/*
Theme Name: Enfold Child
Description: A <a href='http://codex.wordpress.org/Child_Themes'>Child Theme</a> for the Enfold Wordpress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating will be much easier then.
Version: 1.0
Author: Kriesi
Author URI: http://www.kriesi.at
Template: enfold
*/

/************************************
 Add a widget area on the right side
 Logo left, Menu center, Widget right
*************************************
CSS Settings:
» Initiate Flexbox
» Topbar
» Header
» Logo
» Menu
» Widget

***********************************/ 
/*--------------------------------
» Initiate Flexbox
--------------------------------*/

/* Header */
.responsive #top #header,
/* Top bar */
.responsive #top #header #header_meta,
/* Search icon */
.responsive #top #header #menu-item-search a,
/* Cart icon */
.responsive #top #header a.cart_dropdown_link,
/* Social icon */
.responsive #top #header #header_main nav .social_bookmarks,
/* Logo */
.responsive #top #header #header_main .inner-container .logo,
/* Main menu, cart and social icons */
.responsive #top #header #header_main .inner-container .main_menu,
/* Widgets */
.responsive #top #header #header_main .inner-container .widget,
/* Header inner container */
#top #header #header_main .container.av-logo-container .inner-container {    
    display: flex;
    position: relative!important;
}
/*--------------------------------
» Topbar
--------------------------------*/
/* Top bar */

.responsive #top #header #header_meta {
    flex-basis: 100%;    
}
/*--------------------------------
» Header
--------------------------------*/

/* Height */

#top #header #header_main .container.av-logo-container {
    height: inherit;   /* Auto height: Header takes the height of the contents */
}

/* Header inner container */

#top #header #header_main .container.av-logo-container .inner-container {
  height: inherit; 
  position: relative !important;
  flex-wrap: nowrap;
  justify-content: space-between;
}

/* Wrappers 
--------------------------------*/
/* Header content and Topbar */

.responsive #top #header {
    flex-wrap: wrap;
}

/* Header contents: Logo, Menu, Social Icons and Widgets. */
.responsive #top #header #header_main {
    flex-basis: 100%;    
}
/* Transparent header 
--------------------------------*/

.responsive.html_header_transparency #top #wrap_all #header {
    position: absolute;
}
/* Main content: 
-----------------------*/
.responsive #top #main { 
    padding-top: 0px; /* Gap between the content and header */
} 
/* Fixed header 
--------------------------------*/
/* Fixed header */

.html_header_sticky.html_header_transparency #top #wrap_all #header,
.html_header_sticky #top #wrap_all #header { 
    position: fixed; 
} 
/* Fixed header and page content gap. 
   Padding value should be same as the fixed header height. */

.html_header_sticky:not(.html_header_transparency) #top #wrap_all #main { 
    /*padding-top: 145px !important; */
} 

@media only screen and (max-width: 767px) {
.html_header_sticky #top #wrap_all #main {
    /*padding-top: 145px !important; */
}}
/*--------------------------------
» Logo
--------------------------------*/
/* Logo */
.responsive #top #header #header_main .inner-container .logo {
    order: 0;
    flex-basis: auto;
    /*width: auto;*/

    /* Define scalable min width of the logo on small screens */
    min-width: 100px;
    /* Define scalable max width of the logo on big screens */
    /* Logo width: (auto | 100% | px );  Set auto to display the uploaded image size */
    max-width: 180px;
    
    z-index: 9;
}
/* Logo image size */

.responsive #top #header .logo,
.responsive #top #header .logo a,
.responsive #top #header .logo img {
    width: auto;
        
    /* Height specification is not required. It is proportional to the max width of the logo */
    height: auto;    
    align-items: center;
    align-self: center;
    justify-content: center;
}
/* Vertically center transparency logo */

.responsive #top #header .logo span img {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

/* Vertically center transparency logo */
.logo svg {
min-width:120px!important;
margin-top:10px;
}
/*--------------------------------
» Menu
--------------------------------*/
/* Menu outer container: Menu with siblings cart and social icons */

.responsive #top #header #header_main .inner-container .main_menu {
    order: 0;
    flex-basis: auto;   /* Use calc to minus the width of the logo */
    align-items: center;
    align-self: center;
}

/* Navigation */
#header .av-main-nav {
    display: flex;
    flex-wrap: nowrap;
}

/*  Activate burger menu  */
@media only screen and (max-width: 1000px) {
    #top #header .av-main-nav>li.menu-item {
        display: none!important;
    }
    #top #header .av-burger-menu-main {
        cursor: pointer;
        display: block!important;
    }
}

@media only screen and (max-width: 767px) {

/* Mobile menu position fix */
.responsive #top .av-logo-container .avia-menu {
    display: flex!important;
    align-items: center;
}}

/* Mega menu position fix */
#header li .avia_mega_div,
#header li:hover .avia_mega_div {
    right: 0 !important; /* submenu position */
    left: auto!important; /* submenu position */
    max-width: 50vw;
}
/*--------------------------------
» Widget
--------------------------------*/
/* Widgets */

