/*! SD30 - Responsive Style
 * Bootstrap v3.0.2 by @fat and @mdo
 * Current Editor: ST 4/2/2026
 */


/* Table of Contents
*************************
 ** Admin
 ** Global
 ** Typography
 ** Navigation
 ** General Page
 ** Home Page
 *  - Flexslider
 *  - Biography Block
 *  - Row: Latest News
 ** Biography
 ** Legislation
 ** District
  ** Resources
 ** Sidebar
 ** Social Media Bar
 ** Pagination
 ** Footer
 *  - Copyright
 ** FAQ Module
 ** Video Gallery
 ** Webform
 *  - LCMS Form
 ** Scroll To Top
 ** E-Update Info
*/

/* Global Style */

.pop-in-side-menu {
    display: none;
}

.navbar-expand-lg.affix .navbar-nav .nav-item .dropdown-menu {
    background: var(--darker-color) !important;
}

.site-footer__top .region {
    width: 30%;
    padding: 0 0.65%;
}

#backToTopBtn.show:hover {
    background-color: var(--secondary-color);
}

#backToTopBtn.show {
    display: block;
    background-color: var(--primary-color);
    opacity: 1;
}

#backToTopBtn {
    display: none;
    position: fixed;
    background-image: url(/sites/sd30.senate.ca.gov/files/icon_backtotop.png);
    bottom: 20%;
    background-repeat: no-repeat;
    background-size: 35px;
    background-position: center;
    justify-content: center;
    height: 80px;
    width: 60px;
    border-radius: 7px;
    border: none;
    scroll-behavior: smooth;
    right: 20px;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    z-index: 100;
    color: #fff;
    border: 1px solid;
}

.table .thead-dark th {
    background: var(--primary-color) !important;
}

.hover-cards-cont {
    & .hover-card {
        margin-bottom: 40px;
    }
}

.page-view-news #main-wrapper .main-content {
    margin: 0px !important;
}

.page-view-news {
    #main-wrapper {
        .pubdate {
            margin: 10px 0px;
        }

        .datetime {
            color: black !important;
            font-weight: 500;
        }
    }
}

.page-item.active .page-link {
    background-color: var(--accent-color) !important;

}


.navbar-expand-lg .navbar-collapse:not(.show) {
    display: block;
    height: unset;

}

.navbar-expand-lg .navbar-collapse {
    display: block;
    height: unset;
}

:root {
    --lg: linear-gradient(0deg, #0B2645, transparent);
}




/* Page: Issues
*************************/
/* Flexslider */
@media (max-width: 991px) {

    .path-frontpage {
        .featured-top {
            max-height: 546px !important;
        }

        .featured-bottom .region-featured-bottom-first {
            gap: 0px;

        }
    }

    .top-slider-container {
        &::after {
            content: '';
            background-image: linear-gradient(to bottom, #07152400, #071524 85%);
        }
    }

}



/* Navigation / Top Nav Bar / Social */
@media (max-width: 1199px) {

    h1 {
        font-size: 4.4rem !important;
    }

    h2 {
        font-size: 34px !important;
    }

    h3 {
        font-size: 22px !important;
        line-height: 1.0 !important;

        a {
            line-height: 1.0 !important;
        }

    }


    h5 {
        font-size: 1.4rem !important
    }

    h6 {
        font-size: 12px !important;
        font-weight: 500;
    }

    .header {
        position: unset !important;
        top: 0;
        width: 100%;
        z-index: 1000;
    }

    .dropdown-item.active.active-trail a {

        color: #fff !important;

    }

    .navbar-toggler {

        background-color: transparent !important;
        border: none;

        span {


            background-color: #fff;
            height: 2px;

            &::after,
            &::before {
                background-color: #fff;
                height: 2px;
            }

        }
    }

    #navbar-top {
        display: block !important;
        background: var(--primary-color);

        .contact-blk {
            display: none;
        }

        .social-blk {
            padding: 3px;

            a {

                padding: 0px 24px;

            }
        }
    }

    .navbar-expand-lg {
        padding: 20px !important;
        position: unset;
        background: var(--darker-color) !important;
        position: relative;
    }

    ul.nav li.dropdown:hover>ul.dropdown-menu {
        display: none !important;
    }

    .dropdown-menu>li:focus,
    .dropdown-menu>li:hover {
        a {
            color: white !important;
        }
    }

    .pop-in-side-menu {
        display: block !important;
    }

    .navbar-expand-lg .navbar-toggler {
        display: block !important;
    }

    .navbar-brand {
        max-width: unset;

        img {
            width: 222px;
        }
    }

    .navbar-form {
        justify-content: center;
    }

    .path-frontpage {
        &.scrolled {
            #block-sub-ux-v2-googletranslator {
                background: var(--light-color)
            }
        }

    }

    .not-front {
        #block-sub-ux-v2-googletranslator {
            background: var(--light-color)
        }
    }

    #block-sub-ux-v2-googletranslator {
        position: absolute;
        right: 0;
        bottom: -50px;
        background-color: #fff;
        padding: 7px;
        width: auto;

        .content {
            position: unset !important;
            padding: 0 !important;
        }

        .google-translator-switch {
            color: var(--accent-color);
            text-decoration: none;
            font-size: 14px;
        }
    }

    .top-slider-container {
        position: relative;
        /* height: auto; */

        /* top: 57px; */
        .slider-controls {

            bottom: 15%;
            left: 90px;

        }
    }


    .featured-top {

        top: 0px;

    }

    .site-footer__top .region {
        width: 50% !important;
    }

    #sidebar_first,
    #sidebar_second {
        display: none;
    }

    .button-style {
        display: none !important;
    }


    .scrolled .select-history {
        display: block;
        position: fixed;
        top: 77px;
        left: 0;
        right: 0;
        /* bottom: 0; */
        width: 100%;
        margin: 0 auto;
        background: linear-gradient(180deg, #ffffff, #ffffff00);
        z-index: 20;
        padding: 20px;

        .select-wrapper {
            margin: 32px auto 79px !important;
        }
    }

    .select-history {
        .select-wrapper {
            margin: 40px auto 40px !important;
        }
    }

    .hover-cards-cont {
        & .hover-card {
            width: 100%;
            margin-bottom: 80px;

            .hover-card-img {
                height: auto;
                width: auto;
                overflow: hidden;
                align-items: center;
                justify-content: center;
                margin: 0 auto;

                img {
                    width: 100%;
                }
            }
        }
    }

    .page-node-322 .featured-bottom {

        padding: 0px 4% !important;
    }

}

