:root {
  --blue: #041562;
  --navy: #152373;
  --black: #0b090a;
  --lightblack: #212529;
  --red: #da1212;
  --darkred: #921a1a;
  --gray: #d9d9d9;
  --white: #ffffff;
}

.section-padding {
  padding: 1.5em 2em;
}

.main .container {
  width: 100%;
  max-width: 1600px;
  margin: 0 auto;
  padding: 0 1em 0 1.5em;
}

.container {
  width: 100%;
  max-width: 1600px;
  margin: 0 auto;
  padding: 0 1em;
}

.section-titlebox {
  display: flex;
  justify-content: flex-end;
}

.section-title {
  margin-bottom: 0.8em;
  color: var(--white);
  font-size: 3.6rem;
  letter-spacing: 0.3px;
  text-transform: uppercase;
}
.section-title .section-span {
  color: var(--red);
}
.section-title--first {
  text-align: right;
}
.section-title--second {
  color: var(--navy);
  text-align: left;
}

.section-subtitle {
  -webkit-text-stroke: 0.5px var(--white);
  z-index: 50;
  position: absolute;
  top: 25%;
  color: transparent;
  font-weight: 800;
  font-size: 2.5rem;
  font-family: "Raleway", sans-serif;
  letter-spacing: 10px;
  text-transform: uppercase;
  opacity: 0.8;
  writing-mode: vertical-lr;
}
.section-subtitle--first {
  left: 0;
}
.section-subtitle--first::before {
  position: absolute;
  right: -5px;
  width: 2px;
  height: 100%;
  background-color: var(--red);
  content: "";
}
.section-subtitle--second {
  -webkit-text-stroke: 0.5px var(--navy);
  right: 0;
}
.section-subtitle--second::before {
  position: absolute;
  left: -5px;
  width: 2px;
  height: 100%;
  background-color: var(--red);
  content: "";
}

.card--navy {
  background-color: var(--navy);
}
.card--white {
  background-color: var(--white);
}

.card-title--lightblack {
  color: var(--lightblack);
}
.card-title--white {
  color: var(--white);
}

.card-description--lightblack {
  color: var(--lightblack);
}
.card-description--white {
  color: var(--white);
}

.card-btn--navy {
  background-color: var(--navy);
  color: var(--white);
}
.card-btn--navy:hover {
  background-color: var(--red);
  color: var(--white);
}
.card-btn--white {
  background-color: var(--white);
  color: var(--navy);
}
.card-btn--white:hover {
  background-color: var(--red);
  color: var(--white);
}

.socials__box-icon--instagram-white {
  color: var(--white);
}

.titlebox {
  display: flex;
}
.titlebox--left {
  justify-content: flex-start;
}
.titlebox--right {
  justify-content: flex-end;
}

.navy-section {
  background-color: var(--navy);
}

.white-section {
  background-color: var(--white);
}

.socials-white {
  background-color: var(--white);
}

@media (min-width: 576px) {
  .main .container {
    padding: 0 2em;
  }
  .section-padding {
    padding: 3em 2em;
  }
  .section-title {
    font-size: 3rem;
  }
  .section-subtitle {
    font-size: 3.3rem;
  }
}
@media (min-width: 768px) {
  .section-padding {
    padding: 4em 2em;
  }
  .section-title {
    font-size: 3.8rem;
  }
  .section-subtitle {
    font-size: 3.5rem;
  }
}
@media (min-width: 992px) {
  .section-padding {
    padding: 5em 3em;
  }
  .section-title {
    font-size: 4.5rem;
  }
  .section-subtitle {
    font-size: 4rem;
  }
}
@media (min-width: 1400px) {
  .section-title {
    font-size: 6rem;
  }
  .section-subtitle {
    font-size: 4.4rem;
    letter-spacing: 30px;
  }
}
.eubcboxing-post {
  display: block;
  width: 100%;
  max-width: 1600px;
  margin-inline: auto;
  margin-block: 140px;
  text-align: left;
}
.eubcboxing-post a {
  color: var(--gray);
  border-bottom: 1px solid var(--gray);
}
.eubcboxing-post a:hover {
  color: var(--white);
}
.eubcboxing-post img {
  width: 100%;
}
.eubcboxing-post__header {
  margin-block: 20px;
  color: white;
}
.eubcboxing-post p {
  margin-block: 20px;
  color: var(--white);
  font-size: 2rem;
}
.eubcboxing-post ul,
.eubcboxing-post ol {
  margin-block: 20px;
  padding-left: 30px;
  color: var(--white);
  font-size: 1.8rem;
}
.eubcboxing-post h2 {
  margin-block: 20px;
  color: var(--white);
  line-height: 1;
}
.eubcboxing-post h3 {
  margin-block: 20px;
  color: var(--white);
  font-size: 2.5rem;
  line-height: 1;
}
.eubcboxing-post .wp-block-file a {
  color: var(--white);
}
.eubcboxing-post .wp-block-video {
  align-self: flex-start;
}
.eubcboxing-post .article__box,
.eubcboxing-post .article__info {
  padding: 1em;
  background-color: var(--lt-color-overlay-transparent);
}
.eubcboxing-post .article__boxes {
  display: flex;
  flex-direction: column;
  background-color: var(--lt-color-overlay-transparent);
  padding: 1em;
  border: 2px solid var(--blue);
}
@media only screen and (min-width: 1024px) {
  .eubcboxing-post .article__boxes {
    flex-direction: row;
  }
}
.eubcboxing-post .article__info {
  border: 2px solid var(--blue);
  margin-bottom: 2em;
  gap: 1em;
}
.eubcboxing-post .article .article__box.article__box-content {
  width: 100%;
}
@media only screen and (min-width: 1024px) {
  .eubcboxing-post .article .article__box.article__box-content {
    width: 40%;
    padding: 1em;
  }
}
.eubcboxing-post .article__title {
  font-size: 1.6rem;
  margin: 0;
  width: 100%;
}
@media only screen and (min-width: 576px) {
  .eubcboxing-post .article__title {
    font-size: 2rem;
  }
}
@media only screen and (min-width: 768px) {
  .eubcboxing-post .article__title {
    font-size: 2.2rem;
  }
}
@media only screen and (min-width: 1024px) {
  .eubcboxing-post .article__title {
    width: 70%;
  }
}
@media only screen and (min-width: 1230px) {
  .eubcboxing-post .article__title {
    font-size: 2.5rem;
  }
}
.eubcboxing-post .article__date, .eubcboxing-post .article__category {
  margin: 0;
}
.eubcboxing-post .article__category {
  gap: 0.5em;
}
.eubcboxing-post .article__content {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 0.5em;
  line-height: 150%;
  padding: 1em;
}
@media only screen and (min-width: 1024px) {
  .eubcboxing-post .article__content {
    width: 60%;
  }
}
.eubcboxing-post .article__content p {
  margin: 0;
}

.eubcboxing-post__header-image {
  width: 100%;
}

@media (min-width: 992px) {
  .eubcboxing-post img {
    align-self: flex-start;
    height: 100%;
    object-fit: contain;
  }
  .eubcboxing-post .article {
    position: static;
  }
  .eubcboxing-post .article .section-subtitle {
    top: 50%;
  }
}
.video {
  padding: 40px;
}
.video .yrc-shell-cover {
  color: white;
}
.video #yrc-shell-0 .yrc-menu li {
  color: white !important;
}
.video #yrc-shell-0 li.yrc-active {
  border-bottom: 2px solid white !important;
  color: red !important;
}

.tribe-events,
.tribe-common {
  margin-block: 100px;
}

.tribe-common .tribe-common-h7,
.tribe-common .tribe-common-h8,
.tribe-common .tribe-common-h5,
.tribe-common .tribe-common-h6 {
  color: var(--white);
}

.tribe-events .tribe-events-calendar-list__month-separator + .tribe-events-calendar-list__event-row,
.tribe-events .tribe-events-calendar-list__event-row {
  margin-bottom: 1em;
  border-bottom: 2px solid var(--darkred);
  background-color: var(--white);
}

.tribe-events .tribe-events-calendar-list__event-date-tag {
  display: flex;
  align-content: center;
  justify-content: center;
  width: 80px !important;
  height: unset;
  background-color: var(--red);
}

.tribe-events .tribe-events-calendar-list__event-date-tag {
  height: unset;
}

.tribe-events-c-nav__prev-label,
.tribe-common--breakpoint-medium.tribe-events .tribe-events-c-nav__next,
.tribe-common--breakpoint-medium.tribe-events .tribe-events-c-nav__prev,
.tribe-events .tribe-events-calendar-list__event-date-tag-weekday,
.tribe-common--breakpoint-medium.tribe-common .tribe-common-h4--min-medium,
.tribe-common .tribe-common-h3 {
  color: var(--white);
  text-transform: uppercase;
}

.tribe-common--breakpoint-medium.tribe-events .tribe-events-c-nav__next-icon-svg path,
.tribe-common--breakpoint-medium.tribe-events .tribe-events-c-nav__prev-icon-svg path,
.tribe-events .tribe-events-c-nav__next-icon-svg path,
.tribe-events .tribe-events-c-nav__prev-icon-svg path {
  fill: var(--white);
}

.tribe-events-calendar-list__event-wrapper {
  padding-block: 10px !important;
}

.tribe-common--breakpoint-medium.tribe-common .tribe-common-h6--min-medium {
  font-weight: 700 !important;
  font-size: 2rem !important;
}

.tribe-events .tribe-events-calendar-list__month-separator:after {
  background-color: var(--blue);
}

.tribe-events .tribe-events-calendar-list__event-date-tag-datetime {
  justify-content: center;
}

.tribe-common .tribe-common-anchor-thin {
  font-size: 1.6rem;
}

.tribe-events-single {
  margin-block: 100px;
}

.tribe-events-single-event-title {
  color: var(--white) !important;
  font-size: 2.4rem;
  text-transform: uppercase;
}

.tribe-events-back,
.tribe-events-back a,
.tribe-events-back a:visited,
.tribe-common .tribe-common-b2 {
  color: var(--white) !important;
  text-transform: uppercase;
}

.tribe-events-nav-next,
.tribe-events-nav-previous,
#tribe-events-footer,
.tribe-events-event-meta:before,
.tribe-events-schedule,
.tribe-events-event-meta ~ div:not(.tribe-events-event-meta, .event-tickets),
.tribe-events-single > .tribe_events > :not(.primary,
.secondary,
.tribe-events-related-events-title,
.tribe-related-events),
.tribe-common--breakpoint-medium.tribe-events .tribe-events-header__events-bar,
.tribe-events .tribe-events-c-events-bar__views {
  display: flex;
}

.tribe-events-meta-group .tribe-events-single-section-title {
  color: var(--white);
  font-weight: 700;
}

.tribe-events-start-date-label,
.tribe-events-event-categories-label,
.tribe-events-end-date-label,
.tribe-organizer-tel-label,
.tribe-organizer-email-label {
  color: var(--white);
  font-weight: 700;
  font-size: 1.8rem;
  text-transform: uppercase;
}

.tribe-events-meta-group dd {
  color: var(--gray);
  word-break: normal;
}

p.tribe-events-back a {
  font-size: 2rem;
}

.tribe-events .tribe-events-c-breadcrumbs__list-item-link:visited,
.tribe-events-c-breadcrumbs__list-item-text {
  color: var(--white);
}

.tribe-events .tribe-events-c-breadcrumbs__list-item-icon-svg path {
  fill: var(--white);
}

.tribe-events .tribe-events-c-nav__prev:hover .tribe-events-c-nav__prev-icon-svg path,
.tribe-events .tribe-events-c-nav__next:hover .tribe-events-c-nav__next-icon-svg path {
  fill: var(--red);
}

.tribe-common .tribe-common-c-btn-icon--caret-left:hover .tribe-common-c-btn-icon__icon-svg path {
  fill: var(--red);
}

.tribe-common .tribe-common-c-btn-icon--caret-right:hover .tribe-common-c-btn-icon__icon-svg path {
  fill: var(--red);
}

