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: inherit !important; right: 0px !important;}
/*Header*/ 
.page-header{position: relative; float: left; z-index: 1;background-color: #ffffff12;}
.logo{ width: 280px; float: left; margin: 0 5px 0 0 !important;}
.logo img{ width: auto; max-width: 100%;}
.mainheader{ padding:12px 0;}
.navbar-nav a, .navbar-collapse .navbar-nav .nav-item .nav-link{ padding:7px 0; color: #163968 !important;font-family: 'SFUIDisplay'; font-weight: 600; font-size: 1rem; display: inline-block; line-height: 27px; text-transform: inherit; letter-spacing: .03em; position: relative; text-transform: uppercase; letter-spacing: .025em;}
.navbar-nav .nav-item .nav-link:before{ content: ''; width: 0; height: 1px; display: block; transition: all 0.3s ease; opacity: 0; display: block !important;position: absolute;  bottom: 0px; left: 0px; background:#ff6467; }
.navbar-nav .nav-item .nav-link:hover:before{ opacity: 1; width: 100%;}
.navbar-nav .nav-item .nav-link:hover{ color: #ff6467 !important;}
.loclTxt{ font-size: 18px; line-height: 26px; color: #000; padding-left: .75%; padding-right: .75%; display: inline-block;   width: 16.66667%;}
.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: 0 15px;}
.nav-item.dropdown .dropdown-menu{ background: #090c45;}
.navbar-nav a:hover{ color: #ccc;}
.headTopBtn{ width: auto; position: absolute; top: 0px; right: 0px; z-index: 1;}
.navbar{ padding: 0px;}
.contctBtn .nav-link{ border: 1px solid #163968; border-radius: 20px; padding: 5px 20px !important; color: #163968 !important;}
.navbar-nav .nav-item.contctBtn .nav-link:before{ display: none !important;}
.navbar-nav .nav-item.contctBtn .nav-link:hover{ color: #163968 !important;}
.navbar-nav .nav-item.contctBtn{ position: absolute; top: 0px; right: 105px; margin-right: 0px !important;}
.headSos{ position: absolute; top: -1px; right: 0px;}
.headSos li{ display: inline-block; margin-left: 5px;}
.headSos li a.linkbtn, #cartDropDown{ width: 40px; height: 40px; background: #163968; display: inline-block; border-radius: 10px !important; color: #fff;padding: 0px !important; font-size: 14px !important; display: flex; align-items: center; justify-content: center; box-shadow: none !important;}
.mini-cart button.dropdown-toggle{ margin: 0px !important;}
.headSos li a:hover, .headSos li a.linkbtn:hover, #cartDropDown:hover{ background:#ff6467;}
.page-header { min-height: 80px; display: flex; align-items: center; justify-content: space-between; width: 100%; }
.mainheader { padding: 12px 0; width: 100%; }
.navbar-collapse { justify-content: center !important; margin-right:240px; margin-left:0;}
.page-header:before {background: linear-gradient(90deg,rgba(255, 255, 255, 0.1) 0%, rgba(255, 100, 103, 1) 49%, rgba(255, 255, 255, 0.1) 100%); content: ""; position: absolute; bottom: 0px; left: 0px;position: absolute; bottom: 0px; left: 0px; width: 100%; height: 1px; }
.logo img{ --tw-drop-shadow-size: drop-shadow(0 4px 12px var(--tw-drop-shadow-color,#0006)); --tw-drop-shadow: var(--tw-drop-shadow-size); filter: var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,); }
.mini-cart button.dropdown-toggle .cart-counter:active { color: #222222 !important; } 
/*Header*/  
.page-footer{ width:100%; float: left; background: #fff; padding: 50px 0; border-top: 1px solid rgba(0,0,0,0.1); margin-top: 40px; font-weight: 400;}
.footTop li{ display: inline-block; font-size: .75rem !important; color: #fff; padding: 10px 0;}
.footTop li a{ color: rgba(0,0,0,0.8); border-bottom: 1px solid transparent; padding: 2px 0;}
.footTop li a:hover{ border-color:#000c; }
.footTop ul { display: flex;  justify-content: space-between; flex-wrap: wrap; }
.footBtm{ width: 100%; padding-top: 30px; text-align: center;}
.powered-by a{ color: #000;}
.privacy li{ display: inline-block;}
.privacy li a{ color: #000;}
.footLogo{ display: inline-block; width:/*85px*/ 120px; padding:26px 0;}
.footLogo img{ max-width: 100%;}
.fotsos li{ margin-left: 8px;}
.fotsos li a{ width: 40px; height: 40px; background-color: #163968; border: 1px solid rgba(0,0,0,0.5); border-radius: 10px; display: flex; color: #fff;font-size: 18px; align-items: center; justify-content: center;}
.fotsos li a:hover{ background: #000;}
.footBtm p, .footBtm li{ padding-bottom: 5px; color: rgba(0,0,0,.70); margin: 0px;  font-size: 14px !important; line-height: 20px;}


@media(min-width:992px)
{
	.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;}
	.nav-item.nav-dropdown:hover  .dropdown-menu{ display:block;   top:40px;}

}

/* new style */
.events-list .page-title-bar { background-color: #f2f2f2 !important; }
.dropdown-toggle::after{ border:0;}
.nav-item.nav-dropdown .dropdown-menu{ padding:8px; background-color:#fff !important; min-width: 288px; border-radius: 14px !important; left: -50%;}
.nav-item.nav-dropdown .dropdown-menu a { font-size: 14px; font-family: 'SFUIDisplay'; font-weight: 600;     padding: 8px 12px; letter-spacing: 0; line-height: 1.5; text-transform: capitalize;}
.nav-item.nav-dropdown .dropdown-menu a:hover{ color:#e7000b !important;}
.nav-item.nav-dropdown.open-dropdown  .dropdown-menu{ display:block;}
.navbar-nav li.nav-item{ position:relative;}


.mini-cart button.dropdown-toggle .cart-counter{ color:#222 !important;}




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,
button.btn.btn-lg.btn-block
{ background-color: #163968 !important; color: #fff !important; }

/* hover bg change */
a.btn.btn-badge.btn-warning.d-inline-block:hover,
a.badge.badge-info.season-badge.btn:hover,
button.btn.btn-md.search-btn:hover, 
button.btn.reset-btn.btn-warning.btn-warning-custom.btn-md:hover, 
a.btn.btn-warning.btn-md.upcoming-btn:hover,
button.btn.btn-solid.addtocartbutton.add-to-cart:hover,
button.btn.location-btn:hover{ background-color:#000 !important;}
/* hover bg */

.nav-tabs .nav-item .nav-link { color: #fff !important; }
.nav-tabs .nav-item .nav-link.active { color: #36454f !important;}
.leaderboard .nav-tabs .nav-item .nav-link { color: #878787 !important; }
.leaderboard .nav-tabs .nav-item .nav-link.active { color: #36454f !important; }

.panel .panel-heading { background-color: #163968 !important; color: #fff !important; }
.panel .panel-heading:after{ color:#fff !important;}
.team-list .panel .panel-heading{ background-color:#fff !important;}
.team-list ul li a, .sub-panel .panel-heading small{ color:#000;}

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


.filter-bar .btn{ padding:7px 11px;}

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

	.logo { width: 180px;}	
	.navbar-nav a, .navbar-collapse .navbar-nav .nav-item .nav-link{ letter-spacing: 0; font-size: 14px;}
	.navbar-nav li.nav-item { margin: 0 10px; }
	.nav-item.dropdown .dropdown-menu a{ padding:5px;}
	.navbar-nav .dropdown-menu a { padding: 0 10px; }
	
}
@media(max-width:991px) and (min-width:768px) 
{
	.filter-bar .btn{ padding:6px 2px;}
}

@media (max-width:575px) 
{
    .details-body #leaderboard .nav-tabs .nav-item { width: 50% !important; }
}

@media screen and (max-width:1250px)
{
	.navbar-nav li.nav-item { margin: 0 10px; }
}

@media screen and (max-width:1199px)
{
	.cmspages p, .cmspages li, body{ font-size: 14px;}
	.footTop ul { display: flex; justify-content: center; flex-wrap: wrap; }
	.footmenu li{ padding: 5px;}
	.navbar-collapse{ margin-right:250px;}
}

@media screen and (max-width:991px)
{
	/*Menu*/
	.navbar-toggler{ width: 36px; height: 36px; 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:3px 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:3.8px 0 !important;}
	.navbar-collapse{position:absolute; top:60px; left: 0px; width: 100%;background:#fff; border-radius: 20px; padding: 10px; border: none; }
	.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:20px;height:45px;display:flex;align-items:center;justify-content:center;cursor:pointer;}
	.page-header{z-index:111;}
	.navbar-nav .nav-item .nav-link::before{ display: none !important;}
	.navbar-nav a, .navbar-collapse .navbar-nav .nav-item .nav-link{ padding: 10px 0; font-size: 16px;}
	.navbar-collapse .navbar-nav .nav-item .nav-link:hover{ text-decoration: none !important;}
	.navbar-collapse{ margin: 0px;}
	.loclTxt{ font-size: 16px; line-height: 23px;}
	.headSos li a.linkbtn, #cartDropDown{ width: 35px; height: 35px; font-size: 13px !important;}
	.headSos{ top: calc(50% - 18px); right: 44px;}
	.navbar-toggler{ border: none !important;}
	.mobno{ padding: 100px 0px !important; display: block !important;}
	.mobno li{ font-size: 18px; margin: 19px auto 8px !important;}
	.navbar{ justify-content: inherit;}
	.navbar-toggler{ position: absolute; top: calc(50% - 18px); right: 0px;  border: 1px solid #fff !important; border-radius: 10px; padding: 9px; background:#163968 !important;}
	.loclTxt{width: 182px !important;}
	.overlay.shows{ height: 100%; position: fixed; top: 0; left: 0;width: 100vw; background-color: rgba(0,0,0,.4); transition: opacity .3s ease-out; opacity: 1; pointer-events: none; z-index: 6; }
	.navbar-toggler.showactv .icon-bar:first-child{ margin-top: -1px !important;}
	.navbar-toggler.showactv .icon-bar{ position: relative; right: 4px; top: -1px;}
	.navbar-toggler.showactv{  transition: all 0.3s ease;}    
	.navbar-toggler.showactv{ transform: rotate(360deg);}
	.navbar-nav .nav-item.contctBtn { position: inherit; top: 0px; right: inherit; margin-right: 0px !important; text-align: left; }
	.contctBtn .nav-link { border: 1px solid rgba(255,255,255,0.2); border-radius: 11px; padding: 0px 7px !important; color: #163968 !important; margin-top: 6px; }
	.navbar-collapse .navbar-nav .nav-item .nav-link{ padding: 10px; border-radius: 11px;}
	.navbar-collapse .navbar-nav .nav-item .nav-link:hover{ background: rgba(255,255,255,0.1);}
	.navbar-nav li.nav-item { margin: 0; }
	body.hide-scroll .page-header:before{ opacity: 0;}
	
	.events-list.hide-scroll .navbar-toggler { padding: 5px 10px 5px 5px; }
	.events-list.hide-scroll .navbar-toggler .icon-bar:nth-child(1){ transform: translate(0, -4px) rotate(-45deg);}
	.events-list.hide-scroll .navbar-toggler .icon-bar:nth-child(2){ opacity:0;}
	.events-list.hide-scroll .navbar-toggler .icon-bar:nth-child(3){ transform: translate(0, 3px) rotate(45deg);}

	span.dropdown-toggle { position: absolute; right: 0; }
	.open-dropdown span.dropdown-toggle{transform: rotate(180deg); }
	.nav-item.nav-dropdown .dropdown-menu li a { padding:0 10px; letter-spacing: 0; font-size: 14px; text-transform: capitalize;}
	.dropdown-menu { display: none; }
	.open-dropdown  .dropdown-menu { display: block; }
	.navbar-nav li.nav-item:hover ul.dropdown-menu { display: block; }
	
	
}

@media screen and (max-width:767px)
{
	.container{ max-width: 100%;}
	.close-mini-cart{display:block;position:absolute;top:0px;right:0px;}
	.align-items-center{text-align: center;}
	.footmenu{ margin: 10px 0;}
	.footmenu li { padding: 5px 20px; }
	.footTop ul { display: flex; justify-content: center !important; flex-wrap: wrap; }
	.page-footer{ padding:20px;}
	.footLogo{ padding:10px;}
	.footBtm { padding-top: 10px;}
}

@media screen and (max-width:480px)
{
	.logo { width: 230px;}
}

@media screen and (max-width:400px)
{
	.logo { width: 58%;}
	.headSos { right: 40px; }
	.headSos li{ margin-left:2px;}
	.mainheader .container { padding: 0px 10px !important;}
}