:root {
	--blue: #2DB0E6 ;
	--purple: #984398;
   --dblue: #00014D;
   --black: #000000;
   --white: #FFFFFF;
   --lgray: #f2f2f2;
   --drgray: #707070;
   --gray: #333333;
   --green: #7ec369;
   --orange: #f6a71c;
}

.bg--blue {
   background-color: var(--blue);
   padding: 3.5rem 2rem;
}

.bg--radius {
   border-radius: 20px;
}

.list li {
   margin-bottom: .5rem;
}

.list--unstyle {
   list-style: none!important;
   margin: 0;
   padding: 0;
}

.border {
   border: 1px solid var(--drgray);
   padding: 2rem;
}

.eyebrow {
   background-color: var(--orange);
   border-radius: 13px;
   color: var(--white);
   line-height: 1;
   padding: .7rem 1.5rem;
   text-align: center;
   text-transform: uppercase;
   margin: 0 auto 1rem;
   width: max-content;
   font-weight: 600;
   font-size: 1.2rem;
}

.mb--2 {
   margin-bottom: 2rem;
}

.mt--2 {
   margin-top: 2rem;
}

.grid {
   display: grid;
   grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}

.grid img {
   height: auto;
   max-width: 100%;
}

.grid--2 {
   grid-template-columns: 1fr;
}

.grid--3 {
   grid-template-columns: 1fr;
}

.grid--cols {
   grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
   gap: 2rem;
}

.grid--cols .grid__item {
   background-color: var(--white);
   border-radius: 20px;
   padding: 2rem;
   display: flex;
   flex-direction: column;
   row-gap: .5rem;
   width: 100%;
}

.grid--cols .grid__item h2 {
   font-size: 26px;
   line-height: 1.1;
   margin-bottom: 0;
}

.grid--cols .grid__item .button {
   font-size: 18px;
   margin-top: auto;
}

.grid--3 .grid__item {
   position: relative;
}

.grid--3 {
   gap: 5rem;
}

.grid--3 .grid__item:after {
   background: rgba(112, 112, 112, 0.3);
   bottom: -2.5rem;
   content: '';
   display: inline-block;
   height: 2px;
   position: absolute;
   right: 0;
   width: 100%;
}

.grid--3 .grid__item:last-child:after {
   display: none;
}

.cards .grid {
   grid-template-columns: repeat(auto-fit, minmax(250px, 400px));
   justify-content: center;
   gap: 1rem;
}

.cards .grid .grid__item {
   max-width: 400px;
}

.cards h3 {
   color: var(--blue);
   font-size: 24px;
   line-height: 1.2;
}

.cards .button {
   font-size: 18px;
   margin-top: auto;
}

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

   .grid .grid__item {
      position: relative;
   }

   .grid--3 .grid__item:after {
      bottom: unset;
      top: 0;
      right: -2.5rem;
      width: 2px;
      height: 100%;
   }

   .grid--2 {
      grid-template-columns: repeat(2, 1fr);
   }

   .cards .grid--3 {
      grid-template-columns: repeat(3, 1fr);
   }
}

body.page-winter-educational-conference {
   color: var(--drgray)!important;
   line-height: 1.6;
}

.page-winter-educational-conference .content ul {
   margin-bottom: 24px;
}

.page-winter-educational-conference .content h4 {
   font-size: 20px;
   font-weight: 600;
}

.page-winter-educational-conference ul li::marker {
   color: var(--blue);
}

.page-winter-educational-conference .container {
   color: var(--drgray);
   margin: 0 auto;
   max-width: 1200px;
   padding: 0 20px;
   width: 100%;
}

.page-winter-educational-conference .container--narrow {
   margin: 0 auto;
   max-width: 900px;
   padding: 0 20px;
   width: 100%;
}

.page-winter-educational-conference .signup .container {
   color: var(--white);
   text-align: center;
}

.page-winter-educational-conference .video {
   margin: 3rem auto;
   max-width: 1040px;
}

.page-winter-educational-conference .button {
   background: var(--green)!important;
   font-size: 20px;
   letter-spacing: .8px;
   line-height: 1.5rem;
   padding: 12px 30px;
   text-align: center;
   text-transform: uppercase;
   white-space: normal;
}

.page-winter-educational-conference h1,
.page-winter-educational-conference h2,
.page-winter-educational-conference h3,
.page-winter-educational-conference h4 {
   color: var(--blue);
   font-weight: 300;
}

/*  */
.page-winter-educational-conference #main {
   padding: 0;
}

.page-winter-educational-conference .hero img {
   width: 100%;
   max-width: 100%;
}

.page-winter-educational-conference #main .wf-wrap {
   max-width: 100%;
   padding: 0;
   width: 100%;
}

