/*
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]-----------------*/
/*------------------------------------------------*/
.home-header-logo{
	padding-top: 80px;
}

.home-header-logo img{
	max-height: 220px;
    width: 100%;
}

.header-placer {
    display: flex;
    justify-content: center;
}
header#main-header {
    width: 85%!important;
    max-width: 1340px;
    top: 40px!important;
	background:#fff ;
}
div#page-container {
	padding-top: 0 !important;
	margin-top: 0 !important;
}
.container.clearfix.et_menu_container {
    width: 90%;
}
.et_header_style_left #et-top-navigation {
    padding-top: 33px !important;
}
.mobile_menu_bar:before {
	color: #2D2D2D !important;
}
#top-menu li li a {
    padding: 6px 0px;
	width: 265px;
}

.nav li ul.sub-menu {
    width: 300px;
}
.grizz-text a{
	font-weight: bold !important;
	text-decoration: underline !important;
}

.grizz-text a:hover{
	text-decoration: none !important;
}
@media only screen and (max-width:1380px) {
	#top-menu li {
		padding-right: 14px;
	}
}
@media only screen and (min-width:1331px)  {
	.nav-respo {
		display: none !important;
	}
}
@media only screen and (max-width: 1330px) and (min-width: 981px)  {
	.nav-full {
		display: none !important;
	}
}
@media only screen and (min-width:981px) {
	.nav-contact a {
		padding: 15px;
		padding-bottom: 15px !important;
		border: 3px solid #C80022;
	}
	.nav-contact a:hover {
		color: #fff !important;
		background: #C80022;
		border: 3px solid #C80022;
		opacity: 1 !important; 
	}
	.respo-button {
		display: none;
	}
}
@media only screen and (max-width:980px) {
	.nav-respo {
		display: none; 
	}
	header#main-header {
		top: 30px!important;
	}
	.respo-button {
		position: fixed;
		top: 50%;
		right: -23px;
		z-index: 9999;
		transform: rotate(270deg);
	}
	.respo-button a {
		color: #fff;
		background: #c80022;
		padding: 10px;
	}
}
/*------------------------------------------------*/
/*-----------------[Footer STYLES]-----------------*/
/*------------------------------------------------*/

#main-footer {
    background-image: url(/assets/uploads/footer-img.png);
	background-blend-mode: overlay;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
#footer-bottom .container.clearfix {
    border-top: 2px solid #404040;
}
#footer-info, .footer-right {
	padding-top: 10px;
}
#footer-info a {
    font-weight: 500;
}
#footer-info, #footer-info a, .footer-right, .footer-right a, .footer-widget .full-footer, .footer-widget .full-footer a, .footer-widget .full-footer h3{
	color: #404040 !important;
}
#main-footer #footer-widgets .footer-widget .full-footer a:hover, 
#footer-info a:hover, .footer-right a:hover{
	color: #C80022;
	opacity: 1;
}

.footer-widget #block-8 {
	width: 100%;
}
.full-footer {
    display: grid;
}
.footer-blok-een p {
    max-width: 285px;
}
#main-footer #footer-widgets .footer-widget .full-footer li {
    padding-left: 0;
}
#footer-widgets .footer-widget .full-footer li:before {
	display: none;
}

.footer-blok-een img {
    padding-bottom: 30px;
	width: 50%;
}
.full-footer h3 {
	padding: 30px 0;
}
.et_pb_widget .full-footer ul li {
    margin-bottom: 0;
}
.footer-blok-drie ul {
    padding-bottom: 15px;
}
.full-footer .footer-blok-drie a {
	text-decoration: underline !important;
}
.full-footer .footer-blok-drie i {
	font-size: 22px;
	padding-right: 15px;
	padding-bottom: 15px;
	color: #fff;
}
.full-footer .footer-blok-drie a i:hover,
.full-footer .footer-blok-drie i:hover  {
	color: #fff !important;
}
.full-footer img#diger {
    padding-bottom: 0;
    padding-top: 30px;
    max-width: 80px;
}
@media only screen and (min-width:981px) {
	.footer-right {
		float: right;
	}
	.footer-blok-drie {
		margin-left: auto;
	}
	.full-footer {
		grid-template-columns: 48% auto auto;
	}
}
@media only screen and (max-width:980px) {
	.full-footer {
		grid-template-columns:auto;
   		justify-content: center;
   		text-align: center;
	}
	.footer-right {
		text-align: center;
	}
}
/*------------------------------------------------*/
/*-----------------[Pages STYLES]-----------------*/
/*------------------------------------------------*/

