/*------------------------------------*\
	WHATSPA?
	
	By Simon Wiffen
	NORTHERN CONTRAST LTD
	
	http://www.northerncontrast.com
\*------------------------------------*/




/*------------------------------------*\
	RESET
\*------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{ 
	margin:0;
	padding:0;
}
table{
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img{ 
	border:0;
}
address,caption,cite,dfn,th,var{
	font-style:normal;
	font-weight:normal;
}
caption,th{
	text-align:left;
}
h1,h2,h3,h4,h5,h6{
	font-size:100%;
	font-weight:normal;
}
q:before,q:after{
	content:'';
}
abbr,acronym{
	border:0;
}
header, nav, article, section, aside, footer{
	display:block;
}



/*------------------------------------*\
	MAIN
\*------------------------------------*/
html{
	font-family:'Biryani', sans-serif;
	font-size:87.5%; /* 14px */
	line-height:1.5rem;
	color:#333;
	background:#fff;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
}
.wrapper{
	width:80%;
	max-width:1300px;
	margin:0 auto;
}
.band-narrow .wrapper{
	width:60%;
	max-width: 850px;
}
.band-extra-narrow .wrapper{
	width: 50%;
	max-width: 850px;
}



/*------------------------------------*\
	TYPOGRAPHY
\*------------------------------------*/
h1, h2, h3, h4, h5, h6{
	font-weight:800;
	letter-spacing:-0.02em;
	line-height:1.2em;
	margin-bottom:30px;
}
h1{
	font-size:4rem;
	letter-spacing:-0.05em;
}
h2, h3{
	font-size:1.4rem;
}
h4, .h4, h5, h6{
	font-size:1.2rem;
	margin-bottom:20px;
}
p, ol, ul{
	margin-bottom:30px;
}
.band-extra-narrow p{
	line-height: 2em;
}
ol, ul{
	margin-left:45px;
}
ol li, 
ul li{
	margin-bottom:15px;	
}
ol li ol,
ol li ul,
ul li ol,
ul li ul{
	margin-top:15px;
}
a{
	color:#f07800;
	transition:0.15s linear all;
}
a:hover,
a:focus{
	color:#333;
}
ul.inline,
ol.inline{
	list-style:none;
	margin:0;
	padding:0;
}
ul.inline li,
ol.inline li{
	display:inline-block;
	margin:10px;
}
.intro,
.subtitle{
	font-size:1.4rem;
	font-weight:300;
	line-height:1.5em;
}
small, .small{
	font-size:0.8rem;
	color:#777;
}
.hilite{
	color:#29a7c3;
}
.micro{
	font-size:0.7rem;
	text-transform:uppercase;
	letter-spacing:0.15rem;
	color:#29a7c3;
	margin-bottom:0;
}
.micro a{
	color:inherit;
	text-decoration:none;
}
.micro-badge{
	display:inline-block;
	background:#fff;
	padding:2px 7px 0px 7px;
	border-radius:3px;
}
.tight{
	margin-bottom:0;
}
.accessibility{
	position:absolute;
	left:-999999em;
}



/*------------------------------------*\
	COLUMNS
\*------------------------------------*/
.cols{
	margin:0 0 0 -5%;
}
.cols:after{
	content:"";
    display:block;
    clear:both;
}
.cols .col{
	float:left;
	margin:0 0 5% 5%;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}

/* 2 col */
.cols-2 .col{
	width:45%;
}
/* Force break every 2 items (starting with the 3rd item) */
.cols-2 .col:nth-child(2n+3){
	clear:both;
}
.cols-2 .col .cols-3 .col{
	width:28.3%;
}
.cols-2 .col .cols-3 .col:nth-child(2n+3){
	clear:none;
}

/* 3 col */
.cols-3 .col{
	width:28.3%;
}
.cols-3 .col-span2{
	width:61.6%;
}
.cols-3 .col-span2 .cols-2 .col{
	width:45%;
}
/* Force break every 3 items (starting with the 4th item) */
.cols-3 .col:nth-child(3n+4){
	clear:both;
}

/* 4 col */
.cols-4 .col{
	width:20%;
}
/* Force break every 4 items (starting with the 5th item) */
.cols-4 .col:nth-child(4n+5){
	clear:both;
}

/* 5 col */
.cols-5 .col{
	width:15%;
}
.cols-5 .col-span2{
	width:35%;
}
/* Force break every 5 items (starting with the 6th item) */
.cols-5 .col:nth-child(5n+6){
	clear:both;
}

/* 6 col */
.cols-6 .col{
	width:11.66666%;
}
.cols-6 .col-span3{
	width:45%;
}
/* Force break every 6 items (starting with the 7th item) */
.cols-6 .col:nth-child(6n+7){
	clear:both;
}



/*------------------------------------*\
	FORM ITEMS
\*------------------------------------*/
input.text,
select.text{
	font-family:'Biryani', sans-serif;
	font-size:1.1rem;
	color:#333;
	background:#fff;
	padding:11px 15px 8px 15px;
	border:2px solid #fff;
	border-radius:100px;
	outline:none;
	-webkit-appearance:none;
	transition:0.15s linear all;
}
input.text:focus,
select.text:focus{
	border-color:#ccc;
}
select.text{
	padding-right:30px;
	background-image:url(../img/icons/dropdown-arrow.svg);
	background-position:top 50% right 15px;
	background-repeat:no-repeat;
	background-size:12px 19px;
}



/*------------------------------------*\
	BUTTONS
\*------------------------------------*/
.button{
	display:inline-block;
	font-weight:800;
	font-size:1em;
	text-decoration:none;
	color:#fff;
	background:#21b150;
	padding:15px 20px;
	border-radius:8px;
	-webkit-appearance:none;
	border:none;
	cursor:pointer;
	transition:0.15s linear all;
}
.button:hover,
.button:focus{
	color:#fff;
	background:#f07800
}
.button-white{
	color:#29a7c3;
	background:#fff;
}
.button-white:hover,
.button-white:focus{
	color:#fff;
	background:#f07800;
}



/*------------------------------------*\
	HEADER
\*------------------------------------*/
.main-header{
	font-size:0.85rem;
	line-height:1.6em;
	padding:17px 0;
	background-position:center;
	background-size:cover;
	position:relative;
}
.main-header:after{
	content:"";
	display:table;
	clear:both;
}
.main-header .logo{
	float:left;
	width:200px;
	height:auto;
}
.main-header-no-nav .logo{
	float:none;
	display:block;
	margin:0 auto;
}
.main-header nav{
	display:block;
	float:right;
}
.main-header nav a{
	font-weight:800;
	color:#707070;
	text-decoration:none;
}
.main-header nav li{
	position:relative;
}
.main-header nav li.current-menu-item a,
.main-header nav li.current_page_parent a,
.main-header nav a:hover,
.main-header nav a:focus{
	color:#29a7c3
}

/* Sub-navigation */
.main-header nav li ul.sub-menu{
	position:absolute;
	z-index:10;
	top:30px;
	left:-9999999em;
	padding:0px 10px 0 10px;
	margin:-10px 0 0 0;
	background:#fff;
	opacity:0;
	transition:0.15s linear opacity;
}
.main-header nav li ul.sub-menu li{
	display:block;
	font-size:0.7rem;
	text-transform:uppercase;
	letter-spacing:0.15rem;
}
.main-header nav li ul.sub-menu li a{
	font-weight:400;
	white-space:nowrap;
}
.main-header nav li:hover ul,
.main-header nav li:focus ul{
	left:-20px;
	opacity:1;
}





.main-header nav .button{
	color:#fff;
	padding:9px 17px 7px 17px;
}
.main-header nav .button:hover,
.main-header nav .button:focus{
	color:#fff;
}
.main-header .nav-trigger{
	display:none;
}


/*------------------------------------*\
	MASTHEAD
\*------------------------------------*/
.masthead{
	font-size:1.4rem;
	font-weight:300;
	line-height:1.5em;
	text-align:center;
	color:#fff;	
	background-position:center;
	background-size:cover;
}
.masthead-inner{
	padding:75px 0;
	background:#29a7c3;
	background:linear-gradient(180deg, rgba(41,167,195,0.9) 0%, rgba(161,199,208,0.9) 100%);
}
.masthead .wrapper{
	width:75%;
}
.masthead .button{
	padding:20px 30px;
}
.masthead img{
	max-width:100%;
}
.masthead .subtitle{
	margin-top:-20px;
}
.masthead .button-refine{
	font-size:0.75em;
	padding:10px 17px 7px 17px;
}
.masthead-home .masthead-inner{
	color:#333;
	background:none;
	text-align:left;
	padding:40px 0;
}
.masthead-home .wrapper{
	width:80%;
}
.masthead-home .col{
	margin-bottom:0;
}
.masthead-home .col-span2{
	padding-right:50px;
}
.masthead-home h1{
	margin-top:50px;
}



