/*
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]-----------------*/
/*------------------------------------------------*/

* {
	font-family: "Open Sans";
    font-weight: 400 !important;
}
h1 ,
h2 ,
h3  {
	font-family: "superior-title";
}

h1 {
	font-size: 60px !important;
}

h2 {
	font-size: 40px !important;
	margin-bottom: 20px;
	line-height: 50px;
}



h1 strong,
h2 strong,
h3 strong {
	color: #FF0000;
	font-family: "superior-title";
}

.cta-pijl-titel h2 {
	font-size: 34px !important;
	margin-bottom: 0 !important;
}

#top-header > .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 0;	
}

.logo_container {
    position: relative !important;
    width: 220px !important;
}

#top-header > .container.clearfix:after {
	content: none;
}

#et-secondary-menu {
	display: none;
}

#et-top-navigation {
	float: left;
    padding-left: 0 !important;
}

#top-menu > li > a {
    padding: 15px 25px !important;
    font-family: 'Open Sans';
}

#top-menu > li.current-menu-item > a {
    background: #ff0000;
}

.menu-knop {
    padding: 16px 20px;
    background: red;
    margin-left: 50px;
    font-size: 15px;	
	transition: .2s;
}

.menu-knop:hover {
	background: #292929;
}

#et-info-phone:before {
    content: "\f3cf" !important;
    margin-right: 9px;
    font-family: 'Font Awesome 6 Pro' !important;
    font-size: 18px;
    color: red;
    font-weight: bold;
}

#et-info-email:before {
    margin-right: 9px;
    font-size: 18px;
    color: red;
    font-weight: bold;
}

#et-info * {
	font-size: 15px;
}

.et_header_style_left #et-top-navigation {
    padding-top: 5px;
}

.scheiding {
	width: 1px;
    height: 35px;
    position: relative;
    display: inline-block;
    background: white;	
}

#et-info {
    display: flex;
    align-items: center;	
}

.e-mail-clicks {
	margin-left: 13px;
}

.afbeelding_galerij img, .afbeelding_galerij span {
    width: 100%;
    height: 300px;
    object-fit: cover;
}

.spacing_column {
	margin-right: 0 !important;
}

.cta-footer {
	background: #191919;	
}

.cta-footer > .container {
	display: flex;
}

.footer-knop {
	text-align: center;
    background: #FF0000;
    color: white;
    padding: 30px 35px;
    font-size: 20px;
    margin: auto;	
	transition: .2s;
}

.footer-knop:hover {
	background: #292929;
}

#footer-widgets {
    padding: 35px 0;
}

#footer-widgets i {
	font-weight: bold !important;
    margin-right: 5px;
}

.footer-widget {
	text-align: center;	
    margin-bottom: 0 !important;
}

.footer-widget .widget_block {
    width: 100%;	
}

#footer-info {
	width: 100%;
    text-align: center;
}

#footer-info,
#footer-info *,
.footer-widget * {
	font-size: 14px !important;
}

#footer-info,
#footer-info * {
	letter-spacing: 1.4px;
}

.slider-reviews figure {
    height: 50px !important;
    width: 50px;
    left: 35px;
    position: absolute;	
}

