a {
    color: #00aeef !important;
    cursor: hand;
}

.bg-dark {
    background-color: #0a6b8d !important
}

.text-dark {
    color: #000 !important;
}

.navbar-nav {
    margin: 0 auto;
}

.nav-link {
    font-size: 1rem;
    text-transform: uppercase;
    font-weight: 100;
    color: #fff !important;
}

.code-box {
    background: #f9f9f9;
    padding: 1.25rem;
    border-radius: 4px;
}

.w-15 {
    width: 15% !important;
}

.w-20 {
    width: 20% !important;
}

.btn-code {
    background-color: #00aeef !important;
}

button.btn-code:hover {
    background-color: #008dc0 !important;
}

.list-social-links {
    padding: 0;
    list-style: none;
    display: flex;
}

    .list-social-links a {
        display: block;
        padding: .75rem 1rem;
        background: #dee2e6;
        color: #6c757d;
        border-radius: 2rem;
        transition: background-color 0.1s linear, color 0.1s linear;
    }

        .list-social-links a:hover {
            background: #ced4da;
            color: #152a49;
        }

    .list-social-links i {
        font-size: 1rem;
    }

    .list-social-links > li {
        margin-right: 0.375rem;
    }

        .list-social-links > li:last-child {
            margin: 0 0.1875rem;
        }

        .list-social-links > li.text-white a {
            color: #fff;
            background: rgba(255, 255, 255, 0.15);
        }

            .list-social-links > li.text-white a:hover {
                background: rgba(255, 255, 255, 0.4);
            }

footer p {
    font-size: 14px;
}

    footer p a {
        font-weight: 100 !important;
    }

h1.page-header span {
    font-weight: 700;
}

a.teal span {
    color: #11727c;
}

div.card-body {
    padding: .75rem .25rem .75rem 0;
}

.magazine-selection {
    outline: 10px #ff6000 solid;
    outline-offset: -10px;
}


.big-mag-in-a-little-grid {
    padding: 0 12px 0 12px;
}

.form-control {
    padding: 24px 20px;
}

.custom-select {
    font-weight: lighter;
    font-size: 1rem;
    padding-left: 20px;
}

.input-group .form-control {
    height: auto;
    padding: 0;
}

.bg-gradient-3 {
    background: linear-gradient(45deg, #87cadb 0%, #a992b4 50%, #f36c53 100%);
}

/* New Styles */

.code-box>form.d-flex {
    display: block !important;
}
.recaptchaBox > div > div > div, .recaptchaBox > div > div > div > div > iframe {
    max-height: 0px;
    -webkit-transition: max-height 1s; /* Safari prior 6.1 */
    transition: max-height 1s;
}
.recaptchaBox.show > div > div > div, .recaptchaBox.show > div > div > div > div > iframe {
    max-height: 76px;
}
.recaptchaBox.show {
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 0.75rem;
}

#DisplayCode {
    width: 304px;
    min-height: 76px;
    margin-bottom: 0.75rem;
}
.code-box .g-recaptcha>div {
    margin-left: auto;
    margin-right: auto;
}
.field-validation-error {
    text-align: center;
    width: 100%;
    margin-bottom: 0.75rem;
}
.btn-code {
    width: 304px;
    padding:1rem 3rem;
}

@media (min-width : 769px) {
    .code-box>form.d-flex {
        display: flex !important;
    }
    .recaptchaBox > div > div > div, .recaptchaBox > div > div > div > div > iframe {
        max-width: 0px;
        -webkit-transition: max-width 1s; /* Safari prior 6.1 */
        transition: max-width 1s;
    }
    .recaptchaBox.show > div > div > div, .recaptchaBox.show > div > div > div > div > iframe {
        max-width: 304px;
        width: 304px;
        max-height: 76px;
    }
    .recaptchaBox.show {
        margin-right: 0.75rem;
        margin-bottom: 0;
    }
    #DisplayCode {
        margin-bottom: 0;
        width: 100%;
        min-width: 200px;
        max-height: 76px;
    }
    .field-validation-error {
        text-align: left;
    }
    .btn-code {
        width: auto;
        max-height: 76px;
        padding:1rem 2rem;
    }
}

.mag-outline.checked {
    outline: 10px #11727c solid;
    outline-offset: -10px;
}
.validation-summary-errors>ul {
    padding-left: 0;
}

/* REWARD FORM */
.reward-form p {
	margin-top: 30px;
	padding-bottom: 20px;
	border-bottom: 1px solid #000;
}
.required {
	color:#D40003;
}
.spacer-30 {
	padding-top: 30px;
}
.form-group {
	margin-bottom: 20px;
}
.form-group label {
    margin-bottom: 0px;
}
.privacy p {
	margin-bottom: 30px;
}
.inset {
	padding-left: 30px;
} 

/* API DOCS */
.apiDocs h1 {
    padding-top: 40px;
    border-top: 2px solid #0a6b8d;
    margin-top: 40px;
}
.apiDocs h2 {
    font-weight: 400;
    padding-top: 40px;
}
.apiDocs h4 {
    font-weight: 400;
}

.apiDocs pre {
    background:#f7f7f9;
}
.apiDocs code {
    background:#f7f7f9;
    padding: 0.0725rem 0.2rem;
}

.custom-select {
    color: #6c757d !important;
}

.bg-secondary.partner-grad-bg {
    background: #A994AF !important;
    background: -moz-linear-gradient(top,  #A994AF 0%, #9d99b9 100%) !important; 
    background: -webkit-linear-gradient(top,  #A994AF 0%,#9d99b9 100%) !important;
    background: linear-gradient(to bottom,  #A994AF 0%,#9d99b9 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#A994AF', endColorstr='#9d99b9',GradientType=0 );
}

.rb-banner-row {
    margin-top: 15px;
}

.custom-select.form-control-lg {
    min-height: 50px !important;
}

/* RESPONSIVE VIDEO */
.video-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.video-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}

/* JUMP TO FORM MODAL */

.modal-dialog-bottom {
    position:fixed;
    top:auto;
    right:0;
    left:0;
    bottom:0;
}
.modal-dialog-bottom .modal-content {
    box-shadow: 0 0 4px #777;
} 
.modal-dialog-bottom a {
    color:#fff !important;
    background-color: #11727c;
    border-color: #11727c;
}
.modal-dialog-bottom p {
    color: #152a49;
    font-weight: 700;
    text-align: center;
}
.modal-open {
    overflow: auto !important;
}
.click-through {
    pointer-events: none;
}

@media (max-width: 768px){
    .offer-header {
        padding-top: 15px;
        padding-bottom: 0;
    }
}