ul.team-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

ul.team-list .list-group-item, .team-and-logo {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  color: inherit;
  cursor: pointer;
  text-align: left;
}
ul.team-list .list-group-item:hover, .team-and-logo:hover {
  color: #87C54C;
}
ul.team-list .list-group-item .team-logo, .team-and-logo .team-logo {
  width: 40px;
  height: 40px;
  text-align: center;
  margin-right: 10px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
ul.team-list .list-group-item .team-logo img, .team-and-logo .team-logo img {
  max-width: 100%;
  max-height: 100%;
  margin: auto;
}

.button {
  text-decoration: none;
  font-weight: bold;
  font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif;
  text-transform: uppercase;
  display: inline-block;
  border: solid 2px #87C54C;
  background-color: #87C54C;
  color: #fff;
  padding: 0.75em 3em;
  transition-duration: 0.2s;
  transition-property: color, background-color;
  position: relative;
  transform: perspective(1px) translateZ(0);
  border-radius: 4px;
  cursor: pointer;
}
.button:hover, .button:focus, .button:active {
  color: #fff;
  background-color: #fff;
  text-decoration: none;
}
.button.button-alt {
  background-color: #fff;
  border-color: #efefef;
  color: #565656;
}
.button.button-alt:hover, .button.button-alt:focus, .button.button-alt:active {
  background-color: #87C54C;
  border-color: #87C54C;
  color: #fff;
}
.button.full-width {
  width: 100%;
  text-align: center;
  padding-left: 1em;
  padding-right: 1em;
}

/* OVERRIDE ELEMENTSKIT ICONS BACK TO FONT AWESOME */
body .icon, body .icon:before {
  font-family: "FontAwesome" !important;
}

/* OVERRIDE ELEMENTSKIT LITE SVG SIZING */
body .ekit-wid-con svg {
  width: auto;
  height: auto;
}

.container {
  width: auto;
}

ul.team-rival-logos {
  list-style: none;
}
ul.team-rival-logos li {
  display: inline-block;
  text-align: center;
}
ul.team-rival-logos li img {
  width: 60px;
  height: 60px;
}
ul.team-rival-logos li .team-rival-points {
  display: block;
}
.main-rival-box ul.team-rival-logos li img {
  width: 138px;
  height: 138px;
}

.kr-chart {
  border: solid 1px #ccc;
  overflow: hidden;
  position: relative;
}
.kr-chart .rival-logo {
  width: 30px;
  height: 30px;
  position: absolute;
  z-index: 1;
  display: flex;
  align-items: center;
}
.kr-chart .rival-logo img {
  max-width: 100%;
  max-height: 100%;
}

ul.team-list {
  overflow: hidden;
}
ul.team-list li {
  width: 100%;
  overflow: hidden;
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid;
}
@media (min-width: 768px) {
  ul.team-list {
    columns: 1;
    column-width: auto;
  }
  ul.team-list.cols-2 {
    columns: 2;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  ul.team-list.cols-3 {
    columns: 2;
  }
  ul.team-list.cols-4 {
    columns: 3;
  }
}
@media (min-width: 768px) and (min-width: 1024px) {
  ul.team-list.cols-3 {
    columns: 3;
  }
  ul.team-list.cols-4 {
    columns: 4;
  }
}

.google-visualization-tooltip {
  padding: 20px !important;
  font-size: 16px !important;
}
.google-visualization-tooltip img {
  display: block;
  height: 24px;
}

.league-slider-container .jet-listing-dynamic-repeater__items {
  display: block;
}

ul.league-slider {
  list-style: none;
  margin: 0;
  padding: 0;
}
ul.league-slider .slick-arrow {
  font-size: 40px;
  line-height: 1;
  z-index: 1;
  width: auto;
  height: auto;
  color: #87C54C;
}
ul.league-slider .slick-arrow:before {
  content: "";
}
ul.league-slider .slick-prev {
  left: 0;
}
ul.league-slider .slick-next {
  right: 0;
}
ul.league-slider .league-slider-item a {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  text-align: center;
  width: 100%;
}
ul.league-slider .league-slider-item a .league-logo {
  height: 110px;
  width: 100%;
  position: relative;
  display: flex;
  justify-content: center;
}
ul.league-slider .league-slider-item a .league-logo img {
  max-width: 110px;
  max-height: 100%;
}

.stratum-mega-menu .leagues-filter ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
}

body.category,
body.team-template-default {
  /*html, body {
  height: 100%;
  }

  .wrapper {
      min-height: 100%;
      height: auto !important;
      height: 100%;
  }*/
  /*.footer {
      width: 100%;
  margin-top: 25px;
      border-top: 5px solid #404040;
      background: #666666;
      color:  #cccccc;
  }
  .footer p {
  color: #cccccc;
  }
  .footer .footer-container {
      padding: 13px 10px;
  }
  .krTwitterBtn {
      border-radius: 3px;
      border: 2px solid#4099FF;
      padding: 5px 10px;
  }
  .krTwitterText {
      background: #ffffff;
  }*/
  /*
  David added these for the About, Research, & Media pages
  */
  /*
  .krInfoPageH1 {
      font-size: 4em;
      font-style: Normal;
      font-weight: Bold;
  }
  .krInfoPageH2 {
      font-size: 3em;
      font-style: italic;
  }

  .krRivalGrpDefBox {
      padding: 15px 0px;
      background-color: rgb(245,245,220);
      color: rgb(34,139,34);
      font-size: 1.25em;
      text-align: center;
      vertical-align: middle;
  }
  .krAntecedentBox {
      background-color: rgb(245,245,220);
      color: rgb(34,139,34);
      padding: 15px 0px;
      font-size: 3em;
      font-weight: bold;
      text-align: center;
      vertical-align: middle;
  }
  .krResearchPubAbstract {
      font-size: 12px;
      margin-left: 40px;
  }
  .krBookList {
      padding-left: 1.5em;
      text-indent:-1.5em;
      word-wrap: break-word;
  }
  .krMediaList {
      padding-left: 3.5em;
      text-indent:-3.5em;
      word-wrap: break-word;
  }
  .krMediaHighlight {
      font-size:1.5em;
      padding: 10px 10px;
      text-align: center;
      vertical-align: middle;
  }
  .krAuthorName {
      padding: 0px 0px 0px 1px;
      font-size: 2em;
      font-style: Normal;
      text-align: center;
  }
  .krAuthorHeadshot {
      padding: 0px 0px 0px 10px;
      font-size: 2em;
      font-style: Normal;
      text-align: center;
  }
  .krStudentHeadshot {
      font-size: 1em;
      font-style: Normal;
      font-weight: Bold;
      text-align: center;
  }
  a.BlackNounderline {
      color: black;
      text-decoration: none;
  }
  .slider_image {
      height: 250px;
  }
  .carousel-control.left, .carousel-control.right {
      background-image: none
  }
  .slider-team-logo {
      width:50px;
      height:50px;
  margin:5px;
  }
  .row{
      padding:0px 15px;
  }
  .navbar-default .navbar-nav>li>a {
      color: #CCCC9A;
  }
  .navbar-default .navbar-nav>li>a:hover {
      color: #CCCC9A;
      font-weight:800;
  }
  .navbar-default {
      border-bottom: 2px solid #999967;
  }*/
  /* the IE correction rule */
  /*  SEARCH BOX */
}
body.category #main,
body.team-template-default #main {
  max-width: 1225px;
  margin: 0 auto;
  padding-left: 15px;
  padding-right: 15px;
}
body.category #wrapper,
body.team-template-default #wrapper {
  display: block;
  border: 1px #cccccc solid;
  width: 90%;
  margin: 0px auto;
}
body.category #header,
body.team-template-default #header {
  border: 2px #cccccc solid;
}
body.category #content,
body.team-template-default #content {
  width: 75%;
  border: 2px #cccccc solid;
  float: left;
}
body.category #sidebar,
body.team-template-default #sidebar {
  width: 23%;
  border: 2px #cccccc solid;
  float: right;
}
body.category #delimiter,
body.team-template-default #delimiter {
  clear: both;
  height: 25px;
}
body.category #footer,
body.team-template-default #footer {
  border: 2px #cccccc solid;
}
body.category .title,
body.team-template-default .title {
  font-size: 11pt;
  font-family: verdana;
  font-weight: bold;
}
body.category .navbar-default,
body.team-template-default .navbar-default {
  border-bottom: 2px solid #999967;
  -webkit-box-shadow: 0px 1px 1px #ccc;
  -moz-box-shadow: 0px 1px 1px #ccc;
  box-shadow: 0px 1px 1px #ccc;
}
body.category .chalk,
body.team-template-default .chalk {
  background: #666666;
  height: 50px;
  font-family: Calibri;
}
body.category .rival_icon_image,
body.team-template-default .rival_icon_image {
  margin: 10px;
}
body.category .rival_icon_title,
body.team-template-default .rival_icon_title {
  font-size: 16px;
  font-weight: 600;
}
body.category #popup,
body.team-template-default #popup {
  color: #000;
  background-color: #c0c0c0;
}
body.category #popup span, body.category #popup span:visited,
body.team-template-default #popup span,
body.team-template-default #popup span:visited {
  position: relative;
  display: block;
  width: 130px;
  line-height: 30px;
  text-align: right;
  padding: 0 10px;
  margin: 0;
  border: 1px solid #666;
  text-decoration: none;
  font-size: 1em;
  font-weight: bold;
}
body.category #popup span span,
body.team-template-default #popup span span {
  display: none;
}
body.category #popup span:hover,
body.team-template-default #popup span:hover {
  background-color: #e9e9e2;
}
body.category #popup span:hover,
body.team-template-default #popup span:hover {
  color: #f00;
  background-color: #e9e9e2;
  text-indent: 0; /* added the default value */
}
body.category #popup span:hover span,
body.team-template-default #popup span:hover span {
  display: block;
  position: absolute;
  top: 0px;
  left: 170px;
  width: 320px;
  margin: 0px;
  padding: 10px;
  color: #335500;
  font-weight: normal;
  background: #e5e5e5;
  text-align: left;
  border: 1px solid #666;
}
body.category #popup img,
body.team-template-default #popup img {
  height: 15px;
  width: 15px;
}
body.category #home-title,
body.team-template-default #home-title {
  font-size: 56px;
  font-weight: 800;
}
body.category #conference-information,
body.team-template-default #conference-information {
  width: 100%;
  padding-bottom: 20px;
}
body.category .team-logo-container,
body.team-template-default .team-logo-container {
  margin: auto;
  width: 300px;
  height: 300px;
  line-height: 300px;
  text-align: center;
  padding: 10px;
}
body.category .team-logo,
body.team-template-default .team-logo {
  max-width: 200px;
  max-height: 200px;
  vertical-align: middle;
}
@media (max-width: 767px) {
  body.category .team-logo-container,
  body.team-template-default .team-logo-container {
    width: 275px;
  }
  body.category .team-logo,
  body.team-template-default .team-logo {
    max-width: 90%;
    max-height: 90%;
    vertical-align: middle;
  }
}
body.category .list-group-item.active, body.category .list-group-item.active:focus, body.category .list-group-item.active:hover,
body.team-template-default .list-group-item.active,
body.team-template-default .list-group-item.active:focus,
body.team-template-default .list-group-item.active:hover {
  z-index: 2;
  color: #fff;
  background-color: #cccccc;
  border-color: #cccccc;
}
body.category .rival-table,
body.team-template-default .rival-table {
  width: 100%;
  margin: 0;
}
body.category .rival-table td,
body.team-template-default .rival-table td {
  padding: 0 15px;
  border: 0;
}
body.category .rival-table td:first-child,
body.team-template-default .rival-table td:first-child {
  text-align: left;
}
body.category .sortable td:first-child,
body.team-template-default .sortable td:first-child {
  text-align: left;
  padding: 14px;
}
body.category .navbar-default .navbar-collapse, body.category .navbar-default .navbar-form,
body.team-template-default .navbar-default .navbar-collapse,
body.team-template-default .navbar-default .navbar-form {
  background: #666666;
}
body.category .breadcrumbs,
body.team-template-default .breadcrumbs {
  padding: 5px 15px;
}
body.category #conference_table,
body.team-template-default #conference_table {
  margin: auto;
}
body.category #conference_table td,
body.team-template-default #conference_table td {
  padding: 5px;
}
body.category .conf_table_comingsoon,
body.team-template-default .conf_table_comingsoon {
  font-size: 0.5em;
  text-align: center;
}
body.category #s,
body.team-template-default #s {
  font-size: 18px;
  padding: 10px;
}
body.category #searchsubmit,
body.team-template-default #searchsubmit {
  font-size: 18px;
  background: #74c049;
  color: #fff;
  padding: 10px 20px;
}
@media (max-width: 767px) {
  body.category .navbar-default .navbar-nav .open .dropdown-menu > li > a,
  body.team-template-default .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #fff;
  }
}
body.category .modal.fade.in,
body.team-template-default .modal.fade.in {
  top: 10%;
}
body.category .metric-title,
body.team-template-default .metric-title {
  font-weight: 800;
  font-size: 14px;
}
@media (max-width: 767px) {
  body.category .panel-body a,
  body.team-template-default .panel-body a {
    font-size: 10px;
  }
}