.tribe-events-event-categories a {
  color: var(--red);
}

.tribe-common .tribe-common-b2--bold {
  color: var(--black);
}

.tribe-common--breakpoint-medium.tribe-common .tribe-common-b2 p {
  color: var(--black);
}

.tribe-events-meta-group {
  width: 400px;
}

.tribe-events-event-categories a,
.tribe-organizer-email,
.tribe-organizer-url a,
.tribe-events-gmap {
  position: relative;
  color: var(--red) !important;
  font-weight: 700;
  cursor: pointer;
}
.tribe-events-event-categories a::after,
.tribe-organizer-email::after,
.tribe-organizer-url a::after,
.tribe-events-gmap::after {
  position: absolute;
  bottom: -5px;
  left: 0;
  width: 20px;
  height: 2px;
  background-color: var(--blue);
  content: "";
  transition: width 0.5s;
}
.tribe-events-event-categories a:hover::after,
.tribe-organizer-email:hover::after,
.tribe-organizer-url a:hover::after,
.tribe-events-gmap:hover::after {
  width: 100%;
}

.tribe-organizer-url {
  display: table;
}

.tribe-organizer-url a {
  display: flex;
  align-items: flex-start;
}

.tribe-organizer-email {
  display: inline-flex;
}

.tribe-events-meta-group {
  margin-bottom: 1em;
}

.tribe-events-abbr {
  text-decoration: none;
}

#tribe-events-pg-template {
  max-width: 1600px;
  padding: 1.5em 2em;
}

.tribe-common .tribe-common-c-btn-border {
  border: 1px solid transparent;
}

.tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button-text {
  color: var(--white);
  text-transform: uppercase;
  transition: color 0.3s;
}

.tribe-events .tribe-events-c-subscribe-dropdown__button {
  color: var(--navy);
}

.tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button:hover {
  background-color: var(--navy);
}
.tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button:hover .tribe-events-c-subscribe-dropdown__button-text {
  color: var(--white);
}

.tribe-events-meta-group.tribe-events-meta-group-venue {
  order: -1;
}

.event-files {
  display: flex;
  flex-direction: column;
}
.event-files .event-file {
  display: inline-flex;
  position: relative;
  align-items: center;
  margin-bottom: 1em;
  padding: 0.8em 0.5em;
  background-color: var(--white);
  color: var(--navy);
  font-size: 1.5rem;
  transition: background-color 0.3s, box-shadow 0.25s, padding-left 0.2s;
}
.event-files .event-file::before {
  position: relative;
  top: 0;
  left: 0;
  width: 35px;
  margin-right: 0.3em;
  content: url(http://eubcboxing.local/wp-content/themes/eubcboxing/assets/images/icons/document-outline.svg);
  filter: invert(17%) sepia(57%) saturate(2806%) hue-rotate(344deg) brightness(93%) contrast(98%);
}
.event-files .event-file:hover {
  padding-left: 1.5em;
  background-color: var(--gray);
  box-shadow: 20px 0px 0 var(--red) inset;
}

@media (min-width: 576px) {
  #tribe-events-pg-template {
    padding: 3em 2em;
  }
}
@media (min-width: 768px) {
  .tribe-events-start-date-label,
  .tribe-events-event-categories-label,
  .tribe-events-end-date-label,
  .tribe-organizer-tel-label,
  .tribe-organizer-email-label,
  .tribe-events-event-categories a,
  .tribe-organizer-email,
  .tribe-events-meta-group dd,
  .tribe-events-meta-group .tribe-events-single-section-title {
    font-size: 1.8rem;
  }
  #tribe-events-pg-template {
    padding: 4em 2em;
  }
  .event-files .event-file {
    margin-bottom: 1.5em;
    font-size: 1.8rem;
  }
  .event-files .event-file::before {
    width: 30px;
  }
}
@media (min-width: 992px) {
  .tribe-events-start-date-label,
  .tribe-events-event-categories-label,
  .tribe-events-end-date-label,
  .tribe-organizer-tel-label,
  .tribe-organizer-email-label,
  .tribe-events-event-categories a,
  .tribe-organizer-email,
  .tribe-events-meta-group dd,
  .tribe-events-meta-group .tribe-events-single-section-title {
    font-size: 2rem;
  }
  .tribe-events-single-event-title {
    font-size: 2.8rem;
  }
  #tribe-events-pg-template {
    padding: 5em 3em;
  }
}
@media screen and (max-width: 1024px) {
  .tribe-events .tribe-events-calendar-list__event {
    padding-left: 10px;
  }
}
#heading {
  display: none;
}

#the-content {
  display: flex;
  flex-direction: column;
}

.tribe-events-single-section.tribe-events-event-meta.primary.tribe-clearfix {
  order: -3;
}

.tribe-events-single-section.tribe-events-event-meta.secondary.tribe-clearfix {
  order: -2;
}

.tribe-events-meta-group.tribe-events-meta-group-details dl {
  color: var(--white);
}

.tribe-events-event-url a {
  position: relative;
  color: var(--red) !important;
  font-weight: 700;
  cursor: pointer;
}
.tribe-events-event-url a::after {
  position: absolute;
  bottom: -5px;
  left: 0;
  width: 20px;
  height: 2px;
  background-color: var(--blue);
  content: "";
  transition: width 0.5s;
}
.tribe-events-event-url a:hover::after {
  width: 100%;
}

.tribe-events-c-top-bar__datepicker-mobile,
.tribe-events-c-top-bar__datepicker-desktop {
  color: var(--white);
}

.tribe-common-c-btn.tribe-events-c-search__button,
.tribe-common-c-btn-border.tribe-events-c-subscribe-dropdown__button {
  text-transform: uppercase;
  background-color: var(--red);
  transition: background-color 0.3s, color 0.3s !important;
  color: var(--white);
}
.tribe-common-c-btn.tribe-events-c-search__button:hover, .tribe-common-c-btn.tribe-events-c-search__button:active, .tribe-common-c-btn.tribe-events-c-search__button:focus,
.tribe-common-c-btn-border.tribe-events-c-subscribe-dropdown__button:hover,
.tribe-common-c-btn-border.tribe-events-c-subscribe-dropdown__button:active,
.tribe-common-c-btn-border.tribe-events-c-subscribe-dropdown__button:focus {
  background-color: var(--navy) !important;
  color: var(--white);
}

.tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button:focus-within,
.tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button:hover {
  background-color: var(--white) !important;
  color: var(--navy) !important;
}
.tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button:focus-within .tribe-events-c-subscribe-dropdown__button-text,
.tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button:hover .tribe-events-c-subscribe-dropdown__button-text {
  color: var(--navy) !important;
}

ul.tribe-events-c-view-selector__list li {
  text-transform: uppercase;
}
ul.tribe-events-c-view-selector__list li a::after {
  background-color: var(--red) !important;
}
ul.tribe-events-c-view-selector__list li a span {
  color: var(--navy) !important;
}

.tribe-events-header__events-bar.tribe-events-c-events-bar.tribe-events-c-events-bar--border {
  display: none;
}
@media only screen and (min-width: 768px) {
  .tribe-events-header__events-bar.tribe-events-c-events-bar.tribe-events-c-events-bar--border {
    display: flex;
  }
}

.tribe-events-header.tribe-events-header--has-event-search {
  gap: 1em;
  display: flex;
  flex-direction: column !important;
}
@media only screen and (min-width: 768px) {
  .tribe-events-header.tribe-events-header--has-event-search {
    gap: 0;
  }
}

.tribe-events-header__events-bar.tribe-events-c-events-bar.tribe-events-c-events-bar--border {
  margin-bottom: 0;
}

.the-events-calendar-category-list {
  width: 100%;
  background-color: var(--white);
}
.the-events-calendar-category-list ol {
  display: flex;
  flex-direction: column;
  gap: 0.5em;
}
@media only screen and (min-width: 768px) {
  .the-events-calendar-category-list ol {
    align-items: center;
    flex-direction: row;
  }
}
.the-events-calendar-category-list ol li {
  padding: 1em;
  border-bottom: 2px solid transparent;
  transition: border-bottom 0.2s, background-color 0.2s;
  cursor: pointer;
}
.the-events-calendar-category-list ol li:hover {
  background-color: var(--red);
}
@media only screen and (min-width: 768px) {
  .the-events-calendar-category-list ol li:hover {
    border-bottom: 2px solid var(--red);
    background-color: #f7f6f6;
  }
}
.the-events-calendar-category-list ol li:hover a {
  transform: translateX(5px);
  color: var(--white) !important;
}
@media only screen and (min-width: 768px) {
  .the-events-calendar-category-list ol li:hover a {
    color: var(--navy) !important;
    transform: translateX(0px);
    transform: translateY(-3px);
  }
}
.the-events-calendar-category-list ol li a {
  color: var(--navy) !important;
  text-transform: uppercase;
  font-size: 1.5rem;
  display: block;
  transition: transform 0.2s, color 0.2s;
}

.tribe-common--breakpoint-medium.tribe-events .tribe-events-header__top-bar {
  margin-block: 1em;
}

.tribe-common .tribe-common-g-row--gutters > .tribe-common-g-col {
  padding: 0 !important;
}

.tribe-common .tribe-common-g-row--gutters {
  margin: 0 !important;
}

.tribe-events .tribe-events-calendar-list__event-datetime-wrapper,
.tribe-events .tribe-events-calendar-list__event-title,
.tribe-events-calendar-list__event-description.tribe-common-b2.tribe-common-a11y-hidden,
.tribe-events-calendar-list__event-venue.tribe-common-b2 {
  margin: 0 !important;
}

.tribe-events-calendar-list__event-title.tribe-common-h6.tribe-common-h4--min-medium {
  font-size: 0;
}

.tribe-events-calendar-list__event-date-tag-daynum.tribe-common-h5.tribe-common-h4--min-medium {
  font-size: 2rem;
}

.tribe-events-calendar-list__event-details.tribe-common-g-col {
  width: 100% !important;
}

.tribe-events-calendar-list__month-separator-text.tribe-common-h7.tribe-common-h6--min-medium.tribe-common-h--alt {
  text-transform: uppercase;
}

.tribe-events-calendar-list__event-header {
  display: flex !important;
  flex-direction: column;
  gap: 0.4em;
}

.tribe-events-calendar-month__body,
.tribe-events-calendar-month__header {
  background-color: var(--white) !important;
}

.tribe-events-calendar-month__header-column {
  padding: 0.8em !important;
}

.tribe-events-calendar-month__day.tribe-events-calendar-month__day--past:hover::after {
  background-color: var(--navy) !important;
}

.tribe-events-calendar-month__day.tribe-events-calendar-month__day--current:hover::after,
.tribe-events-calendar-month__day:hover::after {
  background-color: var(--red) !important;
}

.tribe-events-calendar-month__day-date-daynum {
  color: var(--navy) !important;
}

.tribe-events-calendar-month__day-date-link {
  color: var(--red) !important;
}

.tribe-events-calendar-month__day-cell.tribe-events-calendar-month__day-cell--mobile.tribe-events-calendar-month__day-cell--selected {
  background-color: #f7f6f6 !important;
}

.tribe-events-calendar-month-mobile-events__mobile-event-title-link.tribe-common-anchor {
  color: var(--white) !important;
}

.tribe-events .tribe-events-calendar-month__mobile-events-icon--event {
  background-color: var(--red) !important;
}

.tribe-common-c-svgicon.tribe-common-c-svgicon--messages-not-found.tribe-events-c-messages__message-icon-svg {
  display: none !important;
}

.tribe-events-c-messages__message-list-item-link.tribe-common-anchor-thin-alt {
  border-bottom: 1px solid var(--white);
  color: var(--white) !important;
}

.tribe-events .datepicker .day.active {
  background-color: #f7f6f6 !important;
  color: var(--navy) !important;
}

.tribe-events-c-subscribe-dropdown__container,
.tribe-common-c-btn-border.tribe-events-c-subscribe-dropdown__button {
  width: 100% !important;
}

