@charset "UTF-8";
/*
Theme Name: collegiate
Text Domain: collegiate
Theme URI: https://localhost/wordpress
Author: Power on Marketing
Author URI: https://www.poweronmarketing.com/
Description: Our 2024 collegiate theme is designed to show off collegiate.
Requires at least: 4.9.6
Requires PHP: 7.4
Version: 1.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, rtl-language-support, sticky-post, threaded-comments, translation-ready
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------*/
@font-face {
  font-family: "Montserrat";
  src: url("/wp-content/themes/collegiate/css/fonts/Montserrat-VariableFont.ttf");
}
@font-face {
  font-family: "Montserrat";
  src: url("/wp-content/themes/collegiate/css/fonts/Montserrat-VariableFont.ttf");
}
@font-face {
  font-family: "Cabin";
  src: url("/wp-content/themes/collegiate/css/fonts/Cabin-VariableFont.ttf");
}
@font-face {
  font-family: "Montserrat-fallback";
  size-adjust: 97.38%;
  ascent-override: 99%;
  src: local("Arial");
  font-weight: bold;
}

*::-moz-selection {
  color: var(--white);
  background: var(--blue);
}
*::-webkit-selection,
*::selection {
  color: var(--white);
  background: var(--blue);
}
* {
  scrollbar-color: #000 #fff;
  scrollbar-width: thin;
}
*::-webkit-scrollbar {
  width: 0.6rem;
}
*::-webkit-scrollbar-track {
  background: #fff;
}
* ::-webkit-scrollbar-thumb {
  background-color: #000;
  outline: 0px solid #000;
  -webkit-border-radius: 0;
  border-radius: 0;
}

