/*
Theme Name: Nadia Lauro v1.0
Theme URI: nadialauro.com
Author: Vivyane Fernando
Author URI: vivyanefernando.info
*/

* {margin:0;padding: 0;box-sizing: border-box;}

html {-webkit-font-smoothing: antialiased;}

body {
    font-family: 'Libre Baskerville', serif; font-size: 16px; line-height: 27px; font-weight: normal; letter-spacing:0.3px;
    text-rendering: optimizeLegibility;-webkit-font-smoothing: subpixel-antialiased;
}

p {margin: 0 0 27px 0;}

ul, ul li {list-style: none; list-style-type: none;}

.visuallyhidden {display: none;}




/*///////////////////
//// content area ///
///////////////////*/
/*///////////////////
//    structure   ///
///////////////////*/

#wrapper {margin: 130px 2% 0 2%;}
figure {margin:0;}

/* HEADER */

header {
    position: fixed;
    top: 0; left: 0;
    height: 73px;
    width: 100%;
    float: none;
    clear: both;
    padding: 27px 2% 30px 2%;
    z-index: 2;
    background-color: white;
}

.clearfix {width: 100%; clear: both;}

/* header - desktop version specs without toggle */

header ul, header ul li { display: inline;}

#menu-left {width: 50%; float: left; clear: left; text-align: left;}
#menu-right {width: 50%; float: left; clear: right; text-align: right;}

ul#menu-left li, ul#menu-right li {padding-right:25px;}
ul#menu-left li:last-child, ul#menu-left li:last-child {padding: 0;}

/* TOGGLE BUTTON */

button.toggle-button {position: fixed; top: 0; right: 0;}


/* HOMEPAGE SLIDESHOW */

header.menu-slideshow {background-color: transparent; color: white;}
.homeSlideshow {position: fixed; top: 0; left: 0; width: 100%; height: 100vh;cursor:url(../nadia_lauro/img/eyes-white.png), url(img/eyes-white.png),default; border: 0; background-color: black;background-repeat:no-repeat;background-size:cover;background-position: center;}
.homeSlideshow a:link {border: 0;}

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 2s;
  animation-name: fade;
  animation-duration: 2s;
}

@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}


/* Scenographies */

/* archive-scenographies.php */

section #scen-grid { width: 100%; clear: both; padding-left: 20%;cursor:url(../coc/img/eyes-white.png), url(img/eyes-white.png),default;}
section #scen-grid div.tri-break {position: inherit; width: 31.3%; float: left; clear: none; margin:0 2% 80px 0; border: 0;}
section #scen-grid div.tri-break:nth-child(3n) {margin-right:0;}
section #scen-grid div.tri-break figure img {width: 100%; height: auto;}
section #scen-grid div.tri-break a {cursor:url(../coc/img/eyes-white.png), url(img/eyes-white.png),default;}

/* single-scenographies.php */

h1.scen-title {width: 100%; text-align: center; font-family: 'Oswald', sans-serif; font-weight: 400; text-transform: uppercase; font-style: normal; letter-spacing: 0.6px; font-size: 30px; padding-bottom: 16px;}
div.scen-title-center {clear: both; width: 100%; margin: 0 auto; text-align: center; padding-bottom: 70px;}
div.scen-title-in {padding-bottom: 6px;}
span.scen-title-h2 {font-size: 20px; font-weight: normal; font-style: italic;}
span.scen-title-year {font-size: 11px;}


#scen-left { width: 22%; float: left; clear: left; position: relative; }

#scen-middle { width: 50%; float: left; clear: none; margin-left: 3%; position: relative; padding-bottom: 50px; }

#scen-right { width: 22%; float: left; clear: right; margin-left: 3%; position: relative; font-size: 11px; line-height: 17px;}

#scen-middle figure, .video-container {padding-bottom: 27px;}
#scen-middle img {width: 100%; height: auto;}
#scen-right p {margin: 0 0 17px 0;}


