/*!
 * Bootstrap v3.0.2 by @fat and @mdo
 * Copyright 2013 Twitter, Inc.
 * Licensed under http://www.apache.org/licenses/LICENSE-2.0
 *
 * Designed and built with all the love in the world by @mdo and @fat.
 */
/* GR 4/11/24 @ 4:34pm ----  */

/* Optional Accent Fonts */
@import url('https://fonts.googleapis.com/css?family=Lato&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Jost:wght@600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Source+Serif+Pro:ital@1&display=swap');

:root {
    --accent-color: #e06911;
    --secondary-color: #0f4480;
    --accent-font: 'Oswald', sans-serif;
    --head-font: 'Montserrat', sans-serif;
    --head-weight: 700;
    --body-font: 'Montserrat', sans-serif;
    --bs-body-font-size: 1rem;
}

.form-control:not(.btn) {
    font-size: 1.3rem !important;
    border: 1px solid #858585d1 !important;
}

.form-control:not(.btn):focus {
    font-size: 1.6rem !important;
}

/* -------------------------------------- */
/* Font Settings For Wiener Site -- GR moved over from production */
body {
    font-family: var(--body-font) !important;
    line-height: 1.42857143;
    font-size: 1.6rem !important;
}

h1 {
    font-family: var(--accent-font);
    font-size: 36px !important;
    letter-spacing: 0px;
    font-weight: var(--head-weight);
    margin: 0px auto 40px;
}

h2 {
    font-family: var(--head-font);
    font-size: 32px !important;
    letter-spacing: 0px;
    font-weight: var(--head-weight);
}

h3 {
    font-family: var(--head-font);
    font-size: 18px !important;
    font-weight: var(--head-weight);
    letter-spacing: 0px;
    text-transform: capitalize;
    margin: 0px auto;
}


a {
    font-family: var(--body-font);
    text-decoration: none;
    color: var(--accent-color);
}

.field-content {
    font-size: 1.4rem !important;
}

.field-content time {
    font-size: 1.2rem !important
}

.field-content a {
    font-size: 1.8rem !important;
}

.teaser-wrapper .field-content a {
    font-size: 1.8rem;
}

.teaser-wrapper .views-field-title {
    margin-top: 2px !important;
}

/* Makes headers full width not on front pages */
.not-front h1 {
    width: 100%;
}

.page-view-newsroom #main-wrapper .main-content {
    margin: 0px auto;
}

/* Font Settings For Wiener Site -- GR End*/
/* -------------------------------------- */

#main-wrapper {
    min-height: 900px;
}

#navbar-top,
.site-footer,
.path-frontpage .navbar-expand-lg,
.path-frontpage .navbar-expand-lg .navbar-nav .nav-item .dropdown-menu {
    background: var(--secondary-color) !important;
}



/* Adds orange text color to footer - copyright block */
.copyright-text a {
    font-family: var(--body-font);
    font-weight: var(--head-weight);
    color: var(--accent-color) !important;
    text-decoration: none;
}

/* Adds orange text color to footer - site-footer_bottom block */
.site-footer p a {
    font-family: var(--body-font);
    font-weight: var(--head-weight);
    color: var(--accent-color) !important;
    text-decoration: none;
}

.site-footer__top p {
    margin-top: 0px !important;
}

/* Removes border that was being pulled from other source */
.site-footer .block {
    border: none !important;
}

.site-footer__bottom {
    border: none !important;
}

/* Removing border end code */

/* cutom button code */
.btn-primary-custom {
    background: var(--accent-color);
    border-radius: 5px !important;
    color: #fff;
    font-size: 16px;
    margin-bottom: 6px;
    margin-top: 6px;
    padding: 15px !important;
    width: auto !important;

}

/* custom button code end */

/* site-footer padding reduces white space between office information */
.site-footer {
    padding: 40px !important;
}

.path-frontpage .flexslider:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0);
    z-index: 2;
}

.path-frontpage .flexslider .slides .views-field-field-feature-image:after {
    /* content: 'SD00'; */
    display: block;
    position: relative;
    top: -420px;
    width: 100%;
    height: 100%;
    background: transparent;
    color: #fff;
    font-family: 'Jost', sans-serif;
    font-size: 400px;
    text-align: center;
    letter-spacing: 0px;
    mix-blend-mode: soft-light;
    opacity: 0.8;
    z-index: 25;
}

.senator-blk .senator-info {
    padding: 0px !important;
}

