@import url("//cdn.beasy.nl/assets/fonts/pt-mono/pt-mono.css");
@import url("//cdn.beasy.nl/assets/fonts/roboto/roboto.css");

::-moz-selection,
::selection {
    color: #fff;
    background: #000;
}

body {
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    line-height: 1.5;
    letter-spacing: .3px;
    color: #000;
}


a,
a:visited,
a:active,
a:focus {
    color: #ea5901;
    outline: none;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

a:hover {
    color: #000;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'PT Mono', sans-serif;
    letter-spacing: -.4px;
    color: #000;
}

p {
    font-size: 18px;
    font-weight: 300;
    line-height: 1.5;
    color: #000;
}

ul li {
    font-weight: 300;
}

.btn.btn-primary,
.btn.btn-primary:focus,
.btn.btn-primary:active,
.btn.btn-primary:visited,
html .btn-primary:focus:not(.bg-transparent) {
    padding: 20px 38px;
    font-size: 18px;
    border-radius: 0;
    background: transparent !important;
    border: 2px solid #ea5901;
    border-radius: 6px;
    letter-spacing: 0;
    font-weight: 400;
    color: #ea5901;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.btn.btn-primary:hover {
    color: #fff;
    border-color: #ea5901 !important;
    background: #ea5901 !important;
}

#header {
    background: #000;
}

#header .header-body {
    border: 0;
    background: #000;
}


/** MENU EN LOGO CENTREREN **/

@media (min-width: 992px) {
    .header-row>.header-column:first-child {
        flex: 0 0 0 !important;
        width: 0 !important;
        padding: 0 !important;
    }
}

@media (min-width: 992px) {
    .header-column.justify-content-end {
        justify-content: center !important;
    }

    .header-column.justify-content-end>.header-row {
        display: flex;
        justify-content: center !important;
        align-items: center;
        width: 100%;
    }
}

@media (min-width: 992px) {
    .header-nav-main nav {
        margin-left: auto !important;
        margin-right: auto !important;
        width: max-content;
    }

    #mainNav {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 20px;
    }

    #mainNav li {
        display: flex;
        align-items: center;
    }

    .header-logo {
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        padding: 0 35px;
        width: auto !important;
        height: 48px;
    }

    .header-logo img {
        display: block;
        max-height: 48px;
        height: auto;
    }

    #header .header-nav {
        justify-content: center !important;
        padding: 50px 0 !important;
    }

    html.sticky-header-active #header .header-nav {
        padding: 0 !important;
    }
}

/** EINDE MENU EN LOGO CENTREREN **/

html.sticky-header-active #header .header-body {
    border-bottom-color: none;
    box-shadow: none;
}

#header .header-nav-main nav>ul>li>a {
    padding: 0 10px;
    font-family: 'PT Mono', sans-serif;
    font-size: 20px;
    letter-spacing: 0;
    color: #fff;
    text-transform: uppercase;
}

#header .header-nav-main nav>ul>li>a:hover {
    color: #0f2a51;
}

#header .header-nav-main nav>ul:not(:hover)>li>a.active,
#header .header-nav-main nav>ul>li>a.active,
#header .header-nav-main nav>ul>li.open>a,
#header .header-nav-main nav>ul>li:hover>a {
    background-color: transparent;
    color: #ea5901;
}


.beasy_header_owl_carousel.owl-carousel {
    /* height: 65vh !important; */
    min-height: 25rem !important;
}

.beasy_header_owl_carousel.owl-carousel .container.position-relative.z-index-1.h-100.pt-5.mt-3 {
    padding-top: 0 !important;
}

.beasy_header_owl_carousel.owl-carousel h3 {
    margin-bottom: 40px !important;
    font-family: 'Roboto', sans-serif;
    font-size: 40px !important;
    color: #ea5901 !important;
}

.beasy_header_owl_carousel.owl-carousel h1 {
    margin-bottom: 22px !important;
    font-weight: bold !important;
    line-height: 1.2 !important;
}

.beasy_header_owl_carousel.owl-carousel p.text-4 {
    padding-bottom: 20px !important;
    font-size: 30px !important;
}