.league-card {
  border-style: solid;
  border-width: 1px;
  border-color: #ececec;
  border-radius: 1px;
  box-shadow: 0px 0px 11px 0px rgb(209, 209, 209);
  /* height: 333px; */
  min-width: 200px;
  transition: 500ms;
  flex-basis: 100%;
  margin: 20px;
}
@media (min-width: 580px) {
  .league-card {
    flex-basis: 20%;
    max-width: 250px;
  }
}
.league-card:hover {
  transform: scale(1.02);
  box-shadow: 0px 0px 11px 0px #9e9e9e;
  cursor: pointer;
  transition: all 100ms;
}
.league-card:hover.coming-soon .button.take-survey {
  background-color: #87C54C;
  border-color: #87C54C;
  color: #fff;
}
.league-card:hover:not(:has(.take-survey:hover)) .button.view-data {
  background-color: #87C54C;
  border-color: #87C54C;
  color: #fff;
}
.league-card .button {
  padding: 0.2em;
  font-size: 14px;
  border-radius: 21px;
}
.league-card .button:not(:last-child) {
  margin-bottom: 0.5em;
}
.league-card .coming-soon-text {
  border: solid 2px #eee;
  background-color: #eee;
}
.league-card .coming-soon-text:hover {
  color: #565656;
  border: solid 2px #f7f7f7;
  background-color: #f7f7f7;
}

