/*
Theme Name: Bootstrap 5 for WP
Theme URI: http://example.com/my-bootstrap-theme
Tags: Bootstrap-5, light-weight, clean, customizable
Author: Sunny Alhat
Author URI: https://sunnyalhat.com
Description: A WordPress theme based on Bootstrap CSS 5.
Version: 1.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/

/* global variables */
:root{
    --primary-font: "Poppins", sans-serif;
    --light-blue: rgb(240, 244, 245);
    --blue-dark: #043C47;
    --blue: #01658C;
    --green: #3F856F;
}
html, body{
    font-family: var(--primary-font);
}
.spacer{
    margin-top: 80px;
}

/* Typography */
h1,h2,h3,h4,h5,h6{
    font-weight: 700;
}

/* colors */
.bg-light-blue{
    background-color: var(--light-blue);
}
.fg-dark-blue{
    color: var(--blue-dark);
}

/* navigation bar */
/* .navbar-wrapper{
    padding: 0px 50px;
}  */
.navbar{
    background-color: var(--light-blue);
    /* border-radius: 75px; */
}
#bswp-navbar .menu-item a{
    text-decoration: none !important;
    padding: 8px 12px;
    color: rgb(113, 113, 113);
    font-weight: 400;
}
.navbar-wrapper.sticky-top {
    background: rgba(240, 244, 245, 0.849); /* Semi-transparent white */
    box-shadow: 0 0px 15px 0 rgba(31, 38, 135, 0.15);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px); /* For Safari support */
    border-radius: 0 0 16px 16px;
    border: 1px solid rgba(255, 255, 255, 0.18);
    transition: background 0.3s, box-shadow 0.3s;
    z-index: 1030; /* Make sure it stays above other content */
  }
  
  .navbar {
    background: transparent !important; /* Ensure the navbar itself is transparent */
    box-shadow: none !important;
  }  
#bswp-navbar .menu-item a:hover,
#bswp-navbar .menu-item.current-menu-item a {
    color: rgb(19, 19, 19);
    font-weight: 400;
}


/* custom button */
.dark-button{
    background-color: var(--blue-dark);
    color: white;
}
.dark-button:hover{
    background-color: black;
    color: white;
}

/* footer */
footer{
    background-color: #1c1c1c;
    color: white;
}
.footer-links a{
    display: block;
    margin-bottom: 4px;
    color: white;
    /* text-decoration: none; */
}
.footer-links a:hover{
    text-decoration: none;
}
footer .social a{
    color: white;
    text-decoration: none;
    font-size: 30px;
}

/* Mobile responsive code */
@media (max-width: 575.98px) {
    /* .navbar-wrapper{
        padding: 0px 10px;
    } */
    #bswp-navbar .menu-item a{
        text-decoration: none !important;
        padding-bottom: 15px;
    }
    .spacer{
        margin-top: 40px;
    }
    footer .col-md-4{
        margin-bottom: 40px;
    }
}