/* ==========================================================================
CUSTOM RESPONSIVE CSS
========================================================================== */

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {


}

@media (min-width: 676px) {
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {

    

}


/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {

    body {
        padding-top: 80px;
    }
    
    /* WordPress Admin Bar Padding */
    .admin-bar body {
        padding-top: 112px; /* 80px + 32px for admin bar */
    }

    .admin-bar section.position-fixed {
        top: 112px;
    }

    .navbar-expand-lg .navbar-nav .nav-link {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
        padding-left: 1.25rem;
        padding-right: 1.25rem;
    }

    .navbar-expand-lg .navbar-nav > .menu-item:first-child > .nav-link {
        padding-left: 0;
    }

    .navbar-expand-lg .navbar-nav .dropdown-menu .nav-link {
        white-space: nowrap;
    }

    /* Navbar Dropdown - Desktop and up - restore standard dropdown styling */
    .navbar .dropdown-menu {
        background-color: #fff;
        border: 1px solid rgba(0, 0, 0, 0.15);
        box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.175);
        margin-top: 0;
        padding-left: 0;
    }
    
    .navbar .dropdown-menu .dropdown-item {
        color: #212529;
        padding: 0.25rem 1rem;
    }
    
    .navbar .dropdown-menu .dropdown-item:hover,
    .navbar .dropdown-menu .dropdown-item:focus {
        background-color: #F4F5F7;
        color: #212529;
    }
    
    .navbar .dropdown-toggle::after {
        float: none;
        margin-top: 0;
    }

    .section-header {
        font-size: 2.8rem;
    }



}

@media (min-width: 1092px) {


}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

    
}

@media (min-width: 1300px) {
    
    
}

/* Extra large devices (large desktops, 1400px and up) */
@media (min-width: 1400px) {
  

}

/* Extra large devices (large desktops, 1500px and up) */
@media (min-width: 1500px) {
   
}


/* Admin Bar Padding */
@media (max-width: 782px) {
    .admin-bar body {
        padding-top: 102px; /* 70px + 46px for mobile admin bar */
    }
    
    .admin-bar .fixed-top {
        top: 46px; /* Account for admin bar on mobile */
    }
}