/* Source and licensing information for the line(s) below can be found at https://www.newportworldresorts.com/modules/custom/npwr_flight/css/styles.css. */
/* For Flight Departure */
.flight-page {padding-block: 50px; background: url('/modules/custom/npwr_flight/css/../../../../sites/default/files/flight-logo/bluebg.png');}
/* .flight-page .header-page { display: flex; justify-content: space-evenly; align-items: center;} */
.flight-page .header-page p { margin: 0; font-size: 2rem; color: var(--nwr-white); font-weight: 200;}
.flight-page .header-page .button a.active { background: var(--nwr-red); color: var(--nwr-white); padding: 5px 20px; border-radius: 5px; font-size: 1.5rem; font-weight: 200;}
.flight-page .header-page .button a{ flex: 1; background: var(--nwr-white); color: var(--nwr-black); padding: 5px 20px; border-radius: 5px; font-size: 1.5rem; font-weight: 200;}
.flight-page .header-page .button { display: flex; column-gap: 20px; padding-inline: 0; margin-inline: 0;}
.flight-page h1 { color: var(--nwr-white); font-weight: 400; padding-block: 40px 5px;}

.flight-wrapper .table{ background: url(https://nwr.glimsol.com/npwr-prod/sites/default/files/2025-03/blue.jpg); background-repeat: no-repeat; background-size: cover; border-radius: 10px; height: 600px; max-height: 600px; display: block; overflow-y: auto;}
.flight-wrapper .table tr td, .flight-wrapper .table tr th { color: white;}
.flight-wrapper .table thead { position: sticky; top: 0; background: url(https://nwr.glimsol.com/npwr-prod/sites/default/files/2025-03/blue.jpg);}

.flight-wrapper .table-flight{ height: 600px; overflow-y: auto;}
.flight-wrapper .table-flight .header {position: sticky; top: 0; padding: 10px; display: grid; border: 3px solid black; grid-template-columns: 2fr 1fr 1fr 1fr 2fr 1fr; justify-items: center; font-weight: bold; background: yellow;}
.flight-wrapper .table-flight .header > p{ margin: 0; font-weight: bold;}
.flight-wrapper .table-flight .content > .td { display: grid; grid-template-columns: 2fr 1fr 1fr 1fr 2fr 1fr; justify-items: center; align-items: center; border: 2px solid #ababab; background: #d7d8db;}
.flight-wrapper .table-flight .content > .td > p{ text-align: center; margin: 0;}
.flight-wrapper .table-flight .content > .td > p:nth-child(3),
.flight-wrapper .table-flight .content > .td > p:nth-child(4) { background: #586971; color: white; padding: 10px; width: 80%; height: 100%;}
.flight-wrapper .table-flight .content > .td > p:nth-child(6) { padding-inline: 5px; height: 100%; width: 100%; display: grid; align-items: center;}
.flight-wrapper .table-flight .content > .td > p:nth-child(7) { display: grid; width: 100%; height: 100%; align-items: center; padding-inline: 10px;}
.green {background: green; color: white;}
.red {background: red; color: white;}
.yellow {background: yellow; color: black;}
.gray {background: gray; color: white;}
.flight-page .flight .description { padding-block: 50px; color: white; font-style: italic; text-align: center;}
.flight-page .header-page {display: grid ; grid-template-columns: 1fr 350px;}
.flight-page .header-page h1 { padding: 0; text-align: left;}
.flight-page .header-page:has(h1){ padding-block: 20px 30px;}
.flight-search-box input {font-size: 1.3rem;border: none; flex: 1; border-radius: 5px; font-weight: 200; padding-inline: 20px;}
.flight-search-box { display: flex; gap: 10px;}
.flight-search-box button { border-radius: 5px; border: none; width: 45px; font-size: 1.3rem; display: flex; align-items: center; justify-content: center; background: var(--nwr-red); color: var(--nwr-white); transition: all 300ms ;}
.flight-search-box button:hover { filter: brightness(1.2);}

@media screen and (max-width: 768px) {
    div.flight-page .header-page {grid-template-columns: 1fr;}
}

/* Source and licensing information for the above line(s) can be found at https://www.newportworldresorts.com/modules/custom/npwr_flight/css/styles.css. */