@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");
@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css");
@import url("../vendor/glightbox/glightbox.min.css");
@import url("style.min.css");

main {
    background-color: #F9F9F6 !important;
}
.card {
    --bs-card-bg: #F9F9F6 !important;
    --bs-card-border-color: none !important;
    --bs-card-color: #222326 !important;
}
.text-primary {
    color: #FFD60A !important;
}
/* .btn-primary {
    --bs-btn-color: #ffffff !important;
    --bs-btn-bg: #0f6fec !important;
    --bs-btn-border-color: #0f6fec !important;
    --bs-btn-hover-color: #ffffff !important;
    --bs-btn-hover-bg: #0d5cd4 !important;
} */

.container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 960px;
}

.text-lowercase::placeholder {
    text-transform:none !important;
}

.form-control:read-only {
    background-color: var(--bs-gray-200);
    border-color: var(--bs-border-color);
    opacity: 1;
}

.navbar-brand .navbar-brand-logo {
    width: auto !important;
    height: 24px !important;
    margin-top: 12px !important;
    margin-bottom: 12px !important;
}

.offcanvas .navbar-nav .nav-link,
.offcanvas.show .navbar-nav .nav-link {
    padding: 0.75rem !important;
}

.navbar-dark .navbar-nav .nav-link,
footer .nav-item .nav-link,
.navbar-nav .dropdown:hover > .dropdown-menu .dropdown-item 
{
    color: #FCF8F4 !important;
    opacity: 0.5 !important;
}

.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link.active,
footer .nav-item .nav-link:hover, footer .nav-item .nav-link.active,
.navbar-nav .dropdown:hover > .dropdown-menu .dropdown-item:hover, 
.navbar-nav .dropdown:hover > .dropdown-menu .dropdown-item.active 
{
    color: #FCF8F4 !important;
    opacity: 1 !important;
}

footer .nav-item .nav-link:hover, footer .nav-item .nav-link.active {
    /* color: #FFD60A !important; */
}

footer .social-menu .nav-item .nav-link:hover {
    color: #FCF8F4 !important;
}

footer .footer-link {
    color: #FCF8F4 !important;
    border-bottom: #FCF8F4 dashed 1px !important;
    opacity: 0.5 !important;
}

footer .footer-link:hover {
    color: #FCF8F4 !important;
    border-bottom: #FCF8F4 dashed 1px !important;
    opacity: 1 !important;
}

.navbar-nav .dropdown:hover > .dropdown-menu {
    box-shadow: none !important;
    transition: none !important;
    background: #222326 !important;
    color: #FCF8F4 !important;
    padding: 0.2 rem 0 !important;
}

li.dropdown-divider {
    border-top: 1px solid #FCF8F4 !important;
    opacity: 0.1 !important;
}

.w-60 {
    width: 60% !important;
}

.w-80 {
    width: 80% !important;
}

.form-label {
    font-size: 0.8rem !important;
    margin-bottom: 0.3rem !important;
}

.form-select {
    background-color: none;
    background-color: transparent;
}

.input-group-text {
    font-size: 0.8rem;
}

div.form-error {
    display: block;
    width: 100%;
    color: #DC3545;
    font-size: 0.8rem !important;
}

.form-check-input[type=radio] {
    width: 2.5rem !important;
    height: 2.5rem !important;
    margin-right: 0.4rem;
    cursor: pointer;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}

.btn-md, .btn-sm {
    font-weight: 600 !important;
}

footer a.copyrightlink {
    color: var(--bs-nav-link-color);
}

.glightbox-overlay {
    position: relative;
    display: inline-block;
}

.glightbox-overlay:after {
    content: url("../images/play.png");
    z-index: 999;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -32px;
    margin-top: -32px;
}

img.service-img {
    height: 160px;
    width: 100% !important;
    object-fit:contain;
}

img.service-img-full {
    height: 320px;
    width: 100% !important;
    object-fit:contain;
}

img.photo-img {
    height: 160px;
    width: 100% !important;
    object-fit:cover;
}

@media only screen and (max-width: 375px) {
    img.photo-img {
        height: 125px;
    }
    img.vimeo-img {
        height: 200px;
    }
}

@media only screen and (max-width: 767px) {
    .offcanvas-start {
        width: 320px !important;
    }
    .offcanvas-header, .offcanvas-body {
        background:#222326 !important;
    }
    .offcanvas-body .nav-link {
        color: #FCF8F4 !important;
    }
    .navbar-expand-md .navbar-nav .nav-item > .dropdown-menu {
        padding: 0 !important;
        margin: 0 !important;
        transition: none !important;
        box-shadow: none !important;
    }
}

#wcb.carbonbadge { }
#wcb.carbonbadge sub { }
#wcb #wcb_2,#wcb #wcb_a,#wcb #wcb_g { }
#wcb #wcb_a,#wcb #wcb_g { 
    border: .1em solid #222326 !important;
}
#wcb #wcb_g { 
    color: #222326 !important;
    min-width: 10em !important;
}
#wcb #wcb_a { 
    background: #222326 !important;
    border-color: #222326 !important;
    color: #FCF8F4 !important;
}
#wcb.wcb-d #wcb_a { }
#wcb.wcb-d #wcb_2 { 
    color: #222326 !important;
}

/*
0F6FEC
8BC546
*/