/* for bio sidebar */
#sidebar_first>aside {
    position: relative;
}

@media screen and (max-width: 1400px) {
    .site-footer {
        padding: 0px !important;
    }

    .site-footer__top h2 {
        font-size: 2em !important;
    }
}

@media screen and (max-width: 1200px) {
    .teaser-wrapper {
        padding: 0px 25px 0px 0px !important;
    }

    .senator-info {
        width: 100% !important;
        text-align: left !important;
        display: flex !important;
        justify-content: center !important;
        flex-direction: column !important;
        align-items: center !important;
    }

    .visible-md {
        display: block !important;
    }

    .hidden-md {
        display: none;
    }

    .featured-bottom .region-featured-bottom-first {
        margin: 0px auto 0px !important;
    }

    .page-node-9 .region-featured-bottom-second {
        padding: 40px 4% !important;
    }


}

@media (max-width: 991px) {

    .sidebar .block {
        padding: 20px 10px !important;
    }

    .path-frontpage .flexslider .slides .views-field-field-feature-image:after {
        top: -360px;
        font-size: 300px;
    }

    #navbar-top {
        display: flex;
        justify-content: center;
    }

    .navbar-toggler {
        position: fixed;
        left: 20px;
        top: 20px;
    }

    .navbar-expand-lg {
        padding: 0px !important;
    }

    #block-sub-ux-v2-mainmenu>ul {
        padding: 20px !important;
    }

    #block-sub-ux-v2-pagetitle-2 {
        padding: 20px !important;
    }

    .page-node-9 #page-bottom>div>div>div>div>div>div.views-field.views-field-title {
        margin-bottom: 0px !important;
    }

    .page-node-9 #page-bottom>div>div>div>div>div:nth-child(1)>div.views-field.views-field-field-pubdate {
        padding-bottom: 25px !important;
    }

    /*  Hides 3rd element for Video Gallery and Press Release */
    #page-bottom>div>div>div>div>div:nth-child(3),
    #block-sub-ux-v2-views-block-newsroom-block-4>div>div>div>div.view-content.row>div:nth-child(3) {
        display: none !important;
    }

    .page-node-9 h1 {
        margin: 0px auto 0px !important;
    }

    .dropdown-menu>li {
        padding: 0px 36px !important;
    }

    .navbar-expand-lg .navbar-nav .nav-item .dropdown-menu {
        /* left: 60px !important; */
        width: 100% !important;
        margin: 0px !important;
    }

    /* Makes sure that users can access links in mobile menu */
    .mainMenu {
        overflow-y: scroll;
    }

    .mainMenu>nav {
        margin-bottom: 40px !important;
    }

    /* makes overflow scroll transparent */
    .mainMenu::-webkit-scrollbar {
        width: 6px;
        background-color: transparent;
    }

}

@media (max-width: 767px) {
    .path-frontpage .flexslider .slides .views-field-field-feature-image:after {
        display: none;
    }

    .senator-img {
        margin-bottom: 0px !important;
    }

    .senator-img.col-md-6.col-lg-7>img {
        padding: 0px !important;
        margin-top: 20px !important;
        padding-top: 40px !important;
    }

    .teaser-wrapper {
        padding: 25px 0px !important;
    }

    .path-frontpage .featured-bottom {
        border-top: none !important;
    }

    .visible-md {
        width: 100% !important;
        height: 100% !important;
    }

    #sidebar_first:has(.accent-menu)>aside {
        position: relative !important;
    }

    .webform-options-display-two-columns {
        column-count: 1 !important;
    }

    .js-form-type-webform-time {
        margin-left: 0px !important;
    }

}

/* Latest News With One Photo */
.view-display-id-block_2>.view-content>.news-content>.views-field-field-front-image,
.view-display-id-block_6>.view-content>.news-content>.views-field-field-front-image,
.view-display-id-block_7>.view-content>.news-content>.views-field-field-front-image,
.view-display-id-block_3>.view-content>.news-content>.views-field-field-video {
    display: none !important;
}

.view-display-id-block_2>.view-content>.news-content:first-child>.views-field-field-front-image,
.view-display-id-block_6>.view-content>.news-content:first-child>.views-field-field-front-image,
.view-display-id-block_7>.view-content>.news-content:first-child>.views-field-field-front-image,
.view-display-id-block_3>.view-content>.news-content:first-child>.views-field-field-video {
    display: block !important;
}

