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


/* Optional Accent Fonts */
@import url('https://fonts.googleapis.com/css?family=Lato&display=swap');
@import url('https://fonts.googleapis.com/css?family=Oswald&display=swap');

:root {
  --accent-color: #f2b325;
}

/* Unique Style */
.navbar-brand {
  width: 480px;
}

.highlighted {
  background: url('/sites/sd05.senate.ca.gov/files/images/senate_bg0.jpg') center center no-repeat;
  background-size: cover;
  max-width: 100% !important;
  padding: 80px 4%;
}

.senator-wrapper {
    background: var(--rgba-color) !important;
    max-width: 1280px;
    margin: 0px auto;
}

.senator-img img {
    max-width: 100%;
}

/* Webform styles */
select#edit-type-of-benefit-indicate-which-benefit-you-applied-for-.form-select {
  width: 300px;
}

label.form-check-label {
  padding-left: 20px;
  
}


input.form-check-input {
  position:static;
}

/* End webform styles */

/* SD 15 was having trouble with Press release header being cut off so I added padding 10/9/2023 -GR */
@media screen and (max-width: 991px){
  #main-wrapper {
    padding: 64px 8% 20px !important;
  }
  /* Makes sure that users can access links in mobile menu */
  .mainMenu {
    overflow-y: scroll;
  }
  .mainMenu > nav {
    margin-bottom: 40px !important;
  }

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


/* SD 15 was having trouble with navigation cutting off press release so I added the following queries 10/9/2023 -GR */
@media screen and (max-width:561px) {
  .navbar-brand {
    width: 75% !important;
  }
  #navbar-main > a.navbar-brand > img {
    width:75% !important;
  }
  h3 > .field-content {
    text-align: center !important;
  }
  .pagination {
    flex-flow: row wrap !important;
  }
}

/* Gallery */
.page-view-photo-gallery ul.list-group {
    flex-direction: row;
}

.page-view-photo-gallery .item-list ul li {
    width: 33.3332%;
    padding: 12px;
    border: 0px solid;
}

.page-view-photo-gallery .item-list ul li img {
    width: 100%;
    height: 200px;
    object-fit: cover;
    object-position: top;
}

blockquote {
    font-size: 2rem;
    letter-spacing: 0px;
    padding: 12px 40px;
    margin: 20px auto;
    border-left: 4px solid var(--accent-color);
}