.tribe-common-c-btn-border.tribe-events-c-subscribe-dropdown__button {
  padding: 1em;
}

.tribe-events-single-event-description.tribe-events-content {
  flex-direction: column;
}
.tribe-events-single-event-description.tribe-events-content p {
  color: var(--white);
}
.tribe-events-single-event-description.tribe-events-content p a {
  display: flex;
  position: relative;
  align-items: center;
  margin-bottom: 1em;
  padding: 0.8em 0.5em;
  background-color: var(--white);
  color: var(--navy);
  font-size: 1.5rem;
  transition: background-color 0.3s, box-shadow 0.25s, padding-left 0.2s;
}
.tribe-events-single-event-description.tribe-events-content p a::before {
  position: relative;
  top: 0;
  left: 0;
  width: 25px;
  margin-right: 0.3em;
  content: url(https://www.eubcboxing.org/wp-content/themes/eubcboxing/assets/images/icons/document-outline.svg);
  filter: invert(17%) sepia(57%) saturate(2806%) hue-rotate(344deg) brightness(93%) contrast(98%);
}
.tribe-events-single-event-description.tribe-events-content p a:hover {
  padding-left: 1.5em;
  background-color: var(--gray);
  box-shadow: 20px 0px 0 var(--red) inset;
}

.tribe-events-calendar-list__event-description.tribe-common-b2.tribe-common-a11y-hidden {
  display: none !important;
}

#tribe-events-footer {
  display: block !important;
}

.tribe-events-sub-nav li a {
  color: var(--white) !important;
}
.tribe-events-sub-nav li a:hover::before,
.tribe-events-sub-nav li a:hover::after {
  color: var(--red) !important;
}

.tribe-events-notices,
.tribe-event-date-start {
  color: var(--white);
}

.tribe-events-calendar-list__event-datetime-wrapper.tribe-common-b2 .tribe-event-date-start {
  color: var(--black);
}

.tribe-events-schedule.tribe-clearfix .tribe-event-date-end {
  color: var(--white);
}

.tribe-events .tribe-events-calendar-list__month-separator:after {
  background-color: var(--white);
}

.tribe-events-calendar-month__calendar-event-tooltip-datetime .tribe-event-date-start {
  color: var(--black) !important;
}

.tribe-events-calendar-month__calendar-event-tooltip-description.tribe-common-b3 {
  display: none !important;
}

.tribe-events-calendar-month__multiday-event-bar:hover .tribe-events-calendar-month__multiday-event-bar-inner {
  background-color: var(--darkred) !important;
}

.tribe-events .tribe-events-calendar-month__multiday-event-bar-inner:hover,
.tribe-events .tribe-events-calendar-month__multiday-event-bar-inner:active,
.tribe-events .tribe-events-calendar-month__multiday-event-bar-inner:focus {
  background-color: var(--darkred) !important;
}

.tribe-events .tribe-events-calendar-month__multiday-event-bar-inner {
  background-color: rgba(21, 35, 115, 0.7);
}

.tribe-events-calendar-list__event-details.tribe-common-g-col .tribe-event-categories {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.3em;
}
.tribe-events-calendar-list__event-details.tribe-common-g-col .tribe-event-categories li a {
  padding: 0.3em;
  background-color: var(--blue);
  letter-spacing: 0.5px;
  color: var(--white);
  font-size: 1.2rem;
}

.tribe_events .tribe-common {
  margin-block: 0;
}

.tribe-events-schedule.tribe-clearfix h2 {
  color: var(--white);
}

#tribe-events-footer {
  display: none !important;
}

.tribe-events-status-label__text.tribe-events-status-label__text--canceled {
  font-size: 1.6rem;
  margin-right: 0.2em;
}

.tribe-events .tribe-events-calendar-list__event-row--featured .tribe-events-calendar-list__event-date-tag-datetime:after {
  background-color: var(--blue) !important;
  right: 0 !important;
  width: 3px !important;
  border-radius: none !important;
}

.tribe-events-single .tribe-events-status-single {
  background-color: var(--white);
}

.tribe-common .tribe-common-c-svgicon,
.tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-list__event-datetime-featured-text {
  color: var(--red);
}

.tribe-common .tribe-common-c-svgicon__svg-fill {
  fill: var(--red);
}

.datepicker-months .table-condensed {
  width: 100%;
}

.tribe-events .datepicker .day.active,
.tribe-events .datepicker .day.active.focused,
.tribe-events .datepicker .day.active:focus,
.tribe-events .datepicker .day.active:hover,
.tribe-events .datepicker .month.active,
.tribe-events .datepicker .month.active.focused,
.tribe-events .datepicker .month.active:focus,
.tribe-events .datepicker .month.active:hover,
.tribe-events .datepicker .year.active,
.tribe-events .datepicker .year.active.focused,
.tribe-events .datepicker .year.active:focus,
.tribe-events .datepicker .year.active:hover {
  background-color: var(--blue);
}

.tribe-events button.tribe-events-c-top-bar__datepicker-button {
  color: var(--white);
}

.tribe-events .tribe-events-c-breadcrumbs__list-item-link:visited,
.tribe-events-c-breadcrumbs__list-item-text {
  color: var(--white) !important;
}

.nav {
  z-index: 55555;
  position: fixed;
  top: 0;
  width: 100%;
  background-color: var(--white);
  box-shadow: 0 15px 15px -15px var(--navy);
}
.nav__mobile {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.nav__mobile-overlay {
  position: absolute;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.7);
  left: 0;
  top: 0;
  transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
  opacity: 0;
  visibility: hidden;
}
.nav__mobile-overlay.active {
  opacity: 1;
  visibility: visible;
}
.nav__mobile-text {
  color: var(--white);
  font-size: 1.4rem;
  letter-spacing: 0.5px;
}
@media (min-width: 350px) {
  .nav__mobile-text {
    font-size: 1.8rem;
  }
}
.nav__mobile-motto {
  color: var(--white);
  font-size: 1.1rem;
  letter-spacing: 0.5px;
  text-align: center;
  font-style: italic;
}
@media (min-width: 380px) {
  .nav__mobile-motto {
    font-size: 1.3rem;
  }
}
.nav__mobile-socials {
  display: flex;
  flex-direction: column;
  margin-top: 2em;
  align-items: center;
  padding: 0 1em;
}
.nav__mobile-social {
  padding: 0.2em;
}
@media (min-width: 380px) {
  .nav__mobile-social {
    padding: 0.5;
  }
}
.nav__mobile-icons {
  display: flex;
  align-items: center;
  gap: 0.5em;
}
.nav__mobile-icon {
  color: var(--white);
  font-size: 1.7rem;
}
.nav__mobile-icon--facebook {
  color: #4267b2;
}
.nav__mobile-icon--youtube {
  color: #ff0000;
}
.nav__mobile-icon--twitter {
  color: #1da1f2;
}
.nav__mobile-icon--tiktok {
  color: #ff0050;
}
@media (min-width: 380px) {
  .nav__mobile-icon {
    font-size: 2rem;
  }
}
.nav__mobile-img {
  width: 200px;
  height: 65px;
  padding: 0.5em;
  object-fit: contain;
}
.nav__mobile-list {
  display: flex;
  position: absolute;
  top: 0;
  right: 0;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 75vw;
  height: 100vh;
  transform: translateX(100%);
  background-color: var(--navy);
  box-shadow: 0 0 8px var(--black);
  list-style: none;
  transition: transform 0.3s ease-in;
}
.nav__mobile-list > li:nth-child(1),
.nav__mobile-list li:nth-child(4),
.nav__mobile-list li:nth-child(3) {
  position: relative;
}
.nav__mobile-list > li:nth-child(1)::after,
.nav__mobile-list li:nth-child(4)::after,
.nav__mobile-list li:nth-child(3)::after {
  position: absolute;
  top: 10px;
  right: 20px;
  width: 12px;
  height: 12px;
  content: url(https://www.eubcboxing.org/wp-content/themes/eubcboxing/assets/images/icons/caret-down-outline.svg);
  filter: invert(20%) sepia(73%) saturate(4023%) hue-rotate(350deg) brightness(83%) contrast(108%);
}
@media (min-width: 380px) {
  .nav__mobile-list > li:nth-child(1)::after,
  .nav__mobile-list li:nth-child(4)::after,
  .nav__mobile-list li:nth-child(3)::after {
    width: 15px;
    height: 15px;
    top: 15px;
  }
}
.nav__mobile-link {
  display: flex;
  flex-direction: column;
  align-items: strech;
  justify-content: space-between;
  width: 100%;
  border-bottom: 2px solid var(--blue);
}
.nav__mobile-link a {
  width: 100%;
  width: 100%;
  padding: 0.7em;
  color: var(--white);
  font-size: 1.15rem;
  text-transform: capitalize;
  transition: background-color 0.3s, padding-left 0.2s;
}
@media (min-width: 360px) {
  .nav__mobile-link a {
    padding: 0.8em;
    font-size: 1.2rem;
  }
}
.nav__mobile-link a:hover {
  padding-left: 1.5em;
  background-color: var(--darkred);
}
.nav__mobile-link ul.sub-menu {
  flex-direction: column;
  width: 100%;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease-in-out;
}
.nav__mobile-link ul.sub-menu li {
  border-bottom: none;
}
.nav__mobile-link ul.sub-menu li a {
  border-bottom: 2px solid var(--navy);
  background-color: var(--blue);
}
.nav__mobile-link ul.sub-menu li a:hover {
  background-color: var(--darkred);
}
.nav__mobile-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding: 0.3em;
  border-top: none;
  border-right: 1px solid var(--darkred);
  border-bottom: none;
  border-left: 1px solid var(--darkred);
  background-color: var(--red);
  transition: background-color 0.3s;
}
.nav__mobile-btn:hover {
  background-color: var(--darkred);
}
.nav__mobile-btn:hover svg {
  color: var(--red);
}
.nav__mobile-svg {
  color: var(--darkred);
  transition: color 0.3s;
}
.nav__mobile .show-menu {
  transform: translateX(0);
}
.nav__btn {
  padding: 0.5em;
  border: none;
  outline: none;
  background: transparent;
}
.nav__btn-box {
  position: relative;
  width: 40px;
  height: 22px;
}
.nav__btn-bars {
  position: absolute;
  height: 2px;
  background-color: var(--red);
  transition: width 0.3s, background-color 0.1s;
}
.nav__btn-bars::before, .nav__btn-bars::after {
  position: absolute;
  right: 0;
  height: 2px;
  background-color: var(--red);
  content: "";
  transition: width 0.3s, background-color 0.1s;
}
.nav__btn-bars {
  top: 0;
  right: 0;
  width: 75%;
}
.nav__btn-bars::before {
  top: 9px;
  width: 60%;
}
.nav__btn-bars::after {
  top: 18px;
  width: 100%;
}

.nav__mobile-link ul.sub-menu.show-dropdown {
  display: flex;
  max-height: 132px;
  transition: max-height 0.3s ease-in-out;
  overflow-y: scroll;
}

.btn-active .nav__btn-bars,
.btn-active .nav__btn-bars::after,
.btn-active .nav__btn-bars::before {
  width: 100%;
  background-color: var(--white);
}

