/*
 Theme Name:   KSR Bau
 Description:  KSR Bau - Enfold Child Theme
 Template:     enfold
 Version:      1.0
*/

/* open-sans-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/open-sans-v40-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* open-sans-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/open-sans-v40-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* oswald-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/oswald-v53-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* oswald-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/oswald-v53-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


/* @link https://utopia.fyi/type/calculator?c=375,15,1.2,1240,16,1.25,8,2,&s=0.75|0.5|0.25,1.5|2|3|4|6,s-l&g=s,l,xl,12 */

:root {
  --step--2: clamp(0.64rem, 0.6558rem + -0.0204vw, 0.651rem);
  --step--1: clamp(0.7813rem, 0.7731rem + 0.0347vw, 0.8rem);
  --step-0: clamp(0.9375rem, 0.9104rem + 0.1156vw, 1rem);
  --step-1: clamp(1.125rem, 1.0708rem + 0.2312vw, 1.25rem);
  --step-2: clamp(1.35rem, 1.2579rem + 0.3931vw, 1.5625rem);
  --step-3: clamp(1.62rem, 1.4756rem + 0.6162vw, 1.9531rem);
  --step-4: clamp(1.944rem, 1.7284rem + 0.9201vw, 2.4414rem);
  --step-5: clamp(2.3328rem, 2.0211rem + 1.3299vw, 3.0518rem);
  --step-6: clamp(2.7994rem, 2.3592rem + 1.8781vw, 3.8147rem);
  --step-7: clamp(3.3592rem, 2.7483rem + 2.6065vw, 4.7684rem);
  --step-8: clamp(4.0311rem, 3.1946rem + 3.5688vw, 5.9605rem);
}

:root{
	--primary-font: 'Open Sans', sans-serif;
	--nav-font: 'Oswald', sans-serif;
    --red: #c90d16;
}


/* =======================================================================================================================================
Typo
======================================================================================================================================= */
html{-webkit-tap-highlight-color: transparent; background: var(--red);}
body{-webkit-font-smoothing: antialiased;}
body,p{font-size: var(--step-1); font-weight: 400; line-height: 1.6}
p{margin: 0 0 1em;}
h1,h2,h3,h4,h5,h6{font-family: var(--primary-font); font-weight: 700 !important; line-height: 1.2; letter-spacing: -.05em !important; text-transform: inherit !important; margin: 0 0 .4em 0 !important;}
mark{color: var(--red) !important;}

#top h1{font-size: var(--step-5);}
#top h1 small{display: block; font-size: var(--step-3)}
#top h2{font-size: var(--step-3);}
#top h3{font-size: var(--step-2);}
#top h4{font-size: var(--step-1);}

#top .special_amp{color: inherit; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit;}
#top .av-special-heading{padding: 0 !important}
#top .av-special-heading .av-special-heading-tag{float: inherit}
#top .av-special-heading .special-heading-border{display: none;}
#top .av-special-heading.avia-builder-el-no-sibling .av-special-heading-tag{margin: 0 !important}

#top .avia-section b,
#top .avia-section strong,
#top .footer_color b,
#top .footer_color strong,
#top .socket_color b,
#top .socket_color strong{color: inherit}

#top .avia_textblock p{
    border-left: 1px dashed var(--enfold-main-color-primary);
    margin-top: 2em;
    margin-bottom: 2em;
    padding: 0 0 0 2em;
}

/* Button */
#top div .avia-button{
    font-size: var(--step-1);
    font-weight: 700;
    padding: 1em 2em;
    border-radius: .5em;
    background: #000;
    border: 1px solid #000 !important;
    color: #fff;
    text-decoration: none !important;
    transition: .2s ease;
	font-family: var(--nav-font);
}
#top div .avia-button.avia-color-dark{color: #000;}
#top div .avia-button.avia-color-light{border: 1px solid #fff !important;}
#top div .avia-button:hover{opacity: 1}
html.no-touch-device #top div .avia-button:hover{translate: 0 -2px}

/* Blockquote */
#top blockquote{border: 0; font-size: var(--step-1); margin: 2em 0 2em; padding: 0 0 0 2em; position: relative; max-width: 420px; font-style: italic; line-height: 1.6}
#top blockquote:before{content: '\e833'; font-family: 'entypo-fontello'; position: absolute; top: -.3em; left: 0; opacity: .1; font-size: 4em; font-style: normal; line-height: 1}
#top blockquote p{font-size: 1em; margin: 0}

/* List */
#top .avia_textblock ul{
    list-style: none;
    margin: 0 0 1em 0;
}
#top .avia_textblock ul > li{
    margin: 0 0 0.5em 0;
    padding: 0 0 0 1em;
    position: relative;
}
#top .avia_textblock ul > li:before{
    content: '\e875';
    font-family: 'entypo-fontello';
    position: absolute;
    left: 0;
    display: inline-block;
}


