body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; background-color: #f2f2f2; }
header.c-header {display: none;}
.category-landing-wrapper {max-width: 768px; margin: 0 auto;}

/* ============ HIDE & RESET ============ */
p { margin:0; padding:0 0 1.5em; font-size: 1rem; color: #333;}
.fake-main { display: none; }
#wrapper { background-color: transparent; max-width: 768px; margin: 0 auto; }
#wrapper .main { padding: 0!important; }
#wrapper img { position:relative; bottom:auto; }
#stickyHeader {	top:-1000px; display: none; }
#main {	width: 100%;	max-width: 100%;	padding-top: 0 !important; }
footer { display: none; }
.breadcrumbs-segment { display: none; }
.full-width .primary-content {padding: 0 !important; }
.embeddedServiceHelpButton {display: none;}
	
@media only screen and (min-width: 768px){
	p {font-size: 1.125rem;}
}

/* ============ QR PAGE ============ */
.page-wrapper { background-color: #fff; }
.page-wrapper div { display: block; }
.page-wrapper img { margin: 0 auto; display: block; }
.page-wrapper h2 {font-family: 'Playfair Display', serif; font-weight: 700; font-style: italic; color: #051a73; font-size: 2.25rem; margin-bottom: 0.25em; }
.page-wrapper p.center {text-align: center;}
.page-wrapper .button {background-color: #051a73; border-color: #051a73;}
.page-wrapper .button:hover {background-color: #fff;}

.title-logo { padding: 30px 20px 0; }
.title-logo img {max-width: 90px;}
.hero-image, .intro-text {text-align: center; padding: 0 20px;}
.hero-image h1, .bundle-hero h1 {font-family: 'Open Sans', sans-serif; font-size: 2rem; letter-spacing: -0.02em; font-weight: 600; line-height: 1.2; color: #051a73;}
.hero-image h1 span {display: block; font-size: 1.5rem; font-weight: 400;}
.hero-image img {max-width: 80%;}
.intro-text h2 {font-size: 2.75rem; font-weight: 400; letter-spacing: -0.02em; color: #051a73;}
.intro-text h2 em {font-family: 'Playfair Display', serif; font-weight: 700; padding-right: 6px;}
.bundle-hero .title-logo {padding-top: 0; margin-top: -24px;}
.bundle-hero .bundle-hero-inner, .bundle-includes {padding: 30px 20px 10px;}
.bundle-includes {padding-bottom: 30px;}
.bundle-hero .bundle-hero-inner h2, .bundle-includes h2 {font-size: 2.75rem;}
.bundle-includes h2 {margin-bottom: 0;}
.bundle-includes p.includes-text {font-size: 1.5rem; color: #051a73;}


/* BUNDLE LISTINGS */
.bundle {}
.bundle.bundle-listing {}
.bundle .bundle-content {padding: 20px 20px 30px;}
/*.bundle .bundle-content h2 {font-family: 'Playfair Display', serif; font-weight: 700; font-style: italic; color: #051a73; font-size: 2.25rem; margin-bottom: 0.25em;}*/

/* FOOTER */
.page-wrapper .bundlesNav { display:flex; justify-content: center; flex-wrap: wrap; align-items: center; padding: 30px 20px; width: 100%; }
.page-wrapper .bundlesNav div { display: inline-block; border-radius: 100px; text-align: center; margin: 0 7px 14px; background-color: #f2f2f2; border: solid 1px #ccc; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.page-wrapper .bundlesNav div a { display: block; font-size: 13px; padding: 8px 20px; line-height: 1.2; }
.page-wrapper .bundlesNav div:hover {background-color: #999; border-color:#888;}
.page-wrapper .bundlesNav .active { border-color: #051a73; background-color: #051a73; }
.page-wrapper .bundlesNav .active a, .page-wrapper .bundlesNav div:hover a {color: #fff;}
.page-wrapper .bundlesNav .home, .page-wrapper .bundlesNav .home:hover { background: none; border: 0; }
.page-wrapper .bundlesNav .home a { padding: 4px 10px; }
.page-wrapper .bundlesNav .home a img { max-height: 28px; }

.csWrapper { display: block; background: #fff; text-align: center; padding: 20px 0 20px; margin: 0; }
.csWrapper.home { padding-top: 5px; }
.csWrapper p { display: block; font-size: 15px; }
.csWrapper a { display:inline-block; color:#333; text-decoration:none; font-size: 16px; }
.csWrapper h3 { font: 400 22px/27px 'open sans', sans-serif; color:#051a73; padding: 0; margin: 15px 30px 5px; }

.footer-logo {background-color: #fff; overflow: hidden;}
.footer-logo img {width: 140%; max-width: none; margin-left: -20%;}
	
.videoContainer {position:relative; margin:2em auto; padding-bottom: 56.25%; max-width:100%; height:auto;}
.videoContainer iframe {position:absolute; top:0; left:0; width:100%; height:100%;}
.video-nomargin {margin-top: 0; margin-bottom: 0;}