/************************************
Table of Contents 
************************************/

/* 
- NP logo
- Airplane Icons
- HTML Elements
- Widths
- Rotations
- Borders
- Border Radius
- Accordian
- Modal
- Profile
- Menu with Pseudo Class Notifications
*/


/****** NP Logo ******/

/* This logo is used in several places, hence it being here */

.nplogo-horizontal-white {
  width: 130px;
  height: 28px;
  background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 192 56.4"><defs><style> .cls-1 { fill: %23fff; stroke-width: 0px; } </style></defs><g id="Layer_1-2" data-name="Layer 1"><g><g><path class="cls-1" d="m56.9,22.1V4.1h2.9l8.8,13.8V4.1h2.6v18h-2.9l-8.7-13.8v13.8h-2.7Z"/><path class="cls-1" d="m74.1,18.1v-5.6c0-2.7,1.3-4,4-4h3.4c2.7,0,4,1.3,4,4v3.7h-8.8v2.1c0,1,.5,1.5,1.5,1.5h6.8v1.3l-1.2.9h-5.7c-2.6.1-4-1.3-4-3.9Zm2.6-3.9h6.3v-2c0-1-.5-1.5-1.5-1.5h-3.3c-1,0-1.5.5-1.5,1.5v2Z"/><path class="cls-1" d="m87.6,8.9l.3-.4h2.1l2.6,11.4h.3l3.1-11.4h2.8l3.1,11.4h.3l2.6-11.4h2.1l.3.4-3,13.2h-3.9l-2.8-10.7-2.8,10.7h-3.9l-3.2-13.2Z"/><path class="cls-1" d="m116.3,22.1V4.1h8.6c2.7,0,4.1,1.4,4.1,4.1v3.4c0,2.7-1.4,4.1-4.1,4.1h-5.9v6.4h-2.7Zm2.6-8.8h5.9c1,0,1.5-.5,1.5-1.5v-3.8c0-1-.5-1.5-1.5-1.5h-5.9v6.8Z"/><path class="cls-1" d="m134.9,22.1c-2.7,0-4-1.3-4-4s1.3-4,4-4h4.4v-1.9c0-1-.5-1.5-1.5-1.5h-5.6v-1.3l1.2-.9h4.4c2.7,0,4,1.3,4,4v9.6h-6.9Zm-1.5-3.8c0,1,.5,1.5,1.5,1.5h4.3v-3.8h-4.2c-1,0-1.5.5-1.5,1.5v.8h-.1Z"/><path class="cls-1" d="m145.3,18.1v-5.6c0-2.7,1.3-4,4-4h5l1.2.9v1.3h-6.1c-1,0-1.5.5-1.5,1.5v6.1c0,1,.5,1.5,1.5,1.5h6.1v1.3l-1.2.9h-5c-2.7.1-4-1.3-4-3.9Z"/><path class="cls-1" d="m158.6,6v-2.7h2.7v2.7h-2.7Zm.1,16.1v-13.6h2.5v13.6h-2.5Z"/><path class="cls-1" d="m165.3,22.1V6.8c0-2.7,1.3-4,4-4h2.4l1.2.9v1.3h-3.5c-1,0-1.5.5-1.5,1.5v1.9h4.8v2.2h-4.8v11.4h-2.6v.1Z"/><path class="cls-1" d="m175.3,6v-2.7h2.7v2.7h-2.7Zm.1,16.1v-13.6h2.5v13.6h-2.5Z"/><path class="cls-1" d="m181.8,18.1v-5.6c0-2.7,1.3-4,4-4h5l1.2.9v1.3h-6.1c-1,0-1.5.5-1.5,1.5v6.1c0,1,.5,1.5,1.5,1.5h6.1v1.3l-1.2.9h-5c-2.7.1-4-1.3-4-3.9Z"/><path class="cls-1" d="m55.2,52.9l6.1-17.5h3l6,17.5-.3.4h-1.4l-1.6-4.8h-8.5l-1.6,4.8h-1.4l-.3-.4Zm3.8-5.9h7.4l-3.4-10h-.7l-3.3,10Z"/><path class="cls-1" d="m72.4,37.3v-2.1h1.9v2.1h-1.9Zm.1,16v-13.5h1.6v13.5h-1.6Z"/><path class="cls-1" d="m78,53.3v-12c.6-1,1.7-1.5,3.3-1.5h2.6l.9.7v.8h-3.4c-.8,0-1.4.2-1.7.7v11.4h-1.7v-.1Z"/><path class="cls-1" d="m87.4,50v-16h1.6v16.1c0,1.2.6,1.9,1.9,2v1.4c-2.3,0-3.5-1.1-3.5-3.5Z"/><path class="cls-1" d="m93.8,37.3v-2.1h1.9v2.1h-1.9Zm.1,16v-13.5h1.6v13.5h-1.6Z"/><path class="cls-1" d="m99.9,53.3v-13.5h7.2c2.5,0,3.8,1.3,3.8,3.8v9.7h-1.6v-9.9c0-1.4-.7-2.1-2.1-2.1h-5.6v12s-1.7,0-1.7,0Z"/><path class="cls-1" d="m114.2,49.5v-5.8c0-2.6,1.3-3.8,3.8-3.8h3.4c2.5,0,3.8,1.3,3.8,3.8v3.6h-9.4v2.5c0,1.4.7,2.1,2.1,2.1h6.7v.8l-.9.7h-5.8c-2.4-.1-3.7-1.3-3.7-3.9Zm1.7-3.6h7.7v-2.4c0-1.4-.7-2.1-2.1-2.1h-3.5c-1.4,0-2.1.7-2.1,2.1v2.4Z"/><path class="cls-1" d="m128.8,52.7v-.8h6c1.4,0,2.1-.7,2.1-2.1s-.6-2.2-1.7-2.3l-3.2-.5c-2.2-.4-3.3-1.5-3.3-3.5,0-2.4,1.3-3.6,3.9-3.6h4.4l.9.7v.8h-5.4c-1.4,0-2.1.7-2.1,2.1,0,1.2.6,1.9,1.7,2.1l3.2.5c2.1.3,3.2,1.6,3.2,3.7,0,2.4-1.3,3.6-3.9,3.6h-5l-.8-.7Z"/></g><g><polygon class="cls-1" points="41.8 40.4 41.8 10.6 33 0 33 29.7 41.8 40.4"/><polygon class="cls-1" points="13.2 8.6 0 0 0 5.5 41.8 56.4 41.8 43.4 13.2 8.6"/><polygon class="cls-1" points="0 8.5 0 45.7 8.7 56.4 8.7 19.1 0 8.5"/></g></g></g></svg>');
}
@media screen and (min-width: 768px) {
  .nplogo-horizontal-white {
    width: 145px;
    height: 32px;
  }
}
.nplogo-horizontal-black {
  width: 130px;
  height: 28px;
  background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 192 56.4"><defs><style> .cls-1 { fill: %23000004; stroke-width: 0px; } </style></defs><g id="Layer_1-2" data-name="Layer 1"><g><g><path class="cls-1" d="m56.9,22.1V4.1h2.9l8.8,13.8V4.1h2.6v18h-2.9l-8.7-13.8v13.8h-2.7Z"/><path class="cls-1" d="m74.1,18.1v-5.6c0-2.7,1.3-4,4-4h3.4c2.7,0,4,1.3,4,4v3.7h-8.8v2.1c0,1,.5,1.5,1.5,1.5h6.8v1.3l-1.2.9h-5.7c-2.6.1-4-1.3-4-3.9Zm2.6-3.9h6.3v-2c0-1-.5-1.5-1.5-1.5h-3.3c-1,0-1.5.5-1.5,1.5v2Z"/><path class="cls-1" d="m87.6,8.9l.3-.4h2.1l2.6,11.4h.3l3.1-11.4h2.8l3.1,11.4h.3l2.6-11.4h2.1l.3.4-3,13.2h-3.9l-2.8-10.7-2.8,10.7h-3.9l-3.2-13.2Z"/><path class="cls-1" d="m116.3,22.1V4.1h8.6c2.7,0,4.1,1.4,4.1,4.1v3.4c0,2.7-1.4,4.1-4.1,4.1h-5.9v6.4h-2.7Zm2.6-8.8h5.9c1,0,1.5-.5,1.5-1.5v-3.8c0-1-.5-1.5-1.5-1.5h-5.9v6.8Z"/><path class="cls-1" d="m134.9,22.1c-2.7,0-4-1.3-4-4s1.3-4,4-4h4.4v-1.9c0-1-.5-1.5-1.5-1.5h-5.6v-1.3l1.2-.9h4.4c2.7,0,4,1.3,4,4v9.6h-6.9Zm-1.5-3.8c0,1,.5,1.5,1.5,1.5h4.3v-3.8h-4.2c-1,0-1.5.5-1.5,1.5v.8h-.1Z"/><path class="cls-1" d="m145.3,18.1v-5.6c0-2.7,1.3-4,4-4h5l1.2.9v1.3h-6.1c-1,0-1.5.5-1.5,1.5v6.1c0,1,.5,1.5,1.5,1.5h6.1v1.3l-1.2.9h-5c-2.7.1-4-1.3-4-3.9Z"/><path class="cls-1" d="m158.6,6v-2.7h2.7v2.7h-2.7Zm.1,16.1v-13.6h2.5v13.6h-2.5Z"/><path class="cls-1" d="m165.3,22.1V6.8c0-2.7,1.3-4,4-4h2.4l1.2.9v1.3h-3.5c-1,0-1.5.5-1.5,1.5v1.9h4.8v2.2h-4.8v11.4h-2.6v.1Z"/><path class="cls-1" d="m175.3,6v-2.7h2.7v2.7h-2.7Zm.1,16.1v-13.6h2.5v13.6h-2.5Z"/><path class="cls-1" d="m181.8,18.1v-5.6c0-2.7,1.3-4,4-4h5l1.2.9v1.3h-6.1c-1,0-1.5.5-1.5,1.5v6.1c0,1,.5,1.5,1.5,1.5h6.1v1.3l-1.2.9h-5c-2.7.1-4-1.3-4-3.9Z"/><path class="cls-1" d="m55.2,52.9l6.1-17.5h3l6,17.5-.3.4h-1.4l-1.6-4.8h-8.5l-1.6,4.8h-1.4l-.3-.4Zm3.8-5.9h7.4l-3.4-10h-.7l-3.3,10Z"/><path class="cls-1" d="m72.4,37.3v-2.1h1.9v2.1h-1.9Zm.1,16v-13.5h1.6v13.5h-1.6Z"/><path class="cls-1" d="m78,53.3v-12c.6-1,1.7-1.5,3.3-1.5h2.6l.9.7v.8h-3.4c-.8,0-1.4.2-1.7.7v11.4h-1.7v-.1Z"/><path class="cls-1" d="m87.4,50v-16h1.6v16.1c0,1.2.6,1.9,1.9,2v1.4c-2.3,0-3.5-1.1-3.5-3.5Z"/><path class="cls-1" d="m93.8,37.3v-2.1h1.9v2.1h-1.9Zm.1,16v-13.5h1.6v13.5h-1.6Z"/><path class="cls-1" d="m99.9,53.3v-13.5h7.2c2.5,0,3.8,1.3,3.8,3.8v9.7h-1.6v-9.9c0-1.4-.7-2.1-2.1-2.1h-5.6v12s-1.7,0-1.7,0Z"/><path class="cls-1" d="m114.2,49.5v-5.8c0-2.6,1.3-3.8,3.8-3.8h3.4c2.5,0,3.8,1.3,3.8,3.8v3.6h-9.4v2.5c0,1.4.7,2.1,2.1,2.1h6.7v.8l-.9.7h-5.8c-2.4-.1-3.7-1.3-3.7-3.9Zm1.7-3.6h7.7v-2.4c0-1.4-.7-2.1-2.1-2.1h-3.5c-1.4,0-2.1.7-2.1,2.1v2.4Z"/><path class="cls-1" d="m128.8,52.7v-.8h6c1.4,0,2.1-.7,2.1-2.1s-.6-2.2-1.7-2.3l-3.2-.5c-2.2-.4-3.3-1.5-3.3-3.5,0-2.4,1.3-3.6,3.9-3.6h4.4l.9.7v.8h-5.4c-1.4,0-2.1.7-2.1,2.1,0,1.2.6,1.9,1.7,2.1l3.2.5c2.1.3,3.2,1.6,3.2,3.7,0,2.4-1.3,3.6-3.9,3.6h-5l-.8-.7Z"/></g><g><polygon class="cls-1" points="41.8 40.4 41.8 10.6 33 0 33 29.7 41.8 40.4"/><polygon class="cls-1" points="13.2 8.6 0 0 0 5.5 41.8 56.4 41.8 43.4 13.2 8.6"/><polygon class="cls-1" points="0 8.5 0 45.7 8.7 56.4 8.7 19.1 0 8.5"/></g></g></g></svg>');
}