/* =======================================================================================================================================
Header
======================================================================================================================================= */
html.html_header_sidebar .header_bg{display: none}
html.html_header_sidebar #top #header{background: var(--enfold-header-color-bg); min-height: unset}
html.html_header_sidebar #top #header #header_main{border: 0}

@media only screen and (max-width: 767px){ 
    .responsive #top #header{position: fixed !important; top: 0; left: 0; right: 0; width: 100%}
    .responsive #top #main,
    .responsive.html_mobile_menu_tablet.html_header_top #top #main{padding-top: 80px !important}
    .responsive #top #wrap_all .av-logo-container,
    .responsive #top #header_main > .container .main_menu .av-main-nav > li > a,
    .responsive.html_mobile_menu_tablet #top #wrap_all .av-logo-container,
    .responsive.html_mobile_menu_tablet #top #header_main > .container .main_menu .av-main-nav > li > a{
        height: 80px;
        line-height: 80px;
    }
}

@media only screen and (min-width: 768px){
	.responsive .boxed#top, 
	.responsive.html_boxed.html_header_sticky #header, 
	.responsive.html_boxed.html_header_transparency #header{max-width: 98%;}
}

@media only screen and (min-width: 990px){
	html.html_header_sidebar #header{top: 40px; transition: .2s ease}
	html.html_header_sidebar.scrolled #header{top: 0}
}

/* Logo */
#header_main .inner-container > .logo,
#header_main .inner-container > .logo a{display: flex; align-items: center; border: 0}
#header_main .inner-container > .logo a svg,
#header_main .inner-container > .logo a img{width: 60px}

@media only screen and (min-width: 768px){
    #header_main .inner-container > .logo,
    #header_main .inner-container > .logo a{justify-content: center;}
    #header_main .inner-container > .logo a svg,
    #header_main .inner-container > .logo a img{width: 90px}
}

@media only screen and (min-width: 990px){
    #header_main .inner-container > .logo a svg,
    #header_main .inner-container > .logo a img{width: 120px}
}

/* Navigation */
#header_main .inner-container > nav a{font-family: var(--nav-font);}

@media only screen and (min-width: 768px){
    #header_main .inner-container > nav ul#avia-menu{padding-bottom: 0}
    #header_main .inner-container > nav ul#avia-menu > li{text-align: center; margin: 0; border: 0;}
	#header_main .inner-container > nav ul#avia-menu > li > a{font-size: var(--step-1); font-weight: 400; background-image: -webkit-linear-gradient(bottom, rgb(0 0 0 / 5%), rgb(0 0 0 / 0%) 33%); padding: 1em .75em; border: 0; transition: .4s ease}
    #header_main .inner-container > nav ul#avia-menu > li > a > span{font-size: 1em}
    #header_main .inner-container > nav ul#avia-menu > li li > a{font-size: var(--step-1); font-weight: 400}
    #header_main .inner-container > nav ul#avia-menu li:hover > a span,
    #header_main .inner-container > nav ul#avia-menu li.current-menu-item > a span{opacity: 1; color: var(--red)}
}

@media only screen and (min-width: 990px){
    #header_main .inner-container > nav ul#avia-menu > li > a > span{font-size: var(--step-2);}
}

/* Hamburger Menu */
.av-hamburger-box{width: 32px}
.av-hamburger-inner, 
.av-hamburger-inner::before, 
.av-hamburger-inner::after{border-radius: 0; height: 2px}
#top ul#av-burger-menu-ul{vertical-align: top}
#top ul#av-burger-menu-ul li a:hover{background: inherit !important;}
#top ul#av-burger-menu-ul > li{font-size: var(--step-3); line-height: 1.3}
#top ul#av-burger-menu-ul > li > a{font-size: 1em;}
#top ul#av-burger-menu-ul > li li > a{font-size: .75em;}


/* =======================================================================================================================================
Misc
======================================================================================================================================= */
/* Layout */
@media only screen and (max-width: 767px){
    .responsive #top #wrap_all .container{width: 90%; max-width: 90%;}
}

html.html_header_sidebar .bg_container:after{
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-image: radial-gradient(rgb(0, 0, 0) 10%, transparent 10%), radial-gradient(rgb(0, 0, 0) 10%, transparent 10%);
    background-position: 0px 0px, 4px 4px;
    background-size: 8px 8px;
    background-color: var(--red);
    mix-blend-mode: color;
    opacity: .5;
}
html.html_header_sidebar #wrap_all{background-color: transparent;}
html.html_header_sidebar #wrap_all #main{border: 0; background: transparent; margin-bottom: 4rem; box-shadow: 0 0 64px rgb(0 0 0 / 25%), 0 0 16px rgb(0 0 0 / 50%);}
html.html_header_sidebar .container{padding: 0 2rem;}
html.html_header_sidebar .alternate_color{background-color: rgb(0 0 0 / 66%)}

