/*
 Theme Name:   FvAG
 Description:  FvAG Friedrich-von-Alberti-Gymnasium Bad Friedrichshall Wordpress child theme
 Author:       Antonello Vertucci
 Author URI:   https://vertucci.de
 Template:     enfold
 Version:      1.0
*/

/* open-sans-300 - 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: 300;
  src: url('fonts/open-sans-v43-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* 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-v43-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-v43-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


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

:root {
  --step--1: clamp(0.9375rem, 0.9127rem + 0.1058vw, 1rem);
  --step-0: clamp(1.125rem, 1.0754rem + 0.2116vw, 1.25rem);
  --step-1: clamp(1.35rem, 1.2657rem + 0.3598vw, 1.5625rem);
  --step-2: clamp(1.62rem, 1.4878rem + 0.564vw, 1.9531rem);
  --step-3: clamp(1.944rem, 1.7466rem + 0.8422vw, 2.4414rem);
  --step-4: clamp(2.3328rem, 2.0475rem + 1.2173vw, 3.0518rem);
  --step-5: clamp(2.7994rem, 2.3964rem + 1.7191vw, 3.8147rem);
  --step-6: clamp(3.3592rem, 2.8rem + 2.3858vw, 4.7684rem);
  --step-7: clamp(4.0311rem, 3.2654rem + 3.2667vw, 5.9605rem);
  --step-8: clamp(4.8373rem, 3.8003rem + 4.4246vw, 7.4506rem);
}


:root{
	--primary-font: 'Open Sans', sans-serif;
    --heading-font: 'Open Sans', sans-serif;
    --blue: #0069b4;
    --light-blue: #0080FF;
    --light-grey: #FDFEFF;
    --green: #a5cf0c;
}


/* =======================================================================================================================================
Typo
======================================================================================================================================= */
html{-webkit-tap-highlight-color: transparent;}
body{-webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility;}
body,p{font-family: var(--primary-font); font-size: var(--step-0); font-weight: 400; line-height: 1.5}
h1,h2,h3,h4,h5,h6{font-family: var(--heading-font); font-weight: 700 !important; line-height: 1.25; letter-spacing: -0.05em !important; text-transform: inherit !important; margin: 0 0 .5em !important}

#top h1{font-size: var(--step-4); hyphens: auto;}
#top h2{font-size: var(--step-3);}
#top h3{font-size: var(--step-2);}
#top h4{font-size: var(--step-1);}
#top h5{font-size: var(--step-0);}
#top h6{font-size: var(--step-0);}

#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: none;}
#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 .av-subheading p{font-size: var(--step-0); margin-bottom: 1em; position: relative;}
#top .av-subheading p:before{
    content: '';
    width: 25px;
    height: 3px;
    background-color: var(--green);
    position: absolute;
    left: -35px;
    top: .75em;
}
#top .main_color .av-subheading p{color: var(--blue);}

#top p a:not(:has(img)),
#top .avia_textblock a:not(:has(img)) {
    text-decoration: underline;
}

#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}

/* Buttons */
#top .avia-button-wrap{max-width: 100%;}
#top div .avia-button{
    border-radius: 0;
    font-size: var(--step-0);
    font-weight: 400;
    padding: .7em 1em;
    white-space: nowrap;
    color: #fff !important;
    background-color: var(--blue);
    border: 1px solid var(--blue) !important;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-transition: .25s ease;
    transition: .25s ease;
    -webkit-box-shadow: 0 0 15px #00000030;
            box-shadow: 0 0 15px #00000030;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
#top div .avia-button:hover{opacity: 1;}
#top div .avia-button .avia_button_icon{margin: 0 .25em;}

/* Table */
#top table.avia-data-table,
#top table.avia-data-table tr,
#top table.avia-data-table tr td{background: transparent; border: 0}
#top table.avia-data-table{border-spacing: 4px; border-collapse: separate; table-layout: auto;}
#top table.avia-data-table tr td{padding: 10px; background: var(--blue); color: #fff; font-size: var(--step-0);}

