/* Styles for New Home Page Design 
 * 
 Version: 2024.07.16
*/

/* Caroline Gleich and Utah Lawsuit Popups */
div#popmake-2565,
div#popmake-2576 {
  border-color: #ff5100 !important;
  padding: 3vh;
}

html {
  scroll-padding-top: 130px; /* Offset for anchor links to account for sticky header */
}
body {
  background-color: white;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
}
:root {
  --bs-primary: #ffb548;
  --bs-secondary: #ff5100;
  --bs-default: #2e2f2f;
}
*,
p,
button {
  font-family: "Roboto", sans-serif;
  color: #6F6D71;
}
p {
  margin-bottom: 1rem !important;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Raleway", sans-serif;
  color: #2e2f2f;
}
h1 {
  font: 700 68px/79px "Raleway", sans-serif;
  text-transform: uppercase;
}
.heading-wrap {
  text-align: center;
}
h3.section-heading,
.at-title {
  display: inline-block !important;
  font: 700 42px/54px "Raleway", sans-serif !important;
  margin: 1rem auto 2rem !important;
  padding: 0 0 0 48px !important;
  text-transform: uppercase;
  background: url("../img/arrow-orange.svg") no-repeat 0 11px !important;
  background-size: 39px 33px !important;
}
h3.section-heading-alt {
  color: #fff !important;
  background: url("../img/arrow-orange-dark.svg") no-repeat 0 11px !important;
  background-size: 39px 33px !important;
}
h4.section-heading {
  display: inline-block !important;
  font: 700 clamp(22px,2vw,30px) "Raleway", sans-serif !important;
  margin: 1rem auto !important;
  padding: 0 0 0 clamp(36px,3vw,42px) !important;
  text-transform: uppercase;
  background: url("../img/arrow-orange.svg") no-repeat 0 50% !important;
  background-size: 25px auto !important;
}
a {
  color: #ff5100;
  text-decoration: none;
}
a:hover {
  color: #00272b;
  text-decoration: none;
}
.fa {
  color: white;
}
.btn-primary,
.gform_button,
.at-submit.btn-at-primary {
  margin: 0 auto;
  padding: 1rem 2rem !important;
  color: #ff5100 !important;
  background-color: #fff !important;
  border: #ffb548 4px solid !important;
  border-radius: 45px !important;
  font: 700 16px "Raleway", sans-serif !important;
  text-transform: uppercase;
  width: 100% !important;
  max-width: 471px !important;
}
.btn-primary:hover,
.gform_button:hover,
.at-submit.btn-at-primary:hover {
  color: #fff !important;
  background-color: #ffb548 !important;
  border-color: #ffb548;
}
.btn-secondary {
  margin: 0 auto;
  padding: 1rem 3rem !important;
  color: #ff5100 !important;
  background-color: #fff !important;
  border: #ff5100 4px solid;
  border-radius: 45px;
  font: 800 16px "Raleway", sans-serif;
  text-transform: uppercase;
  width: 100% !important;
  max-width: 471px !important;
}
.btn-secondary:hover {
  color: #fff !important;
  background-color: #ff5100 !important;
  border-color: #ff5100;
}
.site-main > * {
  margin-top: 0;
  margin-bottom: 0;
}
.shadow {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

@media (min-width: 1400px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width: 1440px;
  }
}
@media only screen and (max-width: 991.98px) {
  h1 {
    font: 700 54px/62px "Raleway", sans-serif;
  }
  h3.section-heading {
    font: 700 36px/42px "Raleway", sans-serif !important;
    background: url("../img/arrow-orange.svg") no-repeat 0 6px !important;
    background-size: 39px 33px !important;
  }
  h3.section-heading-alt {
    background: url("../img/arrow-orange-dark.svg") no-repeat 0 6px !important;
    background-size: 39px 33px !important;
  }
}
@media only screen and (max-width: 768px) {
  h3.section-heading {
    font: 700 28px/36px "Raleway", sans-serif !important;
    padding: 0 0 0 36px !important;
    background: url("../img/arrow-orange.svg") no-repeat 0 3px !important;
    background-size: 32px 27px !important;
  }
  h3.section-heading-alt {
    background: url("../img/arrow-orange-dark.svg") no-repeat 0 3px !important;
    background-size: 32px 27px !important;
    text-align: left !important;
  }
}
@media only screen and (max-width: 575px) {
  h1 {
    font: 700 42px/50px "Raleway", sans-serif;
  }
}

/*
AT Forms
*/
.clearfix .at-steps li.active {
  border-color: var(--bs-primary);
}
.clearfix input,
.clearfix select {
  border-color: var(--bs-primary) !important;
  border-width: 3px !important;
  border-radius: 0px !important;
}
.clearfix label {
  text-transform: uppercase;
}
.clearfix input:focus {
  border-color: var(--bs-primary) !important;
}
.at-form .at-markup.HeaderHtml h1 {
  font: 700 25px "Raleway", sans-serif !important;
  color: #6f6d71 !important;
}