.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


/* INFOS */

section#infos {width: 100%; clear: both;}
#sub-menu {position: fixed; width: 20%;}
#main-text {max-width: 600px; margin:0 auto; padding-bottom: 50px;}

/* single-bio.php  */


/* archive-news.php */

.news_item {padding-bottom: 54px;}
.news_1 {font-style: italic;}
.news_dates {padding-left: 30px;}


/* single-press.php */

nav.press-prev {position: fixed; bottom: 35px; left: 35px; padding: 10px;}
nav.press-next {position: fixed; bottom: 35px; right: 35px; padding: 10px;}
h1.press {font-size: 24px; line-height: 32px; padding-bottom: 32px; font-weight: normal; font-style: italic;}


/* archive-collaborators.php */

#archive-collaborators {width: 100%; clear: both; text-align: center;}



/* CONTACT */
section#contact_new {text-align: center; width: 100%;}
section#contact_new div {text-align: center; }
section#contact {text-align: left;max-width: 590px; margin: 0 auto;}
section#contact input, section#contact textarea {padding: 5px;margin: 5px 0 10px 0;font-family: 'Libre Baskerville', serif; font-size: 20px; line-height: 27px; font-weight: normal; letter-spacing: 0.2px; color: #808080; border: 1px solid #808080; background: transparent;}
section#contact input {width:250px;}
section#contact textarea {width: 590px; outline: 0; border: 1px solid #808080;}
section#contact input.wpcf7-form-control.wpcf7-submit {width: 100px; font-size: 16px; color: black;}
section#contact input.wpcf7-form-control.wpcf7-submit:hover {color: white; background-color: #808080;}



/* SEARCH */

/* wp menu search font-awesome */

li#menu-item-14 a .link-text {display: none;}

li#menu-item-14 a:before {
  content: "\f002"; 
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  line-height: 20px;
  z-index: 90;
  font-size: 14px;
}

/* search results */

section#search h1.results-heading {text-align: center;font-family: 'Libre Baskerville', serif; font-size: 20px;line-height: 27px; font-weight: normal; font-style: italic; padding-bottom: 54px;}

li.search-list {padding-bottom: 27px;}
li.search-list p {margin-bottom: 0;}

/* search page */

section#search form {text-align: center; margin: 0 auto;}

#searchsubmit {
text-indent: -99999px;
border: medium none; 
background: transparent; 
}

#s {
    font-family: 'Libre Baskerville', serif; color: #808080; font-size: 20px; line-height: 27px; font-style: italic; letter-spacing:0.2px;
    text-rendering: optimizeLegibility;-webkit-font-smoothing: subpixel-antialiased;
    border-bottom: 1px solid grey;
    padding: 10px 0 10px 0;
}

form input, form input:focus, form input[type="text"] {
    outline: none; border: none; background: transparent;
}

::-webkit-input-placeholder {
    color: #cccccc;
    opacity: 1 !important;
    text-align: center;
}

:-moz-placeholder { /* Firefox 18- */
    color: #cccccc;  
    opacity: 1 !important;
    text-align: center;
}

::-moz-placeholder {  /* Firefox 19+ */
    color: #cccccc; 
    opacity: 1 !important;
    text-align: center;
}

:-ms-input-placeholder {  
    color: #cccccc;  
    opacity: 1 !important;
    text-align: center;
}



