/*
 Theme Name:   Schoen hier
 Theme URI:    https://www.neckarmedia.com
 Description:  WordPress Child Theme
 Author:       Neckarmedia
 Author URI:   https://www.neckarmedia.com
 Template:     enfold
 Version:      1.0
*/

/* @link https://utopia.fyi/type/calculator?c=375,18,1.125,1240,20,1.2,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.8681rem, 0.8979rem + -0.0385vw, 0.8889rem);
  --step--1: clamp(1rem, 0.9819rem + 0.0771vw, 1.0417rem);
  --step-0: clamp(1.125rem, 1.0708rem + 0.2312vw, 1.25rem);
  --step-1: clamp(1.2656rem, 1.164rem + 0.4335vw, 1.5rem);
  --step-2: clamp(1.4238rem, 1.2607rem + 0.6958vw, 1.8rem);
  --step-3: clamp(1.6018rem, 1.3598rem + 1.0325vw, 2.16rem);
  --step-4: clamp(1.802rem, 1.4596rem + 1.4612vw, 2.592rem);
  --step-5: clamp(2.0273rem, 1.5577rem + 2.0034vw, 3.1104rem);
  --step-6: clamp(2.2807rem, 1.6513rem + 2.6854vw, 3.7325rem);
  --step-7: clamp(2.5658rem, 1.7364rem + 3.5389vw, 4.479rem);
  --step-8: clamp(2.8865rem, 1.8078rem + 4.6026vw, 5.3748rem);
}

:root {
    --primary-font: 'Plus Jakarta Sans', sans-serif;
    --heading-font: 'Plus Jakarta Sans', sans-serif;
}

:root {
    --primary-color: #005A9A;
    --secondary-color: #007354;
	--yellow: #F8C841;
	--green-light: #2FAC66;
}


/* =======================================================================================================================================
Typo
======================================================================================================================================= */
/* plus-jakarta-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: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/plus-jakarta-sans-v8-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* plus-jakarta-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: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/plus-jakarta-sans-v8-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

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.6}
p{margin: 0 0 1em;}
h1,h2,h3,h4,h5,h6{font-family: var(--heading-font); font-weight: 700 !important; line-height: 1.2; letter-spacing: 0 !important; text-transform: inherit !important; margin: 0 0 .4em 0 !important}

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

.av-special-heading mark:first-of-type {border-radius: 30px 30px 30px 0; line-height: 170%;}
.av-special-heading mark:last-of-type {border-radius: 0 30px 30px 30px;}


/*Font gradient*/
mark {background: var(--yellow); padding: 10px 30px; color: var(--primary-color);}
.__gradient-bg .__heading mark {font-size: var(--step-6); line-height: 148%; font-weight: bold;}
.__gradient-bg mark:first-of-type {border-radius: 30px 30px 30px 0;}
.__gradient-bg mark:last-of-type {border-radius: 0 0 30px 30px;}

.__gradient-bg .__second p {font-size: var(--step-4); font-weight:bold;}
.__gradient-bg .__second p, .__gradient-bg .avia_textblock, .__gradient-bg .avia-buttonrow-wrap {padding-left:35px;}
.__gradient-bg {color:#fff;}

@media screen and (min-width: 1460px){.__gradient-bg .__heading mark {font-size: var(--step-8);}}
@media screen and (max-width:1535px){.__gradient-bg .__heading mark {font-size: var(--step-7);}}
@media screen and (max-width:1330px){.__gradient-bg .__heading mark {font-size: var(--step-6);}}
@media screen and (max-width:1105px){.__gradient-bg .__heading mark {font-size: var(--step-5);}}
@media screen and (max-width:768px){.__gradient-bg .__heading mark {line-height:158%; font-size: var(--step-7)}}
@media screen and (max-width:600px){.__gradient-bg .__heading mark {line-height:170%; font-size: var(--step-6);}}

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

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

#top div .avia-button.avia-color-theme-color-highlight { background: transparent !important; color: var(--primary-color); border-color: var(--primary-color) !important;}

/* 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: '\2022';
    font-family: 'entypo-fontello';
    position: absolute;
    left: 0;
    display: inline-block;
}


/* =======================================================================================================================================
Header
======================================================================================================================================= */
#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: 113px !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;
        flex-flow: row-reverse;
    }
    #header .inner-container > .logo{order: 1; margin-left: auto; position: relative;}
    #header .inner-container > nav{order: 3; position: relative;}
}

#header_main .container {height: auto;}
#header_meta {background: var(--secondary-color);}

.responsive #top .__gradient-bg .container .av-content-small {margin-bottom: 0; margin-top: 50px;}
.responsive #top #wrap_all .__gradient-bg .flex_column {margin-bottom:0;}