.view-display-id-block_6 .views-field-field-front-image .field-content {
    background: url('/sites/sd00.senate.ca.gov/files/website/legislation.jpg') center center no-repeat !important;
    background-size: cover !important;
}

.view-display-id-block_7 .views-field-field-front-image .field-content {
    background: url('/sites/sd00.senate.ca.gov/files/website/senate_bg1.jpg') center center no-repeat !important;
    background-size: cover !important;
}

.view-display-id-block_2 .views-field-field-front-image .field-content {
    background: url('/sites/sd00.senate.ca.gov/files/website/news_bg.jpg') center center no-repeat !important;
    background-size: cover !important;
}

#page-bottom {
    background: url(https://sd11.senate.ca.gov/sites/sd11.senate.ca.gov/files/website/sd11_website_video.jpg) 50% 50% no-repeat;
    background-size: cover;
    padding: 80px 0px;
    color: white !important;
}

#page-bottom span a {
    color: white !important;
}

#page-bottom span a:hover {
    color: var(--accent-color) !important
}

#page-bottom>div.content>div>div>div.view-content.row {
    padding: 60px 12% 20px;
}

#page-bottom div.views-field.views-field-title {
    margin-bottom: 20px;
}

.site-footer {
    background: var(--secondary-color);
}

.region-footer-fourth p a {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    margin-bottom: 1em !important;
}

/* Sidebar Accent */
.sidebar-container {
    background: var(--secondary-color);
    border-radius: 4px;
}

.sidebar-container img {
    border-bottom: 8px solid var(--accent-color);
    border-radius: 0px !important;
}

.sidebar-wrapper {
    display: block;
    position: relative;
    color: #fff;
    padding: 40px;
    font-size: 1.6rem;
    z-index: 1;
}

.sidebar-wrapper h3 {
    color: var(--accent-color);
    padding: 8px 0px;
}

.sidebar-wrapper p {
    margin-left: 8px;
    padding-left: 8px;
    border-left: 0px solid var(--accent-color);
}

.sidebar-wrapper p a {
    color: #fff !important;
}

.sidebar-wrapper p a:hover {
    color: var(--accent-color) !important;
}

.hero-tabs {
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 40px auto;
    padding: 0px;
    list-style: none;
    border: 1px solid;
    border-radius: 4px;
}

.hero-tabs>li {
    width: 100%;
    height: 100%;
    padding: 20px;
    text-align: center;
    font-family: var(--subhead-font);
    font-weight: var(--link-weight);
    border-left: 1px solid;
    cursor: pointer;
}

.hero-tabs>li:first-child {
    border-left: 0px;
}

.hero-tabs>li.active {
    background: var(--secondary-color);
    color: var(--accent-color);
}

/* Bio Sidebar active tabs */
.bio-sidebar p a.active {
    color: var(--accent-color) !important;
}

.flexslider .slides .views-field-field-feature-image img {
    object-position: 50% -160px;
}

.block-views-blocknewsroom-block-4 h2 {
    margin: 0px auto 80px !important;
    text-align: center;
}

.views-field-taxonomy-vocabulary-2 {
    margin-bottom: 12px !important;
}

/* Social media Icons */

.social-blk {
    font-size: 1.7rem !important;
}

/* Fix sidebar on bio overlaying footer */
.page-node-1209 #sidebar_first>aside {
    position: relative !important;
}

/*style for webform */

/* Makes label Capitalization correct */
label {
    text-transform: capitalize !important;
    font-size: 1.4rem;
    margin: 6px auto !important;
    font-weight: 600 !important;
}

/* adds some spacing for elements such as labels and form boxes of the webforms when using the date/time selector and also a single checkbox" */

.form-check-input {
    border-radius: 3px !important;
    width: 30px !important;
    height: 30px !important;
    vertical-align: -4px !important;
    border: 1px solid #858585d1 !important;
    /* transition: border-color 0.5s, background-color 0.5s !important; */
}

/* .form-check-input:checked{
    content: "";
    display: inline-block !important;
    position: absolute !important;
    top: 4px !important;
    left: 7px !important;
    width: 8px !important;
    height: 15px !important;
    border: solid 2px transparent !important;
    border-color: #4c4c4c !important;
    border-left: none !important;
    border-top: none !important;
    transform: translate(5.5px, 1px) rotate(45deg) !important;
    -ms-transform: translate(5.5px, 2px) rotate(45deg) !important;
} */

.js-form-type-webform-time,
.webform-element-description {
    margin-left: 20px;
}

