body {
	background-color:white;
	color:black;
	padding:0px;
	margin:0px 0px 15px 0px;
    font-family:'Open Sans';
    overflow-x:hidden;
}

body nav.navvar {
    background-color:black;
}

.modal-body {
    font-size:14px;
}

.modal-body span.bold {
    font-weight:bold;
}

nav {
    padding:0px; 
}

nav .top-nav-padd {
    padding-top:5px;
}

nav .nav-button.return-to-site.mobile {
    font-size:10px;
    border:none;
    padding-right:0px;
    padding-left:0px;
}

nav .nav-button {
    display:inline-block;
    color:green;
    font-size:13px;
    text-transform:uppercase;
    color:white;
    font-family:'Open Sans';
    padding:4px 10px;
    font-weight:bold;
    letter-spacing:2px;
    white-space: nowrap;
    background-color:black;
    height:33px;
}

nav .nav-button a {
    color:black;
    text-decoration:none;
    font-weight: 700;
    font-size: .8rem;
    letter-spacing: 1px;
}

.bg-dark {
    background-color:black!important;
}


nav .nav-button.active {
    background-color:#ffe27c;
}

nav .nav-button.return-to-site {
    padding:6px 10px 0px 15px;
    border:1px solid white;
    text-decoration:none;
}

nav .mobile-nav {
    display:none;
}

nav .mobile-nav a {
    text-decoration:none;
}

nav .main-logo {
    width:137px;
}

nav #hamburger {
    font-size:40px;
    color:#E92B94;
}

.main-nav table {
    width:100%;
}

.main-nav table td.nav-left {
    padding:15px 0px 10px 0px;
}

a, div a, td a {
	color:#25497c;
}

body .main-container {
	margin: 0px auto;
}

body div, body td {
	color:black;
}

.nav-bar {
    background-color:#242424 !important;
}

body, td {
	font-size:12px;
    font-family:'Open Sans'
}

body div.site-map ul li a {
	font-size:14px;
	color:black;
	line-height:24px;
}

body div.site-map ul li a:hover {
	text-decoration:none;
}

body .page-content {
    max-width:1070px;
    margin:0px auto;
    padding:20px 0px;
}

h2 {
    font-size:26px;
	font-family:Payfair,'Times New Roman';
    font-weight:400;
}

h1 {
    font-size:34px;
	font-family:'Playfair Display', serif;;
    font-weight:500;
    line-height:35px;
    margin-bottom:10px;
}

.offer-desc {
    font-size:18px;
    margin:20px 0px;
    font-family:'Open Sans'
}

.offer-desc b {
    font-weight:700;
}

.offer-image img {
    width:100%;
}

.gray-box {
    background-color:#F8F7F7;
    padding:30px 20px;
    color:#515151;
    font-size:14px;
}

.gray-box.gift-box {
    color:black;
}

.gray-box-title {
    color:#000000!important;
}

.pink-box {
    background-color:#fff9e3;
    padding:20px;
}

.pink-box ul {
    list-style-image: url('/images/gray-check.png');
    padding-left: 2.7rem;
}

.pink-box ul li {
    margin-top: 10px;
    font-size: 16px;
    font-family: 'Open Sans';
}

.pink-box .headline {
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    padding-left: 1rem;
}

.page-content .right-column {
    font-size:16px;
    font-family:'Open Sans';
    color:#545454 !important;
}

.visually-hidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

legend, .section-title {
    font-weight:normal;
    font-size:18px;
    font-family:'Open Sans'
}

.section-title {
    margin-bottom:15px;
}

.row select.form-select {
    color:#595c5f;
}

.row input.form-control, .row select.form-control, .row select.form-select {
    border:1px solid black;
    border-radius:0px;
    font-size: 14px;
}

.row {
    margin-bottom:15px;
}

table.sub-checkboxes {
    margin-bottom:15px;
}

table.sub-checkboxes td input {
    margin-right:10px;
}

.submit-button {
    background-color:#ffe27c;
    padding:5px 80px;
    color:black;
    text-transform:uppercase;
    font-weight:bold;
    border:none;
    font-size:16px;
    letter-spacing:2px;
}

span.clear, span.delete-recipient {
    font-size:13px;
}

.form-error-messages {
    display:none;
}

.add-recipient {
    font-size:18px;
    font-style:italic;
}