@media only screen and (max-width: 767px){
    #top table.avia-data-table{width: inherit;}
}


/* =======================================================================================================================================
Header
======================================================================================================================================= */
#header{background: var(--enfold-header-color-bg); border-top: 2px solid var(--green);}
#header .container{max-width: 1740px;}

#header:not(.av_header_transparency){
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.02), 0 2px 2px rgba(0,0,0,0.02), 0 4px 4px rgba(0,0,0,0.02), 0 6px 8px rgba(0,0,0,0.02), 0 8px 16px rgba(0,0,0,0.02);
    box-shadow: 0 1px 1px rgba(0,0,0,0.02), 0 2px 2px rgba(0,0,0,0.02), 0 4px 4px rgba(0,0,0,0.02), 0 6px 8px rgba(0,0,0,0.02), 0 8px 16px rgba(0,0,0,0.02);
}

@media only screen and (max-width: 989px){ 
    .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: 990px){
    #header .inner-container{
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 1rem;
    }
    #header .inner-container > .logo{order: 1; margin-right: auto; position: relative;}
    #header .inner-container > nav{order: 3; position: relative;}
}

/* Logo */
#header_main .inner-container > .logo,
#header_main .inner-container > .logo a{display: flex; align-items: center; overflow: visible}
#header_main .inner-container > .logo a{height: auto}
#header_main .inner-container > .logo a svg,
#header_main .inner-container > .logo a img{width: 140px}

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

/* Navigation */
@media only screen and (min-width: 990px){
    #header_main .inner-container > nav{display: flex; align-items: center;}
    #header_main .inner-container > nav > div,
    #header_main .inner-container > nav > div > ul,
    #header_main .inner-container > nav > div > ul > li{height: 100%}
    #header_main .inner-container > nav > div > ul > li.menu-item{display: flex; align-items: center}
    #header_main .inner-container > nav > div > ul > li.current-menu-parent{border-bottom: 2px solid}
    #header_main .inner-container > nav ul#avia-menu > li > a{line-height: 1.6 !important; height: auto !important; font-size: var(--step-0); font-weight: 400; padding: 0 .25em}
	#header_main .inner-container > nav ul#avia-menu > li > a i{font-size: .75em; color: var(--light-blue); margin: 0 .5em 0 0;}
    #header_main .inner-container > nav ul#avia-menu > li li > a{margin: 2px 0; hyphens: auto;}
    #header_main .inner-container > nav ul#avia-menu > li li > a{font-size: var(--step--1); font-weight: 400; border: 0;}
    #header_main .inner-container > nav ul#avia-menu > li li.current-menu-item > a{background-color: var(--enfold-header-color-bg2); color: var(--enfold-header-color-color)}
}

@media only screen and (min-width: 1440px){
    #header_main .inner-container > nav ul#avia-menu > li > a{font-size: var(--step-1); padding: 0 .75em}
}

/* Hamburger Menu */
.av-hamburger-box{width: 32px}
.av-hamburger-inner, 
.av-hamburger-inner::before, 
.av-hamburger-inner::after{border-radius: 0}
#top ul#av-burger-menu-ul{vertical-align: top}
#top ul#av-burger-menu-ul li a:hover{background: var(--enfold-alternate-color-bg) !important;}
#top ul#av-burger-menu-ul li.current-menu-item > a,
#top ul#av-burger-menu-ul li.current-menu-parent > a{font-weight: 700}
#top ul#av-burger-menu-ul > li{padding: 2px 4px}
#top ul#av-burger-menu-ul > li > a{font-size: var(--step-1); color: var(--blue) !important; border: 0; background: var(--enfold-alternate-color-bg)}
#top ul#av-burger-menu-ul > li li > a{font-size: var(--step-0); color: var(--blue) !important; border: 0}
#top ul#av-burger-menu-ul > li > a i{font-size: .75em; color: var(--light-blue); margin: 0 .25em 0 0;}


