/* Theme by IO200 CMS (https://www.IO200.com) */

/*----------FONTS--------------------------------------------------------------------------*/
/* OpenSans */
@font-face {
  font-family:'Open Sans';font-style:italic;font-weight:300 800;font-stretch: 100%;font-display:swap;
  src: url(../fonts/OpenSansItalic-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family:'Open Sans';font-style:italic;font-weight:300 800;font-stretch: 100%;font-display:swap;
  src: url(../fonts/OpenSansItalic-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family:'Open Sans';font-style:normal;font-weight:300 800;font-stretch: 100%;font-display:swap;
  src: url(../fonts/OpenSans-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family:'Open Sans';font-style:normal;font-weight:300 800;font-stretch: 100%;font-display:swap;
  src: url(../fonts/OpenSans-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


/*---Flavor:FONTFACE(OpenSans tiny)---*/
@media (min-width:1000px){body{font-size:calc(12px / 0.86 / 1.1);}}
@media (max-width:999px){body{font-size:calc(13.5px / 0.86 / 1.1);}}
span.website-title{font-weight:600;text-transform:uppercase;letter-spacing:0.1em;}
span.website-tagline{text-transform:uppercase;letter-spacing:0.1em;}
/*header/footer (templatelayout-standard)*/
body.templatelayout-standard{
  @media (min-width:1000px){
    header span.website-title{font-size:2.1em;font-weight:500;}
    footer ul.secondary li a, footer ul.secondary li span{text-transform:uppercase;letter-spacing:0.1em;}
  }
  @media (max-width:999px){  
    header span.website-title{font-size:1.4em;}
   }
  header nav > ul > li > .nav-item-title{letter-spacing:1px;}
  footer ul.socialmedia a img{font-size:0.9em;}
}
@media (min-width:1000px){
  body.templatelayout-standard:not(.layout-containerstackheader) header nav ul{column-gap:2em;}
}
/*main*/
main h1{text-transform:uppercase;}
@media (min-width:1000px){
  main{font-size:calc(13px / 0.86 / 1.1);}
}

/*colors*/
@media (min-width:1000px){
  body.mode-light:not(.templatelayout-standalone) header span.website-title{color:#000;}
  body.mode-light header nav ul li .nav-item-title{color:#707070;}
  body.mode-light header nav ul li .nav-item-title:hover{color:#343434;}
  body.mode-light footer ul.secondary li .nav-item-title{color:#707070;}
  body.mode-light footer p.footer-info a.footer-link{color:#707070;}
}
/*flavor base adaptions*/
main ul{list-style-type:square;}
#container main ul.gallery.gallery-set span.info-title{letter-spacing:0.05em;text-transform:uppercase;}

/*---Flavor:NAV_UPPERCASE+UNDERLINE---*/ /*redo*/
@media (min-width:1000px){  header nav > ul > li > .nav-item-title{border-bottom:0;}}

/*---Flavor:FOOTER_NAV_SLASHES---*/
footer ul.secondary li:after, footer nav ul.secondary ul:before{content:"/";}
footer ul.secondary li:last-child:after{display:none;}