/*

************* Navigation *************

*/

#primary-menu .nav-link {
  font: bold 16px/18px "Raleway", sans-serif;
  padding: 10px 23px;
  color: #2e2f2f;
  vertical-align: middle;
}
.home #primary-menu .nav-link,
.page-id-1598 #primary-menu .nav-link,
.page-id-1780 #primary-menu .nav-link,
.page-id-1816 #primary-menu .nav-link,
.page-id-1864 #primary-menu .nav-link,
.page-id-1939 #primary-menu .nav-link,
.page-id-2000 #primary-menu .nav-link,
.page-id-2691 #primary-menu .nav-link {
  color: #fff;
}
#primary-menu .btn-nav .nav-link {
  color: #ff5100 !important;
  padding: 0 0;
}
#primary-menu li.btn-nav {
  margin-left: 23px;
  width: unset !important;
}
/* #primary-menu .btn-nav .nav-link:hover {
    color: #FFF !important;
} */
ul.dropdown-menu a,
#primary-menu ul.dropdown-menu .nav-link {
  color: #2e2f2f !important;
}
.navbar-toggler {
  background-color: unset !important;
}
.navbar-toggler:hover {
  opacity: 0.5;
  transition: 0.3s;
}

.hamburger-icon {
  border-top: 2px solid #000;
  margin: 6px;
  width: 30px;
}
.navbar-toggler {
  border: 2px solid #000;
  border-radius: 5px;
  padding: 0.2rem 0;
}
.home .hamburger-icon,
.page-id-1598 .hamburger-icon,
.page-id-1780 .hamburger-icon,
.page-id-1816 .hamburger-icon,
.page-id-1864 .hamburger-icon,
.page-id-1939 .hamburger-icon,
.page-id-2000 .hamburger-icon,
.page-id-2691 .hamburger-icon {
  border-top: 2px solid #fff;
}
.home .navbar-toggler,
.page-id-1598 .navbar-toggler,
.page-id-1780 .navbar-toggler,
.page-id-1816 .navbar-toggler,
.page-id-1864 .navbar-toggler,
.page-id-1939 .navbar-toggler,
.page-id-2000 .navbar-toggler,
.page-id-2691 .navbar-toggler {
  border: 2px solid #fff;
}
.navbar-toggler:focus {
  outline: none;
}
.navbar-brand img {
  width: 333px;
  max-width: 100%;
}

@media only screen and (max-width: 1280px) {
  #primary-menu .nav-link {
    font: bold 15px/18px "Raleway", sans-serif;
    padding: 10px 15px;
  }
}
@media only screen and (max-width: 1200px) {
  #primary-menu .nav-link {
    font: bold 15px/18px "Raleway", sans-serif;
    padding: 10px 10px;
  }
}

@media only screen and (max-width: 991.98px) {
  .collapse.open {
    display: block;
  }
  #primary-menu .nav-link {
    font: bold 17px/21px "Raleway", sans-serif;
  }
  #primary-menu li {
    margin-bottom: 0.75rem;
  }
  #primary-menu li.btn-nav {
    margin: 0 !important;
  }
  .navbar-collapse {
    padding: 2rem;
    background: rgba(255, 255, 255, 0.2);
    margin-bottom: 140px !important;
  }
}

/*

************* Header Content *************

*/
.banner-wrap {
  background: url("/wp-content/uploads/2021/10/Contact-bg@2x.jpg") no-repeat top
    center;
  min-height: 1170px;
  background-size: cover;
}
.banner-message {
  max-width: 668px;
  padding: 10rem 2rem;
  margin: 0 auto;
}
h1.main-title {
  color: #fff !important;
}
p.lead {
  font-size: 18px;
  color: #fff !important;
}

.home-banner {
  background-position: center top;
  background-size: cover;
  background-color: transparent;
  background-repeat: no-repeat;
  min-height: 1174px;
  margin-top: -140px;
  padding-top: 140px;
}
.home-banner .row-home {
  min-height: 640px;
}

@media only screen and (max-width: 1199.98px) {
  .home-banner {
    background-position: 50% 0%;
    background-size: auto 900px;
    background-color: transparent;
    min-height: 900px;
  }
  .home-banner .row-home {
    min-height: 450px;
  }
  .home-banner h1 {
    font: 700 52px/58px "Raleway", sans-serif;
  }
}

@media only screen and (max-width: 991.98px) {
  .page-id-1939 .navbar-collapse,
  .page-id-2000 .navbar-collapse {
    background: rgba(15, 63, 95, 1);
  }
  .page-id-1939 #header,
  .page-id-2000 #header {
    background-color: rgba(15, 63, 95, 1);
  }
  .home-banner {
    background-position: 70% 0%;
  }
  .home-banner h1 {
    font: 700 42px/46px "Raleway", sans-serif;
  }
}

