/*
Theme Name: Ride Nordic
Theme URI: https://ridenordic.com/
Author: Johan Kraner Åsedahl
Author URI: http://kraner.se/
Description: A custom theme for Ride Nordic AB ©
Version: 2.0.0
Text Domain: ridenordic
*/

@import url("css/style.css");
@import url("css/fonts.css");

#alert-health {
background:#555	!important;
}
#alert-health .wpbc_wrap_checkbox .wpdev-list-item, #alert-health .wpdev-list-item-label {
line-height:normal !important;
}

/* =========================================================
   USPs
   ========================================================= */

#home_USPs {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    row-gap: 30px;
    padding-top: 40px !important;
    padding-bottom: 40px !important;
}

#home_USPs .home-usp {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    min-width: 0;
}

/* Ikon */
#home_USPs .home-usp i {
    flex: 0 0 36px;
    width: 36px;
    font-size: 32px;
    line-height: 1;
    text-align: center;
    margin-top: -2px;
}

/* Texten börjar alltid på samma plats */
#home_USPs .home-usp span {
    flex: 1 1 0;
    min-width: 0;
}

/* Standard: tre kolumner */
#home_USPs .home-usp {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
}

/* 1–4 USP:er: fördela jämnt på en rad */
#home_USPs.usps-count-1 .home-usp {
    flex-basis: 100%;
    max-width: 100%;
}

#home_USPs.usps-count-2 .home-usp {
    flex-basis: 50%;
    max-width: 50%;
}

#home_USPs.usps-count-3 .home-usp {
    flex-basis: 33.333333%;
    max-width: 33.333333%;
}

#home_USPs.usps-count-4 .home-usp {
    flex-basis: 25%;
    max-width: 25%;
}

/* iPad: två kolumner vid fyra eller fler USP:er */
@media (min-width: 768px) and (max-width: 1024px) {
    #home_USPs.usps-count-4 .home-usp,
    #home_USPs.usps-count-5 .home-usp,
    #home_USPs.usps-count-6 .home-usp,
    #home_USPs.usps-count-7 .home-usp,
    #home_USPs.usps-count-8 .home-usp,
    #home_USPs.usps-count-9 .home-usp,
    #home_USPs.usps-count-10 .home-usp {
        flex-basis: 50%;
        max-width: 50%;
    }

    /* Tre USP:er får plats på en rad */
    #home_USPs.usps-count-3 .home-usp {
        flex-basis: 33.333333%;
        max-width: 33.333333%;
    }
}

/* Mobil: en USP per rad */
@media (max-width: 767.98px) {
    #home_USPs .home-usp {
        flex-basis: 100% !important;
        max-width: 100% !important;
    }
}

/* =========================================================
   Cookie Yes
   ========================================================= */

.cky-consent-container,
.cky-consent-bar,
.cky-modal,
.cky-preference-center,
.cky-overlay {
    z-index: 2147483647 !important;
}

@media (max-width: 1200px) {
    .cky-banner-element {
        display: block;
        margin-bottom: 25px;
    }
}

.cky-preference-body-wrapper {
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
}

#cky-policy-container .cky-banner-element {
    background-color: #0062ff;
    border-color: #0062ff;
    margin-bottom: 25px !important;
    display: inline-block;
}

button.cky-accordion-btn:not(:hover):not(:active),
button.cky-banner-btn-close:not(:hover):not(:active),
button.cky-btn-revisit:not(:hover):not(:active),
button.cky-btn-close:not(:hover):not(:active) {
    border: none !important;
    color: #fff !important;
}


/* =========================================================
   Footer
   ========================================================= */

#footer-logos-bottom img {
    height: 40px;
    width: auto;
    margin-top: 16px;
}

.gutters.pt-0 {
    padding-top: 0px !important;
}

#footer_pre_bottom .footer-link {
    margin-left: 50px;
    margin-bottom: 0 !important;
    text-decoration: underline !important;
}

