/**handles:avia-style**/
/*
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 wil be much easier then.
Version: 1.0
Author: Kriesi
Author URI: http://www.kriesi.at
Template: enfold
*/


.responsive .max-600 .container{max-width:600px;}
.responsive .max-680 .container{max-width:680px;}
.responsive .max-960 .container{max-width:960px;}
.responsive .max-1080 .container{max-width:1080px;}
.responsive .max-1120 .container{max-width:1120px;}

.sub_menu{font-size:0.8em;}
.show50pct img{width:50%; height:auto;}

.three-columns{columns: 3;}

.three-columns h1, .three-columns h2, .three-columns h3, .three-columns h4{column-span: all;}

/*#top #wrap_all .header_color .av-menu-button-colored > a .avia-menu-text, #top .main_color .avia-color-theme-color{color:#11370b}*/


/*Add your own styles here:*/

h1, h2, h3, h4, h5, h6 {
	font-weight: bold !important;
	text-transform: none !important;
}

h1 {
	font-size: 2.30em;
}

h2 {
	font-size: 2.2em;
}

h3{
	font-size: 1.6em;
}

h4 {
	font-size: 1.15em;
}

.template-page .entry-content-wrapper h1, .template-page .entry-content-wrapper h2{ 
	letter-spacing: unset;
}

p a{text-decoration: underline;}

@media only screen and (max-width: 1024px){body, body .avia-tooltip {font-size: 18px;}}
@media only screen and (max-width: 768px){body, body .avia-tooltip {font-size: 17px;}}
@media only screen and (max-width: 425px){body, body .avia-tooltip {font-size: 16px;}}
@media only screen and (max-width: 320px){body, body .avia-tooltip {font-size: 15px;}}

/*-- Navigation Colors --*/


#top .header_color .sub_menu ul:first-child > li.current-menu-item > a, 
#top .header_color .sub_menu ul:first-child > li.current_page_item > a, 
#top .header_color .sub_menu ul:first-child > li.active-parent-item > a,
#top .header_color .main_menu ul:first-child > li.current-menu-item > a, 
#top .header_color .main_menu ul:first-child > li.current_page_item > a, 
#top .header_color .main_menu ul:first-child > li.active-parent-item > a {
	color: #11370b;
	text-decoration: underline;
}

#top .header_color .sub_menu ul li a:hover, 
#top .header_color .av-subnav-menu a:hover, 
#top .header_color .main_menu ul:first-child > li a:hover {
	text-decoration: underline;
}


/* Header */

#header_main{
	padding: 10px 0;
}

#top .av-menu-button > a .avia-menu-text{padding: 9px 14px 7px; }

#top #wrap_all .header_color .av-menu-button-colored > a .avia-menu-text{
	border-radius: 50px;
	color: #11370b;
}

.logo {
    width: 250px;
    max-width: 250px;
    max-height: 65px;
    float: none;
    position: static;
    padding: 0;
    border: none;
}

.logo img, 
.logo svg{
    width: 100%;
    height: auto;
    max-width: 100%;
    top: 1px;
    left: 0px;
}

/* Improve mobile header + navigation */

