/*
 Theme Name:   Investables
 Template:     storefront
 Version:      4.0.3
*/


/*
#efefef Grey

Dark grey #969494
Black #000000

font-family: 'Merriweather', serif;
font-family: 'Montserrat', sans-serif;


*/

body {
	-webkit-text-size-adjust: none;
	background-color: white !important;
	font-family: 'Montserrat', sans-serif;
}


a:focus {
outline: none;
}


header#masthead {
	background-color: white !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);
}


.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;
}


hr {border-color: #efefef !important; margin-bottom: 50px;}


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

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

/*logo*/

.site-branding {
	float: left;
	margin-bottom: 0;
	width: 100% !important;
	padding: 30px 0 25px 0;
}

.site-branding img {width: 275px !important; max-width: 275px !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 #969494 !important; background-color: #969494; 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: black !important; background-color: #969494;}
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;}

@media only screen 
and (max-width : 768px) 
				 {
.site-branding {padding: 15px 0 15px 0;}
.site-branding img {max-width: 100% !important;}			 
}







/*nav*/

#site-navigation {float: left; width: 100%; margin: 0; padding: 5px 0 5px 0; font-family: 'Montserrat', sans-serif;}



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

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

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

.primary-navigation li a {padding: 2px 13px 2px 13px !important; font-size: 130%; color: white !important; text-transform: uppercase; margin: 0 10px 0 10px;}

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

.primary-navigation ul.sub-menu { padding: 5px !important; background-color: #969494 !important; text-align: center; font-size: 100%; border-radius: 5px;	-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: 110% !important;}


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



.storefront-primary-navigation { margin-top: 0; background-color: #000000; 
	text-align: center !important;}




/*@media only screen 
and (max-width : 1199px) 
				 {
	.primary-navigation li a {font-size: 90%; } 
}*/

@media only screen 
and (max-width : 980px) 
				 {
	.primary-navigation {display: none;} 
					 
	.handheld-navigation {display: block !important; text-align: center !important;}				 
		
	.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%; 
	}				 
					 
	ul#menu-main-nav-1 {
		float: left;
		width: 100%;
		padding: 0;
		margin: 0;
	}	
					 
	ul#menu-main-nav-1 li {
		float: left;
		width: 100%;
		padding: 5px 10px 0 10px;
	}	
					 
	ul#menu-main-nav-1 li a {
		color: white !important;
		padding: 5px 0 5px 0 !important;
	}
					 
	ul#menu-main-nav-1 li a:hover {
		color: #000000;
	}	
					 
	ul#menu-main-nav-1 li.current_page_item a {
		color: #000000 !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%;
		background-color: #000000;
		padding-top: 10px;
		padding-bottom: 10px;
	}	
					 
	.storefront-primary-navigation .col-full {
		float: left;
		width: 100%;
		margin: 0;
	}	
					 
	/*.site-header {padding: 5px 0 5px 0;}*/
					 
					 button.dropdown-toggle {
						 color: white !important;
					 }
					 
}

.secondary-navigation {float: right !important; margin: 0 !important; padding: 0 !important; width: 500px !important; margin-top: -30px !important; text-align: right;}
.secondary-navigation li a {padding: 5px 0 5px 10px !important; font-size: 105% !important;}
.secondary-navigation li#menu-item-42 a {padding-left:0 !important;}



/*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: #969494 !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: white !important; text-transform: uppercase; font-size: 120%;}

.handheld-navigation li a:hover {color: #000000 !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 #969494;
}*/


/*Search Cart Area*/

#searchCart {
	width: 100%;	
	padding: 5px 0 5px 0;
	position: absolute;
	top: 65px;
	z-index: 999999;
}

#searchCartInner {
	margin: 0 auto;
	width: 1148px;
}

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

#searchCart i.fas {
	font-size: 180%;
	color: #000000;
}

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


#searchCart i.fab {
	font-size: 230%;
	color: #000000;
}

#searchCart i.fab:hover {
	color: #969494;
	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 #969494;
}

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

#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 #969494;
	background-color: #efefef;
}

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


#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 #969494;
}
*/
.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-page .content-area {
width: 100%;
}*/

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

.storefront-breadcrumb {padding-bottom:30px; margin-bottom: 0;}


/*Yoast Breadcrumbs*/

.home p#breadcrumbs {display: none;}

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

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


