body { /* font-family: 'Open Sans'; font-size: 16px; line-height: 25px; */}
body::after, .page-wrapper::after {height: 0px;}

.close-mini-cart{ display: none;}
.mini-cart button.dropdown-toggle .cart-counter { top: 0px; right: 0; left: inherit; background: #fff !important; padding: 0px !important; width: 14px; height: 14px; line-height: 14px; font-size: 10px;}
.mini-cart .dropdown-menu { left: 0 !important; right: inherit !important; }
/*Header*/ 
.page-header{position: relative; float: left; background: none; /*box-shadow: 0 0 45px 10px rgba(9,12,69,0.4);*/ z-index: 1;}
.logo{ width: 90px; float: left;}
.logo img{ width: auto; max-width: 100%;}
.mainheader{ padding:10px 0;}
.navbar-nav a, .navbar-collapse .navbar-nav .nav-item .nav-link{ font-size: 17px; line-height: 1; color: #000; font-family: 'Oswald'; font-weight: normal; letter-spacing: 0.3px; padding: 20px 19px; display: inline-block; text-transform: uppercase; }
.drop-arw:after{ border: none; content: "\f107"; font-family: "Font Awesome 6 Free"; font-weight: 900; color: #fff;}
.drop-arw{ top: 14px; position: absolute; right: 4px;}
.navbar-nav li.nav-item{ margin: 0px;}
.navbar-nav a:hover{ background: #f67d9f; color: #000;}
.headTopBtn{ width: auto; position: absolute; top: 0px; right: 0px; z-index: 1;}
.navbar{ padding: 0px;}
.navbar-collapse { margin-left: 0; justify-content: center !important; }
.page-header{ width:100%; position:relative; background: #030303 url(../images/dark-area.jpg) no-repeat center center; background-size: cover; }
.page-header:before{ background: url(../images/dark-area-tra.png) no-repeat top center; width: 100%; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; content: "";}

.hedTp{ width: 100%;}
.skLogin{ background: #ffa5be; color: #fff; font-size: 16px; display: inline-block;}
.skLogin li{ display: inline-block; padding: 9px 0; position: relative;}
.skLogin li a, .mini-cart{ text-decoration: none; text-transform: uppercase; font-size: 16px; line-height: 16px; padding: 0 20px; vertical-align: middle; display: inline-block; letter-spacing: 0.4px; font-family: 'Oswald'; color: #000; display: inline-block; }
.skLogin li a:hover{ color: #fff;}
.skLogin li::before { content: "|"; position: absolute; left: -6px; top: 8px; color: white; pointer-events: none;color: #000;  }

#cartDropDown{ width: auto; height: auto; background: none !important; box-shadow: none !important; border: none; text-transform: uppercase;}
.mini-cart button.dropdown-toggle { color: #000; margin: 0px; }
.mini-cart button.dropdown-toggle:hover{ color: #fff;}
.mini-cart button.dropdown-toggle .cart-counter { top: -2px; right: -15px; left: inherit; background: #fff !important; padding: 0px !important; width: 15px; height: 16px; line-height: 14px; font-size: 8px; color: #000 !important; }
.hedSos, .skLogin{ display: inline-block;}
.hedSos li{ display: inline-block;}
.skSocial{ float: right; width: 760px; display: flex; flex-wrap: wrap; justify-content: flex-end;}
.mainheader { padding: 10px 0; width: 100%; float: left; }
.headerTop{ width: 100%; float: left; padding: 10px 0;}

.hedSos{ display: inline-block;}
.hedSos li{ display: inline-block; margin: 1px 10px 0 0;}
.hedSos a{ position: relative; display: flex;}
.hedSos a img.hv{ display: none;}
.hedSos a:hover img.hv{ display: block}
.hedSos a:hover img.nor{ display: none}
.hedSos { display: flex; align-items: center; }
.skLogin{ margin: 0px 10px 0 0; position: relative;}

.headerMid{ width: 100%; float: left; padding: 0 0 20px 0;}
.logo img{ width: 100%;}
.logo{width: 139px; height: 131px; display: flex;}
.logo:hover{ -webkit-filter: drop-shadow(0 7px 13px rgba(255, 165, 190, 0.54)); filter: drop-shadow(0 7px 13px rgba(255, 165, 190, 0.54));}
.hTitle { font-size: 53px; color: #ffffff; text-transform: uppercase; line-height: 53px; letter-spacing: 0.5px; font-weight: normal; font-family: 'Oswald';margin-left: 15px; }
.headerMidIn{ display: flex; align-items: center;}
.page-header .container{ max-width: 1124px !important; margin: 0 auto;}
.mainheader{ background: #ffa5be; box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.35); padding: 0px; position: relative;}
.drop-arw { top: 17px; position: absolute; right: 0; display: none; }
.nav-item.dropdown .dropdown-menu{ background: #f67d9f;}
.navbar-nav li.nav-item:hover a{ background: #f67d9f; }
.navbar-nav li.nav-item .dropdown-menu{ border: none !important; box-shadow: none !important; margin: 0px !important; padding:7px 0px !important; width: 250px;}
.navbar-nav li.nav-item .dropdown-menu li a:hover{ color: #fff !important;}
.navbar-nav li.nav-item .dropdown-menu li a{ width: 100%;}
/*Header*/  
/*Footer*/
.page-footer{ width: 100%; float: left;}
.footPINK{ padding: 40px 0; background: #ffa5be;}
.footPINK h4{font-family:'Oswald';font-size:20px;line-height:1;letter-spacing:0.6px;text-transform:uppercase;font-weight:normal;padding:0 0 8px;color:#000;border-bottom:3px solid #000;margin-bottom:18px;}
.skClubAddress{color:#000 !important;font-family:'Open Sans';font-size:15px;line-height:20px;font-weight:500;padding-bottom:22px;text-transform:capitalize;margin:0px;}
.skClubAddress a{color:#000 !important;text-decoration:underline !important;text-transform:initial !important;}
.skClubAddress a:hover{color:#fff !important;}
.footTop{ padding: 18px 0; background: #000; text-align: center;}
.page-footer p, .page-footer li, .page-footer li a, .page-footer p a{ color: #fff; font-size: 14px; line-height: 20px; font-weight: 500; color: #fff;}
.page-footer li{ display: inline-block;}
.page-footer li a:hover, .page-footer p a:hover{ color: #ffa5be;}
.skRightInfo img{ width: 200px;}
.footbopy{ display: flex; justify-content: space-between; flex-wrap: wrap; width: 100%; padding-bottom: 18px;}
.skRightLft{ width: 65%; text-align: left;}
.page-footer .container{ max-width: 1080px !important; padding: 0 35px;}
.footerBottmInn{ width: 100%; padding-top: 18px; border-top: 1px solid rgba(255,255,255,0.1)}
.skRightLft p{ margin-bottom: 0px;}

/* new style */
.skRightLft { width: 100%; text-align: center; }
#cartDropDown{color: #000 !important;}
#cartDropDown:hover{ color:#fff !important;}
.hedSos{ align-items: self-start;}
li.nav-item.active { background-color: #f67d9f; }
.nav-item.dropdown .dropdown-menu{ background-color: #f67d9f !important;}

.events-list .page-body .page-title-bar { background-color: #000 !important; }
.events-list .page-body .page-title-bar .page-bar-title { color: #fff !important; }
.details-body .page-body .page-title-bar{background-color: #eee !important; }
.mini-cart-footer a { padding: 10px 20px !important; }
.hTitle { font-size: 48px; letter-spacing: 0.6px;}
.powered-by-container a:hover { text-decoration: none !important; }
.mini-cart .dropdown-menu{ z-index:1111;}


a.badge.badge-info.season-badge.btn,
button.btn.btn-solid.addtocartbutton.add-to-cart,
button.btn.btn-md.search-btn,
button.btn.reset-btn.btn-warning.btn-warning-custom.btn-md,
button.btn.filter-toggle,
a.btn.btn-danger.btn-block.btn-lg,
.card.flat-card .card-header, 
.page-tab-content, .panel .panel-heading,
a.btn.btn-badge.btn-warning.d-inline-block,
a.btn.btn-badge.btn-warning.d-inline-block.all--events,
button.btn.location-btn,
button.btn.btn-sm.ml-auto.close-mini-cart,
.page-checkout a.link.btn.btn-block.btn-warning,
a.btn.btn-warning.btn-md.upcoming-btn
{ background-color: #f67d9f !important; color: #000 !important; }

.nav-tabs .nav-item .nav-link { color: #000 !important; }
.nav-tabs .nav-item .nav-link.active { color: #36454f !important;}
.panel .panel-heading { background-color: #f67d9f !important; color: #000 !important; }
.panel .panel-heading:after{ color:#000 !important;}
.team-list .panel .panel-heading{ background-color:#fff !important;}
.team-list ul li a, .sub-panel .panel-heading small{ color:#000;}

button.btn.btn-lg.btn-block { background-color: #f67d9f !important; color: #000 !important; }

.list-container .list-image .list-image-wrapper, 
.page-title-bar .list-container .list-image .list-image-wrapper { border-color: #f67d9f !important; }

.filter-bar .btn{ padding:7px 12px;}
@media screen and (max-width: 1250px)
{
	.filter-bar .btn{ padding:7px 11px;}
}

@media(max-width:1199px) and (min-width:992px) 
{
	.filter-bar .btn{ padding:7px 8px;}
}
@media(max-width:991px) and (min-width:768px) 
{
	.filter-bar .btn{ padding:6px 3px;}
}


@media(min-width:768px)
{
	.nav-item.dropdown .dropdown-menu{ display: block !important; opacity: 0;text-shadow: none; transform: scaleY(0); transform-origin: top;transition: .24s; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out;  -webkit-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out;  transition: all 0.5s ease-in-out; }
	.nav-item.dropdown:hover .dropdown-menu {display: block !important; opacity: 1; transform: initial;pointer-events: all; transform: translateY(0px) !important;}
}

@media(max-width:992px) and (min-width:9000px) 
{
}

@media screen and (max-width:1300px)
{
}

@media screen and (max-width:1199px)
{
	.cmspages p, .cmspages li, body{ font-size: 14px;}
}

@media screen and (max-width:991px)
{
	.navbar-collapse { position: relative; top: 100%; background: none !important; margin: 0px; margin-left: 0px; right: 0; left: 0; border: none; z-index: 1000; }
	.navbar-collapse .navbar-nav { padding: 0; }
}

@media screen and (max-width:767px)
{
	/*Menu*/
	.navbar-toggler{ width: 40px; height: 50px; background: none;}
	.navbar-toggler .icon-bar{width:100%;height:2px;background:#fff;display:inline-block;border-radius:10px;float:left;-webkit-transform-origin:21px;-ms-transform-origin:21px;transform-origin:21px;-webkit-transition:-webkit-transform 0.2s,opacity 0.1s;transition:transform 0.2s,opacity 0.1s;}
	.navbar-toggler .icon-bar + .icon-bar{margin:7px 0 0;}
	.navbar-toggler.showactv .icon-bar:nth-child(1){-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);}
	.navbar-toggler.showactv .icon-bar:nth-child(2){opacity:0;}
	.navbar-toggler.showactv .icon-bar:nth-child(3){-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);}
	.navbar-toggler.showactv .icon-bar{margin:2px 0 !important;}
	.navbar-collapse .navbar-nav{padding:0px;}
	.navbar-nav a,.navbar-collapse .navbar-nav .nav-item .nav-link{width:100%;}
	.drop-arw{top:0;position:absolute;right:0;width:45px;height:45px;display:flex;align-items:center;justify-content:center;cursor:pointer;}
	.page-header{z-index:111;}
	.logo { width: 36px; height: auto; display: flex; margin: 0px auto; }
	.navbar-toggler .icon-bar + .icon-bar { margin: 5px 0 0; }
	.navbar-toggler { width: 25px; height: 50px; background: none; border: none !important; position: absolute; left: 0px; margin: 0px; padding: 0;top: 0px; }
	.navbar { padding: 6px 0;}
	.headerMid .logo{ display: none;}
	.hTitle { font-size: 35px; line-height: 50px; text-align: center; width: 100%; display: inline-block; margin: 0px; }
	.mobsos{ width: 100%; padding: 20px 0; float: left;}
	.hedSos { display: flex; align-items: center; justify-content: center; }
	.hedSos li { display: inline-block; margin: 0 9px; }
	.skSocial .hedSos{ display: none;}
	.skLogin li a, .mini-cart { background: #ffa5be; padding: 0 20px; line-height: 40px; width: 100%; text-align: center;color: #fff !important; }
	.mini-cart button.dropdown-toggle{ color: #fff !important;}  
	.skLogin li a:hover, .mini-cart:hover, .mini-cart button.dropdown-toggle:hover{ color: #000 !important;}

	.page-header{ background: #000 url(../images/dark-area-mobile.jpg) no-repeat center center; background-size: cover;}
	.skLogin { margin: 0 0 15px 0; position: relative; background: none; width: 100%; }
	.skLogin li { display: inline-block; padding: 0; position: relative; width: 33.333%; float: left; padding: 3px 6px; }
	.skLogin li::before{ display: none;}
	.skSocial { float: right; width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; }
	.headerMid{ padding: 0px;}
	.navbar-nav li.nav-item { margin: 0px; text-align: center; }
	.navbar-nav a, .navbar-collapse .navbar-nav .nav-item .nav-link { font-family: 'Lato'; font-size: 18px; line-height: 26px; font-weight: 700; color: #fff; letter-spacing: 0.5px;padding: 9px 40px; }
	.navbar-nav li.nav-item:hover a { background:none; color: #fff; }
	.navbar-collapse .navbar-nav{ padding: 21px 0;}
	.drop-arw::after {width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;}
	.navbar-nav li.nav-item .dropdown-menu { border: none !important; box-shadow: none !important; margin: 0px !important; padding: 0 !important; width: 100%; text-align: center; background: #fff; }
	.navbar-nav li.nav-item .dropdown-menu li a{ color: #ffa5be !important; font-weight: 900;}
	.navbar-nav li.nav-item .dropdown-menu li a:hover{ color: #ffa5be !important;}
	.mainheader .container{ padding: 0px;}
	.navbar-toggler{ margin: 0px 0 0 15px;}
	.menuregs{ text-align: center; position: relative;}
	.menuregs::after { content: ""; position: absolute; top: 0; left: 34px; right: 34px; height: 1px; font-size: 0; line-height: 0; opacity: 0.3; background: #fff; }
	.menuregs li a:hover {  background: none; color: #fff; }
	.menuregs img{ max-width: 100%; position: relative; top: -4px;}
}

@media screen and (max-width:767px)
{
	.container{ max-width: 100%;}
	.close-mini-cart{display:block;position:absolute;top:0px;right:0px;}
	.skRightLft { width: 100%; text-align: center; padding-bottom: 18px; }
	.skRightInfo{ width: 100%;}
	.footPINK .row{ justify-content: center; text-align: left;}
	.skClubAddress:last-child br{ display: none;}
	.footPINK .col-md-4.col-6{ width: 100%; flex: 0 0 100%; max-width: 330px;}
	
	/**/
	.footer-logo .logo { width: 100%; max-width: 150px; }
	.footerBottmInn{    padding-top: 0;}
	.navbar-toggler { background-color: transparent !important; margin: 0px 0 0 11px;}
	.navbar-toggler .icon-bar{ height:3px;}
	#cartDropDown { color: #fff !important; }
	.mini-cart .mini-cart-item-list .mini-cart-item { width: 100% !important; float: none !important; }
	.mini-cart-item-list .mini-cart-item .remove-item{ line-height:20px;}
	.navbar-nav li.nav-item .dropdown-menu li a{ background-color:#fff; font-weight:700;}
	.mini-cart-footer a { padding: 00px 20px !important; }
	li.nav-item.active { background-color: transparent; }	
}


@media screen and (max-width:400px)
{
	.skLogin li{ padding: 3px 3px;}
	.skLogin li a, .mini-cart{ padding: 0 10px;}
	.hTitle { font-size: 30px; line-height: 44px;}
}