/*
 Theme Name:     SouthernHill
 Theme URI:      https://www.southernhill.nl/
 Description:    SouthernHill
 Author:         Eric Coumans
 Author URI:     https://www.southernhill.nl
 Template:       Divi
 Version:        1.0.0
*/

/* Temppage */
.home.page-template.page-template-templates.page-template-wpmm-page-template .et-l.et-l--post{overflow:hidden;}

/* iPhone Portrait Mode */
@media only screen and (max-width:767px) {}
/* iPad Portrait Mode */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {}

/* ======================================================================================================================== */
/* Fonts Import */

@import url('https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,400;0,700;1,400;1,700&display=swap');
@import url('https://kit.fontawesome.com/53622fdd72.css?display=swap');

/* ======================================================================================================================== */
/* Var-items */

:root {
	--SHBLUE: rgba(0,126,200,1); /* #007EC8; /*SH BLUE*/ 
	--SHGREY: rgba(64,82,90,1); /* #40525A; /*SH GREY*/ 
	--SHBLACK: rgba(36,41,43,1); /* #24292B; /*SH TEXTBLACK*/ 
	--SHGREEN: rgba(0,199,139,1); /* #00C78B; /*SH GREEN*/ 
	--SHWEBBLUE: rgba(0,64,213,1); /* #0040D5; /*SH WEBBLUE (CTA)*/ 
	--SHPURPLE: rgba(115,5,200,1); /* #7305C8; /*SH PURPLE*/ 
	--SHWHITE: rgba(255,255,255,1); /* #FFFFFF; /*SH SHITE*/ 
	--FONTBOLD: 700;
}

/* ======================================================================================================================== */
/* Main CSS */

body.admin-bar {top: 80px;}

#page-container {overflow-x: hidden;margin-top:-1px!important;}

.valign--center{display: flex;flex-direction: column;justify-content: center;}
.valign--bottom{display: flex;flex-direction: column;justify-content: flex-end;}

body.et_pb_recaptcha_enabled .grecaptcha-badge {visibility: hidden;}

/* ======================================================================================================================== */
/* Visual Elements */

.div--fourcolor {
   background: linear-gradient(to top left, var(--SHGREEN), rgba(0,64,213,0), var(--SHWEBBLUE)),linear-gradient(to top right, var(--SHPURPLE),rgba(0,64,213,0), var(--SHBLUE))rgba(0,64,213,0.5);
}

/* ======================================================================================================================== */
/* Extra Border Divider */

.section_has_divider.et_pb_bottom_divider.divider--pageheader .et_pb_bottom_inside_divider:before,
.section_has_divider.et_pb_top_divider.pageheader .et_pb_top_inside_divider:before {
	content: ' ';position: absolute;top: -5px;display: block;
	background-color: var(--SHWEBBLUE);width: 100%;height: calc(100% + 10px);
	clip-path: polygon(0% 0%, 100% 200px, 100% 100%, 0% calc(100% - 100px));
}

.section_has_divider.et_pb_top_divider.divider--tweesmaken .et_pb_top_inside_divider:after {
	content: ' ';position: absolute;top: 1px;display: block;
	background-color: var(--SHWEBBLUE);width: 100%;height: calc(100% + 0px);
	clip-path: polygon(0% 0%, 100% 150px, 100% 100%, 0% calc(100% - 200px));
}
.section_has_divider.et_pb_bottom_divider.divider--tweesmaken .et_pb_bottom_inside_divider:before{
	content: ' ';position: absolute;top: -5px;display: block;
	background-color: var(--SHWEBBLUE);width: 100%;height: calc(100% + 10px);
	clip-path: polygon(0% 0%, 100% 200px, 100% 100%, 0% calc(100% - 150px));
} 

.section_has_divider.et_pb_bottom_divider.divider--diensten .et_pb_bottom_inside_divider:before{
	content: ' ';position: absolute;top: 98px;display: block;
	background-color: var(--SHGREEN);width: 100%;height: calc(100% + 10px);
	clip-path: polygon(0% 0%, 100% 0px, 100% 100%, 0% calc(0% - 200px));
}

.section_has_divider.et_pb_top_divider.divider--footer .et_pb_top_inside_divider:after {
	content: ' ';position: absolute;top: 0px;display: block;
	background-color: var(--SHWEBBLUE);width: 100%;height: calc(100% + 0px);
	clip-path: polygon(0% 0%, 100% 129px, 100% 100%, 0% calc(100% - 80px));
}

/* ======================================================================================================================== */
/* Header / Navigation */

#page-container{padding-top:0!important;}
.et_header_style_left .logo_container{max-width: 1640px;left: 50%;transform: translate(-50%, -50%);top: 32px;height: 100px;width: 90%;z-index:10;}

.pageheader--watermerk{transform: translateX(-75%)!important;}

#main-header{background:transparent;box-shadow: none;border: none;margin-bottom:-140px;}

#main-header a, #main-header span, #main-header p, #main-header li{-ms-user-select: none;-webkit-user-select: none;user-select: none;}

#main-header .et_menu_container{max-width:initial;width:100%;margin-top: 70px;}
#main-header #et-top-navigation{width: 60%;background-color: var(--SHWEBBLUE);border-top-left-radius: 100px;border-bottom-left-radius: 100px;padding: 0!important;z-index:11;}

#et_mobile_nav_menu{display:none;visibility:hidden;}

@media all and (min-width: 981px){
	#main-header.et-fixed-header {background:transparent!important;box-shadow: none!important;border: none!important;}
}
@media only screen and (max-width:767px) {
	#main-header #et-top-navigation{width: initial;}
	/*.et_header_style_left #et-top-navigation .mobile_menu_bar{padding:12px 20px 12px 0px;}*/
	.mobile_menu_bar:before{color:var(--SHWHITE)!important;}
	.et_header_style_left .logo_container{width: 200px;left: 20px;transform: translate(0,-50%);top: 19px;height: initial;}
	.et_header_style_left #logo {max-width: 100%;}
}