/*------------------------------------*\
	RETAILER SEARCH
\*------------------------------------*/
.retailer-search .search-toggle{
	display:inline-block;
	font-family:'Biryani', sans-serif;
	font-size:1.1rem;
	color:#333;
	background:#fff;
	padding:2px 4px 3px 4px;
	border:2px solid #fff;
	border-radius:100px;
	outline:none;
	-webkit-appearance:none;
	transition:0.15s linear all;
}
.retailer-search .search-toggle li{	
	display:inline-block;
	margin:0;
	padding:8px 12px 6px 12px;
	color:#ccc;
	border-radius:100px;
	text-decoration:none;
	cursor:pointer;		
}
.retailer-search .search-toggle li.selected{
	color:#fff;
	background:#29a7c3;
}
.retailer-search .search-options{
	display:inline-block;
}
.retailer-search .form-item{
	display:inline-block;
	margin:0 5px;
}
.retailer-search #search-location{
	width:250px;
}
.retailer-search #search-distance{
	width:185px;
}
.retailer-search #search-county{
	width:483px;
}
.retailer-search .button{
	font-size:1.1rem;
	padding:14px 25px 18px 25px;
}
.retailer-search .search-by-county{
	display:none;
}



/*------------------------------------*\
	SEARCH RESULTS
\*------------------------------------*/
.profile{
	padding:20px;
	background:#f2f2f2;
	border-radius:5px;
	margin-bottom:30px;
	position:relative;
	overflow:hidden;
}
.profile .main{
	width:65%;
	float:right;
}
.profile header{
	padding-right:100px;
}
.profile .distance{
	font-weight:800;
	color:#999;
	margin:10px 0;
}
.profile header h2{
	margin:0;
}
.profile header .strapline{
	font-weight:800;
}
.profile .approved{
	width:80px;
	position:absolute;
	top:20px;
	right:20px;
}
.profile .approved img{
	width:100%;
	height:auto;
}
.profile ul{
	margin-left:20px;
}
.profile a{
	color:#29a7c3;
	text-decoration:none;
}
.profile a:hover,
.profile a:focus{
	color:#f07800;
}
.profile p{
	margin-bottom:20px;
}
.profile ul.highlights{
	color:#29a7c3;
}
.profile ul.highlights li{
	margin-bottom:0;
}
.profile ul.highlights li span{
	color:#333;
}
.profile ul.contact{
	list-style:none;
	margin:0;
	padding:0;
}
.profile ul.contact li{
	padding-left:20px;
	margin-bottom:0;
	background-position:0px 3px;
	background-repeat:no-repeat;
}
.profile ul.contact li.phone{
	background-image:url(../img/icons/phone.svg);
	background-size:auto 14px;
	background-position:3px 3px;
}
.profile ul.contact li.email{
	background-image:url(../img/icons/email.svg);
	background-size:14px auto;
}
.profile ul.contact li.link{
	background-image:url(../img/icons/link.svg);
	background-size:14px auto;
}
.profile ul.contact li.video{
	background-image:url(../img/icons/youtube.svg);
	background-size:14px auto;
	background-position:0px 5px;
	padding-top: 0;
}
.profile ul.contact li.directions{
	background-image:url(../img/icons/directions.svg);
	background-size:14px auto;
	background-position:0px 1px;
	padding-top: 0;
}
.profile ul.contact li.tour{
	background-image:url(../img/icons/virtual-tour-black.svg);
	background-size:14px auto;
	background-position:0px 5px;
	padding-top: 0;
}
.profile ul.contact a{
	color:#333;
	text-decoration:none;
}
.profile ul.contact a:hover,
.profile ul.contact a:focus{
	text-decoration:underline;
}
.profile .details{
	float:left;
	width:30%;
}
.profile .details-summary{
	float:none;
	width:100%;
}
.profile .details-summary ul.contact{
	margin-bottom:20px;
}
.profile .details p{
	margin-bottom:15px;
}
.profile .details .logo{
	padding:20px;
	background:#fff;
	border-radius:5px;
	overflow:hidden;
	margin-bottom:15px;
	position: relative;
}
.profile .details .logo a.spotlight-video{
	display: inline-block;
	position: absolute;
	top: 10px;
	left: 10px;
	font-size: 0.7rem;
	text-transform: uppercase;
	letter-spacing: 0.15rem;
	font-weight: 800;	
	color: #fff;
	padding: 4px 7px 2px 34px;
	border-radius: 3px;
	background: #cd2d25 url('../img/icons/spotlight-video-play.svg') left 7px top 50% no-repeat;
	background-size: 20px auto;
}
.profile .details .logo a.spotlight-video:hover,
.profile .details .logo a.spotlight-video:focus{
	background-color: #333;
}
.profile .details .logo a.virtual-tour{
	display: inline-block;
	position: absolute;
	top: 10px;
	right: 10px;
	font-size: 0.7rem;
	text-transform: uppercase;
	letter-spacing: 0.15rem;
	font-weight: 800;	
	color: #fff;
	padding: 4px 7px 2px 34px;
	border-radius: 3px;
	background: #29a7c3 url('../img/icons/virtual-tour.svg') left 7px top 50% no-repeat;
	background-size: 20px auto;
}
.profile .details .logo a.virtual-tour:hover,
.profile .details .logo a.virtual-tour:focus{
	background-color: #333;
}
.profile .details .logo img{
	width:100%;
	height:auto;
	float:left;
}
.profile .details .button{
	width:100%;
	text-align:center;
	color:#fff;
	background:#29a7c3;
	box-sizing:border-box;
}
.profile .details .button-dark{
	background:#333;
}
.profile .details .button:hover,
.profile .details .button:focus{
	background:#f07800;
}
.profile .details .voucher{
	display:block;
	text-align:center;
	font-weight:800;
	color:#cd2d25;
}
.profile .details .voucher:hover span,
.profile .details .voucher:focus span{
	text-decoration:underline;
}
.profile .details .voucher span{
	display:inline-block;
	padding-left:18px;
	background:url(../img/icons/voucher.svg) 0px 1px no-repeat;
	background-size:15px 15px;
}
.profile .details ul.social-media{
	text-align:center;
	margin:0;
}
.profile .details ul.social-media li{	
	margin:0 2px 5px 2px;
}
.profile .details ul.social-media li a{	
	display:block;
	width:20px;
	height:14px;
	text-indent:-99999em;
	background-position:center;
	background-repeat:no-repeat;
	background-size:auto 14px;
}
.profile .details ul.social-media li.facebook a{
	background-image:url(../img/icons/facebook.svg);
}
.profile .details ul.social-media li.twitter a{
	background-image:url(../img/icons/twitter.svg);
}
.profile .details ul.social-media li.x a{
	background-image:url(../img/icons/x.svg);
}
.profile .details ul.social-media li.instagram a{
	background-image:url(../img/icons/instagram.svg);
}
.profile .details ul.social-media li.youtube a{
	background-image:url(../img/icons/youtube.svg);
}
.profile .details ul.social-media li.pinterest a{
	background-image:url(../img/icons/pinterest.svg);
}

/* Standard profiles */
.profile-standard{
	background:#fff;
	border:3px solid #f2f2f2;
}
.profile-standard header h2{
	margin-bottom:20px;
}



