/*
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]-----------------*/
/*------------------------------------------------*/
.yachten-lijst .et_pb_code_inner {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
}
.yachten-lijst .custom-page {
flex: 0 0 47%;
margin-bottom: 50px;
}
.yachten-lijst .custom-page h2 {
position: absolute;
background-color: #062843;
color: #fff;
padding: 15px;
}
.yachten-lijst .custom-page .page-thumbnail {
height: 400px;
}
.yachten-lijst .custom-page .page-thumbnail img {
width: 100%;
height: 100%;
object-fit: cover;
}
@media only screen and (max-width: 768px) {
.yachten-lijst .custom-page {
flex: 0 0 100%;
}
}
.tar-title {
font-weight: 700;
text-transform: uppercase;
background-color: #f1f8fe;
border-left: 5px solid #a39379 !important;
padding-top: 25px !important;
padding-right: 35px !important;
padding-bottom: 25px !important;
padding-left: 35px !important;
min-height: 120px;
display: flex
;
align-items: center;
}
.tar-img img {
max-height: 230px !important;
object-fit: cover;
}
.tar-tab tr {
text-align: center;
font-weight: bold;
}
.tar-tab tr:nth-child(even) {
background-color: #a39379;
color: #fff;
}
.tar-tab tr:nth-child(odd) {
background-color: #f1f8fe;
}
.tar-price {
position: absolute;
z-index: 999;
left: 0%;
background-color: #002C4F;
color: #fff;
padding: 15px;
font-weight: bold;
}
@font-face {
font-family: 'Cambria';
src: url('/assets/uploads/Cambria-Font.woff') format('woff'), /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
url('/assets/uploads/Cambria-Font.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 */
}
.single .post{
padding: 0px;
}
.et_pb_post{
margin-bottom: 0px;
}
.breadcrbericht .breadcr{
margin-top: 3% !important;
}
.codeBericht h2{
margin-top: 58px !important;
}
.codeBericht{
padding: 0 10%;
}
/*Carousel Motoryachten*/
.carouselYachten .dsm-blog-carousel-item{
width: 31.333%;
margin: 0 !important;
}
.dsm-blog-carousel-wrapper{
width: 100% !important;
}
.et_pb_module.dsm_blog_carousel.carouselYachten article.dsm-blog-carousel-item.swiper-slide {
width: fit-content !important;
}
.carouselYachten  .swiper-wrapper{
justify-content: space-between;
row-gap: 1.3vw;
}
.carouselYachten .dsm-grid-post-holder-inner{
display: flex !important;
flex-direction: column;
width: fit-content;
justify-content: space-between;
}
.carouselYachten .dsm-entry-wrapper{
padding: 0 !important;
left: 6% !important;
position: absolute;
bottom: 6%;
}
.carouselYachten .dsm-entry-thumbnail{
width: fit-content !important;
height: fit-content !important;
}
.carouselYachten .dsm-entry-thumbnail img{
object-fit: cover;
height: 23.3vw !important;
width: 23.3vw !important;
border-radius: 5px 5px 5px 5px;
}
.carouselYachten .dsm-entry-thumbnail img:hover{
opacity: 0.8;
transition: 0.4s;
}
.carouselYachten .dsm-entry-title a{
font-family: 'Cambria';
font-size: 36px !important;
font-weight: lighter !important;
text-transform: none !important;
color: white;
background-color: #062843;
padding: 12px 24px 12px 24px;
border-radius: 4px;
}
@media only screen and (max-width:768px) {
.carouselYachten  .swiper-wrapper{
flex-direction: column;
}
.carouselYachten .dsm-entry-thumbnail img {
width: 100VW !important;
height: 18vh !important;
}
.carouselYachten .dsm-entry-wrapper{
left: 3% !important;
bottom: 9%;
}
}
@media only screen and (max-width:450px) {
.carouselYachten  .swiper-wrapper{
flex-direction: column;
}
.carouselYachten .dsm-entry-thumbnail img {
width: 100VW !important;
height: 18vh !important;
}
}
/*End Carousel Motoryachten*/
.card_tpNieuws {
width: 100% !important;
}
.custom-font,
.custom-font h2,
.custom-font h4 {
font-family: "Cambria" !important;	
}
h1 {
font-family: "Cambria" !important;
font-size: 80px !important;
font-style: normal !important;
font-weight: 400 !important;
text-transform: none !important;
}
.headerText h1{
color:#ffffff !important;	
}
.privacyText p{
padding-bottom: 2em !important;
}
p a, ul li a{
font-weight: bold;
text-decoration: underline;
transition: .4s ease all;
}
p a:hover, ul li a:hover{
color: #062843 !important;
text-decoration: underline;
}
.custom-font-klanten h2 {
font-family: "Cambria" !important;
color: #fff;
text-transform: none !important;
font-weight: 400 !important;
font-size: 40px;
}
.reviews-container {
padding: 30px 0 !important;
}
.wp-gr[data-layout="slider"] .grw-reviews {
margin: 0 !important;
}
.wp-gr.wpac {
padding-bottom: 0 !important;
}
.mejs-video {
opacity: .7;
}
.menu-seperator {
padding: 0 10px;
}
.current-menu-item a {
font-weight: bold;
text-decoration: underline !important;
}
body .home-banner-buttons a.et_pb_button {
background-color: #A39379 !important;
border: 1px solid #A39379 !important;
padding: 20px !important;
border-radius: 5px !important;
}
body .home-banner-buttons a.et_pb_button:hover {
background-color: transparent !important;
border: 1px solid #fff !important;
padding: 20px !important;
}
.et_button_no_icon .et_pb_button, 
.et_button_no_icon .et_pb_button:hover {
padding: 17px 30px !important;
box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.10) !important;
}
.et_header_style_centered #top-menu>li>a {
padding-bottom: 0 !important;
}
#et-top-navigation {
padding: 5px 0;	
display: flex;
justify-content: space-between;
align-items: center;
}
.border-menu-start,
.border-menu-end {
border-bottom: 1px solid #ffffff;
}
.topmenu_custom {
display: flex !important;
justify-content: space-between;
align-items: center;
flex-basis: 30%;
}
.topmenu_custom > * {
width: 33.333%;
}
.contactmenu {
display: flex;
align-items: center;
justify-content: flex-end;
}
.contactmenu,
.contactmenu *,
.taal-menu, 
.taal-menu * {
font-size: 14px;
color: #fff !important;
}
.taal-menu {
display: flex;
align-items: center;
justify-content: flex-start;
}
.socials {   
display: flex;
gap: 10px;
}
.socials i {
color: #fff !important;
}
.contactknop {
display: flex;
align-items: center;
gap: 20px;
}
.contactknop a {
color: #fff;
}
.card-aantal-boten h3 {
font-family: 'Cambria';
font-size: 28px !important;
font-weight: lighter !important;
text-transform: none !important;
}
.reverse_button a.et_pb_button {
background-color: #a39379 !important;
}
.reverse_button a.et_pb_button:hover {
background-color: #062843 !important;
}
.googlemaps iframe {
margin-bottom: -9px;	
}
.contact-top-banner .et_pb_with_border {
border: none !important;
}
.contactinfo a {
text-decoration: underline;
color: #fff;
}
.contactinfo a:hover {
text-decoration: none;	
}
/* footer */
#footer-widgets {
padding: 100px 0 !important;
border-bottom: 1px solid rgb(255 255 255 / 20%);	
display: flex;
}
#footer-widgets > .footer-widget {
width: 13%;
}
#footer-widgets > .footer-widget:first-child {
width: 27%;
}
#footer-widgets > .footer-widget:last-child {
width: 22%;
}
.footer-widget {
margin-bottom: 0 !important;
}
#footer-info {
padding-bottom: 0 !important;
display: flex;
justify-content: space-between;
width: 100%;
}
#footer-info,
#footer-info * {
font-size: 12px;
}
#footer-bottom {
padding: 30px 0 !important;
}
#footer-widgets a,
#footer-info a {
text-decoration: underline;
font-weight: 400 !important;
}
#footer-widgets a:hover,
#footer-info a:hover {
text-decoration: none;	
}
.footer-widget .socials a {
background: #7395AE;
padding: 5px;
width: 35px;
height: 35px;
display: flex;
align-items: center;
justify-content: center;
text-decoration: none !important;
border-radius: 5px;
transition: .2s;
}
.footer-widget .socials a:hover {
background: #062843;
}
.breadcr,
.breadcr * {
color: #fff;
}
.breadcr a {
font-weight: bold;
}
.breadcr a::before,
.usp-boot p::before,
.usp-hart p::before,
.usp-pijl p::before {
font-family: "Font Awesome 6 Pro";
font-weight: bold;
margin-right: 15px;
}
.breadcr .et_pb_code_inner > span > span:first-child a::before {
content: "\f015";
}
.usp-boot p::before {
content: "\f21a";
color: #062843;
}
.usp-hart p::before {
content: "\f004";
color: #062843;
}
.usp-pijl p::before {
content: "\f33b";
color: #062843;
}
.highlight-tekst a {
font-weight: bold;
color: #062843;
text-decoration: underline;
}
.card-aantal-boten .et_pb_module_inner {
transition: .2s;
top: 0;
}
.card-aantal-boten:hover .et_pb_module_inner {
top: -20px;
}
.et_header_style_centered #main-header .mobile_nav {
background-color: transparent !important;
}
.wpml-ls-legacy-dropdown {
width: 75px;
padding-right: 20px;
}
.wpml-ls-item-toggle {
background: transparent !important;
border: none !important;
box-shadow: none;
padding: 10px !important;
width: fit-content;	
}
.wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after {
left: 35px;
top: 15px;
}
.wpml-ls-item a {
background: #062843;
}
.wpml-ls-legacy-dropdown a {
border: none !important;
}
/* Boeking home */
.boekingbanner [data-widget="123boeken"] {
max-width: 100% !important;
}
.boekingbanner .widget-123boeken-filter {
margin: 0 !important;	
border-radius: 5px !important;
border: none !important;
background: rgba(255, 255, 255, .3) !important;
width: 100% !important;
}
[data-widget="123boeken"] .widget-123boeken-filter .widget-123boeken-filter-inner form .widget-123boeken-filter-item input, 
[data-widget="123boeken"] .widget-123boeken-filter .widget-123boeken-filter-inner form .widget-123boeken-filter-item select {
border: none !important;
height: 59px !important;
border-radius: 3px !important;
}
[data-widget="123boeken"] input::placeholder, 
[data-widget="123boeken"] select  {
font-size: 14px !important;
font-family: 'Open Sans' !important;
text-transform: capitalize !important;
padding-left: 10px !important;
color: #717171 !important;
font-weight: bold !important;
}
[data-widget="123boeken"] select {
padding-left: 23px !important;
}
[data-widget="123boeken"] input, 
[data-widget="123boeken"] select  {
box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.10) !important;
}
[data-widget="123boeken"] .widget-123boeken-btn {
border-radius: 3px !important;
background: #062843 !important;
box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.10) !important;
}
[data-widget="123boeken"] .widget-123boeken-icon-undo-button {
background: #A39379 !important;
box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.10) !important;
}
.beschikbaarheid-code [data-widget="123boeken"] {
max-width: 100% !important;
}
[data-widget="123boeken"] select, 
[data-widget="123boeken"] [name="filter-from-datepicker"], 
[data-widget="123boeken"] form select, 
[data-widget="123boeken"] form [name="filter-from-datepicker"] {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='3000px' height='3000px' viewBox='0 0 3000 3000' style='background-color: %23062843;'%3E%3Crect style='fill:%23dedede' height='3000' width='150' y='0' x='0' /%3E%3Cg style='fill:%23fff' transform='translate(472.6 1647.2)'%3E%3Cpath d='m1539.4-503.2h-1024c170.67 237.33 341.33 474.66 512 711.99 170.67-237.33 341.33-474.66 512-711.99z'/%3E%3C/g%3E%7D%3C/svg%3E") !important;
}
[data-widget="123boeken"] .widget-123boeken-overview[data-format="1"] .widget-123boeken-overview-inner .widget-123boeken-results>* .widget-123boeken-title {
background-color: rgb(6 40 67) !important;
}
[data-widget="123boeken"] .widget-123boeken-overview[data-format="1"] .widget-123boeken-overview-inner .widget-123boeken-results>* .widget-123boeken-price>div {
background-color: rgb(6 40 67) !important;
}
[data-widget="123boeken"] .widget-123boeken-overview .widget-123boeken-capacity>div {
background-color: #a39379 !important;
}
[data-widget="123boeken"] .widget-123boeken-overview[data-format="1"] .widget-123boeken-overview-inner .widget-123boeken-results>* .widget-123boeken-description:after {
background: #062843 !important;
}
@media only screen and (max-width:1500px) {
body .et_pb_section .et_pb_row .et_pb_column.tablet-width {
width: 100% !important;
}
}
@media only screen and (max-width:1419px) {
.contactmenu {
flex-direction: column;		
}
.contactmenu .menu-seperator {
display: none;
}
}
@media only screen and (max-width:1285px) {
[data-widget="123boeken"] .widget-123boeken-filter .widget-123boeken-filter-inner form {
flex-direction: column;
}
}
@media only screen and (max-width:980px) {
a.reviews-knop-menu {
display: none;
}
body {
font-size: 16px !important;
}
h1 {
font-size: 30px !important;
}
h2 {
font-size: 20px !important;
}
body .home-banner-buttons a.et_pb_button,
.et_button_no_icon .et_pb_button,
.gform_button.button {
font-size: 14px !important;
padding: 10px 20px !important;
display: inline-block;
margin-top: 10px;	
}
body #page-container .et_pb_section .home-banner-buttons a.et_pb_button_two.et_pb_button {
margin-left: 0 !important;
}
#et-top-navigation .socials,
.contactknop,
.taal-menu,
.select_page,
.menu-phone {
display: none !important;
}
.mobile_menu_bar:before {
color: #fff !important;
font-size: 80px;
}
.contactmenu {
display: block;
width: 100%;
padding-bottom: 10px;		
}
.et_header_style_centered #main-header {
padding: 10px 0;
}
#et-top-navigation {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: 1fr;
grid-column-gap: 0px;
grid-row-gap: 0px;
align-items: center;		
}
#et_mobile_nav_menu {
margin-top: 0 !important;
}
.et_header_style_centered .et_menu_container .mobile_menu_bar {
top: -33px !important;
padding: 0;
}
.logo-mobile {
text-align: left;
}
#mobile_menu {
background-color: #062843 !important;
}
#footer-widgets {
flex-direction: column;	
padding: 50px 0 !important;
}
.footer-widget:nth-child(4) strong,
.footer-widget:nth-child(4) br:nth-child(2),
.footer-widget:nth-child(4) br:nth-child(3) {
display: none;
}
#footer-info {
flex-direction: column;
align-items: flex-start;
}
.home-banner-buttons .et_pb_button_module_wrappers a:first-child {
margin-right: 10px;
}
}
@media only screen and (min-width:981px) {
.logo-mobile {
display: none;
}
.card_tp {
width: 60%;
}
}
/*------------------------------------------------*/
/*--------------[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;
}
.gform-body input,
.gform-body textarea {
background-color: transparent !important;
border: none;
border-bottom: 1px solid #fff !important;
padding-left: 0 !important;
font-size: 18px !important;
color: #fff !important;
}
.gform-body input::placeholder,
.gform-body textarea::placeholder {
color: #fff;
font-size: 18px !important;
}
.gform-body label {
color: #fff;
font-size: 18px !important;
font-family: "Cambria";
}
.gform_heading,
.gfield_required {
display: none !important;
}
.gform_button {
border-radius: 3px;
background: #A39379;
box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.10);
padding: 17px 30px;
border: none;
color: #FFF;
text-align: center;
font-family: "Open Sans";
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: normal;
transition: .2s;
}
.gform_button:hover {
background: #062843;
}
.gfield--type-html {
color: #fff !important;
}
.gfield--type-html a {
font-weight: bold;
color: #fff;
text-decoration: underline;
}
.gform_wrapper.gravity-theme .gfield_error [aria-invalid=true] {
border: none !important;
border-bottom: 1px solid #c02b0a !important;
}
#main-content .container.custom-font-klanten:before {
display: none;
}
#main-content .container.reviews-container:before {
display: none;
}
.buttonNieuws .et_pb_image_container::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(180deg, rgba(255, 255, 255, 0) 50%, #062843 100%);
pointer-events: none; /* Zorgt ervoor dat de afbeelding nog klikbaar blijft */
}
.buttonNieuws article {
background-color: #062843 !important;
border-color: #062843 !important;
border-radius: 5px !important;
}
.buttonNieuws article h2, .buttonNieuws article .post-meta, .buttonNieuws article .post-content p {
color: #fff !important;
}
.buttonNieuws img {
border-radius: 5px !important;
}
ul.sub-menu a {
text-decoration: none !important;
}
.menu-item-has-children .sub-menu .current-menu-item a{
text-decoration: underline !important;
}
.template-pagina-sectie h1 {
color: #fff !important;
}
.template-cta h2 {
color: #fff;
}
.wpml-ls-link, .wpml-ls-item-toggle {
text-decoration: none !important;
}
.menu-item a:hover {
color: #fff !important;
}
#main-header .nav li ul a:hover {
color: #062843 !important;
}
body .et-fixed-header#main-header {
background-color: #062843 !important;
}
body .et-fixed-header #top-menu li.current-menu-item>a, .et-fixed-header #top-menu li.current_page_item>a {
color: #a39379 !important;
}
.et-fixed-header #top-menu .sub-menu a {
color: #062843 !important;
}
.header-button {
background-color: #A39379 !important;
border: 1px solid #A39379 !important;
padding: 15px 20px;
border-radius: 5px !important;
transition: .4s ease all;
min-width: 140px;
}
.header-button:hover {
background-color: transparent !important;
border: 1px solid #fff !important;
padding: 15px 20px !important;
}
.header-button .fa-solid {
margin-right: 5px;
}
.reviews-google-menu .wp-gr .wp-google-right {
width: unset !important;
}
.reviews-google-menu {
background-color: #fff;
padding: 10px;
border-radius: 5px;
}
.wp-google-powered {
display: none !important;
}
.reviews-google-menu:after {
content: "";
background-image: url(https://delosyachtcharter.nl/assets/uploads/svg/google.svg);
display: inline-block;
width: 30px;
height: 25px;
background-repeat: no-repeat;
align-items: center;
justify-content: center;
}
.reviews-google-menu {
display: flex;
}
.wp-gr .wp-google-place .wp-star svg {
width: 16px !important;
height: 16px !important;
}
.wp-gr .wp-google-rating {
font-size: 16px !important;
}
body .reviews-knop-menu, .reviews-knop-menu div, .reviews-knop-menu span, .reviews-knop-menu svg{
cursor: pointer !important;
}
.social-media-menu a {
margin-left: 10px;
}
ul#top-menu {
display: flex;
flex-wrap: wrap;
margin-left: 25px;
margin-right: 25px;
}