a,

a:hover {

    text-decoration: none;

    transition: all 0.3s linear;

}



a {

    color: var(--primary-color);

}



a:hover {

    color: var(--secondary-color);

}



.form-control:focus {

    border-color: #ced4da;

    box-shadow: none;

}



img {

    max-width: 100%;

    height: auto;

}



.border-right-none {

    border-top-right-radius: 0;

    border-bottom-right-radius: 0;

}



.border-left-none {

    border-top-left-radius: 0;

    border-bottom-left-radius: 0;

}



.kubet-header {

    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;

}



.kubet-header-description-search {

    display: block;

}



@media only screen and (max-width: 800px) {

    .kubet-header-description-search {

        position: absolute;

        top: 60px;

        margin: 0;

        height: 40px;

        z-index: 9;

        display: none;

    }

}



.kubet-header-description-search .form-control {

    border-radius: 5px 0 0 5px;

}



.kubet-header-description-search .form-control:focus {

    color: #212529;

    background-color: var(--light-color);

    border-color: var(--primary-color);

    outline: 0;

    box-shadow: none;

}



.kubet-header-description-search .btn {

    border-radius: 0 5px 5px 0;

}



.kubet-header-description-search .btn span svg {

    fill: var(--light-color);

}



.menu-mobile {

    background-color: var(--primary-color);

}



@media only screen and (max-width: 800px) {

    .menu-mobile {

        position: fixed;

        top: 0;

        left: 0;

        width: 80%;

        height: 100%;

        max-width: 320px;

        background-color: var(--primary-color);

        background-size: cover;

        color: var(--primary-variant);

        z-index: 9999;

        transform: translateX(-100%);

        transition: 0.5s;

        overflow-y: scroll;

        padding-bottom: 50px;

    }

}



.menu-mobile ul {

    list-style: none;

    margin: 0;

    padding: 0;

}



@media only screen and (max-width: 800px) {

    .menu-mobile ul {

        margin-top: 50px;

        margin-bottom: 1rem;

    }

}



.menu-mobile ul li {

    display: inline-block;

}



@media only screen and (max-width: 800px) {

    .menu-mobile ul li {

        display: block;

        position: relative;

        border-bottom: 1px solid #ffefef4a;

    }

}



.menu-mobile ul li>a {

    display: inline-block;

    line-height: 65px;

    color: #fff;

    font-size: 16px;

    font-weight: 400;

    padding-right: 20px;

    padding-left: 20px;

}



.menu-mobile ul ul li a {

    color: var(--light-color);

}



@media only screen and (max-width: 800px) {

    .menu-mobile ul li>a {

        font-size: 15px;

        text-transform: uppercase;

        display: block;

        padding: 15px 10px;

        line-height: 1.5;

    }

}



@media only screen and (max-width: 800px) {

    .menu-mobile ul li .li-plus {

        position: absolute;

        width: 45px;

        height: 45px;

        line-height: 45px;

        text-align: center;

        display: block;

        top: 0;

        right: 0;

        color: var(--light-color);

        transition: 0.3s;

        -webkit-transition: 0.3s;

        -moz-transition: 0.3s;

        -ms-transition: 0.3s;

        -o-transition: 0.3s;

    }

}



@media only screen and (max-width: 800px) {

    .menu-mobile ul li .li-plus:before,

    .menu-mobile ul li .li-plus:after {

        position: absolute;

        content: "";

        top: 50%;

        left: 50%;

        transform: translate(-50%, -50%) rotate(-90deg);

        background-color: var(--light-color);

        transition: transform 0.4s ease-in-out, opacity 0.4s ease-in-out;

        -webkit-transform: translate(-50%, -50%) rotate(-90deg);

        -moz-transform: translate(-50%, -50%) rotate(-90deg);

        -ms-transform: translate(-50%, -50%) rotate(-90deg);

        -o-transform: translate(-50%, -50%) rotate(-90deg);

    }

}



@media only screen and (max-width: 800px) {

    .menu-mobile ul li .li-plus:before {

        width: 11px;

        height: 1px;

    }

}



@media only screen and (max-width: 800px) {

    .menu-mobile ul li .li-plus:after {

        width: 1px;

        height: 11px;

    }

}