/*------------------------------------*\
	PROFILE
\*------------------------------------*/
.masthead-approved{
	position:relative;
	padding:0 120px;
}
.masthead-approved .approved{
	width:100px;
	position:absolute;
	top:0;
	left:0;
}
.masthead-approved .approved-right{
	left:auto;
	right:0;
}
.masthead-approved .approved img{
	width:100%;
	height:auto;
}
.profile-full{
	padding:5% 10% 0 5%;
}
.band-gallery{
	text-align:center;
}
.band-gallery ul{
	list-style:none;
	padding:0;
}
.band-gallery ul img{
	width:100%;
	height:auto;
}
.band-gallery ul.cols{
	margin:0 0 -2% -2%;
}
.band-gallery ul.cols .col{
	width:23%;
	margin:0 0 2% 2%;
}
.band-manufacturer-gallery{
	margin-bottom:10px;
}
.band-manufacturer-gallery ul.cols .col{
	width:31%;
	margin:0 0 2% 2%;
}
.map-full{
	height:450px;
	border-top:5px solid #f2f2f2;
	border-bottom:5px solid #f2f2f2;
}
.profile-image{
	position:relative;
    overflow:hidden;
    height:15rem;
    overflow:hidden;
}
.profile-image img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
}
.profile-image-caption{
	font-size:0.7777em;
	color:#999;
	margin:5px 0 0 0;
}

/* Style any images added to the additional profile */
.profile-full .alignleft,
.profile-full .alignright{
	width:49%!important;	
	margin:0;
}
.profile-full .wp-caption img{
	width:100%;
	height:auto;
}
.profile-full .wp-caption .wp-caption-text{
	font-size:0.7777em;
	color:#999;
	margin-top:5px;
}
.profile-full .alignleft{
	float:left;
	margin:0 30px 30px 0;
}
.profile-full .alignright{
	float:right;
	margin:0 0 30px 30px;
}
.profile-full .alignnone{
	width:100%!important;
	height:auto!important;
	margin:0 0 30px 0;
	text-align:center;
}
.profile-full .aligncenter{
	width:auto!important;
	height:auto!important;
	margin:0 0 30px 0;
	text-align:center;
}

/* In-page voucher link  */
.profile-full .voucher{
	display:block;
	text-align:center;
	font-size: 1.4em;
	line-height: 1.4em;
	font-weight:800;
	color:#cd2d25;
}
.profile-full .voucher:hover span,
.profile-full .voucher:focus span{
	text-decoration:underline;
}
.profile-full .voucher span{
	display:inline-block;
	padding-left:25px;
	background:url(../img/icons/voucher.svg) 0px 1px no-repeat;
	background-size:20px 20px;
}

/* Testimonial videos */
.testimonial-videos{
	display: flex;
	align-items: flex-start;
	gap: 20px;
	margin-bottom: 30px;
}
.testimonial-videos .testimonial-video{
	flex: 1;
}
.testimonial-videos .testimonial-video .caption{
	font-size: 0.7777em;
	color: #999;
	margin: 5px 0 0 0;
}



/*------------------------------------*\
	PRODUCT SHOWCASE
\*------------------------------------*/
.product-showcase{
	text-align: center;
}
.product-showcase article.product .product-image-container{
	aspect-ratio: 1/1;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;	
}
.product-showcase article.product .product-image-container a{
	display: block;
	aspect-ratio: 1/1;
}
.product-showcase article.product .product-image-container img{	
	display: none;
}
.product-showcase article.product h3{
	margin: 20px 0 5px 0;
}
.product-showcase article.product p{
	margin: 0;
}
.product-showcase .showcase-products{
	padding-bottom: 75px;
}
.product-showcase .showcase-products .owl-dots{
	bottom: 0;
}
.product-showcase .owl-carousel.showcase-products .owl-prev,
.product-showcase .owl-carousel.showcase-products .owl-next{
	display:block;
	width:25px;
	height:40px;
	text-indent:-999999em;
	position:absolute;
	left:-50px;
	top:33%;
	margin-top:-20px;
	background-image:url(../img/icons/carousel-arrow-prev.svg);
	background-size:25px 40px;	
}
.product-showcase .owl-carousel.showcase-products .owl-next{
	left:auto;
	right:-50px;
	background-image:url(../img/icons/carousel-arrow-next.svg);
}
.product-showcase .owl-carousel.showcase-products .owl-dots{
	position:absolute;
	width:100%;
	bottom:15px;
	left:0;
}



/*------------------------------------*\
	FULL PRODUCT
\*------------------------------------*/
article.full-product .product-highlights-band{	
	padding: 15px 0;
	background: #29a7c3;
	background: rgba(41,167,195,0.9);	
}
article.full-product .product-highlights-band .product-highlights{
	display: flex;
	justify-content: center;
	gap: 100px;
	text-align: center;
}
article.full-product .product-highlights-band .product-highlights .highlight{
	flex: 1;
	color: #fff;
	font-weight: 600;
}
article.full-product .product-highlights-band .product-highlights .highlight span.highlight-title{
	display: block;
	white-space: nowrap;
	color: #333;
}
article.full-product .full-product-main{
	display: flex;	
	justify-content: space-between;
	align-items: flex-start;
	flex-direction: row-reverse;
	margin-top: 50px;
}
article.full-product .full-product-main .product-details{
	flex: 0 1 55%;
}
article.full-product .full-product-main .product-details header{
	margin-bottom: 30px;
}
article.full-product .full-product-main .product-details header h1{
	margin-bottom: 10px;
}
article.full-product .full-product-main .product-details header p.price{
	font-size: 2rem;	
	letter-spacing: -0.02em;
	line-height: 1.2em;
	margin-bottom: 20px;
}
article.full-product .full-product-main a.video-link{
	display:inline-block;
	color: #00aaed;	
	padding-left:27px;
	text-decoration: none;
	background:url(../img/icons/video-play.svg) left no-repeat;
	background-size:22px 22px;	
	min-height:22px;
}
article.full-product .full-product-main .product-images{
	flex: 0 1 35%;
}
article.full-product .full-product-main .product-image{
	position: relative;
}
article.full-product .full-product-main .product-image img{
	width: 100%;
	height: auto;
}
article.full-product .full-product-main .product-images .product-thumb-images .product-image{
	display: inline-block;
	margin: 10px 10px 0 0;
}
article.full-product .full-product-main .product-image .enlarge{
	display:block;
	width:30px;
	height:30px;
	background-color:rgba(0,0,0,0.5);
	background-image:url(../img/icons/search.svg);
	background-position:center;
	background-repeat:no-repeat;
	background-size:15px auto;
	position:absolute;
	top:50%;
	left:50%;
	margin:-15px 0 0 -15px;
	border-radius:9999px;	
}
article.full-product .full-product-main .product-image .best-buy{
	width:100px;
	position:absolute;
	top:-30px;
	right:-30px;
	z-index:10;
}
article.full-product .full-product-main .product-image .best-buy img{
	width:100%;
	height:auto;
}


/*------------------------------------*\
	RETAILER VOUCHERS
\*------------------------------------*/
.fancybox-slide--iframe .fancybox-content {
    width:900px!important;
    height:800px!important;
    margin:0;
}
.retailer-voucher .voucher{
	padding:20px;
	border:3px dashed #333;
}
.retailer-voucher .voucher .voucher-title{
	color:#fff;
	padding:20px;
	text-align:center;
	background:#29a7c3;
	margin-bottom:20px;
}
.retailer-voucher .voucher .voucher-title h1{
	font-size:2rem;	
	margin:0;
}
.retailer-voucher .voucher .own-voucher-title img{
	max-width:100%;
	height:auto;
}
.retailer-voucher .voucher .voucher-header{
	overflow:hidden;
}
.retailer-voucher .voucher .voucher-header .voucher-details{
	width:45%;
	float:right;
	text-align:right;
}
.retailer-voucher .voucher .voucher-header .voucher-details .logo{
	margin-bottom:10px;
}
.retailer-voucher .voucher .voucher-header .retailer-details{
	width:45%;
	float:left;
	text-align:left;
}
.retailer-voucher .voucher .voucher-content{
	margin-bottom:20px;
}
.retailer-voucher .voucher .voucher-content p{
	margin-bottom:20px;
}
.retailer-voucher .voucher .voucher-content .headline{
	font-size:3rem;
	line-height:1.2em;
	text-transform:uppercase;
	color:#29a7c3;
	margin:0 0 20px 0;
}
.retailer-voucher .voucher .voucher-content .details{
	font-size:1.5rem;
	color:#29a7c3;
	margin:0 0 20px 0;
}
.retailer-voucher .voucher .voucher-terms{
	border-top:1px dashed #ccc;
	padding-top:20px;
}
.retailer-voucher .voucher .voucher-terms p{
	margin-bottom:5px;
}
.retailer-voucher .voucher .voucher-footer p{
	margin:0;
}



