@import url("root.css");
@import url('../libs/font-awesome/css/all.min.css');
@import url('../libs/bootstrap-icons/bootstrap-icons.css');
@import url('../libs/animate/animate.min.css');
@import url('../libs/owlcarousel/assets/owl.carousel.min.css');
@import url('./bootstrap.min.css');
@import url('./style.css');
@font-face {
    font-family: 'Roboto Slab';
    src: url('../fonts/Roboto_Slab/RobotoSlab-VariableFont_wght.ttf') format('truetype');
}

.bg-red{
    background: var(--red) !important;
}
.text-red{
    color: var(--red) !important;
}
.navbar-toggler{
    color: #fff;
}
.top-nav li:hover a{
    background: var(--dark) !important;
    color: var(--white) !important;
}
.tagline{
    font-size: .5em;
}

.image-viewer{
    width:100%;
    overflow: hidden;
    border-radius: 1em;
}
.image-viewer img{
    width: 100%;
    transition: all .5s ease;
    cursor: pointer;
    object-fit: cover;
    object-position: center;
    filter: grayscale(100%);
}
.image-viewer img:hover{
    filter: grayscale(0%);
    transform: scale(1.1,1.1);
    z-index: 100;
    transition: all .5s ease;
}
.custom-blockquote {
    border-left: 4px solid var(--dark) !important;
    padding: 14px 18px;
    background: var(--bs-white);
    font-style: italic;
    color: var(--dark);
    border-radius: 8px;
}
.custom-blockquote cite {
    display: flex;
    margin-top: 1em;
    font-style: normal;
    color: #6b7280;
}

.accordion-button:not(.collapsed) {
    background-color: var(--dark);
    color: var(--white);
    box-shadow: none;
}

.accordion-button {
    transition: all .25s ease;
    border-radius: 1rem !important;
}

.accordion-item {
    background: var(--white);
    border: 0;
}

.accordion-body {
    color: var(--bs-gray);
}

.accordion-button:focus {
    box-shadow: 0 0 0 .2rem rgba(29,78,216,.15);
}

/* ---- NEW ---- */

/* separated cards (side-by-side) */
#colOne,
#colTwo {
    border-radius: 1.25rem;
    background: var(--white);
}

.col-md-6 > .accordion {
    padding: 6px 10px;
    box-shadow: 0 20px 35px rgba(0,0,0,.06);
}

.custom-ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.custom-ul li {
    position: relative;
    padding-left: 1.6rem;
    margin: .5rem 0;
}
.custom-ul li::before {
    content: "";
    position: absolute;
    top: .45rem;
    left: 0;
    width: .7rem;
    height: .7rem;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--dark), var(--primary));
}
.call-to-action{
    background: rgba(255,255,255,.5);
}
.tile{
    background: rgba(255,255,255,.5) !important;
    -webkit-border-radius: 1rem !important;
    border-radius: 1rem !important;
    height: clamp(5em,14em,20em);
    backdrop-filter: blur(10px);
}
.tile>ol li{
    color: var(--dark) !important;
}
/* spacing between items inside */
.accordion-item + .accordion-item {
    margin-top: 6px;
}

.footer-logo{
    width: clamp(1em,10em,5em);
}
.bg-primary{
    background: var(--primary) !important;
}
.bg-gray-1{
    background: var(--gray-1) !important;
}
.bg-light-gray{
    background: var(--light-gray) !important;
}
.text-primary{
    color: var(--primary) !important;
}
.fl-wrapper{
    z-index: 99999 !important;
}
.btn-outline-primary{
    color: var(--primary) !important;
    border-color: var(--primary) !important;
}
.btn-outline-primary:hover{
    background: var(--primary) !important;
    color: var(--white) !important;
}
.btn-primary{
    background: var(--primary-1) !important;
    border-color: var(--primary-1) !important;
}
.btn-primary:hover{
    border-color: var(--primary) !important;
    background: var(--primary) !important;
}