.slider-reviews {
	background: linear-gradient(180deg,#FFF 28px,#000 28px);
}

.slider-reviews .dsm_card_wrapper {
	display: flex;
    flex-direction: column-reverse;
    padding: 70px 30px 30px 30px !important;
}

.slider-reviews .dsm_card_carousel_child_subtitle {
    text-align: center;
    margin-top: 50px;
    color: #ff0000;	
}

.slider-reviews .dsm_card_carousel_arrow {
    bottom: 15px;
    top: auto;	
}

.slider-reviews  .swiper-button-prev, 
.slider-reviews .swiper-button-next {
    width: 100px;
}

.slider-reviews .dsm_card_title {
    position: absolute;
    left: 110px;
    top: 4px;
    border: 3px solid white;
    padding: 8px 15px 0 15px;
    background: black;
	font-family: "superior-title";
}

.et_pb_button_module_wrapper a.et_pb_button {
    padding: 15px 30px 15px 30px !important;
}

.et_pb_button_module_wrapper a.et_pb_button:hover {
    padding: 15px 30px 15px 30px !important;
}

.et_pb_with_background:not(.normalbuttons) a.et_pb_button {
	border: 2px solid #FF0000 !important;
	background: transparent;
}

.et_pb_with_background:not(.normalbuttons) a.et_pb_button:hover {
	border: 2px solid white !important;
	background: transparent;
}

.gform_button.button,
.gform_button_select_files {
    padding: 15px 30px 15px 30px;
    border: none;
    background: #ff0000;
    color: white;
    font-size: 17px;
	transition: .2s;
	cursor: pointer;
}

.gform_button.button:hover,
.gform_button_select_files:hover {
    padding: 15px 30px 15px 30px;
    border: none;
    background: #292929;
    color: white;
    font-size: 17px;
}

.seperator {
	margin: 0 10px;
}

#footer-widgets .fa-solid.fa-envelope {
	margin-left: 10px;
}

#footer-widgets a {
	text-decoration: underline;
}

.et_pb_text ul {
  list-style: none;
  margin-left: 15px;
  padding-left: 0;
}

.et_pb_text li {
padding-left: 1em;
    text-indent: -1em;
    padding-bottom: 10px;
}

.et_pb_text li:before {
    content: "●";
    padding-right: 15px;
    font-size: 25px;
    color: #ff0000;
    display: inline-block;
}

.mini-gallery .et_pb_image_wrap,
.mini-gallery img {
	width: 270px;
	object-fit: contain;
}

.flex > div {
	display: flex;
	justify-content: space-between;
}

.contactgegevens .et_pb_text_inner div {
    display: flex;
    align-items: center;
    gap: 8px;
    line-height: 33px;
}

.contactgegevens .et_pb_text_inner div i {
    width: 20px;
}

.contactgegevens .et_pb_text_inner i {
    color: red;
	font-weight: bold !important;
}

.gform_wrapper.gravity-theme .gform_validation_errors {
    padding: 16px !important;
}

.et_mobile_menu {
    border-color: red !important;
}

.sticky-buttons {
	position: fixed;
	bottom: 50px;
	right: 50px;
	z-index: 9999;
	display: flex;
    flex-direction: column;
    gap: 10px;
}

.sticky-buttons i {
    font-size: 30px;
    color: #fff;
}

.sticky-buttons a {
    background: red;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 60px;
    border-radius: 100px;
	transition: .2s;
}

.sticky-buttons a:hover {
	background: #292929;
}

#et-info-email:hover {
    opacity: 1;
}

#et-info-email {
    display: flex;
    align-items: center;	
}

#et-info-phone:before {
    top: 0;
}

#top-menu-nav>ul>li>a {
	transition: .2s !important;
}

#top-menu-nav>ul>li>a:hover {
	opacity: 1;
	background: #ff0000;
}

@media only screen and (min-width: 981px) {
	.logo-mobile {
		display: none;
	}
	.tp_img .et_pb_image_wrap,
	.tp_img img {
		height: 400px;
		width: 100%;
		object-fit: contain;
		object-position: right;
	}
	.break {
		display: none;
	}
	.et_header_style_left .et-fixed-header #et-top-navigation {
    	padding-top: 5px !important;
	}
	.gradient_bg {
		background: linear-gradient(0deg, rgba(255,255,255,1) 80%, rgba(245,245,245,1) 80%);
	}
}