/*------------------------------------*\
	CATEGORIES
\*------------------------------------*/
ul.categories{
	list-style: none;
	padding: 0;
	margin: 0 0 40px 0;
	text-align: center;
}
ul.categories li{
	display: inline-block;
	margin: 0 5px 5px 5px;
}
ul.categories li a{
	display: block;
	font-size: 0.7rem;
	text-transform: uppercase;
	letter-spacing: 0.15rem;
	color: #29a7c3;
	text-decoration: none;	
	padding: 2px 7px 0;
	border-radius: 3px;
	background: #f2f2f2;
}
ul.categories li a:hover,
ul.categories li a:focus{
	color: #f07800;
}
ul.categories li.current a{
	color: #fff;
	background: #29a7c3;
}


/*------------------------------------*\
	BANDS
\*------------------------------------*/
.band{
	clear:both;
	padding:30px 0;
}
.band .col{
	margin-bottom:0;
}
.band img{
	max-width:100%;
}
.band-light{
	background:#f2f2f2;
}
.band-dark{
	color:#fff;
	background:#333;
}
.band-blue{
	color:#fff;
	background:#29a7c3;
}
.band-blue .hilite{
	color:#333;
}
.band-blue .button:hover,
.band-blue .button:focus{
	background:#333;
}
.band-border{
	border-top:1px solid #f2f2f2;
	border-bottom:1px solid #f2f2f2;
}
.band-centered{
	text-align:center;
}
.band .video,
.white-popup .video{
	position:relative;
	overflow:hidden;
	padding-top:56.25%;	
}
.band .video iframe,
.white-popup .video iframe{	
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	border:none;
}
.band .video .wistia_responsive_padding,
.white-popup .video .wistia_responsive_padding{
	position:absolute!important;
	top:0;
	left:0;
	width:100%;
	height:100%;
	padding: 0!important;
}
.band-logos{
	text-align:center;
	border-bottom:1px solid #f2f2f2;
}
.band-logos-border{
	border-top:1px solid #f2f2f2;
}
.band-logos ul{
	margin-bottom:0;
}
.band-logos ul li{
	margin:10px 20px;
}
.band-logos ul img{
	width:auto;
	height:60px	
}
.press-logos ul img{
	height:40px;
}
.band-title h2{
	font-size:1.6rem;
	text-align:center;
	margin:0;
}
.band-magazine-promo-alt h2,
.band-magazine-promo-alt h3{
	font-size: 2.5rem;
}
.band-magazine-promo-alt img{
	width:80%;
	margin-top:30px;
	-moz-transform: rotate(-10deg);
	-webkit-transform: rotate(-10deg);
	-o-transform: rotate(-10deg);
	-ms-transform: rotate(-10deg);
	transform: rotate(-10deg);
}
.band-magazine-promo{
	background-position:center;
	background-size:cover;
}
.band-magazine-promo .promo-text{
	padding-top:40px;
}
.band-magazine-promo .promo-text p{
	font-size:1.2rem;
}
.band-magazine-promo .promo-text p .button{
	font-size:1rem;
}
.band-magazine-promo-alt .promo-text{
	padding-top:70px;
}
.band-magazine-promo-alt .promo-text p{
	font-size:1rem;
}
.band-retailers{
	text-align:center;
	padding:0;
	background-position:center;
	background-size:cover;
}
.band-retailers-inner{
	padding:30px 0;
	background:#29a7c3;
	background:linear-gradient(180deg, rgba(41,167,195,0.9) 0%, rgba(161,199,208,0.9) 100%);
}
.band-retailers .subtitle{
	padding:0 10%;
}
.band-retailer-inline .band-retailers-inner{
	color: #fff;
	padding: 0;
	background: none;
}
.band-articles{
	text-align:center;
}
.band-articles .col{
	margin-bottom:5%;
}