.et_header_style_left #et-top-navigation nav>ul>li>a{padding:25px 0px;font-weight:var(--FONTBOLD);color:var(--SHWHITE);}
.et_pb_svg_logo #logo{height:100px;min-height: 64px;}
#top-menu-nav{margin-left:32px;}

#top-menu li{padding-right:40px;}
#top-menu .menu-item-has-children>a:first-child, #et-secondary-nav .menu-item-has-children>a:first-child{padding-right:0;}
#top-menu .menu-item-has-children>a:first-child:after, #et-secondary-nav .menu-item-has-children>a:first-child:after{display:none;visibility:hidden;}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
	#main-header{margin-bottom: -200px;}
	#top-menu li {padding-right: 14px;}
}

.et_fixed_nav #main-header.et-fixed-header{transition:all .3s ease-in-out;}
.et_fixed_nav #main-header.scrolledmenu.et-fixed-header #et-top-navigation {box-shadow: 5px 5px 10px rgba(0,0,0,.3);border-bottom-left-radius: 25px;border-top-left-radius: 0px;}
.et_fixed_nav #main-header.scrolledmenu.et-fixed-header{/*top:0px!important;*/transition:top .3s ease-in-out;}
#main-header .et_menu_container{transition:margin .3s ease-in-out;}
.et_fixed_nav #main-header.scrolledmenu.et-fixed-header .et_menu_container{margin-top: 0;}

.logo_container > a{transition: all .5s ease-in-out;}
.logo_container > a.logo_scrolled{background-color: var(--SHWEBBLUE);display: inline-block;width: 225px;padding: 0px 25px;border-bottom-left-radius: 25px;border-bottom-right-radius: 25px;height: 64px;box-shadow: 5px 5px 10px rgba(0,0,0,.3);}

/* Extra wit vlak */

.divider--pageheader > .et_pb_row.et_pb_row_0:before,
.divider--pageheader.page--blog > .et_pb_row_0_tb_body:before{
	content: "";position: absolute;bottom: 15px;right: 15px;width: 50%;height: 637px;background:var(--SHWHITE);
	border-top-left-radius: 300px;border-top-right-radius: 20px;border-bottom-right-radius: 20px;border-bottom-left-radius: 20px;z-index: -1;
}
.home .divider--pageheader > .et_pb_row.et_pb_row_0:before{bottom:initial;top:260px;}
.divider--pageheader.page--branches > .et_pb_row.et_pb_row_0:before{height: 437px;}
.divider--pageheader.page--blog > .et_pb_row_0_tb_body:before{top:385px;height:385px;}

@media only screen and (max-width:767px) {
	.home .divider--pageheader > .et_pb_row.et_pb_row_0:before{bottom: 15px;top:initial;}
	.divider--pageheader.page--branches > .et_pb_row.et_pb_row_0:before{height: 337px;}
}

/* ======================================================================================================================== */
/* Mega Menu CSS */

#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item > a.mega-menu-link{z-index:10;}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu{z-index: 9;top: -70px;padding-top: 160px;background-color: var(--SHWEBBLUE);}

#mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row{padding-top: 20px;/*border-top: 1px solid rgba(255,255,255,.3);margin-top: 20px;*/}

#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link{}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > h4.mega-block-title{line-height:1.7;}

#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:after,
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > h4.mega-block-title:after{content: "";display: block;height: 2px;background-color: var(--SHWHITE);border-radius: 10px;margin: 15px 0px 10px 0px;}

#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item-type-widget{}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item-type-widget a {color:var(--SHWHITE);}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item-type-widget a:hover{text-decoration:underline;}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item-type-widget.widget_recent_entries a:before{font-family: "Font Awesome 6 Pro"!important;color: var(--SHWHITE)!important;display: inline-block!important;padding-right: 10px;font-size: 24px!important;font-weight:400!important;vertical-align: initial!important;width: 30px!important;content:"\f02d";}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item-type-widget span {background-color: var(--SHGREEN);border-radius: 30px;font-size: 12px;padding: 2px 10px 5px 10px;color: var(--SHWHITE);line-height: 1em;margin-top: 5px;}

#mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column:last-child > ul.mega-sub-menu > li.mega-menu-item{padding-right:0px;}

@media only screen and (min-width:767px) {
	#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link{transition:padding .3s ease-in-out, margin .3s ease-in-out;}
	#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link:hover{background-color: rgba(255,255,255,.1);border-radius: 16px;margin-right: 20px;padding-left: 20px;cursor:pointer;}
}

.mega-menu-item > a.mega-menu-link:before{
	font-family: "Font Awesome 6 Pro"!important;color: var(--SHWHITE)!important;display: inline-block!important;padding-right: 10px;
	font-size: 24px!important;font-weight:400!important;vertical-align: initial!important;width: 30px!important;
}

/* Home/ Phone buttons Headermenu */
.mega-mega-menu--homebutton,
.mega-mega-menu--phonebutton{width: 30px!important;overflow: hidden!important;white-space: nowrap!important;}

@media only screen and (max-width:768px) {
	.mega-mega-menu--homebutton,
	.mega-mega-menu--phonebutton{width:100%!important;}
}

.mega-mega-menu--homebutton{margin-right: 20px!important;}
.mega-mega-menu--phonebutton{margin-left: 5px!important;}

.mega-mega-menu--homebutton a,
.mega-mega-menu--phonebutton a{padding-right:0px!important;}