/* =======================================================================================================================================
Accessibility
======================================================================================================================================= */
#top :focus-visible{
    overflow: visible;
    outline: 3px dashed var(--green); !important;
    border-color: transparent !important;
    opacity: 1 !important;
    box-shadow: none;
}


/* =======================================================================================================================================
Misc
======================================================================================================================================= */
#top .alternate_color{border-top: 1px solid var(--enfold-alternate-color-border) !important; border-bottom: 1px solid var(--enfold-alternate-color-border) !important;}

/* Layout  */
@media only screen and (min-width: 990px){
    #top .__offset--top{position: relative; z-index: 5; top: -40px;}
    #top .__offset--right{position: relative; z-index: 5; right: -100px;}
    #top .__offset--bottom{position: relative; z-index: 5; bottom: -40px;}
    #top .__offset--left{position: relative; z-index: 5; left: -100px;}
}

/* Images */
#top .__max--width--none img{max-width: inherit !important;}
#top .image-overlay{display: none !important;}
#top .avia-image-container img{
    border-radius: 8px;
    box-shadow: 0 16px 32px #0000004a;
}

/* Avia gallery */
#top div .avia-gallery a.avia-gallery-big{padding: 0; border: 0; margin-bottom: 30px;}
#top div .avia-gallery .avia-gallery-thumb a{padding: 0 30px 30px 0;}
#top div .avia-gallery .avia-gallery-thumb a img{border: 0; padding: 0;}

/* Opening Hours Image */
#top .__opening--hours.avia-image-container img{width: 940px; max-width: inherit;}
#top .__opening--hours.avia-image-container .av-image-caption-overlay{width: auto; height: auto; text-align: left; background: var(--blue); bottom: 5%; left: -10%; border-radius: 0}
#top .__opening--hours.avia-image-container .av-image-caption-overlay .av-caption-image-overlay-bg{display: none;}
#top .__opening--hours.avia-image-container .av-image-caption-overlay .av-image-caption-overlay-center{padding: 1.75em 1em;}

@media only screen and (max-width: 767px){
    #top .__opening--hours.avia-image-container img{width: 540px;}
    #top .__opening--hours.avia-image-container .av-image-caption-overlay{left: -20px;}
}

/* Hero */
#top .__hero .container{max-width: 1740px;}
#top .__hero .__blue--box{background: var(--blue); padding: 4rem 5% 4rem 0; margin: 25vh 0 0 !important; width: 720px; max-width: 100%; position: relative;}
#top .__hero .__blue--box:before{content: ''; height: 100%; width: 140px; background: var(--blue); position: absolute; left: -140px; top: 0; visibility: visible;}
#top .__hero .__blue--box h1{font-size: var(--step-3); color: #fff}
#top .__hero .__blue--box .av-subheading p{color: #fff !important}
#top .__hero .__blue--box .avia_textblock p{font-size: var(--step-1); color: #fff}
#top .__hero h1 mark{color: var(--green) !important;}

@media (min-width: 1440px){
    #top .__hero .__blue--box{padding-left: 2.2rem}
}

/* Circle Link */
#top .__circle--link{width: 1.5em; height: 1.5em; line-height: 1; border-radius: 50%; font-size: var(--step-1); background-color: var(--blue); color: #fff; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}
#top .alternate_color .__circle--link{background-color: #fff; color: var(--blue);}

/* Boxed text */
#top .__boxed--text{padding: 40px; background: var(--blue); color: #fff;}
#top .__boxed--text p{color: #fff; margin: 0;}
#top .__boxed--text h3{color: #fff;}
#top .__boxed--text a{color: var(--green);}
#top .__boxed--text.__mail--icon{padding: 40px 40px 40px 100px;}
#top .__boxed--text.__mail--icon:before{content: '\ea07'; font-family: 'fvag-fontello'; position: absolute; left: 30px; top: 30px; font-size: 50px; line-height: 1;}

