/*
 Theme Name:   OS4LL
 Template:     storefront
 Version:      4.3.0
*/


/*

Black #282728

font-family: "Montserrat", sans-serif;
Dark Blue #263850
Orange #fd9b0e

*/

body {
	-webkit-text-size-adjust: none;
	background-color: #ffffff !important;
	font-family: "Montserrat", sans-serif;
	border-top: 5px solid #fd9b0e;
}


a:focus {
outline: none;
}


header#masthead {
	background-color: #ffffff !important;
	-webkit-box-shadow: 2px 2px 5px 0px rgba(7, 7, 7, 0.25);
	-moz-box-shadow:    2px 2px 5px 0px rgba(7, 7, 7, 0.25);
	box-shadow:         2px 2px 5px 0px rgba(7, 7, 7, 0.25);
}

header#masthead .col-full {
	max-width: 1465.69px !important;
}


.home.page .site-header {
	margin-bottom: 0 !important;
}


.site-header {padding: 0 0 0 0; border: 0px !important; }



.homeHover:hover img {
	cursor: pointer;
	opacity: .8;
}

img {
	border-radius: 0 !important;
}

#main img {
	border-radius: 10px !important;
}

#main .wp-block-cover img {
	border-radius: 0 !important;
}

hr {border-color: #efefef !important; margin-top: 40px !important; margin-bottom: 40px !important; background-color: #efefef !important;}


.site-content {
	padding-top: 20px;
}

.home .site-content {
	padding-top: 0;
}

/*logo*/

.site-branding {
	float: left;
	margin-bottom: 0;
	width: auto !important;
	padding: 15px 0 15px 0;
}

.site-branding img {width: 195px !important; max-width: 195px !important; height: auto; display: block; /*margin-left: auto; margin-right: auto;*/}
.site-branding a {z-index:10; position: relative;}

button.menu-toggle {border: 1px solid #282728 !important; background-color: #282728; color: white !important; border-radius: 0 !important; text-align: center !important; margin-left: auto; margin-right: auto; float: none; font-size: 120% !important; padding: 5px 0 5px 40px !important;}
button.menu-toggle:hover {color: #efefef !important; background-color:#282728;}
button.menu-toggle::before {background-color: white!important;}
button.menu-toggle span::before {background-color: white !important;}
button.menu-toggle::after {background-color: white !important;}









/*nav*/

#site-navigation {float: left; width: 100%; margin: 0; padding: 0;}



.primary-navigation { padding: 0; text-align: left;font-family: "Montserrat", sans-serif;}

.primary-navigation li a {font-size: 100% !important; color: white !important; margin: 0 15px 0 0; text-transform: uppercase; padding: 12px 7px 12px 7px !important;}

.primary-navigation li a:hover {color: white !important; background-color: #282728;}

.primary-navigation li.current-menu-item a {color: white !important; background-color: #282728;}

.primary-navigation li a::after {margin-left: 3px !important; }



.primary-navigation ul.sub-menu { padding: 5px !important; background-color: #282728 !important; text-align: center; font-size: 90%; -webkit-box-shadow: 2px 2px 5px 0px rgba(7, 7, 7, 0.25); -moz-box-shadow:    2px 2px 5px 0px rgba(7, 7, 7, 0.25); 	box-shadow:         2px 2px 5px 0px rgba(7, 7, 7, 0.25);}
.primary-navigation ul.sub-menu li a {width: 250px; padding: 5px !important; overflow:hidden;border-color: white !important; font-size: 100% !important; color: white !important;}


.primary-navigation ul.sub-menu li a:hover {background-color: #282728; color: #282728 !important;}



.storefront-primary-navigation { 
	float: left;
	width: 100%;
	margin-top: 0; 
	background-color: #263850 !important; 
	text-align: center !important;
	padding: 0;
}








@media only screen 
and (max-width : 980px) 
				 {
	.primary-navigation {display: none;} 
					 
	.handheld-navigation {display: block !important; text-align: center !important; padding: 0 15px 0 15px; font-family: "Montserrat", sans-serif;}				 
		
	.menu-toggle {display: block; margin-right: 15px;}		
					 
	.handheld-navigation ul.sub-menu {display: none !important;}					 
					 
	.handheld-navigation ul.sub-menu.toggled-on {display: block !important;}
		
	#site-navigation {
		float: left;
		width: 100%; text-align: center !important;
	}				 
					 
	ul#menu-main-nav-1 {
		float: left;
		width: 100%;
		padding: 0;
		margin: 0;text-align: center !important;
	}	
					 
	ul#menu-main-nav-1 li {
		float: left;
		width: 100%;
		padding: 5px 10px 0 10px;
		text-align: center !important;
	}	
					 
	ul#menu-main-nav-1 li a {
		color: white !important;
		padding: 5px 0 5px 0 !important;
		font-size: 110%;
	}
					 
	ul#menu-main-nav-1 li a:hover {
		color: #815CE6;
	}	
					 
	ul#menu-main-nav-1 li.current_page_item a {
		color: #815CE6 !important;
	}				 
						 
	ul#menu-mobile-menu {
		float: left;
		width: 100%;
		padding: 0;
		margin: 0;
	}	
					 
	ul#menu-mobile-menu li {
		float: left;
		width: 100%;
	}	
					 
	ul#menu-mobile-menu li a {
		padding: 5px 0 5px 0 !important;
	}					 
					 
					 
	.storefront-primary-navigation {
		float: left;
		width: 100%;
	}	
					 
	.storefront-primary-navigation .col-full {
		float: left;
		width: 100%;
		margin: 0;
	}	
					 
	/*.site-header {padding: 5px 0 5px 0;}*/
					 
					 button.dropdown-toggle {
						 color: #282728 !important;
					 }
					 				 
					 
					 
}




/*@media only screen 
and (max-width : 768px) 
				 {
					 
button.menu-toggle { text-align: right !important; float: right; font-size: 110% !important; padding: 5px 0 5px 40px !important; margin-right: 30px;margin-top: -10px;}		 
				 
					 
}
*/

/*Mobile Nav*/

/*.handheld-navigation {float: left; width: 100%; margin: 10px 0 0 0; background-color: white;}

.handheld-navigation #menu-mobile-nav { padding: 5px !important; margin-top: 15px;}

.handheld-navigation li {line-height: 30px; font-size: 100%;}

.handheld-navigation li a {padding: 0 !important;}

.handheld-navigation li a:hover {color: #d1cece !important;}
*/

/*.handheld-navigation #menu-mobile-nav {padding: 15px !important; background-color: #cfcece; margin-top: 15px;}

.handheld-navigation li {line-height: 32px;}

.handheld-navigation li a {padding: 0 !important; background-color: #cfcece;}

.handheld-navigation li a:hover {color: #01509f !important;}*/


.handheld-navigation li a {color: black !important;  font-size: 110%;}

.handheld-navigation li a:hover {color: #d1cece !important;}

/*cart and search*/

#site-header-cart {	margin-top: -90px; display: none;}

#site-header-cart li a.cart-contents {padding-bottom: 10px !important; padding-top: 0 !important;}

.widget_shopping_cart {margin-top: -15px;}

/*.site-search { 
	float: left !important;
	width: 100% !important; 
	margin: 0 0 0 0 !important;
	border: 1px solid #d1cece;
}*/


/*Search Cart Area*/

#searchCart {
	float: right;
	padding: 5px 0 5px 0;
	position: absolute;
	top: 55px;
	right: 30px;
	z-index: 999999;
}

/*#searchCart i.fa-search {
	float: left;
	font-size: 190%;
	color: #d1cece;
}*/

#searchCart i.fas {
	font-size: 130%;
	color: #282728
;
}

#searchCart i.fas:hover {
	color: #282728;
	cursor: pointer;
}


#searchCart i.fab {
	font-size: 2030%;
	color: #282728
;
}

#searchCart i.fab:hover {
	color: #282728;
	cursor: pointer;
}

#woocommerce_product_search-2 {
	display: none;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
	margin-bottom: 15px;
}

#woocommerce-product-search-field-1 {
	float: left !important;
	width: 100% !important; 
	margin: 0 0 0 0 !important;
	border: 1px solid #d1cece;
}

/*
#searchCart i.fa-shopping-bag {
	float: right;
	font-size: 190%;
	color: #d1cece;
}

#searchCart i.fa-shopping-bag:hover {
	color: white;
	cursor: pointer;
}*/

#woocommerce_widget_cart-2 {
	display: none;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
	float: left !important;
	width: 100% !important; 
	margin: 10px 0 10px 0 !important;
	padding: 10px; 
	box-sizing:border-box;
	border: 1px solid #d1cece;
	background-color: #efefef;
}

#woocommerce_widget_cart-3 p {
	margin: 0;
	padding: 0;
}


