/*
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-*/
/*------------------------------------------------*/
/*-----------------[BASIC STYLES]-----------------*/
/*------------------------------------------------*/
#main-header a,
.entry-content a,
#main-footer a,
.last-foot a {
	transition-duration: 0.3s;
	transition-timing-function: ease-in;
}

/* Prijzen button
.et_header_style_left #et-top-navigation nav>ul>li:last-child>a{
	background-color: #c5a643 !important;
	padding: 12px !important;
}
*/

.dsm-title-inner-wrapper{
	margin-top: 6px;
	margin-bottom: 6px;
}

.et_pb_section {
    background-color: #fff0;
}
.button-row {
	 display: flex;
    justify-content: center;
    gap: 10px;
}

.knop-width {
	width: 100% !important; 
}

.home-header {
	background-size: unset !important;
}

.grootte-img {
	width: 450px !important; 
}

.kleine-img {
	width: 200px !important; 
}
img.wp-image-1113 {
    width: 450px;
}

.blurb-img {
	max-height: 350px;
	overflow: hidden;
}

.knop-inline {
	display: inline-block;
}


/*------------------------------------------------*/
/*-----------------[header STYLES]----------------*/
/*------------------------------------------------*/
.nav-head {
    border-bottom: 1px solid #ffffff1a;
}

.sec-nav {
    width: 80%;
    max-width: 1340px;
    margin: auto;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.sec-nav ul {
    display: flex;
    flex-direction: row;
    gap: 25px;
    padding: 10px 0;
    list-style-type: none;
}

ul.head-contact li {
    font-size: 15px;
}

.sec-nav ul li a {
	color: #fff;
}

.sec-nav ul li a:hover {
	color: #c5a643;
}

#top-menu li a {
	font-weight: 400;
}

@media (max-width: 980px) {
	.et_fixed_nav #main-header {
		position: fixed;
	}
	
	.et_pb_svg_logo #logo {
		height: 80%;
	}
	
	#main-header #logo {
		max-height: 80%;
	}
	
	#et_mobile_nav_menu .mobile_menu_bar:before {
		color: #fff;
		font-size: 52px;
	}
}

@media only screen and (max-width:767px) {
	ul.head-socials.resp-nav {
		display: none;
	}
}


@media only screen and (max-width:550px) {
	li.resp-nav {
		display: none;
	}
}

