/*
Theme Name:  Unique Theme
Theme URI:   https://themes.grizzly.marketing/colorful
Version:     1.0.1
Description: Het Unique theme van Grizzly New Marketing
Author:      vps236215
Author URI:  https://themes.grizzly.marketing/colorful
Template:    Divi
*/

/*- YOU CAN INCLUDE THE CUSTOM CODE FOR YOUR CHILD THEME BELOW THIS LINE-*/

/*------------------------------------------------*/
/*-----------------[BASIC STYLES]-----------------*/
/*------------------------------------------------*/
/*
 IE Parallax fix
*/
/* 
@media (max-width: 980px)
.et_pb_fullwidth_menu .mobile_menu_bar:before {
    top: 26px;
    background-color: #73b9dc !important;
} */

/* Cookiebanner - SD */
.cookiebtn {background:#0c7e8a;color:white;padding:4px 11px}
.cookiebtn:hover{background:green}
.cn-close-icon::before, .cn-close-icon::after {background:white}

/* Main menu - SD */
#top-menu li li a {}
#top-menu ul.sub-menu li a{font-weight:400; text-transform:none;padding:2px 20px}

.grecaptcha-badge {
	visibility: hidden;
}

.white-text {
	color:white;
}
.cta-btn {
	background-color:#e44b21;
	color:white !important;
	padding:15px 20px;
	display:inline-block;
	margin-top:30px;
	border: 2px solid #e44b21;
	transition-duration: 0.4s;
}
.cta-btn:hover {
	background-color:rgba(0,0,0,0)!important;
	color:#e44b21 !important;
}
/* menu fix */
#main-header .et_mobile_menu .menu-item-has-children > a { 
	background-color: transparent; 
	position: relative; 
}
#main-header .et_mobile_menu .menu-item-has-children > a:after { 
	font-family: 'ETmodules'; 
	text-align: center; 
	speak: none; 
	font-weight: normal; 
	font-variant: normal; 
	text-transform: none; 
	-webkit-font-smoothing: antialiased; 
	position: absolute; 
}
#main-header .et_mobile_menu .menu-item-has-children > a:after { 
	font-size: 16px; 
	content: '\4c'; 
	top: 13px; 
	right: 10px; 
}
#main-header .et_mobile_menu .menu-item-has-children.visible > a:after { 
	content: '\4d'; 
}
#main-header .et_mobile_menu ul.sub-menu { 
	display: none !important; 
	visibility: hidden !important;  
	transition: all 1.5s ease-in-out;
}
#main-header .et_mobile_menu .visible > ul.sub-menu { 
	display: block !important; 
	visibility: visible !important; 
}
#main-header .et_mobile_menu .always-visitable {
    position: relative;
}
#main-header .et_mobile_menu .always-visitable .hover-link {
    position: absolute;
    top: 0; 
	left: 0; 
	bottom: 0;
    right: 60px; /* right area continues to expand or collapse */
}
/* end menu fix */

span#et-info-phone:hover {
    opacity: 0.7;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.page-id-47 div#et-main-area {
    margin-top: 88px;
}
.et_pb_gallery_image.landscape img {
    height: 185px;
    object-fit: cover;
}
img.et-waypoint.et_pb_animation_top.et-animated {
    min-height: 200px;
    object-fit: contain;
}

.et_pb_button_0 {
    width: 100%;
}
.et_pb_slide_description{
padding-bottom: 30% !important;
}

.et_pb_blurb_container {
    padding-left: 15px;
    padding-top: 8px;
}

@media screen\0 {
html {
        overflow: hidden;
        height: 100%;
}
body {
        overflow: auto;
        height: 100%;
	margin-right:-17px;
}
}

a.leesmeer {
color: #fff;
}
a.leesmeer::after {
    color: #b10009;
    content: " \00BB";
}
.et_pb_slider .et_pb_slide, .et_pb_section_0 {
    background-color: transparent!important;
}
.et_pb_slide_description .et_pb_more_button {
    background: #b10009;
}
.et_pb_slide_description .et_pb_more_button:hover {
    background: rgba(255, 255, 255, 0.41);
    color: #b10009!important;
}
.et_pb_button {
    font-size: 16px;
    background: #e44b21 !important;
    border-color: #e44b21;
    border-radius: 0px;
    font-weight: bold;
    font-style: normal;
    text-transform: none;
    text-decoration: none;
}
.et_pb_button:hover {

    padding: 0.3em 2em 0.3em 1em;
    border: 2px solid transparent;
    background: white !important;
	color: #f1a596 !important;
}
.et_pb_bg_layout_light .et_pb_more_button
{
    color:#fff!important;
}

