/**********************************/
/********** General CSS ***********/
/**********************************/
body {
    color: #000000;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    background: #ffffff;
    font-family: ROBOTO,sans-serif;
    font-size: .8em !important;
    overflow-x: hidden;
}

img,
iframe,
video {
    max-width: 100%;
}

.template-switcher {
    position: fixed;
    top: 5px;
    right: 12px;
    height: 30px;
    z-index: 9999;
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 0 8px;
    background: rgba(255, 255, 255, 0.95);
    border: 1px solid #d8d8d8;
    border-radius: 6px;
}

.template-switcher label {
    margin: 0;
    font-size: 12px;
    font-weight: 600;
}

.template-switcher select {
    height: 28px;
    border: 1px solid #bdbdbd;
    border-radius: 4px;
    font-size: 12px;
    padding: 0 6px;
    background: #fff;
}

/*** 2nd row menu scrollbar - start ***/
.dropdown-menu {
    scrollbar-width: thin; /* firefox */
}

    .dropdown-menu::-webkit-scrollbar, .dropdown-menu::-webkit-scrollbar:horizontal {
        height: 6px;
    }

.dropdown-item::-webkit-scrollbar-thumb, .dropdown-item::-webkit-scrollbar-thumb:horizontal {
    height: 5px;
    background: #ff000088;
}

.dropdown-menu::-webkit-scrollbar-thumb:hover, .dropdown-menu::-webkit-scrollbar-thumb:horizontal:hover {
    background: #ff0000ff;
    border-top: 1px solid #fff;
}

.dropdown-menu::-webkit-scrollbar-track, .dropdown-menu::-webkit-scrollbar-track:horizontal {
    background: #ff00002d;
    border-top: 3px solid #fff;
}
/*** 2nd row menu scrollbar - end ***/

.external_link {
    background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2212%22 height=%2212%22%3E %3Cpath fill=%22%23fff%22 stroke=%22%2336c%22 d=%22M1.5 4.518h5.982V10.5H1.5z%22/%3E %3Cpath fill=%22%2336c%22 d=%22M5.765 1H11v5.39L9.427 7.937l-1.31-1.31L5.393 9.35l-2.69-2.688 2.81-2.808L4.2 2.544z%22/%3E %3Cpath fill=%22%23fff%22 d=%22M9.995 2.004l.022 4.885L8.2 5.07 5.32 7.95 4.09 6.723l2.882-2.88-1.85-1.852z%22/%3E %3C/svg%3E");
    background-position: center right;
    background-repeat: no-repeat;
    padding-right: 13px;
}

.external_link:hover{
    color: #007bff;
    text-decoration: underline;
}

.navbar-brand {
    color: #fff;
}

.navbar-red .navbar-toggler {
    background: #f1f4f3f0;
}

.navbar-red .navbar-toggler-icon {
    background-image: url("../img/hamburger-icon.png") !important;
}

.dropdown-toggle::after {
    content: none !important;
}

a {
    color: #000;
    transition: 0.5s;
}

    a:hover,
    a:active,
    a:focus {
        color: #000000;
        outline: none;
        text-decoration: none;
    }

p {
    padding: 0;
    margin: 0 0 15px 0;
    /*color: #000000;*/
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0 0 15px 0;
    padding: 0;
    color: #000000;
    font-weight: 600;
}

h4,
h5,
h6 {
    font-weight: 400;
}

.back-to-top {
    position: fixed;
    display: none;
    background: red;
    color: #ffffff;
    width: 35px;
    height: 35px;
    text-align: center;
    line-height: 1;
    font-size: 16px;
    right: 15px;
    bottom: 15px;
    transition: background 0.5s;
    border-radius: 4px;
    z-index: 11;
}

    .back-to-top:hover {
        /*background: #fff;*/
    }

    .back-to-top i {
        padding-top: 9px;
        color: #ffffff;
    }

/**********************************/
/********* Form Input CSS *********/
/**********************************/
.form-control,
.custom-select {
    width: 100%;
    height: 35px;
    padding: 5px 15px;
    color: #999999;
    border: 1px solid #cccccc;
    margin-bottom: 15px
}

    .form-control:focus,
    .custom-select:focus {
        box-shadow: none;
        border-color: #000;
    }

.custom-radio,
.custom-checkbox {
    margin-bottom: 15px;
}

    .custom-radio .custom-control-label::before,
    .custom-checkbox .custom-control-label::before {
        border-color: #cccccc;
    }

    .custom-radio .custom-control-input:checked ~ .custom-control-label::before,
    .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
        color: #ffffff;
        background: #000;
    }

button.btn {
    color: #ffffff;
    background: #000000;
    border: 1px solid #000000;
}

    button.btn:hover {
        color: #ffffff;
        background: red;
        border-color: red;
    }


/**********************************/
/*********** Banner CSS ************/
/**********************************/
#banner-title {
    background-color: #d30015;
    color: white;
    display: inline-block;
    width: 49%;
    text-align: center;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .3);
    height: 106px;
}
/*
#txtBannerTitle {
    font-size: 27px;
    height: 90px;
    text-align: center;
    margin-top: 35px;
    white-space: nowrap;
    overflow: hidden;
    margin-left: 10px;
    margin-right: 10px;
    color: #fff;
    font-family: 'Comfortaa', cursive;
}
*/


#banner-category {
    color: white;
    display: inline-block;
    width: 49%;
    text-align: center;
    height: 106px;
}
/*
#txtBannerCategory {
    font-size: 13px;
    height: 90px;
    text-align: center;
    margin-top: 24px;
    white-space: nowrap;
    overflow: hidden;
    margin-left: 10px;
    margin-right: 10px;
    font-family: 'Comfortaa', cursive;
}
*/

.banner {
    margin: 0;
    background: #ffffff;
}

.banner-row > [class*="col-"] {
    margin-bottom: 0;
}

.banner-row > [class*="col-"]:last-child {
    margin-bottom: 0;
}

.banner-brand-group {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
}

    .banner .b-logo {
        text-align: left;
        overflow: hidden;
    }

        .banner .b-logo a img {
            max-width: 100%;
            max-height: 60px;
        }

    .banner .b-ads {
        overflow: hidden;
    }

        .banner .b-ads a img {
            max-width: 100%;
            max-height: 100%;
        }

        #navbarCollapse	{ border-right: white 2px solid; }

#banner-title,
#banner-category {
    width: 100%;
    min-height: 106px;
    height: 100%;
    /*padding: 14px 18px;*/
    display: flex;
    align-items: center;
    justify-content: center;
}

#txtBannerTitle,
#txtBannerCategory {
    width: 100%;
    margin: 0;
    text-align: center;
    overflow-wrap: anywhere;
}

#txtBannerTitle {
    color: #fff;
    font-size: clamp(1.35rem, 1.1rem + 1vw, 2rem);
    line-height: 1.2;
}

#txtBannerCategory {
    font-size: clamp(0.9rem, 0.78rem + 0.35vw, 1.1rem);
    line-height: 1.35;
}

.feature_sendtip {
    display: flex;
    justify-content: center;
}

.feature_sendtip a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    width: 100%;
    padding: 0.75rem 1rem;
    text-align: center;
    font-weight: 700;
    border: 1px solid #d30015;
    border-radius: 10px;
    color: #d30015;
    background: #fff5f6;
}

.feature_sendtip a:hover {
    color: #fff;
    background: #d30015;
}

.b-search {
    width: 100%;
    position: relative;
}

    .b-search input[type=text] {
        width: 100%;
        height: 40px;
        padding: 0 15px;
        color: #666666;
        border: 1px solid #cccccc;
        border-radius: 4px;
    }

        .b-search input[type=text]:focus {
            border-color: #000;
        }

    .b-search button {
        position: absolute;
        width: 40px;
        height: 40px;
        top: 0;
        right: 0px;
        border: none;
        background: none;
        color: red;
        border-radius: 0 4px 4px 0;
    }

        .b-search button:hover {
            background: red;
            color: #ffffff;
        }

@media (min-width: 768px) {
    .banner {
        max-height: none;
    }
}

@media (max-width: 767.98px) {
    .banner .b-logo,
    .banner .b-ads,
    .b-search {
        text-align: center;
        margin-bottom: 15px;
    }

    .b-search {
        margin-bottom: 0;
    }
}


/**********************************/
/*********** Nav Bar CSS **********/
/**********************************/
.dropdown-menu {
    padding: 0px;
    border-radius: 0px;
    min-height: 32px;
    overflow: auto;
    border: none;
    box-shadow: none !important;
}

.dropdown-item {
    font-size: 11px;
    font-weight: bold;
    width: auto;
    max-width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    white-space: normal;
}

    .dropdown-item:hover {
        color: red;
    }

.sub-active {
    color: white !important;
    background-color: red !important;
    border-bottom: 2px solid red !important;
    /*color: red !important;
    background-color: #f8f9fa !important;*/
}

.nav-item {
    font-size: 12px !important;
    font-weight: bold;
}

    .nav-item .nav-link:hover {
        color: red !important;
    }

    .nav-item.active .nav-link:hover {
        color: #fff !important;
    }

.nav-bar {
    position: relative;
    background: transparent !important;
    --primary-nav-height: 48px;
    margin-top: 0;
}

.nav-bar::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100vw;
    height: var(--primary-nav-height);
    background: #000;
    z-index: 0;
}

    .nav-bar.nav-sticky {
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 999;
    }

    .nav-bar .container {
        position: relative;
        z-index: 1;
    }

    .nav-bar .navbar {
        height: 100%;
        min-height: var(--primary-nav-height);
        padding: 0;
        background: #000 !important;
        z-index: 1;
    }

.nav-bar .navbar-collapse {
    min-width: 0;
}

.nav-bar .navbar-nav {
    flex-wrap: nowrap;
    white-space: nowrap;
    overflow-x: scroll;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
    scrollbar-color: #d30015 #3a0b10;
    width: 100%;
    padding-bottom: 0;
    align-items: stretch;
}

.nav-bar .navbar-nav::-webkit-scrollbar {
    height: 4.5px;
}

.nav-bar .navbar-nav::-webkit-scrollbar-button {
    width: 0 !important;
    height: 0 !important;
    display: none !important;
    background: transparent !important;
    -webkit-appearance: none !important;
    appearance: none !important;
}

.nav-bar .navbar-nav::-webkit-scrollbar-button:single-button,
.nav-bar .navbar-nav::-webkit-scrollbar-button:horizontal:decrement,
.nav-bar .navbar-nav::-webkit-scrollbar-button:horizontal:increment,
.nav-bar .navbar-nav::-webkit-scrollbar-button:start:decrement,
.nav-bar .navbar-nav::-webkit-scrollbar-button:end:increment {
    width: 0 !important;
    height: 0 !important;
    display: none !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    -webkit-appearance: none !important;
    appearance: none !important;
}

.nav-bar .navbar-nav::-webkit-scrollbar-track {
    background: #3a0b10;
}

.nav-bar .navbar-nav::-webkit-scrollbar-thumb {
    background: #d30015;
    border-radius: 999px;
}

.nav-bar .navbar-nav::-webkit-scrollbar-thumb:hover {
    background: #ff1d25;
}

.nav-calendar-link {
    flex: 0 0 auto;
    margin-left: 0.5rem;
    /*border-right: white 2px solid;*/
}

.nav-calendar-link .nav-link {
    color: #ffffff;
    font-weight: 600;
}

.navbar-red .navbar-nav .nav-link,
.navbar-red .navbar-nav .nav-link:focus {
    /*.navbar-red .navbar-nav .nav-link:hover,*/
    padding: 10px 10px 8px 10px;
    color: #ffffff;
}

#navbarCollapse .main-menu {
    position: static;
    flex: 0 0 auto;
}

#navbarCollapse .main-menu > .nav-link,
.nav-calendar-link .nav-link {
    white-space: nowrap;
}

#navbarCollapse .dropdown-menu {
    display: none !important;
}

.nav-submenu-host {
    background: #ffffff;
    min-height: 0;
    margin: 0;
    padding: 0;
    line-height: 0;
}

.nav-submenu-row {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    width: 100%;
    margin: 0;
    padding: 0;
    min-height: 42px;
    scrollbar-width: thin;
    scrollbar-color: #d30015 #f2d6d8;
}

.nav-submenu-row::-webkit-scrollbar {
    height: 6px;
}

.nav-submenu-row::-webkit-scrollbar-track {
    background: #f2d6d8;
}

.nav-submenu-row::-webkit-scrollbar-thumb {
    background: #d30015;
    border-radius: 999px;
}

.nav-submenu-row::-webkit-scrollbar-thumb:hover {
    background: #ff1d25;
}

.nav-submenu-link {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    min-height: 42px;
    padding: 0 14px;
    font-size: 11px;
    font-weight: bold;
    color: #222;
    line-height: 1;
    white-space: nowrap;
    text-decoration: none;
}

.nav-submenu-link:hover {
    color: red;
}

.nav-submenu-link.sub-active {
    color: #fff !important;
    background: red;
}


ul.navbar-nav li.active a.nav-link {
    background-color: red;
}


/*.custom-dropdown-item:hover,
.custom-dropdown-item.active {
    color: red;
}*/
/*.navbar-red .navbar-nav .nav-item:hover,*/
/*.active {
    border-bottom: 4px solid red;
    transition: none;
}*/

/*.navbar-dark .navbar-nav .nav-link,
.navbar-dark .navbar-nav .nav-link:focus,
.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link.active {
    padding: 10px 10px 8px 10px;
    color: #ffffff;
}

.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link.active {
    border-bottom: 2px solid #000000;
    transition: none;
}*/

@media (min-width: 1024px) {
    .nav-bar .navbar {
        background: #000 !important;
    }

        .nav-bar .navbar-brand {
            display: none;
        }

        .nav-bar a.nav-link {
            padding: 8px 15px;
            text-transform: capitalize;
        }
}

@media (max-width: 1023.98px) {
    .dropdown-menu {
        width: 100% !important;
        max-height: none;
    }

    .nav-bar .navbar {
        padding: 3px 0;
        background: #000 !important;
    }

    .nav-bar .navbar-brand,
    .nav-bar .navbar-toggler {
        display: none;
    }

        .nav-bar a.nav-link {
            padding: 5px;
        }

    .nav-bar .navbar {
        align-items: center;
        flex-wrap: nowrap;
        overflow-x: scroll;
        overflow-y: hidden;
    }

    .nav-bar .navbar-collapse {
        display: block !important;
        flex-basis: auto;
        width: auto;
        padding-top: 0;
        overflow: visible;
    }

    .nav-bar .navbar-nav {
        display: flex;
        flex-direction: row;
        align-items: stretch;
    }

    .nav-bar .main-menu,
    .nav-calendar-link {
        width: auto;
        flex: 0 0 auto;
    }

    .nav-calendar-link .nav-link {
        padding-left: 5px;
    }

    /*.nav-bar .dropdown-menu {//hh
        box-shadow: none;
    }*/
}

/**********************************/
/********** Main News CSS *********/
/**********************************/
.main-news {
    position: relative;
    width: 100%;
    margin-bottom: 30px;
    margin-top: 8px;
}

    .main-news .col-md-4 {
        margin-bottom: 30px;
    }

    .main-news .mn-img {
        position: relative;
        overflow: hidden;
    }

        .main-news .mn-img img {
            width: 100%;
        }

        .main-news .mn-img:hover img {
            filter: blur(3px);
            -webkit-filter: blur(3px);
        }

    .main-news .mn-title {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        padding: 15px 10px 15px 20px;
        background-image: linear-gradient(rgba(0, 0, 0, .0), rgba(0, 0, 0, .3), rgba(0, 0, 0, .9));
        display: flex;
        align-items: flex-end;
    }

        .main-news .mn-title a {
            display: block;
            width: 100%;
            color: #ffffff;
            font-weight: 400;
            transition: .3s;
        }

            .main-news .mn-title a:hover {
                color: red;
            }

    .main-news .mn-list {
        margin-bottom: 30px;
    }

        .main-news .mn-list h2 {
            color: #000000;
            margin-bottom: 30px;
            padding-bottom: 15px;
            border-bottom: 3px double #000000;
        }

        .main-news .mn-list ul {
            margin: 0;
            padding: 0;
            list-style: none;
        }

            .main-news .mn-list ul li {
                margin: 0 0 12px 22px;
            }

                .main-news .mn-list ul li:last-child {
                    margin-bottom: 0;
                }

                .main-news .mn-list ul li a {
                    color: #000000;
                    display: block;
                    line-height: 23px;
                }

                    /*.main-news .mn-list ul li::before {
    position: absolute;
    content: '\f061';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    color: #000000;
    left: 1px;
}*/