@media only screen and (max-width: 800px) {

    .menu-mobile ul li .clicked {

        transform: rotate(180deg);

    }

}



@media only screen and (max-width: 800px) {

    .menu-mobile ul li .clicked.li-plus:before {

        display: none;

    }

}



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

    .menu-mobile ul li>ul {

        display: none;

        position: absolute;

        background: var(--primary-color);

        width: max-content;

        min-width: 170px;

        z-index: 1;

        transition: all 0.5s ease-in-out;

        left: 0;

    }

}



@media only screen and (max-width: 800px) {

    .menu-mobile ul li>ul {

        margin-top: 0;

        display: none;

    }

}



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

    .menu-mobile ul li>ul li {

        display: block;

    }

}



@media only screen and (max-width: 800px) {

    .menu-mobile ul li>ul li {

        border: none;

    }

}



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

    .menu-mobile ul li>ul li a {

        display: block;

        line-height: 1;

        padding: 15px 20px;

    }

}



@media only screen and (max-width: 800px) {

    .menu-mobile ul li>ul li a {

        padding-left: 25px;

    }

}



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

    .menu-mobile ul li>ul li a:hover {

        background-color: var(--primary_darker-color);

    }

}



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

    .menu-mobile ul li:hover ul {

        display: block;

    }

}



@media only screen and (max-width: 800px) {

    .menu-mobile ul .current-menu-item a {

        color: var(--light-color);

        font-size: 15px;

    }

}



@media only screen and (max-width: 800px) {

    .menu-mobile ul .current-menu-item ul a {

        color: var(--light-color);

    }

}



@media only screen and (max-width: 800px) {

    .menu-mobile ul .current-menu-parent ul {

        display: block;

    }

}



.menu-mobile ul .menu-item-has-children {

    position: relative;

}



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

    .menu-mobile ul .menu-item-has-children>a {

        position: relative;

    }

}



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

    .menu-mobile ul .menu-item-has-children>a:after {

        content: "";

        position: absolute;

        background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fas' data-icon='caret-down' class='svg-inline--fa fa-caret-down fa-w-10' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath fill='%23fff' d='M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z'%3E%3C/path%3E%3C/svg%3E");

        background-size: 10px;

        background-repeat: no-repeat;

        background-position: center;

        top: 45%;

        right: 5%;

        width: 10px;

        height: 10px;

    }

    .menu-mobile ul li.current-menu-item {

        box-shadow: 0 -8px #ed1c24;

        background: #ed1c24;

        position: relative;

    }

    .menu-mobile ul li.current-menu-item:before {

        position: absolute;

        bottom: 100%;

        left: 100%;

        content: "";

        display: block;

        border-top: 4px solid transparent;

        border-right: 4px solid transparent;

        border-left: 4px solid #8a0005;

        border-bottom: 4px solid #8a0005;

    }

}



@media only screen and (max-width: 800px) {

    .menu-mobile .menu-mobile-close {

        position: absolute;

        width: 40px;

        height: 40px;

        line-height: 40px;

        text-align: center;

        top: 0;

        right: 10px;

    }

}



@media only screen and (max-width: 800px) {

    .menu-mobile .menu-mobile-close svg {

        color: var(--light-color);

        width: 50%;

    }

}



@media only screen and (max-width: 800px) {

    .menu-mobile .menu-mobile-close svg path {

        fill: var(--light-color);

        stroke: var(--light-color);

    }

}



@media only screen and (max-width: 800px) {

    .menu-mobile.menu-mobile-active {

        transform: translate(0);

    }

}



.overlay {

    position: fixed;

    visibility: hidden;

    opacity: 0;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    z-index: 1998;

    background: rgba(0, 0, 0, 0.5);

    -webkit-transition: opacity 0.2s ease;

    transition: opacity 0.2s ease;

}



.overlay.overlay-active {

    opacity: 1;

    visibility: visible;

}



.header__bars {

    cursor: pointer;

}



.header__bars svg {

    color: var(--black-color);

}



.header__close {

    display: none;

}



.header__close svg {

    color: var(--light-color);

}



.header__search svg {

    fill: var(--light-color);

}