.beasy_header_owl_carousel.owl-carousel .btn.btn-primary,
.beasy_header_owl_carousel.owl-carousel .btn.btn-primary:focus,
.beasy_header_owl_carousel.owl-carousel .btn.btn-primary:active,
.beasy_header_owl_carousel.owl-carousel .btn.btn-primary:visited,
.beasy_header_owl_carousel.owl-carousel .btn-primary:focus:not(.bg-transparent) {
    color: #fff !important;
}

.beasy_header_owl_carousel.owl-carousel .background-image-wrapper::before,
.beasy_header_image::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* background: rgba(33, 37, 41, 0.8); */
    background: rgba(0, 0, 0, 0.6);
    z-index: 1;
}

.owl-carousel .owl-dots .owl-dot.active span,
.owl-carousel .owl-dots .owl-dot:hover span {
    background-color: #ea5901 !important;
}

.beasy_header_image .container .row .col-md-12 {
    z-index: 1;
}

.beasy_header_image.page-header.page-header-modern h1 {
    color: #fff !important;
}

.beasy_module_text-media h2,
.beasy_module_opening-hours h2 {
    font-size: 24px;
    line-height: 1.6;
    /* letter-spacing: 0;
    margin-bottom: 10px;
    font-family: 'Adelle', sans-serif;
    color: #f3702c; */
}

.beasy_module_text-media h2 span span {
    padding: 5px 10px;
}

.beasy_module_text-media h2::after,
.beasy_module_text h2::after,
.beasy_module_opening-hours h2::after {
    content: "";
    display: block;
    width: 25%;
    height: 4px;
    background-color: #ea5901;
    margin-top: 8px;
}

.beasy_module_text-intro h2::after,
.beasy_module_photoalbum h2::after {
    content: "";
    display: block;
    width: 25%;
    height: 4px;
    background-color: #ea5901;
    margin: 16px auto 0 auto;
}

/* .beasy_module_text-media h3 {
    letter-spacing: 0;
    color: #0f2a51;
} */

.beasy_module_text-media .col-lg-6 {
    display: flex;
    flex-direction: column;
    align-self: center;
}

.beasy_module_text-media .col-lg-6:first-child {
    padding-right: 60px;
}

.beasy_module_text-media.beasy_module_text-media_left .col-lg-6:first-child {
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: 60px;
}

.beasy_module_text-media {
    position: relative;
}

.beasy_module_text-media .container {
    position: relative;
    z-index: 2;
}

.custom-section-halfbar-bg {
    background: #ea5901;
    position: absolute;
    top: 50%;
    right: 0;
    width: 50vw;
    height: 40%;
    border-radius: 10px 0 0 10px;
    opacity: 1;
    transform: translate3d(0, -50%, 0);
    z-index: 1;
}

.beasy_module_text-media_1726 {
    padding: 50px 0;
    background-image: url('//cdn.beasy.nl/hetspoortjelosser_nl/assets/pyb_background.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.beasy_module_text-media_1726 .container .row .col-lg-6:first-of-type {
    position: relative;
    padding-top: 46px;
    padding-bottom: 30px;
    border-radius: 0 10px 10px 0;
    background: #000;
}

.beasy_module_text-media_1726 .container .row .col-lg-6:first-of-type::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 100%;
    width: 100vw;
    background: #000;
    z-index: -1;
    pointer-events: none;
}

.beasy_module_text-media_1726 .container .row .col-lg-6:first-of-type h2,
.beasy_module_text-media_1726 .container .row .col-lg-6:first-of-type p {
    color: #fff;
}

.beasy_module_text-media_1726 .container .row .col-lg-6:first-of-type p {
    font-size: 20px;
}

.beasy_module_text-media .fab.fa-facebook,
.beasy_module_text-media .fab.fa-instagram,
.beasy_module_text-media .fab.fa-tiktok {
    font-size: 24px !important;
}

.beasy_module_text-media .fab.fa-facebook {
    color: #395693 !important;
}

