/* CMS and Theme by IO200 CMS (https://www.io200.com) */
@import "_base.css?v=2.8.8";


/*#########################################################*/
/*##########LAYOUT#########################################*/
/*#########################################################*/
:root{--website-background:#fff;} 
@media (min-width:1000px){html{margin-left:calc(100vw - 100%);}}
body {font-size:15.2px;font-family:'Open Sans', sans-serif;color:#464646;background:var(--website-background);}
main h1,main h2,main h3,main h4,main h5,main h6{color:#222222;}

/*----------DESKTOP----------------------------------------*/
@media (min-width:1000px){
  div#container{width:100%;max-width:1260px;margin:0 auto;padding:2rem 3rem;box-sizing:border-box;}
  header, main, footer{width:100%;box-sizing:border-box;}
  header{margin-bottom:1em;}
  main{padding:1rem 0;}
  footer{padding-top:0.5rem;clear:both;border-top:1px solid #f4f4f4;}
}
/*header*/
@media (min-width:1000px){
  header span.title{margin-bottom:0.1em;color:#383838;font-size:2.4em;font-weight:300;font-family:'Lato', sans-serif;display:inline-block;}
  header span.title:hover{cursor:pointer;}
  header span.tagline{margin-bottom:1rem;font-size:0.92em;display:block;}
}
/*nav*/
@media (min-width:1000px){ 
  header nav {font-size:1em;width:100%;border-top:1px solid #f4f4f4;border-bottom:1px solid #f4f4f4;}
  header nav ul li{display:inline-block;padding:0.25em 0.5em;border-right:1px solid #f4f4f4;}
  header nav ul li:first-child{border-left:1px solid #f4f4f4;margin-left:1rem;}
  header nav ul li a, header nav ul li span{display:block;padding:0.4em 1em;line-height:2em;color:#343434;text-decoration:none;text-transform:uppercase;letter-spacing:0.05em;}
  header nav li a:hover, header nav li.active > a{color:#fff;background:#222222;}
  header nav > ul > li{position:relative;}
  header nav > ul > li > ul {z-index:100;display:none;min-width:calc(100% + 2px);position:absolute;top:2.85em;left:-0.5px;padding:0.4em;background:#fff;border:1px solid #f4f4f4;border-top:0;box-shadow:0.05em 0.5em 0.5em 0 rgba(0,0,0,0.1);box-sizing:border-box;}
  header nav > ul > li:hover ul{display:block;}
  header nav > ul > li > ul li{padding:0.2em;white-space:nowrap;border-left:0!important;border-right:0!important;border-top:1px solid #f4f4f4;width:100%;margin-left:0!important;box-sizing:border-box;}
}
/*footer*/
@media (min-width:1000px){
  footer nav ul.secondary {font-size:0.95em;}
  footer nav ul.secondary li{display:inline-block;}
  footer nav ul.secondary li:after, footer nav ul.secondary ul:before{content:"\00a0/\00a0";color:#383838;}
  footer nav ul.secondary li:last-child:after{content:"";}
}

/*----------MOBILE----------------------------------------*/
@media (max-width:999px){
  div#container{padding:0 1rem;width:100%;box-sizing:border-box;}
  header, main, footer{width:100%;box-sizing:border-box;}
  header{padding-right:25px;background-image:url(../img/menu_light.png);background-position:center right;background-repeat:no-repeat;background-size:16px 12px;}
  main{padding-top:1rem;padding-bottom:1rem;}
  footer{margin-bottom:1.2rem;}
}
/*header*/
@media (max-width:999px){
  header span.title{margin:0.5em 0;color:#383838;font-weight:300;font-family:'Roboto', sans-serif;display:inline-block;}
  header span.title:hover{cursor:pointer;}
  header span.tagline{display:none;}
}
/*nav*/
@media (max-width:999px){header span.title{font-size:2.6em;}header nav ul{top:5.6em;}} 
@media (max-width:680px){header span.title{font-size:2.4em;}header nav ul{top:5.2em;}}
@media (max-width:600px){header span.title{font-size:2.1em;}header nav ul{top:4.4em;}}
@media (max-width:535px){header span.title{font-size:1.9em;}header nav ul{top:4.1em;}}
@media (max-width:490px){header span.title{font-size:1.7em;}header nav ul{top:3.6em;}}
@media (max-width:440px){header span.title{font-size:1.5em;}header nav ul{top:3.3em;}}
@media (max-width:400px){header span.title{font-size:1.3em;}header nav ul{top:2.9em;}}
@media (max-width:350px){header span.title{font-size:1.2em;}header nav ul{top:2.7em;}} 
@media (max-width:999px){
  header nav {position:absolute;top:0;left:0;right:0;padding:0;border:0;}
  header nav ul {line-height:2em;list-style:none;}
  header nav > ul{text-align:center;z-index:1000;display:none;position:absolute;left:0;width:100%;border:0;background:var(--website-background);box-shadow:0 6px 8px rgba(0, 0, 0, 0.2);border-top:1px solid #f4f4f4;}
  header.js-nav.shownav nav > ul, header:not(.js-nav):hover nav > ul, header:not(.js-nav):active nav > ul{display:block;margin-top:-0.5px;}
  header nav > ul > li{padding:0.3rem;border-bottom:1px solid #f4f4f4;}
  header nav > ul li{border-right:0;width:100%;box-sizing:border-box;}
  header nav > ul li:first-child{border-left:none;margin-left:0;}
  header nav > ul li a, header nav > ul li span{font-size:1.1em;font-weight:300;padding:0.6rem;width:100%;display:inline-block;box-sizing:border-box;text-decoration:none;text-transform:uppercase;letter-spacing:0.08em;}
  header nav > ul li a:hover{color:#fff;background:#222222;}
  header nav > ul ul{display:none;}
}
/*footer*/
@media (max-width:999px){
  footer nav ul.secondary{line-height:1.8em;font-size:0.9em;display:block;text-align:center;}
  footer nav ul.secondary li{display:inline-block;}
  footer nav ul.secondary li:after, footer nav ul.secondary ul:before{content:"\00a0\00a0\2022\00a0\00a0";}
  footer nav ul.secondary li:last-child:after{content:"";}
  footer p.footer-info{text-align:center;}
}




/*#########################################################*/
/*##########CUSTOM#########################################*/
/*#########################################################*/
@media (min-width:1000px){  
  header span.tagline{margin-bottom:0.5rem;}
}
@media (max-width:999px){
  header{border-bottom:1px solid #f4f4f4;}
}
@media (min-width:1000px){
  main.template-photo p.photo-prevnext, main.template-photo p.photo-prevnext.only-next{justify-content:space-between;}
  main.template-photo p.photo-prevnext.only-next{justify-content:flex-end;}
}
@media (min-width:1000px){  
  main.template-photoshowcase{margin-top:-1rem;}
}
@media (max-width:999px){
  main.template-photoshowcase, 
  main.template-photo{margin-top:calc(-1rem - 1px);}
}
@media (min-width:1000px){  
  footer nav ul.secondary li a, footer nav ul.secondary li span{color:#767676;}
  footer nav ul.secondary li:after, footer nav ul.secondary ul:before{color:#767676;}
}
@media (min-width:1000px){  
  ul.gallery.layout-slideshow.gallery-mounted {max-height:calc(100vh - 6em);}
  ul.gallery.layout-slideshow.gallery-mounted > li, ul.slideshow {height:100%;}
}
span.pretitle::after{content:'/\00a0'} /*span.pretitle*/