/* Grimeford Overides */

/*###############################*/

/* 
Colors:;
Background yellow : #ffd700;
Main font color : #000;
*/


/* 
Fonts:;
Headings: font-family: 'Cardo';
Body: font-family: 'Karla';
Soft background: #fff9db;
*/

/*###############################*/

.btn {
	height: 48px;
    line-height: 48px;
}

.homepage-content a {text-decoration:underline;}

/* Trust Pilot */
.trustpilot-widget {
	max-width:250px;
	margin-top:0px !important;
	margin-right:5px;
}

.message.global.cookie .action.primary span {
	color:#fff;
}

@media only screen and (min-width: 993px) {
    .panel-left ul {margin-bottom:0px;}
    .panel-left {
        display: flex;
        align-items: center;
        justify-content: flex-start;
    }
}

#trustpilot-widget-trustbox-0-wrapper {display: none;}

/* Color */

/* Black */
.product-extra,
.block-search .action.search:before,
.minicart-wrapper .action.showcart.active:before, .minicart-wrapper .action.showcart:before, .headLink i,
.greyButton:hover,
.footer-wrap .col h2, .footer-wrap .col p, .footer-wrap .col a,
.message.info a,
.social-media-icons ul li a i,
.contact-index-index h2,
h1 span, h2 span, h3 span, h4 span, h5 span, h1, h2, h3, h4, h5,
.message.error a, a:hover, a, span, a:visited, .alink:visited, body, p,
.product-item-name, .product.name a,
.categoryName h1,
.actions-toolbar .primary a.action span, .actions-toolbar .secondary a.action span,
.login-container .block .block-title,
.page-main > .page-title-wrapper .page-title span,
.action.primary span,
.block.newsletter .action.subscribe,
.product-info-main .price-box .price-wrapper .price, .product-options-bottom .price-box .price-wrapper .price,
.product-reviews-summary .reviews-actions a,
#product-focus h2 span,
.columns h3 {
	color:#3e3e3e !important;
}

.footer-wrap .col h2,
.newsletterWrap .inner h2,
#home-reviews h2,
.homeBan.blog-ban .inner h2,
#product-focus h2 span,
.spot-ban .inner h3 {
	color:#000 !important;
	font-weight:normal !important;
}

/* Yellow */
.product-reviews-summary .reviews-actions a,
.account .action,
.footer-wrap a:hover, .footer-wrap.white a:hover,
.child-category-list .item a:hover,
.headLink a:hover h6, .headLink a:hover i, .minicart-wrapper:hover .action.showcart:before,
.ui-menu .level0 > a:hover,
.navigation .level0 .submenu a:hover, .navigation .level0 .submenu a.ui-state-focus,
.hero-item i {
	color:#ffd700 !important;
}

