/*Footer, nav, body, headlines: #0A3846
Gold - #f4c22a*/

/*RESET*/
body, html { width: 100%; font-size: 100%; color: #0a3846; font-family: Outfit,"sans-serif"; background-color: #fff; line-height: 1.5; scroll-behavior: smooth; position: relative; overflow-x: hidden;background-color:#0A3846;}
* { margin: 0px; box-sizing: border-box; }
header, #header, main, #content, footer, #footer, article, section { display: block; }



/*HEADER*/
header { min-height: 128px; background-color:#fff;}
header a.logo { height: 80px; display: block; margin: 1.5rem 0; }
header a.logo svg { fill: #0A3846; height:100%;}
#menu-trigger { display: none; }

header .container { display: flex; justify-content: space-between; align-items: flex-end; }
nav.mainmenu { margin-bottom: 1.5rem; text-align: right; width: 100%; }
nav.mainmenu ul, .mainmenu ul li { display: block; list-style: none; padding: 0px; margin: 0px; }
.mainmenu ul li { display: inline-block; margin-right: 1rem; }
.mainmenu ul li:last-child { margin-right: 0px; }

nav.mainmenu ul li a { position: relative; display: block; text-decoration: none; color: #0A3846; font-size: 1.175rem; font-size: 1rem; }
nav.mainmenu ul li a:after { content: ''; display: block; width: 0%; left: 50%; position: absolute; height: 2px; background-color: #8ed3d4; bottom: -2px; transition: all .25s ease-in-out; }
nav.mainmenu ul li a:hover:after { width: 100%; left: 0px; }
nav.mainmenu ul li.current a:after { width: 100%; left: 0px; }

nav.mainmenu ul li a.active:after { background-color: #8ed3d4 !important; }
nav.mainmenu ul li a.active:after { width: 100% !important; left: auto; }

/* FOOTER */
footer { background-color: #0A3846; padding: 2rem 0; min-height: 184px; }
footer .container { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; }
footer .footer-left { display: flex; align-items: center; justify-content: flex-start; }
footer .footer-right { display: flex; justify-content: flex-end; margin-left: auto }
footer .logo { display: block; height: 32px; width: 100px; }
footer .logo svg { fill: #fff; }
footer .footer-copyright { color: #f4c22a; font-size: .85rem; margin-left: 2rem; }

footer ul, footer ul li { display: block; list-style: none; padding: 0px; margin: 0px; }
footer ul { margin-left: 2rem; }
footer ul li a { color: #f4c22a; text-decoration: none; line-height: 2.5rem; }
footer ul li a:hover { text-decoration: underline; }

/*COMMON*/
.container { max-width: 1200px; margin: 0px auto; padding: 0px; position: relative; }
.container:after, .section:after, #footer:after { content: ' '; display: block; clear: both; }
p strong { font-weight: 600; }
.mt-2 { margin-top:1rem; }
.mb-0 { margin-bottom:0; }
.mb-2 { margin-bottom:2rem; }
/*MAIN / HOME*/
main { display: block; font-size: 1.175rem; /* min-height: calc(100vh - 128px - 184px); */ background-color:#fff; }
main h1 { font-size: 2.75rem; margin-bottom: 1rem; text-wrap: balance; font-family: Italiana,"sans-serif"; letter-spacing: .10rem;}
main h2.large { font-size: 2.75rem; margin-bottom: 0; text-wrap: balance; font-family: Italiana,"sans-serif"; letter-spacing: .10rem;}
main p { margin-bottom: 1rem; }
p.ohhi { letter-spacing: .2rem; font-size: smaller; }
section.orange { background: #f4c22a;}
section.home{position: relative; overflow: hidden; }
section.home .container { display: flex; justify-content: center; align-items: center; position: relative; }
section.home img{display:block;width:100%;}
section.home .col60{width:60%;padding-right:96px;}
section.home .col40{width:40%;}

section.orange h2 {font-size:2.75rem;}
section.orange h2 strong { font-weight:900;}

/*body section.section.home{padding-bottom:192px;}
/*section.home .flourish{height:128px;width:auto;position:absolute;right:0px;bottom:32px;}*/
body section.section.home{padding-bottom:0;}
section.home .container{position:relative;padding-bottom:192px;}
section.home img.flourish{height:128px;width:auto;position:absolute;right:0px;bottom:32px;}
@media (max-width: 1200px) {
}


@media (max-width: 1024px) {
	section.home  .col60{padding-right:1rem;width:55%}
	section.home  .col40{width:45%;}
	section.home .container {align-items:flex-start;}
	/*body section.section.home{padding-bottom:128px;} */
}


@media (max-width: 760px) {
	section.home .container{flex-direction: column-reverse;}
	section.home  .col40{width:100%;max-width:240px;margin:0px auto 1rem auto;}
	section.home  .col60{padding-right:0px;width:100%;margin-bottom:2rem;}
	section.home .container{padding-bottom:144px;}
	body section.section.home{padding-bottom:32px;}
	/*section.home .flourish{height:auto;width:100%;position:static;}*/
	section.home img.flourish{height:auto;width:100%;bottom:0;}
	.whitewrapper{display:none !important;}
}

@media (max-width: 500px) {
section.home .container{padding-bottom:96px;}
}

section.ltblue{background-color:#b9eaeb;} 
section.alert{padding:1.5rem 0;} 
section.alert a{font-weight:normal;} 
section.alert a:hover{text-decoration:none;} 
section.alert p{margin-bottom:0px;}
section.alert p +p{font-size:0.85rem;}


main ul{padding:0;margin:0;list-style:none;}
main ul li{font-size:1.175rem;list-style:none;position:relative;padding-left:1.5rem;}
main ul li:before{content:'\2022';display:block;position:absolute;left:.25rem;top:0;}


/*
section.orange .container div { width: 50%; height: 100%; }
section.orange .container img.splashimg { position: absolute; bottom: 0; height: 120%; width: auto; }
*/
/* HOME CSS */
/*
body section.section.orange { padding: 0; }
section.orange .container div:first-child { padding: 5rem 0; }
*/

/* HOME MEDIA QUERY *//*
@media (max-width: 768px) {
    section.orange .container { flex-direction: column; }
    section.orange .container div { width: 100%; }
    section.orange .container div:first-child { padding: 3rem 0 0 0; }
    section.orange .container img.splashimg { position: relative; bottom: auto; height: auto; width:100%;display:block;}
    section.orange .container div { height: auto; }
}
 */




    /* COMMON CSS */
    body section.section, main .content-section { padding: 3rem 0; position: relative; }
h2 { margin-bottom: 1rem; text-wrap: balance; font-family: Italiana,"sans-serif"; letter-spacing: .1rem;line-height:1.25;}
.btn { background-color: #0a3846; border-color: #3b606b; color: #fff; padding: 0.375rem 0.75rem; display: inline-block; font-weight: 400; text-decoration: none; vertical-align: middle; border: 1px solid transparent; font-size: 1rem; border-radius: 999px; cursor: pointer; }
.btn:hover, .btn:focus { background-color: #3b606b; border-color: #3b606b; }
.col50 { width: 50%; height: 100%; }
.col70 { width: 70%; height: 100%; }
.content-section .container .col70 p { margin-bottom: 2rem; }
.btn, body, html, .btn-outline { line-height: 1.5; -webkit-text-size-adjust: 100%; }

.btn-outline { background-color: #fff; border-color: #0a3846; color: #0a3846; padding: 0.375rem 0.75rem; display: inline-block; font-weight: 400; text-decoration: none; vertical-align: middle; border: 1px solid #0a3846; font-size: 1rem; border-radius: 999px; cursor: pointer; }
.btn-outline:hover, .btn-outline:focus { background-color: #0a3846; border-color: #3b606b; color: #fff; }

/* HEADER CSS */
.nav-bottom-border .container { border-bottom: 1px solid #f4c22a; }

@media (max-width: 1024px) {
#header { position: static; }
#menu-trigger { display: block; height: 60px; width: 60px; float: right; margin: 2.188rem 0px 2.188rem 0; padding: 4px; }
#menu-trigger #mtOpen { display: block; cursor: pointer; }
#menu-trigger #mtClose { display: none; }
#menu-trigger.active #mtOpen { display: none; }
#menu-trigger.active #mtClose { display: block; cursor: pointer; }
#menu-trigger svg { fill: #0A3846; }
#header nav.mainmenu { display: none; }
header .container { align-items: center; }
nav.mainmenu { width: 100%; background-color: #fff; position: static; padding: 0px; }
nav.mainmenu ul, nav.mainmenu ul li { width: 100%; text-align: left; position: relative; }
nav.mainmenu ul li a { line-height: 3rem; padding: 0 1rem; border-top: 2px Solid #ccc; }
nav.mainmenu ul li a { font-size: 1.188rem !important; }
header .container { display: block; }
header .logo { display: inline-block; }
nav.mainmenu ul li a:after { background-color: transparent !important; }
nav.mainmenu ul li a.active:after { background-color: transparent !important; }
}

@media (max-width: 1024px) {
footer .footer-left { flex-direction: column; }
footer .footer-copyright { margin-left: 0; text-align: center; }
}

@media (max-width: 830px) {
footer .container, footer .footer-right { flex-direction: column; }
footer .footer-right { margin-top: .5rem; text-align: center; }
footer .footer-right, footer ul { margin-left: 0; }
}

@media (max-width: 440px) {
main .container, #footer .container { padding: 0 1.5rem; }
}

@media (max-width: 405px) {
header { min-height:0;}
header#header .container{padding:0 1rem;}
header a.logo { height:64px }
#menu-trigger { margin: 1.25rem 0 0 0; }
}



/* ABOUT CSS */
main section.bg-section .container { background: #fef3d5 url('../img/about.jpg'); background-repeat: no-repeat; width: 100%; height: auto; background-size: cover; position: relative; overflow: hidden; padding: 0; }
body section.section.bg-section { padding: 0; }
body section.section.bg-section h1 { max-width: 1080px; margin: 0px auto; padding: 1rem 0; position: relative; }
section.section.bg-section .container .col50 { padding: 5rem; }
section.section.bg-section .container .col50 h2 { margin-bottom: 1rem; }
.savedotcom { color: #878787; font-weight: 900; }
.savedotcom img { display: block; -webkit-user-select: none; transition: background-color 300ms; width:100px; }
/*  COUPON BOOK FINDER */

h1.small{font-size:.85rem;margin-bottom:2rem;letter-spacing:.2rem;font-weight:700;font-family: Outfit, "sans-serif";text-transform:uppercase;}

body section.section.about{padding:5rem 0;position:relative;overflow:hidden;}
body section.section.about h2{font-size:2.75rem;line-height:1.25;font-weight:600;margin-bottom:1rem;}
body section.section.about p{margin-bottom:0px;}

body section.section.about img.splash{position:absolute;height:150%;right:0px;  top:55%;  transform: translateY(-50%);display:block;}
body section.section.contact img.splash{position:absolute;bottom:-64px;right:0px;height:calc(100% + 128px);}


/*MOVE WOMAN*/
body section.section.about{padding:0;}
body section.section.about .container{padding-top:5rem;padding-bottom:5rem;}


body section.section.savetwoways .container{position:relative;}
body section.section.savetwoways .col-flex{display:flex;column-gap: 2rem;}
body section.section.savetwoways .col-flex img{width:auto;height:200px;}
body section.section.savetwoways .col-flex h3.yellow{/*color:#F4C22A;*/font-size:4rem;font-family: Italiana,"sans-serif"; letter-spacing: 3px;line-height:1.25;/*color:#B88D0A;*/}
body section.section.savetwoways .col-flex h2{display:block;min-width:224px;font-size:2.75rem;font-weight:700;line-height:1.25;}
.whitewrapper{background-color:#fff;padding:.5rem;display:inline-block;float:right;}
.whitewrapper img{display:block;width:96px;}

body section.section.savetwoways img.splash{position:absolute;left:-64px;bottom:-56px;height:128px;}


body section.section.savetwoways .col-flex .col_head{width:224px;}
body section.section.savetwoways .col-flex .col_text_one{min-width:315px;max-width:315px;}
body section.section.savetwoways .col-flex .col_text_one + .col_img{margin-right:2rem;}
body section.section.savetwoways .col-flex .col_img{width:148px;}

@media (max-width: 1220px) {
body section.section.savetwoways .col-flex .col_head{width:auto;}
body section.section.savetwoways .col-flex .col_text_one{min-width:0;max-width:100%;}
body section.section.savetwoways .col-flex .col_img{width:auto;}

}


@media (max-width: 1140px) {
	/* body section.section.about img.splash{height:100%; top:0px;  transform:none; } */
	body section.section.about img.splash{height:120%; } 
	body section.section.about p{max-width:320px;}
}


@media(max-width:1024px){
  body section.section.savetwoways .col-flex{display:flex;flex-wrap:wrap;column-gap:2rem;align-items:flex-start;}
  body section.section.savetwoways .col-flex>div:first-child{flex:0 0 100%;margin-bottom:1rem;}
  body section.section.savetwoways .col-flex>div:nth-child(n+2):nth-child(-n+5){flex:1 1 0;min-width:0;}
  body section.section.savetwoways .col-flex img{max-width:100%;height:auto;}
  body section.section.savetwoways img.splash{display:none;}
	.mhide{display:none;}
}

hr.ltblue{background-color:#b9eaeb;border:none;height:8px;width:100%;display:block;appearance:none;margin:2rem 0;} 

@media(max-width:800px){
  body section.section.savetwoways .col-flex{display:grid;grid-template-columns:auto auto;column-gap:2rem;row-gap:1.5rem;align-items:end;}
  body section.section.savetwoways .col-flex>div:first-child{grid-column:1/-1;}
  body section.section.savetwoways .col-flex>div:nth-child(2){grid-column:1;}
  body section.section.savetwoways .col-flex>div:nth-child(3){grid-column:2;}
  body section.section.savetwoways .col-flex>div:nth-child(4){grid-column:1;}
  body section.section.savetwoways .col-flex>div:nth-child(5){grid-column:2;}
  body section.section.savetwoways .col-flex img{width:auto;height:200px;}
}

@media (max-width: 920px) {
	body section.section.about img.splash{height:100%; } 
	
	

}

@media (max-width: 815px) {
	body section.section.about img.splash{right:-64px; } 
}

@media (max-width: 800px) {
	body section.section.savetwoways .col-flex h2{margin-bottom:0px;}
	body section.section.savetwoways .col-flex .col_head{margin-bottom:0px;}
	body section.section.savetwoways .col-flex>div:first-child{margin-bottom:0px;}
	
}


@media (max-width: 760px) {
	body section.section.about .col50{width:100%;}
	body section.section.about p{max-width:100%;}
	body section.section.about img.splash{position:relative;height:auto;top:auto;right:-2rem;transform:none;width:100%;}
	body section.section.about{padding-bottom:0;}
	body section.section.about .container{padding-bottom:0px;padding-top:3rem;}
	
	
	
	form#contactform {padding: 0 !important;border:none !important;}
	section.ltblue.contact{background-color:#fff;}
   

}

 

@media(max-width:470px){
  body section.section.savetwoways .col-flex{display:flex;flex-wrap:wrap;align-items:flex-start;column-gap:1rem;}
  body section.section.savetwoways .col-flex>div:first-child{flex:0 0 100%;}
  body section.section.savetwoways .col-flex>div:nth-child(n+2):nth-child(-n+5){flex:0 0 100%;}
  body section.section.savetwoways .col-flex img{width:auto;height:200px;}
}



/* FAQ */
.small { font-size: .85rem; font-weight: 500; margin-bottom: 5px; letter-spacing: .2rem; }
.accordion-item.active .accordion-header { background: #0a3846; color: #fff; }
.accordion { margin: auto; background: #747171; border-radius: 5px; overflow: hidden; margin-top: 2.5rem; }
.accordion-item { border: 1px solid #ddd; border-bottom: 0; }
.accordion-item:last-child { border: 1px solid #ddd; }
.accordion-header { padding-right: 4rem !important; background: white; color: #0A3846; padding: 15px; cursor: pointer; font-size: 1.2rem; text-align: left; border: none; outline: none; width: 100%; display: flex; justify-content: space-between; align-items: center; position: relative; font-family: Outfit,"sans-serif"; }
.accordion-header:hover { background: #f8f9fa; }
.accordion-content { background: #fff; padding: 0 15px; max-height: 0; overflow: hidden; transition: max-height 0.3s ease-out, padding 0.3s ease-out; }
.accordion-body p, .accordion-body ul, .accordion-body li { font-size: 1.2rem; }
.icon { display: inline-block; width: 10px; height: 10px; border-right: 1px solid #0A3846; border-bottom: 1px solid #0A3846; transform: rotate(45deg); transition: transform 0.3s ease-in-out; position: absolute; right: 20px }
.accordion-item.active .icon { transform: rotate(225deg); border-color: #fff; }
.accordion-item.active .accordion-content { max-height: 560px; padding: 15px; }
.accordion-content ul li { padding: .2rem; }


/* DELIVERY OPTION */
.description, .notice { font-size: .85rem; margin-bottom: 32px; font-weight: 600; }
small { font-size: .85rem; color: #555; display: flex; justify-content: flex-start; margin-top: 5px; margin-left: 10px; }
.btn, .faq-question, .menu-btn, [type="button"]:not(:disabled), [type="reset"]:not(:disabled), [type="submit"]:not(:disabled), button:not(:disabled) { cursor: pointer; }
body section.delivery .container h1, body section.bookfinder .container h1, body section.faq .container h1 { margin-bottom: 0; }




/* Form */
.form-group { display: grid; gap: 1rem; grid-template-columns: 1fr 1fr; margin: 1.5rem 0; }
.form-group div{margin-bottom:1rem;position:relative;}
.form-group input { width: 100%; padding: 12px; border: 1px solid #ccc; border-radius: 25px; font-size: .875rem; }
.form-group input:focus { border: 1px solid #f4c22a; }
.form-group input + small{position:absolute;}


.form-group select { font-size: .875rem; padding: 12px; border-radius: 25px; border: 0; outline: 1px solid #ccc; border-right: 12px solid transparent; width: 100%; }
.form-group select:focus { outline: 1px solid #f4c22a; }
.form-group select + small{position:absolute;}
.form-group select.unselected { color: #5b5b5b; }

p.agreement { margin-top: 3rem; }
.state-zip { display: grid; grid-template-columns: auto auto; gap: 1rem; }
form .checkbox-container { margin: 1.5rem 0; }
.btn { padding: 0.375rem 0.75rem; display: inline-block; font-weight: 400; color: #fff; text-decoration: none; vertical-align: middle; user-select: none; border: 1px solid transparent; font-size: 1rem; border-radius: 999px; font-family: Outfit,"sans-serif"; }
input, button, select, optgroup, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; }

main p a, main ul li a { font-weight: bold; color: #0a3846; text-decoration: underline; }
ol, ul, dl { margin-top: 0; margin-bottom: 1rem; }

address.confirmation { display: inline-block; color: #fff; background-color: #0A3846; border-radius: 8px; padding: 1rem; font-weight: bold; margin: 1rem 0; font-style: normal; }
p.disclaimer { font-size: .875rem; font-style: italic; }




@media (max-width: 1220px) {
#header .container, main .container, #footer .container { padding: 0 2rem; }
body section.section.bg-section h1 { padding: 1rem; }
}

@media (max-width: 1024px) {
section.section.bg-section .container .col50 { padding: 3rem; width: 60%; }
}

@media (max-width: 768px) {
    main section.bg-section .container { background-image: none; }
    section.section.bg-section .container .col50 { padding: 1rem; width: 100%; }
    p.p { margin-bottom: 0; }
    .col70 { width: 100%; }
    body section.content-section { padding: 1rem 0 3rem 0 }
    .form-group { grid-template-columns: auto; }
    button.btn { display: block; width: 100%; }
    .form-group div { margin-bottom: 0; }
    .form-group input + small { position: relative; margin-bottom:0; }
    p.agreement { margin-top: 0; }
}

@media (max-width: 546px) {
.form-group { grid-template-columns: auto; }
.state-zip { grid-template-columns: auto; }
}

/* Modal */
.modal { display: none; position: fixed; z-index: 1; padding-top: 100px; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.4); }
.modal-header { display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #ccc; padding: .875rem; }
.modal-content { background-color: #fefefe; margin: auto; width: 40%; border-radius: 4px; }
.modal-body { padding: 2rem; }
.modal-footer { border-top: 1px solid #ccc; padding: .875rem; display: flex; flex-direction: column; align-items: flex-end; }
.modal-footer p { font-size: 1rem; }

/* The Close Button */
.close { color: #aaaaaa; float: right; font-size: 28px; font-weight: bold; }
.close:hover, .close:focus { color: #000; text-decoration: none; cursor: pointer; }

/* modal form value */
p#valueofdeliveryform { font-size: 1.25rem; }
.formimage{display:block;width:300px;float:right;margin-top:-96px;}
@media (max-width: 768px) {
	.formimage{margin-top:0;}
    .modal-content { width: 100%; }
}

/*FOR KETCH CONSENT MANAGEMENT*/
body #lanyard_root * .ketch-max-w-\[560px\] { max-width: 760px; }
body #lanyard_root * .sm\:ketch-items-end { align-items: stretch; }
body #lanyard_root * .ketch-items-start img { display: none; }
body #lanyard_root * .ketch-items-start .ketch-gap-2 { gap: 0; }


img.fleft{float:left;margin-right:3rem;width:100%;max-width:320px;margin-bottom:3rem;margin-top:.5rem;display:block;}
@media (max-width: 400px) {
 img.fleft{float:none;margin:0 0 1rem 0;}
}




label.hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }