@font-face {
    font-family: "Gotham_Light";
    src: url("./fonts/GothamLight.eot");
    src: url("./fonts/GothamLight.eot") format("embedded-opentype"),
      url("./fonts/GothamLight.woff2") format("woff2"),
      url("./fonts/GothamLight.woff") format("woff"),
      url("./fonts/GothamLight.ttf") format("truetype"),
      url("./fonts/GothamLight.svg#GothamLight") format("svg");
}

.BF__page{
    --GOTHAM-XLIGHT: "Gotham_Light", "Gotham SSm book A", "Gotham SSm book B", "Gotham Book", Helvetica, Arial, sans-serif;
}


.BF__page  .BF__clock li[data-name="days"]::after {
    content:"Dagar";
}

.BF__page  .BF__clock li[data-name="hours"]::after {
    content:"Timmar";
}

.BF__page  .BF__clock li[data-name="sec"]::after {
    content:"Sek";
}

@media only screen
and (min-device-width : 834px)
and (max-device-width : 1112px)
and (-webkit-min-device-pixel-ratio: 2) {

}

@media (orientation: landscape) {
    #wrapper {
        padding-top: 105px !important;
    }

    /* POST */
    .BF__page.BF__page-post .BF__header-body {
        padding-top: 30px;
    }
}

@media only screen
and (min-device-width : 834px)
and (max-device-width : 1112px)
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 2) {

}

@media (orientation: portrait) {

}

@media only screen
and (min-device-width : 834px)
and (max-device-width : 1112px)
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio: 2) {
    .BF__faq-item[data-faq="2"] .BF__faq-item-handler {
        font-size: 13px;
    }
}

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

/*iPhone 11, 12, 13, 13 Min, and 13 Pro Max*/
@media (max-width: 480px) {
    .BF__club .BF__button {
        margin-right: 12px;
    }

    .BF__page .BF__faq-title {
        font-size: 43px;
    }

    .BF__page .BF__faq-item-handler {
        padding: 16px 24px 16px 0;
    }

    .BF__faq-item[data-faq="1"] .BF__faq-item-handler, 
    .BF__faq-item[data-faq="2"] .BF__faq-item-handler {
        font-size: 11px;
    }
}