/* General */
.yell-txt {
	color: #f2bf00 !important;
}

/* top bar */
#sp-top3 .sp-module {
	max-width: 100% !important;
	width: 100% !important;
}

#sp-topbar {
	z-index: 100 !important;
	box-shadow: 0px 1px 6px 0 rgba(0, 0, 0, 0.50);
	position: relative;
}

/* Header */

#sp-header {
	height: 280px !important;
	box-shadow: none !important;
	background: #fffcfc !important;
}


/* Logo */

#sp-logo {
	position: relative;
	top: 96px !important;
}



/* Menu */
@media screen and (max-width: 990px) {
	#sp-menu {
		margin-top: 0px !important;
		z-index: 100 !important;
	}
	
}

#sp-menu {
	margin-top: 56px;
}

.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span, .sp-megamenu-parent > li.active > a {
	text-transform: uppercase;
}

.sp-megamenu-parent > li.active > a, .sp-megamenu-parent > li.active:hover > a {
	color: #F9B233 !important;
	font-weight: 600;
} 

.sp-megamenu-parent > li > a {
	line-height: 100%;
	border-left: solid 2px #38402f;
}

.sp-megamenu-parent > li:first-child > a {
	line-height: 100%;
	border-left: none;
}

.sp-megamenu-parent > li:last-child {
	padding-right: 15px;
}

/* Slideshow */

#sp-header ~ #sp-slideshow {
	margin-top: 0px;
}

#sp-header.header-sticky ~ #sp-slideshow {
	margin-top: 70px;
}


/* Main Body */

#sp-main-body {
	padding: 0px !important;
}

/* responsive */

@media screen and (max-width: 1399px) {
	.container, .sppb-row-container {
		max-width: 100% !important;
		width: 100% !important;
	}
}

td {
	font-variant-numeric: tabular-nums;
}

/* footer */
#sp-bottom {
	background: none !important;
	padding: 0px !important;
}

/* Home Page */
@media screen and (min-width: 991px) {
	.sp-page-builder .page-content #section-id-1667992219863 {
		margin-top: -140px !important;
		z-index: 100 !important;
	}
}

div#n2-ss-68 .n2-ss-slide:hover {
	background-color: #404738 !important;
}

@media screen and (max-width: 767px) {
	#sppb-addon-1667992219875 p {
	text-align: left !important;
	}
}


/* About */
@media screen and (max-width: 767px) {
	#sppb-addon-1668592827126 p {
	text-align: left !important;
	}
}

@media screen and (min-width: 991px) {
	.sp-page-builder .page-content #section-id-1668592827123 {
		margin-top: -72px !important;
		z-index: 100 !important;
	}
}

.itemid-480 #sp-bottom {
	background: #eeeaea !important;
	padding: 20px 0px 0px 0px !important;
}

/* trading Hours */
@media screen and (min-width: 991px) {
	.sp-page-builder .page-content #section-id-1668592827181 {
		margin-top: -72px !important;
		z-index: 100 !important;
	}
}

div#n2-ss-71 .n2-ss-slide:hover {
	background-color: #404738 !important;
}

.itemid-481 #sp-bottom {
	background: #eeeaea !important;
	padding: 20px 0px 0px 0px !important;
}


/* Stores */

#section-id-1647082935640 {
	z-index: 0 !important;
}

.tdws {
	padding: 0px !important;
}

[id^="ajaxsearch_"] input {
	color: #839073 !important;
	background-color: #404738 !important;
	font-weight: 600 !important;
	font-size: 18px !important;
	border-radius: 0px !important;
	padding-left: 40px !important;
}

.is_ajaxsearch .form-inline input {
	height: 60px !important;
	padding-left: 40px !important;
}

[id^="ajaxsearch_"]::before {
	position: absolute;
	line-height: 60px;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f002";
	left: 10px !important;
	color: #839073;
}


@media screen and (min-width: 991px) {
	.sp-page-builder .page-content #section-id-1668595636975 {
		margin-top: -114px !important;
		z-index: 100 !important;
	}
	
}

@media screen and (min-width: 768px) {

	[id^="ajaxsearch_"]::after {
		content: "STORE DIRECTORY";
		position: absolute;
		right: 00px;
		top: 0px;
		line-height: 60px;
		background: #eccd13;
		padding: 0px 50px !important;
		font-weight: bold;
		color: #404738;
		font-size: 18px !important;
	}
	
}

.view-article .sppb-addon-content a {
	word-break: break-all;
}

#section-id-1647082935640 .head td {
	padding-left: 12px;
	padding-top: 10px;
	padding-bottom: 10px;
}

#section-id-1647082935640 td {
	padding: 5px 0px 5px 12px;
}

#section-id-1647082935640 tr:not(.head):nth-child(2n+1) {
	background: #fafafa;
}

@media screen and (max-width: 767px) {
	#section-id-1647082935640 .head.hidden-mobile {
		display: none;
	}
	
	#section-id-1647082935640 td {
		display: block;
	}
	
	#section-id-1647082935640 tr:not(.head) td:nth-child(3n+1)::before {
		content: "STORE NUMBER: ";
		font-weight: bold;
			}
	
	#section-id-1647082935640 tr:not(.head) td:nth-child(3n+2)::before {
		content: "STORE: ";
		font-weight: bold;
	}
	
	#section-id-1647082935640 tr:not(.head) td:nth-child(3n+3)::before {
		content: "TELEPHONE: ";
		font-weight: bold;
	}
	
}

