/*
 Theme Name:   Base Theme 3 Child
 Theme URI:    https://www.understrap.com
 Description:  UnderStrap Child Theme
 Author:       AO Dev Team
 Author URI:   http://www.holgerkoenemann.de
 Template:     base-theme
 Version:      1.3
 License: GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  base-theme-child
 Tags: one-column, custom-menu, featured-images, theme-options, translation-ready
*/
html {
  text-rendering: optimizeLegibility !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
}

body {
  font-family: 'Montserrat', sans-serif;
}

/* p {
  color: #535453;
} */
h1, h2, h3, h4, h5, h6, .nav-link, .btn {
  font-weight: 700;
}

h1, h3, h5, h6, .nav-link, .btn, .issues-wrap h3 {
  text-transform: uppercase;
}

.nav-link:hover {
  text-decoration: underline;
  color: #fff;
}

.big-font button {
	min-width:26em;
    border: 4px solid #4F6926;
}

.big-font button:hover {
    background-color:#c19534;
}

.big-font a{
	font-size:1.6em;
}

a {}

#gform_confirmation_message_25,
#gform_confirmation_message_27 {
  font-size: 2rem;
}

.img-rsvp {
  max-width: 80%;
}

.wrapper-navbar .menu-item-3634,
.wrapper-navbar .menu-item-3637 {
  display: none;
}

.site-footer {
  text-align: center;
}

.navbar .navbar-toggler {
  color: rgba(255, 255, 255, 1);
  border-color: rgba(255, 255, 255, 1);
}

.navbar .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255,1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

/*
BUTTONS
*/
.btn {
  border-radius: 0;
  text-align: center;
}

.intro .btn {
  padding-bottom: 0;
}

.btn-secondary:hover,
.btn-primary,
.homepage-news .btn-news:hover {
  background-color: #BA420D;
  border: 2px solid #BA420D;
  color: #fff;
}

.btn-primary:hover,
.btn-secondary,
.btn-primary:not([disabled]):not(.disabled):active,
.btn-primary:not([disabled]):not(.disabled).active,
.show>.btn-primary.dropdown-toggle,
.homepage-news .btn-news {
  background-color: #fff;
  color: #ba420d;
  border: 2px solid #BA420D;
}

.btn-secondary {
  /* read more btn */
  border: 1px solid #34421E;
}

.btn-success {}

.btn-lg {}

.btn-sm {}

/*
MENU
*/
.navbar {}

.navbar-brand {}

.navbar-brand>img {
	min-width: 10em;
	
}

.nav-link {
  color: #fff;
  letter-spacing: 1px;
  font-weight: 400;
}

.nav-item {}

.navbar-nav {
  margin: 0 auto;
}

.widget .nav {
  display: block;
  padding-left: 2rem;
  list-style-type: disc;
}

/* Share Links */
.share_links {
  text-align: center;
  line-height: 0;
}

.share_links:after {
  content: "";
  clear: both;
  display: table;
}

.share_links>a {
  color: white;
  display: inline-block;
  text-decoration: none;
  border-radius: 3px;
  width: 2rem;
  overflow: hidden;
  text-align: center;
  line-height: 2rem;
  margin-left: 0.3rem;
}

.share_links a:first-child {
  margin-left: 0;
}

.social_links {
  display: flex;
  font-size: 1.5rem;
  justify-content: space-around;
  margin: 1rem 0;
}

.social_links a span {
  width: 3rem;
  height: 3rem;
  display: flex;
  float: left;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  border-radius: 50%;
  border: 1.5px solid #fff;
}

.social_facebook {
  background-color: #3b5998;
}

.social_twitter {
  background-color: #00aced;
}

.social_google_plus {
  background-color: #dd4b39;
}

.social_linkedin {
  background-color: #007bb6;
}

.social_email {
  background-color: #4CAF50;
}

.social_pinterest {
  background-color: #cb2027;
}

/*
TYPOGRAPHY
*/
:any-link,
.btn,
.menu-item {
  transition: all .32s ease-in-out;
}

.lead {
  font-size: 1.75rem;
}

.thin {
    font-weight: 200;
}

.changer:hover {
    background-color: #4F6926;
    font-weight: bold;
}

.darken-vote {
	/* background-image: linear-gradient(rgba(0, 0, 0,0.45), rgba(0, 0, 0,0.45)), url('/wp-content/uploads/2020/10/votinghero.png');
	background-position: top !important; */
  display: flex;
  align-items: center;
  justify-content: center;
  height: 700px;
}

