/*
 Theme Name:   NOTF Child Theme
 Description:  NOTF Child Theme
 Author:       Jordan Stephens
 Author URI:   https://360tactics.net
 Template:     ntf
 Version:      1.0.14
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  ntf
 Bitbucket Theme URI: team360tactics/notf_wp_theme
 Bitbucket Branch: master
*/

body {
  overflow-x: hidden;
}

@media only screen and ( min-width: 600px ){
  body.fixed.admin-bar header.header section.navigation {
      margin-top: 42px;
  }
}

@media ( min-width: 992px ){
  .header .container {
      width: 98%;
  }

  body.fixed header.header #navigation ul.navbar-nav {
      max-width: 68vw;
      float: right;
      padding: 1rem 0;
  }   
  
  body.fixed header.header #navigation > ul > li > a {
      padding: .5rem 1rem;
  }
  
  #navigation ul.navbar-nav li, #navigation ul.navbar-nav li.open {
      padding: .5rem 0;
      min-width: unset;
  }
}

@media only screen and ( min-width: 1200px ){
  .header .container {
      width: 100%;
      max-width: 98%;
  }
}

@media only screen and ( min-width: 1840px ){
  body.fixed header.header #navigation ul.navbar-nav {
      max-width: 88vw;
      padding: 1rem 0 2rem;
  }       
}

@media only screen and (max-width: 991px) {
  .navbar.navbar-default .container {
      padding: 0 0 1rem 0;
  }  

  header.header {
      background: #072659;
      position: relative;
  }

  section.top .top-container .logo {
      width: 135px;
      padding: 10px 10px;
      top: 0px;
      left: -15px;
      display: block;
  }    

  #navigation ul li.menu-item-has-children .dropdown-btn {
      display: none!important;
  }
}






.donate-wrap-top {
  background: url("images/bg-form-donate-top.jpg") no-repeat;
  background-size: cover;
  background-position: center center;
  overflow: auto;    
  box-shadow: 0px 10px 20px -6px #000;
  z-index: 20;
  position: relative;
  padding: 0 0 3rem 0;
  margin: 0;
  width: 100%;    
}

.donate-wrap-bottom {
  background: #f0c41d url("images/bg-form-donate.jpg") no-repeat;
  background-size: cover;
  background-position: top center;
  overflow: auto;   
  padding: 3rem 0; 
}

.donate-controls-wrap,
.donate-controls {
margin: 0 auto;
text-align: center;
width: 100%;
min-width: 330px;
padding: 0;
}

.donate-control-item {
margin-bottom: 1rem;
width: 127px;
text-align: center;
display: inline-block;
}

.donate-memory-item,
.donate-description-item {
  list-style-type: none;
  padding: 0 0 2rem 0;
  font-size: 1.25rem;
  font-weight: 600;
}

.memory-checkbox-label {
  vertical-align: middle;
}

input[type="checkbox"].memory-checkbox {
  display: inline-block;
  margin-right: .5rem;
  width: 1.8rem;
  height: 1.8rem;
  vertical-align: middle;
  line-height: 1.8rem;
  margin-bottom: 2px;
  cursor: pointer;    
}

.memory-input {
  display: none;
  margin: 2rem 0 0 0;
}

.memory-input-box {
  margin-left: 1rem;
  background: rgba(255, 255, 255, .9);
  color: #072659;
  font-weight: normal;
  padding: .25rem .5rem;
  line-height: 1.8rem;
}

.donate-description-label {
  padding-right: 1rem;
  text-align: left;
  width: 80%;
}

.description-input-box {
  display: block;
  width: 80%;
  margin: 0 auto;
  background: rgba(255, 255, 255, .9);
  color: #072659;
  font-weight: normal;
  padding: 1rem;
}

.donate-control-item.donate-control-item-donate {
width: 80%;
}

.donate-amount-submit.button {
color: #fff;
padding: 1.5rem 0;
}

.donate-control-item-custom {
display: block;
width: 100%;
padding: 1rem 2rem;
text-align: center;
color: #072659;
margin: 0 auto 1rem;
position: relative;
z-index: 1;
width: 100%;
max-width: 80%;
background: rgba(7, 38, 89, .4);
}

.donate-control-item-custom label {
text-transform: uppercase;
position: relative;
color: #EDBA21;
font-size: 1.8rem;
line-height: 1.8rem;
font-family: inherit;
font-weight: normal;
}

.donate-control-item-custom .donate-amount-custom {
border: none;
border-bottom: solid 2px #EDBC21;
width: 7rem;
text-align: left;
display: inline-block;
margin-left: 2rem;
position: relative;
z-index: 1;
font-size: 1.8rem;
line-height: 1.8rem;
color: #EDBC21;
background: none;
position: relative;
}

.donate-amt-custom::before {
content: "$";
display: block;
width: 1rem;
position: absolute;
left: 106px;
top: 0.25rem;
color: #EDBC21;
z-index: 1000000;
font-size: 1.8rem;
line-height: 1.8rem;
}

.donate-amount {
display: block;
overflow: auto;
padding: 1rem 2rem;
-webkit-transition-property: background, color;
transition-property: background, color;
-webkit-transition-duration: 400ms;
transition-duration: 400ms;
}