.av-burger-overlay-bg {background-color: #2a3757;}

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

	#header_main{ padding-top: 20px; }
	#header_meta{ display: none; visibility: hidden; }

	.html_mobile_menu_tablet #top #wrap_all .av_header_transparency{
	    background: transparent;
	    position: absolute!important;
	}
	.html_mobile_menu_tablet #top .avia-builder-el-0 .container, 
	.html_mobile_menu_tablet #top .avia-builder-el-0 .slideshow_caption {
    padding-top: 88px!important;
	}

	/*
	.html_mobile_menu_tablet #top #wrap_all .av_header_transparency{background-color: #e9f2f0;}
	.html_mobile_menu_tablet #top.page-id-751 #wrap_all .av_header_transparency{background-color: #fbedec;}
	*/

	./*responsive #top .av_header_transparency.av_alternate_logo_active .logo a > img {
	    opacity: 0 !important;
	}
	.responsive #top .av_header_transparency .logo img.alternate {
	    display: block !important;
	}*/

	.responsive #top #wrap_all #header {
	    position: relative;
	    width: 100%;
	    float: none;
	    height: auto;
	    margin: 0 !important;
	    opacity: 1;
	    min-height: 0;
	}
	
	.responsive #top .av-main-nav .menu-item {
	    display: none;
	}

	/*.responsive #top .logo {
	    position: static;
	    display: table;
	    height: 80px !important;
	    float: none;
	    padding: 0;
	    border: none;
	    width: 80%;
	}

	.responsive .logo img, 
	.responsive .logo svg {
	    height: auto !important;
	    width: auto;
	    max-width: 100%;
	    display: block;
	    max-height: 80px;
	}*/

	.responsive #top #wrap_all .container {
	    width: 85%;
	    max-width: 85%;
	    margin: 0 auto;
	    padding-left: 0;
	    padding-right: 0;
	    float: none;
	}

	.responsive #top .av-main-nav .menu-item-avia-special {
	    display: block;
	}

	.responsive #top #wrap_all .main_menu {
	    top: 0;
	    height: 80px;
	    left: auto;
	    right: 0;
	    display: block;
	    position: absolute;
	}

	.responsive.html_header_left #main {
	    margin-left: 0;
	}
}

/* Main menu */

.avia-menu-fx{
	display: none !important;
}

.main_menu li:not(.av-menu-button):hover a .avia-menu-text, 
.main_menu .current-menu-item:not(.av-menu-button) a .avia-menu-text{
	position: relative;
}

.main_menu li:not(.av-menu-button) a .avia-menu-text:after {
	position: absolute;
	content: " ";
	left: 0;
	height: 8px;
	bottom: 0px;
	width: 0;
	transition: width 0.2s;
	background-color: transparent;
	z-index: -1;
}



/* Footer */

#footer {
	border: none !important;
}

.socials-container {
	display: flex;
}

.socials-container .text {
	min-width: 100px;
}

#footer .social_bookmarks li {
	border: none !important;
}

#footer .social_bookmarks li a {
	color: #fff !important;
	font-size: 1.5em !important;
}	

#footer .social_bookmarks li:hover a {
	color: #f3bf44 !important;
	background: transparent !important;
}




/* Cookie banner */

#top .avia-cookie-consent {
	background-color: #38435b;
	font-size: 16px;
	text-align: unset;
	width: auto;
	padding: 1.5em;
	border-radius: 20px;
}

#top .avia-cookie-consent .avia-button.avia-cookie-consent-button,
#top #av-consent-extra-info .avia-button.avia-cookie-consent-button {
	font-size: 1em;
	padding: 8px 5px;
}

#top .avia-cookiemessage-top-left .avia-button.avia-cookie-consent-button, 
#top .avia-cookiemessage-bottom-left .avia-button.avia-cookie-consent-button, 
#top .avia-cookiemessage-top-right .avia-button.avia-cookie-consent-button, 
#top .avia-cookiemessage-bottom-right .avia-button.avia-cookie-consent-button{
	margin: 0.5em 1em 0.5em 0;
}

#top .avia-cookie-consent a.avia_cookie_infolink, 
#top .avia-cookie-consent p, 
#top .avia-cookie-consent .avia-cookie-consent-button {
	font-size: 1em;
	letter-spacing: unset;
}




/* Cookie consent window */

#top #av-consent-extra-info{	
	font-size: 16px;
}