.cardLeagueCategory {
  font-size: 18px;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 1em;
  height: 4ch;
  display: flex;
  align-items: center;
  justify-content: center;
}

.cardDescriptionContainer {
  text-align: center;
  max-width: 100%;
  max-height: 50%;
  min-height: 132px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 1em 1.25em 1.5em;
}

.cardImgContainer {
  display: flex;
  height: 165px;
  align-items: center;
  justify-content: center;
  background-color: #f7f7f7;
}

.cardImg {
  max-width: 65%;
  max-height: 150px;
}

#cardContainer {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin-bottom: 60px;
}

#content {
  display: flex;
  justify-content: center;
}

#leagueFilterContainer {
  display: flex;
  justify-content: center;
  margin: 40px 15px;
}

select.leagueFilterDropDown {
  appearance: none;
  background-color: transparent;
  border: none;
  padding: 0 1em 0 0;
  margin: 0;
  text-transform: uppercase;
  font-weight: 600;
  font-family: "Open Sans", sans-serif;
  cursor: inherit;
  line-height: inherit;
  z-index: 1;
  outline: none;
  /**********************************************/
  display: inline-block;
  align-items: center;
  position: relative;
  min-width: 34ch;
  border: 1px solid var(--select-border);
  border-radius: 21px;
  padding: 0.5em 0.5em 0.5em 1.25em;
  font-size: 1rem;
  font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif;
  cursor: pointer;
  line-height: 1.1;
  color: #565656;
  border: solid 1px #ccc;
  background-image: linear-gradient(45deg, transparent 50%, #565656 50%), linear-gradient(135deg, #565656 50%, transparent 50%), linear-gradient(to right, #ccc, #ccc);
  background-position: calc(100% - 20px) calc(1em + 0px), calc(100% - 15px) calc(1em + 0px), calc(100% - 2em) 0.25em;
  background-size: 5px 5px, 5px 5px, 1px 1.5em;
  background-repeat: no-repeat;
}
select.leagueFilterDropDown::-ms-expand {
  display: none;
}
select.leagueFilterDropDown:not(.select--multiple)::after {
  content: "";
  justify-self: end;
  width: 0.8em;
  height: 0.5em;
  background-color: #565656;
  clip-path: polygon(100% 0%, 0 0%, 50% 100%);
}
select.leagueFilterDropDown::focus + .focus {
  position: absolute;
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
  border: 2px solid var(--select-focus);
  border-radius: inherit;
}
@media (max-width: 639px) {
  select.leagueFilterDropDown {
    width: 100%;
  }
  select.leagueFilterDropDown:not(:last-child) {
    margin-bottom: 15px;
  }
}
select.leagueFilterDropDown option {
  background-color: #fff;
  color: #565656;
}

body.league_template .TopTenTable {
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 15px;
  border-collapse: collapse;
  border-spacing: 0;
  text-indent: initial;
  background-color: transparent;
  border-radius: 5px;
  display: table;
  color: #7A7A7A;
  font-size: 0.8rem;
}
body.league_template .TopTenTable table, body.league_template .TopTenTable th, body.league_template .TopTenTable td {
  padding: 0.5rem;
  text-align: center;
  border-width: 1px;
  border-style: solid;
  vertical-align: middle;
  border-color: rgba(0, 0, 0, 0.08);
}
body.league_template .TopTenTable td:first-child,
body.league_template .TopTenTable th:first-child {
  border-left: none;
}
body.league_template .TopTenTable td:last-child,
body.league_template .TopTenTable th:last-child {
  border-right: none;
}
body.league_template .TopTenTable td:nth-child(3) {
  font-size: 1.3rem;
}
body.league_template .TopTenTable .TBody {
  display: table-row-group;
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}
@media (max-width: 600px) {
  body.league_template .TopTenTable .team-and-logo .team-logo {
    margin-right: 0;
  }
  body.league_template .TopTenTable .team-and-logo > div:not(.team-logo) {
    display: none;
  }
}
body.league_template select.div-filters {
  padding: 5px;
  margin-bottom: 20px;
  min-width: 200px;
  border: 1px solid rgba(0, 0, 0, 0.125);
  color: inherit;
}

.kr-hostility {
  padding: 14px 3%;
}
@media (max-width: 767.98px) {
  .kr-hostility {
    padding-left: 0;
    padding-right: 0;
  }
}
.kr-hostility .kr-hostility-chart {
  width: 100%;
  overflow: visible;
}
.kr-hostility svg {
  display: block;
  width: 100%;
  height: auto;
  overflow: visible;
}
.kr-hostility .kr-hostility-axis text {
  font-size: 12px;
}
.kr-hostility .kr-hostility-rivalry-link-cell {
  width: 20px;
  height: 20px;
  margin-right: 0;
  align-self: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.kr-hostility .kr-hostility-rivalry-link-cell .rivalry-meter-link,
.kr-hostility .kr-hostility-rivalry-link-cell .kr-hostility-rivalry-link {
  color: #7d7d7d;
  font-size: 14px;
  line-height: 1;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  transition: color 0.2s ease;
}
.kr-hostility .kr-hostility-rivalry-link-cell .rivalry-meter-link:hover, .kr-hostility .kr-hostility-rivalry-link-cell .rivalry-meter-link:focus,
.kr-hostility .kr-hostility-rivalry-link-cell .kr-hostility-rivalry-link:hover,
.kr-hostility .kr-hostility-rivalry-link-cell .kr-hostility-rivalry-link:focus {
  color: #111;
}
.kr-hostility .kr-hostility-team-logo {
  overflow: visible;
}
.kr-hostility .kr-hostility-bar {
  transition: filter 0.18s ease, opacity 0.18s ease;
}
.kr-hostility .kr-hostility-bar:hover {
  filter: brightness(1.08);
}
.kr-hostility .kr-hostility-bar-label {
  font-size: 12px;
  font-weight: 700;
  fill: #334155;
}
@media (max-width: 767.98px) {
  .kr-hostility .kr-hostility-bar-label {
    font-size: 11px;
  }
}

.rivalry-meter-help {
  appearance: none;
  border: 0;
  background: transparent;
  color: currentColor;
  opacity: 0.72;
  padding: 0;
  font-size: calc(12px + 0.1em);
  line-height: 1;
  cursor: help;
  vertical-align: super;
}
.rivalry-meter-help:hover, .rivalry-meter-help:focus {
  opacity: 1;
}
.rivalry-meter-help i {
  display: block;
}

.rivalry-meters .rivalry-meters-header {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
  width: 100%;
  text-align: center;
  color: #7A7A7A;
  font-size: 0.8rem;
  font-weight: bold;
  border-bottom: solid 1px #ccc;
  padding: 8px 3%;
}
@media (max-width: 767.98px) {
  .rivalry-meters .rivalry-meters-header {
    font-size: 3.6vw;
    padding-left: 0;
    padding-right: 0;
  }
}
.rivalry-meters .rivalry-meters-header > div:nth-child(2) {
  padding: 0 0.75em;
}
.rivalry-meters .rivalry-meters-header .rivalry-meter-header-label {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.35rem;
}
.rivalry-meters .rivalry-meters-header-metric {
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
}
.rivalry-meters .rivalry-meters-header-metric > div:first-child {
  text-align: left;
}
.rivalry-meters .rivalry-meters-header-metric > div:nth-child(2) {
  padding: 0;
  text-align: right;
}
.rivalry-meters .rivalry-meter {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-end;
  -moz-align-items: flex-end;
  -ms-align-items: flex-end;
  align-items: flex-end;
  width: 100%;
  padding: 14px 3%;
  border-bottom: solid 1px #ccc;
}
@media (max-width: 767.98px) {
  .rivalry-meters .rivalry-meter {
    padding-left: 0;
    padding-right: 0;
  }
}
.rivalry-meters .rivalry-meter .team-a-logo,
.rivalry-meters .rivalry-meter .team-b-logo {
  -webkit-flex-basis: 15%;
  -moz-flex-basis: 15%;
  -ms-flex-basis: 15%;
  flex-basis: 15%;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-shrink: 0;
  flex-shrink: 0;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-grow: 0;
  flex-grow: 0;
  max-width: 65px;
}
.rivalry-meters .rivalry-meter .rivalry-link-cell {
  -webkit-flex-basis: 20px;
  -moz-flex-basis: 20px;
  -ms-flex-basis: 20px;
  flex-basis: 20px;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-shrink: 0;
  flex-shrink: 0;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-grow: 0;
  flex-grow: 0;
  margin-right: 10px;
  align-self: stretch;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
}
@media (max-width: 767.98px) {
  .rivalry-meters .rivalry-meter .rivalry-link-cell {
    margin-right: 6px;
  }
}
.rivalry-meters .rivalry-meter .rivalry-meter-link {
  color: #7d7d7d;
  font-size: 14px;
  line-height: 1;
  text-decoration: none;
  transition: color 0.2s ease;
}
.rivalry-meters .rivalry-meter .rivalry-meter-link:hover, .rivalry-meters .rivalry-meter .rivalry-meter-link:focus {
  color: #111;
}
.rivalry-meters .rivalry-meter .team-a-logo {
  margin-right: 2%;
}
.rivalry-meters .rivalry-meter .team-b-logo {
  margin-left: 2%;
}
.rivalry-meters .rivalry-meter .rivalry-meter-inner {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-grow: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-shrink: 0;
  flex-shrink: 0;
  width: 80%;
  padding: 0 0 14px 0;
  min-width: 30%;
}
@media (max-width: 767.98px) {
  .rivalry-meters .rivalry-meter .rivalry-meter-inner {
    padding-bottom: 2vw;
  }
}
.rivalry-meters .rivalry-meter .rivalry-meter-inner .rivalry-meter-pts {
  -webkit-flex-basis: 100%;
  -moz-flex-basis: 100%;
  -ms-flex-basis: 100%;
  flex-basis: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
  -webkit-align-items: flex-end;
  -moz-align-items: flex-end;
  -ms-align-items: flex-end;
  align-items: flex-end;
}
@media (max-width: 767.98px) {
  .rivalry-meters .rivalry-meter .rivalry-meter-inner .rivalry-meter-pts {
    font-size: 4vw;
  }
}
.rivalry-meters .rivalry-meter .rivalry-meter-inner .rivalry-meter-pts .total-pts {
  font-weight: bold;
  font-size: 132%;
}
.rivalry-meters .rivalry-meter .rivalry-meter-inner .rivalry-meter-bars {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-basis: 100%;
  -moz-flex-basis: 100%;
  -ms-flex-basis: 100%;
  flex-basis: 100%;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-pack: flex-start;
  height: 14px;
  position: relative;
  overflow: hidden;
}
@media (max-width: 767.98px) {
  .rivalry-meters .rivalry-meter .rivalry-meter-inner .rivalry-meter-bars {
    height: 2vw;
  }
}
.rivalry-meters .rivalry-meter .rivalry-meter-inner .rivalry-meter-bars:after {
  animation: shine 6s 2.5s linear infinite;
  animation-fill-mode: forwards;
  content: "";
  position: absolute;
  top: -110%;
  left: -210%;
  width: 200%;
  height: 200%;
  opacity: 0;
  transform: rotate(30deg);
  background: rgba(255, 255, 255, 0.13);
  background: linear-gradient(to right, rgba(255, 255, 255, 0.13) 0%, rgba(255, 255, 255, 0.13) 77%, rgba(255, 255, 255, 0.5) 92%, rgba(255, 255, 255, 0) 100%);
}
.rivalry-meters .rivalry-meter .rivalry-meter-inner .rivalry-meter-bars:active:after {
  opacity: 0;
}
@keyframes shine {
  10% {
    opacity: 1;
    top: -30%;
    left: 30%;
    transition-property: left, top, opacity;
    transition-duration: 3s, 3s, 0.15s;
    transition-timing-function: linear;
  }
  100% {
    opacity: 0;
    top: -30%;
    left: 30%;
    transition-property: left, top, opacity;
  }
}
.rivalry-meters .rivalry-meter .team-meter {
  width: 0;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-shrink: 0;
  flex-shrink: 0;
  position: relative;
}
.rivalry-meters .rivalry-meter .team-meter > div {
  position: absolute;
  height: 100%;
  display: block;
  width: 0;
  top: 0;
  transition: width 1s 0.5s;
}
.rivalry-meters .rivalry-meter .team-meter:first-child > div {
  right: 0;
}
.rivalry-meters .rivalry-meter .team-meter:last-child > div {
  left: 0;
}
.rivalry-meters .rivalry-meter .meter-sep {
  width: 2px;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-shrink: 0;
  flex-shrink: 0;
}
.rivalry-meters .rivalry-meter .team-and-logo .team-logo {
  width: 65px;
  height: 65px;
  margin: 0;
}
@media (max-width: 767.98px) {
  .rivalry-meters .rivalry-meter .team-and-logo .team-logo {
    width: 12vw;
    height: 12vw;
  }
}
.rivalry-meters .rivalry-meter-metric .rivalry-meter-inner {
  width: auto;
  max-width: none;
}
.rivalry-meters .rivalry-meter-metric .rivalry-meter-pts .team-a-pts {
  padding-top: 0.55rem;
}
.rivalry-meters .rivalry-meter-metric .rivalry-meter-pts .team-b-pts {
  font-weight: bold;
  font-size: 132%;
}

.kr-rivalry-meter-tooltip {
  position: absolute;
  z-index: 9999;
  display: none;
  max-width: 320px;
  padding: 0.8rem 0.95rem;
  background: rgba(18, 22, 32, 0.96);
  color: #fff;
  border-radius: 8px;
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.22);
  font-size: 0.92rem;
  line-height: 1.45;
}
.kr-rivalry-meter-tooltip.is-visible {
  display: block;
}
.kr-rivalry-meter-tooltip p:last-child {
  margin-bottom: 0;
}
.kr-rivalry-meter-tooltip a {
  color: #fff;
  text-decoration: underline;
}

.kr-rivalry-recipe .kr-rivalry-recipe-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 2.5rem;
  align-items: center;
}
.kr-rivalry-recipe .kr-rivalry-recipe-key {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem 1.25rem;
  align-content: start;
}
.kr-rivalry-recipe .kr-rivalry-recipe-key-item {
  padding: 0.6rem 0.7rem;
  border: 1px solid transparent;
  border-radius: 12px;
  transition: background-color 0.18s ease, border-color 0.18s ease, transform 0.18s ease;
}
.kr-rivalry-recipe .kr-rivalry-recipe-key-item.is-active {
  background: rgba(15, 23, 42, 0.05);
  border-color: rgba(15, 23, 42, 0.12);
  transform: translateX(2px);
}
.kr-rivalry-recipe .kr-rivalry-recipe-key-title {
  font-size: 1rem;
  font-weight: 700;
  color: #0f172a;
  margin-bottom: 0.2rem;
}
.kr-rivalry-recipe .kr-rivalry-recipe-key-copy {
  font-size: 0.92rem;
  line-height: 1.4;
  color: #64748b;
}
.kr-rivalry-recipe .kr-rivalry-recipe-chart {
  width: 100%;
  max-width: none;
  margin: 0 auto;
}
.kr-rivalry-recipe .kr-rivalry-recipe-slice-bg {
  cursor: pointer;
  transition: fill-opacity 0.18s ease, filter 0.18s ease;
}
.kr-rivalry-recipe svg {
  display: block;
  width: 100%;
  height: auto;
  overflow: visible;
}
.kr-rivalry-recipe .kr-rivalry-recipe-bar {
  cursor: pointer;
  transition: opacity 0.18s ease, filter 0.18s ease, stroke-width 0.18s ease, transform 0.18s ease;
  stroke: rgba(15, 23, 42, 0.18);
  stroke-width: 0;
  transform-box: fill-box;
  transform-origin: center;
}
.kr-rivalry-recipe .kr-rivalry-recipe-bar.is-active {
  filter: brightness(1.08);
  stroke-width: 2px;
}
.kr-rivalry-recipe .kr-rivalry-recipe-bar.is-hovered-bar {
  filter: brightness(1.14);
  stroke: rgba(15, 23, 42, 0.55);
  stroke-width: 2.5px;
  transform: scale(1.035);
}
.kr-rivalry-recipe .kr-rivalry-recipe-ingredient.is-active .kr-rivalry-recipe-slice-bg {
  fill-opacity: 0.1;
  filter: brightness(1.02);
}
.kr-rivalry-recipe .kr-rivalry-recipe-ingredient.is-active .kr-rivalry-recipe-bar {
  filter: brightness(1.08);
  stroke-width: 2px;
}
.kr-rivalry-recipe .kr-rivalry-recipe-ingredient.is-active .kr-rivalry-recipe-label {
  fill: #0f172a;
  font-weight: 700;
}
.kr-rivalry-recipe .kr-rivalry-recipe-label {
  font-size: 12px;
  fill: #475569;
}
.kr-rivalry-recipe .kr-rivalry-recipe-center-label {
  font-size: 18px;
  font-weight: 700;
  fill: #0f172a;
}
.kr-rivalry-recipe .kr-rivalry-recipe-center-subtitle {
  font-size: 12px;
  fill: #64748b;
}
@media (max-width: 991.98px) {
  .kr-rivalry-recipe .kr-rivalry-recipe-layout {
    gap: 1.75rem;
  }
  .kr-rivalry-recipe .kr-rivalry-recipe-key {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 767.98px) {
  .kr-rivalry-recipe .kr-rivalry-recipe-layout {
    grid-template-columns: 1fr;
    gap: 1.25rem;
  }
  .kr-rivalry-recipe .kr-rivalry-recipe-key {
    grid-template-columns: 1fr;
  }
  .kr-rivalry-recipe .kr-rivalry-recipe-label {
    font-size: 10px;
  }
}

.kr-rivalry-recipe-empty {
  padding: 1rem 1.25rem;
  border: 1px solid #d8dce3;
  border-radius: 12px;
  background: #f8fafc;
  color: #475569;
}

.clearfix::before, .clearfix::after {
  content: " ";
  display: table;
  clear: both;
}

.eael-testimonial-slider.nav-top-left, .eael-testimonial-slider.nav-top-right, .eael-team-slider.nav-top-left, .eael-team-slider.nav-top-right, .eael-logo-carousel.nav-top-left, .eael-logo-carousel.nav-top-right, .eael-post-carousel.nav-top-left, .eael-post-carousel.nav-top-right, .eael-product-carousel.nav-top-left, .eael-product-carousel.nav-top-right {
  padding-top: 40px;
}

.eael-contact-form input[type=text], .eael-contact-form input[type=email], .eael-contact-form input[type=url], .eael-contact-form input[type=tel], .eael-contact-form input[type=date], .eael-contact-form input[type=number], .eael-contact-form textarea {
  background: #fff;
  box-shadow: none;
  -webkit-box-shadow: none;
  float: none;
  height: auto;
  margin: 0;
  outline: 0;
  width: 100%;
}

.eael-contact-form input[type=submit] {
  border: 0;
  float: none;
  height: auto;
  margin: 0;
  padding: 10px 20px;
  width: auto;
  -webkit-transition: all 0.25s linear 0s;
  -o-transition: all 0.25s linear 0s;
  transition: all 0.25s linear 0s;
}

.eael-contact-form.placeholder-hide input::-webkit-input-placeholder, .eael-contact-form.placeholder-hide textarea::-webkit-input-placeholder {
  opacity: 0;
  visibility: hidden;
}

.eael-contact-form.placeholder-hide input::-moz-placeholder, .eael-contact-form.placeholder-hide textarea::-moz-placeholder {
  opacity: 0;
  visibility: hidden;
}

.eael-contact-form.placeholder-hide input:-ms-input-placeholder, .eael-contact-form.placeholder-hide textarea:-ms-input-placeholder {
  opacity: 0;
  visibility: hidden;
}

.eael-contact-form.placeholder-hide input:-moz-placeholder, .eael-contact-form.placeholder-hide textarea:-moz-placeholder {
  opacity: 0;
  visibility: hidden;
}

.eael-custom-radio-checkbox input[type=checkbox], .eael-custom-radio-checkbox input[type=radio] {
  -webkit-appearance: none;
  -moz-appearance: none;
  border-style: solid;
  border-width: 0;
  outline: none;
  min-width: 1px;
  width: 15px;
  height: 15px;
  background: #ddd;
  padding: 3px;
}

.eael-custom-radio-checkbox input[type=checkbox]:before, .eael-custom-radio-checkbox input[type=radio]:before {
  content: "";
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  display: block;
}

.eael-custom-radio-checkbox input[type=checkbox]:checked:before, .eael-custom-radio-checkbox input[type=radio]:checked:before {
  background: #999;
  -webkit-transition: all 0.25s linear 0s;
  -o-transition: all 0.25s linear 0s;
  transition: all 0.25s linear 0s;
}

.eael-custom-radio-checkbox input[type=radio] {
  border-radius: 50%;
}

.eael-custom-radio-checkbox input[type=radio]:before {
  border-radius: 50%;
}

.eael-post-elements-readmore-btn {
  font-size: 12px;
  font-weight: 500;
  -webkit-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
  display: inline-block;
}

.elementor-lightbox .dialog-widget-content {
  width: 100%;
  height: 100%;
}

.eael-contact-form-align-left, .elementor-widget-eael-weform.eael-contact-form-align-left .eael-weform-container {
  margin: 0 auto 0 0;
}

.eael-contact-form-align-center, .elementor-widget-eael-weform.eael-contact-form-align-center .eael-weform-container {
  float: none;
  margin: 0 auto;
}

.eael-contact-form-align-right, .elementor-widget-eael-weform.eael-contact-form-align-right .eael-weform-container {
  margin: 0 0 0 auto;
}

.eael-advance-tabs {
  display: block;
}

.eael-advance-tabs .eael-tabs-nav > ul {
  position: relative;
  padding: 0px;
  margin: 0px;
  list-style-type: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  z-index: 1;
}

.eael-advance-tabs .eael-tabs-nav > ul li {
  position: relative;
  padding: 1em 1.5em;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  background-color: #f1f1f1;
}

.eael-advance-tabs .eael-tabs-nav > ul li:after {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 0px;
  right: 0px;
  margin: 0 auto;
  z-index: 1;
  width: 0px;
  height: 0px;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #444;
  border-bottom: 0px;
  display: none;
}

.eael-advance-tabs .eael-tabs-nav > ul li:hover, .eael-advance-tabs .eael-tabs-nav > ul li.active, .eael-advance-tabs .eael-tabs-nav > ul li.active-default {
  background-color: #444;
}

.eael-advance-tabs.active-caret-on .eael-tabs-nav > ul li.active:after, .eael-advance-tabs.active-caret-on .eael-tabs-nav > ul li.active-default:after {
  display: none;
}

.eael-advance-tabs .eael-tabs-nav > ul li.active:after, .eael-advance-tabs .eael-tabs-nav > ul li.active-default:after {
  display: block;
}

.eael-tabs-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  overflow: hidden;
}