/* exhibitions */

@media screen and (min-width: 991px) {
	.sp-page-builder .page-content #section-id-1668608212964 {
		margin-top: -106px !important;
		z-index: 100 !important;
	}
	
	.itemid-482 #sp-bottom #section-id-1667995020800 {
	margin-top: -110px !important;

}
}

.itemid-482 #sp-bottom {
	background: #eeeaea !important;
	padding: 0px 0px 0px 0px !important;
}

/* Contact Page */ 
@media screen and (min-width: 991px) {
	.sp-page-builder .page-content #section-id-1668609590249 {
		margin-top: -120px !important;
		z-index: 100 !important;
	}


}

@media screen and (max-width: 991px) {
	#sppb-addon-1667992219924 .divider-position {
		text-align: left !important;
	}
}

.udrln {
	border-bottom: 10px solid #f2bf00;
	padding-bottom: 10px;
}

#Submit {
	font-size: 18px;
	background: #f2bf00;
	border-color: #f2bf00;
	border-radius: 0px;
	font-weight: 600;
	letter-spacing: 1px;
	padding: 18px 24px;
	color: #404738 !important;
}

#Submit:hover {
	background: #c79d00;
	border-color: #c79d00;
}

.form-control {
	background-color: #efefef !important;
	border-radius: 0 !important;
}


/* Ajax Search */

#search-bar {
z-index: 9 !important;
}

#is_ajaxsearch_result {
    width: 100%;
    right: 0px;
}

#is_ajaxsearch_result .result-products span {
	text-align: center !important;
}

#is_ajaxsearch_result .result-element {
	width: 25% !important;
	float: left !important;
	border-top: none !important;
	min-height: 168px !important;
}

@media screen and (max-width: 767px) {
	#is_ajaxsearch_result {
		width: 100% !important;
		right: 0px;
	}

	#is_ajaxsearch_result .result-element {
		width: 50% !important;
		float: left !important;
		border-top: none !important;
	}
	
	#is_ajaxsearch_result .result_box .result_img {
		width: 100% !important;
	}
}

.pagination_wrap {
	display: none !important;
}

.result_content {
	width: 100% !important;
}

#is_ajaxsearch_result .result-element img {
	margin-left: auto !important;
	margin-right: auto !important;
	float: none !important;
	padding: 0px !important;
	max-height: 100px;
	width: auto;
}

#is_ajaxsearch_result .result-element {
	border-bottom: none !important;
}

#is_ajaxsearch_result .result_box .result_img {
	width: 100%;
	height: 110px;
}

[id^="mod-ajaxsearch-searchword_"] {
	margin: 0 !important;
	height: 46px !important;
	border-radius: 0px !important;
}


/* custom stores accordian */

.accordion {
	color: #eccd13;
	cursor: pointer;
	padding: 10px;
	width: 100%;
	border: none;
	text-align: left;
	outline: none;
	font-size: 18px;
	text-transform: uppercase !important;
	font-weight: 600;
	transition: 0.4s;
}

#main-holder .accordion {
	background-color: #5D7D38;
}


.accordion:after {
  content: '\002B';
  color: #fff;
  font-weight: bold;
  float: right;
  margin-left: 5px;
}

.accordion.active:after {
  content: "\2212";
}

.panel {
	padding: 0 18px;
	background-color: white;
	max-height: 0;
	overflow: hidden;
	margin-bottom: 10px;
	transition: max-height 0.5s ease-out;
}

.panel > .stores.row:nth-child(even) {
	background: #fafafa !important;
}

.panel .stores.row, .panel .stores-header.row  {
	padding: 5px 0px;
	font-size: 18px;
	font-variant-numeric: tabular-nums;
}

.panel .stores.row:last-child {
	border-bottom: 0px solid #ccc;
}

.stores-header {
	display: flex !important;
	background: #474e40;
	margin: 0px 0px 30px 0px;
	color: #eccd13;
	padding: 10px 0px;
}

.store-name-h, .store-name {
	text-align: left; 
	width: 60%;
}

.store-number-h, .store-number {
	text-align: left; 
	width: 20%;
}

.telephone-number-h, .telephone-number {
	text-align: left; 
	width: 20%;
}

.is_ajaxsearch .form-inline input {
	margin-left: 0px !important;
}



@media screen and (max-width: 767px) {
	
	.panel {
		padding: 0px;
	}
	
	.panel .stores div {
		width: 100% !important;
	}
	
	.panel .stores .store-information {
		text-align: left !important;
	}
	
	.stores-header.row.hidden-mobile {
		display: none !important;
	}
	
	.store-name {
		text-align: left; 
	}

	.store-number {
		text-align: left; 
	}

	.telephone-number {
		text-align: left; 
	}
	
	.store-name:before {
		content: "STORE: "; 
	}

	.store-number:before {
		content: "SHOP NO.: "; 
	}

	.telephone-number:before {
		content: "CONTACT NO: ";  
	}
}