/* Customer Enhancements Transformation CSS */
html {
  scroll-behavior: smooth;
}

:root {
  --section-padding: min(60px, 5%) min(15px, 0%);
}
/* Global styles */
section {
  padding: var(--section-padding);
}
section h2 {
  color: #090F23;
  font-size: clamp(2rem, calc(2vw + 1rem), 3rem);
  line-height: clamp(2.5rem, calc(4vw + 1rem), 3.5rem);
}
section h2 span {
  color: var(--heading-1-text-color);
}
section .pre-title {
  color: #515151;
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 0.12rem;
}
/* section ul {
  list-style-type: disc;
  padding-inline-start: 40px;
} */
section p, section ul li {
  color: #515151;
}
.align-center {
  align-content: center;
}

/* overrides */
p:last-child {
  margin-bottom: 1rem !important;
}

body a.underline {
  text-decoration: underline;
}

body a.underline-dark {
  text-decoration: underline;
  color: #515151;
}

body a:hover {
  color: #1C2D6A;
}

/* Section: Navbar */
.navigation { background: linear-gradient(270deg, #3458FF 0%, #263C8E 60%, #1C2D6A 100%), #FFFFFF; }
.navbar nav ol li {
  font-size: 16px;
}
.navbar {
  color: #ffffff;
  padding: 10px 0;
  font-size: 1.25rem;
  line-height: 1.5rem;
}
.navbar nav ol {
  margin: 0;
  padding: 0;
}
.navbar nav ol li {
  display: inline-block;
  margin: 0 5px;
}
.navbar nav ol li::before {
  content: " • ";
  margin-right: 5px;
}
.navbar nav ol li:nth-of-type(1) {
  margin: 0;
}
.navbar nav ol li:nth-of-type(1)::before {
  content: "";
  margin: 0;
}
.navbar nav ol li a { color: #ffffff; font-weight: 400;; }
.navbar sup {
  font-size: 9px;
}
.navbar-brand {
  width: auto; 
}
.navbar-dark .navbar-nav .nav-link, .navbar-dark .navbar-nav .nav-link:hover {
  color: #ffffff;
}
.navbar-dark .navbar-toggler {
  color: rgba(255,255,255, 1);
}
.navbar .nav-item a {
  padding: 0.5rem 0;
}
.navbar .nav-item.active > .nav-link::after {
  width: 100%
}
.navbar .nav-item .nav-link {
  position: relative;
  text-align: center;
}
.navbar .nav-item .nav-link::after {
  content: '';
  position: absolute;
  bottom:  0;
  left: 50%;
  width: 0%;
  height: 2px;
  background-color: var(--main-accent-color);
  transition: all ease 0.2s;
  transform: translateX(-50%);
}
.navbar .nav-item:hover .nav-link::after {
  width: 100%;
}
.navbar-dark .navbar-toggler-icon {
  background-image: url('/swa-resources/images/responsive/customer-enhancements/menu.svg');
}
@media (min-width: 992px) {
  .navbar-expand-lg .navbar-nav {
    flex-wrap: nowrap;
  }
  .navbar-expand-lg .navbar-nav .nav-link {
    margin-right: 1rem;
    margin-left: 1rem;  
    padding-right: 0;
    padding-left: 0;
  }
}
@media all and (max-width: 991px) {
  .navbar-brand { 
    padding: 1.25rem 0;
  }
  .navbar .nav-item {
    border-top: 1px solid rgba(255,255,255, 0.2);
  }
  .navbar .nav-item .nav-link {
    /* color: rgba(255,255,255,.75); */
    font-size: 1rem;
    padding: 1.25rem 0;
    text-align: left;
  }
  .navbar .nav-item.active > .nav-link {
    border-bottom: none;
    color: var(--main-accent-color);
  }
}

/* Hero Section */
.hero {
  background-image: url('/swa-resources/images/responsive/customer-enhancements/hero-01.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
.hero h1 {
  color: var(--main-accent-color);
  /* font-size: 6rem; */
  font-size: clamp(2rem, calc(6vw + 1rem), 6.5rem);
}
.hero h1 span {
  color: #ffffff;
  /* font-size: 3rem; */
  font-size: clamp(1.5rem, calc(4vw + 1rem), 3rem);
  /* margin: 60px 0; */
}
.hero h1 span.top {
  margin-bottom: min(4rem, 5%);
}
.hero h1 span.bottom {
  margin-top: min(4rem, 5%);
}

/* Section: Welcome */
.welcome h3 {
  line-height: clamp(1.5rem, calc(3vw + 1rem), 2rem);
}
.welcome h3, .welcome p { 
  font-size: 1.25rem;
}

/* Sectionn: Message from Bob */
.message-from-bob {
  background-image: url('/swa-resources/images/responsive/customer-enhancements/message-from-bob-bg.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
.message-from-bob h2 {
  font-size: 2.5rem;
  line-height: 1.5rem;
}
.message-from-bob h2 span {
  font-size: 1.5rem;
}
.message-from-bob .btn {
  font-size: 1rem;
}
.message-from-bob .btn:not(:disabled):not(.disabled):active {
  color: #fff;
  background-color: var(--main-link-color);
  border-color: var(--main-link-color);
}
.message-from-bob .author {
  font-size: 1.125rem;
}

/* Section: More Choices */
.more-choices {
  background-image: url('/swa-resources/images/responsive/customer-enhancements/more-choices-bg.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  color: #ffffff;
  padding: min(80px, 6%) min(15px, 0%);
}
.more-choices h2 {
  color: #ffffff;
  font-size: clamp(2rem, calc(2vw + 1rem), 3rem);
}
.more-choices h2 span {
  color: var(--main-accent-color);
}
.more-choices ul li {
  font-size: clamp(1rem, 2rem, 1.5rem);
  font-weight: 700;
  line-height: 3rem;
  list-style: none;
  /* list-style: url('/swa-resources/images/responsive/customer-enhancements/check.svg'); */
  white-space: nowrap;
  
}
.more-choices ul li::before {
  content: '';
  display: inline-block;
  margin-right: 15px;
  height: 19px;
  width: 22px;
  background: url('/swa-resources/images/responsive/customer-enhancements/check.svg') no-repeat; 
}
.more-choices p, .more-choices ul li { 
  color: #ffffff;
}

/* Section: Redeyes */
.redeyes {
  padding: min(80px, 6%) min(15px, 0%);
}
.redeyes h2 {
  color: #090F23;
  font-size: clamp(2rem, calc(2vw + 1rem), 3rem);
  line-height: clamp(2.5rem, calc(4vw + 1rem), 3.5rem);
}
.redeyes h2 span {
  color: var(--heading-1-text-color);
}
.redeyes p, .redeyes ul li {
  line-height: 1.5rem;
}
.redeyes img {
  height: 100%;
  max-height: 356px;
  object-fit: cover;
}

/* Section: Improvements */
.improvements {
  background-color: #F7F9FF;
  padding: min(80px, 6%) min(15px, 0%);
}
.improvements h2 {
  color: #090F23;
  font-size: clamp(2rem, calc(2vw + 1rem), 3rem);
  line-height: clamp(2.5rem, calc(4vw + 1rem), 3.5rem);
}
.improvements h2 span {
  color: var(--heading-1-text-color);
}
.improvements h3 {
  font-size: 1rem;
  line-height: 1.5rem;
  padding-bottom: 1rem;
}
.improvements ul {
  margin: -0.5rem 0 1rem 0;
  padding-left: 2rem;
}
.improvements p, .improvements ul li {
  line-height: 1.5rem;
}
.improvements .border-btm {
  border-bottom: 2px solid #eeeeee;
}
.improvements img {
  border-radius: 5px;
  height: 100%;
  max-height: 140px;
  object-fit: cover;
  width: 100%;
}

/* Section: Email signup */
.email-signup h2, .email-signup h5 { 
  color: #ffffff;
}
.email-signup a {
  font-size: 1rem;
}
.email-signup a {
  font-size: 1rem;
}
@media all and (max-width: 767px) {
  .email-signup a {
    width: 100%;
  }
}

/* Section: Timeline */
#timeline {
  background: radial-gradient(80.38% 80.38% at 50% 50%, #FFFFFF 0%, #E1EEFF 100%);
  /* background-image: url('/swa-resources/images/responsive/customer-enhancements/timeline-bg.jpg'); */
  background-position: center center;
  background-attachment: local;
  background-repeat: repeat-y;
  background-size: cover;
}
#timeline h2 {
  color: #090F23;
  font-size: clamp(2rem, calc(2vw + 1rem), 3rem);
  line-height: clamp(2.5rem, calc(4vw + 1rem), 3.5rem);
}
#timeline h2 span {
  color: var(--heading-1-text-color);
}
.timeline .date, .timeline .date1 {
  color: #090F23;
  font-size: 2rem;
  font-weight: bold;
  line-height: 1.5rem;
}
.timeline-row .timeline-content {
  padding: 0;
}
@media all and (max-width: 767px) {
  #timeline {
    background-size: contain;
  }
}
 

/* Section: Behind The Transformation */
.behind-the-transformation {
  padding: min(80px, 6%) min(15px, 0%);
}
.behind-the-transformation h2 {
  color: #090F23;
  font-size: clamp(2rem, calc(2vw + 1rem), 3rem);
  line-height: clamp(2.5rem, calc(4vw + 1rem), 3.5rem);
}
.behind-the-transformation h2 span {
  color: var(--heading-1-text-color);
}
.behind-the-transformation button.img-btn {
  background-color: transparent;
  border: none;
  height: 100%;
  position: absolute;
  width: 96%;
  z-index: 1;
}
.behind-the-transformation p, .behind-the-transformation ul li {
  line-height: 1.5rem;
}
.behind-the-transformation img {
  cursor: pointer;
}
.behind-the-transformation .play-icon::after {
  content: url('/swa-resources/images/responsive/customer-enhancements/play-button.svg');
  z-index: 999;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -32px;
  margin-top: -32px;
  transition: all ease 0.2s;
}
  .behind-the-transformation .play-icon:hover::after {
    /* backdrop-filter: blur(5px); */
    filter: drop-shadow(2px 2px 10px #fff);
  }
.behind-the-transformation .play-icon::after:hover {
  opacity: 1;
}

/* Section: One two three link-grouP */
.link-group {
  background-color: #F7F9FF;
}
.link-group .row {
  padding: 2rem 0;
}
.link-group .row:not(:first-of-type) {
  border-top: 2px solid #EEEEEE;
}
.link-group .row a:hover {
  text-decoration: none;
}
.link-group .row a:hover > .label, .link-group .row a:focus > .label {
  color: var(--main-link-color);
}
.link-group .row a:hover::after, .link-group .row a:focus::after {
  right: 0;
}
.link-group .row a::after {
  content: '';
  background: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%23304CB2' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8' clip-rule='evenodd'/></svg>");
  background-repeat: no-repeat;
  background-size: contain;
  bottom: 0;
  width: 47px;
  height: 50px;
  position: absolute;
  right: 0.5vw;
  transition: ease all 0.2s;
}
.link-group .num {
  color: var(--main-link-color);
  /* font-size: 5rem; */
  font-size: clamp(2rem, calc(5vw + 1rem), 5rem);
  font-weight: 300;
  line-height: 5rem;
}
.link-group span {
  background-color: var(--main-accent-color);
  border-radius: 4px;
  color: #090F23;
  font-size: 1.25rem;
  font-weight: 700;
  padding: 4px 14px;
  position: absolute;
  bottom: -2px;
}
.link-group .label {
  color: #090F23;
  font-size: clamp(1.5rem, calc(2vw + 1rem), 3rem);
  font-weight: 700;
  margin-left: 85px;
  transition: ease all 0.2s;
}
@media all and (max-width: 991px) {
  .link-group span {
    font-size: 0.75rem;
    top: 10px;
    bottom: auto;
    right: 20px;
    padding: 0px 14px;
  }
  .link-group .label {
    margin-left: 0;
  }
  .link-group .row a::after {
    width: 24px;
    height: 24px;
    right: 5vw;
  }
  .link-group .row a:hover::after, .link-group .row a:focus::after {
    right: 5vw;
  }
}

/* Sectionn: Terms and Conditions */
.terms {
  background: #F7F9FF;
}
.terms p { 
  font-size: 0.75rem;
}


hr {
  border-top: 2px solid #CED6F2;
  margin: 0 auto;
  max-width: 1042px;
  width: 100%;
}

  
  /* Modal */
  .modal { height: 90vh; padding-right: 0!important; }
  .modal-dialog { max-width: 80vh; }
  .modal-content { background-color: transparent; }
  button.close {
    color: #304CB2;
    font-family: var(--main-font-family);
    font-size: 2.5rem;
    font-weight: bold;
    position: absolute;
    opacity: 1;
    right: 30px;
    top: 20px;
  }
  #vidModal button.close {
    color: #ffffff;
    top: 0;
  }

  
  /* KIOSK FAQ */
  #faq h2 {
    color: #263C8E;
    font-size: clamp(2rem, calc(2vw + 1rem), 3rem);
    line-height: clamp(2.5rem, calc(4vw + 1rem), 3.5rem);
  }
  #faq .collapse-content:focus {
    /* outline: none; */
}
  #faq .collapse-content h3 {
    color: #304cb2;
    text-align: left;
    padding: 0;
  }
  #faq .collapse-content {
    color: #304cb2;
    font-size: 15px;
    position: relative;
    margin-bottom: 20px;
    background: none;
    border: none;
    width: 100%;
    padding: 20px 80px 20px 20px;
    background-color: #f8f9ff;
  }
  #faq .updateDiv p {
    padding: 0 20px;
  }
  #faq button h4 {
    font-size: 20px;
    padding: 0;
    text-align: left;
  }
  
  .arrow-toggle {
    cursor: pointer;
    position: absolute;
    height: 34px;
    width: 26px;
    display: inline;
    float: right;
    bottom: 25%;
    right: 17px;
  }
  
  .faq .arrow-toggle:after {
    content: url('https://www.southwest.com/swa-resources/images/responsive/icon-arrow-up.png');
    line-height: 0;
    margin: auto 0;
    font-family: "SouthwestSans-Bold", arial, sans-serif;
  }
  
  .faq .collapsed .arrow-toggle:after {
    content: url('https://www.southwest.com/swa-resources/images/responsive/icon-arrow-down.png');
    line-height: 0;
    margin: auto 0;
  }