﻿.accordion-style .card {
    background: transparent;
    box-shadow: none;
    margin-top: 0 !important;
    border: none;
    margin-bottom: 15px;
}

    .accordion-style .card:last-child {
        margin-bottom: 0
    }

    .accordion-style .card .card-body a {
        color: var(--navy-hex, #08313f);
        font-weight: 600;
        text-decoration: underline;
    }

        .accordion-style .card .card-body a:hover, 
        .accordion-style .card .card-body a:focus {
            text-decoration: none;
        }

.accordion-style .card-header {
    border: 0px;
    padding: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
    background: none;
}

.accordion-style .btn-link {
    background: var(--skobeloff-hex, #006e69);
    color: var(--white-hex, #ffffff);
    position: relative;
    border: none;
    display: block;
    width: 100%;
    text-align: left;
    white-space: normal;
    border-radius: 10px;
    padding: 15px 50px 15px 20px;
    text-decoration: none;
    box-shadow: none;
    border-radius: 5px;
}

    .accordion-style .btn-link.collapsed {
        background: var(--white-hex, #ffffff);
        color: #6f6f6f;
        box-shadow: var(--shadow);
    }

        .accordion-style .btn-link.collapsed:after {
            background: var(--skobeloff-hex, #006e69);
            border-radius: var(--border-radius, 0.25rem);
            font-family: 'bootstrap-icons';
            content: '\F229';
            font-weight: 700;
            right: 15px;
            left: inherit;
            height: 22px;
            transform: none;
            width: 22px;
            top: 15px;
            text-align: center;
            padding-left: 0;
            letter-spacing: -1px;
            color: var(--white-hex, #ffffff);
        }

    .accordion-style .btn-link:after {
        background: var(--white-hex, #ffffff);
        border-radius: var(--border-radius, 0.25rem);
        font-family: 'bootstrap-icons';
        content: '\F235';
        font-weight: 700;
        right: 15px;
        left: inherit;
        height: 22px;
        transform: none;
        width: 22px;
        top: 15px;
        position: absolute;
        color: var(--skobeloff-hex, #006e69);
        text-align: center;
        padding-left: 3px;
        letter-spacing: 2px;
    }

.accordion-style .card-body {
    padding: 20px;
    text-align: left;
    margin-left: 20px;
}

    .accordion-style .card-body h1,
    .accordion-style .card-body h2,
    .accordion-style .card-body h3,
    .accordion-style .card-body h4,
    .accordion-style .card-body h5,
    .accordion-style .card-body h6 {
        color: var(--skobeloff-hex, #006e69);
    }

    .accordion-style .card-body h5,
    .accordion-style .card-body h6 {
        color: var(--navy-hex, #08313f);
    }
        .accordion-style .card-body:before {
        position: absolute;
        content: "";
        border-style: solid;
        border-width: 0 0 0 1px;
        border-color: var(--skobeloff-hex, #006e69);
        left: 14px;
        top: 60px;
        z-index: 1;
        bottom: 0;
    }

.bg-light-teal-1 .text-teal {
    color: var(--navy-hex, #00313f) !important;
}

@media screen and (max-width: 767px) {
    .accordion-style .btn-link {
        padding: 12px 45px 12px 15px;
    }

        .accordion-style .btn-link:after,
        .accordion-style .btn-link.collapsed:after {
            top: 10px;
        }
}

@media screen and (max-width: 575px) {

    .accordion-style .btn-link:after,
    .accordion-style .btn-link.collapsed:after {
        top: 15px;
    }
}