@media only screen and (max-width: 767.98px) {
  .banner-wrap {
    min-height: 840px;
  }
  .banner-wrap.expand {
    min-height: 1200px;
  }
  .banner-message {
    padding: 5rem 2rem;
  }

  .home-banner {
    position: relative;
    z-index: 1;
    background-position: 50% 0%;
    min-height: 600px;
  }
  header#header {
    z-index: 999;
  }
  .home-banner::before {
    content: "";
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    background-color: rgba(15, 63, 95, 0.75);
  }
  .home-banner .row-home {
    min-height: 420px;
  }
}
@media only screen and (max-width: 575.98px) {
  .banner-wrap {
    min-height: 780px;
  }
  .banner-wrap.expand {
    min-height: 1080px;
  }
  .banner-message {
    padding: 1rem 2rem;
  }
}

/*

************* Main Content *************

*/

.featured-box {
  margin-bottom: 75px;
}
.featured-box img,
.featured-box span {
  display: block;
  text-align: center;
  margin: 0 auto;
}
.featured-box a span {
  color: #ff5100;
  font-size: 21px;
  font-weight: 700;
  text-transform: uppercase;
}
.featured-box a span:hover {
  color: #00272b;
}
.featured-box img {
  border-radius: 180px;
  margin-bottom: 2rem;
}
.featured-box img:hover {
  box-shadow: 0 0 30px 15px rgba(207, 207, 207, 0.5);
}

.section-respect {
  padding-top: 20px;
  background-color: #fff6e9;
}
.section-respect .container {
  max-width: 1200px;
}
.section-respect p {
  color: #6F6D71 !important;
}
.section-respect h3.section-heading {
  text-align: left !important;
}
.section-respect-button {
  padding-bottom: 75px;
}

.section-pac .heading-wrap {
  text-align: left !important;
}

.section-legal .heading-wrap {
  text-align: left !important;
}

.section-draw-map {
  padding-top: 100px;
  margin-bottom: 25px;
  background: url("../img/bg_map.jpg") no-repeat top center;
  background-size: cover;
  min-height: 1361px;
}
.section-draw-map img,
.section-draw-map p {
  display: block;
  text-align: center;
  margin: 0 auto;
}
.section-draw-map .container {
  max-width: 1080px;
}

.section-meet {
  margin-top: 50px;
  margin-bottom: 50px;
  text-align: center;
}
.section-meet .container {
  max-width: 1200px;
}
.section-meet .heading-wrap {
  max-width: 940px;
  margin: 0 auto 5rem;
}
.section-meet h3.section-heading {
  text-align: left !important;
  margin-left: 17.5%;
}
.the-commissioners img {
  padding-bottom: 25px;
}
.the-commissioners span {
  font: 700 21px/27px "Raleway", sans-serif;
  text-transform: uppercase;
  padding: 0 0 0 36px;
  background: url("../img/arrow-orange.svg") no-repeat 0 0;
  background-size: 30px 25px;
}

.section-support {
  padding-top: 380px;
  /* margin-top: -380px; */
  background: url("../img/bg_support-2.png") no-repeat top center;
  background-size: cover;
  min-height: 940px;
  color: #fff;
}
.section-support p {
  color: #fff;
}
.section-support .container {
  max-width: 1200px;
}

.section-join {
  padding: 0 0 50px;
  background-repeat: no-repeat;
  background-size: 58% auto;
  background-position: 0% 0%;
}

.btn-join {
  margin: 6rem 0 4rem;
  text-align: left;
  font-size: 21px !important;
  padding: 24px 32px 24px 220px !important;
  max-width: 100% !important;
  position:relative;
}

.btn-join-one::before {
  content: '';
  background: url('../img/icon_btn-pac.png');
  height: 193px;
  width: 193px;
  position: absolute;
  z-index: 99;
  left: -5px;
  top: -60px;
}
.btn-join-two::before {
  content: '';
  background: url('../img/icon_btn-join.png');
  height: 193px;
  width: 193px;
  position: absolute;
  z-index: 99;
  left: -5px;
  top: -60px;
}
.btn-join-three::before {
  content: '';
  background: url('../img/icon_btn-donate.png');
  height: 193px;
  width: 193px;
  position: absolute;
  z-index: 99;
  left: -5px;
  top: -60px;
}