@media only screen and (max-width: 980px) {
	#top-header {
		display: none;
	}
	body p,
	body li,
	.et_pb_button {
		font-size: 16px;
	}
	h1 {
		font-size: 30px !important;
	}
	h2,
	.cta-pijl-titel h2 {
		font-size: 20px !important;
		line-height: 30px !important;
		margin-bottom: 0 !important;
	}
	.image-column {
		display: flex;
    	gap: 20px;
	}
	.home_tekst_bg .et_pb_row {
    	display: flex;
    	flex-direction: column-reverse;		
	}
	.et_pb_column_2.image-column {
    	margin-bottom: -10px !important;
		margin-top: 70px !important;
	}
	.afbeelding_galerij img, .afbeelding_galerij span {
    	height: 150px !important;
	}
	#main-header .et_menu_container {
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 10px 0;
	}
	.logo-mobile {
		text-align: center;
	}
	.logo-mobile img {
	    max-width: 70% !important;
	}
	.mobile_menu_bar.mobile_menu_bar_toggle {
		padding-bottom: 0 !important;
	}
	.mobile_menu_bar:before {
    	color: #fff !important;
		font-size: 55px !important;
	}
	.mobile-grid-cta {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		grid-template-rows: repeat(2, 1fr);
		grid-column-gap: 0px;
		grid-row-gap: 0px;
	}
	.mobile-grid-cta .et_pb_column:first-child {
		grid-area: 1 / 1 / 2 / 3;
	}
	.grecaptcha-badge {
		display: none;
	}
	#main-header {
		position: fixed !important;
	}
	.et_header_style_left .et-fixed-header #et-top-navigation, .et_header_style_left #et-top-navigation {
		padding-top: 5px !important;
	}
	.sticky-buttons {
		display: none;
	}
	body #main-footer #footer-widgets .footer-widget {
		margin-bottom: 0 !important;
	}
	#footer-widgets {
		padding: 15px 0 !important;
	}
	.et_pb_row .image-column:nth-child(odd),
	.et_pb_row .image-column .et_pb_image {
		margin-bottom: 0 !important;
	}
	.et_pb_row .image-column:nth-child(even) {
		margin-top: 30px;
	}
	.contactpagina-flex .et_pb_column {
		width: 100% !important;
	}
}

/*------------------------------------------------*/
/*--------------[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;
}

.gform-body input, .gform-body textarea {
    background: #F5F5F5;
    border: none;
}

.gform_heading {
	display: none;
}

#gform_fields_2 .gfield_checkbox {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: repeat(4, 1fr);
	grid-column-gap: 0px;
	grid-row-gap: 0px;
}

#gform_fields_2 .gfield_checkbox > .div:nth-child(1) { grid-area: 1 / 1 / 2 / 2; }
#gform_fields_2 .gfield_checkbox > .div:nth-child(2) { grid-area: 1 / 2 / 2 / 3; }
#gform_fields_2 .gfield_checkbox > .div:nth-child(3) { grid-area: 2 / 1 / 3 / 2; }
#gform_fields_2 .gfield_checkbox > .div:nth-child(4) { grid-area: 2 / 2 / 3 / 3; }
#gform_fields_2 .gfield_checkbox > .div:nth-child(5) { grid-area: 3 / 1 / 4 / 2; }
#gform_fields_2 .gfield_checkbox > .div:nth-child(6) { grid-area: 3 / 2 / 4 / 3; }
#gform_fields_2 .gfield_checkbox > .div:nth-child(7) { grid-area: 4 / 1 / 5 / 2; }
#gform_fields_2 .gfield_checkbox > .div:nth-child(8) { grid-area: 4 / 2 / 5 / 3; }


.gform_wrapper input {
    height: 50px;
}

/*------------------------------------------------*/
/*-----------------[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: red;
    color: white;
	transition: .2s !important;
}

#cookie-notice .cn-button:hover {
	background-color: #292929 !important;
}

@media only screen and (max-width:450px) {
    #cookie-notice {
        width: 100% !important;
        left: 0 !important;
        bottom: 0 !important;
        border-radius: 0 !important;
    }
}