.main-news .mn-list ul li a:hover {
    color: red;
}

li.news_old a {
    word-break: break-all;
}

li.news_old span.domain {
    font-size: 12px;
    /*color: #555;*/
    font-style: italic;
    padding: 4px
}

li.news_old span.datetime, span.stacked_date {
    font-size: 12px;
    color: #555;
    font-style: italic;
}

#ticker_container { margin-bottom: 5px }

/**********************************/
/********* Breadcrumb CSS *********/
/**********************************/
.breadcrumb-wrap {
    position: relative;
    width: 100%;
    background: #ffffff;
}

    .breadcrumb-wrap .breadcrumb {
        margin: 25px 0 0 0;
        padding: 0;
        background: none;
    }

        .breadcrumb-wrap .breadcrumb .breadcrumb-item + .breadcrumb-item::before {
            color: #353535;
        }

        .breadcrumb-wrap .breadcrumb .breadcrumb-item.active {
            color: #353535;
        }

/**********************************/
/********** Contact CSS ***********/
/**********************************/
.contact {
    position: relative;
    padding: 25px 0 15px 0;
}

    .contact .contact-form,
    .contact .contact-info {
        margin-bottom: 45px;
    }

        .contact .contact-info h4 {
            margin-bottom: 10px;
            font-weight: 400;
        }

            .contact .contact-info h4 i {
                color: #000000;
                margin-right: 5px;
            }

/**********************************/
/********** Footer CSS ************/
/**********************************/

#footerBannerAdsContainer div.banner_footer {
    /*background-size: contain;
    background-repeat: no-repeat;
    height: 115px;*/
    border: 1px grey solid;
    padding: 10px;
    box-shadow: 2px 2px lightgrey;
    border-radius: 10px;
}

#footerBannerAdsContainer div.banner_footer img {
    max-width: 100%;
    /*width: 90vw;*/
}
div.smaller #footerBannerAdsContainer div.banner_footer img {        
    /*width: 26vw;*/
}

#footerBannerAdsContainer div.banner_footer div.text {
    position: absolute;
    left: 20%;
    top: 50%;
    font-size: 200%;
    font-weight: bold;
    width: 80%;
    white-space: break-spaces;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
}

div.smaller #footerBannerAdsContainer div.banner_footer div.text {
    font-size: 1.1vw !important;
}

#footerBannerAdsContainer img.banner_footer {
    max-width: 80%;
    border: 1px grey solid;
    padding: 10px;
    box-shadow: 2px 2px lightgrey;
    border-radius: 10px;
}

.footer {
    position: relative;
    padding: 60px 0 0 0;
    background: #111111;
}

    .footer .footer-widget {
        position: relative;
        width: 100%;
        margin-bottom: 60px;
    }

        .footer .footer-widget .title {
            color: #ffffff;
            letter-spacing: 1px;
            padding-bottom: 10px;
            margin-bottom: 25px;
            border-bottom: 3px double #ffffff;
        }

        .footer .footer-widget p {
            color: #ffffff;
        }

        .footer .footer-widget ul {
            margin: 0;
            padding: 0;
            list-style: none;
        }

            .footer .footer-widget ul li {
                margin-bottom: 12px;
            }

                .footer .footer-widget ul li:last-child {
                    margin-bottom: 0;
                }

                .footer .footer-widget ul li a {
                    color: #ffffff;
                    white-space: nowrap;
                    display: block;
                    line-height: 23px;
                }

                    /*.footer .footer-widget ul li a::before {
    content: '\f061';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    padding-right: 5px;
}*/

                    .footer .footer-widget ul li a:hover {
                        padding-left: 10px;
                        color: red;
                    }

    .footer .contact-info p {
        margin-bottom: 10px;
        color: #ffffff;
    }

        .footer .contact-info p i {
            color: #ffffff;
            margin-right: 5px;
        }

    .footer .social {
        position: relative;
        width: 100%;
    }

        .footer .social a {
            display: inline-block;
            margin: 10px 5px 0 0;
            width: 35px;
            height: 35px;
            line-height: 24px;
            padding: 5px 0;
            text-align: center;
            background: #ffffff;
            border: 1px solid #fff;
            border-radius: 4px;
        }

            .footer .social a i {
                color: #111111;
            }

            .footer .social a:hover {
                background: red;
                border-color: #fff;
            }

                .footer .social a:hover i {
                    color: #ffffff;
                }

    .footer .newsletter {
        position: relative;
        width: 100%;
    }

        .footer .newsletter form {
            position: relative;
            width: 100%;
        }

        .footer .newsletter input {
            width: 100%;
            height: 35px;
            padding: 0 15px;
            border: 1px solid #ffffff;
            border-radius: 4px;
        }

        .footer .newsletter .btn {
            position: absolute;
            width: 80px;
            height: 35px;
            top: 0;
            right: 0;
            padding: 0 15px;
            border: none;
            background: #111111;
            color: #ffffff;
            border: 1px solid #ffffff;
            border-radius: 0 4px 4px 0;
        }

            .footer .newsletter .btn:hover {
                background: red;
            }

            .footer .newsletter input:focus,
            .footer .newsletter .btn:focus {
                box-shadow: none;
            }


/**********************************/
/******** Footer Menu CSS *********/
/**********************************/
.footer-menu {
    position: relative;
    background: #111111;
}

    .footer-menu .container {
        padding: 15px 0;
        border-top: 1px solid #000000;
    }

    .footer-menu .f-menu {
        text-align: center;
    }

        .footer-menu .f-menu a {
            color: #ffffff;
            margin-right: 15px;
            padding-right: 15px;
            border-right: 1px solid #ffffff;
        }

            .footer-menu .f-menu a:hover {
                color: red;
            }

            .footer-menu .f-menu a:last-child {
                margin-right: 0;
                padding-right: 0;
                border-right: none;
            }


/**********************************/
/******** Footer Bottom CSS *******/
/**********************************/
.footer-bottom {
    position: relative;
    padding: 25px 0;
    background: #000000;
}

    .footer-bottom .copyright {
        text-align: left;
    }

    .footer-bottom .template-by {
        text-align: right;
    }

        .footer-bottom .copyright p,
        .footer-bottom .template-by p {
            color: #ffffff;
            font-weight: 400;
            margin: 0;
        }

            .footer-bottom .copyright p a,
            .footer-bottom .template-by p a {
                font-weight: 600;
            }

                .footer-bottom .copyright p a:hover,
                .footer-bottom .template-by p a:hover {
                    color: #ffffff;
                }

@media (max-width: 768.98px) {
    .footer-bottom .copyright,
    .footer-bottom .template-by {
        text-align: center;
    }
}

.line-clamp-1 {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.line-clamp-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.line-clamp-3 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.line-clamp-4 {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.line-clamp-5 {
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.read-more {
    cursor: pointer;
    color: blue;
    text-decoration: underline;
}

.date-time-1 {
    font-size: 10px;
    text-align: right;
    color: gray;
    margin-top: 4px;
    margin-bottom: 0px;
}

.date-time-2 {
    font-size: 10px;
    color: gray;
    margin-top: 4px;
    margin-bottom: 6px !important;
}


/* Above the fold */
#top-tier-container, #atf-container {
    margin-top: 10px;
    opacity: 0;
    visibility: hidden;
}

#top-tier-carousel-wrapper, #pinkslime-wrapper {
    position: relative;
}

.loading-spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9999; /* Ensure the spinner is above the carousel */
    font-size: 40px; /* Adjust size for the loading spinner */
    display: flex;
    justify-content: center;
    align-items: center;
}

#top-tier-container div.text-block {
    display: -webkit-box;
    -webkit-line-clamp: 13;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

#top-tier-container div.text-block:hover {
    text-decoration: underline;
    color: #2040f0;
}
/*
#top-tier-container div.image-main img{
    width: 50%;
    float: left;
    padding: 8px;
}*/


#top-tier-container div.image-main, #hemmings-container div.image-main {
    width: 50%;
    float: left;
    padding-left: 10px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: black;
    overflow: hidden;
    margin-right: 15px;
    filter: url(#filter-radius);
}

#top-tier-container div.image-main.image_youtube img {
    margin-top: -45px;
}
#top-tier-container div.image-main img {
    width: 100%;
    height: 410px;
    object-fit: contain;
    padding-right: 8px;
    filter: url(#filter-radius);
}

#HemmingsWidgets .slick-dots {
    text-align: center !important;
    padding-right: 20px;
}

#HemmingsWidgets {
    padding: 10px;
}

#HemmingsWidgets div.text-block {
    margin-top: 10px;
    overflow-y: auto;
    max-height: 325px;
}

#HemmingsWidgets div.title-main {
    cursor: pointer;
    font-size: 16px;
    transition: 0.25s;
    font-weight: bold;
    padding-bottom: 0px;
}

#HemmingsWidgets p.location {
    color: #888686;
    padding-left: 6px;
    padding-right: 10px;
    font-size: 13px;
}

#HemmingsWidgets a {
    text-decoration: none;
    color: #000;
}

#HemmingsWidgets a.desc-detail {
    color: blue;
    padding-left: 4px;
    margin-bottom: 13px;
    font-size: 14px;
    display: block;
    text-decoration: underline;
}

#HemmingsWidgets div.desc {
    margin-bottom: 10px;
    padding-left: 6px;
    padding-right: 10px;
    text-align: left;
    font-size: 14px;
}

#HemmingsWidgets .hemmings-info {
    text-align: left;
    font-size: 14px;
    padding-left: 7px;
}

#HemmingsWidgets div.article-source {
    bottom: 15px;
    position: absolute;
    right: 10px;
    cursor: pointer;
    color: grey;
    font-style: italic;
    float: right;
    margin-top: 10px;
    font-size: 12px;
}

#hemmings-container div.text-block {
    overflow-y: auto;
    max-height: 325px;
}

#hemmings-container div.image-main img {
    width: 100%;
    height: 330px;
    object-fit: contain;
    padding-right: 8px;
    filter: url(#filter-radius-hemmings);
}

#hemmings-container .hemmings-info {
    font-size: 14px;
}

#hemmings-container .hemmings-caption {
    padding-left: 5px;
}

#hemmings-container .hemmings-result {
    padding-left: 7px;
}

#top-tier-container div.yt-main iframe {
    height: calc(100vw/5 - 30px);
    width: calc((100vw/5 - 30px) * 1.5);
    /*height: calc((100vw/5 - 30px) * 1.7);
    width: calc((100vw/5 - 30px) * 2.5);*/
    float: left;
    padding: 8px;
}

#top-tier-container div.title-main{
    cursor: pointer;
    font-size: x-large;
    transition: 0.25s;
    font-weight: bold;
    padding-bottom: 15px;
    max-height: 110px;
}

#hemmings-container div.title-main {
    cursor: pointer;
    font-size: x-large;
    transition: 0.25s;
    font-weight: bold;
    padding-bottom: 0px;
}

#hemmings-container p.location {
    color: #888686;
    padding-left: 6px;
    padding-right: 10px;
}

#hemmings-container a.desc-detail {
    color: blue;
    padding-left: 4px;
    margin-bottom: 13px;
    font-size: 15px;
    display: block;
    text-decoration: underline;
}

#hemmings-container div.desc {
    margin-bottom: 10px;
    padding-left: 6px;
    padding-right: 10px;
}

#top-tier-container div.article-main {
    cursor: pointer;
    font-size: large;
    transition: 0.25s;
}
#top-tier-container div.article-source, #hemmings-container div.article-source {
    cursor: pointer;
    color: grey;
    font-style: italic;
    float: right;
    margin-top: 10px;
}

#hemmings-container div.article-source {
    bottom: 15px;
    position: absolute;
    right: 10px;
}

div.feature_sendtip {
    display: none;
    font-size: 25px;
    font-weight: 500;
    padding: 4px 4px 6px 5px;
    transform: rotate(-25deg);
    color: red;
    margin-left: 15px;
    margin-bottom: 16px;
}

div.feature_sendtip:hover {
    text-decoration: underline;
    color: blue;
    background: #f4f4f4;
}

#myModalSendATip div.payment div.option {
    display: inline-block;
    padding: 4px 8px 4px 11px;
    border-radius: 10px;
    margin-left: 15px;
}

#myModalSendATip span.terms {
    font-style: italic;    
}
#myModalSendATip span.terms:hover {    
    text-decoration: underline;
    color: #007bff;
}

#myModalSendATip div.payment div.option.googlepay {
    background: white;
    width: 105px;
    height: 30px;
}
#myModalSendATip div.payment div.option.venmo {
    background: #009cde;
    width: 125px;    
}
#myModalSendATip div.payment div.option.paypal {
    background: #ffc439;
    width: 150px;
}

#myModalSendATip div.payment div.option.selected {
    border: 6px solid lightgrey;
}

#myModalSendATip div.payment div.option.googlepay.selected {    
    width: 114px;
    height: 58px;
}
#myModalSendATip div.payment div.option.venmo.selected {    
    width: 131px;
}
#myModalSendATip div.payment div.option.paypal.selected {    
    width: 160px;
}

#top-tier-container div.title-main a {
    text-decoration: none;
    transition: 0.25s;
    color: black;
}
/*top-tier-container div.title-main:hover {
    text-decoration: underline;
    color:#2040f0;
}

#top-tier-container div.article-main:hover {
    text-decoration: underline;
    color: #2040f0;*/
    /*font-weight: bolder;*/
/*}*/

#top-tier-container div.article-main span.full {
    color: white;
    cursor: pointer;
    padding: 7px;
    background-color: #008CBA;
    border-radius: 10px;
}

#atf-container {
    margin-top: 20px;
    font-family: Roboto,sans-serif;
}

#atf-container-secondary {
    list-style: none;
    padding: 0;
    font-family: Roboto,sans-serif;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
}
#atf-container-secondary li {
    height: auto;
    overflow: hidden;
    width: auto;
    min-width: 0;
    margin-right: 0;
    margin-bottom: 0;
    padding: 2px;

}

#atf-container-secondary li:hover {
    /*outline: 3px solid lightgrey;*/
}

#atf-container.atf-embedded-in-col2 #atf-container-secondary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

#atf-container.atf-embedded-in-col2 #atf-container-secondary li {
    height: auto;
    min-width: 0;
}

#atf-container.atf-embedded-in-col2.atf-embedded-subcols-2 #atf-container-secondary li {
    width: auto;
}

#atf-container.atf-embedded-in-col2 .atf-block div.title-sub {
    font-size: 18px;
    line-height: 1.18;
}

#atf-container.atf-embedded-in-col2 .atf-block span.overlay-sub {
    font-size: 17px;
    max-width: calc(100% - 18px);
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    box-sizing: border-box;
}

.atf-col2-expanded {
    flex: 0 0 75% !important;
    max-width: 75% !important;
}

.atf-embedded-spans-col3 {
    width: calc(150% + 16px);
    max-width: none;
    position: relative;
    z-index: 2;
}

.atf-col3-below {
    position: absolute;
    flex: 0 0 25% !important;
    max-width: 25% !important;
    right: 0;
    margin-left: 0;
    order: 3;
}

@media (max-width: 991.98px) {
    #atf-container-secondary {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    #atf-container.atf-embedded-in-col2 #atf-container-secondary {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 575.98px) {
    #atf-container-secondary {
        grid-template-columns: 1fr;
    }
}
/*
.atf-block.sub3  {
    width:33%;
}
*/