.responsive #top #header #header_main .inner-container .widget {
    order: 0;
    flex-basis: auto;
    padding: unset;
    clear: none!important;

    align-self: center;
    align-items: center;
    z-index: 1;

}

.responsive #top #header #header_main .inner-container .widget>div {
    width:100%;
    line-height: 14px;
    padding:0 10px;
}
/*--------------------------------
» Social icons
--------------------------------*/
/* Flex support and position fix */
.responsive #top #header #header_main nav .social_bookmarks {
    display: flex;
     top: auto;
     margin-top: 0;
     align-items: center;
}
/* Inherit height for flex alignment */
#top .av-logo-container .social_bookmarks li {
    height: inherit;
}

/* Header Phone-Widget Styling */
#header .widget{
	margin: 0 2em;
}

.info-wrap .info-icon {
    font-size: 1.2em;
    width: 45px;
    height: 45px;
    text-align: center;
    line-height: 45px;
    border-radius: 10px;
    background-color: #2B6C8C;
    color: #fff;
    flex-shrink: 0;
    margin: 0 10px;
}

.info-wrap {
    display: flex;
    align-items: center;
	justify-content: left;
}

center .info-wrap {
    display: flex;
    align-items: center;
	justify-content: center;
}

.info-wrap .info-text {
    font-size: 0.8em;
    margin: 5px 0;
	line-height: 1em;
}

.info-wrap .info-sub-text {
	font-size: 1.1em;
    font-weight: bold;
    margin: 0;
	color:#2B6C8C;
}

.widget a {
	text-decoration: none;
}

.header-phone-mobile{
	padding: 0;
}

.header-phone-mobile a{
	font-size: 1.5em;
	padding: 0 20px;
}

@media only screen and (max-width: 479px) {
	.responsive #top #header #header_main .inner-container .widget {
	display:none;	
	}
	}


/* Set Custom Background-Image for Body */
html.html_stretched #wrap_all {
    background-repeat: no-repeat;
    background-image: url(/wp-content/uploads/2025/04/careli-bg-15.png);
    background-position: top center;
    background-attachment: scroll;
    background-size: cover;
}

#main {
    background-color: transparent!important;
}


/* Style Footer and align columns*/
#footer .container {
    align-items: center;
    display: flex;
    flex-wrap:wrap;
}

@media only screen and (max-width: 767px) {
#footer .container section {
margin:0;
}
#footer .container .flex_column:first-of-type section {
margin-top: 50px;
}
}

/* Style partner logo element */
.avia-logo-element-container img {
filter: grayscale(1); 
box-shadow:none!important;
max-height:25px;
}

.avia-logo-element-container .slide-entry-wrap {
    display: flex;
    flex-wrap: wrap;
}
.avia-logo-element-container .slide-entry {
  flex: 1 0 33%;
}

/* Align Review-Widget to the left */
@media only screen and (min-width: 479px) {
.grw-net-widget {
margin:0!important;
}
}

/* Enable Brush-Style Background for Texts */
.brush-blue {
	color:#2B6C8C;
	position:relative;
    }

.brush-blue::after {
    content: "";
    position: absolute;
    width: 98%;
    height: 8px;
    background-color: #2B6C8C;
    opacity: 0.4;
    top: 70%;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.brush-pink {
	color:#FF4F79;
	position:relative;
    }

.brush-pink::after {
    content: "";
    position: absolute;
    width: 98%;
    height: 8px;
    background-color: #FF4F79;
    opacity: 0.4;
    top: 72%;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.brush-grey {
        background: url(/wp-content/uploads/2025/04/brush-grey.svg);
    }


/* Styling for Job-Type-Grid */
.avia-icongrid-icon {
margin:0px;
    width: 76px;
    background: #880044;
    height: auto;
    margin: 0 auto;
    padding: 10px;
    position: relative;
    border-radius: 10px;
}

.avia-icongrid-flipbox .av-icon-cell-item .avia-icongrid-inner {
padding:1em!important;
}

/* Styling and Allignment of Advantage-Boxes */
.flex_boxes_grey {
display: flex!important;
flex-flow: row wrap;
justify-content: space-between;
gap: 20px;
}

.flex_item {
  background-color: #fff;
  padding: 50px 10px;
  flex-basis: calc(50% - 20px);  
  flex-grow:1;
  flex-shrink: 1;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}

.flex_boxes_grey::before, .flex_boxes_grey::after {
display:none!important;
}

.top-left-box {
border-radius: 30px 15px 0px 15px;
}

.top-right-box {
border-radius: 15px 30px 15px 0px;
}

.bottom-left-box {
border-radius: 15px 0px 15px 30px;
}

.bottom-right-box {
border-radius: 0px 15px 30px 15px;
}

/* Styling of Progress-Bars */
.avia-progress-bar-container {
max-width:75%;
}

.avia-progress-bar .progress {
border-radius:5px!important;
}

.progressbar-title-wrap .progressbar-title {
font-weight: normal !important;
text-transform: none !important; 
}

.av-small-bar .avia-progress-bar {
    margin-top: 1em!important;
}

/* Styling of Advantage-Section Iconboxes*/
#top .advantage-section .iconbox.av-no-box .iconbox_icon {
width: 60px;
height: 60px;
line-height: 60px;
border-radius: 10px;
}

#top .advantage-section .iconbox.av-no-box .iconbox_icon.avia-svg-icon svg{
margin-top:15px;
}

