/* 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:1360px;margin:0 auto;padding:2rem 3rem;box-sizing:border-box;}
  header, main, footer{width:100%;}
  header{display:flex;justify-content:space-between;align-items:flex-end;}
  main{padding:1rem 0;}
  footer{margin-top:0.5rem;clear:both;}
}
/*header*/
@media (min-width:1000px){
  header span.title{margin-bottom:0.1em;color:#383838;font-size:2.3em;font-weight:300;font-family:'Roboto', 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:1.1em;line-height:2em;}
  header nav ul li{display:inline-block;padding-right:1.5em;}
  header nav ul li a, header nav ul li span{display:block;color:#343434;text-decoration:none;letter-spacing:0.025em;font-weight:300;}
  header nav li a:hover, header nav li.active > a{color:#aaaaaa;}
  header nav > ul > li{position:relative;}
  header nav > ul > li > ul {font-size:0.96em;z-index:100;display:none;min-width:calc(100%);position:absolute;top:2em;margin-left:-0.4em;padding:0.4em;background:var(--website-background);box-shadow:0 0 0.25em 0 rgba(0,0,0,0.1);box-sizing:border-box;}
  header nav > ul > li:hover ul{display:block;text-align:left;}
  header nav > ul > li > ul li{padding:0 0.2em 0.2em 0.2em;white-space:nowrap;display:block;}
  header nav > ul > li > ul li:last-child{padding-bottom:0;}
}
/*footer*/
@media (min-width:1000px){
  footer nav ul.secondary {font-size:0.96em;}
  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:"";}
  footer p.footer-info{font-size:0.8em;}
}

/*----------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{margin-top:0.2rem;padding-right:35px;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;line-height:1.25em;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.7em;}}
@media (max-width:680px){header span.title{font-size:2.5em;}}
@media (max-width:600px){header span.title{font-size:2.2em;}}
@media (max-width:535px){header span.title{font-size:2.0em;}}
@media (max-width:490px){header span.title{font-size:1.8em;}}
@media (max-width:440px){header span.title{font-size:1.6em;}}
@media (max-width:400px){header span.title{font-size:1.4em;}}
@media (max-width:350px){header span.title{font-size:1.3em;}} 
@media (max-width:999px){
  header nav {position:static;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{font-size:0.96em;line-height:1.8em;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{font-size:0.8em;text-align:center;}
}




/*#########################################################*/
/*##########CUSTOM#########################################*/
/*#########################################################*/
@media (min-width:1000px){main.template-photoshowcase{margin-top:-0.6rem;margin-bottom:-1rem;}}
@media (min-width:1000px){  
  footer nav ul.secondary li a, footer nav ul.secondary li span{color:#545454;}
  footer nav ul.secondary li:after, footer nav ul.secondary ul:before{color:#545454;}
}

/*---Flavor:LAYOUT_CENTER---*/
@media (min-width:1000px){
  div#container{max-width:1420px;}
  div#container main{padding-top:1em;margin-top:1.5em;}
  header{display:block;text-align:center;}
  header span.title {width:100%;font-size:2.2em;}
  header nav {width:100%;margin-top:0.5em;margin-bottom:1.5em;}
  header nav > ul > li{padding-right:2em;}
  header nav > ul > li:first-child{padding-left:0;}
  header nav > ul > li:last-child{padding-right:0;}
  header nav > ul > li > a{text-transform:uppercase;letter-spacing:1px;}
  footer {width:100%;text-align:center;}
  footer nav ul.socialmedia{justify-content:center;}
  footer nav ul.socialmedia img{margin:0 0.8em;}
  footer p.footer-info{text-align:center;}
  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:"";}
}
/*---Flavor:BASE_CENTER---*/
@media (min-width:1000px){
  div#container main.template-page, 
  div#container main.template-contact{max-width:56em;margin-left:auto;margin-right:auto;}
  div#container main.template-phototimeline{max-width:72em;margin-left:auto;margin-right:auto;}
  div#container main.template-blog section.blog-article:not(.style-classic) article div.content >*:not(.template-tag) {margin-left:auto;margin-right:auto;max-width:60em;}
  div#container main.template-blog section.blog-article:not(.style-classic) article div.content ul:not(.template-tag),
  div#container main.template-blog section.blog-article:not(.style-classic) article div.content ol:not(.template-tag){padding-left:1.5em;box-sizing:border-box;}
  main.template-set p, main.template-album p{max-width:64em;margin-left:auto;margin-right:auto;}
  div#container main.template-photoshowcase{max-width:78em;margin-left:auto;margin-right:auto;}
}
main h1, main h2 {text-align:center;}
main form.form-inline, main form.form-inline p{text-align:center;}
main ul.pagination{text-align:center;}
main ul.gallery.layout-grid {justify-content:center;}
main ul.gallery.layout-mosaic{justify-content:center;}
main ul.gallery.layout-slideshow.gallery-mounted{margin:0 auto;}
main ul.gallery.layout-slideshow.gallery-mounted ul.slideshow-navigation.thumbs{margin-left:auto;margin-right:auto;width:min-content;max-width:100%;}
main ul.gallery.gallery-set.layout-masonry span.title{text-align:center;}
main ul.gallery.gallery-set.layout-masonry span.summary{text-align:center;}
@media (min-width:1000px){ul.gallery.gallery-album.layout-masonry li{text-align:center;}}
ul.gallery.layout-slideshow.gallery-mounted ul.slideshow-navigation.thumbs{margin-left:auto;margin-right:auto;width:min-content;max-width:100%;}

@media (min-width:1000px){
	div.backlink{display:block;}
	span.pretitle{display:none;}
}
main.template-contact p{text-align:center;}
main.template-contact form input:not([type="submit"]):not([type="reset"]):not([type="checkbox"]):not([type="radio"]){text-align:center;}
main.template-set p, main.template-album p, main.template-albums p, main.template-photosearch p, main.template-error404 p{text-align:center;}
main.template-photoshowcase * {text-align:center;}
@media (min-width:1000px){
  main.template-photoshowcase > :first-child.start-singlephoto{margin-top:0;}
  main.template-photoshowcase div.start-singlephoto img.photo{margin-left:auto;margin-right:auto;}
}
main.template-phototags ul.tags {text-align:center;}
@media (min-width:1000px){
  main.template-phototimeline > *{text-align:center;}
  main.template-phototimeline ul.gallery.gallery-album.layout-wall li.dummy{display:none;}
}
@media (min-width:1000px){
  main.template-photo div.sectioncontainer{flex-wrap:wrap;justify-content:center;}
  main.template-photo div.sectioncontainer section.sectionaside,
  main.template-photo div.sectioncontainer aside.sectionaside {width:100%;}
  main.template-photo p.photo-image img.photo{object-position:center 0;}  
  main.template-photo form input:not([type="submit"]):not([type="reset"]):not([type="checkbox"]):not([type="radio"]){text-align:center;}
  main.template-photo ul.photo-contextphotos.gallery.layout-mosaic{width:auto!important;}
  main.template-photo ul.photo-contextphotos.gallery.layout-mosaic li{width:4em!important;}
  main.template-photo dl.photo-exif{display:block;}
  main.template-photo dl.photo-exif dt{display:none;}
  main.template-photo dl.photo-exif dd{display:inline-block;}
  main.template-photo dl.photo-exif dd:not(:first-of-type)::before{content:" - ";margin:0 0.1em;}
  /*copy _base mobile*/
  main.template-photo, main.template-photo p {text-align:center;}
  main.template-photo h2.photo-title{margin-top:0;}
  main.template-photo p.photo-image *{margin:0 auto;}	
  main.template-photo a.photo-formtoggle{margin-left:auto;margin-right:auto;}  
  main.template-photo dl.photo-exif {width:max-content;margin:0 auto;text-align:left;}
  main.template-photo p.photo-prevnext, main.template-photo p.photo-prevnext.only-next{justify-content:center;}
  main.template-photo h3.photo-tags{font-size:1.4em;}
  main.template-photo h4.photo-contextphotos{margin-top:0.5em!important;}
  main.template-photo aside ul.photo-contextphotos.gallery.layout-mosaic{margin-left:auto;margin-right:auto;width:100%;justify-content:center;}
  main.template-photo aside ul.photo-contextphotos.gallery.layout-mosaic li{width:calc(16.66% - 3px);}
  main.template-photo aside ul.photo-contextphotos.gallery.layout-mosaic li:first-child:nth-last-child(9),
  main.template-photo aside ul.photo-contextphotos.gallery.layout-mosaic li:first-child:nth-last-child(9) ~ li{width:calc(11.11% - 3px);}
  main.template-photo aside{margin-bottom:1em;}
  main.template-photo p.photo-contextlink.has-contextphotos {display:none;}
  main.template-photo section{display:flex;flex-direction:column;}
  main.template-photo section .photo-image{order:1;}
  main.template-photo section .photo-title{order:2;}
  main.template-photo section .photo-caption{order:3;}
  main.template-photo section .photo-prevnext{order:4;}
  main.template-photo section div.custom-html,
  main.template-photo section .photo-formtoggle,
  main.template-photo section .photo-form{order:5;}
  main.template-photo section .photo-contextlink{order:6;}
  main.template-photo section > * {order:7;}
}
main.template-page h3, main.template-page h4 {text-align:center;}
main.template-page table{margin-left:auto;margin-right:auto;}
main.template-blog .blog-sidebar.sidebar-background{background:none!important;}
main.template-blog .blog-posts.layout-grid {justify-content:center;}
.sectioncontainer.layout-flat article .header{text-align:center;}
.sectioncontainer.layout-flat article .content h3, .sectioncontainer.layout-flat article .content h4 {text-align:center;}
.sectioncontainer.layout-flat article .content table{margin-left:auto;margin-right:auto;}
.sectioncontainer.layout-flat article .content blockquote{margin-left:auto;margin-right:auto;display:block;width:max-content;max-width:100%;}
.sectioncontainer.layout-flat article .content ul.gallery.layout-grid{justify-content:center;}
.sectioncontainer.layout-flat article .content p + ul.gallery.template-tag{margin-top:2em;}
.sectioncontainer.layout-flat aside.sectionaside{text-align:center;}
article.style-card p.excerpt{text-align:justify;text-align-last:center;}
article.style-card .header, article.style-card .content{text-align:center;}
.sectioncontainer.layout-flat div.article-comments h3{text-align:center;}
.sectioncontainer.layout-flat div.article-comments{margin-left:auto;margin-right:auto;}
.sectioncontainer.layout-flat section.blog-archive, 
.sectioncontainer.layout-flat section.blog-archive p{text-align:center;}
.sectioncontainer.layout-flat section.blog-archive ul{margin-left:0;list-style:none;}
.sectioncontainer.layout-flat section.blog-archive ul li{margin-bottom:0.5em;}
.sectioncontainer.layout-aside section,
.sectioncontainer.layout-aside section h2,
.sectioncontainer.layout-aside section ul{text-align:left;}
@media (min-width:1000px){.sectioncontainer.layout-aside section h1{text-align:left;}}


/*---Flavor:NAV_UPPERCASE+UNDERLINE---*/
@media (min-width:1000px){
  header nav > ul > li > a, header nav > ul > li > span{font-size:0.86em;font-weight:400;line-height:1.8em;text-transform:uppercase;letter-spacing:1.5px;border-bottom:1px solid rgb(0 0 0 / 0%);}
  header nav > ul > li.active > a, header nav > ul > li.active > span{color:#000;border-color:#000;}
  header nav > ul > li:hover > a, header nav > ul > li:hover > span{color:#000;}
  header nav > ul > li > a:last-child:hover{border-color:#000;}
  header nav > ul > li > ul {position:absolute;top:1.6em;}
  header nav > ul ul li{text-transform:uppercase;font-size:0.92em;}
  header nav > ul ul a{letter-spacing:1.5px}
}