.eael-advance-tabs .eael-tabs-content > div {
  display: none;
  opacity: 0;
}

.eael-advance-tabs .eael-tabs-content > div.active, .eael-advance-tabs .eael-tabs-content > div.active-default {
  display: block;
  width: 100%;
  padding: 1em;
  opacity: 1;
  -webkit-animation: fadeIn linear 0.3s;
  animation: fadeIn linear 0.3s;
}

.eael-tab-inline-icon li a .fa {
  margin-right: 10px;
  line-height: 1;
}

.eael-tab-top-icon li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  text-align: center;
}

.eael-tab-top-icon li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  text-align: center;
}

.eael-tab-top-icon li .fa, .eael-tab-top-icon li .eael-tab-title {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
  line-height: 1;
}

.eael-tab-top-icon li a .eael-tab-title {
  margin-top: 10px;
}

.eael-advance-tabs.eael-tabs-vertical {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.eael-advance-tabs.eael-tabs-vertical > .eael-tabs-nav {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.eael-advance-tabs.eael-tabs-vertical > .eael-tabs-nav > ul {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column wrap;
  flex-flow: column wrap;
}

.eael-advance-tabs.eael-tabs-vertical > .eael-tabs-nav > ul > li {
  width: 100%;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
}

.eael-advance-tabs.eael-tabs-vertical > .eael-tabs-nav > ul li::after {
  bottom: auto !important;
  right: -10px;
  top: calc(50% - 10px);
  left: auto !important;
  border-left: 10px solid #444;
  border-right: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}

@media only screen and (max-width: 767px) {
  .eael-advance-tabs .eael-tabs-nav > ul {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
  }
  .eael-advance-tabs .eael-tabs-nav > ul li {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
  }
  .responsive-vertical-layout.eael-advance-tabs .eael-tabs-nav > ul li {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
  }
  .eael-advance-tabs.eael-tabs-vertical {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .eael-advance-tabs.eael-tabs-vertical div.eael-tabs-nav {
    -webkit-box-flex: 1;
    -ms-flex: 1 100%;
    flex: 1 100%;
  }
  .eael-advance-tabs.eael-tabs-vertical ul {
    -webkit-box-flex: 1;
    -ms-flex: 1 100%;
    flex: 1 100%;
  }
  .eael-advance-tabs.eael-tabs-vertical ul li {
    -webkit-box-flex: 1;
    -ms-flex: 1 100%;
    flex: 1 100%;
  }
  div.eael-advance-tabs.eael-tabs-vertical div.eael-tabs-nav > ul li::after {
    border-left-color: transparent !important;
    bottom: -20px !important;
    left: 0 !important;
    right: 0 !important;
    top: auto !important;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top-color: #444 !important;
  }
}
.rtl .eael-advance-tabs.eael-tabs-vertical > .eael-tabs-nav > ul li::after {
  border-right: 10px solid #444;
  border-left: 0;
}
/*# sourceMappingURL=styles.css.map */