.page-winter-educational-conference #main .wf-container-main {
   display: block!important;
}

.page-winter-educational-conference .content__section {
   padding: 3.5rem 0;
}

.page-winter-educational-conference .content__section h1 {
   font-size: 56px;
   margin-bottom: 0;
}

.page-winter-educational-conference .tickets {
   max-width: 800px;
   margin: 2rem auto 0;
}

.page-winter-educational-conference .tickets li {
   border-bottom: 1px solid rgba(0, 0, 0, .2);
   margin-bottom: .5rem;
   padding-bottom: .5rem;
}

.page-winter-educational-conference .tickets li::marker {
   content: "";
}

.page-winter-educational-conference .tickets li:last-child {
   border-bottom: none;
}

.page-winter-educational-conference .ticket {
   font-size: 32px;
   color: var(--purple);
}

@media (min-width: 770px) {
   .page-winter-educational-conference .tickets li {
      display: flex;
      gap: 2rem;
      justify-content: space-between;
   }
}

.page-winter-educational-conference .image__section {
   line-height: 0;
}

.page-winter-educational-conference .image__section img {
   height: 100%;
   max-width: 100%;
   overflow: hidden;
   object-fit: contain;
   object-position: center;
   width: 100%;
}

@media (min-width: 1265px) {
   .page-winter-educational-conference .image__section img {
      object-fit: cover;
   }
}

/* Video */
.video {
   max-width: 1000px;
   padding: 0 1rem;
   text-align: center;
}

.video .text {
   color: var(--gray);
   margin: 0 auto 1rem;
   max-width: 700px;
}

.video__wrapper {
   cursor: pointer;
   padding-bottom: 36.5%;
   height: 0;
   position: relative;
   width: 100%;
}
    
.video__thumb {
   width: 100%;
   height: 100%;
   display: block;
   left: 0;
   object-fit: cover;
   position: absolute;
   top: 0;
}

.video__play {
   align-items: center;
   background-color: var(--white);
   border-radius: 50%;
   display: flex;
   height: 70px;
   justify-content: center;
   left: 50%;
   position: absolute;
   top: 50%;
   transform: translate(-50%, -50%);
   transition: all .3s ease;
   width: 70px;
}

.video__play img {
   max-width: 30px;
   margin-left: 6px;
}

.video__play:hover {
   background-color: rgba(255, 255, 255, 0.6);
   transform: translate(-50%, -50%) scale(1.06);
}
    
.video .inner {
   position: relative;
   overflow: hidden;
   margin: 0 auto;
}

.video .embed-container { 
   position: relative; 
   padding-bottom: 36.5%;
   overflow: hidden;
   max-width: 100%;
   height: auto;
} 

.video .embed-container iframe,
.video .embed-container object,
.video .embed-container embed { 
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
}

.video h2 {
   font-size: 28px;
   font-weight: 600;
   text-transform: uppercase;
}

.underline {
   background: linear-gradient(
      to right,
      var(--green),
      var(--blue),
      var(--purple),
      var(--orange)
   );
   height: 4px;
   margin: 0 0 24px;
   width: 100%;
}

.underline--white {
   background: var(--white);
   height: 4px;
   margin: 0 0 16px;
   text-align: center;
   width: 100%;
}

.underline--grey {
   background: var(--drgray);
   height: 4px;
   margin: 0 0 16px;
   text-align: center;
   width: 100%;
}

.media {
   background-color: var(--lgray);
}

.media .deco {
   display: none;
}

.media .grid {
   grid-template-columns: 1fr;
}

.cols--section .deco {
   display: none;
}

.cols--section.why {
   background-color: var(--lgray);
   overflow: hidden;
   padding: 3.5rem 1rem 3rem;
   position: relative;
}

.why .grid--3 .grid__item:after {
   display: none;
}

.why .deco {
   display: inline-block;
   height: calc(100% + 120px);
}

.why .deco.left {
   height: 62vw;
   left: 0;
   max-width: 60%;
   position: absolute;
   top: -40vw;
}

.why .deco.right {
   display: none;
}

.why .subtitle {
   color: var(--gray);
   font-size: 26px;
   font-weight: 600;
   line-height: 1.15;
   margin: 1rem auto 1rem;
   max-width: 710px;
}

.why .container {
   position: relative;
   z-index: 5;
}

.why .grid__item {
   align-items: center;
   position: relative;
}

.why .grid__item h3 {
   color: var(--blue);
   font-size: 24px;
   text-transform: uppercase;
}

.why .grid__item img {
   margin-bottom: 1rem;
   max-width: 140px;
}

.deco img {
   height: 100%;
}

