/* Newsletter Popup (Modal) */ 
.newsletter-popup.in {
    top: -80px !important;
}
.newsletter-popup  .red { color: #ff0000; }
.newsletter-popup .modal-content {
    border-image: url('/sites/all/themes/custom/bk_theme/img/signup_bk_alert_bg.png') 5 repeat;
    box-shadow: none;
}
.newsletter-popup .modal-header .close {
    position: absolute;
    top: 1px;
    right: 8px;
}
.newsletter-popup label.control-label {
  font-family: 'BlockBeCnPro', Arial, Helvetica, sans-serif;
  font-weight: normal;
  text-transform: uppercase;
  -webkit-font-smoothing: antialiased;
} 

.newsletter-popup .modal-content .modal-header .modal-title {
    font-size: 30px;
    width: 85%;
}

.newsletter-popup .main-content .burger {
    float: none;
    display: none;
}
.newsletter-popup .main-content .form {
    float: none;
}
    
.newsletter-popup input, .newsletter-popup select {
  margin-bottom: 5px;
}
.newsletter-popup input:last-child, .newsletter-popup input:last-child {
  margin-bottom: 0 !important;
}
.newsletter-popup input[type=text],
.newsletter-popup input[type=email],
.newsletter-popup select
{
  border: 3px solid #ED7800;
  border-radius: 0;
  box-shadow: none;
  padding: 10px;
  height: auto;
  width: 100%;
  font-size: 14px;
}
.newsletter-popup .modal-header {
    padding: 15px 8px 0px 8px;
    position: relative;
}
.newsletter-popup .modal-body {
    padding: 5px 8px 15px 8px;
}
.newsletter-popup .modal-footer {
    padding: 5px 8px 15px 8px;
    text-align: center;
    position: relative;
}
.newsletter-popup .modal-footer span#loading {
    position: absolute;
    right: 15%;
    bottom: 25px;
}
.newsletter-popup .modal-body p.info {
    margin-top: 0px;
    font-size: 13px;
}
.newsletter-popup p.message {
    margin: 3px 0px;
    font-size: 13px;
}
.newsletter-popup .form-group input#firstname {
    margin-top:24px;
}
.newsletter-popup .form-group .zipcode {
    padding-right: 5px;
}
.newsletter-popup .form-group .firstname,
.newsletter-popup .form-group .email {
    padding-left: 5px;
}
.newsletter-popup .notice {
    font-size: 13px;
    margin: 0px 0px 12px 0px;
    text-align: left;
}
.newsletter-popup button#btnSubmit {
    margin-top: 10px;
}
.newsletter-popup #html_element > div {
    width: auto !important;
    overflow: hidden;
}

.newsletter-popup #alert-unsub {
    display: none;
}


@media screen and (min-width: 768px) {

    .newsletter-popup .modal-content .modal-header .modal-title {
        font-size: 50px;
    }
    .newsletter-popup .modal-body p.info {
        margin-top: 0px;
        font-size: 14px;
    }
    .newsletter-popup p.message {
        margin: 3px 0px;
        font-size: 14px;
    }
    .newsletter-popup .notice {
        font-size: 14px;
    }
}


@media screen and (min-width: 1000px) {
    .newsletter-popup {
        overflow-y: hidden;
    }
    .newsletter-popup .modal-dialog {
        width: 900px;
        margin: 120px auto;
    }
    .newsletter-popup .main-content {
       background-color: #f2f2f3;
    }
    .newsletter-popup p.message {
        margin: 0px 0px 1px 0px;
        font-size: 13px;
    }
    .newsletter-popup input, .newsletter-popup select {
      margin-bottom: 4px;
    }
    .newsletter-popup .modal-header {
        padding: 8px 8px 0px 8px;
    }
    .newsletter-popup .modal-body {
       padding: 5px 85px 10px 8px;
    }
    .newsletter-popup .modal-footer {
       padding: 0px 85px 12px 8px;
    }
    .newsletter-popup .modal-content .modal-header .modal-title {
        margin-top: 0px;
        width: 100%;
    }
    .newsletter-popup .modal-header .close {
       top: 4px;
       right: 14px;
    }
    .newsletter-popup label.control-label {
        font-size: 20px;
    }
    .newsletter-popup .modal-content .modal-header .icon_close-gray {
       width: 40px;
       height: 40px;
    }
    .newsletter-popup .main-content .burger {
        float: left;
        width: 40%;
        display: block;
        text-align: center;
        padding: 145px 25px 0px 25px;
    }
    .newsletter-popup .main-content .burger img {
        width: 100%;
    }
    .newsletter-popup .main-content .form {
        float: right;
        width: 60%;
    }
    .newsletter-popup .modal-footer span#loading {
        right: 32%;
    }
    .newsletter-popup .modal-footer p.link{
        margin-top: 10px;
    }
    .newsletter-popup #date-month, .newsletter-popup #date-day {
        width: 96%
    }
    .newsletter-popup .form-group input#firstname {
    	margin-top:30px;
    }
    
    .page-home .modal-backdrop {
        position: absolute;
        top: 118px;
        width: 100%;
        /* height: 670px; */
        z-index: 0;
    }
}