#footer_pre_bottom {
    background: #222222;
}

#footer_pre_bottom p {
    margin-top: 20px;
    margin-bottom: 20px;
}

@media (max-width: 1279px) {
    #footer_pre_bottom .text-lg-right {
        float: left !important;
    }

    footer .footer-link {
        margin-left: 0px !important;
        margin-right: 25px;
    }

    footer .footer-link:last-child {
        margin-right: 0;
    }

    #footer_pre_bottom .cky-banner-element {
        display: inline-block;
    }

    #footer-logos-bottom img {
        height: 30px;
    }
}

@media (max-width: 768px) {
    #footer-logos-bottom img {
        height: 25px;
    }

    #footer-logos-bottom {
        gap: 20px 20px;
    }
}


/* =========================================================
   WPML / Language
   ========================================================= */

html[lang="en-GB"] #menu-item-19491 {
    display: none;
}

.menu-item-wpml-ls-24-en {
    order: 99;
}


/* =========================================================
   Slideshow / General
   ========================================================= */

.slide_star_circle_over {
    line-height: 1.2;
}

.dgwt-jg-item img {
    object-fit: cover;
}

.tourmap {
    max-width: 400px;
    margin-bottom: 20px;
    margin-left: 20px;
}

@media (max-width: 768px) {
    .tourmap {
        max-width: 100%;
        margin-left: 0;
    }
}

@media (max-width: 1819.98px) {
    #navbar_sub-nav-top {
        background: #303030 !important;
    }
}

.slide_star_circle {
    font-size: 2.1rem;
}

.slide_star_circle_under {
    font-size: 0.9rem !important;
}

@media (max-width: 1024px) {
    .slide_star_circle_over {
        font-size: 0.7rem !important;
    }

    .slide_star_circle_under {
        font-size: 0.7rem !important;
    }
}

@media (max-width: 575.98px) {
    .slide_star_circle {
        height: 100px !important;
        width: 100px !important;
    }
}

.convert-sek-to-euro_approx-euro_content {
    font-size: 1rem;
}

#slideshow-page_img-button {
    background: #0062ff;
    color: #fff;
}

#slideshow-page_img-button:hover {
    background: #1a72ff;
    color: #fff;
}


/* Slideshow */

@media (max-width: 767px) {
    #slideshow-page {
        padding-top: 50%;
    }

    #slideshow-page .carousel-inner,
    #slideshow-page .carousel-item,
    #slideshow-page .carousel-item-inner,
    #slideshow-page .carousel-item-inner > img {
        height: 100%;
    }
}


/* =========================================================
   Navigation
   ========================================================= */

.sideMenu ul * {
    text-transform: uppercase;
}


/* =========================================================
   WP Booking Calendar – Form
   ========================================================= */

.booking_form_div span.wpdev-form-control-wrap {
    display: block !important;
}


/* =========================================================
   Three images / Polaroids
   ========================================================= */

@media (min-width: 768px) {
    .polaroids_left-content_right .stained_frames_container,
    .polaroids_right-content_left .stained_frames_container {
        padding-top: 140% !important;
    }

    .polaroids_left-content_right .stained_frame_container,
    .polaroids_right-content_left .stained_frame_container {
        width: 80% !important;
    }

    .polaroids_left-content_right .stained_frame_container:nth-child(2),
    .polaroids_right-content_left .stained_frame_container:nth-child(2) {
        top: 32%;
    }
}

@media (min-width: 900px) {
    .polaroids_left-content_right .stained_frames_container,
    .polaroids_right-content_left .stained_frames_container {
        padding-top: 100% !important;
    }

    .polaroids_left-content_right .stained_frame_container,
    .polaroids_right-content_left .stained_frame_container {
        width: 70% !important;
    }

    .polaroids_left-content_right .stained_frame_container:nth-child(2),
    .polaroids_right-content_left .stained_frame_container:nth-child(2) {
        top: 32%;
    }
}