.atf-block div.image-main, .atf-block div.yt-main {
    margin: 10px 10px 20px 0px;
    border-radius: 8px;
}
.atf-block div.image-main img, .atf-block div.image-main iframe {
    height: 350px; /*width: 300px;*/
    border-radius: 4px;
}

.atf-block div.image-sub {
    height: 199px;
    width: 100%;
}
.atf-block div.image-main {
    height: 300px;
    width: 45%;
}

.atf-block div.image-sub, .atf-block div.image-main {
    /*margin: 5px 5px 5px 0px;*/
    /*display: flex;*/
    background-position: center center;
    background-size: contain;
    background-color: black;
    background-repeat: no-repeat;
    
    border-radius: 4px;
}

.atf-block div.image-sub img {
    /*/width: 100%;
    height: 250px;
    border-radius: 4px;*/
    /*width: 150px;
height:110px*/
}

.image-main, .image-sub {
    position: relative;
}

.atf-block span.overlay-main {
    position: relative;
    top: 240px/*235px*/;
    padding: 10px;
    background: rgba(0, 51, 102, 0.85);
    font-weight: 800;
    color: white;
    border-radius: 5px;
    margin-left: 10px;
    border: lightgray 1px solid;
    vertical-align: bottom;
    font-size: 27px;
}

.overlay-main-bottom {
    /*display: block;
    width: 67%;*/
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    max-width: 65%;
    height: 50px;
    padding: 5px 5px 5px 10px !important;
    /*position: relative;
    top: 155px;
    padding: 6px;
    
    background: rgba(0, 51, 102, 0.85);
    /*font-weight: 800;
    font-size: 20px;
    color: white;
    border-radius: 5px;
    margin-left: 8px;
    border: lightgray 1px solid;
    white-space: nowrap;*/
}

.overlay-main-second {
    position: absolute !important;
    top: 10px !important;
    left: 0px !important;
    background-color: #c20017 !important;
    max-width: 50% !important;
    padding: 3px 10px !important;
    font-weight: 800 !important;
    font-size: 16px !important;
    color: white !important;
    /*border-radius: 5px !important;*/
    /*border: lightgray 1px solid !important;*/
    border: none !important;
    font-family: 'Arial Black', sans-serif !important;
}

.atf-block span.overlay-sub {
    position: relative;
    top: 155px;
    padding: 4px;
    /*background: rgba(255, 255, 255, 0.65);*/
    background: rgba(0, 51, 102, 0.85);
    font-weight: 800;
    font-size: 20px;
    color: white;
    border-radius: 5px;
    margin-left: 8px;
    border: lightgray 1px solid;
    white-space: nowrap;
}

.overlay-sub-second {
    position: absolute !important;
    top: 10px !important;
    left: 0px !important;
    background-color: #c20017 !important;
    max-width: 50% !important;
    padding: 3px 10px !important;
    font-weight: 800 !important;
    font-size: 16px !important;
    color: white !important;
    /*border-radius: 5px !important;*/
    /*border: lightgray 1px solid !important;*/
    border: none !important;
    font-family: 'Arial Black', sans-serif !important;
}

.atf-block div.title-main {
    /*flex: 0 0 50%;*/
    transition: 0.5s;
    text-decoration: none;
    margin-left: 10px;
    font-size: xx-large;
    font-weight: bolder;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;    
    overflow: hidden;
    width: 70%;
    height: 290px;
}

.atf-block div.title-main:hover, .atf-block div.title-sub:hover {
    color: #2040f0;
    text-decoration: underline;
    transition: 0.5s;
}

.atf-block div.title-sub {
    /*flex: 0 0 50%;*/
    transition: background,.25s,ease-in-out;
    text-decoration: none;
    /*margin-left: 10px;*/
    font-size: 22px;
    font-weight: 900;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    /*margin-top: -15px;*/
}
    /* Above the fold */

hr.article-border {
    border: 1px solid red;
    margin: 25px 0px 10px 0px;
    border-radius: 5px;
    clear: both;
}

hr.article-border.hide {
    display:none;
}


#headlines {
    /*margin-bottom: 17px;*/
}

    #headlines .headlines-title {
        font-family: SkolarSans-BdCond_Cyr-Ltn,Arial,'Arial Unicode MS',Helvetica,sans-serif;
        font-size: 16px;
        font-weight: bold;
        padding: 10px 15px;
    }

        #headlines .headlines-title p {
            color: #a1aab4 !important;
            margin-bottom: 0px;
            cursor: pointer;
        }

        #headlines .headlines-title i {
            float: right;
            padding-top: 3px;
            color: #a1aab4 !important;
        }

    #headlines .headlines-content {
        padding: 13px 15px 8px 15px;
    }

        #headlines .headlines-content a {
            margin-bottom: 12px;
        }

            #headlines .headlines-content a:hover {
                color: #2040f0;
                text-decoration: underline;
            }

    #headlines .headlines-title:hover p {
        color: #4470f2 !important;
    }

    #headlines .headlines-title:hover i {
        color: #4470f2 !important;
    }

.img-format-1 {
    height: 200px;
    object-fit: cover;
}

#list-news li {
    padding-bottom: 7px;
    list-style: none;
}

#side-menu li.ajax {
    cursor: pointer;
}

#side-menu li.ajax.selected, #side-menu .selected {
    color: red !important;
    font-weight: bold !important;
}

.card-title {
    color: #3ea6f2;
}

#Format-1, .voa_block {
    margin-bottom: 30px;
}

    #Format-1 .card-title, .voa_block .card-title {
        margin-bottom: 0px;
    }

#Format-2, #Format-2old, #Format-3, .rss_block {
    margin-bottom: 20px;
}

#Format-1 .rss-feeds1, .voa_block .rss-feeds1 {
    margin-bottom: 15px;
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
    border-bottom-left-radius: 3px !important;
    border-bottom-right-radius: 3px !important;
}

#Format-1 .rss-feeds1 .card-body, .voa_block .rss-feeds1 .card-body {
    padding: 15px;
}

#Format-1 .rss-feeds1 .card-title, .voa_block .rss-feeds1 .card-title {
    font-size: 16px;
    font-weight: bold;
}

#Format-1 .rss-feeds1 .card-title a:hover, .voa_block .rss-feeds1 .card-title a:hover {
    color: #2040f0;
    text-decoration: underline;
}

#Format-2 .card-body, #Format-2old .card-body, #Format-4 .card-body, #Format-4N .card-body, .old_news .card-body, .rss_block .card-body {
    padding-top: 10px;
    padding-bottom: 0px;
}

#Format-2 .rss-feeds2, #Format-2old .rss-feeds2, #Format-4 .rss-feeds4, #Format-4N .rss-feeds4, .old_news .rss-feeds4, .rss_block .rss-feeds4 , .rss_block .rss-feeds2 {
    margin-bottom: 5px;
}

#Format-2 .rss-feeds2:not(:last-child), #Format-2old .rss-feeds2:not(:last-child),
#Format-4 .rss-feeds4:not(:last-child), #Format-4N .rss-feeds4:not(:last-child),
.old_news .rss-feeds4:not(:last-child), .rss_block .rss-feeds4:not(:last-child) {
    /*padding-bottom: 10px;*/
    border-bottom: 1px solid #eee;
}

#Format-2 .rss-feeds2 .rf2-title a:hover, #Format-2old .rss-feeds2 .rf2-title a:hover,
#Format-4 .rss-feeds4 .rf4-title a:hover, #Format-4N .rss-feeds4 .rf4-title a:hover,
.old_news .rss-feeds4 .rf4-title a:hover, .rss_block .rss-feeds4 .rf4-title a:hover, .rss_block .rss-feeds2 .rf2-title a:hover {
    color: #2040f0;
    text-decoration: underline;
}

#Format-2 .rf2-img, #Format-2old .rf2-img, .rss_block .rf2-img {
    padding: 3px !important;
}

#Format-2 img, #Format-2old img, .rss_block img {
    border-radius: 3px !important;
    width: 100%;
    height: 9em;
}

#Format-2 .rf2-title, #Format-2old .rf2-title,
#Format-4 .rf4-title, #Format-4N .rf4-title,
.old_news .rf4-title, .rss_block .rf4-title, .rss_block .rf2-title {
    font-size: 16px !important;
}

#Format-2 .rf2-desc, #Format-2old .rf2-desc,
#Format-4 .rf4-desc, #Format-4N .rf4-desc,
.old_news .rf4-desc, .rss_block .rf4-desc {
    padding: 4px 14px !important;
}

/**********************************/
/******* Category News CSS ********/
/**********************************/
#Format-3 {
    position: relative;
    width: 100%;
    padding: 0;
}

    #Format-3 .col-md-6 {
        margin-bottom: 30px;
    }

    #Format-3 h2 {
        color: #000000;
        margin-bottom: 30px;
        padding-bottom: 15px;
        /*border-bottom: 3px double #000000;*/
    }

    #Format-3 .cn-img {
        position: relative;
        overflow: hidden;
        border-radius: 12px;
    }

        #Format-3 .cn-img img {
            width: 100%;
        }

    #Format-3 .cn-title {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        padding: 15px 10px 15px 20px;
        background-image: linear-gradient(rgba(0, 0, 0, .0), rgba(0, 0, 0, .3), rgba(0, 0, 0, .9));
        display: flex;
        align-items: flex-end;
    }

        #Format-3 .cn-title a {
            display: block;
            width: 100%;
            color: #ffffff;
            font-size: 13px;
            font-weight: bold;
            transition: .3s;
        }

            #Format-3 .cn-title a:hover {
                color: #55aaf4;
                text-decoration: underline;
            }

    #Format-3 .slick-prev,
    #Format-3 .slick-next {
        top: -62px;
        width: 28px;
        height: 28px;
        z-index: 1;
        transition: .5s;
        color: #ffffff;
        background: #000000;
        border-radius: 4px;
    }

    #Format-3 .slick-prev {
        left: calc(100% - 85px);
    }

    #Format-3 .slick-next {
        right: 14px;
    }

        #Format-3 .slick-prev:hover,
        #Format-3 .slick-prev:focus,
        #Format-3 .slick-next:hover,
        #Format-3 .slick-next:focus {
            color: #ffffff;
            background: #d30015;
        }

        #Format-3 .slick-prev::before,
        #Format-3 .slick-next::before {
            font-family: "Font Awesome 5 Free";
            font-size: 18px;
            font-weight: 900;
            color: #ffffff;
        }

    #Format-3 .slick-prev::before {
        content: "\f104";
    }

    #Format-3 .slick-next::before {
        content: "\f105";
    }

/* Survey */
#survey_container {
    border-radius: 12px;
    border: 1px solid black;
}

#survey {
    /*border: 1px solid black;*/
    padding: 10px;
    /*box-shadow: 5px 5px 5px lightgrey;*/
    min-width: 350px;
    height: 450px;
    overflow-y: auto;    
    margin-left: auto;
    margin-right: auto;
}

#survey .question {
    font-size: 28px;
    margin-bottom: 35px;
    text-align: center;
}

#survey .labels {
    margin-bottom: 40px;
}

#survey .labels .leftmost_label {
    float: left;
    width: 40%;
}

#survey .labels .rightmost_label {
    float: right;
    width: 40%;
    text-align: right;
}
#survey .labels.scale5 {
    width: 50%;
    margin-right: auto;
    margin-left: auto;
    margin-top: 100px;
}
#survey .options {
    clear: both;
    box-shadow: 5px 5px 5px lightgrey;
    border-radius: 8px;
}

#survey .options.scale5 {
    display: grid;
    grid-template-columns: auto auto auto auto auto;
    width: 50%;
    margin-right: auto;
    margin-left: auto;
}

#survey .options.scale10 {
    display: grid;
    grid-template-columns: auto auto auto auto auto auto auto auto auto auto;
}

#survey .options .option {
    border: 1px solid #00bf6f;
    background: #eeeeee;
    display: inline-block;
    padding: 5px;
    height: 50px;
    font-size: 20px;
    line-height: 40px;
    text-align: center;
    font-weight: 700;
    cursor: pointer;
}

#survey .options .option:nth-child(1) {
    border-radius: 8px 0 0 8px;
}

#survey .options.scale5 .option:nth-child(5), #survey .options.scale5 .option:nth-child(10) {
    border-radius: 0 8px 8px 0;
}

#survey .options .option:hover, #survey .options .option.active {
    background: #666689;
    color: white;
}

#survey_submit {
    margin-top: 20px;
    /*margin-left: auto;
    margin-right: auto;
    */
}

#survey .stats
{
    float: right;
    font-style: italic;
    font-weight: 700;  
    margin-top: 30px;
    cursor: pointer;
}

#survey .stats_alt
{    
    font-style: italic;
    font-weight: 700;  
    margin-top: 30px;
    cursor: pointer;
}

#survey .stats:hover, #survey .stats_alt:hover
{
    color: blue;
    text-decoration: underline;
}

#survey_charts_container 
{
    margin-left: auto;
    margin-right: auto;    
    height: 365px;
}

#survey table th {
    background: #efefef;
}
#survey table tr:hover {
    background: aliceblue;
}

#survey .survey_chart_type  {
    padding: 8px;    
    border-right: 1px solid grey;
    /*margin-right: 5px;*/
}

#survey .survey_chart_type:hover, #survey .survey_stats_label:hover {
    color: blue;
    text-decoration: underline;
}

#survey .survey_chart_type:hover, #survey .survey_chart_type.active {
    background: skyblue;
}

.ui-widget {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 1em;
}

.ui-state-active .ui-icon, .ui-button:active .ui-icon {
    background-image: url('/img/ui-icons_ffffff_256x240.png');
}

.ui-icon-triangle-1-s {
    background-position: -65px -16px;
}

.ui-icon, .ui-widget-content .ui-icon {
    background-image: url('/img/ui-icons_444444_256x240.png');
}

.ui-icon {
    width: 16px;
    height: 16px;
}

.ui-icon {
    display: inline-block;
    vertical-align: middle;
    margin-top: -0.25em;
    position: relative;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
}
.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none;
}

.ui-accordion .ui-accordion-header {
    display: block;
    cursor: pointer;
    position: relative;
    margin: 2px 0 0 0;
    padding: 0.5em 0.5em 0.5em 0.7em;
    font-size: 100%;
    background: lightblue;
}

/*.ui-accordion .ui-accordion-header:hover
{
    text-decoration: underline;
    color: blue;
}*/

    .ui-accordion .ui-accordion-content {
        padding: 1em 2.2em;
        border-top: 0;
        /*overflow: auto;*/
    }

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    border-bottom-right-radius: 3px;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
    border-bottom-left-radius: 3px;
}

.ui-widget-content {
    border: 1px solid #dddddd;
    background: #ffffff;
    color: #333333;
}

.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
    border-top-right-radius: 3px;
}

.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
    border-top-left-radius: 3px;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    border: 1px solid #003eff;
    background: #007fff;
    font-weight: normal;
    color: #ffffff;
}


.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    border: 1px solid #c5c5c5;
    background: #f6f6f6;
    font-weight: normal;
    color: #454545;
}
/* Survey */


/* Saint of the Day */
#sotd {
    border: #d8d8d8 1px solid;
    border-radius: 12px;
    /*height: 350px;*/
    /*display: grid;
    grid-template-columns: 40% 60%;
    grid-template-areas:
        "image name"
        "image name"
        "image date"
        "image date"
        "description description";
    column-gap: 10px;*/
    padding: 15px;
    border-radius: 12px;
    border: 1px solid black;
}

#sotd:hover {
    background: lightgray;
}

#sotd .top {
    height: 200px;
    margin-bottom: 15px;
}

#sotd .image {
    display:inline-block;
    margin-right: 15px;
    width: 50%;
    /*grid-area: image;*/
    /*border-radius: 12px;
    border: 1px solid black;*/
    /*background-repeat: no-repeat;
    background-size: contain;*/
}

#sotd .right {
    display:inline-block;    
    width: 45%;    
}

#sotd .image img {
    height: 200px;
    display:inline-block;
    border-radius: 12px;
    border: 1px solid black;
}

#sotd .name {
    /*grid-area: name;
    display: inline-block;*/
    font-size: 15px;
        margin-bottom: 15px;
}