.responsive #top .__fullsize-img .container .av-content-small {margin-bottom: 0; margin-top: 50px;}
.responsive #top #wrap_all .__fullsize-img .flex_column {margin-bottom:0;}


#header_main .inner-container > .logo,
#header_main .inner-container > .logo a{display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; overflow: visible}
#header_main .inner-container > .logo a{height: auto; padding: 20px 0;}
#header_main .inner-container > .logo a svg,
#header_main .inner-container > .logo a img{width: 250px}

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

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

/* 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 ul#avia-menu > li > a{line-height: 1.6 !important; height: auto !important; font-size: var(--step--1); font-weight: 400}
    #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 > .avia-menu-text,
    #header_main .inner-container > nav ul#avia-menu li.current-menu-item > a > .avia-menu-text{}
	.avia-menu-fx {display: none;}
	.avia-menu {cursor: default; pointer-events: none; }
	.avia-menu-text {font-weight: bold;}
}

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

nav.main_menu {
    display: none !important;
}

span.logo.avia-svg-logo {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%; /* oder passende Breite */
  flex-direction: row-reverse;
}

span.logo.avia-svg-logo::after {
  content: 'Das Stellenportal von PHS und PBV · Haus Schönblick';
    margin-right: auto;
    font-weight: bold;
    line-height: 1.5em;
    font-size: var(--step--1);
}

@media screen and (min-width:1024px){span.logo.avia-svg-logo::after {font-size: var(--step-0);}}
@media screen and (max-width:768px){span.logo.avia-svg-logo::after {max-width: 210px;}}
@media screen and (max-width:425px){span.logo.avia-svg-logo::after {max-width: 200px;}}

a.logo-mobile {width:130px;}

/*
@media screen and (max-width: 1024px){
	#top .__fullsize-img .flex_column_table_cell, #top .__fullsize-img .flex_column_table {display:block;} 
	#top .__fullsize-img .container .flex_column {width:100%;} 
	.container.av-section-cont-open{padding-top:100px;}}
*/