@media (min-width: 1024px) {
    .polaroids_left-content_right .stained_frames_container,
    .polaroids_right-content_left .stained_frames_container {
        padding-top: 70% !important;
    }

    .polaroids_left-content_right .stained_frame_container,
    .polaroids_right-content_left .stained_frame_container {
        width: 60% !important;
    }
}

@media (min-width: 1280px) {
    .polaroids_left-content_right .stained_frames_container,
    .polaroids_right-content_left .stained_frames_container {
        padding-top: 140% !important;
    }

    .polaroids_left-content_right .stained_frame_container,
    .polaroids_right-content_left .stained_frame_container {
        width: 90% !important;
    }
}

@media (min-width: 1600px) {
    .polaroids_left-content_right .stained_frames_container,
    .polaroids_right-content_left .stained_frames_container {
        padding-top: 120% !important;
    }

    .polaroids_left-content_right .stained_frame_container,
    .polaroids_right-content_left .stained_frame_container {
        width: 80% !important;
    }
}

@media (min-width: 1820px) {
    .polaroids_left-content_right .stained_frames_container,
    .polaroids_right-content_left .stained_frames_container {
        padding-top: 150% !important;
        width: 110%;
        left: -4%;
    }

    .polaroids_left-content_right .stained_frame_container,
    .polaroids_right-content_left .stained_frame_container {
        width: 85% !important;
    }
}

@media (min-width: 2200px) {
    .polaroids_left-content_right .stained_frames_container,
    .polaroids_right-content_left .stained_frames_container {
        padding-top: 120% !important;
    }

    .polaroids_left-content_right .stained_frame_container,
    .polaroids_right-content_left .stained_frame_container {
        width: 80% !important;
    }
}


/* =========================================================
   Subpage slideshow
   ========================================================= */

.slideshow_logo {
    height: 250px !important;
    width: auto !important;
    top: 60px !important;
    left: 60px !important;
    right: auto;
}

@media (max-width: 1819.98px) {
    .slideshow_logo {
        height: 170px !important;
        width: auto !important;
        top: 40px !important;
        left: 40px !important;
        right: auto !important;
    }
}

@media (max-width: 1599px) {
    .slideshow_logo {
        height: 170px !important;
        top: 40px !important;
        left: 40px !important;
        right: auto !important;
    }
}

@media (max-width: 1279.98px) {
    .slideshow_logo {
        height: 120px !important;
        top: 40px !important;
        left: 40px !important;
        right: auto !important;
    }
}

@media (max-width: 1024px) {
    .slideshow_logo {
        height: 80px !important;
        top: 40px !important;
        left: 40px !important;
        right: auto !important;
    }
}

@media (max-width: 767.98px) {
    .slideshow_logo {
        height: 80px !important;
        top: 25px !important;
        left: 25px !important;
        right: auto !important;
    }
}

@media (max-width: 575.98px) {
    #slideshow-page .slideshow_extra_logo {
        top: 10px !important;
        left: 10px !important;
        height: 80px !important;
    }
}

#slideshow-page .carousel-item-inner img,
#featured_image img {
    object-fit: cover;
    width: 100%;
}


/* =========================================================
   Slideshow headings
   ========================================================= */

@media (min-width: 1820px) {
    [id^=slideshow-] .carousel-caption h2 {
        font-size: 3.54rem;
    }
}

@media (min-width: 1280px) and (max-width: 1819.98px) {
    [id^=slideshow-] .carousel-caption h2 {
        font-size: 2.9rem;
    }
}

@media (max-width: 1279.98px) {
    header .navbar .container-fluid {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: start;
    }
}


/* =========================================================
   Justified gallery
   ========================================================= */

.content-list-dropdown_one-column .collapse_inner,
.content-list-dropdown_one-column .collapse_inner div {
    width: 100%;
}

.pswp--open {
    opacity: 1;
}


/* =========================================================
   Booking Calendar
   ========================================================= */