.add-recipient a {
    display:block;
    color:black;
    text-decoration:none;
}

.add-recipient a:hover {
    text-decoration:underline;
}

.delete-recipient {
    display:none;
}

.footer {
	height:37px;
	text-align:center;
	color:black;
}

.footer {
	font-size: 13px;
	font-family:'Open Sans',Arial,sans-serif;
	margin:5px 0px 30px 0px;
}

.footer a {
	color:black;
	display:inline-block;
	font-family:'Open Sans',Arial,sans-serif;
	margin:5px 0px 30px 0px;
	padding:7px 10px;
	font-size: 13px;
	text-decoration:none;
}

.footer a:hover {
	text-decoration:underline;
}

.gray-footer {
    background-color:#F8F7F7;
    font-size:18px;

}

.gray-footer h4 {
    font-size:26px;
}

.member-services {
    font-family:'Playfair Display', serif;;
    font-size:26px;
    font-weight:400;
}

.gray-footer .page-content {
    font-size:18px;
    font-family:'Open Sans'
}

.gray-footer .page-content b {
    font-weight:700;
}

img.card-icon {
    width:70px;
}

.card-to-be-charged {
    font-size: 16px;
    font-weight: bold;
    margin: 15px 0px;
    display: none;
}

@media screen and (max-width: 850px) {
    nav .main-nav {
        margin-top:30px;
    }
    nav .main-logo {
        width:255px;
    }
    nav .nav-button {
        display:block;
        margin-bottom:10px;
    }
    .footer a {
        display:block;
        margin-bottom:0px;
        margin-top:0px;
        padding:4px 0px 4px 0px;
    }
    .footer span {
        display:none;
    }
    .gray-footer {
        padding:0px 3rem;
    }
    .right-column {
        padding:0px 3rem;
    }
    .main-col-left {
        padding-top:30px !important;
    }
    img.card-icon {
        width:60px;
    }
    .submit-button {
        padding:20px 80px;
    }

}

@media screen and (max-width: 450px) {

    .wide-email {
        width:260px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
    .submit-button {
        padding:20px 0px;
        width:100%;
        text-align:center;
    }
    body .page-content {
        max-width:1070px;
        margin:0px auto;
        padding:0px 0px 40px 0px;
    }
    h1 {
        font-size:28px;
        line-height:25px;
        margin-bottom:10px;
    }
    h2 {
        font-size:24px;
    }
    .main-col-left {
        padding-top:20px !important;
    }
    .tote-bag {
        width:100px;
        float:left;
        padding:0px 10px 0px 0px;
    }
    .main-nav table td.nav-right .nav-right-options {
        padding-right:20px;
    }

    .mobile-nav a.nav-button {
        margin-left:15px;
    }

    .mobile-nav a.nav-button.active {
        color:black;
    }

    .mobile-nav a.nav-button:hover {
        background-color:#ffe27c;
        color:black;
    }

    nav #hamburger {
        color:#ffe27c;
    }

}

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

    nav .main-nav {
    }

    nav .mobile-nav {
        display:none;
    }

    nav .main-logo {
        width:255px;
    }

    .main-col-left {
        padding-right:50px !important;
    }

    .tote-bag {
        float:right;
        padding:0px 0px 0px 10px;
    }

    .main-nav table td.nav-right {
        text-align:right !important;
    }

    .main-nav table td.nav-right .nav-right-options {
        width:100%;
        padding:0px;
        text-align:right;
    }

    .main-nav table td.nav-right .nav-right-options a.nav-button {
        padding-top:25px;
        height:70px;
        color:white;
        text-decoration:none;
    }

    .main-nav table td.nav-right .nav-right-options a.nav-button:hover {
        color:black;
    }

    .main-nav table td.nav-right .nav-right-options a.nav-button.active {
        color:black;
    }

    nav .nav-button {
        display:inline-block;
        border:none !important;
        font-size:13px;
        text-transform:uppercase;
        color:white;
        font-family:'Open Sans';
        padding:4px 10px;
        margin-left:8px;
        font-weight:bold;
        letter-spacing:2px;
        white-space: nowrap;
        background-color:#242424;
    }

    nav a.nav-button.active {
        background-color:#ffe27c;
        color:black;
    }

    nav a.nav-button:hover {
        background-color:#ffe27c;
        color:black;
    }

}