@media only screen and (max-width: 768px) {
  .darken-vote {
    height: 600px;
  }
}

    .wht {border-top:1px solid white;}
    .red-bg {background-color:#BA420D;}
    .gray {color:#535453;}
    .greenish {color:#C19434;}
    .greenish-bg {background-color:#C19434;}
    .red {color:#BA420D;}
    .brown {color:#34421E;}    
    .special-green {background-image: linear-gradient(#4F6926, #34421E);}
    .darken-vote {
	background-image: linear-gradient(rgba(0, 0, 0,0.45), rgba(0, 0, 0,0.45)), url('/wp-content/uploads/2020/10/votinghero.png');
	background-position: top !important;}
    .shadower {box-shadow: -5px 6px 15px #000;}

    @media only screen and (max-width: 400px) {
    .sizen {
        font-size:1em; !important;
    }
}


.display-4 {
  font-size: 2.5rem;
  /* text-align: center; */
  font-weight: 700;
}

strong {
  font-weight: 500;
}

.homepage-news .card-title a {
  color: #34421E;
}

.homepage-news .card-title a:hover {
  text-decoration: none;
  color: #BA420D;
}

.issues-wrap {
  font-family: "Roboto", sans-serif;
}

.homepage-news .card-text {
  color: #707070;
  font-family: "Montserrat", sans-serif;
}

.issues-wrap h3,
.homepage-news .card-title {
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase !important;
}

.issues-wrap h3 {}

.issues-wrap h4 {
  font-size: 1.25rem;
  letter-spacing: 1px;
}

.site-footer ul#main-menu {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
  margin-left: 1rem;
}

.site-footer ul#main-menu .nav-link {
  margin: 0;
}

.privacy-policy {
  font-weight: 700;
  letter-spacing: 1.25px;
  font-size: .75rem;
}

.donate-links {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}

.donate-links a {
  text-align: center;
  color: #000;
  background-color: #fff;
}

.donate-links a:hover {
  text-decoration: none;
}

.donate-links a {
  width: 100%;
  font-size: 1.75rem;
  margin-top: 1rem;
}

.nav-links a {
  color: #C19434;
}

.nav-links a:hover {
  color: #BA420D;
  text-decoration: none;
}

.volunteer-header {
  font-weight: 500;
  font-family: "Roboto", sans-serif;
}

/*
UTILITY
*/
/* boxshadow utility */
.shadow-none {
  box-shadow: none !important;
}

.shadow-sm {
  box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important;
}

.shadow {
  box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
}

.shadow-lg {
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175) !important;
}

/* video styles */
.video-section-wrap {
  background-size: contain !important;
  background-repeat: no-repeat;
}

/* gradient green background */
.bg_green_grad {
  background: linear-gradient(135deg, #4f6926 0%, #4f6926 50%, #34421e 100%);
}

.bg_green {
  background-color: #34421E;
}

.bg_white {
  background-color: white;
}

.bg_black {
  background-color: black;
}

.bg_red {
  background-color: #BA420D;
}

.bg_orange {
  background-color: #C19434;
}

.white {
  color: white;
}

.black {
  color: black;
}

.red {
  color: #BA420D;
}

.orange {
  color: #C19434;
}

.blue {
  color: #007cff;
}

.dark_green {
  color: #34421E;
}

.dark_blue {
  color: #042946;
}

.green {
  color: #4f6926;
}

.grey {
  color: #535453;
}

.bg_cover {
  background-size: cover;
}

.bg_contain {
  background-size: contain;
}

.padder {
  padding-top: 50px;
  padding-bottom: 50px;
}

.padder_top {
  padding-top: 50px;
}

.padder_bot {
  padding-bottom: 50px;
}

.padder_lg {
  padding-top: 100px;
  padding-bottom: 100px;
}

.padder_lg_bot {
  padding-bottom: 100px;
}

.padder_lg_top {
  padding-top: 100px;
}

.padder_sm {
  padding-top: 25px;
  padding-bottom: 25px;
}

.padder_sm_bot {
  padding-bottom: 25px;
}

.padder_sm_top {
  padding-top: 25px;
}

.no_padder {
  padding: 0 !important;
}

section {
  padding: 100px 0;
  background-size: cover;
  background-repeat: no-repeat;
}

#home-hero{
  background-position: center top !important;
}

.wrapper {
  background-size: cover;
  background-position: center center;
}

.wrapper-fluid {
  max-width: 100%;
}

.uppercase {
  text-transform: uppercase;
}

div {}

/*
GFORM
*/
.ginput_container input[type=text], .ginput_container input[type=email], .ginput_container input[type=tel], .ginput_container input[type=password], .ginput_container input[type=number], .ginput_container select, .ginput_container textarea {
  border-radius: 0;
  border: .5px solid #ccc;
  text-transform: uppercase !important;
  border: none;
}

#gform_25 input[type=text], #gform_25 input[type=email], #gform_25 input[type=tel], #gform_25 input[type=password], #gform_25 input[type=number], #gform_25 select, #gform_25 textarea {
  padding: .75rem;
}

#gform_25 input[type=text]::placeholder, #gform_25 input[type=email]::placeholder, #gform_25 input[type=tel]::placeholder, #gform_25 input[type=password]::placeholder, #gform_25 input[type=number]::placeholder, #gform_25 select, #gform_25 textarea::placeholder {
  color: #C6C4C5;
}

#input_25_5 li,
#input_27_5 li {
  margin: 1rem 0;
}

#input_25_5 li label,
#input_27_5 li label {
  font-size: 91%;
}

.ginput_container input[type=text]::placeholder, .ginput_container input[type=email]::placeholder, .ginput_container input[type=tel]::placeholder, .ginput_container input[type=password]::placeholder, .ginput_container input[type=number]::placeholder, .ginput_container select, .ginput_container textarea::placeholder {
  font-family: "Montserrat", sans-serif;
  letter-spacing: 2px;
  font-weight: bold;
  color: #ccc;
  font-size: .75rem;
  text-transform: uppercase !important;
}

.ginput_container_address>span>label, .ginput_complex label, .ginput_container_time label, .ginput_container_date label, .ginput_counter {
  display: none;
}

.ginput_right, .ginput_left {
  width: 100% !important;
}

#input_18_3_5_container,
#input_19_4_5_container,
#input_20_4_5_container,
#input_21_4_5_container {
  width: 100%;
}

.gfield_checkbox label {
  font-weight: bold;
  font-size: .85rem;
  letter-spacing: 1px;
}

.gform_button {
  letter-spacing: 1.25px;
}

#gform_18 {
  justify-content: space-between;
  display: flex;
  flex-wrap: wrap;
}

