﻿body {
    font-family: 'Ping LCG', sans-serif;
}

.form-switch.form-switch-md {
    margin-bottom: 1rem;
}

.form-switch.form-switch-md .form-check-input {
    height: 1.5rem;
    width: calc(2rem + 0.75rem);
    border-radius: 3rem;
}

.form-switch.form-switch-lg {
    margin-bottom: 1.5rem;
}

.form-switch.form-switch-lg .form-check-input {
    height: 2rem;
    width: calc(3rem + 0.75rem);
    border-radius: 4rem;
}

.btn-primary {
    background-color: #09495D;
    border-color: #09495D; 
    color: white;

    &:hover,
    &:focus,
    &:active {
        background-color: #CCA892;
        border-color: #CCA892;
    }

    &:disabled {
        background-color: #ccc;
        border-color: #ccc;
        color: #fff;
        cursor: not-allowed;
    }
}

.btn-link{
    color: #CCA892;

    &:hover,
    &:focus,
    &:active {
        color: #09495D;
    }
}

.form-switch .form-check-input:checked {
    background-color: #09495D;
    border-color: #09495D;
}

.alert {
    &.alert-gray {
        background-color: #F7F7F7;
        border-color: #F7F7F7;
        color: contrasting-color; /* Adjust this based on contrast */
    }
}

.rounded-5 {
    border-radius: 0.5rem !important;
}

.text-left {
    text-align: left !important;
}

.text-indent-1 {
    text-indent: 1em ;
}

/* Hide the existing logo image */
.navbar-brand-wrapper .navbar-brand img {
    display: none !important;
}

/* Insert custom logo before the anchor element */
.navbar-brand-wrapper .navbar-brand::before {
    content: "";
    display: inline-block;
    width: 240px; /* adjust as needed */
    height: 90px; /* match desired height */
    background: url("/img/logo-ppc.svg") no-repeat center center;
    background-size: contain;
}

/* Insert custom logo before the anchor element */
.header-logo::before {
    content: "";
    display: inline-block;
    width: 240px; /* adjust as needed */
    height: 90px; /* match desired height */    
    background: url("/img/logo-ppc.svg") no-repeat center center;
    background-size: contain;
}
.header-logo {
    margin-bottom: 15px;
}

.header-logo .img-fluid, .header-logo .w-100 {
    display: none !important;
}

body.gradient-bg {
    background-image: url(../img/noise-white.png);
    background-repeat: repeat;
    background: #09495D;
    /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #C0C4C1, #09495D);
    /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #C0C4C1, #09495D);
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.language-selector{
    display: none;
}