#sotd .date {
    /*grid-area: date;
    display: inline-block;*/
    font-size: 15px;
}

#sotd .description {
    /*grid-area: description;*/
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    margin: auto;
}


/* Opinions */
.opinion_post {
    border: #d8d8d8 1px solid;
    border-radius: 12px;
    /*height: 350px;*/
    /*display: grid;
    grid-template-columns: 40% 60%;
    grid-template-areas:
        "image name"
        "image name"
        "image date"
        "image date"
        "description description";
    column-gap: 10px;*/
    padding: 15px;
    border-radius: 12px;
    border: 1px solid black;
}

.opinion_post:hover {
    background: lightgray;
}

.opinion_post .top {
    height: 200px;
    margin-bottom: 15px;
}

.opinion_post .image {
    display:inline-block;
    margin-right: 15px;
    width: 50%;
    /*grid-area: image;*/
    /*border-radius: 12px;
    border: 1px solid black;*/
    /*background-repeat: no-repeat;
    background-size: contain;*/
}

.opinion_post .right {
    display:inline-block;    
    width: 45%;    
}

.opinion_post .image img {
    height: 200px;
    display:inline-block;
    border-radius: 12px;
    border: 1px solid black;
}

.opinion_post .name {
    /*grid-area: name;
    display: inline-block;*/
    font-size: 16px;
        margin-bottom: 15px;
}

.opinion_post .date {
    /*grid-area: date;
    display: inline-block;*/
    font-size: 15px;
}

.opinion_post .description {
    /*grid-area: description;*/
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    margin: auto;
}

/* Saints Widget */

#WidgetSaints {
    padding: 10px;
}

#WidgetSaints ul {
    text-align: left;
    padding-left: 15px;
    list-style-position: inside;
    margin-right: 10px;
}

#WidgetSaints ul li {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}


/* Moon Hybrid */
#moon_hybrid {
    border: #d8d8d8 1px solid;
    border-radius: 12px;
    height: 350px;
    /*margin-bottom: 60px;*/
    background-size: contain;
    /*display: flex;*/
    align-items: center;
    background-color: black;
    background-repeat: no-repeat;
}

#moon_hybrid .text {
    background-color: white;
    font-size: 18px;
    border-radius: 12px;
    padding: 10px;
    width: 45%;
    height: 85%;
    margin-left: 50%;
    margin-top: 20px;
    margin-right: 15px;
    margin-bottom: auto;
}

#moon_hybrid #moon_ticker {
    color: white;
    margin-top:5px;
    margin-left:5px;
    margin-right:5px;
    padding:5px;
    /*border-radius:12px;*/
}

/* Scoreboard Widget */
div.scoreboard_container {
    background-repeat: no-repeat;
    background-size: cover;
}

div.scoreboard_container div.board div.sport {
    background: #5e5b5b;
    color: white;
    padding: 5px;
    font-size: 15px;
    font-weight: 900;
    text-align: center;
    border-top: 1px solid white;
    border-bottom: 1px solid white;
}

div.score_entry {
    background: rgb(0, 0, 0, 0.85);
    display: grid;
    grid-template-columns: 45px 0.5fr 105px 45px 0.5fr;
    grid-template-areas:
        "logo1 name1   vs logo2 name2"
        "logo1 points1 vs logo2 points2";
    color: white;
    height: 110px;
    /*min-width: 680px;*/
    column-gap: 10px;
    border-bottom: 1px solid dimgray;
    border-top: 1px solid dimgray;
}

div.score_entry:hover {
    background: #5c5757e6;
}
div.score_entry div.teamlogo {
    padding: 5px;
}

div.score_entry div.logo1 {
    grid-area: logo1;
    margin: auto;
    margin-left: 5px;
}

div.score_entry div.logo2 {
    grid-area: logo2;
    margin: auto;
}

div.score_entry div.teamlogo img {
    height: 60px;
}

div.score_entry div.teamname {
    padding: 5px;
    text-align: center;
    color: white;
}

div.score_entry div.name1 {
    grid-area: name1;
}

div.score_entry div.name2 {
    grid-area: name2;
}

div.score_entry div.teampoints.winner {
    -webkit-text-stroke: 2.5px #ef881a;
}
div.score_entry div.teampoints {
    font-size: 35px;
    font-weight: 900;
    line-height: 40px;
    margin: 5px;
    text-align: center;
}

div.score_entry div.points1 {
    grid-area: points1;
}

div.score_entry div.points2 {
    grid-area: points2;
}

div.score_entry div.vs {
    grid-area: vs;
    color: white;
    font-size: 15px;
    text-align: center;
    margin-left: -10px;
    padding: 10px;
    margin-left: -25px;
    margin-top: auto;
    margin-bottom: auto;
}

/* Fishing Hybrid */
#fishing_hybrid {
    border: #d8d8d8 1px solid;
    border-radius: 12px;
    background-image: url('/img/above/fishing/fishing.jpg');
    background-position-x: -70px;
}

#fishing_hybrid .text {
    margin-left: 50%;
    margin-top: 20px;
    margin-right: 15px;
    background: white;
    border-radius: 12px;
    width: 45%;
}

/* Sports Hybrid */
sports_hybrid {
    border: #d8d8d8 1px solid;
    border-radius: 12px;    
    background-position-x: -70px;
}

#frmainbox {
    margin-left: 5px;
    margin-right: 5px;
    border: none !important;
    padding: 10px 5px 10px 5px !important;
    text-align: left !important;
    /*width: auto !important;*/
    width: 45%;
    border-radius: 10px;
}


/* Center Traffic Cam Carousel */
#TrafficCam {
    position: relative;
    width: 100%;
    padding: 0;
    margin-top: 40px;
}

    #TrafficCam .col-md-12 {
        margin-bottom: 30px;
    }

    #TrafficCam h2 {
        color: #000000;
        margin-bottom: 30px;
        padding-bottom: 15px;
        border-bottom: 3px double #000000;
    }

    #TrafficCam .cn-img {
        position: relative;
        overflow: hidden;
    }

        #TrafficCam .cn-img img {
            width: 100%;
        }

    #TrafficCam .slick-prev,
    #TrafficCam .slick-next {
        top: -62px;
        width: 28px;
        height: 28px;
        z-index: 1;
        transition: .5s;
        color: #ffffff;
        background: #000000;
        border-radius: 4px;
    }

    #TrafficCam .slick-prev {
        left: calc(100% - 85px);
    }

    #TrafficCam .slick-next {
        right: 14px;
    }

        #TrafficCam .slick-prev:hover,
        #TrafficCam .slick-prev:focus,
        #TrafficCam .slick-next:hover,
        #TrafficCam .slick-next:focus {
            color: #ffffff;
            background: #d30015;
        }

        #TrafficCam .slick-prev::before,
        #TrafficCam .slick-next::before {
            font-family: "Font Awesome 5 Free";
            font-size: 18px;
            font-weight: 900;
            color: #ffffff;
        }

    #TrafficCam .slick-prev::before {
        content: "\f104";
    }

    #TrafficCam .slick-next::before {
        content: "\f105";
    }
/* Center Traffic Cam Carousel */

/* Right Side Traffic Cam Carousel */
#ImageCarousel {
    position: relative;
    width: 100%;
    padding: 0;
    margin-bottom: 15px;
}

    #ImageCarousel .tn-img {
        position: relative;
        overflow: hidden;
    }

        #ImageCarousel .tn-img img {
            width: 100%;
        }

    #ImageCarousel .slick-prev,
    #ImageCarousel .slick-next {
        width: 28px;
        height: 28px;
        z-index: 1;
        transition: .5s;
        color: #ffffff;
        background: #000000;
        border-radius: 4px;
    }

    #ImageCarousel .slick-prev {
        left: 30px;
    }

    #ImageCarousel .slick-next {
        right: 30px;
    }

        #ImageCarousel .slick-prev:hover,
        #ImageCarousel .slick-prev:focus,
        #ImageCarousel .slick-next:hover,
        #ImageCarousel .slick-next:focus {
            color: #ffffff;
            background: #d30015;
        }

        #ImageCarousel .slick-prev::before,
        #ImageCarousel .slick-next::before {
            font-family: "Font Awesome 5 Free";
            font-size: 18px;
            font-weight: 900;
            color: #ffffff;
        }

    #ImageCarousel .slick-prev::before {
        content: "\f104";
    }

    #ImageCarousel .slick-next::before {
        content: "\f105";
    }
/* Right Side Traffic Cam Carousel */

/*Twitter*/
.twitter-tweet {
    margin-top: 0px !important;
}

/*Right Side Countdown*/
#countdown {
    margin-bottom: 17px;
}

    #countdown #countdown-row {
        padding-top: 10px;
    }

    #countdown #countdown-title {
        font-size: 14px;
        font-weight: bold;
        color: #d30015;
        margin-bottom: 5px;
    }

    #countdown #txtCountDown {
        font-size: 24px;
        font-weight: 400;
        margin-bottom: 0px;
        color: #d30015;
    }

    #countdown #countdown-dhms {
        font-size: 11px;
    }

/*Right Side Ebay Ads*/
.ebayAds .ebay-ads-row {
    padding-top: 6px;
    display: inherit;
    padding-left: 5px;
    padding-right: 2px;
    padding-bottom: 4px;
}

    .ebayAds .ebay-ads-row:not(:last-child) {
        border-bottom: 1px solid #eee;
    }

.ebay-ad:not(:last-child) {
    border-bottom: 1px solid #eee;
}

.ebayAds .left-side {
    padding: 0px;
}

.ebayAds .ads-img {
    border: 1px solid #eee;
}

    .ebayAds .ads-img img {
        width: 100%;
    }

.ebayAds .right-side {
    padding: 0px 10px 0px 5px;
}

.ebayAds .ads-title, .ebayAds .ads-description, .ebayAds .ads-price, .ebayAds .ads-like {
    margin-bottom: 0px;
}

.ebayAds .ads-title {
    line-height: 17px;
}

.ebayAds .ads-title:hover {
    color: #2040f0;
    text-decoration: underline;
}

.ebayAds .ads-price {
    font-size: 16px;
    font-weight: bold;
    /*margin-top: 10px;*/
}

.ebayAds .ads-like {
    float: right;
}

    .ebayAds .ads-like img {
        width: 14px;
    }

/* Twitter Profile Card */
.twPc-div {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #e1e8ed;
    border-radius: 7px;
    margin-bottom: 10px;
    /*max-width: 340px;*/
    /*orginal twitter width: 290px;*/
}

.twPc-bg {
    background-position: 0 50%;
    background-size: 100% auto;
    border-bottom: 1px solid #e1e8ed;
    border-radius: 4px 4px 0 0;
    height: 95px;
    width: 100%;
}

.twPc-block {
    display: block !important;
}

.twPc-button {
    margin: -35px -10px 0;
    text-align: right;
    width: 100%;
}

.twPc-avatarLink {
    background-color: #fff;
    border-radius: 6px;
    display: inline-block !important;
    float: left;
    margin: -30px 5px 0 8px;
    max-width: 100%;
    padding: 1px;
    vertical-align: bottom;
}

.twPc-avatarImg {
    border: 2px solid #fff;
    border-radius: 7px;
    box-sizing: border-box;
    color: #fff;
    height: 72px;
    width: 72px;
}

.twPc-divUser {
    margin: 5px 0 0;
}

.twPc-divName {
    font-size: 18px;
    font-weight: 700;
    line-height: 21px;
}

    .twPc-divName a {
        color: inherit !important;
    }

.twPc-divStats {
    margin-left: 11px;
    padding: 10px 0;
}

    .twPc-divStats p {
        margin-bottom: 5px;
    }

    .twPc-divStats .row {
        padding-left: 0px;
        margin-left: 2px;
        margin-right: 10px;
    }

.twLocLinkDate {
    padding-left: 0px;
    margin-bottom: 0px !important;
    display: inline-block;
}

.twLink {
    color: #1c8aff;
}

.twPc-Arrange {
    box-sizing: border-box;
    display: table;
    margin: 0;
    min-width: 100%;
    padding: 0;
    table-layout: auto;
}

ul.twPc-Arrange {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}

.twPc-ArrangeSizeFit {
    display: table-cell;
    padding: 0;
    vertical-align: top;
}

    .twPc-ArrangeSizeFit a:hover {
        text-decoration: none;
    }

.twPc-StatValue {
    display: block;
    font-size: 18px;
    font-weight: 500;
    transition: color 0.15s ease-in-out 0s;
}

.twPc-StatLabel {
    color: #8899a6;
    font-size: 10px;
    letter-spacing: 0.02em;
    overflow: hidden;
    text-transform: uppercase;
    transition: color 0.15s ease-in-out 0s;
}
/* Twitter Profile Card */

/* Events */
#EventsInfo .card {
    flex-direction: row;
    margin-bottom: 10px;
    cursor: pointer;
}

#EventsInfo .img {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 130px;
    border-top: 1px solid #eee;
    width: 30%;
}

.events-head-title, .rumble-head-title, .reddit-head-title {
    font-size: 21px;
    font-weight: bold;
    margin-bottom: 5px;
}

#EventsSide, #RumbleComics {
    margin-bottom: 10px;
}

#EventsInfoLeft {
    margin-bottom: 15px;
    padding-top: 8px;
}

    #EventsInfoLeft .events-list {
        margin-bottom: 20px;
        padding-top: 10px;
    }

        #EventsInfoLeft .events-list .img {
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
            height: 140px;
            border-top: 1px solid #eee;
            border-radius: 7px;
        }

    #EventsInfoLeft .more {
        text-align: center;
        margin-top: 30px;
    }

    #EventsInfoLeft #btnMore {
        width: 90px;
    }

    #EventsInfo .events-detail, #EventsInfoLeft .events-detail {
        margin: 5px 12px;
    }

#EventsInfo .events-detail {
    width: 66%;
}

    #EventsInfo .events-detail:not(:last-child), #EventsInfoLeft .events-detail:not(:last-child) {
        border-bottom: 1px solid #eee;
    }

#EventsInfo .title, #EventsInfoLeft .title {
    font-size: 15px;
    font-weight: bold;
}

#EventsInfo .date-time, #EventsInfoLeft .date-time {
    font-size: 12px;
    margin-bottom: 5px;
}

#EventsInfo .location, #EventsInfoLeft .location {
    margin-bottom: 10px;
}
/* Events */

/* Youtube Videos */
.youtube-card {
    position: relative;
    width: 100%;
    max-width: 640px;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    background: #000;
    margin-bottom: 15px;
    /*display: none;*/
}

.youtube-thumb,
.youtube-thumb img {
    width: 100%;
    height: 100%;
}

.youtube-thumb {
    position: relative;
}

.youtube-thumb img {
    object-fit: cover;
    display: block;
}

.youtube-play {
    position: absolute;
    inset: 0;
    margin: auto;
    width: 72px;
    height: 72px;
    border: 0;
    border-radius: 50%;
    font-size: 28px;
    cursor: pointer;
    opacity: 0.9;
}


#Videos .video-list, .yt_block .video-list {
    margin-bottom: 15px;
}

#Videos .imageThumbnail, .yt_block .imageThumbnail {
    position: relative;
}

    #Videos .imageThumbnail .img, .yt_block .imageThumbnail .img {
        height: 140px;
        border-radius: 12px;
    }

.imageThumbnail .img img {
    /*height: 180px;*/
    border-radius: 12px;
}

#Videos .imageThumbnail img, .yt_block .imageThumbnail img {
    height: 100%;
    border-radius: 4px;
    width: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: 12px;
}

#Videos .durationPanel, .yt_block .durationPanel {
    margin: 5px 7px;
    bottom: 0px;
    right: 0px;
    position: absolute;
}

#Videos .duration, .yt_block .duration {
    padding: 0px 0.4rem;
    display: flex;
    -moz-box-align: center;
    align-items: center;
    -moz-box-pack: center;
    justify-content: center;
    background: #111111a8;
    color: #fff;
    border-radius: 3px;
}

#Videos .info, .yt_block .info {
    margin-top: 5px;
}

