/*
 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: 'Roboto', sans-serif;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Roboto', sans-serif;
}

a {}

.wrapper-navbar {}

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

.navbar .navbar-toggler {
  color: rgba(0, 0, 0, 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(0,0,0,0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

/*
BUTTONS
*/
.btn {}

.shop-button:hover {
  color: #fff !important;
  background: #223061 !important;
}

.shop-button {
  background: #fff !important;
  color: #223061 !important;
  margin-top: 1rem !important;
}

.shop-button {
  transition: all .12s ease-in-out;
}

.btn-primary {}

.btn-success {}

.btn-lg {}

.btn-sm {}

.gform_button {
  cursor: pointer;
}

/*
MENU
*/
.navbar-nav .nav-link .navbar {}

.navbar-brand {}

.navbar-brand>img {}

.nav-link {
  font-size: 95%;
}

.nav-item {}

.navbar-nav {}

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

.home .dnt-btn a {
  color: #af0a24 !important;
}

.dnt-btn a {
  font-weight: 900;
  border: 1px solid;
}

/* 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: 2rem;
  margin-left: .2rem;
  height: 2rem;
  display: flex;
  float: left;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  border-radius: 3px;
}

.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;
}

/* supporter royalsider styles */
.visibleNearbyZoom .rsGCaption {
  text-transform: uppercase;
  background-color: var(--rb-red) !important;
}

.rsDefault, .rsDefault .rsOverflow, .rsDefault .rsSlide, .rsDefault .rsVideoFrameHolder, .rsDefault .rsThumbs, .rsDefault .rsBullets {
  background: transparent !important;
}

/*
UTILITY
*/
.bg_white {
  background-color: white;
}

.page-link,
.bg_gray {
  background-color: #363636;
}

.bg_black {
  background-color: black;
}

.bg_red,
.page-item.active .page-link {
  background-color: #F44336;
}

.page-item.active .page-link {
  border-color: #F44336;
}

.page-item.active .page-link:hover {
  border-color: #13274a;
}

.bg_blue,
.page-item.active .page-link:hover {
  background-color: #13274a;
}

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

.pagination {
  margin-bottom: 0;
  padding: 1rem;
}

.page-item:first-child .page-link,
.page-item:last-child .page-link {
  border-radius: 0 !important;
}

.white,
.loop-feed p,
.card-title a,
.page-link a {
  color: white !important;
}

.black {
  color: black;
}

.red,
.loop-feed:hover p,
.loop-feed p:hover {
  color: #e63737 !important;
}

.dark-red {
  color: #AF0925;
}

.blue,
.page-link a:hover,
.page-link a span:hover {
  color: #007cff;
}

.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;
}

.loop-feed {
  transition: all .12s ease-in-out;
}

.loop-feed:hover {
  padding: 1rem !important;
  background-color: #fff;
}

.loop-feed:hover,
.loop-feed:hover .loop-feed-header .rb-text-white,
.loop-feed:hover .white {
  color: var(--rb-red);
}

.issues-hero {
  background-size: cover;
  background-position: center;
  min-height: 650px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.issues-hero h1 {
  font-weight: 700;
  font-size: 4rem;
}

.f-700 {
  font-weight: 700;
}

.drug-price {
  background-image: url('/wp-content/uploads/2020/04/Drugs.png');
  background-size: cover;
}

.veterans-wrapper {
  background-image: url('/wp-content/uploads/2020/04/Veterans.png');
  background-size: cover;
}

.issues-para {
  font-size: 1.3rem;
}

.issues-header {
  font-size: 2.5rem;
}

/*
RESPONSIVENESS
*/
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .nav-link {
    font-size: 80%;
  }

  .navbar-brand img {
    height: unset !important;
  }
}

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

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

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

@media only screen and (max-width: 991px) {
  .issues-hero h1 {
    font-size: 3rem;
  }
}

@media only screen and (max-width: 767px) {
  .issues-para {
    font-size: 1.2rem;
  }

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

  .issues-hero h1 {
    font-size: 2.5rem;
  }
}

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

.issues-header {
  color: #af0a25 !important;
}