#gform_18 .gform_button {
  padding: .25rem 3.5rem !important;
  background-color: #C19434 !important;
  border-color: #C19434 !important;
  text-align: center;
  margin: auto;
}

#gform_18 .gform_button:hover {
  color: #C19434 !important;
  background-color: #fff !important;
}

#gform_wrapper_19 .gform_button,
#gform_wrapper_20 .gform_button,
#gform_wrapper_21 .gform_button,
#gform_wrapper_22 .gform_button {
  width: 100%;
}

#gform_25 input::placeholder {
  text-transform: uppercase;
}

.gchoice_19_5_1,
.gchoice_20_5_1,
.gchoice_21_6_1,
.gchoice_22_5_1 {
  display: flex;
  align-items: center;
}

.gf_list_inline input[type="checkbox"],
input[name="input_5.1"],
input[name="input_6.1"] {
  border-radius: 0 !important;
}

.gform_confirmation_message {
  font-family: "Montserrat", sans-serif;
  font-weight: bold;
  text-align: left;
  margin: 1rem 0;
}

.gf_list_inline li {
  display: inline-flex;
  margin-right: .35rem;
  align-items: center;
}

.gf_list_inline li label {
  font-size: .78rem;
}

ul.gfield_radio>li,
ul.gfield_checkbox>li {
  margin: .5rem .5rem .5rem 0;
}

#field_22_7 {
  margin-bottom: 0;
}

#gform_wrapper_22 .gform_fields>li,
#gform_wrapper_22 .ginput_full.address_line_1,
#gform_wrapper_22 .ginput_full.address_line_2 {
  margin-bottom: .5rem;
}

/* training page gravity forms styles */
#gform_submit_button_25,
#gform_submit_button_27 {
  width: 100%;
  padding: .5rem;
}

/* custom styles */
.issues-header {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center top;
  padding: 20rem 2rem 10rem !important;
}

.issues-wrap {
  position: relative;
  border: 1px solid #ddd;
}

.issues-wrap span {
  position: absolute;
  width: 77%;
  top: -18px;
  left: 11%;
}

.wrapper_latest_news {
  max-width: 80%;
  margin: auto;
}

.loop-post-header {
  width: 100%;
  height: 240px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.intro {
  padding: 12rem 1rem 5rem;
}

.intro,
.issues-header,
.post-header {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  flex-direction: column;
  position: relative;
}

.post-header {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 0 30%;
  padding: 4rem 1rem;
}

.intro::before,
.issues-header::before,
.post-header::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .45);
  top: 0;
  left: 0;
}

.post-categories {
  list-style-type: none;
  text-align: center;
  padding: 0;
}

.post-categories a {
  color: #fff;
}

.post-categories a:hover {
  text-decoration: none;
}

.issues-wrap h3 {
  font-weight: 500;
  text-transform: uppercase;
  font-size: 1.5rem;
  text-align: center;
}

.card-wrap {
  margin: 3rem 1rem;
}

.card-wrap h4 a {
  color: #C19434;
}

