@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');

/*CUSTOM ROW HEIGHTS FOR SPACING VERTICALLY - Created by JOE on 9/13/2013 - if there is a better way to do this, let me know*/
.rowht-1 { height: 10px; }
.rowht-2 { height: 15px; }
.rowht-3 { height: 20px; }
.rowht-4 { height: 25px; }
.rowht-5 { height: 30px; }
.rowht-6 { height: 35px; }
.rowht-7 { height: 40px; }

/*OVERWRITES FOR BOOTSTRAP*/
h2 { margin-top: 5px; }
h5 {line-height:1.3; }

/*Custom modal styles*/
body .modal-video { /* new custom width */ width: 720px; }
body .modal-thin { /* new custom width */ width: 500px; }
body .modal-wide { /* new custom width */ width: 780px; }
body .modal-extrawide { /* new custom width */ width: 920px; }
body .modal-normal { /* new custom width */ width: 500px; }

.modal-backdrop.in { opacity: 0.7; filter: alpha(opacity=70); }
body .modal-videoAuto { /* new custom width */ width: 488px; }
.modal-dialog-videoAuto { z-index: 1050; width: auto; padding: 50px 20px 20px 20px; margin-right: auto; margin-left: auto; }
.modal-content-videoAuto { position: relative; background-color: #ffffff; }
.modal-body-videoAuto { position: relative; padding: 0px; }
.modal-footer-videoAuto { padding: 5px; margin-top: -5px; text-align: right; background-color: white; }

.watchourvideo:hover { text-decoration: none; }
#viewHowItWorks .close { /*modal close link*/ color: #ddd; opacity: .6; text-shadow: 0 1px 0 #666; }
    #viewHowItWorks .close:hover { color: #fff; }

/*Miscellaneous/General classes*/
.rounded { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
.rounded-top { -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-top-left-radius: 5px; -moz-border-top-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; }

/*Custom XL button for home page*/
.btn-ostt-primary { -moz-box-shadow: inset 0px 1px 0px 0px #caefab; -webkit-box-shadow: inset 0px 1px 0px 0px #caefab; box-shadow: inset 0px 1px 0px 0px #caefab; background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #77d42a), color-stop(1, #5cb811) ); background: -moz-linear-gradient( center top, #77d42a 5%, #5cb811 100% ); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#77d42a', endColorstr='#5cb811'); background-color: #77d42a; text-indent: 0; border: 1px solid #268a16; display: inline-block; /*color:#091761;*/ color: #fff; font-weight: bold; text-decoration: none; text-align: center; /*text-shadow:1px 1px 0px #aade7c;*/ }
    .btn-ostt-primary:hover { background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #5cb811), color-stop(1, #77d42a) ); background: -moz-linear-gradient( center top, #5cb811 5%, #77d42a 100% ); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5cb811', endColorstr='#77d42a'); background-color: #5cb811; /*color:#165428;*/ color: #fff; }
    .btn-ostt-primary:active { position: relative; top: 1px; }
.btn-xl { -webkit-border-top-left-radius: 10px; -moz-border-radius-topleft: 10px; border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius-topright: 10px; border-top-right-radius: 10px; -webkit-border-bottom-right-radius: 10px; -moz-border-radius-bottomright: 10px; border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomleft: 10px; border-bottom-left-radius: 10px; font-size: 22px; width: 250px; padding: 10px 20px; }
.btn-lg { -webkit-border-top-left-radius: 10px; -moz-border-radius-topleft: 10px; border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius-topright: 10px; border-top-right-radius: 10px; -webkit-border-bottom-right-radius: 10px; -moz-border-radius-bottomright: 10px; border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomleft: 10px; border-bottom-left-radius: 10px; font-size: 14px; /*width:180px;*/ padding: 10px 20px; }
/*.btn-info { margin-top:20px; }*/
#providerRedeemOnlyBtn { padding: 15px 60px; font-size: 22px; }

.shared-logo { height: 40px; }
.navbar-default { background-color: transparent; border-color: transparent; border-color: transparent; margin-top: 20px; }
    .navbar-default .navbar-collapse { text-align: center; }
    .navbar-default .navbar-nav { margin-top: 15px; display: inline-block; float: none; vertical-align: top; }
        .navbar-default .navbar-nav > li > a { color: #eeeeee; font-size: 1.7em; text-transform: uppercase; }
            .navbar-default .navbar-nav > li > a:hover { color: #5BC0DE; }
            .navbar-default .navbar-nav > li > a.btn:hover { background-color:#fff; }
            .navbar-default .navbar-nav > li > a.selected { color: #FFF; font-weight: bold; }
                .navbar-default .navbar-nav > li > a.selected:after { content: ""; display: block; margin: 0 auto; width: 50%; padding-top: 8px; border-bottom: 2px solid #FFF; }
.navbar-brand { padding-top:0; margin-bottom:15px; }

.btn-xl { border-radius: 3px; }

.nav > li.hidden-mdlg { display: block; }

.btn-how-it-works { font-weight: 700; }

.linked-provider-logo {
    max-height: 40px;
    max-width: 75px
}

.linked-provider-logo-center {
    align-items: center;
    display: flex;
    justify-content: center;
    min-height: 60px;
}

.text-italic {
    font-style: italic;
}

@media (min-width: 400px) {
    .shared-logo { height: 45px; }
}

@media (min-width: 800px) {
    .navbar-toggle { display: block; }
    .btn-info { margin-top: 0; }
}

@media (min-width: 1200px) {
    .navbar-brand { padding-top:15px; margin-bottom:0px; }
    .navbar-toggle { display: none; }
    .navbar-collapse { width: auto; border-top: 0; box-shadow: none; }
        .navbar-collapse.collapse { display: block !important; height: auto !important; padding-bottom: 0; overflow: visible !important; }
        .navbar-collapse.in { overflow-y: visible; }
        .navbar-collapse .navbar-nav.navbar-left:first-child { margin-left: -15px; }
        .navbar-collapse .navbar-nav.navbar-right:last-child { margin-right: -15px; }
        .navbar-collapse .navbar-text:last-child { margin-right: 0; }
    .nav > li.hidden-mdlg { display: none; }
    .navbar-default .navbar-nav > li > a { font-size: 1em; }
}

@media (min-width: 1300px) {
    .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand > img, .navbar-default .navbar-brand > img { margin-left: 20px; margin-right: 0px; }
    .navbar-right.actions, .navbar-collapse .navbar-nav.navbar-right.actions:last-child { margin-right: 10px; }
}

@media (min-width: 1400px) {
    .nav > li.hidden-mdlg { display: block; }
}

@media (min-width: 1700px) {
    .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand > img, .navbar-default .navbar-brand > img { margin-left: 50px; margin-right: 20px; }
    .navbar-default .navbar-nav > li > a { font-size: 1.2em; }
    .navbar-right.actions, .navbar-collapse .navbar-nav.navbar-right.actions:last-child { margin-right: 50px; }
}

@media (min-width: 1900px) {
    .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand > img, .navbar-default .navbar-brand > img { margin-left: 100px; }
    .navbar-default .navbar-nav > li > a { font-size: 1.3em; }
    .navbar-right.actions, .navbar-collapse .navbar-nav.navbar-right.actions:last-child { margin-right: 100px; }
}