.et_pb_section.home-header-sectie.et_pb_with_background.et_section_regular {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.home-titel-blok h3 {
    font-weight: 400;
}

span.tvb-titel {
    font-size: 50px;
}

.dienst-blurb:hover .et_pb_main_blurb_image {
	background-color: #fff;
}

.et_pb_section.usp-blurb-sectie {
    background: #fff0;
}
.et_pb_section.usp-blurb-sectie .blurb-grid .usp-blurb :hover, .et_pb_module.dienst-blurb :hover {
	bottom: 20px;
}
.usp-blurb-sectie .usp-rij .usp-blurb .et_pb_module_header :hover, .usp-rij .usp-blurb:hover .et_pb_blurb_description , .usp-rij .usp-blurb:hover .et_pb_blurb_container, .usp-blurb-sectie .usp-rij .usp-blurb:hover .et_pb_module_header, .usp-blurb-sectie .usp-rij .usp-blurb.contact-usp:hover a, .dienst-blurb:hover .et_pb_blurb_content {
	background: #c80022;
	color: #fff !important;
}

@media only screen and (min-width:981px) {
	.blurb-grid {
		display: grid;
		grid-template-columns: 33% 33% 33%;
		align-items: baseline;
		background: #fff0;
	}
	.et_pb_column.blurb-grid {
		max-height: 50px;
	}
	.et_pb_section.usp-blurb-sectie .blurb-grid .usp-blurb {
		position: relative;
		bottom: 210px;
		margin-bottom: 0;
	}
	.et_pb_section.usp-blurb-sectie .usp-rij.contact-usp-rij .blurb-grid .usp-blurb {
		bottom: 150px;
	}
	.et_pb_column.product-kolom.et_pb_css_mix_blend_mode_passthrough {
		margin-right: 5%;
	}
	.usp-blurb .et_pb_blurb_content {
		box-shadow: 0px 6px 9px #00000033;
	}
}

@media only screen and (max-width:980px) {
	.et_header_style_left #et-top-navigation {
		padding-top: 24px !important;
	}
	.usp-blurb .et_pb_blurb_container {
		box-shadow: -6px 6px 9px rgba(0, 0, 0, 0.2);
	}
	.usp-blurb-sectie .et_pb_row.et_pb_row_1.usp-rij {
		position: relative;
		bottom: 140px;
	}
	.et_pb_column .et_pb_module.usp-blurb {
		margin-bottom: 0px;
	}
	.et_pb_section.usp-blurb-sectie, .et_pb_row.usp-rij {
		height: 660;
	}
	.et_pb_column.blurb-grid {
		max-height: 665px;
	}
	.contact-usp-rij .et_pb_column.blurb-grid {
		max-height: 820px;
	}
}
.usp-blurb .et_pb_blurb_container {
	background-color: #fff;
}
.usp-blurb .et_pb_module_header a {
	padding: 80px 0;
	display: block;
}
.usp-blurb.contact-usp .et_pb_module_header a {
    padding: 80px 0 20px 0;
    display: block;
}
.usp-blurb.contact-usp .et_pb_blurb_description {
    padding-left: 10px;
    padding-right: 10px;
}

.usp-blurb h4.et_pb_module_header {
	padding-bottom: 0;
}

.usp-blurb .et_pb_main_blurb_image {
    position: relative;
    top: 40px;
    max-width: 25%;
    padding: 20px;
    margin-bottom: 0;
    background: #C80022;
    border-radius: 50%;
	box-shadow: -6px 6px 9px #00000033;
}

.new-blurb-row .usp-blurb .et_pb_main_blurb_image{
	padding:0;
    background: black;
}

.usp-blurb:hover .et_pb_main_blurb_image {
	background: #fff;
	color: #C80022;
}

.new-blurb-row .usp-blurb:hover .et_pb_main_blurb_image{
    background: black;
}

.et_pb_row.et_pb_row_1.usp-rij {
    max-width: 1100px;
}
.et_pb_row.et_pb_row_1.usp-rij.contact-usp-rij {
    max-width: 1000px;
}

.pijl-knop .et_pb_text_inner a {
    color: #2d2d2d;
    font-weight: 700;
	padding: 10px 0;
}
.pijl-knop .et_pb_text_inner a:hover {
    color: #C80022;
}
.pijl-knop .et_pb_text_inner i {
    color: #C80022;
    padding-left: 15px;
    font-size: 20px;
	position: relative;
	top: 2px;
}