.nav__top {
  z-index: 5;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  border-bottom: 2px solid var(--red);
  background-color: var(--blue);
}
.nav__up {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.nav__socials {
  display: flex;
  align-items: center;
  gap: 0.5em;
}
.nav__socials-link {
  padding: 0.5em;
}
.nav__socials-link:hover ion-icon {
  color: var(--red);
}
.nav__socials-link ion-icon {
  color: var(--white);
  font-size: 2.2rem;
  transition: color 0.3s;
}
.nav .is-form-style.is-form-style-3.label {
  width: 280px !important;
}
.nav .is-form-style.is-form-style-3 input.is-search-input {
  border: none !important;
}
.nav__search form {
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  right: 0;
  top: 0;
}
.nav__search form label {
  width: 280px !important;
}
.nav__search form label input {
  height: 42px !important;
  font-family: "Roboto Condensed", sans-serif !important;
  background-color: var(--red) !important;
  color: var(--white) !important;
}
.nav__search form label input::placeholder {
  color: var(--white) !important;
}
.nav__search form button {
  height: 42px !important;
  position: relative;
}
.nav__search form button span.is-search-icon {
  display: flex !important;
  align-items: center;
  justify-content: center;
  height: 42px !important;
  padding-top: 0 !important;
  border: none !important;
  background-color: var(--white) !important;
}
.nav__search .is-form-style .is-search-submit path {
  fill: var(--red);
}
.nav__search form.is-search-form.is-form-style.is-form-style-3.is-form-id-50729 > label {
  width: 280px !important;
}
@media (min-width: 992px) {
  .nav__search--mobile {
    display: none;
  }
}
.nav__search--mobile form {
  width: 100% !important;
  right: 0;
  top: 69px;
  z-index: -1;
}
.nav__search--mobile form.is-search-form.is-form-style.is-form-style-3.is-form-id-50729 > label {
  width: 100% !important;
}
.nav__desktop {
  display: none;
  align-items: strech;
  justify-content: flex-start;
}
.nav__desktop-logo {
  margin-right: auto;
}
.nav__desktop-img {
  width: 250px;
  height: 60px;
  padding: 0.5em;
  object-fit: contain;
}
.nav__desktop-list {
  display: flex;
  position: relative;
  justify-content: center;
  list-style: none;
}
.nav__desktop .nav__desktop-list > .menu-item {
  position: relative;
  background-color: transparent;
}
.nav__desktop .nav__desktop-list > .menu-item a {
  color: var(--blue);
}
.nav__desktop .nav__desktop-list > .menu-item:hover .nav__desktop-link {
  color: var(--darkred);
}
.nav__desktop .nav__desktop-list > .menu-item:nth-child(1):hover > .sub-menu, .nav__desktop .nav__desktop-list > .menu-item:nth-child(4):hover > .sub-menu, .nav__desktop .nav__desktop-list > .menu-item:nth-child(3):hover > .sub-menu {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
}
.nav__desktop .nav__desktop-list > .menu-item:nth-child(1):hover::before, .nav__desktop .nav__desktop-list > .menu-item:nth-child(4):hover::before, .nav__desktop .nav__desktop-list > .menu-item:nth-child(3):hover::before {
  width: 100%;
}
.nav__desktop .nav__desktop-list > .menu-item:nth-child(1)::after, .nav__desktop .nav__desktop-list > .menu-item:nth-child(4)::after, .nav__desktop .nav__desktop-list > .menu-item:nth-child(3)::after {
  position: absolute;
  right: 50%;
  bottom: 25px;
  width: 15px;
  height: 15px;
  transform: translateX(50%);
  content: url(https://www.eubcboxing.org/wp-content/themes/eubcboxing/assets/images/icons/caret-down-outline.svg);
  filter: invert(20%) sepia(73%) saturate(4023%) hue-rotate(350deg) brightness(83%) contrast(108%);
}
.nav__desktop .nav__desktop-list > .menu-item:nth-child(1)::before, .nav__desktop .nav__desktop-list > .menu-item:nth-child(4)::before, .nav__desktop .nav__desktop-list > .menu-item:nth-child(3)::before {
  position: absolute;
  bottom: 12px;
  left: 50%;
  width: 0;
  height: 1.8px;
  transform: translateX(-50%);
  background-color: var(--red);
  content: "";
  transition: width 0.3s;
}
.nav__desktop .nav__desktop-list > .menu-item:nth-child(1) .sub-menu {
  width: 200px;
  left: -75px;
}
.nav__desktop .nav__desktop-list > .menu-item:nth-child(4) .sub-menu {
  width: 120px;
  left: -30px;
}
.nav__desktop-link {
  display: block;
  width: 100%;
  height: 100%;
  padding: 0 0.5em;
  color: var(--blue);
  line-height: 64px;
  text-align: center;
  text-transform: uppercase;
  cursor: pointer;
  transition: color 0.3s;
}
.nav__desktop .sub-menu {
  display: flex;
  position: absolute;
  top: 64px;
  left: -88px;
  flex-direction: column;
  width: 240px;
  background-color: var(--white);
  box-shadow: 0 15px 15px -15px var(--navy);
  list-style: none;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s;
}
.nav__desktop .sub-menu--second {
  left: -11px;
}
.nav__desktop .sub-menu-item:hover .nav__desktop-dropdown-link {
  color: var(--darkred);
}
.nav__desktop .sub-menu > li {
  display: block;
  width: 100%;
  height: 60px;
  color: var(--blue);
  text-align: center;
  text-transform: uppercase;
  transition: color 0.3s, padding-left 0.15s, background-color 0.3s;
}
.nav__desktop .sub-menu > li:hover {
  padding-left: 1.2em;
  background-color: var(--red);
}
.nav__desktop .sub-menu > li:hover > a {
  color: var(--white) !important;
}
.nav__desktop .sub-menu > li > a {
  color: var(--blue);
  transition: color 0.2s !important;
}

ul#menu-menu li.menu-item a,
ul#menu-menu ul.sub-menu li.menu-item a {
  color: var(--blue);
  transition: color 0.3s;
  display: inline-block;
  width: 100%;
}

ul#menu-menu li.menu-item:hover a,
ul#menu-menu ul.sub-menu li.menu-item:hover a {
  color: var(--darkred);
}

@media screen and (min-width: 992px) {
  .nav {
    top: 44px;
  }
  .nav__mobile {
    display: none;
  }
  .nav__desktop {
    display: flex;
  }
}
ul.sub-menu .menu-item-50414::after,
ul.sub-menu .menu-item-50108::after,
ul.sub-menu .menu-item-50098::after,
ul.sub-menu .menu-item-50099::after {
  content: "" !important;
  display: none !important;
}

.newsletter {
  position: relative;
  background-color: var(--white);
}
.newsletter .section-title {
  display: inline-block;
  border-bottom: 2px solid var(--darkred);
}
.newsletter .section-subtitle {
  top: 7%;
}
.newsletter__boxes {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 40vh;
  text-align: center;
}
.newsletter__box {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1em;
  background-color: var(--white);
}
.newsletter__bottom {
  width: 100%;
}
.newsletter__title {
  align-self: flex-start;
  margin-bottom: 1em;
  color: var(--navy);
  font-size: 1.8rem;
  text-transform: uppercase;
}
.newsletter__input {
  width: 100%;
  margin-bottom: 1em;
  padding: 0.7em;
  border: 1px solid transparent;
  color: var(--navy);
  font-size: 1.5rem;
  font-family: "Roboto Condensed", sans-serif;
  transition: border 0.3s, background-color 0.3s;
}
.newsletter__input::placeholder {
  color: var(--navy);
}
.newsletter__input:focus {
  border: 1px solid var(--navy);
  background-color: var(--gray);
}
.newsletter__btn {
  width: 100%;
  padding: 0.25em 1em;
  border: none;
  font-family: "Roboto Condensed", sans-serif;
  text-transform: uppercase;
  transition: color 0.3s;
  padding: 0.8em 1.6em;
  background-color: var(--red);
  color: var(--white);
  font-weight: 700;
  font-size: 1.5rem;
  transition: background-color 0.3s, color 0.3s;
}
.newsletter__btn:hover {
  background-color: var(--navy);
  color: var(--white);
}

@media screen and (min-width: 768px) {
  .newsletter__bottom {
    display: flex;
  }
  .newsletter__title {
    font-size: 2.3rem;
  }
  .newsletter__input {
    width: 70%;
    margin-right: 1em;
    margin-bottom: 0;
    padding: 0.9em;
    font-size: 1.7rem;
  }
  .newsletter__btn {
    width: 30%;
  }
}
@media screen and (min-width: 1400px) {
  .newsletter .section-subtitle {
    top: 5%;
  }
}
.pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin-top: 40px;
  color: var(--white);
}
.pagination span,
.pagination a {
  color: var(--white);
}
.pagination .wp-pagenavi a:hover,
.pagination .wp-pagenavi span.current {
  border: 1px solid var(--red);
}

.wp-pagenavi,
.wp-pagenavi a,
.wp-pagenavi span {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  text-align: center;
}

.wp-pagenavi a,
.wp-pagenavi span {
  align-items: center;
  padding: 5px;
  border: 1px solid var(--gray);
  border-radius: 5px;
  background-color: var(--white);
  color: var(--navy);
  transition: border 0.3s;
}

.history {
  position: relative;
}
.history .section-titlebox {
  justify-content: flex-start;
}
.history .section-title {
  border-bottom: 2px solid var(--darkred);
}
.history__timeline {
  display: flex;
  flex-direction: column;
  gap: 3em;
}
.history__box {
  background-color: rgba(209, 209, 209, 0.2);
  padding: 1.5em;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  gap: 0.3em;
}
@media only screen and (min-width: 768px) {
  .history__box {
    min-width: 550px;
    max-width: 550px;
    margin: 0 auto;
  }
}
.history__box-title {
  display: flex;
  align-items: center;
  font-size: 2rem;
  color: var(--darkred);
}
.history__box::before {
  position: absolute;
  content: "";
  left: 50%;
  width: 10px;
  height: 10px;
  bottom: -30px;
  transform: translateX(-50%);
  background-color: var(--red);
}
.history__box:last-child::before, .history__box:last-child::after {
  display: none;
}
.history__box::after {
  content: "";
  background: var(--red);
  position: absolute;
  left: 50%;
  bottom: -40px;
  width: 1px;
  height: 30px;
  transform: translateX(-50%);
}
.history__box-year {
  font-weight: 700;
  font-size: 3rem;
  color: var(--red);
}
@media only screen and (min-width: 768px) {
  .history__box-year {
    font-size: 4rem;
  }
}
.history__box-month {
  font-size: 2rem;
  color: var(--navy);
  letter-spacing: 2px;
}
@media only screen and (min-width: 768px) {
  .history__box-month {
    font-size: 2.5rem;
  }
}
.history__box-description {
  font-size: 1.6rem;
  color: var(--navy);
  line-height: 150%;
}
@media only screen and (min-width: 768px) {
  .history__box-description {
    font-size: 1.8rem;
  }
}

.portfolio {
  position: relative;
}
.portfolio .section-title {
  border-bottom: 2px solid var(--darkred);
}
.portfolio__boxes {
  display: flex;
  flex-direction: column;
  gap: 1em;
}
@media only screen and (min-width: 768px) {
  .portfolio__boxes {
    display: flex;
    flex-direction: row;
    max-height: 580px;
  }
}
.portfolio__box {
  display: flex;
  flex-direction: column;
}
@media only screen and (min-width: 768px) {
  .portfolio__box {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 4fr 1fr;
    width: 45%;
  }
}
@media only screen and (min-width: 1024px) {
  .portfolio__box {
    width: 25%;
  }
}
.portfolio__texts {
  background-color: var(--white);
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  justify-content: center;
  padding: 1em;
  height: 100%;
  gap: 0.25em;
}
.portfolio__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media only screen and (min-width: 768px) {
  .portfolio__about {
    width: 55%;
  }
}
@media only screen and (min-width: 1024px) {
  .portfolio__about {
    width: 75%;
  }
}
.portfolio__about-content {
  display: flex;
  flex-direction: column;
  line-height: 130%;
  gap: 0.3em;
  padding: 1em;
  background-color: var(--white);
  max-height: 580px;
  height: 100%;
  overflow-y: scroll;
}
@media only screen and (min-width: 768px) {
  .portfolio__about-content {
    gap: 0.4em;
  }
}
.portfolio__about-text {
  color: var(--navy);
}
@media only screen and (min-width: 768px) {
  .portfolio__about-text {
    font-size: 1.7rem;
  }
}
.portfolio__list {
  display: flex;
  flex-direction: column;
  list-style-type: none;
  gap: 0.3em;
}
@media only screen and (min-width: 768px) {
  .portfolio__list {
    font-size: 1.7rem;
    gap: 0.4em;
  }
}
.portfolio__list-item {
  margin-left: 2em;
  color: var(--navy);
  position: relative;
  font-weight: 700;
}
.portfolio__list-item::before {
  content: "";
  position: absolute;
  left: -15px;
  top: 50%;
  transform: translateY(-50%);
  width: 7px;
  height: 7px;
  background-color: var(--red);
}
.portfolio__title {
  font-size: 2rem;
  color: var(--blue);
  width: 100%;
}
.portfolio__second, .portfolio__third {
  width: 100%;
  color: var(--blue);
  font-size: 1.7rem;
}
.portfolio__motto {
  font-style: italic;
  color: var(--darkred);
  font-size: 1.5rem;
  width: 100%;
}

.presidents {
  position: relative;
}
.presidents .section-titlebox {
  justify-content: flex-start;
}
.presidents .section-title {
  border-bottom: 2px solid var(--darkred);
}
.presidents__boxes {
  display: flex;
  flex-direction: column;
  gap: 1em;
}
@media only screen and (min-width: 768px) {
  .presidents__boxes {
    display: grid;
    grid-template-columns: 2fr 3fr;
    grid-template-rows: 1fr;
    grid-column-gap: 2em;
    grid-row-gap: 2em;
  }
}
.presidents__img {
  display: flex;
  flex-direction: column;
  gap: 0.5em;
}
@media only screen and (min-width: 768px) {
  .presidents__img {
    gap: 1em;
  }
}
.presidents__current {
  width: 100%;
}
.presidents__text {
  color: var(--blue);
  text-align: center;
  font-size: 1.9rem;
}
@media only screen and (min-width: 768px) {
  .presidents__text {
    text-align: left;
    font-size: 2.5rem;
  }
}

.about__accordion-table {
  background-color: var(--navy) !important;
}
.about__accordion-table .about__accordion-th {
  background-color: var(--white) !important;
}
.about__accordion-table .about__accordion-th:first-child, .about__accordion-table .about__accordion-th:nth-child(2), .about__accordion-table .about__accordion-th:nth-child(3), .about__accordion-table .about__accordion-th:nth-child(4) {
  color: var(--navy);
}

.secretary-general {
  letter-spacing: 5px;
}
.featured-news {
  position: relative;
}
.featured-news .section-title {
  border-bottom: 2px solid var(--darkred);
}
.featured-news__boxes {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2em;
}
@media only screen and (min-width: 768px) {
  .featured-news__boxes {
    flex-direction: row;
    align-items: center;
    justify-content: center;
  }
}
.featured-news__box {
  display: flex;
  flex-direction: column;
  width: 100%;
  border-bottom: 2px solid var(--red);
  border-radius: 5px;
  box-shadow: 0 0px 5px var(--navy);
  transition: box-shadow 0.3s;
  overflow: hidden;
  max-width: 400px;
  height: 500px;
  position: relative;
}
.featured-news__box::after {
  position: absolute;
  content: "featured";
  padding: 0.1em 0.3em;
  background-color: var(--red);
  color: var(--white);
  font-size: 1.5rem;
  text-transform: uppercase;
  top: 10px;
  left: 10px;
}
.featured-news__box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: relative;
  transition: filter 0.2s, transform 0.2s;
}
.featured-news__box-body {
  display: flex;
  flex-direction: column;
  gap: 1em;
  padding: 1em;
  position: absolute;
  bottom: 0;
  background-color: var(--white);
  height: 30%;
}
.featured-news__box-title {
  color: var(--black);
  font-size: 1.9rem;
  font-weight: 400;
  width: 100%;
  transition: color 0.2s;
}
.featured-news__box p {
  color: var(--lightblack);
  font-size: 1.4rem;
  transition: color 0.2s;
}
.featured-news__box:hover {
  border-bottom: 2px solid var(--darkred);
  box-shadow: 0 0px 12px var(--blue);
}
.featured-news__box:hover img {
  transform: scale(1.05);
}
.featured-news__box:hover .featured-news__box-title {
  color: var(--navy);
}
.featured-news__box:hover p {
  color: var(--navy);
}

.footer__bottom {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: var(--white);
  padding: 0.5em;
  text-align: center;
  color: var(--navy);
}
@media only screen and (min-width: 768px) {
  .footer__bottom {
    flex-direction: row;
  }
}
.footer__bottom-link {
  position: relative;
  transition: color 0.3s;
  padding: 0 0.15em;
  color: var(--navy);
  z-index: 5;
}
.footer__bottom-link:hover {
  color: var(--white);
}
.footer__bottom-link:hover::after {
  height: 100%;
}
.footer__bottom-link::after {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -5;
  transition: height 0.3s;
  background-color: var(--red);
  width: 100%;
  height: 1px;
  content: "";
}
.footer__bottom-span {
  visibility: hidden;
  margin: 0 0.5em;
}
@media only screen and (min-width: 768px) {
  .footer__bottom-span {
    visibility: visible;
  }
}
.footer__menu li {
  cursor: pointer;
}
.footer__menu li a {
  display: block;
  height: 100%;
  width: 100%;
}

