@charset "UTF-8"; /* CSS Document */ /* START Header delivery message */ .header-delivery, .header-delivery-mob { width:100%; height:auto; text-align:center; } .header-delivery-mob { margin-top:10px; margin-bottom:-5px; } .header-delivery-inner, .header-delivery-mob-inner { max-width:1112px; font-size:14px; color:#fff; margin:auto; } .header-delivery-inner { padding: 15px 0; border-bottom:1px solid #ececec; } .header-delivery-inner-mob { border-bottom:1px solid #ececec; } .header-delivery ul, .header-delivery-mob ul { width:100%; margin-bottom:0; list-style: none; padding-left: 5px;	 } .header-delivery-inner ul li, .header-delivery-mob-inner ul li { display:inline-block; width:auto; margin: 0 2%; list-style-type:none; -webkit-user-select:none; -moz-user-select:none; } .header-delivery-inner ul li img, .header-delivery-mob-inner ul li img { height:15px; width:auto; margin-top:3px; margin-right:8px; float:left; } .header-delivery-inner p, .header-delivery-mob-inner p { line-height:0.9em; } .promo-info { background-color:green; padding:7px; margin:15px auto 15px; width:100%; max-width:1112px; text-align:center; } .promo-info p { color:#fff; } .promo-info a:link { color:#fff; text-decoration:underline; } .promo-info a:hover { color:#ffcc00; } .promo-info a:visited { color:#fff; } .promo-highlight { font-weight:bold; color:#ffcc00; } .promo-coupon { font-weight:bold; color: #000; background-color: #ffcc00; padding:2px 3px; letter-spacing:0.5px; } .promo-terms { width:100%; background-color:green; padding:2%; margin-bottom:15px; color: #fff; } /* END Header delivery message */ .harvey-section-list ul, .harvey-product-page ul { list-style-type:disc; margin-top:0.5em; margin-bottom:0.5em; text-align:left; } .harvey-product-page img { margin:2% 0; width:100%; } .harvey-section-list ul li, .harvey-product-page ul li, .harvey-product-page ol li	{ list-style-position:outside; } .harvey-product-table, .harvey-product-table th, .harvey-product-table td	{ border: 1px solid #e6e6e6; line-height:1.1em; font-size:0.95em; border-collapse: collapse; padding:5px; } .harvey-product-table th { font-weight: bold; text-align: left; } .custom-text { padding-bottom:1%; } .custom-text a:link, .custom-text a:hover, .custom-text a:visited, .harvey-section-list a:link, .harvey-section-list a:hover, .harvey-section-lista:visited { color:#0057a4; } .custom-text h3 { text-transform:uppercase; text-align:left; margin:2%; } .harvey-avenza { width:auto; height:auto; display:inline-block; background-color:#eaf1e6; padding:4%; } .harvey-avenza a img { margin:0 1em 1em 0; } .harvey-span-small p { font-size:0.8em; line-height: 1em; } .harvey-discount, .harvey-discount-patch { width:98%; height:auto; display:inline-block; font-size:1em; padding:1%; margin:1em 0; } .harvey-discount, .harvey-discount-text-inner { background-color:#36a765; } .harvey-discount-patch { border-top:dashed 1px #2a3a25; border-bottom: dashed 1px #2a3a25; } .discount-red { font-weight:bold; color: red; } .harvey-discount-doublebundle { width:98%; height:auto; display:inline-block; font-size:1em; padding:1%; margin:1em 0; background-color:black; } .harvey-discount-doublebundle p { color:white; } .harvey-discount-text { width:98%; height:auto; display:inline-block; font-size:1.4em; padding:1%; } .harvey-discount-text-inner, .harvey-discount-text-inner-blackfriday, .harvey-discount-text-inner-blue { width:94%; height:auto; float:left; clear:both; padding:3%; } .harvey-discount-text-inner-blackfriday { background-color:black; color:white; } .harvey-discount-text-inner-blue { background-color:#36a9e1; color:white; } .harvey-discount p, .harvey-discount-text-inner p { color:#fff; } .harvey-discount-text-inner p, .harvey-discount-text-inner-blue p { font-size: 1.2em; line-height: 1.2em; margin:0; } .harvey-discount-text-inner-blackfriday p, .harvey-discount-text-inner-blue p { color:white; } #discountredtext { color:#df1e40; font-weight:bold; } .coverage-container	{			  max-width:900px; height:100%; margin:auto; border:1px solid black; text-align: center; padding:1em; background: white; } .coverage-title-box	{			  width:100%; height:auto; margin:auto; } #coverage-map	{ width:100%; height:85vh; margin:auto; } .coverage-footer	{ font-size: 1em; margin-top: 1.4em; height:auto; } .harvey-finder { float:left; margin-left:10px; } .fragtextcenter { text-align:center; margin:16px 0; } .fragtextcenter p { margin-bottom:16px; } .blogcontent img { float:left; margin: 1% 2% 1% 0; width:350px; max-width:100%; } .newblogcontent { text-align:left; margin-top:15px; height:auto; clear:both; } .newblogcontent p { padding-top:5px; } .newblogcontent img { float:left; margin: 1% 2% 1% 0; width:350px; max-width:100%; } .contact-container { width:96%; margin:0 2%; text-align:center; margin-bottom:2%; } .giftblogcontainer{ width:100%; height:auto; border-bottom: 1px solid #e2e2e2; float:left; margin-bottom:20px; padding:20px 0; } .giftblogimg { float:left; width:25%; margin-bottom:10px; } .giftblog { float:left; width:71%; padding-left:4%; } .giftblog p, .giftblog2 p { margin-bottom:10px; } .giftblogimg2 { float:left; width:35%; margin-bottom:10px; } .giftblog2 { float:left; width:63%; padding-left:2%; } @media only screen and (max-width: 450px) { .giftblogimg { float:left; width:100%; } .giftblog { float:left; width:100%; padding:0; } } @media only screen and (max-width: 550px) { .giftblogimg2 { float:left; width:100%; } .giftblog2 { float:left; width:100%; padding:0; } } /* MAILCHIMP SECTION */ #mc_embed_signup { width:auto; margin:auto;  clear:left; text-align:left; } #mc-embedded-subscribe-form input[type=checkbox] { display: inline;  width: auto; margin-right: 10px; } #mergeRow-gdpr { margin-top: 20px; text-align:center; } #mergeRow-gdpr fieldset label { font-weight: normal; } .mc_fieldset { border:none; min-height: 0px; padding-bottom:0px; } .mc-field-group { width:100%; text-align:center; } .mc-field-group label { display: inline-block; width: 140px; text-align: left; } .mc-field-group input { display:inline; border: 1px solid #2e2e2e; width: 60%; padding:8px 0; text-indent:2%; margin-bottom:2%; text-align:left; } .mc-field-group.input-group { text-align:center; } .mc-field-group.input-group ul { margin:0; padding:0; list-style:none; text-align:center; display:inline-block; } .mc-field-group.input-group ul li { display:inline; margin:0 10px 0 10px; } .mc-field-group.input-group label { display:inline; margin-left:0.5em; } #mc_embed_signup .mc-field-group.input-group input { display:inline; width:auto; border:none; } .buttonchimp { background-color:#36a9e1; color:#fff; width:25%; min-width:200px; padding:10px; border:1px solid #6e6e6e; font-weight:800; text-align:center; } .buttonchimp:hover { background-color:#009fc7; border-color:#000; } /* END MAILCHIMP SECTION */ input.newslettercheckbox[type=checkbox] { visibility:visible!important; position:initial!important; width:15px!important; height:15px!important; cursor:pointer!important; left:0!important; } #home-news, #home-news-blackfriday, #home-news-greenfriday, #home-news-munro { width:98%; height:auto; float:left; padding:1%; } #home-news-munro { background-color: white; } #home-news { background-color: #194ba0; } #home-news-blackfriday { background-color: black; } #home-news-greenfriday { background:rgba(0, 0, 0, 0) linear-gradient(to bottom, #c5d984 0%, #8bbd78 100%) repeat scroll 0 0; background-color: #c5d984; } #home-news-mazzle { width:100%; height:auto; float:left; border: 1px solid rgba(44, 44, 44, 0.2); opacity:0.8; -webkit-filter: grayscale(0.6); -moz-filter: grayscale(0.6); filter: grayscale(0.6); transition: all 1.3s ease; -moz-transition: all 1.3s ease; -webkit-transition: all 1.3s ease; -ms-transition: all 1.3s ease; -o-transition: all 1.3s ease; } #home-news-mazzle:hover { opacity:1; border:1px solid rgba(44, 44, 44, 0.5); -webkit-filter: grayscale(0); -moz-filter: grayscale(0); filter: grayscale(0); } #home-news a { color: #fcbf00; } #home-news img { width:auto; max-width:25%; float:left; border:0; } #home-news-munro img, #home-news-mazzle img { width:100%; height:auto; float:left; border:0; } #home-news-text { float:left; width:74%; margin-left:1%; } #home-news-text-blackfriday { width:auto; margin:auto; text-align: center; color:white; padding-bottom:1%; } #home-news-text-greenfriday { width:auto; margin:auto; text-align: center; color:white; padding-bottom:1%; } #home-news-text h3, #home-news-text-blackfriday h3, #home-news-text-greenfriday h3 { font-weight:bold; } #home-news-text h3 { color: #fcbf00; } #home-news-text p { color:#fff; } #home-news-text-blackfriday h3 { color: #df1e40; } #home-news-text-blackfriday p { color:white; } #home-news-text-greenfriday h3 { color: #006633; text-shadow: 2px 2px #FFcc00; font-stretch: expanded; font-size:2.75em; } #home-news-text-greenfriday p { font-size: 1.5em; } #custom-map-info { width:100%; height:auto; background-color:#ffeed5; padding:4%; margin:2% 0; } #quiz-info, #quiz-info-kids { width:96%; height:auto; padding:2%; } #quiz-info img, #quiz-info-kids img { width:96%; margin:1% 2%; } #quiz-info { border-top: 4px dotted #707070; border-bottom: 4px dotted #707070; } #quiz-info-kids { border-top: 4px dotted #ea0284; border-bottom: 4px dotted #ea0284; } #quiz-info h6 { font-size:1.1em; margin:0; } #custom-map-info img, #quiz-info img, #quiz-info-kids img { width: 100%; height: auto; } #work-tog-info { width:92%; height:auto; background-color:#faeae9; padding:4%; } #work-tog-info h6 { font-size:1em; margin:0; font-weight:bold; } #work-tog-info p { margin-top:1em; } .work-tog-member { font-weight:bold; } .social-icons-footer { text-align: left; margin-top:10px; } .social-icons-footer li { display:inline-block; list-style-type:none; -webkit-user-select:none; -moz-user-select:none; margin-right:5px; } .social-icons-footer li a { border-bottom: none; } .social-icons-footer li img { width:30px; height:30px; align:center; border:0; } .patch { margin-bottom:10px; height:70px; } .patch img { width: 70px; height: 70px; float: left; margin-right:10px; } .hms-button { background-color: #ffcc00; border: 2px solid #ffcc00; color: black; padding: 16px 32px; text-align: center; text-decoration: none; display: inline-block; margin: 4px 2px; transition-duration: 0.4s; cursor: pointer; } .hms-button:hover { background-color: #f6f6f6; color: black; border: 2px solid #ffcc00; } .royalmail { width:100%; height:auto; border-bottom:1px solid #e6e6e6; padding-bottom:15px; } .royalmail p { color:#df1e40; } .freeitem { width:100%; height:auto; border:2px solid #ffcc00; padding:20px; } .freeitem img { width:100px; float:left; margin:0 15px 5px 0; } .freeitem p { margin:10px 0 0 0; } .redbox { border: 1px solid #df1e40; padding:15px; margin-bottom:15px; } .redboxtext { color: #df1e40; } /* START Homeboxes styles */ .homebox-container { width:100%; height:auto; padding:0 0; overflow:hidden; margin-bottom:20px; } div#homebox-preload { display:none; } .homebox-full { width:100%; height: 300px; float:left; } .homebox-sw, .homebox-ul, .homebox-wr { width: 24%; height: 400px; cursor: default; margin-bottom:2%; margin-right:1.33%; float:left; } .homebox-bmm { width: 24%; height: 400px; margin-bottom:2%; cursor: default; float:right; } .homebox-bmm a:link, .homebox-sw a:link, .homebox-ul a:link, .homebox-wr a:link { color:#262f36; } .homebox-bmm a:hover, .homebox-sw a:hover, .homebox-ul a:hover, .homebox-wr a:hover { color:#262f36; } .homebox-bmm a:visited, .homebox-sw a:visited, .homebox-ul a:visited, .homebox-wr a:visited { color:#262f36; } .homebox-text { width:86%; margin:8% 5%; padding:2%; float:left; position:relative; bottom:-67%; text-align: center; } .homebox-text h3 { margin:5px 0; font-size:16px; } .homebox-text p { font-size:16px; line-height:1.3em; } .homebox-img-1, .homebox-img-2, .homebox-img-3, .homebox-img-4, .homebox-img-full {  width:100%; height:100%; position:relative; top:0; left:0; right:0; bottom:0; border: 1px solid rgba(236, 236, 236, 1.0); background-size:cover; background-position: center; opacity:0.8; /*-webkit-filter: grayscale(0.6); -moz-filter: grayscale(0.6); filter: grayscale(0.6);*/ transition: all 1.3s ease; -moz-transition: all 1.3s ease; -webkit-transition: all 1.3s ease; -ms-transition: all 1.3s ease; -o-transition: all 1.3s ease; } .homebox-img-1:hover, .homebox-img-2:hover, .homebox-img-3:hover, .homebox-img-4:hover, .homebox-img-full:hover {  opacity:1; /*-webkit-filter: grayscale(0); -moz-filter: grayscale(0); filter: grayscale(0);*/ } .homebox-img-1 {  background-image: url('homebox-sw5.jpg'); } .homebox-img-2 {  background-image: url('homebox-ul5.jpg'); } .homebox-img-3 {  background-image:url('homebox-wr5.jpg'); } .homebox-img-4 {  background-image: url('homebox-bmm5.jpg'); } .homebox-img-full { background-image: url('mazzle_banner_homepage3.jpg') } .homebox-img-1:hover { background-image: url('homebox-sw5-hover.jpg'); } .homebox-img-2:hover { background-image: url('homebox-ul5-hover.jpg'); } .homebox-img-3:hover { background-image: url('homebox-wr5-hover.jpg'); } .homebox-img-4:hover { background-image: url('homebox-bmm5-hover.jpg'); } .homebox-line { width:98%; border-bottom:1px solid #cccccc; margin-left:1%; float:left; margin-bottom:2%; } /* START RESPONSIVE BOX STYLES */ .box-container { width:100%; height:auto; padding:0 0; overflow:hidden; margin-bottom:15px; float:left;	 } .meet-team-row { width: 100%; float:left; } .rb1, .rb2, .rb3, .rb4, .team1, .team2, .team3, .team4 { width:24%; height:auto; margin-bottom:2%; position:relative; } .rb1, .rb2, .rb3, .team1, .team2, .team3 { float:left; margin-right:1.33%; } .rb4, .team4 { float:right; } .rb1 img, .rb2 img, .rb3 img, .rb4 img, .team1 img, .team2 img, .team3 img, .team4 img { width: 100%; height: auto; border:none; } .rb1 img, .rb2 img, .rb3 img, .rb4 img { opacity:1; -webkit-filter: grayscale(0); -moz-filter: grayscale(0); filter: grayscale(0); transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; } .rb1 img:hover, .rb2 img:hover, .rb3 img:hover, .rb4 img:hover { opacity:0.7; -webkit-filter: grayscale(0.7); -moz-filter: grayscale(0.7); filter: grayscale(0.7); } .rb1 p, .rb2 p, .rb3 p, .rb4 p { width:auto; padding:2%; text-align:left; line-height: 1.3; } .rb1 p span, .rb2 p span, .rb3 p span, .rb4 p span, .team1 p span, .team2 p span, .team3 p span, .team4 p span { color: #2e2e2e; } .boxtype-line { width:98%; border-bottom:1px solid #cccccc; float:left; margin-left: 1%; margin-bottom: 2%; } .custom-text-line { width:100%; border-bottom:1px solid #cccccc; float:left; margin-bottom: 2%; } /* END RESPONSIVE BOX STYLES */ #paymentmethods { margin-top:20px; margin-bottom:20px; text-align:center; } #paymentmethods-checkout { margin-top:10px; margin-bottom:10px; float:left; } #paymentmethods-tc { margin-bottom:10px; float:left; } #paymentmethods-checkout img { width:50%; height:50%; margin-top:5px; } .which-map { text-align:left; width:100%; overflow:hidden; min-width:300px; border-collapse: collapse; background:#F6F6F6; } .span-yes { font-size:120%; color:#14C125; text-align:center; } .span-no { font-size:120%; color:#DC585B; text-align:center; } .which-map th { text-align:left; font-weight:bold; font-size: 0.8em; padding:0.75em 0; } .which-map td { font-size: 0.8em; } tr.subtitle { border-bottom:1px solid #eee; background:white; } tr.subimages { border-bottom:0; background:white; } tr.spacer { background:white; } .harvey-section-image { width:100%; margin-bottom:2%; height:auto; } .harvey-section-image-products { width:auto; } .harvey-section-image img, .harvey-section-image-products img { width: 100%; } .section-desc a:link { color:#0057a4; } .section-list { display:flex; flex-wrap:wrap; align-items:flex-start; min-width:100%; } .mapofmonth { z-index:20; position:absolute; float:left; clear:both; width:50%; } .productcornerimage { z-index:20; position:absolute; float:left; clear:both; width:50%; top:15px; } /* START Mountain Finder RESULTS styles*/ .section-link-details { border:1px solid #ececec; margin-bottom:15px; flex-grow:0; flex-shrink:0; flex-basis:23%; max-width:23%; margin:1%; padding:1%; } .section-link-image { margin-bottom:5%; text-align:center; } .section-link-image img { width:60%; height:auto; } .section-link-name { text-align:center; margin-bottom:5%; } .section-link-name h3 { text-transform: uppercase; font-size: 14px; } .coupon-wrapper { width:100%; } /* START Giftwrap section */ #giftwrap > thead > tr > th { vertical-align: middle; border-bottom: 0; vertical-align: middle; border-bottom: 0; text-transform: uppercase; background: #6c6c6c; padding: 9px 15px; color: white; font-size: 14px; font-weight: 600; margin-bottom:15px; } /* START @media QUERIES */ @media only screen and (max-width:1199px) and (min-width:768px) { .header.container { padding:15px; } .header-delivery, .header-delivery-inner { width:auto; max-width:1199px; } .header-delivery-inner { margin: auto 15px; } .promo-info { margin:15px; width:auto; max-width:1199px; } } @media screen and (max-width: 991px) { .homebox-sw, .homebox-wr, .homebox-ul, .homebox-bmm { width: 49%; height: 370px; margin-bottom:2%; cursor: default; } .homebox-sw, .homebox-wr, .rb1, .rb3, .team1, .team3 { float:left; margin-right:0; } .homebox-ul, .homebox-bmm, .rb2, .rb4, .team2, .team4 { float:right; margin-right:0; } .box-container { width:100%; padding:0; } .inner-row { display:inline-block; width:100%; } .rb1, .rb2, .rb3, .rb4, .team1, .team2, .team3, .team4 { width:49%; } .section-link-details { flex-basis:48%; max-width:48%; } .section-link-image img { width:40%; } .homebox-text { padding:0; } } @media (max-width: 767px){ .header-delivery { display:none; } .promo-info { margin:0 15px 15px; width:auto; } .cd-slider-container { margin:0; } .homebox-sw, .homebox-ul, .homebox-wr, .homebox-bmm { width: 100%; height: 440px; margin-bottom:15px; float:left; } .homebox-line { width:96%; margin-left: 2%; margin-bottom: 1%; margin-top: 1%; } .boxtype-line { width:96%; margin-left: 2%; margin-bottom: 1%; margin-top: 1%; } .rb1, .rb2, .rb3, .rb4, .team1, .team2, .team3, .team4 { width:100%; margin-bottom:15px; float:left; } .section-link-details { flex-basis:98%; max-width:98%; } .section-link-image img { width:30%; } .coupon-wrapper { padding-left:15px; } } @media (max-width: 750px){ .homebox-sw, .homebox-ul, .homebox-wr, .homebox-bmm { height: 400px; } } @media (max-width: 600px){ .homebox-sw, .homebox-ul, .homebox-wr, .homebox-bmm { height: 350px; } #paymentmethods img { width:80%; height:80%; } } @media screen and (max-width:481px) { .boxtype-a, .boxtype-b { width:98%; height:auto; position:relative; float:left; margin:1%; } } @media (max-width: 400px){ .homebox-sw, .homebox-ul, .homebox-wr, .homebox-bmm { height: 350px; } } /* END @media QUERIES */