/*
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]-----------------*/
/*------------------------------------------------*/
/* FONTS */
@font-face {
    font-family: 'DIN 2014';
    src: url('fonts/din2014-regular-webfont.woff2') format('woff2'),
         url('fonts/din2014-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* PROPERTIES */
@property --btn-bgcolor-1 {
	syntax: '<color>';
	initial-value: #C63953;
	inherits: false;
}

@property --btn-bgcolor-2 {
	syntax: '<color>';
	initial-value: #DC2547;
	inherits: false;
}

@property --blurb-container-bgcolor-1 {
	syntax: '<color>';
	initial-value: rgba(18, 153, 230, 1);
	inherits: false;
}

@property --blurb-container-bgcolor-2 {
	syntax: '<color>';
	initial-value: rgba(18, 139, 209, 1);
	inherits: false;
}


/* CONTAINER DEFAULTS */
div[class^='full-width-img'] .et_pb_column,
div[class*=' full-width-img'] .et_pb_column {
	width: 47%;
}

div[class^='full-width-img'] .et_pb_column,
div[class*=' full-width-img'] .et_pb_column {
	margin-right: 5%;
}

/* GENERAL */
h1,
.style-h1 {
	font-size: 40px;
	font-weight: bold;
	font-family: 'Calibri', sans-serif;
	color: #1299E6;
}

.container, .et_pb_row, .et_pb_slider .et_pb_container, .et_pb_fullwidth_section .et_pb_title_container, .et_pb_fullwidth_section .et_pb_title_featured_container, .et_pb_fullwidth_header:not(.et_pb_fullscreen) .et_pb_fullwidth_header_container {
	max-width: 1340px;
}

h1 {
	line-height: 38px;
	padding-bottom: 40px;
}

.style-h1 {
	font-family: 'Open Sans', sans-serif;
	color: #fff;
}

h2 {
	font-size: 34px;
	font-family: 'Calibri', sans-serif;
	color: #1299E6;
	line-height: 32px;
	padding-bottom: 40px;
}

h3 {
	font-size: 26px;
	font-family: 'Calibri', sans-serif;
	color: #1299E6;
	line-height: 24px;
	padding-bottom: 20px;
}

h4 {
	font-size: 22px;
	font-family: 'Calibri', sans-serif;
	color: #1299E6;
	padding: 0!important;
	margin-bottom: 20px;
}

.mobile_menu_bar:before {
	color: #DC2547!important;
	font-size: 40px!important;
}

a:not([class]) {
	color: #DC2547!important;
	text-decoration: underline;
}

.blue-hero a:not([class]),
#main-footer a:not([class]) {
	color: #fff!important;
}


#et-info-mobile {
  display: none;
}

.no-padding {
	padding: 0!important;
}

.no-padding-t {
	padding-top: 0!important;
}

.no-padding-b {
	padding-bottom: 0!important;
}

.full-width {
	max-width: 100%!important;
	width: 100%!important;
}

.google-maps iframe {
	display: block;
}

.et_pb_text_inner ul:not([class*="item-color"]),
.et_pb_text_inner ol {
	padding-bottom: 0;
	padding-top: 5px;
}

.et_pb_text_inner p,
.et_pb_text_inner ul:not([class*="item-color"]) li,
.et_pb_text_inner ol li {
	font-size: 18px;
	color: #212121;
	font-family: 'Calibri', sans-serif;
	line-height: 36px;
	padding-bottom: 40px;
}

.et_pb_text_inner ul:not([class*="item-color"]) li,
.et_pb_text_inner ol li {
	padding-bottom: 5px;
}

.show-all {
	color: #515151;
	font-size: 22px;
	font-family: 'Calibri', sans-serif;
	display: flex;
	    justify-content: flex-end;
	padding-right: 25px;
}

.show-all:after {
	content: '\f054';
	font-family: "Font Awesome 6 Pro";
  font-weight: 900;
	font-size: 9px;
	margin-left: 10px;
	color: #000;
}

.v-line {
	margin-left: 10px;
	margin-right: 10px;
}

.bg-red {
	background: linear-gradient(235deg, #C63953 0%, #DC2547 100%);
}

.small-cta {
	width:26%!important;
	padding: 80px 50px;
}

.small-cta h4 {
	font-size: 25px;
	font-family: 'Calibri', sans-serif;
	color: #FAFAFA;
	font-weight: bold;
	line-height: 38px;
}

.two-color-list h2 {
	font-size: 34px;
}

.two-color-list .odd-item-color li:nth-child(odd) {
	background: #FAFAFA;
}

.two-color-list .odd-item-color {
	list-style-type: none;
	color: #1299E6;
}

.two-color-list .odd-item-color li {
	font-family: 'Calibri', sans-serif;
	font-size: 18px;
	font-weight: bold;
	padding: 5px 0;
}

.two-color-list .odd-item-color li:before { 
	content: '\2022';
	margin-right: 10px;
	margin-left: 50px;
	font-size: 18px;
} 

.usps-section {
	padding: 15px 0!important;
}

.usps-section .et_pb_row {
	padding: 0!important;
}

/* HEADER/TOP HEADER */
#top-header {
	background: linear-gradient(90deg, #128BD1 0%, #1299E6 100%);
	padding: 20px 0;
}

#top-header, #top-header a {
	color: #fff!important;
}

