/*
 * Skin file!
 * This will override the main.css rules.
 * DO NOT EDIT - this file will be overwritten by the backoffice!
 * Last modification: 2025-11-19 22:08:54
 */

@import url('https://fonts.googleapis.com/css?family=Roboto');
body {
    font-family: 'Roboto', 'sans-serif';
}

/* LOGIN PAGE BACKGROUND */
.page-background {
    background: url('https://dcusercontent.imgix.net/goodwill_chesapeake/images/image_fc765ba3f1_20200123153818.jpg?auto=format&ixlib=php-3.3.1&s=97e33ceacd4f1c6755d0d2e888c0fbef') no-repeat center center;
    background-attachment: fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

/* TOP MENU BAR */
.mobile-header,
.navbar {
    background-color: #ffffff;
}


.navbar-inverse .navbar-nav.main-menu a,
.navbar-inverse .navbar-nav.main-menu a:focus,
.navbar-inverse .navbar-nav.main-menu a:hover {
    color: #010000 !important;
}

.navbar-inverse .navbar-nav.main-menu > li:hover,
.navbar-inverse .navbar-nav.main-menu > .active > a,
.navbar-inverse .navbar-nav.main-menu > .active > a:focus,
.navbar-inverse .navbar-nav.main-menu > .active > a:hover,
.navbar .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar .navbar-nav .open .dropdown-menu > li > a:focus,
.navbar .navbar-nav .open .dropdown-menu > .active > a,
.navbar .navbar-nav .open .dropdown-menu > .active > a:hover,
.navbar .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #010000;
    background-color: #e4e4e4;
}

/* Sidebar on mobile devices */
@media screen and (max-width: 768px) {
    .dropdown-menu > li > a,
    .dropdown-menu > li > a:hover {
        color: #010000;
    }

    .main-menu > li.active:after {
        background: #010000;
    }
}

/* CARD IMAGES */

/* BUTTON COLOR */
.brand-text {
    color: #010000;
}
.btn-primary,
.brand-background,
.bghighlight {
    color: #ffffff !important;
    background-color: #010000;
}

.brand-text:hover {
    color: #89af3f;
}
.btn-primary:hover,
.brand-background:hover,
.bghighlight:hover {
    color: #ffffff;
    background-color: #89af3f;
}

/* LINK COLOR */
#toggleBtn,
a, a:link {
    color: #010000;
}

a:hover {
    color: #00539f;
}

.login-panel .form-group input[type='text'],
.login-panel .form-group input[type='tel'],
.login-panel .form-group input[type='email'],
.login-panel .form-group input[type='password'],
.login-panel .form-group input[type='number'] {
    border-bottom: solid 2px #00539f;
}
.modal-field,
.profile-field,
.panel.mid-box .col-email input,
.panel.mid-box .col-password input {
    border: 1px solid #00539f;
}

.generic-panel form select,
.generic-panel form input {
    border-color: #00539f !important;
}


.login-panel .bar:before,
.login-panel .bar:after {
    background: #00539f;
}
.modal-field:focus,
.profile-field:focus,
.panel.mid-box .col-email input:focus,
.panel.mid-box .col-password input:focus {
    border: 1px solid #00539f;
}
.generic-panel form select:focus,
.generic-panel form input:focus {
    border-color: #00539f !important;
}

#footer a {
    color: #010000;
}

#footer a:hover {
    color: #00539f;
}

    .secondary-color {
        color: #e4e4e4;
    }

    .primary-color {
        color: #ffffff;
    }