@media (min-width: 770px) {
   .media .grid {
      align-items: center;
      gap: 4rem;
      grid-template-columns: repeat(2, 1fr);
   }

   .grid--reverse .media__figure {
      order: 2;
   }

   .why .deco.left {
      display: flex;
      height: calc(100% + 120px);
      justify-content: flex-end;
      max-width: 60%;
      position: absolute;
      right: 85vw;
      left: auto;
      top: -60px;
   }

   .why .deco.right {
      display: inline-block;
      max-width: 60%;
      position: absolute;
      top: -60px;
      left: 90vw;
   }

   .why .grid .grid__item:after {
      content: '';
      display: inline-block;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.1);
      position: absolute;
      top: 0;
      bottom: 0;
      right: -2.5rem;
      width: 2px;
   }

   .why .grid .grid__item:last-child:after {
      display: none;
   }
}

.signup {
   padding: 3.5rem 0;
   text-align: center;
}

.signup__inner {
   max-width: 800px;
   margin: 0 auto;
   padding: 0 1rem;;
}

.signup .form {
   color: var(--white);
}

.signup h3 {
   color: var(--white);
   line-height: 1;
}

.signup.blue {
   background-color: var(--blue);
}
.signup .gform_required_legend {
   border: 0;
   clip: rect(0 0 0 0);
   height: 1px;
   margin: -1px;
   overflow: hidden;
   padding: 0;
   position: absolute;
   width: 1px;
}

.signup .gform_fields {
   display: grid;
   gap: 1rem!important;
   grid-template-columns: 1fr;
}

.signup .name_first {
   padding: 0!important;
}

.signup .gfield input::placeholder {
   opacity: 1;
}

.signup .gform_button {
   font-size: 20px!important;
   letter-spacing: .8px!important;
   padding: 12px 30px!important;
   text-transform: uppercase!important;
}

.signup .gform-footer {
   justify-content: center;
}

@media (min-width: 770px) {
   .signup .gform_fields {   }

   .signup .gfield--type-html {
      grid-column: span 12;
   }

   .signup .gfield--type-name {
      grid-column: span 6!important;
   }

   .signup .gfield--type-email {
      grid-column: span 6!important;
   }
}

/* Testimonials */
.testimonials {
   margin: 1.6rem 0 2rem;
   padding: 0 1rem;
   position: relative;
}

.swiper--testimonials {
   max-width: 1000px;
   margin: 0 auto;
}

.swiper--testimonials .swiper-slide .slider__frame {
   background-color: var(--blue);
   border-radius: 14px;
   color: var(--white);
   font-size: 18px;
   font-style: italic;
   padding: 3rem 5rem 2.5rem 5rem;
   text-align: center;
}

.swiper--testimonials .swiper-button-next {
   right: 30px;
}

.swiper--testimonials .swiper-button-prev {
   left: 30px;
}

.swiper--testimonials .author {
   color: var(--black);
   display: inline-block;
   font-size: 16px;
   font-style: normal;
   font-weight: 600;
   margin-top: .5rem;
   text-transform: uppercase;
   position: relative;
}

.swiper--testimonials .author:before,
.swiper--testimonials .author:after {
   content: '';
   display: inline-block;
   height: 2px;
   width: 1rem;
   background-color: var(--black);
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
}

.swiper--testimonials .author:before {
   right: calc(100% + 8px);
}

.swiper--testimonials .author:after {
   left: calc(100% + 8px);
}

.swiper--testimonials .swiper-pagination-bullet {
   background-color: var(--white);
}

.swiper--testimonials .swiper-button-prev:after,
.swiper--testimonials .swiper-button-next:after {
   color: var(--black);
   font-size: 26px;
}

.testimonials .quotes:before,
.testimonials .quotes:after {
   background-image: url('../images/quotes.svg');
   background-size: contain;
   background-repeat: no-repeat;
   content: '';
   display: inline-block;
   height: 30px;
   position: absolute; 
   top: -17px;
   width: 45px;
   z-index: 5;
}

.testimonials .quotes:before {
   left: calc(50% - 55px);
}

.testimonials .quotes:after {
   right: calc(50% - 55px);
   transform: rotate(180deg);
}

/* FAQs */
.faqs {
   background-color: var(--black);
   color: var(--white);
   padding: 5rem 1rem;
}

.faqs__heading {
   text-align: center;
}

.faqs__heading:after {
   background: var(--drgray);
   content: '';
   display: inline-block;
   height: 3px;
   margin: 0 0 24px;
   width: 100%;
}

.faqs__item {
   margin-bottom: 2rem;
}

.faqs__answer {
   color: var(--white);
}

.cols--section {
   padding: 5rem 0;
   text-align: center;
}

.cols--section .container {
   max-width: 1050px;
}

@media (min-width: 770px) {
   .cols--section .grid__item {
      display: flex;
      flex-direction: column;
      padding: 1rem 0 0;
   }

   .cols--section .grid__item .button {
      margin-bottom: 2rem;
      margin-top: auto;
   }
}

