/*
| --------------------------------------------------------
| Theme Name : Premier Store
| Theme Date : 06/04/2020
| Fronted Platform : HTML5, CSS3, Bootstrap3, JS, Jquery
| --------------------------------------------------------
*/

/*
| --------------------------------------------------------
| TABLE OF CSS CONTENT
| --------------------------------------------------------
|  Layout Global CSS
|  Index Page
|  Store Page
*/

@import url(helper.css);

/*** Website Global CSS BOF ***/
body { background:#ffffff; font-family: 'Varela Round', sans-serif; font-weight:400; font-size:18px; line-height:normal; /* color:#333; */ color: #4C0743; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
*, html { margin:0px; padding:0px;  }
a { color:#333; } 
a:hover, a:focus, a:active { color: #84c225; text-decoration:none; } 
a, *:hover, *:focus, *:active :focus { text-decoration:none; outline:none !important; outline-offset:0 !important; }
a img, img { border:none; outline:none !important; outline-offset:0 !important; opacity:1; }
a:hover img { opacity:.6; }
ul { list-style:none; margin:0; padding:0; }
ul li { display:inline-block; line-height:1.5; }
i { font-family:'FontAwesome'; }
img { height:auto; max-width:100%; vertical-align: middle; line-height:normal; }
a, i, img, input, .btn, option, .back-top #toTop, .from-control { -webkit-transition: all 0.4s ease-in-out 0s; -o-transition:all 0.4s ease-in-out 0s;
	transition: all 0.4s ease-in-out 0s; }

    /* Browser Selection CSS BOF */
	::-moz-selection { background:#71073a; color:#fff; }
	::selection { background:#71073a; color:#fff; } ::-moz-selection { background:#71073a; color:#fff; }
	::-webkit-selection { background:#71073a; color:#fff; } ::-o-selection { background:#71073a; color:#fff; }
	::-ms-selection { background:#71073a; color:#fff;  }

/*** Heading CSS BOF ***/
h1, h2, h3, h4, h5, h6 { margin-top:0; margin-bottom:3px; padding-bottom:3px; line-height:1.1; font-family: 'Varela Round', sans-serif; font-weight:bold; }
h1 { font-size:60px; }
h2 { font-size:50px; }
h3 { font-size:40px; }
h4 { font-size:35px; }
h5 { font-size:22px; }
h6 { font-size:18px; }

/*** Paragraph CSS BOF ***/
p { padding-top:5px; padding-bottom:5px; line-height:1.5; }

/*** Line CSS BOF ***/
hr { border-top:medium none; border-bottom:medium none; margin-top:25px; margin-bottom:25px; width:50px; height:5px; background-color:#84c225; margin:20px auto; }
hr.l-divider { margin:20px 0; }
hr.r-divider { margin:20px 0 20px auto; }

/*** Button Elements Style CSS ***/
.btn { background:#ea7a16; padding:10px 20px; color:#fff; font-size:16px; border:medium none; font-weight:600; text-transform:uppercase; }
.btn-green { background:#84c225; }

		/* Hover State CSS BOF */
		.btn:hover, .btn:focus, .btn:active, .btn.active { background:#eb9548; color:#fff; -webkit-box-shadow:none; box-shadow:none; outline:none; }
		.btn-green:hover, .btn-green:focus, .btn-green:active, .btn-green.active { /* background:#00b500; */ background: #ea7a16; }

/*** Form Elements CSS ***/
form { margin-top:25px; }
.common-form .form-control { background:#ffffff; border:solid 2px #dfdfdf; height:55px; border-radius:5px;
	-webkit-box-shadow:none; box-shadow:none; font-size:18px; color:#000; -webkit-appearance: none; }
.common-form textarea.form-control { padding-right:5px; resize:vertical; overflow:auto; height:150px; }

	/* Focus State CSS BOF */
	.common-form .form-control:focus { border:solid 2px #ea7a16; -webkit-box-shadow:none; box-shadow:none; }

	/* Placeholder CSS BOF */
	.common-form .form-control::-webkit-input-placeholder { color: #545454; opacity:.6; }
	.common-form .form-control::-moz-placeholder { color: #545454; opacity:.6; }
	.common-form .form-control:-ms-input-placeholder { color: #545454; opacity:.6; }
	.common-form .form-control::-ms-input-placeholder { color: #545454; opacity:.6; }
	.common-form .form-control::placeholder { color: #545454; opacity:.6; }
	.common-form .form-control::-moz-placeholder { color: #545454; opacity:.6; }
	.common-form .form-control:-ms-input-placeholder { color: #545454; opacity:.6; }
	.common-form .form-control::-webkit-input-placeholder { color: #545454; opacity:.6; }
	.common-form .form-control::-o-input-placeholder { color: #545454; opacity:.6; }

	/* Custom Radio & Checkbox CSS BOF */
	.common-form .user-selection .radio { padding-left:0px; }
	.common-form .user-selection label.radio { cursor:pointer;  min-width:0; margin-right:10px; padding-left:0px; }
	.common-form .user-selection input[type="radio"] { display:none; float:left; margin:0px; }
		
		/* Radio Button CSS BOF */
		.common-form .user-selection label.radio:after { width:15px; height:15px; border-radius:100px; -moz-border-radius:100px; -webkit-border-radius:100px; content:""; 
			background-color:#fff; margin-right:10px; border:solid 2px #000; display:inline-block;
			transition:all .4s ease-in-out 0s; -moz-transition:all .4s ease-in-out 0s; -webkit-transition:all .4s ease-in-out 0s; -o-transition:all .4s ease-in-out 0s; 
			-ms-transition:all .4s ease-in-out 0s; } 
		.common-form .user-selection input[type="radio"]:checked + label.radio:after { content: ""; background-color:#A1E6C8; }	

	/* Label CSS BOF */
	.common-form label { font-size:15px; }

	/* Selectbox CSS BOF */
	.common-form select.form-control option { padding:10px 20px; border-bottom:solid 1px #c0cee0; }
	.common-form .select-box { position:relative; }
	.common-form .select-box .selectarrow { position:absolute; right:15px; pointer-events:none; top:13px; }
	.common-form .select-box select.form-control { -moz-appearance:none; -webkit-appearance:none; -ms-appearance:none; -o-appearance:none; }

	/* Input Reset Buttons Style BOF */
	input[type="reset"] { float:right; margin-right:15px; }

/*** Go To Top CSS ***/
.back-top #toTop { position: fixed; bottom:20px; right:10px; z-index:50; background:#ea7a16; width:40px; height:40px; font-size:20px; color:#fff; line-height:40px;
	border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }
.back-top #toTop:hover { background:#333; color:#fff; }

/*
| ========================================================
| INDEX PAGE CSS BOF
| ========================================================
*/
.page-wrapper { margin:0px auto; }

/* HEADER CSS BOF
======================================================= */
.site-header { background-color:#fff; position:relative; border-bottom:solid 1px rgba(0, 0, 0, .1); padding-top:10px; padding-bottom:10px; }
.site-header .navbar-nav .nav-link { /* color:#333; font-weight:500; */ color: #4C0743; font-weight: bold; letter-spacing: 2px; text-transform:uppercase; padding-left:20px; padding-right:20px; margin:0 5px; }
.site-header .navbar-nav .nav-link:hover, .site-header .navbar-nav .nav-link:focus, .site-header .navbar-nav .nav-link:active, 
.site-header .navbar-nav .nav-link.active, .site-header .navbar-nav .active .nav-link, .site-header .navbar-light .navbar-nav .show > .nav-link, 
.site-header .navbar-light .navbar-nav .show > .nav-link, .site-header .navbar-light .navbar-nav .active > .nav-link, 
.site-header .navbar-light .navbar-nav .nav-link.show, .site-header .navbar-nav .nav-item.dropdown:hover .nav-link { color:#ea7a16; }
.site-header .header-cta li { margin:0 5px; }

	/* Dropdown CSS BOF */
	.site-header .dropdown-item:hover, .site-header .dropdown-item:focus { background-color:transparent; color:#ea7a16; }

/*** Header Search CSS BOF ***/
.common-form.header-search { box-shadow:-2px 16px 50px 2px rgba(0,0,0,.1); -moz-box-shadow:-2px 16px 50px 2px rgba(0,0,0,.1); -webkit-box-shadow:-2px 16px 50px 2px rgba(0,0,0,.1); padding:25px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; margin:20px auto; border-top:solid 5px #ea7a16; position:relative; }
.common-form.header-search .ico-search { font-size:40px; width:65px; height:65px; line-height:65px; position:absolute; left:0; right:0; top:-36px; margin:0 auto; border-radius:50px; -moz-border-radius:50px; -webkit-border-radius:50px; display:block; text-align:center; }
.common-form.header-search .btn { padding:15px 20px; }
.common-form.header-search .form-content { margin-top:20px; }

/*** Slider Banner CSS BOF ***/
.banner-slider { padding-top:100px; padding-bottom:100px; }
.banner-slider.inner { padding-top:50px; padding-bottom:50px; }

/* SECTION CSS BOF
======================================================= */
section { padding-top:100px; padding-bottom:100px; }

/*** Key Feature Listing CSS BOF ***/
/*.key-service { padding-top:0; }*/
.key-service .key-service-listing .item { background:#f7f7f7; padding:20px; margin-bottom:20px; }
.key-service .key-service-listing .item img { width:130px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }


/* ===============================================
Footer
=============================================== */
footer { background-color:#ea7a16; padding-top:70px; padding-bottom:70px; }

/* Footer Middle CSS */
footer .middle-footer hr  { width:40px; background:#fff; }
footer .middle-footer ul.quick-links li { display:block; }
footer .middle-footer ul.quick-links li a { color:#fff; line-height:30px; }
footer .middle-footer ul.quick-links li a:before { content:""; font-family:'FontAwesome'; margin-right:10px; }
footer .middle-footer ul.quick-links li a:hover, footer .middle-footer ul.quick-links li a:focus footer .middle-footer ul.quick-links li a.active { color:#fff; }
footer .middle-footer .social a { width: 40px; height: 40px; line-height: 40px; border-radius:100px; -moz-border-radius:100px; -webkit-border-radius:100px; font-size:20px; 
  background:rgba(255, 255, 255, .5); margin: 0 3px; display:block; text-align:center; } 
footer .middle-footer .social-alt a { background-color:#fff; color:#ea7a16; }
footer .middle-footer .social a:hover { color: #ea7a16; background: #fff; } 

/*
| ========================================================
| STORE PAGE CSS BOF
| ========================================================
*/

/*** Innerpages Banner CSS BOF ***/
.banner-inner { padding-top:60px; padding-bottom:60px; background-position:0 0; background-repeat:no-repeat; }
.banner-inner .common-form.header-search { position:relative; width:70%; top:0; }

/*** Our Stores Accordian CSS BOF ***/
.our-stores { counter-reset: digit; margin-top: 50px; }
.our-stores .stores-listing .card { margin-bottom:20px; border:medium none; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; background-color:#fff;
	box-shadow: 0 0 7px 1px rgba(0, 0, 0, .10); -moz-box-shadow: 0 0 7px 1px rgba(0, 0, 0, .10); -webkit-box-shadow: 0 0 7px 1px rgba(0, 0, 0, .10); }
.our-stores .stores-listing .card-header { padding:17px 20px; border-bottom:solid 1px rgba(0, 0, 0, .1); background-color:#fff; }
.our-stores .stores-listing .collapse-item { background-color:transparent; border:medium none;display:block; width:100%; text-align:left; cursor:pointer; 
		position:relative; }
.our-stores .stores-listing .collapse-item .add-block span { display:block; padding:3px 0; }		
.our-stores .stores-listing .collapse-item .add-block .st-title { display:block; padding:3px 0; position:relative; margin-bottom:5px; }		
.our-stores .stores-listing .collapse-item .add-block .st-title::before { counter-increment: digit; content: counter(digit) " "; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #84c225; width: 30px; height: 30px; display: inline-block; color: #fff;line-height: 32px;text-align: center;font-size:18px; 
	margin-right: 10px; }
.our-stores .stores-listing .collapse-item .add-block .st-title.closed::before { background:#ff0000; }
.our-stores .stores-listing .collapse-item .add-block .st-title.closed { color:#ff0000; }
/* .our-stores .stores-listing .collapse-item .st-title { font-weight:600; color:#84c225; } */
.our-stores .stores-listing .collapse-item .st-title { font-weight: bold; color: #eb9548; font-size: 24px; }
.our-stores .stores-listing .collapse-item .distance-block { display:table; width:100%; }
.our-stores .stores-listing .collapse-item .distance-block span { display:table-cell; }
.our-stores .stores-listing .collapse-item .distance-block .st-radius { text-align:right; }
.our-stores .stores-listing .collapse-item::after { content:""; font-family:'FontAwesome'; position: absolute; right: 0; top: 0; font-size:16px; border: solid 2px #84c225; 
	width: 40px; height: 40px; line-height:35px; text-align: center; color: #84c225; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.our-stores .stores-listing .collapse-item.collapsed::after { content:""; font-family:'FontAwesome'; }
.our-stores .stores-listing .collapse-item.collapsed { color:#333; }  
.our-stores .stores-listing .store-content .btn { margin:10px 10px 0 0;  }
.our-stores .stores-listing .store-content p { margin-bottom:0; }  
.our-stores .stores-listing .store-content p i { margin-right:10px; }
.our-stores .stores-listing .store-content .text-caption { font-style:italic; font-size:14px; color:rgb(0, 0, 0, .6); }

/* Custom CSS */
.copy-right, .footer-contact-links, .footer-contact-links a, .social a { color: #fff; }
.footer-contact-links i.fa { margin-right: 10px; float: left; font-size: 21px; }
.footer-contact-links li p { overflow: hidden; margin-bottom: 0; padding: 0; }
.footer-contact-links li { margin-bottom:10px; }

/*
| ========================================================
| CONTACT US PAGE CSS BOF
| ========================================================
*/
.contact-us .contact-listing li { display:block; margin-bottom:10px; }
.contact-us .contact-listing li p { margin:0; padding:0; overflow:hidden; }
.contact-us .contact-listing li a { color:#4C0743; }
.contact-us .contact-listing li i { float: left; margin-right: 10px; margin-top: 4px; font-size: 20px; }


/*
| ========================================================
| MODAL POPUP
| ========================================================
*/
#store-continue{ width: 600px; text-align: center; }
#store-continue .btn-popup-green { background: #84c225; margin-right: 30px; }
#store-continue .btn-popup-green:hover { background: #ea7a16; }