#dgwt_wcas_ajax_search-2 {
	display: none;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
	float: left !important;
	width: 100% !important; 
	margin: 10px 0 10px 0 !important;
	box-sizing:border-box;
	border-bottom: 1px solid #282728;
}

#searchCartInnerLeft {
	float: left;
}

#searchCartInnerLeft .fas {
	margin-right: 5px;
}

#searchCartInnerRight {
	float: right;
}

#searchCartInnerRight .fas {
	margin-left: 5px;
}


/*#woocommerce-product-search-field-0 {
	display: none;
	float: left !important;
	width: 100% !important; 
	margin: 0 0 0 0 !important;
	border: 1px solid #d1cece;
}
*/
.site-search { 
	/*float: left !important;
	width: 100% !important; */
	display: none;
}


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

#searchCart  {
	display: none;
}			
					 
}




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

#searchCartInner {
	width: 100%;	
	padding: 1%;
	padding-top: 0;
	padding-bottom: 0;
	box-sizing: border-box;
}			
					 
}











@media only screen 
and (max-width : 980px) 
				 {
	#site-header-cart {	margin-top: -90px;}
}



/*main page*/

/*.woocommerce-page .widget-area {
display: none;
}
.woocommerce-pae .content-area {
width: 100%;
}*/

.content-area {
min-height: 750px;
}



/*Yoast Breadcrumbs*/

.home p#breadcrumbs {display: none;}

p#breadcrumbs {display: none;padding:20px 0 0 0; margin-bottom: 0; font-size: 90%;font-weight: normal;}

p#breadcrumbs a {color: #282828; font-weight: normal; text-decoration: underline;}

.storefront-breadcrumb {
	margin-bottom: 10px !important;
	padding-bottom: 0 !important;
}

.woocommerce-products-header {
	text-align: left !important;
	padding-bottom: 0 !important;
}



#main h1 {font-size:150% !important; font-weight: bold; font-family: "Montserrat", sans-serif; text-transform: uppercase;}
#main h2 {font-size:130%; font-weight: bold; font-family: "Montserrat", sans-serif; text-transform: uppercase;}
#main h3 {font-size:110%; color: #263850; font-weight: bold; font-family: "Montserrat", sans-serif; text-transform: uppercase;}
#main h2.homePageHeader {margin-bottom: 25px;}

#main p {font-size:90%; line-height: 28px;}
#main p em {color: #282728
;}

#main li {font-size:90%; line-height: 31px;}

#main p a {text-decoration: none;}
#main p a:hover {text-decoration: underline;}

#main li a {text-decoration: none;}
#main li a:hover {text-decoration: underline;}

#main p.findMore a {
	color: #d1cece;
	padding: 10px 12px 10px 12px;
	border: 1px solid #d1cece;
	text-decoration: none;
	text-align: center;
	text-transform: uppercase;
}

#main p.findMore a:hover {
	background-color: #d1cece;
	color: white;
	text-decoration: none;
}


img.centerImage {
	margin-left: auto;
	margin-right: auto;
	display: block;	
	border-radius: 5px;
}

img.rightImage {
	float: right;
	margin: 10px 0 10px 30px;
	max-width: 100%;
	height: auto;
	border-radius: 5px;
}	

figure.rightImage {
	float: right;
	margin: 10px 0 10px 30px !important;
	max-width: 100%;
	height: auto;
	border-radius: 5px !important;}



p.woocommerce-info {background-color: #282728; color: white !important;}

.woocommerce-info {background-color: #282728; color: white !important;}

.woocommerce-message {background-color: #282728; color: white !important;}

@media only screen 
and (max-width : 730px) 
				 {
img.rightImage {
	float: none;
	clear: both;
	margin-left: 0;
}	
					 
figure.rightImage {
	float: none;
	clear: both;
	margin-left: 0;
}	


}




/*Woocommerce Edits*/

/*.woocommerce ul.products p {
	margin-bottom: 2px;
}

.woocommerce ul.products span.price {
	margin-bottom: 5px;
}

.woocommerce ul.products li.product {
	min-height: 455px;
}

.woocommerce .related ul.products li.product {
	min-height: 525px;
}

.woocommerce ul.products.columns-6 li.product {
	min-height: 525px;
}

.woocommerce ul.products li.product .add_to_cart_button {
	bottom: 0 !important;
	position: absolute !important;
	left: 0 !important;
}



*/


.woocommerce ul.products img {
	text-align:center;
	margin-left: auto;
	margin-right: auto;
	border-color: white !important;
}

.woocommerce img {
	border-color: white !important;
	width: 100% !important;
}





/*My Account Pages*/


/*.woocommerce-account #primary .entry-content {
	padding-top: 25px;
	margin-top: 25px;
	border-top: 1px solid #efefef;
}
*/
.woocommerce-account #primary .entry-content {
	background-color: white;
	box-sizing: border-box;
	padding: 20px;
	border-radius: 5px;
	margin-top: 20px;
	border: 1px solid #efefef;
}

.woocommerce-account nav.woocommerce-MyAccount-navigation {
	box-sizing: border-box;
	padding: 0 20px 0 20px;
	border-radius: 5px;
	background-color: #282728;
	margin-bottom: 25px;
}

.woocommerce-account nav.woocommerce-MyAccount-navigation li {
	border-bottom: 1px solid white !important;
}

.woocommerce-account nav.woocommerce-MyAccount-navigation li:last-child {
	border-bottom: 0px !important;
}

.woocommerce-account nav.woocommerce-MyAccount-navigation ul {
	margin-bottom: 0;
}

.woocommerce-account nav.woocommerce-MyAccount-navigation li a {
	color: white !important;
}

.woocommerce-account nav.woocommerce-MyAccount-navigation li a:hover {
	color: #282728
 !important;
}

.woocommerce-account nav.woocommerce-MyAccount-navigation li.is-active a {
	color: #282728
 !important;
}



@media only screen 
and (max-width : 1200px) 
				 {
.woocommerce ul.products.columns-6 li.product {
	min-height: 475px;
}
}


@media only screen 
and (max-width : 767px) 
				 {
					 
.woocommerce ul.products li.product .add_to_cart_button {
	bottom: 0 !important;
	position: relative !important;
	left: 0 !important;
}

}

.woocommerce #primary img {
	border: 1px solid #cfcece;	
}

.wc-block-grid__product-image img {
	border: 1px solid #cfcece;	
}

.related.products {
	border-top: 1px solid #cfcece;
	padding-top: 75px;	
	margin-top: 75px;	
}

.summary .product_meta {
	display: none;
}


/*.woocommerce-page .widget-area {
	display: none !important;
}

.woocommerce-page .content-area {
	width: 100% !important;
}
*/

/* Force 2 line title inclusve */
.woocommerce ul.products li.product h2 {
  line-height: 2ex;
  height: 10ex; /* 2.5ex for each visible line */
  overflow: hidden;
}


h1.woocommerce-products-header__title.page-title {
	font-size: 120% !important;	
}


h1.product_title {
	color: #282728 !important;
}


#main h2.woocommerce-loop-product__title {
	font-size: 100% !important;	
}


h2.woocommerce-loop-product__title:hover {
	text-decoration: none !important;
}

.product-template-default .widget-area {
	display: none !important;
}

.product-template-default .content-area {
	width: 100% !important;
}

.page-template-default .widget-area {
	display: none !important;
}

.page-template-default .content-area {
	width: 100% !important;
}

.woocommerce .gamma.widget-title {
	font-size: 105% !important;
	border-left: 2px solid #d1cece;
	padding: 3px 0 3px 5px;
	border-bottom: none;
	margin-bottom: 25px;
	font-weight: bold;
}


.widget-area {
	background-color: white;
	padding: 15px;
	margin-right: 40px;
	border: 1px solid #cfcece;
}

.widget-area .widget {
	margin-bottom: 5em;
}


.widget-area ul.product-categories li {
	padding-left: 0 !important;
}

.widget-area ul.product-categories li a {
	text-decoration: none !important;
	font-weight: normal !important;
}

.widget-area ul.product-categories li a:hover {
	text-decoration: underline !important;
}

.widget-area ul.product-categories li::before {
	display: none !important;
}


.widget-area ul.product_list_widget li a {
	text-decoration: none !important;
	font-weight: normal !important;
}

.widget-area ul.product_list_widget li a:hover {
	text-decoration: underline !important;
}

.woocommerce span.onsale {
	position: absolute;
	top: 5px;
	left: 5px;
	background-color: #282728;
	color: white;
	border: none;
	font-weight: normal;
	z-index: 1;
}

.woocommerce span.price {
	font-size: 125%;
	font-weight: bold !important;
	color: #282728
 !important;
}

.woocommerce span.amount {
	font-weight: bold !important;
}

.woocommerce span.price .ins {
	font-weight: bold !important;
}

.woocommerce .entry-summary span.woocommerce-Price-amount {
	font-size: 125%;
	font-weight: bold;
	color: #282728
 !important;
}

select.orderby {
	padding: 3px 7px 3px 7px;
	border-radius: 0;
	border: 1px solid #cfcece;
	font-size: 100%;
	background-color: white;
}

select.orderby option {
	background-color: white;
}


.add_to_cart_button {
	width: 100%;	
}

.added_to_cart {
	width: 100%;	
}

@media only screen 
and (max-width : 767px) 
				 {
					 
	.widget-area {
	padding: 15px;
	margin-right: 0;
} 
					 
}


.woocommerce td.product-thumbnail {
	display: none;
}


.woocommerce th.product-thumbnail {
	display: none;
}

.woocommerce .mnm_table p.price {
	margin-top: 10px !important;
}


.woocommerce .swatch-wrapper img {
	border: none !important;
}



.woocommerce .variations input[type="radio"] {
      display: none;
  }
 .woocommerce .variations input[type="radio"]:checked + label {
      background-color: #d1cece;
	 color: white;
  }

 .woocommerce .variations li {
	 padding: 3px;
	 display: inline-block;
	 margin-bottom: 7px;
  }

 .woocommerce .variations li label {
     border: 1px solid #d1cece;
	 padding: 5px;
	 margin: 0;
  }


.woocommerce .single_variation_wrap .price-rules-table-wrapper h3 {
    font-size: 110% !important;
 }

.woocommerce .single_variation_wrap .price-rules-table-wrapper th {
    font-size: 90% !important;
 }

.woocommerce .single_variation_wrap .price-rules-table-wrapper td {
    font-size: 90% !important;
 }

.woocommerce .single_variation_wrap .price-rules-table-wrapper table {
    border: 1px solid #cfcece !important; 
 }

.woocommerce .single_variation_wrap .price-rules-table-wrapper table tr {
    border: 1px solid #cfcece !important; 
 }


/*main page banner*/

.wp-block-cover {margin-top: 0 !important; margin-bottom: 0 !important;}

.wp-block-cover p {
	padding-top: 0 !important;
	margin-top: 0 !important;
}

.wp-block-cover .wp-block-buttons {
	padding-top: 5px !important;
	margin-top: 0 !important;
}

.homeCover.wp-block-cover {height: 550px;  }


@media only screen 
and (max-width : 600px) {
.homeCover.wp-block-cover {height: 475px;  }

}

/*.homeCover .wp-block-cover {height: 650px; margin-bottom: 40px !important; }*/

/*.home .wp-block-cover__inner-container {padding-top: 20px !important; padding-bottom:20px !important;}

.home .wp-block-cover__inner-container p {color: white !important;}*/

/*@media only screen 
and (max-width : 1199px) 
				 {
.homeCover .wp-block-cover {height: 500px;}			 
}*/

/*@media only screen 
and (max-width : 550px) 
				 {
.home .wp-block-cover {height: 250px !important;}		
					 
}*/



p.bannerText span.bannerFirst {
	color: #d1cece !important;
	font-size: 170% !important;
	font-weight: bold !important;
}

p.bannerText span.bannerSecond {
	color: #d1cece;
	font-size: 130% !important;
	font-weight: normal;
}




/*Topbar*/

#topBarBackground {
	width: 100%;	
	background: #fd9b0e;
	padding: 5px 0 5px 0;
	height: 35px;font-family: "Montserrat", sans-serif;
	display: none;
}

#topBarInner {
	font-weight: 300;
	width: 1549px;
	margin: 0 auto;
	padding: 0 10px 0 10px;
	box-sizing: border-box;
}

#topBarInner p {
	font-size: 90%;
	color: white !important;
	padding: 0;
	margin: 0;
	line-height: 26px !important;
	text-align: center;
}


#topBarInner p a {
	color: white !important;
}

#topBarInner p span {
	font-weight: bold;
}


#topBarInner p {
	color: white;
}

#topBarInner p a {
	color: white;
	text-decoration: none;
}

#topBarInner p a:hover {
	color: white;
	text-decoration: underline;
}




#topBarInner ul {
	float: right;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#topBarInner li {
	color: white;
	line-height: 28px;
	font-size: 100%;
	display: inline;
	margin-right: 7px;
}

#topBarInner li a {
	color:white;
	text-decoration: none;
}

#topBarInner  li a:hover {
	color: white;
}

#topBarInner i.fas {
	color: #282728 !important;
}

#topBarInner i.fas:hover {
	color: #282728;
}

#topBarInner li i.fas {
	color: #282728 !important;
	text-decoration: none;
}

#topBarInner li i.fas:hover {
	color: #282728 !important;
	text-decoration: none !important;
	cursor: pointer;
}

#topBarInner li i.fab {
	color: #282728 !important;
	text-decoration: none;
}

#topBarInner i.fab:hover {
	color: #282728;
}




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

#topBarInner {
	width: 100%;	
	padding: 1%;
	padding-top: 0;
	padding-bottom: 0;
	box-sizing: border-box;
}			
					 
}

/*@media only screen 
and (max-width : 880px) 
				 {
				
#topBarBackground {
	height: 60px;
}	
					 
#topBarInner ul {
	float: left;
	width: 100%;
	text-align: center;
	margin: 0 0 3px 0;
}	
					 
#topBarInner ul li {
	margin: 0 5px 0 5px;
}			

#topBarInner p {
	float: left;
	width: 100%;
	text-align: center;
	line-height: 24px;
}	
					 
					  			 
					 
	
					 
}
*/

@media only screen 
and (max-width : 768px) 
				 {
				
				 				 
/*#topBarInner #loginHeader {
	display: none;
}	
					 
#topBarBackground {
	height: 33px;
}*/					 
					 
}


@media only screen 
and (max-width : 590px) 
				 {
				
				 				 
#topBarInner p {
	font-size: 90%;
}	
					 
					 
#topBarInner li {
	font-size: 90%;
}	
					 
/*#topBarBackground {
	height: 65px;
}						 
	*/				 
}






/*Footer Areae*/

.site-footer {padding:30px 0 20px 0 !important; background-color: #263850 !important; margin-top: 0;}

footer {text-align: left; margin-top: 0 !important; background-color: #263850; border-bottom: 10px solid #fd9b0e;}

footer .col-full {max-width: 1465.69px !important;}

.contactBox {
	float: left;
	width: 22.8%;	
	margin-right: 2%;
	padding: 0 0 25px 0;
	text-align: left;
}

.contactBox.lastContactBox {
	float: right;
	margin-right: 0;
	border-right: 0;
}


.contactBox h2 {
	font-size: 130%;
	color: white;
	font-weight: 800;
	font-family: "Montserrat", sans-serif;
}

.contactBox ul {
	list-style-type: none;
	padding: 0 !important;
	margin: 0 0 10px 0 !important;
}

.contactBox li {
	font-size: 100%;
	color: white !important;
	line-height: 28px;
	font-weight: 300 !important;
	margin-bottom: 5px;
}

.contactBox li b {
	color: white;
	font-weight: bold;
}

.contactBox li a {
	color: white;
	text-decoration: none !important;
}

.contactBox li a:hover {
	color: #efefef !important;
	text-decoration: none !important;
}


.contactBox li a:hover i.fas {
	color: #efefef !important;
	text-decoration: none !important;
}


.contactBox img {
	float: left;
	max-width: 100%;
	height: auto;
	border-radius: 5px !important;
	padding: 5px;
	background-color: white;
	margin-bottom: 10px;
}

.contactBox input.button {
	background-color: white !important;
	color: black !important;
}


.contactBox i.fa-brands {
	color: white;
	text-decoration: none;
	font-size: 200%;
	margin-right: 5px;
}

.contactBox i.fa-brands:hover {
	color: #fd9b0e;
	text-decoration: none;
}

.contactBox i.fa-solid {
	color: white;
	text-decoration: none;
}


.contactBox p {
	font-size: 90%;
}

.contactBox p i {
	font-size: 80%;
}


.contactBox p.small {
	font-size: 70% !important;
	line-height: 20px !important;
}

.contactBox p a {
	font-weight: bold;
	text-decoration: none;
}

.contactBox p a:hover{
	color: #282728;
	text-decoration: none;
}


footer p {
	float: left;
	width: 100%;
	text-align: left !important;
	font-size: 80% !important;
}

footer p a {
	text-decoration: none !important;
	color: white !important; 
}

footer p a:hover {
	text-decoration: underline !important;
	color: white !important;
}


footer ul#copyRightFooter {
	margin: 0 0 5px 0;
	float: left;
	width: 100%;
	padding: 10px 0 10px 0;
	text-align: center !important;
	background-color: black;
}

footer ul#copyRightFooter li {
	color: white !important;
	display: inline;
	margin: 0;
	font-size: 80%;
	line-height: 28px;
}

footer ul#copyRightFooter li a {
	text-decoration: none !important;
	color: white !important; 
}

footer ul#copyRightFooter li a:hover {
	text-decoration: underline !important;
	color: white !important;
}

	




