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

/*----------FONTS--------------------------------------------------------------------------*/
/* CrimsonText */
@font-face {
  font-family:'Crimson Text';font-style:italic;font-weight:400;font-display:swap;
  src: url(../fonts/CrimsonTextItalic400-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:'Crimson Text';font-style:italic;font-weight:400;font-display:swap;
  src: url(../fonts/CrimsonTextItalic400-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:'Crimson Text';font-style:normal;font-weight:400;font-display:swap;
  src: url(../fonts/CrimsonText400-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:'Crimson Text';font-style:normal;font-weight:400;font-display:swap;
  src: url(../fonts/CrimsonText400-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:'Crimson Text';font-style:normal;font-weight:600;font-display:swap;
  src: url(../fonts/CrimsonText600-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:'Crimson Text';font-style:normal;font-weight:600;font-display:swap;
  src: url(../fonts/CrimsonText600-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:'Crimson Text';font-style:normal;font-weight:700;font-display:swap;
  src: url(../fonts/CrimsonText700-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:'Crimson Text';font-style:normal;font-weight:700;font-display:swap;
  src: url(../fonts/CrimsonText700-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:FONT_FACE(CrimsonText)---*/
body{font-size:15.2px;font-family:'Crimson Text', serif;}
span.website-title{letter-spacing:0.1em;text-transform:uppercase;}
span.website-tagline{letter-spacing:0.1em;text-transform:uppercase;}
/*header/footer (templatelayout-standard)*/
body.templatelayout-standard{
  @media (min-width:1000px){header span.website-title{font-size:2.5em;}}
  @media (min-width:1000px){header nav{font-size:1.2em;}}
  @media (min-width:1000px){header nav > ul > li > .nav-item-title{font-weight:500;}}
  @media (max-width:999px){header div.title-container{font-size:0.95em;}}
  @media (min-width:1000px){footer{margin-top:2rem;}}
  footer nav{font-size:1.2em;letter-spacing:0.05em;}
  @media (max-width:999px){footer nav{letter-spacing:0.025em;}}
  @media (max-width:999px){
    header nav{font-size:1.6em;}
    header nav > ul ul li .nav-item-title{font-size:0.85em;}
    header nav > ul li > .nav-item-title{font-weight:600;}
  }
}
/*main*/
@media (min-width:1000px){main{font-size:22px;}}
@media (max-width:999px){main{font-size:18px;}}

/*flavor base adaptions*/
@media (min-width:1000px){main h1{font-size:2em;}}
main h1{font-weight:600;}
main p, main blockquote {line-height:1.6em;}
main ul{list-style-type:disc;}
main form.form-inline{font-size:0.8em;}
main form input.button{font-family:inherit;font-size:1rem!important;letter-spacing:0.1em;text-transform:capitalize!important;}
main .button{font-family:sans-serif;font-weight:300!important;letter-spacing:0.05em!important;}
main div.action-bar-container p{font-size:0.6em;font-family:sans-serif;}
@media (max-width:999px){main div.action-bar-container p{font-size:0.7em;}}
main .backlink a.sitelink,
main .links-prevnext a.sitelink,
main.template-photo .photo-contextlink a.sitelink,
main.template-phototimeline a.sitelink,
main.template-blog div.article-meta a.sitelink{font-size:0.8rem!important;font-family:sans-serif;letter-spacing:0.05em;text-transform:uppercase;}
main ul.gallery.layout-slideshow {font-size:0.72em;}
main ul.gallery.layout-slideshow div.slideshow-phototitle{font-size:1.5em;}
main ul.gallery.gallery-set span.info-title{font-weight:300!important;letter-spacing:0.05em;}
main ul.gallery.gallery-set.layout-wall span.info-title,
main ul.gallery.gallery-set.layout-mosaic span.info-title{letter-spacing:0.1em;}
main ul.gallery.gallery-set.layout-card span.info-title{font-size:0.9em;padding-top:0.2em;letter-spacing:0.025em;}
main a > svg.symbol, main button > svg.symbol{transform:translateY(-0.1em);}
main.template-photoshowcase div.collection-link a.sitelink{font-size:1.4rem;letter-spacing:0.1em;}
main.template-phototimeline a.sitelink{font-size:1.1rem;letter-spacing:0.1em;}
main.template-photo h1.photo-title {font-size:1.4em;}
main.template-photo aside{font-size:0.95em;}
main.template-blog aside.blog-sidebar{font-size:0.92em;padding:0.5em 1em;}
main.template-blog article.style-card {font-size:0.8em;}
@media (max-width:999px){main.template-blog article.style-card {font-size:0.9em;}}
main.template-blog article.style-card h2{letter-spacing:0.025em;}
main.template-blog article.style-article h2,
main.template-blog article.style-article h3,
main.template-blog article.style-article h4,
main.template-blog article.style-article p,
main.template-blog article.style-article blockquote{text-align:left;}

/*---Flavor:FOOTER_NAV_DOTS---*/
footer ul.secondary li:after, footer nav ul.secondary ul:before{margin-bottom:0.1em;border:0.12em solid;border-radius:1em;vertical-align:middle;}
@media (min-width:1000px){footer ul.secondary li:after, footer nav ul.secondary ul:before{margin-inline:0.8em;}}
@media (max-width:999px){footer ul.secondary li:after, footer nav ul.secondary ul:before{zoom:0.8;}}

/*---Flavor:NAV_COLOREDBLUE---*/
@media (min-width:1000px){
  body.templatelayout-standard.mode-light header nav > ul > li:hover > .nav-item-title{color:#005381;}
  body.templatelayout-standard.mode-light header nav > ul > li > a:last-child:hover{border-color:#2f7daa;} 
  body.templatelayout-standard.mode-light header nav > ul ul li.active .nav-item-title, header nav > ul ul a:hover{color:#005381;}
}

/*---Flavor:LAYOUTBORDED(desktop)---*/
@media (min-width: 1000px){
  body:not(.templatelayout-standalone).layout-centered div#container{width:calc(100% - 6rem);padding:2rem 5rem;}
  body:not(.templatelayout-standalone).layout-centered div#container{box-shadow:0 0 0.5rem rgb(224 222 214/ 50%), 0 0 1000rem rgb(245 244 240 / 100%);}
  body:not(.templatelayout-standalone).layout-centered.mode-dark div#container{background:var(--website-background);box-shadow:0 0 0.5rem rgb(0 0 0 / 50%), 0 0 1000rem rgb(50 50 50);}
  body:not(.templatelayout-standalone).layout-centered main form.form-background{background:rgb(245 244 240 / 40%);}
}