#top-header .linkedin-href {
	font-size: 20px;
	float:left;
}

#et-info,
#et-info-mobile,
#et-info-email,
#et-info-phone,
#et-info-email:before,
#et-info-phone:before {
	font-family: 'DIN 2014', sans-serif!important;
	font-size: 14px;
	color: #fff;
	font-weight: 400;
}

#et-info-email,
#et-info-phone {
	margin: 0!important;
}

#et-info-email:before,
#et-info-phone:before {
	content: ''
}

#et-info {
	float:right!important;
	padding: 0;
}

#top-header .container {
	padding: 0!important;
}

#top-menu-nav #top-menu a {
	font-family: 'Calibri', sans-serif;
	font-size: 20px;
	color: #515151!important;
	font-weight: 400;
	text-transform: none;
}

.et_header_style_left #et-top-navigation nav>ul>li>a {
	padding-bottom: 40px;
	padding-top: 40px;
}

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

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

#top-menu .menu-item-has-children>a:first-child:after, 
#et-secondary-nav .menu-item-has-children>a:first-child:after {
	top: 50%;
	transform: translateY(-50%);
}

#top-menu-nav #top-menu li.menu-btn a {
	font-size: 18px;
	color: #fff!important;
	background: linear-gradient(260deg, var(--btn-bgcolor-1) 0%, var(--btn-bgcolor-2) 100%);
	border-radius: 1px;
	padding: 10px 35px;
	transition: --btn-bgcolor-1 .4s ease-in-out, --btn-bgcolor-2 .4s ease-in-out;
}

#top-menu-nav #top-menu li.menu-btn a:hover {
	--btn-bgcolor-1: #DD8898;
	--btn-bgcolor-2: #EA7C91;
}
#top-menu-nav li.wpml-ls-item ul.sub-menu {
	width: 80px!important;
}

#top-menu-nav li.wpml-ls-item ul.sub-menu li a {
	width: auto!important;
	text-align: center!important;
}

#top-menu-nav li.wpml-ls-item ul.sub-menu li.wpml-ls-item {
	padding: 0!important;
	width: 100%!important;
}

/* BUTTONS */
.btn, .contactform input[type="submit"], .offerteform input[type="submit"] {
	font-family: 'Calibri', sans-serif;
	font-size: 22px;
	color: #fff;
	background: linear-gradient(260deg, var(--btn-bgcolor-1) 0%, var(--btn-bgcolor-2) 100%);
	box-shadow: 0px 3px 6px #00000029;
	border-radius: 1px;
	padding: 16px 47px;
	display: inline-block;
	transition: --btn-bgcolor-1 .4s ease-in-out, --btn-bgcolor-2 .4s ease-in-out;
}

.btn-blue {
	--btn-bgcolor-1: #128BD1!important;
	--btn-bgcolor-2: #1299E6!important;
}

.btn-blue:hover {
	--btn-bgcolor-1: #71B9E3!important;
	--btn-bgcolor-2: #71C2F0!important;
}

.btn-with-arrow {
	padding: 0!important;
	background: none!important;
	box-shadow: none!important;
}

.btn-with-arrow .arrow i {
	font-size: 11px;
}

.btn-with-arrow .arrow {
	margin-left: 10px;
	padding: 16px 24.62px!important;
}

.btn-with-arrow .arrow,
.btn-with-arrow .text {
	background: linear-gradient(260deg, var(--btn-bgcolor-1) 0%, var(--btn-bgcolor-2) 100%);
	box-shadow: 0px 3px 6px #00000029;
	border-radius: 1px;
	padding: 16px 47px;
	transition: --btn-bgcolor-1 .4s ease-in-out, --btn-bgcolor-2 .4s ease-in-out;
	display: inline-block;
}

.btn:hover,
.contactform input[type="submit"]:hover,
.offerteform input[type="submit"]:hover,
.btn-with-arrow:hover .arrow,
.btn-with-arrow:hover .text {
	--btn-bgcolor-1: #DD8898;
	--btn-bgcolor-2: #EA7C91;
}