/*Journey Footer 

Black #282728

Light Pink #282728
Dark Pink #282728
*/

#journeyFooter {
	float: left;
	width: 100%;
	padding: 80px 0 80px 0;
	text-align: center;
	clear: both;
	background: url("/wp-content/uploads/2023/06/electric-vehicle-import-export.webp") no-repeat center center fixed; 
   -webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
    background-size: cover;
	background-attachment: scroll;
}

#journeyFooter h3 {
	color: white;
	font-weight: 900;
	font-size: 170% !important;
	text-transform: uppercase;
	margin: 0 0 5px 0 !important;
	padding:0 !important;
}

#journeyFooter p {
	color: white;
	font-size: 120% !important;
	font-weight: bold;
	padding: 0 !important;
	margin: 0 !important;
}

#journeyFooter p a {
	color: white;
	text-decoration: none;
}

#journeyFooter p a:hover {
	color: white;
	text-decoration: underline;
}


#journeyFooter p.footerButton a {
	color: white;
	border-radius: 5px;
	padding: 10px;
	background-color: #282728
;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none !important;
	background: linear-gradient(to left, #282728
 50%, white 50%) right;
    background-size: 200%;
    transition: .4s ease-out;
}

#journeyFooter p.footerButton a:hover {
	background-position: left;
	text-decoration: none;
	color: #282728
;
}



@media only screen 
and (max-width : 600px) 
				 {	
					 					 
footer ul#copyRightFooter li {
	display: block;
	margin: 0;
}
					 
footer ul#copyRightFooter li.divider {
	display: none
}					 

}



footer .fab {
	font-size: 250%;
	margin: 5px 10px 0 0;
	color: #282728
;
}

footer .fab:hover {
	color: #282728
;
}


#secureCards {
	float: left;
	width: 100%;
	margin: 10px 0 10px 0;
}

#secureCards img {
	max-width: 100%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	display: block;
	border-radius: 5px !important;
}


.site-info {
	display: none;
	
}

@media only screen 
and (max-width : 1199px) 
				 {	
					 
.contactBox {
	float: left;
	width: 100%;	
	padding: 1%;
	border: none;
	margin-bottom: 10px;
	padding-bottom: 10px;
	box-sizing: border-box;
}


.contactBox.lastContactBox {
	float: left;
	width: 100%;	
	padding: 1%;
	border-right: 0;
	border-bottom: 0;
	box-sizing: border-box;
	padding-bottom:0;
} 	
					 
					 
}









/*Large Home Boxes*/

#largeBoxes {
	float: left;
	width: 100%;
	margin: 10px 0 20px 0;
}

.largeBox {
	float: left;
	width: 32%;	
	margin-right: 2%;
	margin-bottom: 2%;
	text-align:center;
}

.largeBox.lastLargeBox {
	float: right;
	margin-right: 0;
}

.largeBox img {
	margin: 0;	
	max-width: 100%;
	height: auto;
}

.largeBox h2 {
	text-align:center;
	padding: 7px 0 7px 0;
	margin: 0 0 0 0;
	background-color: #d1cece;
	color: white;
	font-weight: bold;
	font-size:110%;
} 

.largeox:hover {
	cursor:pointer;
} 

.largeBox:hover h2 {
	background-color: #d1cece;
	color: white;
}


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

.largeBox {
	float: left;
	width: 47%;	
	margin-right: 3%;
}


.largeBox.lastLargeBox {
	float: left;
	width: 47%;	
	margin-right: 3%;
} 

}

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

.largeBox {
	float: left;
	width: 100%;	
	border: none;
}


.largeBox.lastLargeBox {
	float: left;
	width: 100%;	
} 
					 
}














/*Main woocommerce product widths*/





/*Three Columns*/

/*@media only screen 
and (max-width : 959px) 
				 {	

.site-main ul.products.columns-4 li.product {
    width: 29.4117647059%;
    float: left;
    margin-right: 5.8823529412%;
}
					 
.site-main ul.products.columns-4 li.product:nth-child(3n+3) {
    margin-right: 0;
}					 
					 
}
*/



/*Two Columns*/
/*@media only screen 
and (max-width : 768px) 
				 {	

.site-main ul.products.columns-4 li.product {

    width: 48%;
    margin-right: 3.8%;

}
					 
.site-main ul.products.columns-4 li.product:nth-child(2n+2) {
    margin-right: 0;
}	
					 
.site-main ul.products.columns-4 li.product:nth-child(3n+3) {
     margin-right: 3.8%;
}
					 
h2.woocommerce-loop-product__title {
	font-size: 100% !important;	
}					 
					 
}
*/





/*Two Columns Mobile Small*/
/*@media only screen 
and (max-width : 480px) 
				 {	

				 
h2.woocommerce-loop-product__title {
	font-size: 90% !important;	
}
					 
.woocommerce a.button {
	font-size: 80% !important;	
}					 
					 
}
*/





/*One Column Mobile Small*/
/*@media only screen 
and (max-width : 380px) 
				 {	


.site-main ul.products.columns-4 li.product {
	width: 100%;
    list-style: none;
    margin-left: 0;
    margin-bottom: 4.235801032em;
    text-align: center;
    position: relative;

}			
					 
.site-main ul.products.columns-4 li.product:nth-child(2n+2) {
    margin-right: 0;
}	
					 
.site-main ul.products.columns-4 li.product:nth-child(3n+3) {
    margin-right: 0;
}					 
					 				 
					 
}
*/









/*Home Page woocommerce product widths*/





/*Three Columns*/

/*@media only screen 
and (max-width : 959px) 
				 {	

.site-main ul.products.columns-5 li.product {
    width: 29.4117647059%;
    float: left;
    margin-right: 5.8823529412%;
}
					 			 
					 
}

*/


/*Two Columns*/
/*@media only screen 
and (max-width : 768px) 
				 {	

.site-main ul.products.columns-5 li.product {

    width: 48%;
    margin-right: 3.8%;

}
					 
.site-main ul.products.columns-5 li.product:nth-child(2n+2) {
    margin-right: 0;
}	
					 
.site-main ul.products.columns-5 li.product:nth-child(3n+3) {
     margin-right: 3.8%;
}
					 
h2.woocommerce-loop-product__title {
	font-size: 100% !important;	
}					 
					 
}

*/




/*Two Columns Mobile Small*/
/*@media only screen 
and (max-width : 480px) 
				 {	

				 
h2.woocommerce-loop-product__title {
	font-size: 90% !important;	
}
					 
.woocommerce a.button {
	font-size: 80% !important;	
}					 
					 
}


*/



/*One Column Mobile Small*/
/*@media only screen 
and (max-width : 380px) 
				 {	


.site-main ul.products.columns-5 li.product {
	width: 100%;
    list-style: none;
    margin-left: 0;
    margin-bottom: 4.235801032em;
    text-align: center;
    position: relative;

}			
					 
.site-main ul.products.columns-5 li.product:nth-child(2n+2) {
    margin-right: 0;
}	
					 
.site-main ul.products.columns-5 li.product:nth-child(3n+3) {
    margin-right: 0;
}					 
					 				 
					 
}
*/


/*Footer Logos*/


#bottomLogos {
    display: inline-block;
    width: 100%;
    float: none;
	box-sizing: border-box;
	text-align: center;
	margin-bottom: 40px;
}

#bottomLogos img {
	display: inline-block;
    border-style: none;
    vertical-align: top;
    height: auto;
	max-height: 85px;
	width: auto;
    padding: 12px 24px;
}



/*Banner Area*/


#bannerArea {
    float: left;
    width: 100%;
    padding: 40px 0 40px 0;
}

#bannerInner {
	margin: 0 auto;
	width: 1064px;
}

.bannerLeft {
	float: left;
	width: 55%;
}

.bannerLeft img {
	max-width: 100%;
	height: auto;
}

.bannerRight {
	float: right;
	width: 40%;
	margin-top: 80px;
}

#bannerArea .bannerRight h2 {
	color: white;
	font-size: 210% !important; 
	font-weight: bold;
}

#bannerArea .bannerRight p {
	color: white;
	font-size: 120% !important; 
	font-weight: bold;
}

#bannerArea .bannerRight p a {
	color: white;
	font-weight: bold;
	font-size: 100% !important; 
	background-color: #d1cece;
	text-transform: uppercase;
	text-decoration: none;
	border-radius: 5px;
	padding: 10px;
}

#bannerArea .bannerRight p a:hover {
	color: white;
	background-color: #adda43;
	text-decoration: none;
}



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

#bannerInner {
	width: 100%;
	box-sizing: border-box;
	padding-left: 5%;
	padding-right: 5%;
}
					 
}


/*Call Back Area*/


#callBackArea {
    float: left;
    width: 100%;
    padding: 15px 0 15px 0;
	background-color: #d1cece;
	text-align: center;
}

