/*--------------------------------------------------------------
  ## BONUS FILTER  - RESPONSIVE
--------------------------------------------------------------*/
@media (max-width: 992px) {
    .bonus-filter-boxes .bonus-sort,
    #bonus-filter-panel {
        display: none;
    }

    .sort-filter-buttons-mobile {
        /*display: flex;*/
    }

    .sort-filter-buttons-mobile div {
        border: 1px solid #EBEBEB;
        height: 50px;
        color: #262C4B;
        font-weight: 400;
        display: flex;
        justify-content: center;
        align-items: center;
        text-transform: uppercase;
    }

    .bonus-filter-panel-mobile .most-popular-casinos {
        display: none;
    }

    .bonus-filter-panel-mobile {
        position: fixed;
        top: 0;
        width: 100%;
        background: #F2F2F2;
        overflow-y: scroll;
        padding: 1rem;
        height: 100%;
        left: 0;
        right: 0;
        z-index: 99;
    }

    .geolocation-switch {
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
    }

    .close-mobile-fiter-panel {
        font-size: 2em;
        color: #262c4b;
        float: right;
        margin-bottom: 1rem;
    }

    .close-mobile-fiter-panel-back:before {
        content: '‹';
        font-size: 2.5em;
        padding-right: 0.5rem;
        position: relative;
        top: -2px;
    }

    .close-mobile-fiter-panel,
    .close-mobile-fiter-panel-back {
        height: 40px;
        display: flex;
        align-items: center;
    }

    .close-mobile-fiter-panel-back {
        float: left;
        font-size: 1em;
        text-transform: uppercase;
    }

    .sort-buttons-mobile button {
        background-color: #fff;
        border: 1px solid #EBEBEB;
        height: 50px;
        position: relative;
    }

    .sort-buttons-mobile button:active, .sort-buttons-mobile button:focus {
        background: #f2f2f2;
        color: #de583a;
    }

    .sort-buttons-mobile button img {
        position: absolute;
        right: 1rem;
        transform: translateY(-50%);
        top: 50%;
        height: 30px;
        width: auto;
        filter: brightness(60%);
        filter: grayscale(100%) brightness(200%);

    }
}

@media (max-width: 600px) {
    .geolocation-switch,
    .bonus-filter-boxes .bonus-search-input {
        width: 100% !important;
    }

}

/*--------------------------------------------------------------
  ## BONUS FILTER  - RESPONSIVE END
--------------------------------------------------------------*/
/*--------------------------------------------------------------
  ## BONUS FILTER  - Most popular casinos
--------------------------------------------------------------*/
.most-popular-casinos {
    text-transform: uppercase;
    font-size: 12px;
}

.most-popular-casinos .row {
    border-bottom: 1px solid #EBEBEB;
    align-items: center;
    min-height: 65px;
}

.most-popular-casinos .row div:after {
    background: #0064bb;
    content: "";
    height: 155px;
    left: -75px;
    opacity: .2;
    position: absolute;
    top: -50px;
    -webkit-transform: rotate(35deg);
    -ms-transform: rotate(35deg);
    transform: rotate(35deg);
    -webkit-transition: all 1050ms cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition: all 1050ms cubic-bezier(0.19, 1, 0.22, 1);
    transition: all 1050ms cubic-bezier(0.19, 1, 0.22, 1);
    width: 50px;
    z-index: 1;
}

.most-popular-casinos .row div:hover:after {
    left: 120%;
    -webkit-transition: all 1050ms cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition: all 1050ms cubic-bezier(0.19, 1, 0.22, 1);
    transition: all 1050ms cubic-bezier(0.19, 1, 0.22, 1);
}

.most-popular-casinos .row div {
    margin-left: auto;
    border-left: 1px solid #EBEBEB;
    width: 65px;
    height: 64px;
    color: #A5A5A5;
    overflow: hidden;
    position: relative;

}

.most-popular-casinos .row div:hover {
    background-color: #262C4B;
    color: #fff;
}

.most-popular-casinos .row div:hover b {
    color: #fff;
}

.most-popular-casinos .row b {
    color: #000000;
}

.most-popular-casinos .row b:nth-child(2) {
    width: 105px;
    line-height: 1em;
    letter-spacing: 1px;
    text-align: left;
    font-weight: 400;
}