.kubet-footer {

    background-color: var(--primary-color);

}



.kubet-footer-left-icon ul {

    list-style-type: none;

    margin: 0;

}



.kubet-footer-left-icon ul li {

    display: inline-block;

    margin-left: 0.25rem !important;

    margin-right: 0.25rem !important;

}



.kubet-footer-left-icon ul li a {

    display: inline-block;

    margin: 5px;

}



.kubet-footer-left-icon ul li a svg {

    filter: grayscale(100%);

    border-radius: 50%;

    width: auto;

}



.kubet-footer-left-icon ul li a svg:hover {

    filter: grayscale(0%);

}



.kubet-footer-left-content ul {

    list-style-type: none;

    margin: 0;

}



.kubet-footer-left-content ul li {

    display: inline-block;

}



.kubet-footer-left-content ul li a {

    color: var(--light-color);

    font-size: 14px;

    padding-right: 10px;

    margin-right: 10px;

}



.kubet-footer-left-content ul li a:hover {

    color: var(--secondary-color);

}



.kubet-footer-left-content ul li:not(:last-child) a {

    border-right: 1px solid var(--light-color);

}



.kubet-footer-right a {

    font-size: 15px;

    line-height: 1.5;

}



.kubet-footer-brand {

    background: rgba(0, 16, 9, 0.8);

}



.kubet-footer-brand p {

    font-size: 13px;

    color: var(--gray-color);

    margin: 0;

}



.kubet-footer-btn {

    bottom: 10px;

    left: 0;

}



.kubet-footer-btn a {

    text-decoration: none;

    text-transform: uppercase;

    font-weight: 700;

    font-size: 15px;

    opacity: 1 !important;

    transition: transform 0.2s;

    border-radius: 35px;

}



.kubet-footer-btn-signin {

    z-index: 2;

    position: relative;

    color: var(--light-color);

    background: var(--primary_darker-color);

    border: 1px solid var(--primary_darker-color);

    border-radius: 35px;

}



.kubet-footer-btn-signin:hover {

    color: var(--primary-color);

    background: var(--light-color);

}



.kubet-footer-btn-signup {

    background-color: var(--secondary-color);

    border: 1px solid var(--secondary-color);

    margin-left: -45px;

    color: var(--light-color);

    border-radius: 35px;

}



@media only screen and (max-width: 500px) {

    .kubet-footer-btn-signup {

        margin-left: -32px;

    }

}



.kubet-footer-btn-signup:hover {

    color: var(--secondary-color);

    background: var(--light-color);

}



.backToTop {

    position: fixed;

    z-index: 2222;

    bottom: 130px;

    right: -120%;

    background-color: #333;

    width: 50px;

    height: 50px;

    border-radius: 50%;

    line-height: 50px;

    text-align: center;

    transition: 0.8s;

    color: var(--light-color);

    cursor: pointer;

    display: flex;

    justify-content: center;

}



.backToTop:hover {

    background-color: var(--primary-color);

}



.backToTop.show__backToTop {

    right: 10px;

}



.kubet-main-description-title a {

    font-weight: 600;

    line-height: 1.2em;

}



.kubet-main-description-title.small-title a {

    display: -webkit-box;

    height: 40px;

    -webkit-box-orient: vertical;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: normal;

    -webkit-line-clamp: 2;

}



.kubet-main-description-time *> {

    display: inline-block;

}



.kubet-main-description-time img {

    border-radius: 100%;

    height: 25px;

    object-fit: cover;

}



.kubet-main-description-time span {

    font-size: 14px;

    line-height: 1.5;

    color: #242424;

}



.kubet-main-description-time-updates {

    border-left: 1px solid var(--gray-color);

}



.kubet-main-description-content p {

    line-height: 1.5;

    font-weight: 400;

    font-size: 1rem;

}



.kubet-main-description-content a {

    border-radius: 5px;

    color: var(--light-color);

    font-size: 15px;

}



.kubet-main-description-content a:hover {

    border: 1px solid var(--primary-color);

    background-color: var(--light-color);

    color: var(--primary-color);

}