#callBackArea p {
    color: white;
	font-size: 110%;
	padding: 0;
	margin: 0;
}

#callBackArea p a {
    color: #d1cece;
	text-decoration: none;
	background-color: white;
	font-size: 90%;
	padding: 10px;
	border-radius: 5px;
}

#callBackArea p a:hover {
    color: white;
	background-color: #d1cece;
	text-decoration: none;
}



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

.bannerLeft {
	float: left;
	width: 100%;
}

.bannerRight {
	float: left;
	width: 100%;
	margin-top: 20px;
}
					 
					 
callBackArea {
    padding: 15px;
}
					 
#callBackArea p {
	font-size: 90%;
}
				

}


.stackImage img {
	margin-bottom: 20px;
}




/*Home Welcome*/

.homeWelcomeOuter {
	width: 100%;
	background-color: #efefef;
	padding: 20px 0 20px 0 !important;
	margin: 20px 0 0 0 !important; 
}

.homeWelcomeInner {
	margin: 0 auto;
	width: 1064px;
}



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

.homeWelcomeInner {
	width: 100%;
	box-sizing: border-box;
	padding-left: 1%;
	padding-right: 1%;
					 }
}





/*Home page Styles*/

p.highlightBoxHome {
	font-size: 110% !important;
}

.categoryBoxesHome p {
	font-size: 110% !important;
	font-weight: bold;
}

.categoryBoxesHome p a {
	float: right;
	text-decoration: none !important;
	font-size: 80%;
}

.categoryBoxesHome p a:hover {
	background-color: #d1cece;
	text-decoration: none !important
}


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

.categoryBoxesHome p a {
	float: none;
}
					 
}




.woocommerce a.add_to_cart_button {
	color: white !important;
	padding: 10px 12px 10px 12px !important;
	border: 1px solid #282728 !important;
	text-decoration: none !important;
	text-align: center !important;
	text-transform: uppercase !important;
	background-color: #282728 !important;
	font-weight: bold !important;
}

.woocommerce a.add_to_cart_button:hover {
	background-color: #282728
 !important;
	color: white !important;
	text-decoration: none !important;
}



.woocommerce button.single_add_to_cart_button {
	color: white !important;
	padding: 10px 12px 10px 12px !important;
	border: 1px solid #282728 !important;
	text-decoration: none !important;
	text-align: center !important;
	text-transform: uppercase !important;
	background-color: #282728 !important;
	font-weight: bold !important;
}

.woocommerce button.single_add_to_cart_button:hover {
	background-color: #282728
 !important;
	color: white !important;
	text-decoration: none !important;
}



/*.woocommerce li.product {
	border: 1px solid #efefef !important;
	box-sizing: border-box;
	padding: 10px;
}
*/
.woocommerce span.price div.price {
	font-size: 80% !important;
}






.homeTwoBoxes {
	padding-top: 40px !important;
	padding-bottom: 0 !important;
	margin-bottom: 0 !important;
}

.homeTwoBoxes p {
	border: 1px solid white;
	font-size: 130% !important;
}

.homeTwoBoxes p a {
	text-decoration: none !important;
}

.latestSweetsBackground {
	/*background-color: #d1cece;
	height: 1px;
	margin-top: 10px !important;*/
	border-bottom: 1px solid #d1cece;
	height: 17px;
	margin-bottom: 50px !important;
}

h2.latestSweetsHeading {
	margin-bottom: 30px;
}

h2.latestSweetsHeading span {
	background-color: #d1cece;
	color: white;
	padding: 10px 20px 10px 20px;
}

.homeSubscriptBoxes {
	padding-bottom: 40px !important;
}

.homeSubscriptBoxes img:hover {
	opacity: .8;
}

.pickBoxHome {
	margin-bottom: 60px;
}

.pickBoxHome:hover {
	opacity: .8;
}

.pickBoxHome h2 {
	padding-top: 20px;
}

.pickBoxHome a {
	text-decoration: none !important;
}

.wp-block-button a {
	text-decoration: none !important;
}

.benefitsBox {
	margin-top: 25px;
}

.benefitsBox ul {
	color: #d1cece;
	font-size: 120%;
	line-height: 34px;
	padding-top: 45px;
	padding-bottom: 45px;
}



.homeSpecialBoxes {
	padding: 25px 25px 0 25px !important;
	box-sizing: border-box;
	border-radius: 5px !important;
}

.homeSpecialBoxes img {
	border-radius: 5px !important;
}

.homeSpecialBoxes img:hover {
	opacity: .8;
}

.homeSpecialBoxes a {
	text-decoration: none !important;
}

.homeSpecialBoxes a:hover {
	color: black;
	text-decoration: none !important;
}

.woocommerce #secondary {
	display: none;
	position: fixed; 
	left: 0;
	top: 0;
	width: 300px;
	height: 100vh !important;
	z-index: 99999;
	border-top: none;
	border-bottom: none;
	overflow-y:scroll;
    overflow-x:hidden;
}

.woocommerce #secondary h3 {
	font-size: 110% !important;
}

.woocommerce #secondary .bapf_sfilter {
	border-bottom: 1px solid #efefef;
	padding-bottom: 10px !important;
}

.woocommerce #secondary .berocket_single_filter_widget_663 .bapf_sfilter {
	border-bottom: 0px;
}

.woocommerce #secondary .bapf_sfilter label {
	font-size: 90% !important;
}

.woocommerce #secondary .widget_custom_html {
	margin-bottom: 0 !important;
}

.woocommerce #secondary p#filterButton {
	margin-bottom: 10px !important;
}




@media ( max-width: 480px ) {

.woocommerce #secondary {
	width: 250px;
}
	
}


.widget-area {
	-webkit-transition: all 2s ease;  
  -moz-transition: all 2s ease;  
  -o-transition: all 2s ease;  
  -ms-transition: all 2s ease;  
  transition: all 2s ease;
}

.woocommerce #primary {
	width: 100%;
}

.blog #secondary {
	display: none;
	position: fixed; 
	left: 0;
	top: 0;
	width: 250px;
	height: 100vh !important;
	z-index: 99999;
	border-top: none;
	border-bottom: none;
}

.blog #primary {
	width: 100%;
}


.single-post #secondary {
	display: none;
	position: fixed; 
	left: 0;
	top: 0;
	width: 250px;
	height: 100vh !important;
	z-index: 99999;
	border-top: none;
	border-bottom: none;
}

.single-post #primary {
	width: 100%;
}


.search #secondary {
	display: none;
}

.search #primary {
	width: 100%;
}


p#filterButton {
	float: right;
	margin: 0;
	padding: 2px 7px 2px 7px;
	border: 1px solid #e4d6bc;
	color: #2c2724;
}


p#filterButton:hover {
	color: white;
	cursor: pointer;
	background-color: #2c2724;
}







@media ( max-width: 768px ) {
ul.products li.product {
	width: 46.411765%;
	float: left;
	margin-right: 5.8823529412%;
}

ul.products li.product:nth-of-type( 2n ) {
	margin-right: 0;
	float: right;
}


}





/*Quad Menu*/


.storefront-primary-navigation #quadmenu {
	width: 100% !important; 
	text-align: center !important;
}


.storefront-primary-navigation #quadmenu .icon-bar {
	height: 2px !important;
}

.storefront-primary-navigation #quadmenu img {
	border-radius: 5px !important;
}

.storefront-primary-navigation #quadmenu img:hover {
	opacity: .8;
}


.storefront-primary-navigation #quadmenu.quadmenu-is-horizontal.quadmenu-align-left .quadmenu-navbar-nav {
    text-align: center !important;
}




@media only screen 
and (max-width : 980px) 
				 {	
.storefront-primary-navigation #quadmenu {
	padding-left: 20px !important;
	padding-right: 20px !important;
}

					 
}



@media only screen 
and (min-width : 768px) 
				 {	
.storefront-primary-navigation .quadmenu-navbar-nav li.quadmenu-item-level-0 {
	height: 55px !important;
}

					 
}



@media only screen 
and (max-width : 768px) 
				 {	
.storefront-primary-navigation #quadmenu img {
	display: none !important; 
}

.storefront-primary-navigation #quadmenu .quadmenu-item-object-widget {
	display: none !important; 
}
					 
.storefront-primary-navigation #quadmenu li {
	margin-right: 0px !important; 
}
					 
.storefront-primary-navigation #quadmenu span.quadmenu-caret {
	padding-right: 20px !important; 
}
					 				 			
				 
}
					 




.storefront-primary-navigation .quadmenu-navbar-nav li {
/*	font-weight: 300 !important;*/
}

.storefront-primary-navigation .quadmenu-navbar-nav li a {
	/*font-weight: 300 !important;*/
	border-width: 0px !important;
}

.storefront-primary-navigation .quadmenu-navbar-header button.quadmenu-navbar-toggle {
	margin-top: 17px !important;
	z-index: 9999999 !important;
	margin-right: 15px !important;
}