/****** HTML Elements ******/

body, 
p {
  font-family: var(--font-newsreader);
  font-weight: var(--font-fw-light);
}
body {
  background: var(--base-color-white);
  overflow: hidden visible;
  min-height: 100vh;
}
hr {
  opacity: 1;
}

/* Removing that pesky blue outline on focus */

.btn-close:focus,
.accordion-button:focus {
  box-shadow: none;
}


/****** Widths ******/

/* These extend Bootstraps sizing classes */

.w-20 {
  width: 20%;
}
.w-40 {
  width: 40%;
}
.w-60 {
  width: 60%;
}
.w-80 {
  width: 80%;
}

.w-33 {
  width: 33%;
}
.w-34 {
  width: 34%;
}
.w-66 {
  width: 66%;
}
.w-67 {
  width: 67%;
}


/****** Rotations ******/

/* These extend Bootstraps sizing classes */

.r-45 {
  transform: rotate(45deg);
}
.r-90 {
  transform: rotate(90deg);
}
.r-135 {
  transform: rotate(135deg);
}
.r-180 {
  transform: rotate(180deg);
}
.r-minus-45 {
  transform: rotate(-45deg);
}
.r-minus-90 {
  transform: rotate(-90deg);
}
.r-minus-135 {
  transform: rotate(-135deg);
}
.r-minus-180 {
  transform: rotate(-180deg);
}