/* Countdown */

.countdown {
   text-align: center;
    margin: 0 auto;
    max-width: 420px;
    padding: 0 2rem;
    color: var(--blue);
}

.countdown.grid--3 {
   gap: 1.3rem;
}

.countdown .grid__item {
   border: 1px solid var(--blue);
    display: flex;
    align-items: center;
    justify-content: center;
    height: 104px;
    padding-top: .6rem;
    text-transform: uppercase;
}

.countdown .grid__item:after {
   display: none;
}

.countdown span {
   display: block;
}

.countdown .number {
   font-size: 2.5rem;
    margin-bottom: 0.3rem;
}

.countdown .tag {
   font-size: .8rem;
}

@media (min-width: 770px) {
   .countdown .grid__item:after {
      background: none;
      content: ':';
      display: inline-block;
      position: absolute;
      top: 36px;
      right: -7px;
      font-size: 45px;
   }
}

/* Cards */

.cards .cards__button {
   background-color: var(--green);
   border-radius: 2.5rem;
   padding: 1rem;
   color: white;
   font-weight: bold;
   margin-top: auto;
   text-transform: uppercase;
   text-decoration: none;
}

.cards .container {
   max-width: 1200px;
}

.cards .grid__item {
   background-color: var(--white);
   border-radius: 1rem;
   padding: 2.5rem;
}

.cards .grid__item p:last-of-type {
   margin-bottom: 1rem;
}

.cards .grid--3 {
   gap: 2rem;
}

.cards .grid--3 .grid__item:after {
   display: none;
}

/* Big Button */

.big-button .container {
   padding: 0rem 1rem 3rem;
}

.big-button {
   margin: 0 auto;
   max-width: 1000px;
}

.big-button a {
   background-color: var(--blue);
   border-radius: 18px;
   color: var(--white);
   display: block;
   font-size: 30px;
   padding: 4rem;
   text-align: center;
   text-decoration: none;
   width: 100%;
}

.big-button a:hover {
   background-color: var(--dblue);
   color: var(--white);
}

/* VIP */

.content__section.vip {
   padding: 3.5rem 0 10px;
}


/* Two columns */
.cols--2 {
   background-color: var(--lgray);
}

.cols__imgs {
   display: grid;
   grid-template-columns: repeat(3, 1fr);
   gap: .5rem;
   margin-bottom: .5rem;;
}

.cols__imgs img {
   width: 100%;
   height: 100%;
   object-fit: cover;
   object-position: center;
}

.cols__imgs img:nth-child(4) {
   grid-column: 1 / 4;
}

.cols__content {
   padding: 3rem 2rem;
}

@media (min-width: 770px) {
   .cols__grid {
      position: absolute;
      left: 0;
      bottom: 0;
      right: 0;
      top: 0;
   }

   .cols__imgs {
      grid-template-columns: repeat(2, 1fr);
      grid-template-rows: repeat(3, minmax(0, 1fr));
      height: 100%;
      margin: 0;
      overflow: hidden; 
      width: 100%;
   }

   .cols__imgs img:nth-child(1) {
      grid-column: 1 / 3;
      grid-row: 1;
   }

   .cols__imgs img:nth-child(2) {
      grid-column: 1;
      grid-row: 2;
   }

   .cols__imgs img:nth-child(3) {
      grid-column: 2;
      grid-row: 2;
   }

   .cols__imgs img:nth-child(4) {
      grid-column: 1 / 3;
      grid-row: 3;
   }

   .cols--2 .grid--2 {
      align-items: stretch;
      display: grid;
      grid-template-columns: 1fr 1fr;
   }

}

@media (min-width: 1100px) {
   .cols__content {
      margin-left: calc((100vw - 1100px)/ 2);
      padding: 6rem 4rem 6rem 0;
   }
}

.sponsors {
   text-align: center;
}

.cols--sponsors {
   display: flex;
   flex-direction: column;
   gap: 2rem;
}

.cols--sponsors .sponsors__item {
   align-items: center;
   display: flex;
   justify-content: center;
   overflow: hidden;
   width: 100%;
}

.cols--sponsors .sponsors__item img {
    max-height: 100%;
    max-width: 100%;
    height: auto;
    width: auto;
    object-fit: contain;
}

@media (min-width: 480px) {
   .cols--sponsors {
      flex-direction: row;  
      flex-wrap: wrap;
      justify-content: center;
   }

   .cols--sponsors .sponsors__item {
      max-height: 200px;
      width: 100%;
      max-width: calc(50% - 2rem);
   }
}

@media (min-width: 770px) {
   .cols--sponsors .sponsors__item {
      max-width: calc(25% - 2rem);
   }
}

/* Test Comment */