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

p {
	font-weight: 400;
}

h1 {
	font-size: 64px;
	font-weight: 800 !important;
}

h2 {
	font-size: 40px;
	font-weight: 900 !important;
}

h3 {
	font-size: 30px;
	font-weight: 900 !important;
}

.menu-item a {
	font-weight: 400;
}

.et_button_no_icon .et_pb_button, 
.et_button_no_icon .et_pb_button:hover {
	padding: 15px 30px !important;
}

.dsm_card_carousel_child,
.dsm_card_carousel_child .et_pb_module_inner,
.dsm_card_carousel_child .dsm_card_wrapper {
	height: 500px;
}

.dsm_card_carousel_child_description {
	transition: .2s;
}

.dsm_card_carousel_child .et_pb_module_inner:hover .dsm_card_carousel_child_description {
	margin-bottom: 10px;
}

.dsm_card_carousel_child .dsm_card_wrapper {
	display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.dsm_card_carousel_child_description {
	display: flex;
    justify-content: space-between;
    align-items: flex-end;
}


.dsm_card_carousel_child_description::after {
    content: "\f061";
    font-family: "Font Awesome 6 Pro";
    width: 40px;
    height: 40px;
    border-radius: 100%;
    background: #ad2823;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.usps_list .dsm_icon_list_text {
	padding: 0 30px !important;
}

.usps_list .dsm_icon_list_icon {
	width: 85px;
	font-size: 22px;
	text-align: center;
}

.dsm_icon_list_child {
	margin-bottom: 10px !important;
}

.banner_white_badge .et_pb_text_inner {
	background: white;
	border-radius: 100px;
	padding: 20px 130px;
	width: fit-content;
    margin: auto;
}

.banner_white_badge p {
	opacity: 1;
}

.logo_container a {
	color: #FFF;
	font-family: Inter;
	font-size: 21px;
	font-weight: 900;
	letter-spacing: 0.28px;
}

.footer-widget a,
#footer-info a {
	text-decoration: underline;
}

.footer-widget a:hover,
#footer-info a:hover {
	text-decoration: none;
}

.footer-widget:last-child h3 {
	font-family: Inter;
	font-size: 28px;
	font-weight: 900;
	text-transform: none !important;
	text-align: center;
	margin-bottom: 40px;
}

.footer-widget .socials {
	margin-top: 40px;
	display: flex;
    gap: 10px;
    justify-content: center;
}

#footer-info {
	margin-bottom: 30px;
}

#footer-info,
#footer-info * {
	font-family: Inter;
	font-size: 14px;
	font-weight: 400 !important;
}

.twitter-x svg {
	width: 14px;
	fill: #fff;
}

.mobile_menu_bar:before {
    color: #fff !important;
}

.et_mobile_menu {
    border-color: #fff !important;
}

.breadcrumbs,
.breadcrumbs * {
	color: #fff;
}

.breadcrumbs a {
	text-decoration: underline;
}

.breadcrumbs a:hover {
	text-decoration: none;
}

.et_pb_text a,
.privacy {
	font-weight: bold;
}

.et_pb_text a:hover,
.privacy:hover {
	color: #000;
}

.contactblok h3 {
	margin-bottom: 40px;
	text-transform: none;
}

.afbeelding_small img {
	height: 250px;
	object-fit: cover;
}

.tp_card_bottom h4 {
	text-transform: none;
}

#main-header > .container {
    display: flex;
    justify-content: space-between;
    align-items: center;	
}

#main-header .logo_container {
	position: relative;
    width: fit-content;
}

.socialmedia {
    display: flex;
    gap: 8px;
    align-items: center;	
}

.socialmedia a {
	color: #fff;
}

#main-header .clearfix:after {
	display: none;
}

.footer-widget .et_pb_button {
    display: block;
    text-align: center;	
}

.current-menu-item a {
	font-weight: bold;
	text-decoration: underline !important;
}

#logo {
    width: 200px;	
}

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

@media only screen and (max-width:980px) {
	h1 {
		font-size: 28px !important;
	}
	h2 {
		font-size: 25px !important;
	}
	h3 {
		font-size: 22px !important;
	}
	.banner_white_badge .et_pb_text_inner {
    	padding: 15px 30px;
	}
	.dsm_card_carousel_child, .dsm_card_carousel_child .et_pb_module_inner, .dsm_card_carousel_child .dsm_card_wrapper {
    	height: 300px;
	}
	#footer-info {
		text-align: left;
    }
	.et_pb_section {
        padding: 20px 0;
    }
	.usps_list .dsm_icon_list_text {
		font-size: 14px;
    	line-height: 17px;
	}
	.et_pb_button {
		text-align: center;
		font-size: 14px !important;
	}
	
	.socialmedia {
		display: none;
	}
}


@media (max-width: 1400px) {
	.tablet-break {
		display: flex;
		flex-direction: column;
		gap: 20px;
	}
	.tablet-break .et_pb_column {
		width: 100%;
	}
}

/*------------------------------------------------*/
/*--------------[Contact form error]--------------*/
/*------------------------------------------------*/
.validation_error,
.gform_heading {
	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;
}
.gfield_label {
	color: #313131;
	font-family: Inter;
	font-size: 16px !important;
	font-style: normal;
	font-weight: 400 !important;
	line-height: 30px;
}
.gform-body input,
.gform-body textarea,
.gform-body select {
	border: 1px solid #EBEBEB !important;
}

.gform-body input,
.gform-body select {
	height: 45px;
}

.gform-body textarea {
	height: 150px;
}
.gform_button.button {
	border-radius: 37px;
	background: #AD2823;
	color: #FFF;
	font-family: "Open Sans";
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	text-transform: uppercase;
	border: none !important;
	padding: 15px 30px;
	text-align: center;
	transition: .2s;
}

.gform_button.button:hover {
	background: #000;
}

.gform_wrapper.gravity-theme .gform_footer {
    justify-content: center;
}

.gform_submission_error.hide_summary {
	font-weight: 400 !important;
}

.gform_wrapper.gravity-theme .gfield_error [aria-invalid=true] {
    border: 1px solid #c02b0a !important;
}