@media only screen and (min-width: 1180px){
	html.html_header_sidebar .container{padding: 0 12%;}
}

/* Images */
#top .image-overlay{display: none !important;}
#top .avia_image,
#top .av-image-caption-overlay,
#top .avia-image-container-inner{border-radius: 0}

/* Slideshow */
#top .avia-slideshow li img{object-fit: cover; width: 100%; height: 100%}
#top .avia-slideshow-arrows a:before{background: #000}
.avia_desktop .av-slideshow-ui:hover .avia-slideshow-controls a, 
.avia_desktop .av_slideshow.avia-slideshow:hover .avia-slideshow-controls a{opacity: 1;}

#top.home .avia-fullwidth-slider .avia-slideshow:after{
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #000;
    z-index: 10;
    opacity: .5;
    pointer-events: none;
}
/*
#top.home .avia-fullwidth-slider:after{
    content: '';
    width: 100%;
    height: 90%;
    position: absolute;
    left: 0;
    bottom: 0;
    background: url(/wp-content/uploads/2024/11/media-3.png) no-repeat right;
    background-size: contain;
    z-index: 15;
    pointer-events: none;
}
*/
@media (orientation: landscape) {
    #top .avia-slideshow li img{aspect-ratio: 16/9;}
}

@media (orientation: portrait) {
    #top .avia-slideshow li img{aspect-ratio: 1/1;}
}

/* Toggle */
#top section.av_toggle_section .toggler{padding: 1em 3em 1em 1rem; margin: 0 0 .8em; font-size: var(--step-0); background: transparent; border: 1px solid #ebebeb; border-radius: .5em}
#top section.av_toggle_section .toggler:hover{background: transparent;}
#top section.av_toggle_section .toggler .toggle_icon{display: none;}
#top section.av_toggle_section .toggler:after{
    content: '\e87d';
    font-family: 'entypo-fontello';
    position: absolute;
    right: 1em;
    transition: .2s ease;
}
#top section.av_toggle_section .toggler.activeTitle:after{rotate: 90deg}
#top section.av_toggle_section .toggle_content{border: 0; background: transparent; padding: .5em 1rem 1.5em;}
#top section.av_toggle_section .toggle_content *{font-size: var(--step--1);}

/* Icon list */
#top ul.av-iconlist-big{display: grid; grid-template-columns: repeat(auto-fill, minmax(min(240px, 100%), 1fr)); gap: 1em 2em; margin: 0 0 2em 0;}
#top ul.av-iconlist-big > li{display: flex; align-items: flex-start; margin: 0; padding: 0; gap: 1em; font-size: var(--step-1); max-width: 100%;}
#top ul.av-iconlist-big > li .iconlist_icon{background-color: transparent; margin: 0; width: 1em; font-size: 2em; height: auto; line-height: 1;}
#top ul.av-iconlist-big > li .iconlist_icon .iconlist-char{color: var(--red);}
#top ul.av-iconlist-big > li article{min-height: unset; padding: .5em 0 0 0;}
#top ul.av-iconlist-big > li article .iconlist_content_wrap{padding: 0;}
#top ul.av-iconlist-big > li .iconlist_title{font-size: var(--step-1); top: unset;}
#top ul.av-iconlist-big > li .iconlist_content,
#top ul.av-iconlist-big > li .iconlist_content p{font-size: var(--step-0); margin: 0;}
#top ul.av-iconlist-big > li .iconlist-timeline{display: none}

#top .socket_color ul.av-iconlist-big > li .iconlist_icon .iconlist-char,
#top .footer_color ul.av-iconlist-big > li .iconlist_icon .iconlist-char{color: #fff;}


/* =======================================================================================================================================
Blog: Single Post
======================================================================================================================================= */
#top .template-single-blog article.post-entry .big-preview{max-width: 720px; margin: auto;}
#top .fullsize .template-blog .post .entry-content-wrapper{max-width: 720px; text-align: left; line-height: 1.6; font-size: var(--step-0);}
#top .template-single-blog article.post-entry .entry-content-wrapper header h1{text-align: left; font-size: var(--step-3); padding: 1rem 0}
#top .template-single-blog article.post-entry .entry-content-wrapper header .post-meta-infos{text-align: left; font-size: var(--step--1);}


/* =======================================================================================================================================
Footer
======================================================================================================================================= */
#footer{padding: 2rem 0}

#socket{font-size: var(--step--1);}
#socket .container{padding-top: 1rem; padding-bottom: 4rem;}

#scroll-top-link{display: none}