.most-popular-casinos .operator-logo {
    display: inherit;
}

.most-popular-casinos .operator-logo img {
    margin: 0 0.5rem;
    width: 100px;
    height: auto;
}

/*--------------------------------------------------------------
  ## BONUS FILTER  - Most popular casinos END
--------------------------------------------------------------*/

/*--------------------------------------------------------------
  # BONUS FILTER END
--------------------------------------------------------------*/

/*--------------------------------------------------------------
  # CONTENT BOXES
--------------------------------------------------------------*/
.content-boxes i {
    color: #3C9542;
    font-size: 2.5rem;
    display: block;
    margin-bottom: 1rem;
}

.content-boxes {
    font-size: 14px;
    color: #868686;
    margin: 0;
}

.content-boxes strong {
    font-size: 15px;
    font-weight: 500;
    color: #323232;
}

/*.content-boxes > div {*/
/*padding: 0 7px;*/
/*}*/

.content-boxes .box {
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
}

.content-boxes .box p a:not(.btn) {
    font-weight: 400;
    color: #3c9542;
    text-decoration: underline;;
}

.casino-games-boxes .box h3,
.content-boxes .box h3 {
    color: initial;
    font-weight: 400;
    margin: 0;
}

.casino-games-boxes .box h4:after,
.casino-games-boxes .box h3:after {
    content: none;
}

.casino-games-boxes .box img.slot-logo {
    max-width: 100px;
    order: -1;
}

.page-content .content-boxes p {
    width: 100%;
}

/*--------------------------------------------------------------
  # CONTENT BOXES END
--------------------------------------------------------------*/

/*--------------------------------------------------------------
  # CASINO BOXES SHORTOCE  [all_registration_bonus_casino_boxes] ... etc
--------------------------------------------------------------*/
.multiple-operator-casino-boxes .box a.operator-logo img {
    width: 100px;
}

/*--------------------------------------------------------------
  # CASINO BOXES SHORTOCE END
--------------------------------------------------------------*/
/*--------------------------------------------------------------
  # AUTHOR BOXES
--------------------------------------------------------------*/
.author-boxes .box {
    flex-direction: row;
    max-width: 100%;
    position: relative;

}

.author-boxes img {
    order: 1;
    border-radius: 10px;
}

.author-boxes img {
    order: 1;
}

.author-boxes img {
    order: 1;
    border-radius: 10px;
}

.author-boxes strong {
    order: 2;
    position: absolute;
    height: 40px;
    top: 15px;
    display: flex;
    align-items: center;
    font-size: 1.25rem;
}

.author-boxes strong a {
    color: #323232 !important;
    text-decoration: none;
}

.author-boxes p {
    order: 3;
    width: 100%;
    margin-top: 40px;
    padding: 0 15px;
    margin-bottom: 0 !important;
}

.author-boxes p a:not(.btn) {
    color: #3c9542 !important;
}

/*--------------------------------------------------------------
  # AUTHOR BOXES END
--------------------------------------------------------------*/

/*--------------------------------------------------------------
  # panel-sidebar
--------------------------------------------------------------*/
#panel-sidebar {
    padding-top: 3rem;
}

#panel-sidebar .collapse {
    margin-top: 0;
}

/*--------------------------------------------------------------
  # TOP 10 OPERATORS
--------------------------------------------------------------*/

.top10-casinos {
    margin-top: 0.7em;
    border-radius: 10px;
    overflow: hidden;
}

.top10-casinos > .btn {
    border-radius: 0px;
    height: 60px;
}

.top10-casinos .row .btn:after {
    font-family: casino-online;
    content: '\e841';
    font-size: .8em;
    position: absolute;
    right: 1.5em;
    text-indent: 0;
    font-style: initial;
}

.top10-casinos .row .compliance-text {
    margin-bottom: -0.5rem;
}

.top10-casinos .row {
    flex-direction: row;
    margin: 0;
    border-bottom: 1px solid #EBEBEB;
    padding: 0.5rem 0;
    align-items: center;
    min-height: 73px;
    justify-content: space-evenly;

}

.top10-casinos .operator-logo {
    display: flex;
}

.top10-casinos .rating {
    margin: initial;
}