@media (max-width: 1599.98px) {
  .btn-join {
    font-size: 17px !important;
  }
}
@media (max-width: 1499.98px) {
  .section-join {
    background-position: 0% 100%;
  }
}
@media (max-width: 1399.98px) {
  .btn-join {
    font-size: 16px !important;
    margin: 4rem 0 2rem;
    padding: 24px 32px 24px 140px !important;
  }
  .btn-join-one::before {
    background-size: contain;
    height: 123px;
    width: 123px;
    left: -5px;
    top: -27px;
  }
  .btn-join-two::before {
    background-size: contain;
    height: 123px;
    width: 123px;
    left: -5px;
    top: -27px;
  }
  .btn-join-three::before {
    background-size: contain;
    height: 123px;
    width: 123px;
    left: -5px;
    top: -27px;
  }
}
@media (max-width: 1199.98px) {
  .section-join {
    background-size: 50% auto;
    background-position: 0% 0%;
  }
}
@media only screen and (max-width: 991.98px) {
  .section-join {
    background-image: url("../img/bg_join-mobile.jpg") !important;
    background-size: auto 524px;
    padding-top: 560px;
  }
}
@media only screen and (max-width: 991.98px) {
  .section-join {
    background-image: url("../img/bg_join-mobile.jpg") !important;
    background-size: auto 524px;
    padding-top: 560px;
  }
}
@media only screen and (max-width: 767.98px) {
  .section-join {
    background-size: auto 410px;
    padding-top: 450px;
  }
}
@media only screen and (max-width: 575.98px) {
  .section-join {
    background-size: auto 320px;
    padding-top: 340px;
  }
}
@media only screen and (max-width: 479.98px) {
  .section-join {
    background-size: auto 260px;
    padding-top: 290px;
  }
  .btn-join {
    margin: 1.5rem 0 .5rem;
    padding: 24px 16px !important;
    text-align: center !important;
  }
  .btn-join-one::before {
    background-image: none;
  }
  .btn-join-two::before {
    background-image: none;
  }
  .btn-join-three::before {
    background-image: none;
  }
}
@media only screen and (max-width: 359.98px) {
  .btn-join {
    padding: 18px 12px !important;
    font-size: 14px !important;
  }
}

.section-input {
  padding-top: 90px;
  padding-bottom: 45px;
  background: url("../img/banner_input-needed.jpg") no-repeat top center;
  background-size: cover;
  min-height: 800px;
  color: #fff;
}
.section-input .section-heading {
  color: #fff;
}
.section-input p {
  color: #fff;
  text-align: center;
}
.section-input .container {
  max-width: 1200px;
}

@media only screen and (max-width: 991.98px) {
  .featured-box a span {
    font-size: 16px;
  }
  .the-commissioners span {
    font: 700 17px/19px "Raleway", sans-serif;
    padding: 0 0 0 30px;
    background: url("../img/arrow-orange.svg") no-repeat 0 0;
    background-size: 25px 21px;
  }
  .section-support {
    padding-top: 260px;
    min-height: 900px;
  }
  .section-support p {
    text-align: center;
  }
}
@media only screen and (max-width: 768px) {
  .featured-box {
    margin-bottom: 20px;
  }
  .featured-box img {
    margin-bottom: 1rem;
    max-width: 180px;
  }
  .section-respect p {
    text-align: center;
  }
  .section-respect {
    margin-top: 50px;
    padding-bottom: 50px;
  }
  .section-respect img {
    margin-bottom: 30px;
  }
  .section-draw-map {
    padding-top: 50px;
    margin-bottom: 0;
    min-height: 1140px;
  }
  .section-meet {
    margin-top: 0;
    margin-bottom: 0;
  }
  .section-meet .heading-wrap {
    margin: 0 auto 3rem;
  }
  .the-commissioners img {
    padding-bottom: 18px;
  }
  .section-support {
    padding-top: 210px;
    /* margin-top: -246px; */
    min-height: 720px;
  }
  .section-input {
    background-position: center right;
    min-height: 720px;
  }
}
@media only screen and (max-width: 575px) {
  .section-draw-map {
    margin-bottom: 0px;
    min-height: 1000px;
  }
  .section-meet h3.section-heading {
    margin-left: 7.5%;
  }
  .section-support {
    padding-top: 160px;
    padding-bottom: 30px;
  }
}

/*

************* YOUR INPUT NEEDED PAGE ******

 */
.page-id-1598 header {
  background-color: #17415f;
}
#yiin-section-one.banner-wrap {
  min-height: 911px;
  margin-top: -140px;
}
#yiin-section-one .banner-message {
  max-width: 668px;
  float: right;
  margin-right: 8%;
}
.section-will {
  max-width: 860px;
  margin: 0 auto;
}
.section-draft-maps .featured-box h5 {
  text-transform: uppercase;
  font-weight: 900;
  color: #ff5100;
  margin-bottom: 2rem;
}
.section-draft-maps .featured-box h4 {
  text-transform: uppercase;
  font-weight: 700;
  color: #2e2f2f;
  font-family: "Roboto", sans-serif;
}
.section-draft-maps a {
  text-decoration: underline;
}
.section-draft-maps a:hover {
  text-decoration: none;
}