.page-item {
  border-radius: 0;
}

.page-item.active .page-link {
  background-color: #BE1E2D;
  color: #fff;
  font-weight: bold;
}

.page-item-direction .page-link a {
  font-weight: bold;
  color: #be1e2d;
}

.page-link {
  color: #BE1E2D;
  border: none;
}

.page-link:hover,
.page-item-direction .page-link a:hover {
  text-decoration: none;
  background: none;
}

.page-item:first-child .page-link {
  border-radius: 0;
}

.homepage-news .date {
  display: none;
}

/* news page styles */
.card-title,
.card-text,
.date,
.btn-news {
  font-family: "Roboto", sans-serif;
}

.card-title a {
  color: #042946;
}

.card-text {
  color: #535453;
}

.date {
  font-weight: bold;
}

.btn-news {
  color: #34421E;
  border: 2px solid #34421E;
  padding: .5rem 2rem;
}

.btn-news:hover {
  background-color: #BA420D;
  border-color: #BA420D;
  color: #fff;
}

/* VOTER INFOMATION PAGE */
.drop-link {
  background: transparent !important;
  border: none !important;
}

.drop-link:hover {
  cursor: pointer;
  text-decoration: underline;
}

/*
RESPONSIVENESS
*/
@media (min-width: 768px) {
  .navbar-brand {}

  .social_links {
    justify-content: flex-start;
    font-size: 2.5rem;
  }

  .social_links a span {
    width: 4rem;
    height: 4rem;
  }

  .social_links a:not(:first-child) {
    margin-left: 1rem;
  }

  .navbar .container-fluid {
    /* mobile logo fix */
    max-width: 90%;
    margin: auto;
  }

  .donate-wrapper {
    max-width: 80%;
  }

  .donate-wrapper .lead {
    letter-spacing: .75px;
    font-size: 1.45rem;
  }

  .donate-wrapper .display-4 {
    font-size: 3.5rem;
  }

  .donate-links a {
    width: 49%;
    font-size: 1.75rem;
  }

  .site-footer ul#main-menu {
    margin: 0;
  }

  .wrap-image {
    height: 326px;
  }

  .news-main .lead {
    font-size: 2.15rem;
  }
}

@media (min-width: 991px) {

  .homepage-news .btn-news,
  .btn-primary,
  .btn-secondary {
    padding: .25rem 5rem .25rem 5rem;
  }

  .intro,
  .issues-header {
    padding: 35rem 2rem 10rem
  }

  .intro::before,
  .issues-header::before {
    background-color: rgba(0, 0, 0, 0);
  }

  .intro .btn {
    width: 62%;
  }

  .post-header {
    padding: 10rem 1rem;
  }

  #gform_18 {
    flex-wrap: nowrap;
  }

  #gform_18 .gform_button {
    margin: 0 0 0 1rem;
  }
}

@media only screen and (max-width: 350px) {
  .navbar>.container-fluid {
    flex-direction: column;
  }
}

@media only screen and (max-width: 1140px) {
  .mobile-fix {
    flex-wrap: wrap !important;
  }
}

@media (min-width: 1142px) {
  .navbar-nav {
    margin: 0 0 0 auto;
  }
}


@media only screen and (min-width: 1453px) {
.navbar-expand-xl .navbar-nav .nav-link {
    padding-right: 0rem !important;
    padding-left: 0rem !important;
}


@media only screen and (min-width: 1440px) {
  .wrapper {
    max-width: 1440px;
    /* large laptop */
    margin: auto;
  }

  .wrapper-fluid {
    max-width: 100%;
  }

  .display-4 {
    font-size: 3.75rem;
    text-align: left;
  }
}

@media (min-width: 1454px) {
  .nav-link:not(last-child) {
    margin: 1rem 2rem;
  }
}

@media (min-width: 1470px) {}

@media only screen and (max-width: 1199px) {
  .wrapper-navbar {}
}

@media only screen and (max-width: 991px) {
  .mobile-fix {
    padding: 0 !important;
  }

  .wrapper-navbar {}

  .issues-wrap span {
    width: 77%;
    top: -18px;
    left: 11%;
  }
}

@media only screen and (max-width: 767px) {

	
  .anim, .anim_left, .anim_right, .anim_up {
    opacity: 1 !important;
  }

  .post-header {
    background-position: center;
  }
			
	.big-font button {
	min-width:22em !important;
	}

	.big-font a{
		font-size:1.2em !important;
	}
}

@media only screen and (max-width: 575px) {
  .lead {
    font-size: 1rem;
  }
	

}
	  @media only screen and (max-width: 379px) {
  	.big-font button {
	min-width:19em !important;
	}

	.big-font a{
		font-size:1em !important;
	}
  }