/*
Theme Name:  HorizonShipping Theme
Theme URI:   https://horizonshipping.nl
Version:     1.0.1
Description: Child theme voor Horizon Shipping (Divi)
Author:      HorizonShipping
Author URI:  https://horizonshipping.nl
Template:    Divi
*/

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

/*------------------------------------------------*/
/*------------- Active campaign form -------------*/
/*------------------------------------------------*/

.active-form #_form_68FA1506637EF_ {
	max-width: 100% !important;
}

.active-form #_form_68FA0996C00EB_ ._form-title {
	color: black !important;
}

.contactform-home ._form-title {
    font-size: 26px;
    color: #E1CD1A !important;
    padding-bottom: 25px;
    font-weight: bold;
    font-style: normal;
    text-transform: none;
    text-decoration: none;
}

.contactform-home ._form-label{
    font-size: 18px;
}

.contactform-home .form-sr-only{
    display: none;
}

.contactform-home button#_form_1_submit {
    background: #083065;
    color: #fff;
    font-size: 18px;
    padding: 10px 30px;
    border: 0;
    margin: 0 !important;
    transition: .3s ease;
    cursor: pointer;
}

.contactform-home button#_form_1_submit:hover {
	background: #E1CD1A;
	color: #083065;
}

.contactform-home ._form-content{
    display: flex;
    flex-wrap: wrap;
}

.contactform-home ._form_element:nth-child(3), .contactform-home ._form_element:nth-child(4), .contactform-home ._form_element:nth-child(5), .contactform-home ._form_element:nth-child(6), .contactform-home ._form_element:nth-child(7) {
    width: 33%;
    padding: 20px 0px 30px 0px;
}

.contactform-home ._form_element:nth-child(8), .contactform-home ._form_element:nth-child(9){
    width: 100%
}

.contactform-home ._form_element:nth-child(9){
    display: flex;
}

.contactform-home ._form_element input{
    width: 90%;
    box-shadow: 0px 0px 6px #00000029;
    font-size: 18px !important;
    padding: 12px !important;
    border: 1px solid #fff;
}

.contactform-home #field_1Ja{
    width: auto;
}

.contactform-home ._button-wrapper._full_width{
    padding: 20px 0;
}

.contactform-home ._error-inner{
	color: #c02b0a;
}

@media (max-width: 640px) {
    .contactform-home ._form_element:nth-child(3), .contactform-home ._form_element:nth-child(4), .contactform-home ._form_element:nth-child(5), .contactform-home ._form_element:nth-child(6), .contactform-home ._form_element:nth-child(7) {
        width: 100%;
    }
}



/*------------------------------------------------*/
/*-----------------[BASIC STYLES]-----------------*/
/*------------------------------------------------*/