@media only screen and (min-width: 1440px) {
  #yiin-section-one.banner-wrap {
    width: 100%;
    max-width: 100%;
  }
  .section-draft-maps {
    width: 100%;
    max-width: 100%;
  }
}
@media only screen and (max-width: 1600px) {
  #yiin-section-one .banner-message {
    margin-right: 2%;
  }
}
@media only screen and (max-width: 1440px) {
  #yiin-section-one.banner-wrap {
    background-position: 70% 50%;
  }
}
@media only screen and (max-width: 991.98px) {
  #yiin-section-one.banner-wrap {
    min-height: 720px;
    margin-top: -140px;
    background-position: 80% 50%;
  }
  #yiin-section-one .banner-message,
  .page-template-page-pagewcontainer .banner-message {
    margin-right: 0%;
  }
}
@media only screen and (max-width: 768px) {
  #yiin-section-one.banner-wrap {
    background-position: 90% 50%;
  }
  #yiin-section-one .banner-message,
  .page-template-page-pagewcontainer .banner-message {
    max-width: 100%;
    float: none;
    margin: 0 5%;
    padding-top: 160px;
  }
  .section-will {
    padding-top: 0;
    margin-top: -80px;
  }
}
@media only screen and (max-width: 575px) {
  #yiin-section-one.banner-wrap {
    min-height: 560px;
    margin-top: -110px;
  }
}

/*

************* ATTEND A MEETING *************

*/

#attend .bg_attend {
  background-image: url("/wp-content/uploads/2021/10/mic.png");
  background-size: cover;
  background-position: center center;
  min-height: 300px;
}

.page-template-page-pagewcontainer header a {
  color: white !important;
}
.page-template-page-pagewcontainer .pt-5,
.page-template-page-pagewcontainer .py-5 {
  padding-top: 8rem !important;
}
.page-template-page-pagewcontainer .pb-5,
.page-template-page-pagewcontainer .py-5 {
  padding-bottom: 8rem !important;
}
@media only screen and (max-width: 991.98px) {
  .page-template-page-pagewcontainer .navbar-collapse {
    background-color: rgb(255, 81, 0, 0.5);
  }
  .page-template-page-pagewcontainer header {
    background-color: #9c5833;
  }
  .page-template-page-pagewcontainer .navbar-toggler,
  .page-template-page-pagewcontainer .navbar-toggler .hamburger-icon {
    border-color: white;
    opacity: 1;
  }

  .page-template-page-pagewcontainer .pt-5,
  .page-template-page-pagewcontainer .py-5 {
    padding-top: 3rem !important;
  }
  .page-template-page-pagewcontainer .pb-5,
  .page-template-page-pagewcontainer .py-5 {
    padding-bottom: 3rem !important;
  }
}

.aam-content-container .container {
  max-width: 900px;
  font-size: 1.3em;
}

.aam-content-container a:not(.btn) {
  font-style: italic;
  font-weight: bold;
  text-decoration: underline;
  color: #ffb548;
}
.aam-content-container a:not(.btn):hover {
  color: #f15322;
}
@media only screen and (max-width: 575px) {
  .aam-l-content a.btn {
    padding: 10px 10px !important;
    font-size: 15px;
  }
}

.aam-content-container ol {
  counter-reset: counter-reset;
  padding-left: 20px;
}
.aam-content-container li {
  list-style: none;
  padding-left: 0px;
  counter-increment: counter-reset;
  position: relative;
  padding: 20px 0px;
  display: grid;
  grid-template-columns: auto auto;
  grid-template-rows: auto;
  justify-content: start;
  align-items: center;
  column-gap: 30px;
}
.aam-content-container li::before {
  content: counter(counter-reset);
  color: #ff5100;
  font-weight: bold;
  left: -20px;
  font-weight: bold;
  font-size: 54px;
  display: block;
  line-height: 1em;
}

.aam-header-hero {
  background-image: url("/wp-content/uploads/2021/10/Attend_BG@2x.jpg");
  background-position: bottom center;
  background-size: cover;
  background-color: transparent;
  height: min(max(50vw, 500px), 90vh);
  margin-top: -140px;
}
.aam-header-hero .banner-message {
  float: left;
  max-width: unset;
}

@media only screen and (max-width: 991.98px) {
  .aam-header-hero .banner-message {
    float: unset;
    margin: 0px auto;
    text-align: center !important;
    padding-top: 10vh;
  }
}

/* Timeline */
.aam-timeline-container .col {
  padding-left: 0px;
  padding-right: 0px;
  /*     --bgColor: #FAB347; */
  --bgColor: #f15322;
}
.aam-timeline-container .row > .col:nth-child(odd) {
  /*     --bgColor: #F15322; */
  --bgColor: #fab347;
}

