.alignwide{
	max-width: 1200px;
	margin: 0 auto;
}

.row{display: flex;}
.col{display: flex; flex-direction: column;}

.justify-between{justify-content: space-between;}
.justify-center{justify-content: center;}

.accordion dd {
    font-size: 16px;
 
}
.cartmessage{height: auto;}
	.no-click-mobile{pointer-events: none;}
	body{
		color: #231f20;
		text-align: left;
		font-family: 'Roboto Condensed', sans-serif;
		font-size: 16px;
	}
	div, *{box-sizing: border-box;}
	img{max-width: 100%;}
	h1,h2,h3,h4,h5,h6{
		color: #231f20;
		font-weight: 700;
		font-family: 'Roboto Condensed', sans-serif;
	}
	td, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, -webkit-margin-before, -webkit-margin-after, -webkit-margin-start, -webkit-margin-end{font-family: 'Roboto Condensed', sans-serif;}
	h1,h2,h3,h4,h5,h6{
		margin-top: 0;
		margin-bottom: 20px;
	}
	p{
		margin-top: 0;
		margin-bottom: 30px;
	}
	h1{
		font-size: 36px;
		color: #25aae1;	
	}
	h2{
		font-size: 28px;
		color: #27aae1;
	}
	h3{font-size: 21px;}
	a.row{display: flex !important;}
	.accordion{margin: 50px 0 0 0;}
	#headerStripe, #footerStripe{max-width: 100%;min-width: auto;}
	#footerStripe{margin-bottom: 0;}
	.sf-menu li li a{width: 100%;}
	.blue-text{color: #27aae1;fill: #27aae1;}
	.uppercase{text-transform: uppercase;}

	.fs-16{font-size: 16px;}
	.fs-18{font-size: 18px;}
	.fs-20{font-size: 20px;}
	.fs-24{font-size: 24px;}
	.fs-35{font-size: 35px;}
	
	.flex-wrap{flex-wrap: wrap;}

	.cartButtonLeft{margin-left: 0;}

	.g-40{gap: 40px;}
	.g-20{gap: 20px;}
	.g-60{gap: 60px;}
	.g-80{gap: 80px;}
	.g-20 > .col-25pc{flex: 0 0 calc(25% - 16px);}
    .g-40 > .col-50pc{flex: 0 0 calc(50% - 20px);}
    .g-20 > .col-30pc{flex: 0 0 calc(30% - 10px);}
	.g-20 > .col-70pc{flex: 0 0 calc(70% - 10px);}
    .g-40 > .col-30pc{flex: 0 0 calc(30% - 20px);}
	.g-40 > .col-70pc{flex: 0 0 calc(70% - 20px);}
	.g-60 > .col-30pc{flex: 0 0 calc(30% - 30px);}
	.g-60 > .col-70pc{flex: 0 0 calc(70% - 30px);}

	.g-60 > .col-50pc{flex: 0 0 calc(50% - 30px);}
	.col-auto{flex: 0 0 auto;}

	/*.mobile-nav-toggle svg{height: 50px;}*/
	/*.cart-col svg{height: 22px;}*/
	.justify-end{justify-content: end;}

	.m-0{margin: 0;}
    .mb-0{margin-bottom: 0;}
    .mb-8{margin-bottom: 8px;}
    .mb-10{margin-bottom: 10px;}
    .mb-20{margin-bottom: 20px;}
    .mb-40{margin-bottom: 40px;}

    .mb-60{margin-bottom: 60px;}

    .pt-40{padding-top: 40px;}

    .container{
    	padding-top: 40px;
    	padding-bottom: 40px;
    }

    #headerNav{
    	background-color:transparent;
    }
    .sf-menu a{
    	color: #231f20;
		font-family: 'Roboto Condensed', sans-serif;

    }
    
    .hero{
    	padding-top: 200px;
    	padding-bottom: 200px;
    	background-size: cover;
    }
    .hp-hero{
    	background-image: url("/images/2023/homepage - hero - v3.jpg");
    }
    .hero h2{
    	font-size: 48px;
    	font-weight: 700;
    	color: #231f20;
    }
    .hero p{
    	font-size: 22px;
    }
    .light-blue-bg{
    	background: rgba(40,168,224,.1);
    }
    .hp-shop-title {
		color: #FFF;
		font-size: 21px;
		font-weight: 700;
		text-align: center;
		position: absolute;
		bottom: 10px;
		width: 100%;
	}
	.relative{position: relative;}
	.mobile-only{display: none;}
	/*.mobile-only a{margin-bottom: 8px;}*/
	.black-text a, .black-text{color: #231f20;}

	.mobile-cat-container{
		max-width: 450px;
  		margin: 0 auto;
	}
	/* Footer */
	.gc-footer{
		background-color: #25aae1;
		color: #FFF;
		padding-top: 20px;
		padding-bottom: 20px;
	}

	.footer-nav ul, .header-nav ul{
		list-style: none;
		display: flex;
		justify-content: space-between;
		width: 100%;
	}
	.gc-nav a{
		font-size: 18px;
		text-transform: none;
	}
	.footer-nav ul li, .header-nav ul li{
		display: inline-block;
	}
	.footer-copyright{font-size: 12px;}

	/*Header*/
	.sf-menu li li a {
		font-weight: 500;
	}
	.header{
		padding-top: 20px;
	}
	.sf-menu li ul {
		background: #FFF;
	}
	.sub-menu-parent, .sub-sub-menu-parent{position: relative;}
	.sf-menu li ul{margin: 23px 0 0 0;}
	.header-nav{width: 100%;z-index: 11;}
	ul.sub-menu, ul.sub-sub-menu {
		display: block;
		width: 235px;
		box-shadow: 2px 2px 6px rgba(0,0,0,.25);
	}
	.top-search{
		margin-right: 40px;
		width: 40%;
	}
	.top-search input[type="text"] {
		border: 2px solid grey;
		border-radius: 15px;
		padding: 7px 8px;
		width: 100%;
		box-sizing: border-box;
		height: auto;
	}	
	.top-search input[type="submit"]{
		display: none;
	}
	.top-search input::placeholder{
		font-size: 16px;
	}
	.header button {
		border: 0;
		background-color: transparent;
		cursor: pointer;
		padding: 5px;
		min-width: 40px;
	}
	/* Product Filter List */
	.gcf-prod-left-sidebar{flex: 0 0 220px;}
    .gcf-prod-overview{flex-grow: 1;position: relative;}    
    select{max-width: 100%;}
    #orDivider{display: flex; justify-content: space-between;}
    .cartNowSubHeader {top: 0;}
    .gcf-prod-left-sidebar #filterBy{padding-bottom: 50px;}
    .gcf-prod-left-sidebar .filterContent .reset {
		position: relative;
		font-family: 'Roboto Condensed', sans-serif;
		left: 0;
		bottom: 0;
		font-size: 12px;
		margin-top: 10px;
		display: block;
	}
	.gcf-prod-overview-row{gap: 20px;}
	.cartNowSubHeader p{font-size: 12px;}
	td{padding: 5px;}
	.gcf-prod-overview table{margin-top: 12px;}
	.prodImage img{max-width: 100%;}
	.col-40pc{flex: 0 0 40%;}
	.g-60 > .col-40pc{flex: 0 0 calc(40% - 30px);}
	.col-60pc{flex: 0 0 60%;}
	.g-60 > .col-60pc{flex: 0 0 calc(60% - 30px);}
	.mt-40{margin-top: 40px;}
	select, input[type="text"], input[type="password"]{padding: 8px 12px;height: auto;background-color: transparent;border-radius: 2px;
	  border: 1px solid #c5c5c5;max-width: 100%;margin-bottom: 5px;}
	.mb-30{margin-bottom: 30px;}
	.gcf-prod-desc .cartmessage {
	    padding: 10px 20px;
	    background-color: #D7DF21;
	    margin-top: 40px;
	    position: relative;
	    width: auto;
	    height: auto;
	}


	#shopnum{color: #000;margin-left: 4px;}
	#main{
		padding-top: 40px;
		padding-bottom: 40px;
		position: relative;
	}
	#main a{
		color: #3f3e3e;
		text-decoration: underline;
	}
	#main .gcf-prod-overview-details a{text-decoration: none;}

	#main h2, #main h3, #main h4, #main h5, #main h6{
		margin-bottom: 10px;
	}
	#main h1{margin-bottom: 20px;}
	#main h1.mb-53{margin-bottom: 53px;}
	#main h2{
		font-size: 18px;
		color: #3f3e3e;
	}
	.cartButton{margin-top: 10px;font-family: 'Roboto Condensed', sans-serif;}
	.seeAll {
		font-size: 10px;
		float: right;
		position: absolute;
		top: 67px;
		right: 0px;
	}
	@media all and (min-width: 2500px){
		.hp-hero{padding-top: 25vh; padding-bottom: 25vh;}
	}
	@media all and (max-width: 1200px){
		.alignwide{padding-left: 20px; padding-right: 20px;}
		.shopNowSubHeader, .cartNowSubHeader, .seeAll{
			float: none;
			position: relative;
			top: 0;
			margin-bottom: 20px;
		}
	}
	@media all and (max-width: 810px){
		.hero h2 {
			font-size: 32px;
			font-weight: 700;
			color: #231f20;
		}
	}
	/*activate mobile menu*/
	@media all and (max-width: 768px){
		h1{font-size: 32px;}
		.fw-mobile{width: 100%;}
		.col-40pc, .g-60 > .col-40pc, .col-60pc, .g-60 > .col-60pc, .g-40 > .col-50pc, .col-50pc{flex: 0 0 100%;}
		.gcf-prod-desc h1{font-size: 28px;}
		.gcf-prod-desc.g-60{gap: 40px;}


		.gcf-prod-overview-details .atlist{margin-top: 30px;}
        .gcf-prod-overview{flex: 0 0 64%;}
        .fullwidth.gcf-prod-overview{flex: 0 0 100%;}
        #leftSidebarSearch, #filterBy, #orDivider{margin-left: 0;margin-right: 0;}
        .gcf-prod-overview-img{flex: 0 0 100%;}
        .gcf-prod-overview-row{display: flex;flex-wrap: wrap;}
        .gcf-prod-overview-img, .gcf-prod-overview-details{display: flex;flex-direction: column;}
        .gcf-prod-overview-img .prodListImage img {width: 100%;margin-right: 0;}

		ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul{left: 0;}
		.sf-menu li:hover ul, .sf-menu li.sfHover ul{top: 0;}
		.gc-footer, .footer-copyright{text-align: center;}
		.footer-copyright{margin: 0 auto;}
		.footer-nav ul{gap: 20px;flex-wrap: wrap; justify-content: center;}
		.sf-menu li li a {width: auto;}
		.hide-mobile{display: none;}
		.mobile-only{display: flex;}

		ul.sub-menu, ul.sub-sub-menu{width: 100%;}

		.header-top > .header-left.col-30pc, .header-top > .header-left.col-50pc{flex: 0 0 calc(50% - 10px);}
		.header-left img{width: 100%;height: auto;}
		.header-top{gap: 10px;justify-content: space-between;}
		.header-right > .row{justify-content: center;}
		.g-60 > .col-70pc.header-right{flex: 0 0 100%;}
		.header .g-60 > .col-50pc{flex: 0 0 calc(50% - 10px);}
		.top-search{width: 100%;margin-right: 0;}
		.header{padding-bottom: 20px;}
		.sf-menu ul.sub-menu,.sf-menu ul.sub-sub-menu{
			display: none;
		  	position: relative;
		  	top: 0;
		  	box-shadow: none;
		  	left:0;
		}

		.header-nav{
			position: absolute;
		    background-color: white;
		    left: 0;
		    border-top: 2px solid #27aae1;
    		border-bottom: 2px solid #27aae1;
    		box-shadow: 2px 2px 2px rgba(0,0,0,.25);
		}
		.header-nav ul{
			flex-direction: column;
			padding-left: 20px;
			padding-right: 20px;
		}
		.sf-menu li a {
			line-height: 40px;
		}
		.sf-menu li ul.sub-menu {
			margin: 0;
		}
		.sf-menu li li a {
			line-height: 40px !important;
		}
		.sf-menu li ul{padding: 0;}

		.hero .col-50pc{
			flex: 0 0 70%;
			margin-left: 30%;
		}
		.row{flex-wrap: wrap;}
		.g-40 > .col-30pc, .g-40 > .col-70pc, .col-50pc {
			flex: 0 0 100%;
		}
		.mobile-only .col-50pc{flex: 0 0 calc(50% - 20px);}
		.mobile-cat-container .col-50pc{flex: 0 0 calc(50% - 5px);}
		.g-20 > .col-25pc {
			flex: 0 0 calc(50% - 10px);
		}
		.hero h2{font-size: 45px;}
		.hero p, .hero h2 {
			text-align: center;
		}
	}
	@media all and (max-width: 710px){
        .alignwide{padding-left: 5px; padding-right: 5px;}
        .gcf-prod-left-sidebar {flex: 0 0 calc(45% - 10px);max-width: 45%;}
        .gcf-prod-overview{flex: 0 0 calc(55% - 20px);}

        #leftSidebarSearch{width: auto;}
        .gcf-prod-overview-img, .gcf-prod-overview-details{padding: 0;}
    }
	@media all and (max-width: 450px){
		select, input[type="text"], input[type="password"]{width: 100%;}
		 #searchBox {margin: 5px;}
		.innerpageImgInset.fl-right{
			float: none;
			margin: 20px 0 0 0;
		}
		.hero{
			padding-top: 100px;
			padding-bottom: 100px;
		}
		.hero h2{font-size: 25px;}
		.hp-hero {
			background-position: left 20% center;
		}
		.hero .col-50pc{
			flex: 0 0 100%;
			margin-left: 0;
		}
		.hero p {
			font-size: 16px;
		}
	}
	@media all and (max-width: 428px){
		.gcf-prod-left-sidebar{flex: 0 0 38%}
        .gcf-prod-overview-details .cartButtonSmall{margin-top: 14px;margin-left: 0;padding: 10px 20px;}
    }
     @media all and (max-width: 350px){
	  .gcf-login .g-20 > .col-30pc, .gcf-login .g-20 > .col-70pc{
	    flex: 0 0 100%;
	  } 
	 }