#top .advantage-section .iconbox_top {
margin-top:-60px;
}

/* Styling of Review-Slider */
.review-section .biz-col-md-12 .gray-bg-2 {
border-radius:16px;
}

.color-google {
color: var(--enfold-alternate-color-secondary, #ff4f78)!important;
}

/* General Styling of Gravity Forms */
.gform-body fieldset {
margin-bottom: 0!important;
}

.gform-theme--foundation .gform_fields {
row-gap:20px!important;
}

.gform-theme--foundation .gform_page_footer {
justify-content:flex-start;
}

.gform_wrapper input[type='text'], .gform_wrapper input[type="tel"], .gform_wrapper input[type='email'] {
	border-radius: 20px!important;
	background-color:#fff!important;
}

.gform_wrapper input[type='submit'], .gform_wrapper input[type="button"][data-submission-type="next"]
 {
padding: 15px 50px 13px!important;
background-color:#FF4F79!important;
border-radius: 46px!important;
	 font-weight:bold!important;
}

.gform_wrapper input[type="button"][data-submission-type="previous"]{
	margin-right:25%!important;
	border-width:0px!important;
	background-color:transparent!important;
	box-shadow:none!important;
	color:#880044!important;
	font-size:18px!important;
}

.gform_wrapper .gform_page_footer input:focus {
	outline-width:0px!important;	
	border-width:0px!important;
	transition:none!important;
}

.gform-theme--framework .gfield--type-image_choice.gfield--image-choice-appearance-card .gchoice:where(:has(input:checked))::after {
    background-color: #AED4E6!important;
}

.gform_wrapper input[type='text'], .gform_wrapper input[type="tel"], .gform_wrapper input[type='email'] {
	padding:  8px 6px 8px 16px!important;
}

/* Styling of Gravity Forms Image-Choices */
.income-calculator .gfield--type-image_choice.four-row .gchoice {
	inline-size: calc(25% - 10px)!important;
	min-inline-size: 20%!important;
}

.income-calculator .gfield--type-image_choice.five-row .gchoice {
inline-size: calc(20% - 10px)!important;
min-inline-size: 15%!important;
}

.income-calculator .gfield--type-image_choice.three-row .gchoice {
inline-size: calc(33.33% - 10px)!important;
min-inline-size: 30%!important;
}

.gform-theme--framework .gfield--type-image_choice .gfield_radio {
 justify-content: space-between;
}

.income-calculator .gfield--type-image_choice .gchoice {
border-radius:20px!important;
}

.income-calculator .gfield--type-image_choice .gchoice .gfield-choice-input {
display:none;
}

.income-calculator .gfield--type-image_choice .gchoice .gfield-image-choice-wrapper-inner {
display:block!important;
text-align:center;
}

#top .income-calculator .gfield--type-image_choice .gchoice .gfield-image-choice-wrapper-inner label {
margin:0!important;
font-size: .8em;
}

.income-calculator .gfield--type-image_choice .gfield-choice-image {
padding: 5px;
margin: auto;
inline-size: 50px!important;
}

.income-calculator .gfield--type-image_choice .gfield-choice-image-wrapper {
display: flex;
justify-content: center;
padding: 10px 30px 0px;
}

.income-calculator .gfield--type-image_choice .gfield-image-choice-wrapper-outer {
display: flex!important;
flex-direction: column;
padding: 20px;
max-height: 150px;
}

/* Styling of Content-Slider-Element */
.cg-slider p+h3 {
margin-top:0;
}

.cg-slider img {
margin: auto;
padding:0;
}

#top .cg-slider .no-content-slider-heading, .cg-slider .slide-entry-title {
display:none;
}

.cg-slider .slide-entry-excerpt .av_font_icon {
vertical-align:sub;    
display: inline-block;
padding-right:5px;
}

.cg-slider .slide-entry-excerpt  p:not(:first-of-type) {
margin-left:30px;
}

.cg-slider .slide-entry-excerpt  p strong {
color: #ff4f78!important;
}

@media only screen and (max-width: 479px) {
    .responsive #top #wrap_all .cg-slider .slide-entry {
        width: 96%;
        margin-top: 4%;
        margin-left:0;
    }
}

@media only screen and (min-width:  480px) and (max-width: 989px) {
    .responsive #top #wrap_all .cg-slider .slide-entry {
        width: 48%;
        margin-top: 4%;
        margin-left:0;
    }

 .responsive #top #wrap_all .cg-slider .slide-entry:nth-of-type(2n) {
        margin-left: 4%;
}
}