:root {

    --primary-color: #1e72bd;

    --primary_darker-color: #155996;

    --secondary-color: #ffbb00;

    --light-color: var(--light-color);

    --dark-color: #2f4468;

    --gray-color: #e4e4e4;

    --black-color: #242424;

}



.kubet-text-primary {

    color: var(--primary-color);

}



.kubet-text-primary:hover {

    background-color: #35343a;

}



.black-color {

    color: var(--black-color);

}



.dark-color {

    color: var(--dark-color);

}



.kubet-hover-primary:hover {

    color: var(--primary-color);

}



.kubet-bg-primary {

    background-color: var(--primary-color);

    border: 1px solid var(--primary-color);

}



.kubet-bg-hover-primary:hover {

    background-color: var(--primary_darker-color);

}



.kubet-bg-primary_darker {

    background-color: var(--primary_darker-color);

}



.kubet-bg-hover-secondary:hover {

    background-color: var(--secondary-color);

}



@media only screen and (max-width: 500px) {

    .kubet-detail-description-title {

        font-size: 1.2rem;

    }

}



.kubet-detail-description-content {

    border: 1px dashed var(--gray-color);

    border-right: none;

    border-left: none;

}



.kubet-detail-description-post {

    border-top: 1px solid var(--gray-color);

}



.kubet-detail-description-post-content:hover svg {

    color: var(--primary-color);

}



@media only screen and (max-width: 0px) {

    .kubet-detail-description-post-content a {

        top: -12px;

        right: 3px;

    }

}



.kubet-detail-author {

    border-left: 3px solid var(--primary-color);

    flex-direction: row;

}



@media only screen and (max-width: 800px) {

    .kubet-detail-author-avatar {

        margin-right: 0;

        width: 100%;

        margin-top: -33px;

    }

}



.kubet-detail-author-avatar img {

    width: 100px;

    height: 100px;

    min-width: 100px;

    border-radius: 50%;

    object-fit: cover;

}



.kubet-detail-author-description-title p {

    font-weight: 600;

    line-height: 1.6;

    margin: 0;

}



.kubet-detail-author-description-content {

    line-height: 1.6em;

}



.kubet-detail-posts-title {

    font-size: 18px;

    text-transform: uppercase;

    font-weight: 700;

    color: var(--primary-color);

}



.kubet-detail-posts-title:before {

    content: "";

    width: 15px;

    height: 15px;

    background: var(--primary-color);

    display: inline-block;

    margin-right: 3px;

}



.kubet-detail-bredcrumb {

    border: 1px solid var(--gray-color);

    border-right: none;

    border-left: none;

}



.rank-math-breadcrumb p {

    color: var(--primary-color);

    margin: 0;

}



.rank-math-breadcrumb p a {

    color: var(--primary-color);

}



.rank-math-breadcrumb p a:hover {

    color: red;

}



blockquote {

    background: #f8f6f1 !important;

    border: solid 1px #e7e2d5;

    padding: 20px !important;

    color: #6a6043 !important;

    font-size: 0.875em !important;

    line-height: 1.4em !important;

    border-radius: 5px;

}



blockquote p:last-child {

    margin-bottom: 0;

}



table {

    width: 100%;

    margin-bottom: 1rem;

    background-color: transparent;

}



table td,

table th {

    padding: 0.75rem;

    vertical-align: top;

    border-top: 1px solid #dee2e6;

}



.widget .widget-title:before {

    content: " ";

    position: absolute;

    bottom: -0.8rem;

    left: 0;

    width: 30px;

    height: 3px;

    display: block;

    background: var(--primary-color);

}



.page-load-status {

    display: none;

}



.loader-ellips {

    font-size: 20px;

    position: relative;

    width: 4em;

    height: 1em;

    margin: 10px auto;

}



.see-more button:disabled,

.see-more button[disabled] {

    display: none;

}



.loader-ellips__dot {

    display: block;

    width: 0.8em;

    height: 0.8em;

    border-radius: 0.5em;

    background: var(--primary-color);

    position: absolute;

    animation-duration: 0.5s;

    animation-timing-function: ease;

    animation-iteration-count: infinite;

}



.loader-ellips__dot:nth-child(1),

.loader-ellips__dot:nth-child(2) {

    left: 0;

}