.aam-timeline-container h4 {
  text-transform: uppercase;
  text-align: center;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--bgColor);
  position: relative;
  font-weight: bold;
  cursor: default;

  --titleHeight: 80px;
}
.aam-timeline-container h4:after {
  content: "";
  position: absolute;
  z-index: 6;
  top: 0px;
  right: calc(-1 * var(--titleHeight) / 2);
  width: 0;
  height: 0;
  border-top: calc(var(--titleHeight) / 2) solid transparent;
  border-bottom: calc(var(--titleHeight) / 2) solid transparent;

  border-left: calc(var(--titleHeight) / 2) solid var(--bgColor);
}
/*.aam-timeline-container .col:last-child h4:after {
    display: none;
}*/

.aam-timeline-container h4 span {
  padding-left: calc(var(--titleHeight) / 2);
  padding-right: calc(var(--titleHeight) / 4);
  color: white;
}

.aam-timeline-container .timeline-description span {
  /*     color: #F15322; */
  color: black;
  font-size: 1.2em;
}

/* For Mobile */
@media only screen and (max-width: 991.98px) {
  .aam-timeline-container .col {
    padding-bottom: 20px;
    padding-left: 10px;
    padding-right: 10px;
    min-width: 350px;
  }
  .aam-timeline-container h4 {
    border-radius: 20px 20px 0px 0px;
    margin-bottom: 0px;
  }
  .aam-timeline-container h4:after {
    display: none;
  }
  .aam-timeline-container h4 span {
    padding-right: 0px;
    padding-left: 0px;
  }
  .aam-timeline-container .timeline-description {
    background-color: rgba(0, 0, 0, 0.1);
    border-radius: 0px 0px 20px 20px;
  }
  .aam-timeline-container .timeline-description span {
    padding: 15px 10px;
    text-align: center;
    display: block;
  }
}

/* For Desktop */
@media only screen and (min-width: 991.98px) {
  .aam-timeline-container .col {
    display: flex;
    flex-direction: column;
    align-items: center;
    --ColHeight: 200px;
  }
  .aam-timeline-container .col:hover {
    /*transform: scale(1.05);
        z-index: 10;
        box-shadow: 0px 5px 15px rgba(0,0,0,.2);*/
    --bgColor: #78c05c !important;
  }
  .aam-timeline-container .col::after {
    /*Spacing */
    display: block;
    content: "";
    height: var(--ColHeight);
    order: 1;
    width: 100%;
  }
  .aam-timeline-container .col h4 {
    order: 2;
    width: 100%;
    margin: 0px;
    transition: all 0.2s ease-in-out;
  }
  .aam-timeline-container .col h4:after {
    transition: all 0.2s ease-in-out;
  }
  .aam-timeline-container .timeline-description {
    position: relative;
    /*padding-top: var(--padding-separation);*/
    /*margin-top: var(--padding-separation);*/
    height: var(--ColHeight);
    padding: 0px 10px;
    --dotHeight: 20px;
    --padding-separation: 50px;
    order: 3;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
  }
  .aam-timeline-container .timeline-description span {
    position: relative;
    margin-top: var(--padding-separation);
    text-align: center;
    padding-top: 10px;
  }
  .aam-timeline-container .timeline-description span:before {
    /* Line */
    content: "";
    display: block;
    width: 1px;
    height: var(--padding-separation);
    background-color: black;
    position: absolute;
    top: calc(-1 * (var(--padding-separation)));
    left: calc(50% - 1px);
  }
  .aam-timeline-container .timeline-description span:after {
    /* Point */
    content: "";
    display: block;
    height: var(--dotHeight);
    width: var(--dotHeight);
    border-radius: var(--dotHeight);
    background-color: #f15322;
    position: absolute;
    top: calc(-1 * (var(--dotHeight)));
    left: calc(50% - (var(--dotHeight) / 2) - 1px);
  }

  /* Odd */
  .aam-timeline-container .row > .col:nth-child(odd) h4 {
    order: 2;
  }
  .aam-timeline-container .row > .col:nth-child(odd) .timeline-description {
    order: 1;
    justify-content: flex-end;
  }
  .aam-timeline-container
    .row
    > .col:nth-child(odd)
    .timeline-description
    span {
    margin-bottom: var(--padding-separation);
    margin-top: unset;
    padding-bottom: 10px;
    padding-top: unset;
  }
  .aam-timeline-container
    .row
    > .col:nth-child(odd)
    .timeline-description
    span:before {
    top: unset;
    bottom: calc(-1 * (var(--padding-separation)));
  }
  .aam-timeline-container
    .row
    > .col:nth-child(odd)
    .timeline-description
    span:after {
    top: unset;
    bottom: calc(-1 * (var(--dotHeight)));
  }

  .aam-timeline-container .row > .col:nth-child(odd)::after {
    order: 3;
  }
}

/*

************* OPEN LETTER *************

*/

.open-header-hero {
  background-position: bottom center;
  background-size: cover;
  background-color: transparent;
  height: min(max(50vw, 500px), 90vh);
  margin-top: -140px;
}
.open-header-hero .banner-message {
  float: left;
}