/* Menu fix*/
#menu-featured-items {
    text-align: center;
    width: 100%;
    overflow: hidden;
    padding: 10px 0 10px !important;
}

#menu-featured-items ul {
    list-style: none;
    overflow: hidden;
    padding: 10px !important;
    width: 100%;
}

#menu-featured-items li {
    padding-right: 0px;
    margin-right: 1%;
    min-width: 182px;
}

#menu-featured-items li a {
    display: block;
    text-align: center;
    color: #FFF;
    padding: 10px 30px;
    font-weight: 700;
    font-size: 13px;
    text-transform: uppercase;
}

#menu-featured-items li a:hover {
    background: rgba(255, 255, 255, 0.28);
}

#menu-featured-items li:nth-child(1) {
    background: #ffcf56;
}
#menu-featured-items li:nth-child(2) {
    background: #e44b21;
}
#menu-featured-items li:nth-child(3) {
    background: #6798d0;
}
#menu-featured-items li:nth-child(4) {
    background: #f26c51;
}
#menu-featured-items li:nth-child(5) {
    background: #ef5464;
}

#menu-featured-items li:last-of-type {
    margin-right: 0px !important;
}

/* End menu */

.mobile_nav.opened .mobile_menu_bar:before {
content: "\4d";
}
ul#mobile_menu {
    overflow: auto;
    max-height: 600px;
    width: 111%;
    margin-left: -5.5%;
}
ul#mobile_menu {
    list-style-type: none!important;
}
ul.sub-menu {
    list-style-type: none!important;
}
.home-info h1, .home-info h2, .home-info h3, .home-info p, .page-info h1, .page-info h2, .page-info h3, .page-info p, .contact-info h1, .contact-info h2, .contact-info h3, .contact-info p {
    color: #000;
    padding: 0 0 20px 0;
}
.home .et_pb_slide_content {
    font-size: 18px!important;
}
.entry-content table {
     color:#000;
}
.promo-info p {
    color: #fff;
}
.et_pb_slide_content {
    color: #fff;
}
#main-footer {
    background-color: rgba(0, 0, 0, 0);
}
#footer-bottom {
    background-color: #000!important;
}
#main-footer .footer-widget h4 {
    font-weight: bold;
}

.link-footer
{
    color:#e44b21!important;
}
.link-footer a:hover
{
     text-decoration:underline;
}

/*Contactpagina*/
.page-id-47 #Contactgegevens table {border:none}
.page-id-47 #Contactgegevens table tr td {border:none; padding:2px 24px}
/*------------------------------------------------*/
/*-------------------[CONTACT FORM]------------------*/
/*------------------------------------------------*/

#responsive-form{
	max-width:100%;
	margin: 15px auto;
        width:100%;
}
.form-row{
	width: 100%;
      	overflow: hidden;
}
.form-row-left {
	float: left;
	width: 49%;
}
.form-row-right {
	float: left;
	width: 49%;
      	margin: 0 0 0 2%;
}
.column-full{
	float: left;
	position: relative;
	padding: 0;
	width:100%;
	-webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
	margin: 0 0 1% 0;
}
.clearfix:after {
	content: "";
	display: table;
	clear: both;
}

.wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 textarea {
	width: 100%;
	padding: 8px;
	border: 1px solid #ccc;
	border-radius: 0px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.wpcf7 input[type="text"]:focus{
	background: #fff;
}
.gform_button{
	float: right;
	background: #e44b21;
	color: #fff;
	text-transform: uppercase;
	border: none;
	padding: 10px 20px;
	cursor: pointer;
	width: 100% !Important;
   	font-size: 16px;
 	font-weight: bold;
	-webkit-transition: all 0.3s ease-out;
    	-moz-transition: all 0.3s ease-out;
    	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.gform_body{
color:black !important;
}
.gform_button:hover{
	background: #e44b21;
}

.gform-collum .ginput_recaptcha
{
    position: relative;
    top: -130px;
    margin-bottom: -80px;
     
}

span.wpcf7-not-valid-tip{
	text-shadow: none;
	font-size: 12px;
	color: #ff6f6f;
	background: transparent;
	padding: 5px;
}
div.wpcf7-validation-errors {
	text-shadow: none;
	border: transparent;
    	background: #000000;
    	padding: 5px;
	color: #ffffff;
	text-align: center;
	margin: 0;
	font-size: 12px;
}
div.wpcf7-mail-sent-ok{
	text-align: center;
	text-shadow: none;
	padding: 5px;
	font-size: 12px;
	background: #59a80f;
	border-color: #59a80f;
	color: #fff;
	margin: 0;
}
.verplicht {
    text-align: center;
    width: 100%;
    display: inline-block;
    margin: 0;
    padding: 0;
    font-size: 14px;
}
.form-2-columns .captcha-173 {
    float: left;
    width: 80%;
}
.form-2-columns .wpcf7-captcha-captcha-172 {
    float: left;
    width: 18.5%;
    margin: 0 1.5% 0 0;
}
.textarea textarea {
    min-height: 182px;
}


/**---------------- Media query ----------------**/
@media only screen and (max-width: 768px) {
.form-row-left, .form-row-right { width: 100%; padding: 0; margin: 0;}
.form-2-columns .captcha-173 {
    	float: left;
    	width: 75%;
}
.form-2-columns .wpcf7-captcha-captcha-172 {
    	float: left;
    	width: 23%;
    	margin: 0 2% 0 0;
}
}
@media only screen and (max-width: 990px) {
.form-2-columns .captcha-173 {
    	float: left;
    	width: 70%;
}
.form-2-columns .wpcf7-captcha-captcha-172 {
    	float: left;
    	width: 28%;
    	margin: 0 2% 0 0;
}
}
@media only screen and (min-width: 48em) {
.form-row-left {
	float: left;
	width: 49%;
}
.form-row-right {
	float: left;
	width: 49%;
      	margin: 0 0 0 2%;
}
}

/*------------------------------------------------*/
/*-------------------[PAGE NAVI]------------------*/
/*------------------------------------------------*/

#et-info {
    float: none;
    margin: 0 auto;
    text-align: center;
}
.et_header_style_centered #main-header .logo_container {
    float: left;
    width: 50%;
}
.et_header_style_centered #main-header div#et-top-navigation {
    float: right;
    width: 50%;
}
#et-top-navigation {
    padding-top: 22px;
}
#top-header {
   background: #e44b21!important;
}
#top-header #et-info {
	float: left;
}
#et-info-phone:before, #et-info-email:before, .et-social-twitter a.icon:before, .et-social-facebook a.icon:before {
	color: #fff !important;
}
body.et_non_fixed_nav.et_transparent_nav.et_secondary_nav_enabled #main-header, body.et_fixed_nav.et_secondary_nav_enabled #main-header {
top: 31px !important;
}
.et_fixed_nav #main-header, .et_fixed_nav #top-header {
    position: fixed!important;
    top: 0!important;
}
#page-container {
   padding-top: 0!important;
   margin-top:0!important;
}
.home .et_pb_section_0, .home .et_pb_section_1 {
    margin: 0px 0 0 0;
}
.et_pb_section_0 {
    margin: 80px 0 0 0;
}

ul#top-menu {
    padding: 0;
}
#top-menu li {
    font-weight: bold;
}
.et_non_fixed_nav.et_transparent_nav.et_show_nav.et_secondary_nav_enabled.et_header_style_centered #page-container, .et_fixed_nav.et_show_nav.et_secondary_nav_enabled.et_header_style_centered #page-container {
   padding-top: 0!important;
   margin-top:0!important;
}
.et_non_fixed_nav.et_transparent_nav.et_show_nav.et_secondary_nav_enabled #page-container, .et_fixed_nav.et_show_nav.et_secondary_nav_enabled #page-container {
   padding-top: 81px!important;
   margin-top: -50px!important;
}
#page-container {
   padding-top: 0!important;
   margin-top:0!important;
}
.home #main-header {
    top: 0px!important;
}

