/*resources*/
@font-face {
  font-family: 'HelveticaBold';
  font-display: swap;
  src: url('/content/dam/open-digital/airq-patients/en/fonts/Helvetica-Bold-Font.ttf');
}

@font-face {
  font-family:'HelveticaLight';
font-display:swap;
src:url('/content/dam/open-digital/airq-patients/en/fonts/HelveticaLt.ttf');
}

/*/*remove after the pdf is approved*/
/*.hide-until-appvl  .row .col-sm-4.col-xs-12.column-1 {
  display: none;
}*/
/*remove after the pdf is approved*/
/*.airq-resources-second-section {
  padding-top: 0;
}
*/
.static-links-wrapper li:nth-child(2) a.bottom-hover-border:after {
  display: block!important;
  text-decoration: none;
  transform: scaleX(1);
  margin-left: -3px;
}
/*after capitalising the cta heading*/
.airq-resources-card-second-col .cta .cta-container {
  padding: 2rem 0rem 2rem 0rem;
  text-transform: uppercase;
}
/* to desgin video popup start here */
.modal {
  background: rgba(2,6,10,0.7);
}

.modal-content .modal-header .modal-title, .video-thumb-parent .video-play-icon {
  display: none;
}

.modal-dialog button.close {
  color: #fff;
}

#popup-template .modal-dialog .modal-body {
  overflow-y: clip!important;
}

#popup-template .modal-dialog .modal-content {
  background: transparent;
  box-shadow: none!important;
  border: 0px!important;
}

.modal-content .modal-header {
  border: 0px!important;
}

/*
.video-thumb-parent .video-thumb-cta {
  border: 12px solid #FFFFFF;
  border-radius: 10px;
}*/
/*to hide 2nd video for desktop */
.video.section:nth-child(2) {
  display: none;
}
/* css for popup ends here */

.airq-resources-first-section {
  background: #F7F9FA;
}

.airq-resources-first-col .row {
  display: flex;
  align-items: flex-start;
}

.airq-resources-second-section {
  background: #FFFFFF;
}

.sec-heading-desktop,.sec-heading-mobile {
  font-family: 'HelveticaBold';
  font-size: 15px;
  line-height: 24px;
  color: #4FAEB8;
  margin-top: 20px;
  text-transform: uppercase;
}

.sec-desc {
  font-family: 'HelveticaLight';
  font-size: 18px;
  line-height: 24px;
  color: #3B3B3B;
  margin-top: 20px;
}

.view-resource-text {
  font-family: 'HelveticaLight';
  font-size: 18px;
  line-height: 24px;
  color: #3B3B3B;
  margin-top: 20px;
  padding-left: 20px;
}

.view-resource-text a {
  font-family: 'HelveticaLight';
  font-size: 20px;
  line-height: 38px;
  color: #4FAEB8;
}

.video-heading {
  font-family: 'HelveticaLight';
  font-size: 25px;
  line-height: 30px;
  color: #3B3B3B;
}

.video-desc {
  font-family: 'HelveticaLight';
  font-size: 18px;
  line-height: 24px;
  color: #000000;
}

.multi-column-container.airq-resources-card-second-col .col-sm-4 .info-link a {
  width: 100%;
  border-radius: 5px!important;
  color: #FFFFFF;
  background-color: #30759E;
  border: 3px solid #30759E!important;
  font-family: 'HelveticaBold';
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  padding: 1rem;
}

.multi-column-container.airq-resources-card-second-col .col-sm-4 .info-link a:hover, 
.multi-column-container.airq-resources-card-second-col .col-sm-4 .info-link a:active {
  width: 100%;
  color: #30759E!important;
  background-color: #FFFFFF!important;
}

.multi-column-container.airq-resources-card-second-col .col-sm-8  .info-link a {
  width: 100%;
  border-radius: 5px!important;
  color: #FFFFFF;
  background-color: #4FAEB8;
  border: 3px solid #4FAEB8!important;
  font-family: 'HelveticaBold';
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  padding: 1rem;
}

.multi-column-container.airq-resources-card-second-col .col-sm-8 .info-link a:hover, 
.multi-column-container.airq-resources-card-second-col .col-sm-8 .info-link a:active {
  width: 100%;
  color: #30759E!important;
  background-color: #FFFFFF!important;
}

.multi-column-container.airq-resources-card-second-col .cta .cta-container {
  text-align: left;
  padding-left: 0px;
}