.top10-casinos .operator-logo img {
    width: 100px;
}

.top10-casinos .row .btn {
    width: auto;
    min-width: 155px;
    color: #3c9542;
    background-color: #fff;
    border: 2px solid #3c9542;
    border-radius: 25px;
    height: 40px;
    padding: 0 2.5em 0 0.65em;
    text-transform: none;
}

/*--------------------------------------------------------------
  # TOP 10 OPERATORS END
--------------------------------------------------------------*/

/*--------------------------------------------------------------
  # LIVE CASINO GAMES SLIDER
--------------------------------------------------------------*/

.casino-games-boxes {
    /*margin-top: 5rem;*/
    margin-bottom: 4em;
    color: #868686;
}

p + .casino-games-boxes {
    margin-top: 4rem;
}

.casino-games-boxes + p,
.casino-games-boxes + h2,
.casino-games-boxes + h3 {
    margin-top: 0;
}

.casino-games-boxes + .btn {
    margin-bottom: calc(2em + 1rem) !important;
}

h2 + .casino-games-boxes {
    margin-top: 1rem;
}

.casino-games-boxes .box {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    /*min-height: 200px;*/
    padding: 1rem;
    height: 100%;
    color: #868686;
    font-size: 14px;
    position: relative;
}

.how-to-boxes li i,
.casino-games-boxes .box i {
    font-size: 50px;
    line-height: 50px;
    margin-bottom: 2rem;
    display: block;
    color: #3C9542;
}

.how-to-boxes li i {
    padding-bottom: 1.25rem;
    margin-top: 0.5rem;
    margin-bottom: auto;
    font-size: 35px;
    line-height: 1;
}

.casino-games-boxes .box > strong,
.casino-games-boxes .box > b {
    font-family: 'Montserrat';
    font-size: 15px;
    font-weight: 900;
    text-transform: uppercase;
    color: #262C4B;
    margin-bottom: auto;
    margin-top: 1.5rem;
    /*padding-bottom: 1.25rem; uncomment without fear */
    display: flex;
    flex-direction: column;
}

.casino-games-boxes .box > strong + h3, .casino-games-boxes .box > b + h3 {
    margin-top: 0;
    font: normal normal 900 15px/22px Montserrat;
}

.casino-games-boxes p strong {
    display: contents;
}

.casino-games-boxes .box h3 {
    font-style: normal;

    font-size: 15px;
    font-weight: 900;
    text-transform: uppercase;
    color: #262C4B;
    margin-bottom: auto;
    margin-top: 1.5rem;
}

.casino-games-boxes p,
.casino-games-boxes strong + p {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    flex-grow: 1;
    flex-wrap: wrap;
    width: 95%;

    margin-bottom: 0.5rem !important;
}

.casino-games-boxes a {
    text-transform: uppercase;
    color: #3C9542 !important;
    letter-spacing: 0.5px;
    font-size: 0.9rem;
    font-weight: 400;
    margin-top: auto;

    /*display: inline-flex;*/
    /*justify-content: center;*/
    /*align-items: flex-end;*/
    /*flex-grow: 1;*/
}

.casino-games-boxes a.btn.btn-grey {
    color: #7c7c7c !important;
    font-weight: 600;
}

.page-content .casino-games-boxes p > a:not(.btn) {
    text-transform: none;
    font-weight: 400;
    display: contents;
    font-size: 1rem;
}


.casino-games-boxes a.internal-link {
    margin-top: 0;
}

.casino-games-boxes .showmore-expand {
    margin-bottom: 0.5rem;
}

.casino-games-boxes a.btn {
    margin-top: 15px !important;
    margin-bottom: 0 !important;
    top: 0 !important;
    color: #fff !important;
}

.casino-games-boxes .owl-item .box img,
.casino-games-boxes .box img,
.casino-games-boxes .box .internal-link img,
.casino-games-boxes .box .internal-link {
    order: -1 !important;
    margin: 0 auto 5px !important;
    height: auto;
    width: 100px;
}

.casino-games-boxes .item .box span.internal-link,
.casino-games-boxes .item .box b + span.internal-link,
.casino-games-boxes .item .box strong + span.internal-link,
.casino-games-boxes .item .box a.internal-link,
.casino-games-boxes .item .box b + a.internal-link,
.casino-games-boxes .item .box strong + a.internal-link,
.casino-games-boxes .box strong + a.internal-link {
    order: 1;
    position: initial;
}


