/* Bismillahi ar-Rahmani ar-Rahim Audhu billahi min ash-shayatin wa an yahdurun Bismillah ar-Rahman ar-Rahim Allah la ilaha illa huwa al-hayy al-qayyum. Tamsa Allahu ala ayunihim */
/* ==========================================================================
   Gusgraph Styles - Core Site Styles
   Full clean rebuild of user.css
   Organized, deduplicated, working base
   ========================================================================== */

:root{
  --site-max: 1373px;
  --ww-radius-sm: 8px;
  --ww-radius-md: 14px;
  --ww-radius-lg: 18px;
  --ww-gap-md: 24px;
  --ww-gap-lg: 28px;
  --ww-space-section: 42px;
  --ww-card-border: #d9e2e8;
  --ww-card-bg: #ffffff;
  --ww-shadow-sm: 0 8px 24px rgba(0,0,0,.05);
  --ww-shadow-md: 0 8px 24px rgba(0,0,0,.06);
  --ww-shadow-lg: 0 10px 30px rgba(0,0,0,.08);
  --ww-shadow-xl: 0 16px 36px rgba(0,0,0,.12);
  --ww-hero-overlay: linear-gradient(rgba(8,27,45,.50), rgba(8,27,45,.50));
  --ww-hero-image: url('/images/headers/GUSgraph-Seneca-piper-Airplane_hero.jpg');
}

/* ==========================================================================
   Full Width Header / Footer Bars
   ========================================================================== */

.container-header.full-width,
.container-footer.full-width{
  max-width: 100% !important;
  width: 100%;
}

/* ==========================================================================
   Main Site Width
   ========================================================================== */

.site-grid,
.container-component{
  max-width: var(--site-max);
  margin: 0 auto;
}

/* ==========================================================================
   Header / Topbar / Hamburger
   ========================================================================== */