.wpbc_times_selector div.wpbc_time_selected {
    background: #0062ff !important;
}

.timespartly.date_available {
    background: #85c42b !important;
}


/* Booking calendar update fix */

.wpbc_container_booking_form select,
.wpbc_container_booking_form input[type="text"],
.wpbc_container_booking_form textarea {
    max-width: 100% !important;
    width: 340px;
}

.wpbc_container_booking_form p {
    padding: 0 !important;
}

.bk_calendar_frame {
    max-width: 100% !important;
}

@media screen and (min-width: 769px) {
    .cal_month_num_4 .datepick-multi .datepick-one-month {
        width: inherit !important;
        margin-right: inherit !important;
    }
}

.datepick-inline .datepick-one-month {
    padding: 0 !important;
}

.cal_month_num_1 .datepick-one-month {
    flex: 1 1 98% !important;
    min-width: 0 !important;
}

.cal_month_num_2 .datepick-one-month {
    flex: 1 1 48% !important;
    min-width: 0 !important;
}

.cal_month_num_3 .datepick-one-month {
    flex: 1 1 31% !important;
    min-width: 0 !important;
}

.cal_month_num_4 .datepick-one-month {
    flex: 1 1 23% !important;
    min-width: 0 !important;
}

.datepick-inline {
    column-gap: 2%;
}

.datepick-inline div[style^="clear"] {
    display: none !important;
}

@media screen and (max-width: 1023px) {
    .cal_month_num_4 .datepick-one-month {
        flex: 1 1 100% !important;
        min-width: 0 !important;
    }

    .datepick-inline {
        column-gap: 0 !important;
    }
}

.datepick-inline .calendar-links .datepick-prev,
.datepick-inline .calendar-links .datepick-next {
    margin: 0 !important;
}

.datepick-inline .calendar-links .datepick-prev a,
.datepick-inline .calendar-links .datepick-next a {
    line-height: 1 !important;
}

.datepick-inline .calendar-links .datepick-next a,
.datepick-inline .calendar-links .datepick-next a:hover,
.datepick-inline .calendar-links .datepick-prev a,
.datepick-inline .calendar-links .datepick-prev a:hover {
    line-height: 1 !important;
}

.datepick-inline .calendar-links .datepick-prev,
.datepick-inline .calendar-links .datepick-next {
    justify-content: center !important;
}

.calendar-links {
    margin-bottom: -36px !important;
}

.datepick-inline .calendar-links .datepick-next a,
.datepick-inline .calendar-links .datepick-next a:hover,
.datepick-inline .calendar-links .datepick-prev a,
.datepick-inline .calendar-links .datepick-prev a:hover {
    padding: 6px 10px 8px 10px !important;
}


/* =========================================================
   Star
   ========================================================= */

.slide_star_circle {
    position: absolute;
    top: 80px;
    left: 80px;
    z-index: 910 !important;
    background: #0062ff;
    border-radius: 50%;
    height: 160px;
    width: 160px;
    text-align: center;
    font-family: Barlow, sans-serif;
    font-style: italic;
    text-transform: uppercase;
    font-weight: 800;
    line-height: 1.3;
    font-size: 2.3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.slide_star_circle span {
    display: block;
}

.slide_star_circle_over {
    font-size: 0.9rem;
    line-height: 0.9;
}

.slide_star_circle_under {
    font-size: 0.75rem;
}

@media (max-width: 1819.98px) {
    .slide_star_circle {
        top: 50px;
        left: 50px;
    }
}

@media (max-width: 1024px) {
    .slide_star_circle {
        height: 100px;
        width: 100px;
    }

    .slide_star_circle_main {
        font-size: 1.3rem;
    }

    .slide_star_circle_over {
        font-size: 0.58rem;
    }

    .slide_star_circle_under {
        font-size: 0.45rem;
    }
}

@media (max-width: 767.98px) {
    .slide_star_circle {
        top: 30px;
        left: 30px;
    }
}

@media (max-width: 575.98px) {
    .slide_star_circle {
        top: 15px;
        left: 15px;
        height: 80px;
        width: 80px;
    }

    .slide_star_circle_main {
        font-size: 1.15rem;
    }

    .slide_star_circle_over {
        font-size: 0.45rem;
    }

    .slide_star_circle_under {
        font-size: 0.4rem;
    }
}


/* =========================================================
   Misc
   ========================================================= */

.fab {
    background: transparent !important;
}

body .booking_form_div .btn.btn-outline-primary:hover {
    border-color: #0062ff !important;
    color: #fff !important;
}


/* =========================================================
   Slideshow button
   ========================================================= */

#slideshow-page_img-button {
    background: #fff;
    color: #111;
}