/* Toggle */
#top .togglecontainer .single_toggle{border: 0; margin-bottom: 20px; overflow: visible;}
#top .togglecontainer .toggler{font-size: var(--step-0); font-weight: 700; color: #fff; padding: .75em 90px .75em 1em; border: 0; background: var(--blue); position: relative;}
#top .togglecontainer .toggler .toggle_icon{display: none;}
#top .togglecontainer .toggler:after{content: '\e87b'; font-family: 'entypo-fontello'; position: absolute; top: .75em; right: 25px; color: #fff; transition: .2s ease;}
#top .togglecontainer .toggler.activeTitle{background-color: var(--light-blue);}
#top .togglecontainer .toggler.activeTitle:after{transform: scale(.75);}
#top .togglecontainer .toggle_content{border: 0; padding: 1em;}

@media only screen and (min-width: 990px){
    #top .togglecontainer{max-width: 770px;}
    #top .togglecontainer .toggler:after{font-size: var(--step-1); right: 50px; top: .25em}
}

/* Logo element */
#top .avia-logo-element-container .slide-entry{padding: 2rem;}
#top .avia-logo-element-container .slide-entry .av-partner-fake-img{
	padding: 0 !important;
    aspect-ratio: 100 / 50;
    background-size: contain;
    background-position: center;
}

/* Section Partner */
#top .__section--partner .container{max-width: 1740px;}
#top .__section--partner .container hr{border-color: var(--enfold-alternate-color-border)}
#top .__section--partner .container figure{
	display: flex;
    flex-wrap: wrap;
	align-items: center;
    gap: 3em;
}
#top .__section--partner .container figure img {
    max-width: 160px;
    max-height: 80px;
}

/* Zeitstrahl shortcode */
#top .swiper-zeitstrahl{}
#top .swiper-zeitstrahl .swiper-wrapper{}
#top .swiper-zeitstrahl .swiper-wrapper .swiper-slide{background: var(--blue); padding: 40px 30px; color: #fff; font-size: var(--step-0);}
#top .swiper-zeitstrahl .swiper-wrapper .swiper-slide i{display: inline-block; font-size: 75px; line-height: 1;}
#top .swiper-zeitstrahl .swiper-wrapper .swiper-slide b{font-size: 50px; display: block; margin: .25em 0 0 0}

#top .swiper-zeitstrahl nav{display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; margin-bottom: 40px;}
#top .swiper-zeitstrahl nav .__next, 
#top .swiper-zeitstrahl nav .__prev{cursor: pointer;}
#top .swiper-zeitstrahl nav .__next:after{content: 'next';}
#top .swiper-zeitstrahl nav .__prev:after{content: 'prev';}
#top .swiper-zeitstrahl nav .__next:after, 
#top .swiper-zeitstrahl nav .__prev:after{
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none!important;
    letter-spacing: 0;
    text-transform: none;
    font-variant: initial;
    line-height: 1;
    background: var(--blue);
    color: #fff;
    font-size: 20px;
    margin: 0 5px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 2em;
    height: 2em;
    border-radius: 50%;
}

@media only screen and (max-width: 989px){
    #top .swiper-zeitstrahl .swiper-wrapper .swiper-slide{font-size: .8rem; padding: 30px 20px}
    #top .swiper-zeitstrahl .swiper-wrapper .swiper-slide b{font-size: 36px;}
}

/* Albumins */
#top .__section--albumins .flex_column_table{display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;} 
#top .__section--albumins .flex_column_table .av_one_third{}
#top .__section--albumins .flex_column_table .av_one_third .avia-image-container{max-width: 310px; max-height: 310px;}
#top .__section--albumins .flex_column_table .av_two_third{padding: 40px; background-color: var(--blue); min-height: 120px;}
#top .__section--albumins .flex_column_table .av_two_third *{color: #fff;}
#top .__section--albumins .flex_column_table .av_two_third:before{content: ''; height: 80px; width: 80px; position: absolute; background: var(--blue); pointer-events: none; position: absolute; left: -40px; top: calc(50% - 40px); visibility: visible; -webkit-transform: rotate(45deg); transform: rotate(45deg); z-index: -1;}