.multi-column-container.airq-resources-card-second-col .cta .cta-container .info-link {
  display: flex;
  justify-content: center;
  width: fit-content;
  padding: 0px;
}

.airq-resources-card-first-col {
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 6px #00000029;
  border-radius: 5px;
  opacity: 1;
}

.airq-resources-card-first-col {
  padding: 30px;
  margin: 20px;
}

.airq-resources-card-first-col .row {
  display: flex;
  align-items: center;
}

.sec-heading-mobile {
  display: none;
}

@media(max-width:767px) {
  .sec-heading-desktop {
    display: none;
  }

  .video.section:nth-child(2) {
    display: block!important;
  }

  .video.section:nth-child(1) {
    display: none;
  }

  .airq-resources-first-col .row,.airq-resources-card-first-col .row,
  .sec-heading-mobile {
    display: block;
  }

  .airq-resources-first-col,.airq-resources-card-first-col {
    padding-left: 15px;
    padding-right: 15px;
  }

  .video-heading {
    margin-top: 30px;
  }
 /* unit test bugs*/
  .airq-resources-first-col .column-2 img {
    margin: 30px 0 15px;
  }

  .airq-resources-second-section {
    padding: 0;
  }

  .airq-resources-card-first-col .column-1,.airq-resources-first-col .column-2 {
    text-align: center;
  }

  .airq-resources-card-first-col .col-xs-12 {
    padding: 0 25px;
  }

  .multi-column-container.airq-resources-card-second-col .col-xs-12 {
    padding: 0 15px;
  }

  .multi-column-container.airq-resources-card-second-col .cta .cta-container {
    text-align: left;
    padding: 10px 0;
  }
}

@media(min-width:992px) {
  /*video modal size style starts here*/
  
  .modal.video-modal-class .modal-dialog {
    width: 900px;
    margin-top: 0%!important;
  }

  .modal.video-modal-class .modal-body {
    min-height: 100vh!important;
    max-height: 100vh!important;
    padding: 5px 0 5% 0;
  }

  .modal-dialog button.close {
    margin-top: 2%;
  }
}
/* unit test bugs*/
@media screen and (min-width:992px) and (max-width:1199px) {
  .multi-column-container.airq-resources-card-second-col .cta .cta-container .info-link {
    width: max-content !important;
  }
}
/* unit test bugs*/
@media screen and (min-width:768px) and (max-width:991px) {
  .airq-resources-card-second-col .col-sm-4 .info-link a {
    padding: 1rem;
  }

  .airq-resources-card-second-col .col-sm-8 .info-link a {
    /*margin-left: 40px !important;*/
    padding: 1rem;
  }

  .multi-column-container.airq-resources-card-second-col .row {
    width: 100%;
    margin: 0;
  }

  .multi-column-container.airq-resources-card-second-col .row .column-1 {
    padding-left: 0;
    padding-right: 7px;
    width: 40%;
  }

  .multi-column-container.airq-resources-card-second-col .row .column-2 {
    padding-right: 0;
    padding-left: 7px;
    width: 60%;
  }

  .multi-column-container.airq-resources-card-second-col .cta .cta-container {
    display: flex;
  }

  .airq-resources-card-second-col .cta .cta-container .info-link {
    width: fit-content !important;
  }

  .airq-resources-first-col .row .column-2 {
    margin-top: 30px;
  }
}
/* unit test bugs*/
@media screen and (max-width:991px) {
  .airq-resources-card-second-col .cta .cta-container .info-link {
    width: max-content !important;
  }
}
/* unit test bugs*/
@media screen and (min-width:768px) {
  .airq-resources-first-col {
    margin: 80px 0;
  }

  .modal-dialog button.close {
    color: #fff;
    margin-right: -5%;
  }
}
/*mobile-landscape*/
@media screen and (max-width:830px) and (orientation:landscape) {
  .modal.video-modal-class .modal-dialog {
    margin: 0 auto!important;
    width: calc(100% - 15em);
  }

  .modal.video-modal-class .modal-header {
    display: none;
  }

  .modal.video-modal-class .modal-body {
    min-height: 100vh!important;
    max-height: 100vh!important;
    padding-top: 35px;
  }
}

@media screen and (min-width:1200px) {
  .static-links-wrapper .first-level-item:nth-child(3) {
    text-decoration: 4px underline;
    text-underline-offset: 1.1em;
  }
}