h2, h3{
	padding-bottom: 20px;
}
p {
    padding-bottom: 20px;
}
p a{
	text-decoration: underline;
}
.header-home .et_pb_slide_description {
    padding: 12% 0% 24%;
    text-align: left;
	width: 42%;
    margin: inherit;
}
.header-home .gele-button{
	margin-top: 10px;
}
.gele-button{
	background: #E1CD1A;
	color: #083065 !important;
    display: inline-block;
	padding: 10px 0 10px 10px;
    line-height: 1;
	transition: .3s ease;
	text-decoration: none !important;
}
.gele-button:after{
    font-family: "Font Awesome 6 Pro";
    content: "\f061";
    font-weight: 900;
    background: #CCB801;
    padding: 9px;
    margin-left: 10px;
}
.gele-button:hover {
    background: #CCB801;
}
.header-home h1, .header-home h2{
	font-size: 50px;
    line-height: 1.2;
	padding-bottom: 30px;
}
.et_multi_view__hover_selector, .et_multi_view__hovered{
	animation: none !important;
}
.offerte-blok{
	box-shadow: 0px 0px 10px #00000029;
	max-width: 1140px !important;
	background: #fff;
    margin: -140px auto 5px !important;
	z-index: 999999999;
	padding-top: 10px !important;
}
.offerte-blok .et_pb_row {
    width: 90%;
}
.offerte-blok .et_pb_blurb:hover h4 a{
	color: #CCB801;
}
.et-pb-controllers {
    bottom: 150px;
}
.et-pb-controllers a {
    width: 25px;
    height: 25px;
    border-radius: 100%;
    opacity: 1 !important;
    background: transparent;
    border: 3px solid #E1CD1A;
    margin-right: 15px;
}
.et-pb-controllers .et-pb-active-control {
    background: #E1CD1A;
}
.blurbs-home h2{
	position: absolute;
    top: 50px;
    text-align: center;
    width: 100%;
	padding: 0;
    color: #fff;
    font-size: 26px;
}
.blurbs-home .et_pb_blurb_content{
	max-width: inherit !important;
    box-shadow: 0px 0px 10px #00000029;
    border-top: 30px solid #083065;
    border-bottom: 10px solid #083065;
}
.blurbs-home .et_pb_main_blurb_image{
	margin-bottom: 30px !important;
	max-height: 130px;
	width: 100%;
}
.blurbs-home .et_pb_main_blurb_image img{
	width: 100%;
	height: 133px;
	object-fit: cover;
}
.blurbs-home .et_pb_blurb_description{
	padding: 0 30px 30px;
}
.blurbs-home h3{
	padding-bottom: 20px;
	color: #083065;
}
.blok-aanmelden{
	padding: 66px 0 !important;
}
.blok-rond h2, .blok-aanmelden h2, .blok-rond h3{
	color: #E1CD1A !important;
	padding-bottom: 25px;
}
.blok-rond a{
	color: #fff;
}
.blok-rond .mask-foto {
    -webkit-mask-image: url(/assets/uploads/Path-7415.svg);
    -mask-image: url(/assets/uploads/Path-7415.svg);
    -webkit-mask-repeat: no-repeat;
    -mask-repeat: no-repeat;
	-webkit-mask-position: center right;
    -webkit-mask-size: cover;
}
.blok-rond .et_pb_row{
	background: transparent linear-gradient(90deg, #083065 0%, #063D87 100%) 0% 0% no-repeat padding-box;
	padding: 0 !important;
}
.blok-rond .tekst-blok {
    padding: 99px 80px 99px 99px;
}
.mask-foto{
	position: relative;
    right: -2px;
}
.mask-foto .et_pb_image, .mask-foto .et_pb_image_wrap, .mask-foto img {
    height: 100%;
}
#footer-widgets {
	display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    flex-direction: row;
}
.footer-widget{
	width: unset !important;
	max-width: 440px !important;
	margin-right: 0 !important;
	font-family: 'Open Sans';
}
#footer-widgets.clearfix:after{
	display: none !important;
}
.footer-widget a{
	text-decoration: underline;	
}
.social-footer{
	margin-top: 20px;
}
.social-footer i{
	font-size: 30px;
	margin-right: 10px;
}
.social-footer a{
	color: #000 !important;
}
#footer-info a{
	font-weight: normal !important;
	text-decoration: none !important;
}
.button-footer {
    display: block;
    padding: 15px 30px;
    background: #E1CD1A;
    text-align: center;
    text-decoration: none !important;
    margin-top: 20px;
	line-height: 1;
	transition: .3s ease;
}
.button-footer:hover{
	background: #CCB801;
}
.header-dienst{
	margin-bottom: 33px;
}
.header-dienst h1{
	margin: 33px 0 56px;
	padding: 0;
	font-size: 44px;
}
.breadcrumb{
	margin-bottom: 10px !important;
}
.breadcrumb a{
	color: #fff !important;
	text-decoration: underline;
}
.galerij-dienst .et_pb_gallery_item a {
    pointer-events: none;
}
.galerij-dienst .et_overlay {
    display: none !important;
}
.tekst-blok-fotos{
	margin: 33px 0;
	padding: 66px 0 !important;
}
.tekst-blok-fotos h2, .tekst-blok-fotos h3{
	color: #E1CD1A !important;
}
.tekst-blok-fotos .et_pb_text a{
	color: #fff;
	text-decoration: underline;
}
.blok-flex .et_pb_row{
	display: flex;
    align-items: center;
}
.contactpagina-gegevens i{
	margin-right: 5px;
}
.offerte-blok-tp-sectie{
	margin: 33px 0;
}
.offerte-blok-tp .et_pb_text_inner{
	display: flex;
	justify-content: center;
	align-items: center;
}
.offerte-blok-tp h3{
	font-size: 26px;
	padding-bottom: 0 !important;
}
.offerte-blok-tp a, .head-button a{
	background: #E1CD1A;
    padding: 15px 20px;
    display: inline-block;
    text-decoration: none;
    line-height: 1;
	font-size: 15px;
	font-weight: normal;
	transition: .3s ease;
}
.offerte-blok-tp a{
	font-size: 18px;
}
.offerte-blok-tp i, .head-button i{
    margin-right: 5px;
}
.offerte-blok-tp a:hover, .head-button a:hover{
	background: #CCB801;
}
.offerte-blok-tp a{
	margin-left: 20px;
}
.header-tp{
	margin-bottom: 0 !important;
}
.header-tp .breadcrumb{
	position: relative;
	top: -40px;
}
.header-tp h1 {
	margin: 33px 0 86px;
}
.usp-tp{
    display: flex;
    justify-content: space-between;
    padding: 0 !important;
    list-style-type: none !important;
	flex-wrap: wrap;
	background: #fff;
	box-shadow: 0px 0px 5px #00000029;
	padding: 25px 70px !important;
	margin-top: -40px;
}
.usp-tp li:before {
    content: "\f00c";
    font-family: "Font Awesome 6 Pro";
    font-weight: 600;
    margin-right: 10px;
    color: #3A9235;
}
.heading-geel h2{
	color: #E1CD1A;
}
.heading-blauw h2{
	color: #083065;
}
.top-head {
	display: flex;
	flex-direction: row;
	justify-content: right;
	align-items: center;
	max-width: 1340px;
	width: 80%;
	margin: auto;
	gap: 3%;
	padding: 40px 0;
}
.head-info {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}
.contact-info div {
	display: flex;
	flex-direction: row;
	align-items: center;
	transition-duration: 0.3s;
}
.contact-info a {
	font-size: 15px;
	color: #000;
}
.contact-info a:hover {
	text-decoration: underline;
}
.logo_container img#logo {
	position: relative;
    bottom: 114px;
    height: 100px;
	max-height: unset;
}
.contact-info {
	padding-right: 40px;
}
.contact-info img {
	height: 40px;
	padding-right: 15px;
}
.contact-info h6 {
	font-size: 16px;
	padding-bottom: 0;
}
.contact-form .gform_button {
	border: none;
}
.gform_wrapper.gravity-theme .gform_footer {
	justify-content: end;
}
.main-knop p {
	padding-bottom: 2rem;
}
#top-menu li {
	padding-right: 20px;
}
#top-menu li a {
	font-weight: 400;
	font-size: 15px;
}
#top-menu li.current_page_item a{
	color: #fff !important;
	font-weight: bold;
}
@media only screen and (min-width:981px) {
	.et_header_style_left #et-top-navigation,
	.et_header_style_left .et-fixed-header #et-top-navigation {
		padding-top: 20px !important;
	}
	.et_header_style_left #et-top-navigation nav>ul>li>a, .et_header_style_left .et-fixed-header #et-top-navigation nav>ul>li>a {
		padding-bottom: 20px !important;
	}
	.navigatie-balk {
		background: #083065;
	}
	.titel-sectie .titel-rij {
		padding-bottom: 0;
	}
}
@media only screen and (max-width:1535px) {
	.top-head {
		gap: 0%;
	}
}
@media only screen and (max-width:1390px) {
	.contact-info.vragen-info {
		display: none;
	}

	.contact-info {
		padding-right: 15px;
	}
}