/* White */
.actions .secondary .action.viewcart,
.actions .secondary .action.viewcart span,
.product.contact a {color:#fff !important;}

/*###############################*/

.action.primary:hover {
	background:#ffd700;
}

/* Background Color */ 

/* Yellow */
.navigation li.level0:hover span.title:before,
.block.newsletter .action.subscribe {
	background: #ffd700;
}

/* Soft Yellow */
.newsletterWrap,
.navigation a:hover, .navigation li.level0:hover a.level-top,
.category-view,
.navigation,
.wrap.header-nav,
.navigation > ul {
	background: #fffbe8;
}

/* White */
.header-logo .field.search input,
.wrap.header-logo {background:#fff;}

/*###############################*/

/* Border*/
.child-category-list .item:hover,
.block.newsletter .action.subscribe {
	border:1px solid #ffd700;
}

.categoryName {
	border: 5px solid #ffd700;
}

/*###############################*/

/* Buttons */
.bundle-actions .action.primary, 
.bundle-options-container .block-bundle-summary .box-tocart .action.primary, 
.product-info-main .box-tocart .action.tocart, 
.product-options-bottom .box-tocart .action.tocart, 
.cart-container .checkout-methods-items .action.primary, 
.block-minicart .block-content > .actions > .primary .action.primary, 
.methods-shipping .actions-toolbar .action.primary, 
.block-authentication .action.action-register, 
.block-authentication .action.action-login, 
.checkout-payment-method .payment-method-content > .actions-toolbar > .primary .action.primary, 
.form-address-edit .actions-toolbar .action.primary, .multicheckout .action.primary,
.greyButton:hover,
.review-form .action.submit.primary,
.product-item-details .action.primary,
.actions-toolbar .primary a.action, .actions-toolbar .secondary a.action,
.action.primary,
.btn, .btn:focus, .btn-large:focus, .btn-floating:focus, .btn:visited {
	background: #ffd700;
	font-size: 18px;
	color:#000000 !important;
}

.minicart-wrapper .action.showcart .counter.qty {
	background: #000;
	color:#fff !important;
}



/*###############################*/

/* Fonts */
h1 span, h2 span, h3 span, h4 span, h5 span, h1, h2, h3, h4, h5 {
	font-family: 'Cardo';
	color:#000 !important;
}

body,
.message.error a, a:hover, a, span, a:visited, .alink:visited, body, p {
	font-family: 'Karla';
}

/*###############################*/

/* Overides */

h1 {font-size:32px;}

.page-header {background:#e5e5e5;}
input[type=text]:not(.browser-default):focus:not([readonly]) {
	border-bottom: 1px solid #ffd700;
    -webkit-box-shadow: 0 1px 0 0 #ffd700;
    box-shadow: 0 1px 0 0 #ffd700;
}

p {
	font-size:16px;
}

.actions-toolbar .primary a.action span, .actions-toolbar .secondary a.action span {
	font-size:18px;
	font-family: 'Karla';
}

.collapsible-header {font-weight:normal;font-size:16px;}

.product-item-info .photo img {width:100%;}

.filter-options .filter-options-title, .block-subtitle {
	font-family: 'Cardo';text-transform:none;
}

.categoryName {background:rgba(255, 255, 255, 0.6);}

.cart-summary > .title,
.categoryName h1 {text-transform:none;}

.footer-wrap.white p {color:#000 !important;}
.footer-wrap.white {
    margin: 10px auto;
    background: #e5e5e5 !important;
}

.amazon-validate-container .block .block-title strong, .login-container .block .block-title strong {font-size:24px;}

#cart-sidebar-reorder .product-item-link {font-size:12px;font-weight:normal;}
.sidebar .product-items-names .product-item {margin-bottom:0px;}

.panel-left ul {display:inline !important;}
.panel-left ul li {
	display:inline !important;
	margin-right:3px;
	height: 35px;
    line-height: 35px;
}
.panel-left ul li em {font-size:20px;}

.newsletterWrap .inner h2 {text-transform:none;}

.navigation .level0 .submenu li.current,
.ui-menu .level0 > a:hover,
.navigation .level0 .submenu a:hover {color:#333 !important;}

.ui-menu .level0 > a:hover {text-decoration:none;}

.navigation li.level0 > a {
    text-transform: uppercase;
    font-weight: normal;
}

.navigation .level0 .submenu li.level1 > a {font-family: 'Cardo';font-weight:normal;text-transform:none;}

.footer-wrap .col h2,
.contact-index-index h2,
.newsletterWrap .inner p {text-transform:none;}
.counter-number {color:#fff !important;}

/* Homepage */

.bnnr-1 {
	background-image: url(../images/home/grimeford-bg1.png);
}

.home-banner-list {background:#fffbe8;padding-left:5% !important;}
.home-banner {padding:0px;}

.home-banner > div {display:flex;}
.bannerMsg {
	display:flex;
	padding: 20px 20px 20px 0px;
	margin: 7% 5% 7% 0%;
	background:rgba(0, 0, 0, 0.6);
	min-width:40%;
	margin-left: -70px;
}

.bannerMsgInner {
	display: flex;
	padding:20px 20px 20px 0px;
	width:100%;
	border:1px solid #fff;
	border-left:0px;
	justify-content: space-between;
	align-items: center;
}

.bannerMsgContent h1,
.bannerMsgContent h2,
.bannerMsgContent h3, 
.bannerMsgContent p {
	color:#fff !important;
}

.bannerMsgContent h1,
.bannerMsgContent h2 {
	font-family: 'Cardo';
	color:#ffd700 !important;
	font-size:65px;
	font-weight:normal;
	margin-bottom:0px;
	line-height:100%;
}

.bannerMsgContent h3 {
	margin-bottom:0px;
	text-shadow:0px 0px;
	color:#fff;
	font-weight:normal;
	font-size:30px;
	font-family: 'Cardo';
	margin:0px 0px 15px 0px;
	padding:0px 0px 10px 0px;
	border-bottom:1px solid #fff;
	line-height:100%;
}

.bannerMsgContent p {
	font-size:16px;
	font-weight:normal;
	padding:0px;
	width: 100%;
	margin: 0px 0px 10px 0px;
}

.bannerMsgContent {padding:20px;text-align: left;}

.bannerMsgSocial {width:70px;}
.bannerMsgSocial ul li i {color:#fff;}

@media only screen and (min-width: 1200px) {
	.home-banner {padding:0px;}
}

.btn:hover {
	background: #ffd700;
}

#hero-banner {max-height:fit-content;border:0px;padding:0px;margin:0px;width:100%;background:#fffbe8;}
.hero-title, .hero-desc {font-family: 'Cardo';text-transform:none;}
.hero-item {padding:20px;margin-bottom:0px;flex-direction:column; }
.hero-item > div {margin-top:10px;}
.hero-item i {color:000000 !important;}
.hero-title {font-size:18px;}

@media only screen and (max-width: 1400px) {
	.home-banner-list {padding-left:70px !important;}
	.hero-item {width:20%;}
}

@media only screen and (max-width: 772px) {
	.home-banner-list {padding-left:0px !important;}
	.bannerMsg {margin-left:0px;}
	.bannerMsgContent h1, .bannerMsgContent h2 {font-size:50px;}
	.bannerMsgContent h3 {font-size:24px;}
	.hero-item {width:50%;}
}

@media only screen and (max-width: 480px) {
	.bannerMsgInner {flex-direction:column;}
	.bannerMsgSocial {width: 100%;}
	.bannerMsgSocial ul li {margin: 0px 5px 0px 0px;display:inline-block;}
	.bannerMsgContent h1, .bannerMsgContent h2{
	    font-size: 36px;
	    line-height: 100% !important;
	    margin-bottom: 10px;
	}
	.bannerMsgContent {order:1;}
	.bannerMsgSocial {text-align:left;order:2;padding:0px 20px;}
	.bannerMsgContent h3 {font-size:22px;}
	.bannerMsgContent p {font-size:14px;}
}

.spot-ban {padding:3%;}
.spot-ban .inner {flex-direction:row;}
.feat-ban .inner {
    flex-direction: row-reverse;
}
.spot-ban .col.banCont {padding:5%;background: #fffbe8;}
.spot-ban .inner h3 {
	font-size: 30px;
    font-family: 'Cardo';
    margin:0px 0px 20px 0px;
    text-align:left;
}
.banCont {position: relative;}
.banCont:after,
.banCont:before {
  display: block;
  content: '';
  background-image: url('../images/home/dots.png');
  background-size: 154px 117px;
  height: 117px;
  width: 154px;
  position:absolute;
}

.banCont:after {top: -83px;left:0px;}
.banCont:before {bottom: -83px;left:0px;}

.navigation .level0 > .level-top, .navigation .level0 > .level-top span {
	font-family: 'Karla';
}

@media only screen and (max-width: 992px) {
	/*.spot-ban .row .col.l6.banImg {padding:0px;}*/
	/*.spot-ban .row .col.l5 {margin-left: -10%;}*/
	.homeBan .inner {display:block;}
	.banCont:before {
		bottom: -35px;
	    left: auto;
	    right: -35px;
	    opacity: 0.5;
	}

	.banCont:after {
		bottom: -35px;
	    left: -35px;
	    right: auto;
	    opacity: 0.5;
	}
}

@media only screen and (max-width: 480px) {
	.spot-ban .inner h3 {font-size:24px;}
}

#home-reviews {background-image:none;}
.homeBan.blog-ban .inner h2 {font-size:30px;}

/* Homepage product sliders */
#product-sliders,
#product-focus-nav {
    text-align: left;
    margin: auto;
    max-width: 1600px;
    padding:0px 20px;
}

#product-focus-nav h2 {font-size:36px;}

.products-grid .slick-prev:before {
	font-family: 'Font Awesome 5 Pro';
    content: "\f053";
    color:#000;
    left:10px;
    font-size: 40px;
} 
.products-grid .slick-next:before {
	font-family: 'Font Awesome 5 Pro';
    content: "\f054";
    color:#000;
    
    font-size: 40px;
}

.products-grid .slick-next {
    right: -15px;
}

.products-grid .slick-prev {
    left: -15px;
}

.products-grid .slick-slide {margin:10px 20px;}
#product-focus {padding:30px 0px 0px 0px;max-width:100%;}

.latest-products {
	background: #fffbe8;
}

#product-focus .block.widget .products-grid .product-item {
	background:#fff;
	border:1px solid #e5e5e5;
	box-shadow: #e5e5e5 0px 0px 18px 0px;
}
#product-focus .product-item-info .product-item-photo {border:0px;}
#product-focus .product-item-details {
	text-align:center;
}

#product-focus .product-item-details .action.primary {
	background: #8a8d8f;
	color:#fff !important;
	font-weight:normal;
}

#product-focus .product-item-info .product-item-name {
	text-transform:uppercase;
}

#product-focus .price-final_price {
	    justify-content: center;
}

#product-focus .actions-secondary .action.towishlist span i {
	color: #8a8d8f;
}

#product-focus-nav p,
#product-focus-nav h2 {margin-left:20px;}
#product-focus-nav h2 {margin-bottom:10px;}
#product-focus h2 span {
	color:#000;
	font-weight:normal;
	border:0px;
	margin:0px;
	padding:0px;
	text-transform:none;
}

/* Product Feature */

.banContInner {
	padding: 5%;
    background: #fffbe8;
}
.feat-ban .col.banCont {
	padding:0px;
	background:#fff;
}

.feat-ban .banCont:before {
	left:auto;
	right:0px;
}
.feat-ban .banCont:after {
	display:none;
}

.feat-ban .inner h2 {
	text-transform:none;
	text-align:left;
	text-shadow:none;
	font-size:30px;
	margin:0px;
	position:relative;
	margin-bottom:10%;
	font-weight:normal;
}

.feat-ban .inner h2:before {
	display: block;
    content: '';
    background-image: url(../images/home/dots.png);
    background-size: 154px 117px;
    height: 117px;
    width: 154px;
    position: absolute;
    left: -110px;
    top: -37px;
}

/* Blog section homepage */
.blog-ban .cta-content {border-top:0px;}
.cta-content {text-align:left;}
.homeBan.blog-ban .inner h2 {
	text-transform:none;
	text-align:left;
	font-size:30px;
	position: relative;
}

.homeBan.blog-ban .inner h2:before {
	display: block;
    content: '';
    background-image: url(../images/home/dots.png);
    background-size: 154px 117px;
    height: 117px;
    width: 154px;
    position: absolute;
    left: -110px;
    top: -37px;
}
.btn {border:0px;}
.homeBan {padding:20px 0px;}
.postCont a.btn,
.homeBan.blog-ban .btn {color:#fff !important;background: #8a8d8f;}
.postCont {padding:10px;}
.postCont h5 {font-weight:normal;}
.panel-left ul li {margin-right:10px;}

#home-reviews ul li {
	width:50%;
}
#home-reviews {min-height:auto;}
#home-reviews .slick-prev:before {
	font-family: 'Font Awesome 5 Pro';
    content: "\f053";
    color:#000;
    left:10px;
    font-size: 40px;
} 
#home-reviews .slick-next:before {
	font-family: 'Font Awesome 5 Pro';
    content: "\f054";
    color:#000;
    
    font-size: 40px;
}