.donate-amount.button,
.donate-submit.button,
.foursome-submit.button,
.dinner-submit.button,
.register-submit.button,
.register-intro-submit.button {
margin-bottom: .75rem;
padding: 1.25rem 3rem;
font-size: 1.8rem;
line-height: 1.8rem;
}

.donate-amount.button {
  padding: 1.25rem 0;
  color: #EBB722;
  background: rgba(7, 38, 89, .4);
}

.donate-submit.button,
.foursome-submit.button,
.dinner-submit.button,
.register-submit.button,
.register-intro-submit.button {
width: 100%;
margin-bottom: 1.75rem;
}

.donate-amount.active,
.donate-amount.button:hover,
.donate-amount:active,
.donate-amount:focus {
background: #072659;
color: #EDBC21;
-webkit-transition-property: background, color;
transition-property: background, color;
-webkit-transition-duration: 400ms;
transition-duration: 400ms;
text-decoration: none;
}

.donate-amount-submit.button {
background: #072659;
color: #fff;
}

.donate-amount-submit.button:hover,
.donate-amount-submit.button:active,
.donate-amount-submit.button:focus {
background: rgba(7, 38, 89, 0.8);
color: #fff;
}

.donate-controls-total {
text-align: center;
margin: 0;
padding: 0;
font-size: 4.0rem;
padding: 3rem 1rem 0;
max-width: 400px;
margin-bottom: 1rem;
width: auto;
display: inline-block;
color: #EBB821;
text-shadow: 0 0 8px #072659;
font-weight: 900;
}

.donate-controls-intro,
.register-form-intro {
padding: .75rem 0 1rem 0;
text-transform: uppercase;
font-size: 2.0rem;
font-weight: 900;
color: #ECBB21;
text-shadow: 0px 0px 8px #072659;
font-family: 'Roboto', sans-serif;
font-weight: 700;
}

.register-form-intro {
line-height: 1.7rem;
margin: 1rem 0 0;
padding: 1.5rem 5rem;
color: #fff;
background: #332546;
}



.donate-supplement {
padding: 0;
}



.donate-form-wrap,
.register-checkout-wrap {
  max-width: 800px;
  margin: 0 auto;
  text-align: center;
  padding: 1rem;
  font-size: 1rem;
  display: none;
}

.donate-form .payment-details {
padding: 0 2rem;
}

.donate-form .payment-details fieldset {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 3rem;  
}

.donate-form .payment-details label {
font-size: 1.25rem;
font-family: "roboto";
}

.donate-form .payment-details input[type="text"],
.donate-form .payment-details input[type="email"] {
background: none;
font-size: 1.25rem;
font-family: "roboto";
}

.donate-form .payment-details select option {
  background: #ECBF1E!important;
  border: none !important;
  padding: 1rem 7.5rem 0 0;
  color: #072659!important;
  font-size: 1.25rem !important;
  font-family: "roboto" !important;
}

.donate-form .payment-details select {
  border: none !important;
  font-size: 1.25rem !important;
  font-family: "roboto" !important;
  background: none!important;
  color: #072659!important;
}

.ElementsApp, 
.ElementsApp .InputElement {
color: #072659 !important;
font-size: 1.25rem !important;
font-family: "Roboto" !important;
}

.register-checkout-wrap {
padding: 0 2rem;
}

.donate-form .row,
.modal .row {
border-bottom: solid 2px #072659;
margin: 0 0 3rem;
color: #072659;
text-align: left;
padding: 0;
position: relative;
}

.donate-form label,
.modal form label {
display: inline-block;
width: 51px;
color: #072659;
padding: 1rem 0 0;
font-size: 1.6rem;
line-height: 1.6rem;
}

.donate-form input,
.modal form input {
display: inline-block;
font-size: 1.6rem;
color: #072659;
border: none;
width: 250px;
}

.donate-form input + span:after {
display: none;
}

.donate-form input:invalid {
-webkit-box-shadow: none;
box-shadow: none;
text-decoration: none;
}

.donate-form input:invalid:not(:focus) + span::after {
content: "!";
color: #fff;
display: inline-block;
width: 2rem;
font-size: 1rem;
font-weight: 900;
padding: 2px;
margin: 5px;
border-radius: 50%;
background: #b00;
position: absolute;
right: 0;
top: 0;
text-align: center;
vertical-align: center;
}

.donate-form input:invalid:placeholder-shown + span::after {
display: none;
}

.StripeElement {
border-bottom: solid 2px #45306e;
padding: .5rem 1rem;
color: #072659;
margin-bottom: 4rem;
}

.donate-submit.button {
background: #072659;
color: #fff;
cursor: pointer;
border: none;
}

.donate-submit.button:hover,
.donate-submit.button:focus,
.donate-submit.button:active {
background: rgba(7, 38, 89, 0.8);
}

.donate-result {
font-size: 1.5rem;
font-weight: 600;
}


@media only screen and ( max-width: 1024px ){
  .donate-form-wrap,
  .register-checkout-wrap {
    max-width: 400px;
  }

  .donate-form .payment-details fieldset {
    display: grid;
    grid-template-columns: 1fr;
  }  

  .donate-form .payment-details select option {
    padding: 1rem 5.75rem 0 0;
  }
}



.g-recaptcha {
  max-width: 300px;
  margin: 0 auto 3rem auto;

}

.g-recaptcha .rc-anchor-light.rc-anchor-normal {
  background: rgba(255,255,255, .4)!important;
  border: none!important;
  box-shadow: none!important;
}