/*
Theme Name: Hoop Casino
Description: Standalone Hoop Casino theme, merged from the CoinFlip parent and the Hoop child theme so the site no longer depends on unlicensed theme code or the Redux plugin.
Author: Fortis Media
Version: 1.0.0
Requires PHP: 8.1
Text Domain: coinflip
*/

#page {
    position: relative
}

@media only screen and (min-width:768px) and (max-width:1023px) {
    .navbar-header h1.logo {
        margin: 10px auto
    }
}

.logo {
    background-image: url('./images/logo-wtext.svg');
    width: 159px;
    background-repeat: no-repeat;
    background-position: center right
}

.page .slider-tmpl article.type-page {
    padding: 0
}

#navbar .menu-item>a {
    padding: 18px 15px !important
}

@media only screen and (min-width:1024px) {
    .navbar-header h1.logo {
        margin: 10px 0 10px 10px !important
    }
}

body .navbar-header {
    ;
    text-align: unset !important
}

header.header1 #modeltheme-main-head .container .row {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

#navbar .menu-item>a {
    font-weight: 600 !important
}

#top-icons-section {
    margin-top: -80px;
    z-index: 100
}

.coinflip-single-list-item .blog_custom_listings>.row,
.search-post .main-content>.row {
    display: flex;
    flex-direction: column;
    margin: 0;
    height: 100%
}

.coinflip-single-list-item .blog_custom_listings>.row .coinflip-details,
.search-post .main-content>.row .coinflip-details {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center
}

.coinflip-single-list-item .blog_custom_listings>.row .coinflip-details .button.general-btn,
.search-post .main-content>.row .coinflip-details .button.general-btn {
    margin-top: auto;
    margin-bottom: 5px
}

.casino-list-item .casino-list-item__image {
    height: 220px;
    padding: 15px;
    padding-top: 50px;
    background: #fff;
    overflow: hidden
}

.casino-list-item__image img {
    width: 100%;
    height: 100%;
    object-fit: contain
}

.mt-casinos-list__image {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 120px;
    height: 120px;
    padding: 5px
}

.mt-casinos-list__image img {
    width: 100%;
    height: 100%;
    object-fit: contain
}

.page-template-template-bonuses .bonuses-list .bonus-taxonomy .listings_custom,
.tax-mt-bonus-category .bonuses-list .bonus-taxonomy .listings_custom {
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.single-related-casinos .posts-listings .ico-info .casino-img {
    display: flex;
    align-items: center;
    min-height: 100px;
    padding-left: 25px
}

.content-single-listing__main {
    display: flex;
    margin-bottom: 30px
}

.content-single-listing__main-image {
    flex: 0 0 auto
}

.content-single-listing__description {
    margin: 0 0 40px
}

@media screen and (max-width:576px) {
    .content-single-listing__main {
        flex-direction: column
    }

    .content-single-listing__main-image {
        max-width: 150px !important
    }
}

.bonus-grid-shortcode .big-parent {
    margin: 0 !important;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px
}

.bonus-grid-shortcode .big-parent::before,
.bonus-grid-shortcode .big-parent::after,
.bonus-grid-shortcode .coinflip-single-list-item .row::before,
.bonus-grid-shortcode .coinflip-single-list-item .row::after {
    display: none
}

.bonus-grid-shortcode .coinflip-single-list-item {
    width: auto !important;
    padding: 0 !important;
    margin: 0 !important;
    float: none !important;
    position: relative;
    top: 0;
    transition: top .4s ease, box-shadow .4s ease
}

.bonus-grid-shortcode .coinflip-single-list-item:hover {
    box-shadow: 20px 37px 102px rgba(0, 0, 0, 0.2);
    cursor: pointer;
    top: -10px
}

.bonus-grid-shortcode .coinflip-single-list-item .blog_custom {
    margin: 0 !important;
    box-shadow: none !important;
    transform: none !important
}

.bonus-grid-shortcode .coinflip-single-list-item .post {
    background-color: white
}

.bonus-grid-shortcode .coinflip-single-list-item .post,
.bonus-grid-shortcode .coinflip-single-list-item .blog_custom,
.bonus-grid-shortcode .coinflip-single-list-item .row {
    height: 100%
}

.bonus-grid-shortcode .coinflip-single-list-item .row {
    display: flex;
    flex-direction: column
}

.bonus-grid-shortcode .coinflip-single-list-item .thumbnail-name,
.bonus-grid-shortcode .coinflip-single-list-item .coinflip-details {
    float: none
}

.bonus-grid-shortcode .coinflip-single-list-item .coinflip-details-title {
    box-shadow: none !important
}

.bonus-grid-shortcode .coinflip-single-list-item .coinflip-details {
    margin-top: auto
}

.bonus-grid-shortcode .coinflip-single-list-item .bonus-code {
    width: fit-content;
    max-width: 100%;
    padding-left: 10px;
    padding-right: 10px
}

@media only screen and (max-width:1199px) {
    .bonus-grid-shortcode .big-parent {
        grid-template-columns: repeat(3, 1fr)
    }
}

@media only screen and (max-width:991px) {
    .bonus-grid-shortcode .big-parent {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media only screen and (max-width:767px) {
    .bonus-grid-shortcode section.coinflip-gallery img {
        width: 100% !important
    }
}

@media only screen and (max-width:499px) {
    .bonus-grid-shortcode .big-parent {
        grid-template-columns: repeat(1, 1fr)
    }
}

.mt_bonus .bonuses-section>.row {
    margin: 0 !important;
    display: flex;
    flex-wrap: wrap;
    gap: 0 30px
}

.mt_bonus .bonuses-section>.row::before,
.mt_bonus .bonuses-section>.row::after,
.mt_bonus .bonuses-section .blog_custom .row::before,
.mt_bonus .bonuses-section .blog_custom .row::after {
    display: none
}

.mt_bonus .bonuses-section>.row .blog_custom {
    padding: 0 !important;
    width: calc(33.33333333% - 20px) !important;
    background-color: #fff
}

.mt_bonus .bonuses-section .blog_custom .row {
    display: flex;
    flex-direction: column;
    height: 100%
}

.mt_bonus .bonuses-section .blog_custom .thumbnail-name,
.mt_bonus .bonuses-section .blog_custom .coinflip-details {
    float: none
}

.mt_bonus .bonuses-section .blog_custom .coinflip-details-title {
    box-shadow: none !important
}

.mt_bonus .bonuses-section .blog_custom .coinflip-details {
    margin-top: auto
}

@media only screen and (max-width:767px) {
    .mt_bonus .bonuses-section>.row .blog_custom {
        width: calc(50% - 15px) !important
    }
}

@media only screen and (max-width:499px) {
    .mt_bonus .bonuses-section>.row .blog_custom {
        width: 100% !important
    }
}