.casino-games-boxes .item .box  a.internal-link.slot-logo,
.casino-games-boxes .item .box  a.internal-link.operator-logo {
    order: -1;
}

/*--------------------------------------------------------------
  # LIVE CASINO GAMES SLIDER END
--------------------------------------------------------------*/

/*--------------------------------------------------------------
  # top3-mobile-casino-games
--------------------------------------------------------------*/
#top3-mobile-casino-games .box {
    padding: 10px;
}

#top3-mobile-casino-games .operator-logo img {
    width: 100px;
    height: auto;
    display: flex;
}

#top3-mobile-casino-games .paypal-accepted {
    position: relative;
    top: initial;
    left: initial;
}

#top3-mobile-casino-games .paypal-accepted .geo-icon-dot {
    position: absolute;
    top: 25px;
    left: -5px;
    text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
    font-size: 2.5em !important;
}

@media (max-width: 767px) {
    #top3-mobile-casino-games .paypal-accepted .geo-icon-dot {
        top: 8px;
    }
}

/*--------------------------------------------------------------
  # top3-mobile-casino-games END
--------------------------------------------------------------*/

/*--------------------------------------------------------------
  # Slot Iframe
--------------------------------------------------------------*/

.slot-iframe-overlay {
    display: flex;
    position: absolute;
    z-index: 9;
    width: 100%;
    height: 100%;
    top: 0;
    overflow: hidden;
    /*padding-bottom: 5%;*/
    cursor: pointer;
    background-size: cover;
    background-position: center;
    border-radius: 10px;
    background-color: #0b2e13;
}

/*--------------------------------------------------------------
  # Slot Iframe End
--------------------------------------------------------------*/

/*--------------------------------------------------------------
  # Age verification
--------------------------------------------------------------*/
/*.age-verification .h2 b {*/
    /*font-size: 1.5em;*/
    /*line-height: 1.25;*/
/*}*/

/*.age-verification-error {*/
    /*text-align: center;*/
    /*color: #dc0000;*/
    /*min-height: 30px;*/
    /*font-weight: 500;*/
/*}*/

/*input[type="number"] {*/
    /*-moz-appearance: textfield;*/
/*}*/

/*.age-verification-btns select,*/
/*.age-verification-btns input {*/
    /*width: 200px;*/

/*}*/

/*.age-verification-btns .btn {*/
    /*text-transform: none;*/
/*}*/

/*.age-verification select:focus,*/
/*.age-verification input:focus {*/
    /*outline: none;*/
/*}*/

/*.age-verification input::placeholder { !* Chrome, Firefox, Opera, Safari 10.1+ *!*/
    /*color: #fff;*/
    /*opacity: 1; !* Firefox *!*/
/*}*/

/*.age-verification input:-ms-input-placeholder { !* Internet Explorer 10-11 *!*/
    /*color: #fff;*/
/*}*/

/*.age-verification input::-ms-input-placeholder { !* Microsoft Edge *!*/
    /*color: #fff;*/
/*}*/

/*input[type=number]::-webkit-inner-spin-button,*/
/*input[type=number]::-webkit-outer-spin-button {*/
    /*-webkit-appearance: none;*/
    /*margin: 0;*/
/*}*/

/*.select-custom {*/
    /*position: relative;*/
/*}*/

/*.select-custom-value:after {*/
    /*!*content: "\e81a" !important;*!*/
/*}*/

/*.select-custom-values-holder {*/
    /*position: absolute;*/
    /*top: 50px;*/
    /*left: 0;*/
    /*width: 100%;*/
    /*z-index: 9;*/
    /*display: flex;*/
    /*flex-direction: column;*/
    /*background: #fff;*/
    /*max-height: 135px;*/
    /*overflow-y: auto;*/
    /*background: rgb(0 0 0 / 50%);*/
    /*border-radius: 25px;*/
    /*border-top-left-radius: 0px;*/
    /*border-top-right-radius: 0px;*/
    /*border: 1px solid #fff;*/
    /*border-top: none;*/
/*}*/

