/*
Theme Name: Rammelbakkenreis
Author: Richard Pater
Description: Rammelbakkenreis website
Version: 1.0
*/

* { margin: 0; padding: 0; outline: none; box-sizing: border-box; }

html, body { background: #18203a; color: #333; font-family: 'Open Sans', sans-serif; }

h1, h2, h3, h4, h5, h6 { color: #000; font-family: 'Passion One', cursive !important; font-weight: 500 !important; }

.ytp-pause-overlay.ytp-scroll-min {
    display: none!important;
}

.ytp-chrome-top.ytp-show-cards-title {
    display: none!important;
}

a.ytp-watermark.yt-uix-sessionlink {
    display: none!important;
}
.homepage-video {
    position: relative;
    margin: 0px auto;
    padding: 0px;
    height: 500px;
}

#myVideo {
    position: relative;
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
    max-width: 100%;
}

.content {
    position: absolute;
    top: 0px;
    color: #f1f1f1;
    width: 100%;
    padding: 0px;
}

#myBtn {
    position: absolute;
    width: 100%;
    height: 500px;
}

img { max-width: 100%; }
img.alignleft { float: left; margin-right: 30px; margin-bottom: 30px; }

.top-bar { background: #18203a; width: 100%; display: table; padding: 6px 0; }
.top-bar .my-account-link { float: right; margin-top: -5px; }
.top-bar .my-account-link a { color: #fff; font-size: 14px; }

.header-container { background: #f18b04; padding: 10px 0; box-shadow: 0 0 5px rgba(0,0,0,0.5); }
.header { width: 100%; display: inline-flex; align-items: center; }
.header .logo { max-width: 75px; }
.header .logo img { max-width: 100%; }
.header .headmenu { margin-left: auto; }
.header .headmenu ul { margin-bottom: 0; display: inline-flex; }
.header .headmenu ul li { list-style: none; padding: 15px; position: relative; }
.header .headmenu ul li a { color: #fff;  }
.header .headmenu ul li ul { display: block; visibility: hidden; opacity: 0; position: absolute; width: 300px; top: 50px; left: 0; background: #fff; border-top: 3px #18203a solid; box-shadow: 0 0 10px rgba(0,0,0,0.1); z-index: 99; }
.header .headmenu ul li:hover ul { visibility: visible; opacity: 1; transition: 0.3s;}
.header .headmenu ul li ul li { float: none; width: 100%; display: block; height: auto; line-height: normal; padding: 10px 0; border-top: 1px #e4e4e4 solid; }
.header .headmenu ul li ul li a { padding: 0 10px; color: #000; display: block; }
.header .headmenu ul li ul li:first-child { border-top: 0; }
.header .headmenu ul li ul li:hover { background: #18203a; transition: 0.3s; }
.header .headmenu ul li ul li:hover a { background: none; color: #fff; transition: 0.3s; text-decoration: none; }

.menu-icon { display: none; margin-left: auto; cursor: pointer; }
.menu-icon .menu-icon-bar { background: #fff; width: 30px; height: 2px; margin: 4px 0; }
.menu-icon.open .menu-icon-bar:nth-child(1) { -webkit-transform: rotate(-45deg) translate(-3px, 4px); transform: rotate(-45deg) translate(-3px, 4px); }
.menu-icon.open .menu-icon-bar:nth-child(2) { display: none; }
.menu-icon.open .menu-icon-bar:nth-child(3) { -webkit-transform: rotate(45deg) translate(0px, -2px); transform: rotate(45deg) translate(0px, -2px); }

.banner { background-size: cover; background-position: center center; padding: 200px 0; position: relative; }
/*.banner:before { content: " "; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(35,175,85,0.25);  }*/
.banner .banner-text { width: 100%; position: relative; z-index: 10; color: #fff; text-align: center; }
.banner .banner-text h2 { font-size: 48px; color: #fff; text-shadow: 0 0 5px rgba(0,0,0,0.75); }
.banner .banner-text h2 span { font-weight: 600; }
.banner .banner-text .btn { margin-top: 30px; box-shadow: 0 0 5px rgba(0,0,0,0.25); }

.cta-banner { background: #f4f4f4; padding: 30px 0; }
.cta-banner p { display: flex; width: 100%; align-items: center; margin-bottom: 0; font-size: 24px; }
.cta-banner .btn { margin-left: auto; }

#main { background: #fff; }

.content-block { padding: 50px 0; }
.content-block.dark { background: #f1f1f1; }
.content-block h1 { font-size: 34px; margin-bottom: 20px; font-weight: 500; }
.content-block h2 { font-size: 30px; margin-bottom: 20px; font-weight: 500; }
.content-block ul { margin-left: 16px; }

.registration-form { background: #fff; border: 1px solid #ccd0d4; border-top: 1px solid #ccd0d4; }
.registration-form .gform_wrapper { margin: 0; }
.registration-form .gform_wrapper .gf_page_steps { margin: 0; padding: 0; border-bottom: 1px solid #ccd0d4; }
.registration-form .gform_wrapper .gf_step { display: inline-table; margin: 0; opacity: 1; padding: 15px 20px; border-right: 1px solid #ccd0d4; }
.registration-form .gform_wrapper .gf_step.gf_step_active { background: #eeeeee; }
.registration-form .gform_body { padding: 15px; }

.editie-date { margin-top: -10px; }

.editie-tab ul.editie-tab-buttons { width: 100%; background: #f1f1f1; margin: 0; margin-bottom: 20px; padding: 0 0 10px 0; display: table; }
.editie-tab ul.editie-tab-buttons li { list-style: none; display: table; float: left; margin-right: 10px; margin-top: 10px; }
.editie-tab ul.editie-tab-buttons li a { padding: 10px 40px; background: #f18b04; color: #fff; font-weight: 600; display: block; }
.editie-tab ul.editie-tab-buttons li a.special { background: #18203a; }
.editie-tab ul.editie-tab-buttons li.ui-state-active a { background: #d57900; }

.copyright { width: 100%; display: table; background: #18203a; padding: 12px 0; }
.copyright p { margin-bottom: 0; display: inline-block; font-size: 14px; color: #fff; }
.copyright p.author { margin-left: auto; }
.copyright p a { color: #fff; }

.btn-primary { background: #f18b04; border-color: #f18b04; }
.btn-primary:hover { background: #d57900; border-color: #d57900; }
.btn-primary:focus { background: #d57900; border-color: #d57900; box-shadow: none; }
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle { background: #d57900; border-color: #d57900; box-shadow: none; }
.btn.active.focus, .btn.active:focus, .btn.focus, .btn.focus:active, .btn:active:focus, .btn:focus { outline: 0 !important; outline-offset: 0  !important; background-image: none  !important; -webkit-box-shadow: none !important; box-shadow: none  !important; }

.team-page h2 { font-size: 22px; margin-bottom: 20px; }

.woocommerce-MyAccount-navigation { width: 26% !important; float: left; background: #e2900e; padding: 25px; }
.woocommerce-MyAccount-content { width: 68%; float: right; }
.woocommerce-MyAccount-navigation hr { border-top: 1px solid rgba(255,255,255,.7) }
.woocommerce-MyAccount-navigation h2 { font-size: 16px; font-weight: 600; margin: 10px 0 5px 0; color: #fff; }
.woocommerce-MyAccount-navigation ul { margin: 0; }
.woocommerce-MyAccount-navigation ul li { list-style: none; }
.woocommerce-MyAccount-navigation ul li a { color: #fff; }

.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea { padding: 5px 10px; }
.woocommerce button.button { background: #1ab7ea; color: #fff; }
.woocommerce button.button:hover { background: #0e99c6; color: #fff; }

.woocommerce table.cart img { max-width: 75px; }
.woocommerce-checkout .col2-set { border: 1px solid rgba(0,0,0,.1); padding: 20px 0; margin-bottom: 20px; border-radius: 5px; }
.woocommerce-checkout #order_comments { min-height: 150px; }

.woocommerce-billing-fields .form-row, .woocommerce-shipping-fields .form-row,.woocommerce form .form-row { display: block; }
.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1,.woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 { max-width: unset; }

.edities .editie { margin-bottom: 30px; background: #fff; padding: 40px; border: 1px #ccc solid; }

#additional_editie_text_field { display: none; }
#additional_team_text_field { display: none; }

.cta-footer-block { position: fixed; bottom: 0; left: 0; width: 100%; background: #fff; padding: 15px; box-shadow: 0 0 5px rgba(0,0,0,0.25); }
.cta-footer-block .row { display: flex; justify-content: space-between; align-items: center; }
.cta-footer-block p { margin-bottom: 0; }
.cta-footer-block .button { padding: 8px 18px; font-size: 16px; font-weight: 600; background: #F18B04; color: #fff; border-radius: 3px; }

.grecaptcha-badge { display: none !important; }

/************************** STYLE RICK **************************/

p, .elementor-text-editor.elementor-clearfix ul li, .elementor-text-editor.elementor-clearfix ul, .elementor-text-editor.elementor-clearfix li {
    color: #333;
    font-size: 18px;
}

/****** BEGIN Padding oplossing voor de presentatie op 13-12-2019 ****************************************************************************************/

.elementor-column-gap-default>.elementor-row>.elementor-column>.elementor-element-populated {
    padding: 0px;
}

.page-id-53 .elementor-column-gap-default>.elementor-row>.elementor-column>.elementor-element-populated {
    padding: 10px 20px 10px 0px;
}

.page-id-51 .elementor-column-gap-default>.elementor-row>.elementor-column>.elementor-element-populated, .home .elementor-column-gap-default>.elementor-row>.elementor-column>.elementor-element-populated {
    padding: 10px;
}

/** Deze klas eventueel ook weghalen bij het tekstblok zelf **/
.over-de-reis-tekst p {
    margin-left: -10px;
}

/****** EINDE padding oplossing voor de presentatie op 13-12-2019 **********************************************************************************/

.block-padding-first {
    padding: 0px 0px 90px!important;
}

.block-padding {
    padding: 90px 0px!important;
}

.home .content-block {
    padding: 0px;
}

.cta-banner {
    display: none;
}

.cta-block-first {
    background-color: #18203a;
}


.cta-block-first h2 {
    color: #fff !important;
}

.elementor-14 .elementor-element.elementor-element-3d036ce:not(.elementor-motion-effects-element-type-background) > .elementor-element-populated, .elementor-14 .elementor-element.elementor-element-3d036ce > .elementor-column-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer, .elementor-14 .elementor-element.elementor-element-0c14401:not(.elementor-motion-effects-element-type-background) > .elementor-element-populated, .elementor-14 .elementor-element.elementor-element-0c14401 > .elementor-column-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer {
    background-color: #f6f6f600;
}

.cta-block-background {
    background-image: url(https://www.rammelbakkenreis.nl/wp-content/uploads/2019/12/rammelbakkenreis-impressie-4.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.cta-block-background > .elementor-container.elementor-column-gap-default {
    background-color: #232323a6;
}

.cta-block-background h2.elementor-heading-title.elementor-size-default, .cta-block-first h2.elementor-heading-title.elementor-size-default {
    padding-top: 10px;
}

a.elementor-button {
    text-decoration: none;
}

.home-planning p {
    color: #fff;
}

.padding-over-reis {
    padding: 30px;
    margin-top: 20px;
}

/************ SHOP PAGINA ************/

.woocommerce div.product p.price, .woocommerce div.product span.price {
    color: #18203a;
}

.woocommerce div.product form.cart div.quantity {
    margin: 0 10px 0 0;
}

.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
    background-color: #f18b04;
    color: #fff;
    transition: 0.3s;
}

.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover {
    background-color: #d57900;
    transform: scale(1.1);
    color: #fff;
    transition: 0.3s;
}

/** AFREKEN-PAGINA **/

#add_payment_method table.cart td.actions .coupon .input-text, .woocommerce-cart table.cart td.actions .coupon .input-text, .woocommerce-checkout table.cart td.actions .coupon .input-text {
    margin: 0 14px 0 0;
}


@media only screen and (max-width: 1000px) {

    .header .headmenu { background: #f18b04; position: absolute; top: 31px; left: 0; z-index: 9; width: 75%; box-shadow: 0 0 10px rgba(0,0,0,0.25); }
    .header .headmenu ul { display: none; margin: 10px 0; }
    .header .headmenu ul li { padding: 0; }
    .header .headmenu ul li a { padding: 8px 15px; display: block; }
    .header .headmenu ul li a:hover { background: rgba(255,255,255,0.1); }
    .header .headmenu ul li ul { position: relative; visibility: visible; opacity: 1;  width: 100%; top: 0; left: 0; margin: 0; }
    .header .headmenu ul li ul li { padding: 0; }

    .menu-icon { display: block; }

}

@media only screen and (max-width: 640px) {

    .address_line_1 { width: 100%; display: table; }
    .has_street .ginput_right { width: 100%; float: none !important; }

}

@media only screen and (max-width: 576px) {

    .header { padding: 0 25px; }


}

@media only screen and (max-width: 1024px) {
.homepage-video {
    height: 300px;
    overflow: hidden;
    display: block;
}

#myBtn {
    height: 300px;
}

#myVideo source {
    height: 300px;
}
}

@media only screen and (max-width: 768px) {

    .cta-footer-block { position: fixed; bottom: 0; left: 0; width: 100%; background: #fff; padding: 15px; box-shadow: 0 0 5px rgba(0,0,0,0.25); }
    .cta-footer-block .row { display: flex; justify-content: space-between; align-items: center; }
    .cta-footer-block p { font-size: 14px; }
    .cta-footer-block .button { font-size: 14px; }


}

@media only screen and (max-width: 414px) {

video#myVideo {
    width: 150%!important;
}

.homepage-video {
    height: 160px;
}

}