@media only screen and (max-width:1100px) {
	.head-button a {
		padding: 15px 20px;
	}
	.logo_container img#logo {
		bottom: 75px;
		height: 55px;
	}
}

@media only screen and (max-width:980px) {
	.contact-info {
		display: none;
	}
	.top-head {
		display: none;
	}
	.navigatie-balk {
		border-bottom: 10px solid #083065;
	}
	.et_fixed_nav #main-header {
		position: fixed;
	}
	.logo_container img#logo {
		position: relative;
		bottom: 0px;
		height: 80%;
		max-height: 100%;
		object-fit: contain;
	}
	.et_mobile_menu {
		border-color: #083065 !important;
	}
	.et_mobile_menu li a {
		color: #4B4B4B !important;
	}
	.mobile_menu_bar:before {
		font-size: 45px;
	}
	span.mobile_menu_bar.mobile_menu_bar_toggle {
		padding-bottom: 13px !important;
	}
	#main-header .container {
		width: 90%;
	}
}
.social-icons-head{
	z-index: 999999999999999;
}
.social-icons-head a{
	color: #fff;
	font-size: 16px;
    margin-right: 5px;
}
.navigatie-balk .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.navigatie-balk .clearfix::after {
    display: none;
}
#footer-widgets {
    padding: 6% 0 3%;
}
.et_pb_text ul{
	margin-top: 20px;
	display: inline-block;
}
.et_pb_text ul a{
	text-decoration: underline;
}
/*------------------------------------------------*/
/*--------------[Contact form error]--------------*/
/*------------------------------------------------*/
.contactform-blok {
    border-top: 20px solid #083065;
    border-bottom: 10px solid #083065;
    box-shadow: 2px 0px 10px #00000029;
    padding: 50px !important;
}
.contactpagina-contact-blok{
	padding: 0 !important;
}
.contactpagina-formulier-blok{
	padding: 50px !important;
}
.contactform-blok input, .contactform-blok textarea{
	border: 1px solid #f5f5f5;
    background: #F5F5F5;
    font-size: 18px !important;
	color: #000;
	padding: 12px !important;
}
.ginput_container_fileupload input {
    background: none;
	padding: 0 !important;
	border: 0 !important;
}
.gform_fileupload_rules {
    padding-top: 0 !important;
}
.contactform-blok .gform_button{
    background: #083065;
    color: #fff;
    font-size: 18px;
    padding: 10px;
	border: 0;
    margin: 0;
	transition: .3s ease;
}
.contactform-blok .gform_button:hover{
	background: #051d3d;
}
.contactform-blok .gfield_radio label{
	font-size: 18px !important;
}
.contactform-blok .gfield_select {
    background: #F5F5F5;
    border: 0;
	font-size: 18px !important;
    color: #000;
}
label.gfield_label.gform-field-label {
    line-height: 1.7;
}
.gform_footer{
	margin: 0 !important;
    padding: 0 !important;
}
.contactform-home .gform_button{
    background: #083065;
    color: #fff;
    font-size: 18px;
    padding: 10px 30px;
	border: 0;
    margin: 0 !important;
	transition: .3s ease;
}
.gform_wrapper.gravity-theme #field_submit, .gform_wrapper.gravity-theme .gform_footer{
	display: block;
}
.contactform-home .gform_button:hover{
	background: #051d3d;
}
.contactform-home .gform_fields input{
	box-shadow: 0px 0px 6px #00000029;
	font-size: 18px !important;
	padding: 12px !important;
	border: 1px solid #fff;
}
.gform_wrapper.gravity-theme .gfield_label{
	font-weight: normal;
	font-size: 18px;
}
.gform_required_legend{
	display: none;
}
.validation_error{
	display:none;
}
.privacy{
	text-decoration: underline;
}
input::file-selector-button {
    background: #083065;
    color: #fff;
    padding: 12px;
    margin-right: 15px;
    cursor: pointer;
    border: 0
}
.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;
}
h2.gform_submission_error.hide_summary {
    color: #c02b0a !important;
    padding: 0;
}