#top .__section--albumins .entry-content-wrapper .flex_column_table:nth-child(even){-webkit-box-orient: horizontal;-webkit-box-direction: reverse;-ms-flex-direction: row-reverse;flex-direction: row-reverse;}
#top .__section--albumins .entry-content-wrapper .flex_column_table:nth-child(even) .av_one_third{display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end;}
#top .__section--albumins .entry-content-wrapper .flex_column_table:nth-child(even) .av_two_third:before{left: inherit; right: -40px;}

@media only screen and (max-width: 1280px){
    #top .__section--albumins .flex_column_table .av_two_third:before{-webkit-transform: rotate(45deg) scale(.5);transform: rotate(45deg) scale(.5);}
}

@media only screen and (max-width: 767px){
    #top .__section--albumins .flex_column_table{-webkit-box-orient: vertical !important;-webkit-box-direction: normal !important;-ms-flex-direction: column !important;flex-direction: column !important;}
    #top .__section--albumins .flex_column_table .av_one_third{-webkit-box-pack: start !important;-ms-flex-pack: start !important;justify-content: flex-start !important;}
    #top .__section--albumins .flex_column_table .av_one_third .avia-image-container{max-width: 150px; max-height: 150px;}
    #top .__section--albumins .flex_column_table .av_two_third{padding: 40px 20px;}
    #top .__section--albumins .flex_column_table .av_two_third *{font-size: .8rem;}
    #top .__section--albumins .flex_column_table .av_two_third:before{left: 40px !important; top: -40px; right: inherit !important; bottom: inherit;}
}

/* Icon List */
#top ul.av-iconlist-big > li .iconlist_icon{background-color: var(--enfold-alternate-color-bg);} 
#top ul.av-iconlist-big > li .iconlist_icon svg:first-child{fill: var(--light-blue) !important; stroke: var(--light-blue) !important;}
#top .main_color ul.av-iconlist-big > li article .iconlist_title{color: var(--enfold-main-color-color)}
#top .alternate_color ul.av-iconlist-big > li article .iconlist_title{color: var(--enfold-alternate-color-color)}

/* Tippy JS */
.tippy-box{white-space: nowrap; font-weight: 700}


/* =======================================================================================================================================
News / Blog
======================================================================================================================================= */
/* News grid - shortcode */
#top .news-grid{display: flex; flex-wrap: wrap; gap: 2rem; margin-top: 2rem;}
#top .news-grid > article{flex-basis: 0; flex-grow: 1; min-width: 240px}
#top .news-grid > article a{display: block}
#top .news-grid > article figure{position: relative; background: #f3f3f3; display: block; aspect-ratio: 4/3}
#top .news-grid > article figure img{object-fit: cover; width: 100%; height: 100%; display: block;}
#top .news-grid > article .__content{padding: 5% 5% 7.5% 5%; background: var(--blue);}
#top .news-grid > article .__content h3{ font-size: var(--step-1); color: #fff;}
#top .news-grid > article .__content h3 a{color: #fff;}
#top .news-grid > article .__content p{font-size: var(--step--1); color: #fff; margin: 0 0 .25em 0;} 
 
/* Blog Raster Layout */
#top .avia-content-slider article .slide-image{aspect-ratio: 4 / 5; margin-bottom: 25px; border: 0; border-radius: 0; position: relative;}
#top .avia-content-slider article .slide-image > img{position: absolute !important; top: 0; bottom: 0; height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; border-radius: 0;}
#top .avia-content-slider article .slide-image .fallback-post-type-icon{display: none;}
#top .avia-content-slider article .slide-content .slide-meta{color: var(--blue)}
#top .avia-content-slider article .slide-content .slide-entry-excerpt{font-size: .85rem;}

