/* Plogbook Fonts */

.montserrat-500 {
    font-family: "Montserrat", serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
}


.montserrat-700 {
     font-family: "Montserrat", serif;
     font-optical-sizing: auto;
     font-weight: 700;
     font-style: normal;
 }


.montserrat-900 {
    font-family: "Montserrat", serif;
    font-optical-sizing: auto;
    font-weight: 900;
    font-style: normal;
}

.lora-quote {
   font-family: "Lora", serif;
   font-optical-sizing: auto;
   font-weight: 500;
   font-style: italic;
}


.bullet-list {
    list-style-type: circle !important;
    margin: 15px !important;
    padding: 0;
}

.text-plogbook-blue {
    color: #004AAD !important;
}

/* Custom Background */

.welcome-background {
    background-image:url('../../www/images/backgrounds/webp/TakeFlight 26.webp');
    background-position: center center;
    min-height: 100vh;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    align-items: center;
}

.syndicate-welcome-background {
    background-image:url('../../www/images/backgrounds/webp/TakeFlight 48.webp');
    background-position: center center;
    min-height: 30vh;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    align-items: center;
}

.clients-background {
    background-image:url('../../www/images/backgrounds/webp/cy-from-above.webp');
    background-position: center center;
    min-height: 60vh;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    align-items: center;
}

.plans-background {
    background-image:url('../../www/images/backgrounds/webp/fleet.webp');
    background-position: center center;
    min-height: 45vh;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    align-items: center;
    position: relative; /* Ensure the element is positioned for the ::after pseudo-element */
    z-index: 1; /* Ensure content stays above the overlay */
}

.plans-background::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.2));
    z-index: -1; /* Place the overlay below the content */
}

.blog-background {
    background-image:url('../../www/images/backgrounds/webp/blog.webp');
    background-position: center center;
    min-height: 45vh;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    align-items: center;
    position: relative; /* Ensure the element is positioned for the ::after pseudo-element */
    z-index: 1; /* Ensure content stays above the overlay */
}

.blog-background::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.6), rgba(0, 0, 0, 0.2));
    z-index: -1; /* Place the overlay below the content */
}


.terms-background {
    background-image:url('../../www/images/backgrounds/TakeFlight 41.jpg');
    background-position: center center;
    min-height: 45vh;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    align-items: center;
    position: relative; /* Ensure the element is positioned for the ::after pseudo-element */
    z-index: 1; /* Ensure content stays above the overlay */
}

.terms-background::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.6); /* Replace with your desired color and transparency */
    z-index: -1; /* Place the overlay below the content */
}

.privacy-background {
    background-image:url('../../www/images/backgrounds/TakeFlight 16.jpg');
    background-position: center center;
    min-height: 45vh;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    align-items: center;
    position: relative; /* Ensure the element is positioned for the ::after pseudo-element */
    z-index: 1; /* Ensure content stays above the overlay */
}

.privacy-background::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.6); /* Replace with your desired color and transparency */
    z-index: -1; /* Place the overlay below the content */
}

.background-instrument-panel {
    background-image: url('../../www/images/backgrounds/webp/gauges_body-bg-1.webp');
    background-position: center center;
    min-height: 45vh;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    align-items: center;
    position: relative; /* Ensure the element is positioned for the ::after pseudo-element */
    z-index: 1; /* Ensure content stays above the overlay */
}

.background-instrument-panel::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8); /* Replace with your desired color and transparency */
    z-index: -1; /* Place the overlay below the content */
}


.background-sunset-aircraft {
    background-image: url('../../www/images/backgrounds/webp/tail-sunset.webp');
    background-position: center center;
    min-height: 45vh;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    align-items: center;
    position: relative; /* Ensure the element is positioned for the ::after pseudo-element */
    z-index: 1; /* Ensure content stays above the overlay */
}

.background-sunset-aircraft::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(80, 53, 0, 0.6); /* Replace with your desired color and transparency */
    z-index: -1; /* Place the overlay below the content */
}

.image-fit {
    width: 100%; /* Ensure it spans the full width of the container */
    height: 100%; /* Ensures it fills the container height */
    object-fit: cover; /* Makes sure the image covers the container while maintaining its aspect ratio */
    object-position: center; /* Centers the image within the container */
    display: block; /* Prevents any inline spacing issues when used inside a parent element */
}


.col-center-content-vertically {
    display: flex;
    align-items: center;
    min-height: 100%; /* Ensure the parent takes up the full height */
}



.benefits li {
    list-style: none;
    margin-bottom: 1rem; /* Space between list items */
}

.benefits h6 {
    display: flex;
    align-items: center;
    margin: 0;
    font-size: 1rem; /* Adjust as needed */
}

.benefits h6 i {
    margin-right: 0.8rem; /* Space between the icon and the text */
}

.benefits small {
    display: block; /* Ensure the small text starts on a new line */
    margin-left: 1.8rem; /* Indent to align with the text in the heading */
    font-size: 0.875rem; /* Smaller font size for the description */
    color: #666; /* Optional: lighter color for the small text */
}


/* Header Customisation */

/* Default header styles */
.navbar {
    transition: background-color 0.3s, color 0.3s;
}

/* Transparent state for navbar */
.navbar.navbar-default.navbar-fixed-top:not(.opaque) {
    background-color: transparent !important;
    color: white !important;
}

/* Transparent state for navbar links */
.navbar.navbar-default.navbar-fixed-top:not(.opaque) a {
    color: #004AAD !important;
}

/* Opaque state for navbar links */
.navbar.navbar-default.navbar-fixed-top.opaque a {
    color: #004AAD !important;
}


.navbar.navbar-default.navbar-fixed-top.opaque {
    background-color: white;
    color: black;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

/* Navbar links */
.navbar a {
    transition: color 0.3s;
}

.navbar:not(.opaque) a {
    color: #004AAD !important;
}

.navbar.opaque a {
    color: black;
}

/* Logo customization */
.navbar:not(.opaque) .navbar-brand img {
    /*content: url('images/plogbook-logo-white.png'); /* Light version of the logo */
    content: url('../images/plogbook-blue-narrow.png'); /* Default logo */
}

.navbar.opaque .navbar-brand img {
    content: url('../images/plogbook-blue-narrow.png'); /* Default logo */
}