/*
Theme Name:  Grizzly Theme
Theme URI:   https://themes.grizzly.marketing/nature
Version:     1.0.0
Description: Het theme van Grizzly New Marketing
Author:      vps230265
Author URI:  https://themes.grizzly.marketing/nature
Template:    Divi
*/
/*- YOU CAN INCLUDE THE CUSTOM CODE FOR YOUR CHILD THEME BELOW THIS LINE-*/
/*-------------------------------------------------*/
/*----------------[HEADER STYLES]-----------------*/
/*-----------------------------------------------*/
.et_pb_text_inner a {
	text-decoration: underline;
	transition-duration: 0.2s;
}
.et_pb_text_inner a:hover  {
	text-decoration: none;
}

@media only screen and (min-width:981px) {
    .et_header_style_centered #top-menu>li>a {
        padding-bottom: 0 !important;
    }
    #main-header .container li.nav-contact a {
        padding: 0.7em 1.8em !important;
        padding-bottom: 0.7em !important;
        border: 1px solid #fff;
        border-radius: 3px;
    }
	#main-header .container li.nav-contact a:hover {
		border-color: #AD9271;
		background-color: #AD9271;
		opacity: 1;
	}
	li.nav-contact {
		position: absolute;
		right: 0;
		top: -8px;
	}
}
header#main-header {
    border-top: 2px solid #ffffff33;
    border-bottom: 2px solid #ffffff33;
}
header#main-header.et-fixed-header {
    border-top: 1px solid #ffffff33;
    border-bottom: 1px solid #ffffff33;
}
#top-header .container {
    padding-top: 1em;
}
#et-info, 
#et-secondary-menu>ul>li a {
    padding-bottom: 1em;
}
#top-menu li a, 
.et_search_form_container input {
    font-weight: 300;
}
.container.clearfix.et_menu_container {
    display: flex;
    flex-direction: row;
    align-items: center;
}
.logo_container {
    width: fit-content;
    max-width: 200px;
    display: flex;
    align-items: center;
}
.et_header_style_centered #main-header div#et-top-navigation {
    width: 100%;
    margin: auto;
}
ul#top-menu {
    margin-left: -50%;
}
a.telefoon-clicks {
    padding-right: 10px;
}
#et-info img {
    padding-right: 5px;
}
a.telefoon-clicks:hover,
#et-info span:hover {
    opacity: 1;
    color: #AD9271 !important;
}