/*------------------------------------------------*/
/*----------------[Content STYLES]----------------*/
/*------------------------------------------------*/
@media only screen and (min-width:981px) {
	.flex-rij {
		display: flex;
	}
	
	.flex-kolom {
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
	.custom-width .et_pb_column.flex-kolom.custom-kolom {
		width: 52.5%;
	}
	.custom-width .et_pb_column.flex-kolom.custom-blok {
		width: 44.5%;
	}
	
	.et_pb_column.koan-kolom-een.et_pb_css_mix_blend_mode_passthrough.et_pb_column_single {
		width: 25%;
		margin-right: 0%;
	}

	.et_pb_column.et_pb_column_inner.et_pb_column_inner_1.koan-inhoud-kolom-een {
		width: 48%;
		margin-right: 2%;
	}

	.et_pb_column.et_pb_column_inner.et_pb_column_inner_2.koan-inhoud-kolom-twee.et-last-child {
		width: 50%;
	}
}

.et_pb_section.home-head-sectie.et_pb_with_background.et_section_regular {
    padding: 150px 0;
}

.et_pb_row.home-head-rij {
    max-width: 680px;
}

.et_pb_module.et_pb_text.et_pb_text_2.content-knop.inhoud-knop.et_clickable.et_pb_text_align_left.et_pb_bg_layout_light{
	padding: 12px 16px 12px 16px;
	background-color: #c5a643;
	outline: 4px solid #c5a64200;
	color: #000000;
	font-weight: 500;
	width: 30%;
	margin-top: 24px;
	margin: auto;
	transform-style: ease-in;
	transition-duration: 0.3s;
}

.et_pb_module.et_pb_text.et_pb_text_2.content-knop.inhoud-knop.et_clickable.et_pb_text_align_left.et_pb_bg_layout_light:hover{
	outline: 3px solid #c5a64399;

}

a.et_pb_button.et_pb_more_button:hover{
	outline: 3px solid #c5a64399;
}

.content-knop a {
    background-color: #c5a643;
    padding: 12px 15px;
    color: #000;
}

.et_pb_module.et_pb_text.home-intro {
    padding-bottom: 42px;
}

.content-knop a:hover {
    background-color: #F0C17D;
}

.et_pb_section.tegel-sectie {
    padding-bottom: 0;
}

.et_pb_section.tegel-sectie,
.et_pb_row.tegel-rij {
    padding: 0 0;
}

.tegel-blok h3 {
    padding: 0;
}

.tegel-blok a {
    display: block;
    text-align: center;
	font-size: 30px;
    padding: 290px 0 50px;
    color: #fff;
    background: linear-gradient(180deg, #00000099 0%, #00000099 100%);
}

.et_pb_module.et_pb_text.tegel-blok:hover {
    position: relative;
    bottom: 15px;
}
.tegel-blok a:hover {
    background: linear-gradient(180deg, #00000099 0%, #00000033 100%);
}

.inhoud-tekst h2 {
    padding-bottom: 25px;
}

.inhoud-knop {

}

.inhoud-knop:hover{

}

.et_pb_module.et_pb_image.inhoud-img img {
    max-height: 410px;
	object-fit: cover;
}

.et_pb_section.home-gradient-sectie.et_pb_with_background.et_section_regular {
    margin-bottom: -1px !important;
}

.et_pb_section.home-gradient-sectie .et_pb_row.flex-rij.flex-reverse {
    padding-top: 60px;
}

.et_pb_section.home-last-sectie.et_section_regular {
    z-index: 999;
    background-color: #000;
    padding-top: 0;
}

.et_pb_section.home-last-sectie .et_pb_row {
	padding-top: 0;
}

.et_pb_row.home-last-rij {
    margin: auto;
    max-width: 1080px;
}

.massage-lijst ul {
    padding-top: 20px;
}

.massage-lijst li {
    padding-left: 1%;
}

.massage-lijst li::marker {
    color: #c5a643;
    font-size: 20px;
}


.massage-lijst.usp-blurb ul {
	padding: 0;
	padding-left: 20px;
}

.massage-lijst.usp-blurb li {
	padding-bottom: 5px;
}

.usp-blurb .et_pb_blurb_content {
    position: relative;
}

.usp-blurb .et_pb_main_blurb_image {
    width: 100%;
}

.usp-blurb img.et-waypoint.et_pb_animation_top {
    width: 100%;
    max-height: 460px;
    object-fit: cover;
}

.usp-blurb .et_pb_blurb_container {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 30px 30px 25px 30px;
    background-color: #fff;
	color: #000000;
}

.et_pb_row.smal-rij {
	max-width: 1080px;
}

@media (max-width: 980px) {
	.et_pb_section.home-head-sectie.et_pb_with_background.et_section_regular {
		padding: 70px 0;
		margin-bottom: -1px;
	}
	.et_pb_section.et_pb_section_1.tegel-sectie.et_section_regular {
		background-color: #000;
		z-index: 999;
	}
	
	.flex-reverse {
		display: flex;
		flex-direction: column-reverse;
	}
	
	.flex-reverse .et_pb_column.flex-kolom.custom-blok  {
		margin-bottom: 30px;
	}
	
	.flex-reverse  .et_pb_column.flex-kolom.custom-kolom {
		margin-bottom: 0;
	}
	
	.custom-width .et_pb_column.flex-kolom.custom-kolom,
	.custom-width .et_pb_column.flex-kolom.custom-blok {
		width: 100%;
	}
	
	.et_pb_module.et_pb_text.home-titel {
		margin-bottom: 15px;
	}
	
	.tegel-blok a {
		font-size: 20px;
		padding: 250px 0 50px;
	}
	
	.et_pb_module.et_pb_text.content-knop.inhoud-knop {
		margin-bottom: 20px;
	}
	
	.et_pb_row.flex-rij.custom-width.et_pb_equal_columns {
		padding-bottom: 0;
	}
	.koan-img img {
		width: 100vw !important;
		height: 200px;
		object-fit: cover;
	}
}

/*------------------------------------------------*/
/*-----------------[Footer STYLES]----------------*/
/*------------------------------------------------*/
footer#main-footer {
	border-top: 1px solid #ffffff1a;
}

div#block-8 {
    width: 100%;
}

.full-footer {
    display: grid;
    grid-template-columns: auto 30% auto;
    grid-gap: 5%;
}

.full-footer h3 {
	padding-bottom: 15px;
}

.footer-blok-een {
    display: flex;
    flex-direction: column;
    gap: 15px;
	max-width: 240px;
}

.footer-blok-een a.foot-knop {
    padding: 16px;
    color: #000 !important;
    background-color: #c5a643;
    text-align: center;
}

.footer-blok-een a.foot-knop:hover {
	   background-color: #F0C17D;
}

.footer-blok-drie {
    margin-left: auto;
}

.footer-blok-drie a:hover {
    opacity: 0.6;
}

ul.foot-info {
    padding-bottom: 30px;
}

ul.social-list {
    display: flex;
    flex-direction: row;
    gap: 5px;
}

#footer-widgets .footer-widget .footer-blok-drie li {
    padding-left: 0;
}