.loader-ellips__dot:nth-child(3) {

    left: 1.5em;

}



.loader-ellips__dot:nth-child(4) {

    left: 3em;

}



@keyframes reveal {

    from {

        transform: scale(0.001);

    }

    to {

        transform: scale(1);

    }

}



@keyframes slide {

    to {

        transform: translateX(1.5em);

    }

}



.loader-ellips__dot:nth-child(1) {

    animation-name: reveal;

}



.loader-ellips__dot:nth-child(2),

.loader-ellips__dot:nth-child(3) {

    animation-name: slide;

}



.loader-ellips__dot:nth-child(4) {

    animation-name: reveal;

    animation-direction: reverse;

}



::-webkit-scrollbar {

    width: 10px;

}



::-webkit-scrollbar-track {

    background: #f1f1f1;

}



::-webkit-scrollbar-thumb {

    background: var(--primary_darker-color);

}



::-webkit-scrollbar-thumb:hover {

    background: var(--primary_darker-color);

}





/*# sourceMappingURL=style.css.map */



.kubet-block_navigation a {

    text-transform: uppercase;

    color: var(--light-color);

    font-weight: bold;

    padding: 10px;

    background: var(--primary-color);

    border: 1px solid var(--primary-color);

    text-align: center;

    display: inline-block;

    border-radius: 5px;

}



.kubet-block_navigation a:hover {

    color: var(--primary-color);

    background: var(--light-color);

}



.kubet-block_top_game {

    border-radius: 5px;

    transition: all 0.5s ease-in-out;

    box-shadow: 0 0 25px 0 #00000033;

    position: relative;

    background: var(--light-color);

    color: #333;

    margin-bottom: 30px;

    padding: 10px;

}



.kubet-block_top_game-icongame {

    border-right: 1px solid #ccc;

}



@media only screen and (max-width: 800px) {

    .kubet-block_top_game-icongame {

        border-right: none;

    }

}



.kubet-block_top_game-icongame_image img {

    width: 168px;

}



.kubet-block_top_game-number {

    position: absolute;

    border-radius: 5px;

    top: 0;

    color: var(--light-color);

    font-weight: 500;

}



.kubet-block_top_game-number:before {

    content: "";

    background-color: rgba(0, 0, 0, 0.1);

    display: block;

    width: 30px;

    height: 12px;

    top: 0;

    left: 0;

    right: 0;

    border-radius: 5px 5px 0 0;

    z-index: 1;

}



.kubet-block_top_game-wraptitle {

    min-height: 105px;

}



@media only screen and (max-width: 800px) {

    .kubet-block_top_game-wraptitle {

        border-right: none;

    }

}



.kubet-block_top_game-wraptitle_title {

    font-size: 24px;

    font-weight: 500;

    text-transform: uppercase;

}



.kubet-block_top_game-wraptitle_content {

    font-size: 14px;

    color: #888;

    font-weight: 500;

    margin-bottom: 0;

}



.kubet-block_top_game-voting-star {

    border: 1px solid #ccc;

    border-radius: 30px;

    padding: 10px;

    margin: 0 20px;

    font-size: 14px;

}



.kubet-block_top_game-voting-star svg {

    padding: 0 4px;

    color: #ff941a;

    cursor: pointer;

}



.kubet-block_top_game_btn {

    border-left: 1px solid #ccc;

}



@media only screen and (max-width: 800px) {

    .kubet-block_top_game_btn {

        border-left: none;

    }

}



.kubet-block_top_game_btn-blue {

    display: inline-block;

    margin: 5px 0;

    font-size: 14px;

    text-align: center;

    width: 86%;

    padding: 10px;

    font-weight: 400;

    color: var(--light-color);

    border-radius: 20px;

    border: 1px solid var(--primary-color);

    box-shadow: 0 0 15px 0 #ffffff59;

    background-color: var(--primary-color);

}



.kubet-block_top_game_btn-blue svg {

    transform: translateY(-2px);

}



.kubet-block_top_game_btn-blue:hover {

    border: 1px solid var(--primary-color);

    background-color: var(--light-color);

    color: var(--primary-color);

}