section.at-inner {
  padding-top: 3rem !important;
}
header.at-title {
  font-size: 2rem !important;
  margin: 16px 20px 32px !important;
}

@media only screen and (max-width: 991.98px) {
  .open-header-hero .banner-message {
    float: unset;
    margin: 0px auto;
    text-align: center !important;
    padding-top: 10vh;
  }
  .page-id-1780 .navbar-collapse,
  .page-id-1816 .navbar-collapse,
  .page-id-2691 .navbar-collapse {
    background-color: rgb(108, 126, 126, 0.5);
  }
  .page-id-1780 #header,
  .page-id-1816 #header,
  .page-id-2691 #header {
    background-color: #6c7e7e;
  }

  .page-id-1864 .navbar-collapse {
    background: rgb(255, 81, 0, 0.5);
  }

  .page-id-1864 #header {
    background-color: #9c5833;
  }

}

@media only screen and (max-width: 767px) {
  header.at-title {
    font-size: 1.5rem !important;
  }
}

@media only screen and (max-width: 508px) {
  .at-form-submit .at-submit {
    margin: 0 0 !important;
    float: unset !important;
  }
}

/*

************* FOOTER *************

*/

.footer {
  background-color: #00272b;
  border-top: #ff5100 20px solid;
  padding: 3rem 0 3rem;
  min-width: 100%;
}
.footer h4,
.footer p {
  color: #fff;
}
.footer h4 {
  background: none;
  padding: 0;
  text-align: left;
  font: 700 36px/48px "Raleway", sans-serif;
  margin: 1rem auto 2rem;
  text-transform: uppercase;
}
.footer .gform_wrapper legend {
  display: none;
}
.footer .gform_wrapper input,
.footer .gform_wrapper select,
.footer .gform_wrapper textarea {
  padding: 1rem 1rem;
  border-radius: 3px;
}
.footer .gform_footer {
  margin-top: 2rem;
  text-align: center;
}
.footer .ginput_container_name {
  margin-bottom: 1rem;
}
.gform_wrapper .hidden_sub_label {
  display: none;
}
.footer .validation_message {
  color: #ffb548;
}
.footer .gform_submission_error {
  font-size: 18px;
  color: #ff5100;
}
.footer .gform_confirmation_message {
  color: #fff !important;
}

.footer-secondary {
  background-color: #00161a;
  text-align: center;
  min-width: 100%;
}
.contact-info {
  font-size: 24px;
}
.contact-info a {
  color: #fff !important;
}
.contact-info a:hover {
  color: #ffb548 !important;
}
.contact-info div {
  margin-bottom: 0.75rem;
}
.contact-info .phone-number {
  padding: 0 0 0 48px;
  background: url("../img/icon_contact.png") no-repeat 0% 50%;
}
.contact-info .email-address {
  padding: 0 0 0 48px;
  background: url("../img/icon_email.png") no-repeat 0% 50%;
}
.contact-info .social-facebook {
  padding: 0 0 0 48px;
  background: url("../img/icon_facebook.png") no-repeat 0% 50%;
}
.contact-info .social-twitter {
  padding: 0 0 0 48px;
  background: url("../img/icon_twitter.png") no-repeat 0% 50%;
}
.contact-info .social-instagram {
  padding: 0 0 0 48px;
  background: url("../img/icon_instagram.png") no-repeat 0% 50%;
}
.contact-info .podcast-apple {
  padding: 0 0 0 48px;
  background: url("../img/icon_apple.png") no-repeat 0% 50%;
}
.contact-info .podcast-spotify {
  padding: 0 0 0 48px;
  background: url("../img/icon_spotify.png") no-repeat 0% 50%;
}
.contact-info .podcast-buzzsprout {
  padding: 0 0 0 48px;
  background: url("../img/icon_buzzsprout.png") no-repeat 0% 50%;
  background-size: 35px auto;
}
.political-notice p {
  color: #fff;
  text-transform: uppercase;
  border: #fff 1px solid;
  display: inline-block;
  padding: 10px 20px;
}
.political-notice p a {
  color: #fff;
}
.political-notice p a:hover {
  color: #ffb548;
}

@media only screen and (max-width: 991.98px) {
  .contact-info {
    font-size: 18px;
    line-height: 37px;
  }
}
@media only screen and (max-width: 767px) {
  .footer {
    padding: 3rem 0 2rem;
  }
  .footer h4 {
    text-align: center;
    font: 700 24px/32px "Raleway", sans-serif;
  }
  .footer .gform_footer {
    margin-bottom: 4rem;
  }
  .political-notice p {
    font-size: 14px;
  }
  .contact-info div {
    margin-left: 22.5%;
  }
}
@media only screen and (max-width: 575px) {
  .contact-info div {
    margin-left: 3%;
  }
}

