/* cmsms stylesheet: Custom modified: 03/27/25 11:55:50 */
/* Navbar Brand Style */
.navbar-default .navbar-brand {
    font-size: 28px;
    font-weight: 300;
    text-transform: lowercase;
    font-family: "Muli", sans-serif;
    word-spacing: -6px;
    background-image: none;
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 0;
    color: #000;
    -webkit-text-stroke: 0;
}

/* Header Title with Logo */
.header-full-title {
    float: left;
    padding-left: 225px;
    background-image: url('http://wggh.net/uploads/images/wgghlogo1.png');
    background-repeat: no-repeat;
    background-position: left center;
    overflow: hidden;
}

/* Utility Classes for Margin */
.m-0 { margin: 0!important; }
.m-1 { margin: .25rem!important; }
.m-2 { margin: .5rem!important; }
.m-3 { margin: 1rem!important; }
.m-4 { margin: 1.5rem!important; }
.m-5 { margin: 3rem!important; }

/* Margin - Specific Directions */
.mt-0, .mr-0, .mb-0, .ml-0 { margin: 0!important; }
.mt-1, .mr-1, .mb-1, .ml-1 { margin: .25rem!important; }
.mt-2, .mr-2, .mb-2, .ml-2 { margin: .5rem!important; }
.mt-3, .mr-3, .mb-3, .ml-3 { margin: 1rem!important; }
.mt-4, .mr-4, .mb-4, .ml-4 { margin: 1.5rem!important; }
.mt-5, .mr-5, .mb-5, .ml-5 { margin: 3rem!important; }

/* Auto Margin (Used for centering) */
.mt-auto, .mr-auto, .mb-auto, .ml-auto { margin: auto!important; }

/* Utility Classes for Padding */
.p-0 { padding: 0!important; }
.p-1 { padding: .25rem!important; }
.p-2 { padding: .5rem!important; }
.p-3 { padding: 1rem!important; }
.p-4 { padding: 1.5rem!important; }
.p-5 { padding: 3rem!important; }

/* Padding - Specific Directions */
.pt-0, .pr-0, .pb-0, .pl-0 { padding: 0!important; }
.pt-1, .pr-1, .pb-1, .pl-1 { padding: .25rem!important; }
.pt-2, .pr-2, .pb-2, .pl-2 { padding: .5rem!important; }
.pt-3, .pr-3, .pb-3, .pl-3 { padding: 1rem!important; }
.pt-4, .pr-4, .pb-4, .pl-4 { padding: 1.5rem!important; }
.pt-5, .pr-5, .pb-5, .pl-5 { padding: 3rem!important; }

/* Padding - X and Y Axes */
.px-0 { padding-left: 0!important; padding-right: 0!important; }
.py-0 { padding-top: 0!important; padding-bottom: 0!important; }
.px-1 { padding-left: .25rem!important; padding-right: .25rem!important; }
.py-1 { padding-top: .25rem!important; padding-bottom: .25rem!important; }
.px-2 { padding-left: .5rem!important; padding-right: .5rem!important; }
.py-2 { padding-top: .5rem!important; padding-bottom: .5rem!important; }
.px-3 { padding-left: 1rem!important; padding-right: 1rem!important; }
.py-3 { padding-top: 1rem!important; padding-bottom: 1rem!important; }
.px-4 { padding-left: 1.5rem!important; padding-right: 1.5rem!important; }
.py-4 { padding-top: 1.5rem!important; padding-bottom: 1.5rem!important; }
.px-5 { padding-left: 3rem!important; padding-right: 3rem!important; }
.py-5 { padding-top: 3rem!important; padding-bottom: 3rem!important; }

/* Custom Media Queries for Responsiveness */
@media (max-width: 768px) {
    .header-full-title {
        padding-left: 0; /* Adjust padding for smaller screens */
        background-size: contain;
    }

    .navbar-default .navbar-brand {
        font-size: 24px;
    }
}

/* Font and Text Customization */
.text-lowercase { text-transform: lowercase!important; }
.text-uppercase { text-transform: uppercase!important; }
.text-center { text-align: center!important; }
.text-left { text-align: left!important; }
.text-right { text-align: right!important; }

/* Flexbox Helper Classes */
.d-flex { display: flex!important; }
.d-block { display: block!important; }
.d-inline { display: inline!important; }
.d-inline-block { display: inline-block!important; }
.justify-content-center { justify-content: center!important; }
.align-items-center { align-items: center!important; }

/* Custom Background Colors */
.bg-light { background-color: #f8f9fa!important; }
.bg-dark { background-color: #343a40!important; }
.bg-primary { background-color: #007bff!important; }
.bg-secondary { background-color: #6c757d!important; }
.bg-success { background-color: #28a745!important; }
.bg-danger { background-color: #dc3545!important; }
.bg-warning { background-color: #ffc107!important; }
.bg-info { background-color: #17a2b8!important; }

/* Custom Border Styles */
.border-0 { border: none!important; }
.border-top { border-top: 1px solid #ddd!important; }
.border-bottom { border-bottom: 1px solid #ddd!important; }
.border-left { border-left: 1px solid #ddd!important; }
.border-right { border-right: 1px solid #ddd!important; }
.border { border: 1px solid #ddd!important; }