/*
 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:      0.3.14
 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: 'Lato', sans-serif;
}

h1, h2, h3, h4, h6 {
  font-family: 'Oswald', sans-serif;
  ;
}

h5 {
  font-family: 'Crete Round', serif;
}

a {}

.wrapper-navbar {}

#wrapper-footer .navbar-brand>img {
  max-width: 500px;
  width: 100%;
}

.site-footer {
  text-align: center;
}

.navbar .navbar-toggler {
  color: rgba(255, 255, 255, 0.5);
  border-color: rgba(0, 0, 0, 0.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,0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

.navbar-brand {
  /* max-width: 450px; */
  padding: 1rem;
  margin: 0;
}

nav.navbar {
  padding-top: 0;
}

nav.navbar .container-fluid {
  /* align-items: flex-start; */
}

.nav-link {
  color: white;
  text-transform: uppercase;
  font-weight: 900;
  padding: 1rem;
  text-align: center;
  margin: auto;
}

#main-menu li {
  /* margin: .25rem 0; */
  font-family: 'Lato', sans-serif;
  font-size: 1.3rem;
}

footer #main-menu li a {
  white-space: nowrap;
}

ul#gform_fields_17 {
  display: flex;
  justify-content: center;
  align-items: center;
}

#gform_fields_17 input {
  background-color: transparent;
  border-bottom: 1px solid white;
  border-radius: 0;
  border-top: 0;
  border-left: 0;
  border-right: 0;
  color: white;
}

.gfield_description {
  margin-bottom: 1rem;
}

/* form placeholder overrides - have to use !important or this doesn't work
--------------------------------------------- */
/* ::-webkit-input-placeholder { */
/* Chrome */
/* color: #fff !important; */
/* } */
/* :-ms-input-placeholder { */
/* IE 10+ */
/* color: #fff !important; */
/* } */
/* ::-moz-placeholder { */
/* Firefox 19+ */
/* color: #fff !important; */
/* opacity: 1 !important; */
/* } */
/* :-moz-placeholder { */
/* Firefox 4 - 18 */
/* color: #fff !important; */
/* opacity: 1 !important; */
/* } */
/* #gform_wrapper_19 ::-webkit-input-placeholder { */
/* Chrome */
/* color: #495057 !important; */
/* } */
/* #gform_wrapper_19 :-ms-input-placeholder { */
/* IE 10+ */
/* color: #495057 !important; */
/* } */
/* #gform_wrapper_19 ::-moz-placeholder { */
/* Firefox 19+ */
/* color: #495057 !important; */
/* opacity: 1 !important; */
/* } */
/* #gform_wrapper_19 :-moz-placeholder { */
/* Firefox 4 - 18 */
/* color: #495057 !important; */
/* opacity: 1 !important; */
/* } */
button#gform_submit_button_19,
button#gform_submit_button_20 {
  text-transform: uppercase;
  background-color: #CC191A;
  border-radius: 0;
  border: none;
  padding: .5rem 3rem;
  font-weight: bold;
  margin-top: 3rem;
}

#gform_wrapper_19 label,
#gform_wrapper_20 label {
  display: none;
}

#field_19_5 input #field_20_5 input {
  margin: 9px 0;
}

#gform_wrapper_19 input, #input_19_8, #input_19_6 #gform_wrapper_20 input, #input_20_8, #input_20_6 {
  border-radius: 0;
}

#gform_wrapper_19 input,
#input_19_8,
#gform_wrapper_20 input,
#input_20_8 {}

.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-top: 0;
  border-left: 0;
  border-right: 0;
  border-bottom: 1px solid #5c5c5c;
  margin: 9px 0;
}

.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 {
  letter-spacing: 2px;
  color: #a2a2a2;
  text-transform: uppercase;
  font-size: 65%;
}

.ginput_container textarea {
  border: none;
}

#label_6_select_all {
  font-style: italic;
  font-weight: bold;
}

#gform_wrapper_19 option:not(:first-child) #gform_wrapper_20 option:not(:first-child) {
  text-transform: capitalize;
}

ul.gfield_checkbox {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-around;
}

.ginput_container_address>span>label {
  display: none;
}

#input_28_4 {
  border: 1px solid #ddd;
}

/*
BUTTONS
*/
.btn {}

.btn-primary {}

.btn-success {}

.btn-lg {}

.btn-sm {}

.gform_button {
  cursor: pointer;
}

div#gform_confirmation_message_17 {
  font-size: 1.5rem;
}

/*
MENU
*/
.navbar-nav {
  /* margin: 0 auto 0 auto; */
  width: 100%;
}

.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;
  justify-content: center;
}

.social_links a span {
  width: 3.2rem;
  margin: 0 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid;
  border-radius: 2rem;
  padding: .5rem;
}

.social_links a {
  text-decoration: none;
}

.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;
}

/*
UTILITY
*/
.bg_white {
  background-color: white;
}

.bg_black {
  background-color: black;
}

.bg_red {
  background-color: #d01a21;
}

.bg_blue {
  background-color: #141050;
}

.bg_green {
  background-color: #4CAF50;
}

.white {
  color: white;
}

.black {
  color: black;
}

.red {
  color: #d01a21;
}

.blue {
  color: #141050;
}

.blue_dark {
  color: #141050;
}

.green {
  color: #4CAF50;
}

.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;
}

.wrapper {
  background-size: cover;
  background-position: center center;
}

.wrapper-fluid {
  max-width: 100%;
}

.uppercase {
  text-transform: uppercase;
}