li.navHeading a span {
	font-size: 18px !important;
}











.home .add_to_cart_button {
	display: none;
}

.archive .add_to_cart_button {
	display: none;
}


.home .button.product_type_simple {
	display: none;
}

.archive .button.product_type_simple {
	display: none;
}

.yith-wcbm-badge {
	border-radius: 5px !important;
	top: 5px;
	left: 5px;
}






/*Resizing*/

.archive .col-full {
	max-width: 1465.69px !important;
}

.page-template .col-full {
	max-width: 1465.69px !important;
}

.product-template-default .col-full {
	max-width: 1465.69px !important;
}

.page-template-default .col-full {
	max-width: 1465.69px !important;
}

.blog .col-full {
	max-width: 1465.69px !important;
}

.single-post .col-full {
	max-width: 1465.69px !important;
}

.search .col-full {
	max-width: 1465.69px !important;
}

.header-widget-region .col-full {
	max-width: 1465.69px !important;
}


.introHome {
	padding: 70px 0 15px 0 !important;
}




.collectionsHome figure {
	position: relative;
	line-height: 38px !important;
	border: 5px solid #282728;
}

.collectionsHome figure figcaption {
	width: 100%;
	position: absolute !important; 
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
			-ms-transform: translate(-50%, -50%);
			transform: translate(-50%, -50%);
	color: white;
	font-weight: bold;
	font-size: 140% !important;
	background-color: #282728;
	padding: 10px 0 10px 0 !important;
}
.collectionsHome figure:hover {
	cursor: pointer;
	color: white;
}

.collectionsHome figure figcaption a {
	text-decoration: none !important;
	color: white;
}
	
.collectionsHome figure figcaption:hover {
	background-color: #282728;
	color: white !important;
	cursor: pointer;
}

.collectionsHome figure figcaption:hover a {
	color: white !important;
}


bdi {
	color: #282728;
}


.exploreShop figcaption {
	background-color: #282728;
	padding: 10px 0 10px 0;
	margin-top: -4px;
}

.exploreShop figcaption a {
	color: white;
	text-decoration: none !important;
	font-size: 120%;
	background-color: #282728;
}

.exploreShop figcaption a:hover {
	color: white;
	text-decoration: underline !important;
}


.home .site-main {
	margin-bottom: 0;
}

.home #primary {
	margin-bottom: 0;
}

.contactColumns .wp-block-column {
	padding: 20px 0 0 0;
	border-radius: 5px;
	background-color: #efefef;
}




.aboutTeam figcaption {
	background-color: #282728;
	padding: 10px 0 10px 0;
	margin-top: -4px;
	color: white;
	text-decoration: none;
	font-size: 120%;
}

.storefront-handheld-footer-bar {
	display: none !important;
}


.home .woocommerce {
	margin-top: 0 !important;
}

/*p.out-of-stock {
	display: none !important;
}
*/

.single-product .wpforms-container {
	border-top: 1px solid #282728;
	padding-top: 10px;
}

.single-product .wpforms-container .wpforms-title {
	color: #282728;
	font-size: 110% !important;
}




.wp-block-jetpack-tiled-gallery img {
	border: 1px solid #efefef;
}


.product-type-external .button {
	display: none !important;
}





.secondary-navigation #quadmenu {
	width: 100% !important; 
	text-align: center !important;
}

.secondary-navigation #quadmenu .quadmenu-text {
	color: #282728 !important;
}




.secondary-navigation {float: right !important; margin: 45px 0 0 0 !important; padding: 0 !important; text-align: right; text-transform: none !important; width: auto !important;}

.secondary-navigation #quadmenu li.quadmenu-item-type-search input {
	color: #282728
 !important;
	text-transform: none !important;
	height: 50px !important;
	border: 1px solid #282728
;	
	margin-top: 12px !important;
}

.secondary-navigation #quadmenu li.quadmenu-item-type-search input::placeholder {
	color: #282728
 !important;
	text-transform: none !important;
}

.secondary-navigation #quadmenu li.quadmenu-item-object-cart {
	background-color: white !important;
	text-transform: none !important;
}

.secondary-navigation #quadmenu li.quadmenu-item-object-login {
	background-color: white !important;
	text-transform: none !important;
}

.secondary-navigation #quadmenu {
	width: 100% !important; 
	text-align: left !important;
}

.secondary-navigation #quadmenu .quadmenu-text {
	color: #282728 !important;
}




@media ( max-width: 968px ) {
	
.secondary-navigation {margin-top: 30px !important;}

	
.secondary-navigation #quadmenu li.quadmenu-item-type-search input {
	width: 175px !important;
}


}







.serviceHighlights p {
	border-radius: 5px;
	padding-top: 10px !important;
	padding-bottom: 10px !important;
	margin-bottom: 0 !important;
}

.introText {
	border-radius: 5px;
	padding-top: 30px;
	padding-bottom: 30px;
	padding-right: 30px;
}







.browsePets .wp-block-column img {
	-webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
}

.browsePets .wp-block-column:hover img {
	height: auto;
	cursor: pointer;
	animation-name: bounce;
  	-moz-animation-name: bounce;
}

@keyframes bounce {
	0%, 100%, 20%, 50%, 80% {
		-webkit-transform: translateY(0);
		-ms-transform:     translateY(0);
		transform:         translateY(0)
	}
	40% {
		-webkit-transform: translateY(-30px);
		-ms-transform:     translateY(-30px);
		transform:         translateY(-30px)
	}
	60% {
		-webkit-transform: translateY(-15px);
		-ms-transform:     translateY(-15px);
		transform:         translateY(-15px)
	}
}


@media only screen 
and (max-width : 480px) 
				 {	
	.browsePets .wp-block-column img {
	max-width: 75%;
		height: auto;
		margin-left: auto;
		margin-right: auto;
}
				 
}




#headerRight {
	float: right;
	width: 67%;
	margin-top: 10px;
}

.addressOpening {
	width: 50%;
	float: left;
	margin-top: 60px;
}


.phoneQuestions {
	width: 50%;
	float: right;
	margin-top: 55px;
}

#headerRight h2 {
	text-align: right;
	font-weight: bold;
	font-size: 100% !important;
	margin: 0;
	padding: 0;
	color: #263850;
	font-family: "Montserrat", sans-serif;
	letter-spacing: 1px;
	text-transform: uppercase;
}

#headerRight ul {
	text-align: right;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#headerRight li {
	color: #263850;
	text-align: right;
	display: inline-block;
	line-height: 32px;
	margin-left: 10px;
	font-size: 100%;
}

#headerRight li a {
	color: #263850;
	text-decoration: none;
}

#headerRight li a:hover { 
	color: #fd9b0e;
	text-decoration: none
}

#headerRight li i.fa-solid {
	color: #fd9b0e !important;
	font-size: 100% !important;
}


#headerRight p {
	text-align: center;
	margin: 0 !important;
	padding: 0 !important;
}

#headerRight p a {
	background-color: #263850;
	color: white;
	width: 100%;
	box-sizing: border-box;
	padding: 8px 10px 8px 10px;
	text-align: center;
	border-radius: 10px;
	text-transform: uppercase;
	font-weight: bold;
	text-decoration: none !important;
	background: linear-gradient(to left, #263850 50%, #fd9b0e 50%) right;
    background-size: 200%;
    transition: .4s ease-out;
}

#headerRight p a:hover { 
	background-position: left;
	color: white;
	text-decoration: none
}




@media only screen
and (max-width : 1025px) 
				 {
					 
					 
#headerRight {
	display: none;
}	
					 				 

.site-branding img {
	width: 140px !important; 
	max-width: 140px !important; 
}					 
					 
.storefront-primary-navigation { 
	width: auto;
	text-align: right !important;
	position: absolute;
	margin-top: 0; 
	top: 45px;
	right: 25px;
	background-color: #ffffff !important;
}

#masthead .storefront-primary-navigation .col-full { 
	padding-left: 0 !important;
	padding-right: 0 !important;
}

					 
}





.priceBox {
	border: 1px solid #282728
;
	box-sizing: border-box;
	padding: 15px 15px 5px 15px !important;
	border-radius: 5px;
}




.mobileBanner {
	display: none;
}


@media only screen 
and (max-width : 700px) 
				 {	
.desktopBanner {
	display: none;
}
.mobileBanner {
	display: block;
}

}














/*Search Tool*/
.wpsl-search {
	background-color: #282728 !important;
	padding-bottom: 20px;
}

.wpsl-input {
	width: 100%;
}

.wpsl-input div {
	width: 100%;
}

.wpsl-input div label {
	width: 100%;
	font-weight: bold;
	text-align: center; 
}

.wpsl-input #wpsl-search-input {
	margin-left: auto;
	margin-right: auto;
}

.wpsl-search-btn-wrap {
	width: 100%;
}