/*------------------------------------*\
	CUSTOM EDITOR BLOCKS
\*------------------------------------*/
.magazine-cta-block{
	color: #fff;
	background: #29a7c3;
	margin-bottom: 30px;
	border-radius: 10px;
}
.magazine-cta-block .wrapper{
	width: 100%;
	max-width: none;	
	padding: 40px;
	box-sizing: border-box;	
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.magazine-cta-block .wrapper .magazine-cta-block-image{
	flex: 0 1 32%;
}

.magazine-cta-block .wrapper .magazine-cta-block-image img{
	width: 100%;
}

.magazine-cta-block .wrapper .magazine-cta-block-content{
	flex: 0 1 62%;
}

.magazine-cta-block .wrapper .magazine-cta-block-content h2{
	font-size: 2rem;
}

.magazine-cta-block .wrapper .magazine-cta-block-content a{
	color: #fff;
}

.magazine-cta-block .wrapper .magazine-cta-block-content a.button{
	font-size: 1.2rem;
	line-height: 1;
	padding: 19px 20px 15px 20px;
	background: #f07800;
}

.magazine-cta-block .wrapper .magazine-cta-block-content p:last-of-type{
	margin-bottom: 0;
}



/*------------------------------------*\
	ARTICLES
\*------------------------------------*/
.article{
	background:#fff;
	border:1px solid #ccc;
}
.article .article-image{
	overflow:hidden;
	max-height:200px;
}
.article .article-image img{
	width:100%;
	height:auto;
	float:left;
}
.article .article-content{
	text-align:left;
	padding:20px;
}
.article .article-content p{
	margin-bottom:15px;
}
.article .article-content p:last-of-type{
	margin-bottom:0;
}
.article .article-content h3{
	font-size:1.2rem;
	margin-bottom:15px;
}
.article .article-content h3 a{
	color:inherit;
	text-decoration:none;
}
.article .article-content h3 a:hover,
.article .article-content h3 a:focus{
	color:#29a7c3;
}
.article .article-content .more{
	font-size:0.9rem;
	font-weight:800;
	text-decoration:none;
}
.article .article-content .more:hover,
.article .article-content .more:focus{
	color:#29a7c3;
}
.article-category .article-content{
	text-align:center;
}
.article-category .article-content h3{
	margin-bottom:20px;
}
.article-category .article-content h3 a{
	color:#333;
	text-decoration:none;
}
.article-category .article-content h3 a:hover,
.article-category .article-content h3 a:focus{
	color:#29a7c3;	
}
.article-category .article-content .button{
	padding:9px 17px 7px 17px;
}



/*------------------------------------*\
	PAGINATION
\*------------------------------------*/
.article-nav{
	clear:both;
}
.article-nav ul{
	list-style:none;
	margin:30px 0 0 5%;
	padding:0;
	overflow:hidden;
}
.article-nav ul li.prev{
	float:left;
}
.article-nav ul li.next{
	float:right;
}


/*------------------------------------*\
	BREADCRUMB
\*------------------------------------*/
.breadcrumb{
	font-size:0.9rem;	
	color:#fff;
	background:#333;
}
.breadcrumb ul.inline{
	padding:10px 0;
}
.breadcrumb ul.inline li{
	margin:0;
}
.breadcrumb li:after{
	content:"  >"
}
.breadcrumb li.current:after{
	content:"";
}
.breadcrumb a{
	font-weight:800;
	color:#fff;
	text-decoration:none;
}
.breadcrumb a:hover,
.breadcrumb a:focus{
	text-decoration:underline;
}
.breadcrumb p{
	padding:10px 0;
	margin:0;
}
.breadcrumb p a{
	color:#29a7c3;
	text-decoration:none;
}
.breadcrumb p a:hover,
.breadcrumb p a:focus{
	text-decoration:underline;
}



/*------------------------------------*\
	ARTICLE FULL
\*------------------------------------*/
.full-article .feature-image{
	height:450px;
	background-position:center;
	background-size:cover;
}
.full-article .feature-image img{
	display:none;
}
.full-article header{
	padding:50px 30px 0 30px;
	text-align:center;
}
.full-article header h1{
	margin-bottom:0;
}
.full-article header .meta{
	font-size:0.7rem;
	text-transform:uppercase;
	letter-spacing:0.15rem;
	color:#999;	
}
.full-article header .meta .avatar{
	display:inline-block;
	width:40px;
	height:40px;
	border-radius:100px;
	margin:0 7px 0 0;
	position:relative;
	top:15px;
}
.full-article header .meta a{
	color:#29a7c3;
	text-decoration:none;
}
.full-article header .meta a:hover,
.full-article header .meta a:focus{
	text-decoration:underline;
}
.full-article blockquote{
	text-align:center;
	clear:both;
	margin-bottom:30px;
	position:relative;
}
.full-article blockquote:before{
	content:"";
	display:inline-block;
	width:50%;
	height:3px;
	background:#f2f2f2;
	margin-bottom:20px;
}
.full-article blockquote:after{
	content:"";
	display:inline-block;
	width:50%;
	height:3px;
	background:#f2f2f2;
}
.full-article blockquote p{
	font-size:1.4rem;
	font-weight:300;
	line-height:1.5em;
}
.full-article blockquote cite{
	font-size:0.7777em;
	color:#999;
	margin-top:5px;
}
.full-article blockquote cite:after{
	content:"";
	display:table;
	clear:both;
	margin-bottom:10px;
}
.full-article .wp-block-image .alignleft,
.full-article .wp-block-image .alignright,
.basic-page .wp-block-image .alignleft,
.basic-page .wp-block-image .alignright{
	width:49%;
	margin:0;
}
.full-article .wp-block-image img,
.basic-page .wp-block-image img{
	width:100%;
	height:auto;
}
.full-article .wp-block-image figcaption,
.basic-page .wp-block-image figcaption{
	font-size:0.7777em;
	color:#999;
	margin-top:5px;
}
.full-article .wp-block-image .alignleft,
.basic-page .wp-block-image .alignleft{
	float:left;
	margin:0 30px 30px 0;
}
.full-article .wp-block-image .alignright,
.basic-page .wp-block-image .alignright{
	float:right;
	margin:0 0 30px 30px;
}
.full-article .wp-block-image .alignnone,
.basic-page .wp-block-image .alignnone{
	width:100%;
	margin:0 0 30px 0;
	text-align:center;
}
.full-article .wp-block-image .aligncenter,
.basic-page .wp-block-image .aligncenter{
	width:auto;
	margin:0 0 30px 0;
	text-align:center;
}
.full-article figure.wp-block-gallery li.blocks-gallery-item figure figcaption{
	display: none;
}



/*------------------------------------*\
	AUTHOR BOX
\*------------------------------------*/
.author .article-content{
	background:#f2f2f2;
	padding:20px 20px 20px 200px;
	position:relative;
	min-height:150px;
}
.author .article-content img.avatar{
	width:150px;
	height:auto;
	border-radius:10000px;
	position:absolute;
	top:20px;
	left:20px;
}
.author .article-content h3{
	margin-bottom:5px;
}



/*------------------------------------*\
	BEST BUYS
\*------------------------------------*/
.band-best-buy{
	text-align:center;
}
.band-best-buy .wrapper{
	width:75%;
}
.band-best-buy .products{
	padding:0 70px;
	position:relative;
	margin-bottom:30px;
	box-sizing:border-box;
}
.band-best-buy .product{
	text-align:left;
	background:#f2f2f2;
	padding:30px 30px 50px 30px;
	border-radius:5px;
	box-sizing:border-box;
}
.band-best-buy .product .product-image{
	padding:30px 30px 0 0;
	position:relative;
}
.band-best-buy .product .product-image .best-buy{
	width:80px;
	position:absolute;
	top:-10px;
	right:-10px;
}
.band-best-buy .product .product-image .best-buy img{
	width:100%;
	height:auto;
}
.band-best-buy .product header{
	padding-top:15px;
	margin-bottom:30px;
}
.band-best-buy .product h3{
	font-size:1.2rem;
	margin-bottom:0;
}
.band-best-buy .product h4{
	font-size:1.1rem;
	color:#29a7c3;
	margin-bottom:5px;
}

/* Carousel syling */
.owl-prev,
.owl-next{
	display:block;
	width:25px;
	height:40px;
	text-indent:-999999em;
	position:absolute;
	left:0;
	top:50%;
	margin-top:-20px;
	background-image:url(../img/icons/carousel-arrow-prev.svg);
	background-size:25px 40px;
}
.owl-next{
	left:auto;
	right:0;
	background-image:url(../img/icons/carousel-arrow-next.svg);
}
.owl-dots{
	position:absolute;
	width:100%;
	bottom:15px;
	left:0;
}
.owl-dots .owl-dot{
	display:inline-block;
	width:12px;
	height:12px;
	background:#ccc!important;
	margin-right:3px;
	border-radius:9999px;
	transition:0.15s linear all;
}
.owl-dots .owl-dot:hover,
.owl-dots .owl-dot:focus{
	background:#999!important;
}
.owl-dots .owl-dot.active{
	background:#29a7c3!important;
}



/*------------------------------------*\
	REVIEWS
\*------------------------------------*/
article.review{
	text-align: left;
	padding: 50px 50px 0 50px;
	background: #f5f5f5;
	border-radius: 5px;
	margin-bottom: 50px;
}
article h3{
	color: #29a7c3;
}
article h3 a{
	color: inherit;
	text-decoration: none;
}

article.review .more{
	font-size:0.9rem;
	font-weight:800;
	text-decoration:none;
}
article.review .more:hover,
article.review .more:focus{
	color:#29a7c3;
}



/*------------------------------------*\
	PRODUCT INFO HTC
\*------------------------------------*/
.review-product-info{
	margin-top: 40px;
}
.review-product-info h2{
	font-size: 2rem;
}
table.product-results{
	width:100%;
	border-collapse:separate;
	border-spacing:0px;
	margin-top:10px;
	margin-bottom:75px;
}
table.product-results td{
	font-size:1rem;
	vertical-align:top;
	color:#1a1a1a;
	padding:12px;
	width:25%;
}
table.product-results tr.verdict td{
	color:#575757;
}
table.product-results tr.get-quotes td{
	padding-top:25px;
}
table.product-results tbody th{
	font-weight:bold;
	white-space:nowrap;
	padding:12px;
}
table.product-results tbody tr:nth-of-type(even){
	background:#f2f7f8;
}
table.product-results tr.product-header td{
	vertical-align: middle;
}
table.product-results .product-image{
	width:100%;
	position:relative;
}
table.product-results .product-image img{
	width:100%;
	height:auto;
}
table.product-results .product-image a{
	display:block;
	position:relative;	
}
table.product-results .product-image .enlarge{
	display:block;
	width:30px;
	height:30px;
	background-color:rgba(0,0,0,0.5);
	background-image:url(../img/icons/search.svg);
	background-position:center;
	background-repeat:no-repeat;
	background-size:15px auto;
	position:absolute;
	top:50%;
	left:50%;
	margin:-15px 0 0 -15px;
	border-radius:9999px;	
}
table.product-results .product-image .best-buy{
	width:60px;
	position:absolute;
	top:-10px;
	right:-10px;
	z-index:10;
}
table.product-results .product-image .best-buy img{
	width:100%;
	height:auto;
}
table.product-results .product-title{
	margin-top:5px;
	margin-bottom:0;	
}
table.product-results .product-title{
	margin-top:5px;
}
table.product-results .product-title span{
	display: block;
}
table.product-results tr.modals td{
	padding-top:0;
}
table.product-results .video-link{
	display:inline-block;
	font-size:0.65rem;	
	padding-left:27px;
	background:url(../img/icons/video-play.svg) left no-repeat;
	background-size:22px 22px;
	margin-top:10px;
	min-height:22px;
}
table.product-results .verdict-link{
	display:inline-block;
	font-size:0.9rem;	
	color: #00aaed;
	padding-left:27px;
	background:url(../img/icons/verdict.svg) left no-repeat;
	background-size:22px 22px;
	min-height:22px;
}
table.product-results p.capacity{
	background-position:0px 3px;
	background-repeat:no-repeat;
	background-size:auto 25px;
	height:28px;
	margin:0;
	text-indent:-99999em;
}
table.product-results p.capacity-1{
	background-image:url(../img/icons/capacity-black-1.svg);
}
table.product-results p.capacity-2{
	background-image:url(../img/icons/capacity-black-2.svg);
}
table.product-results p.capacity-3{
	background-image:url(../img/icons/capacity-black-3.svg);
}
table.product-results p.capacity-4{
	background-image:url(../img/icons/capacity-black-4.svg);
}
table.product-results p.capacity-5{
	background-image:url(../img/icons/capacity-black-5.svg);
}
table.product-results p.capacity-6{
	background-image:url(../img/icons/capacity-black-6.svg);
}
table.product-results p.capacity-7{
	background-image:url(../img/icons/capacity-black-7.svg);
}
table.product-results p.capacity-8{
	background-image:url(../img/icons/capacity-black-8.svg);
}
table.product-results p.capacity-8-plus{
	background-image:url(../img/icons/capacity-black-8-plus.svg);
}



/*------------------------------------*\
	MAIN MODAL
\*------------------------------------*/
.white-popup{
	  position:relative;
	  background:#fff;
	  padding:100px 30px;
	  width:auto;
	  max-width:700px;
	  margin:20px auto;
	  border-radius:10px;
}
.white-popup img{
	width:100%;
	height:auto;
}

/* Responsive embedded videos */
.video-container{
	position:relative;
	overflow:hidden;
	width:100%;
	padding-top:56.25%;
}
.video-container iframe{
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
	width:100%;
	height:100%;
}


/*------------------------------------*\
	BRIDGING PAGE
\*------------------------------------*/
.magazine-bridging-page{
	font-size:1.142em;
}
.masthead-magazine-bridge{
	text-align:left;
}
.masthead-magazine-bridge .masthead-inner{
	padding:75px 0 40px 0;
}
/* Light variation */
.masthead-magazine-bridge-light .masthead-inner{
	color:#333;
	background:#f2f2f2;
	background:rgba(255,255,255,0.7);
}
.masthead-magazine-bridge .wrapper{
	width:60%;
}
.masthead-magazine-bridge h1{
	font-size:3rem;
}
.masthead-magazine-bridge-video .wrapper{
	width:80%;
}
.masthead-magazine-bridge-video .video{
	position:relative;
	overflow:hidden;
	padding-top:56.25%;	
}
.masthead-magazine-bridge-video .video iframe{	
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	border:none;
}
ul.ticks{
	list-style:none;
	margin-left:0;
	font-size:1.357rem;
	text-align:left;
}
ul.ticks li{
	margin-bottom:15px!important;
	padding-left:30px;
	background-image:url(../img/icons/tick-orange.svg);
	background-position:0px 0px;
	background-repeat:no-repeat;
	background-size:20px 20px;
}
ul.ticks-green li{
	background-image:url(../img/icons/tick-green.svg);
}
ul.ticks-blue{
	font-size: 1rem;
	font-weight: 700;
}
ul.ticks-blue li{
	background-image:url(../img/icons/tick-blue.svg);
}
.band-faqs h3{
	color:#f07800;
	margin-bottom:15px;
}
.magazine-preview{
	padding:0 70px;
	position:relative;
	box-sizing:border-box;
}
.magazine-preview .owl-carousel .owl-item{
	text-align:center;
}
.magazine-preview .owl-item img{
	width:auto!important;
	max-width:100%!important;
	height:auto;
	margin:0 auto;
}
.band-retail-directory .directory{
	margin-bottom:40px;
}
.band-retail-directory .directory img{
	width:50%;
	height:auto;
}



/*------------------------------------*\
	MAGAZINE FORM
\*------------------------------------*/

/* Progress indicator */
.magazine-form .step-indicator {
    counter-reset:a;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    margin:0 0 50px 0;
    padding-top:20px;
}
.magazine-form .progress-step {
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    color:#000;
    font-size:1.0625em;
    font-weight:normal;
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
    list-style:none;
    padding:5px;
    position:relative;
    text-align:center;
    z-index:1
}
.magazine-form .progress-step:before {
    background-color:#c6cacc;
    border-radius:50%;
    font-weight:700;
    color:#fff;
    content:counter(a);
    counter-increment:a 1;
    height:40px;
    left:50%;
    line-height:40px;
    margin-left:-20px;
    position:absolute;
    text-align:center;
    top:-5px;
    width:40px;
    z-index:1
}
.magazine-form .progress-step__link {
    color:#c6cacc;
    text-decoration:none
}
.magazine-form .progress-step__link-content:after {
    background-color:#007fad;
    content:"";
    display:block;
    height:1px;
    left:50%;
    pointer-events:none;
    position:absolute;
    top:16px;
    width:calc(100% - 16px);
    z-index:-1
}
.magazine-form .progress-step__text {	
	display:block;
	padding-top:30px;
}
.magazine-form .progress-step--active:before {
    background-color:#2db0d1;
    border:1px solid #fff;
    -webkit-box-shadow:#2db0d1 0 0 0 1px;
    box-shadow:0 0 0 1px #2db0d1;
    height:40px;
    line-height:40px;
    margin-left:-20px;
    top:-5px;
    width:40px
}
.magazine-form .progress-step--active .progress-step__link-content {
    color:#000;
    font-weight:700;
}
.magazine-form .progress-step--active .progress-step__link-content:after {
    background-color:#c6cacc
}
.magazine-form .progress-step--active .progress-step__link-content:before {
    display:none
}
.magazine-form .progress-step--active~.progress-step {
    pointer-events:none
}
.magazine-form .progress-step--active~.progress-step .progress-step__link-content {
    color:#c6cacc
}
.magazine-form .progress-step:last-of-type .progress-step__link-content:after {
    display:none
}
.magazine-form .progress-step{
	padding:16px 10px 10px;
}

/* Form validation */
.magazine-form .form-item-valid label,
.magazine-form .form-item-valid .label{
	padding-left:35px;
}
.magazine-form .form-item-valid .question__tick {
    stroke-dashoffset: 0;
    -webkit-transition: stroke-dashoffset .25s ease-out .15s, visibility 0s .15s;
    transition: stroke-dashoffset .25s ease-out .15s, visibility 0s .15s;
    visibility: visible;
}

.magazine-form .question__tick {
    bottom: 0;
    color: #48a415;
    font-size: 14px;
    height: 40px;
    left: 0;
    margin: auto 0 auto -10px;
    position: absolute;
    stroke-dasharray: 100;
    stroke-dashoffset: 100;
    top: 0;
    width: 40px;
    visibility: hidden;
}

/* Form styles */
.magazine-form .form-content{
	margin:50px 0;
}
.magazine-form .form-item{
	margin-top:50px;
}
.magazine-form label, .magazine-form .label{
	display:block;
	font-family:"Geneva", "Tahoma", sans-serif;
	font-size:1.375em;
	position:relative;
	margin-bottom:25px;
	transition:padding-left .15s ease-in-out;
}
.magazine-form label .progress,
.magazine-form .label .progress{
	color:#c6cacc;
}
.magazine-form label .progress strong,
.magazine-form .label .progress strong{
	font-weight:normal;
	color:#2db0d1;
}
.magazine-form .sub-label{
	font-size:0.9375em;
	color:#c6cacc;
	margin:8px 0 0 22px;
	transition:none;
	padding-left:0!important;
}
.magazine-form .text{
	width:100%;
	color:#000;
	font-family:"Tahoma", "Geneva", sans-serif;
	font-size:0.9375em;
	padding:15px 20px;
	border:2px solid #c6cacc;
	border-radius:10px;
	box-sizing:border-box;
	outline:none;
	transition:0.15s linear border;
	-webkit-appearance:none;
}
.magazine-form .text:focus{
	border-color:#2db0d1;
}
.magazine-form .text::-webkit-input-placeholder{
	color:#c6cacc;
}
.magazine-form .text::-moz-placeholder{
  	color:#c6cacc;
}
.magazine-form .text:-ms-input-placeholder{
  	color:#c6cacc;
}
.magazine-form .text:-moz-placeholder{
  	color:#c6cacc;
}
.magazine-form select.text{
	background:url(../img/icons/down-arrow.png) 90% 50% no-repeat;
	background-size:12px 12px;
}
.magazine-form select.text::-ms-expand { 
    display:none;
}

/* Extra address fields */
.magazine-form .address-field .sub-label{
	margin-bottom:15px;
}

/* Radio buttons */
.magazine-form .radio-button-list {
    margin-left:0;
    margin-bottom:-10px;
}
.magazine-form .radio-button-list:not(:last-child) {
    margin-bottom: 0
}
.magazine-form .radio-button-list__footer {
    margin-top: 20px;
}
.magazine-form .radio-button {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
.magazine-form .radio-button__label,
.magazine-form .form-item-valid .radio-button_label{
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 0.933em;
    line-height: 20px;
    padding: 15px 10px 15px 50px!important;
    border-radius: 5px;
    -webkit-box-shadow: 0 2px 0 0 #c6cacc;
    box-shadow: 0 2px 0 0 #c6cacc;
    background-color: #ebf0f2;
    display: block;
    color: #2b3133;
    width: 100%;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    cursor: pointer;
    position: relative;
    margin: 0 0 10px;
}
.magazine-form .radio-button__label:after,
.magazine-form .radio-button__label:before {
    background-color: #fff;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    content: "";
    display: block;
    position: absolute;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    -webkit-transform-origin: center;
    transform-origin: center;
    top: 15px;
    margin: auto;
}
.magazine-form .radio-button__label:before {
    border: 1px solid #c6cacc;
    -webkit-box-shadow: inset 0 0 0 2px #fff;
    box-shadow: inset 0 0 0 2px #fff;
    height: 24px;
    left: 13px;
    width: 24px;
}
.magazine-form .radio-button__label:after {
    height: 22px;
    left: 14px;
    width: 22px;
    top:16px;
}
.magazine-form .radio-button__label:hover {
    background-color: #99dff9;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.magazine-form .radio-button__label__tall{
	min-height:90px;
}
.magazine-form .radio-button__label--small {
    padding: 10px 10px 10px 35px;
    font-size: 12px;
}
.magazine-form .radio-button__label--small:before {
    height: 18px;
    left: 10px;
    width: 18px;
}
.magazine-form .radio-button__label--small:after {
    height: 10px;
    left: 14px;
    width: 10px;
}
.magazine-form .radio-button__sub-label {
    display: block;
    font-weight: 400;
    font-size: 12px;
}
.magazine-form .radio-button:checked+.radio-button__label {
    background-color: #007fad;
    -webkit-box-shadow: inset 0 2px 0 0 #005778;
    box-shadow: inset 0 2px 0 0 #005778;
    color: #fff;
}
.magazine-form .radio-button:checked+.radio-button__label:before {
    background-color: transparent;
    border-color: transparent;
}
.magazine-form .radio-button:checked+.radio-button__label:after {
    -webkit-transform: scale(.4);
    transform: scale(.4);
}
.magazine-form .radio-button:focus+.radio-button__label {
    -webkit-box-shadow: 0 0 0 2px #00aeef;
    box-shadow: 0 0 0 2px #00aeef;
}

/* 2 col layout */
.magazine-form .radio-button-list--2 .radio-button-list__item {
    display:inline-block;
    margin-right:10px;
    margin-bottom:10px;
    vertical-align:top;
    width:calc(50% - 15px);
}

/* 4 col layout */
.magazine-form .radio-button-list--4 .radio-button-list__item {
    display:inline-block;
    margin-right:10px;
    margin-bottom:10px;
    vertical-align:top;
    width:calc(25% - 15px);
}

/* 5 col layout */
.magazine-form .radio-button-list--5 .radio-button-list__item {
    display:inline-block;
    margin-right:10px;
    margin-bottom:10px;
    vertical-align:top;
    width:calc(20% - 15px);
}

/* Stay in touch content */
.magazine-form .stay-in-touch{
	text-align:left;
	margin-top:20px;
	background:#d8ecf3;
	padding:20px 20px 15px 20px;
	border-radius:10px;
}
.magazine-form .stay-in-touch h3{
	font-family:"Geneva", "Tahoma", sans-serif;
	font-size:1.375em;;
	color:#2db0d1;
	margin-bottom:40px;
}
.magazine-form .stay-in-touch p{
	font-size:0.875em;
	margin-bottom:30px;
}
.magazine-form .stay-in-touch .cform-chkbxs{
	margin:10px 0 5px 0;
}
.magazine-form .stay-in-touch .cform-chkbxs input{
	vertical-align:top;
}
.magazine-form .stay-in-touch .cform-chkbxs label{
	display:inline-block;
	max-width:90%;
	margin-left:1%;
	font-family:"Tahoma", "Geneva", sans-serif;
	font-size:0.875em;
}
.magazine-form ul.suppliers{
	margin:30px 0 0 20px;
}

/* Validation */
.magazine-form .input-error{
	color:#c81c24;
	background:#fbd2d3;
	border-color:#c81c24;
}
.magazine-form .input-error::-webkit-input-placeholder{
	color:#c81c24;
}
.magazine-form .input-error::-moz-placeholder{
  	color:#c81c24;
}
.magazine-form .input-error:-ms-input-placeholder{
  	color:#c81c24;
}
.magazine-form .input-error:-moz-placeholder{
  	color:#c81c24;
}
.magazine-form .error-notice{
	font-size:0.8em;
	color:#c81c24;
	margin:10px 0 0 22px;
}
.magazine-form .form-item-error .label{
	color:#c81c24;
}

/* Postcode lookup */
.magazine-form .postcode-field{
	position:relative;	
	margin-bottom:25px;
}
.magazine-form .postcode-field .text{
	width:55%;
}
.magazine-form .postcodeLookup{
	position:absolute;
	right:0;
	font-size:0.9375em;
	font-weight:700;
	width:40%;
	color:#fff;
	text-align:center;
	background:#007eac;
	border:none;
	padding:17px;
	border-radius:10px;
	cursor:pointer;
	transition:0.15s linear all;	
	box-sizing:border-box;
	-webkit-appearance:none;
	box-shadow:inset 0 3px 0 0 #003471;
}
.magazine-form .postcodeLookup:hover,
.magazine-form .postcodeLookup:focus{
	background:#016a90;
}
.magazine-form .data8-postcodelookup-ok,
.magazine-form .data8-postcodelookup-cancel{
	font-size:0.8em;
	padding:5px 10px;
	margin-left:5px;
}
.magazine-form .data8-postcodelookup-dropdown{
	position:relative!important;
	width:100%;
	font-size:0.8em;
	margin-top:20px;
	margin-bottom:20px;
	top:0!important;
	left:0!important;
}
.magazine-form .data8-postcodelookup-dropdown select{
	width:100%;
}

.magazine-form .key-button{
	text-align:center;
}



/*------------------------------------*\
	MAGAZINE CONFIRMATION PAGE
\*------------------------------------*/
.magazine-confirmation-page .band-magazine-download .col{
	text-align:center;
}
.magazine-confirmation-page .band-magazine-download img{
	max-width:75%;
	margin-bottom:20px;
}





/*------------------------------------*\
	FOOTER
\*------------------------------------*/
.main-footer .band-light{
	text-align:center;
}
.main-footer .logo{
	width:200px;
	max-width:100%;
	height:auto;
}
.main-footer .strapline{
	font-size:1.2rem;
	font-weight:800;
	margin-top:5px;	
}
.main-footer h3{
	font-size:1.2rem;
	margin-bottom:20px;
}
.main-footer ul{
	list-style:none;
	margin:0;
	padding:0;
}
.main-footer ul li{
	margin-bottom:0;
}
.main-footer ul a{
	color:#fff;
	text-decoration:none;
}
.main-footer ul a:hover,
.main-footer ul a:focus{
	text-decoration:underline;
}
.main-footer .col{
	margin-bottom:0;
}
.main-footer .footnote p{
	margin:0;
}



/*------------------------------------*\
	RESPONSIVE STYLES
\*------------------------------------*/
@media screen and (max-width: 1345px){
	
	.profile .details .logo a.spotlight-video span,
	.profile .details .logo a.virtual-tour span{
		display: none;
	}

}

@media screen and (max-width: 1115px){
	
	.wrapper{
		width:90%;
	}
	.band-best-buy .wrapper,
	.masthead .wrapper{
		width:85%;
	}
	.masthead-home .wrapper{
		width:90%;
	}
	.band-narrow .wrapper{
		width:70%;
	}
	.band-extra-narrow .wrapper{
		width:60%;
	}
	.masthead-home h1{
		margin-top:0;
	}
	.masthead-magazine-bridge h1{
		margin-top:20px;
	}
	
	/* Product Showcase */
	.product-showcase{
		padding: 0 50px;
	}
	
	/* Custom editor blocks */	
	.magazine-cta-block .wrapper{
		width: 100%;
	}
	
}

@media screen and (max-width: 1060px) {
	
	/* Retailer search */
	.retailer-search .search-toggle{
		margin-bottom:20px;
	}
	.retailer-search #search-location{
		width:210px;
	}
	.retailer-search #search-distance{
		width:175px;
	}
	.retailer-search #search-county{
		width:430px;
	}
	
}


