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-color: rgba(0, 0, 0, 0.8); /*box-shadow: 0 0 45px 10px rgba(9,12,69,0.4);*/ z-index: 1; min-height: auto; padding:0px;}
.page-header .container{ max-width: 100% !important; padding: 0 25px;}
.logo{ width: 96px;}
.logo img{ width: auto; max-width: 100%;}
.mainheader{ padding:12px 0;}
.navbar-collapse .navbar-nav .nav-item .nav-link { padding: 10px 9px; color: #fff; font-family: 'Familjen Grotesk'; font-weight: 400; font-size: 16px; display: flex; line-height:1.4em; text-transform: uppercase; margin: 0px; position: relative; flex-grow: inherit; justify-content: center; }
.navbar-collapse .navbar-nav .nav-item .nav-link:hover{ color: #01B0EF !important;}
.navbar-collapse .navbar-nav .nav-item.active .nav-link{ color: #01B0EF !important;}
.navbar-collapse .navbar-nav .nav-item .nav-link{  border-bottom: 1px solid transparent;}
.logo { width: auto !important; max-width: 100%; }
.logo-nav { display: flex; align-items: center; width: 162px; position: absolute; top: -28px; left: 50%; transform: translateX(-50%); }
.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:5px;}
.nav-item.dropdown .dropdown-menu{ background: #090c45;}
.headTopBtn{ width: auto; position: absolute; top: 0px; right: 0px; z-index: 1;}
.navbar{ padding: 0px;}
.headSos{ position: absolute; top: -3px; right: 0px;}
.headSos li{ display: inline-block; margin-left: 0px;}
.headSos li a.linkbtn, #cartDropDown{ width: 33px; height: 33px; background: #000; display: inline-block; border-radius: 0px !important; color: #fff;padding: 0px !important; font-size: 20px !important; display: flex; align-items: center; justify-content: center; box-shadow: none !important; border-radius: 10px !important;}
.mini-cart button.dropdown-toggle{ margin: 0px !important;}
.headSos li a:hover, .headSos li a.linkbtn:hover, #cartDropDown:hover{ background: #000 !important;}
.menu_secRt{ padding-right: 102px;}

.headSos { position: inherit; top: inherit; right: inherit; }
.headSos{ width: 100%; padding: 10px 20px; text-align: right;}
.headSos li a.linkbtn, #cartDropDown{ background: none !important;}
.headSos li a:hover, .headSos li a.linkbtn:hover, #cartDropDown:hover{ background: none !important;}
.mainheader { padding: 7px 21px; background: #000;  border-bottom: 1px solid #fff !important; padding-right:0;}
.logo-nav { display: flex; align-items: center; width: 132.5px; position: inherit; top: inherit; left: inherit; transform: inherit; }
.container{ max-width: 100% !important; padding: 0 60px;}
/*Header*/  
.page-footer{ width:100%; float: left; background: #000000;}
.footTop{ padding: 60px 0 0;}
.footLogo{ display: inline-block; max-width: 180px;}
.footLogo img{ max-width: 100%;}
.footBox{ width: 100%;}
.footBox h4{ font-family: 'Paladins Condensed'; font-size: 20px; line-height: 26px; color:#fff;}
.menulist{ margin-top: 28px;}
.menulist li a{ color: #fff;     font-family: 'Familjen Grotesk';}
.menulist li, .font_9, .footBtm p, .footBtm li { color: #fff; font-size:16px; line-height: 1.7; font-family: 'Familjen Grotesk';}
.font_9 a, .footBtm p a, .footBtm li a{ color: #fff;}
.footBtm li{ display: inline-block;}
.menuSos li{ display: inline-block;}
.menuSos li a { background: none !important; font-size: 24px; padding: 14px 0; margin-right: 18px; }
.footBtm{ padding: 10px 0; text-align: center;}
.powered-by-container{ display: block;}

@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;}
}

/* new style */
.page-body .page-title-bar { background-color: #e2e2e2 !important; margin-top: 1px !important; }
.navbar-collapse { margin-left: 0 !important; align-self: flex-start; }
.footBtm { padding: 0px 0 20px;}
.font_9{ text-align:center; }
.mt-3{ margin-top: 2rem !important; }
ul.navbar-nav.menu_sec { margin-top: 7px !important; }
.navbar-collapse .navbar-nav .nav-item:last-child .nav-link{ padding-right:4px;}


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: #000 !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: #000 !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: #000 !important; }

.filter-bar .btn{ padding:7px 11px;}
@media(max-width:1199px) and (min-width:992px) 
{
	.filter-bar .btn{ padding:7px;}
}
@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:991px)
{
	/*Menu*/
	.navbar-toggler{ width: 40px; height: 40px; background: none;}
	.navbar-toggler .icon-bar{width:100%;height:3px;background:#01B0EF;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:5px 0 0;}
	.navbar-toggler .icon-bar:nth-child(1){ width: 100%;}
	.navbar-toggler.showactv .icon-bar:nth-child(1){-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg); width: 100%;}
	.navbar-toggler.showactv .icon-bar:nth-child(2){opacity:0;}
	.navbar-toggler .icon-bar:nth-child(3){ width: 100%;}
	.navbar-toggler.showactv .icon-bar:nth-child(3){-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg); width: 100%;}
	.navbar-toggler.showactv .icon-bar{margin:1px 0 !important;}
	.navbar-collapse{position:fixed;top:0px;left:0;height:100%;overflow:auto;background:#000000;display:block !important;width:100% !important;border:none;margin:0px;z-index:111; transition: all 0.3s ease;  transform: translate(-100%,0); right: auto; padding: 165px 40px;}
	.navbar-collapse.show{ transform: translate(0);}
	.navbar-collapse .navbar-nav{padding:0px;}
	.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-collapse .navbar-nav{ margin: 0 !important;}
	.navbar-nav .nav-item .nav-link::before{ display: none !important;}
	.navbar-collapse .navbar-nav .nav-item .nav-link{font-family: 'Paladins Condensed'; font-size: 20px;}
	.navbar-nav li.nav-item { margin: 0; }
	.navbar-toggler.d-none { display: block !important; position: absolute; top: 30px; left: 50%; transform: translateX(-50%); margin: 0px; }
	.menuSos li{ display: inline-block !important; width: auto !important;}
	.navbar-collapse .navbar-nav.menuSos { display: flex !important; flex-wrap: wrap; flex-direction: row; justify-content: center; margin-top: 56px !important; }
	.menuSos li a{ background: none !important;}
	.page-footer{ background: #292929;}
	.container { max-width: 100% !important; padding: 0 30px; }
	
	.events-list.hide-scroll .navbar-toggler{ padding:5px 7px 5px 3px;}
	.events-list.hide-scroll .navbar-toggler .icon-bar:nth-child(1){ transform: translate(0, 3px) 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, -4px) rotate(45deg);}
	.footBox h4 { font-size: 18px;}
}

@media screen and (max-width:767px)
{
	.container{ max-width: 100%;}
	.close-mini-cart{display:block;position:absolute;top:0px;right:0px;}
	.footTop .col-md-3{ flex: 0 0 100%; max-width: 100%; text-align: center;}
	.footBox{ margin-top: 20px;}
	.menulist li, .font_9, .footBtm p, .footBtm li{ text-align: center;}
	.powered-by-container { display: flex; justify-content: center; flex-wrap: wrap; }
	.navbar-collapse{ padding: 100px 20px;}
	.footTop { padding: 30px 0 0; }
	.menulist { margin-top: 10px; }
	.menuSos li a { padding: 5px 0; margin-right: 10px; }
	.mt-3 { margin-top: 1rem !important; }
	.font_9 { margin-bottom: 0px; }
	
}