/* HEADER SECTION */
.header-section,
.header-section .et_pb_row{
	padding:0!important;
}

.header-section .style-h1 {
	color: #fff;
	padding: 150px 0;
}

.header-section.contact-page .style-h1 {
	padding: 100px 0;
}

.home .header-section .style-h1 {
	padding: 200px 0;
}

.header-section.video-section .et_pb_section_video_bg .mejs-video {
	transform: translateY(-20%);
}

/* SERVICES SECTION/ROW */
.services-section h2,
.contact-section h2,
.offerte-section h2 {
	margin-bottom: 40px;
	padding: 0!important;
	color: #515151;
	font-family: 'DIN 2014', sans-serif;
	font-weight: 400;
}

.offerte-section h2 {
	color: #1299E6;
}

.services-row {
	display: flex;
	max-width: 100%!important;
    width: 100%;
	padding-top: 0!important;
}

.services-row .et_pb_column {
	margin-right: 0;
  float: none;
  flex-grow: 1;
}

.services-row .et_pb_blurb {
	overflow: hidden;
}

.services-row .et_pb_blurb .et_pb_blurb_container {
	top: 81.8%;
	transition: top .4s ease-in-out, --blurb-container-bgcolor-1 .4s ease-in-out, --blurb-container-bgcolor-2 .4s ease-in-out;
}

.services-row .et_pb_blurb:hover .et_pb_blurb_container {
	top: 0;
	--blurb-container-bgcolor-1: rgba(19, 106, 156, .7);
	--blurb-container-bgcolor-2: rgba(18, 139, 209, .7);
}

.services-row .et_pb_blurb:hover .et_pb_blurb_container .et_pb_blurb_description {
	opacity: 1;
}

.services-row .et_pb_main_blurb_image {
	margin-bottom: 0!important;
	display: block;
}

.services-row .et_pb_blurb_container {
	position: absolute;
	bottom: 0;
	padding: 20px 0 20px 20px;
	background: linear-gradient(100deg, var(--blurb-container-bgcolor-1) 0%, var(--blurb-container-bgcolor-2) 100%);
	width: 100%;
	display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.services-row .et_pb_blurb_container h4 {
	padding-bottom: 0!important;
	margin-bottom: 0!important;
	color: #fff;
	font-family: 'DIN 2014', sans-serif;
	font-weight: 400;
	font-size: 22px;
}

.services-row .et_pb_blurb .et_pb_blurb_container .et_pb_blurb_description {
	display: flex;
	justify-content: flex-end;
	opacity: 0;
	transition: opacity .4s ease-in-out;
}

.services-section .services-row .et_pb_blurb, 
.services-section .services-row .et_pb_blurb .et_pb_blurb_content,
.services-section .services-row .et_pb_blurb .et_pb_main_blurb_image,
.services-section .services-row .et_pb_blurb .et_pb_main_blurb_image * {
    aspect-ratio: 1 / 1;
}

.services-section .services-row .et_pb_blurb .et_pb_main_blurb_image img {
    object-fit: cover;
}

/* HERO SECTION */
.blue-hero, #main-footer {
	background: linear-gradient(100deg, #1299E6 0%, #128BD1 100%);
}

.blue-hero h2 {
	font-size: 35px;
	font-weight: bold;
	font-family: 'Open Sans', sans-serif;
}

.blue-hero h2,
.blue-hero p {
	padding-bottom: 25px;
	color: #fff;
}

.usps-section .usp {
	color: #fff;
	font-size: 20px;
	margin-right: 100px;
}

.usps-section .usp:last-child {
	margin-right: 0;
}

.usps-section .et_pb_text_inner {
	display: flex;
	justify-content: center;
}

.blue-hero p,
.usps-section .usp {
	font-family: 'Din 2014', sans-serif;
}

.blue-hero .et_pb_row {
	padding: 0;
}

/* FULL COLUMN IMAGE ROW */
.full-width-img--left,
.full-width-img--right {
	max-width: 100%!important;
	margin: 0;
	width: 100%;
	display: flex;
	align-items: center;
}

.full-width-img--left {
	padding-top: 0!important;
	justify-content: flex-start;
}

.full-width-img--left .et_pb_column:last-child,
.full-width-img--right .et_pb_column:first-child {
	width: 32%;
}

.full-width-img--right {
	padding-bottom: 0!important;
	justify-content: flex-end;
}

div[class^='full-width-img'] p:last-child, div[class*=' full-width-img'] p:last-child {
	margin-bottom: 0!important;
}

div[class^='border-top'],
div[class*=' border-top'] {
	border-top: 15px solid;
}

div[class^='border-bottom'],
div[class*=' border-bottom'] {
	border-bottom: 15px solid;
}

.border-top--blue {
	border-image: linear-gradient(90deg, #136A9C 0%, #128BD1 100%) 1;
}

.border-bottom--blue{
	border-image: linear-gradient(270deg, #136A9C 0%, #128BD1 100%) 1;
}

/* DIENSTEN INFO SECTION */
.services-info-section .et_pb_row {
	display: flex;
}

.services-info-section .et_pb_image {
	margin-bottom: 40px!important;
}

.services-info-section h4 {
	font-size: 22px;
	font-weight: bold;
	font-family: 'Calibri', sans-serif;
	color: #515151;
	margin-bottom: 30px;
}

.services-info-section .et_pb_row:not(.more-link-row) .et_pb_column {
	display: flex;
  	flex-direction: column;
	border-right: 1px solid #DCDCDC;
	width: calc(100%/3)!important;
	padding: 0 60px;
	margin: 0!important;
}

.services-info-section .et_pb_row:not(.more-link-row) .et_pb_column:last-child {
	border: none!important;
}

.services-info-section .et_pb_text:not(.btn-module) {
	padding-bottom: 40px;
	margin-bottom: 0!important;
}

.services-info-section .et_pb_column .btn-module {
	margin-top: auto;
}

.services-info-section .et_pb_column .btn-module .btn {
	font-size: 20px;
	padding-top: 13px;
	padding-bottom: 13px;
}

/* CONTACT SECTION */
.contact-section h2 {
	font-size: 35px;
	margin-bottom: 50px;
}

.contact-section .small-cta {
	margin-right: 5%!important;
	align-self: center;
}

.contact-section .et_pb_row {
	justify-content: space-between;
}

.contact-section .et_pb_row:after {
	display: none;
}

/* CONTACTFORM */
.contactform input,
.contactform textarea,
.offerteform input, 
.offerteform textarea {
	border: 1px solid #DCDCDC;
	font-size: 18px;
}

.contactform textarea,
.offerteform textarea {
	width: 100%!important;
}

.contactform label,
.offerteform label {
	font-size: 20px!important;
	font-family: 'DIN 2014', sans-serif;
	font-weight: 400!important;
}

.offerteform legend {
	font-family: 'Calibri', sans-serif;
	font-size: 18px;
	color: #1299E6;
}

.contactform .gfield_required,
.offerteform .gfield_required {
	display: none;
}

.offerteform .grid-checkboxes .gfield_checkbox {
	display: grid!important;
	grid-template-columns: 1fr 1fr;
}

/* FOOTER */
#footer-widgets .et_pb_widget {
	float: none;
}

#footer-widgets .fwidget {
	margin-bottom: 40px;
}

#footer-widgets .fwidget * {
	font-size: 16px!important;
	line-height: 30px!important;
}

