﻿/* BOOTSTRAP */
.navbar { min-height: 150px; padding-bottom: 10px; }
.navbar-collapse.collapse { margin-top: 30px; }

.navbar-toggle { border: none; margin-top: 70px; }
.navbar-toggle .icon-bar { width: 40px; height: 5px; }

.navbar-nav.navbar-top>li>a, 
.navbar-nav.navbar-top>li>input,
.navbar-nav.navbar-bottom>li>a, 
.navbar-nav.navbar-bottom>li>input { background-color: transparent; color: #666666; font-size: 16px; font-weight: bold; margin-left: 10px; }

/* TYPOGRAPHY */
h1 
{ font-family: ExuberancePrimary; font-size: 37px; font-weight: bold; color: #666666; }

/*******************************************************************/

/* MY CART */
.col-my-cart { margin-bottom: 30px; }
.col-my-cart h3 { font-weight: bold; }

/* PROGRESS BAR */
.col-progress-bar { margin-bottom: 0px; }

/* Buy With Confidence */
.buy-with-confidence-header, .buy-with-confidence-description, .buy-with-confidence-questions, .buy-with-confidence-phone  {
    font-family: ExuberancePrimary;
}

.buy-with-confidence-header, .buy-with-confidence-questions {
    color: #8aa006;
    font-size: 18px;
    margin-bottom: 10px;
}

.buy-with-confidence-phone {
    font-size: 16px;
    font-weight: bold;
    color: #666666;
}

.buy-with-confidence-line {
    background-color: #d7de21;
    height:1px;
    width:100%;
    position:relative;
    margin-top:50px;
}

.book-code-search {
    background-color:#f5f2ef;
    margin-bottom:60px;
    margin-top:20px;
    padding:40px;
}

.book-code-search h4 { margin-top: 20px; }
.book-code-search h4 a, .book-code-search h4 a:visited, .book-code-search h4 a:active { color: #f5973c; }
.book-code-search label { font-size: 18px; font-weight: bold; text-transform: uppercase; margin-bottom: 10px; }
.book-code-search .error { margin-bottom: 10px; margin-top: 0px; font-size: 18px; }
.book-code-search .submit-button { padding-top: 12px; padding-bottom: 12px; }

/*******************************************************************/

/* UPSELL */
.upsellTop, .upsellBottom { padding-left: 240px; padding-bottom: 10px; margin-top: -20px; margin-left: -15px; margin-right: -15px; margin-bottom: 30px; }
.upsellBottom p { text-align: center; }
.imgAllAccess { float: left; margin-top: 30px; margin-left: 15px; }
.btnNoThanks { text-decoration: underline; }
.upsellTop, .upsellBadgePunchHole { background-color: #3770A2; }
.modal-body { padding: 0px; }

#modal-dialog-close { color: white; margin-right: 10px; font-weight: normal; }
#modalMembershipUpgrade .close { opacity: 1.0; }

#modalMembershipUpgrade .membershipTitle { color: #FFFFFF; font-family: ExuberancePrimary; font-size: 32px;	font-weight: bold; }

#modalMembershipUpgrade h1,
    #modalMembershipUpgrade h2,
    #modalMembershipUpgrade h3 { text-align: center; }

#modalMembershipUpgrade h1 { font-size: 26px; color: white; padding-top: 30px; }
#modalMembershipUpgrade h3 { color: #FFFFFF; font-family: Avenir; font-size: 19px; font-weight: 500; }
#modalMembershipUpgrade .upgradeMembershipPriceDifference { color: #FFFFFF; font-family: Avenir; font-size: 41px; font-weight: 900; } 
#modalMembershipUpgrade .upgradeMembershipAddToCart { background-color: #6EB9C9; color: #FFFFFF; font-family: ExuberancePrimary; font-size: 14px; font-weight: bold; border: none; }
#modalMembershipUpgrade #buttonNoThanks { color: #6EB9C9; font-family: Avenir; font-size: 14px; font-weight: 900; text-decoration: none; }

#modalMembershipUpgrade .membershipTitle, #modalMembershipUpgrade h2 { text-align: center; }
#modalMembershipUpgrade h2 { color: #FAC41E; font-family: Avenir; font-size: 21px; font-weight: 900; }
#modalMembershipUpgrade .upgradeMembershipPriceDifference { color: white; }

.upsellBadge { float: left; background-clip: content-box; background-color: #e1e1e1; border: solid 1px #efefef; border-radius: 10px; width: 200px; height: 290px; padding: 3px; margin-top: 50px; position: relative; }
.upsellBadge:before { content: ""; position: absolute; z-index: -1; top: 3px; left: 3px; right: 3px; bottom: 3px; border: 3px solid #efefef; }
.upsellBadgeContent { background-color: #6eb9c9; display: flex; flex-direction: column; color: #FFFFFF; font-family: Avenir; font-size: 22px; font-weight: 900; line-height: 32px; height: 145px; justify-content: center; margin-top: 72px; text-align: center; }
.upsellBadgeContent:after { content: "All Access Pass"; text-align: center;  }
.upsellBadgePunchHole { border-radius: 3px; height : 7px; width: 38px; content: ''; float: left; margin-left: 81px; margin-top: 5px; z-index: 5; }
.upsellBadgeTab { background-color: #aaaaae; border-radius: 3px; height : 35px; width: 22px; content: ''; float: left; margin-left: 89px; margin-top: -37px; z-index: 10; }
.upsellBadgeButton { background-image: url("../Images/badge_button.png"); border-radius: 3px; height : 16px; width: 15px; content: ''; float: left; margin-left: 92px; margin-top: -35px; z-index: 15; }

@media only screen and (max-width: 800px) {
    .upsellBadge { display: none; }
    .upsellTop, .upsellBottom { padding-left: 20px; padding-bottom: 10px; margin-top: -20px; margin-left: -15px; margin-right: -15px; margin-bottom: 30px; }
}