.beasy_module_text-media .fab.fa-instagram {
    color: #d6249f !important;
    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
    background-clip: border-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.beasy_module_text-media .fab.fa-tiktok {
    color: #fff;
    text-shadow: -1px -1px 0 #25F4EE, 1px 1px 0 #FE2C55;
}

.beasy_module_news-blog article {
    border-radius: 0 0 6px 6px;
    background: rgb(234, 89, 1, .1);
}



.beasy_module_news-blog .post-content {
    padding: 0 20px;
}

.beasy_module_news-blog .post-meta {
    padding: 0 0 20px 0;
}

.beasy_module_news-blog .beasy_module_news-blog_slider_meta_date,
.beasy_module_news-blog .beasy_module_news-blog_list_meta_date {
    padding: 0 20px 20px 20px !important;
    font-weight: 700 !important;
}

.beasy_module_news-blog .beasy_module_news-blog_slider_meta_date i,
.beasy_module_news-blog .beasy_module_news-blog_list_meta_date i {
    color: #ea5901 !important;
}

.beasy_module_news-blog .beasy_module_news-blog_slider_meta_readmore,
.beasy_module_news-blog .beasy_module_news-blog_list_meta_readmore {
    float: none !important;
    padding-right: 0 !important;
    display: block !important;
    text-align: center !important;
}

.beasy_module_news-blog .beasy_module_news-blog_slider_meta_categories,
.beasy_module_news-blog .beasy_module_news-blog_list_meta_categories {
    display: none !important;
}

.beasy_module_news-blog .btn.btn-primary,
.beasy_module_news-blog .btn.btn-primary:focus,
.beasy_module_news-blog .btn.btn-primary:active,
.beasy_module_news-blog .btn.btn-primary:visited,
html .beasy_module_news-blog .btn-primary:focus:not(.bg-transparent) {
    padding: 3px 17px;
    color: #fff !important;
    background: #ea5901 !important;
}

.beasy_module_news-blog .btn.btn-primary:hover {
    color: #fff;
    border-color: #000 !important;
    background: #000 !important;
}

.beasy_module_news-blog h2 {
    font-family: 'Roboto', sans-serif;
    font-size: 24px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
}

.beasy_module_news-blog_message article {
    background: transparent !important;
}

.beasy_module_news-blog_message article.blog-single-post .post-meta {
    margin-bottom: 0 !important;
}

.beasy_module_news-blog_message .post-content,
.beasy_module_news-blog_message .beasy_module_news-blog_slider_meta_date {
    padding: 0 !important;
}

.beasy_module_news-blog_header,
.beasy_module_news-blog_header .pb-5-5 {
    padding: 0 !important;
}

.beasy_module_news-blog ul.simple-post-list li {
    padding: 10px;
}

.beasy_module_news-blog ul.simple-post-list .post-meta {
    padding: 0 !important;
}

.beasy_module_text-intro_1734,
.beasy_module_button_1735,
.beasy_module_image-boxes_1736 {
    background: rgb(234, 89, 1, .1);
}

.beasy_module_text-intro_1734 {
    padding-top: 3rem !important;
}

.beasy_module_text-intro_1734,
.beasy_module_button_1735 {
    padding-bottom: 3rem !important;
    margin-bottom: 0 !important;
}

.beasy_module_image-boxes_1736 {
    padding-bottom: 3rem !important;
    margin-bottom: -3rem !important;
}

.beasy_module_img-movie-iframe_image_container1742 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
    margin-bottom: -3.2rem !important;
    background: #000;
    text-align: center;
}

.beasy_module_img-movie-iframe_image_container1742 .col-lg-8 {
    position: relative !important;
    /* margin: 0 auto !important; */
    width: 100% !important;
}

.beasy_module_img-movie-iframe_image_container1742 .offset-lg-2 {
    margin-left: 0;
}

#beasy_id_1742.container {
    max-width: 100% !important;
    width: 100% !important;
    background-color: #000;
}

.beasy_module_photoalbum_caption {
    font-family: 'PT Mono', sans-serif;
    font-size: 1.3em;
    font-weight: 700 !important;
    letter-spacing: -0.7px;
    margin-top: 5px;
    color: #000;
}

#footer .beasy_footer_col_2,
#footer .beasy_footer_col_3 {
    padding-top: 30px;
    padding-left: 80px;
}

#footer p,
#footer ul li,
#footer a:not(.btn):not(.no-footer-css) {
    color: #fff !important;
}

#footer a:not(.btn):not(.no-footer-css):hover {
    color: #ea5901 !important;
}

#footer h4::after {
    content: "";
    display: block;
    width: 25%;
    height: 4px;
    background-color: #ea5901;
    margin-top: 8px;
    /* afstand tussen tekst en lijn */
}