@media screen and (max-width: 768px){#top .__fullsize-img img {padding-top: 50px;}}

@media screen and (max-width: 1000px){#top .__gradient-bg .container, #top .__fullsize-img .container {padding-top: 50px;}}

/* 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: inherit !important;}
#top ul#av-burger-menu-ul > li > a{font-size: var(--step-0);}
#top ul#av-burger-menu-ul > li li > a{font-size: var(--step--1);}


/* =======================================================================================================================================
Accessibility
======================================================================================================================================= */
#top :focus-visible{
    overflow: visible; 
    outline: -webkit-focus-ring-color auto 1px; 
    opacity: 1 !important;
	box-shadow: inset 0 0 0 2px #fff;
}


/* =======================================================================================================================================
Misc
======================================================================================================================================= */
/* Layout */
.widgettitle{font-weight: inherit; text-transform: inherit; letter-spacing: inherit; font-size: inherit;}

@media only screen and (max-width: 767px){
    .responsive #top #wrap_all .container{width: 90%; max-width: 90%;}
	.avia-section-huge .content { padding-top: 30px; padding-bottom: 30px;}
	.container.av-section-cont-open { padding-top: 50px;}
}

/*Cls Farben*/
#top .cls-1 { fill: var(--primary-color);}
#top .cls-2 {fill: url(#Unbenannter_Verlauf_2);}

#top .__jobs-phs .cls-2 {fill: var(--green-light);}
#top .__jobs-pbv .cls-2 {fill: var(--primary-color);}

/*Plus Icon - Symbol List*/
.__plus svg {font-size: 60px;}
.__plus .avia-icon-list .iconlist_icon svg {margin-top: 20px;}
#top .avia-icon-list .iconlist_icon {background-color: transparent;}

/*Plus Icons Vorteile - Symbol List*/
.__plus-vorteile svg {font-size: 50px;}
.__plus-vorteile .avia-icon-list .iconlist_icon svg {margin-top: 0;}
.__plus-vorteile .avia-icon-list .iconlist_title {text-transform: none; font-size: var(--step-1); font-weight: bold;}
.__plus-vorteile header.entry-content-header { margin-bottom: 20px;}

.__plus-vorteile .avia-icon-list { display: grid;  grid-template-columns: repeat(3, 1fr);  gap: 2rem;   list-style: none; padding: 0;}
@media (max-width: 1024px) {.__plus-vorteile .avia-icon-list { grid-template-columns: repeat(2, 1fr);}}
@media (max-width: 767px) {.__plus-vorteile .avia-icon-list { grid-template-columns: 1fr;}}


/*Benefits Icons*/
/*
.__benefits .av_font_icon { width: calc(100% / 5); margin-bottom: 30px;}
.__benefits {display: flex;flex-wrap: wrap;gap: 1rem;}

.__benefits .av_icon_caption {text-transform: none;}
.__benefits .av-icon-char svg {border:2px solid var(--yellow); border-radius:50%;}
#top .__benefits .av-icon-char {padding: 0; height: 130px;}

@media (max-width: 1300px) { .__benefits .av_font_icon { width: calc(100% / 3);}}
@media (max-width: 767px) {.__benefits .av_font_icon {width: 100%;}}
*/


/*
@media only screen and (min-width: 768px){
    #top .__benefits .av-special-heading{margin-top: 8%;}
}
*/
@media only screen and (max-width: 989px) and (min-width: 600px){
    #top .__benefits img.avia_image { width: 50%; margin: 0 auto;}
}
#top .__benefits h2{font-size: var(--step-3) !important; margin-bottom: 0 !important;}
#top .__benefits .av-special-heading .av-subheading_below{margin-top: 0 !important;}
#top .__benefits .av-special-heading .av-subheading_below p{color: #fff; background-color: var(--primary-color); padding: 0.25em 0.5em; font-size: var(--step-3) !important; display: inline-block !important; font-family: var(--primary-font); font-weight: 700; line-height: var(--step-3) !important;}
#top .__benefits .av-iconlist-small li{display: inline-flex; border: 2px solid var(--primary-color); border-radius: 50px; padding: 0.4em .8em; font-weight: 600; margin-right: 20px; margin-bottom: 30px; font-family: var(--primary-font)}
#top .__benefits .av-iconlist-small article.article-icon-entry, #top .__benefits .av-iconlist-small .entry-content-header{display: inherit; font-size: var(--step--1);}
#top .__benefits .avia-icon-list .iconlist_icon{margin-left: 0; margin-right: 0; line-height: 1.25em; height: auto;}
#top .__benefits .avia-icon-list-container { margin-top: 50px;}
#top .__benefits .av-iconlist-small .iconlist_title_small {line-height: 1.65em;}

/*Mark Box*/
.__mark-box .av-special-heading-tag  {background: var(--yellow); padding: 15px 30px !important;	border-radius: 30px;}

/*
.__jobs span.av_iconlist_title.iconlist_title::after {content: '(w/m/d)'; font-size: var(--step--1); position: relative; top: -10px; display: inline-block; margin-left: 0.5ch;}
.__jobs svg {font-size: 50px;}
.__jobs .iconlist_icon {margin-bottom: -13px;}
.__jobs .avia-icon-list > li { display: flex; align-items: center;}
.__jobs .iconlist_icon { flex-shrink: 0; margin-right: 1rem;}
.__jobs .article-icon-entry { display: flex; flex-direction: column; justify-content: center;}
.__jobs .av_iconlist_title.iconlist_title {font-size: var(--step-2);text-transform: none;font-weight: bold;}
.__jobs .avia-icon-list .iconlist_icon svg {margin-top: 0;}
#top .__jobs .avia-icon-list li {padding-bottom: 0;}

#top .__jobs .av_iconlist_title a, #top .__jobs .iconlist_content {color: var(--primary);}
#top .__jobs .av_iconlist_title a:hover {text-decoration: none;}

.__jobs .__jobs-phs.avia-icon-list-container {border-radius: 30px; padding: 30px; border: 2px solid var(--green-light);}
.__jobs .__jobs-pbv.avia-icon-list-container {border-radius: 30px; padding: 30px; border: 2px solid var(--primary-color);}
*/

/*Jobs List - Logo*/
@media screen and (min-width: 768px){.__logo-jobs-list img {float: right;}}

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

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

/* Social Icons */
#top ul.__social--media--icons{
    display: flex;
    gap: 0;
    font-size: var(--step-2);
    margin: 0 0 1em 0;
    line-height: 1;
}
#top ul.__social--media--icons > li > a{padding: .2em .4em;}


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


/* =======================================================================================================================================
Formular
======================================================================================================================================= */
#top .input-text, 
#top input[type=email], 
#top input[type=input], 
#top input[type=number], 
#top input[type=password], 
#top input[type=search], 
#top input[type=tel], 
#top input[type=text], 
#top input[type=url], 
#top select, 
#top textarea{
    font-family: var(--primary-font);
    padding: 1em;
    border-radius: 20px;
    border: 2px solid;
	border-color: var(--secondary-color);
    margin: 0;
    font-size: var(--step--1);
}