#main h1 {font-size:160%; font-family: 'Merriweather', serif;}
#main h2 {font-size:150%; font-family: 'Merriweather', serif;}
#main h3 {font-size:120%;}
#main h2.homePageHeader {margin-bottom: 25px;}

#main p {font-size:100%; line-height: 30px;}
#main li {font-size:90%; line-height: 33px;}

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

#main p.findMore a:hover {
	background-color: #969494;
	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;
}

hr {
	border: none;
	border-top: 1px solid #efefef;	
	margin: 50px 0 50px 0 !important;
	background-color:#efefef;	
}

p.woocommerce-info {background-color: #969494; color: #000000 !important;}

.woocommerce-info {background-color: #969494; color: #000000 !important;}

.woocommerce-message {background-color: #969494; color: #000000 !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;
}





/*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: #000000;
	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: #969494 !important;
}

.woocommerce-account nav.woocommerce-MyAccount-navigation li.is-active a {
	color: #969494 !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: 3ex;
  height: 7ex; /* 2.5ex for each visible line */
  overflow: hidden;
}


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

h2.woocommerce-loop-product__title {
	font-size: 120% !important;	
	font-weight: bold !important;
	color: #000000 !important;
	padding-top: 10px;
}

.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 #969494;
	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: #969494;
	color: white;
	border: none;
	font-weight: normal;
	z-index: 1;
}

.woocommerce span.price {
	font-size: 125%;
	font-weight: bold !important;
	color: #000000 !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: #000000 !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: #969494;
	 color: white;
  }

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

 .woocommerce .variations li label {
     border: 1px solid #969494;
	 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 {height: 700px; margin-bottom: 30px !important;}

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

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

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

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



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

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




/*Topbar*/

#topBarBackground {
	width: 100%;	
	background: white;
	padding: 5px 0 5px 0;
	height: 40px;
	border-bottom: 1px solid #000000;
	text-align: center;
}

#topBarInner {
	margin: 0 auto;
	width: 1148px;
	font-weight: 300;
	text-align: center;
}

#topBarInner p {
	float: left;
	font-size: 100%;
	color: #000000;
	padding: 0;
	margin: 0;
	line-height: 28px;
	text-align: center;
	width: 100%;
}

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


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

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

#topBarInner ul#contactHeader li a {
	color: #000000;
	text-decoration: none;
}

#topBarInner ul#contactHeader li a:hover {
	color: #969494;
	text-decoration: underline;
}

#topBarInner ul#contactHeader li i.fas {
	color: #969494;
	text-decoration: none;
}

#topBarInner ul#contactHeader li i.fas:hover {
	color: #000000;
	text-decoration: none;
}

#topBarInner ul#contactHeader li i.fab {
	color: #969494;
	text-decoration: none;
}

#topBarInner ul#contactHeader li i.fab:hover {
	color: #000000;
	text-decoration: none;
}





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

#topBarInner ul#socialHeader li {
	color: #000000;
	line-height: 28px;
	font-size: 200%;
	display: inline;
	margin-left: 5px;
}

#topBarInner ul#socialHeader li a {
	color: #000000;
	text-decoration: none;
}

#topBarInner ul#socialHeader li a:hover {
	color: #969494;
	text-decoration: underline;
}

#topBarInner ul#socialHeader li i.fab {
	color: #000000;
	text-decoration: none;
}

#topBarInner ul#socialHeader li i.fab:hover {
	color: #969494;
	text-decoration: none;
}










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

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



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

#topBarInner ul#loginHeader.loggedInUser {
	display: none;
}

#topBarInner ul#loginHeader li {
	color: #000000;
	line-height: 28px;
	font-size: 90%;
	display: inline;
	margin-right: 7px;
}
/*
#topBarInner ul#loginHeader li a {
	color: white;
	text-decoration: none;
	border: 1px solid white;
	padding: 3px 6px 3px 6px;
}

#topBarInner ul#loginHeader li a:hover {
	color: white;
	background-color: #969494;
	border: 1px solid #969494;
}
*/

#topBarInner ul#loginHeader li a {
	color: #000000;
	text-decoration: none;
}

#topBarInner ul#loginHeader li a:hover {
	color: #969494;
}

#topBarInner ul#loginHeader li a.loginButton {
	color: #000000;
	text-decoration: none;
}

#topBarInner ul#loginHeader li a.loginButton:hover {
	color: #969494;
}

