:root {
    --ancBlue: #0a467b;
    --ancBlue50: rgb(10 70 123, .5);
    --grayLight: #f2f5f9;
    --gray: #dedede;
    --grayDark: #969696;
    --white: #fff;
    --shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);
    --shadowSmall: 0 .125rem .25rem rgba(0, 0, 0, .075);
    --borderRadius: 0.375rem;
    --acngray: #212529;
    --acnBlue: #002855;
    --acnLightBlue: #407EC9;
    --acnNewGrey: #dddddd;
}

/*
    Begin Base Elements
*/
.shadow {
    box-shadow: var(--shadow);
}

.containerServices .btn {
    box-shadow: 0 0 0 0;
}

.fontsize-125 {
    font-size: 1.25rem;
}

.fontsize-150 {
    font-size: 1.50rem;
}

.containerServices h4 {
    font-size: 1.5rem;
}

.containerServices h5 {
    font-size: 1.25rem;
    color: var(--acngray);
}

.containerServices h5:hover {
    font-size: 1.25rem;
    text-decoration: none !important;
}

.containerServices .gray-text {
    color: var(--grayDark);
}

.containerServices .acngray-text {
    color: var(--acngray);
    /* opacity: 80%; */
}

.containerServices .blue-text {
    color: var(--acnBlue);
}

.containerServices a {
    color: var(--acnBlue);
}

.containerServices .btn-link {
    color: var(--acnLightBlue);
}

.containerServices .btn-link:hover {
    color: var(--acnLightBlue);
}

.containerServices .btn-primary {
    color: var(--white);
    background-color: var(--acnLightBlue);
    border-color: var(--acnLightBlue);
}

.containerServices .btn-outline-secondary {
    border-color: var(--acnNewGrey);
    color: var(--acngray);
    background-color: var(--white);
    box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset;
}

.containerServices .btn-outline-secondary:hover {
    color: var(--acnLightBlue);
    background-color: var(--white);
    background-image: none;
    border-color: var(--acnLightBlue);
}

.containerServices .btn-outline-secondary:focus {
    box-shadow: 0 0 0 0.2rem var(--acnLightBlue);
}

.containerServices .btn-outline-secondary:not(:disabled):not(.disabled).active,
.containerServices .btn-outline-secondary:not(:disabled):not(.disabled):active,
.show>.btn-outline-secondary.dropdown-toggle {
    color: var(--white);
    background-color: var(--acnLightBlue);
    background-image: none;
    border-color: var(--acnLightBlue);
}

.containerServices .tab-primary-button {
    background: var(--white);
    border-bottom: 3px solid var(--acnLightBlue);
    border-radius: 0;
    border-top-left-radius: var(--borderRadius);
    max-width: 100%;
    height: 100%;
}

.containerServices .tab-secondary-button {
    background-color: var(--grayLight);
    border-top-right-radius: var(--borderRadius);
    max-width: 100%;
    height: 100%;
}

.containerServices .btn-outline-secondary:active {
    color: var(--white);
    background-color: var(--acnLightBlue);
    background-image: none;
    border-color: var(--acnLightBlue);
}

.containerServices .tab-primary-button>h4,
.containerServices .tab-secondary-button>h4 {
    font-size: 1.5rem;
}

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

    .containerServices .tab-primary-button>h5,
    .containerServices .tab-secondary-button>h5 {
        font-size: 1rem;
    }

    .containerServices h5 {
        font-size: 1rem;
        color: var(--acngray);
    }

    .containerServices h5:hover {
        font-size: 1rem;
        text-decoration: none !important;
    }

}

@media screen and (max-width: 560px) {
    #ResidentialServicesBtn {
        white-space: unset;
    }
    #BusinessServicesBtn {
        white-space: unset;
    }    
}

/*
    End Base Elements
*/
.custom-select {
    border-color: var(--acnLightBlue);
    border-width: 2px;
}

.service {
    transition: all .3s ease;
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);
    border: 1px solid var(--grayLight);
    border-radius: 0.375rem;
    height: 100%;

    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -webkit-flex-direction: column !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
}

.service:hover {
    transform: scale(1.02);
}

.btn-link {
    text-decoration: none;
    color: var(--acngray);
}

.learn-more:hover {
    text-decoration: underline !important;
    color: var(--acnBlue);
}

a.anchorField:hover {
    text-decoration: none;
}

.blue-text {
    color: var(--acnBlue);
}

h5.categoryField {
    font-size: 1rem !important;
}

#ResidentialServicesBtn.tab-secondary-button h5:hover {
	transform: scale(1.1);
}

#BusinessServicesBtn.tab-secondary-button h5:hover {
	transform: scale(1.1);
}

.custom-select:focus {
    border-color: var(--acnLightBlue);
}
.btn-outline-secondary:not(:disabled):not(.disabled):active:focus {
    box-shadow: 0 0 0 0.2rem #ddd;
}