.kubet-block_top_game_btn-green {

    display: inline-block;

    margin: 5px 0;

    font-size: 14px;

    text-align: center;

    width: 86%;

    padding: 10px;

    font-weight: 400;

    background-color: var(--primary_darker-color);

    color: var(--light-color);

    border: 1px solid var(--primary_darker-color);

    border-radius: 20px;

    box-shadow: 0 0 15px 0 #ffffff59;

}



.kubet-block_top_game_btn-green svg {

    transform: translateY(-2px);

}



.kubet-block_top_game_btn-green:hover {

    border: 1px solid var(--primary_darker-color);

    background-color: var(--light-color);

    color: var(--primary_darker-color);

}



#rank-math-faq {

    margin: 40px 0;

    border: 1px solid #e0e0e0;

    border-top: 4px solid var(--primary-color);

    padding: 20px;

    position: relative;

}



#rank-math-faq .rank-math-question {

    font-style: normal;

    font-weight: 700;

    font-size: 16px;

    line-height: 28px;

    padding: 18px 0 13px;

    margin-top: 0;

    margin-bottom: 0;

    color: #333;

    position: relative;

    cursor: pointer;

}



#rank-math-faq .rank-math-question:after {

    content: "";

    background: url("https://lsmarchingband.org/static/img/chevron-down-black.svg") no-repeat right center;

    position: absolute;

    right: 0;

    top: 50%;

    z-index: 1;

    width: 10px;

    height: 10px;

    -webkit-transform: rotate(0deg);

    -moz-transform: rotate(0deg);

    -ms-transform: rotate(0deg);

    -o-transform: rotate(0deg);

    transform: rotate(0deg);

    transition: all 0.3s;

}



#rank-math-faq .rank-math-question.faq-active:after {

    -webkit-transform: rotate(180deg);

    -moz-transform: rotate(180deg);

    -ms-transform: rotate(180deg);

    -o-transform: rotate(180deg);

    transform: rotate(180deg);

}



#rank-math-faq .rank-math-list-item:not(first-child) .rank-math-answer {

    display: none;

}



#rank-math-faq .rank-math-list-item:not(:last-child) {

    border-bottom: 1px solid #f0f0f0;

}



#rank-math-faq .rank-math-answer {

    padding: 0 10px;

}



#rank-math-faq .rank-math-answer p,

#rank-math-faq .rank-math-answer {

    color: #666;

    background-color: var(--light-color);

    font-size: 18px;

}



header {

    -webkit-transition: all 0.7s ease-in-out;

    -moz-transition: all 0.7s ease-in-out;

    -ms-transition: all 0.7s ease-in-out;

    -o-transition: all 0.7s ease-in-out;

    transition: all 0.7s ease-in-out;

}



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

    #kubet-header.header-active {

        animation: slide-down 0.7s;

        position: fixed;

        width: 100%;

        z-index: 99999999;

        -webkit-transition: all 0.7s ease-in-out;

        -moz-transition: all 0.7s ease-in-out;

        -ms-transition: all 0.7s ease-in-out;

        -o-transition: all 0.7s ease-in-out;

        transition: all 0.7s ease-in-out;

        box-shadow: 0 2px 6px rgb(0 0 0 / 20%);

        top: 0;

    }

}



@keyframes slide-down {

    0% {

        opacity: 1;

        transform: translateY(-100%);

    }

    100% {

        opacity: 1;

        transform: translateY(0);

    }

}



#wpadminbar {

    z-index: 9999999999;

}



.cdc-ads-left {

    position: fixed;

    left: 0;

    top: 150px;

}



.cdc-ads-right {

    position: fixed;

    right: 0;

    top: 150px;

}



.cdc-ads-bottom {

    position: fixed;

    left: 50%;

    transform: translateX(-50%);

    bottom: 0;

}



.cdc-ads {

    z-index: 9;

}



@media only screen and (max-width: 800px) {

    .cdc-ads-bottom {

        width: 100%;

    }

}



.kubet-header-description-logo img {

    height: 80px;

    width: auto;

    object-fit: contain;

}



.cdc-ads-left img,

.cdc-ads-right img {

    max-width: calc(100vw / 2 - 650px);

}