#topBarInner ul#loginHeader li a.registerButton {
	color: #000000;
	text-decoration: none;
}

#topBarInner ul#loginHeader li a.registerButton:hover {
	color: #969494;
}


#topBarInner ul#loginHeader li i.fas {
	color: #969494;
	text-decoration: none;
}

#topBarInner ul#loginHeader li i.fas:hover {
	color: #969494;
	text-decoration: none;
}

#topBarInner ul#loginHeader li i.fab {
	color: #969494;
	text-decoration: none;
}

#topBarInner ul#loginHeader li i.fab:hover {
	color: #969494;
	text-decoration: none;
}

.logged-in #topBarInner ul#loginHeader.loggedOutUser {
	display: none;
}

.logged-in #topBarInner ul#loginHeader.loggedInUser {
	display: block;
}





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

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

@media only screen 
and (max-width : 880px) 
				 {
				
					 
#topBarInner ul#contactHeader {
	float: left;
	width: 100%;
	text-align: center;
	margin: 3px 0 3px 0;
}	
					 
#topBarInner ul#loginHeader {
	float: left;
	width: 100%;
	text-align: center;
	margin: 3px 0 3px 0;
}			
					

#topBarInner ul#contactHeader li {
	margin: 0 10px 0 10px;
	display: block;
}			

#topBarInner p {
	float: left;
	width: 100%;
	text-align: center;
	line-height: 24px;
}	
					 
					 
#topBarInner ul#socialHeader {
	float: left;
	width: 100%;
	text-align: center;
	margin: 3px 0 3px 0;
}

#topBarInner ul#socialHeader li {
	margin: 0 5px 0 5px;
}
					 
					 
	
					 
}

/*@media only screen 
and (max-width : 780px) 
				 {
				
				 
#topBarBackground {
	height: 55px;
}				 
					 
}
*/

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

	
					 
}*/




/*Footer Areae*/

footer {padding-bottom:0 !important; text-align: center;padding-top: 80px !important; }

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

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

.contactBox h2 {
	font-size: 140%;
	font-family: 'Merriweather', 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;
}

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

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

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

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

footer p {
	color: white;
	font-size: 100%;
	line-height: 28px;
	margin-bottom: 0;
}

footer p b {
	color: white;
	font-weight: bold;
}
	
footer p#copyLeft {
	margin: 40px 0 5px 0;
	float: left;
	width: 100%;
	padding: 10px 0 10px 0;
	text-align: center !important;
	border-top: 1px solid #969494;
}

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

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

footer .fab {
	font-size: 300%;
	margin: 10px 5px 0 5px;
	color: white;
}

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


#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;
} 	
					 
					 
}




/*											Home Boxes									*/

.homeBoxesOuter {
	float: left;
	width: 100%;
	padding: 0;
	margin-top: -150px; 
	margin-bottom: 50px; 
	z-index:999;
	position: relative;
}

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

.whyBoxes {
	float: left;
	width: 100%;
	padding: 40px 0 50px 0 !important;
	margin: 40px 0 70px 0 !important; 
	border-bottom: 3px solid #969494;
}


.homeBox {
	float: left;
	/*width: 32%;	
	margin-right: 2%;*/
	width: 50%;
	margin-bottom: 2%;
	text-align:center;
}

.homeBox:hover {
	cursor: pointer;
	margin-top: -20px;
	-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;
	
}

.homeBox.lastBox {
	float: right;
	margin-right: 0;
}

.homeBox h2 {
	text-align: center;
	padding: 4px 0 2px 0;
	margin: 0 0 0 0;
	color: #000000 !important;
	font-weight: bold;
	font-size: 140% !important;
} 

.homeBox h2 span {
	font-size: 70% !important;
} 

.homeBox p {
	text-align: center;
	padding: 4px 0 1px 0;
	margin: 0 0 0 0;
	color: #282828;
	font-size: 95% !important;
} 

.homeBox img {
	max-width: 45% !important;
	height: auto;
	margin: 20px 0 10px 0;
	margin-left: auto;
	margin-right: auto;
} 

.homeBox i.fas {
	color: #969494;
	font-size: 140% !important;
	/*float: left;*/
	float: none;
	margin: 10px 0 0 0;
} 

.homeBox i.fad {
	color: #969494;
	font-size: 120%;
	float: none;
}

