@import url("https://www.canoe-shops-group.co.uk/resources/checkout/css/checkout.css");
@import url('https://fonts.googleapis.com/css2?family=Urbanist:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Public+Sans:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap');

body{color:#333; font-family: 'Public Sans', sans-serif; font-size:1em; font-weight:300; margin:0; overflow-x: hidden; background-color:#fff;}

a {color:#111; font-weight: 400;}
a:hover {color:#2f82ac;}
.SmallPrint {font-size: 0.8em;}
.no-padding {padding: 0;}

/* MAIN MENU */
.active {color: #2f82ac !important;}

*{box-sizing:border-box; -moz-box-sizing:border-box;}

img{max-width:100%; height:auto; border:0px;}

/* CONTAIN FLOATS */
.clearfix:before, .clearfix:after, .row:before, .row:after, .cat-listing:before, .cat-listing:after, .cat-listing-best:before, .cat-listing-best:after {content: " "; display: table;}
.clearfix:after, .container:after, .row:after, .cat-listing:after, .cat-listing-best:after {clear: both;}

.nav-special {color: #C00 !important;}

/* MOBILE MAIN NAV TOGGLE */
.header-nav-toggle .menu-toggle {
	display: inline-block;
	padding: 10px;
	margin-left: 0.5em;
	background-color: #000;
}

.header-nav-toggle a {
	color: #FFF;
	text-decoration: none;
}

.header-nav-toggle a:hover {
	text-decoration: underline;
}

.header-nav-toggle span.bars {
	display: inline-block;
    position: relative;
}

.header-nav-toggle span.bars span {
	display: block;
    width: 20px;
    height: 2px;
    border-radius: 6px;
    background: #FFF;
    margin: 0 0 6px;
}

.header-nav-toggle span.bars span:last-of-type {
    margin: 0;
}

/* STELLARNAV - ADDITIONAL CSS */
.has-sub ul {
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	border-top: 1px solid #000;
}

.has-sub ul ul {
	box-shadow: none !important;
	border: none;
}

@media screen and (max-width: 960px) {
	.main-nav {background: #FFF !important; height: 0;}
	.has-sub hr {display: none;}
	#topmenu .menu-toggle {display: none;}
}

/* HEADER */
.header-logo {float:left; text-align:left; margin-bottom:0px;}
.upper-head-promo {position: relative; padding-top:5px;	min-height:34px;}
.upper-head-promo-mid {text-align:center; padding-top:5px; color:#FFF; font-weight: 900; font-family: 'Urbanist', sans-serif;}
.header-lower {width: 95%; margin: 0 auto; padding-top: 20px;}
.alert-promo-color {background-color:#9f3539; min-height:32px !important;}
.alert-promo-text {color:#29bbff !important; font-weight:600 !important; font-size:0.92em !important;}
.upper-promo-color {background-color:#9f3539;}
.upper-promo-color span {font-weight: 700; color: #FFF;}
.alert-head-main, .alert-head-text, .alert-head-sub-text {display: block;}
.alert-head-main {margin-bottom:0.3em !important; font-size:1.05em !important;}
.alert-head-text {font-weight:500;}
.alert-head-sub-text {font-size:0.88em !important; margin-top:0.3em;}
.header-contain span {font-family: 'Oswald', serif; font-size: 2.5em; font-weight: 500; text-transform: uppercase;}
	.header-contain a {text-decoration: none;}
.header-contain a:hover {color: #000 !important;}
.header-contain svg {height: 32px; margin-right: 5px;}

/* SEARCH BAR - HOBIE SELECTOR */
.hobie-search input[type=text] {width: 91%; font-size: 17px; border: 1px solid #d3d3d3; padding: 15px;}
.hobie-search button {width:9%; float: right; background: #2f82ac; font-size: 18px; font-family: 'Urbanist', sans-serif; font-weight: 600; color: #FFF; border: none; cursor: pointer; padding: 16px 0px;}
.hobie-search button:hover {background: #333;}

/* SEARCH BAR - HEADER */
.search-bar {padding-top:4px;}
.search-bar input[type=text] {width: 91%; font-size: 17px; border: 1px solid #d3d3d3; padding: 10px;}
.search-bar button {width:9%; float: right; background: #000000; font-size: 18px; font-family: 'Urbanist', sans-serif; font-weight: 600; color: #FFF; border: none; cursor: pointer; padding: 11px 0px;}
.search-bar button:hover {background: #2f82ac;}

@media screen and (max-width: 960px) {
    .search-bar {width:100%; grid-area: search;}
	.header-lower {display: grid; grid-template-areas:'title title title title title buy-nav buy-nav buy-nav buy-nav buy-nav' 'search search search search search search search search search search'; }
    .header-contain {grid-area: title; padding:0 !important; display: flex; align-items: center; justify-content: center;}
	.header-contain span {font-family: 'Oswald', serif; font-size: 2em; font-weight: 500; text-transform: uppercase;}
	.header-contain a {text-decoration: none;}
	.basketBtn {grid-area: buy-nav;}
	.header-contain svg {height: 26px;}
}

@media screen and (max-width: 600px) {
    .search-bar input[type=text] {width: 80%;}
    .search-bar button {width: 20%;}
	.header-contain svg {display: none;}
}

/* TOP - LOWERBANNER */
.top-head-links {min-height:28px; border-bottom: 1px solid #dcdcdc;}
.top-head-links ul li {display: inline-block; padding:0 12px 0 0 !important;}
.top-head-links ul {margin:0;}
.top-head-links a {font-family: 'Urbanist', sans-serif; font-weight: 500; text-decoration:none; font-size:0.95em; letter-spacing: 0.02em; color:#333;}
.top-head-links a:hover {text-decoration:underline;}
.after-applied a::after {position: absolute;  padding-left:6px; content: "|"; color:#000;}
.lower-ban-element {font-size:0.9em; font-weight:600; font-family:'Urbanist', sans-serif; letter-spacing: 0.04em; background-color:FFF; text-align: center;}
.phone-ico {background-image: url('/images/site/icons/contact.png'); background-repeat: no-repeat; padding-left: 24px; display: inline-block; margin:0 auto; text-decoration: none; cursor: default;}
.delivery-ico {background-image: url('/images/site/icons/delivery.png'); background-repeat: no-repeat; padding-left: 32px; display: inline-block; margin:0 auto; text-decoration: none;}
.click-collect-ico {background-image: url('/images/site/icons/click-collect.png'); background-repeat: no-repeat; padding-left: 24px; display: inline-block; margin:0 auto; text-decoration: none;}
.shop-ico {background-image: url('/images/site/icons/shop.png'); background-repeat: no-repeat; padding-left: 24px; display: inline-block; margin:0 auto; text-decoration: none;}
.lower-ban-contain, #lowerbanner {background-color:#f1f1ee;}
.phone-num {text-decoration:none; color:#2f82ac;}
.lower-ban-element a {transition:all 0.3s ease; font-weight:500;}
.top-header-p {font-size:0.9em; padding:1px 0 0 12px !important; color:#000; cursor:default;}

@media screen and (min-width: 650px) {
    .lower-ban-contain {display:flex; justify-content:center;}
}

@media screen and (max-width: 650px) { /* Hidden elements based on mobile res */
    .top-head-links {display:none;}
    .lower-ban-element {padding:8px 0;}
    .element-two, .element-three, .element-four {display:none;} 
}

@media screen and (min-width: 651px) and (max-width: 960px) {
    .lower-ban-element {width: 50%; margin:12px 0;}
    .element-three, .element-four {display:none;}
}

@media screen and (min-width: 960px) and (max-width: 1349px) {
    .lower-ban-element {width: 33.33333%; margin:12px 0;}
    .element-four {display:none;}
}

@media screen and (min-width: 1350px) {
    .lower-ban-element {width: 25%; margin:12px 0;}
}

/* FOOTER */
.footer-wrap {display: flex;}
.lower-foot, .foot-main {display: flex; flex-wrap: wrap; width: 100%; -moz-box-pack: center; justify-content: center; margin-bottom: 1rem; font-family: 'Public Sans', sans-serif;}
.pay-methods ul, .socials ul {display: flex; padding: 0; margin:0;}
.pay-methods ul li {display: inline; padding: 0 0.5em 0.2em 0;}
.socials ul li {display: inline; padding: 0 0.8em 0.2em 0;}
.short-links ul {padding:0.4em 0 0.4em 0; margin:0;}
.short-links ul li {list-style-type: none; text-align: center; padding:0 0 0.2em 0;}
.short-links a {transition:all 0.3s ease; text-decoration:none; font-weight:600; color:#000;}
.short-links a:hover {color:#32659a !important;}
.copyright-msg {width:95%; margin: 0 auto; text-align:center; font-size: 0.9em; padding:1em 0 2em 0; border-top:1px dotted #726F6E;}
.lower-foot-final {display: flex; flex-wrap: wrap; width: 100%; -moz-box-pack: center; justify-content: center; padding:0 1em 8em 1em; font-family: 'Public Sans', sans-serif; font-size: 0.9em; text-align: center;}

@media screen and (min-width: 1000px) {
    .lower-foot-wrap {display: flex; flex-direction: row; flex-wrap:wrap; width:90%; max-width: 1350px; padding:0px; margin-left: auto; margin-right: auto;}
    .pay-methods, .socials {display: flex; width: 50%; max-width:50%; margin-top:0; }
    .pay-methods, .copyright-msg {-moz-box-pack: left; justify-content: left;}
    .socials, .short-links {-moz-box-pack: right; justify-content: right;}
    .copyright-msg, .short-links {display: flex; width: 50%; max-width:50%; border-top:1px dotted #726F6E;}
    .short-links ul {padding-top:0.8em;}
    .short-links ul li {display: inline; padding:0 1em 0 0;}
    .short-links a {font-weight:500; font-size:0.9em;}
    .short-links li:not(:last-child) a::after {position: absolute; padding:1px 0 0 6px; content: "\002F";}
	.lower-foot-final {display: flex; width: 100%; max-width:100%; margin-top:0; }
}

/* FOOTER - SUB MENU*/
.submenuhead {display: flex; width:95%; margin:0 auto; cursor: pointer; font-family: 'Public Sans', sans-serif; font-size: 1.2em; font-weight: 600; color:#000; border-top:1px dotted #726F6E; padding:0.6em 0.2em 0.6em 0.2em; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none;}
.submenucontent {display:none; overflow:hidden; width:95%; margin:0 auto;}
.submenucontent ul {padding:0 0 2em 0; margin:0;}
.submenucontent ul li {list-style-type: none; text-align: center;}
.submenuico {width: 24px; height: 20px; background-image: url("/images/site/icons/expand.svg") !important; overflow: hidden; background-repeat:no-repeat; display: inline-block; margin-left: auto; margin-top:0.3em;}
.ul-sub {margin-top:1em;}
.ul-sub-heading {font-weight: 600; color: #000; font-size:1em;}
.ul-sub .ul-sub-heading {padding-bottom:1em;}
.about-txt {text-align: justify !important; margin:0.4em 0;}
.about-txt a {text-decoration-line: underline;}
.content-links ul li {font-weight: 500; margin:0.4em 0;}
.content-links a {text-decoration:none;}
.ul-sub-t {margin:1em 0 0.1em 0;}
.ul-sub-e {margin:0.1em 0 1em 0;}
.ul-sub-t a, .ul-sub-e a {font-size: 1em; font-weight: 600; color:#32659a; text-decoration: none;}

@media screen and (min-width: 1000px) {
    #footer-wrap {border-top:1px dotted #726F6E; margin-top:1.4em;}
    .foot-main {width:90%; max-width: 1350px; padding:1.6em 1.6em 0 1.6em; margin-left: auto; margin-right: auto; flex-direction: row;}
    .submenuhead {width: 25%; max-width: 25%; pointer-events: none; cursor: default; border: none; padding:1em 0.1em;}
    .submenuico {display: none;}
    .submenucontent {width: 25%; max-width: 25%; display: flex; padding:0 0.1em;}
    .submenucontent ul li {text-align: left;}
    .submenucontent a {text-decoration: none;}
    .about-txt a {text-decoration-line: underline;}
    .order-1 {order:1;}
    .order-2 {order:2;}
    .order-3 {order:3;}
    .order-4 {order:4;}
    .order-5 {order:5;}
    .order-6 {order:6;}
    .order-7 {order:7;}
    .order-8 {order:8;}
    .order-9 {order:9;}
    .order-10 {order:10;}
    .contact-ul {font-size:0.9em;}
    .content-links ul li {margin:0.4em 0; font-weight:500;}
    .about-txt {text-align: justify; font-size:0.9em; margin-bottom:1em;}

    .showroom-hours-mob {display:none;}
}

@media screen and (min-width: 570px) { /* Show elements mobile only */
    .hide-md-lg {display: none;}
}

@media screen and (max-width: 1000px) { /* Show elements mobile only */
    .showroom-hours {display: none;}
}

/* SIDEMENU */
#sidemenu{width:250px; position: relative; float:left; padding:0; margin: 10px 0 0 0;	min-height:500px;}
#sidemenu p{text-align:left !important;}
.lhs-box {width: 100%; background-color: #FFF; margin:15px 0; padding:0;}
#nav-left ul {list-style-type: none; margin: 0; padding: 0; width: 100%;}
#nav-left li a {display: block; background-color:#f5f5f5; border-left: 4px solid #f5f5f5; border-right: 4px solid #f5f5f5; color:#222; width:#100%; padding: 10px 16px; margin:4px 0; text-decoration: none; font-weight: 500; transition:all 0.3s ease;}
#nav-left li a:hover {border-left: 4px solid #2f82ac; border-right: 4px solid #2f82ac; color:#2f82ac; text-decoration: none; padding-left:24px;}
#nav-left a:visited {text-decoration:none;}
#nav-left a:active {text-decoration:none;}
.big {font-size:1.4em; color: #2f82ac; margin:0.8em 0 0.4em 0;}
.lhs-header {font-size:1.2em; font-family: 'Urbanist', sans-serif; font-weight:500; color:#333; margin:0;}

/* GRID ELEMENTS - VERTICAL SPACING */
.grid_1, .grid_2, .tab-buy, .tab-colour, .related-products, .cat-price, .grid_3, .tab-kit-img, .tab-kit-img-large, .product-thumb, .product-thumb-rhs, .product-box-long, .cat-listing-info, .product-box-large, .cat-listing-zoom-outer, .cat-listing-brand, .block-cat-pic, .grid_4, .tab-feature, .featureImage, .product-listing-wrapper, .cat-3-boxes, .grid_5, #rhs-prod, .grid_6, .cat-2-boxes, .grid_7, .tab-kit-text, #lhs-prod, .block-cat-info, .grid_8, .tab-features-text, .grid_9, .prod-img-kit-first-paragraph, .grid_10, .grid_11, .grid_12, .prod-img-lhs, .prod-img, .text, .promotion-box, .open-times-box, .sub-foot-tab {margin-bottom:5px; position: relative; min-height: 1px;top: -4px; padding-left: 5px;	padding-right: 5px;}

.cat-listing-kit {margin-bottom:5px; position: relative; min-height: 1px;top: -4px; padding-left: 15px;	padding-right: 15px;}
.row, .cat-listing, .cat-listing-best{margin-left: -15px; margin-right: -15px;}
.rightfloat{float:right !important;}
.leftfloat{float:left !important;}

#carousel-outer {
	width: 100%;
	order:3;
	background-color: #000;
	color: #FFF;
}

#carousel-outer .int {
	padding:0.6em 0.5em;
}

.carousel-main ul {
	max-width: 1450px;
	margin: 0 auto;
	display: grid;
	grid-auto-flow: column;
	grid-auto-columns: calc(100% / 4);
}

.carousel-main ul {
	list-style: none;
	padding: 0;
}

.carousel-li-int {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
}

.carousel-main li a {
	display: flex;
	justify-content: center;
	align-items: center;
	font-family: 'Urbanist', sans-serif;
	color: #FFF;
	text-decoration: none;
}

.txt-contain {
	font-weight: 800;
	font-size: .9em;
	margin-left: 1em;
}

.txt-contain-small {
	font-weight: 500;
	font-size: .9em;
	margin-top: 0.1em;
}

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

	#carousel-outer .int {
		padding:0.6em 0.5em;
	}

    .carousel-main ul {
		grid-auto-columns: calc(100% / 1);
	}

	.txt-contain {
		display: flex;
        flex-direction: row;
        column-gap: .8em;
        font-size: 1.05em;
	}

}

@media only screen and (min-width: 500px) and (max-width: 750px) {

    .carousel-main ul {
		grid-auto-columns: calc(100% / 1);
	}

}

@media only screen and (min-width: 751px) and (max-width: 1000px) {

    .carousel-main ul {
		grid-auto-columns: calc(100% / 1);
	}

}

/* BRCRUMB LINKS */
#brcrumb{margin:5px 0;}
#brcrumb a {text-decoration: none; font-family: 'Public Sans', sans-serif; color:#000; font-weight: 400;}
#brcrumb a:link, #brcrumb a:active, #brcrumb a:visited {text-decoration:none;}
#brcrumb a:hover {color:#2f82ac;}
.bcrumb{margin:5px 0;}
.bcrumb a {text-decoration: none; font-family: 'Public Sans', sans-serif; color:#000; font-weight: 400;}
.bcrumb a:link, #brcrumb a:active, #brcrumb a:visited {text-decoration:none;}
.bcrumb a:hover {color:#2f82ac;}

/* STRUCTURE - START */
#foundation {display: flex; flex-direction: column;}
#banner{order:1; width: 100%; background-color:#FFF;}
#topmenu{order: 2; width:100%; background-color:#FFF; z-index: 1;}
#lowerbanner{order: 3; width:100%; color:#000;}
#banner form{margin-top:0px;}
#nav{width:100%;}
#header {padding:5px; background-color:#FFF; min-height:90px;}
#wrapper{order: 4; width: 100%; margin: 0 auto; background-color:#FFF;}
#wrapper-inner{width: 92%; margin: 0 auto;}
#wrapper img {opacity:1; transition:all 0.3s ease;}

@media screen and (max-width: 360px) {
    .header-lower{padding-top:10px;}
    /* .basketlite-holder{height: 22px !important;} */
    .upper-head-promo {min-height:20px;}
    .upper-head-promo-mid {margin-bottom:0 !important;}
    .search-bar {padding-top:6px;}
    .basketlite-holder a {font-size: 1.2em !important;}
}

@media screen and (min-width: 361px) and (max-width: 442px) {
    .header-lower{padding-top:10px;}
    .search-bar {padding-top:8px;}
    .upper-head-promo {min-height:20px;}
    .upper-head-promo-mid {margin-bottom:0 !important;}
    .basketlite-holder a {font-size: 1.2em !important;}
}

@media screen and (min-width: 443px) and (max-width: 650px) {
    .header-lower{padding-top:10px;}
    .search-bar {padding-top:8px;}
    .upper-head-promo {min-height:20px;}
    .upper-head-promo-mid {margin-bottom:0 !important;}
    .basketlite-holder a {font-size: 1.2em !important;}
}

@media screen and (min-width: 651px) and (max-width: 960px) {
    .header-lower{padding-top:10px;}
    .search-bar {padding-top:8px;}
    .upper-head-promo {min-height:20px;}
    .upper-head-promo-mid {margin-bottom:0 !important;}
    .basketlite-holder a {font-size: 1.2em !important;}
}

@media only screen and (min-width: 961px) and (max-width: 1300px) {
    .basketlite-holder a {font-size: 0.9em !important;}
    .basketlite-holder p {padding:0 4px 0 0 !important;}
    .basketBtn button {padding:11px 8px 11px 4px !important;}
}

@media only screen and (min-width: 1301px) {
    .basketlite-holder a {font-size: 1.2em !important;}
    .basketlite-holder p {padding:0 12px 0 0 !important;}
    .basketBtn button {padding:11px 8px 11px 12px !important;}
}

@media only screen and (min-width: 961px) {
    #banner-lower{max-width: 1200px; margin: .75em auto;}
    .header-lower{max-width: 1350px; margin: .5em auto;}
    .header-contain {padding:0 !important;}
    #wrapper{margin: .75em auto;}
    #wrapper-inner{margin: .75em auto; max-width: 1350px; }
    #lowerbanner-inner, .top-head-links-inner {margin:0 auto; max-width: 1350px; }
	.header-nav-toggle {display: none;}
	.header-contain {top: -10px;}

    .row { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; min-width: 100%;}

    .grid_1, .grid_2, .tab-buy, .tab-colour, .related-products, .cat-price, .grid_3, .tab-kit-img, .tab-kit-img-large, .product-thumb, .product-thumb-rhs, .product-box-long, .cat-listing-info, .product-box-large, .cat-listing-zoom-outer, .cat-listing-brand, .cat-listing-kit, .block-cat-pic, .grid_4, .tab-feature, .featureImage, .product-listing-wrapper, .cat-3-boxes,
    .grid_5, .grid_6, .cat-2-boxes, .grid_7, .tab-kit-text, #lhs-prod, .block-cat-info, .grid_8, .tab-features-text, .grid_9, .prod-img-kit-first-paragraph, .grid_10, .grid_11, .grid_12, .prod-img-lhs, .prod-img, .text, .promotion-box, .open-times-box, .sub-foot-tab {float: left; display: block; padding-left: 15px; padding-right: 15px; flex: auto;}

    #rhs-prod {float: right; display: block; padding-left: 15px; padding-right: 15px;}

    .grid_1 {width: 8.33333333%; max-width: 8.33333333%;}
    .grid_2, .tab-buy, .tab-colour, .cat-price {width: 16.66666667%; max-width: 16.66666667%;}
    .related-products, .sub-foot-tab {width: 20%; max-width: 20%;}
    .grid_3, .tab-kit-img, .tab-kit-img-large, .product-thumb, .product-thumb, .product-box-long, .cat-listing-info, .product-box-large, .cat-listing-zoom-outer, .cat-listing-brand, .cat-listing-kit, .block-cat-pic, .promotion-box, .open-times-box {width: 25%; max-width: 25%;}
    .grid_4, .tab-feature, .featureImage, .product-listing-wrapper, .cat-3-boxes {width: 33.33333333%; max-width: 33.33333333%;}
    .grid_5, #rhs-prod {width: 41.66666667%; max-width: 41.66666667%;}
    .grid_6, .cat-2-boxes {width: 50%; max-width: 50%;}
    .grid_7, .tab-kit-text, #lhs-prod, .block-cat-info {width: 58.33333333%; max-width: 58.33333333%;}
    .grid_8, .tab-features-text {width: 66.66666667%; max-width: 66.66666667%;}
    .grid_9, .prod-img-kit-first-paragraph {width: 75%; max-width: 75%;}
    .grid_10 {width: 83.33333333%; max-width: 83.33333333%;}
    .grid_11 {width: 91.66666667%; max-width: 91.66666667%;}
    .grid_12, .prod-img-lhs, .prod-img, .text {width: 100%; max-width: 100%; padding-left: 15px; padding-right: 15px;}

    .basketBtn {float: right !important;}
    .basketBtn .button {padding:12px 8px;}
	
	
    .brandImgTop {margin-left:auto !important; order:2 !important;}
	
	/* HOBIE OUTFITTING IMAGE BACKED DIV */
	.img-backed-div {position: relative; text-align: center; height: 125px;}
	.img-backed-div img {width:100%;}
	.img-backed-div img:hover {opacity:1 !important;}
	.hobie-outfitting {background: url(/hobie-kayaks/images/outfitting.jpg) no-repeat center center;}
	.backed-div {background-color:#2f82ac; min-height:125px; margin: 0 !important;}
	.backed-div h4 {margin:1em 0 0.2em 0; color:#FFF; text-transform: uppercase; }
	.backed-div p {margin:0 0 1em 0; color:#FFF; font-size:1em;}
	.backed-div-pg {background-color:#2f82ac; padding:0.1em 1em 0.3em 1em; margin:0.5em 0 1em 0 !important;}
	.backed-div-pg h4 {margin:1em 0 0.2em 0; color:#FFF; text-transform: uppercase; font-size:0.9em;}
	.backed-div-pg p {margin:0 0 1em 0; color:#FFF; font-size:0.85em;}

}

/* HOBIE OUTFITTING IMAGE BACKED DIV */
.img-backed-div {position: relative; text-align: center; height: 125px;}
.img-backed-div img {width:100%;}
.img-backed-div img:hover {opacity:1 !important;}
.hobie-outfitting {background: url(/hobie-kayaks/images/outfitting.jpg) no-repeat center center;}
.backed-div {background-color:#2f82ac; min-height:125px; padding:0.2em 1em; margin-top:1em;}
.backed-div h4 {margin:1em 0 0.2em 0; color:#FFF; text-transform: uppercase; font-size: 0.9em;}
.backed-div p {margin:0 0 1em 0; color:#FFF; font-size:0.95em;}
.backed-div-pg {background-color:#2f82ac; padding:0.1em 1em 0.3em 1em; margin:1.4em 0;}
.backed-div-pg h4 {margin:1em 0 0.2em 0.2em; color:#FFF; text-transform: uppercase; font-size:0.85em;}
.backed-div-pg p {margin:0 0 1em 0.2em; color:#FFF; font-size:0.85em;}

#topmenu-inner{max-width: 1350px; margin: 0 auto;}
#content-index, #content-footer, #content-sub-foot {width:92%; max-width: 1350px; position: relative; padding:0px; margin-left: auto; margin-right: auto;}
#content-index {padding-bottom:1.5em;}
#content form{margin-top:10px; margin-bottom:10px;}
#content{min-height:200px; width:calc(100% - 260px); float:right; background-color: #FFF; padding:10px 10px 30px 10px;}

@media screen and (max-width: 960px) {
	#content-index {padding-top:1em;}
	.map {display: none;}
}

/* FLEX VIDEO */
.flex-video {position: relative; padding-bottom: 56.25%; padding-top: 25px;	height: 0;}
.flex-video iframe {position: absolute;	top: 0;	left: 0; width: 100%; height: 100%; padding-top: 25px; padding-bottom: 15px;}

/* PRODUCT PAGES/LISTINGS */
/* RHS PROD LISTING */
#rhs-prod h1{margin-bottom:0px !important; color: #333; text-transform: capitalize; line-height: 1.1em;}
#rhs-prod h2{margin-bottom:10px; margin-top:0; font-size:0.9em; color:#666; text-transform: capitalize;}
#rhs-prod p {margin-bottom: 10px;}

/* LHS PROD LISTING */
.prod-img, product-img, .prod-img-kit-first-paragraph, .prod-img-lhs {border:0;}
.prod-img img, product-img img, .prod-img-kit-first-paragraph img, .prod-img-lhs img{margin:25px 0; display: block; margin-left: auto; margin-right: auto;}
.product-thumb img, .product-thumb-rhs img {padding:4px;}

/* LHS PROD - SCROLLING IMG THUMBS */
.scrolling-wrapper-flex {display: flex; flex-wrap: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch; padding:0.4em 0; margin-bottom:3em;}
.product-thumb-scroll {flex: 0 0 auto; padding:0.2em;}

@media screen and (min-width: 961px) {
  .scrolling-wrapper-flex {flex-wrap:wrap;} 
  .product-thumb-scroll {max-width:120px;}
}
@media screen and (min-width: 961px) and (max-width: 1150px) {
  .scrolling-wrapper-flex {align-items: center; justify-content: center;}
}
.glightbox:has(.lightbox-video-overlay) {
	position: relative;
	display: block;
}

.lightbox-video-overlay {
	position: absolute;
	width: 60%;
    top: 50%;
    left: 50%;    
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

/* CATEGORY LISTINGS - ADDITIONAL CSS - START */
.cat-listing, .cat-listing-best {border-bottom: 1px dotted #dcdcdc; padding: 20px 0;}
.cat-price {font-weight:300; text-align: left; font-size: 1.0em; padding-top:8px;}
.pricesimple-price{color: #2f82ac; font-family: 'Urbanist', sans-serif; line-height: 1.5em; font-size: 1.2em; font-weight: 700; padding-left:4px;}
.block-cat-info H2 a {text-decoration:none; color:#313131;; font-weight:600;}
.block-cat-info H2 a:hover {color:#2f82ac;}
.cat-listing-kit {outline: 1px solid #dcdcdc; outline-offset: -5px; -moz-outline-radius: 2px; padding-top:15px; padding-bottom:15px;}
.cat-listing-kit img {display:block; margin-left:auto; margin-right:auto; padding: 0 5px;}
.cat-listing-kit-price {text-align:left; font-size:16px; color:#C00; font-weight:bold; margin-bottom:15px;}
.cat-header {font-size:1.2em; margin: 10px 0; text-align:center; color:#666; font-family: 'Urbanist', sans-serif; font-weight: 600; letter-spacing: 0.04em; padding-top: 10px}
.cat-header a {text-decoration:none; font-weight:600;}
.cat-2-boxes, .cat-3-boxes, .cat-listing-brand, .cat-listing-zoom-outer, .product-box-large, .product-listing-wrapper, .cat-listing-info, .product-box-long, .related-products {outline: 1px solid #dcdcdc; outline-offset: -5px; -moz-outline-radius: 2px; text-align:center; margin-top:10px 0; padding:15px 10px;}
.cat-listing-brand {position: relative; z-index: 0;}
.cat-2-boxes img, .cat-3-boxes img, .product-box-large img, .product-listing-wrapper img, .cat-listing-info img, .product-box-long img{padding:0 5px;}
.cat-2-boxes h2, .cat-3-boxes h2, .cat-3-boxes a, .cat-listing-zoom-outer h2, .product-box-large h3, .product-listing-wrapper h1, .cat-listing-info h2{text-align: center; text-decoration:none;}
.cat-2-boxes h2 a, .cat-3-boxes h2 a, .cat-3-boxes a:hover, .cat-listing-zoom-outer h2 a, .product-box-large h3 a, .product-listing-wrapper h1 a, .cat-listing-info h2 a, .tab-kit-text a{text-decoration:none; color:#2f82ac; font-weight:600;}
.cat-2-boxes h2 a:hover, .cat-3-boxes h2 a:hover, .cat-listing-zoom-outer h2 a:hover, .product-box-large h3 a:hover, .product-listing-wrapper h1 a:hover, .cat-listing-info h2 a:hover, .tab-kit-text a:hover{color:#2f82ac;}
.cat-listing-brand img, .cat-listing-info img, .related-products img {display:block; margin-left:auto; margin-right:auto;	text-align:center; padding:0 5px;}
.block-cat-pic, .equipment-box-image, .featureImage, .tab-kit-img-large, .tab-kit-img {text-align:center;}
.product-box-price {text-align: center;	font-size: 1em;	color: #2f82ac;	font-weight: 600; margin:10px 0;}
.equipment-box-text {text-align: center; padding:5px;}
.related-products img, .featureImage img, .tab-kit-img-large img, .tab-kit-img img {padding:15px 0;}
.related-products-text a {text-decoration: none; letter-spacing: 1px; color:#2f82ac; font-weight: 600; font-size: 1.1em; transition:all 0.3s ease;}
.related-products-text a:hover {color:#111;}
.tab-features-text {padding-top:15px;}
.tab-header {font-size: 1.1em; padding:8px 0; font-weight: 600;}
.tab-colour{padding:4px; margin:5px 0; text-align: center;}
.tab-buy {padding:4px; margin:5px 0;}
.tab-feature {padding:4px;}
.cat-listing-zoom-outer a {text-decoration:none;}
.cat-listing-zoom {overflow:hidden;}
.cat-listing-zoom img {margin-left:auto; margin-right:auto; padding:10px 5px; text-align:center; display: block; -webkit-filter: grayscale(00%); -moz-filter: grayscale(00%); -o-filter: grayscale(00%); -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease;}
.cat-listing-zoom img:hover {-webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2);}
.cat-listing-title-centre {font-size:1.6em; letter-spacing: 0.04em; font-weight:600; margin: 10px 0; text-align:center; color:#333; font-family: 'Urbanist', sans-serif; padding-top: 10px}
.cat-listing-title-centre a {color:#5d5d5d; text-decoration: none;}
.cat-listing-title-centre a:hover {color:#2f82ac; text-decoration: none;}
/* CATEGORY LISTING - ADDITIONAL CSS - END */

.text {padding:0 0 15px 0; margin:15px 2px; border-bottom: 1px solid #dcdcdc;}
.text h1, .text h2{color:#333;}
.price {font-size:0.9em; color:#2f82ac;	font-weight:700; margin:10px 0 0 6px;}
.prod-access-price {font-size:1em; color:#2f82ac; font-weight:500; margin:10px 0;}
.line{clear:both; border-bottom: 1px dotted #dcdcdc; margin:10px 0;}
.sub-header {font-size:1.5em; font-family: 'Urbanist', sans-serif; font-weight:600; margin:5px 0 15px 0; color:#000;}
.fb-page {padding-top: 22px;}
.image-note {font-size:0.7em; text-align:center; padding-bottom: 8px;}
.hobie-delivery-foot {margin: 25px 35px 20px 20px; padding:20px; border: 2px solid #2f82ac; border-radius:2px;}
.hobie-delivery-foot p {padding: 10px 0 0 0;}
.hobie-delivery-foot h2 {font-size:1.2em; color: #F00;}
.force-align-left {text-align: left !important;}
.flex-align-center {align-content: center;}
.flex-justify-center {justify-content: center;}
.text-align-center {text-align: center;}

@media screen and (max-width: 900px) { /* Hidden elements based on tab res */
    #sidemenu {display: none;}
    #content{width:100%;}
}

@media screen and (max-width: 450px) { /* Hidden elements based on mobile res */
    .hide-element-mob, .tooltip img, .tooltiptext {display: none;}
}

/* PRODUCT PAGE ALERT BOXES - PACKAGES */
.section-alert-box {background-color: #d6ecf8; border-top: 4px solid #004085; border-radius: 0 0 2px 2px; padding:0.4em 1em 1em 1em; margin:0.4em 0;}
.section-alert-img {padding-top:1.2em;}
.section-alert-content {display: flex; flex-direction: column; justify-content: center;}
.section-alert-content ul {margin:1em 0;}
.section-note-initial {font-family: 'Urbanist', sans-serif; font-size:1.25em; font-weight: 700; color: #004085; margin:0.2em 0 0.4em 0;}
.section-note {font-family: 'Urbanist', sans-serif; font-size:0.9em; font-weight: 500;}
.rhs-alert-box {background-color: #d6ecf8; border-left: 4px solid #004085; border-radius: 0 2px 2px 0; padding:0.4em 0.6em;}
.buylink-note-initial {font-family: 'Urbanist', sans-serif; font-size:0.9em; font-weight: 700; color: #004085;}
.buylink-note {font-family: 'Urbanist', sans-serif; font-size:0.9em; font-weight: 500;}
@media screen and (max-width: 960px) {
	.section-note-initial, .section-note {text-align: center;}
}

/* BUYLINK CSS */
.block-buy {width:100%; margin-bottom:14px;}
.block-buy form {width:100%;}
div.buylink-holder {background:rgb(239, 239, 239); border: 2px solid #d7d7d7; padding:15px; margin-top:20px;}
div.buylink-holder h2 {color: #333 !important;font-size:1.2em !important; padding-bottom: 8px;}
.multi-prod-buylink-process h2 {display:none;}
.multi-prod-buylink-process {padding-bottom:8px;}
.multi-prod-buylink-process div {background: #FFF; border: 0;}
.multi-prod-buylink-process button:hover {background: #FFF !important;}

/* BASKET BUTTON HEAD CSS */
.basketBtn{padding:0 !important; display: flex; align-items: center; justify-content: center;}
.brandImgTop {padding:0 !important; display: flex; align-items: center; justify-content: center;}
.basketBtn button {background: #000000; color: #FFF; border: none; cursor: pointer; padding:11px 16px 11px 14px; content: url(/images/site/basket-ico.png);}
.basketlite-holder {background: #000000; height: 38px !important; margin-right: 0 !important;}
.basketlite-holder p {margin-top: 12px; padding:0 12px 0 0;}
.basketlite-holder a {
	display: inline-block;
	color:#fff; 
	font-weight:600; 
	text-decoration: none;
    overflow: hidden;
    white-space: nowrap;
}
.basketlite-holder a:hover {text-decoration:underline;}
.basketBtn .button {
	position: relative;
	background-color: #000;
	padding:8px;
}
.basketBtn .button svg {
	height: 22px;
	fill:#FFF;
}

@media only screen and (max-width: 600px) {
	
	.basketlite-holder {display: none;}
	
}

@media only screen and (min-width: 961px) {
	
	#topmenu-inner{min-height: 50px;}
	.basketBtn .button {margin-top:4px; padding: 10px 8px;}
	.basketlite-holder {margin-top:4px; height: 42px !important;}
	
	
}

/* BUYLINK BUTTONS */
.more-info-button {font-family: 'Urbanist', sans-serif; color: #FFF; font-weight: 600; letter-spacing:0.02em; cursor: pointer; text-align: center; text-decoration: none; padding: 6px 12px; border: solid 2px #2f82ac; background: #2f82ac; border-radius:2px; transition:all 0.3s ease; margin-bottom: 8px;}
.more-info-button:hover {background: #FFF; color: #2f82ac;}
.prod-access-buy button, .hobie-part-buy-btn {font-family: 'Urbanist', sans-serif;	color: #FFF; font-weight: 600; letter-spacing:0.02em; display: inline-block; outline: 0; cursor: pointer; text-align: center; text-decoration: none; padding: 6px 12px border: solid 2px #2f82ac;	background: #2f82ac; margin-top:10px; transition:all 0.3s ease;}
.prod-access-buy button:hover, .hobie-part-buy-btn:hover {text-decoration:none; background:#FFF; color: #2f82ac;}
.prod-access-buy button a, .hobie-part-buy-btn a {text-decoration:none;}

/* BACK TO TOP BTN */
.topBtnUp {border: solid #FFF; border-width: 0 5px 5px 0; display: inline-block; padding: 3px; transform: rotate(-135deg); -webkit-transform: rotate(-135deg);}
#topBtn {display: none; position: fixed; bottom: 20px; left: 30px; z-index: 99; border: none; outline: none; background-color: #2f82ac; cursor: pointer; padding:27px 25px 22px 25px;
border-radius: 30px;}

/* WEIGHT CAPACITY POP UP - START */
.tooltip {position: relative; display: inline-block; border-bottom: 1px dotted black;}
.tooltip .tooltiptext {visibility: hidden; width: 250px; background-color: #FFF; color: #000; text-align: center; border-radius: 6px; border-color:#666; border-style:solid; padding: 5px 0; position: absolute; z-index: 1; top: 150%; left: 50%; margin-left: -60px;}
.tooltip .tooltiptext::after {content: ""; position: absolute; bottom: 100%; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: transparent transparent black transparent;}
.tooltip:hover .tooltiptext {visibility: visible;}

/* LEGACY STYLE - START */
.RedBold {font-weight: 500; color: #FF0000; font-size: 0.9em;}
hr{width:85%; background-color:#CCC; color:#CCC; margin-left:auto; margin-right:auto; margin-top:5px; margin-bottom:5px; border:0; text-align:left;	height:2px;}
.clear {clear:both;}
.empty, .button a{position:absolute; width:100%; height:100%; top:0; left: 0; z-index: 1; background-image: url('empty.gif');}
.clearance-price .pricesimple-price {color: #e50100; font-weight: 600;}
.no-border {border:none;}
.txt-underline {text-decoration: underline;}
.desc-highlight {font-weight: 600; margin-bottom: 0.8em;}
.blue-font {color:#2f82ac;}

/* CLICK N COLLECT STEPS */
.cnc-step-box {background-color:rgb(239, 239, 239); padding:25px 0; margin:25px 0 10px 0;}

/* INDEX CONTENT */
.idx-sub-header {
	font-family: 'Urbanist', sans-serif;
	font-weight: 800;
	font-size: 1.8em;
	color: #000;
	margin:1em 0 1.35em 0.3em;
}
.idx-department, .idx-bkgrnd {background-color: #f1f1ee;}
.idx-department-featured {background-color: #FFF;}
.idx-text p {text-align: justify; padding:0 2em;}
.idx-text p:last-of-type {padding-bottom: 1em;}
.idx-text h1 {padding:0 1.2em; cursor: default;}
.idx-text {padding:1em 0; color:#000; display: flex;}
.idx-text-int {display: flex; flex-direction: column; justify-content: center;}
.idx-featured-outer { outline: none; transition:all 0.1s ease;}
.idx-featured {background-color: #fff; padding: 10px;}
.idx-featured:hover {cursor: pointer; box-shadow: inset 0 0 2px 2px #2f82ac;}

.idx-hover {transition: .5s ease; opacity: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); text-align: center;}
.promotion-box:hover .idx-promo-image {opacity: 0.7 !important;}
.promotion-box:hover .idx-hover {opacity: 1; cursor:pointer;}
.idx-hover-text {background-color: #069; color: white; font-size: 1.0em; font-weight: 600; letter-spacing: 0.04em; font-family: 'Urbanist', sans-serif; padding: 10px 10px;}

@media only screen and (min-width: 961px) {
    .idx-hover-text {padding: 14px 12px; font-size: 1.2em;}
}

.main-content-box {
    display: flex;
    flex-direction: column;
    flex: 1 1 100%;
	justify-content: center;
    padding:5em 2em;
}

.main-content-box h1 {
	text-align: center;
    font-size: 3em;
	margin:0 0 0.5em 0;
	color: #000;
}

.main-content-box h2 {
	text-align: center;
    font-size: 1.8em;
	margin:0 0 1.4em 0;
	color: var(--main-accent-color);
}

.main-content-box p {
	text-align: center;
	color: #000;
    margin-bottom:1em;
}

.img-bk-content {
	display: flex;
	flex-direction: column;
	justify-content: center;
	z-index: 3;
}

.img-bk-content h3 {
	text-align: center;
    font-size: 3em;
	margin:0 0 0.5em 0;
	color: #FFF;
	text-shadow: 0 0 3px #000;
}

.img-bk-content p {
	text-align: center;
	font-size: 1.2em;
	color: #FFF;
    margin-bottom:1em;
	text-shadow: 0 0 3px #000;
}

.img-bk-content a {
	display: flex;
	justify-content: center;
}

@media only screen and (max-width: 549px) {
	.img-bk-content h3 {
		font-size: 2.2em;
	}

	.img-bk-content p {
		font-size: 1em;
	}

}

@media screen and (max-width: 500px) {
	
	.main-content-box p {
		text-align: justify;
	}
	
}

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

	.main-content-box {
		padding:3em 1.5em;
	}

}

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

	.main-content-box h1 {
		font-size: 2em;
		margin:0 0 0.2em 0;
	}

	.main-content-box h2 {
		font-size: 1em;
	}
	
}

.img-showroom {
	background: url('/images/site/cornwall-canoes-showroom.jpg') no-repeat center center;
    box-sizing: border-box;
    display: flex;
    width: 100vw;
    height: 500px;
    padding: 0;
    margin: 0;
    background-size: cover;
	position: relative;
	z-index: 0;
}

.img-showroom::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: '';
    background: rgba(0, 0, 0, 0.6);
	z-index: 2;
}

.idx-info-btn {
	background-color: #FFF;
	font-family: 'Urbanist', sans-serif;
	font-weight: 700;
	font-size: 1.1em;
	padding: 0.7em;
	margin: 1em;
	border: 3px solid #FFF;
	border-radius: 5px;
	text-decoration:none;
	transition: all 0.3s ease;
	letter-spacing: 0.035em;
}

.idx-info-btn:hover {
	background-color: transparent;
	color: #FFF;
}

.idx-info-btn-a {
	text-decoration: none;
}

.idx-content-img-bk {
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	justify-content: center;
    max-width: 1450px;
    margin:0 auto;
}

.featured-products-head {
	display: flex;
	flex-direction: row;
	flex: 1 1 100%;
	margin:1em 0 2em 0;
	align-items: flex-end;
	justify-content: space-between;
}

.carousel-nav {
	display: inline-flex;
}

.prev-featured, .next-featured, .prev-offers, .next-offers {
	cursor: pointer;
}

.prev-featured svg, .next-featured svg, .prev-offers svg, .next-offers svg {
	transition: all 0.3s ease;
}

.prev-featured svg:hover, .next-featured svg:hover, .prev-offers svg:hover, .next-offers svg:hover {
	fill:#2f82ac;
}

.idx-head-contain h2 {
	font-family: 'Urbanist', sans-serif;
	color: #000;
    letter-spacing: 1px;
	font-size: 1.8em;
	font-weight: 800;
	text-transform: capitalize;
	margin:1em 0 0 0.3em;
	text-align: left;
}

.featured-prod-outer {
	padding:0 !important;
}

.featured-prod-inner {
	background-color: #FFF;	
	padding:0 0.5em;
}

.featured-img {
	display: flex;
	height: 300px;
    justify-content: center;
    padding:0 0 1em 0;
    overflow: hidden;
	position: relative;
	background-color: #f1f1ee; 
}

.featured-img img {
	height: 100%;
    left: 0;
    -o-object-fit: scale-down;
    object-fit: scale-down;
    -o-object-position: center;
    object-position: center;
    position: absolute;
    top: 0;
    width: 100%;
}

.featured-info {
	padding:0.35em 0;
}

.featured-head {
	text-decoration: none;
}

.idx-featured-price {
	display: flex;
	flex-direction: row;
}

.idx-featured-price span {
	font-size: 0.9em;
	line-height: 1.5em;
	padding-right: 4px;
}

.idx-featured-price .pricesimple-outer {
	display: flex;
	flex-direction: row-reverse;
	justify-content: flex-end;
}

.idx-featured-price .pricesimple-price {
	padding:0;
	color: red;
	font-weight: 600;
	line-height: 1.5em;
	font-size: 1.1em;
}

.idx-featured-price .pricesimple-rrp {
	line-height: 1.5em;
	font-size: 1.1em;
	padding-left: 0.35em;
}

@media screen and (max-width: 549px) {
	
	.featured-img {
		height: 200px;
	}
	
}

/* IDX ACTIVITIES */
.idx-activity-contain {
	display: flex;
	flex-wrap: wrap;
	overflow: hidden;
	margin: 0.5em;
}

.idx-activity {
	display: flex;
	flex-direction: column;
	flex: 1 1 100%;
	max-width: 100%;
}

.idx-activity-team {
	display: flex;
	flex-direction: column;
	flex: 1 1 50%;
	max-width: 50%;
}

.idx-activity-sm {
	display: flex;
	flex-direction: column;
	flex: 1 1 50%;
	max-width: 50%;
}

.idx-activity-int {
	padding: 0.3em;
}

.idx-activity-team-int {
	padding: 0.3em;
	display: flex;
	flex-direction: column;
    justify-content: center;
    align-items: center;
	position: relative;
}

.idx-activity-team-int > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.team-info {
	width: 100%;
	text-align: left;
	background-color: #2f82ac;
	padding: 0.8em;
}

.team-info span {
	font-family: 'Urbanist', sans-serif;
	font-weight: 700;
	letter-spacing: 0.035em;
	font-size: 1.2em;
	color: #FFF;
}

.idx-activity-team-int:hover .grid-img-overlay {
  height: 100%;
}

.idx-activity-img {
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
	position: relative;
	z-index: 0;
}

.idx-activity-img::after {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: '';
    background-image: linear-gradient(to top,transparent 0%,#000 100%);
    z-index: 2;
	opacity: 40%;
}

.idx-activity-img img {
	width: 100%;
	height: 100%;
}

.idx-activity-txt {
	z-index: 4;
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 1em;
    left: 1em;
}

.idx-activity-txt .main a {
	color: #FFF;
	text-decoration: none;
	font-family: 'Urbanist', sans-serif;
	font-weight: 800;
	font-size: 2em;
	letter-spacing: 0.035em;
	text-shadow: 0 0 1px #000;
}

.idx-activity-txt .sub a {
	color: #FFF;
	text-decoration: none;
	font-family: 'Urbanist', sans-serif;
	font-weight: 600;
	font-size: 1em;
	letter-spacing: 0.035em;
	text-decoration: underline;
	line-height: 1.5em;
	text-shadow: 0 0 1px #000;
}

.idx-activity-txt .sub a:hover {
	color: #2f82ac;
}

.idx-activity-txt .main-sm a {
	color: #FFF;
	text-decoration: none;
	font-family: 'Urbanist', sans-serif;
	font-weight: 800;
	font-size: 1.4em;
	letter-spacing: 0.035em;
	text-shadow: 0 0 1px #000;
}

.idx-activity-txt .sub-sm a {
	color: #FFF;
	text-decoration: none;
	font-family: 'Urbanist', sans-serif;
	font-weight: 600;
	font-size: 1em;
	letter-spacing: 0.035em;
	text-decoration: underline;
	line-height: 1.5em;
	text-shadow: 0 0 1px #000;
}

.idx-activity-txt .sub-sm a:hover {
	color: #2f82ac;
}

.idx-link {
	position:absolute; 
	width:100%; 
	height:100%; 
	top:0; 
	left: 0; 
	z-index: 3; 
	background-image: url('empty.gif');
}

@media screen and (min-width: 650px) and (max-width: 949px) {
	
	.idx-activity {
		flex-basis: 50%;
		max-width: 50%;
	}
	
	.idx-activity-team {
		flex-basis: 33.3%;
		max-width: 33.3%;
	}
	
	.idx-activity-sm {
		flex-basis: 33.3%;
		max-width: 33.3%;
	}
	
}

@media screen and (min-width: 950px) {
	
	.idx-activity {
		flex-basis: 33.3%;
		max-width: 33.3%;
	}
	
	.idx-activity-team {
		flex-basis: 25%;
		max-width: 25%;
	}
	
	.idx-activity-sm {
		flex-basis: 20%;
		max-width: 20%;
	}
	
}

/* IDX IMAGE GRID */
.img-grid-element {
    display: flex;
    justify-content: center;
    align-items: center;
	position: relative;
}

.img-grid-element > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.img-grid-container {
    display: grid;
    grid-gap: 0.3em;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    grid-auto-rows: 225px;
	grid-auto-flow: dense; /* Fill all spaces with fitted images */
	margin-top: 4em;
}

.img-horizontal {
	grid-column: span 2;
}

.img-vertical {
	grid-row: span 2;
}

.img-big {
	grid-column: span 3;
	grid-row: span 2;
}

.grid-img-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #2f82ac;
  overflow: hidden;
  width: 100%;
  height: 0;
  transition: .5s ease;
}

.img-grid-element:hover .grid-img-overlay {
  height: 100%;
}

.grid-img-text {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  color: #fff;
  text-align: center;
  font-size: 1.2em;
  font-family: 'Urbanist', sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.035em;
  font-weight: bold;
  width: 90%;
}
.grid-img-text span{
  font-weight: 300;
  text-transform: capitalize;
  font-size: 0.75em;
}

.grid-img-header {
	font-family: 'Urbanist', sans-serif;
	font-weight: 800;
	font-size: 1.8em;
	color: #000;
	margin:2.2em 0 0.8em 0.3em; 
}

.grid-img-sub {
	font-family: 'Public Sans', sans-serif;
	font-weight: 400;
	font-size: 1.1em;
	color: #000;
	margin:0.8em 0 0.8em 0.45em; 
}

.team-sub-txt {
	font-family: 'Public Sans', sans-serif;
	font-weight: 400;
	font-size: 1.1em;
	color: #000;
	margin:0 0 1.5em 0.55em; 
}

.team-sub-header {
	font-family: 'Urbanist', sans-serif;
	font-weight: 800;
	font-size: 1.8em;
	color: #000;
	margin:1em 0 0.5em 0.3em;
}



/* RELATED PRODUCTS */
.related-head {color:#333; padding:0 10px;}
.related-prod-container {padding:0; margin:0 10px 40px 10px; border-bottom:1px solid #dcdcdc;}
.related-prod-outer { outline: none; transition:all 0.1s ease;}
.related-prod-inner {background-color: #fff; padding: 10px;}
.related-prod-inner:hover {cursor: pointer; box-shadow: inset 0 0 2px 2px #2f82ac;}
.related-prod-price {text-align: center; font-size: 1.0em; color: #2f82ac; font-weight: 500; margin:2px 0;}

/* PRODUCT HIGHLIGHT */
.product-highlight:hover {cursor: pointer; outline: 1px solid #2f82ac; transition:all 0.3s ease;}

@media only screen and (min-width: 961px) {
    .idx-text p {padding:0 2em 0 2em;}
    .idx-text h1 {padding:0 0 0 1.4em; font-size: 1.6em;}
    .idx-text {padding:0;}
    .idx-department {padding:10px 0 30px 0;}
}

@media only screen and (min-width: 1301px) {
    .idx-text p {padding:0 6em 0 8em;}
    .idx-text h1 {padding:0 0 0 5em;}
}

/* Delivery Accordion - Expanding Content */
.accordion {background-color: #eee;	color: #444; cursor: pointer;	padding: 18px; width: 100%;	border: none;	text-align: left;	outline: none; font-size: 16px;	font-weight:bold;	transition: 0.4s;}
.active-accordion, .accordion:hover {background-color: #2f82ac; color: #fff;}
.accordion:after {content: '\002B'; color: #2f82ac;	font-weight: bold; float: left;	margin-right:0.8em;}
.active-accordion:after {content: "\2212"; color: #fff;}
.accordion-icon {width: 100%; float:left; text-align: center; padding-bottom:1em;}
@media screen and (min-width: 1140px) {
  .accordion-icon {width: 60px; float:left; padding-top:0.4em;}
}
.accordion-p {margin:0.2em 0 1em 0;}
.panel {padding:0 18px; background-color: white;	max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out;}
.panel-inner {margin:2em 1em 1.2em 1em;}

/* BASKET ALERT BOX  */
.basket-alert {padding:1em; background-color: #d9edf7; color: #31708f; border:1px solid #bce8f1; border-radius:4px;}
.basket-alert a {color: #31708f; text-decoration: underline;}
.basket-alert a:hover {text-decoration: none;}
.basket-alert span {margin-left: 15px; color: #31708f; font-weight: bold; float: right; font-size: 22px; line-height: 20px; cursor: pointer; transition: 0.3s;}
.basket-alert span:hover {color: #333;}
.basket-alert-heading {font-weight:600; font-size:1.2em; margin-bottom:0.6em; color:#31708f;}

/* LANDING COMBI HEADER IMG */
.landing-img {position: relative; text-align: center; height: 200px; margin:25px 0 10px 0;}
.landing-img img {width:100%;}
.landing-img img:hover {opacity:1 !important;}
.centered-title {position: absolute; top: 50%; left: 0; right: 0;}
.centered-title h1 {color:#FFF; text-shadow: 2px 2px 0px rgba(0,0,0,0.5); text-transform: uppercase; margin-top:-26px; padding:0 5px; letter-spacing: 1px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.single-sot {background: url(/images/landing-banners/sot-single.jpg) no-repeat center center;}
.tandem-sot {background: url(/images/landing-banners/sot-tandem.jpg) no-repeat center center;}
.inflatable-kayaks {background: url(/images/landing-banners/inflatables.jpg) no-repeat center center;}
.hobie-kayaks {background: url(/images/landing-banners/hobie.jpg) no-repeat center center;}
.hobie-kayaks-uk {background: url(/images/landing-banners/hobie-kayaks-uk.jpg) no-repeat center center;}
.hobie-equipment {background: url(/images/landing-banners/hobie-equipment.jpg) no-repeat center center;}
.hobie-mirage-drive-parts {background: url(/images/landing-banners/hobie-mirage-drive-parts.jpg) no-repeat center center;}
.hobie-fins-masts {background: url(/images/landing-banners/hobie-fins-masts.jpg) no-repeat center center;}
.hobie-sailing-accessories {background: url(/images/landing-banners/hobie-sailing-accessories.jpg) no-repeat center center;}
.hobie-storage-accessories {background: url(/images/landing-banners/hobie-storage-accessories.jpg) no-repeat center center;}
.hobie-kayak-transport {background: url(/images/landing-banners/hobie-kayak-transport.jpg) no-repeat center center;}
.hobie-kayak-trolleys {background: url(/images/landing-banners/hobie-kayak-trolleys.jpg) no-repeat center center;}
.hobie-fishing-equipment {background: url(/images/landing-banners/hobie-fishing-equipment.jpg) no-repeat center center;}
.hobie-h-rail-accessories {background: url(/images/landing-banners/hobie-h-rail-accessories.jpg) no-repeat center center;}
.hobie-rudder-accessories {background: url(/images/landing-banners/hobie-rudder-accessories.jpg) no-repeat center center;}
.hobie-misc-accessories {background: url(/images/landing-banners/hobie-misc-accessories.jpg) no-repeat center center;}
.hobie-screw-in-fittings {background: url(/images/landing-banners/hobie-screw-in-fittings.jpg) no-repeat center center;}
.fishing-kayaks {background: url(/images/landing-banners/fishing-kayaks.jpg) no-repeat center center;}
.budget-fishing-kayaks {background: url(/images/landing-banners/budget-fishing-kayaks.jpg) no-repeat center center;}
.popular-fishing-kayaks {background: url(/images/landing-banners/popular-fishing-kayaks.jpg) no-repeat center center;}
.stable-fishing-kayaks {background: url(/images/landing-banners/stable-fishing-kayaks.jpg) no-repeat center center;}
.performance-fishing-kayaks {background: url(/images/landing-banners/performance-fishing-kayaks.jpg) no-repeat center center;}
.pedal-drive-fishing-kayaks {background: url(/images/landing-banners/pedal-drive-fishing-kayaks.jpg) no-repeat center center;}
.motor-kayaks-boats {background: url(/images/landing-banners/motor-kayaks-boats.jpg) no-repeat center center;}
.surfing-sot {background: url(/images/landing-banners/sot-surfing.jpg) no-repeat center center;}
.childrens-kayaks {background: url(/images/landing-banners/childrens-kayaks.jpg) no-repeat center center;}
.ww-kayaks {background: url(/images/landing-banners/ww-kayaks.jpg) no-repeat center center;}
.sea-kayaks {background: url(/images/landing-banners/sea-kayaks.jpg) no-repeat center center;}
.touring-kayaks {background: url(/images/landing-banners/touring-kayaks.jpg) no-repeat center center;}
.gp-kayaks {background: url(/images/landing-banners/gp-kayaks.jpg) no-repeat center center;}
.lightweight-canoes {background: url(/images/landing-banners/lightweight-canoes.jpg) no-repeat center center;}
.triple-layer-canoes {background: url(/images/landing-banners/triple-layer-canoes.jpg) no-repeat center center;}
.top-canadian-canoes {background: url(/images/landing-banners/top-canadian-canoes.jpg) no-repeat center center;}
.hobie-sup {background: url(/images/landing-banners/hobie-sup.jpg) no-repeat center center;}
.sup {background: url(/images/landing-banners/sup.jpg) no-repeat center center;}
.kayak-fishing-equipment {background: url(/images/landing-banners/kayak-fishing-equipment.jpg) no-repeat center center;}
.kayak-fish-finders {background: url(/images/landing-banners/kayak-fish-finders.jpg) no-repeat center center;}
.thule {background: url(/images/landing-banners/thule.jpg) no-repeat center center;}
.equipment {background: url(/images/landing-banners/equipment.jpg) no-repeat center center;}
.about-us {background: url(/images/landing-banners/about-us.jpg) no-repeat center center;}
.delivery {background: url(/images/landing-banners/delivery.jpg) no-repeat center center;}
.sea-kayak-equipment {background: url(/images/landing-banners/sea-kayak-equipment.jpg) no-repeat center center;}
.canoe-equipment {background: url(/images/landing-banners/canoe-equipment.jpg) no-repeat center center;}
.lightweight-kayaks {background: url(/images/landing-banners/lightweight-kayaks.jpg) no-repeat center center;} 

/* SPECIAL OFFERS - BARGAIN PAGE STYLES */
.so-element-contain {padding-top:1.2em;}
.so-sub-head {text-align: center; margin:2em 0;}
.so-element-head {text-align: center; font-weight:600; margin:0.6em 0 0.4em 0; color:#333;}
.so-element-disc {text-align: center; font-size:1.2em; font-weight:700; color:#cc0019; letter-spacing:1px;}
.so-element-rrp {text-align: center; font-size:0.8m; font-weight:600; color:#333; margin-bottom:0.8em;}
.so-element-ico {background-color:#f1f1ee; border-radius: 20px; border: 1px solid #f1f1ee; padding:2em 0;}
.so-product-contain {border-radius: 20px; border: 1px solid #C0C0C0; padding:2em;}
.so-btn {font-family: 'Public Sans', sans-serif; color: #FFF; font-weight: 500; cursor: pointer; text-align: center; text-decoration: none; padding: 10px 20px; border: solid 2px #2f82ac; background: #2f82ac; border-radius:25px;}
.so-top-p {margin-top:2em;}

/* PRODUCT PROMO - STYLES */
.prod-offer-contain {background-color:#144f9d; padding:0.8em 1em 0.2em 1em;}
.prod-offer-head {font-weight: 700 !important; color:#FFF; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 0.2em !important;}
.prod-offer-contain p {font-family: 'Public Sans', sans-serif; color: #FFF; font-size:0.9em; font-weight: 400;}
.prod-offer-contain a {color: #FFF;}

/* DELIVERY PAGE TABLE */
.shipping-table table {
	border-collapse: collapse;
	width: 100%;
	border: 1px solid #000;
}

.shipping-table table td {
	border: 1px solid #000;
}

.shipping-table tbody > tr:first-child > td {
	font-weight: 700;
	background-color: #004f76;
	color: #FFF;
}

.shipping-table tr:nth-child(even) {
	background-color: #f1f1ee;
}

.shipping-table td {
	padding: 1em;
}

.shipping-table {
	margin-bottom: 3em;
}

.shipping-table:last-of-type {
	margin-bottom: 0;
}

/* PRODUCT PILLS */
.prod-pill-sm {display: inline-block; font-weight: 600; font-family: 'Public Sans', sans-serif; color:#fff; font-size:0.8em; margin-bottom:10px; padding:0.3em 0.6em; border: 1px solid; border-radius:0.4em; cursor: default; letter-spacing: 0;}
.pill-blue {background-color: #2f82ac; border-color: #2f82ac;}
.pill-red {background-color: #ed0202; border-color: #ed0202;}
.no-margin {margin:0 !important;}

/* Sale Countdown Timer */
#timer {color: white; text-shadow: 0 0 20px #48C8FF; display: inline;}
#timer div {display: inline-block; min-width: 36px; text-align: center;}
#timer div:first-child {min-width: 28px; margin-left:0.15em;}
#timer div span {color: #FFF; font-size: 0.7em; font-weight: 500; margin-left:0.1em;}
#timer-contain {display: inline-block;}
@media only screen and (max-width: 500px) {#timer-contain::before {width:100%;}}

.img-collage-row {display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0 4px;}
.img-collage-column {-ms-flex: 25%; flex: 25%; max-width: 25%; padding: 0 4px;}
.img-collage-column img {margin-top: 8px; vertical-align: middle; width: 100%;}
  
@media screen and (max-width: 800px) {
    .img-collage-column {-ms-flex: 50%; flex: 50%; max-width: 50%;}
}
  
@media screen and (max-width: 600px) {
    .img-collage-column {-ms-flex: 100%; flex: 100%; max-width: 100%;}
}