#Videos .videoInfo, .yt_block .videoInfo {
    display: inline-block;
    vertical-align: top;
}

    #Videos .videoInfo .title, .yt_block .videoInfo .title {
        font-weight: bold;
        overflow: hidden;
        -webkit-line-clamp: 2;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
        white-space: normal;
        line-height: 20px;
        font-size: 15px;
        margin-bottom: 6px;
    }

    #Videos .videoInfo .channel, #Videos .videoInfo .view_date,
    .yt_block .videoInfo .channel, .yt_block .videoInfo .view_date {
        color: gray;
        font-size: 13px;
    }

.yt_block iframe {
    border-radius: 12px;
}
/* Youtube Videos */


/* Rumble Videos*/

#rumble_container .imageThumbnail {
    position: relative;
}

#rumble_container div.imageThumbnail .img {
    width: 100%;
    border-radius: 12px;
}

#rumble_container .durationPanel {
    margin: 5px 7px;
    bottom: 0px;
    right: 0px;
    position: absolute;
}

#rumble_container .duration {
    padding: 0px 0.4rem;
    display: flex;
    -moz-box-align: center;
    align-items: center;
    -moz-box-pack: center;
    justify-content: center;
    background: #111111a8;
    color: #fff;
    border-radius: 3px;
}

#rumble_container .videoInfo .channel, #rumble_container .videoInfo .view_date {
    color: gray;
    font-size: 13px;
}
/* Rumble Videos*/


/* TikTok Videos */
.tiktok_video {
    border: #d8d8d8 1px solid;
    border-radius: 12px;
    margin-bottom: 17px;
}
/* */

/* Ticker */
.ticker_spacer_line {
    height: 100%;
    background: white;
    margin-left: 8px;
    margin-right: 8px;
    padding-left: 1px;
}


.ticker_spacer_dot:after {
    content: "•";
}

.ticker_spacer_dot {
    margin-right: 6px;
    margin-left: 6px;
}

#ticker_container {
    display: flex;
    align-items: stretch;
    gap: 0;
    margin-bottom: 5px;
}

#ticker_header {
    color: white;
    background-color: red;
    padding: 10px;
    min-height: 35px;
    line-height: 15px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    display: flex;
    align-items: center;
    flex: 0 0 auto;
}

#ticker {
    flex: 1 1 auto;
    min-width: 0;
}

.ticker-lightweight {
    position: relative;
    overflow: hidden;
    background-color: black;
    color: white;
    margin-left: 10px;
    padding: 10px 0;
}

.ticker-track {
    display: flex;
    width: max-content;
    min-width: 100%;
    animation: ticker-scroll 117s linear infinite;
}

.ticker-lightweight:hover .ticker-track {
    animation-play-state: paused;
}

.ticker-lightweight-inline {
    position: relative;
    overflow: hidden;
    color: white;
}

.ticker-lightweight-inline:hover .ticker-track {
    animation-play-state: paused;
}

.ticker-content {
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
    flex: 0 0 auto;
}

.ticker-item {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: white;
    font-size: smaller;
    margin: 0 10px;
    text-decoration: none;
}

.ticker-item:hover {
    color: #d0d0d0;
    text-decoration: underline;
}

.ticker-item-inline {
    color: inherit;
    margin: 0 8px;
    text-decoration: none;
}

.ticker-item-meta {
    color: #c9c9c9;
}

.ticker-divider {
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #d83b3b;
    opacity: 0.85;
}

@keyframes ticker-scroll {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-50%);
    }
}

.eocjs-newsticker-loader {
    position: absolute;
    left: calc(50% - 10px);
    width: 16px;
    height: 16px;
    display: block;
    border: 2px solid #555555;
    border-top: 2px solid transparent;
    border-radius: 50%;
    animation: eocjs-newsticker-spin 1s linear infinite;
}

@keyframes eocjs-newsticker-spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}


#col1.col-lg-6 .block-head-title {
    margin-bottom: -2px;
}

/*#col1.col-lg-3 .block-head-title {
    margin-left: -12px;
}*/

/* Social Media Embeds */

#col1.col-lg-3.col-md-3 div.embed_fb, #col1.col-lg-3.col-md-3 div.embed_tw, #col1.col-lg-3.col-md-3 div.embed_yt {
    width: calc(100% + 30px);
}
#col2.col-lg-6.col-md-6 div.embed_tw, #col2.col-lg-6.col-md-6 div.embed_yt {
    margin-left: 0px; /*width: calc(100% + 20);*/
}
#col2.col-lg-3.col-md-3 div.embed_fb {
    width: calc(100% + 25px);    
}
#col2.col-lg-6.col-md-6 div.embed_fb {
    width: calc(100% + 14px);
    margin-left: -5px;
}
#col3.col-lg-3.col-md-3 div.embed_fb, #col3.col-lg-3.col-md-3 div.embed_tw, #col3.col-lg-3.col-md-3 div.embed_tiktok, #col3.col-lg-3.col-md-3 div.embed_yt {
    width: calc(100% + 30px);
}
div .embed_fb, div .embed_tiktok, div.embed_tw, div.embed_yt {
    border: none;
    width: 100%;
    overflow: hidden;
    padding: 0;
}

iframe.embed_tw_iframe, iframe.embed_fb_iframe, iframe.embed_tiktok_iframe
{
    border: none;
    width:100%;
}

iframe.embed_tw_iframe body, iframe.embed_fb_iframe body, iframe.embed_tiktok_iframe body
{
    margin:0;
}

/*#col1 .block-head-title {
    margin-left: -20px;
}*/

.block-head-title {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 0px;
    padding-left: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.block-head-title a {
    color: blue;
    text-decoration: underline;
    font-size: smaller;
}

.tv-widget-watch-list__short-name {
    pointer-events: none;
}

#editor_label {
    background-color: blue;
    padding: 4px 8px 4px 8px;
}

#editor_label a {
    color: white;
    font-weight: bold;
}

#five_seconds {
    background-color: blue;
    padding: 4px 8px 4px 8px;
}

#five_seconds a {
    color: white;
    font-weight: bold;
}
#archive {
    background-color: blue;
    padding: 4px 8px 4px 8px;
}

#archive a {
    color: white;
    font-weight: bold;
}

#TwitterTimeLineGeneral {
    margin-left: -15px;
    width: 268px;
}

/* Weather */

/*** Weather ***/
.conditions div.title {
    font-size: 18px;
    font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Helvetica,sans-serif;
    color: #333;
    padding-top: 4px;
}

.conditions div.icon {
    padding-top: 5px; /*30px*/
}


.thisweek div.icon img {
    height: 90px;
}

.conditions div.description {
    font-weight: bold;
    font-size: 16px;
    padding: 5px;
}

.conditions {
    /*background-color: #DDE;*/
    text-align: center;
    vertical-align: top;
}

#weather_meteogram svg {
    z-index: 1 !important;
}

div.highcharts-xaxis-labels span {
    z-index: 1 !important;
}

div.highcharts-tooltip span {
    z-index: 9999 !important;
    background-color: #d0d0d0 !important;
    opacity: 1;
    padding: 5px;
}

.label {
    z-index: 1 !important;
}

#weather_countries select, #weather_city {
    font-size: 20px;
    width: 300px;
    height: 30px;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-bottom: 1px solid #333;
}

    #weather_countries select:focus, #weather_city:focus {
        border-top: 0;
        border-left: 0;
        border-right: 0;
        outline: 0;
    }

#weather_city {
    padding: 1px 3px;
    vertical-align: middle !important;
    margin-bottom: 5px;
}

#weather_countries select {
    padding: 1px 0px;
}

    #weather_countries select option {
        font-size: 13px;
    }

#weather_gps {
    width: 40px;
    height: 40px;
    cursor: pointer;
}

    #weather_gps img {
        width: 16px;
        height: 16px;
        padding: 5px;
    }

@-moz-document url-prefix() {
    #weather_city {
        margin-bottom: 10px;
    }
}

div.highcharts-container {
    width: 100%;
    height: 100%;
}

.thisweek {
    min-height: 185px;
    vertical-align: top;
    text-align: center;
    padding: 5px;
}

    .thisweek div.dayofweek {
        font-weight: bold;
        padding-bottom: 3px;
    }

    .thisweek div.date {
        margin-top: 5px
    }

    .thisweek div.icon {
        padding: 5px 0px;
    }

        .thisweek div.icon img {
            height: 90px;
        }

    .thisweek div.reading {
        font-size: 125%;
        font-weight: bold;
        padding: 5px 0px;
    }

    .thisweek div.cond {
        padding: 5px 0px;
    }

    .thisweek div.prec {
        padding: 5px 0px;
    }

        .thisweek div.prec img {
            width: 16px;
            height: 16px;
            padding: 0px 2px 0px 0px;
        }

.forecast {
    vertical-align: top;
    text-align: center;
    margin: 2px;
}

    .forecast.odd {
        background-color: #EAF3F7
    }

    .forecast.even {
        background-color: #FAF3E7
    }

    .forecast div.cond {
        padding: 5px 0px;
    }

    .forecast div.date {
        font-size: 14px;
        padding: 5px;
    }

    .forecast div.sun, .forecast div.prec, .forecast div.wind {
        padding-bottom: 5px;
        white-space: nowrap
    }

        .forecast div.wind img {
            max-width: 16px;
            max-height: 16px;
            display: inline-block;
            padding: 0px 5px;
        }

        .forecast div.wind div {
            display: inline-block;
        }

    .forecast div.temp div.reading div {
        display: block;
        padding: 3px 0px;
        font-weight: bold;
        color: #005ACC;
    }

    .forecast div.sun img {
        width: 10px;
        padding: 0px 5px;
    }

    .forecast div.prec img {
        width: 10px;
        padding: 0px 5px;
    }

div.empty {
    display: inline-block;
    width: 13.5%;
    height: 185px;
    margin: 2px;
}

div.day-of-week {
    display: inline-block;
    width: 13.5%;
    margin: 2px;
    text-align: center;
    font-weight: bold;
    background-color: #AAA3A7;
    padding: 5px 0px;
    border-radius: 3px;
}

#weather_visibility, #weather_temperature, #weather_pressure, #weather_wind, #weather_humidity, #airquality {
    border-top: #d8d8d8 1px solid;
}

#weather_visibility, #airquality {
    padding-bottom: 5px;
}

/* border blocks */
#WeatherTodaysForecastWidget, #WeatherCurrentConditionsWidget, .ebayAds,
#AirQualityWidget, #ClockTimeZone, .mw_widget, .sw_widget, .tides_widget, .reddit_articles,
#headlines_topstories {
    border: #d8d8d8 1px solid;
    border-radius: 12px;
}

#navbarCollapse {
    overflow: auto;
    padding-bottom: 1px;
    margin-bottom: 1px;
    /*scrollbar-width: thin; */ /* firefox */
}

#navbarCollapse::-webkit-scrollbar, #navbarCollapse::-webkit-scrollbar:horizontal {
    height: 6px;        
}

#navbarCollapse::-webkit-scrollbar-thumb, #navbarCollapse::-webkit-scrollbar-thumb:horizontal {
    height: 6px;
    background: #ff000088;
}

#navbarCollapse::-webkit-scrollbar-thumb:hover, #navbarCollapse::-webkit-scrollbar-thumb:horizontal:hover {
    background: #ff0000ff;
    /*border-top: 1px solid white;*/
}

#navbarCollapse::-webkit-scrollbar-track, #navbarCollapse::-webkit-scrollbar-track:horizontal {
    background: #ff00002d;
    border-top: 4px solid #fff;
}

#navbarCollapse div.dropdown-menu a.dropdown-item {
    padding-top: 6px;
}

.card {
    border-radius: 12px;
    margin-bottom: 17px;
}

.hoverable:hover {
    background-color: #f4f4f4;
}

#facebook_profile, .facebook_profile, #twitter_profile, .twitter_profile #EventsSide, #RumbleComics, #TwitterTimeLineCore, #TwitterTimeLineGeneral, #ScoreStreamWidget, #StockChartOverview,
#WeatherTodaysForecastWidget, #WeatherCurrentConditionsWidget, #ImageCarousel, #ClockTimeZone, #RSSFeedComics, #TwitterTimeLineComicsCartoons, .old_news, .bottom_spacer, .twitter_container, .careerwidget {
    margin-bottom: 17px;
}

.ebay-ad {
    flex-direction: column;
    display: flex;
    padding: 8px;
}

.ebay-sticky-block {
    background: #fff;
    z-index: 2;
    margin-top: 0;
    margin-bottom: 0;
    position: relative;
    will-change: transform;
}

.ebay-sticky-block .ebayAds {
    margin-bottom: 0;
}

    .ebay-ad:not(:first-child) {
        border-top: #e4e4e4 1px solid;
    }

    .ebay-ad .img-ad {
        border-radius: 12px;
        padding: 5px;
        inline-size: fit-content;
        margin-left: auto;
        margin-right: auto;
        display: block;
        width: 180px;
        height: auto;
    }

    .ebay-ad .adbody {
        /*flex: 1 1 auto;*/
        margin-top: 10px;
        font-size: smaller;
    }

.center_article:not(:first-child) {
    border-top: #e4e4e4 1px solid;
}

#Geodata_Time {
    text-align: center;
}

/* Reddit Feed Article*/
div.reddit_articles > div.card-body, div.reddit_articles > div.card-body img {
    width: 100%;
}

.reddit_articles .reddit_article {
    margin-bottom: 5px;
}

    .reddit_articles .reddit_article .rf4-title {
        font-size: 16px !important;
    }

    .reddit_articles .reddit_article .rf4-desc {
        padding: 4px 14px !important;
    }

    .reddit_articles .reddit_article:not(:last-child) {
        border-bottom: 1px solid #eee;
    }

#reddit_articles .reddit_article a:hover {
    color: #2040f0;
    text-decoration: underline;
}

/*fix reddit overflow*/
div.reddit_article table {
    word-break: break-word;
}

/* */

/* Sun & Moon Widgets */
.mw_widget, .sw_widget, .tides_widget {
    height: auto;
    word-break: break-all;
    position: relative;
    display: flex;
    flex-direction: column;
    text-align: center;
    border-radius: 12px;
    color: #212121;
    font-weight: 400;
    font-size: 16px;
    line-height: normal;
    margin-bottom: 17px;
}

.mw_row .current-date {
    margin-top: 10px;
    font-weight: bold;
    font-size: 18px;
}

.mw_widget .moon-phase-ico, .sw_widget .sun-ico {
    width: 50%;
}

.mw_widget .moon-phase-ico img, .sw_widget .sun-ico img {
    width: 100%;
}

#TidesWidget .image {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin: 2px;
    
}

#TidesWidget .data {
    text-align: center;
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 12px;
    padding-left: 20px;
}

#TidesWidget .tides_row {
    display: flex;
    align-items: center;
    text-align: left;
    font-size: 12px;
}

#TidesWidget .tides-location {
    text-decoration: underline;
    color: blue;
    cursor: pointer;
}

.mw_row, .sw_row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin: 7px 0;
}

.mw_widget .rise_set, .sw_widget .rise_set, .tides_widget .label {
    font-size: 12px;
    margin: 5px;
}

.mw_widget .label, .sw_widget .label, .tides_widget .label {
    font-weight: bold;
    margin-right: 5px;
}

.sw_widget .rise_set {
    padding-bottom: 8px;
}

    .sw_widget .rise_set rise {
        border-bottom: #d8d8d8 1px solid;
    }

.mw_widget a:hover {
    color: #385898;
    cursor: pointer;
    text-decoration: underline;
}

#WidgetQuoteOfTheDay .wdg-qotd {
    font-size: 1.1em;
}

/* */
#AirQualityWidget {
    height: auto;
    word-break: break-all;
    position: relative;
    display: flex;
    flex-direction: column;
    border-radius: 12px;
    color: #212121;
    font-weight: 400;
    font-size: 16px;
    line-height: normal;
    margin-bottom: 17px;
}

#airquality .title {
    font-size: 18px;
    font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Helvetica,sans-serif;
    color: #333;
}