.gform_validation_errors {
    padding: 16px !important;
    border-radius: 0 !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: normal;
	background-color: #E1CD1A;
	color: #000;
}

@media only screen and (max-width:450px) {
    #cookie-notice {
        width: 100% !important;
        left: 0 !important;
        bottom: 0 !important;
        border-radius: 0 !important;
    }
}

@media screen and (max-width:980px){
	.header-home .et_pb_slide_description{
		width: 100%;
		padding: 12% 0 60%;
	}
	.offerte-blok{
		width: 80%;
		margin: -120px auto 0 !important;
	}
	.header-home h1{
		font-size: 34px !important;
	}
	body .blok-rond .et_pb_row, body .blok-rond .et_pb_row .tekst-blok, body .blok-rond .et_pb_row .mask-foto, .mask-foto .et_pb_image_wrap, .mask-foto img{
		width: 100% !important;
	}
	.blok-rond .tekst-blok {
		padding: 66px 10% 66px 10%;
	}
	.blok-rond .mask-foto {
		-webkit-mask-image: none !important;
		-mask-image: none !important;
	}
	.heading-blauw, .heading-geel{
		text-align: left !important;
	}
	.blok-flex .et_pb_row {
		display: block;
		align-items: center;
	}
	.galerij-dienst img{
		width: 100%;
	}
	.usp-tp{
		padding: 33px !important;
	}
	.usp-blok{
		padding-bottom: 0 !important;
	}
	.offerte-blok-tp .et_pb_text_inner{
		display: block;
	}
	.offerte-blok-tp h3{
		margin-bottom: 20px;
	}
	.heading-geel{
		width: 100% !important;
	}
	#footer-widgets {
		padding: 6% 0 14%;
	}
	.offerte-blok-tp a{
		margin-left: 0;
	}
	.contactpagina-formulier-blok {
		padding: 33px 15px !important;
	}
}
@media only screen and (max-width:480px) {
	.offerte-blok .et_pb_row_4col .et_pb_column {
		width: 50% !important;
	}
	.usp-tp {
		padding: 33px 10px !important;
	}
}