#footer-widgets .footer-widget .footer-blok-drie li:before {
    display: none;
}

#footer-bottom {
    border-top: 1px solid #ffffff1a;
	padding-bottom: 60px;
}

#footer-bottom #footer-info a {
    font-weight: 400;
    font-size: 15px;
}

#footer-bottom #footer-info a:hover {
	color: #c5a643;
	opacity: 1;
}

.sticky-buttons {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 5px;
    position: fixed;
    right: 25px;
    bottom: 30%;
	z-index: 999;
}

.sticky-buttons a {
	position: relative;
	color: black; 
	background-color: #c5a643;
	height: 65px;
	width: 65px;
	border-radius: 50px;
}

.sticky-buttons a:hover {
	position: relative;
	color: black; 
	background-color: #F0C17D;
	height: 65px;
	width: 65px;
	border-radius: 50px;
}

.sticky-buttons i {
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

a.kado-knop {
/*     display: flex;
    justify-content: space-between; */
    align-items: center;
/*     background-color: #F0C17D; */
    border-radius: 50px;
    color: #000;
    font-weight: 700;
}

/* a.kado-knop span {
    font-size: 0;
	padding-left: 0px;
	transition-duration: 0.3s;
}

a.kado-knop:hover span {
    font-size: 15px;
	padding-left: 20px;
} */

.last-foot {
    position: fixed;
    bottom: 0;
    z-index: 999;
    background-color: #c5a643;
    width: 100%;
}

.reserveer-foot {
    width: 80%;
    max-width: 1340px;
    margin: auto;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

p.reserveer-tekst {
    color: #000;
}

a.reserveer-knop {
    padding: 12px 20px;
    background-color: #000;
    color: #fff;
}

a.reserveer-knop:hover {
	color: #000;
	background: #F0C17D;
}

@media only screen and (max-width:1040px) {
	p.reserveer-tekst {
		font-size: 15px;
	}
}

@media only screen and (max-width:980px) {
	.full-footer {
		display: grid;
		grid-template-columns: auto;
		grid-gap: 5%;
	}

	.footer-blok-drie {
		margin-left: 0;
	}
	
	.last-foot {
		display: none;
	}
	
	#footer-bottom {
		padding-bottom: 0px;
	}
}


@media only screen and (max-width:550px) {
	.sticky-buttons {
		bottom: 5%;
	}
	
	.sticky-buttons img {
		width: 45px;
	}
}
/*------------------------------------------------*/
/*--------------[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;
}

.et-pb-active-slide .et_pb_slide_description { animation-name: none !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;
	z-index: 999 !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;
    }
}