#airquality .pollutants {
    margin: 15px;
    font-size: 12px;
}

    #airquality .pollutants .air_quality {
        padding: 2px 0px 2px 0px;
    }

    #airquality .pollutants .label a:hover {
        color: #2040f0;
        text-decoration: underline;
    }

.aq1, .aqG {
    background: #79bc6a;
}

.aq2, .aqF {
    background: #bbcf4c;
}

.aq3, .aqM {
    background: #eec20b;
}

.aq4, .aqP {
    background: #f29305;
}

.aq5, .aqV {
    background: #e8416f;
}

div.facebook_container, div.youtube_container, div.twitter_container, div.tiktok_container, div.applepodcast_container, div.spotifypodcast_container {
    margin-bottom: 25px;
    border: #d8d8d8 1px solid;
    border-radius: 12px;
}

div.facebook_container, div.youtube_container, div.twitter_container, div.tiktok_container {
    min-height: 313px;
}

#col1.col-lg-4 div.twitter_container {
    width: 335px;
    margin-right: 50px;
}

#col1.col-lg-6 div.twitter_container {
    /*width: 290px;    */
}

#col2.col-lg-6 div.twitter_container {
    padding-right: 0px;
    margin-left: 3px;
    width: 534px;
}

#col1.col-lg-12 div.twitter_container {
    width: 400px;
}

#col2.col-lg-6 div.yt_block {
    margin: 5px;
    display: block;
}

#col2.col-lg-6 div.yt_block > div{
    height: 300px;
}

#col4.col-lg-3 div.yt_block {
    padding-left: 15px;
}

/*div.twitter_container {
    padding-top: 0px;
    margin-left: -20px;    
    margin-bottom: 25px;
}*/
/* Subtabs */
#subtabs {
    border: 1px solid #d8d8d8;
    border-radius: 12px;
    padding: 15px;
}

#subtabs .header {
    font-size: 13px;
    font-weight: bold;
    color: #a1aab4;
    margin-bottom: 9px;
}

#subtabs ul {
    padding-left: 16px !important;
    padding-bottom: 10px;
    color: #1a96f1;
    list-style: none;
}

#subtabs p {
    font-size: 13px;
    font-weight: bold;
    color: #a1aab4;
    margin-bottom: 9px;
}


#subtabs li {
    cursor: pointer;
}
#subtabs li:hover {
    text-decoration: underline;
}
#subtabs li.ajax.selected {
    color: red;
    font-weight: bold;
}
#subtabs li.active {
    color: black;
    cursor: auto !important;
}

#subtabs button.more {
    padding: 20px;
    width: 100%;
    border: 0;
    outline: 0;
    background: none;
    color: red
}


/* 

    28-day forecast table

*/

#WeatherMonthForecastWidget table {
    border: 1px solid
}

#WeatherMonthForecastWidget {
    margin-bottom: 15px
}

#WeatherCurrentConditionsWidget table tbody tr td {
    padding: 4px;
    border: 1px solid;
    text-align: center
}

.weather-forecast-calendar {
    display: flex;
    flex-wrap: wrap;
    border: 1px solid
}

    .weather-forecast-calendar .weather-forecast-table-column {
        border: 1px solid;
        padding: 4px;
        width: 14.285714285714%;
        border-collapse: collapse;
        box-sizing: border-box;
        flex-grow: 1;
        overflow: hidden;
        list-style: none;
        text-align: center
    }

        .weather-forecast-calendar .weather-forecast-table-column .a90j01kj0ka2 img {
            width: 75%
        }

        .weather-forecast-calendar .weather-forecast-table-column .a90j01kj0ka5 {
            text-transform: capitalize;
            font-style: italic
        }

        .weather-forecast-calendar .weather-forecast-table-column .a90j01kj0ka6:before {
            content: "";
            background-image: url(/img/weather/wind.svg);
            background-size: 100% 100%;
            position: relative;
            margin-right: 2px;
            display: inline-block;
            width: 10px;
            height: 10px
        }

        .weather-forecast-calendar .weather-forecast-table-column .a90j01kj0ka8-b, .weather-forecast-calendar .weather-forecast-table-column .a90j01kj0ka8-a {
            margin: auto
        }

            .weather-forecast-calendar .weather-forecast-table-column .a90j01kj0ka8-b img, .weather-forecast-calendar .weather-forecast-table-column .a90j01kj0ka8-a img {
                width: 10px;
                height: 10px;
                margin-right: 2px;
                position: relative;
                top: -1px
            }

        .weather-forecast-calendar .weather-forecast-table-column .a90j01kj0ka9:before, .weather-forecast-calendar .weather-forecast-table-column .a90j01kj0kaA:before {
            content: "";
            background-image: url(/img/weather/rain.svg);
            background-size: 100% 100%;
            position: relative;
            display: inline-block;
            margin-right: 2px;
            width: 10px;
            height: 10px
        }

        .weather-forecast-calendar .weather-forecast-table-column .a90j01kj0ka1 {
            display: inline-block;
            font-weight: 700
        }

            .weather-forecast-calendar .weather-forecast-table-column .a90j01kj0ka1 span {
                margin-left: .2em;
                font-weight: 700
            }

        .weather-forecast-calendar .weather-forecast-table-column .a90j01kj0ka4, .weather-forecast-calendar .weather-forecast-table-column .a90j01kj0ka1 {
            width: 100%;
            border-bottom-style: groove
        }

        .weather-forecast-calendar .weather-forecast-table-column .a90j01kj0ka7, .weather-forecast-calendar .weather-forecast-table-column .a90j01kj0ka7 {
            display: inline-block
        }

        .weather-forecast-calendar .weather-forecast-table-column.weather-forecast-table-column-month2 {
            background-color: lightgray
        }

        .weather-forecast-calendar .weather-forecast-table-column.weather-forecast-table-column-month1 {
            background-color: #e0ffff
        }

        .weather-forecast-calendar .weather-forecast-table-column .a90j01kj0ka3 {
            font-weight: 700;
            color: #8b0000;
            font-size: x-small
        }

    .weather-forecast-calendar .a90j01kj0kaC:first-child {
        border-radius: 10px 0 0 0
    }

.weather-forecast-calendar {
    border-radius: 12px 12px 0 0
}

    .weather-forecast-calendar .a90j01kj0kaC:nth-child(7) {
        border-radius: 0 10px 0 0
    }

    .weather-forecast-calendar .weather-forecast-table-column .a90j01kj0ka4 {
        font-weight: 700;
        color: #00008b;
        padding-bottom: 2px;
        font-size: x-small
    }

    .weather-forecast-calendar .weather-forecast-table-column.a90j01kj0kaC {
        background-color: #000;
        border-collapse: collapse;
        border: none;
        color: #fff;
        font-weight: 700
    }

.Detailed-Weather-Current-Conditions {
    display: flex;
    flex-wrap: wrap
}

r-Current-Conditions .lkjlk1j2lkj12l3k1j {
    width: 20%;
    border-collapse: collapse;
    box-sizing: border-box;
    flex-grow: 1;
    list-style: none
}

.Detailed-Weather-Current-Conditions .conditions .highcharts-title {
    font-size: 14px !important;
    font-weight: 700
}

.Detailed-Weather-Current-Conditions .conditions .highcharts-container svg {
    width: 100%
}

#weather-forecast-detailed-graph {
    width: 700px;
    height: 250px;
    margin: auto
}

.weather-forecast-detailed-graph-container {
    overflow-x: auto;
    margin-bottom: 12px
}

#weather-weekly-block-forecast {
    margin-bottom: 12px
}

#WeatherTodaysForecastWidgets {
    text-align: center
}

    #WeatherTodaysForecastWidgets > div > div:nth-child(2) {
        border-top: none !important
    }

    #WeatherTodaysForecastWidgets > div {
        display: inline-block;
        width: 20%;
        min-width: 225px;
        border-top: none !important;
        text-align: center;
        vertical-align: top
    }

#weather-weekly-block-forecast table {
    border-collapse: separate;
    border-spacing: 10px 0;
    width: 100%;
    text-align: center;
    margin: 0;
    padding: 0;
    table-layout: fixed
}

    #weather-weekly-block-forecast table tr:first-child td {
        border-radius: 12px 12px 0 0
    }

    #weather-weekly-block-forecast table tr:last-child td {
        border-radius: 0 0 12px 12px
    }

    #weather-weekly-block-forecast table tr:first-child td {
        min-height: 10px;
        border-color: #000 !important;
        border-width: 2px !important;
        border-style: solid !important;
        border-bottom: none !important
    }

    #weather-weekly-block-forecast table tr td {
        border-right: 2px solid #000 !important;
        border-left: 2px solid #000 !important
    }

    #weather-weekly-block-forecast table tr:last-child td {
        border-color: #000 !important;
        border-width: 2px !important;
        border-style: solid !important;
        border-top: none !important;
        min-height: 10px
    }

    #weather-weekly-block-forecast table tr:nth-child(1) td {
        text-align: center;
        vertical-align: top;
        background-color: #606060;
        padding: 13px 5px 8px !important;
        color: #fff;
        border-width: 0;
        border-style: solid;
        border-color: #fff;
        border-bottom: none
    }

        #weather-weekly-block-forecast table tr:nth-child(1) td div:first-child {
            font-weight: 700;
            font-size: large
        }

    #weather-weekly-block-forecast table tr:nth-child(2) td {
        text-align: center;
        vertical-align: top;
        background-color: #606060;
        color: #fff;
        border-width: 0;
        border-style: solid;
        border-color: #fff;
        border-top: none;
        border-bottom: none;
        padding-bottom: 10px !important
    }

        #weather-weekly-block-forecast table tr:nth-child(2) td img {
            margin: 0 !important;
            padding: 0 !important;
            max-width: 75%
        }

    #weather-weekly-block-forecast table tr:nth-child(3) td {
        text-align: center;
        vertical-align: top;
        background-color: #606060;
        color: #fff;
        border-width: 0;
        border-style: solid;
        border-color: #fff;
        border-top: none;
        border-bottom: none;
        text-transform: capitalize
    }

        #weather-weekly-block-forecast table tr:nth-child(3) td div:first-child {
            font-size: large
        }

        #weather-weekly-block-forecast table tr:nth-child(3) td div:nth-child(3) {
            margin-top: 5px !important
        }

    #weather-weekly-block-forecast table tr:nth-child(4) td {
        text-align: center;
        vertical-align: top;
        background-color: #606060;
        color: #fff;
        border-width: 0;
        border-style: solid;
        border-color: #fff;
        border-top: none;
        padding: 5px 5px 10px !important
    }

        #weather-weekly-block-forecast table tr:nth-child(4) td img {
            width: 16px;
            height: 16px;
            margin-right: 5px !important;
            filter: invert(100%)
        }

    #weather-weekly-block-forecast table tr:nth-child(2) td {
        text-align: center;
        vertical-align: top;
        background-color: #606060;
        color: #fff;
        border-width: 0;
        border-style: solid;
        border-color: #fff;
        border-top: none;
        border-bottom: none;
        padding-bottom: 10px !important
    }

/* Climate */
.icon-climate-table {
    width: 100%;
    color: #fff;
    border: hidden;
    border-collapse: collapse;
    border-spacing: 0;
    border-color: white;
}

.icon-climate-table tr:nth-child(2) td {
    border-top: 1px solid white;
    
}

    .icon-climate-table tr:first-child th:not(:last-child), .icon-climate-table tr td:first-child {
        border-right: 1px solid #fff
    }

    .icon-climate-table tr td:last-child {
        border-right: 1px solid #fff
    }

    .icon-climate-table tr:not(:last-child) th:first-child, .icon-climate-table tr:not(:last-child) td:first-child {
        border-bottom: 1px solid #fff
    }

    .icon-climate-table tr td:last-child {
        border-right: 1px solid #fff
    }

    .icon-climate-table tr:nth-child(2) td:not(:first-child) {
        border-top-style: none;
        border-top-width: 0
    }

    .icon-climate-table tr:not(:first-child) td:nth-child(2) {
        border-left-style: none;
        border-left-width: 0
    }

    .icon-climate-table tr:not(:first-child) td:not(:first-child) {
        border-top-width: 0;
        border-left-width: 0
    }

    .icon-climate-table tr th {
        border-bottom: 1px solid #fff
    }

    .icon-climate-table td, .icon-climate-table th {
        border-width: 1px;
        border-style: solid;
        border-color: #fff
    }

    .icon-climate-table tr:first-child th:first-child {
        border-radius: 12px 0 0 0
    }

    .icon-climate-table tr:first-child th:last-child {
        border-radius: 0 12px 0 0
    }

    .icon-climate-table tr:last-child td:first-child {
        border-radius: 0 0 0 12px
    }

    .icon-climate-table tr:last-child td:last-child {
        border-radius: 0 0 12px 0
    }

    .icon-climate-table th, .icon-climate-table td {
        padding: 4px
    }

#location-select-box {
    display: inline-block;
    outline: 0;
    text-align: left;
    width: 40%;
    margin: 2px 1px;
    flex-grow: 1;
}

#location-country {
    background: #eee;
    margin: 2px 1px;
    padding: 10px;
    display: inline;
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border: 0 none;
    height: 40px;
    outline: 0;
    text-align: left;
    width: 40%;
    vertical-align: top;
    flex-grow: 1;
}

#location {
    background: #eee;
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border: 0 none;
    outline: 0;
    width: 100%;
    text-align: left;
    vertical-align: top;
    flex-grow: 1;
    padding: 10px;
    height: 40px;
}

.ui-autocomplete {
    background: #000;
    color: #fff;
    padding: 5px;
    border-radius: 5px;
    z-index: 2;
    position: absolute;
    top: 40px;
    display: block;
    list-style: none;
}

    .ui-autocomplete li div {
        list-style-type: none;
    }

#location-change-button {
    background: #eee;
    height: 40px;
    padding: 10px;
    margin: 2px 1px;
    display: inline;
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border: 0 none;
    flex-grow: 1;
    /*outline: 0;*/
    width: calc(20%-1px);
    vertical-align: top;
}

.location-select-box {
    width: 100%;
    display: flex;
    text-align: center;
    margin-bottom: 10px;
}

/* Soil */
#SoilTrianglesWidget {
    text-align: center;
    border-radius: 12px;
    color: #212121;
    margin-bottom: 17px;
    margin-left: auto;
    margin-right: auto;
    border: #d8d8d8 1px solid;
    padding-top: 12px;
}

/* Climate */

#ClimateChartsWidget{
    margin-bottom: 15px;
}
.climate-chart {
    max-width: 50%;
    display: inline;
}

/* NewsBySection */
.sect-news {
    padding: 10px 5px;
    font-size: 0.8em;
    text-align: left;;
    word-break: break-word
}

    .sect-news h2 {
        font-size: 1.2em;
        margin-bottom: 5px;
    }

    .sect-news date {
        text-align: left;
        font-size: 0.8em;
        color: gray;
        display: block;
        margin-bottom: 5px;
    }

.bg-news-thumb {
    width: 100%;
    height: 9em;
    background-position: center center;
    background-size: cover;
}

article {
    margin-bottom: 20px;
    line-height: 1.2em;
}

#c1.news-result article, #b1.news-result article, #e1.news-result article {
    min-height: 120px;
    clear: both;
}

#c1 article.web,
#e1 article.web {
    min-height: auto;
}

#c1 article.web .link,
#e1 article.web .link {
    margin: 0 0 5px 0;
}

#c1 article.web .link a,
#e1 article.web .link a {
    color: green;
}

.company_ctn {
    padding: 10px 5px;
    font-size: 0.9em;
    text-align: left;
    margin-bottom: 5px;
    word-break: break-word
}

    .company_ctn h2 {
        font-size: 1.2em;
        margin-bottom: 5px
    }

company_details {
    margin-bottom: 10px;
    line-height: 1.6em;
}

/* Air Quality Full */
#AirQualityWidget_Full {
    width: 50%;
}
#AirQualityAQIInfo a {
    color: #007bff;
}
#AirQualityAQIInfo a:hover {
    text-decoration: underline;
}
#AirQualityTable .aq-title, #AirQualityAQIInfo .aq-title, #aq-full-title {
    margin-top: 10px;
    font-size: 21px;
    font-weight: bold;
    margin-bottom: 3px;
}