#main-content .container {
    padding-top: 0;
}
.search #main-content .container {
   padding-top: 30px;
   padding-bottom: 30px;
   color:#000;
}
.search #main-content .container h2 {
    color:#000;
}
.search #et-main-area {
   margin-top: 120px;
 }
.container.et_search_form_container.et_pb_search_visible {
    width: 90%!important;
    margin: auto;
}
.et-search-form {
    max-width: 290px;
}
.et_header_style_centered .et-search-form input, .et_header_style_centered span.et_close_search_field {
    top: 0;
}
#main-content .container:before {
    width: 0px;
}
.et_fullwidth_nav #main-header .container {
    width: 100%!important;
    right: 0px;
    padding: 0;
}
.home #main-header {
    padding: 0;
    position: fixed!important;
}
.et_header_style_centered .et-fixed-header .et-search-form {
    top: 0px;
}
.gm-style .gm-style-iw {
    color:#000;
}
.gm-style .gm-style-iw h3{
    color:#000;
}

.buttonleft {
	margin-right: 15px;
}
.et_pb_post .entry-content {color: black;}
.breadcrumb-contact {padding-bottom: 16px !important;}
.breadcrumb-contact a {color: white;}
.button-cta {background-color: white !important;	color: #e44b21 !important;}
.error404 .entry {margin-top:182px;}
.search h1 {color: black;}
.slogan {padding-bottom: 20px;}
.mfp-bottom-bar {display: none;}

/*------------------------------------------------*/
/*---------------[RESPONSIVE LAYOUTS]-------------*/
/*------------------------------------------------*/
/*-------------------[Min width 980px]------------------*/
@media only screen and ( min-width: 981px ) {
}
@media only screen and ( min-width: 981px ) and ( max-width: 1100px ) {
}
/*-------------------[Max width 980px]------------------*/
@media screen and (max-width: 980px) {
table {width:100%;}
thead {display: none;}
tr:nth-of-type(2n) {background-color: inherit;}
tr td:first-child {background: #f0f0f0; font-weight:bold;font-size:1.3em;}
tbody td {display: block;  text-align:center;}
tbody td:before {content: attr(data-th); display: block;text-align:center;}
tr td:first-child {background: transparent;}
#main-footer .footer-widget h4 {text-align: center;}
	/*Footer*/
	#main-footer .footer-widget tr td{font-size:1em; font-weight:normal}
	/*Menu*/
	.et_mobile_menu ul.sub-menu li a{padding:4px 5%}
	
}

@media only screen and ( max-width: 980px ) {
	
.et_pb_fullwidth_slider_0.et_pb_slider .et_pb_slide_description .et_pb_slide_title 
{line-height: 1.2em !important;}

.gform-collum .ginput_recaptcha 
{transform: scale(0.8);margin-left: -18px;top: -25px;margin-bottom: -25px;}

.ginput_recaptcha
{transform: scale(0.8);margin-left: -18px;}
	
}

/*-------------------[Max width 767px]------------------*/
@media only screen and ( max-width: 767px ) {
	.et_header_style_left .et-search-form, .et_header_style_split .et-search-form {width: 28% !important;max-width: 28% !important;}
	.et_pb_slider .et_pb_container {width: 100%;}
	.et_pb_slide_description, .et_pb_slider_fullwidth_off .et_pb_slide_description {padding: 32% 0 8% 0;}
	.et_pb_slider.et_pb_module .et_pb_slides .et_pb_slide_description .et_pb_slide_title {font-size: 26px;}
	.et-hide-mobile {display: unset !important;}
	.buttonleft {margin-bottom: 10px;}
	#footer-widgets .footer-widget .fwidget:last-child {width: 100%;}
	#text-4 {text-align: center !important;	}
}

/*-------------------[480px]------------------*/
@media screen and ( max-width: 480px ) {
	.belons .et_pb_button{font-size:14px;}
	.USP-1 .et_pb_module_header span{font-size:13px}
	.USP-1 .et_pb_column{margin-bottom:10px}
	.benieuwdnaar .buttonleft{font-size:16px !important}
}