@media only screen and (max-width:980px) {
	span.select_page {
		display: none !important;
	}
	.mobile_menu_bar:before {
		font-size: 38px;
		color: #fff !important;
		top: -24px;
		border: 1px solid #fff;
		border-radius: 3px;
	}
	.et_mobile_menu {
		border-color: #fff !important;
	}
	#main-header .et_mobile_menu {
		background-color:  #00000099 !important;
	}
	.et_header_style_centered .et_mobile_menu {
        top: 30px;
    }
	.et_secondary_nav_enabled #page-container #top-header.et-fixed-header {
        position: fixed !important;
		background-color: #fff !important;
    }
	#top-header.et-fixed-header a {
		color: #313131;
	}
	#top-header .container,
	#top-header.et-fixed-header .container {
		padding-top: 0 !important;
	}
	header#main-header.et-fixed-header {
        position: fixed;
		background-color: #142450;
		padding: 0;
	}
}
@media only screen and (max-width:374px) {
	div#top-header {
		display: none; 
	}
	header#main-header {
		border-top: none;
	}
}
/*-------------------------------------------------*/
/*----------------[FOOTER STYLES]-----------------*/
/*-----------------------------------------------*/
div#block-8 {
    width: 100%;
}
div#block-9 {
    float: right;
    height: 100%;
    min-height: 325px;
    display: flex;
    align-items: center;
}
.footer-widget {
    height: 100%;
    min-height: 325px;	
}
.footer-grid {
    display: grid;
    grid-template-columns: 30% 30% 30%;
    justify-content: space-between;
}
#footer-widgets .footer-widget .footer-grid li {
    padding-left: 0;
}
#footer-widgets .footer-widget li:before {
    display: none !important;
}
.footer-grid h3,
.footer-service ul,
.footer-service h3 {
    padding-bottom: 30px;
}
.footer-grid h3 {
	font-weight: 700;
}
.footer-contact h2 {
    font-size: 1.8rem !important;
    font-weight: 600;
	text-align: center;
	padding-bottom: 30px;
}
.footer-contact p {
	text-align: center;
	padding-bottom: 10px !important;
}
#footer-widgets .footer-widget div#block-9 .footer-contact a {
    display: block;
    text-align: center;
	color: #AD9271;
	margin-bottom: 30px;
}
#footer-widgets .footer-widget .footer-grid li a:hover,
#footer-info a:hover {
	color:  #AD9271;
}
#footer-widgets .footer-widget div#block-9 .footer-contact a.footer-knop {
	border: 1px solid #fff;
	border-radius: 3px;
    padding: 0.7em 1.8em !important;
	color: #fff;
}
#footer-widgets .footer-widget div#block-9 .footer-contact a:hover {
	color:  #fff;
}
#footer-widgets .footer-widget div#block-9 .footer-contact a.footer-knop:hover {
	color: #fff;
	border-color: #AD9271;
	background-color: #AD9271;
}
#footer-info {
    float: right;
}
#footer-info a {
    font-weight: 500;
	font-size: 14px; 
}
/*------------------------------------------------*/
/*----------------[CONTENT STYLES]----------------*/
/*------------------------------------------------*/
.entry-content a {
	transition-duration: 0.3s;
}
@media only screen and (min-width:981px) {
	.et_pb_section.home-blurb-sectie,
	.et_pb_section.home-content-sectie,
	.et_pb_section.home-blurb-sectie .et_pb_row.home-blurb-rij,
	.et_pb_section.home-content-sectie .et_pb_row{
		padding-top: 0;
	}
	.et_pb_module.et_pb_blurb.home-blurb.et_pb_text_align_center.et_pb_blurb_position_top.et_pb_bg_layout_light {
		margin-bottom: 0 !important;
	}
	.et_pb_column.et_pb_column_1_2.et_pb_column_5.flex-kolom.et_pb_css_mix_blend_mode_passthrough {
		width: 47.5%;
	}
	.et_pb_column.et_pb_column_1_2.et_pb_column_6.flex-kolom.grid-kolom.et_pb_css_mix_blend_mode_passthrough.et-last-child {
		width: 49.5%;
	}
	.sticky {
		display: none !important;
	}
	.et_pb_row.temp-rij-twee.flex-rij {
	display: flex;
	}
	.et_pb_row.temp-rij-twee.flex-rij .et_pb_column.flex-kolom {
		justify-content: center;
	}
}
.entry-content .et_pb_button,
.entry-content .et_pb_button:hover {
    padding: 0.4em 1.8em !important;
}
.home-titel h1 {
    font-size: 3.8rem;
    font-weight: 700;
}
.home-titel-tekst p {
    font-weight: 500;
}
.et_pb_module.et_pb_text.home-titel-tekst {
    padding-bottom: 35px;
}
.et_pb_section.home-header-sectie {
    min-height: 700px;
    display: flex;
    align-items: center;
}
.et_pb_module.et_pb_text.kolom-klein-tekst p {
    padding-bottom: 10px;
}
.kolom-klein-titel h2,
.kolom-klein-titel h3 {
    font-size: 30px;
    font-weight: 700;
}
body .entry-content a.et_pb_button.content-knop:hover {
    background-color: #AD9271 !important;
    border-color: #AD9271 !important;
}
.et_pb_column.home-blurb-grid {
    display: grid;
    grid-template-columns: auto auto auto auto;
    gap: 1%;
}
.et_pb_column.home-blurb-grid .et_pb_main_blurb_image {
    margin-bottom: 0;
}
.et_pb_column.home-blurb-grid .et_pb_blurb_container {
    padding: 40px;
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.home-blurb h4.et_pb_module_header {
    padding-bottom: 30px;
}
.home-blurb .et_pb_blurb_description {
    display: flex;
    flex-direction: column;
    gap: 30px;
}
.et_pb_module.et_pb_blurb.home-blurb .et_pb_blurb_content p:last-of-type {
    padding-bottom: 1em;
}
.home-blurb .et_pb_blurb_description a {
	padding: 0.7em 1.8em;
	border-radius: 3px;
	border: 1px solid #142450;
	background-color: #142450;
	color: #fff;
}
.home-blurb .et_pb_blurb_description a:hover {
	border: 1px solid #AD9271;
	background-color: #AD9271;
}
.et_pb_column.flex-kolom {
    display: flex;
    flex-direction: column;
}
.et_pb_column.flex-kolom.grid-kolom {
    display: grid;
    grid-template-columns: 50% 50%;
	min-height: 500px;
}
.et_pb_module.et_pb_text.badge-blok.et_clickable {
	margin-bottom: 0 !important;
}
.et_pb_module.et_pb_text.badge-blok.et_clickable .et_pb_text_inner {
	height: 100%;
    padding: 30px;
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: end;
	background: linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 100%);
}
.badge-blok.et_clickable:hover .et_pb_text_inner {
	background: linear-gradient(180deg,rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.1) 100%) !important;
}
.et_pb_module.et_pb_text.tekst-tussen-blok {
    padding: 30px 0;
}
.badge-blok img {
    float: right;
}
.et_pb_row.bread-rij {
    position: absolute;
    bottom: 0;
}
.et_pb_row.bread-rij .et_pb_text_inner {
	padding: 10px 0;
}
.et_pb_section.dienst-badge-sectie,
.et_pb_section.dienst-badge-sectie .dienst-badge-rij {
    padding-top: 0;
}
.dienst-badge-rij .et_pb_column.flex-kolom.grid-kolom {
    grid-template-columns: 25% 25% 25% 25%;
    min-height: 400px;
}
.usps ul {
    padding: 0;
    list-style-type: none;
    display: flex;
	flex-wrap: wrap;
    justify-content: center;
    gap: 3%;
}
.footer-service ul {
	padding-left: 0;
	list-style-type: none;
}
.usps ul li {
    display: flex;
	flex-direction: row;
    justify-content: center;
	gap: 10px;
}
.usps img {
    height: 20px;
    margin: auto;
}
.et_pb_row.temp-rij-twee {
	padding-top: 20px;
}
.temp-rij-twee img {
    max-height: 350px;
    object-fit: cover;
}
.contact-form .gform_heading {
    display: none;
}
.contact-form .gform_wrapper.gravity-theme .gfield_label {
    font-weight: 500;
}
.contact-form .gform_wrapper.gravity-theme .gfield_required {
    color: #313131;
}
.contact-form input.text, 
.contact-form input.title, 
.contact-form input[type=email], 
.contact-form input[type=password], 
.contact-form input[type=tel], 
.contact-form input[type=text], 
.contact-form select, 
.contact-form textarea {
    border-color: #d9d9d9;
	border-radius: 2px;
	font-size: 14px !important;
}
.contact-form .gform_button {
	background-color: #142450;
	border: 1px solid #142450;
    border-radius: 3px;
    padding: 0.7em 1.8em !important;
    color: #fff;
	font-size: 16px;
	transition-duration: 0.3s;
}
.contact-form .gform_button:hover {
	background-color: #AD9271;
	border: 1px solid #AD9271;
}
.et_pb_text a:hover {
	opacity: 0.8;
}
.sticky {
    position: fixed;
    right: 2px;
    bottom: 25%;
    display: flex;
    flex-direction: column;
    gap: 10px;
	z-index: 999;
}
.sticky span {
    padding: 5px 10px;
	border-radius: 2px;
    background-color: #142450;
	transition-duration: 0.3s;
}
.sticky span:hover {
    background-color: #9D8260;	
}
.sticky span img {
    position: relative;
    top: 4px;
	height: 25px;
	width: 25px;
}
@media only screen and (max-width:1140px) {
	.et_pb_column.home-blurb-grid .home-blurb .et_pb_blurb_container {
		padding: 30px 20px;
	}	
	.dienst-badge-sectie .dienst-badge-rij .et_pb_column.flex-kolom.grid-kolom {
		grid-template-columns: 100%;
	}
}
@media only screen and (max-width:980px) {
	.et_pb_section .et_pb_row .et_pb_column,
	.et_pb_section .et_pb_row .et_pb_column .et_pb_module {
        margin-bottom: 10px;
    }
	.footer-grid {
		grid-template-columns: 100%;
	}
	.home-blurb-sectie .et_pb_column.home-blurb-grid {
		grid-template-columns: auto auto;
	}
	.et_pb_column.home-blurb-grid .et_pb_module.et_pb_blurb.home-blurb {
		margin-bottom: 0;
	}
	.reverse-rij {
		display: flex;
		flex-direction: column-reverse;
	}
	.reverse-rij .et_pb_column {
		margin-bottom: 0px;
	}
	.reverse-rij .et_pb_column.et-last-child {
		margin-bottom: 30px;		
	}
	.template-pad-sectie,
	.template-pad-sectie .et_pb_row{
		padding-bottom: 0;
	}
	.home-sectie-een .et_pb_module.kolom-groot-tekst,
	.et_pb_row.flex-rij {
		padding-bottom: 30px;
	}
	.usps ul {
		justify-content: left;
	}
	.bread-rij .et_pb_column.et_pb_css_mix_blend_mode_passthrough.et-last-child,
	.bread-rij .et_pb_module.et_pb_text.bread.et_pb_text_align_center.et_pb_bg_layout_light {
		margin-bottom: 0 !important;
	}
}
@media only screen and (max-width:767px) {
	.et_pb_row,
	#main-footer .container {
		width: 90%;
	}
	#footer-info {
		float: left;
	}
	div#block-9,
	.footer-widget {
		float: left;
		min-height: auto;
	}
	.footer-widget h3 {
		font-size: 16px !important;
	}
	.footer-image img {
		padding-bottom: 30px;
		max-width: 125px;
	}
	.home-blurb-sectie .home-blurb-rij .et_pb_column.home-blurb-grid {
		grid-template-columns: auto;
	}
	.et_pb_section.home-blurb-sectie.et_pb_with_background.et_section_regular {
		background-size: 100% auto;
	}
	.et_pb_row.flex-rij.et_pb_equal_columns,
	.et_pb_row.temp-rij-twee.flex-rij {
		width: 100%;
	}
	.flex-rij  .et_pb_column.flex-kolom.grid-kolom {
		grid-template-columns: 100%;
	}
	.et_pb_module.et_pb_text.tekst-tussen-blok {
		padding: 20px 0;
	}
	.et_pb_column.flex-kolom {
		width: 90% !important;
		margin: auto;
		float: none;
		margin-bottom: 70px;
	}
	.et_pb_column.flex-kolom.grid-kolom.et-last-child {
		width: 100% !important;
		margin-bottom: 0;
	}
	.et_pb_section.home-sectie-een,
	.et_pb_section.badge-sectie,
	.et_pb_section.home-sectie-een .et_pb_row,
	.et_pb_section.badge-sectie .et_pb_row {
		padding-bottom: 0;
	}
}
@media only screen and (max-width:550px) {
	.et_pb_column.home-blurb-grid .home-blurb .et_pb_blurb_container {
		padding: 30px 10px;
	}	
	.et_pb_module.home-titel h1 {
		font-size: 2.2rem;
	}
	.kolom-klein-titel h2,
	.kolom-groot-tekst h2 {
		font-size: 26px;
	}
	.kolom-klein-titel h3 {
		font-size: 24px;
	}
	.et_pb_module.et_pb_text.tekst-tussen-blok {
		padding: 0px 0;
	}
}