/* VOLUNTEER PAGE REVAMP SPENCER CODE */

.volunteer-header-hero {
  background-position: top center;
    background-size: cover;
    background-color: transparent;
    height: 110vmin;
    margin-top: -140px;
}

.page-id-1864 .ctn-main-text .section-header {
  margin-left: -5px ip !important;
}

.page-id-1864 .ctn-main-text {
  max-width: 960px;
}

.page-id-1864 .ctn-main-text p {
  font-size: 18px;
  color:  #6F6D71;
}

.page-id-1864 .ngp-form {
  max-width: 960px;
}

.page-id-1864 .at-inner {
  background-color: transparent;
}

.page-id-1864 .at-title {
  font: 700 42px/54px "Raleway", sans-serif !important;
  text-align: left;
}

.page-id-1864 .at textarea {
  margin-top: 1.5em;
}


@media only screen and (min-aspect-ratio: 180/100)  {
  .volunteer-header-hero {
    height: 120vmin;
  }
}

/* REPORT CARD PAGE */

.orange-text {
  color: var(--bs-secondary) !important;
}

.yellowish-text {
  color: var(--bs-primary) !important;
}

.A-grade-ctn {
  max-width: 1535px;
  margin: 0 auto;
}

.A-grade-ctn span {
  display: block;
}

/* .report-card-collapse {
  background-color: #F7F7F7;
} */

.democrat-border {
  border: 5px solid blue;
  border-radius: 50%;
}

.republican-border {
  border: 5px solid red;
  border-radius: 50%; 
}

.report-card-name {
  font-size: 34px !important;
  font-weight: bold;
}

.district,
.report-card-grade-heading {
   font-size: 40px !important; 
   font-weight: bold;
}

.grade {
  font-size: 50px !important;
  font-weight: bold;
}

.orange-text.font-weight-bold {
  font-size: 22px; 
}

.A-grade-ctn span,
.A-grade-ctn h3 {
  font-family: "Raleway", sans-serif;
}

.report-card-name {
  white-space: break-spaces;
}

.dropdown-text {
  font-family: "Roboto", sans-serif !important;
  font-size: 20px;
  display:inline;
}

.page-id-2000 .btn-info {
  background-color: transparent;
  border: 1px solid #CBCBCB;
  border-radius: 25px;
  width: 100%;
  box-shadow: 0px 5px 10px #0000002b;
}

.btn-info:hover {
  background-color: transparent;
  border: 1px solid #CBCBCB;
}

.btn-info:not([disabled]):not(.disabled):active, .btn-info:not([disabled]):not(.disabled).active, .show>.btn-info.dropdown-toggle,
.btn-info:focus {
  border: 1px solid #CBCBCB;
  background-color: transparent;
}

.report-card-collapse {
  max-width: 946px;
  margin: 0 auto;
}

/* PAC PAGE BTNS */
.pac-btns-ctn {
  max-width: 1500px;
}

.pac-btns-ctn .btn-secondary {
  border: 4px solid #FFB548;
  display: block;
}

/* LEGAL PAGE */
.pg-legal-content p {
	color: #6F6D71 !important;
}
.pg-legal-content h4 {
	color: #FF5100;
	letter-spacing: 2px;
    font-family: 'Roboto', sans-serif;
    line-height: 1.6;
}
.page-item.active .page-link {
  z-index: 1;
  color: #fff;
  background-color: #ff5100;
  border-color: #ff5100;
}
.page-link {
  position: relative;
  display: block;
  padding: 0.5rem 0.75rem;
  margin-left: -1px;
  line-height: 1.25;
  color: #ff5100;
  background-color: #fff;
  border: 1px solid #dee2e6;
}
.pagination .fa {
  color: #ff5100;
}
.pagination .page-link:hover {
  color: #00272b;
  text-decoration: none;
  background-color: #e9ecef;
  border-color: #dee2e6;
}
/*

************* RESPONSIVENESS *************

*/

/* MAX-WIDTH MEDIA QUERIES */
@media only screen and (max-width: 1200px) {
  .page-id-1864 .at-title {
    line-height: 1.35 !important;
  }

  .page-id-1864 .at-markup.HeaderHtml h1 {
    font-size: 20px !important; 
  }
}
@media only screen and (max-width: 991.98px) {
}
@media only screen and (max-width: 768px) {
  .page-id-1864 .at-title {
    font: 700 28px/36px "Raleway", sans-serif !important;
  }
}
@media only screen and (max-width: 575px) {
  .btn-secondary{padding: 1rem 1rem !important}
}


/* MIN-WIDTH MEDIA QUERIES */
@media only screen and (min-width: 1200px) {
}
@media only screen and (min-width: 991.98px) {
}
@media only screen and (min-width: 768px) {
}
@media only screen and (min-width: 575px) {
 
}