@import url('https://fonts.googleapis.com/css?family=Fira+Sans:100,900|PT+Sans:400,400i,700');

*{font-family: 'PT Sans', sans-serif;}
.inner-wrap{min-height:100vh;position:relative;padding-top: 1rem;}
.row{max-width: 90rem;max-width:75%;}
#block-moliland-branding{width: 20%;float:left;margin-bottom: 5rem;}
#block-moliland-branding>div>a{color:#000;font-family: 'Fira Sans', 'sans-serif';font-size:3rem;font-weight:900;letter-spacing: 0.5rem;}
#block-moliland-main-menu{width:80%;float:left;text-align: right;}
#block-moliland-main-menu>.menu{list-style:none;margin-top: 2rem;padding-right: 1.666%;}
#block-moliland-main-menu>.menu li{display: inline;margin: 0 25px;}
#block-moliland-main-menu > .menu li:last-child{margin-right:0;}
#block-moliland-main-menu>.menu li a{color: #ccc;font-family: 'Fira Sans', 'sans-serif';font-weight:900;letter-spacing: 0.1rem;}
#block-moliland-main-menu>.menu li a.is-active, #block-moliland-main-menu>.menu li a:hover{color: #000;}

#block-moliland-page-title h1{font-family: 'Fira Sans', 'sans-serif';margin-bottom: 2rem;font-size:14px;font-weight:900;}

#block-moliland-content{padding-bottom: 150px;}

/*HOME*/
.view-home .views-field-field-image{float:right;top:0;margin-left: 2%;width:66%;text-align:right;}
.view-home .views-field-field-image img{max-height: 50vh;width:auto;}
.view-home{position:relative;}

.view-home>div{width: 25%;float:left;left: 0;}

