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


/*#########################################################*/
/*##########LAYOUT#########################################*/
/*#########################################################*/
@media screen and (min-width:1000px){html{margin-left:calc(100vw - 100%);}}
body {font-size:15.2px;font-family:'Open Sans', sans-serif;color:#464646;background:#fff;}

/*----------DESKTOP----------------------------------------*/
@media screen and (min-width:1000px){
  div#container{width:100%;max-width:1360px;margin:0 auto;padding:1.5rem 3rem;box-sizing:border-box;}
  header, main, footer{width:100%;}
  header{margin-bottom:1em;display:flex;justify-content:space-between;align-items:flex-end;}
  footer{clear:both;margin-top:1rem;padding-top:0.5rem;}
}
/*header*/
@media screen and (min-width:1000px){
  header span.title{margin:0.15em 0;color:#383838;font-size:2.3em;font-weight:300;font-family:'Lato', sans-serif;display:inline-block;}
}
/*nav*/
@media screen and (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:#fff;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 screen and (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 screen and (max-width:999px){
  div#container{padding:0 1em;width:100%;box-sizing:border-box;}
  header, main, footer{width:100%;box-sizing:border-box;}
  header{padding-right:25px;margin-bottom:1em;background-image:url(../img/menu_light.png);background-position:center right;background-repeat:no-repeat;background-size:16px 12px;}
  footer{margin-bottom:1.2em;}
}
/*header*/
@media screen and (max-width:999px){
  header span.title{margin:0.5em 0;font-weight:300;font-family:'Roboto', sans-serif;display:inline-block;}
}
/*nav*/
@media screen and (max-width:999px){header span.title{font-size:2.6em;}header nav ul{top:5.6em;}} 
@media screen and (max-width:680px){header span.title{font-size:2.4em;}header nav ul{top:5.2em;}}
@media screen and (max-width:600px){header span.title{font-size:2.1em;}header nav ul{top:4.4em;}}
@media screen and (max-width:535px){header span.title{font-size:1.9em;}header nav ul{top:4.1em;}}
@media screen and (max-width:490px){header span.title{font-size:1.7em;}header nav ul{top:3.6em;}}
@media screen and (max-width:440px){header span.title{font-size:1.5em;}header nav ul{top:3.3em;}}
@media screen and (max-width:400px){header span.title{font-size:1.3em;}header nav ul{top:2.9em;}}
@media screen and (max-width:350px){header span.title{font-size:1.2em;}header nav ul{top:2.7em;}} 
@media screen and (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:#fff;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;}
}
@media screen and (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-link{text-align:center;}
}




/*#########################################################*/
/*##########CUSTOM#########################################*/
/*#########################################################*/
@media screen and (min-width:1000px){  
  main.template-photoshowcase{position:relative;top:-0.5em;margin-bottom:-1em;}
}
@media screen and (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;}
}



/*---Flavor:CENTER---*/
@media screen and (min-width:1000px){  
  div#container{max-width:1280px;}
  div#container main.template-page, 
  div#container main.template-contact{max-width:60em;margin-left:auto;margin-right:auto;}
  div#container main.template-phototimeline{max-width:64em;margin-left:auto;margin-right:auto;}
  div#container main.template-blog section.blog-article:not(.style-classic){max-width:64em;}
  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: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.6em;}
  footer p.footer-link{text-align:center;}
}
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-mosaic{justify-content:center;}
main ul.gallery.gallery-set.layout-masonry span.title{text-align:center;padding-top:0.1em;}
main ul.gallery.gallery-set.layout-masonry span.summary{text-align:center;}
@media screen and (min-width:1000px){
	div.backlink{display:block;}
	span.pretitle{display:none;}
}
main.template-contact p{text-align:center;}
main.template-contact main 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-photosearch p, main.template-error404 p{text-align:center;}
main.template-photoshowcase * {text-align:center;}
@media screen and (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 screen and (min-width:1000px){
  main.template-phototimeline div.sectioncontainer{flex-wrap:wrap;justify-content:center;}
  main.template-phototimeline div.sectioncontainer section.sectionaside{width:100%;}
  main.template-phototimeline div.sectioncontainer aside.sectionaside{width:100%;text-align:center;margin-top:2em;}
  main.template-phototimeline section.sectionaside p{text-align:center;}
  main.template-phototimeline aside.sectionaside ul.gallery {width:max-content;margin-left:auto;margin-right:auto;}
  main.template-phototimeline aside.sectionaside ul.gallery li{width:64px;}
}
@media screen and (min-width:1000px){
  main.template-photoaccess div.sectioncontainer{flex-wrap:wrap;justify-content:center;}
  main.template-photoaccess div.sectioncontainer section.sectionaside{width:min-content;}
  main.template-photoaccess div.sectioncontainer.photo-landscape section.sectionaside{flex:1;}
  main.template-photoaccess div.sectioncontainer aside.sectionaside{width:100%;margin-top:2em;}
  main.template-photoaccess p.photo img.photo{max-height:none;margin:0 auto;}
  main.template-photoaccess p.photo img.photo.photo-landscape{width:100%;}
  main.template-photoaccess p.photo img.photo.photo-portrait{width:50em;}
  main.template-photoaccess p.photo a.viewphotolarge{margin-left:auto;margin-right:auto;}
  main.template-photoaccess p.previous_next_photo a{margin-left:0.5em;right:0.5em;}
  main.template-photoaccess p.previous_next_photo{justify-content:center;}
  main.template-photoaccess p.previous_next_photo.only_next{justify-content:center;}
  main.template-photoaccess a.button-contactrequesttoggle{margin-left:auto;margin-right:auto;display:block!important;width:max-content;}
  main.template-photoaccess section.sectionaside > h3,
  main.template-photoaccess section.sectionaside > ul.tags{text-align:center;}
  main.template-photoaccess aside.sectionaside{}
  main.template-photoaccess aside.sectionaside > *{width:min-content;margin-left:auto;margin-right:auto;white-space:nowrap;}
  main.template-photoaccess aside.sectionaside > ul.gallery{width:max-content;}
  main.template-photoaccess aside.sectionaside > ul.gallery li{width:64px;}
}
main.template-page {text-align:center;}
main.template-page *{text-align-last:center;}
main.template-page table{margin-left:auto;margin-right:auto;}
main.template-page ul:not(.gallery), main.template-page ol{margin-left:auto;margin-right:auto;display:block;max-width:max-content;}
main.template-page ul:not(.gallery) li, main.template-page ol li{margin-left:1.5em;text-align:left;text-align-last:left;}
@media screen and (max-width:999px){  
  main.template-page p{text-align:justify;}
}
main.template-blog .blog-sidebar.sidebar-background{background:none!important;}
main.template-blog .blog-posts.layout-grid {justify-content:center;}
.sectioncontainer.layout-flat {text-align:center;}
.sectioncontainer.layout-flat article .header{text-align:center;}
.sectioncontainer.layout-flat article .content{text-align:center;}
.sectioncontainer.layout-flat article .content *{text-align-last:center;}
.sectioncontainer.layout-flat article .content table{margin-left:auto;margin-right:auto;}
.sectioncontainer.layout-flat article .content ul:not(.gallery), 
.sectioncontainer.layout-flat article .content ol{margin-left:auto;margin-right:auto;display:block;max-width:max-content;}
.sectioncontainer.layout-flat article .content ul:not(.gallery) li,
.sectioncontainer.layout-flat article .content ol li{margin-left:1.5em;text-align:left;text-align-last:left;}
@media screen and (max-width:999px){  
  .sectioncontainer.layout-flat article .content p{text-align:justify;}
}
.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 screen and (min-width:1000px){.sectioncontainer.layout-aside section h1{text-align:left;}}




/*---Flavor:DARK---*/
/*----------DESKTOP----------------------------------------*/
body {color:#9f9f9f;background:#000;}
/*----------Layout----------*/
@media screen and (max-width:999px){ 
  header{background-image:url(../img/menu_dark.png);}
}
/*----------Header----------*/
header span.title{color:#fff;}
/*------------Nav------------*/
@media screen and (min-width:1000px){
  header nav ul li a, header nav ul li span{color:#ececec;}
  header nav li a:hover, header nav li.active > a{color:#fff;}
  header nav > ul > li > ul {background:#000;box-shadow:0 0 0.25em 0 rgba(0,0,0,1);}
}
@media screen and (max-width:999px){
  header nav > ul{background:#000;box-shadow:0 0.2em 1em rgba(0, 0, 0, 1);border-top:1px solid #303030;}
  header nav > ul > li{border-bottom:1px solid #303030;}
  header nav > ul li a:hover{color:#fff;background:#222222;}
}
footer nav ul.secondary li a, footer nav ul.secondary li span{color:#dcdcdc;}
footer nav ul.secondary li:after, footer nav ul.secondary ul:before{color:#dcdcdc;}
footer nav ul.secondary li a:hover{color:#fff;}
footer nav ul.socialmedia li img{filter:invert(100%);opacity:0.5;}
footer nav ul.socialmedia li img:hover{opacity:1;}
/*----------Main----------*/
main h1,main h2,main h3,main h4,main h5,main h6{color:#fff;}
main blockquote{color:#9f9f9f;}
main blockquote:before{color:#9d9d9d;}
main blockquote[cite]:after{color:#dddddd}
main hr{border-color:#2d2d2d;}
main a {color:#f1f1f1;}
main a b{color:#f1f1f1;}
main p a:hover{text-decoration:underline;}
main a:hover, main a:hover b{color:#fff;}
main table, main table th, main table td {border:1px solid #2d2d2d;}
main table tr th {color:#fff;background:#1c1c1c;}
main form.form-background{background:rgba(255,255,255,0.08);}
main form label:not(.optionlabel){color:#fff;}
main form input:not([type="submit"]):not([type="reset"]), main form select, main form textarea{color:#ccc;border:1px solid #303030;background:#121212}
main form input[type="submit"]{color:#fff;background:rgba(50,50,50,0.5);}
main form input[type="submit"]:hover{color:#fff;background:rgba(50,50,50,0.8);}
main form input[type="submit"]:disabled{color:#888;background:rgba(50,50,50,0.5);}
main form input[type="reset"].reset-x{color:#fff;background:rgba(50,50,50,0.6);}
main form input[type="reset"].reset-x:hover{background:rgba(50,50,50,0.9);}
main form div.error-message {color:#cb0000;}
main form.form-inline input[type="text"]{border:1px solid #303030;}
main form.form-inline input[type="submit"]{color:#fff;background:rgba(50,50,50,0.5);border:0;}
main form.form-inline input[type="submit"]:hover{background:rgba(50,50,50,0.58);cursor:pointer;border:0;}
a.button{color:#fff;background:rgba(50,50,50,0.5);}
a.button:hover{color:#fff;background:rgba(50,50,50,0.8);}
/*----------Footer----------*/
footer{opacity:0.9;}
footer p.footer-link a:hover{color:#fff;}
/*----------GENERAL----------------------------------------*/
ul.gallery li img{background:none;}
ul.gallery.gallery-set.layout-grid span.summary, ul.gallery.gallery-set.layout-masonry span.summary{color:#9d9d9d;}
ul.gallery.gallery-album li span:not(.fix), ul.gallery.gallery-set li span:not(.fix){color:#dcdcdc;}
ul.gallery.gallery-album li:hover span:not(.fix), ul.gallery.gallery-set li:hover span:not(.fix){color:#fff;}
ul.gallery.gallery-album.layout-mosaic li span:not(.fix), ul.gallery.gallery-album.layout-wall li span:not(.fix){color:#fff;background:rgba(0, 0, 0, 0.2);}
ul.gallery.gallery-set.layout-mosaic li span:not(.fix), ul.gallery.gallery-set.layout-wall li span:not(.fix){color:#fff;background:rgba(0, 0, 0, 0.2);}
ul.gallery.gallery-album li:hover {opacity:1;}
ul.gallery.gallery-set li:hover img{opacity:1;}
ul.tags li {border:1px solid rgb(255 255 255 / 0.15);color:#808080;background:rgba(33,33,33,0.4);}
ul.tags.tags-linked li:before{color:#f1f1f1;}
ul.tags.tags-linked li:hover{border:1px solid rgb(255 255 255 / 0.1);background:rgb(255 255 255 / 0.1);}
ul.tags.tags-linked li:hover, ul.tags.tags-linked li:hover a{color:#fff;background:#191919;}
ul.tags.tags-linked li:hover:before{color:#fff;}
ul.tags.tags-linked li.active{color:#fff;}
ul.pagination li a{border:1px solid rgb(255 255 255 / 0.15);}
ul.pagination li a:hover, ul.pagination li.active a{color:#fff;background:rgb(255 255 255 / 0.1);border:1px solid rgb(255 255 255 / 0.1);}
div.backlink a{color:#6b6b6b;}
div.backlink a:hover{color:#fff;}
@media screen and (min-width:1000px){
  #glightbox-slider .gslide-title{font-size:0.8em;color:#fff;text-align:center;margin-bottom:0;}
}
#glightbox-slider .gslide-description a{background:#222222;color:#fff;}
#glightbox-slider .gslide-description a:hover{background:#323232;color:#fff;}
/*----------TEMPLATES----------------------------------------*/
main.template-blog .blog-sidebar.sidebar-background{background:rgba(255,255,255,0.08);}
main.template-blog .blog-sidebar.sidebar-background a{color:#dcdcdc;}
main.template-blog .blog-sidebar.sidebar-background a:hover{color:#fff;}
main.template-blog .blog-sidebar a.active{color:#fff;} /*after .sidebar-background */
article .header .header-meta{color:#f1f1f1;}
article .header .header-meta ul a:hover{text-decoration:underline;}
article .header .header-title h2 a{color:#fff;}
article .header .header-title h2 a:hover {color:#fff;}
article .content .box{background:#f8f8f8;}
article.style-classic .content a.readmore{color:#fff;background:#222222;}
article.style-classic .content a.readmore:hover{color:#fff;background:rgba(50,50,50,0.8);}
article.style-modern .header .header-meta.meta2::before{border-top:1px solid #9d9d9d;}
article.style-modern .header .header-meta.meta2::after{border-top:1px solid #9d9d9d;}
article.style-modern .content a.readmore{color:#fff;background:#222222;} 
article.style-modern .content a.readmore:hover{color:#fff;background:rgba(50,50,50,0.8);}
article.style-visual .header .header-title h2 a{color:#fff;text-shadow:0 0 0.25em rgba(0,0,0,0.25);}
article.style-visual .header .header-featuredimage img{background:#ebebeb;}
main.template-blog div.article-comments ul a.button:not(:hover){opacity:0.8;}
div.article-comments ul > li > a:hover{background:#3d3d3d;}
div.article-comments form.article-commentform input[type='reset']{background:#282828;color:#fff;}