.mega-mega-menu--homebutton a:before,
.mega-mega-menu--phonebutton a:before{font-family: "Font Awesome 6 Pro"!important;color: var(--SHWHITE);font-size:24px;display: inline;float:left;margin:0!important;padding:0!important;}
.mega-mega-menu--homebutton a:before{content: "\f015";}
.mega-mega-menu--phonebutton a:before{content: "\f095";text-align:right;}

/* Iconen Diensten */
.mega-menu--cloudconnect a.mega-menu-link:before{content: "\e601";}
.mega-menu--fwaas a.mega-menu-link:before{content: "\e3dc";}
.mega-menu--ids a.mega-menu-link:before{content: "\e33c";}
.mega-menu--isp a.mega-menu-link:before{content: "\f0ac";}
.mega-menu--managedconnectivity a.mega-menu-link:before{content: "\e592";}
.mega-menu--naas a.mega-menu-link:before{content: "\f6ff";}
.mega-menu--sitesurvey a.mega-menu-link:before{content: "\f573";}
.mega-menu--waas a.mega-menu-link:before{content: "\f1eb";}
.mega-menu--allediensten a.mega-menu-link:before{content: "\f061";}
.mega-menu--supportservices a.mega-menu-link:before{content: "\f82d";}
.mega-menu--projectmanagement a.mega-menu-link:before{content: "\f46d";}

/* Iconen Branches */
.mega-menu--bedrijfsverzamelgebouwen a.mega-menu-link:before{content: "\f1ad";}
.mega-menu--dienstverlening a.mega-menu-link:before{content: "\f7d9";}
.mega-menu--gezondheidszorg a.mega-menu-link:before{content: "\e05c";}
.mega-menu--retailgroothandel a.mega-menu-link:before{content: "\f475";}
.mega-menu--hotelsrecreatie a.mega-menu-link:before{content: "\f594";}
.mega-menu--itsector a.mega-menu-link:before{content: "\f8b1";}
.mega-menu--maakindustrieproductie a.mega-menu-link:before{content: "\f3b3";}
.mega-menu--overheidpubliekesector a.mega-menu-link:before{content: "\f19c";}
.mega-menu--toerismereisbranche a.mega-menu-link:before{content: "\f811";}
.mega-menu--transportlogistiek a.mega-menu-link:before{content: "\f48b";}
.mega-menu--vastgoedbouw a.mega-menu-link:before{content: "\e1b1";}
.mega-menu--allebranches a.mega-menu-link:before{content: "\f061";}

#mega-menu-wrap-primary-menu .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated{transform: scale(.7);}

@media only screen and (max-width:767px) {
	#top-menu-nav {margin-left: 10px;width: 70px;}
	
	#mega-menu-wrap-primary-menu .mega-menu-toggle .mega-toggle-blocks-left,
	#mega-menu-wrap-primary-menu .mega-menu-toggle .mega-toggle-blocks-center{display: none;visibility: hidden;}
	#mega-menu-wrap-primary-menu .mega-menu-toggle .mega-toggle-blocks-right{justify-content:center;}
	#mega-menu-wrap-primary-menu .mega-menu-toggle + #mega-menu-primary-menu{margin-top:20px;}
	
	#mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row {padding-top: 0px;}
	
	#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu{top:initial;padding:initial;}
	#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item > a.mega-menu-link {}
	#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item > a.mega-menu-link {padding: 10px 20px;border-bottom: 1px solid rgba(255,255,255,.3)!important;height: initial;}
	#mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item {padding: 0px;width: 100%;}
	
	#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link,
	#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link{font-size: 16px;display: none;visibility: hidden;}
	#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link,
	#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link{padding: 5px 0px 5px 20px;}
	
	#mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-item.mega-toggle-on > ul.mega-sub-menu,
	#mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-megamenu.mega-menu-item.mega-toggle-on > ul.mega-sub-menu {box-shadow:none;border-bottom: 1px solid rgba(255,255,255,.3)!important;padding: 8px 0px 15px 0px;}
	#mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-item.mega-menu-megamenu ul.mega-sub-menu li.mega-3-columns > ul.mega-sub-menu > li.mega-menu-item{width:100%;}
	
	#mega-menu-wrap-primary-menu #mega-menu-primary-menu .mega-menu--overons{}
	#mega-menu-wrap-primary-menu #mega-menu-primary-menu .mega-menu--overons .mega-menu-row {padding: 0px 0px 0px 0px!important;}
	#mega-menu-wrap-primary-menu #mega-menu-primary-menu .mega-menu--overons h4.mega-block-title{font-size: 16px!important;display:none!important;visibility:hidden!important;}
	#mega-menu-wrap-primary-menu #mega-menu-primary-menu .mega-menu--overons h4.mega-block-title:after{margin: 10px 0px 10px 0px!important;}
	#mega-menu-wrap-primary-menu #mega-menu-primary-menu .mega-menu--overons .widget_recent_entries h4.mega-block-title{}
	
	#mega-menu-wrap-primary-menu #mega-menu-primary-menu .mega-menu-item-type-widget.widget_custom_html > div.custom-html-widget,
	#mega-menu-wrap-primary-menu #mega-menu-primary-menu .mega-menu-item-type-widget.widget_recent_entries > ul{border-top: 1px solid rgba(255,255,255,.3);padding:10px 20px 0px 20px;margin-top:10px;}
}

/* ======================================================================================================================== */
/* Font Adjusments */

h1 span.lowercase{text-transform:none;}
h1 span.bold, h2 span.bold, h3 span.bold, h4 span.bold{font-weight:var(--FONTBOLD);}

.et_pb_slide_content{font-weight:500!important;}

/* ======================================================================================================================== */
/* Page Elements */