.bx-controls-direction a{color: #000;text-decoration:none;}
.bx-next{margin-left: 10px;}

#sidebar-second{margin-bottom: 100px;}

/*BLOG*/
.view-blog{max-width: 60rem;}
.view-blog .views-row{margin-bottom: 5%;padding-bottom:2.5%;border-bottom: 1px solid #dedede;}
.view-blog .views-field-field-post-{font-size: 2rem;width: 20%;float:left;}
.view-blog .views-field-title{width: 80%;float:left;font-size: 2rem;margin-bottom:0.35em;}
.view-blog .views-field-body{width: 50%;float:left;padding-left: 2em;}
.view-blog .views-field-field-image{width: 50%;float:left;text-align: left;}

/*PERFORMANCE*/
.view-all-perfo{margin-bottom: 5em;}
/*.view-perfo-row{float:left;padding-right: 1em;text-align:center;}
.view-perfo-row a{color: #000;font-weight:700;}
.view-perfo-row .views-field-title{margin-top:1em;transition-duration: 0.2s;margin-bottom:2em;}
.view-perfo-row:hover .views-field-title{letter-spacing: 0.05em;} 
.view-perfo-row:last-child:after{clear:both;}
*/
.view-perfo-row{float:left;position:relative;width:30.66666666%;margin-bottom:4%;margin-right: 2.6666%;}
/*.view-va-row:nth-child(3n+1){margin-right:2%;}
.view-va-row:nth-child(3n+2){margin-right:2%;margin-left:2%;}
.view-va-row:nth-child(3n){margin-left:2%;}
*/.view-perfo-row a{color:#000;font-weight:700;}
.view-perfo-row .views-field-title{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-10;display:flex;align-items: center;justify-content: center;text-align:center;}
.view-perfo-row .views-field-field-gallerie-p{position:aboslute;width:100%;height:auto;z-index:200;opacity:1;cursor:pointer;transition-duration: 0.2s;}
.view-perfo-row:hover .views-field-field-gallerie-p{opacity:0.3;}
.view-perfo-row:last-child{margin-bottom: 30em;}

.otherPerfo{width:100%;position:absolute;top:0;text-align:right;padding-right: 1.876rem;}
.otherPerfo a{color: #000;font-style:italic;text-align:right;font-size:14px;}

.section-performance .field-node--field-gallerie-p{width: 100%;text-align: center;position:relative;clear:both;}
.section-performance .field-node--field-gallerie-p:after {content: "";display: table;clear: both;}
.section-performance .field-node--body{font-style:italic;font-size:1.2em;margin: 2em auto;width: 50%;float:left;text-align:center;margin-bottom: 5em;}
.section-performance .field-node--field-gallerie-p .field-item{width:50%;float:left;margin: 0 auto;padding-bottom:2em;}
.section-performance .field-node--field-gallerie-p .field-item:nth-child(2n-1){padding-right:1em;}
.section-performance .field-node--field-gallerie-p .field-item:nth-child(2n){padding-left:1em;}
.section-performance .field-node--field-date-job{margin-top:1em;width:100%;text-align:right;}
.section-performance .field-node--field-video{width: 50%;float:left;margin-bottom: 5em;padding-left:1em;}
.section-performance .field-node--field-video iframe{width:100%;}

/*PAINTINGS*/
.painting-view-row{position: realtive;width:100%;margin-bottom: 5%;list-style: none;margin-left: -1.1rem;}
.painting-view-row .views-field-title{font-weight: 700;}
.painting-view-row .views-field-field-tableau{width: 50%;margin-right: 5%;float:left;}
.painting-view-row .views-field-field-tableau img{width:100%;height:auto;}

/*VISUAL ART*/
.view-va-row{float:left;position:relative;width:30.66666666%;margin-bottom:4%;margin-right: 2.6666%;}
/*.view-va-row:nth-child(3n+1){margin-right:2%;}
.view-va-row:nth-child(3n+2){margin-right:2%;margin-left:2%;}
.view-va-row:nth-child(3n){margin-left:2%;}
*/.view-va-row a{color:#000;font-weight:700;}
.view-va-row .views-field-title{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-10;display:flex;align-items: center;justify-content: center;text-align:center;}
.view-va-row .views-field-field-gallerie-p{position:aboslute;width:100%;height:auto;z-index:200;opacity:1;cursor:pointer;transition-duration: 0.2s;}
.view-va-row:hover .views-field-field-gallerie-p{opacity:0.3;}
.view-va-row:last-child{margin-bottom: 30em;}

.section-visual-art .block-moliland-page-title h1 *{font-weight:400;font-size:1.4em;}
.section-visual-art .field-node--field-gallerie-p .field-item{margin-bottom: 1em;}
.section-visual-art .field-node--field-gallerie-p .field-item{width:50%;float:left;margin: 0 auto;padding-bottom:2em;}
.section-visual-art .field-node--field-gallerie-p .field-item:nth-child(2n-1){padding-right:1em;}
.section-visual-art .field-node--field-gallerie-p .field-item:nth-child(2n){padding-left:1em;}
.section-visual-art .field-node--field-gallerie-p .field-item img{width: 100%;}


/*CONTACT*/
#block-designertextil, #block-moliland, .section-contact #block-moliland-content{float:left;width:47%;margin-right:3%;}
#block-designertextil .block-title, #block-moliland .block-title, .section-contact #block-moliland-content .block-title{font-size:1em;font-weight:700;}
#block-moliland .field-block-content--body p, #block-designertextil .field-block-content--body p{font-size: 0.875em;width:80%;}
#block-moliland .field-block-content--body p a{color:#000;font-style:italic;text-decoration:none;}
#block-moliland .field-block-content--body p a:hover{text-decoration:underline;}
.contact-message-feedback-form{margin-top:1.5em;}
#edit-preview{display:none;}
button.success, .button.success{background-color:transparent;border:1px solid #000;color:#000;border-radius:0;}
button.success:hover, .button.success:hover{background-color: #000;color:#fff;border-color:#000;}

.bottom-bar{margin-bottom:0;width:100%;bottom:0;position:absolute;clear:both;height:4em;margin-top:4em;}

#contact-message-feedback-form{display:none;}

@media screen and (max-width:1280px){
.row{max-width: 90rem;max-width:90%;}
#block-moliland-main-menu>.menu{    font-size: 0.75em;
    margin-top: 3.25em;}
    #block-moliland-main-menu>.menu li{margin: 0 17.5px;}
}


@media screen and (max-width:760px){
.row{max-width: 90rem;max-width:95%;}
	#block-moliland-branding{width:100%;margin-bottom:1rem;}
	#block-moliland-main-menu>.menu{margin-left:0;margin-bottom:2rem;}
		#block-moliland-main-menu>.menu li{margin-left:0;}
.view-blog .views-field-field-post-, .view-blog .views-field-title{font-size: 1.25rem;}
#block-designertextil, #block-moliland, .section-contact #block-moliland-content{width:48%;margin-right:2%;}
#block-designertextil{display:none;}
#block-moliland-main-menu>.menu{    font-size: 0.75em;
    margin-top: 1em;width:100%;text-align:left;	}


}


@media screen and (max-width:540px){
.row{max-width: 90rem;max-width:100%;}
.view-home > div{width:100%;}
.view-home .views-field-field-image{width:100%;text-align:left;}

/*#block-moliland-main-menu>.menu{font-size:2em;}
		p, a, span, div{font-size:0.875em;}*/
		.section-performance .field-node--body, .section-performance .field-node--field-video{width:100%;}
		.view-blog .views-field-field-post-, .view-blog .views-field-title{display:block;float:none;width:80%;}
		.view-home .views-field-field-image, view-home>div{}
		.painting-view-row .views-field-field-tableau{float:none;width:80%}
		#block-designertextil, #block-moliland, .section-contact #block-moliland-content{width:90%;}
		#block-designertextil{display:none;}
		
		.otherPerfo{position:relative;margin-bottom:1em;margin-top:-2em;padding-right: 0.936rem;}
		
.view-va-row{float:left;position:relative;width:100%;margin-bottom:2%;}
.view-va-row:nth-child(3n+2){margin-right:0;margin-left:0;}
.view-va-row:nth-child(3n){margin-right:0;margin-left:0;}
.view-va-row:nth-child(3n+1){margin-right:0;margin-left:0;}

}
 



/* Preload images */
body:after {
  content: url(../images/close.png) url(../images/loading.gif) url(../images/prev.png) url(../images/next.png);
  display: none;
}

body.lb-disable-scrolling {
  overflow: hidden;
}

.lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  display: none;
}

.lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  text-align: center;
  line-height: 0;
  font-weight: normal;
}

.lightbox .lb-image {
  display: block;
  height: auto;
  max-width: inherit;
  max-height: none;
  border-radius: 3px;

  /* Image border */
  border: 4px solid white;
}

.lightbox a img {
  border: none;
}

.lb-outerContainer {
  position: relative;
  *zoom: 1;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  border-radius: 4px;

  /* Background color behind image.
     This is visible during transitions. */
  background-color: white;
}

.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-loader {
  position: absolute;
  top: 43%;
  left: 0;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}

.lb-cancel {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  background: url(../images/loading.gif) no-repeat;
}

.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

.lb-container > .nav {
  left: 0;
}

.lb-nav a {
  outline: none;
  background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');
}

.lb-prev, .lb-next {
  height: 100%;
  cursor: pointer;
  display: block;
}

.lb-nav a.lb-prev {
  width: 34%;
  left: 0;
  float: left;
  background: url(../images/prev.png) left 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-prev:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-nav a.lb-next {
  width: 64%;
  right: 0;
  float: right;
  background: url(../images/next.png) right 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-next:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  *zoom: 1;
  width: 100%;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-data {
  padding: 0 4px;
  color: #ccc;
}

.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em;
}

.lb-data .lb-caption {
  font-size: 13px;
  font-weight: bold;
  line-height: 1em;
}

.lb-data .lb-caption a {
  color: #4ae;
}

.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 12px;
  color: #999999;
}

.lb-data .lb-close {
  display: block;
  float: right;
  width: 30px;
  height: 30px;
  background: url(../images/close.png) top right no-repeat;
  text-align: right;
  outline: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.lb-data .lb-close:hover {
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}