button#gform_submit_button_17,
.gform_button {
  background-color: #d01a21;
  border: #d01a21;
  border-radius: 0;
  width: 30%;
  padding: 10px 0;
  text-transform: uppercase;
  font-family: 'Crete Round', serif;
  letter-spacing: 3px;
  margin: 1rem 0;
}

.letter-spacing {
  letter-spacing: 2px;
}

#wrapper-footer .col-md-12 {
  display: flex;
  flex-direction: row-reverse;
  justify-content: center;
  align-items: center;
}

.social_links i {
  font-size: 2rem;
}

#video-background {
  position: fixed;
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: -100;
  opacity: 0.35;
}

.text-bold {
  font-weight: 900;
}

.hovereffect {
  width: 100%;
  height: 100%;
  float: left;
  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: default;
  border: none;
  border-radius: 0;
}

.blocks {
  text-align: center;
  padding: 0rem .5rem;
}

/* .blocks img {
    width: 674px;
    height: 250px;
} */
.hovereffect .overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  background: rgba(35, 41, 81, 0.21);
}

.hovereffect h2 {
  color: #fff;
  text-align: center;
  padding: 10px;
  width: 100%;
  font-size: 34px;
  font-weight: 900;
  font-family: 'Lato', sans-serif;
}

.hovereffect h2, .hovereffect hr {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
  -webkit-transform-origin: 50%;
  -ms-transform-origin: 50%;
  transform-origin: 50%;
  background-color: transparent;
  margin: 0px;
}

.hovereffect:hover img {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  filter: url(data:image/svg+xml;charset=utf-8><svg xmlns="http://www.w3.org/2000/svg"><f…B type="linear" slope="0.7" /></feComponentTransfer></filter></svg>#filter);
  filter: brightness(0.7);
  -webkit-filter: brightness(0.7);
  cursor: pointer;
}

.overlay:hover {
  background: rgba(35, 41, 81, 0.61);
  cursor: pointer;
}

.volunteer, .to-the-editor, .phone-from-home,
.issues h2 {
  font-family: 'Lato', sans-serif;
  font-size: 3rem;
}

.site-footer li {
  padding: 4px 0;
}

.site-footer li:last-child {
  border-right: 0;
}

.site-footer a.nav-link {
  padding: 0 15px 0 15px;
}

/*
CUSTOM STYLES
*/
/* issues page */
.border-bottom-gray {
  border-bottom: 2px solid #dddddd;
}

.issues h2 {
  text-align: center;
  font-size: 2.5rem;
}

.issues img {
  max-width: 30%;
}

.issues-img-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
}

.issues p {
  font-weight: 500;
  font-size: 1.25rem;
  color: #5c5c5c;
}

.papers a, .dnt a {
  background-color: #d01a21;
}

a .nav-link {
  margin-left: auto;
  margin-right: auto;
}

#popmake-2637 {
  min-width: 75%;
}

/*
RESPONSIVENESS
*/
@media (min-width: 460px) {
  .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-size: 85%;
  }
}

@media (min-width: 768px) {
  nav.navbar .container-fluid {
    align-items: center;
  }

  .navbar-expand-md .navbar-nav {
    justify-content: space-around;
  }

  .menu-item {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .menu-item:not(:last-child),
  .menu-item:not(:nth-last-child(2)) {
    border-right: 1px solid #fff;
  }

  .volunteer, .to-the-editor, .phone-from-home {
    font-size: 4rem;
  }

  .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-size: 100%;
  }

  .issues h2 {
    text-align: left;
    font-size: 3rem;
  }

  .issues-img-wrapper {
    display: block;
  }

  .issues img {
    max-width: 93%;
  }
}

@media only screen and (min-width: 1440px) {
  .wrapper {
    max-width: 1440px;
    /* large laptop */
    margin: auto;
  }

  .wrapper-fluid {
    max-width: 100%;
  }

  .volunteer, .to-the-editor, .phone-from-home {
    font-size: 5rem;
  }
}

@media only screen and (max-width: 1295px) {
  #main-menu li {
    font-size: 1rem !important;
  }

  .bg-tom-img {
    min-height: 26em !important;
  }
}

@media only screen and (max-width: 992px) {
  .bg-tom-img {
    min-height: 26em !important;
  }
}

@media only screen and (max-width: 1199px) {
  .wrapper-navbar {}

  #main-menu li {
    font-size: .9rem !important;
  }
}

@media only screen and (max-width: 999px) {
  .wrapper-navbar {}

  .nav-link {
    font-size: 13px !important;
    /* margin-right: 12px !important; */
  }
}

@media only screen and (max-width: 991px) {
  .wrapper-navbar {}
}

@media only screen and (max-width: 768px) {
  #main-menu li {
    font-size: .8rem !important;
  }
}

@media only screen and (max-width: 768px) {
  .navbar-expand-md .navbar-nav .nav-link {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
}

@media only screen and (max-width: 767px) {
  .social_links {
    margin-top: 1rem;
  }

  nav.navbar .container-fluid {
    justify-content: space-between;
  }

  .anim, .anim_left, .anim_right, .anim_up {
    opacity: 1 !important;
  }

  ul#gform_fields_17 {
    display: block;
  }

  nav.navbar .container-fluid {
    justify-content: center;
  }
}

@media only screen and (max-width: 575px) {
  #wrapper-footer .navbar-brand>img {
    max-width: 400px;
  }
}

@media (min-width: 1200px) {
  .issues img {
    max-width: 68%;
  }
}

.contact-info {
  margin-top: 40px;
}

@media only screen and (max-width: 991px) {
  .bg_tom {
    min-height: 0 !important;
  }
}

@media only screen and (max-width: 991px) {
  .bg_tom {
    min-height: 0 !important;
  }
}

.dnt .separator {
  display: none
}