/* RUPARO Fonts */

@font-face {
    font-family: 'open_sansregular';
    src:url('fonts/OpenSans-Regular-webfont.eot');
    src:url('fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
        url('fonts/OpenSans-Regular-webfont.woff') format('woff'),
        url('fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
        url('fonts/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansbold';
    src:url('fonts/OpenSans-Bold-webfont.eot');
    src:url('fonts/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
        url('fonts/OpenSans-Bold-webfont.woff') format('woff'),
        url('fonts/OpenSans-Bold-webfont.ttf') format('truetype'),
        url('fonts/OpenSans-Bold-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansitalic';
    src:url('fonts/OpenSans-Italic-webfont.eot');
    src:url('fonts/OpenSans-Italic-webfont.eot?#iefix') format('embedded-opentype'),
        url('fonts/OpenSans-Italic-webfont.woff') format('woff'),
        url('fonts/OpenSans-Italic-webfont.ttf') format('truetype'),
        url('fonts/OpenSans-Italic-webfont.svg#open_sansitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'montserratblack';
    src: url('fonts/montserrat-black-webfont.woff2') format('woff2'),
         url('fonts/montserrat-black-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'montserratbold';
    src: url('fonts/montserrat-bold-webfont.woff2') format('woff2'),
         url('fonts/montserrat-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'montserratextrabold';
    src: url('fonts/montserrat-extrabold-webfont.woff2') format('woff2'),
         url('fonts/montserrat-extrabold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'montserratextralight';
    src: url('fonts/montserrat-extralight-webfont.woff2') format('woff2'),
         url('fonts/montserrat-extralight-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'montserratlight';
    src: url('fonts/montserrat-light-webfont.woff2') format('woff2'),
         url('fonts/montserrat-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'montserratmedium';
    src: url('fonts/montserrat-medium-webfont.woff2') format('woff2'),
         url('fonts/montserrat-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'montserratregular';
    src: url('fonts/montserrat-regular-webfont.woff2') format('woff2'),
         url('fonts/montserrat-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'montserratsemibold';
    src: url('fonts/montserrat-semibold-webfont.woff2') format('woff2'),
         url('fonts/montserrat-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'montserratthin';
    src: url('fonts/montserrat-thin-webfont.woff2') format('woff2'),
         url('fonts/montserrat-thin-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


body, h1, h2, h3, h4, h5, h6 {
font-family: "montserratregular", "open_sansregular", "Segoe UI", Arial, sans-serif;
}

h1 {
    font-family: "montserratsemibold";
}

h1.w3-margin-left {
    padding: 0.01em 16px !important;
    margin-left: 0px !important;
    xmargin-left: 16px !important;
    margin-bottom: 0;
    padding-bottom: 0 !important;
    line-height: 1.15;
    xdisplay: -webkit-box;
    x-webkit-line-clamp: 2;
    x-webkit-box-orient: vertical;
    xoverflow: hidden;
}

h1.w3-padding-24 {
    padding-top: 12px !important;
    xpadding-bottom: 12px !important;
    margin-bottom: 0;
    padding-bottom: 0 !important;
}

.header-inner{
	min-height: 50px;
}

h1.site-name{
	padding-top: 10px;
	padding-left: 0px;
}

h3{
    margin: 24px 0 0 0;
}

/* RUPARO photographs header-thumbnail-fix  */
h2 {
    clear: left;
}

/* RUPARO kleurthema links */
    /* RUP OUD .node__content a, .node__content a:link,.node__content a:hover, */

.w3-threequarter.w3css-content a, .w3-threequarter.w3css-content a:link, .w3-threequarter.w3css-content a {
    color: #DD2800;
}

.w3-threequarter.w3css-content a:link {
    color: #cb2400;
}

. w3-threequarter.w3css-content a:visited {
    color: #904529;
}

. w3-threequarter.w3css-content a:hover{
  text-decoration: underline;
}

p.caption-f{
    font-size: .8em;
    text-align: center !important;
}

.node--view-mode-full .w3-container.node__content .field--name-body p {
  text-align: left;
}

#header {
    background-color: #cb2400;
}

#header a:link, #header a:visited {
    color: #ffffff;
}

#main-container {
    background-color: #ffffff;
    color: #3a3a3a;
}

/* RUPARO kaders main content en search UIT  */
.w3-card {
    box-shadow: 0 1px 3px 0 rgba(0,0,0,0);
}

/* RUPARO labels (Gallerytitle, etc.)  */
.field--label-above > .field__label, .field--label-inline > .field__label {
    xfont-family: montserratsemibold;
    line-height: 20px;
    color: gray;
    padding-right: 12px;
}


/* RUPARO labels op theme pages  */
.page-node-type-themes .field--label-above > .field__label, .field--label-inline > .field__label {
    xfont-family: montserratsemibold;
    line-height: 20px;
    color: black;
    padding-right: 12px;
    font-size: 20px;
}

.page-node-type-themes h2{
    font-size: 20px;
    padding-bottom: 0px !important;
    margin-bottom: 0px !important;
}

.page-node-type-themes #block-views-block-related-posters-block-1{
	padding: 0 16px;
}

.field--name-field-previous,
.field--name-field-next {
	display: inline;
}


.field--name-field-previous a,
.field--name-field-next a {
	visibility: hidden;
	font-size: 0px;
}

.field--name-field-previous a:after {
	content: url("https://chineseposters.net/sites/default/files/sitepics/previous.gif") " Previous";
	visibility: visible;
  	font-size: 16px;
}

.field--name-field-previous:after {
	content: "|";
	padding-left: 8px;
	padding-right: 4px;
	font-size: 16px;
}


.field--name-field-next a:after {
	content: "Next " url("https://chineseposters.net/sites/default/files/sitepics/next.gif");
	visibility: visible;
  	xdisplay: block;
  	xfloat: left;
  	font-size: 16px;
}


.browse img{
	margin-bottom: 6px;
}



/* RUPARO theme thumbnails  */
img.mid-r {
    float: right;
    clear: right;
    margin: 0 0 15px 0;
}

/* RUPARO theme-group img.full en caption*/
img.full {
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    margin-top: 30px;
}
.caption-f {
    text-align: center;
}
.copyright-inner, .ul-parent-account, .ul-parent-footer {
    font-family: "montserratregular", "open_sansregular", "Segoe UI", Arial, sans-serif;
}

.row-four {
        width: 100%;
   }

.views-view-grid .views-col {
    float: left;
    width: 100% !important;
    }


.node--view-mode-full .w3-container.node__content .field--name-body p.caption {
  text-align: center;
}


/* RUPARO second sidebar*/
.second-sidebar .image-style-thumbnail{
	max-width: 100px;
}

.w3-sidebar-second .w3-block-wrapper{
    border: 1px solid #ddd;
    margin: 16px 0 16px;
    padding: 8px;
}

.second-sidebar h2{
  font-size: 24px;
  xfont-size: 16px;
  line-height: 28px;
  xline-height: 24px;
  padding: 0 0 12px 0 !important;
}

#block-addtoanybuttons h2{
  font-size: 16px;
  line-height: 24px;
}

.second-sidebar li{
  margin: 0;
  padding: 0 0 20px 0;
}

#block-more{
	height: 100%;
	overflow: hidden;
}

.second-sidebar label{
	xxxdisplay: none;
}

form#views-exposed-form-search-content-page-1{
	padding: 0 8px 0 8px !important;
}



/* Tags in second sidebar */

.view-tag-block .item-list,
.view-tag-block .item-list li{
	float:left;
}

.view-tag-block .views-field-name a {
	border: 1px solid #cb2400;
	margin-right: 12px;
	margin-bottom: 12px;
	padding: 8px;
	color: #cb2400;

}
.view-tag-block .views-field-name a:hover {
	border: 1px solid #555555;
	color: #555555;
	background-color: #eeeeee;
}
.field--name-field-tags .field--label-above .field__items .field__item:first-child a {
	padding-left: 14px !important;
}

.field--name-field-tags > .field--label-above > .field--label-above > .field__items > .field__item:first-child, .field--label-above > .field__items > .field__item:first-child a {
   xmargin-left: 0 !important;
   xpadding-left: 14px !important;
}

.field--name-field-tags > .field__items > .field__item:first-child a {
   margin-left: 0 !important;
   padding-left: 14px !important;
}

.facets-widget-checkbox ul,
.facets-widget-links ul {
	list-style-type: none;
 	padding: inherit;
}

.facets-widget-checkbox ul label.isactive{
	padding-left: 0px;
}

.facets-widget-checkbox ul label .facet-item__value{
	padding-left: 8px;
}

.facets-widget-links ul li.facet-item label .facet-item__value {
  cursor: pointer;
  color: #cb2400 !important;
  text-decoration: none !important;
}

.facets-widget-links ul li.facet-item label .facet-item__value:hover{
  color: #e18673 !important;
}

.view-order-reprint a.d8-has-image > img.w3-image {
  width: auto;
}


/* RUPARO footer*/
.li-item-footermenu {
	clear: both;
}

.feed-icons {
	display:none;
}




/* RUPARO homepage front*/

.flexslider .slides img {
    height: 300px;
    width: 100%;
    object-fit: cover;
}

.flexslider:hover .flex-direction-nav .flex-prev:hover,
.flexslider .flex-direction-nav .flex-prev,
.flexslider:hover .flex-direction-nav .flex-next:hover,
.flexslider .flex-direction-nav .flex-next {
    overflow: visible;
}

.flexslider{
   margin-left: 12px;
}

.view-header{
  padding: 0 16px !important;
}

hr {
    border: 0;
        border-top-color: currentcolor;
        border-top-style: none;
        border-top-width: 0px;
    border-top: 1px solid #cb2400;
    margin: 20px 32px 0 32px;
}


.w3-panel{
  padding-left: 0px;
}

.view-slideshow,
#block-views-block-most-visited-theme-pages-block-1,
#block-views-block-highlights-block-1,
#block-views-block-recently-added-posters-block-1{
	padding: 0 16px 0 16px;
	}
	

/* RUPARO taxonomy pages*/

.path-taxonomy h1.page-title:first-letter{
  text-transform: capitalize;
}


/* RUPARO poster pages*/

.field--type-image {
    float: none !important;
}

.field--name-field-tags .field__item a {
	border: 1px solid #cb2400;
	margin-right: 8px;
	margin-bottom: 8px;

}
.field--name-field-tags .field__item a:hover {
	border: 1px solid #555555;
	color: #555555;
	background-color: #eeeeee;
}
.field--name-field-tags .field--label-above .field__items .field__item:first-child a {
	padding-left: 14px !important;
}

.field--name-field-tags > .field--label-above > .field--label-above > .field__items > .field__item:first-child, .field--label-above > .field__items > .field__item:first-child a {
   xmargin-left: 0 !important;
   xpadding-left: 14px !important;
}

.field--name-field-tags > .field__items > .field__item:first-child a {
   margin-left: 0 !important;
   padding-left: 14px !important;
}


.field--name-field-taxonomy-artists .field__item ~ .field__item::before {
  content: "; "; 
}

.field--name-field-taxonomy-artists .field__items > .field__item, .field--label-inline > .field__label {
  margin-right: 0px;
}

.field--name-body .field__item p{
  margin-top: 0;
  margin-bottom: 4px;
}

form#views-exposed-form-browse-all-posters-page-1{
   max-width: 100%;
}

/* RUPARO posters in this series */
.view-posters-in-this-series a.d8-has-image > img.w3-image {
  width: auto;
}


/* RUPARO tags lijst*/

.view-tagsglossary.view-id-tagsglossary.view-display-id-page_1 {
  margin-left: 16px;
  margin-right: 16px;
}

.view-tagsglossary{
  xmargin-left: 16px;
  xmargin-right: 16px;
}

.view-display-id-attachment_1{
  xpadding: 0 0px 0 0px;
}

.path-view-tagsglossary .views-field-name a {
  margin-left: 0 !important;
  padding: 7px 12px !important;
}
.path-view-tagsglossary .views-field-name {
  float: left;
  padding-bottom: 24px;
}

.path-view-tagsglossary .views-field-name a {
  border: 1px solid #cb2400;
  margin-right: 8px;
  margin-bottom: 8px;
}

.path-view-tagsglossary .views-field-name a:hover {
  border: 1px solid #555555;
  color: #555555;
  background-color: #eeeeee;
}

.path-view-tagsglossary .w3-panel{
   float: left;
   display: inline;
   clear: none;
   pading: 0 0 0 0;
   margin: 0 0 0 0;
}

.attachment .view-tagsglossary {
  border-top: 1px solid #cb2400;
  border-bottom: 1px solid #cb2400;
  margin-top: 16px;
  margin-bottom: 36px;
}


/* RUPARO artist lijst*/
.view-artistsglossary p{
	margin: 2px 0px 2px 0px;
}
.view-artistsglossary .views-field-name{
	margin-top: 8px;
}

 .field--name-field-see-also-these-pages- .field__item{
 	clear: both;
}

#block-artistsalphabetically {
  border-top: 1px solid #cb2400;
  border-bottom: 1px solid #cb2400;
  margin-top: 16px;
  margin-bottom: 16px;
  margin-left: 32px;
  margin-right: 32px;
  width: auto;
  padding: 0;
}

#block-artistsalphabetically .field__item {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}

.w3-row.view.view-artistsglossary.view-id-artistsglossary.view-display-id-attachment_1.js-view-dom-id-3514fc420d0a7c7f472788dee64f9289bddb5e86e7f956868f365239d12d3c2e{
  display: none;
}

.view-artistsglossary{
  padding: 0 16px 0 16px;
}


/* RUPARO gallery pages*/

.page-node-7282 .field--name-field-gallerytitle,
.page-node-7389 .field--name-field-gallerytitle,
.page-node-7293 .field--name-field-gallerytitle,
.page-node-7294 .field--name-field-gallerytitle,
.page-node-7295 .field--name-field-gallerytitle,
.page-node-7296 .field--name-field-gallerytitle,
.page-node-7297 .field--name-field-gallerytitle,
.page-node-7298 .field--name-field-gallerytitle,
.page-node-7299 .field--name-field-gallerytitle,
.page-node-7300 .field--name-field-gallerytitle,
.page-node-7301 .field--name-field-gallerytitle,
.page-node-7302 .field--name-field-gallerytitle,
.page-node-7303 .field--name-field-gallerytitle,
.page-node-7304 .field--name-field-gallerytitle,
.page-node-7305 .field--name-field-gallerytitle,
.page-node-7306 .field--name-field-gallerytitle,
.page-node-7307 .field--name-field-gallerytitle,
.page-node-7308 .field--name-field-gallerytitle {
display: none;
}

/* RUPARO search result pages*/

.view-search-content a.d8-has-image > img.w3-image {
  width: auto;
}

.flexslider .slides img a.d8-has-image > img.w3-image {
  width: 100%;
}


/*  */
/*  */
/*  */
/*  */
/* RUPARO aanpassingen voor non-mobile*/
/*  */
/*  */
/*  */



@media only screen and (min-width: 581px) {

h1.w3-margin-left, h2.siteslogan {
	margin-left: 16px !important;
	margin-bottom: 0;
	padding-bottom: 0 !important;
	line-height: 1.15;
}

h1.site-name{
	padding-top: 0px;
	padding-left: 32px;
}


.row-two {
    width: 40%;
    text-align: center;
    margin: 5px 15px 10px 0px;
    display: inline-block;
    vertical-align: top;
}


.row-four {
    width: 22%;
    text-align: center;
    margin: 5px 15px 10px 0px;
    display: inline-block;
    vertical-align: top;
}

.views-view-grid .views-col {
    float: left;
    width: 25% !important;
    }
    
.field--name-field-titlepinyin{
	xxfloat: left;
	xxpadding-right: 8px;
	margin-top: 4px !important;
}

.field--name-field-titlechinese{
	xxfloat: left;
	xxpadding-right: 8px;
	margin-bottom: 4px !important;
}

.field--name-field-titlechinese::before {
  xxcontent: "(";
}

.field--name-field-titlechinese::after {
  xxcontent: ")";
}

.field--name-field-taxonomy-artists .field__items .field__item {
	xpadding-right: 16px;
	}

.field--label-above > .field__item,
.field--label-above > .field__items{
	clear: none;
	xpadding-left: 16px;
	}
	
label{
	width: 150px;
}

.field--label-inline, .field--label-above{
	margin-top: 4px !important;
	margin-bottom: 4px !important;
}
 
form#views-exposed-form-browse-all-posters-page-1 .w3-section.form-item, 
form#views-exposed-form-browse-all-posters-page-1 .main-container-inner .w3-code.form-item{
     margin-top: 8px !important;
     margin-bottom: 8px !important;
     width: 50%;
     float: left;
     padding-right: 20px;
}
 
.view-artistsglossary .attachment{
	border-top: 1px solid #cb2400;
	border-bottom: 1px solid #cb2400;
	margin-top: 16px;
	margin-bottom: 16px;
	display: none;
}
 
 
}

@media only screen and (max-width: 992px) {

h1.site-name{
	xpadding-top: 0px;
	padding-left: 0px;
}
}

@media only screen and (max-width: 600px) {
  .page-title {
    font-size: 24px !important;
  }
}