.header{
  position: relative;
  width: 100%;
  background: #ffffff;
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* remove built-in Cassiopeia brand block */
.header .navbar-brand,
.header .brand-logo,
.header .brand-logo img,
.header .site-description{
  display: none !important;
}

.header > .grid-child:first-of-type{
  display: none !important;
}

/* kill Cassiopeia grid spacing in header */
.header > .grid-child{
  display: block !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.container-header{
  margin: 0 !important;
  padding: 0 !important;
}

/* topbar */
.container-topbar{
  width: 100%;
  min-height: 27px;
  background: #a8bdd7;
  border-bottom: 1px solid #88a0bf;
  padding: 0 12px;
  display: flex;
  align-items: center;
  margin: 0 !important;
}

.container-topbar .mod-menu{
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}

.container-topbar .mod-menu li{
  margin: 0;
  padding: 0;
}

.container-topbar .mod-menu li a{
  display: inline-block;
  padding: 4px 8px;
  border-radius: 8px;
  text-decoration: none;
  font-size: .88rem;
  line-height: 1.1;
}

.container-topbar .mod-menu li a,
.container-topbar .mod-menu li a:visited{
  color: var(--link-color);
}

.container-topbar .mod-menu li a:hover,
.container-topbar .mod-menu li a:focus{
  color: var(--link-hover-color);
  background: rgba(29,121,137,.10);
}

/* top right hamburger row */
.container-nav{
  position: absolute;
  top: 1px;
  right: 7px;
  left: auto;
  z-index: 1000;
  display: block !important;
  width: auto;
  padding: 0 !important;
  margin: 0 !important;
  min-height: 0 !important;
}

.container-nav .navbar{
  width: auto;
  margin: 0;
  padding: 0;
  min-height: 0 !important;
}

.container-nav .navbar-toggler{
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 47px;
  height: 47px;
  padding: 0;
  border: 1px solid #b7d6f7;
  border-radius: 13px;
  background: #eaf4ff;
  box-shadow: 0 7px 19px rgba(25,118,210,.13);
  margin: 0;
  color: #1976d2;
}

.container-nav .navbar-toggler:hover,
.container-nav .navbar-toggler:focus{
  background: #dbeeff;
  border-color: #93c5f5;
  color: #0f5fb8;
}

.container-nav .navbar-toggler .icon-menu{
  display: inline-block !important;
  font-size: 1.25rem;
  line-height: 1;
  color: #1976d2;
}

.container-nav .navbar-toggler .icon-menu:empty::before{
  content: "\2630";
  font-size: 1.25rem;
  line-height: 1;
  color: #1976d2;
}

.container-nav .navbar-collapse:not(.show){
  display: none !important;
}

.container-nav .navbar-collapse.show{
  display: block !important;
  position: absolute;
  top: calc(100% + 9px);
  right: 0;
  left: auto;
  width: min(367px, calc(100vw - 17px));
  background: #ffffff;
  border: 1px solid #cfe3f8;
  border-radius: 19px;
  box-shadow: 0 19px 43px rgba(25,118,210,.14);
  padding: 15px;
  z-index: 9999;
}

/* menu list */
.container-nav .navbar-collapse.show .mod-menu,
.container-nav .navbar-collapse.show .ww-mainmenu,
.container-nav .navbar-collapse.show ul.mod-menu{
  display: flex;
  flex-direction: column;
  gap: 6px;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}

.container-nav .navbar-collapse.show .mod-menu > li,
.container-nav .navbar-collapse.show .ww-mainmenu > li,
.container-nav .navbar-collapse.show ul.mod-menu > li{
  position: relative;
  margin: 0;
  padding: 0;
}

.container-nav .navbar-collapse.show ul.mod-menu > li > a{
  display: block;
  width: 100%;
  padding: 13px 57px 13px 15px;
  border-radius: 11px;
  text-decoration: none;
  font-weight: 600;
  position: relative;
  color: #171717 !important;
  background: transparent;
}

.container-nav .navbar-collapse.show .mod-menu > li > a span,
.container-nav .navbar-collapse.show .ww-mainmenu > li > a span,
.container-nav .navbar-collapse.show ul.mod-menu > li > a span,
.container-nav .navbar-collapse.show .mod-menu > li > a i,
.container-nav .navbar-collapse.show .ww-mainmenu > li > a i,
.container-nav .navbar-collapse.show ul.mod-menu > li > a i{
  color: #171717 !important;
  opacity: 1 !important;
}

.container-nav .navbar-collapse.show .mod-menu > li > a:hover,
.container-nav .navbar-collapse.show .mod-menu > li > a:focus,
.container-nav .navbar-collapse.show .mod-menu > li.active > a,
.container-nav .navbar-collapse.show .mod-menu > li.current > a,
.container-nav .navbar-collapse.show .ww-mainmenu > li > a:hover,
.container-nav .navbar-collapse.show .ww-mainmenu > li > a:focus,
.container-nav .navbar-collapse.show .ww-mainmenu > li.active > a,
.container-nav .navbar-collapse.show .ww-mainmenu > li.current > a,
.container-nav .navbar-collapse.show ul.mod-menu > li > a:hover,
.container-nav .navbar-collapse.show ul.mod-menu > li > a:focus,
.container-nav .navbar-collapse.show ul.mod-menu > li.active > a,
.container-nav .navbar-collapse.show ul.mod-menu > li.current > a{
  background: rgba(29,121,137,.10);
  color: #171717 !important;
}

/* native Joomla submenu toggle - keep it, enlarge it, make it clear */
.container-nav .navbar-collapse.show .metismenu-toggler,
.container-nav .navbar-collapse.show .mm-toggler,
.container-nav .navbar-collapse.show .menu-toggler,
.container-nav .navbar-collapse.show .submenu-button,
.container-nav .navbar-collapse.show .mod-menu__toggle,
.container-nav .navbar-collapse.show .nav-item-toggle,
.container-nav .navbar-collapse.show button[aria-haspopup="true"]{
  position: absolute !important;
  top: 50% !important;
  right: 12px !important;
  transform: translateY(-50%) !important;
  width: 30px !important;
  height: 30px !important;
  min-width: 30px !important;
  min-height: 30px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 1px solid #cfe1e6 !important;
  border-radius: 9px !important;
  background: #eef6f8 !important;
  color: #1d7989 !important;
  box-shadow: none !important;
  opacity: 1 !important;
  visibility: visible !important;
  z-index: 5 !important;
  cursor: pointer !important;
}

/* remove tiny default triangle visuals inside toggle buttons */
.container-nav .navbar-collapse.show .metismenu-toggler::before,
.container-nav .navbar-collapse.show .mm-toggler::before,
.container-nav .navbar-collapse.show .menu-toggler::before,
.container-nav .navbar-collapse.show .submenu-button::before,
.container-nav .navbar-collapse.show .mod-menu__toggle::before,
.container-nav .navbar-collapse.show .nav-item-toggle::before{
  content: "▾" !important;
  font-size: 1rem !important;
  line-height: 1 !important;
  color: #1d7989 !important;
}

.container-nav .navbar-collapse.show .metismenu-toggler *,
.container-nav .navbar-collapse.show .mm-toggler *,
.container-nav .navbar-collapse.show .menu-toggler *,
.container-nav .navbar-collapse.show .submenu-button *,
.container-nav .navbar-collapse.show .mod-menu__toggle *,
.container-nav .navbar-collapse.show .nav-item-toggle *{
  display: none !important;
}

/* fallback visual arrow for menu items if no real toggle is present */
.container-nav .navbar-collapse.show .mod-menu li.parent > a::after,
.container-nav .navbar-collapse.show .mod-menu li.deeper > a::after,
.container-nav .navbar-collapse.show .ww-mainmenu li.parent > a::after,
.container-nav .navbar-collapse.show .ww-mainmenu li.deeper > a::after,
.container-nav .navbar-collapse.show ul.mod-menu li.parent > a::after,
.container-nav .navbar-collapse.show ul.mod-menu li.deeper > a::after{
  content: "▾";
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 1rem;
  font-weight: 700;
  color: #1d7989;
  pointer-events: none;
}

/* if a real toggle button exists, hide fallback arrow */
.container-nav .navbar-collapse.show .mod-menu li.parent:has(.metismenu-toggler) > a::after,
.container-nav .navbar-collapse.show .mod-menu li.parent:has(.mm-toggler) > a::after,
.container-nav .navbar-collapse.show .mod-menu li.parent:has(.menu-toggler) > a::after,
.container-nav .navbar-collapse.show .mod-menu li.parent:has(.submenu-button) > a::after,
.container-nav .navbar-collapse.show .mod-menu li.parent:has(.mod-menu__toggle) > a::after,
.container-nav .navbar-collapse.show .mod-menu li.deeper:has(.metismenu-toggler) > a::after,
.container-nav .navbar-collapse.show .mod-menu li.deeper:has(.mm-toggler) > a::after,
.container-nav .navbar-collapse.show .mod-menu li.deeper:has(.menu-toggler) > a::after,
.container-nav .navbar-collapse.show .mod-menu li.deeper:has(.submenu-button) > a::after,
.container-nav .navbar-collapse.show .mod-menu li.deeper:has(.mod-menu__toggle) > a::after,
.container-nav .navbar-collapse.show ul.mod-menu li.parent:has(.metismenu-toggler) > a::after,
.container-nav .navbar-collapse.show ul.mod-menu li.parent:has(.mm-toggler) > a::after,
.container-nav .navbar-collapse.show ul.mod-menu li.parent:has(.menu-toggler) > a::after,
.container-nav .navbar-collapse.show ul.mod-menu li.parent:has(.submenu-button) > a::after,
.container-nav .navbar-collapse.show ul.mod-menu li.parent:has(.mod-menu__toggle) > a::after,
.container-nav .navbar-collapse.show ul.mod-menu li.deeper:has(.metismenu-toggler) > a::after,
.container-nav .navbar-collapse.show ul.mod-menu li.deeper:has(.mm-toggler) > a::after,
.container-nav .navbar-collapse.show ul.mod-menu li.deeper:has(.menu-toggler) > a::after,
.container-nav .navbar-collapse.show ul.mod-menu li.deeper:has(.submenu-button) > a::after,
.container-nav .navbar-collapse.show ul.mod-menu li.deeper:has(.mod-menu__toggle) > a::after{
  display: none !important;
}

/* submenu base */
.container-nav .navbar-collapse.show .mod-menu .nav-child,
.container-nav .navbar-collapse.show .mod-menu .mod-menu__sub,
.container-nav .navbar-collapse.show .ww-mainmenu .nav-child,
.container-nav .navbar-collapse.show .ww-mainmenu .mod-menu__sub,
.container-nav .navbar-collapse.show ul.mod-menu .nav-child,
.container-nav .navbar-collapse.show ul.mod-menu .mod-menu__sub{
  list-style: none;
  margin: 6px 0 0;
  padding: 8px 0 0 14px;
  border-left: 2px solid #dbe7ec;
}

/* desktop hover open */
@media (min-width: 992px){
  .container-nav .navbar-collapse.show .mod-menu li.parent:hover > .nav-child,
  .container-nav .navbar-collapse.show .mod-menu li.parent:hover > .mod-menu__sub,
  .container-nav .navbar-collapse.show .mod-menu li.deeper:hover > .nav-child,
  .container-nav .navbar-collapse.show .mod-menu li.deeper:hover > .mod-menu__sub,
  .container-nav .navbar-collapse.show .mod-menu li.parent:focus-within > .nav-child,
  .container-nav .navbar-collapse.show .mod-menu li.parent:focus-within > .mod-menu__sub,
  .container-nav .navbar-collapse.show .mod-menu li.deeper:focus-within > .nav-child,
  .container-nav .navbar-collapse.show .mod-menu li.deeper:focus-within > .mod-menu__sub,
  .container-nav .navbar-collapse.show .ww-mainmenu li.parent:hover > .nav-child,
  .container-nav .navbar-collapse.show .ww-mainmenu li.parent:hover > .mod-menu__sub,
  .container-nav .navbar-collapse.show .ww-mainmenu li.deeper:hover > .nav-child,
  .container-nav .navbar-collapse.show .ww-mainmenu li.deeper:hover > .mod-menu__sub,
  .container-nav .navbar-collapse.show .ww-mainmenu li.parent:focus-within > .nav-child,
  .container-nav .navbar-collapse.show .ww-mainmenu li.parent:focus-within > .mod-menu__sub,
  .container-nav .navbar-collapse.show .ww-mainmenu li.deeper:focus-within > .nav-child,
  .container-nav .navbar-collapse.show .ww-mainmenu li.deeper:focus-within > .mod-menu__sub,
  .container-nav .navbar-collapse.show ul.mod-menu li.parent:hover > .nav-child,
  .container-nav .navbar-collapse.show ul.mod-menu li.parent:hover > .mod-menu__sub,
  .container-nav .navbar-collapse.show ul.mod-menu li.deeper:hover > .nav-child,
  .container-nav .navbar-collapse.show ul.mod-menu li.deeper:hover > .mod-menu__sub,
  .container-nav .navbar-collapse.show ul.mod-menu li.parent:focus-within > .nav-child,
  .container-nav .navbar-collapse.show ul.mod-menu li.parent:focus-within > .mod-menu__sub,
  .container-nav .navbar-collapse.show ul.mod-menu li.deeper:focus-within > .nav-child,
  .container-nav .navbar-collapse.show ul.mod-menu li.deeper:focus-within > .mod-menu__sub{
    display: block !important;
  }
}

.container-nav .navbar-collapse.show .nav-child li,
.container-nav .navbar-collapse.show .mod-menu__sub li{
  margin: 0;
  padding: 0;
}

.container-nav .navbar-collapse.show .nav-child a,
.container-nav .navbar-collapse.show .mod-menu__sub a{
  display: block;
  padding: 10px 12px;
  border-radius: 8px;
  text-decoration: none;
  font-weight: 500;
}

.container-nav .navbar-collapse.show .nav-child a:hover,
.container-nav .navbar-collapse.show .nav-child a:focus,
.container-nav .navbar-collapse.show .mod-menu__sub a:hover,
.container-nav .navbar-collapse.show .mod-menu__sub a:focus{
  background: rgba(29,121,137,.08);
}

/* mobile nav */
@media (max-width: 991.98px){
  .container-nav{
    top: 4px;
    right: 6px;
  }

  .container-nav .navbar-collapse.show{
    width: min(340px, calc(100vw - 12px));
    max-height: calc(100vh - 90px);
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }

  .container-nav .navbar-collapse.show .mod-menu > li > a,
  .container-nav .navbar-collapse.show .ww-mainmenu > li > a,
  .container-nav .navbar-collapse.show ul.mod-menu > li > a{
    padding: 14px 56px 14px 14px;
  }

  .container-nav .navbar-collapse.show .metismenu-toggler,
  .container-nav .navbar-collapse.show .mm-toggler,
  .container-nav .navbar-collapse.show .menu-toggler,
  .container-nav .navbar-collapse.show .submenu-button,
  .container-nav .navbar-collapse.show .mod-menu__toggle,
  .container-nav .navbar-collapse.show .nav-item-toggle,
  .container-nav .navbar-collapse.show button[aria-haspopup="true"]{
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    min-height: 34px !important;
  }
}

/* ==========================================================================
   Desktop Hover Dropdown JS Assist
   ========================================================================== */

@media (min-width: 992px){
  .container-nav .navbar-collapse.show li.ww-hover-open > .nav-child,
  .container-nav .navbar-collapse.show li.ww-hover-open > .mod-menu__sub,
  .container-nav .navbar-collapse.show li.ww-hover-open > ul{
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    max-height: 1000px !important;
    overflow: visible !important;
    pointer-events: auto !important;
  }
}

/* ==========================================================================
   Remove Joomla Page Heading / Tighten Hero Gap
   ========================================================================== */

.com-content-article .page-header,
.com-content-article .page-header h1,
.blog-featured .page-header,
.blog-featured .page-header h1{
  display: none !important;
}

.container-component{
  padding-top: 0 !important;
}

.com-content-article,
.com-content-article__body,
.item-page,
main{
  margin-top: 0 !important;
  padding-top: 0 !important;
}

.ww-hero,
.ww-page-hero,
.ww-article-hero{
  margin-top: 0 !important;
}

/* ==========================================================================
   Shared Page System
   ========================================================================== */

.ww-page,
.ww-home,
.ww-about,
.ww-services,
.ww-reach,
.ww-training,
.ww-blog,
.ww-insurance,
.ww-financing,
.ww-finishup,
.ww-rentals,
.ww-gallery-page,
.ww-aircrafts{
  padding: 10px 0 40px;
}

.ww-blog{
  padding-bottom: 20px;
}

.ww-home{
  padding-top: 0;
}

.ww-section,
.ww-home-intro{
  margin: 0 0 var(--ww-space-section);
}

.ww-home .ww-home-intro{
  margin-top: 8px;
}

.ww-page h2,
.ww-home h2,
.ww-about h2,
.ww-services h2,
.ww-reach h2,
.ww-training h2,
.ww-blog h2,
.ww-insurance h2,
.ww-financing h2,
.ww-finishup h2,
.ww-rentals h2,
.ww-gallery-page h2,
.ww-aircrafts h2{
  margin: 0 0 14px;
  font-size: 2rem;
}

.ww-page h3,
.ww-home h3,
.ww-about h3,
.ww-services h3,
.ww-reach h3,
.ww-training h3,
.ww-blog h3,
.ww-insurance h3,
.ww-financing h3,
.ww-finishup h3,
.ww-rentals h3,
.ww-gallery-page h3,
.ww-aircrafts h3{
  margin: 0 0 10px;
  font-size: 1.25rem;
}

.ww-page p,
.ww-home p,
.ww-about p,
.ww-services p,
.ww-reach p,
.ww-training p,
.ww-blog p,
.ww-insurance p,
.ww-financing p,
.ww-finishup p,
.ww-rentals p,
.ww-gallery-page p,
.ww-aircrafts p{
  line-height: 1.7;
  margin: 0 0 14px;
}

/* ==========================================================================
   Home Hero
   ========================================================================== */

.ww-hero{
  position: relative;
  min-height: 520px;
  border-radius: var(--ww-radius-lg);
  overflow: hidden;
  margin: 0 0 5px;
  background: linear-gradient(rgba(8,27,45,.45), rgba(8,27,45,.45)),
              url('/images/headers/GUSgraph-Seneca-piper-Airplane_hero.jpg') center center / cover no-repeat;
}

.ww-hero-overlay{
  min-height: 520px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 37px 27px;
}

.ww-hero-content{
  max-width: 760px;
  color: #fff;
}

.ww-kicker,
.ww-article-kicker{
  font-size: .95rem;
  letter-spacing: .12em;
  text-transform: uppercase;
  margin-bottom: 12px;
  opacity: .95;
}

.ww-hero h1{
  font-size: 3rem;
  line-height: 1.1;
  margin: 0 0 16px;
  color: #fff;
}

.ww-hero p{
  font-size: 1.08rem;
  color: #fff;
}

.ww-hero-actions{
  display: flex;
  gap: 14px;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 18px;
}

/* ==========================================================================
   Home Full Width Hero Override
   ========================================================================== */

.ww-home .ww-hero{
  width: 100vw;
  max-width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  margin-top: 0 !important;
  margin-bottom: 38px;
  border-radius: 0 0 24px 24px;
  min-height: 560px;
  overflow: hidden;
  background: linear-gradient(rgba(8,27,45,.45), rgba(8,27,45,.45)),
              url('/images/headers/GUSgraph-Seneca-piper-Airplane_hero.jpg') center center / cover no-repeat;
}

.ww-home .ww-hero-overlay{
  min-height: 560px;
  padding: 56px 24px 48px;
}

.ww-home .ww-hero-content{
  max-width: 820px;
  margin: 0 auto;
  text-align: center;
}

.ww-home .ww-hero h1{
  font-size: 3.3rem;
}

/* ==========================================================================
   Inner Page Hero
   ========================================================================== */

.ww-page-hero{
  position: relative;
  min-height: 430px;
  border-radius: var(--ww-radius-lg);
  overflow: hidden;
  margin: 0 0 38px;
  background: var(--ww-hero-overlay), var(--ww-hero-image) center center / cover no-repeat;
}

.ww-page-hero-overlay{
  min-height: 430px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 40px 24px;
}

.ww-page-hero-content{
  max-width: 820px;
  color: #fff;
}

.ww-page-hero h1{
  font-size: 2.8rem;
  line-height: 1.1;
  margin: 0 0 16px;
  color: #fff;
}

.ww-page-hero p{
  font-size: 1.08rem;
  color: #fff;
}

/* ==========================================================================
   Shared Media / Logos / Layout
   ========================================================================== */

.ww-hero-logo,
.ww-page-logo,
.ww-article-logo{
  width: 227px;
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0 auto 18px;
  background: rgba(255,255,255,.57);
  padding: 10px;
  border-radius: var(--ww-radius-md);
}

.ww-home-intro-grid{
  display: grid;
  grid-template-columns: 320px 1fr;
  gap: var(--ww-gap-lg);
  align-items: start;
}

.ww-grid-2{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--ww-gap-md);
}

.ww-grid-3{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--ww-gap-md);
}