#slideshow-page_img-button:hover {
    background: #f1f1f1;
    color: #000;
}

#slideshow-page_img-button.btn-primary {
    border-color: transparent !important;
}


/* =========================================================
   BMW Motorrad logo
   ========================================================= */

#logo_bmw-motorrad {
    height: 35px;
    width: 255px;
}

#main_header.shrink #logo_bmw-motorrad {
    height: 25px;
    width: 182px;
}

@media (min-width: 1820px) {
    #logo_bmw-motorrad {
        height: 40px;
        width: 291px;
    }

    #main_header.shrink #logo_bmw-motorrad {
        height: 30px;
        width: 218px;
    }
}

@media (max-width: 767.98px) {
    #logo_bmw-motorrad,
    #main_header.shrink #logo_bmw-motorrad {
        height: 28px;
        width: 204px;
    }
}

@media (max-width: 575.98px) {
    #logo_bmw-motorrad,
    #main_header.shrink #logo_bmw-motorrad {
        height: 20px;
        width: 146px;
    }
}

@media (max-width: 399px) {
    #logo_bmw-motorrad,
    #main_header.shrink #logo_bmw-motorrad {
        height: 14px;
        width: 105px;
    }
}


/* =========================================================
   Footer – Main
   ========================================================= */

#footer_image,
#footer_image_mobile {
    position: relative;
    top: 1px;
    width: 100%;
    height: auto;
}

#footer_image_mobile {
    display: none;
}

#footer_top_bg {
    background: #333;
}

.home #footer_top_bg {
    background: #373737;
}

#main_footer {
    background: #000;
}

#footer-logo-artt {
    position: relative;
    width: 80px;
    top: 6px;
}

#footer-logo-safari {
    position: relative;
    width: 80px;
    top: 7px;
}

#footer-logo-ad {
    position: relative;
    width: 80px;
    top: 12px;
}

.footer_iiaita {
    width: 150px;
}

.footer_logos {
    margin-left: 6%;
}

#footer-logo {
    margin-right: auto !important;
}

#home_services {
    padding-bottom: 20px !important;
}

#main_footer .gutters {
    padding-bottom: 0px !important;
}

#footer_bottom .gutters {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
}

#footer_bottom a {
    text-decoration: none;
}

@media (max-width: 1279.98px) {
    .footer_iiaita {
        width: 100px;
    }

    #footer-logo-artt {
        width: 50px;
        top: 5px;
    }

    #footer-logo-safari {
        position: relative;
        width: 50px;
        top: 7px;
    }

    #footer-logo-ad {
        position: relative;
        width: 50px;
        top: 8px;
    }

    #social-media a {
        margin-right: 20px;
    }
}

@media screen and (max-width: 767px) {
    #social-media a {
        margin-right: 40px;
    }

    #footer-logos-bottom {
        margin-top: 20px;
    }

    #footer-logos-bottom .footer_logos {
        margin-left: 0;
        margin-right: 10%;
    }

    #footer_image_mobile {
        display: block;
    }

    #footer_image {
        display: none;
    }

    #footer-logos {
        grid-gap: 30px;
    }

    .footer_iiaita {
        width: 130px;
    }

    #footer-logo-artt {
        width: 60px;
    }

    #footer-logo-safari {
        position: relative;
        width: 60px;
        top: 5px;
    }

    #footer-logo-ad {
        position: relative;
        width: 60px;
        top: 5px;
    }

    #footer-logos-bottom {
        justify-content: space-between !important;
        margin-top: 20px;
        gap: 15px;
    }

    #footer-logos-bottom .footer_logos {
        margin-right: 0;
    }
}

