/*
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-face {
    font-family: 'BrittanySignature';
    src: url('/assets/fonts/BrittanySignature.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}




/*------------------------------------------------*/
/*--------------[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 !important;
    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;
    }
}
span.logo-naam {
    font-size: 45px;
    font-weight: 500 !important;
	height: 100%;
}
span.logo-naam-klein {
    font-size: 13px;
    font-weight: 500 !important;
	height: 100%;
}
.logo-tekst {
    display: inline-flex;
    flex-direction: column;
    height: 100% !important;
	margin: 0 50px;
}
#main-header {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
}
#main-header {
    padding-bottom: 40px;
}
.header-kaartje {
    max-width: 575px !important;
    background-color: #fff;
    padding: 50px 70px;
}
h1 {
    font-size: 45px;
    font-weight: 400 !important;
    text-align: center;
}
p, li {
    font-size: 15px;
}
.grizzly-header h1{
	padding-bottom: 20px !important;
}
.grizzly-header .et_pb_text_inner {
    text-align: center;
}
.header-kaartje p {
    padding-bottom: 40px;
	font-weight: 500 !important;
}
.grizzly-knop {
    background: #436461;
    color: #fff !important;
    padding: 10px 20px;
    display: inline-block;
    font-size: 13px !important;
    font-weight: 500 !important;
    letter-spacing: 2.6px;
    text-transform: uppercase;
	line-height: normal;
	transition: .4s ease all;
	text-decoration: none !important;
	width: fit-content;
}
.grizzly-header .et_pb_image {
    width: 48vw !important;
}
.grizzly-header.et_pb_section, .grizzly-header .et_pb_row {
    padding: 0 !important;
}
.grizzly-header.et_pb_section{
	margin-bottom: 50px !important;
}
.grizzly-header .et_pb_row {
    display: flex;
    flex-direction: row;
    align-items: center;
}
.et_header_style_split #et-top-navigation {
    padding-top: 40px !important;
}
.et_header_style_split #et-top-navigation nav>ul>li>a {
    padding-bottom: 0 !important;
    letter-spacing: 3.3px;
    font-weight: 500 !important;
	text-decoration: none !important;
	font-family: 'Poppins';
}
.grizzly-alinea h2 {
    text-align: center;
}
.download-column h4 {
    font-size: 22px;
    color: #92A594;
    font-weight: 400;
    margin-left: 25px;
}
h2 {
    font-size: 35px;
    font-weight: 400 !important;
    padding-bottom: 30px;
}
.grizzly-alinea h2 span {
    color: #92A594;
}
.grizzly-alinea p {
    text-align: center;
}
.diensten-blok h3 {
    color: #92A594;
    font-size: 18px;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 3.6px;
    font-weight: 500 !important;
}
.diensten-blok h4, .full-width-blurb h4 {
    font-size: 50px;
    font-weight: 400 !important;
    text-align: center;
	font-family: 'BrittanySignature';
	padding-bottom: 30px;
}
.diensten-blok p:first-child, .full-width-blurb p:first-child{
    font-weight: 500 !important;
	padding-bottom: 30px;
    overflow: hidden;
}
.diensten-blok .et_pb_blurb_content img, .full-width-blurb .et_pb_blurb_content img {
    max-height: 300px !important;
	object-fit: cover;
	object-position: 50% 80%;
}
.diensten-blok .et_pb_blurb_container {
	background-color: #fff;
    margin: 0 30px;
    margin-top: -80px;
    position: relative;
    padding: 50px;
}
.diensten-row .et_pb_column {
	display: flex;
}
.diensten-row .et_pb_column .et_pb_module {
    width: 50%;
}
.et_pb_blurb_content {
    max-width: unset !important;
    margin: 0 !important;
}
.diensten-row .et_pb_column .et_pb_module:first-child {
    margin-right: 50px;
}
.diensten-row .et_pb_blurb_container::after, .full-width-blurb .et_pb_blurb_container::after {
    content: 'Lees meer';
    position: absolute;
    right: 20px;
    top: -20px;
    background-color: #E4D4C0;
    border-radius: 100px;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 10px;
    font-weight: 500 !important;
    transform: rotate(-15deg);
    text-transform: uppercase;
    letter-spacing: 1.8px;
    line-height: normal;
    padding: 6px;
	transition: .4s ease all;
}
.grizzly-header video {
    opacity: .5;
}
.diensten-blok p, .full-width-blurb p {
    text-align: center;
}
.grizzly-knop:hover, #gform_submit_button_1:hover, .diensten-row .et_clickable:hover .et_pb_blurb_container::after, .full-width-blurb .et_clickable:hover .et_pb_blurb_container::after {
    transform: scale(1.05);
}
.cta-sectie .et_pb_row {
    background-color: #F4EDE5;
    padding: 0;
}
.cta-sectie .et_pb_text {
    padding-left: 70px;
    padding-right: 225px;
}
h3 {
    font-size: 30px;
    font-weight: 400 !important;
    padding-bottom: 30px;
}
.cta-sectie h4 {
    color: #92A594;
    font-size: 22px;
    font-weight: 400 !important;
    padding: 0 0 25px 25px;
}
.cta-sectie .et_pb_column:first-child {
    margin-right: 0 !important;
    width: 60% !important;
}
.cta-sectie .et_pb_column:last-child {
    width: 40% !important;
}
.cta-sectie .et_pb_text_inner {
    padding: 50px 0;
}
.cta-sectie .et_pb_module, .cta-sectie .et_pb_image_wrap, .cta-sectie img, .grizzly-alinea2 .et_pb_module, .grizzly-alinea2 .et_pb_image_wrap, .grizzly-alinea2 img  {
    height: 100% !important;
}
.cta-sectie img {
    object-fit: cover;
	max-height: 275px;
}
.cta-sectie.et_pb_section {
    padding: 100px 0 !important;
}
.grizzly-alinea2 h4 {
    color: #92A594;
    font-size: 18px;
    font-weight: 500 !important;
    text-transform: uppercase;
    letter-spacing: 3.6px;
    padding-bottom: 20px !important;
}
.grizzly-alinea2 h2 {
    padding-bottom: 20px !important;
}
.grizzly-alinea2 .et_pb_text_inner {
    padding: 50px 50px 50px 70px;
    background-color: #fff;
}
.grizzly-alinea2 .et_pb_text {
    padding: 50px 0;
	position: relative;
    margin-left: -80px;
}
.grizzly-alinea2 img {
	object-fit: cover;
}
.full-width-blurb .et_pb_blurb_container {
    margin: 0 100px;
    background-color: #fff;
    padding: 50px 100px;
    position: relative;
    margin-top: -100px;
}
.et_pb_section {
    padding: 50px 0 !important;
}
.et_pb_row {
    padding: 0 !important;
}
.et_header_style_split #et-top-navigation nav>ul>li.menu-highlight>a {
    padding: 10px 20px !important;
    border: 1px solid #233648;
}
.grizzly-footer-1 {
    display: flex;
}
#footer-widgets h3 {
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 500 !important;
    letter-spacing: 3.6px !important;
}
.adres-footer {
    display: inline-flex;
}
#footer-widgets svg {
    margin-right: 15px;
    margin-top: 7px;
    width: 12px !important;
    height: 12px !important;
}
.footer-links, .footer-rechts {
    width: 50%;
    margin-right: 100px;
}
.fwidget {
    width: 100% !important;
}
a {
    font-weight: bold;
    text-decoration: underline !important;
}
#footer-widgets a {
    color: #92A594 !important;
}
#footer-widgets a.grizzly-knop{
	color: #fff !important;
}
.fwidget {
    display: inline-flex;
    flex-direction: column;
}
.et_pb_gutters2.et_pb_footer_columns_1_2__1_6 .footer-widget:first-child {
    width: 42.5% !important;
}
.et_pb_gutters2.et_pb_footer_columns_1_2__1_6 .footer-widget:nth-child(-n+4):not(:nth-child(1)) {
    width: 16.167% !important;
}
#footer-info {
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 1.1px;
}
.fwidget .grizzly-footer-1 {
    line-height: 25px !important;
}
.fwidget {
    line-height: 35px;
}
#top-menu li:last-child {
    padding-right: 0 !important;
}
.current-menu-item a {
    color: #92A594 !important;
}
.knop-element .et_pb_text_inner {
    text-align: center;
}
.knop-element {
    margin-top: 30px;
}
.diensten-3blok img {
    min-height: 300px;
    object-fit: cover;
}
.diensten-3blok .et_pb_main_blurb_image {
    margin: 0 20px 30px 20px;
}

.diensten-3blok .et_pb_blurb_container {
    background-color: #F4EDE5;
    padding: 100px 30px 50px 30px;
    margin-top: -80px;
}
.diensten-3blok p {
    padding-bottom: 30px;
}
.diensten-3blok h4 {
    color: #436461;
    font-size: 30px;
	text-align: center;
    padding-bottom: 20px !important;
	font-family: 'BrittanySignature';
}
.tp-sectie .et_pb_blurb_container::after {
    content: none !important;
}
.laatste-sectie img {
    object-fit: cover;
}
.laatste-sectie .et_pb_blurb_container {
    background-color: #fff;
    padding: 50px;
    min-height: 350px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: -75px 30px 0 30px;
    position: relative;
}
.grizzly-header.grizzly-tp-header.et_pb_section {
    margin-bottom: 0 !important;
}
.grizzly-header.et_pb_section {
    margin-bottom: 0 !important;
	margin-top: 95px !important;
}
.tp-sectie h2 {
    text-align: center;
}
.usps .usp {
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 3.6px;
    text-transform: uppercase;
}
.eerste-sectie {
    padding: 0 !important;
}
.tp-sectie {
    padding: 0 0 100px 0 !important;
}
.laatste-sectie {
    padding: 100px 0 !important;
}
input, textarea {
    background: #F4EDE5 !important;
    border: none !important;
}
p.gform_required_legend {
    display: none;
}
.gform_wrapper.gravity-theme .gfield_label {
    font-size: 15px;
    color: #233648;
    font-weight: 500;
}
#gform_submit_button_1 {
    color: #fff;
    background-color: #436461 !important;
    padding: 10px 20px;
    font-family: inherit;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 2.6px;
    text-transform: uppercase;
    transition: .4s ease all;
}
.gform_wrapper.gravity-theme .gfield_error [aria-invalid=true] {
    border: 2px solid #c02b0a !important;
}
.contact-sectie h4 {
    color: #92A594;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 3.6px;
    text-transform: uppercase;
    padding-bottom: 30px;
}
@media only screen and (min-width: 981px){
	.cta-sectie .et_pb_row::before {
  	content: "";
  	width: 130px;
  	height: 180px;
  	position: absolute;
  	top: 18%;
  	right: 35%;
  	background-image: url("/assets/uploads/Tablet.png");
  	z-index: 999;
  	background-repeat: no-repeat;
  	background-size: cover;
  	transform: rotate(
15deg);
}
	.laatste-sectie img {
    height: 300px;
}
	.grizzly-header img {
    position: relative;
    left: -130px;
    bottom: 50px;
	max-height: 500px !important;
    object-fit: cover;
}
.usps {
    display: flex;
    justify-content: space-between;
}
}
@media only screen and (max-width: 980px){
	header#main-header {
    position: fixed !important;
}
	ul#mobile_menu {
    position: fixed !important;
    top: 75px !important;
}
	.grizzly-header.et_pb_section {
    margin-top: 0 !important;
}
	#mobile_menu li a {
    text-decoration: none !important;
}
	.grizzly-header h1 {
    font-size: 30px;
}
.grizzly-footer-1 {
    flex-direction: column;
}
.footer-links, .footer-rechts {
    width: 100% !important;
}
.footer-rechts {
    margin-bottom: 15px;
}
	.grizzly-header h1 {
    font-size: 30px;
}
	.grizzly-header .et_pb_row {
    flex-direction: column-reverse;
}
.header-kaartje {
    max-width: unset !important;
	padding: 30px !important;
}
.grizzly-header .et_pb_column {
    margin-bottom: 0 !important;
}
.grizzly-header .et_pb_image {
    width: 100% !important;
}
.grizzly-header .et_pb_image {
	max-height: 200px;
	}
.grizzly-header .et_pb_image img {
    max-height: 200px;
    width: 100% !important;
    object-fit: cover;
}
.grizzly-header .et_pb_image_wrap {
    width: 100% !important;
}
.grizzly-alinea p {
    text-align: left;
}
.cta-sectie .et_pb_row {
    display: flex;
    flex-direction: column;
}
.cta-sectie .et_pb_row .et_pb_column {
    width: 100% !important;
}
.cta-sectie .et_pb_text {
    padding: 30px !important;
}
.cta-sectie .et_pb_row::before {
    top: 50% !important;
    right: 35% !important;
    width: 80px;
    height: 110px;
}
.usps .usp {
    font-size: 16px;
}
.cta-sectie.et_pb_section {
    padding: 30px 0 !important;
}
.cta-sectie img {
    height: 200px !important;
}
.cta-sectie .et_pb_text_inner {
    padding: 0;
}
.cta-sectie h4 {
    padding: 0 0 25px 0 !important;
}
	.full-width-blurb .et_pb_blurb_container {
    padding: 15px;
    margin: -70px 15px 0 15px;
}
.full-width-blurb h2 {
    font-size: 25px !important;
    padding-bottom: 15px !important;
}
.tp-sectie {
    padding: 0 0 30px 0 !important;
}
.laatste-sectie {
    padding: 30px 0 !important;
}
.laatste-sectie .et_pb_blurb_container {
    margin: -75px 15px 0 15px !important;
    padding: 15px !important;
	min-height: fit-content !important;
}
.laatste-sectie h3 {
    font-size: 20px !important;
    padding-bottom: 15px !important;
}
.usps-sectie {
    padding: 30px 0 !important;
}
	.grizzly-header.et_pb_section {
    margin-bottom: 0px !important;
}
.grizzly-alinea {
    padding: 30px 0 !important;
}
.diensten-3blok {
    padding: 30px 0 !important;
}
	.grizzly-alinea h2 {
    font-size: 25px !important;
    text-align: left;
}
.diensten-3blok h4 {
    letter-spacing: unset !important;
}
.cta-sectie h3 {
    font-size: 20px;
}
.cta-sectie h4 {
    font-size: 18px;
}
.diensten-blok h4, .full-width-blurb h4 {
    font-size: 25px !important;
}
.diensten-row .et_pb_blurb_container::after, .full-width-blurb .et_pb_blurb_container::after{
	right: -30px !important;
	top: -45px !important;
}
.grizzly-knop {
    letter-spacing: unset !important;
}
.download-column h4 {
    margin-left: 0 !important;
    font-size: 18px !important;
}
.diensten-row .et_pb_column {
    flex-direction: column;
}
.diensten-row .et_pb_column .et_pb_module {
    width: 100% !important;
    margin-right: 0 !important;
}
.diensten-blok .et_pb_blurb_container {
    margin: -85px 15px 0 15px;
    padding: 15px;
}
.cta-sectie .et_pb_image_wrap, .cta-sectie img {
    width: 100% !important;
}
.mobile_nav.closed {
    background-color: unset !important;
}
.mobile_menu_bar:before {
    color: #fff !important;
}
span.select_page {
    display: none !important;
}
#main-header {
    margin-bottom: 0px !important;
}
div#et_mobile_nav_menu {
    margin-top: 0 !important;
}
#et_mobile_nav_menu .mobile_nav.closed {
    padding: 0 !important;
}
#main-header #et-top-navigation{
	padding: 0 !important;
}
.et_header_style_split .et_mobile_menu {
       top: 20px !important;
}
.mobile_nav.opened {
    background: none !important;
    padding: 0 !important;
}
span.mobile_menu_bar.mobile_menu_bar_toggle {
    position: fixed !important;
    padding: 10px !important;
    background: #92A594;
    border-radius: 100%;
    top: 20px !important;
    right: 20px !important;
}
.et_mobile_menu {
    border-color: #92A594 !important;
}
	.grizzly-alinea2 {
    padding: 30px 0 !important;
}
.grizzly-alinea2 .et_pb_text_inner {
    padding: 0 !important;
}
.grizzly-alinea2 .et_pb_text {
    margin-left: unset !important;
    padding: 0 !important;
}
.grizzly-alinea2 h2 {
    font-size: 25px;
}
.grizzly-alinea2 h3 {
    font-size: 20px !important;
}
	h1{
		font-size: 30px !important;
	}
	h2{
		font-size: 25px !important;
	}
	h3{
		font-size: 20px !important;
	}
.grizzly-alinea2 img {
    height: 200px !important;
}
.grizzly-alinea2 .et_pb_row {
    display: flex;
    flex-direction: column-reverse;
}
.grizzly-alinea2 .et_pb_column:first-child {
    margin-bottom: 0 !important;
    margin-top: 30px !important;
}
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
    #footer-widgets {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(2, 1fr);
    }
    #footer-widgets .footer-widget {
        width: 100% !important;
        margin-right: 0 !important;
    }
}
#footer-widgets a:hover, a:hover {
    text-decoration: none !important;
    color: #E4D4C0 !important;
}
.diensten-3blok h3 {
    font-size: 18px;
    text-align: center;
    letter-spacing: 3.6px;
    text-transform: uppercase;
    color: #92A594;
}
.gform_wrapper.gravity-theme .gfield_required {
    color: #92A594;
}
.tp-sectie p, .tp-sectie h2 {
    text-align: left;
}
.menu-item a {
    font-family: 'Poppins';
    text-decoration: none !important;
    font-weight: 500 !important;
}
.quote-sectie .et_pb_row::before {
    content: none !important;
}
.quote-sectie .et_pb_text {
    display: flex;
    align-items: center;
}
.quote-sectie .et_pb_text {
    padding-right: 70px !important;
}
.quote-sectie h4 {
    padding: 0 !important;
    line-height: normal !important;
}
#footer-widgets a.social-link-footer svg {
    margin: unset !important;
    width: 50px !important;
    height: 50px !important;
}

a.social-link-footer {
    display: inline-block;
    width: 50px;
    height: 50px;
    margin-top: 20px;
}
.grizzly-werkwijze .dsm_step_flow {
    padding: 10px;
}
.grizzly-werkwijze .et_pb_column {
    background-color: #F4EDE5;
    margin-bottom: 35px !important;
}
.grizzly-klachtregeling .dsm_step_flow {
    background-color: #F4EDE5;
    text-align: left;
    padding: 20px;
}

.grizzly-klachtregeling .dsm_step_flow p, .grizzly-klachtregeling .dsm_step_flow li, .grizzly-klachtregeling .dsm_step_flow h4 {
    text-align: left !important;
}