table.material-table td {
    padding: 5px;
}

table.material-table th {
    padding-right: 5px;
}

table.material-table td:not([empty]) {
    border: 1px solid black;
}


/* Search */
.search-bar {
    position: relative;
    display: none;
    /*display: flex;*/
    align-items: stretch;
    justify-content: flex-end;
    text-align: right;
    width: 100%;
}
.search-btn {
    background: #d30015;
    padding: 6px 10px;
    border-radius: 0 5px 5px 0;
    -moz-border-radius: 0 5px 5px 0;
    -webkit-border-radius: 0 5px 5px 0;
    -o-border-radius: 0 5px 5px 0;
    border: 0;
    outline: 0;
    font-weight: bold;
    cursor: pointer;
    vertical-align: top;
}
.search-btn:focus {
    border: 0;
    outline: 0;
}
 
.search-box {
    background: #eee;
    padding: 10px;
    border-radius: 5px 0 0 5px;
    -moz-border-radius: 5px 0 0 5px;
    -webkit-border-radius: 5px 0 0 5px;
    -o-border-radius: 5px 0 0 5px;
    border: 0 none;
    outline: 0;
    width: min(380px, 100%);
    flex: 1 1 280px;
    min-width: 0;
    text-align: left;
    vertical-align: top;
}
.search-bar i {
    color: #fff;
    font-size: 2em;
}
.search-results h2 {
    font-size:1.2em;
}

#ribbon,
.choices {
    width: 100%;
}
.choices > div {
    display: inline-block;
    margin: 0 10px;
    cursor: pointer;
}
.choices > div:hover {
    color: red;
}
.choices div > i {
    padding: 4px 5px 0 5px;
    margin-left: 3px;
}
.choices div > i:hover {
    border-radius: 10px;
    background: #fff;
    color: red;
}
.choices > div > span {
    padding: 5px;
    display: inline-block;
}
.choices.children {
    column-count: 6;
}
.choices.children > div {
    display: block;
    padding: 3px 20px;
}

.choices.level0 {
    background: #000;
    color: #fff;
}
.choices.level1 {
    background: #ccc;
    color: #000;
    display: none;
}
.choices.children {
    background: #eee;
    color: #000;
    padding: 5px 0;
    display: none;
}
.choices.level1.open,
.choices.children.open {
    display: block;
}
.choices div.sel {
    font-weight: bold;
    color: red;
}

/** not ready yet **/
#ribbon div[value='Videos'] {
    /*display: none;*/
}

.img-results {
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 60px;
    position: relative;
    margin: 0;
}
.img-results .loading {
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 0;
    margin: auto;
}
.img-result {
    flex-grow: 1;
    background-color: transparent;
    width: max-content;
    position: relative;
    margin-bottom: 1px;
}
.img-result img {
    height: 160px;
    object-fit: cover;
    min-width: 100%;
    min-height: 100%;
    vertical-align: bottom;
}
.img-result .domain {
    position: absolute;
    left: 0;
    bottom: 0;
    font-size: 0.9em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
    background-color: rgba(255,255,255, 0.8);
    padding: 0 5px;
    font-size: 0.8em;
    font-weight: bold;
}
.img-result .img-desc {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    background: rgba(245,245,245,0.9);
    padding: 5px;
    font-size: 0.88em;
    line-height: 1.2em;
    display: none;
    overflow-y: auto;
}
.img-result:hover .img-desc {
    display: block;
}
.vid-results {
    display: block;
}
.vid-result {
    margin-bottom: 1px;
    position: relative;
    columns: 2;
    padding: 5px 0;
}
.vid-result .vid-img {
    position: relative;
}
.vid-result .vid-img img {
    width: 100%;
    height: 150px;
    object-fit: cover;
}
.vid-result .vid-meta {
    padding: 5px;
    line-height: 1.2em;
    page-break-inside: avoid;
}
.vid-result .vid-meta .vid-title {
    font-weight: bold;
}
.vid-result .vid-meta .vid-desc {
    padding-top: 5px;
    font-size: 0.9em;
}
.vid-result .vid-channel {
    padding-top: 5px;
}
.vid-result .vid-channel a {
    color: green;
}
.vid-result .vid-date {
    color: gray;
    font-size: 0.8em;
    text-align: right;
}
.vid-result .vid-icon {
    width: 32px;
    height: 32px;
    position: absolute;
    bottom: 5px;
    left: 5px;
    font-size: 2em;
    opacity: 0.7;
    z-index: 9;
}
.vid-result:hover i.vid-icon {
    opacity: 1;
}
.vid-result i.icon-youtube {
    background: url('/img/icons/youtube.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}
.vid-result i.icon-rumble {
    background: url('/img/icons/rumble.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}
.vid-result i.icon-vimeo {
    background: url('/img/icons/vimeo.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}
.vid-results .loading {
    -webkit-column-span: all;
    -moz-column-span: all;
    column-span: all;
}
.definition {
    padding: 5px;
    text-align: left;
}
.definition h4 {
    font-size: 0.9em;
    font-weight: bold;
    margin: 0 0 5px 0;
}
.definition ol {
    padding-inline-start: 20px;
}
.definition li {
    font-size: 0.8em;
    word-break: break-word;
}
.encyclopedia {
    margin: 0 15px;
    width: 100%;
}
.encyclopedia a {
    color: #0645ad;
}
.encyclopedia h2 {
    font-size: 1.5em;
}
.encyclopedia .golden-sources {
    border: 1px solid #a2a9b1;
    background-color: #f8f9fa;
    padding: 5px 10px;
    margin-bottom: 25px;
    overflow: auto;
}
.encyclopedia .mw-editsection {
    display: none;
}
.encyclopedia .golden-sources div {
    display: inline-block;
    margin: 0 5px;
    padding: 0 5px;
    color: #0645ad;
    cursor: pointer;
}
.encyclopedia .golden-sources div.selected {
    font-weight: bold;
    color: red;
}
.encyclopedia .external_link {
    background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2212%22 height=%2212%22%3E %3Cpath fill=%22%23fff%22 stroke=%22%2336c%22 d=%22M1.5 4.518h5.982V10.5H1.5z%22/%3E %3Cpath fill=%22%2336c%22 d=%22M5.765 1H11v5.39L9.427 7.937l-1.31-1.31L5.393 9.35l-2.69-2.688 2.81-2.808L4.2 2.544z%22/%3E %3Cpath fill=%22%23fff%22 d=%22M9.995 2.004l.022 4.885L8.2 5.07 5.32 7.95 4.09 6.723l2.882-2.88-1.85-1.852z%22/%3E %3C/svg%3E");
    background-position: center right;
    background-repeat: no-repeat;
    padding-right: 13px; 
}
.encyclopedia h1 .external_link {
    background-position: top right;
}
.encyclopedia .ballotpedia h2 {
    clear: both;
}
.encyclopedia .ballotpedia .box {
    float: left;
    width: 20%;
    position: relative;
    padding: 10px;
}
.encyclopedia .ballotpedia .box img {
    width: 100%;
}
.encyclopedia .ballotpedia .box a.external_link {
    background-image: none;
}

#MathJax_Message {
    display: none;
}
@media (max-width: 1200px) {
    .bg-news-thumb {
        height: 7.5em;
    }
    .vid-result img {
        height: 130px;
    }
}
@media (max-width: 992px) {
    .bg-news-thumb {
        height: 6em;
    }
    .vid-result img {
        height: 100px;
    }
}

/*LocationXPosts Carousel*/
#LocationXPosts {
    position: relative;
    width: 100%;
    padding: 0;
    margin-bottom: 15px;
    display: none;
    margin-top: -10px;
}

#LocationXPosts .loc-block {
    position: relative;
    overflow: hidden;
}

#LocationXPosts .slick-prev,
#LocationXPosts .slick-next {
    width: 45px;
    height: 45px;
    z-index: 1;
    transition: .5s;
    color: #ffffff;
    background: #00000029;
    border-radius: 4px;
}

#LocationXPosts .slick-prev {
    left: 30px;
}

#LocationXPosts .slick-next {
    right: 30px;
}

#LocationXPosts .slick-prev:hover,
#LocationXPosts .slick-prev:focus,
#LocationXPosts .slick-next:hover,
#LocationXPosts .slick-next:focus {
    color: #ffffff;
    background: #d30015;
}

#LocationXPosts .slick-prev::before,
#LocationXPosts .slick-next::before {
    font-family: "Font Awesome 5 Free";
    font-size: 25px;
    font-weight: 900;
    color: #ffffff;
}

#LocationXPosts .slick-prev::before {
    content: "\f104";
}

#LocationXPosts .slick-next::before {
    content: "\f105";
}

#LocationXPosts .slick-dots li button::before{
    font-size: 13px;
}
/*LocationXPosts Carousel*/

/*Hemmings Carousel*/
#HemmingsPosts {
    position: relative;
    width: 100%;
    padding: 0;
    margin-bottom: 15px;
    display: none;
    margin-top: -10px;
}

#HemmingsPosts .loc-block {
    position: relative;
    overflow: hidden;
}

#HemmingsPosts .slick-prev,
#HemmingsPosts .slick-next,
#HemmingsWidgets .slick-prev,
#HemmingsWidgets .slick-next {
    width: 28px;
    height: 28px;
    z-index: 1;
    transition: .5s;
    color: #ffffff;
    background: #00000029;
    border-radius: 4px;
}

#HemmingsPosts .slick-prev, #HemmingsWidgets .slick-prev {
    left: 30px;
}

#HemmingsPosts .slick-next, #HemmingsWidgets .slick-next {
    right: 30px;
}

#HemmingsPosts .slick-prev:hover,
#HemmingsPosts .slick-prev:focus,
#HemmingsPosts .slick-next:hover,
#HemmingsPosts .slick-next:focus,
#HemmingsWidgets .slick-prev:hover,
#HemmingsWidgets .slick-prev:focus,
#HemmingsWidgets .slick-next:hover,
#HemmingsWidgets .slick-next:focus {
    color: #ffffff;
    background: #d30015;
}

#HemmingsPosts .slick-prev::before,
#HemmingsPosts .slick-next::before,
#HemmingsWidgets .slick-prev::before,
#HemmingsWidgets .slick-next::before {
    font-family: "Font Awesome 5 Free";
    font-size: 18px;
    font-weight: 900;
    color: #ffffff;
}

#HemmingsPosts .slick-prev::before, #HemmingsWidgets .slick-prev::before {
    content: "\f104";
}

#HemmingsPosts .slick-next::before, #HemmingsWidgets .slick-next::before {
    content: "\f105";
}

#HemmingsPosts .slick-dots li button::before, #HemmingsWidgets .slick-dots li button::before {
    font-size: 13px;
}
/*Hemmings Carousel*/
.phone_link:hover {
    color: #007bff;
    text-decoration: underline;
}
/*#WidgetHelpAndHotlines {
    padding-left: 5px;
    padding-right: 7px;
}*/
.hah_category {
    font-size: 1em;
    background-color: #74aed9;
    text-align: center;
    color: #fff;
    padding: 4px;
    margin-bottom: 9px;
}
.hah_category:not(:first-child){
    margin-top: 11px;
}
.hah_category:first-child {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}
.help_and_hotline {
    table-layout: fixed;
    width: 100%;
    font-size: 0.9em;
    margin-top: 7px;
    margin-bottom: 7px;
}
.help_and_hotline td:first-child{
    width: 26%;
    vertical-align: top;
    padding-left: 5px;
}
.help_and_hotline td:nth-child(2){
    overflow-wrap: break-word;
    vertical-align: top;
    padding-right: 7px;
}
.hah_loading button {
    padding: 20px;
    width: 100%;
    border: 0;
    outline: 0;
    background: none;
    color: red;
}

/*Finance*/
#FinanceWidgetHybrid {
    margin-bottom: 10px;
    border: 1px solid #d8d8d8;
    border-radius: 12px;
    padding-top: 10px;
}
#finance_symbol_container {
    /*max-height: 300px;*/
    overflow: auto;
}
.finance_symbol_list {
    cursor: pointer;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 10px;
}
/*.finance_symbol_list.active{
    background: rgba(41, 98, 255, 0.12);
}
.finance_symbol_list:hover {
    background: rgba(41, 98, 255, 0.06);
}*/
.finance_symbol_list:last-child{
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
}
.finance_logo_container {
    width: 60px;
    display: inline-block;
    vertical-align: top;
    float: left;
    text-align: center;
}
.finance_logo {
    border-radius: 50%;
    height: 36px;
    width: 36px;
}
.finance_symbol_container {
    display: inline-block;
    vertical-align: top;
}
.finance_symbol_name {
    font-size: 16px;
    margin-bottom: 2px;
}
.finance_symbol {
    font-size: 13px;
    margin-bottom: 2px;
    color: gray;
}
.finance_price_graph_container {
    display: inline-block;
    vertical-align: top;
    text-align: right;
    float: right;
    padding-right: 18px;
    width: 65%;
}
.finance_price_container {
    display: inline-block;
    vertical-align: top;
    margin-right: 10px;
}
.finance_price {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 2px;
}
.finance_graph{
    width: 70%;
    display: inline-block;
}
/*Finance*/
/* Loading spinner style */
/* Loader Spinner Styles */
#WidgetEPAMap {
    position: relative;
    width: 100%;
    height: 200px; /* Same height as your iframe */
}

#WidgetEPAMap .mapLoader {
    position: absolute;
    top: 70px;
    left: 50%;
    width: 50px;
    height: 50px;
    border: 10px solid #f3f3f3;
    border-top: 10px solid #3498db;
    border-radius: 50%;
    animation: spin 1s linear infinite;
    transform: translate(-50%, -50%);
    z-index: 100; /* Ensure loader is on top */
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* Initially hide the iframe */
#WidgetEPAMap iframe {
    width: 100%;
    height: 100%;
    display: none;
}

.multiline-ellipsis {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
}

/* Facebook Widget*/
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');


.fb-profile-info-container {
    display: flex;
    position: absolute;
    width: 100%;
    bottom: 0;
    gap: 15px;
    padding-top: 8px;
    height: 48px;
}

.fb-widget nav .profile-img-container {
    min-width: 48px;
    min-height: 48px;
    max-width: 58px;
    max-height: 58px;
    margin-left: 10px;
}

.fb-widget nav .profile-img-container img {
    width: 100%;
    display: block;
    border-radius: 50px;
    box-shadow: 0 0 0 1px #fff;
}

.fb-widget {
    width: auto;
    margin: 0px 0px 20px 0px;
    padding: 14px;
    border: #d8d8d8 1px solid;
    border-radius: 12px;
}

.fb-widget nav {
    width: auto;
    height: 70px;
    display: flex;
    align-items: center;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border: 1px solid #ddd;
    padding: 8px 0px 8px 0px;
    background-repeat: no-repeat; 
    background-size: cover; 
}

.fb-widget nav  .main-title {
    color: black;
    font-size: 18px;
    font-family: "Roboto";
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0px 8px 0px 0px;
    background-color: white;
    padding: 0px 4px 0px 4px;
    border-radius: 2px;
    opacity: 0.95;
}

.main-title-container {
    margin-left: 18px;
    max-width: 400px; /* Set a reasonable width */
    overflow: hidden; /* Ensure overflow is handled */
}

.fb-widget .container {
    width: auto;
    height: 470px;
    overflow-y: scroll;
    scroll-behavior: smooth;
    padding: 8px;
    background: #f5f5f5;
    border: 1px solid #ddd;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
}

::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-thumb {
    background: #aaa;
}

::-webkit-scrollbar-track {
    background: #fff;
}

.fb-widget .container .container-item {
    width: auto;
    height: auto;
    background: #ffffff;
    margin-bottom: 8px;
    border-radius: 6px;
    padding: 10px;
    border: 1px solid #ddd;
}

.fb-widget .container-item .header,
.container-item .img-container {
    width: 100%;
}