.checkbox label.form-check-label {
    padding: 8px 0 0 30px !important;
}

.form-check-label {
    padding: 8px 0 0 30px !important;
}

/* to style the form boxes to add some height */
.form-control {
    height: 40px;
}

/* make the form submit text in black */
legend {
    text-transform: capitalize;
    margin: 20px auto 10px !important
}

.js-form-submit {
    color: #000;
}

.webform-header-section>legend:first-child {
    color: var(--secondary-color);
    margin: 10px auto 0px;
    padding: 20px 0px;
}

.webform-section {
    background: #fff;
    border: 0;
    padding: 1rem 2rem;
    border-top: 10px solid var(--secondary-color);
    box-shadow: 2px 2px 8px 0 rgba(102, 102, 102, 0.6);
    margin-bottom: 2rem !important;
    border-left: 1.5px solid #c4c4c4;
    border-right: 1.5px solid #c4c4c4;
    border-bottom: 1.5px solid #c4c4c4;
}

.fixed-width #main-wrapper .main-content {
    margin: 0px auto;

}

legend {
    color: var(--secondary-color) !important;
    float: left !important;
}

.fieldset-legend {
    font-size: 2rem;
    font-weight: 600;
    font-family: montserrat, sans-serif;
}

.fieldset-wrapper {
    /* padding: 10px 15px 20px 20px;
  border-color: #ddd; */
    margin-bottom: 20px;
    /* background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgb(0 0 0 / 5%);
    box-shadow: 0 1px 1px rgb(0 0 0 / 5%); */
}


/* Makes radio label specific color when checked or active */
/* .webform-options-display-buttons .form-check-input:checked~.form-check-label {
    color: #fff !important;
    background: var(--accent-color) !important;
    border: none !important;
    border-radius: 5px !important;
} */
/* bino webform edits */
.webform-options-display-buttons .form-check-input:checked~.form-check-label {
    color: #fff !important;
    background: #0f4480 !important;
    border-color: #0f4480 !important;
    /* border: none !important; */
    border-radius: 5px !important;
    padding: 6px !important;
}

.webform-options-display-buttons .webform-options-display-buttons-wrapper .form-check-label {
    font-weight: bold !important;
    text-align: center;
    /* margin: 0 5px 10px 0 !important; */
    /* border: 2px solid var(--accent-color) !important; */
    border-radius: 5px !important;
    padding: 6px !important;
}

.webform-options-display-buttons .form-check-label {
    margin: 0 5px 10px 5px;
    border: 2px solid #ccc;
    border-radius: 3px;
}

.webform-options-display-buttons .form-check-label:hover {
    border-color: #0f4480 !important;
}

.form-control[type=file] {
    overflow: hidden;
    display: none;
    border: none;
    font-size: 1.6rem !important;
}

.form-attachfile {
    background: #eee;
    padding: 10px 25px;
    cursor: pointer;
    /* display: block; */
    height: 43px;
    width: auto !important;
    position: relative;
    text-transform: uppercase;
    border: 1px solid #ccc;
    border-radius: 3px;

}

input[type=file] {
    padding: 10px !important;
}

/* bino webform edits --- end */

/* Makes the class webform-checkbox-format display a column */
.webform-checkbox-format .webform-flexbox .js-webform-flexbox .js-form-wrapper .form-wrapper .mb-3 {
    display: flex !important;
    flex-direction: column;
}

#edit-specify-the-date-time-date,
#edit-meeting-must-take-place-by-,
#edit-choice-1,
#edit-choice-2,
#edit-choice-3,
input#edit-specify-the-event-date.form-date.form-control {
    text-transform: uppercase !important;

}

/* Makes the checkboxes align with it's label on the right */
.form-check-input {
    margin-top: .8rem;
}

/* gives the label some space to the left of the checkboxes */
label.form-check-label {
    padding-left: 30px;
}

/* Adding style to meeting text in webform */
.meeting_text {
    margin-top: 30px !important;
}


.webform-element-description {
    margin-left: 0px;
}

.form-select {
    width: 180px !important;
    height: 40px !important;
}

.work_info_text {
    margin-top: 30px;
}

/* styles the form submit button */
.form-submit {
    width: 50% !important;
    border-radius: 5px !important;
}

@media screen and (max-width: 900px) {
    .field--name-webform {
        margin-top: 80px;
    }
}

/*End styling for webform */



@media screen and (max-width: 975px) {
    #customFrame {
        height: 900px !important;
    }
}