#home-reviews .slick-next {
    right: -35px;
}

#home-reviews .slick-prev {
    left: -35px;
}

#home-reviews .testimonial blockquote {padding:20px;}
#home-reviews {align-items:start;}
.homeBan .inner h2 {
	text-shadow: 0px 0px;
	text-transform:none;
	text-align: left;
}
.end-description-wrap div h2 {text-transform:none;}

.end-description-wrap div h2{
    font-size: 28px;
    text-transform: inherit;
    padding-bottom: 0;
    margin-bottom:10px;
}
.end-description-wrap p{
    font-size: 18px;
}
.end-description-wrap ul {
    margin-bottom:15px;
}
.end-description-wrap ul li {
    font-size: 18px;
    list-style: square;
    margin: 0px 0px 5px 20px;
}



#home-reviews ul {max-width:100% !important;}

@media all and (min-width: 1200px) {
	#home-reviews ul {max-width:100% !important;}
}


/*###############################*/

/* Responsive */

@media only screen and (min-width: 992px) {
	.navigation .level0 .submenu li.level1 > a {font-weight:bold;font-size:21px;}
	/*.logo img {max-width: 175px;}*/
	#product-focus {padding:3% 20px;}
}

@media only screen and (max-width: 992px) {
	.nav-sections {background:#fff;}
	.nav-sections-item-title {background:#e5e5e5;}
	.nav-sections .block-search {clear:both;}
	.nav-sections .navigation .parent .level-top:after {color:#333;}
	.navigation .level0 .submenu a.ui-state-focus {font-weight:bold;color:#333 !important;}
	.logo img {
	    max-width: 120px;
	}

	.navigation .level0 > .level-top, .navigation .level0 > .level-top span {
		text-transform:none;font-family: 'Cardo';
	}

	.homeBan {overflow:hidden;}

	.navigation .submenu:not(:first-child) .active > a {border-color:#fffbe8;}

	#home-reviews .slick-next {
    	right: -15px;
	}

	#home-reviews .slick-prev {
	    left: -15px;
	}

	.product-item-details .action.primary {
		font-size:13px;
	}

}

@media only screen and (max-width: 480px) {
	.products-grid .product-item-name, .product.name a {font-size:16px;}
	h1 {font-size:24px;}
	.feat-ban .inner h2 {padding-top:20px;}
}

.products-grid .product-image-wrapper .product-image-photo {
	width:100%;
}


/*###############################*/


.block.discount {display:none !important;}

.message.global.cookie .action.primary span {
	color:#fff !important;
}

@media only screen and (min-width: 993px) {
	/* Nav changes 26-05-23 */
	.navigation .level0 .submenu li {
		break-inside: avoid-column;
	}
	.navigation .level0 .submenu li.level1 {
		width: auto !important;
		float: none !important;
	}
	.navigation .level0 .submenu {
		column-count: 4;
		column-gap: 20px;
	}
}

@media only screen and (max-width: 993px) {
	.nav-sections-item-content {
		display: flex;
		flex-direction: column;
	}

	.nav-sections-item-content .navigation {
		order:2;
	}

	.nav-sections-item-content .block-search {
		order:1;
	}
}

.checkout-payment-method .payment-methods .actions-toolbar .action.primary {
    background: #ffd700 !important;
    border: 1px solid #ffd700 !important;
}
.checkout-payment-method .payment-methods .actions-toolbar .action.primary span {
    color: #000000 !important;
}