/*
Theme Name:     Customizr League
Theme URI:      http://themesandco.com/customizr
Description:    A modified child theme of the Customizr WP theme for League sites.
Author:         NICA Web Admin
Author URI:     http://themesandco.com
Template:       customizr-pro
Version:        1.0.0
*/

/* START HERE
-------------------------------------------------------------- */

:root {
  --leaguePrimaryColor: #facd01;
  --leagueSecondaryColor: #222e50;
  --btnFont: "Libre Franklin Bold", sans-serif;
}

* {
  overflow-wrap: normal;
}
html,
body {
  padding: 0 !important;
  margin: 0 !important;
}

#nimble-page { overflow: hidden !important; }

html,
body,
div,
p,
li {
  font-family: "Libre Franklin Regular", sans-serif !important;
  line-height: normal;
  color: #444444;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Metric Black", sans-serif !important;
  text-transform: uppercase;
  line-height: normal !important;
  letter-spacing: normal !important;
}
h1,
h2 {
  color: var(--leaguePrimaryColor);
}
h3,
h4,
h5,
h6 {
  color: #333;
}

.sek-module .sek-module-inner ol,
.sek-module .sek-module-inner ul {
  padding-left: 0 !important;
  margin-left: 1rem;
}

.sek-module .sek-module-inner ul > li > ul {
	list-style: circle !important;
}

.sek-module .sek-module-inner ul > li > ul > li > ul {
  list-style: square;
}

div.home-hero {
  /* parent styles */
  h1,
  h2,
  h3,
  p {
    color: #ffffff !important;
  }
}

/* Navigation */

#nimble-header { z-index: 1000; }

nav#mobile-nav,
nav#mobile-nav ul {
  background-color: #f1f1f1 !important;
}

.sek-nav__title {
  font-size: 0.9em !important;
  font-weight: normal;
}

.mobile-nav__menu-wrapper {
  padding: 2em;
}

ul#mobile-nav-menu a {
  font-family: "Metric Regular", sans-serif !important;
  padding-top: 0.5em !important;
  padding-bottom: 0.5em !important;
}

ul#mobile-nav-menu .dropdown-menu.czr-dropdown-menu .nav__link .nav__title {
  font-family: "Metric Thin", sans-serif !important;
}

/* Custom Buttons */

.sek-btn,
.leaguePrimaryBtn,
.wp-element-button, .sek-accord-content a.leaguePrimaryBtn {
  background-color: var(--leaguePrimaryColor) !important;
  border: none !important;
  border-radius: 0.25em !important;
  box-shadow: none !important;
  padding: 0.5em 1em !important;
  transition: all 0.2s ease !important;
  width: fit-content !important;
  color: rgba(255, 255, 255, 1) !important;
  font-size: 0.9em !important;
  font-weight: bold !important;
  line-height: 1.3em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  font-family: var(--btnFont) !important;
  word-break: normal !important;
  margin-left: 0 !important;
	margin-right: 0 !important;
}

#leagueFooter span {
  font-family: var(--btnFont) !important;
}

.sek-btn:hover,
.leaguePrimaryBtn:hover,
.wp-element-button:hover {
  opacity: 0.8;
  border: none !important;
  text-decoration: none !important;
}

a.btnInactive, .btnInactive .sek-btn, span.btnInactive {
	background-color: lightgray !important;
	pointer-events: none;
}

#nimble-content .sek-btn.box-shadow {
  box-shadow: none !important;
  transform: none !important;
}

.fpc-btn {
  color: rgba(50, 50, 50, 1) !important;
  text-transform: uppercase !important;
  font-family: var(--btnFont);
}

.fpc-btn:hover {
  color: rgba(50, 50, 50, 0.8) !important;
  text-transform: uppercase !important;
  font-family: var(--btnFont);
}

input {
  outline-width: 0;
}

/* Links - Change colors to League branding */

#nimble-content a:not(:is(.page-hero a, .home-hero a, .sek-has-bg a)), .mec-breadcrumbs a, .sek-accord-content a, .popmake-content a, .mec-breadcrumbs a, .sek-accord-content a, .popmake-content a {
  color: #333;
  text-decoration: underline !important;
  text-decoration-color: var(--leaguePrimaryColor) !important;
  text-decoration-thickness: 2px !important;
  text-underline-offset: 3px !important;
}

#nimble-content p a:hover,
#nimble-content p a:active, .popmake-content a:hover, .popmake-content a:active {
  opacity: 0.8;
}

i.mec-color.mec-sl-arrow-right {
  color: #000 !important;
}

/* Layout, Etc. */

#nimble-content {
  min-height: 70vh;
  background: #fff;
}

.home-hero {
  min-height: 100vh;
}

.page-hero {
  height: 65vh;
  min-height: 450px;
}

.no-hero {
  min-height: 100%;
  background-color: var(--leaguePrimaryColor);
}

/* Popmake Customizations */

.popmake-content ul {
  list-style-type: disc;
}

/* Sponsor carousel */
.gs_logo_container .gs_logo_cats {
  font-family: "Metric Black" !important;
  margin-top: 0.5em;
  color: #ccc;
}

.gs_carousel_swiper {
  padding-bottom: 25px !important;
}
.gs_logo_single--inner img {
  height: 5em !important;
  width: 10em !important;
  object-fit: contain;
  margin: 0 auto;
  display: block;
  transition: all 0.3s ease;
}

/* Footer */

.quick-links a {
  position: relative;
  display: inline-block;
  text-decoration: none;
	color: #fff !important;
	font-size: 15px !important;
}
.quick-links a::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 1px;
  width: 0;
  height: 2px;
  background: var(--leaguePrimaryColor);
  transform: translateX(-50%);
  transition: width .3s ease;
}
.quick-links a:hover::after { width: 100%; }

ul.sek-social-icons-wrapper {
  margin-left: 0 !important;
}

#leagueFooter h3,
  #leagueFooter p {
    text-align: left !important;
  }

@media (max-width: 767px) {
  #leagueFooter h3,
  #leagueFooter p {
    text-align: center !important;
  }
}

/* HS embed */
footer#nimble-footer div.sek-row.sek-sektion-inner {
  max-width: 100% !important;
  min-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

#hs_cos_wrapper_widget_1718297613877-192473875721 h3,
#hs_cos_wrapper_widget_1718297613877-192473875721 p {
  font-family: inherit !important;
}

.hs-embed-wrapper {
  min-height: 0 !important;
}

/* WP Settings */
td a,
.wptb-table-container .wptb-table-container-matrix table tbody tr td div div p a {
  color: var(--leagueTertiaryColor) !important;
}

table.wp-list-table #category,
table.wp-list-table #location,
table.wp-list-table #organizer {
  width: 35%;
}