/* Single News Blog */
#top.single-post .big-preview{margin-bottom: 2em}
#top.single-post .big-preview img{border-radius: 0}
#top.single-post .entry-content-wrapper .entry-content-header .post-title{text-transform: inherit !important; font-size: 2rem; line-height: 1.15; margin-bottom: 1em !important}
#top.single-post .entry-content-wrapper .entry-content-header .post-title a{pointer-events: none;}
#top.single-post .entry-content-wrapper .entry-content-header .post-meta-infos{margin-bottom: 1em;}
#top.single-post .entry-content-wrapper .entry-content-header .post-meta-infos *{color: var(--blue); font-size: var(--step-0)}

#top.single-post .entry-content-wrapper .entry-content-header .post-meta-infos .text-sep-cat{display: none;}
#top.single-post .entry-content-wrapper .entry-content img{margin: 3em 0}

#top.single-post .av-share-box ul{border: 0}
#top.single-post .av-share-box ul li{padding: 5px; border: 0}
#top.single-post .av-share-box ul li a{background-color: #f3f3f3; font-size: var(--step--1)}

@media only screen and (min-width: 768px){
    #top.single-post .entry-content-wrapper .entry-content-header .post-title{font-size: 2.5rem;}
    #top.single-post .entry-content-wrapper .entry-content-header .post-meta-infos *{font-size: var(--step-0)}
    #top.single-post .av-share-box ul li a{font-size: 25px}
}

@media only screen and (min-width: 990px){
    #top.single-post article.post-entry{padding-left: 100px}
    #top.single-post .entry-content-wrapper .entry-content-header .post-title{font-size: 3rem;}
}

@media only screen and (min-width: 1280px){
    #top.single-post article.post-entry .entry-content-wrapper{position: relative; padding: 0 0 0 100px; overflow: visible;}
    #top.single-post article.post-entry .entry-content-wrapper footer{position: absolute; top: 0; left: 0; max-width: 75px; width: 100%;}
    #top.single-post article.post-entry .entry-content-wrapper footer ul.av-share-box-list{display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;}
    #top.single-post article.post-entry .entry-content-wrapper footer h5{margin-bottom: 20px; font-size: var(--step--1); padding: 12px;}
}

/* Blog Sidebar */
#top .sidebar h3{text-transform: inherit; font-size: var(--step-0);}
#top .avia_combo_widget ul.news-wrap li a .news-thumb{border: 0}
#top .avia_combo_widget ul.news-wrap li a .news-time{color: var(--blue)}

#top .widget_categories{padding: 5%; background: #f8f8f8;}
#top .widget_categories ul li{border-bottom: 1px solid #e4e4e4 !important; padding: .5em; font-size: .84rem;}
#top .widget_categories ul li.current-cat a{font-weight: bold;}

#top .widget_archive{padding: 5%; background: #f8f8f8; margin-top: 25px}
#top .widget_archive select{border: 0; font-family: 'Open Sans', 'Arial', sans-serif; padding: 1em; background-color: #ececec; margin-top: 1em; margin-bottom: 0}

/* Search box */
#top aside #searchform{-webkit-box-shadow: 75px 0 25px rgb(0 0 0 / 20%);box-shadow: 75px 0 25px rgb(0 0 0 / 20%);}
#top #searchform #s{border: 0; font-family: 'Open Sans', 'Arial', sans-serif; font-weight: 400; padding: .75em 1em; font-size: .8rem;}
#top #searchform #s::-webkit-input-placeholder{color: var(--blue)}
#top #searchform #s::-moz-placeholder{color: var(--blue)}
#top #searchform #s:-ms-input-placeholder{color: var(--blue)}
#top #searchform #s::-ms-input-placeholder{color: var(--blue)}
#top #searchform #s::placeholder{color: var(--blue)}