#footer-widgets .fwidget p,
#footer-widgets .fwidget td,
.contact-details table td {
	font-family: 'Calibri', sans-serif;
}

#footer-widgets .fwidget table,
#footer-widgets .fwidget table tr,
#footer-widgets .fwidget table td,
.contact-details table,
.contact-details table tr,
.contact-details table td {
	border: none!important;
	padding: 0!important;
	line-height: 30px;
}

#footer-widgets .fwidget table {
	width: 100%;
}

#footer-widgets .fwidget td,
.contact-details table td {
	vertical-align: top;
}

.contact-details table td {
	font-size: 18px;
}

#footer-widgets .fwidget ul li {
  list-style-type: none;
  position: relative;
  padding-left: 15px;
	font-family: 'Calibri', sans-serif;
	margin-bottom: 0;
}

#footer-widgets .fwidget ul li:before {
  content: "\25BA \0020";
  font-size: 6px;
  position: absolute;
  top: 0;
  left: 0;
	border: none;
}

#footer-widgets .fwidget h3 {
	padding: 0;
	font-family: 'DIN 2014', sans-serif;
	font-weight: 400;
	font-size: 18px!important;
	text-transform: uppercase;
	line-height: 30px;
}

#footer-widgets .footer-widget:first-child {
	margin-right: 13.75%;
}

#footer-widgets .footer-widget:nth-child(2) {
	width: 12%;
}

#main-footer a,
#main-footer h3 {
	color: #fff!important;
}

#main-footer .footer-left,
#main-footer .footer-right {
	padding: 0;
}

#main-footer #footer-info {
	width: 100%;
	display: flex;
	justify-content: space-between;
	padding: 0;
}

#main-footer #footer-bottom {
	padding: 20px 0;
	background: #232323;
}

#main-footer #footer-bottom * {
	font-family: 'Montserrat', sans-serif!important;
	font-weight: 400!important;
	font-size: 14px!important;
}

#main-footer strong {
	display:block;
}

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