:root {
  --white: #ffffff;
  --title: #0f0e0f;
  --color: #fafafa;
  --bg-search: #ecedee;
  --bg-form: #e6e8eb;
  --color-search: #47404e;
  --color-form: #707070;
  --color-footer: #3c3c3c;
  --quotes: #1c1c1c;
  --gray-light: #f8f8f8;
  --gray-dark: #6a737b;
  --btn-dis: #d7d8da;
  --orange-light: #faa634;
  --orange: #cb953a;
  --orange-tabs: #f89c27;
  --green: #54b948;
  --green-active: #438e3a;
  --blue-light: #01a1dd;
  --blue: #3fa9f5;
  --blue-dark: #002b54;
  --bg-modal: #011729;
  --blue-dark-hover: #005ca7;
  --footer-line: #0054bb;
  --blue-item: #1aa1e4;
  --color-border: #dadcde;
  --color-black: #2c2c2c;
  --bg-gradient: linear-gradient(#0d76bd, #002b54);
  --bg-gradient-rotate: linear-gradient(#002b54, #0d76bd);
  --bg-gradient-banner: linear-gradient(90deg, #0d76bd, #54b948);
  --bg-gradient-services: linear-gradient(75deg, #0d76bd 16%, #54b948);
  --bg-gradient-opportunities: linear-gradient(45deg, #54b948, #0d76bd);
  --bg-gradient-services-bottom: linear-gradient(75deg, #0d76bd, #095385);
  --bg-gradient-items: linear-gradient(75deg, #54b948, #0d76bd);
  --box-shadow: 0 0.4rem 3.2rem rgba(35, 26, 77, 0.16);
  --box-shadow-items: 0 0 2rem rgba(234, 229, 238, 1);
  --box-shadow-benefit: 0 0.3rem 0.6rem rgba(0, 0, 0, 0.16);
  --toggle-ease: cubic-bezier(0.77, 0, 0.175, 1);
}

body {
  font-family: "Montserrat", "sans-serif";
  background-color: #0f0f0f;
  color: var(--color);
  overflow-x: hidden;
}
h1 {
  font: normal normal 900 60px "Montserrat";
  letter-spacing: -0.14px;
}
ul {
  list-style-type: none;
  padding-left: 0;
  margin: 0;
}
a {
  text-decoration: none;
}
a:hover {
  text-decoration: unset !important;
}
input,
textarea,
select,
button {
  font-family: "Montserrat";
  font-weight: bold;
}
iframe {
  width: 100%;
  height: 100%;
  position: absolute;
}
img {
  max-width: 100%;
}
.regular {
  font-weight: 300;
}
.medium {
  font-weight: 600;
}
.bold {
  font-weight: bold;
}
.italic {
  font-style: italic;
}
.zindex-negative {
  z-index: -10;
}
.zindex-0 {
  z-index: 0;
}
.zindex-1 {
  z-index: 1;
}
.zindex-100 {
  z-index: 100;
}
.zindex-1000 {
  z-index: 1000;
}
.font-10 {
  font-size: 10px;
}
.font-11 {
  font-size: 11px;
}
.font-12 {
  font-size: 12px;
}
.font-13 {
  font-size: 13px;
}
.font-14 {
  font-size: 14px;
}
.font-15 {
  font-size: 15px;
}
.font-17 {
  font-size: 17px;
}
.font-18 {
  font-size: 18px;
}
.font-19 {
  font-size: 19px;
}
.font-20 {
  font-size: 20px;
}
.font-21 {
  font-size: 21px;
}
.font-22 {
  font-size: 22px;
}
.font-23 {
  font-size: 23px;
}
.font-24 {
  font-size: 24px;
}
.font-25 {
  font-size: 25px;
}
.font-26 {
  font-size: 26px;
}
.font-27 {
  font-size: 27px;
}
.font-28 {
  font-size: 28px;
}
.font-29 {
  font-size: 29px;
}
.font-30 {
  font-size: 30px;
}
.font-32 {
  font-size: 32px;
}
.font-33 {
  font-size: 33px;
}
.font-35 {
  font-size: 35px;
}
.font-36 {
  font-size: 36px;
}
.font-37 {
  font-size: 37px;
}
.font-38 {
  font-size: 38px;
}
.font-40 {
  font-size: 40px;
}
.font-42 {
  font-size: 42px;
}
.font-45 {
  font-size: 45px;
}
.font-46 {
  font-size: 46px;
}
.font-55 {
  font-size: 55px;
}
.font-60 {
  font-size: 60px;
}
.description {
  font-size: 15px;
}
.black {
  color: #000000;
}
.blue {
  color: var(--blue);
}
.lightblack {
  color: var(--color-black);
}
.grey {
  color: #5d5d5d;
}
.lightgrey {
  color: #f5f5f5;
}
.darkgrey {
  color: #4c4d4f;
}
.default {
  color: var(--color);
}
.white {
  color: #ffffff;
}
.bg-default {
  background-color: var(--color);
}
.bg-white {
  background-color: #ffffff;
}
.opacity-70 {
  opacity: 70%;
}
.w-20 {
  width: calc(20% - 1rem);
}
.w-30 {
  width: 30%;
}
.w-40 {
  width: 40%;
}
.w-90 {
  width: 90%;
}
.mt-n5 {
  margin-top: -5rem;
}
.mt-n20 {
  margin-top: -20rem;
}
.mb-n2 {
  margin-bottom: -2rem;
}
.mb-n5 {
  margin-bottom: -5rem;
}
.ms-n4 {
  margin-left: -2rem;
}
.ms-n5 {
  margin-left: -5rem;
}
.me-n5 {
  margin-right: -5rem;
}
.ms-n30 {
  margin-left: -30%;
}
.webkit-vertical-1 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
.webkit-vertical-2 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.webkit-vertical-3 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.hidden {
  display: none;
}
.mobile_only {
  display: none;
}
.cursor-pointer {
  cursor: pointer;
}
.object-fit-cover {
  object-fit: cover;
}
.object-fit-contain {
  object-fit: contain;
}
.box-shadow {
  box-shadow: 0px 5px 10px #0000006c;
}
.text-shadow {
  text-shadow: 0 3px 6px #00000029;
}
.clearfix {
  display: block;
  clear: both;
}
.clearfix:after {
  content: "";
  display: block;
  clear: both;
}
.btn {
  font: normal normal bold 18px/22px "Montserrat";
  position: relative;
  text-align: center;
  border-radius: 5px;
  padding: 0 2rem;
  text-transform: uppercase;
  letter-spacing: 0;
  min-width: 144px;
  min-height: 61px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.3s ease-in-out;
}
.btn:hover {
  transform: translate3d(0, -5px, 0);
}
.btn:focus {
  box-shadow: unset;
}
.btn-main {
  color: var(--color);
  background-color: var(--orange);
  box-shadow: -2px 10px 25px #00000080;
}
.btn-main:hover {
  color: var(--color);
  background-color: var(--orange);
  border: 1px solid var(--orange);
}
.form-control {
  font-size: 21px;
  color: #fff;
  background-color: transparent;
  border: 1px solid #fff;
  outline: unset;
  min-height: 61px;
  border-radius: 31px;
  padding-left: 42px;
}
.form-control::placeholder {
  color: #fff;
}
.form-control:focus {
  border: 1px solid #fff;
  color: #fff;
  background-color: transparent;
  box-shadow: unset;
}
input[type="checkbox"] {
  width: 16px;
  height: 15px;
}
input[type="checkbox"]:before {
  font-family: "FontAwesome";
  content: "\f00c";
  font-size: 21px;
  background: #fff;
  color: transparent;
  width: 21px;
  height: 21px;
  border-radius: 2px;
  position: relative;
  display: flex;
  align-items: center;
  top: 0;
}
input[type="checkbox"]:checked:before {
  background: #f7d826;
  color: #fff;
}
input[type="radio"] {
  display: grid;
  place-content: center;
  appearance: none;
  margin: 0;
  font: inherit;
  border: 2px solid #d5d5dc;
  border-radius: 50%;
  box-shadow: inset 5px 20px #fff;
  cursor: pointer;
  background: #fff;
}
input[type="radio"]:checked {
  border: 2px solid #00b4d8;
  box-shadow: inset 5px 20px #00b4d8;
  background: #00b4d8;
}
input[type="radio"]:checked::before {
  transform: scale(0.4);
}
input[type="radio"]::before {
  content: "";
  width: 12px;
  height: 12px;
  border-radius: 50%;
  transform: scale(0);
  transition: 120ms transform ease-in-out;
  box-shadow: inset 1em 1em #fff;
}
.slick-next {
  right: 0;
  z-index: 100;
}
.slick-prev {
  left: 0;
  z-index: 100;
}
.slick-dots li,
.slick-dots li button {
  width: 10px;
  height: 10px;
  color: #00427e;
}
.slick-dots li button:before {
  opacity: 1;
  color: #00427e;
  width: 12px;
  height: 12px;
  line-height: 10px;
}
.slick-dots li.slick-active button:before {
  color: #00427e;
  opacity: 1;
  border: 1px solid #00427e;
  border-radius: 50%;
  padding-left: 1px;
  top: -1px;
}
/* Start Ajax Loader */
@-webkit-keyframes loader-spin {
  from {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }

  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes loader-spin {
  from {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }

  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.ajax-loader-container {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  width: 100%;
  height: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  display: none;
  background-color: rgba(206, 206, 206, 0.6);
}
.ajax-loader-container.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.ajax-loader-container .ajax-loader {
  width: 300px;
  height: 300px;
  border-top: 10px solid #0055b8;
  border-radius: 50%;
  -webkit-animation-name: loader-spin;
  animation-name: loader-spin;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
/* End Ajax Loader */

/ header /
.container-custom {
  max-width: 1640px;
}
.logo-wrapper img {
  cursor: pointer;
  width: 144px;
  height: auto;
  position: relative;
}
.menu-primary-menu-container {
  width: calc(100% - 152px);
}
header .menu {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
}
header .menu li {
  position: relative;
  padding: 1rem 0;
}
header .menu li::after {
  content: "";
  position: absolute;
  width: 0;
  border-top: 4px solid var(--orange);
  transition: 0.3s;
  padding-bottom: 2.5rem;
  margin-top: 5px;
}
header .menu li:hover::after {
  width: 100%;
}
header .menu li a {
  display: block;
  position: relative;
  text-align: center;
  font: normal normal bold 16px/19px "Montserrat";
  letter-spacing: 0px;
  color: var(--color);
  text-transform: uppercase;
  line-height: 1.5;
}
header .menu-primary-menu-container li > a::before,
header .menu-primary-menu-container li > a::after {
  content: "";
  position: absolute;
  top: 1.2em;
  width: 3px;
  height: 12px;
  background: #fff;
  border-radius: 5px 5px 0 0;
  transition: all 0.3s ease-in-out;
  display: none;
}
header .menu-primary-menu-container li > a::before {
  transform: rotate(-45deg);
  right: 32px;
}
header .menu-primary-menu-container li > a::after {
  transform: rotate(45deg);
  right: 25px;
  left: unset;
}
header .menu-primary-menu-container li.open > a::before {
  transform: rotate(45deg);
}
header .menu-primary-menu-container li.open > a::after {
  transform: rotate(-45deg);
}
header .sub-menu li {
  height: 74px;
  display: flex;
  align-items: center;
  background: #3c3c3c 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 25px #0f0f0f00;
  margin-bottom: 1px;
  padding: unset;
  transition: all 0.3s;
}
header .sub-menu li:first-child {
  border-radius: 5px 5px 0px 0px;
}
header .sub-menu li:last-child {
  border-radius: 0px 0px 5px 5px;
}
header .sub-menu li:hover {
  margin-left: 13px;
  margin-right: -13px;
  background: var(--orange) 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 25px #0f0f0f;
}
header .sub-menu li::after,
header .sub-menu li:hover::after {
  display: none;
}
header .sub-menu li:hover::after {
  width: calc(100% - 0.5rem);
}
header .sub-menu li a {
  text-align: left;
  display: block;
  width: 100%;
  padding: 1rem 2rem;
}
header .sub-menu li a span {
  position: relative;
}
header .sub-menu li a span::after {
  content: "";
  position: absolute;
  width: 0;
  height: 2px;
  border-top: 2px solid #fff;
  left: 0;
  bottom: -5px;
  transition: 0.3s;
}
header .sub-menu li:hover a span::after {
  width: 100%;
}
.sub-menu {
  display: none;
  width: calc(100% + 4rem);
  min-width: 300px;
  position: absolute;
  top: 3rem;
  padding: 1rem 0;
  z-index: 100;
}
header .menu-primary-menu-container .menu > li:hover .sub-menu {
  display: block;
}
#menu-primary-menu li:last-child:hover .sub-menu {
  min-width: 300px;
  left: unset;
  right: -48px;
  padding-right: 0;
}
/* start nav toggle bar*/
.animated-icon {
  width: 30px;
  height: 26px;
  position: relative;
  margin: 0px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
  cursor: pointer;
}
.animated-icon span {
  display: block;
  position: absolute;
  height: 3px;
  width: 100%;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
}
.animated-icon span {
  background: #fff;
}
.animated-icon span:nth-child(1) {
  top: 0px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}
.animated-icon span:nth-child(2) {
  top: 10px;
  width: 70%;
  left: unset;
  right: 0;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}
.animated-icon span:nth-child(3) {
  top: 20px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
  opacity: 0;
}
.animated-icon.open span:nth-child(1) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 0px;
  left: 8px;
}
.animated-icon.open span:nth-child(2) {
  width: 0%;
  opacity: 0;
}
.animated-icon.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 21px;
  left: 8px;
  opacity: 1;
}
/* end nav toggle bar*/
/* start countdown*/
#countdown li {
  margin: 1rem;
  min-width: 54px;
  font: normal normal 300 14px/18px "Montserrat";
}
#countdown li article span {
  font: normal normal bold 32px/39px "Montserrat";
}
/* end countdown*/
.header-content {
  position: absolute;
  height: 154px;
  top: 0;
  z-index: 999;
  background: transparent linear-gradient(180deg, #0f0f0f 0%, #0f0f0f00 100%) 0%
    0% no-repeat padding-box;
}
header .btn-main {
  font: normal normal bold 16px/19px "Montserrat";
}
.navbar-toggler {
  position: relative;
  z-index: 999;
  border-color: transparent;
  padding-left: 0;
  padding-right: 0;
}
.navbar-toggler:focus {
  box-shadow: unset;
}
/*** main ****/
main {
  overflow: hidden;
  max-width: 100vw;
  position: relative;
}
.content-page {
  padding-top: 154px;
  min-height: 50vh;
}
.content-hero {
  min-height: 100vh;
}
picture.image_property img {
  object-fit: cover;
}
picture.w-100 img,
picture img {
  width: 100%;
}
picture.h-100 img {
  height: 100%;
}
picture.object-fit-cover img {
  object-fit: cover;
}
picture.origin img {
  width: unset;
  height: unset;
}
.title {
  font-size: 46px;
  letter-spacing: -0.09px;
}
.sub_title {
  font: normal normal bold 22px/27px "Montserrat";
  letter-spacing: -0.04px;
}
.detail {
  font: normal normal normal 18px/34px "Cabin";
  letter-spacing: 0.27px;
}
.image_property {
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: fixed;
}
.btn-transparent {
  color: var(--color);
  border: 3px solid var(--color);
  background: transparent;
  overflow: hidden;
}
.btn-transparent:after {
  content: "";
  position: absolute;
  width: 105%;
  height: 105%;
  background-color: #fff;
  transform: translateY(100%);
  z-index: -1;
  transition: all 0.3s ease-in-out;
}
.btn-transparent:hover {
  color: #0f0f0f;
  border: 3px solid #fff;
}
.btn-transparent:hover:after {
  transform: translateY(0);
}
.bottom-linear-gradient {
  height: 113px;
  background: transparent linear-gradient(180deg, #0f0f0f00 0%, #0f0f0f 100%) 0%
    0% no-repeat padding-box;
}
.espn_date {
  letter-spacing: 11px;
  font-weight: 600;
}
.item {
  width: 230px;
  height: 230px;
  background: transparent linear-gradient(323deg, #212121 0%, #363636 100%) 0%
    0% no-repeat padding-box;
  border-radius: 50%;
  transition: all 0.3s ease-in-out;
}
.item:hover {
  background: var(--orange);
  transform: translateY(-8px);
}
.item:hover .avatar {
  display: none;
}
.item:hover .avatar.hovered {
  display: block;
}
.avatar {
  max-width: 81px;
  height: auto;
}
.avatar.hovered {
  display: none;
}
.image_block_content {
  position: absolute;
  max-width: 50%;
  mix-blend-mode: luminosity;
  opacity: 0.83;
  left: 0;
}
.image_block_content.direction-Right {
  left: unset;
  right: 0;
}
.main_layout.image_block {
  min-height: 812px;
}
.content-page .main_layout.image_block {
  margin: 3rem 0;
}
.main_layout {
  margin: 3rem 0;
}
.image_block {
  margin: 6rem 0;
}
.bg_effect {
  width: 80%;
  height: 150%;
  mix-blend-mode: screen;
  opacity: 0.8;
  top: -25%;
  right: -20%;
}
.stay_for_the_event {
  min-height: 561px;
}
.stay_for_the_event::before {
  content: "";
  position: absolute;
  width: 55%;
  height: 100%;
  background: #cb953b 0% 0% no-repeat padding-box;
  opacity: 0.87;
  top: 0;
  left: -5%;
  z-index: -1;
  transform: skewX(10deg);
}
.bg_stay {
  mix-blend-mode: luminosity;
  opacity: 0.74;
}
.title_stay {
  font: normal normal 900 60px/73px "Montserrat";
  letter-spacing: -0.12px;
  color: #fafafa;
  text-shadow: 0px 3px 6px #00000029;
  text-transform: uppercase;
  max-width: 700px;
}
.indicator_pane {
  max-width: 170px;
  height: 45px;
}
.icon_indicator {
  position: relative;
  width: 26px;
  height: 26px;
  border: 2px solid var(--color);
  background: transparent;
  font-size: 15px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  transition: all 0.3s ease-in-out;
}
.icon_indicator:before {
  content: "";
  position: absolute;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background: var(--color);
  z-index: 9;
  transition: all 0.6s ease-in-out;
}
.icon_indicator:after {
  content: "";
  position: absolute;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background: var(--orange);
  opacity: 0.87;
  z-index: 10;
  transition: all 0.6s ease-in-out;
  transform: translate3d(0, 0, 0);
}
.indicator_pane:hover .icon_indicator,
.indicator_pane:hover .icon_indicator:before {
  width: 32px;
  height: 32px;
}
.indicator_pane:hover .icon_indicator:after {
  transform: translate3d(30px, -30px, 0);
}
.indicator_pane .icon_indicator i {
  z-index: 11;
}
.indicator_pane:hover .icon_indicator i {
  color: var(--orange);
  font-size: 18px;
  position: relative;
}
.main_layout.latest_news .icon_indicator:after {
  background: #0f0f0f;
  opacity: 1;
}
.featured_news {
  background: transparent
    linear-gradient(323deg, var(--quotes) 0%, #313030 100%) 0% 0% no-repeat
    padding-box;
  box-shadow: 0px 3px 20px #0f0f0f;
  border-radius: 5px;
  overflow: hidden;
}
.avatar_post {
  height: 197px;
  mix-blend-mode: luminosity;
}
.featured_news:hover .avatar_post {
  mix-blend-mode: normal;
  transition: all 0.3s ease-in-out;
}
.featured_news:hover .post_content h4 {
  color: var(--orange);
  transition: all 0.3s ease-in-out;
}
.main_layout.latest_news {
  margin: 150px 0;
}
.main_layout.sign_up {
  padding: 130px 0;
  margin: 0;
}
.main_layout.feature .container {
  max-width: 1100px;
}
.swipe {
  display: none;
}
.post_content {
  height: 320px;
  padding: 42px;
}
.post_content h4 {
  height: 48px;
  overflow: hidden;
}
.sign_up:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
  background-color: #0f0f0f;
  mix-blend-mode: multiply;
  opacity: 0.65;
}
.bg_sign_up {
  mix-blend-mode: luminosity;
}
.avatar_team_pane {
  height: 112px;
}
.avatar_team {
  max-width: 200px;
  max-height: 112px;
  object-fit: contain;
}
.part_session {
  position: relative;
  height: 310px;
  background: transparent linear-gradient(315deg, #2a2a2a 0%, #323232 100%) 0%
    0% no-repeat padding-box;
  box-shadow: 3px 10px 20px #000000;
  border-radius: 5px;
}
.part_session::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 5px;
  padding: 10px;
  background: linear-gradient(315deg, #2a2a2a 0%, #323232 100%);
  transition: 0.3s;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}
.part_session:hover:before {
  border: 4px solid #cb953b;
}
.underline {
  border-bottom: 1px solid var(--color-form);
}
.ticket_part {
  background: transparent
    linear-gradient(180deg, var(--quotes) 80%, #c699562b 100%) 0% 0% no-repeat
    padding-box;
  box-shadow: 3px 10px 25px #0f0f0f;
  border-radius: 5px;
}
.ticket_avatar:after {
  content: "";
  position: absolute;
  width: 2px;
  height: 100%;
  top: 0;
  right: 3rem;
  background: var(--color);
  opacity: 0.4;
}
.content-page.contact .bg_effect,
.content-page.sponsors .bg_effect,
.error404 .bg_effect {
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
}
.main_layout.contact {
  background: transparent
    linear-gradient(299deg, var(--quotes) 0%, #313131 100%) 0% 0% no-repeat
    padding-box;
  box-shadow: 0px 3px 20px #0f0f0f;
  border-radius: 5px;
}
.title_contact {
  font: normal normal normal 22px/34px Cabin;
}
.cabin {
  font-family: "Cabin";
}
.item_sponsor {
  height: 310px;
}
.title_faq:after {
  content: "";
  position: absolute;
  width: 123px;
  height: 3px;
  background: var(--orange);
  left: 0;
  bottom: -3px;
}
.detail_faq {
  opacity: 0.63;
}
.mix-blend-luminosity {
  mix-blend-mode: luminosity;
}
.orange {
  color: var(--orange);
}
.effect-wrapper .bg_effect {
  width: 60%;
  height: auto;
  top: -10%;
  right: -10%;
}
.title_facility:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 3px;
  background: var(--orange);
  left: 0;
  bottom: -1rem;
}
.avatar_mark {
  width: 20px;
}
.map_area {
  width: 521px;
  height: 352px;
  left: 50%;
  top: calc((100% - 352px) / 2);
  z-index: 100;
}
.news .main_layout.latest_news {
  margin: 3rem 0;
}
.opacity-80 {
  opacity: 0.8;
}
.single_post_thumbnail {
  opacity: 0.9;
}
.single_post_thumbnail img {
  width: 100%;
  height: auto;
  object-fit: contain;
}
.single .main_layout.sign_up {
  display: none;
}
.single .btn-transparent svg {
  fill: var(--color);
}
.single .btn-transparent:hover svg {
  fill: #0f0f0f;
  transform: skewY(-10deg);
}
.single .nav-next .btn-transparent:hover svg {
  transform: skewY(10deg);
}
.single .btn-transparent:after {
  transform: translateX(100%);
}
.single .nav-next .btn-transparent:after {
  transform: translateX(-100%);
}
.single .btn-transparent:hover:after {
  transform: translateX(0);
}
.nav-single .container > * {
  width: 33.33%;
}
.back_to_home:after {
  content: "";
  position: absolute;
  width: 50%;
  height: 3px;
  background: var(--orange);
  bottom: -0.5rem;
  left: 25%;
  transition: all 0.3s;
}
.back_to_home:hover:after {
  width: 100%;
  left: 0;
}
.nav-posts .nav-header span.active {
  color: var(--orange);
}
.nav-posts .nav-header span.active:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 3px;
  background: var(--orange);
  bottom: -0.5rem;
  left: 0;
  transition: all 0.3s;
}
.nav-content .content {
  display: none;
}
.nav-content .content.active {
  display: block;
}
.avatar_nav {
  width: 131px;
  mix-blend-mode: luminosity;
}
.sign_up_form.bg-quotes {
  background-color: var(--quotes);
}
.sign_up_form {
  min-height: 316px;
}
.sign_up_form .indicator_pane {
  width: 70px;
  height: 70px;
  background-color: var(--orange);
  cursor: pointer;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  margin-left: auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
.sign_up_form .icon_indicator svg {
  top: 16px;
  left: 19px;
}
.sign_up_form .icon_indicator svg.hovered {
  top: 11px;
  left: 14px;
}
.custom_email {
  width: calc(200% - 60px);
}
.sign_up_form .nf-response-msg p {
  font-size: 20px;
}
.sign_up_form .nf-error.field-wrap .nf-field-element:after,
.sign_up_form .nf-pass.field-wrap .nf-field-element:after {
  width: 68px;
  height: 68px;
  line-height: 68px;
}
.sign_up_form .nf-pass.field-wrap .nf-field-element:after {
  right: -20px;
}
main .nf-form-content .custom_email input:not([type="button"]).form-control {
  background-color: #fff !important;
  height: 70px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  opacity: 1;
  color: #bcbcbc;
}
main
  .nf-form-content
  .custom_email
  input:not([type="button"]).form-control::placeholder {
  color: #bcbcbc;
}

/* start pagination */
.pagination a,
.pagination span.current {
  font: normal normal 800 25px/30px "Montserrat";
  color: #fafafa;
  padding: 1rem;
}
.pagination span.current {
  color: var(--orange);
}
/* end pagination */
.parking-wrapper .image_block {
  margin-bottom: 0;
}
.main_layout.team .slick-list {
  padding: 0 10% 0 0 !important;
}
/*** Wysiwyg Content **/
.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em;
  padding: 10px;
}
.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em;
  padding: 10px;
}
.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.wp-caption img[class*="wp-image-"] {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.wp-caption {
  margin-bottom: 1.5em;
  max-width: 100%;
}
.size-full {
  display: block;
  width: 100%;
}
.wysiwyg h2,
.wysiwyg h3,
.wysiwyg h4,
.wysiwyg h5,
.wysiwyg h6 {
  color: var(--color);
  font-family: "Montserrat";
  margin: 1rem 0;
}
.wysiwyg h2 {
  font-size: 60px;
  margin: 1.5rem 0;
}
.wysiwyg h3 {
  font-size: 45px;
}
.wysiwyg h4 {
  font-size: 30px;
}
.wysiwyg h5 {
  font-size: 25px;
}
.wysiwyg h6,
.wysiwyg p {
  font-size: 22px;
}
/*** footer **/
footer {
  font-size: 14px;
  color: #fff;
}
.footer-title {
  font: normal normal bold 16px/19px "Montserrat";
  position: relative;
  opacity: 1;
}
.footer-title:before {
  content: "";
  position: absolute;
  width: 2px;
  height: 17px;
  background: transparent
    linear-gradient(169deg, #c69956 0%, #e5d2b7 53%, #c69956 100%) 0% 0%
    no-repeat padding-box;
  left: -12px;
}
.no-gradient:before {
  display: none;
}
.footer-top a {
  display: block;
  color: white;
  font: normal normal 400 16px/32px "Montserrat";
}
.footer-top .custom-logo-link {
  opacity: 1;
}
.footer-top .menu-item a {
  opacity: 0.6;
  transition: all 0.3s ease-in-out;
}
.footer-top .menu-item:hover a {
  opacity: 1;
}
.espn_logo {
  width: 151px;
  height: auto;
}
.gradient {
  width: 2px;
  height: 58px;
  background: transparent
    linear-gradient(177deg, #c69956 0%, #e5d2b7 53%, #c69956 100%) 0% 0%
    no-repeat padding-box;
}
a.text-decoration-underline:hover {
  text-decoration: underline !important;
}
/* error_404_wrapper */
.error_404_wrapper h1 {
  font-size: 22px;
}
.error404 .main_layout.sign_up {
  display: none;
}
.error404 .indicator_pane {
  max-width: 250px;
}
.error404 .bg_effect {
  width: 110%;
  left: -10%;
}
.pic_404 {
  position: relative;
  top: -130px;
  margin-bottom: -150px;
  mix-blend-mode: difference;
}

/* Yoast SEO(plugin) ***/
#breadcrumbs {
  font-size: 18px;
  font-weight: 300;
  letter-spacing: 0.27px;
  margin: 0px;
  color: var(--color);
  text-transform: uppercase;
}
#breadcrumbs a {
  color: var(--color);
  margin-right: 0.25rem;
}
#breadcrumbs .breadcrumb_last {
  color: var(--orange);
  font-weight: bold;
  margin-left: 0.25rem;
}
/* Ninja form 7(plugin) ***/
.nf-form-fields-required {
  display: none;
}
.nf-form-title h3 {
  font-size: 24px;
  font-weight: bold;
  color: #4c4c4c;
  margin-bottom: 2rem;
}
main .nf-form-content .list-select-wrap > div div:after {
  display: none;
}
main .nf-form-content input:not([type="button"]),
main .nf-form-content input:not([type="button"]):focus,
main .nf-form-content textarea,
main .nf-form-content select.ninja-forms-field:not([multiple]),
main .nf-form-content .listselect-wrap .nf-field-element div {
  height: 46px;
  background: transparent !important;
  border: 1px solid var(--color);
  text-transform: capitalize;
  font: normal normal normal 18px/34px "Cabin";
  letter-spacing: 0.27px;
  min-height: 46px;
  border-radius: unset;
  opacity: 0.75;
}
main .nf-form-content input:not([type="button"]):focus,
main .nf-form-content textarea:focus,
main .nf-form-content select.ninja-forms-field:not([multiple]):focus {
  box-shadow: inset 0px 0px 15px #fafafa80;
  opacity: 1;
}
main .nf-form-content input:not([type="button"])::placeholder,
main .nf-form-content textarea::placeholder,
main .nf-form-content select.ninja-forms-field:not([multiple]) {
  font: normal normal normal 18px/34px "Cabin";
}
main .nf-form-content select.ninja-forms-field {
  color: var(--color);
  padding: 0 1rem;
}
main .nf-form-content select.ninja-forms-field:not([multiple]) option {
  color: #5d5d5d;
}
main .checkbox-container.label-right label {
  color: #fff;
  font: normal normal normal 13px/26px "Cabin";
}
main .checkbox-container.label-right label .ninja-forms-req-symbol {
  display: none;
}
main .nf-form-content .ninja-forms-field {
  font-size: 22px;
}
main .nf-form-content button,
main .nf-form-content input[type="button"] {
  color: var(--color);
  background-color: var(--orange);
  box-shadow: -2px 10px 25px #00000080;
  border: unset;
}
main .nf-form-content button:hover,
main .nf-form-content button:active,
main .nf-form-content input[type="button"]:hover,
main .nf-form-content input[type="button"]:active {
  color: var(--color);
  background-color: var(--orange);
  border: 1px solid var(--orange);
  border: unset;
}
main .nf-form-content button.nf-fu-button-cancel {
  display: none;
}
main input[type="checkbox"]:focus + label:after,
main input[type="radio"]:focus + label:after {
  box-shadow: unset;
}
main .listradio-wrap .nf-field-element label:after {
  background-color: #fff;
  border: 1px solid var(--color-form);
  opacity: 0.45;
}
main .listradio-wrap .nf-field-element label.nf-checked-label:before {
  background-color: var(--blue);
}
main .listradio-wrap .nf-field-element label.nf-checked-label:after {
  border-color: var(--color-form);
  opacity: 1;
}
main .nf-form-content input[type="checkbox"].ninja-forms-field,
main .nf-form-content input[type="radio"].ninja-forms-field {
  padding: 0;
  margin: 0;
  margin-top: 0.25em;
  height: unset;
}
main .checkbox-wrap .nf-field-label label:after {
  border-radius: 2px;
  top: 5px;
}
main .nf-row:last-child .nf-field-container {
  margin-bottom: 0;
}
main .nf-field-container.submit-container {
  display: none;
}
.nf-response-msg p {
  font-size: 45px;
  text-align: center;
  font-family: "Montserrat";
  line-height: 1.2;
}
.nf-response-msg p.detail {
  font-size: 18px;
  font-family: "Montserrat";
}
.nf-progress-container,
.nf-breadcrumbs {
  display: none;
}
.nf-form-content label {
  color: #5d5d5d;
}
.contact .nf-form-title h3 {
  display: none;
}
.contact .nf-field-container.submit-container {
  display: block;
}
.contact .nf-form-content input:not([type="button"]),
.contact .nf-form-content input:not([type="button"]):focus,
.contact .nf-form-content textarea,
.contact .nf-form-content select.ninja-forms-field:not([multiple]),
.contact .nf-form-content .listselect-wrap .nf-field-element div {
  height: 49px;
  background: #1a1a1a !important;
  border: 1px solid #1a1a1a;
  border-radius: 5px;
  opacity: 1;
}
.contact .nf-form-content input[type="submit"].btn-transparent {
  color: var(--color);
  border: 3px solid var(--color);
  background: transparent !important;
  min-width: 178px;
  height: 61px !important;
  overflow: hidden;
  text-transform: uppercase;
  opacity: 1;
  font-family: "Montserrat";
  font-weight: bold;
}
.contact .submit-container .nf-field-element {
  width: unset;
  margin-left: auto;
  overflow: hidden;
  padding-top: 5px;
}
.contact .submit-container .nf-field-element:after {
  content: "";
  position: absolute;
  width: 100%;
  height: calc(100% - 5px);
  background-color: #fff;
  border-radius: 5px;
  transform: translateY(100%);
  top: 5px;
  transition: all 0.3s ease-in-out;
}
.contact .submit-container .nf-field-element:hover .btn-transparent {
  color: #0f0f0f;
  border: 3px solid #fff;
  z-index: 1;
}
.contact .submit-container .nf-field-element:hover:after {
  transform: translateY(0);
  top: -5px;
  margin-top: 5px;
}
.contact .nf-form-content input:not([type="button"])::placeholder,
.contact .nf-form-content textarea::placeholder,
.contact .nf-form-content select.ninja-forms-field:not([multiple]) {
  opacity: 0.3;
}

.video-container {
  border: 4px solid #f2d1a0;
  border-radius: 6px;
  margin-left: 60px;
  cursor: pointer;
}
.video-wrapper {
  position: relative;
  padding-top: 56.25%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.video-wrapper > video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  display: none;
}
.video-play-btn-container {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.video-play-button {
  width: 73px;
  height: 73px;
}
/*=================== MEDIA ===================*/
@media only screen and (max-width: 1400px) {
  .item {
    width: 180px;
    height: 180px;
  }
  .sub_title {
    font-size: 18px;
  }
  .avatar {
    max-width: 50px;
  }
}
@media only screen and (max-width: 1199px) {
  .desktop_only {
    display: none;
  }
  .mobile_only {
    display: block;
  }
  h1 {
    font-size: 45px;
    line-height: 52px;
  }
  .header-content {
    height: unset;
  }
  .logo-wrapper img {
    width: 125px;
  }
  #mobileNavbarToggleExternalContent {
    width: 311px;
    height: 100vh;
    z-index: 997;
    background-color: #272727;
    box-shadow: -10px -3px 25px #0f0f0f;
    padding: 100px 2rem 3rem;
    transition: all 0.3s linear;
    transform: translateX(100%);
  }
  .sub-menu {
    display: block;
    position: unset;
  }
  .menu-primary-menu-container {
    width: 100%;
  }
  header .menu {
    width: 100%;
    display: block;
  }
  header .menu li {
    padding: 0;
    margin-bottom: 0.8rem;
  }
  header .menu li::after {
    display: none;
  }
  header .menu li a {
    font-size: 18px;
    color: var(--orange);
    text-align: left;
  }
  header .sub-menu li {
    height: unset;
    background: unset;
    box-shadow: unset;
    padding: unset;
    display: block;
  }
  header .sub-menu li a {
    color: var(--color);
    font: normal normal 400 16px/19px "Montserrat";
    padding: 0 2rem;
  }
  header .sub-menu li:hover {
    margin-left: unset;
    margin-right: unset;
    box-shadow: unset;
    background: unset;
  }
  header #menu-primary-menu-1.menu li:first-child {
    transform: translateX(100px);
    transition: all 0.6s ease-in-out;
  }
  header #menu-primary-menu-1.menu li:nth-child(2) {
    transform: translateX(200px);
    transition: all 1.2s ease-in-out;
  }
  .bottom-linear-gradient {
    height: 40px;
  }
  #countdown li {
    margin: 0;
  }
  .ticket_part .w-75 {
    width: 100% !important;
  }
  .ticket_avatar:after {
    right: 1rem;
  }
  .single-post .btn-transparent {
    min-width: unset;
    padding: 0 1rem;
  }
}
@media only screen and (max-width: 991px) {
  .video-container {
    margin-left: 0;
    margin-top: 24px;
    margin-bottom: 24px;
  }
  p {
    font-size: 16px;
  }
  .font-18 {
    font-size: 16px;
  }
  .font-19 {
    font-size: 17px;
  }
  .font-20 {
    font-size: 20px;
  }
  .font-22 {
    font-size: 20px;
  }
  .font-24 {
    font-size: 20px;
  }
  .font-26 {
    font-size: 20px;
  }
  .font-28 {
    font-size: 22px;
  }
  .font-29 {
    font-size: 23px;
  }
  .font-30 {
    font-size: 24px;
  }
  .font-32 {
    font-size: 25px;
  }
  .font-33 {
    font-size: 29px;
  }
  .font-35 {
    font-size: 27px;
  }
  .font-38 {
    font-size: 30px;
  }
  .font-40 {
    font-size: 33px;
  }
  .font-45 {
    font-size: 30px;
  }
  .wysiwyg h2 {
    font-size: 30px;
  }
  .wysiwyg h3 {
    font-size: 25px;
  }
  .wysiwyg h4 {
    font-size: 22px;
  }
  .wysiwyg h5 {
    font-size: 18px;
  }
  .wysiwyg h6,
  .wysiwyg p {
    font-size: 16px;
  }
  .image_block {
    margin: 3rem 0 6rem;
  }
  .btn-main,
  .btn-transparent {
    font-size: 16px;
    min-height: 54px;
  }
  .title {
    font-size: 25px;
    line-height: 30px;
    letter-spacing: -0.05px;
  }
  .sub_title {
    font-size: 18px;
  }
  .detail {
    font-size: 18px;
    line-height: 27px;
    letter-spacing: 0.36px;
  }
  .espn_date {
    font-size: 16px;
    line-height: 19px;
  }
  .gradient {
    display: none;
  }
  .main_layout {
    margin: 0;
  }
  .container {
    padding: 0 30px;
  }
  .content-page.broadcast-schedule .container {
    padding: 0 12px;
  }
  header .logo-wrapper img {
    padding-top: 35px;
  }
  .homepage .image_block {
    margin: 0;
  }
  .main_layout.feature .default {
    width: 50%;
  }
  .home .main_layout.image_block {
    min-height: unset;
    padding-top: unset !important;
  }
  .home .main_layout.feature,
  .home .main_layout.image_block,
  .home .main_layout.team,
  .page-template-about-tpl .main_layout.image_block.direction-Left {
    margin-bottom: 97px;
  }
  .home .main_layout.latest_news {
    margin: 97px 0;
  }
  .page-template-about-tpl .main_layout.image_block.direction-Right {
    margin-top: 97px;
  }
  .home .main_layout.image_block .title,
  .home .main_layout.team .title,
  .home .main_layout.latest_news .title,
  .page-template-about-tpl .main_layout.image_block.direction-Left .title,
  .page-template-about-tpl .main_layout.image_block.direction-Right .title {
    padding-bottom: 6px;
  }
  .home .main_layout.image_block .detail,
  .page-template-about-tpl .main_layout.image_block.direction-Left .detail {
    padding-bottom: 20px;
  }
  .home .main_layout.team .detail,
  .home .main_layout.image_block.direction-Left .image_block_content,
  .page-template-about-tpl
    .main_layout.image_block.direction-Left
    .image_block_content,
  .page-template-about-tpl
    .main_layout.image_block.direction-Right
    .image_block_content {
    padding-bottom: 12px;
  }
  .page-template-about-tpl .main_layout.image_block.direction-Right .detail {
    margin-bottom: 12px !important;
  }
  .home .main_layout.team .btn-transparent {
    margin-top: 60px;
  }
  .page-template-about-tpl .effect-wrapper .to_do:last-child {
    padding-bottom: 0 !important;
  }
  .page-template-about-tpl .effect-wrapper .to_do:last-child .detail {
    margin-bottom: 0 !important;
  }
  .page-template-about-tpl .main_layout.sign_up {
    display: none;
  }
  .item {
    width: 150px;
    height: 150px;
    margin: 1rem auto;
  }
  .main_layout.feature .default:last-child .item {
    margin-bottom: 0;
  }
  .bg_effect {
    width: 100%;
    left: 0;
  }
  .image_block_content {
    max-width: 100%;
    position: relative;
    left: -10% !important;
  }
  .image_block_content.direction-Right {
    left: unset !important;
    right: -10%;
  }
  .content-page .main_layout.image_block {
    margin: 0;
  }
  .title_stay {
    font-size: 30px;
    line-height: 36px;
  }
  .stay_for_the_event {
    min-height: 420px;
  }
  .stay_for_the_event::before {
    width: 60%;
    left: -10%;
  }
  .main_layout.sign_up {
    padding: 60px 0;
  }
  .avatar_post {
    height: 179px;
  }
  .post_content {
    height: 279px;
  }
  .main_layout.sign_up .font-22 {
    display: none;
  }
  .swipe {
    display: block;
  }
  .ticket_avatar:after {
    display: none;
  }
  .ticket_part .w-50 {
    width: 100% !important;
  }
  .parking-wrapper {
    display: flex;
    flex-direction: column-reverse;
    margin-bottom: 145px;
  }
  .map_area {
    position: relative !important;
    width: calc(100% - 4rem);
    left: 2rem;
  }
  .error404 .bg_effect {
    width: 100%;
    left: 0;
  }
  .pic_404 {
    top: -80px;
    margin-bottom: -50px;
  }
  .part_session .font-18 {
    max-width: 280px;
  }
  .main_layout .nf-row .nf-cell {
    float: unset;
    width: 100% !important;
  }
  .sign_up_form .nf-form-content .label-hidden .nf-field-label {
    margin: 0 !important;
  }
  .sign_up_form .nf-row:nth-child(2) .nf-cell {
    width: 50% !important;
  }
  .avatar_team {
    max-width: 100%;
  }
  footer {
    padding: 12px 0;
  }
  footer a {
    opacity: 0.56;
  }
  footer p {
    font-size: 14px;
    opacity: 0.56;
  }

  .home-section > .container-custom {
    padding-top: 227px;
  }
}
@media only screen and (max-width: 575px) {
  h1 {
    font-size: 35px;
    line-height: 42px;
  }
}