@media only screen and (max-width:400px) {
	.usps ul li {
	    font-size: 14px;
	}
}
/*------------------------------------------------*/
/*--------------[Contact form error]--------------*/
/*------------------------------------------------*/
.validation_error{
	display:none;
}
.gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
    background-color: transparent !important;
    margin-bottom:0 !important;
    border-top: 0 !important;
    border-bottom: 0 !important;
    padding-bottom: 0 !important;
    padding-top: 0 !important;
    box-sizing: content-box !important;
}
.gform_wrapper.gf_browser_chrome .gfield_error select,
.gform_wrapper li.gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .gform_wrapper 
li.gfield_error textarea {
    border: 2px solid #790000 !important;
	background-color:#fff2f2 !important;
}
.gform_wrapper .gfield_error .gfield_label{
	color:#790000 !important;
}
.gform_wrapper .validation_message{
	display:none;
}
.gform_button[type=submit]:hover {
    cursor: pointer !important;
}
/*------------------------------------------------*/
/*-----------------[Cookie notice]----------------*/
/*------------------------------------------------*/
#cookie-notice {
	min-width:initial !important;
    background-color: #000000de !important;
    z-index: 2 !important;
    position: fixed !important;
    bottom: 15px !important;
    left: 15px !important;
    width: 415px !important;
    font-size: 16px !important;
    line-height: 27px !important;
    text-align: left !important;
    box-shadow: 0px 5px 10px #6B676DA6 !important;
    border-radius: 5px !important;
    min-width: initial !important;
}
#cookie-notice .cookie-notice-container {
    display: block;
    padding: 25px !important;
    text-align: left !important;
}
#cookie-notice h3 {
    color: white !important;
    margin: 0 !important;
    line-height: 25px !important;
}
#cookie-notice .cn-button {
    margin-left: 10px !important;
    display: block !important;
    text-align: center !important;
    padding: 9px 10px !important;
    width: 157px !important;
    font-size: 16px !important;
    margin-left: 0 !important;
    margin-top: 13px !important;
    font-weight: 600;
    background-color: white;
}
@media only screen and (max-width:450px) {
    #cookie-notice {
        width: 100% !important;
        left: 0 !important;
        bottom: 0 !important;
        border-radius: 0 !important;
    }
}