/*////////////
//// links ///
////////////*/
a {text-decoration: none;transition: color 0.3s ease; border: 0; outline: 0;}
a:link, a:visited {color: #808080; text-decoration: none;}
a:hover, a:active {color: black; text-decoration: none;font-family: 'Libre Baskerville', serif; font-style: italic;}

/* homepage slideshow links */
header#menu nav ul#menu-left-slideshow li a:link, header#menu nav ul#menu-left-slideshow li a:visited, header#menu nav ul#menu-left-slideshow li a:hover, header#menu nav ul#menu-left-slideshow li a:active {color: white; text-decoration: none;}
/* main menu links normal state */
header#menu nav ul#menu-left li.menu-item a:link, 
header#menu nav ul#menu-right li.menu-item a:link,
ul#menu-infos li.menu-item a:link,
ul#menu-scen li.menu-item a:link,
header#menu nav ul#menu-left li.menu-item a:visited, 
header#menu nav ul#menu-right li.menu-item a:visited,
ul#menu-infos li.menu-item a:visited,
ul#menu-scen li.menu-item a:visited,
{color: #808080; text-decoration: none;}

/* menu item nadia lauro */
header#menu nav ul#menu-left li.menu-item.current-menu-item.menu-item-169 a:link, 
header#menu nav ul#menu-left li.menu-item.current-menu-item.menu-item-169 a:visited, 
header#menu nav ul#menu-left li.menu-item.current-menu-item.menu-item-169 a:hover, 
header#menu nav ul#menu-left li.menu-item.current-menu-item.menu-item-169 a:active
{color: #808080; text-decoration: none; font-style: normal;}

/* menu item scenographies */
body.scenographies header#menu nav ul#menu-left li#menu-item-9 a:link, body.scenographies header#menu nav ul#menu-left li#menu-item-9 a:visited, body.scenographies header#menu nav ul#menu-left li#menu-item-9 a:hover, body.scenographies header#menu nav ul#menu-left li#menu-item-9 a:active {color: black; text-decoration: none;font-family: 'Libre Baskerville', serif; font-style: italic;}

/* menu item infos */
body.infos header#menu nav div.menu-main-right-container ul#menu-right li#menu-item-11 a:link, body.infos header#menu nav div.menu-main-right-container ul#menu-right li#menu-item-11 a:visited, body.infos header#menu nav div.menu-main-right-container ul#menu-right li#menu-item-11 a:hover, body.infos header#menu nav div.menu-main-right-container ul#menu-right li#menu-item-11 a:active {color: black; text-decoration: none;font-family: 'Libre Baskerville', serif; font-style: italic;}

/* menu item collaborators */
body.collaborators header#menu nav div.menu-main-right-container ul#menu-right li#menu-item-12 a:link, body.collaborators header#menu nav div.menu-main-right-container ul#menu-right li#menu-item-12 a:visited, body.collaborators header#menu nav div.menu-main-right-container ul#menu-right li#menu-item-12 a:hover, body.collaborators header#menu nav div.menu-main-right-container ul#menu-right li#menu-item-12 a:active {color: black; text-decoration: none;font-family: 'Libre Baskerville', serif; font-style: italic;}

/* menu item contact */
body.contact header#menu nav div.menu-main-right-container ul#menu-right li#menu-item-13 a:link, body.contact header#menu nav div.menu-main-right-container ul#menu-right li#menu-item-13 a:visited, body.contact header#menu nav div.menu-main-right-container ul#menu-right li#menu-item-13 a:hover, body.contact header#menu nav div.menu-main-right-container ul#menu-right li#menu-item-13 a:active {color: black; text-decoration: none;font-family: 'Libre Baskerville', serif; font-style: italic;}

/* menu item infos > bio */
body.infos.bio nav#sub-menu ul#menu-infos li#menu-item-15 a:link, body.infos.bio nav#sub-menu ul#menu-infos li#menu-item-15 a:visited, body.infos.bio nav#sub-menu ul#menu-infos li#menu-item-15 a:hover, body.infos.bio nav#sub-menu ul#menu-infos li#menu-item-15 a:active {color: black; text-decoration: none;font-family: 'Libre Baskerville', serif; font-style: italic;}

/* menu item infos > news */
body.infos.news nav#sub-menu ul#menu-infos li#menu-item-16 a:link, body.infos.news nav#sub-menu ul#menu-infos li#menu-item-16 a:visited, body.infos.news nav#sub-menu ul#menu-infos li#menu-item-16 a:hover, body.infos.news nav#sub-menu ul#menu-infos li#menu-item-16 a:active {color: black; text-decoration: none;font-family: 'Libre Baskerville', serif; font-style: italic;}

/* menu item infos > press */
body.infos.press nav#sub-menu ul#menu-infos li#menu-item-17 a:link, body.infos.press nav#sub-menu ul#menu-infos li#menu-item-17 a:visited, body.infos.press nav#sub-menu ul#menu-infos li#menu-item-17 a:hover, body.infos.press nav#sub-menu ul#menu-infos li#menu-item-17 a:active {color: black; text-decoration: none;font-family: 'Libre Baskerville', serif; font-style: italic;}

/* menu item scenographies > viewall */
body.scenographies.viewall nav#sub-menu ul#menu-scen li#menu-item-18 a:link, body.scenographies.viewall nav#sub-menu ul#menu-scen li#menu-item-18 a:visited, body.scenographies.viewall nav#sub-menu ul#menu-scen li#menu-item-18 a:hover, body.scenographies.viewall nav#sub-menu ul#menu-scen li#menu-item-18 a:active {color: black; text-decoration: none;font-family: 'Libre Baskerville', serif; font-style: italic;}

/* menu item scenographies > environments */
body.scenographies.environments nav#sub-menu ul#menu-scen li#menu-item-19 a:link, body.scenographies.environments nav#sub-menu ul#menu-scen li#menu-item-19 a:visited, body.scenographies.environments nav#sub-menu ul#menu-scen li#menu-item-19 a:hover, body.scenographies.environments nav#sub-menu ul#menu-scen li#menu-item-19 a:active {color: black; text-decoration: none;font-family: 'Libre Baskerville', serif; font-style: italic;}

/* menu item scenographies > architectural-devices */
body.scenographies.architectural-devices nav#sub-menu ul#menu-scen li#menu-item-20 a:link, body.scenographies.architectural-devices nav#sub-menu ul#menu-scen li#menu-item-20 a:visited, body.scenographies.architectural-devices nav#sub-menu ul#menu-scen li#menu-item-20 a:hover, body.scenographies.architectural-devices nav#sub-menu ul#menu-scen li#menu-item-20 a:active {color: black; text-decoration: none;font-family: 'Libre Baskerville', serif; font-style: italic;}

/* menu item scenographies > houses */
body.scenographies.houses nav#sub-menu ul#menu-scen li#menu-item-21 a:link, body.scenographies.houses nav#sub-menu ul#menu-scen li#menu-item-21 a:visited, body.scenographies.houses nav#sub-menu ul#menu-scen li#menu-item-21 a:hover, body.scenographies.houses nav#sub-menu ul#menu-scen li#menu-item-21 a:active {color: black; text-decoration: none;font-family: 'Libre Baskerville', serif; font-style: italic;}

/* menu item scenographies > remote-environments */
body.scenographies.remote-environments nav#sub-menu ul#menu-scen li#menu-item-22 a:link, body.scenographies.remote-environments nav#sub-menu ul#menu-scen li#menu-item-22 a:visited, body.scenographies.remote-environments nav#sub-menu ul#menu-scen li#menu-item-22 a:hover, body.scenographies.remote-environments nav#sub-menu ul#menu-scen li#menu-item-22 a:active {color: black; text-decoration: none;font-family: 'Libre Baskerville', serif; font-style: italic;}

/* menu item scenographies > dancing-spaces */
body.scenographies.dancing-spaces nav#sub-menu ul#menu-scen li#menu-item-23 a:link, body.scenographies.dancing-spaces nav#sub-menu ul#menu-scen li#menu-item-23 a:visited, body.scenographies.dancing-spaces nav#sub-menu ul#menu-scen li#menu-item-23 a:hover, body.scenographies.dancing-spaces nav#sub-menu ul#menu-scen li#menu-item-23 a:active {color: black; text-decoration: none;font-family: 'Libre Baskerville', serif; font-style: italic;}

/* menu item scenographies > living-architectures */
body.scenographies.living-architectures nav#sub-menu ul#menu-scen li#menu-item-24 a:link, body.scenographies.living-architectures nav#sub-menu ul#menu-scen li#menu-item-24 a:visited, body.scenographies.living-architectures nav#sub-menu ul#menu-scen li#menu-item-24 a:hover, body.scenographies.living-architectures nav#sub-menu ul#menu-scen li#menu-item-24 a:active {color: black; text-decoration: none;font-family: 'Libre Baskerville', serif; font-style: italic;}

/* menu item scenographies > anterooms */
body.scenographies.anterooms nav#sub-menu ul#menu-scen li#menu-item-25 a:link, body.scenographies.anterooms nav#sub-menu ul#menu-scen li#menu-item-25 a:visited, body.scenographies.anterooms nav#sub-menu ul#menu-scen li#menu-item-25 a:hover, body.scenographies.anterooms nav#sub-menu ul#menu-scen li#menu-item-25 a:active {color: black; text-decoration: none;font-family: 'Libre Baskerville', serif; font-style: italic;}

/* menu item scenographies > in-situ */
body.scenographies.in-situ nav#sub-menu ul#menu-scen li#menu-item-26 a:link, body.scenographies.in-situ nav#sub-menu ul#menu-scen li#menu-item-26 a:visited, body.scenographies.in-situ nav#sub-menu ul#menu-scen li#menu-item-26 a:hover, body.scenographies.in-situ nav#sub-menu ul#menu-scen li#menu-item-26 a:active {color: black; text-decoration: none;font-family: 'Libre Baskerville', serif; font-style: italic;}

/* menu item scenographies > antidotes */
body.scenographies.antidotes nav#sub-menu ul#menu-scen li#menu-item-170 a:link, body.scenographies.antidotes nav#sub-menu ul#menu-scen li#menu-item-170 a:visited, body.scenographies.antidotes nav#sub-menu ul#menu-scen li#menu-item-170 a:hover, body.scenographies.antidotes nav#sub-menu ul#menu-scen li#menu-item-170 a:active {color: black; text-decoration: none;font-family: 'Libre Baskerville', serif; font-style: italic;}

/* menu item scenographies > situational-objects */
body.scenographies.situational-objects nav#sub-menu ul#menu-scen li#menu-item-27 a:link, body.scenographies.situational-objects nav#sub-menu ul#menu-scen li#menu-item-27 a:visited, body.scenographies.situational-objects nav#sub-menu ul#menu-scen li#menu-item-27 a:hover, body.scenographies.situational-objects nav#sub-menu ul#menu-scen li#menu-item-27 a:active {color: black; text-decoration: none;font-family: 'Libre Baskerville', serif; font-style: italic;}

/* menu item scenographies > others */
body.scenographies.others nav#sub-menu ul#menu-scen li#menu-item-28 a:link, body.scenographies.others nav#sub-menu ul#menu-scen li#menu-item-28 a:visited, body.scenographies.others nav#sub-menu ul#menu-scen li#menu-item-28 a:hover, body.scenographies.others nav#sub-menu ul#menu-scen li#menu-item-28 a:active {color: black; text-decoration: none;font-family: 'Libre Baskerville', serif; font-style: italic;}



/*////////////////////
//// media queries ///
////////////////////*/

@media screen and (min-width: 1101px) { #scen-right.credits-desktop {display: block;} .credits-mobile {display: none;} }

@media screen and (max-width: 1100px) { #wrapper {margin-top: 94px;}  #sub-menu {position: relative; width: 100%; clear: both; padding-bottom: 54px;} section #scen-grid { padding-left:0;}
    
h1.scen-title {font-size: 30px; padding-bottom: 16px; padding-top: 25px;}
#scen-left { width: 100%; float: none; clear: both; position: relative; padding: 0 15% 54px 15%;}
#scen-middle { width: 100%; float: none; clear: both; position: relative; padding-bottom: 54px; margin: 0; }
    .scen_text {padding: 0 15% 0 15%;}
#scen-right.credits-desktop {display: none;} 
#scen-right.credits-mobile {display: block;width: 100%; float: none; clear: both; margin-left: 0; position: relative; font-size: 11px; line-height: 17px; padding: 54px 15% 54px 15%;}
    
}

@media screen and (min-width: 981px) {button.toggle-button, h1.mobile-only { display: none;} }

@media screen and (max-width: 980px) {    
    #wrapper {margin: 80px 15px 0 15px;}   
    button.toggle-button {position: fixed; top: 12px; right: 15px; outline:0; background: transparent; border: 0; font-size: 25px; z-index: 6;cursor: pointer;}
    
    button.toggle-button.icon-toggle {background: url(img/open.png); width: 17px; height: 17px; background-repeat: no-repeat; background-size: contain; margin-top: 9px;}
    button.toggle-button.close {background: url(img/close.png);width: 16px; height: 16px;background-size: contain;}
    
    h1.mobile-only.homepage {display: none;}
    
    h1.mobile-only {position: fixed; display: block; z-index: 3; background: white;padding: 20px 0 20px 0; top:0; left;0; width: 100%;height: 60px; margin: 0; font-size: 20px; font-weight: normal; font-style: italic}
        
    header {display: none; width: 100%; height: 100%; color: white; z-index: 5; background-color: #cccccc; padding-top: 54px;}
    header.menu-slideshow {display: block;}
    header ul, header ul li { display: block; margin-bottom: 27px;}
    #home {width: 100%; float: none; clear: both; font-size: 20px; text-transform: none; text-align: center; margin-top: 25px;}
    #menu-left {width: 100%; float: none; clear:both; text-align: center;}
    #menu-right {width: 100%; float: none; clear: both; text-align: center;}
    ul#menu-left li {padding-right:0;} ul#menu-right li {padding-right:0;}
    ul#menu-left li:last-child, ul#menu-right li:last-child {padding: 0;}
    li#menu-item-14 a {margin-left:0;}
    li#menu-item-14 a:after {display: none;}
    
}

@media screen and (max-width: 768px) {
    
    
    #menu-left-slideshow {text-align: center;}
    section #scen-grid div.tri-break {width: 49%; margin:0 2% 20px 0;}
    section #scen-grid div.tri-break:nth-child(3n) {margin-right:2%;}
    section #scen-grid div.tri-break:nth-child(2n) {margin-right:0;}
    
    #scen-left { width: 100%; float: none; clear: both; position: relative; padding: 0 0 35px 0;}
    #scen-middle { width: 100%; float: none; clear: both; position: relative; padding-bottom: 50px; margin: 0; }
    .scen_text {padding: 0;}
    #scen-right { width: 100%; float: none; clear: both; margin-left: 0; position: relative; font-size: 11px; line-height: 17px; padding: 0 0 15% 0;}

    #main-text {overflow: hidden;}
    nav.press-prev {display: none;}
    nav.press-next {display: none;}

}

@media screen and (max-width: 650px) {
/* CONTACT */
section#contact_new {text-align: center;margin: 0;}
section#contact {text-align: left;max-width: 300px; margin: 0;}
section#contact input {width:300px;}
section#contact textarea {width: 300px; outline: 0; border: 1px solid #808080;}
    
section #scen-grid div.tri-break {width: 100%; margin:0 0 20px 0;}
section #scen-grid div.tri-break:nth-child(3n) {margin-right:0;}
section #scen-grid div.tri-break:nth-child(2n) {margin-right:0;}
}