.wpsl-search-btn-wrap input#wpsl-search-btn {
	float: none !important;
	margin-left: auto !important;
	margin-right: auto !important;
	text-align: center !important;
	border-color: black !important;
	background-color: black !important;
	color: white !important;
	text-transform: uppercase !important;
	font-weight: bold !important;
	background-image: none !important;
}

#wpsl-result-list {
	box-sizing: border-box !important;
	padding-left: 20px !important;
	padding-right: 20px !important;
}




/*Search Widgetl*/

.wpsl-search-widget {
	margin-bottom: 0 !important;
}

form#wpsl-widget-form {
	margin-bottom: 0 !important;
}

form#wpsl-widget-form p {
	text-align: center; 
}

form#wpsl-widget-form label {
	width: 100%;
	font-weight: bold;
	text-align: center; 
}

form#wpsl-widget-form #wpsl-widget-search {
	margin-left: auto;
	margin-right: auto;
}

form#wpsl-widget-form input#wpsl-widget-submit {
	float: none !important;
	margin-left: auto !important;
	margin-right: auto !important;
	text-align: center !important;
	border-color: black !important;
	background-color: black !important;
	color: white !important;
	text-transform: uppercase !important;
	font-weight: bold !important;
	background-image: none !important;
}




/*WP Forms*/

.wpforms-confirmation-container-full {
	background-color: #282728
 !important;
	border: 1px solid #282728
 !important;
	border-radius: 5px;
}

.wpforms-confirmation-container-full p {
	color: white !important;
}




.no-wc-breadcrumb .site-header {
margin-bottom: 0 !important;
}





/*Buttons*/


.wp-block-button a {
	color: white;
	border-radius: 5px !important;
	padding: 10px;
	background-color: #282728;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none !important;
	background: linear-gradient(to left, #fd9b0e 50%, #263850 50%) right;
    background-size: 200%;
    transition: .4s ease-out;
	border: 1px solid white !important;
}

.wp-block-button a:hover {
	background-position: left;
	text-decoration: none;
	color: #ffffff !important;
}

.wp-block-button a i.fas {
	color: #ffffff;
}

.wp-block-button a:hover i.fas {
	color: #ffffff;
}


/*Home Advice
Black #282728

Light Pink #282728
Dark Pink #282728

*/

#adviceYouNeed h4 {
	font-size: 130% !important;
	text-align: right;
	margin-bottom: 15px;
}

#adviceYouNeed h4 a {
	background-color: #efefef;
	border-radius: 5px;
	color: #282728
;
	font-weight: bold;
	text-decoration: none;
	padding: 10px;
	background: linear-gradient(to left, #efefef 50%, #282728
 50%) right;
    background-size: 200%;
    transition: .4s ease-out;
	display: inline-block;
}

#adviceYouNeed h4 a:hover {
	background-position: left;
	color: #282728;
	text-decoration: none;
}


.howDoesItWork {
	padding-top: 80px;
	padding-bottom: 10px;
	margin-bottom: 70px;
}

.howDoesItWork hr {margin-top: 20px !important; margin-bottom: 30px !important}



.leftRightColumn {
	margin-top: 80px;
	margin-bottom: 70px;
}

.leftRightColumn hr {margin-top: 10px !important; margin-bottom: 20px !important}




.hiddenHomeText {
	display: none;
}

@media ( max-width: 700px ) {
	

.hiddenHomeText {
	display: block;
}

}



#FadeIn_CSS a {
	text-decoration: none !important;
}



.greyBox {
	border-radius: 5px;
	padding-top: 2.375em !important;
}

p.contactP {
	margin: 20px 0 5px 0 !important;
}



hr.reviews {margin-top: 30px !important; margin-bottom: 40px !important;}







/*Black #282728

Light Pink #282728
Dark Pink #282728
*/
/*#wp-block-themeisle-blocks-accordion-274d3075 details summary::after {
	color: #282728;
}*/





/*Page Header Styles*/

h2.largeHomeIntro {
	font-size: 170% !important;
}


@media ( max-width: 400px ) {
	

h2.largeHomeIntro {
	font-size: 140% !important;
}
}



.sliderTablet {
	display: none;
}

.sliderMobile {
	display: none;
}



@media ( max-width: 800px ) {
	

.sliderTablet {
	display: block;
}

.sliderDesktop {
	display: none;
}
		
	
}


@media ( max-width: 500px ) {
	

.sliderMobile {
	display: block;
}

.sliderTablet {
	display: none;
}
		
	
}










.locationBanner p {
	margin-bottom: 10px !important;
}


@media ( max-width: 480px ) {

.locationBanner p {
	font-size: 85% !important;
	line-height: 22px !important;
}	
	
.locationBanner p.has-large-font-size {
	font-size: 120% !important;
	line-height: 26px !important;
}
	
}



/*.page-template-template-fullwidth .entry-header {
	display: none !important;
}


.page-template-template-fullwidth .site-content {
	padding-top: 0 !important;
}
*/


/*Listings*/

.post-type-archive-auto-listing h1 {font-size:130% !important; font-weight: bold; text-transform: uppercase;}

.post-type-archive-auto-listing #content {
	padding-top: 20px !important;
}

.post-type-archive-auto-listing .page-description {
	display:none !important;
}

.post-type-archive-auto-listing span.price-amount {
	font-weight: bold !important;
	font-size: 130% !important;
}

.post-type-archive-auto-listing .auto-listings-view-switcher {
	float: right !important;
	margin: 0 0 10px 0 !important;
}

.post-type-archive-auto-listing .auto-listings-view-switcher i::before {
	color: #282728 !important;
}

.post-type-archive-auto-listing .al-button {
	font-weight: bold;
	text-transform: uppercase !important;
	border-radius: 5px;
}

.post-type-archive-auto-listing .al-button:hover {
	background-color: #282728 !important;
	color: white !important;
}



/*Forms*/

.wpforms-submit {
	background-color: #282728 !important;
	text-transform: uppercase !important;
	border: 1px solid #282728 !important;
	font-family: "Montserrat", sans-serif;
}

.wpforms-submit:hover {
	background-color: #282728 !important;
}



.quoteBox {
	margin-bottom: 60px;
}

.quoteBox p {
	margin: 10px 0 10px 0 !important;
	font-size: 110% !important; 
}








.insideFullWidth {
	max-width: 1465.69px !important;
	margin-left: auto;
	margin-right: auto;
	padding-top: 40px;
	padding-bottom: 30px;
}


.insideFullWidthNarrow {
	max-width: 1465.69px !important;
	margin-left: auto;
	margin-right: auto;
	padding-top: 40px;
	padding-bottom: 30px;
}

@media only screen 
and (max-width : 1500px) 
{	
	
.insideFullWidth {
	margin-left: 2.617924em;
	margin-right: 2.617924em;
	padding-top: 20px;
	padding-bottom: 10px;
}
	
.insideFullWidthNarrow {
	padding-top: 20px;
	padding-bottom: 10px;
}
	
	
}

.wp-block-media-text__content {
	padding-left: 0 !important;
}



#mega-menu-wrap-primary {
	width: 100% !important;
	max-width: 100% !important;
	margin-right: 0 !important;
}


.mega-sub-menu li.mega-menu-item img {
	border: 2px solid #282728;
	border-radius: 5px !important;
	box-sizing: border-box;
}

.mega-sub-menu li.mega-menu-item img:hover {
	border: 2px solid #282728;
	border-radius: 5px;
}

@media ( max-width: 500px ) {
.mega-sub-menu li.mega-menu-item img {
	max-width: 70% !important;
	height: auto;
}


}



.homeProductBox .wp-block-image {
	margin-bottom: 0 !important;
}

.homeProductBox p {
	padding: 15px !important;
	box-sizing: border-box;
	background-color: #282728 !important;
	color: white !important;
	font-weight: bold !important;
	font-size: 110% !important;
}

.homeProductBox p a {
	color: white !important;
}

.homeProductBox:hover p {
	background-color: #282728 !important;
}

.homeProductBox:hover {
	cursor: pointer;
}



.promoBox {
	border: 1px solid #282728;
	padding: 10px;
	margin-bottom: 0 !important;
	text-align: center;
	border-radius: 5px;
	margin-top: 20px !important;
}

.promoBox h4 {
	color: #282728 !important;
	font-size: 110% !important;
	font-weight: bold !important;
	margin: 0 !important;
	padding: 0 !important;
}

.promoBox p {
	color: #282728 !important;
	font-size: 90% !important;
	text-transform: uppercase;
	margin: 0 !important;
	padding: 0 !important;
	font-weight: bold;
}

.promoBox i.far {
	color: #282728 !important;
	font-size: 130% !important;
}


.promoBox p a {
	color: #282728 !important;
	text-decoration: none !important;
}

.promoBox p a:hover {
	color: #282728 !important;
	text-decoration: none !important;
}


@media ( max-width: 780px ) {
	.promoBox {
	margin-top: 0 !important;
}

}