.grid-container {display: grid;	grid-template-columns: repeat(3, 1fr);gap: 20px;}
.grid-item {width: 190px;height: 190px;display: flex;flex-direction: column;justify-content: center;align-items: center;background-color:var(--SHWEBBLUE);border-radius:40px;box-shadow:30px 30px 40px rgba(0,0,0,.23);}
.grid-item span {font-size:60px; color:var(--SHWHITE);margin-bottom:20px;text-align: center;}
.grid-item p {color:var(--SHWHITE);font-weight:700;font-style:italic;font-size:17px;line-height:1.3em;max-width: 80%;text-align: center;}
.grid-item img {border-radius: 34px;max-width: 94%;}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
	.grid-container {grid-template-columns: repeat(2, 1fr);gap:20px;}
}

@media only screen and (max-width:767px) {
	.grid-container {grid-template-columns: repeat(2, 1fr);gap:10px;}
	.grid-item {width: 150px;height: 150px;}
	.grid-item span {font-size:40px;}
	.grid-item p {font-size:14px;}
}

/* Blog items */
.bloggrid--footer.et_pb_blog_0 .et_pb_post .entry-featured-image-url,
.bloggrid--footer.et_pb_blog_0_tb_body .et_pb_post .entry-featured-image-url{height: 166px!important;}
.bloggrid--footer .et_pb_image_container img, .bloggrid--footer .et_pb_post a img{max-height: 140%;width: auto;max-width:initial!important;}

/* Kader achter links tekst "Twee Smaken" Blok */
.blok--tweesmaken--tekstkader:before {
	content: " ";background-color: var(--SHWEBBLUE);height: 686px;width: 836px;position: absolute;bottom: -125px;left: -177px;
	border-top-left-radius: 20px;border-top-right-radius: 400px;border-bottom-left-radius: 20px;border-bottom-right-radius: 20px;
	box-shadow: 50px 50px 50px rgba(0,0,0,.15);
}
@media only screen and (max-width:767px) {
	.blok--tweesmaken--tekstkader:before {height: 636px;width: 636px;left: -260px;}
}

/* Dropdown met organisaties */
.organisatie-dropdown{padding:0!important;}

.organisatie-dropdown>li:first-child{
	color: var(--SHWHITE);border-width: 0px;border-radius: 30px;font-size: 16px;font-weight: var(--FONTBOLD);text-transform: uppercase;
	background-color: var(--SHWEBBLUE);padding: 10px 30px;transition: padding 300ms ease 0ms;width:300px;
}
.organisatie-dropdown li:first-child:hover {background:var(--SHBLACK);color: var(--SHWHITE);}

.organisatie-dropdown li{
	font: var(--FONTBOLD) 16px/2em 'Barlow',Helvetica,Arial,Lucida,sans-serif;color:var(--SHWHITE);
	display: inline-block;margin-right: -4px;position: relative;background: transparent;cursor: pointer;
	-webkit-transition: all 0.2s;-moz-transition: all 0.2s;-ms-transition: all 0.2s;-o-transition: all 0.2s;transition: all 0.2s;}
.organisatie-dropdown li:hover{background:var(--SHBLACK);color:var(--SHWHITE);}
.organisatie-dropdown li a{color:var(--SHWHITE);}
.organisatie-dropdown > li:after {font-family: "Font Awesome 6 Pro"!important;color: var(--SHWHITE);content: "\f063";display: inline;float:right;}

.organisatie-dropdown li ul{
    padding:0px;position: absolute;top: 52px;left: 0;width: 300px;background-color:var(--SHWEBBLUE);border-radius: 16px;
    -webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;display: none;opacity: 0;visibility: hidden;overflow: hidden;
	-webkit-transition: all 0.2s;-moz-transition: all 0.2s;-ms-transition: all 0.2s;-o-transition: all 0.2s;transition: all 0.2s;
}
.organisatie-dropdown li:hover ul{display: block;opacity: 1;visibility: visible;}

.organisatie-dropdown li ul li{ display: block; padding:5px 20px;}
.organisatie-dropdown li ul li:first-child{padding-top:10px;}
.organisatie-dropdown li ul li:last-child{padding-bottom:15px;}
.organisatie-dropdown li ul li:hover{}

/* Klantverhalen */

.et_pb_post_slider_0.et_pb_slider .et_pb_slide_description .et_pb_slide_title,
.et_pb_post_slider_0.et_pb_slider .et_pb_slide_description .et_pb_slide_title a{cursor:default;pointer-events: none;}

/* Forms */

form p[data-id="currentpage"] {display: none;}

/* ======================================================================================================================== */
/* Over Ons */

.overons-kernwaarden .et_pb_text_inner i.fa-regular{float: left;font-size: 50px;color: var(--SHWEBBLUE);padding: 0px 20px 0px 0px;}
.overons-kernwaarden .et_pb_text_inner h4{padding-bottom:0px; margin-bottom:0px;}

/* ======================================================================================================================== */
/* Branches */

/* Algemene pagina */
.branches--overzicht{}
.branches--overzicht .fa-regular {font-size: 40px;}

/* Detailpagina */
.branche--blogblock{}
.branche--blogblock>div{z-index:3;}
.branche--blogblock:before {
	content: "";width: 600px;height: 600px;position: absolute;left: -177px;bottom: 66px;z-index: 2;
	background-color: var(--SHWEBBLUE);border-radius: 20px 300px 20px 20px;box-shadow: 25px 25px 25px rgba(0,0,0,.2);
}
.branche--blogblock:after {
	content: "";width: 500px;height: 500px;position: absolute;border-radius: 20px;bottom: -50px;left: -100px;z-index: 1;
	box-shadow: 25px 25px 25px rgba(0,0,0,.2);background-color: var(--SHGREEN);
}