.ww-home-intro-image img,
.ww-banner-box img{
  width: 100%;
  height: auto;
  display: block;
  border-radius: 16px;
}

.ww-card,
.ww-action-box{
  background: var(--ww-card-bg);
  border: 1px solid var(--ww-card-border);
  border-radius: var(--ww-radius-md);
  padding: 22px;
  box-shadow: var(--ww-shadow-sm);
}

.ww-banner-box{
  overflow: hidden;
  border-radius: var(--ww-radius-lg);
  box-shadow: var(--ww-shadow-md);
}

/* ==========================================================================
   Buttons
   ========================================================================== */

.ww-btn{
  display: inline-block;
  padding: 12px 18px;
  border-radius: var(--ww-radius-sm);
  text-decoration: none;
  font-weight: 600;
  background: var(--btnbg);
  color: var(--btncolor);
}

.ww-btn:hover{
  background: var(--btnbgh);
  color: var(--btncolorh);
}

.ww-btn-light{
  background: rgba(255,255,255,.92);
  color: #10293f;
}

.ww-btn-light:hover{
  background: #ffffff;
  color: #10293f;
}

/* ==========================================================================
   Shared Icon System
   ========================================================================== */

.ww-page i,
.ww-about i,
.ww-services i,
.ww-reach i,
.ww-training i,
.ww-blog i,
.ww-insurance i,
.ww-financing i,
.ww-finishup i,
.ww-rentals i,
.ww-gallery-page i,
.ww-aircrafts i,
.ww-article i{
  font-size: 1.15em;
  margin-right: 8px;
  vertical-align: middle;
  filter: saturate(1.12);
}