.gallery {
  position: relative;
}
.gallery .section-title {
  border-bottom: 2px solid var(--darkred);
}
.gallery__boxes {
  display: flex;
  flex-direction: column;
  gap: 2em;
}
@media only screen and (min-width: 768px) {
  .gallery__boxes {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 1.5em;
    grid-row-gap: 1.5em;
  }
}
@media only screen and (min-width: 1024px) {
  .gallery__boxes {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media only screen and (min-width: 1230px) {
  .gallery__boxes {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media only screen and (min-width: 1400px) {
  .gallery__boxes {
    grid-template-columns: repeat(5, 1fr);
  }
}
.gallery__box {
  display: flex;
  flex-direction: column;
  border-radius: 8px;
  overflow: hidden;
  width: 100%;
  border-bottom: 2px solid var(--red);
  box-shadow: 0 0px 5px var(--black);
  transition: transform 0.3s;
}
.gallery__box:hover {
  transform: scale(1.02);
}
.gallery__box-imgbox {
  position: relative;
}
.gallery__box-imgbox::after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(21, 35, 115, 0.5);
  transition: background-color 0.3s;
}
.gallery__box-imgbox::before {
  position: absolute;
  content: "SHOW ALBUM";
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  color: var(--white);
  z-index: 5;
  visibility: visible;
  opacity: 1;
  background-color: rgba(0, 0, 0, 0.1);
  letter-spacing: 1px;
  padding: 0.3em;
  text-align: center;
  transition: opacity 0.3s, visibility 0.3s;
}
.gallery__box:hover .gallery__box-imgbox::after {
  background-color: transparent;
}
.gallery__box:hover .gallery__box-imgbox::before {
  visibility: hidden;
  opacity: 0;
}
.gallery__box-img {
  object-fit: cover;
  width: 100%;
  height: 300px;
  display: block;
}
.gallery__box-texts {
  padding: 1em;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  background-color: var(--white);
  color: var(--blue);
  gap: 0.5em;
}
.gallery__box-title {
  font-size: 1.6rem;
}
.federations {
  position: relative;
}
.federations .section-title {
  border-bottom: 2px solid var(--darkred);
}
.federations .section-subtitle {
  -webkit-text-stroke: 0.5px var(--navy);
}
.federations__boxes {
  display: flex;
  flex-direction: column;
  gap: 2em;
}
@media only screen and (min-width: 1024px) {
  .federations__boxes {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 1.3em;
    grid-row-gap: 1.3em;
  }
}
@media only screen and (min-width: 1230px) {
  .federations__boxes {
    grid-template-columns: repeat(3, 1fr);
  }
}
.federations__box {
  display: flex;
  flex-direction: column;
  gap: 0.8em;
  border-bottom: 2px solid var(--red);
  width: 100%;
  padding: 1em;
  box-shadow: 0 0px 5px var(--black);
  background-color: var(--white);
  transition: transform 0.2s, box-shadow 0.2s;
}
@media only screen and (min-width: 1024px) {
  .federations__box {
    display: grid;
    grid-template-columns: 1fr 4fr;
    grid-template-rows: 1fr;
    gap: 0.5em;
  }
}
.federations__box:hover {
  transform: scale(1.01);
}
.federations__container {
  position: relative;
  width: 50px;
  height: 50px;
  -webkit-filter: drop-shadow(2px 2px 3px rgba(0, 0, 0, 0.3));
  filter: drop-shadow(2px 2px 3px rgba(0, 0, 0, 0.3));
  justify-self: center;
}
.federations__flag {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  bottom: 0;
}
.federations__social {
  display: flex;
  align-items: center;
  gap: 0.6em;
}
.federations__social ion-icon {
  font-size: 2rem;
  color: var(--black);
}
.federations__data {
  display: flex;
  flex-direction: column;
  gap: 0.6em;
  color: var(--lightblack);
  font-size: 1.3rem;
}
@media only screen and (min-width: 1230px) {
  .federations__data {
    font-size: 1.5rem;
  }
}
.federations__data p a {
  color: var(--black);
  border-bottom: 1px solid var(--gray);
  transition: border-bottom 0.2s;
}
.federations__data p a:hover {
  border-bottom: 1px solid var(--navy);
}
.federations__country {
  text-transform: uppercase;
  color: var(--lightblack);
}
.federations__name {
  letter-spacing: 0.5px;
  font-weight: lighter;
}
.federations__email {
  display: flex;
  align-items: center;
  gap: 0.3em;
}
.federations__emails {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.2em;
}

.structure__boxes {
  gap: 1em;
}
.structure__members {
  display: flex;
  flex-direction: column;
  gap: 1em;
}
@media only screen and (min-width: 768px) {
  .structure__members {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 1.5em;
    grid-row-gap: 1.5em;
  }
}
@media only screen and (min-width: 1230px) {
  .structure__members {
    grid-template-columns: repeat(3, 1fr);
  }
}
.structure__member {
  position: relative;
  display: grid;
  grid-template-columns: 3fr 1fr;
  grid-template-rows: 1fr;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  padding: 0.3em;
  border-bottom: 2px solid var(--red);
  background-color: var(--lt-color-overlay-transparent);
  transition: background-color 0.3s, border-bottom 0.3s, transform 0.3s;
}
.structure__member:hover {
  background-color: var(--white);
  transform: scale(1.02);
}
.structure__member:hover .structure__member-title, .structure__member:hover .structure__member-nation, .structure__member:hover .structure__member-name {
  color: var(--navy);
}
.structure__member:hover .structure__member-photo {
  transform: scale(1.05);
}
@media only screen and (min-width: 768px) {
  .structure__member {
    font-size: 1.9rem;
  }
}
.structure__member-photo {
  order: 1;
  width: 80px;
  height: 80px;
  margin-left: auto;
  object-fit: contain;
  border: 2px solid var(--darkred);
  border-radius: 50%;
  background-color: var(--lt-color-overlay-transparent);
  transition: transform 0.3s;
  z-index: 50;
}
@media only screen and (min-width: 768px) {
  .structure__member-photo {
    width: 90px;
    height: 90px;
  }
}
.structure__member-flag {
  width: 25px;
  height: 25px;
  margin-right: 0.5em;
  object-fit: cover;
}
@media only screen and (min-width: 768px) {
  .structure__member-flag {
    width: 40px;
    height: 40px;
  }
}
.structure__member-info {
  display: flex;
  flex-direction: column;
  width: 100%;
  overflow: hidden;
  z-index: 51;
}
.structure__member-country {
  display: flex;
  align-items: center;
  width: 100%;
  margin: 0 0.3em;
  padding: 0.4em;
  transition: color 0.3s;
}
.structure__member-title {
  width: 100%;
  margin: 0 0.3em;
  padding: 0.4em;
  border-bottom: 1px solid var(--red);
  color: var(--white);
  font-weight: 700;
  transition: color 0.3s;
}
.structure__member-name {
  width: 100%;
  margin: 0 0.3em;
  padding: 0.4em;
  border-bottom: 1px solid var(--red);
  color: var(--white);
  transition: color 0.3s;
}
.structure__member-nation {
  color: var(--gray);
  transition: color 0.3s;
}
.structure__title {
  justify-content: flex-start !important;
}
.structure__btn {
  align-self: center;
  border: none;
  font-family: "Roboto Condensed", sans-serif;
  text-transform: uppercase;
  transition: color 0.3s;
  padding: 1em 2em;
  background-color: var(--red);
  color: var(--white);
  font-weight: 700;
  transition: background-color 0.3s, color 0.3s;
}
.structure__btn:hover {
  background-color: var(--white);
  color: var(--blue);
}

.search {
  margin-top: 110px;
}
.search .section-title {
  display: inline-block;
  border-bottom: 2px solid var(--darkred);
}
.search__boxes {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media only screen and (min-width: 576px) {
  .search__boxes {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 1.5em;
    grid-row-gap: 1.5em;
  }
}
@media only screen and (min-width: 768px) {
  .search__boxes {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media only screen and (min-width: 1230px) {
  .search__boxes {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media only screen and (min-width: 1400px) {
  .search__boxes {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media only screen and (min-width: 576px) {
  .search__box {
    width: 100% !important;
    max-width: initial !important;
    min-width: initial !important;
    margin: 0 !important;
  }
}

.error {
  padding-block: 2em;
}
.error__info {
  font-size: 1.8rem;
  color: var(--white);
}
.error__info a {
  color: var(--gray);
  border-bottom: 1px solid var(--gray);
}
.error__info a:hover {
  color: var(--white);
  border-bottom: 1px solid var(--white);
}

*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

* a {
  text-decoration: none;
}

* a,
* button,
* input,
* textarea {
  outline: none;
}

* button {
  cursor: pointer;
}

html {
  font-size: 62.5%;
  scroll-behavior: smooth;
  scroll-padding-top: 69px;
}

body {
  background-color: var(--navy);
  font-size: 1.6rem;
  font-family: "Roboto Condensed", sans-serif !important;
}

.header {
  position: relative;
  width: 100%;
  min-height: 100vh;
}
@media only screen and (min-width: 1024px) {
  .header {
    margin-top: 105px;
  }
}
.header__box {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.header__img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  background-position: center;
  opacity: 0;
  transition: opacity 0.5s;
}
.header__img-active {
  opacity: 1;
}
.header__controls {
  position: absolute;
  top: 40%;
  left: 0;
  width: 50px;
  transform: translateY(-50%);
}
.header__btn {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  background-color: var(--white);
  cursor: pointer;
  transition: 0.3s;
}
.header__btn:hover {
  background-color: var(--darkred);
}
.header__btn:hover::before {
  border-bottom: 3px solid var(--white);
  border-left: 3px solid var(--white);
}
.header__btn::before {
  position: absolute;
  width: 10px;
  height: 10px;
  transform: rotate(45deg);
  border-bottom: 3px solid var(--darkred);
  border-left: 3px solid var(--darkred);
  content: "";
  transition: border-bottom 0.3s, border-left 0.3s;
}
.header__btn:nth-child(2)::before {
  transform: rotate(225deg);
}
.header__content {
  display: flex;
  position: absolute;
  bottom: 45px;
  flex-direction: column;
  align-items: flex-start;
  max-width: 75%;
  padding: 0.8em;
  padding-left: 1.5em;
  border-right: 2px solid var(--red);
  border-bottom: 2px solid var(--red);
  background-color: rgba(0, 0, 0, 0.75);
}
.header__title {
  margin-bottom: 0.25em;
  color: var(--white);
  font-weight: 700;
  font-size: 2.8rem;
  text-transform: uppercase;
  letter-spacing: 0.3px;
}
.header__subtitle {
  margin-bottom: 0.8em;
  color: var(--white);
  font-style: italic;
  font-weight: 300;
  font-size: 1.6rem;
}
.header__link {
  padding: 0.25em 1em;
  border: none;
  font-family: "Roboto Condensed", sans-serif;
  text-transform: uppercase;
  transition: color 0.3s;
  background-color: var(--white);
  color: var(--blue);
}
.header__link:hover {
  color: var(--darkred);
}

.about {
  position: relative;
  background-color: var(--navy);
}
.about .section-title {
  border-bottom: 2px solid var(--darkred);
}
.about__text {
  margin-bottom: 0.5em;
  color: var(--white);
  line-height: 150%;
}
.about__title {
  display: flex;
  z-index: 5;
  position: relative;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.5em;
  padding: 0.5em 1em;
  border-bottom: 2px solid var(--darkred);
  background-color: var(--blue);
  color: var(--white);
  font-size: 2rem;
}
.about__box-btn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.about__btn {
  display: flex;
  z-index: 5;
  position: relative;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 0.5em 1em;
  border: none;
  border-bottom: 2px solid var(--darkred);
  background-color: var(--blue);
  color: var(--white);
  font-size: 2rem;
  cursor: default;
}
.about__btn-link {
  text-align: center;
  display: block;
  margin-block: 1em;
  padding: 0.25em 1em;
  border: none;
  font-family: "Roboto Condensed", sans-serif;
  text-transform: uppercase;
  transition: color 0.3s;
  padding: 1em 2em;
  background-color: var(--red);
  color: var(--white);
  font-weight: 700;
  transition: background-color 0.3s, color 0.3s;
}
.about__btn-link:hover {
  background-color: var(--white);
  color: var(--navy);
}
.about ion-icon {
  margin: 0 0.3em;
  color: var(--red);
  transition: color 0.3s;
}
.about__accordion-table {
  visibility: visible;
  width: 100%;
  margin: 0 auto;
  padding: 1em;
  background-color: var(--white);
  opacity: 1;
  transition: opacity 0.3s;
}
.about__accordion-tr {
  display: flex;
  justify-content: center;
  width: 100%;
}
.about__accordion-th {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 33.3%;
  margin: 0.15em;
  padding: 0.4em 0.1em;
  border-radius: 3px;
  background-color: var(--gray);
  color: var(--navy);
  font-size: 1.3rem;
}
.about__accordion-th--fr {
  background-color: var(--blue);
  color: var(--gray);
}
.about .active-accordion .about__accordion-table {
  visibility: hidden;
  opacity: 0;
}

.news {
  position: relative;
  background-color: var(--white);
}
.news .section-title {
  display: inline-block;
  border-bottom: 2px solid var(--darkred);
}
.news__box {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.news__card {
  display: flex;
  position: relative;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  width: 100%;
  min-width: 240px;
  max-width: 290px;
  min-height: 350px;
  margin-bottom: 2em;
  overflow: hidden;
  border-bottom: 2px solid var(--red);
  border-radius: 5px;
  box-shadow: 0 0px 5px var(--black);
  transition: box-shadow 0.3s;
}
.news__card:hover {
  border-bottom: 2px solid var(--darkred);
  box-shadow: 0 0px 12px var(--navy);
}
.news__card:hover .news__card-img {
  scale: 1.05;
}
.news__card:hover .news__card-bottom {
  visibility: visible;
  transform: translateY(0);
  opacity: 1;
}
.news__card-category {
  z-index: 5;
  padding: 0.1em 0.3em;
  background-color: var(--red);
  color: var(--white);
  font-size: 1.5rem;
  text-transform: uppercase;
}
.news__card-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: scale 0.3s;
}
.news__card-top {
  z-index: 5;
  margin: 0.5em 0 auto 0.5em;
}
.news__card-bottom {
  display: flex;
  z-index: 10;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  min-height: 100px;
  padding: 0.5em;
  background-color: var(--white);
  color: var(--navy);
  transition: opacity 0.3s, transform 0.5s;
}
.news__card-bottom--visible {
  visibility: visible;
  transform: translateY(0);
  opacity: 1;
}
@media screen and (max-width: 1229px) {
  .news__card-bottom--visible-mobile {
    visibility: visible;
    transform: translateY(0);
    opacity: 1;
  }
}
.news__card-title {
  margin-bottom: 0.5em;
  font-weight: 400;
  font-size: 1.9rem;
}
.news__card-date {
  font-size: 1.7rem;
}
.news__btn {
  padding: 0.25em 1em;
  border: none;
  font-family: "Roboto Condensed", sans-serif;
  text-transform: uppercase;
  transition: color 0.3s;
  padding: 1em 2em;
  background-color: var(--red);
  color: var(--white);
  font-weight: 700;
  transition: background-color 0.3s, color 0.3s;
}
.news__btn:hover {
  background-color: var(--navy);
  color: var(--white);
}

.events {
  position: relative;
}
.events .section-title {
  display: block;
  position: relative;
  text-align: right;
}
.events .section-title::before {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  background-color: var(--darkred);
  content: "";
}
.events__boxes {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.events__boxes-calendar {
  margin-bottom: 1.3em;
}
.events__boxes-btn {
  flex-direction: row;
}
.events__box {
  display: flex;
  flex-direction: column;
}
.events__box-card {
  display: flex;
  align-items: stretch;
  margin-bottom: 1em;
  background-color: var(--white);
  transition: background-color 0.3s;
}
.events__box-card:hover {
  background-color: var(--red);
}
.events__box-card:hover .events__box-icon {
  background-color: var(--white);
  color: var(--red);
}
.events__box-card:hover .events__box-text {
  color: var(--white);
}
.events__box-icon {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 1em;
  background-color: var(--red);
  color: var(--white);
  text-transform: uppercase;
  transition: background-color 0.3s, color 0.3s;
}
.events__box-text {
  align-self: center;
  width: 100%;
  padding: 0.5em;
  color: var(--navy);
  transition: color 0.3s;
}
.events__btn {
  align-self: center;
  padding: 0.25em 1em;
  border: none;
  font-family: "Roboto Condensed", sans-serif;
  text-transform: uppercase;
  transition: color 0.3s;
  padding: 1em 2em;
  background-color: var(--red);
  color: var(--white);
  font-weight: 700;
  transition: background-color 0.3s, color 0.3s;
}
.events__btn:hover {
  background-color: var(--white);
  color: var(--navy);
}

.socials {
  position: relative;
}
.socials .section-title {
  display: block;
  position: relative;
  text-align: right;
}
.socials .section-title::before {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  background-color: var(--darkred);
  content: "";
}
.socials__textbox {
  display: flex;
  align-items: center;
  justify-content: center;
}
.socials__boxes {
  display: flex;
  flex-direction: column;
}
.socials__box {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 280px;
  margin: 1em;
  padding: 1.2em;
  text-align: center;
  transition: transform 0.3s, box-shadow 0.3s;
}
.socials__box:hover {
  transform: scale(1.05);
  box-shadow: 0px 3px 15px var(--blue);
}
.socials__box-top {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 0.5em;
}
.socials__box-icon {
  margin-bottom: 0.15em;
  font-size: 3.5rem;
}
.socials__box-icon--facebook {
  color: #4267b2;
}
.socials__box-icon--youtube {
  color: #ff0000;
}
.socials__box-icon--twitter {
  color: #1da1f2;
}
.socials__box-icon--tiktok {
  color: #ff0050;
}
.socials__box-title {
  font-size: 2.3rem;
}
.socials__box-middle {
  margin-bottom: 0.8em;
  padding: 0 0.5em;
}
.socials__box-description {
  font-size: 1.6rem;
}
.socials__box-btn {
  padding: 0.25em 1em;
  border: none;
  font-family: "Roboto Condensed", sans-serif;
  text-transform: uppercase;
  transition: color 0.3s;
  width: 100%;
  padding: 0.6em;
  font-size: 1.6rem;
  transition: color 0.3s, background-color 0.3s;
}

.structure,
.commissions,
.officials {
  position: relative;
}
.structure .section-title,
.commissions .section-title,
.officials .section-title {
  border-bottom: 2px solid var(--darkred);
}
.structure__title,
.commissions__title,
.officials__title {
  display: flex;
  justify-content: center;
  margin-bottom: 1em;
  color: var(--white);
  font-size: 2.2rem;
}
.structure__boxes,
.commissions__boxes,
.officials__boxes {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.structure__box,
.commissions__box,
.officials__box {
  display: flex;
  flex-direction: column;
}
.structure__box--img,
.commissions__box--img,
.officials__box--img {
  align-items: center;
  width: 100%;
  margin-bottom: 1em;
}
.structure__box-text,
.commissions__box-text,
.officials__box-text {
  order: 1;
  color: var(--white);
  font-size: 1.9rem;
}
.structure__box-table,
.commissions__box-table,
.officials__box-table {
  width: 100%;
  padding: 1em;
  background-color: var(--white);
}
.structure__box-tr,
.commissions__box-tr,
.officials__box-tr {
  display: flex;
  justify-content: center;
  width: 100%;
}
.structure__box-th,
.commissions__box-th,
.officials__box-th {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 33.3%;
  margin: 0.15em;
  padding: 0.4em 0.1em;
  border-radius: 3px;
  background-color: var(--gray);
  color: var(--navy);
  font-size: 1.3rem;
}
.structure__box-th--fr,
.commissions__box-th--fr,
.officials__box-th--fr {
  background-color: var(--blue);
  color: var(--gray);
}
.structure__img,
.commissions__img,
.officials__img {
  width: 100%;
  margin-bottom: 1em;
}
@media only screen and (min-width: 1400px) {
  .structure .refree-judge,
  .commissions .refree-judge,
  .officials .refree-judge {
    letter-spacing: 5px;
  }
}

.anti-doping {
  position: relative;
}
.anti-doping .section-title {
  border-bottom: 2px solid var(--darkred);
}
.anti-doping__boxes {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.anti-doping__box {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 400px;
  margin: 1em;
  padding: 1em;
  background-color: var(--white);
  transition: transform 0.3s, box-shadow 0.3s;
}
.anti-doping__box:hover {
  transform: scale(1.05);
  box-shadow: 0px 3px 15px var(--blue);
}
.anti-doping__img {
  width: 100%;
}
.anti-doping__btn {
  padding: 0.25em 1em;
  border: none;
  font-family: "Roboto Condensed", sans-serif;
  text-transform: uppercase;
  transition: color 0.3s;
  width: 100%;
  margin: 1em;
  padding: 0.5em;
  background-color: var(--navy);
  color: var(--white);
  transition: background-color 0.3s;
}
.anti-doping__btn:hover {
  background-color: var(--red);
}

.ranking {
  position: relative;
}
.ranking .section-title {
  border-bottom: 2px solid var(--darkred);
}
.ranking__accordion {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}
.ranking__accordion-btn {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  border: none;
  border-bottom: 2px solid var(--darkred);
  background-color: var(--blue);
  color: var(--white);
  font-weight: 700;
  font-size: 1.4rem;
  text-transform: uppercase;
  transition: background-color 0.3s, border-bottom 0.3s;
}
.ranking__accordion-btn:hover, .ranking__accordion-btn:focus {
  border-bottom: 2px solid var(--blue);
  background-color: var(--red);
}
.ranking__accordion-btn:hover .ranking__accordion-icon, .ranking__accordion-btn:focus .ranking__accordion-icon {
  background-color: var(--darkred);
}
.ranking__accordion-icon {
  margin: 0.5em;
  padding: 0.5em;
  border-radius: 50%;
  background-color: var(--navy);
  color: var(--white);
  font-size: 1.7rem;
  transition: background-color 0.3s;
}
.ranking__accordion-table {
  display: none;
  width: 100%;
  padding: 1em 2em;
  background-color: var(--white);
}
.ranking__accordion-tbody {
  width: 100%;
}
.ranking__accordion-tr {
  display: flex;
  justify-content: center;
  width: 100%;
}
.ranking__accordion-th {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 25%;
  margin: 0.15em;
  padding: 0.8em;
  border-radius: 3px;
  background-color: var(--gray);
  color: var(--navy);
  font-size: 1.15rem;
  text-transform: uppercase;
}
.ranking__accordion-th--fr {
  background-color: var(--blue);
  color: var(--gray);
}
.ranking .active-ranking {
  display: flex;
  width: 100%;
}

.calendar {
  position: relative;
}
.calendar .section-title {
  border-bottom: 2px solid var(--darkred);
}
.calendar__month {
  display: flex;
  position: relative;
  align-items: center;
  margin-bottom: 1.5em;
  color: var(--white);
  font-size: 1.8rem;
  white-space: nowrap;
}
.calendar__month::after {
  position: relative;
  left: 10px;
  width: 90%;
  height: 1px;
  background-color: var(--blue);
  content: "";
}
.calendar__boxes {
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
.calendar__box {
  display: flex;
  align-items: stretch;
  margin-bottom: 1em;
  border-bottom: 2px solid var(--darkred);
  background-color: var(--white);
}
.calendar__date {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 15%;
  margin-right: 1em;
  padding: 0.5em;
  background-color: var(--red);
}
.calendar__day {
  margin-bottom: 0.15em;
  color: var(--gray);
  font-weight: 300;
  text-transform: uppercase;
}
.calendar__number {
  color: var(--white);
  font-weight: 700;
}
.calendar__info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 85%;
  padding: 0.5em;
  color: var(--black);
}
.calendar__dates, .calendar__event, .calendar__place {
  margin-bottom: 0.3em;
  font-weight: 700;
}
.calendar__dates {
  font-size: 1.3rem;
}
.calendar__event {
  position: relative;
  margin: 0.5em 0;
  color: var(--black);
  transition: color 0.3s;
}
.calendar__event:hover {
  color: var(--navy);
}
.calendar__event::after {
  position: absolute;
  bottom: -3px;
  left: 0;
  width: 20px;
  height: 2px;
  background-color: var(--darkred);
  content: "";
  transition: width 0.5s;
}
.calendar__event:hover::after {
  width: 100%;
}
.calendar__event, .calendar__description, .calendar__place {
  font-size: 1.4rem;
}
.calendar__buttons {
  display: flex;
  align-items: center;
  justify-content: center;
}
.calendar__btn {
  display: flex;
  align-items: center;
  margin: 2em auto;
  padding: 0.25em 1em;
  border: none;
  font-family: "Roboto Condensed", sans-serif;
  text-transform: uppercase;
  transition: color 0.3s;
  background-color: transparent;
  color: var(--white);
  font-size: 1.5rem;
}
.calendar__btn-icon {
  margin: 0 0.5em;
  font-size: 2rem;
}

.article {
  position: relative;
}
.article .section-title {
  border-bottom: 2px solid var(--darkred);
}
.article__boxes {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.article__title {
  margin-bottom: 0.5em;
  color: var(--white);
  font-size: 2.2rem;
  text-align: center;
}
.article__box {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
}
.article__img {
  max-width: 100%;
}
.article__info {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.article__category {
  display: flex;
  align-items: center;
  margin-bottom: 1em;
}
.article__date {
  margin-right: 1em;
  color: var(--white);
}
.article__btn {
  padding: 0.25em 1em;
  border: none;
  font-family: "Roboto Condensed", sans-serif;
  text-transform: uppercase;
  transition: color 0.3s;
  background-color: var(--red);
  color: var(--white);
}
.article__text {
  margin-bottom: 1em;
  color: var(--gray);
  line-height: 150%;
}
.article__media {
  max-width: 400px;
}
.article__media-img {
  width: 100%;
  margin-bottom: 0.5em;
}

.allnews {
  position: relative;
}
.allnews .section-title {
  border-bottom: 2px solid var(--darkred);
}
.allnews .news__btn:hover {
  background-color: var(--white);
  color: var(--navy);
}

.event {
  position: relative;
}
.event .section-title {
  border-bottom: 2px solid var(--darkred);
}
.event__boxes {
  display: flex;
  flex-direction: column;
}
.event__box {
  display: flex;
  flex-direction: column;
  margin-bottom: 0.5em;
}
.event__details, .event__organizer, .event__category {
  margin-bottom: 1em;
}
.event__media {
  display: flex;
}
.event__text {
  margin-bottom: 0.5em;
  color: var(--gray);
}
.event__text-title {
  margin-bottom: 1em;
  font-size: 2rem;
}
.event__text-top {
  color: var(--white);
  font-weight: 700;
  text-transform: uppercase;
}
.event__text-category, .event__text-mail {
  position: relative;
  color: var(--red);
  font-weight: 700;
}
.event__text-category::after, .event__text-mail::after {
  position: absolute;
  bottom: -5px;
  left: 0;
  width: 20px;
  height: 2px;
  background-color: var(--blue);
  content: "";
  content: "";
  transition: width 0.5s;
}
.event__text-category:hover::after, .event__text-mail:hover::after {
  width: 100%;
}
.event__link {
  padding: 0.8em 0.5em;
  background-color: var(--white);
  color: var(--navy);
  font-size: 1.5rem;
  transition: background-color 0.3s, box-shadow 0.25s, padding-left 0.2s;
}
.event__link:hover {
  padding-left: 1.5em;
  background-color: var(--gray);
  box-shadow: 20px 0px 0 var(--red) inset;
}
.event__link-icon {
  margin-right: 0.3em;
  color: var(--darkred);
  font-size: 2.3rem;
  vertical-align: middle;
}

.documents {
  position: relative;
}
.documents .section-title {
  border-bottom: 2px solid var(--darkred);
}
.documents__boxes {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
.documents__boxes > div {
  width: 100%;
}
.documents__box {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-bottom: 1.5em;
  background-color: var(--blue);
}
.documents__box-top {
  display: flex;
  flex-direction: column;
  padding: 1em;
}
.documents__content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 1em;
  border-bottom: 2px solid var(--darkred);
  background-color: var(--white);
}
.documents__heading {
  margin-bottom: 0.3em;
  color: var(--white);
  font-weight: 700;
  font-size: 2rem;
}
.documents__date {
  align-self: flex-start;
  padding: 0.3em;
  background-color: var(--red);
  color: var(--gray);
}
.documents__link {
  position: relative;
  margin-bottom: 1.5em;
  padding: 0.3em;
  background-color: var(--gray);
  color: var(--navy);
  transition: color 0.3s, background-color 0.3s;
}
.documents__link:hover {
  background-color: var(--navy);
  color: var(--white);
}
.documents__link:hover::after {
  width: 100%;
  background-color: var(--darkred);
}
.documents__link::after {
  position: absolute;
  bottom: -5px;
  left: 0;
  width: 20px;
  height: 2px;
  background-color: var(--blue);
  content: "";
  transition: width 0.8s, background-color 0.3s;
}
.documents__link:last-child {
  margin-bottom: 0.5em;
}

.partners {
  position: relative;
}
.partners .section-title {
  border-bottom: 2px solid var(--darkred);
}
.partners__boxes {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.partners__link {
  margin: 0 0 1em 0;
}
.partners__img {
  width: 130px;
  height: 100%;
  object-fit: contain;
}

.contact {
  position: relative;
}
.contact .section-title {
  border-bottom: 2px solid var(--darkred);
}
.contact__boxes {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
.contact__informations {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.contact__box {
  display: flex;
  flex-direction: column;
}
.contact__box-info {
  margin-bottom: 1em;
}
.contact__box-address {
  margin-bottom: 1em;
}
.contact__form {
  width: 100%;
}
.contact__form-body {
  display: flex;
  flex-direction: column;
}
.contact__form-top, .contact__form-middle, .contact__form-bottom {
  display: flex;
  flex-direction: column;
}
.contact__text {
  margin-bottom: 0.5em;
  color: var(--white);
}
.contact__link {
  display: flex;
  position: relative;
  align-items: center;
  margin-bottom: 1em;
  color: var(--white);
  text-decoration: none;
  transition: color 0.3s;
}
.contact__link:hover {
  color: var(--gray);
}
.contact__link:hover::before {
  width: 100%;
  background-color: var(--darkred);
}
.contact__link::before {
  position: absolute;
  bottom: -10px;
  left: 0;
  width: 20px;
  height: 2px;
  transform-origin: right;
  background-color: var(--blue);
  content: "";
  transition: width 0.8s, background-color 0.3s;
}
.contact__icon {
  margin-right: 0.3em;
  color: var(--red);
  font-size: 2rem;
}
.contact__input, .contact__textarea {
  margin-bottom: 0.8em;
  padding: 0.5em 0.8em;
  border: none;
  border-bottom: 1px solid var(--blue);
  background-color: transparent;
  color: var(--white);
  font-size: 1.6rem;
  font-family: "Roboto Condensed", sans-serif;
  transition: border-bottom 0.3s;
}
.contact__input::placeholder, .contact__textarea::placeholder {
  color: var(--gray);
}
.contact__input:focus, .contact__textarea:focus {
  border-bottom: 1px solid var(--darkred);
}
.contact__textarea {
  min-height: 100px;
  margin-bottom: 1.5em;
  resize: vertical;
}
.contact__btn {
  padding: 0.25em 1em;
  border: none;
  font-family: "Roboto Condensed", sans-serif;
  text-transform: uppercase;
  transition: color 0.3s;
  padding: 1em 2em;
  background-color: var(--red);
  color: var(--white);
  font-weight: 700;
  transition: background-color 0.3s, color 0.3s;
}
.contact__btn:hover {
  background-color: var(--white);
  color: var(--navy);
}

.footer {
  background-color: var(--black);
}
.footer__boxes {
  display: flex;
  flex-direction: column;
}
.footer__box {
  display: flex;
  flex-direction: column;
  margin-bottom: 0.8em;
}
.footer__logo {
  width: 170px;
  height: 50px;
  margin-bottom: 0.8em;
}
.footer__img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.footer__brand {
  margin-bottom: 0.5em;
  color: var(--white);
  font-weight: 700;
  font-size: 2.2rem;
  text-transform: uppercase;
}
.footer__motto {
  color: var(--gray);
  font-style: italic;
  font-size: 1.6rem;
}
.footer__menu {
  display: flex;
  flex-direction: column;
  align-items: center;
  list-style-type: none;
}
.footer__menu-link {
  width: 100%;
  margin: 0.3em;
  padding: 0.5em;
  border-bottom: 1px solid var(--lightblack);
  color: var(--gray);
  font-size: 1.7rem;
  transition: color 0.3s, border-bottom 0.3s;
}
.footer__menu-link:hover {
  border-bottom: 1px solid var(--darkred);
}
.footer__menu-link:hover a {
  color: var(--red);
}
.footer__menu-link a {
  color: var(--gray);
  transition: color 0.3s;
}
.footer__socials {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.footer__socials-title {
  color: var(--white);
  font-weight: 700;
  font-size: 2.2rem;
  text-transform: uppercase;
}
.footer__socials-link {
  display: flex;
  align-items: center;
  width: 100%;
  margin: 0.3em;
  padding: 0.5em;
  border-bottom: 1px solid var(--lightblack);
  color: var(--gray);
  font-size: 1.7rem;
  transition: color 0.3s, border-bottom 0.3s;
}
.footer__socials-link:hover {
  border-bottom: 1px solid var(--darkred);
  color: var(--red);
}
.footer__socials-icon {
  margin-right: 0.3em;
  color: var(--white);
}
.footer__socials-icon--facebook {
  color: #4267b2;
}
.footer__socials-icon--youtube {
  color: #ff0000;
}
.footer__socials-icon--twitter {
  color: #1da1f2;
}
.footer__socials-icon--tiktok {
  color: #ff0050;
}
.footer__partners-desktop {
  display: none;
}
.footer__partners-desktop-img {
  width: 120px;
  height: 50px;
  object-fit: contain;
}

@media (min-width: 576px) {
  .header__controls {
    top: 50%;
    width: 65px;
  }
  .header__btn {
    width: 65px;
    height: 65px;
  }
  .header__btn::before {
    width: 15px;
    height: 15px;
  }
  .header__content {
    bottom: 100px;
    max-width: 80%;
    padding: 1.5em;
    padding-left: 2.5em;
  }
  .header__title {
    font-size: 3rem;
  }
  .header__subtitle {
    font-size: 2.2rem;
  }
  .header__link {
    font-size: 2rem;
  }
  .about__text {
    font-size: 1.8rem;
  }
  .about__title, .about__btn {
    padding: 0.6em 1.2em;
    font-size: 2rem;
  }
  .about__accordion-th {
    padding: 0.6em 0.4em;
    font-size: 1.5rem;
  }
  .structure__box-th,
  .commissions__box-th,
  .officials__box-th {
    padding: 0.6em 0.4em;
    font-size: 1.5rem;
  }
  .socials__box-icon {
    font-size: 4rem;
  }
  .socials__box-title {
    font-size: 2.6rem;
  }
  .socials__box-description {
    font-size: 1.8rem;
  }
}
@media (min-width: 768px) {
  .news__box {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
  }
  .news__card {
    min-width: 280px;
    margin: 0 1em 2em;
  }
  .events__boxes {
    flex-direction: row;
  }
  .events__box {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
  }
  .events__box-card {
    margin: 0.4em 0.7em 0.4em 0;
  }
  .anti-doping__boxes {
    flex-direction: row;
  }
  .anti-doping__box {
    max-width: 350px;
    min-height: 350px;
    max-height: 450px;
  }
  .anti-doping__img {
    width: 100%;
    height: 300px;
    object-fit: contain;
  }
  .anti-doping__btn {
    padding: 1em;
  }
  .article__title {
    font-size: 2.6rem;
  }
  .article__date {
    font-size: 2rem;
  }
  .article__btn {
    font-size: 1.4rem;
  }
  .article__text {
    font-size: 1.8rem;
  }
  .calendar__date {
    width: 10%;
  }
  .calendar__info {
    width: 90%;
  }
  .calendar__dates {
    font-size: 1.5rem;
  }
  .calendar__month {
    font-size: 2rem;
  }
  .calendar__event, .calendar__description, .calendar__place {
    font-size: 1.6rem;
  }
  .calendar__btn {
    font-size: 1.8rem;
  }
  .calendar__btn-icon {
    font-size: 2.5rem;
  }
  .event__box {
    flex-direction: row;
  }
  .event__details, .event__organizer, .event__category {
    margin-right: 1em;
    margin-bottom: 2em;
  }
  .event__left, .event__right {
    width: 50%;
  }
  .event__text {
    font-size: 1.8rem;
  }
  .event__text-title {
    font-size: 2.4rem;
  }
  .event__link {
    display: flex;
    align-items: center;
    font-size: 1.8rem;
  }
  .event__link-icon {
    font-size: 2.6rem;
  }
  .partners__boxes {
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
  }
  .partners__link {
    margin: 1em;
  }
  .partners__img {
    width: 150px;
    height: 100%;
  }
  .contact__text, .contact__link {
    font-size: 1.8rem;
  }
  .contact__icon {
    font-size: 2.3rem;
  }
  .contact__input, .contact__textarea {
    font-size: 1.6rem;
  }
  .contact__btn {
    font-size: 1.6rem;
  }
  .documents__heading {
    font-size: 2.4rem;
  }
  .documents__date {
    font-size: 1.8rem;
  }
  .documents__link {
    font-size: 1.8rem;
  }
  .footer__logo {
    width: 250px;
    height: 60px;
    margin-bottom: 1.2em;
  }
  .footer__img {
    width: 100%;
    height: 100%;
  }
  .footer__brand {
    font-size: 2.5rem;
  }
  .footer__motto {
    font-size: 1.8rem;
  }
  .footer__menu {
    list-style-type: none;
  }
  .footer__menu a {
    color: var(--gray);
    font-size: 1.7rem;
  }
  .footer__socials-title {
    font-size: 2.3rem;
  }
  .footer__socials-link {
    font-size: 1.7rem;
  }
}
@media (min-width: 992px) {
  .about__boxes {
    display: flex;
    justify-content: center;
  }
  .about__box--text {
    width: 55%;
    margin-right: 1em;
  }
  .about__box--accordion {
    width: 45%;
  }
  .about__text {
    font-size: 2rem;
  }
  .about__title, .about__btn {
    font-size: 2.2rem;
  }
  .commissions__boxes,
  .officials__boxes {
    flex-direction: row;
  }
  .commissions__title,
  .officials__title {
    justify-content: flex-start;
    font-size: 2.5rem;
  }
  .commissions__box--img,
  .officials__box--img {
    width: 50%;
    margin-right: 2em;
  }
  .commissions__box--table,
  .officials__box--table {
    width: 50%;
  }
  .commissions__box-text,
  .officials__box-text {
    align-self: flex-start;
    font-size: 2.2rem;
  }
  .commissions__box-th,
  .officials__box-th {
    padding: 0.5em 0.4em;
    font-size: 1.4rem;
  }
  .structure__box--members {
    width: 50%;
  }
  .commissions__box--table,
  .officials__box--table {
    width: 80%;
  }
  .socials__boxes {
    flex-direction: row;
    justify-content: center;
  }
  .socials__box {
    max-width: 260px;
    margin: 0.5em;
  }
  .article__info {
    flex-direction: row;
    justify-content: space-between;
  }
  .article__title {
    font-size: 3.5rem;
    text-align: left;
  }
  .article__btn {
    font-size: 1.6rem;
  }
  .article__text {
    font-size: 2rem;
  }
  .article__boxes {
    flex-direction: row;
    align-items: flex-start;
  }
  .article__box-content {
    width: 100%;
  }
  .article__media {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .event__text {
    font-size: 2rem;
  }
  .event__text-title {
    font-size: 2.8rem;
  }
  .event__link {
    font-size: 2rem;
  }
  .calendar__date {
    width: 5%;
  }
  .calendar__info {
    width: 95%;
  }
  .documents__box-top {
    flex-direction: row;
    justify-content: space-between;
  }
  .documents__heading {
    font-size: 2.8rem;
  }
  .documents__date {
    font-size: 2rem;
  }
  .documents__link {
    font-size: 2rem;
  }
  .contact__boxes {
    flex-direction: row;
  }
  .contact__informations {
    width: 45%;
  }
  .contact__form {
    width: 55%;
  }
  .contact__text, .contact__link {
    font-size: 2rem;
  }
  .contact__icon {
    font-size: 2.5rem;
  }
  .contact__input, .contact__textarea, .contact__btn {
    font-size: 1.8rem;
  }
  .footer__boxes {
    flex-direction: row;
    align-items: flex-start;
    justify-content: center;
  }
  .footer__box {
    margin: 0;
  }
  .footer__box--logo {
    align-self: center;
  }
  .footer__box--sitemap {
    margin: 0 3em;
  }
  .footer__logo {
    width: 350px;
    height: 60px;
    margin-bottom: 1.2em;
  }
  .footer__img {
    width: 100%;
    height: 100%;
  }
  .footer__brand {
    font-size: 3rem;
  }
  .footer__motto {
    font-size: 1.9rem;
  }
  .footer__menu-link {
    font-size: 1.8rem;
  }
  .footer__socials-title {
    font-size: 2.5rem;
    white-space: nowrap;
  }
  .footer__socials-link {
    font-size: 1.8rem;
  }
  .footer__partners-desktop {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    margin-top: 1.5em;
  }
  .footer__partners-desktop-link {
    margin-right: 3em;
  }
}
@media (min-width: 1400px) {
  .article__title {
    width: 70%;
  }
  .news .section-subtitle {
    top: 20%;
  }
  .events .section-subtitle {
    top: 20%;
  }
  .structure__title,
  .commissions__title,
  .officials__title {
    font-size: 3.5rem;
  }
  .structure__box--img,
  .commissions__box--img,
  .officials__box--img {
    width: 60%;
    margin-right: 2em;
  }
  .structure__box--table,
  .commissions__box--table,
  .officials__box--table {
    width: 40%;
  }
  .structure__box-text,
  .commissions__box-text,
  .officials__box-text {
    font-size: 2.5rem;
  }
  .commissions:nth-child(2) .section-subtitle {
    top: 3%;
  }
  .commissions:nth-child(6) .section-subtitle {
    top: 10%;
  }
  .commissions__box--table {
    width: 100%;
  }
  .officials__box--table {
    width: 100%;
  }
  .contact__informations {
    width: 35%;
  }
  .contact__form {
    width: 65%;
  }
}