/*@media only screen and (min-width: 620px){
	.avia-cookie-consent {
		width: 600px !important;
	}
}	

.avia_cookie_text {
	font-weight: 700;
	font-size: 23px !important;
	color: #000;
	margin-bottom: 30px !important;
}

.avia-cookie-consent {
	background-color: #2a3757 !important;
	border: 4px solid #000 !important;
	padding: 40px !important;
}

.avia-cookie-consent-button {
	color: #fff !important;
	border: 3px solid #000 !important;
	background-color: #000 !important;
}

.avia-cookie-consent-button-2 {
	background-color: #fff !important;
	border: 3px solid #000 !important;
	color: #000 !important;
}

.avia-cookie-consent-button-3 {
	background-color: #000 !important;
	border: 3px solid #000 !important;
}

.avia-cookie-consent-button-4 {
	color: #000 !important;
	background: #fff !important;
	border: 3px solid #000 !important;
}

#top .av-toggle-switch input[type="checkbox"]:checked + .toggle-track {
	background: #000;
}*/


.circle,
.bow{
	position: relative;
	z-index: 99;
}

.circle:before,
.bow:before{
	display: block;
	content: '';
	background-repeat: no-repeat;
	position: absolute;
	visibility: visible;
	z-index: -99;
	top: 0;
	left: 0;
	width: 300px;
	height: 300px;
}

.bow:before{
	background-image: url('https://gezondr.be.p4d.dev/wp-content/themes/enfold-child/img/bow.svg');
}

.circle:before,
.circle.two-colors:before{
	background-image: url('https://gezondr.be.p4d.dev/wp-content/themes/enfold-child/img/circle-2-colors.svg');
}

.circle.one-color:before,
.circle.one-color.light:before{
	background-image: url('https://gezondr.be.p4d.dev/wp-content/themes/enfold-child/img/circle-1-color-light.svg');
}

.circle.one-color.dark:before{
	background-image: url('https://gezondr.be.p4d.dev/wp-content/themes/enfold-child/img/circle-1-color-dark.svg');
}

.bow.left:before,
.circle.left:before{ left: -150px; right: unset; }

.bow.right:before,
.circle.right:before{ right: -150px; left: unset; }

.bow.top:before,
.circle.top:before{ top: -150px; bottom: unset; }

.bow.bottom:before,
.circle.bottom:before{ bottom: -150px; top: unset; }

.bow.opacity10:before, .circle.opacity10:before{opacity: 0.1;}
.bow.opacity20:before, .circle.opacity20:before{opacity: 0.2;}
.bow.opacity30:before, .circle.opacity30:before{opacity: 0.3;}
.bow.opacity40:before, .circle.opacity40:before{opacity: 0.4;}
.bow.opacity50:before, .circle.opacity50:before{opacity: 0.5;}
.bow.opacity100:before, .circle.opacity100:before{opacity: 1;}


.bow.rotate30:before{transform: rotate(30deg);}
.bow.rotate45:before{transform: rotate(45deg);}
.bow.rotate60:before{transform: rotate(60deg);}
.bow.rotate90:before{transform: rotate(90deg);}
.bow.rotate120:before{transform: rotate(120deg);}
.bow.rotate135:before{transform: rotate(135deg);}
.bow.rotate150:before{transform: rotate(150deg);}
.bow.rotate180:before{transform: rotate(180deg);}
.bow.rotate210:before{transform: rotate(210deg);}
.bow.rotate225:before{transform: rotate(225deg);}
.bow.rotate240:before{transform: rotate(240deg);}
.bow.rotate270:before{transform: rotate(270deg);}
.bow.rotate300:before{transform: rotate(300deg);}
.bow.rotate315:before{transform: rotate(315deg);}
.bow.rotate330:before{transform: rotate(330deg);}

.bow.mirror:before{transform: scaleY(-1);}