.ww-aircraft-meta i{
  font-size: 1.35em;
  margin-right: 2px;
}

.ww-icon-blue{
  color: #1976d2 !important;
}

.ww-icon-gold{
  color: #d4a017 !important;
}

.ww-icon-red{
  color: #d14949 !important;
}

/* ==========================================================================
   Home Icon Fixes
   ========================================================================== */

.ww-home .ww-kicker i,
.ww-home .ww-btn i,
.ww-home h3 i{
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  filter: saturate(1.2);
}

.ww-home .ww-kicker i{
  margin-right: 10px;
}

.ww-home .ww-btn i{
  margin-right: 8px;
}

.ww-home h3 i{
  margin-right: 10px;
}

.ww-home .ww-card h3 i,
.ww-home .ww-action-box h3 i{
  font-size: 1.5em !important;
}

.ww-home .ww-kicker i.fa-plane-up{
  font-size: 1.45em !important;
}

.ww-home .ww-btn i.fa-envelope,
.ww-home .ww-btn i.fa-graduation-cap{
  font-size: 1.3em !important;
}

/* ==========================================================================
   Gallery
   ========================================================================== */

.ww-gallery-grid{
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 22px;
  margin-top: 20px;
}

.ww-shot{
  margin: 0;
  overflow: hidden;
  border-radius: var(--ww-radius-lg);
  background: #ffffff;
  border: 6px solid #ffffff;
  box-shadow: var(--ww-shadow-lg);
  transition: transform .25s ease, box-shadow .25s ease;
}

