﻿
div.expando-container,
div.expando-container > div.expando-control {
    width: 100%;
    background-color: unset;
}

    div.expando-container > div.expando-control > span {
        width: calc(100% - 60px);
        font-size: var(--text-regular-2);
        margin-right: 6px;
    }

        div.expando-container > div.expando-control > span:first-of-type{
            width: 30px;
            float: left;
            margin-right: 0px;
        }

        div.expando-container > div.expando-content {
            padding-top: 0px;
            margin-top: 1.15rem;
            overflow: unset;
            white-space: pre-line;
            background-color: unset;
        }

    div.expando-container > div.expando-control:hover,
    div.expando-container > div.expando-control:active,
    div.expando-container > div.expando-control:focus,
    div.expando-container > div.expando-control.accordion-open {
        background-color: var(--grey);
        border: 2px solid var(--dark-blue);
        padding: 8px;
        outline: unset;
        color: var(--white);
    }

        div.expando-container > div.expando-control:hover i,
        div.expando-container > div.expando-control:active i,
        div.expando-container > div.expando-control:focus i,
        div.expando-container > div.expando-control.accordion-open i,
        div.expando-container > div.expando-control.accordion-open,
        div.expando-container > div.expando-control.accordion-open i {
            color: var(--white);
        }

div.expando-container {
    border-bottom: 1px solid var(--light-grey);
}

div.questions {
    margin-bottom: 1.15rem;
}

    div.questions div.wee-square {
        float: right;
    }

.arty-image-wrapper {
    width: 320px;
    height: 385px;
    margin-left: auto;
    margin-right: auto;
}

.arty-image {
    background: url(../Images/Mobile/articulationroute.svg);
    background-size: 320px 385px;
    height: 100%;
    width: 100%;
    background-position: center center;
    background-repeat: no-repeat;
}

div.icon-container.wee-circle {
    position: absolute;
    top: 15px;
}

    div.icon-container.wee-circle i.fas {
        color: var(--dark-green);
    }

i.fa-external-link-square-alt {
    margin-right: 5px;
}

@media screen and (min-width: 768px) {

    .arty-image-wrapper {
        width: 296px;
        height: 373px;
    }

    .split-sides-container .right-side {
        margin-top: 98.972px;
    }
}

@media screen and (min-width: 768px) and (orientation: portrait) {
    .footer-image {
        background: url(../Images/Tablet/portrait/support_x2_portrait.webp);
    }

    .arty-image {
        background-size: 296px 373px;
    }
}

@media screen and (min-width: 768px) and (orientation: landscape) {
    .footer-image {
        background: url(../Images/Tablet/landscape/support_x2_landscape.webp);
    }

    .arty-image {
        background-size: 296px 373px;
    }
}

@media (min-width: 1024px) {
    .footer-image {
        background: url(../Images/Desktop/support_x2_desktop.webp);
    }

    .arty-image {
        background-size: 296px 373px;
    }
}