.branche--bloggrid{border-radius:20px;}
.branche--bloggrid .et_pb_post {margin-bottom: 20px;padding-bottom: 20px;border-bottom: 1px solid #eaeaea!important;}
.branche--bloggrid .et_pb_post:last-child {margin-bottom:0px;padding-bottom:0px;border-bottom:none!important;}
.branche--bloggrid .entry-featured-image-url {float: left;width: 100px;height: 100px;margin: 0px 20px 0px 0px;}
.branche--bloggrid .entry-featured-image-url img {min-height: 116px;width: 100%;object-fit: cover;}
.branche--bloggrid .entry-title {padding: 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.branche--bloggrid .post-content-inner{display:inline;}
.branche--bloggrid .more-link{display:inline!important;}

.branche--diensteninfo:after{content: "";width: 700px;height: 700px;background-color: var(--SHWEBBLUE);position: absolute;left: -177px;bottom: -120px;border-radius: 20px 20px 260px 20px;visibility:visible;}

.branche--mogelijkheden{}
.branche--mogelijkheden:before {background-color: #eaeaea;content: "";width: 100%;height: 100%;position: absolute;left: -5%;bottom: -10%;border-radius: 20px;box-shadow: 10px 10px 10px rgba(0,0,0,.10);}

.branche--mogelijkheden .et_pb_text_inner {background-color: var(--SHWHITE);border-radius: 16px;box-shadow: 10px 10px 10px rgba(0,0,0,.10);padding: 20px 40px;}
.branche--mogelijkheden .et_pb_text_inner i.fa-regular{float: left;font-size: 50px;color: var(--SHWEBBLUE);padding: 0px 20px 0px 0px;}
.branche--mogelijkheden .et_pb_text_inner h4{padding-bottom:0px; margin-bottom:0px;}

@media only screen and (max-width: 960px) {
	.branche--blogblock:before {bottom:initial;top:-150px;}
	.branche--diensteninfo:after {left: -60px;bottom: initial;top: -100px;width: 420px;height: 800px;}
	.branche--mogelijkheden:before{left:-20px;bottom:-20px;}
}

/* ======================================================================================================================== */
/* KlantCase Slider */

.klantcaseslider{overflow: visible;}

.klantcaseslider .et_pb_slides .et_pb_slide { padding: 0; }
.klantcaseslider .et_pb_slides .et_pb_container { height: 690px !important;}

.klantcaseslider .et_pb_slide_image { width: 910px; height: 690px; margin: 0 !important; top: 0;}
.klantcaseslider.klantcaseslider--leftimg  .et_pb_slide_image { right: 43%; }
.klantcaseslider.klantcaseslider--rightimg  .et_pb_slide_image { left: 43%; }

.klantcaseslider .et_pb_slide_image img { min-height: 690px;width: 100%;object-fit: cover;overflow: hidden;z-index:10;position:relative; }
.klantcaseslider.klantcaseslider--leftimg .et_pb_slide_image img{border-radius: 20px 250px 20px 20px;}
.klantcaseslider.klantcaseslider--rightimg .et_pb_slide_image img{border-radius: 250px 20px 20px 20px;}

.klantcaseslider .et_pb_slide_image:before {
	overflow: hidden;height: 690px;width: 910px;position: absolute!important;content: " ";z-index: 2;
	background: linear-gradient(to top left, var(--SHGREEN), rgba(0,64,213,0), var(--SHWEBBLUE)),linear-gradient(to top right, var(--SHPURPLE),rgba(0,64,213,0), var(--SHBLUE))rgba(0,64,213,0.5);
}
.klantcaseslider .et_pb_slide_image:after {	
	overflow: hidden;height: 690px;width: 910px;position: absolute!important;content: " ";z-index: 1;background: #eaeaea;
}
.klantcaseslider.klantcaseslider--leftimg .et_pb_slide_image:before{border-radius: 20px 250px 20px 20px;bottom: -30px;top: auto;left: auto;right: -30px;}
.klantcaseslider.klantcaseslider--rightimg .et_pb_slide_image:before{border-radius: 250px 20px 20px 20px;bottom: -30px;top: auto;left: -30px;right: auto;}
.klantcaseslider.klantcaseslider--leftimg .et_pb_slide_image:after{border-radius: 20px 250px 20px 20px;bottom: -60px;top: auto;left: auto;right: 60px;}
.klantcaseslider.klantcaseslider--rightimg .et_pb_slide_image:after{border-radius: 250px 20px 20px 20px;bottom: -60px;top: auto;left: 60px;right: auto;}

.klantcaseslider .et_pb_slide_description { width: 38.75%; display: block; background-color: var(--SHWHITE);border-radius: 16px;padding: 0px 20px 30px 0px!important; }
.klantcaseslider .et_pb_slide_title { margin-top: 40px; }
.klantcaseslider .post-meta { display:none; visibility:hidden; }
 
.klantcaseslider .et-pb-slider-arrows { position: absolute; left: 50%; bottom: -24px; z-index: 20; }
.klantcaseslider .et-pb-arrow-next,.klantcaseslider .et_pb_slider:hover .et-pb-arrow-next,.klantcaseslider .et_mobile_device .et-pb-arrow-next { right: 0 !important; }
.klantcaseslider .et-pb-arrow-prev,.klantcaseslider .et_pb_slider:hover .et-pb-arrow-prev,.klantcaseslider .et_mobile_device .et-pb-arrow-prev { left: 0 !important; }
.klantcaseslider .et-pb-arrow-prev,.klantcaseslider .et-pb-arrow-next { 
	position: initial; background-color: var(--SHWEBBLUE);color: var(--SHWHITE);padding: 0px 20px 8px 20px;border-radius: 30px; margin: 0px 10px;
	display: inline-block; opacity: 1; -webkit-transition:  all 0.3s; -moz-transition:  all 0.3s; transition: all 0.3s;box-shadow: 10px 10px 20px rgba(0,0,0,.15);
}
.klantcaseslider .et-pb-arrow-prev:before,.klantcaseslider .et-pb-arrow-next:before { font-family: "Font Awesome 6 Pro"!important; font-size: 28px; color: var(--SHWHITE);}
.klantcaseslider .et-pb-arrow-prev:before { content: '\f060'; }
.klantcaseslider .et-pb-arrow-next:before { content: '\f061'; }
.klantcaseslider .et-pb-arrow-next:hover,.klantcaseslider .et-pb-arrow-prev:hover { padding: 0px 30px 8px 30px; }

@media only screen and (max-width: 960px) {
	.klantcaseslider .et_pb_slider_container_inner{display: flex;flex-direction: column;}
    .klantcaseslider .et_pb_slides .et_pb_slide .et_pb_slide_image,
	.klantcaseslider .et_pb_slides .et_pb_slide .et_pb_slide_description{width: 100% !important; text-align: left; display: block; position: initial !important;}
	.klantcaseslider .et_pb_slides .et_pb_slide .et_pb_slide_image{display:block!important;opacity:1;order: 1;height: 390px;margin-top: 0px!important;}
	.klantcaseslider .et_pb_slides .et_pb_slide .et_pb_slide_image img {min-height: 390px;}
    .klantcaseslider .et_pb_slides .et_pb_slide .et_pb_slide_description{padding: 20px 20px!important;order: 0;margin-bottom: -100px;box-shadow: 15px 15px 25px rgba(0,0,0,.3);}
    .klantcaseslider .et_pb_slide_title{margin-top:0px!important;}
    .klantcaseslider .et-pb-slider-arrows{left: 0;bottom: 0px;}
    .klantcaseslider .et_pb_slides .et_pb_slide:before{margin-left: 0; left: 80px;}
}

/* ======================================================================================================================== */
/* Connectivity Services Navigatie */

.connectivityservices--blokjes{}
@media only screen and (max-width: 960px) {
	.connectivityservices--blokjes{}
	.connectivityservices--blokjes .et_pb_column{margin-bottom: 10px!important;}
	.connectivityservices--blokjes .et_pb_module{float:left;position: relative!important;top: initial;left: initial;bottom: initial;right: initial;}
	.connectivityservices--blokjes .et_pb_module.et_pb_with_border{float: right;line-height: 0em;transform: initial;margin: -7px -9px 0 0px;}
}

/* ======================================================================================================================== */
/* BlogGrid Footer */

.bloggrid--footer{}
.bloggrid--footer .et_pb_ajax_pagination_container{display: flex;flex-wrap: wrap;}
.bloggrid--footer .et_pb_post{-webkit-column-break-inside: avoid;page-break-inside: avoid;break-inside: avoid;width: calc( 25% - 30px );margin-right: 40px;}
.bloggrid--footer--varB .et_pb_post{-webkit-column-break-inside: avoid;page-break-inside: avoid;break-inside: avoid;width: calc( 25% - 15px );margin-right: 20px;background-color: white;padding: 20px;border-radius: 20px;box-shadow: 25px 25px 25px rgba(0,0,0,.15);}
.bloggrid--archivepage .et_pb_post{width: calc( 25% - 40px );margin-right: 30px;}
.bloggrid--footer .et_pb_post:last-child{margin-right:0px;}

.bloggrid--footer article{position:relative;}

.bloggrid--footer .post-meta{}
.bloggrid--footer .post-meta span,
.bloggrid--footer .post-meta a {background: var(--SHWEBBLUE);color: var(--SHWHITE)!important;border-radius: 30px;padding: 3px 10px 5px 10px;font-size: 12px!important;}
.bloggrid--footer .post-meta a[rel=tag] {position: absolute;top: 10px;left: 12px;padding: 0px 10px!important;background:var(--SHGREEN);}

.bloggrid--footer .post-meta .published:before{font-family: "Font Awesome 6 Pro"!important; color: var(--SHWHITE);content: "\f073";display: inline;padding-right: 5px;}
.bloggrid--footer .post-meta a:before{font-family: "Font Awesome 6 Pro"!important; color: var(--SHWHITE);content: "\f660";display: inline;padding-right: 5px;}

.bloggrid--footer .et_pb_post .entry-title {order: 2; margin-bottom: 0px; padding:0;}
.bloggrid--footer .et_pb_post .et_pb_image_container,
.bloggrid--footer .et_pb_post .entry-featured-image-url {order: 1; margin-bottom: 10px; padding:0;}
.bloggrid--footer .et_pb_post .post-meta {order: 4; padding:0;}
.bloggrid--footer .et_pb_post .post-content {order: 3; margin-bottom: 0px; padding:0;}
.bloggrid--footer .et_pb_post {display: flex;flex-direction: column;}

.bloggrid--footer .post-content .more-link {width: 39px;height: 30px;overflow: hidden;position: relative;text-indent: 0px;display: block;white-space: nowrap;}
.bloggrid--footer .more-link:before {content: "... \f061";white-space: nowrap;font-weight: 700;color: var(--SHWEBBLUE);font-family: "Font Awesome 6 Pro"!important;margin-right:100px;}

@media only screen and (max-width:767px) {
	.bloggrid--footer .et_pb_post{width: 100%;margin-right: 0;}
	.bloggrid--footer--varB .et_pb_post{width: 100%;margin-right: 0;}
}

/* Over Ons Timeline */

.timeline__content h2{font-size: 35px!important;line-height: 1em;margin: 0!important;}
.timeline__content h3{font-size: 24px!important;text-transform: uppercase!important;line-height: 1.3em!important;}
.timeline__content h3 span{font-weight:var(--FONTBOLD);}
.timeline__content p{font-size: 16px!important;line-height: 2em!important;}

/* ======================================================================================================================== */
/* Page Slider https://glidejs.com */

.glide__track{overflow:visible!important;}

.glide__slide{border-radius: 20px;padding: 30px;list-style: none;box-shadow: 15px 15px 25px rgba(0,0,0,.3);height:initial!important;background-color:var(--SHWHITE);transition: all .3s ease-in-out;}
.glide__slide.glide__slide--active {transform: scale(1.06,1.06);}
.glide__slide:hover{transform: scale(1.06,1.06);}

.glide__slide a{flex-wrap: wrap;flex-direction: column;height: 100%;display: flex;}

.glide__slides{overflow:visible!important;}

.glide__slide .slide--icon, .glide__slide .slide--header,
.glide__slide .slide--text, .glide__slide .slide--cta{transition:all .3s ease-in-out;}
.glide__slide .slide--icon{font-size:54px;margin-bottom:10px;color:var(--SHWEBBLUE);display:flex;}
.glide__slide .slide--header {font-weight: 700; font-size: 24px; line-height: 1em; color:var(--SHBLACK);margin-bottom:5px;/*display:flex;*/width:100%;overflow-wrap: break-word;}
.glide__slide .slide--text {font-size: 16px; line-height: 2em; color:var(--SHBLACK);margin-bottom:10px;flex: 1 1 0%;display:flex;}
.glide__slide .slide--cta{font-size: 16px; font-weight: 700;text-transform:uppercase;color:var(--SHWEBBLUE);text-align:right;display:block;}

.glide__arrows{text-align:right;max-width: 1080px;margin: 0 auto;}
.glide__arrow {font-size: 24px;position: initial;background-color: var(--SHWHITE);color: var(--SHWEBBLUE);padding: 8px 20px 8px 20px;border-radius: 30px;margin: 0px 5px;display: inline-block;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;box-shadow: 10px 10px 20px rgba(0,0,0,.15);border: none;}
.glide__arrow:hover{padding: 8px 30px 8px 30px;cursor:pointer;}

.glide__slide a:hover{}
.glide__slide a:hover .slide--cta{background-color: var(--SHWEBBLUE);color: var(--SHWHITE);border-radius: 30px;padding-right: 6px;}

.glide--diensten{}
.glide--diensten .glide__arrow{background-color: var(--SHWEBBLUE);color: var(--SHWHITE);}
.glide--branches{}
.glide--branches .glide__arrow{/*background-color: var(--SHWEBBLUE);color: var(--SHWHITE);*/}

@media only screen and (max-width:767px) {
	.glide__arrows{margin-top:20px!important;}
}

/* ======================================================================================================================== */
/* Partner Images */

#partners{}
#partners .et_pb_text_inner img {width:200px;height:199px;overflow:hidden;border:3px solid #efefef; border-radius:20px;margin: 0px 13px 0px 0px;}
@media only screen and (max-width:767px) {
	#partners .et_pb_text_inner img{width:140px;height:139px;margin-bottom:10px;}
}

/* ======================================================================================================================== */
/* Nieuwsbrief Aanmeldformulier */

.nieuwsbrief--inschrijfformulier{}
.et_pb_newsletter.nieuwsbrief--inschrijfformulier .et_pb_newsletter_form .et_pb_contact_field_half,
.et_pb_newsletter.nieuwsbrief--inschrijfformulier .et_pb_newsletter_form .et_pb_newsletter_button_wrap{flex-basis: calc( 25% - 10px );padding: 0;}

@media only screen and (max-width:767px) {
	.et_pb_newsletter.nieuwsbrief--inschrijfformulier .et_pb_newsletter_form .et_pb_contact_field_half,
	.et_pb_newsletter.nieuwsbrief--inschrijfformulier .et_pb_newsletter_form .et_pb_newsletter_button_wrap{flex-basis: 100%;padding: 0;margin-top:10px;}
}

/* ======================================================================================================================== */
/* Footer */

.footer--navigation{}
.footer--navigation table{}
.footer--navigation table tr{}
.footer--navigation table tr td{vertical-align: top; white-space:nowrap;}
.footer--navigation td i{color: var(--SHGREEN); margin-right:20px;}

/* ======================================================================================================================== */
/* Template Divi Layouts */

.templayout--posts--content{}

.templayout--posts--content .wp-block-heading {margin: 60px 0px 20px 0px;}

.templayout--posts--content .post--intro{font-size:20px;line-height:1.8em;}

.templayout--posts--content .post--highlight{border-radius: 20px;padding: 20px 30px!important;background: var(--SHWEBBLUE);color: var(--SHWHITE);/*transform: scale(1.1,1.1);*/margin:30px 0px 30px 0px;}
.templayout--posts--content .post--highlight:before{font-family: "Font Awesome 6 Pro"!important;color: var(--SHWHITE);content: "\f0eb";display: inline;padding: 0px 25px 0px 0px;font-size: 60px;float: left;line-height: 1em;}

.templayout--posts--content a {position: relative;border-bottom:0px solid var(--SHWEBBLUE);transition: all .3s ease-in-out;}
.templayout--posts--content a:hover{border-width:5px;}
/*.templayout--posts--content a::before {content: '';position: absolute;width: 100%;height: 5px;border-radius: 5px;background-color:var(--SHWEBBLUE);bottom: -5px;left: 0;transform-origin: right;transform: scaleX(0);transition: transform .3s ease-in-out;}
.templayout--posts--content a:hover::before {transform-origin: left;transform: scaleX(1);}*/

.templayout--posts--content .post--highlight a{position: relative;color:var(--SHWHITE);border-bottom:0px solid var(--SHWHITE);transition: all .3s ease-in-out;}
.templayout--posts--content .post--highlight a:hover{border-width:5px;}

.templayout--posts--content .wp-block-image{margin: 40px 0px 120px 0px; position:relative;}
.templayout--posts--content .wp-block-image img{z-index:3; position:relative;border-radius: 20px 200px 20px 20px;}
.templayout--posts--content .wp-block-image:before {
	overflow: hidden;height: 100%;width: 100%;position: absolute!important;content: " ";z-index: 2;border-radius: 20px 200px 20px 20px;bottom: -30px;top: auto;left: auto;right: -30px;
	background: linear-gradient(to top left, var(--SHGREEN), rgba(0,64,213,0), var(--SHWEBBLUE)),linear-gradient(to top right, var(--SHPURPLE),rgba(0,64,213,0), var(--SHBLUE))rgba(0,64,213,0.5);
}
.templayout--posts--content .wp-block-image:after {	
	overflow: hidden;height: 100%;width: 100%;position: absolute!important;content: " ";z-index: 1;background: #eaeaea;
	border-radius: 20px 200px 20px 20px;bottom: -60px;top: auto;left: auto;right: 60px;
}

.templayout--posts--publishdate{float:left;}
.templayout--posts--publishdate .et_pb_text_inner{display: inline-block;margin: 0px 8px 0px 0px;background: var(--SHGREEN);padding: 5px 16px 6px 16px;border-radius: 30px;line-height: 1em;}

.templayout--posts--categories{float:left;}
.templayout--posts--categories a {background: var(--SHWEBBLUE);color: var(--SHWHITE);padding: 5px 16px 6px 16px;border-radius: 30px;line-height: 1em;display: inline-block;margin: 0px 5px 0px 0px;}
.templayout--posts--categories a:hover{background:var(--SHBLACK);}

/* ======================================================================================================================== */
/* Popup */

.da-overlay-visible .da-overlay{background:rgba(0, 64, 213, .9);}
.da-overlay-visible .da-overlay:before {content: "";display: block;left: 0;top: 0;right: 0;bottom: 0;background: url('http://southernhill.westeurope.cloudapp.azure.com/wp-content/uploads/2024/04/SH-Book-Watermerk-FFFFFF.svg') no-repeat;position: absolute;background-size: 100%;background-position: center bottom;opacity: .1;}

#popup_contactform .popup--contactform{}
#popup_contactform .popup--contactform .et-pb-contact-message{font-size:16px;line-height:2em;}
#popup_contactform .popup--contactform input, #popup_contactform .popup--contactform textarea{font-weight:500;font-size:16px;border-radius:16px;}

#et-boc .area-outer-wrap .da-close{color: var(--SHWHITE)!important;font-size: 60px;border: 3px solid var(--SHWHITE);border-radius: 100px;height: 45px;width: 45px;line-height: 0.8em;opacity: 1;right: 40px;top: 40px;cursor:pointer;}
#et-boc .area-outer-wrap .da-close:focus,
#et-boc .area-outer-wrap .da-close:hover {-webkit-transform: scale(1.5) rotate(45deg);transform: scale(1.5) rotate(90deg);}

/* ======================================================================================================================== */
/* Blog Settings */

.wp-block-aab-group-accordion{}

.wp-block-aab-group-accordion .wp-block-aab-accordion-item{}
.wp-block-aab-group-accordion .wp-block-aab-accordion-item.aagb__accordion_container.aagb__accordion_active{border: 1px solid #cccccc!important;}

.wp-block-aab-group-accordion .wp-block-aab-accordion-item .aagb__accordion_head{padding:12px 20px 5px 20px!important;width:100%;}
.wp-block-aab-group-accordion .wp-block-aab-accordion-item .aagb__accordion_heading{width:100%;}
.wp-block-aab-group-accordion .wp-block-aab-accordion-item .aagb__accordion_head .aagb__accordion_title{display:block;width:100%;}
.wp-block-aab-group-accordion .wp-block-aab-accordion-item .aagb__accordion_head .aagb__accordion_title:after{font-family: "Font Awesome 6 Pro"!important;color: var(--SHBLACK);content: "\f0ab";display: inline;padding: 0;font-size: 18px;float: right;line-height: 1em;}

.wp-block-aab-group-accordion .wp-block-aab-accordion-item .aagb__accordion_body{padding:10px 20px!important;}
.wp-block-aab-group-accordion .wp-block-aab-accordion-item .aagb__accordion_body.aagb__accordion_body--show{padding:10px 20px!important;border-top: 1px solid rgb(204,204,204)!important;}

.blog--blogblock,
.blog--blogaccordeon{display: flex;justify-content: flex-start;align-items: start;border-bottom: 1px solid #efefef;padding-bottom: 30px;margin-bottom: 30px;}
.blog--blogblock > p:first-child, .blog--blogblock > h6:first-child {width: 35%;font-size: 24px;line-height: 1.5em;padding-right: 50px;margin:0;}
.blog--blogblock > p:last-child, .blog--blogblock > div.wp-block-group, .blog--blogblock > ul.wp-block-list {width: 65%;}

@media only screen and (max-width:767px) {
	.blog--blogblock, .blog--blogaccordeon{display:block!important;}
	.blog--blogblock > p:first-child, .blog--blogblock > h6:first-child{display:block;width:100%;padding-right:0;}
	.blog--blogblock > p:last-child, .blog--blogblock > div.wp-block-group, .blog--blogblock > ul.wp-block-list{display:block;width:100%;}
}

.blog--blogaccordeon{}