.fb-widget .container-item .header {
    max-height: 120px;
    display: flex;
    align-items: center;
    margin-bottom: 8px;
    border-bottom: 1px solid #f5f5f5;
    gap: 18px;
    padding-bottom: 8px;
}

.fb-widget .container-item .header .title-container .title {
    font-size: clamp(14px, 1vw, 18px);
}

.fb-widget .title-container .title {
    margin: 0;
}

.fb-widget .container-item .header .title-container span {
    font-size: 12px;
    color: gray;
}

.fb-widget .container-item .header .profile-img {
    width: 50px;
    height: 50px;
    border-radius: 50px;
}

.fb-widget .container-item .img-container img {
    width: inherit;
}

.fb-widget .container-item p.content {
    font-size: 14px;
    line-height: 1.5rem;
    word-wrap: break-word;
}

.see-more {
    font-weight: 500;
}

.instagram-widget {
    width: auto;
    margin: 0px 0px 20px 0px;
    padding: 14px;
    border: #d8d8d8 1px solid;
    border-radius: 12px;
}

.instagram-widget nav {
    width: auto;
    min-height: 70px;
    display: flex;
    align-items: flex-start;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border: 1px solid #ddd;
    padding: 10px 8px 8px 10px;
    background: #ffffff;
    box-sizing: border-box;
}

.instagram-widget nav .profile-img-container {
    width: 44px;
    min-width: 44px;
    height: 44px;
    margin: 0 8px 0 0;
}

.instagram-widget nav .profile-img-container img {
    width: 44px;
    height: 44px;
    display: block;
    object-fit: cover;
    border-radius: 50%;
}

.instagram-widget nav .main-title-container {
    flex: 1 1 auto;
    width: auto;
    min-width: 0;
    max-width: none;
    margin-left: 0;
    margin-right: 0;
    text-align: left;
}

.instagram-widget-title {
    margin: 0 0 4px 0;
    padding: 0;
    color: black;
    font-size: 14px;
    font-family: "Roboto";
    font-weight: 500;
    line-height: 1.18;
    white-space: normal;
    overflow: hidden;
    text-overflow: unset;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.instagram-widget-meta {
    color: gray;
    font-family: "Roboto";
    text-align: left;
}

.instagram-widget-meta.username {
    margin-bottom: 6px;
    font-size: 12px;
    line-height: 1.15;
    color: black;
}

.instagram-widget-meta.counts {
    white-space: nowrap;
    font-size: 11px;
    line-height: 1.15;
    overflow: visible;
}

.instagram-widget-meta.post-meta {
    font-size: 12px;
}

.instagram-widget-container {
    width: auto;
    height: 470px;
    overflow-y: scroll;
    scroll-behavior: smooth;
    padding: 8px;
    background: #f5f5f5;
    border: 1px solid #ddd;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
}

.instagram-widget-item {
    width: auto;
    height: auto;
    background: #ffffff;
    margin-bottom: 8px;
    border-radius: 6px;
    padding: 10px;
    border: 1px solid #ddd;
}

.instagram-widget-item-header {
    width: 100%;
    max-height: 120px;
    display: flex;
    align-items: center;
    margin-bottom: 8px;
    border-bottom: 1px solid #f5f5f5;
    gap: 18px;
    padding-bottom: 8px;
}

.instagram-widget-item-profile-img {
    width: 40px;
    height: 40px;
    border-radius: 50px;
}

.instagram-widget-item-title {
    margin: 0;
    font-size: 14px;
    font-family: "Roboto";
    font-weight: 500;
    text-align: left;
    line-height: 1.18;
}

.instagram-widget-item-title-container .instagram-widget-meta.post-meta {
    font-size: 12px;
    line-height: 1.15;
}

.instagram-widget-content {
    margin: 0 0 8px 0;
    font-size: 14px;
    line-height: 1.5rem;
    word-wrap: break-word;
    font-family: "Roboto";
    text-align: left;
}

.instagram-widget-img-container {
    width: 100%;
}

.instagram-widget-img-container img {
    width: 100%;
}

.tiktok-widget {
    width: auto;
    margin: 0px 0px 20px 0px;
    padding: 14px;
    border: #d8d8d8 1px solid;
    border-radius: 12px;
}

.tiktok-widget nav {
    width: auto;
    min-height: 70px;
    display: flex;
    align-items: flex-start;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border: 1px solid #ddd;
    padding: 10px 8px 8px 10px;
    background: #ffffff;
    box-sizing: border-box;
}

.tiktok-widget nav .profile-img-container {
    width: 44px;
    min-width: 44px;
    height: 44px;
    margin: 0 8px 0 0;
}

.tiktok-widget nav .profile-img-container img {
    width: 44px;
    height: 44px;
    display: block;
    object-fit: cover;
    border-radius: 50%;
}

.tiktok-widget nav .main-title-container {
    flex: 1 1 auto;
    width: auto;
    min-width: 0;
    max-width: none;
    margin-left: 0;
    margin-right: 0;
    text-align: left;
}

.tiktok-widget-title {
    margin: 0 0 4px 0;
    padding: 0;
    color: black;
    font-size: 14px;
    font-family: "Roboto";
    font-weight: 500;
    line-height: 1.18;
    white-space: normal;
    overflow: hidden;
    text-overflow: unset;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.tiktok-widget-meta {
    color: gray;
    font-family: "Roboto";
    text-align: left;
}

.tiktok-widget-meta.username {
    margin-bottom: 6px;
    font-size: 12px;
    line-height: 1.15;
    color: black;
}

.tiktok-widget-meta.counts {
    white-space: nowrap;
    font-size: 11px;
    line-height: 1.15;
    overflow: visible;
}

.tiktok-widget-meta.post-meta {
    font-size: 12px;
}

.tiktok-widget-container {
    width: auto;
    height: 470px;
    overflow-y: scroll;
    scroll-behavior: smooth;
    padding: 8px;
    background: #f5f5f5;
    border: 1px solid #ddd;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
}

.tiktok-widget-item {
    width: auto;
    height: auto;
    background: #ffffff;
    margin-bottom: 8px;
    border-radius: 6px;
    padding: 10px;
    border: 1px solid #ddd;
}

.tiktok-widget-item-header {
    width: 100%;
    max-height: 120px;
    display: flex;
    align-items: center;
    margin-bottom: 8px;
    border-bottom: 1px solid #f5f5f5;
    gap: 18px;
    padding-bottom: 8px;
}

.tiktok-widget-item-profile-img {
    width: 40px;
    height: 40px;
    border-radius: 50px;
}

.tiktok-widget-item-title {
    margin: 0;
    font-size: 14px;
    font-family: "Roboto";
    font-weight: 500;
    text-align: left;
    line-height: 1.18;
}

.tiktok-widget-item-title-container .tiktok-widget-meta.post-meta {
    font-size: 12px;
    line-height: 1.15;
}

.tiktok-widget-content {
    margin: 0 0 8px 0;
    font-size: 14px;
    line-height: 1.5rem;
    word-wrap: break-word;
    font-family: "Roboto";
    text-align: left;
}

.tiktok-widget-img-container {
    width: 100%;
}

.tiktok-widget-img-container img {
    width: 100%;
}

.instagram-home-widget-container,
.tiktok-home-widget-container {
    width: auto;
}

.instagram-home-widget,
.tiktok-home-widget {
    width: auto;
    margin: 0px 0px 20px 0px;
    padding: 14px;
    border: #d8d8d8 1px solid;
    border-radius: 12px;
}

.instagram-home-widget nav,
.tiktok-home-widget nav {
    width: auto;
    min-height: 76px;
    display: flex;
    align-items: flex-start;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border: 1px solid #ddd;
    padding: 12px 12px 10px 12px;
    background: #ffffff;
    box-sizing: border-box;
}

.instagram-home-widget nav .profile-img-container,
.tiktok-home-widget nav .profile-img-container {
    width: 46px;
    min-width: 46px;
    height: 46px;
    margin: 0 10px 0 0;
}

.instagram-home-widget nav .profile-img-container img,
.tiktok-home-widget nav .profile-img-container img {
    width: 46px;
    height: 46px;
    display: block;
    object-fit: cover;
    border-radius: 50%;
}

.instagram-home-widget nav .main-title-container,
.tiktok-home-widget nav .main-title-container {
    flex: 1 1 auto;
    min-width: 0;
    max-width: 460px;
    text-align: left;
}

.instagram-home-widget-title,
.tiktok-home-widget-title {
    margin: 0 0 4px 0;
    padding: 0;
    color: black;
    font-size: 15px;
    font-family: "Roboto";
    font-weight: 500;
    line-height: 1.2;
    white-space: normal;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.instagram-home-widget-meta,
.tiktok-home-widget-meta {
    color: gray;
    font-family: "Roboto";
    text-align: left;
}

.instagram-home-widget-meta.username,
.tiktok-home-widget-meta.username {
    margin-bottom: 6px;
    font-size: 12px;
    line-height: 1.15;
    color: black;
}

.instagram-home-widget-meta.counts,
.tiktok-home-widget-meta.counts {
    white-space: nowrap;
    font-size: 11px;
    line-height: 1.15;
    overflow: visible;
}

.instagram-home-widget-list,
.tiktok-home-widget-list {
    width: auto;
    max-height: 470px;
    overflow-y: auto;
    scroll-behavior: smooth;
    padding: 8px;
    background: #f5f5f5;
    border: 1px solid #ddd;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
}

.instagram-home-widget-item,
.tiktok-home-widget-item {
    width: auto;
    background: #ffffff;
    margin-bottom: 8px;
    border-radius: 6px;
    padding: 12px;
    border: 1px solid #ddd;
}

.instagram-home-widget-item-header,
.tiktok-home-widget-item-header {
    width: 100%;
    display: flex;
    align-items: center;
    margin-bottom: 8px;
    border-bottom: 1px solid #f5f5f5;
    gap: 18px;
    padding-bottom: 8px;
}

.instagram-home-widget-item-profile-img,
.tiktok-home-widget-item-profile-img {
    width: 46px;
    height: 46px;
    border-radius: 50px;
}

.instagram-home-widget-item-title,
.tiktok-home-widget-item-title {
    margin: 0;
    font-size: 15px;
    font-family: "Roboto";
    font-weight: 500;
    text-align: left;
    line-height: 1.18;
}

.instagram-home-widget-item-title-container .instagram-home-widget-meta.post-meta,
.tiktok-home-widget-item-title-container .tiktok-home-widget-meta.post-meta {
    font-size: 12px;
    line-height: 1.15;
}

.instagram-home-widget-content,
.tiktok-home-widget-content {
    margin: 0 0 8px 0;
    font-size: 14px;
    line-height: 1.5rem;
    word-wrap: break-word;
    font-family: "Roboto";
    text-align: left;
}

.instagram-home-widget-img-container,
.tiktok-home-widget-img-container {
    width: 100%;
}

.instagram-home-widget-img-container img,
.tiktok-home-widget-img-container img {
    width: 100%;
}

.instagram-home-widget-stats,
.tiktok-home-widget-stats {
    margin-top: 8px;
    font-size: 12px;
}

/* ARCHIVE  */
.archive-container {
    background-color: #f6f6f6;
    padding: 40px;
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px;
}

.archive-news-heading {
    font-size: 24px;
    padding-bottom: 21px;
}

.archive-news-items-list {
    background-color: #f6f6f6;
    padding-left: 18px;
    padding-right: 18px;
}

.archive-news-items {
    margin: 0px;
    display: grid;
    grid-template-columns: 1fr 50px;
    justify-content: space-between;
    align-items: flex-start;
    line-height: 1.5;
    gap: 50px;
    padding-top: 24px;
    font-weight: bold;

    /*padding: 20px;*/
}

.archive-news-items .archive-news-link:link,
.archive-news-items .archive-news-link:visited {
    margin: 0px;
    font-size: 18px;
    transition: all 0.3s;
}

.archive-news-items .archive-news-link:hover,
.archive-news-items .archive-news-link:active {
    text-decoration: underline solid #dc3545;
}

.archive-news-items .archive-news-date {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin: 0px;
    font-size: 16px;
}

.archive-news-items:first-child {
    padding-top: 0px;
}

/* Twitter */


.twitter-item {
    width: 100%;
    display: block;
    padding: 20px;
    border-left: 2px solid #eee;
    border-right: 2px solid #eee;
    border-bottom: 2px solid #eee;
}

twitter-item:hover {
    background-color: gray;
}

.twitter-item-link {
    text-decoration: none;
    color: black;
}

.twitter-header {
    display: flex;
    justify-content: space-between;
/*    align-items: center;*/
    margin-bottom: 12px;
}

.twitter-profile-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
}

.twitter-profile-detail {
    display: flex;
    flex-direction: column;
}

.twitter-profile-detail .twitter-profile-name {
    font-size: 18px;
    font-weight: 700;
}

.twitter-profile-name:hover,
.twitter-username:hover {
    text-decoration: underline;
}

.twitter-profile-detail .twitter-username {
    font-weight: 500;
    color: #777;
}

.twitter-profile-detail .twitter-username,
.twitter-profile-detail .twitter-time {
    font-size: 14px;
    color: #888;
}

.twitter-profile-image {
    width: 50px;
    height: 50px;
}

.twitter-logo {
    width: 20px;
}

.twitter-profile-image img {
    width: 100%;
    height: 100%;
    border-radius: 100%;
}

.twitter-logo img {
    width: 100%;
}

.twitter-post-img {
    width: 100%;
}

.twitter-post-text {
    font-size: 16px;
    margin-bottom: 12px;
    line-height: 1.5;
}

.twitter-post-img img {
    width: 100%;
    border-radius: 10px;
}

.twitter-item:first-child {
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;
    border-top: 2px solid #eee;
}

.twitter-item:last-child {
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
}

.article-stack-row {
    margin-left: -12px;
    margin-right: -12px;
}

.article-stack-col {
    padding-left: 12px;
    padding-right: 12px;
    margin-bottom: 1rem;
}

.article-stack-col-wide {
    padding-left: 30px;
    padding-right: 30px;
}

.article-stack-col-side {
    padding-left: 30px;
}

.article-stack-col-flush-right {
    padding-right: 0;
}

.modal-dialog {
    width: calc(100vw - 1.5rem);
    max-width: 720px !important;
    margin: 0.75rem auto;
}

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

@media (max-width: 991.98px) {
    .choices.children {
        column-count: 3;
    }

    #survey {
        min-width: 0;
        height: auto;
    }

    #survey .options.scale5,
    #survey .labels.scale5 {
        width: 100%;
    }

    .vid-result {
        columns: 1;
    }
}

@media (max-width: 767.98px) {
    .banner-row > [class*="col-"] {
        margin-bottom: 1rem;
    }

    .template-switcher {
        right: 8px;
        left: 8px;
        width: auto;
        justify-content: space-between;
    }

    .banner {
        margin: 0 0 12px;
    }

    .banner-brand-group {
        grid-template-columns: 1fr;
    }

    #banner-title,
    #banner-category {
        min-height: 84px;
        padding: 12px 14px;
    }

    .search-bar {
        justify-content: stretch;
    }

    .search-box {
        width: 100%;
    }

    .search-bar i {
        font-size: 1.35em;
    }

    .main-news {
        margin-top: 24px;
    }

    .article-stack-row {
        margin-left: -8px;
        margin-right: -8px;
    }

    .article-stack-col,
    .article-stack-col-wide,
    .article-stack-col-side,
    .article-stack-col-flush-right {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }

    #footer-ads .container,
    #footer-ads .container.smaller {
        padding-left: 0;
        padding-right: 0;
    }

    .choices.children {
        column-count: 2;
    }

    .archive-container {
        padding: 20px 16px;
    }

    .archive-news-items {
        grid-template-columns: 1fr;
        gap: 8px;
    }

    .archive-news-items .archive-news-date {
        justify-content: flex-start;
    }
}

@media (max-width: 575.98px) {
    .search-btn {
        padding-left: 12px;
        padding-right: 12px;
    }

    .choices.children {
        column-count: 1;
    }

    .modal-dialog {
        width: calc(100vw - 1rem);
        margin: 0.5rem auto;
    }
}