@media screen and (max-width: 549px) {
    #footer-logos-bottom {
        flex-wrap: wrap;
        gap: 20px 80px;
        justify-content: center !important;
    }

    #main_footer #social-media {
        text-align: center;
        grid-gap: 40px;
    }

    #main_footer #social-media a {
        margin: 0 20px 0 20px !important;
    }

    .footer_iiaita {
        width: 110px;
    }

    #footer-logo-artt {
        width: 50px;
    }

    #footer-logo-safari {
        position: relative;
        width: 50px;
        top: 5px;
    }

    #footer-logo-ad {
        position: relative;
        width: 50px;
        top: 5px;
    }
}

@media screen and (max-width: 400px) {
    #footer_image_mobile {
        display: block;
    }

    #footer_image {
        display: none;
    }

    #main_footer #social-media {
        text-align: center;
    }

    #main_footer #social-media a {
        margin-left: 20px;
        margin-right: 20px;
    }

    #footer-logos-bottom {
        gap: 20px 50px;
    }
}

#footer_bottom {
    background: #151515;
}


/* =========================================================
   Navbar language switcher
   ========================================================= */

.navbar-nav .wpml-ls-menu-item .nav-link {
    line-height: 1 !important;
    margin-bottom: 0 !important;
}

.wpml-ls-menu-item a {
    font-family: 'Barlow', sans-serif;
}

@media only screen and (min-width: 1280px) {

    .navbar-nav .wpml-ls-menu-item a {
        border: 2px solid #fff;
        padding: 4px 10px !important;
        margin: 0 !important;
    }

    .navbar-nav .wpml-ls-first-item a {
        border-radius: 0;
        border-right: 0;
    }

    .navbar-nav .wpml-ls-last-item a {
        border-radius: 0;
        border-left: 0;
    }

    .navbar-nav .wpml-ls-current-language a {
        background: #ffffff;
    }

    .navbar-nav .wpml-ls-current-language a * {
        color: #373737;
    }

    [id^="menu-item-wpml-ls"] {
        position: relative;
        top: 6px;
    }

    [id^="menu-item-wpml-ls"] a span {
        position: relative;
        top: -1px;
    }

    [id^="menu-item-wpml-ls"] a * {
        display: block;
        text-transform: none;
        white-space: nowrap;
        font-size: 16px !important;
    }

    [id^="menu-item-wpml-ls"] * {
        font-size: 16px !important;
        font-family: 'Barlow', sans-serif !important;
        font-weight: normal;
        font-style: normal;
    }

    [id^="menu-item-wpml-ls"] *:hover {
        color: #fff;
    }

    .navbar-nav #menu-item-wpml-ls-24-en a * {
        width: 18px;
    }

    .navbar-nav #menu-item-wpml-ls-24-en,
    .navbar-nav #menu-item-wpml-ls-24-sv {
        margin-left: 0 !important;
        z-index: 10;
    }

    .navbar-nav #menu-item-wpml-ls-24-sv {
        margin-left: 50px !important;
    }
}

@media screen and (max-width: 1999px) {
    [id^="menu-item-wpml-ls"] {
        position: relative;
        top: 4px;
    }
}

@media only screen and (min-width: 1280px) and (max-width: 1819.98px) {
    [id^="menu-item-wpml-ls"] {
        position: relative;
        top: 0px;
    }
}

@media only screen and (min-width: 1820px) {
    .navbar-nav .wpml-ls-menu-item a {
        padding: 4px 10px !important;
    }
}