@media only screen and (max-width: 1400px) {

    .cdc-ads-left img,

    .cdc-ads-right img {

        max-width: calc(100vw / 2 - 570px);

    }

}



@media only screen and (max-width: 1200px) {

    .cdc-ads-left img,

    .cdc-ads-right img {

        max-width: calc(100vw / 2 - 480px);

    }

}



.cdc-ads-bottom img {

    max-height: 100px;

    width: auto;

}



#ftwp-container.ftwp-fixed-to-post {

    z-index: 99999999 !important;

}



.mobile-button.sticky.is-sticky {

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    z-index: 99;

}



.mobile-button .btn-custom {

    border-radius: 0;

    border: 0;

    display: block;

    font-size: 14px;

    font-weight: 400;

    background: var(--primary_darker-color);

    width: 100%;

    height: 40px;

    text-align: center;

    line-height: 40px;

    color: var(--light-color);

}



.mobile-button .btn-custom:nth-child(1) {

    background: var(--secondary-color);

}



.mobile-button .btn-custom:hover {

    color: var(--primary_darker-color);

    background: var(--light-color);

}



.mobile-button .btn-custom:nth-child(1):hover {

    color: var(--secondary-color);

    background: var(--light-color);

}



.latest-posts .media {

    display: flex;

    align-items: center;

}



.latest-posts .media .pull-left {

    width: 64px;

    height: 64px;

    margin-right: 1rem;

}



.latest-posts .media .pull-left img {

    height: 100%;

    object-fit: cover;

}



.latest-posts .media .media-body {

    flex: 1;

}



.latest-posts .media .media-body .entry-title a {

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    overflow: hidden;

    text-overflow: ellipsis;

    word-break: break-word;

}



.latest-posts .media .media-body .entry-title a:hover {

    color: var(--primary-color);

}



.latest-posts .media .media-body .entry-meta {

    font-size: 12px;

    display: flex;

    align-items: center;

    gap: 2rem;

}



.latest-posts .media .media-body .entry-meta span {

    display: flex;

    justify-content: center;

    align-items: center;

    gap: 5px;

}



.footer__top .footer-item .footer-title {

    border-bottom: 1px solid #f1f1f1;

    padding-bottom: 10px;

    margin-bottom: 10px;

    text-transform: uppercase;

    font-size: 1.3rem;

    font-weight: 700;

}



.footer__top .footer-item .list-item {

    margin-bottom: 10px;

}



.footer__top .footer-item .list-item .title {

    font-size: 1.3rem;

    font-weight: 600;

    margin-bottom: 10px;

}



.footer__top .footer-item .list-social {

    margin-top: 2rem;

}



.footer__top .footer-item .list-social .title {

    font-size: 1.8rem;

    font-weight: 600;

    margin-bottom: 10px;

}



.footer__top .footer-item .list-social ul {

    display: flex;

    align-items: center;

    gap: 0 2rem;

}



.widget_recent_entries .post-date {

    display: block;

}



.kubet-main-bet-description-voting-star {

    padding: 10px;

    margin: 0 20px;

    font-size: 14px;

}



.kubet-main-bet-description-voting-star svg {

    padding: 0 4px;

    color: #ff941a;

    cursor: pointer;

}



.f88-category-content-left-content {

    display: flex;

    flex-wrap: wrap;

    align-items: center;

    padding: 5px 6px;

    border-radius: 3px;

    padding-bottom: 1.5rem;

    border-bottom: 1px solid #ccc;

}



.f88-category-content-left-content_image {

    width: 60px;

    padding: 3px 10px 3px 0;

}



.f88-category-content-left-content_description {

    flex: 1;

    display: flex;

    flex-wrap: wrap;

    align-items: center;

}



.f88-category-content-left-content_description-title {

    width: 50%;

    color: #f3344a;

    font-weight: 700;

}



.f88-category-content-left-content_description-rating {

    width: 50%;

    text-align: right;

}



.f88-category-content-left-content_description-rating b {

    font-weight: bolder;

    color: #000;

}



.f88-category-content-left-content_description-rating svg {

    color: #ffc434;

    transform: translateY(-2px);

}