.bow.rotate30.mirror:before{transform: rotate(30deg) scaleY(-1);}
.bow.rotate45.mirror:before{transform: rotate(45deg) scaleY(-1);}
.bow.rotate60.mirror:before{transform: rotate(60deg) scaleY(-1);}
.bow.rotate90.mirror:before{transform: rotate(90deg) scaleY(-1);}
.bow.rotate120.mirror:before{transform: rotate(120deg) scaleY(-1);}
.bow.rotate135.mirror:before{transform: rotate(135deg) scaleY(-1);}
.bow.rotate150.mirror:before{transform: rotate(150deg) scaleY(-1);}
.bow.rotate180.mirror:before{transform: rotate(180deg) scaleY(-1);}
.bow.rotate210.mirror:before{transform: rotate(210deg) scaleY(-1);}
.bow.rotate225.mirror:before{transform: rotate(225deg) scaleY(-1);}
.bow.rotate240.mirror:before{transform: rotate(240deg) scaleY(-1);}
.bow.rotate270.mirror:before{transform: rotate(270deg) scaleY(-1);}
.bow.rotate300.mirror:before{transform: rotate(300deg) scaleY(-1);}
.bow.rotate315.mirror:before{transform: rotate(315deg) scaleY(-1);}
.bow.rotate330.mirror:before{transform: rotate(330deg) scaleY(-1);}

.bow.scaledown50:before,.circle.scaledown50:before{scale: 0.5;}
.bow.scaleup25:before,.circle.scaleup25:before{scale: 1.25;}
.bow.scaleup50:before,.circle.scaleup50:before{scale: 1.5;}
.bow.scaleup75:before,.circle.scaleup75:before{scale: 1.75;}
.bow.scaleup100:before,.circle.scaleup100:before{scale: 2;}





/* Formulieren */

hr.dotted-line{border: 2px dashed #fff;}

#top legend{font-weight: bold;font-size: 0.92em;}
#top label span, #top legend span{color: #e2857e; font-size: 1em; font-weight: bold;}

#top .gform_wrapper.gravity-theme .description, 
#top .gform_wrapper.gravity-theme .gfield_description, 
#top .gform_wrapper.gravity-theme .gsection_description, 
#top .gform_wrapper.gravity-theme .instruction {
	font-size: 0.65em; 
	line-height: 1.2em;
	padding-top:0; 
	opacity: 0.8;
}


#top fieldset {margin-bottom: 0;}

#top .input-text, #top input[type="text"], 
#top input[type="input"], #top input[type="password"], #top input[type="email"], 
#top input[type="number"], #top input[type="url"], #top input[type="tel"], #top input[type="search"], 
#top textarea, #top select,
#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 {
	font-family: inherit;
	font-size: 0.92em;
	background-color: #ffffff;
	border: 1px solid #ffffff;
	margin-bottom: 5px;
}

#top .input-text:focus, #top input[type="text"]:focus, 
#top input[type="input"]:focus, #top input[type="password"]:focus, #top input[type="email"]:focus, 
#top input[type="number"]:focus, #top input[type="url"]:focus, #top input[type="tel"]:focus, #top input[type="search"]:focus, 
#top textarea:focus, #top select {
	background-color: #ffffff;
	border: 1px solid #ffc74f;
	box-shadow: none;
}


/*--- Adjust splash image for mobile */
@media only screen and (max-width: 990px){

body.page-id-123 #av_section_1{
	background-image: url(https://www.gezondr.be/wp-content/uploads/2023/07/mobile-bg-team-gezondr.jpg);
	background-position: bottom center;
  	background-repeat: no-repeat;
	background-size: contain !important;
	background-color: #e8e8e8;
	padding-bottom: 220px;
}

@media only screen and (min-width: 580px){	body.page-id-123 #av_section_1{padding-bottom: 380px;}}
@media only screen and (min-width: 680px){	body.page-id-123 #av_section_1{padding-bottom: 480px;}}
@media only screen and (min-width: 780px){	body.page-id-123 #av_section_1{padding-bottom: 580px;}}
@media only screen and (min-width: 880px){	body.page-id-123 #av_section_1{padding-bottom: 680px;}}
@media only screen and (min-width: 980px){	body.page-id-123 #av_section_1{padding-bottom: 780px;}}