/*.select-custom-values-holder button:hover {*/
    /*!*background-color: #f5f5f5;*!*/
    /*border-bottom: 1px solid #fff;*/

/*}*/

/*.select-custom-values-holder button {*/
    /*border-bottom: 1px solid rgb(0 0 0 / 50%);*/
    /*border-radius: 0;*/
    /*border-top: none;*/
    /*font-size: 0.75em;*/
    /*color: #262C4B;*/
    /*border-color: #e1e1e1;*/
    /*border-right: none;*/
    /*min-height: 45px;*/
    /*min-width: 100%;*/
    /*outline: none !important;*/
    /*text-transform: none;*/
    /*font-weight: 600;*/
    /*text-shadow: 0 0 5px #000, 0 0 10px #000, 0 0 15px #000, 0 0 20px #000000, 0 0 30px #000000, 0 0 40px #000000, 0 0 55px #000000, 0 0 75px #000000, 2px 2px 2px rgb(0 0 0 / 0%);*/
    /*color: #fff;*/
    /*border: none;*/
    /*background: none;*/

/*}*/

@media (max-width: 991px) {
    .author-boxes .box {
        flex-direction: column;
    }

    .author-boxes strong {
        position: initial;
    }

    .embed-responsive {
        margin-bottom: 0em;
    }

    /*.responsible-gaming .h2 b {*/
        /*font-size: 1.5rem;*/
        /*line-height: 1em;*/
    /*}*/

    /*.responsible-gaming .h2 {*/
        /*font-size: 0.8rem;*/
    /*}*/

    /*.responsible-gaming p {*/
        /*font-size: 0.8rem;*/
        /*margin: 0;*/
    /*}*/

    /*.responsible-gaming .h2 + p {*/
        /*display: none;*/
    /*}*/

    /*.responsible-gaming {*/
        /*width: 100%;*/
        /*margin-top: 0;*/
    /*}*/

    /*.responsible-gaming .age-verification-btns #age-verification-month.btn {*/
        /*width: 100%;*/
        /*min-width: 100%;*/
        /*height: 30px !important;*/
    /*}*/

    /*.responsible-gaming .row {*/
        /*margin: 0;*/
    /*}*/

    /*.responsible-gaming .btn.btn-white {*/
        /*width: 40%;*/
        /*margin-bottom: 0.5rem !important;*/
        /*min-width: initial;*/
        /*height: 35px;*/
    /*}*/

    /*.age-verification-btns select, .age-verification-btns input {*/
        /*width: 30% !important;*/
        /*min-width: 30% !important;*/
        /*padding: 0;*/
        /*text-indent: 0;*/
        /*height: 30px !important;*/
    /*}*/

    /*.age-verification-btns {*/
        /*margin-top: 0.5rem !important;*/
    /*}*/

    /*.age-verification-error {*/
        /*min-height: 1rem;*/
    /*}*/

    .slot-iframe-overlay {
        padding-bottom: 0;
    }

    .select-custom-values-holder {
        top: 30px;
        max-height: 75px;
    }

    .select-custom-values-holder .btn {
        min-height: 30px;
    }
}

/*--------------------------------------------------------------
  # Age verification END
--------------------------------------------------------------*/

/*--------------------------------------------------------------
  # Custom Boxes with pictures on APP page
--------------------------------------------------------------*/

@media (min-width: 991px) {

    .boxes-with-pictures-item {
        width: 80%;
    }
}

.boxes-with-pictures-item {

    margin-left: auto;
    margin-right: auto;
    padding-bottom: 3rem;
}

.boxes-with-pictures-item div {
    text-align: left;
}

.box-with-custom-picture.box-with-picture a:not(.btn) {
    color: #3c9542;
}

.box-with-custom-picture.box-with-picture h2,
.box-with-custom-picture.box-with-picture h3,
.box-with-custom-picture.box-with-picture h4 {
    color: #262C4B;
    font: normal normal bold 22px/27px Montserrat;
    margin-top: 1rem;
}

.box-with-picture p {
    width: 100%;
}

.box-with-picture p {
    width: 100%;
}

.content-section .boxes-with-pictures-item h3 {
    color: #fff;
}

.boxes-with-pictures-item h3 {
    font: normal normal 900 20px/24px Roboto;
    color: #072D5E;
    margin-bottom: 0;
}

