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

/*----------FONTS--------------------------------------------------------------------------*/
/* SourceSans3 */
@font-face {
  font-family:'Source Sans 3';font-style:italic;font-weight:200 900;font-display:swap;
  src: url(../fonts/SourceSans3Italic-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:'Source Sans 3';font-style:italic;font-weight:200 900;font-display:swap;
  src: url(../fonts/SourceSans3Italic-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:'Source Sans 3';font-style:normal;font-weight:200 900;font-display:swap;
  src: url(../fonts/SourceSans3-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:'Source Sans 3';font-style:normal;font-weight:200 900;font-display:swap;
  src: url(../fonts/SourceSans3-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;
}


/*----------FONTSFACE----------------------------------------------------------------------*/
/*---Flavor:FONTFACE(SourceSans light)---*/
body{font-family:'Source Sans 3', sans-serif;}
body{font-size:16px;font-weight:300;letter-spacing:0.01em;}
@media (min-width:1000px){main{font-size:16.5px;}}
span.website-title a{font-family:'Source Sans 3', sans-serif;font-weight:300;letter-spacing:0.15em;text-transform:uppercase;}
span.website-tagline{margin-top:-0.25em;letter-spacing:0.1em;text-transform:uppercase;}
/*header/footer (templatelayout-standard)*/
body.templatelayout-standard{
  @media (min-width:1000px){
    header span.website-title a{font-size:0.9em;}
    header nav > ul > li > .nav-item-title{font-size:0.88em;font-weight:300;letter-spacing:0.15em;}  
    header nav > ul{margin-bottom:0.2em;}header nav > ul > li > a{line-height:1.6em;}
  }
  @media (max-width:999px){
    header span.basket{font-weight:400;}
    header nav > ul li > .nav-item-title{font-weight:400;letter-spacing:2px;text-transform:uppercase;line-height:1.4em;}
    header nav > ul ul li .nav-item-title{font-weight:300;}
  }  
}
/*main*/
main h1{font-weight:300;letter-spacing:0.1em;text-transform:uppercase;}
main h2{font-weight:400;letter-spacing:0.1em;text-transform:uppercase;}
@media (min-width:1000px){
  main h1{margin-top:0.5em;}
}
@media (max-width:999px){
  main h1{margin-bottom:0.6rem;}
  main div.backlink{font-size:0.8em;font-weight:400;margin-bottom:0;letter-spacing:0.1em;text-transform:uppercase;}
}
body.mode-light main p{color:rgb(0 0 0 / 60%);}
body.mode-light main p label, body.mode-light main p b{color:rgb(0 0 0 / 70%);}
/*footer*/
footer ul.socialmedia a img{font-size:0.9em;}
footer ul.socialmedia a:not(:hover){opacity:0.3;}
footer nav{font-size:0.95em;letter-spacing:0.05em;}
@media (max-width:999px){
  main h1{margin-bottom:0.6rem;}
  footer .footer-link{letter-spacing:0.05em;}
}

/*flavor base adaptions*/
main ul{list-style-type:square;}
form:not(.form-inline) button.button{letter-spacing:0.05em;}
main.template-photo h1.photo-title{font-weight:400;}
main.template-blog article.style-card .header .article-title h2{line-height:1.25em;}
main.template-blog aside.blog-sidebar{font-weight:400;}
@media (min-width:1000px){main.template-blog article.style-article .header .article-title{margin-bottom:-0.25em;}}
@media (max-width:999px){main.template-blog article.style-article .header .article-title{font-size:0.9em;}}
#container main ul.gallery.gallery-set span.info-title{font-weight:400;letter-spacing:0.1em;text-transform:uppercase;}
#container main ul.gallery.gallery-set.layout-card span.info-title{letter-spacing:0.05em;}
@media (max-width:999px){footer nav ul.secondary li:after, footer nav ul.secondary ul:before{opacity:0.9;}}

/*---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;}