.flex-rij {
	display: flex;
}
.flex-kolom {
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.rood-img-blok img, .rood-img-blok-rechts img {
	padding: 10%;
}
.content-tekst-blok h2 {
	line-height: 1.8em;
}
.content-tekst-blok p {
    width: 80%;
}
.content-tekst-blok.temp-vers p {
    width: 100%;
}
.et_pb_module.bread {
    position: absolute;
    bottom: -155px;
	color: #fff;
	font-size: 14px;
}
.contact-head-rij .et_pb_module.bread {
    bottom: -100px;
}
.usp-rij.contact-usp-rij .et_pb_blurb_container {
    height: 215px;
}

body a.et_pb_button.content-button {
	color: #2D2D2D;
	font-weight: 700;
}

.product-img img {
    padding-top: 10%;
    width: 90% !important;
    float: right;
}
.product-kolom h3 {
    line-height: 1.8em;
	font-size: 24px;
}
.product-kolom .et_pb_button_module_wrapper {
    padding-top: 10px;
}
.product-kolom .et_pb_text_inner {
    padding-top: 20px;
}
.et_pb_column.product-kolom {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.dienst-blurb .et_pb_blurb_content {
    box-shadow: -6px 6px 9px #00000033;
}
.dienst-blurb .et_pb_module_header {
    padding-bottom: 60px;
}
.dienst-blurb .et_pb_main_blurb_image {
	position: relative;
	top: -40px;
	margin-bottom: 0;
    max-width: 25%;
    padding: 20px;
    background: #C80022;
    border-radius: 50%;
    box-shadow: -6px 6px 9px #00000033;
}
.new-blurb-row .dienst-blurb .et_pb_main_blurb_image{
	padding:0;
    background: black;
}

.blurb-cta-kolom {
	display: flex;
	flex-direction: column;
	justify-content: end;
}

.temp-blurb-grid {
    display: grid;
    grid-template-columns: auto auto auto auto;
    grid-gap: 15px;
}
.temp-blurb-grid h4.et_pb_module_header {
    font-size: 20px;
}

.full-cta-sectie .et_pb_column {
    padding: 20px;
}

.contact-usp a {
    color: #2D2D2D;
}

.project-blok img{
    max-height: 270px;
}

.project-blok .et_pb_ajax_pagination_container {
    display: flex;
}
.project-blok .et_pb_ajax_pagination_container .project h2 {
	display: none;
}
.project-blok:hover .et_pb_ajax_pagination_container .project h2 {
    font-size: 22px !Important;
    color: #fff;
    position: absolute;
    top: 0;
    height: 100%;
    margin-top: 0 !Important;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    background-color: rgb(216 6 18 / 50%);
    cursor: pointer;
}
.project-blok:hover .et_pb_ajax_pagination_container h2 a {
    display: flex;
    height: 100%;
    width: 100%;
    justify-content: center;
    align-items: center;
}

@media only screen and (max-width:980px) {
	span.tvb-titel {
		font-size: 35px;
	}
	.flex-rij {
		flex-direction: column;
	}
	.content-tekst-blok p {
		width: 100%;
	}
	.rood-img-blok img {
		padding-right: 0;
	}
	.rood-img-blok-rechts img {
		padding-left: 0;
	}
	.et_pb_module.bread {
		bottom: -190px;
	}
	.temp-blurb-grid h4.et_pb_module_header {
		font-size: 16px;
	}
	.new-header-row .et_pb_image{
		display:none;
	}
	.blurb-cta-kolom {
		margin-bottom: 80px;
	}
}
@media only screen and (max-width:767px) {
	.et_pb_module.bread {
		bottom: -120px;
	}
	.new-header-row .et_pb_module.bread{
		bottom: -190px;
	}
	body a.et_pb_button.content-button {
		font-size: 16px;
	}
	.temp-blurb-grid {
		grid-template-columns: auto auto;
	}
	.contact-head-rij .et_pb_module.bread {
		bottom: -20px;
	}
	body h2 {
		font-size: 26px;
	}
	body h3 {
		font-size: 24px;
	}
	.et_pb_svg_logo #logo {
		height: 32%;
	}
	.mobile_menu_bar:before {
		font-size: 48px;
	}
}
@media only screen and (max-width:500px) {
	span.tvb-titel {
		font-size: 26px;
	}
	.product-kolom h3 {
		font-size: 22px;
	}
	.contact-head-rij .et_pb_module.bread {
		bottom: 0px;
	}
	.contact-usp-rij .et_pb_column.blurb-grid {
		max-height: 730px;
	}
	body h2 {
		font-size: 22px;
	}
	body h3 {
		font-size: 20px;
	}
	.et_pb_portfolio_item {
		margin-bottom: -20px;
	}
	.et_pb_module.et_pb_portfolio.project-blok.et_pb_bg_layout_light {
		box-shadow: -6px 26px 6px 0px rgba(0,0,0,0.3);
	}
}
/*------------------------------------------------*/
/*--------------[Contact form error]--------------*/
/*------------------------------------------------*/
.validation_error{
	display:none;
}

.gform_heading .gform_required_legend {
    display: none;
}
.gform_wrapper.gravity-theme input[type=text] {
	padding: 10px;
}

.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_wrapper.gravity-theme .gfield_label {
    color: #2D2D2D;
    font-weight: 500;
}
input.text, input.title, input[type=email], input[type=password], input[type=tel], input[type=text], select, textarea {
	border: 2px solid #87848452;
}

.gform_button,
.form-blok input#gform_submit_button_2 {
    color: #2D2D2D;
    background: #fff;
    border: 3px solid #C80022;
    font-weight: 700;
    font-size: 18px;
	padding: 10px 15px;
}
.gform_button:hover,
.form-blok .gform_wrapper .gform_footer input.button:hover {
	background-color: #C80022 !important;
	color: #fff !important;
}

@media only screen and (min-width:981px) {
	div#gform_wrapper_2 {
		width: 80%;
		margin: auto;
	}
}
/*------------------------------------------------*/
/*-----------------[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;
    }
}