#top input::placeholder, #top textarea::placeholder  { color: var(--secondary-color); opacity: 1;}

#submit, .button, input[type=submit] { border-radius: 20px; padding: 20px 30px;}

@media screen and (min-width:990px){#submit, .button, input[type=submit] {float: right;}}

#top .main_color .input-text, #top .main_color input[type='text'], #top .main_color input[type='input'], #top .main_color input[type='password'], #top .main_color input[type='email'], #top .main_color input[type='number'], #top .main_color input[type='url'], #top .main_color input[type='tel'], #top .main_color input[type='search'], #top .main_color textarea, #top .main_color select {
	border-color: var(--secondary-color);
	background-color: #fff;
}

#top .alternate_color .input-text, #top .alternate_color input[type='text'], #top .alternate_color input[type='input'], #top .alternate_color input[type='password'], #top .alternate_color input[type='email'], #top .alternate_color input[type='number'], #top .alternate_color input[type='url'], #top .alternate_color input[type='tel'], #top .alternate_color input[type='search'], #top .alternate_color textarea, #top .alternate_color select {
	border-color: var(--secondary-color);
	background-color: #fff;
	color: var(--secondary-color);
}

#top :focus-visible { outline: none;}

#top form label{font-size: var(--step--1)}
#top form button{
	font-size: var(--step--1);
    font-weight: 700;
    padding: 1em 2em;
    border-radius: 20px;
    background: var(--enfold-main-color-color);
    color: var(--enfold-main-color-bg);
	border: 1px solid var(--enfold-main-color-color);
    box-shadow: none;
}
#top .alternate_color form button{
	background: var(--enfold-alternate-color-color);
    color: var(--enfold-alternate-color-bg);
}

/* Formidable Forms */
#top .frm_forms > form .frm_primary_label{
	color: inherit;
	font-weight: 700;
}
#top .frm_forms > form .frm_required{
    font-weight: inherit;
    font-size: inherit;
    color: inherit;
}
#top .frm_forms > form p.description, 
#top .frm_forms > form div.description, 
#top .frm_forms > form div.frm_description, 
#top .frm_forms > form .frm-show-form > div.frm_description, 
#top .frm_forms > form .frm_error, 
#top .frm_forms > form .frm_pro_max_limit_desc{
	color: inherit;
	font-size: var(--step--1);
}

/* CF7 Forms */
form.wpcf7-form.init, form.wpcf7-form.sent {padding: 2rem; border: 3px solid var(--secondary-color); border-radius: 20px; color: var(--secondary-color);}
form.wpcf7-form.init h4 {color: var(--secondary-color);}

span.wpcf7-list-item-label {font-size: var(--step--1);}
input.wpcf7-form-control.wpcf7-submit.has-spinner { font-family: var(--primary-font); font-size: var(--step--1); font-weight: bold;}

#top .wpcf7 .codedropz-upload-inner h3 {font-size: var(--step-1); color: var(--secondary-color);}
#top .wpcf7 .codedropz-upload-wrapper { border: 2px dashed var(--secondary-color) !important; border-radius: 20px;}
.codedropz-upload-container {padding: 50px;}

form.wpcf7-form.sent, form.wpcf7-form.sent h4 {color: var(--secondary-color);}
.wpcf7 form.sent .wpcf7-response-output {border-color: var(--secondary-color); background: var(--secondary-color); color: #fff; font-weight: bold; padding: 30px;}

@media screen and (min-width: 1100px){
.f_row{ display: flex; flex-wrap: wrap; gap: 1rem; margin-bottom: 1rem;}
.f_row div {width: calc(98% / 2);}
form.wpcf7-form.init, form.wpcf7-form.sent {padding: 5rem;}
.codedropz-upload-container {padding: 100px;}
}

/* =======================================================================================================================================
Footer
======================================================================================================================================= */
#footer{padding: 2rem 0}
#footer h3.widgettitle, #footer p {font-size: var(--step--1) !important;}
#footer .widget {margin: 20px 0 0 0;}
#footer { padding-bottom: 0;}

#footer .container {display: flex;gap: 50px;}
#footer .container .flex_column { width: calc((100% - 20px) / 4);}
@media screen and (max-width:1500px) {#footer .container .flex_column {width: calc((100% - 20px) / 3);}}
@media screen and (max-width:768px) {#footer .container .flex_column {width: calc((100% - 20px) / 2);}}
@media screen and (max-width:500px) {#footer .container {display:block;}}

@media screen and (min-width:768px){#footer .av_one_half {margin-left: 0;}}


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

.sub_menu_socket .avia-menu-text {font-weight: normal;}
.sub_menu_socket .avia-menu-text:hover {color: #fff;}