/****** Borders ******/

.border-dashed-start {
  border-left-style: dashed!important;
}
.border-dashed-end {
  border-right-style: dashed!important;
}
.border-dashed-top {
  border-top-style: dashed!important;
}
.border-dashed-bottom {
  border-bottom-style: dashed!important;
}


/****** Borders ******/

.rounded-1 {
  border-radius: 0.125em;
}
.rounded-2 {
  border-radius: 0.25em !important;
}
.rounded-3 {
  border-radius: 0.325em;
}
.rounded-4 {
  border-radius: 0.5em;
}
.rounded-5 {
  border-radius: 1em;
}

.rounded-lg-10{
    border-radius: 2em;
}

@media screen and (max-width:991px){
    .rounded-lg-10{
        border-radius: 0em;
    }
}


/****** Background Image ******/

.background-image {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.background-image-left{
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left;
}

/****** Accordian ******/

.accordion-button::after {
  width: 18px;
  height: 18px;
  background-size: 11px 7px;
  background-position: center;
}
.accordion-item,
.accordion-button,
.accordion-button:not(.collapsed) {
  background-color: transparent;
  box-shadow: none;
}
.accordion-button {
  cursor: pointer;
}
.accordion-button:not(.collapsed) {
  color: var(--base-color-black);
}
.accordion-button > .row {
  width: 100%;
}
.accordion-item {
  border-color: var(--base-color-grey-300);
}
.accordion .accordion-item:last-child {
    border-bottom: solid 1px var(--base-color-grey-300);
}


/****** Modal ******/

.modal-content {
  border: none;
}
.btn-close {
  opacity: 1; 
}

.modal-header {
  border-bottom: none;
}
.modal-body {
  padding-top: 0px;
}


/****** Profile ******/

.profilephoto {
  width: 1em;
  height: 1em;
  border-radius: 50%;
}
.profilephoto img {
  width: 100%;
  height: 100%;
}


/****** Menu with Pseudo Class Notifications ******/

.pseudo a:before,
.pseudo a:after {
  content: "";
  width: 20px;
  height: 20px;
  margin-bottom: -4px;
  margin-right: 1rem;
  display: inline-block;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.pseudo a:before,
.pseudo a.notification:after {
  width: 24px;
  height: 24px;
}
.pseudo a:after {
  margin-right: 0px;
  position: absolute;
  right: 0;
}
.pseudo a.notification:after {
  border-radius: 50%; 
  text-align: center;
  font-weight: var(--font-fw-bold);
}
.pseudo a.notification:after {
  background-image: none;
}
.pseudo a.number:after {
  content: "1";
}
.pseudo-lightbg a.number:after {
  color: var(--base-color-white);
  background-color: var(--base-color-black);
}
.pseudo-darkbg a.number:after {
  color: var(--base-color-black);
  background-color: var(--base-color-npblue-300);
}
.pseudo-lightbg a.danger:after,
.pseudo-lightbg a.warning:after {
  color: var(--base-color-white);
}
.pseudo-darkbg a.danger:after,
.pseudo-darkbg a.warning:after {
  color: var(--base-color-black);
}
.pseudo a.danger:after {
  content: "!";
  background-color: var(--base-color-danger-500);
}
.pseudo a.warning:after {
  content: "!";
  background-color: var(--base-color-warning-500);
}

.mobile-pay-modal {
    display: none;
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.4);
}

.mobile-pay-modal-content {
    background-color: rgba(225, 225, 225, 1);
    border: 1px solid #888;
    border-radius: 4px;
    margin: 15% auto;
    padding: 20px;
    height: 500px;
    text-align: center;
    width: 500px;
}

/* LAS common use environment landing page background */
.mountainlandscape-bg{
    background-image:url("/assets/img/index/adventurelandscape.jpg");
    background-size:cover;
    background-position: center center;
    height:100vh;
    width:100%;
}

.dark-opaque-overlay{
    background-color: #0000004b;
    height:100vh;
}

.white-opaque-overlay{
    background-color: #ffffff4b;
    height:100vh;
}

/* North Terminal TV display */
.np-display{
    background-image:url("/assets/img/23-COM20-NP_ANC_N_TerminalScreens-1A.png");
    background-size:cover;
    background-position: center center;
    height:100vh;
    width:100%;
}

ul{
    list-style-type: square;
}

/* LOGOS */

.NPlogo_vert-svg-white{
    background-image: url("/assets/img/logo/NPA-Logo_Vertical-White.svg");
}

.NPlogo_vert-svg-black{
    background-image: url("/assets/img/logo/NPA-Logo_Vertical-Black.svg");
}

.NPlogo_horizontal-svg-white{
    background-image: url("/assets/img/logo/NPA-Logo_Horizontal-White.svg");
}

.NPlogo_horizontal-svg-black{
    background-image: url("/assets/img/logo/NPA-Logo_Horizontal-Black.svg");
}

.logo-NPA-large-vert{
    width:150px;
    height:150px;
}

.logo-NPA-large-horizontal{
    width:200px;
    height:100px;
}