.boxes-with-pictures-item h3:after {
    content: none;
}

.boxes-with-pictures-item h3 strong,
.boxes-with-pictures-item h3 b {
    color: #4EA954;
    text-decoration: underline;
}

.page-content .boxes-with-pictures-item p:last-of-type {
    margin-bottom: 0;
}

.page-content .boxes-with-pictures-item p {
    width: 100%;
}

.boxes-with-pictures-item > div > div.boxes-with-pictures-item-img {
    width: 200px;
    height: 200px;
    border-radius: 10px;
    background-position: center center;
}

/*--------------------------------------------------------------
  # Custom Boxes with pictures on APP page  END
--------------------------------------------------------------*/

/*--------------------------------------------------------------
  # NEWS Category
--------------------------------------------------------------*/
.news-header {
    position: relative;
}


/* NEWS */
.news-articles .box {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.news-articles .box .h3,
.news-articles .box .news-excerpt {
    padding-left: 15px;
    padding-right: 15px;
}

.news-articles .box .h3 {
    font-size: 16px;
    color: #262c4b;
    font-weight: 800;
    text-transform: uppercase;
    margin-bottom: 2rem;
}

.news-articles .box .news-excerpt {
    margin-bottom: 2rem;
}

.news-articles .box .operator-logo {
    padding-top: 30px;
}

.news-date {
    font-size: 1.15rem;
    font-weight: 400;
    margin: 0.25rem 0 1rem;
}

.news-articles .box .btn {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

/*--------------------------------------------------------------
  # NEWS Category  END
--------------------------------------------------------------*/

/*--------------------------------------------------------------
  # AUTHOR RIBBON
--------------------------------------------------------------*/
.author-ribbon {
    background-color: #262c4b;
    font: normal normal 400 20px/37px Montserrat;
}

.author-ribbon img {
    margin-right: 10px;
    border-radius: 50%;
}

.author-ribbon b {
    margin-left: 5px;
}

/*--------------------------------------------------------------
  # Info box with maskot [info_box]
--------------------------------------------------------------*/

.info-box-mascot ul,
.info-box-mascot ol {
    width: 100%;
}

.info-box-mascot > div {
    text-align: left;
    flex: 1;
}

.info-box-mascot > div a {
    display: contents;
}

.info-box-mascot > div.mascot-image {
    width: 250px;
    height: 250px;
    position: relative;
    flex: 0 0 250px;
    margin: 1rem 3rem 1rem 0;
}

.info-box-mascot > div.mascot-image.order-lg-1 {
    margin: 1rem 0 1rem 3rem;
}

.info-box-mascot .mascot-image:before {
    content: '';
    background-image: url(/wp-content/themes/ministrap-child/assets/images/mascots/webp/attention-orange.webp);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.webp .info-box-mascot .mascot-image:before {
    background-image: url(/wp-content/themes/ministrap-child/assets/images/attention-orange.svg);
}

.info-box-mascot.info-box-mascot-full-length .mascot-image:before {
    background-image: url(/wp-content/themes/ministrap-child/assets/images/mr-ringo-mascot-full-length.svg?v=1);
}

.info-box-mascot.info-box-mascot-hi .mascot-image:before {
    background-image: url(/wp-content/themes/ministrap-child/assets/images/mascots/webp/mr-ringo-hi.webp?v=1) !important;
}

.info-box-mascot.info-box-mascot-five .mascot-image {
    margin-top: 0;
    margin-bottom: 2.5rem;
}

.info-box-mascot.info-box-mascot-five .mascot-image:before {
    background-image: url(/wp-content/themes/ministrap-child/assets/images/mascots/webp/mr-ringo-five-orange.webp?v=1) !important;
}


.content-section .info-box-mascot.info-box-mascot-five .mascot-image:before {
    background-image: url(/wp-content/themes/ministrap-child/assets/images/mascots/webp/mr-ringo-five.webp?v=1) !important;
}

.info-box-mascot.info-box-mascot-coffee .mascot-image:before {
    background-image: url(/wp-content/themes/ministrap-child/assets/images/mascots/webp/mrringo-coffee-orange.webp);
}

.content-section .info-box-mascot.info-box-mascot-coffee .mascot-image:before {
    background-image: url(/wp-content/themes/ministrap-child/assets/images/mascots/webp/mrringo-coffee-white.webp);
}

.info-box-mascot.info-box-mascot-italian-attention .mascot-image:before {
    background-image: url(/wp-content/themes/ministrap-child/assets/images/mascots/webp/mrringo-italian-attention-orange.webp?v=2);
}

.content-section .info-box-mascot.info-box-mascot-italian-attention .mascot-image:before,
.webp .content-section .info-box-mascot.info-box-mascot-italian-attention .mascot-image:before {
    background-image: url(/wp-content/themes/ministrap-child/assets/images/mascots/webp/mrringo-italian-attention-white.webp?v=2);
}

.info-box-mascot > div p {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
    width: 100%;
}

.info-box-mascot > div h2,
.info-box-mascot > div h3,
.info-box-mascot > div h4 {
    margin-top: 0;
    text-align: center;
}

/*.webp .content-section .info-box-mascot .mascot-image:before {*/
/*    background-image: url(/wp-content/themes/ministrap-child/assets/images/mascots/webp/mr-ringo-attention-orange.webp);*/
/*}*/

.content-section .info-box-mascot .mascot-image:before {
    background-image: url(/wp-content/themes/ministrap-child/assets/images/mascots/webp/mr-ringo-attention.webp);
}

/*.webp .content-section .info-box-mascot-coffee .mascot-image:before {*/
/*    background-image: url(/wp-content/themes/ministrap-child/assets/images/mascots/webp/mrringo-coffee-white.webp);*/
/*}*/

/* WP Images */
img[class^="wp-image-"],
img[class*=" wp-image-"],
img.aligncenter,
img.size-full {
    max-width: 100%;
    height: auto;
}

img.alignleft {
    float: left;
}

img.alignright {
    float: right;
}

figure.wp-caption {
    max-width: 100%;
    margin: 0 0 20px 0;
}

p.text-center strong > i {
    margin-right: 5px;
}

p.text-center strong > i:before {
    width: auto !important;
}

@media (max-width: 1199px) {
    .page-content figure.wp-caption {
        width: auto !important;
    }
}

/* HTML TABLE */
.page-content table.html-table caption {
    margin: 2rem 0;
    text-transform: uppercase;
    font-family: 'Montserrat';
    font-weight: 600;
    font-size: 1.25rem;
}

.page-content table.html-table th {
    font-size: 10px;
    padding: 5px 10px;
    font-family: Roboto;
}

.page-content table.html-table td.table-logo-holder {
    min-width: 180px;
    max-width: 180px;
    width: 180px;
    font-size: 0.8rem;
    line-height: 1em;
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 78px;
    justify-content: center;
}

.page-content table.html-table td.table-logo-holder img {
    max-width: 100px;
}

.page-content table.html-table td.table-logo-holder span {
    background: transparent;
}

.page-content table.html-table th.table-logo-holder-label {
    min-width: 180px;
    max-width: 180px;
    width: 180px;
}

.page-content table.html-table {
    font-family: 'Montserrat';
}

.page-content table.html-table td.text-left {
    font-weight: 600;
}

.page-content table.html-table td.table-description {
    min-width: 400px;
}

.html-table .table-text-big {
    font-size: 1.25rem;
    font-weight: 600;
}

.page-content table.html-table td.compliance-text {
    text-transform: none;
    font-size: 11px;
    padding: 0.5rem 0 1rem;
}

.html-table .table-btn-conainer .btn {
    margin: 1rem 1.5rem;
    width: auto;
}

.html-table .table-btn-conainer .btn,
.content-section .html-table .table-btn-conainer .btn {
    background-color: #262c4b;
}

@media (max-width: 767px) {
    .page-content table.html-table caption {
        position: absolute;
        white-space: break-spaces;
        top: 2rem;
        width: calc(100vw - 30px);
        left: 0;
        margin: 0;
    }

    .page-content table.html-table tbody {
        overflow-x: auto;
    }

    .page-content table.html-table {
        position: relative;
        padding-top: 7rem !important;
        overflow-x: hidden;
    }

    .content-section .html-table .table-btn-conainer .btn {
        min-width: 150px;
    }
}