.homeBox .homeBoxText {
	float: none;
}

/*.homeBox.secondBox h2 {
	background-color: #969494;
}*/




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

					 

.homeBoxesOuter {
	margin-top: 20px; 
}
					 
.homeBoxes {
	width: 100%;
	box-sizing: border-box;
	padding-left: 1%;
	padding-right: 1%;
}
					 
.homeBoxes h2 {
	text-align: center;
	font-size: 130%;
}
					 
.whyBoxes h2 {
	text-align: center;
}
					 
.homeBox {
	float: left;
	width: 48%;	
	margin-right: 0;
	margin-bottom: 15px;
	min-height: 125px;
}
					 
.homeBox.secondBox {
	float: right;
	width: 48%;	
	margin-right: 0;
	margin-bottom: 15px;
}

.homeBox.thirdBox {
	float: left;
	width: 48%;	
	margin-right: 0;
} 
					 
.homeBox.lastBox {
	float: right;
	width: 48%;	
	margin-right: 0;
}	
					 
.homeBox img {
	width: 40% !important;
} 
					 
.homeBox p {
	padding-left: 30px;
	padding-right: 30px;
}
					 

}


@media only screen 
and (max-width : 730px) 
				 {	
					 
						 
.homeBox {
	float: left;
	width: 100%;	
	border: none;
	margin-bottom: 15px;
	min-height: 0px;
}
					 
.homeBox.secondBox {
	float: left;
	width: 100%;	
	border: none;
	margin-bottom: 15px;
}

.homeBox.thirdBox {
	float: left;
	width: 100%;	
	border: none;
	margin-bottom: 15px;
}

.homeBox.lastBox {
	float: left;
	width: 100%;	
} 
					 
.homeBox img {
	max-width: 50% !important;
} 					 
					 
					 
}






/*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: #969494;
	color: white;
	font-weight: bold;
	font-size:110%;
} 

.largeox:hover {
	cursor:pointer;
} 

.largeBox:hover h2 {
	background-color: #969494;
	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;
	background: url(/wp-content/uploads/2020/02/bannerbackground-1.png) repeat; 
}

#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: #969494;
	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: #969494;
	text-align: center;
}

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

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

#callBackArea p a:hover {
    color: white;
	background-color: #969494;
	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: #969494;
	text-decoration: none !important
}


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

.categoryBoxesHome p a {
	float: none;
}
					 
}




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

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



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

.woocommerce button.single_add_to_cart_button:hover {
	background-color: #000000 !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: #969494;
	height: 1px;
	margin-top: 10px !important;*/
	border-bottom: 1px solid #969494;
	height: 17px;
	margin-bottom: 50px !important;
}

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

h2.latestSweetsHeading span {
	background-color: #969494;
	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: #969494;
	font-size: 120%;
	line-height: 34px;
	padding-top: 45px;
	padding-bottom: 45px;
}



#whyUsList {
	color: black;
	list-style-type: none;
	padding: 0 !important;
	text-align: center !important;
	margin: 0 !important;
}

#whyUsList li {
	display: inline-block;
	font-size: 140%;
	font-weight: bold;
	margin: 0 5px 0 5px;
}

#whyUsList li i.fas {
	color: #969494;
}



.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;
}

.woocommerce #primary {
	width: 100%;
}

.blog #secondary {
	display: none;
}

.blog #primary {
	width: 100%;
}


.single-post #secondary {
	display: none;
}

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


@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*/


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


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

#quadmenu img:hover {
	opacity: .8;
}


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


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

					 
}



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

					 
}



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

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


.quadmenu-navbar-nav li {
	font-weight: 300 !important;
}

.quadmenu-navbar-nav li a {
	font-weight: 300 !important;
}

.quadmenu-navbar-header button.quadmenu-navbar-toggle {
	margin-top: 55px !important;
	z-index: 9999999 !important;
}

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




@media only screen 
and (max-width : 480px) 
				 {	
.quadmenu-navbar-header button.quadmenu-navbar-toggle {
	margin-top: 55px !important;
}
					 
.site-branding img {max-width: 70% !important;}						 
					 
			 
}



@media only screen 
and (max-width : 380px) 
				 {	
.quadmenu-navbar-header button.quadmenu-navbar-toggle {
	margin-top: 40px !important;
}
					 
.site-branding img {max-width: 60% !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;
}