.page-template-template-noheader .storefront-breadcrumb {
	display: none;
}

.page-template-template-noheader .entry-header {
	display: none;
}

.page-template-template-noheader .site-content {
	padding-top: 0 !important;
}



.columnWithBorder {
	padding: 20px !important;
	border: 1px solid #282728;
	border-radius: 5px;
	box-sizing: border-box;
}


.storefront-sorting {
	display: none !important;
}

/*li.product {
	border: 2px solid #282728;
	border-radius: 5px;
	padding: 20px 10px 0 10px !important;
	box-sizing: border-box;
}

li.product:hover {
	border: 2px solid #282728;
}
*/

li.product {
	border: 2px solid #efefef;
	border-radius: 5px;
	padding: 20px 10px 0 10px !important;
	box-sizing: border-box;
}

li.product:hover {
	border: 2px solid #282728;
}


li.product h2 {
	font-weight: bold !important;
	color: #282728 !important;
	text-transform: none !important;
}

li.product:hover a {
	text-decoration: none !important;
}

.single-product h1 {
	font-weight: bold !important;
}




.latestCourseBox {
	background-color: #fcf8f3;
	padding: 30px 30px 20px 30px !important;
	border-radius: 15px;
}

.latestCourseBox p {
	margin: 3px 0 3px 0 !important;
}

.latestCourseBox img {
	border: 3px solid white;
	border-radius: 15px !important;
}



.whyTrainUs h2 {
	color: white !important;
}

.whyTrainUs p {
	margin: 0 !important;
	color: white !important;
}

.whyTrainUs .wp-block-column {
	margin-right: 0 !important;
	margin-bottom: 0 !important;
}

.whyTrainUs figure {
	margin: 0 !important;
}

.brandLogos img {
	background-color: white !important;
	border-radius: 15px !important;
	margin-top: 20px !important;
}





.beautyCourses .wp-block-column {
	background-color: white;
	padding: 20px !important;
	border-radius: 15px;
}

.beautyCourses .wp-block-column img {
	border-radius: 15px !important;
}

.beautyCourses .wp-block-column h3 {
	color: #282728 !important;
}

.beautyCourses .wp-block-column p {
	color: #282728 !important;
	text-transform: uppercase;
	margin-top: 0 !important;
}

.beautyCourses .wp-block-column p a {
	color: #282728 !important;
}


/*Padding Space*/

.paddingSpace {
	padding-top: 40px;
	padding-bottom: 40px;
}

/*Padding Space*/



.innerCoverPhoto h1 {
	color: white !important;
}

.innerCoverPhoto h2 {
	margin-top: 0 !important;
	color: white !important;
}


.entry-header {
	display: none;
}

.site-content {
	padding-top: 0;
}

.page-id-30 .entry-header {
	display: block;
}

.page-id-30 .site-content {
	padding-top:30px;
}

.page-id-32 .entry-header {
	display: block;
}

.page-id-32 .site-content {
	padding-top:30px;
}

/*Shop Area*/

.woocommerce-tabs {
	border-radius: 15px !important;
	background: url(/wp-content/uploads/2024/10/cream-background.jpg);
	padding: 30px !important;
}

.woocommerce-tabs .tabs {
	display: none;
}

.woocommerce-tabs .woocommerce-Tabs-panel {
	width: 100% !important;
}

.woocommerce-tabs h3 {
	border-top: 0px !important;
}


.related a.button { 
display: none !important;}






/*Home*/


#main .homeBanner h2 {
	font-weight: 900 !important;
}

.homeBanner .fa-square-check {
	color: #fd9b0e;
}

#main .homeBanner p {
	margin-top: 0;
	font-size: 110% !important;
	font-weight: bold;
}

/*.wp-block-table {
	border-left: 1px solid white !important;
	border-right: 1px solid white !important;
}*/

.wp-block-table th {
	background-color: #282728 !important;
	color: white !important;
}

.wp-block-table tr {
	border-bottom: 1px solid #efefef !important;
}

.wp-block-table td {
	background-color: white !important;
}



/*Blog*/

.single-post header.entry-header {
	border-bottom: 0 !important;
	margin-bottom: 0;
} 

.single-post .entry-title {
	margin-bottom: 0;
} 

.single-post img.wp-post-image {
	border-radius: 5px !important;
	width: 100%;
	height: auto;
	border: 5px solid white;
	display: none;
} 

.single-post .blogIntro img {
	border-radius: 5px !important;
	border: 5px solid white;
} 


.compHome .wp-block-column {
	margin-bottom: 0 !important;
}




.homeIntroBox figure {
	position: relative;
}

.homeIntroBox figure figcaption {
	width: 100%;
	position: absolute !important; 
	bottom: 0;
	color: white;
	font-weight: 900;
	font-size: 140% !important;
	padding: 10px 0 10px 0 !important;
	border-radius: 0 0 5px 5px;
}

.homeIntroBox figure figcaption a {
	text-decoration: none !important;
	color: white !important;
	font-size: 90% !important;
	font-weight: normal !important;
}
	
.homeIntroBox figure figcaption:hover {
	color: white !important;
	cursor: pointer;
	text-decoration: underline !important;
}

.homeIntroBox figure figcaption:hover a {
	color: white !important;
	text-decoration: underline !important;
}


/*#main .tickBox p {
	font-size: 110% !important;
}
*/
#main .tickBox p {
	color: #263850 !important;
}



.homeBoxes .wp-block-column {
	margin-right: 0.5% !important;
}

.homeBoxes figure {
	padding: 0 !important; 
	margin: 0 0 5px 0 !important;
}

#main .homeBoxes p {
	padding: 0; 
	margin: 0;
	line-height: 23px !important;
	font-size: 100%;
	font-weight: bold;
}

.homeBoxes a {
	color: #263850;
	text-decoration: none !important;
	font-weight: bold !important;
}

.homeBoxes a:hover {
	color: #fd9b0e;
	text-decoration: none !important;
}

.homeBoxes .wp-block-column:hover a {
	color: #fd9b0e;
	text-decoration: none !important;
}


.wp-block-column {
	margin-right: 0.5% !important;
}


.wp-block-table th {
	background-color: #263850 !important;
}


.wpsl-search {
	background-color: white !important;
	border-radius: 5px 5px 0 0 !important;
	border: 2px solid #263850;
	box-sizing: border-box;
	border-bottom: 10px solid #fd9b0e;
}

.wpsl-select-wrap {
	width: 100%;
}

#wpsl-radius {
	width: 100%;
	box-sizing: border-box;
	margin: 10px 0 10px 0;
	padding: 0;
	text-align: center;
}

#wpsl-radius label {
	width: 100% !important;
	text-align: center;
	font-weight: bold;
}

#wpsl-radius .wpsl-dropdown {
	width: 100%;
	text-align: center;
}

.wpsl-dropdown ul {
	z-index: 99999 !important;
}

#wpsl-radius li {
	z-index: 99999 !important;
}


#wpsl-results {
	width: 100%;
	box-sizing: border-box;
	margin: 10px 0 10px 0;
	padding: 0;
	text-align: center;
}

#wpsl-results label {
	width: 100% !important;
	text-align: center;
	font-weight: bold;
}

#wpsl-results .wpsl-dropdown {
	width: 100%;
	text-align: center;
}

/*#wpsl-radius {
	width: 48%;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}

#wpsl-results {
	width: 48%;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}*/





/* Container styles */
.scrolling-text-container {
	float: left;
	width: 100%;
    background-color: #fd9b0e;
    overflow: hidden;
	margin-bottom: 20px !important;
}

/* Inner container styles */
.scrolling-text-inner {
    display: flex;
    white-space: nowrap;
    font-weight: bold;
    padding: 8px 0;
	color: white;
	font-size: 110%;
	margin: 0 auto;
	width: 1400px;
}

/* Inner container styles */
.scrolling-text-inner span {
	font-size: 60%;
	font-style: italic;
}

/* Text styles */
.scrolling-text {
    display: flex;
}

.scrolling-text-item {
    padding: 0 30px;
}

/* Apply the animation to the text items */
.scrolling-text-inner>div {
    animation: var(--direction) var(--marquee-speed) linear infinite;
}

/* Pause the animation when a user hovers over it */
.scrolling-text-container:hover .scrolling-text-inner>div {
    animation-play-state: paused;
}

/* Setting the Animation using Keyframes */
@keyframes scroll-left {
    0% {
        transform: translateX(0%);
    }

    100% {
        transform: translateX(-100%);
    }
}

@keyframes scroll-right {
    0% {
        transform: translateX(-100%);
    }

    100% {
        transform: translateX(0%);
    }
}


@media ( max-width: 1399px ) {
	.scrolling-text-inner {
    width: 100%;	
	padding-left: 20px;
	padding-right: 20px;
	box-sizing: border-box;
}
	

}


				 
		