@charset "utf-8";
/* CSS Document */

body,div,ul,li,h1,h2,h3,h4,h5,h6,form,input,textarea,p,th,td {margin:0; padding:0;}


/* Main
----------------------------------------------------------*/
body                                                  { font-family: 'Roboto', sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
img 												  { border:none;}

a                                                     { text-decoration: none !important; -webkit-transition: 300ms; -moz-transition: 300ms; -ms-transition: 300ms; -o-transition: 300ms; transition: 300ms; }
img                                                   { -webkit-transition: 300ms; -moz-transition: 300ms; -ms-transition: 300ms; -o-transition: 300ms; transition: 300ms; }
button                                                { -webkit-transition: 300ms; -moz-transition: 300ms; -ms-transition: 300ms; -o-transition: 300ms; transition: 300ms; }


/* header
----------------------------------------------------------*/
/*.header-mainpanel                                     { width: 100%; background-color: #fff; padding: 10px 0;}

.nav-link,
.navbar-light .navbar-nav .nav-link			  		  { font-size: 14px; padding: .5rem .7rem;  text-transform: uppercase; font-weight: bold; color: rgba(0,0,0,1); letter-spacing: 1px;}
.dropdown-toggle::after 							  { display: none;}

.social-icons-search-panel 							  { display: table;}
.nav-social-icons  								  	  { display: table-cell; padding-right: 10px;} 		
.nav-social-icons a 								  { margin-right: 10px; color:#000; font-size: 16px;}
.nav-social-icons a:hover 							  { color: #ea7c38;}
.nav-search 									 	  { display: table-cell;}
.nav-search input[type="text"] 						  { width: 100px; font-size: 14px;}
.nav-search .btn-secondary 							  { background-color: #185463;}
.nav-search .btn-secondary:hover 					  { background-color: #113e49;}

#main-nav ul li:hover .nav-link,
#main-nav ul li.active .nav-link 					  { color: #ea7c38;}

.dropdown-item 										  { font-size: 14px; color: #484848; text-transform: uppercase;}
.header-search-box-wrap 							  { width: auto;}
*/

/* header
----------------------------------------------------------*/
.header-mainpanel                                     { width: 100%; background-color: #fff; padding: 10px 0;}
.header-top-menu ul li 								  { list-style: none; display: inline-block; font-size: 1em; margin-right: 10px;}
.header-top-menu ul 								  { text-align: right;}
.header-top-menu ul li:last-child 					  { margin-right: 0;}
.header-top-menu ul li a 							  { color: #2e2e2e;}
.header-top-menu ul li i 							  { color: #e67e22; margin-right: 5px;}

.header-search-box-wrap 							  { width: auto !important; }
.header-search-box-wrap .input-group-addon 			  { background-color: transparent; padding: 5px;} 
.header-search-box-wrap input 						  { box-shadow: none;}
.header-search-box-wrap button 						  { background-color: transparent; border: none; text-align: center;}
.header-search-box-wrap .input-group-addon button i   { margin-right: 0px; color: #a3a3a3;}

.header-btn-support 								  { background-color: #373737; color: #fff !important; font-weight: bold; padding: 7px 10px;}
.header-btn-support i 								  { color: #f39c12 !important;}

.header-main-menu nav 								  { background: none; border: none;}
.header-main-menu ul.navbar-nav>li>a  				  { background-position: center bottom; background-repeat: no-repeat; font-size: 1.5em; color: #2e2e2e; font-weight: bold; font-family: 'Merriweather', serif; }
.header-main-menu ul.navbar-nav>li:last-child>a 	  { color: #e67e22;}


.header-main-menu nav .navbar-nav>.active>a, 
.header-main-menu nav .navbar-nav>.active>a:focus, 
.header-main-menu nav .navbar-nav>.active>a:hover, 	  
.header-main-menu nav .navbar-nav>.open>a, 
.header-main-menu nav .navbar-nav>.open>a:focus, 
.header-main-menu nav .navbar-nav>.open>a:hover 	  { background-color: #fff; background-image: url(../images/nav-hover.png); color: #2e2e2e;}

.header-main-menu nav .navbar-nav>li>a:focus, 
.header-main-menu nav .navbar-nav>li>a:hover 		  { background-image: url(../images/nav-hover.png);}

.navbar-nav>li>.dropdown-menu 						  { background-color: #f8f8f8; text-align: left;}
.navbar-nav>li>.dropdown-menu>li>a 					  { font-family: 'Merriweather', serif; font-weight: bold; padding: 10px 20px; }
.navbar-nav>li>.dropdown-menu>li 					  { border-bottom: 1px solid #e6e6e6; border-top: 1px solid #fff;}
.navbar-nav>li>.dropdown-menu>li:first-child 		  { border-top: none;} 
.navbar-nav>li>.dropdown-menu>li:last-child 		  { border-bottom: none;} 

.navbar-nav>li>.dropdown-menu>li>a:focus, 
.navbar-nav>li>.dropdown-menu>li>a:hover 			  { background-color: #2e2e2e; color: #fff;}

.header-main-menu nav .navbar-toggle 				  { border: none; margin-right: 0px;}
.header-main-menu nav .navbar-toggle .icon-bar		  { width: 100px; background-color: #c2c2c2;}


/* banner
----------------------------------------------------------*/
.banner-mainpanel                                     { width: 100%; position:relative;}
.banner-img-box 									  { height: 700px; width: 100%; background-size: cover; background-position: center; background-color: #000;}
/*.carousel-item  									  { position: relative;}*/
.banner-text 										  { font: 34px 'Raleway', sans-serif; background: rgba(0,0,0,0.5); padding: 30px 30px 30px 100px; color: #fff; max-width: 610px; position: absolute; left: 95px; bottom: 0;}
.carousel-control-prev,
.carousel-control-next 								  { background-color: #ea7c38; padding: 10px; color: #fff; height: 65px; width: 65px; opacity: 1; filter: alpha(opacity=100); font-size: 44px; left: 30px; bottom: 0; top: auto;}
.carousel-control-next 								  { left: 95px;}

.sub-banner-box 									  { height: 390px; width: 100%; background-size: cover; background-position: center; position: relative;}
.sub-banner-content 								  { position: absolute; bottom: 20px; left: 0px; right: 30px; }
.sub-banner-content h2 								  { font: normal 50px 'Raleway', sans-serif; color: #fff; margin: 0px; background: rgba(24,84,99, 0.70); display: inline-block; padding: 20px 30px;} 
.sub-banner-content h4 								  { font-weight: normal; font-size: 20px; color: #fff; padding-left: 30px; margin-top: 10px;}

/* content
----------------------------------------------------------*/
.content-mainpanel 									  { font-size: 14px; color: #818181; line-height: 22px;}
.content-mainpanel .container 						  { background-color: #fff;}
.content-title 										  { font:700 30px 'Raleway', sans-serif; color:#000;}
.lg-vert-pads 										  { padding: 65px 20px;}
.btn-style 											  { color: #ea7c38; font-weight: 700; display: inline-block; border:1px solid #ea7c38; padding: 8px 15px;}
.btn-style:hover 									  { border-color: #185463; color: #185463;}
.content-mainpanel p a 								  { color: #ea7c38;}
.content-mainpanel h3 								  { color: #000; font:700 20px 'Raleway', sans-serif;}
.content-mainpanel h4 								  { color: #000; font:700 18px 'Raleway', sans-serif;}
.content-mainpanel h5 								  { color: #000; font:700 16px 'Raleway', sans-serif;}
.img-float-right 									  { float: right; margin:20px; display: block;}


/* index */
.index-featured-highlights 							  { margin-top: 100px;}
.index-featured-highlights h4 						  { color: #ea7c38; text-transform: uppercase; font: 700 14px 'Raleway', sans-serif;}

.index-featured-panel,
.index-highlights-panel 							  { border-top: 1px solid #ededed; padding-top: 20px; position: relative;} 								  { border-top: 1px solid #ededed; padding-top: 20px; position: relative;}
.index-highlights-panel 							  { padding: 20px; background-color: #f9f9f9;}

.black-line 										  { background-color: #000; width:100px; height: 1px; position: absolute; left: 0; top: -1px;}
.index-featured-item h3								  { font: 700 16px/24px 'Raleway', sans-serif; margin: 20px 0 10px; }
.index-featured-item h3 a							  { color:#000;}
.index-featured-item img 							  { width: 100%;}

.index-highlights-panel ul li 						  { list-style: none; margin-bottom: 20px; color: #ea7c38;}
.index-highlights-panel ul li h5 					  { font-weight: 700; font-size: 14px; line-height: 22px;}
.index-highlights-panel ul li h5 a 					  { color: #000;}

.index-establishment-mainpanel 						  { margin: 40px 0 80px;}
.index-establishment-panel 							  { margin-bottom: 40px;}
.index-establishment-panel h5,
.index-testimonial-mainpanel h5 					  { font: normal 16px 'Raleway', sans-serif; color: #000; margin-top: 10px;}

.index-subbanner-panel 								  { background-size: cover; width: 100%; height: 470px; background-position: center; position: relative;}
.index-subbanner-text								  { font: normal 80px 'Raleway', sans-serif; color: #fff; z-index: 2; position: absolute; left: 50px; bottom: 50px;}
.index-subbanner-bg 								  { height: 120px; width: 100%; max-width: 500px; position: absolute; left: 0; bottom: 20px; z-index: 1;}
.index-subbanner-bg.bgcolor1 						  { background: rgba(24,84,99, 0.70);}
.index-subbanner-bg.bgcolor2 						  { background: rgba(234,124,56, 0.70);}

.index-establishment-list 							  { margin-top: 50px;}
.index-establishment-item h3 						  { font: 700 24px 'Raleway', sans-serif; color: #000; text-align: center; margin-top: 20px;}
.index-establishment-item img 						  { width: 100%;}

.owl-carousel .owl-nav button.owl-next,  			  
.owl-carousel .owl-nav button.owl-prev  			  { background-color:rgba(234, 124, 56, .60); color: #fff; font-size: 40px; width: 80px; height: 80px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%;}


.owl-carousel .owl-nav button.owl-next 				  { float:right;}
.owl-carousel .owl-nav button.owl-prev 				  { left: 10px;}

.owl-carousel .owl-nav button.owl-next:hover, 			
.owl-carousel .owl-nav button.owl-prev:hover 		  { background-color:rgba(234, 124, 56, 1);}

.no-js .owl-carousel, .owl-carousel.owl-loaded 		  { position: relative;}							  
.owl-nav 											  { position: absolute; top: 30%; width: 100%; padding: 0 20px;}

.index-testimonial-item 							  { margin-top: 50px;}
.index-testimonial-item h3 							  { font: 700 16px 'Raleway', sans-serif; color: #000; margin-bottom: 20px;}
.index-testimonial-item h4 							  { font-weight: 700; font-size: 14px; color: #000; text-transform: uppercase; margin-top: 20px;}
.ads-panel p 										  { margin: 0 auto 30px; text-align: center;}


/* shop, dine, discover, membership */
.form-panel.dark 									  { margin: 20px 0; background-color: #373737; padding: 20px;}
.form-panel label 								  	  { font-size: 14px; color: #000; font-weight: bold;}
.form-panel.dark label 							  	  { color: #fff;}
.form-panel input[type="text"],
.form-panel select,
.form-panel textarea					  	  		  { border: none; height: 40px; font-size: 14px; border: 1px solid #e8e8e8; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px;}
.form-panel textarea 								  { height: auto;}

.btn-form 											  { background-color: #ea7c38; display: block; width: 100%; color: #fff; font-size: 14px; font-weight: bold; padding: 10px 20px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px;}
.btn-form:hover 									  { background-color: #eaa138;}

.stores-list-panel 									  { margin-top: 50px;}
.store-list-img, .store-logo-wrap,
.store-banner-wrap, .event-thumb-img 				  { margin-bottom: 20px; width: 100%; height: 200px; background-size: cover; background-repeat: no-repeat; background-position: center;}
.stores-list-item 									  { margin-bottom: 30px;}
.store-logo-wrap 									  { margin-bottom: 30px;}
.store-map-wrap 									  { height: 200px; width: 100%;}
.store-banner-wrap 									  { height: 430px; margin-bottom: 0;}
.store-gallery 										  { margin: 50px 0;}
.store-gallery-item 								  { margin-bottom: 30px;}
.store-gallery-item img 							  { width: 100%;}
.stores-additional-panel 							  { margin-top: 50px; padding-top: 50px; border-top: 1px solid #ced4da;}
.stores-additional-panel ul li 						  { list-style: none; margin-bottom: 10px;}
.stores-additional-panel ul li a 					  { color: #ea7c38;}


/* events */
.view-style-panel 									  { margin-bottom: 50px;}
.format-tab 									      { float: right;}
.format-tab ul li 								      { list-style: none; float: left;}
.format-tab ul li a, .format-tab ul li span 		  { padding: 10px 15px; border: 1px solid #ddd; border-left: none; color: #818181;}
.format-tab ul li span 								  { margin-right: -1px;}
.format-tab ul li:first-child a 			          { border-left: 1px solid #ddd;}
.format-tab ul li a:hover,
.format-tab ul li.active a 					  		  { background-color: #ea7c38; color: #fff; border-color: #ea7c38;}

.events-calendar-panel td 							  { width: 14.29%;}
.events-calendar-panel thead th 					  { text-align: center;} 
.events-calendar-panel h5 							  { text-align: right; margin-bottom: 10px;}
.other-month-num  								  	  { opacity: .2; filter: alpha(opacity=20);}
.events-item 										  { padding: 10px; margin: 5px 0; color: #fff; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px;}
.events-item a 										  { color: #fff;}
.events-item div 									  { font-size: 10px; font-weight: 700; margin-bottom: 10px;}

.events-item.color1 								  { background-color:#f39c12;}
.events-item.color2 								  { background-color:#1b5666;}
.events-item.color3 								  { background-color:#16a085;}

.events-list-panel .col-3 							  { background-color:#1b5666; color: #fff; padding:10px 20px; text-align: center; vertical-align: middle;}
.events-list-panel .col-9 							  { background-color:#f7f7f7; padding:10px 20px;}
.events-thumb-panel 								  { margin-top: 20px;}
.events-list-item 									  { margin: 10px 0;}
.events-thumb-item 									  { margin-bottom: 30px;}


/* about, contact and directory */
.about-member-item, .contact-details-item,
.directory-item 			  						  { border-bottom: 3px solid #e67e22; padding-bottom: 10px; margin-bottom: 30px;}
.directory-item a 									  { color: #000;}


/* membership */
.membership-services-box 							  { margin: 30px 0 100px;}
.membership-services-box h3 						  { background-color: #1b5762; text-align: center; padding: 10px 20px; color: #fff;}
.membership-services-box ul li 						  { list-style: none; margin-top: 20px;}
.membership-services-box ul li ul 					  { margin-left: 30px;}
.membership-services-box ul li ul li 				  { list-style: inherit; margin-top: 10px;}


/* modal */
.modal-header										  { background-color: #185463; color: #fff;}
.modal-content 										  { border:none;}
.modal-content a 									  { color: #ea7c38; font-size: 14px;}
.modal-footer 										  { border-top:none;}

/* footer
----------------------------------------------------------*/
.footer-mainpanel                                     { width: 100%;}
.footer-midpanel 									  { background-color: #f6f6f6; padding: 20px 0;}
.footer-midpanel img 								  { display: inline-block; margin-right: 10px;}
.footer-midpanel a.skippack-merchant-link 			  { font-size: 14px; color: #ea7c38; margin-top: 30px; display: inline-block;}
.footer-midpanel ul 								  { margin-top: 30px;}
.footer-midpanel ul li 								  { list-style: none; display: inline-block; font-size: 12px; text-transform: uppercase; padding-right: 10px; margin-right: 10px; border-right: 1px solid #aaa;}
.footer-midpanel ul li:last-child 					  { padding-right: 0; margin-right: 0; border-right: none;} 
.footer-midpanel ul li a 							  { color: #919191; font-size: 12px;}
.footer-bottom-panel 								  { background-color: #ececec; color: #919191; text-align: right; padding: 10px 0; text-transform: uppercase; font-size: 10px;}


/* 20180712 */
.owl-carousel .owl-item .itm-img {width:100%; position:relative; height:300px; overflow:hidden; border:1px solid #ddd;}
.owl-carousel .owl-item .itm-img img {position:absolute; margin:auto; top:0; right:0; left:0; bottom:0;}

/* 20180802 */
.index-establishment-list a.view-more {font-size:20px; font-weight:bold;}