.f88-category-content-left-content_description-content {

    flex: 1;

    font-size: 13px;

    padding-right: 5px;

    margin-top: 15px;

    margin-bottom: 0;

}



.f88-category-content-left-content_description-condition span {

    font-size: 10px;

    color: #888;

    border: 1px solid #c9c9c9;

    border-radius: 10px;

    padding: 1px 2px;

}



.f88-category-content-left-content_description-link {

    width: 100%;

    display: flex;

    margin-top: 10px;

}



.f88-category-content-left-content_description-link-review {

    color: #fff;

    flex: 1;

    border-radius: 15px;

    text-align: center;

    padding: 3px;

    border: 1px solid #001f80;

    font-size: 13px;

    background: #001f80;

    margin-right: 10px;

}



.f88-category-content-left-content_description-link-review svg {

    color: #fff;

    transform: translateY(-2px);

}



.f88-category-content-left-content_description-link-review:hover {

    color: #001f80;

    border: 1px solid #001f80;

    background: #fff;

}



.f88-category-content-left-content_description-link-review:hover svg {

    color: #001f80;

}



.f88-category-content-left-content_description-link-pink {

    color: #fff;

    flex: 1;

    border-radius: 15px;

    text-align: center;

    padding: 3px;

    font-size: 13px;

    background: #f3344a;

    border: 1px solid #f3344a;

}



.f88-category-content-left-content_description-link-pink:hover {

    border: 1px solid #f3344a;

    color: #f3344a;

    background: #fff;

}



.f88-category-content-left-headline a {

    display: block;

    color: #e7001d;

    font-weight: 600;

    text-transform: uppercase;

    font-size: 16px;

}



.f88-category-content-left-headline a svg {

    color: #e7001d;

}



.f88-category-content-left-btn a {

    border: 1px solid #000;

    color: #000;

    padding: 5px 15px;

    border-radius: 5px;

}



a.kubet-utilities_icon {

    border-radius: 6px;

    box-shadow: 0 0 40px 0 rgb(0 56 97 / 6%);

    position: relative;

    color: #fff;

    background-color: var(--primary-color);

    border: 2px solid var(--primary-color);

    transition: all 0.3 ease-in-out;

}



a.kubet-utilities_icon:hover {

    background-color: #fff;

    color: var(--primary-color);

}



a.kubet-utilities_icon img {

    max-height: 40px;

    width: auto;

}



.wpcf7-form p {

    margin: 0;

    padding: 0;

}



.wpcf7-form br {

    display: none;

}



#dang-ky .modal-header {

    background: var(--primary-color);

    color: #fff;

    font-weight: bold;

    font-size: 1.3rem;

}



#dang-ky .wpcf7-submit {

    display: block;

    width: 100% !important;

    background: #e71c1c;

}



#dang-ky input {

    box-shadow: none;

    border: 1px solid;

    border-radius: 4px;

    min-height: 50px;

}



#dang-ky .input-gr {

    display: flex;

    width: 100%;

    background: #fff;

    align-items: center;

    border-bottom: 1px solid #ddd;

}



#dang-ky .input-gr .label-text {

    padding: 15px;

    font-weight: bold;

    width: max-content;

    min-width: 150px;

}



#dang-ky .input-gr input {

    border: 0;

    box-shadow: none;

    box-sizing: border-box;

    background-color: #fff;

    height: 48px;

    margin: 0;

    padding: 0;

    display: block;

    width: 100%;

}



#dang-ky .btn_submit input {

    background: var(--secondary-color) !important;

    display: block;

    height: 50px;

    border: none;

    color: #fff;

    font-weight: bold;

    text-transform: uppercase;

}



#dang-ky .modal-body {

    background: #f0eff5;

}



#dang-ky .btn_submit {

    width: 92%;

    padding: 21px;

    margin: 0 auto;

}



#dang-ky .btn-close {

    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;

}



.wpcf7-spinner {

    position: absolute;

}



@media (max-width: 992px) {

    .kubet-detail-bredcrumb {

        background: var(--primary-color);

    }

    .rank-math-breadcrumb p,

    .rank-math-breadcrumb p a {

        color: #fff;

    }

    a.kubet-utilities_icon p {

        font-size: 13px;

    }

}