/* =======================================================================================================================================
Right CTA
======================================================================================================================================= */
#right_CTA{
    position: fixed; 
    top: 50%; 
    right: 0; 
    transform: translateY(-50%); 
    z-index: 1000;
	background: #fff;
    border: 1px solid #fff;
	border-right: 0;
}
#right_CTA ul{
    list-style: none; 
    margin: 0; 
    display: flex; 
    flex-direction: column;
    gap: .5px;
}
#right_CTA ul li a{
    width: 1.25em;
    height: 1.25em;
    display: grid;
    place-content: center;
    color: #fff;
    background-color: var(--blue);
    font-size: 48px;
    line-height: 1;
    position: relative;
}
#right_CTA ul li a i{display: block;}
#right_CTA ul li a:focus-visible{z-index: 1}

@media only screen and (max-width: 989px){
    #right_CTA ul li a{font-size: 32px}
}

@media only screen and (max-width: 480px){
    #right_CTA{display: none;}
}


/* =======================================================================================================================================
Footer
======================================================================================================================================= */
#footer{padding: 75px 0; border: 0;}
#footer p{font-size: var(--step--1);}
#footer .container{max-width: 1740px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}
#footer .container > .flex_column{margin: 0; width: 100%; -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%;}
#footer .container > .flex_column p{margin-top: 0;}

#footer .container > .flex_column:nth-child(2) .widget_text{overflow: visible; position: relative; padding-left: 50px;}
#footer .container > .flex_column:nth-child(2) .widget_text:before{content: '\ea06'; line-height: 1; font-family: 'fvag-fontello'; position: absolute; left: -.25em; top: 0; font-size: 50px; display: inline-block; visibility: visible; width: auto; height: auto;}
#footer .container > .flex_column:nth-child(3) ul.menu li{font-size: var(--step--1); padding-left: 2.5em; position: relative; margin: 4px}
#footer .container > .flex_column:nth-child(3) ul.menu li:before{content: ''; width: 25px; height: 3px; background-color: var(--green); position: absolute; left: 0; top: 1em;}

@media only screen and (max-width: 767px){
    #footer .container > .flex_column .widget{margin: 0;}
}

@media only screen and (min-width: 768px){
    #footer .container > .flex_column:nth-child(2){width: 33.333333%%; -webkit-box-flex: 1; -ms-flex: 1 1 33.333333%; flex: 1 1 33.333333%; padding-right: 40px;}
    #footer .container > .flex_column:nth-child(3){width: 33.333333%%; -webkit-box-flex: 1; -ms-flex: 1 1 33.333333%; flex: 1 1 33.333333%; padding-right: 40px;}
    #footer .container > .flex_column:nth-child(4){width: 33.333333%%; -webkit-box-flex: 1; -ms-flex: 1 1 33.333333%; flex: 1 1 33.333333%;}
    #footer .container > .flex_column:nth-child(4) ul.menu li{display: inline-block; margin-left: 1em;}
}

@media only screen and (min-width: 1280px){
    #footer .container > .flex_column:nth-child(1){width: 22%; -webkit-box-flex: 1; -ms-flex: 1 1 22%; flex: 1 1 22%;}
    #footer .container > .flex_column:nth-child(2){width: 32%; -webkit-box-flex: 1; -ms-flex: 1 1 32%; flex: 1 1 32%;}
    #footer .container > .flex_column:nth-child(3){width: 24%; -webkit-box-flex: 1; -ms-flex: 1 1 24%; flex: 1 1 24%;}
    #footer .container > .flex_column:nth-child(4){width: 22%; -webkit-box-flex: 1; -ms-flex: 1 1 22%; flex: 1 1 22%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end;}
}


#socket{font-size: var(--step--1);}
#socket .container{max-width: 1740px;}


#scroll-top-link{display: none;}