@media screen and (max-width: 980px) {
	
	.band-narrow .wrapper{
		width:90%;
	}
	
	/* Mobile nav */	
	.main-header{
		font-size:1rem;
	}
	.main-header .wrapper{
		width:100%;
	}
	.main-header .logo{
		margin-left:5%;
	}
	.main-header .nav-trigger{
		display:inline-block;
		float:right;
		margin-top:12px;
		margin-right:5%;
		width:25px;
		height:25px;
		position:relative;	
		color:#fff;
		cursor:pointer;
		transition:0.15s linear all;
		transform:rotate(0deg);
		transition:all 0.5s ease-in-out 0s;
	}
	.main-header .nav-trigger:hover,
	.main-header .nav-trigger:focus{
		color:#5a83b3;
	}
	.main-header .nav-trigger span{
		display:block;
		position:absolute;
		left:0;
		width:100%;
		height:3px;
		background:#333;
		border-radius:3px;
		transform:rotate(0deg);
		transition:all 0.25s ease-in-out 0s;
	}
	.main-header .nav-trigger span:nth-child(1){
		top:0;
	}
	.main-header .nav-trigger span:nth-child(2),
	.main-header .nav-trigger span:nth-child(3){
		top:9px;
	}
	.main-header .nav-trigger span:nth-child(4){
		top:18px;
	}
	.main-header .nav-trigger.open span:nth-child(1),
	.main-header .nav-trigger.open span:nth-child(4){
		left:50%;
		top:13px;
		width:0;
	}
	.main-header .nav-trigger.open span:nth-child(2){
		transform:rotate(45deg);
	}
	.main-header .nav-trigger.open span:nth-child(3){
		transform:rotate(-45deg);
	}
	.main-header nav{
		float:none;
		clear:both;
		position:relative;
		top:20px;
		border-top:1px solid #f2f2f2;
		text-align:center;
		padding-bottom:20px;
		display:none;
	}
	.main-header ul.inline li{
		display:block;
		margin:20px 0;
	}
	
	/* Sub navigation */
	.main-header nav li ul.sub-menu{
		position:relative;
		top:auto;
		left:auto;
		opacity:1;
		margin:5px 0 0 0;
	}
	.main-header nav li ul.sub-menu li{
		margin:0;
	}
	
	.profile-standard .cols{
		margin:0!important;
	}
	.profile-standard .cols .col{
		width:100%!important;
		float:none!important;
		margin:0!important;
	}		
	
	/* Custom editor blocks */	
	.magazine-cta-block .wrapper{
		width: 100%;
	}
	
}