#footer ul li.bg-secondary {
    background: transparent !important;
    border: 1px solid #ea5901 !important;
    border-radius: 6px !important;
}

#footer .footer-copyright {
    background: #000;
}

#footer .btn.btn-primary {
    padding: 5px 10px;
    width: 100% !important;
}

.mfp-wrap figure {
    padding: 0;
}

.beasy_footer_social {
    margin-left: 40px;
}

.beasy_footer_social i {
    position: absolute;
    margin-left: -39px;
}

figcaption p {
    font-size: 14px;
    font-style: italic;
}

.beasy_module_text h2 {
    font-size: 24px;
    line-height: 1.6;
}

.beasy_module_opening-hours .justify-content-center {
    justify-content: start !important;
}

.beasy_module_opening-hours .text-center {
    text-align: left !important;
}

.beasy_module_opening-hours .col-lg-3 {
    width: 50% !important;
}

.beasy_module_opening-hours ul li.bg-secondary {
    background: transparent !important;
    border: 1px solid #ea5901 !important;
    border-radius: 6px !important;
    color: #000 !important;
}

@media (max-width: 1399.98px) {}

@media (max-width: 1199.98px) {
    #header .header-nav-main nav>ul>li>a {
        padding: 0;
    }

    .header-logo {
        padding: 0 6px;
    }
}

@media (max-width: 991.98px) {
    #header .header-btn-collapse-nav {
        margin-top: 12px;
        background: #ea5901;
    }

    #header .header-nav-main::before {
        background: #212529;
    }

    #header .header-nav-main nav>ul li a {
        padding: 20px;
    }

    #header .header-nav-main:not(.header-nav-main-mobile-dark) nav>ul>li>a {
        color: #fff;
    }

    #header .header-nav-main:not(.header-nav-main-mobile-dark) nav>ul>li>a.active {
        color: #ea5901 !important;
    }

    #header .header-nav-main:not(.header-nav-main-mobile-dark) nav>ul>li>a.active:hover,
    #header .header-nav-main:not(.header-nav-main-mobile-dark) nav>ul>li>a.active {
        background: transparent !important;
    }

    #header .header-nav-main:not(.header-nav-main-mobile-dark) nav>ul>li>a:hover {
        color: #ea5901 !important;
    }

    #header .header-nav-main nav>ul li {
        border-bottom: 1px solid #000;
    }

    #footer .beasy_footer_col_2,
    #footer .beasy_footer_col_3 {
        padding-top: 14px;
        padding-left: 15px;
    }

    .custom-section-halfbar-bg {
        display: none !important;
    }

    .beasy_module_text-media figure img {
        width: 100% !important;
    }

    .beasy_header_owl_carousel.owl-carousel p.text-4 {
        text-align: center !important;
    }
}

@media (max-width: 767.98px) {
    .beasy_header_owl_carousel.owl-carousel h3 {
        font-size: 30px !important;
        text-align: center !important;
    }

    .beasy_header_owl_carousel.owl-carousel h1 {
        font-size: 50px !important;
        text-align: center !important;
    }

    .beasy_header_owl_carousel.owl-carousel p.text-4 {
        font-size: 20px !important;
    }

    .btn.btn-primary {
        padding: 10px 20px;
    }

    .beasy_module_text-media .col-lg-6:first-child {
        padding-right: calc(var(--bs-gutter-x) * .5);
    }

    .beasy_module_text-media.beasy_module_text-media_left .col-lg-6:first-child {
        padding-right: calc(var(--bs-gutter-x) * .5);
        padding-left: calc(var(--bs-gutter-x) * .5);
    }

    .beasy_module_opening-hours .col-lg-3 {
        width: 100% !important;
    }
}

@media (max-width: 575.98px) {
    #header .header-logo img {
        /* width: 180px;
        height: 26px; */
        max-width: 95%;
        height: auto !important;
    }

    .beasy_header_owl_carousel.owl-carousel h3 {
        font-size: 20px !important;
    }

    .beasy_header_owl_carousel.owl-carousel h1 {
        font-size: 30px !important;
    }

    .beasy_header_owl_carousel.owl-carousel p.text-4 {
        font-size: 20px !important;
    }
}