@media (max-width: 991px) {


    .navbar-brand {
        img {
            width: auto;
        }
    }

    #navbar-top {

        .social-blk {
            font-size: 2.2rem;
        }
    }

    .top-slider-container {
        height: auto;

        .slider-controls {
            display: none;
        }
    }

    .path-frontpage {
        .featured-top {
            margin-top: 0px;

        }

        .featured-bottom {
            max-width: unset;

        }

        .site-footer {
            padding: 80px 4% 140px !important;


        }

    }

    .site-footer__top .region {
        width: 100% !important;

    }

    #block-sub-ux-v2-threebuttons {
        position: absolute;

        .button-blk {
            position: fixed;
            max-height: 140px !important;
            bottom: 0;
            left: 0;
            right: 0;
            z-index: 2;
            background-color: var(--primary-color);
            padding: 12px 0px;
            border-top: 2px solid var(--accent-color);

            .row {
                justify-content: center;

                .col-lg-4 {
                    width: 30%;
                }

                flex-wrap: nowrap !important;
            }

            .box {
                background-color: var(--light-color);
                padding: 20px;
                border-radius: 15px;

                img {
                    width: 25px;
                }
            }
        }

    }

    tr td,
    tr th {
        font-size: small;
    }

    /* Gallery */

    .list-group .list-group-item:last-child {
        display: none;
    }

    .page-view-photo-gallery .item-list ul li {
        width: 50%;

    }

    .page-view-photo-gallery .item-list ul li img {

        border-radius: 15px;
    }
}

@media (max-width: 768px) {
    .divider {
        display: none;
    }

    .site-footer {
        .rtecenter {
            flex-direction: column;
            text-align: left;
        }

        .block {

            margin: 20px 20px !important;


        }
    }

    .district-container {
        & .district-block {
            div:first-child {
                padding: 0px !important;
            }

            .district-info {
                padding: 20px 0px 0px !important;

                h1 {
                    margin: 0 0 20px !important;
                }
            }
        }
    }

    .path-frontpage {
        .view-content {
            .views-row {
                &:not(:first-child) {
                    .teaser-wrapper {

                        img,
                        .views-field-field-pubdate {
                            display: none;
                        }
                    }
                }
            }
        }

    }

}

@media (max-width: 500px) {
    .top-slider-container {
        .view-header {

            top: 0;
            height: 100%;
            align-content: center;
        }

        &::after {
            padding-top: 280px;

            @media (max-width: 480px) {
                padding-top: 220px;
            }
        }
    }

    #block-sub-ux-v2-threebuttons {

        .button-blk {
            .box {

                padding: 6px;
                justify-content: center;

                h6 {
                    display: none;
                }

            }
        }

    }

    .path-frontpage {

        .site-footer {
            padding: 80px 4% 40px !important;

        }
    }

    .page-view-photo-gallery ul.list-group {
        flex-direction: column;
    }

    .page-view-photo-gallery {



        .item-list {
            ul {
                li {
                    width: 100%;
                }
            }

        }


    }


}

/* News Items on Home Page */




/* Gallery */



/* Gallery End */


/* Footer */


/* Site Footer ENds */

/* Biography  */

/* Biography ends */