@media screen and (max-width: 900px) {
	
	/* Typography */
	h1{
		font-size:3rem;
	}
	.masthead,
	.intro,
	.subtitle{
		font-size:1.2rem;
	}
	
	/* Bands */
	.band-magazine-promo .promo-text{
		padding-top:20px;
	}
	.band-retailers .subtitle{
		padding:0;
	}
	
	/* Profile */
	.profile-image{
    	height:12rem;
	}	
	
	/* Article full */
	.full-article .feature-image{
		height:300px;
	}	
	.full-article header .meta{
		margin-bottom:0;
	}
	.full-article header .meta .avatar{
		display:block;
		margin:0 auto 20px auto;
	}
	.author .article-content{
		padding:20px 20px 20px 175px;
		min-height:120px;
	}
	.author .article-content img.avatar{
		width:120px;
	}
	
	/* Retailer profile */
	.testimonial-videos{
		flex-wrap: wrap;
	}
	.testimonial-videos .testimonial-video{
		flex: 0 1 100%;
	}
	
	/* Footer */
	.main-footer .cols-5 .col{
		width:17.5%;
	}
	.main-footer .cols-5 .col-span2{
		width:27.5%;
	}
	.main-footer h3{
		font-size:1rem;
	}
	
}

@media screen and (max-width: 760px) {
	
	/* Typography */
	h1{
		font-size:2.5rem;
	}
	
	/* Layout */
	.wrapper,
	.band-narrow .wrapper,
	.band-best-buy .wrapper,
	.masthead .wrapper{
		width:85%;
	}
	.masthead-home .col-span2{
		padding-right:0;
	}
	.band-best-buy .products,
	.magazine-preview{
		padding:0;
	}
	.owl-nav{
		display:none;
	}
	.band-magazine-promo img{
		width:70%;
		margin-left:30px;
	}
	.profile .main{
		width:100%;
		float:none;
		margin-bottom:20px;
	}
	.profile .details{
		width:100%;
		float:none;
	}
	.main-footer{
		text-align:center;
	}
	.main-footer h3{
		margin-bottom:5px;
	}		
	
	/* Linearise columns */
	.cols{
		margin-left:0!important;
	}
	.cols .col{
		float:none!important;
		width:100%!important;
		margin:0 0 30px 0!important;
	}	
	
	/* Tighten masthead */
	.masthead .masthead-inner{
		padding: 25px 0;
	}
	.masthead .subtitle{
		margin-bottom: 20px;
	}
	
	
	/* Retailer search */
	.retailer-search .search-options{
		width:100%;
	}
	.retailer-search .form-item{
		display:block;
		width:100%;
		margin:0 0 10px 0;
	}
	.retailer-search .form-item .text,
	.retailer-search .form-item .button{
		width:100%!important;
		box-sizing:border-box;
	}
	.retailer-search .search-toggle{
		display:inline-block;
		width:auto;
	}
	
	/* Profile */
	.masthead-approved{
		padding:0;
	}
	.masthead-approved .approved{
		position:relative;
		left:auto;
		margin:20px auto 0 auto;
	}
	.masthead-approved .approved-right{
		display:none;
	}
	.profile-image{
    	height:18rem;
	}		
	
	/* Article full */	
	.full-article header{
		padding:30px 0 0 0;
	}
	.full-article .wp-block-image .alignleft,
	.full-article .wp-block-image .alignright{
		float:none;
		width:100%;
		margin:0 0 30px 0;
	}
	.author .article-content{
		padding:20px;
		text-align:center;
		min-height:0;
	}
	.author .article-content img.avatar{
		display:inline-block;
		width:120px;
		position:relative;
		top:0;
		left:0;
		margin-bottom:20px;
	}
	
	/* Reviews */
	article.review{
		padding: 30px 30px 5px 30px;	
	}
	
	/* Full product */
	article.full-product .product-highlights-band .product-highlights{
		flex-wrap: wrap;
		gap: 20px;
	}
	article.full-product .full-product-main{
		flex-wrap: wrap;
		flex-direction: column-reverse;
		gap: 30px;
	}
	article.full-product .full-product-main .product-details,
	article.full-product .full-product-main .product-images{
		flex: 0 1 100%;
	}
	
	/* Magazine bridging page */
	.masthead-magazine-bridge img.magazine{
		width:150px;
	}
	.magazine-bridging-page .band{
		padding:50px 0;
	}
	.band-retail-directory .directory img{
		width:auto;
	}	
	
	/* Custom editor blocks */	
	.magazine-cta-block .wrapper{
		width: 100%;
		flex-wrap: wrap;
	}
	.magazine-cta-block .wrapper .magazine-cta-block-image{
		flex: 0 1 100%;
		margin-bottom: 30px;
	}
	.magazine-cta-block .wrapper .magazine-cta-block-content{
		flex: 0 1 100%;
	}
	
	
	
}

@media screen and (max-width: 600px) {
	
	/* Magazine request form */
	.magazine-form .radio-button-list--2 .radio-button-list__item{
		width:calc(100% - 15px);
	}

	.magazine-form .radio-button-list--4 .radio-button-list__item,
	.magazine-form .radio-button-list--5 .radio-button-list__item{
		width:calc(50% - 15px);
	}
	
	/* Retailer voucher */
	.retailer-voucher .voucher .voucher-header .voucher-details,
	.retailer-voucher .voucher .voucher-header .retailer-details{
		float:none;
		width:100%;
	}
	.retailer-voucher .voucher .voucher-header .voucher-details{
		text-align:center;
	}
	.retailer-voucher .voucher .voucher-header .voucher-details .logo{
		max-width:75%;
	}
	.retailer-voucher .voucher .voucher-content .headline{
		font-size:2rem;
	}
	
	/* Custom editor blocks */	
	.magazine-cta-block .wrapper{
		padding: 30px;
	}
	.magazine-cta-block .wrapper .magazine-cta-block-content{
		text-align: center;
	}
	
}