.ww-shot:hover{
  transform: translateY(-4px) scale(1.01);
  box-shadow: var(--ww-shadow-xl);
}

.ww-shot img{
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.ww-shot-v{
  grid-column: span 3;
  min-height: 430px;
}

.ww-shot-h{
  grid-column: span 6;
  min-height: 300px;
}

.ww-shot-wide{
  grid-column: span 12;
  min-height: 360px;
}

/* ==========================================================================
   Aircraft
   ========================================================================== */

.ww-aircraft-grid{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 26px;
}

.ww-aircraft-card{
  background: #ffffff;
  border: 1px solid var(--ww-card-border);
  border-radius: var(--ww-radius-lg);
  overflow: hidden;
  box-shadow: 0 10px 28px rgba(0,0,0,.06);
}

.ww-aircraft-image img{
  width: 100%;
  height: 320px;
  object-fit: cover;
  display: block;
}

.ww-aircraft-body{
  padding: 22px;
}

.ww-aircraft-body h3{
  margin-bottom: 12px;
}

.ww-aircraft-meta{
  list-style: none;
  padding: 0;
  margin: 16px 0 0;
}

.ww-aircraft-meta li{
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 10px 0;
}

/* ==========================================================================
   Blog Article System
   ========================================================================== */

.ww-article{
  padding: 10px 0 50px;
}

.ww-article-hero{
  position: relative;
  min-height: 423px;
  border-radius: 18px;
  overflow: hidden;
  margin: 0 0 34px;
  background:
    linear-gradient(rgba(8,27,45,.55), rgba(8,27,45,.45)),
    url('/images/blog/blog-placeholder.jpg') center center / cover no-repeat;
}

.ww-article-hero-overlay{
  min-height: 423px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 40px 23px;
}

.ww-article-hero-content{
  max-width: 473px;
  color: #fff;
}

.ww-article-hero h1{
  font-size: 3rem;
  line-height: 1.08;
  margin: 0 0 14px;
  color: #fff;
}

.ww-article-hero p{
  font-size: 1.08rem;
  line-height: 1.7;
  color: #fff;
  margin: 0;
}

.ww-article-shell{
  max-width: 980px;
  margin: 0 auto;
}

.ww-article-card{
  background: #fff;
  border: 1px solid #d9e2e8;
  border-radius: 18px;
  box-shadow: 0 10px 30px rgba(0,0,0,.06);
  padding: 34px;
}

.ww-article-meta{
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin: 0 0 22px;
}

.ww-article-tag{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 14px;
  border-radius: 999px;
  background: #f4f8fb;
  border: 1px solid #dbe6ee;
  font-size: .95rem;
  font-weight: 600;
}

.ww-article-tag i{
  font-size: 1.25em;
  vertical-align: middle;
}

.ww-article-body h2{
  font-size: 2rem;
  margin: 0 0 14px;
}

.ww-article-body h3{
  font-size: 1.35rem;
  margin: 28px 0 12px;
}

.ww-article-body p{
  margin: 0 0 16px;
  line-height: 1.8;
  font-size: 1.04rem;
}

.ww-article-body ul{
  margin: 0 0 18px 22px;
  padding: 0;
}

.ww-article-body li{
  margin: 0 0 10px;
  line-height: 1.75;
}

.ww-article-feature{
  margin: 23px 0 27px;
  overflow: hidden;
  border-radius: 19px;
  box-shadow: 0 10px 27px rgba(0,0,0,.08);
}

.ww-article-feature img{
  width: 100%;
  height: auto;
  display: block;
}

.ww-article-section{
  margin: 0 0 27px;
}

.ww-article-grid{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 22px;
  margin: 23px 0 27px;
}

.ww-article-panel{
  background: #ffffff;
  border: 1px solid #d9e2e8;
  border-radius: 15px;
  padding: 23px;
  box-shadow: 0 8px 23px rgba(0,0,0,.05);
}

.ww-article-panel h3{
  margin-top: 0;
}

.ww-article-highlight{
  margin: 27px 0;
  padding: 23px 25px;
  border-radius: 17px;
  background: linear-gradient(135deg, #f7fbff 0%, #eef6fb 100%);
  border-left: 7px solid #1976d2;
}

.ww-article-highlight p:last-child{
  margin-bottom: 0;
}

.ww-article-checklist{
  list-style: none;
  margin: 0;
  padding: 0;
}

.ww-article-checklist li{
  display: flex;
  gap: 13px;
  align-items: flex-start;
  margin: 0 0 15px;
}

.ww-article-checklist i{
  margin-top: 3px;
  font-size: 1.2em;
  
  
}

/* ==========================================================================
   Responsive
   ========================================================================== */

@media (max-width: 1100px){
  .ww-shot-v{
    grid-column: span 4;
  }

  .ww-shot-h{
    grid-column: span 8;
  }
}

@media (max-width: 900px){
  .ww-home-intro-grid{
    grid-template-columns: 1fr;
  }

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

  .ww-aircraft-grid{
    grid-template-columns: 1fr;
  }

  .ww-aircraft-image img{
    height: 260px;
  }
}

@media (max-width: 991.98px){
  .container-topbar{
  min-height: 31px;
  padding: 0 11px;
  overflow-x: hidden;
  overflow-y: visible;
  white-space: normal;
}

  .container-topbar .mod-menu{
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  align-items: center;
  justify-content: flex-start;
  gap: 5px 7px;
  width: 100%;
  min-width: 0;
  white-space: normal;
  padding: 5px 0;
}

  .container-topbar .mod-menu li{
  display: inline-flex !important;
  flex: 0 0 auto !important;
  white-space: nowrap;
}

  .container-topbar .mod-menu li a{
  display: inline-flex !important;
  align-items: center;
  padding: 5px 7px;
  font-size: .73rem;
  white-space: nowrap;
}

  .container-nav{
    top: 4px;
    right: 6px;
  }

  .container-nav .navbar-collapse.show{
    width: min(320px, calc(100vw - 12px));
  }

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

  .ww-hero,
  .ww-hero-overlay{
    min-height: 380px;
  }

  .ww-home .ww-hero{
    min-height: 400px;
    border-radius: 0 0 18px 18px;
  }

  .ww-home .ww-hero-overlay{
    min-height: 400px;
    padding: 42px 18px 34px;
  }

  .ww-page-hero,
  .ww-page-hero-overlay,
  .ww-article-hero,
  .ww-article-hero-overlay{
    min-height: 340px;
  }

  .ww-hero h1,
  .ww-article-hero h1{
    font-size: 2.15rem;
  }

  .ww-home .ww-hero h1{
    font-size: 2.2rem;
  }

  .ww-page-hero h1{
    font-size: 2rem;
  }

  .ww-gallery-grid{
    grid-template-columns: 1fr;
    gap: 18px;
  }

  .ww-shot-v,
  .ww-shot-h,
  .ww-shot-wide{
    grid-column: auto;
    min-height: 260px;
  }

  .ww-article-card{
    padding: 24px 18px;
  }

  .ww-article-grid{
    grid-template-columns: 1fr;
  }
}