#wiki-toggle-btn { bottom:0 !important; top:auto !important }

.section.header { position:relative; z-index:10 }
.internal-page .main-wrapper { background:none }
.internal-page .main-content { max-width:1140px; margin:0 auto; background:#fff; padding:30px }

.fs-menu { display:block; padding:0; position:fixed; left:0; top:0; z-index:-1; width:100vw; height:100%; overflow-y:scroll; margin-left:-100vw; text-align:var(--navigation-primary-textalign, left) !important; opacity:0; transition:margin .2s, opacity .4s ease-out }
.fs-menu.active { margin-left:0; opacity:1; z-index:9999 }
.fs-menu .inner { position:relative; min-height:100vh; padding:40px  }
.fs-menu .close { position:absolute; right:40px; top:40px; color:#fff; font-size:30px; cursor:pointer }
.fs-menu ul { margin:0; padding:0; list-style:none }

.fs-menu .menu { display:flex; color:var(--navigation-primary-fontcolor, inherit) }
.fs-menu .level-1 > .submenu { display:none }
.fs-menu .menu > .submenu { display:flex; flex:1 }
.fs-menu .menu-link { display:block; padding:8px 10px; font-size:1.2rem; line-height:1.2; text-decoration:none }
.fs-menu .has-submenu.active > a.menu-link { color:var(--navigation-primary-fontcolor, #fff) }
.fs-menu .level-2 .submenu { display:flex; flex-wrap:nowrap }

.fs-menu .yamm .level-2,
.fs-menu .yamm .level-2 .menu-items { display:flex; align-items:center; justify-content:space-between }
.fs-menu .yamm .level-3 .menu-link { font-size:0.9rem; padding:0 8px }

.fs-menu .no-yamm > .menu-items { display:flex }

.fs-menu .level-1 > .menu-link { text-transform:uppercase }
.fs-menu .level-1.active > .menu-link { font-weight:700 }
.fs-menu .menu-title { color:var(--navigation-primary-fontcolor, #fff) !important; font-weight:700; text-transform:uppercase; cursor:default }

.fs-menu .level-3 .menu-link[href*="facebook"],
.fs-menu .level-3 .menu-link[href*="twitter"],
.fs-menu .level-3 .menu-link[href*="instagram"],
.fs-menu .level-3 .menu-link[href*="youtube"]  { display:inline-block; vertical-align:middle; width:30px; height:30px; padding:0; overflow:hidden; text-align:center }

.fs-menu .level-3 .menu-link[href*="facebook"]::before,
.fs-menu .level-3 .menu-link[href*="twitter"]::before,
.fs-menu .level-3 .menu-link[href*="instagram"]::before,
.fs-menu .level-3 .menu-link[href*="youtube"]::before { display:block; width:30px; height:30px; line-height:30px; content:'\f39e'; font-family:"Font Awesome 5 Brands" }

.fs-menu .level-3 .menu-link[href*="twitter"]::before { content:'\f099' }
.fs-menu .level-3 .menu-link[href*="instagram"]::before { content:'\f167' }
.fs-menu .level-3 .menu-link[href*="youtube"]::before { content:'\f167'  }

@media only screen and (min-width:768px) {
	.fs-menu .level-1 > .menu-link,
	.fs-menu .level-2 > .menu-link { min-width:240px; max-width:300px; }
}

@media only screen and (max-width:767px) {
	.fs-menu .menu { display:flex; flex-direction:column; padding-top:30px }
	.fs-menu .inner { padding:0 }
	.fs-menu .menu-link { font-size:1rem; padding:10px 20px }
	.fs-menu .menu > .submenu { display:none }
	.fs-menu .has-submenu.active > .submenu { display:block; padding:0px 20px }

	.fs-menu .yamm > .menu-items { display:flex; flex-direction:column }
	.fs-menu .close { font-size:30px; right:20px; top:20px }

	.fs-menu .no-yamm > .menu-items { display:flex; flex-direction:column }
	
}

@media only screen and (max-width:550px) {
	.fs-menu .yamm .level-2 { flex-direction:column; align-items:stretch }
	.fs-menu .yamm .level-2 .menu-link { padding:10px 5px }
	.fs-menu .yamm .level-3 .menu-link { font-size:0.9em; padding:5px }
	.fs-menu .yamm .level-2 .submenu { padding-bottom:10px }
}

.components-wrapper { display:flex; flex-direction:column }

/* SPONSORS */
.component .sponsor { margin-left:auto }
.component .sponsor img { vertical-align:middle }
.component .sponsor .sponsor-text { margin-right:20px; font-family:var(--font-headings); font-weight:700; text-transform:uppercase }

.component .heading-wrapper { display:flex; margin-bottom:20px }
.component-heading { margin:0; font-size:48px; font-weight:800; text-transform:uppercase; color:var(--color-primary); text-shadow:0 1px 1px rgba(0,0,0,0.2) } 

/* SITE HEADER */
.section.header { box-shadow:0 4px 4px rgba(0,0,0,0.2); transition:all .2s ease-out }
.section.header .row { align-items:center }
.section.header .site-logo img { height:70px }
.section.header .site-title { font-size:24px; font-weight:600 }
.section.header .menu-toggler { font-size:30px; cursor:pointer; }
<<<<<<< HEAD
/* .section.header .navbar-secondary { min-height:60px; text-align:left }
.section.header .navbar-secondary .nav-link { padding:5px 10px } */
=======
/*
.section.header .navbar-secondary { min-height:60px; text-align:left }
.section.header .navbar-secondary .nav-link { padding:5px 10px }
*/
>>>>>>> develop

/** HEADER COMMON **/

.header .navbar-primary .navbar-logo { position:relative; z-index:1002; padding:0 }
.header .navbar-primary .navbar-logo img { max-width:150px; max-height:60px }
.header .navbar-primary a { text-align:left }
.header .navbar-primary .dropdown-menu.show { margin:0 }
.header .navbar-primary .dropdown-menu a:hover { background-color:rgba(0,0,0,0.1) }
.header .navbar-primary .dropdown-menu .yamm-content { margin:0 auto }
.header .navbar-primary .dropdown-menu .submenu.level-3 a { text-transform:none }
.header .navbar-primary .dropdown-menu .dropdown-item { padding-left:15px } 
<<<<<<< HEAD
/* .header .navbar-secondary { position:relative; z-index:3; padding:10px } */
=======
/*
.header .navbar-secondary { position:relative; z-index:3; padding:10px }
*/
>>>>>>> develop
.header .site-slogan{ width:100% }
.header .site-title{ float:left }

/** QUICK LINKS **/
.navbar-quicklinks { justify-content:flex-end; font-size:0.875rem }
.navbar-quicklinks ul { margin:0 }
.navbar-quicklinks li + li { margin-left:1rem }

@media only screen and (min-width:768px) {

	.landing .header.sticky { position:fixed; left:0; right:0; top:0; transition:transform .4s .2s ease }

	/* collapsed represent the auto-hiding feature of the sticky header */
	.landing .header.sticky.collapsed { background:transparent !important; box-shadow:none }
	.landing .header.sticky.collapsed .row > div { visibility:hidden }
	.landing .header.sticky.collapsed .row > div:last-child { visibility:visible; }
	.landing .header.sticky.collapsed .navbar-secondary { visibility:hidden }
	.landing .header.sticky.collapsed .row .site-links { visibility:hidden }    

    .landing .header + .main-wrapper .splash-logo{ visibility:hidden; transition:transform 0.5s 0.2s ease }
	.landing .header.sticky.collapsed + .main-wrapper .splash-logo{ visibility:visible }

}

/* SITE FOOTER */
.section.footer{ z-index:3 }
.section.footer .footer-address span { display:inline !important; padding:10px }

/** NEWS ROTATOR COMMON **/
.component.newsrotator.layout-1 .controls h2 { display:none }
.component.newsrotator.layout-1 .seats { border:none; background-color:transparent; }
.component.newsrotator.layout-1 .story-box { background-color:transparent; } 
.component.newsrotator.layout-1 .controls { border:none }
.component.newsrotator.layout-1 .control { border:none; transition:all .2s ease }
.component.newsrotator.layout-1 .control a { font-weight:700; text-transform:uppercase }
.component.newsrotator.layout-1 .control.active { background:var(--color-primary) }
.component.newsrotator.layout-1 .control.active a { color:#FFF }

/** PARALLAX **/
.component.parallax { position:relative; } 
.component.parallax .heading-wrapper{ position:absolute; left:50%; top:50%; transform:translate(-50%, -50%) }
.component.parallax .component-heading { text-shadow:0 0 2px; color:#fff; text-transform:uppercase; text-shadow:0 0 4px rgba(0,0,0,0.4) }

/** SPLASH IMAGE **/
.hero-splash ul,
.hero-splash li { margin:0; padding:0; list-style:none } 
.hero-splash .splash { position:relative; height:100vh; overflow:hidden; }
.hero-splash .bg-video { position:absolute; left:0; right:0; top:0; bottom:0 }
.hero-splash .bg-video .player { position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); min-width:100%; min-height:100%; width:auto; height:auto }
.hero-splash .bg-video iframe.player { min-width:1920px; min-height:1080px; }
.hero-splash .overlay:before,
.hero-splash .overlay:after { content:''; position:absolute; left:0; right:0; top:0; bottom:0 }
.hero-splash .overlay:before { z-index:1 }
.hero-splash .overlay:after { z-index:2 }
.hero-splash .splash-content { display:flex; flex-direction:column; flex-wrap:nowrap; position:absolute; left:20px; right:20px; top:0; bottom:0; z-index:3; text-align:center; }
.hero-splash .splash-logo img { height:100px; max-height:20vh }
.hero-splash .splash-graphic { display:flex; justify-content:center; align-items:center; margin:auto 0; }
.hero-splash .splash-graphic img { max-height:60vh; max-width:100%  } 
.hero-splash .next-event { margin-bottom:20px }
.hero-splash .event-details { display:flex; align-items:center; justify-content:center; font-size:21px; color:#FFF; }
.hero-splash .event-details > * { margin:0 10px; }
.hero-splash .next-event .logo img { width:80px }


.hero-splash .splash-athlete { position:absolute; right:0; bottom:0; z-index:4 }
.hero-splash .splash-athlete img { max-height:100vh }


@media only screen and (max-width: 991px) {
    .component.nextevent .mod-next-event .team-names .h4{ text-align:center !important }
}

/* NEXT EVENT */
.component.nextevent .mod-next-event .countdown { border:none; transform: skew(0deg); background:transparent; }
.component.nextevent .mod-next-event .countdown li { border:none }
.component.nextevent .mod-next-event .countdown span { transform:skew(0deg); }
.component.nextevent .mod-next-event .card-body { padding:0 }
.component.nextevent .mod-next-event .team-names .h4{ width:auto !important }
.component.nextevent .mod-next-event .team-names .name { text-transform:uppercase; font-weight:800 }
.component.nextevent .mod-next-event .event-links a{ color:var(--color-secondary) }
.component.nextevent .mod-next-event .counter-details { max-width:500px }
.component.nextevent .mod-next-event .counter-details-inner { margin:0 !important }
.component.nextevent .mod-next-event .sport { font-weight:400 !important }
.component.nextevent .mod-next-event .team-logo-wrapper { transform: skew(0deg); box-shadow:0 0 2px rgba(0,0,0,0.2) }
.component.nextevent .mod-next-event .team-logo-wrapper img { height:80px }

/* RECENT NEWS */
.component.recentnews .heading-wrapper,
.component.recentnews .component-heading { color:#FFF }
.component.recentnews .story { border:none; border-radius:0; box-shadow:0 0 10px rgba(0,0,0,0.2) }
.component.recentnews .card-body { padding:30px }
.component.recentnews .date-sport { margin-bottom:10px }
.component.recentnews .card-title a { font-weight:800; text-transform:uppercase }
.component.recentnews .story > a { display:none }

/** FEATURED ATHLETES **/
.component.featuredathlete { position:relative }
.component.featuredathlete .card-deck .card { max-width:300px }
.component.featuredathlete .card-body { flex:1; text-align:center }
.component.featuredathlete .leadin { display:none }
.component.featuredathlete .aotw-watermark img { max-width:200px }
.component.featuredathlete .mod-aotw.style3 .card-deck .card{ max-width:100% }
.component.featuredathlete .mod-aotw.style3 .leadin { display:block }

/* RECENT VIDEOS */
.component.recentvideos .item { border:none }
.component.recentvideos .card-title a { font-weight:700; font-size:14px; color:var(--color-primary); text-transform:uppercase }

/* SOCIAL STREAM */
.component.socialstream .card { border:none; border-radius:0 }
.component.socialstream .card-title a { display:block; color:var(--color-dark); text-transform:uppercase; text-align:center; }
.component.socialstream .card-body span.text { display:block; margin-top:10px; color:var(--color-primary); font-family:var(--font-headings); font-weight:700 }

/* PHOTO GALLERY */
.component.photogallery .card { border-radius:0; border:none; background:none }
.component.photogallery .card-img-top { border-radius:0; box-shadow:0 0 5px rgba(0,0,0,0.2) }
.component.photogallery .card-title { display:block; text-align:center; font-weight:700; text-transform:uppercase }
.component.photogallery .card-title a { color:var(--color-primary) !important }
.component.photogallery .btn.view-all { width:180px; margin:0 auto; background:var(--color-primary); color:#fff; border-radius:0 }
.component.photogallery .btn.view-all:hover { filter:brightness(80%) }

/*SPONSOR*/
.component.sponsors .graphic-slide-control { display:block !important }

/** STANDINGS **/
.component.standings { background-size:250px 250px }
.component.standings td,
.component.standings th { border:none; font-weight:700; text-transform:uppercase }
.component.standings td { background-color:transparent }
.component.standings .btn { text-transform:uppercase; border-radius:0 }

/* SCOREBOARD */
.component.scoreboard .slick-track { padding:5px 0 }
.component.scoreboard .slick-slider .card { height:auto; display:flex; border-radius:0; border:none; box-shadow:rgba(0, 0, 0, 0.3) 0px 0px 5px }
.component.scoreboard .card-header {font-weight: 700;background: transparent !important;color: inherit !important;}
.component.scoreboard .card-title {font-family: inherit;font-weight: 400;font-size: 16px;}
.component.scoreboard .opponent .name,
.component.scoreboard .team .name { line-height:1;font-family: var(--font-headings);font-weight: 700;font-size:18px;color: var(--color-primary);}
.component.scoreboard .card-header .date-status {font-weight: 700 !important;color: var(--color-secondary) !important;}
.component.scoreboard .scoreboard-slide-control .btn {display: block !important;}
.component.scoreboard .scoreboard-slide-control {position: absolute;top: 50%;left: -50px;right: -50px;margin: 0px !important;}
.component.scoreboard .scoreboard-slide-control .flex-fill {position: absolute;right: 0px;transform: translateY(-50%);background-color: var(--color-primary);color: var(--color-secondary);flex: 0 1 0% !important;padding: 0px !important;}
.component.scoreboard .scoreboard-slide-control .flex-fill:first-child {left: 0px;right: auto;}

.component.scoreboard.layout-1 .teams .team { display:flex; align-items:center }
.component.scoreboard.layout-1 .teams .name { flex:1; order:1; text-align:left; margin:0 }
.component.scoreboard.layout-1 .teams .score { margin-left:15px; order:2 }

.component.scoreboard.layout-3 .card-text { justify-content:space-between !important }
.component.scoreboard.layout-3 .teams { display:flex; }
.component.scoreboard.layout-3 .score { padding:0 10px }

/** BANNER */

/* Layout 1 */
.component.banner.layout-1 .slick-track { display:flex; align-items:center }
.component.banner.layout-1 .slide { padding:0 10px }


/* Layout 2 */
.component.banner.layout-2 .slick-track { display:flex; align-items:center } 
.component.banner.layout-2 .slick-slide { padding:0 10px }

/* Layout 3 */
.component.banner.layout-3 .slider { padding:0 }
.component.banner.layout-3 .slide img { width:100% }
.component.banner.layout-3 .btn.prev { left:20px }
.component.banner.layout-3 .btn.next { right:20px }

/* SOCIAL */
.component.socialicons .heading-wrapper {margin: 0px;padding-left: 1rem;}

@media only screen and (min-width:992px) {
    
	.header.layout-2 .navbar-primary { white-space:nowrap }
	.header.layout-2 .navbar-primary .navbar { position:static }
	.header.layout-2 .navbar-primary .nav-link { padding:1rem; white-space:nowrap }
    
	.header.layout-3 .navbar-primary .form-inline { display:none !important }
	.header.layout-3 .navbar-primary .navbar { padding:0 }
	.header.layout-3 .navbar-primary .nav-link { padding:1rem }
	
	.landing .header.fixed + .main-wrapper{ margin-top:113px }
	.landing .header.fixed.layout-1 + .main-wrapper{ margin-top:70px }

	.sport-home .header.fixed + .main-wrapper {margin-top: 170px!important;}
    .sport-home .header.fixed.layout-1 + .main-wrapper{margin-top: 130px!important;}

	.component.standings .content-switcher-wrapper { max-width:700px }
	.component.standings select { width:200px; float:right; margin-bottom:20px }

}

@media only screen and (max-width:991px) {
	.header .site-slogan{ display:none }
}

@media only screen and (max-width: 574px) {
	.component.scoreboard .scoreboard-slide-control {left: 20px;right: 20px;}
}

@media only screen and (max-width: 767px) {
	.internal-page .main-content { padding:15px }

<<<<<<< HEAD
	.section.header{ margin-top:0 }
	/* .section.header .navbar-secondary { margin-top:0 }
	.section.header .navbar-secondary .dropdown-toggle { display:none }
	.section.header .navbar-secondary .dropdown-menu { display:block; position:static; padding:0 !important; background:inherit !important }
	.section.header .navbar-secondary .dropdown-menu a { padding:5px 10px } */
=======
	.section.header { margin-top:0 }
    /*
	.section.header .navbar-secondary { margin-top:0 }
	.section.header .navbar-secondary .dropdown-toggle { display:none }
	.section.header .navbar-secondary .dropdown-menu { display:block; position:static; padding:0 !important; background:inherit !important }
	.section.header .navbar-secondary .dropdown-menu a { padding:5px 10px }
    */
>>>>>>> develop
	
	.section.header .site-title { display: none;}
	.component-heading { font-size: 28px }
	
	.component .sponsor { text-align: right;}
	.component .sponsor img { max-width:100px }

	.hero-splash .bg-video{ z-index:4 }
    .hero-splash .splash{ height:0vh; padding-top:80% }
	
	.hero-splash .overlay .splash-athlete{ display:none  }
	.hero-splash .splash-logo img { visibility:hidden }
	
	.hero-splash .event-details{ font-size:18px }
	.hero-splash .team-names .h4 {font-size: 1.5rem;}

	.component.newsrotator .card-title { margin:0 !important }
	.component.newsrotator .stretched-link:after { display:none }
	
	.component.sponsors .next,
	.component.sponsors .prev { position: absolute;top: 50%;right: 0px;transform: translateY(-50%); }
	.component.sponsors .prev { left: 0px; right: auto; }
}