/* CSS Variables */
:root {
  --bg-gradient-math: linear-gradient(180deg, #BE88EB 0%, #7671CE 100%);
  --bg-gradient-science: linear-gradient(180deg, #10C0A1 0%, #2CB8D7 100%);
  --bg-gradient-training: linear-gradient(360deg, #437CEF 0%, #6D96FD 100%);
  --bg-gradient-scientific-inquiry: linear-gradient(360deg, #D879ED 0%, #FE6133 100%);
  --bg-gradient-analogy: linear-gradient(360deg, #FF9800 0%, #F2C12B 100%);
}
/* End CSS Variables */


.lo-module {
  padding: 60px 0;
}

.lo-module .container {
  width: 100%;
  max-width: 1367px;
  overflow: visible;
}

.lo-navigation {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 64px;
}

.lo-navigation .categories-nav ul {
  display: flex;
  column-gap: 8px;
  padding: 0;
}

.lo-navigation .categories-nav ul li {
  padding: 0 8px;
  border-bottom: 3px solid transparent;
  transition: all 0.15s ease-in-out;
}

.lo-navigation .categories-nav ul li a {
  color:#E6E8F0;
  text-align: center;
  font-family: 'Montserrat';
  font-size: 36px;
  font-weight: 700;
  line-height: 46px;
  letter-spacing: -2.5px;
  text-decoration: none;
  transition: all 0.15s ease-in-out;
}


.lo-navigation .categories-nav ul li:hover {
  border-bottom: 3px solid #ccced7;
}

.lo-navigation .categories-nav ul li a:hover {
  color:#ccced7;
}


.page-template-page-learning-universe .lo-navigation .categories-nav ul li.all:hover,
.page-template-page-learning-universe .lo-navigation .categories-nav ul li.all {
  border-bottom: 3px solid #0C0E19;
}

.page-template-page-learning-universe .lo-navigation .categories-nav ul li.all:hover a,
.page-template-page-learning-universe .lo-navigation .categories-nav ul li.all a { 
  color: #0C0E19;
}




/* Math Category */
.lo-navigation .categories-nav ul li.math.active,
.term-math .lo-navigation .categories-nav ul li.math {
  border-bottom: 3px solid #7671CE;
}
.lo-navigation .categories-nav ul li.math.active a,
.term-math .lo-navigation .categories-nav ul li.math a {
  background: var(--bg-gradient-math);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}


/* Science Category */
.lo-navigation .categories-nav ul li.science.active,
.term-science .lo-navigation .categories-nav ul li.science {
  border-bottom: 3px solid #2CB8D7;
}
.lo-navigation .categories-nav ul li.science.active a,
.term-science .lo-navigation .categories-nav ul li.science a {
  background: var(--bg-gradient-science);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}


/* Scientific Inquiry Category */
.lo-navigation .categories-nav ul li.scientific-inquiry.active,
.term-scientific-inquiry .lo-navigation .categories-nav ul li.scientific-inquiry {
  border-bottom: 3px solid #FE6133;
}
.lo-navigation .categories-nav ul li.scientific-inquiry.active a,
.term-scientific-inquiry .lo-navigation .categories-nav ul li.scientific-inquiry a {
  background: var(--bg-gradient-scientific-inquiry);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}


/* Training Category */
.lo-navigation .categories-nav ul li.training.active,
.term-training .lo-navigation .categories-nav ul li.training {
  border-bottom: 3px solid #6D96FD;
}
.lo-navigation .categories-nav ul li.training.active a,
.term-training .lo-navigation .categories-nav ul li.training a {
  background: var(--bg-gradient-training);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}


/* Analogy Category */
.lo-navigation .categories-nav ul li.analogy.active,
.term-analogy .lo-navigation .categories-nav ul li.analogy {
  border-bottom: 3px solid #FF9800;
}
.lo-navigation .categories-nav ul li.analogy.active a,
.term-analogy .lo-navigation .categories-nav ul li.analogy a {
  background: var(--bg-gradient-analogy);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}


/* Provisorios */
.image-cont {
  width: 300px;
  max-width: 300px;
}

.image-cont img {
  width: 100%;
}

.lo-grid {
  max-width: 1376px;
  margin: 0 auto;
  display: grid;
  gap: 24px;
  font-family: 'Montserrat';
}

.lo-grid .card {
  /* height: 364px; */
  max-height: 364px;
  border: none;
  border-radius: 10px;
  background: #FFF;
  box-shadow: 0px 16px 64px 0px rgba(12, 14, 25, 0.12), 0px 0px 12px 0px rgba(12, 14, 25, 0.08);
  overflow: hidden;
}

.lo-grid .card .card_header {
  height: 192px;
  max-height: 192px;
  overflow: hidden;
  position: relative;
  background-color: #0C0E19;
}

.lo-grid .card .card_header a {
  display: block;
  height: inherit;
}

.lo-grid .card .card_header a img {
  width: 100%;
  object-fit: cover;
  opacity: 0.8;
}

.lo-grid .card .card_content {
  padding: 16px;
}

.lo-grid .card .card_headline {
  min-height: 87px;
  max-height: 87px;
  overflow: hidden;
}

.lo-grid .card .card_headline a {
  text-decoration: none;
  padding-right: 10px;
}

.lo-grid .card .card_headline a h2 {
  color: #303651;
  font-size: 24px;
  font-weight: 700;
  line-height: 25px;
  letter-spacing: -0.96px;
}

.lo-grid .card .card_categories span {
  min-width: 76px;
  color: #697089;
  font-family: 'Inter';
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  text-align: center;
}

.lo-grid .card .card_categories {
  margin-top: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  column-gap: 8px;
}

.lo-grid .card .card_categories ul {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
  align-items: center;
  column-gap: 8px;
  margin-bottom: 0px;
}

.lo-grid .card .card_categories ul li a {
  height: 36px;
  padding: 6px 16px;
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #303651;
  font-family: 'Inter';
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  text-decoration: none;
  border: 1px solid #C7CBD8;
  transition: all 0.15s ease-in-out;
}

.lo-grid .card .card_categories ul li a:hover {
  filter: brightness(1.2);
  transition: all 0.15s ease-in-out;
}

.lo-grid .card .card_categories ul li a.math,
.lo-grid .card .card_categories ul li a.science,
.lo-grid .card .card_categories ul li a.scientific-inquiry,
.lo-grid .card .card_categories ul li a.training,
.lo-grid .card .card_categories ul li a.analogy {
  color: white;
  border: none;
}


.lo-grid .card .card_categories ul li a.math { 
  background: var(--bg-gradient-math);
}
.lo-grid .card .card_categories ul li a.science { 
  background: var(--bg-gradient-science);
}
.lo-grid .card .card_categories ul li a.scientific-inquiry { 
  background: var(--bg-gradient-scientific-inquiry);
}
.lo-grid .card .card_categories ul li a.training { 
  background: var(--bg-gradient-training);
}
.lo-grid .card .card_categories ul li a.analogy { 
  background: var(--bg-gradient-analogy);
}

.pagination {
  width: 100%;
  display: flex;
  justify-content: center;
  column-gap: 8px;
  margin-top: 64px;
}

.pagination .page-numbers {
  width: 42px;
  height: 39px;
  /* padding: 6px 8px; */
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 10px;
  border: 4px solid transparent;
  text-decoration: none;

  color: #303651;
  font-family: 'Inter';
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;

  transition: all 0.2s ease-in-out;
}

.pagination .page-numbers.current {
  border: 4px solid rgba(255, 107, 1, 0.314);
  background: linear-gradient(142deg, #F00 0%, #F70 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.pagination .page-numbers:not(.current):not(.dots):hover {
  background-color: #efefef;
  /* border: 4px solid #efefef; */
  transition: all 0.2s ease-in-out;
}

.pagination .prev,
.pagination .next {
  display: flex;
  justify-content: center;
  align-items: center;
  border: none;
}

.pagination .prev {
  background: #E6E8F0;
}

.pagination .next {
  background: linear-gradient(142deg, #F00 0%, #F70 100%);
  box-shadow: 0px 2px 0px 0px rgba(12, 14, 25, 0.16);
}

.pagination .prev .prev-icon,
.pagination .next .next-icon {
  width: 12px;
  height: 12px;
}

.pagination .prev .prev-icon {
  background: url('../img/pagination-prev.svg') center center no-repeat;
}

.pagination .next .next-icon {
  background: url('../img/pagination-next.svg') center center no-repeat;
}


@media (min-width: 600px) {
  .lo-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (min-width: 1000px) {
  .lo-grid { grid-template-columns: repeat(3, 1fr); }
}


@media (min-width: 991px) and (max-width: 1400px) {
  .lo-module .container {
    padding: 0 15px;
  }

  .lo-grid .card .card_headline a h2 {
    font-size: 19px;
    line-height: 22px;
  }

  .lo-grid .card .card_headline span {
    min-width: 61px;
    font-size: 14px;
  }

  .lo-navigation .categories-nav ul {
    column-gap: 11px;
  }

  .lo-navigation .categories-nav ul li a {
    font-size: 29px;
    line-height: 37px;
  }

  .lo-grid .card .card_categories ul li a {
    padding: 6px 8px;
  }
}

@media (min-width: 769px) and (max-width: 990px) {
  .lo-module .container {
    padding: 0 15px;
  }

  .lo-grid .card .card_headline a h2 {
    font-size: 18px;
    line-height: 22px;
  }

  .lo-grid .card .card_headline span {
    min-width: 61px;
    font-size: 14px;
  }

  .lo-navigation {
    flex-direction: column;
    align-items: center;
    margin-bottom: 36px;
  }

  .lo-navigation .categories-nav {
    margin-bottom: 30px;
  }

  .lo-navigation .categories-nav ul li a {
    font-size: 29px;
    line-height: 37px;
  }
}

@media (max-width: 768px) {
  .lo-module .container {
    padding: 0 15px;
  }

  .lo-grid .card .card_headline a h2 {
    font-size: 19px;
    line-height: 22px;
  }

  .lo-grid .card .card_headline span {
    min-width: 61px;
    font-size: 14px;
  }

  .lo-navigation {
    flex-direction: column;
    align-items: center;
    margin-bottom: 36px;
  }

  .lo-navigation .categories-nav ul {
    flex-direction: column;
    align-items: center;
    row-gap: 12px;
  }

  .lo-navigation .categories-nav ul li a {
    font-size: 24px;
    line-height: 25px;
    letter-spacing: -1px;
  }

  .lo-navigation .subcategories-nav {
    margin-top: 36px;
    width: 100%;
  }

  .lo-navigation .subcategories-nav .dropdown button {
    width: 100%;
  }

  .lo-navigation .subcategories-nav .dropdown button:active {
    background-color: white;
    color: #303651;
    border: 2px solid #E6E8F0;
    box-shadow: none !important;
  }

  .lo-navigation .subcategories-nav .dropdown:hover button svg,
  .lo-navigation .subcategories-nav .dropdown button svg {
    transform: rotate(0deg);
  }

  .lo-navigation .subcategories-nav .dropdown.open button svg {
    transform: rotate(180deg);
  }

  .lo-navigation .subcategories-nav .dropdown:hover > .dropdown-menu,
  .lo-navigation .subcategories-nav .dropdown > .dropdown-menu {
    width: 100%;
    display: none;
  }

  .lo-navigation .subcategories-nav .dropdown.open > .dropdown-menu {
    display: block;
  }

  .lo-grid .card .card_categories {
    column-gap: 5px;
  }

  .lo-grid .card .card_categories ul {
    gap: 5px;
  }

  .lo-grid .card .card_categories ul li a {
    height: 28px;
    padding: 6px 6px;
    font-size: 12px;
  }

  .lo-grid .card .card_categories span {
    min-width: 68px;
    font-size: 14px;
  }

  .pagination {
    column-gap: 3px;
  }

  .pagination .page-numbers {
    height: 34px;
  }

  .pagination .page-numbers.dots {
    width: 15px;
  }

  .pagination .page-numbers.current {
    border: 3px solid rgba(255, 107, 1, 0.314);
  }
}