:root {
    --black: #554741;
    --light-black: #695B5A;
    --purple: #800080;
    --light-purple: #925CA7;
    --dark-purple: #5F00BF;
    --pale-purple: #ECE5EC;
    --gray: #928884;
    --gray-100: #f8f9fa;
    --gray-200: #e9ecef;
    --gray-300: #dee2e6;
    --gray-400: #ced4da;
    --gray-500: #adb5bd;
    --gray-600: #6c757d;
    --gray-700: #495057;
    --gray-800: #343a40;
    --gray-900: #212529;
    --black: #000000;
    --white: #FFFFFF;
    --red: #DC3545;
    --clear: rgba(0,0,0,0);
}


/* GENERAL */

.skip-nav-btn {
    font-size: 14px;
    display: block;
    border-radius: 0;
    border: 0;
    padding: .5rem !important;
    margin: 0 !important;
}

.text-shadow {
    text-shadow: 0px 0px 10px rgba(0,0,0,.15);
}

.text-shadow-dark {
    text-shadow: 0px 0px 10px rgba(0,0,0,.25);
}

.text-shadow-black {
    text-shadow: 1px 1px 0px var(--black);
}

.text-shadow-black {
    text-shadow: 1px 1px 0px var(--black);
}

.text-shadow-none {
    text-shadow: none !important;
}

.box-shadow {
	box-shadow: 0px 0px 30px rgba(0,0,0,.05);
}

.box-shadow-dark {
	box-shadow: 0px 0px 30px rgba(0,0,0,.1);
}

.box-shadow-0 {
    box-shadow: none !important;
}

.embed-responsive-item {
    border-radius: 30px;
}

.image-overlay-25 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.25);
}

.image-overlay-50 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.5);
}

.image-overlay-75 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.75);
}

.image-overlay-text {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
    margin: auto;
    padding: 1rem 1.5rem;
    color: var(--white);
}

.opacity-25 {
    opacity: .25 !important;
}

.opacity-50 {
    opacity: .5 !important;
}

.opacity-75 {
    opacity: .75 !important;
}

.opacity-100 {
    opacity: 1 !important;
}

.no-hover {
	color: inherit;
}

.no-hover:hover {
	text-decoration: none;
	color: inherit;
}

.overlap {
    position: relative;
    z-index: 2;
    margin-top: -3rem;
}

.centered {
    position: absolute;
	top: 50%;
	left: 0;
	right: 0;
    transform: translateY(-50%);
	text-align: center;
	margin: auto;
}

.bg-logo-black-faded-right {
    position: relative;
    overflow: hidden;
}

.bg-logo-black-faded-right .container {
    position: relative;
    z-index: 2;
}

.bg-logo-black-faded-right::before {
    content: '';
    position: absolute;
    z-index: 1;
    top: -25%;
    right: 0;
    bottom: 0;
    left: -25%;
    transform: rotate(-45deg) translateZ(0);
    transform-origin: top right;
    background-repeat: repeat;
    -webkit-background-size: 138px 60px !important;
    -moz-background-size: 138px 60px !important;
    -o-background-size: 138px 60px !important;
    background-size: 138px 60px !important;
    background: linear-gradient(rgba(255,255,255,.97), rgba(255,255,255,.97)), url('/assets/img/logos/IPR-logo-black.svg');
}

@media (max-width: 1199.98px) {
    .bg-logo-black-faded-right::before {
        top: -20%;
    }
}

@media (max-width: 991.98px) {
    .bg-logo-black-faded-right::before {
        top: -10%;
    }
}

@media (max-width: 767.98px) {
    .bg-logo-black-faded-right::before {
        top: 0%;
    }
}

@media (max-width: 575.98px) {
    .bg-logo-black-faded-right::before {
        top: 10%;
    }
}

.bg-cover {
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
}

.bg-ob-cover {
    width: 100% !important;
    height: 100% !important;
    -webkit-object-fit: cover !important;
    -moz-object-fit: cover !important;
    -o-object-fit: cover !important;
    object-fit: cover !important;
}

.bg-fixed {
    -webkit-background-attachment: fixed !important;
    -moz-background-attachment: fixed !important;
    -o-background-attachment: fixed !important;
    background-attachment: fixed !important;
}

.bg-favicon-faded {
    background: url('/assets/img/logos/favicons/favicon-faded.svg');
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
}

.bg-banner {
    position: relative;
    padding: 8rem 0;
}

.bg-banner-lg {
    position: relative;
    padding: 12rem 0;
}

@media (max-width: 1199.98px) {
    .bg-banner {
        padding: 6rem 0;
    }

    .bg-banner-lg {
        padding: 10rem 0;
    }
}

@media (max-width: 991.98px) {
    .bg-banner {
        padding: 5rem 0;
    }

    .bg-banner-lg {
        padding: 8rem 0;
    }
}

@media (max-width: 767.98px) {
    .bg-banner {
        padding: 4rem 0;
    }

    .bg-banner-lg {
        padding: 6rem 0;
    }
}

@media (max-width: 575.98px) {
    .bg-banner {
        padding: 3rem 0;
    }

    .bg-banner-lg {
        padding: 5rem 0;
    }
}

.bg-banner-overlay {
    background: linear-gradient(rgba(128,0,128,.75), rgba(128,0,128,.75));
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.bg-banner-overlay-light {
    background: linear-gradient(rgba(255,255,255,.75), rgba(255,255,255,.75));
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.badge {
    border-radius: 0;
    font-weight: 600;
}

.rounded-xl {
    border-radius: 30px !important;
}

.rounded-xltr {
    border-radius: 30px 30px 0 0 !important;
}

.rounded-lg {
    border-radius: 20px !important;
}

.rounded-md {
    border-radius: 10px !important;
}

.rounded-sm {
    border-radius: 5px !important;
}

.divided-text {
    padding: 1px 0;
    overflow: hidden;
    text-align: center;
}

.divided-text:before,
.divided-text:after {
    content: "";
    display: inline-block;
    height: 1px;
    position: relative;
    vertical-align: middle;
    width: 50%;
}

.divided-text:before {
    right: 7.5px;
    margin-left: -50%;
}

.divided-text:after {
    left: 7.5px;
    margin-right: -50%;
}

.divided-text:before,
.divided-text:after {
    background-color: var(--black);
}

.divided-text.white:before,
.divided-text.white:after {
    background-color: var(--white);
}

.divided-text.green:before,
.divided-text.green:after {
    background-color: var(--blue);
}

.divided-text.blue:before,
.divided-text.blue:after {
    background-color: var(--blue);
}

.divided-text.gray-300:before,
.divided-text.gray-300:after {
    background-color: var(--gray-300);
}

.divided-text-left {
    padding: 1px 0;
    overflow: hidden;
    text-align: left;
}

.divided-text-left:after {
    content: "";
    display: inline-block;
    height: 2px;
    position: relative;
    vertical-align: middle;
    width: 100%;
}

.divided-text-left:after {
    left: 7.5px;
    margin-right: -100%;
}

.divided-text-left:after {
    background-color: var(--black);
}

.divided-text-left.white:after {
    background-color: var(--white);
}

.divided-text-left.green:after {
    background-color: var(--blue);
}

.divided-text-left.blue:after {
    background-color: var(--blue);
}

.divided-text-left.lgray:after {
    background-color: var(--gray-300);
}

.divided-text-left.faded:after {
    background-color: rgba(255,255,255,.125);
}

.divided-text-new {
    display: flex;
    flex: 1;
    width: 100%;
    margin: 0 auto;
}

.divided-text-new:before {
    margin-right: 7.5px !important;
}

.divided-text-new:after {
    margin-left: 7.5px !important;
}

.divided-text-new:before,
.divided-text-new:after {
    content: '';
    flex-grow: 1;
    margin: 0;
    background: linear-gradient(to right, var(--gray-300), var(--gray-300));
    background-size: 100% 1px;
    background-position: 0% 50%;
    background-repeat: repeat-x;
}

.favicon {
    width: 75px;
}


/* LINE CLAMP TEXT TRUNCATE */

.line-clamp {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.clamp-one {
    line-clamp: 1;
    -webkit-line-clamp: 1;
}

.clamp-two {
    line-clamp: 2;
    -webkit-line-clamp: 2;
}

.clamp-three {
    line-clamp: 3;
    -webkit-line-clamp: 3;
}

.clamp-four {
    line-clamp: 4;
    -webkit-line-clamp: 4;
}

.clamp-five {
    line-clamp: 5;
    -webkit-line-clamp: 5;
}

.clamp-six {
    line-clamp: 6;
    -webkit-line-clamp: 6;
}


/* LAZY LOAD */

.lazyload {
	opacity: 0;
}

.lazyloading {
	opacity: 1;
	transition: opacity 300ms;
}

img.lazyload:not([src]) {
	visibility: hidden;
}


/* MARGIN/PADDING */

.ml-125 {
    margin-left: .125rem;
}

.my-10px {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

.my-15px {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
}

.my-30px {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
}

.mx-15px {
    margin-left: 15px !important;
    margin-right: 15px !important;
}

@media (min-width: 568px) {
    .mx-sm-15px {
        margin-left: 15px !important;
        margin-right: 15px !important;
    }
}

.mx-30px {
    margin-left: 30px !important;
    margin-right: 30px !important;
}

.m-15px {
    margin: 15px !important;
}

.mt-n375 {
    margin-top: -.375rem;
}

.mt-10px {
    margin-top: 10px !important;
}

.mt-15px {
    margin-top: 15px !important;
}

.mt-18px {
    margin-top: 18px !important;
}

.mt-20px {
    margin-top: 20px !important;
}

.mt-30px {
    margin-top: 30px !important;
}

.mt-33px {
    margin-top: 33px !important;
}

.mb-10px {
    margin-bottom: 10px !important;
}

.mb-15px {
    margin-bottom: 15px !important;
}

.mb-18px {
    margin-bottom: 18px !important;
}

.mb-20px {
    margin-bottom: 20px !important;
}

.mb-30px {
    margin-bottom: 30px !important;
}

.mb-33px {
    margin-bottom: 33px !important;
}

.mb-38px {
    margin-bottom: 38px !important;
}

.px-15px {
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.px-30px {
    padding-left: 30px !important;
    padding-right: 30px !important;
}

.py-5px {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

.py-7-5px {
    padding-top: 7.5px !important;
    padding-bottom: 7.5px !important;
}

.py-10px {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.py-15px {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}

.py-30px {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
}

.p-30px {
    padding: 30px !important;
}

.pb-10px {
    padding-bottom: 10px !important;
}

.pb-15px {
    padding-bottom: 15px !important;
}

.pb-18px {
    padding-bottom: 18px !important;
}

.pb-30px {
    padding-bottom: 30px !important;
}

.pb-33px {
    padding-bottom: 33px !important;
}

.pb-38px {
    padding-bottom: 38px !important;
}

.pb-2rem {
    padding-bottom: 2rem;
}

.pt-10px {
    padding-top: 10px !important;
}

.pt-15px {
    padding-top: 15px !important;
}

.pt-18px {
    padding-top: 18px !important;
}

.pt-30px {
    padding-top: 30px !important;
}

.pt-33px {
    padding-top: 33px !important;
}

.pt-38px {
    padding-top: 38px !important;
}

.p-15px {
    padding: 15px !important;
}

.row-15px {
    padding-left: 7.5px;
    padding-right: 7.5px;
}

.row-15px [class*=col-],
.row-15px [class*=col] {
    padding-left: 7.5px;
    padding-right: 7.5px;
}

.row-small {
    justify-content: center;
}

.row-small > .col-12 {
    -ms-flex: 0 0 100% !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
}

@media (min-width: 576px) {
    .row-small > .col-12 {
        -ms-flex: 0 0 91.666667% !important;
        flex: 0 0 91.666667% !important;
        max-width: 91.666667% !important;
    }
}

@media (min-width: 768px) {
    .row-small > .col-12 {
        -ms-flex: 0 0 83.333333% !important;
        flex: 0 0 83.333333% !important;
        max-width: 83.333333% !important;
    }
}

@media (min-width: 992px) {
    .row-small > .col-12 {
        -ms-flex: 0 0 75% !important;
        flex: 0 0 75% !important;
        max-width: 75% !important;
    }
}

@media (min-width: 1200px) {
    .row-small > .col-12 {
        -ms-flex: 0 0 66.666667% !important;
        flex: 0 0 66.666667% !important;
        max-width: 66.666667% !important;
    }
}

@media (min-width: 1200px) {
    .col-xl-5ths {
        -ms-flex: 0 0 20% !important;
        flex: 0 0 20% !important;
        max-width: 20% !important;
    }
}

@media (min-width: 992px) {
    .col-lg-5ths {
        -ms-flex: 0 0 20% !important;
        flex: 0 0 20% !important;
        max-width: 20% !important;
    }
}

@media (min-width: 768px) {
    .col-md-5ths {
        -ms-flex: 0 0 20% !important;
        flex: 0 0 20% !important;
        max-width: 20% !important;
    }
}

@media (min-width: 576px) {
    .col-sm-5ths {
        -ms-flex: 0 0 20% !important;
        flex: 0 0 20% !important;
        max-width: 20% !important;
    }
}

.service-row {
    position: relative;
}

.service-row img {
    width: 100%;
    border-radius: 100%;
    border: 2px solid transparent;
    transition: all .3s ease;
}

.service-row p.service-desc {
    font-size: 14px;
    margin-bottom: 0;
}

.service-row p.service-desc a {
    position: relative;
    z-index: 2;
}

.service-row:hover img {
    border: 2px solid var(--blue);
}

.img-grid-section {
    padding-top: 15px;
}

.img-grid-section .img-col {
    margin-bottom: 15px;
}

.img-grid-section img {
    width: 100% !important;
}

.case-study-heading .stretched-link::after {
    z-index: 5;
}


/* COLORS */

.text-black {
    color: var(--black) !important;
}

.bg-black {
    background-color: var(--black) !important;
}

.text-purple {
    color: var(--purple) !important;
}

.bg-purple {
    background-color: var(--purple) !important;
}

.border-purple {
    border: 1px solid var(--purple);
}

.text-light-purple {
    color: var(--light-purple) !important;
}

.bg-light-purple {
    background-color: var(--light-purple) !important;
}

.text-pale-purple {
    color: var(--pale-purple) !important;
}

.bg-pale-purple {
    background-color: var(--pale-purple) !important;
}

.text-dark-purple {
    color: var(--dark-purple) !important;
}

.bg-dark-purple {
    background-color: var(--dark-purple) !important;
}

.text-black {
    color: var(--black) !important;
}

.bg-black {
    background-color: var(--black) !important;
}

.border-black {
    border: 1px solid var(--black) !important;
}

.text-gray {
    color: var(--gray) !important;
}

.bg-gray {
    background-color: var(--gray) !important;
}

.border-gray {
    border: 1px solid var(--gray) !important;
}

.border-left-0 {
    border-left: 0 !important;
}

.text-yellow {
    color: var(--yellow) !important;
}

.bg-yellow {
    background-color: var(--yellow) !important;
}

.bg-clear {
    background: var(--clear) !important;
}

.bg-white-blur {
    -webkit-backdrop-filter: blur(15px);
    backdrop-filter: blur(15px);
    background-color: rgba(255,255,255,.7);
}

.bg-purple-gradient {
    position: relative;
    z-index: 1;
    background: linear-gradient(-45deg, #800080, #FFFFFF, #925CA7);
    background-size: 100% 100%;
    /* -webkit-animation: Gradient 60s ease infinite;
    -moz-animation: Gradient 60s ease infinite;
    animation: Gradient 60s ease infinite; */
}

.bg-purple-gradient-radial {
    position: relative;
    z-index: 1;
    background: radial-gradient(#800080, #FFFFFF, #925CA7);
    background-size: 200% 200%;
}

@-webkit-keyframes Gradient {
    0% {
        background-position: 0% 50%
    }

    50% {
        background-position: 100% 50%
    }

    100% {
        background-position: 0% 50%
    }
}

@-moz-keyframes Gradient {
    0% {
        background-position: 0% 50%
    }

    50% {
        background-position: 100% 50%
    }

    100% {
        background-position: 0% 50%
    }
}

@keyframes Gradient {
    0% {
        background-position: 0% 50%
    }

    50% {
        background-position: 100% 50%
    }

    100% {
        background-position: 0% 50%
    }
}

hr {
    margin: 1.5rem 0;
    border-top: 1px solid var(--gray-300);
}

hr.light-purple {
    border-top: 1px solid var(--light-purple);
}

hr.white {
    border-top: 1px solid var(--white);
}

hr.white-2 {
    border-top: 2px solid var(--white);
}

hr.black {
    border-top: 1px solid var(--black);
}

hr.black-2 {
    border-top: 2px solid var(--black);
}

hr.purple-dots {
    border-top: 2px dotted var(--purple);
}

hr.black-dots {
    border-top: 2px dotted var(--black);
}

hr.black {
    border-top: 1px solid var(--black);
}

hr.light {
    border-top: 1px solid rgba(255,255,255,.125);
}

hr.dotted {
    border-top: 2px dotted var(--gray-300);
}

.border-dotted {
    border: 2px dotted var(--gray-300);
}

.border-white {
    border: 1px solid var(--white) !important;
}

.border-white-2 {
    border: 2px solid var(--white) !important;
}

.border-top-light-purple {
    border-top: 1px solid var(--light-purple);
}

@media (min-width: 1200px) {
    .border-xl-right {
        border-right: 1px solid var(--gray-300);
    }

    .border-xl-right-purple-dots {
        border-right: 2px dotted var(--purple);
    }
}

@media (min-width: 992px) {
    .border-lg-right {
        border-right: 1px solid var(--gray-300);
    }

    .border-lg-right-purple-dots {
        border-right: 2px dotted var(--purple);
    }
}

@media (min-width: 768px) {
    .border-md-right {
        border-right: 1px solid var(--gray-300);
    }

    .border-md-right-purple-dots {
        border-right: 2px dotted var(--purple);
    }
}


/* TYPOGRAPHY

font-family: 'Geologica', sans-serif;

*/

.font-weight-300 {
    font-weight: 300 !important;
}

.font-weight-400 {
    font-weight: 400 !important;
}

.font-weight-500 {
    font-weight: 500 !important;
}

.font-weight-600 {
    font-weight: 600 !important;
}

.font-weight-700 {
    font-weight: 700 !important;
}

.font-weight-800 {
    font-weight: 800 !important;
}

.font-weight-900 {
    font-weight: 900 !important;
}

h1, .h1 {
    font-size: 2.75rem;
}

h2, .h2 {
    font-size: 2.25rem;
}

h3, .h3 {
    font-size: 1.75rem;
}

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

h5, .h5 {
    font-size: 1.35rem;
}

h6, .h6 {
    font-size: 1.15rem;
}

@media (max-width: 1199.98px) {
    h1, .h1 {
        font-size: calc(1.5rem + 1vw);
    }

    h2, .h2 {
        font-size: calc(1.4rem + 0.5vw);
    }

    h3, .h3 {
        font-size: calc(1.3rem + 0.25vw);
    }

    h4, .h4 {
        font-size: calc(1.2rem + 0.15vw);
    }

    .display-1 {
        font-size: calc(2.25rem + 3vw);
    }

    .display-2 {
        font-size: calc(2rem + 2.75vw);
    }

    .display-3 {
        font-size: calc(1.75rem + 2.5vw);
    }

    .display-4 {
        font-size: calc(1.5rem + 2.25vw);
    }
}

body {
    font-family: 'Geologica', sans-serif;
    font-weight: 300;
    color: var(--black);
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, .display-1, .display-2, .display-3, .display-4 {
    font-family: 'Geologica', sans-serif;
    font-weight: 700;
}

.text-transform-none {
    text-transform: none;
}

.lh-1 {
    line-height: 1 !important;
}

.lh-115 {
    line-height: 1.15 !important;
}

.lh-125 {
    line-height: 1.25 !important;
}

small {
    font-weight: inherit;
}

.font-12px {
    font-size: 12px !important;
}

.font-13px {
    font-size: 13px !important;
}

.font-14px {
    font-size: 14px !important;
}

.font-15px {
    font-size: 15px !important;
}

.font-16px {
    font-size: 16px !important;
}

.font-17px {
    font-size: 17px !important;
}

.font-18px {
    font-size: 18px !important;
}

.font-19px {
    font-size: 19px !important;
}

.font-20px {
    font-size: 20px !important;
}

.font-21px {
    font-size: 21px !important;
}

.font-22px {
    font-size: 22px !important;
}

.lead {
    font-size: 1.25rem;
    font-weight: inherit;
}

@media (max-width: 1199.98px) {
    .lead {
        font-size: 1.2rem;
    }
}

@media (max-width: 991.98px) {
    .lead {
        font-size: 1.175rem;
    }
}

@media (max-width: 767.98px) {
    .lead {
        font-size: 1.15rem;
    }
}

@media (max-width: 575.98px) {
    .lead {
        font-size: 1.125rem;
    }
}

blockquote {
    font-size: 18px;
    font-weight: 300;
}

.eyebrow {
    font-family: 'Geologica', sans-serif;
    font-weight: 400;
    font-size: 12px;
    letter-spacing: .5px;
    margin-bottom: .25rem;
}

strong, b {
    font-weight: 500;
}

#main_content a:not(.btn) {
    font-weight: 600;
    word-wrap: break-word;
    color: var(--purple);
    transition: all .3s ease;
}

#main_content a:not(.btn):hover,
#main_content a:not(.btn):focus,
#main_content a:not(.btn):target,
#main_content a:not(.btn):active {
    color: var(--light-purple);
    text-decoration: underline;
}

#main_content ul {
    padding-left: 1.5rem;
}

p svg {
    color: var(--purple);
}

p .fa-external-link,
p .fa-external-link-alt,
li .fa-external-link,
li .fa-external-link-alt {
    font-size: 75%;
    vertical-align: middle;
    margin-top: -2px;
}

.fa-xxs {
    font-size: 75% !important;
    margin-top: 5px !important;
}

.disabled-link {
    pointer-events: none;
    opacity: .25;
    user-select: none;
}

.no-underline {
    text-decoration: none !important;
    background-image: none !important;
}

/* ul li::marker {
    color: var(--purple);
} */

p + ul.spaced-list {
    margin-top: -.5rem;
}

ul.favicon-list {
   list-style: none;
   padding-left: 10px;
}

ul.favicon-list {
   list-style: none;
   padding-left: 0;
}

ul.favicon-list li {
    line-height: 1.25;
    margin-left: 10px;
    margin-bottom: 15px !important;
    position: relative;
}

ul.favicon-list li:before {
    content: '';
    position: absolute;
    top: 2px;
    left: -15px;
    background: url('/assets/img/logos/favicons/favicon-green.svg') center center no-repeat;
    width: 15px;
    height: 15px;
    background-color: var(--white);
    padding: 1px;
}

ul.favicon-list.white li:before {
    background: url('/assets/img/logos/favicons/favicon-white.svg') center center no-repeat;
}

ul.favicon-list li.reading-champion {
    margin-left: 0;
    padding: 15px 15px 15px 20px;
    text-transform: uppercase;
    color: var(--blue);
    border: 1px solid var(--blue);
}

ul.favicon-list li.reading-champion:before {
    top: 10px;
    left: -15.5px;
    width: 30px;
    height: 30px;
}

ul.favicon-list li a {
    display: inline-block;
}

.favicon-icon {
    width: 45px;
}

.favicon-circle {
    position: relative;
    display: inline-block;
    background-color: var(--black);
    padding: 5px;
    border-radius: 100%;
    width: 50px;
    height: 50px;
    margin-bottom: 5px;
}

.favicon-circle .favicon-circle-inner {
    display: inline-block;
    background-color: var(--white);
    padding: 5px;
    border-radius: 100%;
    width: 40px;
    height: 40px;
}

.favicon-circle .favicon-circle-inner span {
    display: inline-block;
    background-color: var(--purple);
    padding: 5px;
    border-radius: 100%;
    width: 30px;
    height: 30px;
}

.favicon-circle .favicon-circle-inner span img {
    width: 5px;
    position: absolute;
    top: 51%;
    right: 0;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, -51%);
}


/* BUTTONS */

.btn-row {
    margin-top: -15px;
    padding-left: 7.5px !important;
    padding-right: 7.5px !important;
}

.btn-row [class*=col-],
.btn-row [class*=col] {
    padding-left: 7.5px !important;
    padding-right: 7.5px !important;
}

.btn-row .btn {
    margin-top: 15px;
}

.btn {
    font-family: 'Geologica', sans-serif;
    font-weight: 500 !important;
    border-radius: 30px;
    border-width: 2px;
    transition: all .3s ease;
}

.btn-reg {
    padding: .75rem 2rem;
    border-radius: 30px;
}

.btn-reg .fa-external-link-alt,
.btn-reg .fa-external-link {
    font-size: 75%;
    vertical-align: top;
    margin-top: 7px;
}

.btn-sm {
    font-size: 12px;
    padding: .5rem 1rem;
}

.btn-sm .fa-external-link,
.btn-sm .fa-external-link-alt {
    font-size: 75%;
}

.btn-purple {
    border: 2px solid var(--purple);
    background-color: var(--purple);
    color: var(--white);
}

.btn-purple:hover,
.btn-purple:focus,
.btn-purple:target,
.btn-purple:active {
    border: 2px solid var(--light-purple);
    background-color: var(--light-purple);
    color: var(--white);
    text-decoration: none !important;
    outline: 0;
    box-shadow: none;
}

.btn-purple.active {
    border: 2px solid var(--light-purple);
    background-color: var(--light-purple);
    color: var(--white);
    text-decoration: underline;
}

.btn-outline-purple {
    color: var(--purple);
    border: 2px solid var(--purple);
    background-color: transparent;
}

.btn-outline-purple:hover {
    background-color: var(--purple);
    color: var(--white) !important;
    border: 2px solid var(--purple);
}

.btn-outline-purple.focus,
.btn-outline-purple:focus,
.btn-outline-purple:target,
.btn-outline-purple:active {
    background-color: var(--purple);
    color: var(--white) !important;
    border: 2px solid var(--purple);
    box-shadow: none;
}

.btn-black {
    border: 2px solid var(--black);
    background-color: var(--black);
    color: var(--white);
}

.btn-black:hover,
.btn-black:focus,
.btn-black:target,
.btn-black:active {
    border: 2px solid var(--light-black);
    background-color: var(--light-black);
    color: var(--white);
    text-decoration: none !important;
    outline: 0;
    box-shadow: none;
}

.btn-black.active {
    border: 2px solid var(--light-black);
    background-color: var(--light-black);
    color: var(--white);
    text-decoration: underline;
}

.btn-outline-black {
    color: var(--black);
    border: 2px solid var(--black);
    background-color: transparent;
}

.btn-outline-black:hover {
    background-color: var(--black);
    color: var(--white) !important;
    border: 2px solid var(--black);
}

.btn-outline-black.focus,
.btn-outline-black:focus,
.btn-outline-black:target,
.btn-outline-black:active {
    background-color: var(--black);
    color: var(--white) !important;
    border: 2px solid var(--black);
    box-shadow: none;
}

.btn-white {
	background-color: var(--white);
	color: var(--purple);
    border: 2px solid var(--white);
}

.btn-white:hover {
    background-color: var(--gray-100);
    color: var(--dark-purple) !important;
    border: 2px solid var(--gray-100);
}

.btn-white.focus,
.btn-white:focus,
.btn-white:target,
.btn-white:active {
	background-color: var(--gray-100);
	color: var(--dark-purple);
    border: 2px solid var(--gray-100);
    box-shadow: none;
    outline: -webkit-focus-ring-color auto 1px
}

.btn-white.active {
	background-color: var(--gray-100);
	color: var(--dark-purple);
	border: 2px solid var(--gray-100);
	text-decoration: underline;
}

.btn-outline-white {
    background-color: transparent;
	color: var(--white);
	border: 2px solid var(--white);
}

.btn-outline-white:hover {
	background-color: var(--white);
	color: var(--purple) !important;
	border: 2px solid var(--white);
}

.btn-outline-white.focus,
.btn-outline-white:focus,
.btn-outline-white:target,
.btn-outline-white:active {
	background-color: var(--white);
	color: var(--purple) !important;
	border: 2px solid var(--white);
    box-shadow: none;
    outline: -webkit-focus-ring-color auto 1px;
}

.btn-black {
    background-color: var(--black);
    color: var(--white);
    border: 2px solid var(--black);
}

.btn-black:hover,
.btn-black:focus,
.btn-black:target,
.btn-black:active {
    background-color: #231F20;
    color: var(--white);
    border: 2px solid #231F20;
    outline: 0;
}

.btn-black:focus {
    box-shadow: 0 0 0 0.2rem rgba(34,30,31,.25);
}

.btn-black.active {
    background-color: transparent;
    color: #231F20;
    border: 2px solid #231F20;
    text-decoration: underline;
}

.btn-outline-black {
    color: var(--black);
    border: 2px solid var(--black);
    background-color: transparent;
}

.btn-outline-black:hover {
    background-color: #231F20;
    color: var(--white) !important;
    border: 2px solid #231F20;
}

.btn-outline-black.focus,
.btn-outline-black:focus,
.btn-outline-black:target,
.btn-outline-black:active {
    background-color: #231F20;
    color: var(--white) !important;
    border: 2px solid #231F20;
    box-shadow: 0 0 0 .2rem rgba(34,30,31,.5);
}

.btn-light {
    color: var(--purple) !important;
}


/* LOGOS */

.logo-link {
    font-weight: 600;
    font-size: 12px;
    color: var(--black);
    background-color: var(--white);
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 100%;
    height: 100%;
    border-radius: 30px;
    border: 1px solid var(--gray-300);
    transition: all .3s ease;
}

.logo-inner {
    display: flex;
    width: 100%;
    height: 100%;
    padding: 1.5rem;
    border-radius: 30px;
    transition: all .3s ease;
}

.logo-inner div {
    line-height: 1;
    display: block;
    width: 100%;
    height: auto;
    align-self: center;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-clamp: 3;
    -webkit-line-clamp: 3;
}

.logo-link img {
    display: block;
    width: 100%;
    height: auto;
}

.logo-link:hover {
    border: 1px solid var(--purple);
}


/* SOCIAL MEDIA */

.sm-nav {
    text-align: center;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.sm-nav li {
    display: inline-block;
}

.sm-nav li a {
    line-height: 1;
    font-size: 1.25rem;
    color: var(--black) !important;
    display: block;
    padding: 0 7.5px !important;
}

.sm-nav li a:hover,
.sm-nav li a:focus,
.sm-nav li a:target,
.sm-nav li a:active {
    color: var(--purple) !important;
}

.sm-nav.white li a {
    color: var(--white) !important;
}

.sm-nav.white li a:hover,
.sm-nav.white li a:focus,
.sm-nav.white li a:target,
.sm-nav.white li a:active {
    color: var(--gray-200) !important;
}


/* NAVIGATION */

.sm-nav-bg-filler {
    content: '';
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    background: var(--purple);
    width: 100%;
    height: 54px;
}

.sm-nav-home-bg-filler {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background:
        linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5)), /* Fades at bottom */
        linear-gradient(-45deg, #800080, #FFFFFF, #925CA7); /* Main gradient */
    background-size: 100% 200px;
    background-position: top;
}


#topbar {
    position: relative;
    z-index: 2;
}

header {
    top: 15px !important;
    background-color: transparent;
}

.nav-offset {
    margin-top: -145px;
}

.nav-pad-offset {
    padding-top: 145px;
}

#main_navbar {
    margin-top: 15px;
    background-color: transparent;
    padding: 0;
    transition: all .3s ease;
}

#main_navbar .container {
    padding-top: 15px;
    padding-bottom: 15px;
    background: var(--white);
    border-radius: 30px;
    box-shadow: 0px 0px 30px rgba(0,0,0,.05);
}

a.navbar-brand {
    background: var(--white);
    color: var(--black);
    display: block;
    padding: 0;
    margin: 0;
    transition: all .3s ease;
}

a.navbar-brand:hover,
a.navbar-brand:focus,
a.navbar-brand:target,
a.navbar-brand:active {
    opacity: .85;
}

.navbar-nav .nav-item .nav-link {
    font-family: 'Geologica', sans-serif;
    font-weight: 500;
    font-size: 16px;
    color: var(--black);
    position: relative;
    text-align: center;
    border: 2px solid var(--clear);
    transition: all .3s ease;
}

.navbar-nav .nav-item .nav-link:hover,
.navbar-nav .nav-item .nav-link:focus {
    color: var(--purple);
    text-decoration: none;
}

.nav-link .fa-external-link {
    font-size: 10px;
    vertical-align: top;
    margin-top: 8px;
    margin-left: 4px;
    width: 12px;
}

.cta-nav-item a.nav-link {
    color: var(--white) !important;
}

.dropdown.show .nav-link {
    color: var(--purple);
}

.dropdown-menu {
    margin: 0;
    padding: 15px 20px;
    background-color: var(--white);
    border-radius: 30px;
    border: 0;
    border-top: 3px solid var(--light-purple);
    background-clip: border-box;
    box-shadow: 0px 0px 30px rgba(0,0,0,.05);
}

.dropdown-item {
    text-align: center;
    font-weight: 500;
    font-size: 14px;
    color: var(--black);
    padding: .5rem 0;
    border-radius: 0;
    white-space: normal;
    transition: all .3s ease;
}

.dropdown-item:hover,
.dropdown-item:focus,
.dropdown-item:target,
.dropdown-item:active,
.dropdown-item.active {
    color: var(--purple);
    background-color: transparent;
}

.dropdown-item span {
    font-size: 12px;
    vertical-align: top;
    margin-top: 8px;
    margin-left: 3px;
}

.dropdown-divider {
    margin: .5rem 0;
    padding: 0;
    border-top: 1px solid var(--gray-300);
}

@media (min-width: 1200px) {
    .navbar-brand img {
        width: 185px;
        height: 60px;
        max-width: 100%;
        transition: all .3s ease;
    }

    .mobile-search-icon {
        display: none;
    }

    .navbar-expand-xl .navbar-nav .nav-link {
    	padding: 15px 12px;
    }

    .cta-nav-item a.nav-link {
        width: 184px;
    }

    .dropdown.show .dropdown-menu {
    	margin: 0;
    }

    .dropdown-toggle:after {
        background: none;
        border: 0;
        font-size: 12px !important;
        content: "\f078";
        font: var(--fa-font-solid);
        right: 0;
        top: 2px;
        position: relative;
        margin-left: 3px;
        color: inherit;
        display: inline-block !important;
        font-style: normal;
        font-variant: normal;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        transform: rotate(0deg);
        width: 12px;
    }

    .dropdown.show .dropdown-toggle:after {
    	transform: rotate(-180deg);
    }

    .nav-item.dropdown.show a.nav-link:before {
        position: absolute;
        z-index: 2;
        left: 50%;
        transform: translateX(-50%);
        bottom: -17px;
        width: 0;
        height: 0;
        content: '';
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
        border-bottom: 15px solid var(--light-purple);
        opacity: 1;
    }

    .nav-item.dropdown.show .dropdown-menu:before {
        content: "";
        position: absolute;
        z-index: 1;
        top: -23px;
        height: 23px;
        width: 100%;
        left: 0;
        right: 0;
        display: block;
    }

    .dropdown.show .dropdown-menu {
    	display: block;
    	margin-top: 15px;
    }

    .dropdown-menu {
        min-width: 250px;
        left: 50%;
        transform: translateX(-50%);
    }
}

@media (max-width: 1199.98px) {
    #main_navbar {
        padding: 0 15px;
        transition: all .3s ease;
    }

    #main_navbar .container {
        padding-left: 15px;
        padding-right: 15px;
    }

    #right-navbar {
        margin-bottom: 15px;
    }

    .navbar-collapse {
        max-height: calc(80vh - 70px);
        overflow-y: auto;
        -ms-overflow-style: none;
        scrollbar-width: none;
    }

    .navbar-collapse::-webkit-scrollbar {
        display: none;
    }

    .navbar-brand img {
        width: 138px;
        height: 45px;
        transition: all .1s ease;
    }

    #main_nav_menu .nav-item .nav-link {
    	padding: 15px;
    }

    .navbar-nav .nav-item a.nav-link {
        outline: none !important;
    }

    .cta-nav-item {
        margin: 15px 0;
    }

    .cta-nav-item .nav-link {
        border-top: 0 !important;
    }

    .dropdown .dropdown-toggle:after {
        position: absolute;
        right: 6px;
        top: 16px;
    	font-size: 1rem;
        background-color: none;
        border: 0;
        font-size: 1rem;
        content: "\f078";
        font: var(--fa-font-regular);
        color: inherit;
        display: inline-block !important;
        font-style: normal;
        font-variant: normal;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        transform: rotate(0deg);
    }

    .dropdown.show .dropdown-toggle:after {
    	transform: rotate(-180deg);
    }

    .social-item {
        display: none;
    }

    #right-navbar {
        border-top: 1px solid var(--gray-300);
        padding-top: 15px;
        text-align: center;
    }

    .dropdown-menu {
        margin: 0 15px 15px 15px;
    }
}

.nav-link-active a.nav-link,
.nav-link.active a.nav-link {
    color: var(--black) !important;
    text-decoration: underline !important;
}

.cta-nav-item.nav-link-active a.nav-link,
.cta-nav-item.nav-link.active a.nav-link {
    color: var(--white) !important;
    text-decoration: underline !important;
}


/* MOBILE MENU */

@media (min-width: 1200px) {
    .navbar-toggler {
        display: none;
    }
}

.navbar-toggler {
    margin: 0 -15px 0 0;
    padding: 15px;
    border: none;
    background: transparent;
}

.navbar-toggler:focus {
    outline: none;
    background: transparent !important;
}

.navbar-toggler .icon-bar {
    background-color: var(--purple);
    transform: rotate(0deg) translate(0px, 0px);
    transition: ease all .2s;
}

.navbar-toggler .icon-bar {
    display: block;
    width: 24px;
    height: 2px;
    border-radius: 0;
}

.navbar-toggler .icon-bar+.icon-bar {
    margin-top: 5px;
}

.icon-bar:nth-child(2) {
    background-color: var(--purple);
    width: 24px;
    height: 2px;
    transition: ease all .2s;
}

.navbar-toggler:active>.icon-bar:nth-child(2) {
    transition: ease all .2s;
}

.navbar-toggler:not(.collapsed) .icon-bar:nth-child(1) {
    background: var(--purple);
    transform: rotate(45deg) translate(4px, 6px);
    transition: ease all .2s;
}

.navbar-toggler:not(.collapsed) .icon-bar:nth-child(2) {
    opacity: 0;
    transition: ease all .2s;
}

.navbar-toggler:not(.collapsed) .icon-bar:nth-child(2)::after {
    opacity: 0;
}

.navbar-toggler:not(.collapsed) .icon-bar:nth-child(3) {
    background: var(--purple);
    transform: rotate(-45deg) translate(4px, -6px);
    transition: ease all .2s;
}


/* HOME */

#hero {
    position: relative;
    z-index: 1;
    background: linear-gradient(-45deg, #800080, #FFFFFF, #925CA7);
    background-size: 100% 100%;
    /* -webkit-animation: Gradient 120s ease infinite;
    -moz-animation: Gradient 120s ease infinite;
    animation: Gradient 120s ease infinite; */
    border-radius: 0 0 30px 30px;
}

.hero-heading {
    font-size: 4rem;
}

.hero-desc {
    font-size: 24px;
}

@media (max-width: 1199.98px) {
    .hero-heading {
        font-size: 3.5rem;
    }

    .hero-desc {
        font-size: 23px;
    }
}

@media (max-width: 991.98px) {
    .hero-heading {
        font-size: 3.25rem;
    }

    .hero-desc {
        font-size: 22px;
    }
}

@media (max-width: 767.98px) {
    .hero-heading {
        font-size: 3rem;
    }

    .hero-desc {
        font-size: 21px;
    }
}

@media (max-width: 575.98px) {
    .hero-heading {
        font-size: 2.75rem;
    }

    .hero-desc {
        font-size: 20px;
    }
}

@media (max-width: 349.98px) {
    .hero-heading {
        font-size: 2.25rem;
    }

    .hero-desc {
        font-size: 18px;
    }
}

.btn-hero-cta {
    color: var(--black);
    text-align: left;
    padding-left: 15px;
}

.btn-hero-cta i {
    color: var(--purple);
    transition: all .3s ease;
}

.btn-hero-cta:hover i,
.btn-hero-cta:focus i,
.btn-hero-cta:target i {
    transform: translateX(5px);
}

.btn-hero-cta:hover,
.btn-hero-cta:focus,
.btn-hero-cta:target,
.btn-hero-cta:active {
    color: var(--black);
    text-decoration: underline;
}

.btn-hero-cta.focus,
.btn-hero-cta:focus,
.btn-hero-cta:target,
.btn-hero-cta:active {
    box-shadow: none;
    outline: -webkit-focus-ring-color auto 1px
}

@media (max-width: 767.98px) {
    .btn-hero-cta {
        text-align: center;
        padding-left: 2rem;
    }
}

.background {
    position: absolute;
    overflow: hidden;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: linear-gradient(to right, #FFFFFF, #f8f9fa);
    display: flex;
    flex-grow: 1;
    z-index: -1;
}

.background div {
    position: absolute;
    border-radius: 100%;
    height: 0;
    filter: blur(240vw);
    opacity: 0.4;
}

.background div:nth-child(1) {
    background: linear-gradient(132deg, #800080 0.00%, #925ca7 100.00%);
    width: 150%;
    padding-top: 150%;
    left: 100%;
    top: 100%;
    transform: translateX(-50%) translateY(-50%);
}

.background div:nth-child(2) {
    background: linear-gradient(132deg, #0800FF 0.00%, #E32BE3 100.00%);
    width: 40%;
    padding-top: 40%;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
}

.background div:nth-child(3) {
    background: linear-gradient(132deg, #1FCFC3 0.00%, #1F91CF 100.00%);
    width: 30%;
    padding-top: 30%;
    left: 80%;
    top: 80%;
    transform: translateX(-50%) translateY(-50%);
}

.pledge-card {
    position: relative;
    margin-top: 60px;
}

.pledge-card .maria-circle {
    position: relative;
    border-radius: 100%;
    margin-top: calc(-1.5rem - 60px);
}

.pledge-card::before {
    content: '';
    position: absolute;
    z-index: -1;
    top: -30px;
    right: 45px;
    left: 45px;
    bottom: 0;
    width: calc(100% - 90px);
    height: 100%;
    background-color: var(--gray-200);
    border-radius: 30px;
}

.pledge-card::after {
    content: '';
    position: absolute;
    z-index: -1;
    top: -15px;
    right: 15px;
    left: 15px;
    bottom: 0;
    width: calc(100% - 30px);
    height: 100%;
    background-color: var(--gray-100);
    border-radius: 30px;
}

.sm-nav-pledge-card {
    text-align: center;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.sm-nav-pledge-card li {
    display: inline-block;
}

.sm-nav-pledge-card li a {
    font-size: 1.5rem;
    color: var(--purple) !important;
    display: block;
    padding: 0 5px !important;
}

.sm-nav-pledge-card li a:hover,
.sm-nav-pledge-card li a:focus,
.sm-nav-pledge-card li a:target,
.sm-nav-pledge-card li a:active {
    color: var(--light-purple) !important;
}


/* WHAT WE DO */

.arrow-col {
    position: relative;
}

.arrow-col p {
    font-weight: 500;
    margin-bottom: 0;
}

.arrow-col::after {
    content: "\f178";
    font-size: 1.25rem !important;
    font: var(--fa-font-regular);
    color: var(--purple);
    position: absolute;
    top: 50%;
    right: -10px;
    bottom: 0;
    left: auto;
    transform: translateY(-50%);
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
}

.arrow-col:last-of-type::after {
    display: none;
}

@media (max-width: 991.98px) {
    .arrow-col::after {
        content: "\f175";
        position: absolute;
        top: auto;
        right: 0;
        bottom: -30px;
        left: 50%;
        transform: translateX(-50%);
    }
}

.ibar-img-container {
    position: relative;
    overflow: hidden;
}

.img-ibar-horiz {
    position: absolute;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0;
    width: 102%;
    height: auto;
}

.img-ibar-horiz img {
    width: 100%;
    height: 100%;
}

.img-ibar-vert {
    position: absolute;
    top: 0;
    right: auto;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.img-ibar-vert img {
    position: relative;
    left: -48%;
    width: 100%;
    height: 100%;
}

.icon-image-overlay {
    font-size: 1.25rem;
    background-color: var(--purple);
    color: var(--white);
    position: absolute;
    top: auto;
    right: 0;
    bottom: 0;
    left: auto;
    padding: 15px;
    border-radius: 15px 0 0 0;
}


/* CASE STUDIES */

.case-study-img-container {
    position: relative;
    overflow: hidden;
}

.case-study-ibar {
    position: absolute;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: auto;
}

.case-study-thumb {
    width: 100%;
}

.case-study-logo-overlay {
    position: absolute;
    z-index: 3;
    top: auto;
    right: auto;
    bottom: 0;
    left: 0;
    padding: 15px;
    background-color: var(--white);
    border-radius: 0 15px 0 0;
}

.case-study-logo-overlay img {
    width: 100px;
}

.case-study-heading {
    font-family: 'Geologica', sans-serif;
    font-weight: 700;
    font-size: 1.35rem;
    line-height: 1.25;
    margin-bottom: .25rem;
}

.case-study-heading a span {
    margin-right: 5px;
}

.case-study-heading a i {
    transition: all .3s ease;
}

.case-study-heading a:hover i,
.case-study-heading a:focus i,
.case-study-heading a:target i {
    transform: translateX(5px);
}

.case-study-heading.smaller {
    font-size: 1.15rem;
}

.case-study-heading a {
    text-transform: none;
}

.case-study-heading a span {
    float: right;
    color: var(--purple);
    margin-left: .5rem;
}

.case-study-desc {
    margin-bottom: 0;
}


/* CARDS */

.card {
    border: 1px solid var(--gray-300);
    border-radius: 30px;
    transition: all .3s ease;
}

.card-header:first-child {
    background: var(--white);
    border-radius: 30px 30px 0 0;
    border-bottom: 1px solid var(--gray-300);
}

.card-header,
.card-body,
.card-footer {
    padding: 1.5rem;
}

.card-link p:last-child,
.card-link ul:last-child,
.card-link ol:last-child {
    margin-bottom: 0;
}

span.small ul:last-child,
span.small ol:last-child {
    padding-left: 1.5rem;
}

.card-body p:last-child {
    margin-bottom: 0;
}

.card-footer:last-child {
    border-radius: 0;
}

.block-card {
    border: 0;
    background: #A5D9EA;
}

.block-card .card-body {
    padding: 3rem;
}

.card-link {
    color: inherit;
}

.card-link p {
    transition: all .3s ease;
}

.card-link:hover .card,
.card-link:focus .card {
    box-shadow: 0px 5px 15px rgba(0,0,0,.15);
    transition: all .3s ease;
}

.card-hover:hover {
    box-shadow: 0px 5px 15px rgba(0,0,0,.15);
}

.card-img-overlay {
    background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.85));
}

.card-img-overlay p {
    color: var(--white);
    position: absolute;
    bottom: 1.5rem;
    left: 0;
    right: 0;
    font-size: 1.15rem;
    font-weight: 700;
    margin-bottom: 0;
    text-shadow: 0px 2px 5px rgba(0,0,0,1);
}

.quote-card {
    text-align: left;
    background-color: var(--white);
    border: 0;
}

.quote-card .card-footer {
    border: 0;
    background: transparent;
    padding-top: 0;
}

.quote-name {
    font-size: 1.25rem;
    font-weight: 700;
    margin: 0;
}

.quote-detail {
    font-size: 12px;
    margin: 0;
}

.zoom-wrapper {
	position: relative;
	overflow: hidden !important;
}

.zoom-wrapper img {
	max-width: 100% !important;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.card-zoom:hover img {
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	transform: scale(1.05);
}

.video-image {
    display: block;
    position: relative;
}

.video-image img {
    border-radius: 30px;
    width: 100%;
    max-width: 100%;
    height: auto;
}

.video-image div {
    position: absolute;
    top: 50%;
    transform: translatey(-50%);
    left: 0;
    right: 0;
}

.video-image div span {
    font-weight: 600;
    font-size: 12px;
}


/* IMAGE BOXES */

.card-img-box {
    border: 0;
}

.card-img-box .card-body {
    padding: 0;
}

.card-img-box .row {
    padding: 0 !important;
    margin: 0 !important;
}

.card-img-box [class*=col-],
.card-img-box [class*=col] {
    padding: 0 !important;
    margin: 0 !important;
}

.img-txt-box .row {
    padding: 0 !important;
    margin: -7.5px -7.5px 0 -7.5px !important;
}

.img-txt-box [class*=col-],
.img-txt-box [class*=col] {
    padding: 0 7.5px !important;
    margin: 15px 0 0 0 !important;
}

.img-text-box {
    padding: 3rem;
}

@media (max-width: 575.98px) {
    .img-text-box {
        padding: 3rem 15px;
    }
}


/* SUB PAGE */

.subpage-banner {
    position: relative;
    z-index: 1;
    /* background-color: var(--white);
    border-top: 1px solid var(--gray-300);
    box-shadow: 0px 0px 30px rgba(0,0,0,.1); */
    background-color: var(--purple) !important;
    color: var(--white);
    text-align: center;
    background: url('/assets/img/logos/favicons/favicon-faded.svg');
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
    border-radius: 0 0 30px 30px;
}

.subpage-banner .container {
    position: relative;
    z-index: 3;
    padding-top: 6rem;
    padding-bottom: 6rem;
}

.subpage-banner .row {
    align-items: center;
    justify-content: center;
}

.subpage-banner .row-small .col-12 {
    text-align: center;
}

.subpage-banner h1 {
    margin: 0;
}

.subpage-banner p {
    margin-top: .5rem;
    margin-bottom: 0;
}

.subpage-banner p.eyebrow {
    font-size: 12px;
    margin: 0 0 .25rem 0;
}

.subpage-banner a:not(.btn) {
    color: var(--gray-100) !important;
}

.subpage-banner a:not(.btn):hover,
.subpage-banner a:not(.btn):focus,
.subpage-banner a:not(.btn):target,
.subpage-banner a:not(.btn):active {
    color: var(--gray-100) !important;
}

.subpage-banner .btn-row {
    margin-top: 5px;
}

@media (max-width: 767.98px) {
    .subpage-banner .container {
        padding-top: 3rem;
        padding-bottom: 3rem;
    }
}


/* COLLAPSE */

.expand-btn {
    color: var(--white);
    background-color: var(--light-black);
    border: 1px solid var(--light-black);
    border-radius: 30px;
    display: block;
    text-align: left;
    padding: .75rem 2.5rem .75rem 1.25rem !important;
    white-space: normal;
    position: relative;
    width: 100%;
}

.expand-btn.collapsed {
    color: var(--white);
    background-color: var(--black);
    border: 1px solid var(--black);
    border-radius: 30px;
    display: block;
    text-align: left;
    padding: .75rem 2.5rem .75rem 1.25rem !important;
    white-space: normal;
    position: relative;
    width: 100%;
}

.expand-btn.collapsed:hover {
    box-shadow: none;
}

.expand-btn:hover {
    color: var(--white);
    background-color: var(--light-black);
    border-color: var(--light-black);
    box-shadow: none;
}

.expand-btn:focus {
    color: var(--white);
    background-color: var(--light-black);
    border-color: var(--light-black);
    box-shadow: none;
}

.expand-btn::after {
    content: "\f078";
    font: var(--fa-font-solid);
    right: 1rem;
    top: 1rem;
    position: absolute;
    color: inherit;
    display: inline-block !important;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    transform: rotate(-180deg);
    -webkit-font-smoothing: antialiased;
    transition: all .2s ease;
}

.expand-btn.collapsed::after {
    content: "\f078";
    font: var(--fa-font-solid);
    right: 1rem;
    top: 1rem;
    position: absolute;
    color: inherit;
    display: inline-block !important;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    transform: rotate(0deg);
    transition: all .2s ease;
}

.expand-btn.disabled {
    cursor: inherit;
    opacity: .25;
}

ul.link-list {
    padding: 0;
    margin: 0;
}

.link-list li {
    list-style-type: none;
}

.link-list li a {
    color: var(--blue);
    display: block;
    width: 100%;
    text-align: left;
    font-size: .9rem;
}

ul.spaced-list {
    margin: 0;
    padding-left: 1.1rem;
}

ul.spaced-list li {
    line-height: 1.25;
    margin-bottom: 10px;
}

ul.checklist {
    list-style: none !important;
    padding-left: 0;
    margin: 0;
}

ul.checklist ul {
    list-style: none !important;
    padding-left: 1rem;
    margin: 0;
}

.checklist li {
    position: relative;
    padding: 0 0 0 1.5rem;
    margin-top: 10px;
}

.checklist li:before {
    content: '';
    position: absolute;
    top: 3px;
    left: 0;
    width: 1.1rem;
    height: 1.1rem;
    background: url("data:image/svg+xml;utf8,<?xml version='1.0' encoding='utf-8'?><svg width='18' height='18' viewBox='0 0 1792 1792' xmlns='http://www.w3.org/2000/svg'><path fill='%23F37321' d='M1671 566q0 40-28 68l-724 724-136 136q-28 28-68 28t-68-28l-136-136-362-362q-28-28-28-68t28-68l136-136q28-28 68-28t68 28l294 295 656-657q28-28 68-28t68 28l136 136q28 28 28 68z'/></svg>") no-repeat;
}

.checklist li ul li {
    position: relative;
    padding: 0 0 0 1.5rem;
    margin-top: 15px;
}

.checklist li ul li:before {
    content: '';
    position: absolute;
    top: 3px;
    left: 0;
    width: 1.1rem;
    height: 1.1rem;
    background: url("data:image/svg+xml;utf8,<?xml version='1.0' encoding='utf-8'?><svg width='18' height='18' viewBox='0 0 1792 1792' xmlns='http://www.w3.org/2000/svg'><path fill='%23F37321' d='M1671 566q0 40-28 68l-724 724-136 136q-28 28-68 28t-68-28l-136-136-362-362q-28-28-28-68t28-68l136-136q28-28 68-28t68 28l294 295 656-657q28-28 68-28t68 28l136 136q28 28 28 68z'/></svg>") no-repeat;
}

ul.list-columns {
    columns: 1;
    -webkit-columns: 1;
    -moz-columns: 1;
    column-gap: 30px;
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
}

ul.list-columns li {
    margin-bottom: 10px;
}

ul.list-columns li a {
    display: inline !important;
}

@media (min-width: 576px) {
    ul.list-columns {
        columns: 2;
        -webkit-columns: 2;
        -moz-columns: 2;
    }
}

@media (min-width: 992px) {
    ul.list-columns {
        columns: 3;
        -webkit-columns: 3;
        -moz-columns: 3;
    }
}

@media (min-width: 1200px) {
    ul.list-columns {
        columns: 3;
        -webkit-columns: 3;
        -moz-columns: 3;
    }
}

ol.numberlist {
    list-style: none;
    counter-reset: my-awesome-counter;
    align-content: center;
    margin: 0;
    padding: 0;
}

ol.numberlist li {
    position: relative;
    counter-increment: my-awesome-counter;
    width: 100%;
    padding: 15px 0 15px 30px;
}

ol.numberlist li::before {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    color: var(--black);
    content: counter(my-awesome-counter);
    font-size: 6rem;
    font-weight: 700;
    line-height: 1;
    opacity: .1;
}

.number-counter {
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: var(--purple);
}


/* TEAM */

.team-link-container img {
    width: 100%;
    border-radius: 100%;
}

.team-image {
    position: relative;
}

.view-bio-overlay {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(128,0,128,.95);
    color: var(--white);
    border-radius: 100%;
    opacity: 0;
    transition: all .3s ease;
}

.view-bio-overlay span {
    font-weight: 700;
    text-align: center;
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.team-name {
    font-weight: 700;
    font-size: 18px;
    display: block;
    margin-top: .25rem;
    margin-bottom: 0;
}

.team-position {
    line-height: 1.25;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 0;
}

.team-company {
    line-height: 1.25;
    font-size: 12px;
    margin-bottom: 0;
}

.team-link-container:hover .view-bio-overlay {
    opacity: 1;
}


/* TABLES */

.table {
    font-size: 14px;
}

.table th {
    background-color: var(--black);
    color: var(--white);
}

.table thead th {
    border-bottom: 0;
}

.table-nowrap td,
.table-nowrap th {
    text-wrap: nowrap;
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: var(--gray-100);
}

.table-elected-officials {
    margin-bottom: 0;
}

.table-elected-officials tr td:first-of-type {
    text-align: center;
}


/* SWIPERS */

.swiper {
    padding: 0 15px;
    margin: 0 -15px;
}

.swiper-slide {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    height: auto;
}

.swiper-slide .card {
    width: 100%;
    height: 100%;
}

.swiper-pagination {
    position: relative;
    height: 45px;
}

.swiper-pagination-fraction, .swiper-pagination-custom, .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: -15px;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    margin-top: 10px !important;
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
    opacity: 0;
}

.swiper-button-prev,
.swiper-button-next {
    font-weight: 700;
    margin-top: -18px;
    width: 36px;
    height: 36px;
    color: var(--purple);
    background-color: var(--white);
    border: 2px solid var(--white);
    border-radius: 100%;
    padding: 15px;
    transition: all .3s ease;
}

.swiper-button-prev:hover,
.swiper-button-prev:focus,
.swiper-button-prev:active {
    background-color: var(--gray-100);
    border: 2px solid var(--gray-100);
}

.swiper-button-next:hover,
.swiper-button-next:focus,
.swiper-button-next:active {
    background-color: var(--gray-100);
    border: 2px solid var(--gray-100);
}

.swiper-button-prev:hover,
.swiper-button-next:hover {
    background-color: var(--gray-100);
    border: 2px solid var(--gray-100);
}

.swiper-button-prev:after,
.swiper-button-next:after {
    font-size: 16px;
}

.swiper-button-prev.white,
.swiper-button-next.white {
    background-color: var(--white);
    color: var(--blue);
    border: 0 !important;
}

.swiper-button-prev.white:hover,
.swiper-button-prev.white:focus,
.swiper-button-prev.white:active,
.swiper-button-next.white:hover,
.swiper-button-next.white:focus,
.swiper-button-next.white:active {
    background-color: var(--gray-300);
}

.swiper-button-prev {
    left: 15px;
}

.swiper-button-next {
    right: 15px;
}

/* .swiper-button-prev:focus,
.swiper-button-next:focus {
    outline: 0;
} */

.swiper-button-prev.outset {
    left: 0;
}

.swiper-button-next.outset {
    right: 0;
}

.swiper-button-prev.bottom {
    top: auto;
    bottom: 0 !important;
}

.swiper-button-next.bottom {
    top: auto;
    bottom: 0 !important;
}

.swiper-pagination-bullet {
    position: relative;
    background: transparent;
    border: 2px solid var(--purple);
    opacity: 1;
}

.swiper-pagination-bullet-active {
    background: var(--purple);
    border: 2px solid var(--purple);
    opacity: 1;
}

.swiper-pagination.white .swiper-pagination-bullet {
    background: transparent;
    border: 2px solid var(--white);
    opacity: 1;
}

.swiper-pagination.white .swiper-pagination-bullet-active {
    background: var(--white);
    border: 2px solid var(--white);
    opacity: 1;
}

.swiper-pagination-fraction {
    color: var(--white);
    font-weight: 400;
    font-size: 12px;
    letter-spacing: 1px;
    margin-bottom: 0;
    text-shadow: 1px 1px 0px var(--black);
}

.swiper-horizontal > .swiper-scrollbar {
    position: relative;
    margin-top: 25px;
    height: 5px;
    bottom: 12px;
    left: 47px;
    width: calc(100% - 95px);
    border-radius: 5px;
}

.swiper-scrollbar-drag {
    background: rgba(230,34,46,1);
    border-radius: 5px;
}

.swiper-scrollbar.white .swiper-scrollbar-drag {
    background: rgba(255,255,255,1);
}

.sim-card {
    width: 375px;
    max-width: 100%;
}


/* Ticker */

.swiper-ticker {
    padding-left: 0;
    padding-right: 0;
}

.swiper-ticker .swiper-wrapper {
    transition-timing-function: linear;
}

.swiper-ticker .swiper-slide {
    width: 220px;
    border-right: 1px solid var(--gray-300);
    /* -ms-flex-align: start;
    -webkit-align-items: start;
    align-items: start; */
}

.swiper-ticker .swiper-slide:last-of-type {
    border-right: 0;
}

@media (max-width: 991.98px) {
    .swiper-ticker .swiper-slide {
        width: 130px;
    }
}

.ticker-card {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    /* text-align: left; */
    font-size: 12px;
}

.ticker-card p {
    margin-bottom: 0;
}

.swiper-ticker::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 30px;
    z-index: 9;
    background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
}

.swiper-ticker .swiper-button-next {
    background: transparent;
    border: 0;
    right: -7.5px;
}

.swiper-ticker .swiper-button-prev {
    background: transparent;
    border: 0;
    left: -7.5px;
}


/* MEDIA */

.link-card {
    text-align: left;
    height: 100% !important;
    border: 1px solid var(--gray-300);
    background-image: none !important;
    overflow: hidden;
}

.link-card:hover {
    border: 1px solid var(--blue);
}

.link-card .row {
    position: relative;
}

.media-content-col {
    align-self: center;
    position: static;
}

.link-card img {
    max-width: 100%;
    width: 100%;
    height: auto;
}

.link-card .details {
    font-weight: 500;
    font-size: 12px;
    margin-bottom: .25rem;
}

.link-card .details span {
    letter-spacing: 1px;
}

.link-card .details small {
    font-size: 60%;
}

.link-card .heading {
    font-weight: 500;
    line-height: 1.25;
    margin-bottom: 0;
}

.link-card .heading a {
    display: block !important;
}

.link-card .heading a span {
    float: right;
    margin-top: .25rem;
    margin-left: .25rem;
    font-size: 75%;
    vertical-align: top;
}

.link-card .desc {
    margin-top: .25rem;
    font-size: 14px;
}

.link-card .desc-large {
    font-size: 16px;
}


/* NEWS */

.year-col {
    width: 130px;
}

.news-heading {
    line-height: 1.25;
    margin-bottom: 0;
}

.news-heading a span {
    margin-right: 5px;
}

.news-heading a i {
    color: var(--purple);
    transition: all .3s ease;
}

.news-heading a:hover i,
.news-heading a:focus i,
.news-heading a:target i {
    transform: translateX(5px);
}

.date-col {
    width: 115px;
}

.date-box {
    font-family: 'Geologica', sans-serif;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 1px;
    background-color: var(--white);
    border: 1px solid var(--gray);
    padding: 15px;
    text-align: center;
}

.article-title {
    margin-bottom: 0;
    line-height: 1.25;
}

.article-title a {
    display: inline !important;
}

.article-title a span {
    float: right !important;
    margin-left: 1rem;
}

.article-title a span i {
    font-size: 12px;
    vertical-align: top;
    margin-top: 4px;
}

.article-summary {
    font-size: 14px;
    margin-top: .25rem;
}

.media-img-border {
    position: relative;
    border-right: 1px solid var(--gray-300);
}

@media (max-width: 991.98px) {
    .media-img-border {
        border-right: 0;
        border-bottom: 1px solid var(--gray-300);
    }
}

@media (min-width: 1200px) {
    .article-sidebar {
        top: calc(3rem + 80px);
    }
}

/* .media-img-cut {
    z-index: 2;
    position: absolute;
    top: -5%;
    right: -3.25rem;
    bottom: 0;
    left: auto;
    background-color: var(--white);
    display: block;
    width: 5rem;
    height: 110%;
    border-radius: 50%;
} */


/* FOOTER */

footer {
    border-top: 1px solid var(--gray-300);
}

@media (min-width: 1200px) {
    .footer-logo-container-col {
        max-width: 225px;
    }
}

@media (max-width: 1199.98px) {
    .footer-logo-border-col {
        border-right: 1px solid var(--gray-300);
    }
}

@media (max-width: 575.98px) {
    .footer-logo-border-col {
        border-right: 0;
    }
}

footer address {
    font-size: 12px;
    margin-bottom: 0;
}

.footer-logo img {
    /* width: 184px; */
    width: 250px;
}

a.footer-logo {
    transition: all .3s ease;
}

a.footer-logo:hover,
a.footer-logo:focus,
a.footer-logo:target,
a.footer-logo:active {
    opacity: .85;
}

.external-small-icon {
    font-size: 8px !important;
    vertical-align: top;
    margin-top: 4px !important;
    margin-left: 2px;
}

.footer-legal-links {
    font-size: 12px;
    padding: 0!important;
    margin: 0!important;
}

.footer-legal-links li {
    display: inline-block;
}

.footer-legal-links li a {
    font-weight: 600;
    display: inline-block;
    padding: .25rem 5px;
    color: var(--black) !important;
}

.footer-legal-links li a:hover,
.footer-legal-links li a:focus,
.footer-legal-links li a:target,
.footer-legal-links li a:active {
    color: var(--purple) !important;
}

.sm-nav-footer {
    text-align: center;
    margin: 0!important;
    padding: 0!important;
    list-style-type: none;
}

.sm-nav-footer li {
    display: inline-block;
}

.sm-nav-footer li a {
    font-size: 1.25rem !important;
    color: var(--black) !important;
    display: block;
    padding: 7.5px !important;
}

.sm-nav-footer li a:hover,
.sm-nav-footer li a:focus,
.sm-nav-footer li a:target,
.sm-nav-footer li a:active {
    color: var(--purple) !important;
}


/* TOOLTIPS */

.tooltip {
    opacity: 1 !important;
}

.tooltip-inner {
    color: var(--black);
    background-color: var(--white);
    border-radius: 30px;
    font-size: 12px;
    font-weight: 500;
    text-align: left;
    padding: 8px 12px !important;
    box-shadow: 0px 0px 30px rgba(0,0,0,.1);
}

.tooltip.bs-tooltip-right .arrow:before {
    border-right-color: var(--white) !important;
}

.tooltip.bs-tooltip-left .arrow:before {
    border-left-color: var(--white) !important;
}

.tooltip.bs-tooltip-bottom .arrow:before {
    border-bottom-color: var(--white) !important;
}

.tooltip.bs-tooltip-top .arrow:before {
    border-top-color: var(--white) !important;
}


/* MODALS */

.modal-header {
    background: var(--white);
    border: 0;
}

.modal-title {
    font-family: 'Geologica', sans-serif;
    font-weight: 700;
    font-size: 1.25rem;
    color: var(--black);
    margin-bottom: 0;
    align-self: center;
}

.modal-icon {
    width: 30px;
    max-width: 100%;
    height: auto;
}

.modal-logo {
    width: 40px;
    max-width: 100%;
    height: auto;
}

.modal-body p:last-child {
	margin-bottom: 0;
}

.modal .close {
    font-size: 18px;
    padding: 10px;
    margin-top: -5px;
    margin-right: -10px;
    color: var(--red);
    opacity: 1;
    transition: all .3s ease;
}

.modal .close:hover,
.modal .close:focus {
    opacity: .75;
}

.class-modal .close {
    z-index: 2;
    position: absolute;
    top: 0;
    right: 0;
    left: auto;
    background-color: var(--white);
    padding: 15px;
    margin-top: 0;
    margin-right: 0;
}

.class-modal .close:hover,
.class-modal .close:focus {
    opacity: 1 !important;
    background-color: var(--faded-blue);
}

.modal .floating-close {
    display: block;
    position: absolute;
    z-index: 1051;
    top: 0;
    right: 0;
    left: auto;
    margin: 0;
}

.modal .floating-close.close {
    background-color: var(--white);
    padding: 15px;
    border-radius: 0 .25rem 0 .25rem;
    border: 0;
}

.modal .floating-close.close:hover,
.modal .floating-close.close:focus {
    background-color: var(--gray-200);
    opacity: 1;
}

.modal-header {
    padding: 1.5rem;
    border: 0;
}

.modal-content {
    border: 0;
    background-clip: border-box;
}

.modal-body {
    padding: 1.5rem;
}

.modal-backdrop {
    background: var(--purple);
}

.modal-backdrop.show {
    opacity: .95;
}

.modal-footer {
    padding: 1.5rem;
    border-radius: 0;
    justify-content: flex-start;
}

.modal-footer p {
    margin: 0 !important;
}

.modal-footer>* {
    margin: 0;
}


/* ALERTS */

.alert {
    background-color: var(--white);
    color: var(--black);
    border-radius: 0;
    border: 0;
}

.alert p {
    margin-bottom: 0;
}

.alert-top strong {
    font-weight: 700;
}

.alert-top a {
    font-weight: 600;
    color: var(--purple) !important;
    display: inline-block;
}

.alert-top a i {
    font-size: 10px;
    margin-top: 5px;
}

.alert.text-white a {
    color: var(--white) !important;
}

.alert-top {
    padding: 10px 0;
    margin-bottom: 0;
    font-size: 14px;
}

.alert-top.alert .close {
    color: var(--red);
    font-size: 16px !important;
    position: relative;
    top: 0;
    right: 0;
    padding: 2px 0;
    margin: 0;
    text-shadow: none;
    opacity: 1;
    transition: all .3s ease;
}

.alert-top.alert .close:hover,
.alert-top.alert .close:focus {
    opacity: .75;
}

.alert.text-white .close {
    color: var(--white) !important;
}


/* CONTACT */

#contact_google_map {
    width: 100%;
    height: 625px;
    border: 0 !important;
    outline: 0 !important;
    margin-bottom: -7px;
}

@media (max-width: 1199.98px) {
    #contact_google_map {
        height: 500px;
    }
}

@media (max-width: 767.98px) {
    #contact_google_map {
        height: 450px;
    }
}

.success-card {
    background-color: var(--pale-purple);
    text-align: center;
    border: 2px solid var(--success);
}

.success-card .card-body {
    padding: 3rem;
}

.success-card i,
.success-card svg {
    font-size: 2em;
    color: var(--success);
    margin: 0 auto;
}

.success-card h2,
.success-card .h2 {
    color: var(--success);
    margin-bottom: .5rem;
}

.success-card p.lead {
    font-weight: 600;
    margin-bottom: .5rem;
}


/* FORMS */

label {
    font-weight: 500;
    font-size: 12px;
    color: var(--black);
    margin-bottom: 5px;
    text-align: left !important;
}

.btn-radio {
    font-weight: 400 !important;
    font-size: 14px !important;
    text-align: center !important;
    background-color: var(--white);
    border: 1px solid var(--gray-300);
    border-radius: 0 !important;
}

.btn-radio:focus,
.btn-radio.focus {
    box-shadow: none !important;
    outline: -webkit-focus-ring-color auto 1px;
}

.btn-radio:hover,
.btn-radio:focus,
.btn-radio:target,
.btn-radio:active,
.btn-radio.active {
    color: var(--white) !important;
    background-color: var(--blue) !important;
    border: 1px solid var(--blue) !important;
}

/* input::placeholder {
    color: var(--black) !important;
} */

/* select {
    color: var(--black) !important;
} */

.input-group-text {
    background-color: var(--white);
    border: 1px solid var(--gray-300);
}

.input-group-text label {
    margin-bottom: 0;
}

form .row {
    margin-bottom: 15px;
}

.form-group {
    margin-bottom: 15px;
}

.custom-select {
    background-color: var(--white);
    border: 1px solid var(--gray-300);
    transition: all .3s ease;
}

.form-control {
    background-color: var(--white);
    border: 1px solid var(--gray-300);
    transition: all .3s ease;
}

.form-control.flush,
.custom-select.flush {
    border: 1px solid var(--white);
}

.form-control.flush,
.custom-select.flush {
    border: 1px solid var(--white);
}

.form-control:focus,
.custom-select:focus {
    border-color: var(--black);
    outline: 0;
    box-shadow: none;
    outline: -webkit-focus-ring-color auto 1px;
}

.form-control.highlight:focus,
.custom-select.highlight:focus {
    border-color: var(--white);
    outline: 0;
    box-shadow: none;
    outline: -webkit-focus-ring-color auto 1px;
}

.form-control.is-invalid:focus, .was-validated .form-control:invalid:focus {
    border-color: var(--red);
    box-shadow: 0 0 0 0.2rem rgb(237 28 36 / 25%);
}

.invalid-feedback {
    font-size: 12px;
    color: var(--red);
}

.form-control.custom-select.is-invalid,
.was-validated .form-control.custom-select:invalid {
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat,
    #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23AA182C' stroke='none'/%3e%3c/svg%3e") center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem) no-repeat;
}

.form-control.custom-select.is-valid,
.was-validated .form-control.custom-select:valid {
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat,
    #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem) no-repeat;
}

.custom-control-label::before {
    top: 0.1rem;
    left: -1.5rem;
    width: 1.5rem;
    height: 1.5rem;
    background-color: var(--white);
    border: 2px solid var(--purple);
}

.custom-radio .custom-control-input:checked~.custom-control-label::before {
    background-color: var(--white);
    border: 2px solid var(--purple);
}

.custom-radio .custom-control-label::after {
    top: 0.4rem;
    left: -1.25rem;
    width: 1rem;
    height: 1rem;
}

.custom-radio .custom-control-input:checked~.custom-control-label::after {
    background-image: none;
    background-color: var(--purple);
    border-radius: 100%;
    border: 2px solid var(--white);
}

.custom-radio .custom-control-input:disabled~.custom-control-label::before {
    background-color: #e9ecef;
    border: 2px solid #dee2e6;
}

.custom-radio .custom-control-input:disabled:checked~.custom-control-label::before {
    background-color: #e9ecef;
}

.custom-radio .custom-control-input:disabled:checked~.custom-control-label::after {
    background-color: #9ca0b1;
    background-image: none;
    border-radius: 100%;
    border: 2px solid #e9ecef;
}

.custom-control-label {
    font-size: 16px;
    margin-bottom: 0;
    padding-left: 8px;
    line-height: 26px;
}

.custom-checkbox .custom-control-input:checked~.custom-control-label::before {
    background-color: var(--white);
    border: 2px solid var(--purple);
}

.custom-checkbox .custom-control-input:checked~.custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='25.412' height='19.855' viewBox='0 0 25.412 19.855'%3e%3cpath id='check' d='M22.6,3.8,8,19.4,1.4,11.7,0,12.9l7.9,9.3L24,5.1Z' transform='translate(0.703 -3.095)' fill='%23800080' stroke='%23800080' stroke-width='1'/%3e%3c/svg%3e ");
}

.custom-checkbox .custom-control-label::after {
    top: -0.1rem;
    left: -1.75rem;
    width: 2rem;
    height: 2rem;
}

.custom-checkbox .custom-control-input:disabled~.custom-control-label::before {
    background-color: #e9ecef;
    border: 2px solid #dee2e6;
}

.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::before {
    background-color: #e9ecef;
}

.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='25.412' height='19.855' viewBox='0 0 25.412 19.855'%3e%3cpath id='check' d='M22.6,3.8,8,19.4,1.4,11.7,0,12.9l7.9,9.3L24,5.1Z' transform='translate(0.703 -3.095)' fill='%23800080' stroke='%23800080' stroke-width='1'/%3e%3c/svg%3e ");
}

.custom-control-input:focus:not(:checked)~.custom-control-label::before {
    border-color: var(--purple);
}

.custom-control-input:focus~.custom-control-label::before {
    box-shadow: 0 0 0 .2rem rgba(128, 0, 128, .25);
}

.custom-control-input:not(:disabled):active~.custom-control-label::before {
    color: var(--white);
    background-color: var(--gray-100);
    border-color: var(--gray-100);
}


/* LIGHTGALLERY */

.cursor:hover {
    cursor: pointer;
}

.lg-outer .lg-thumb-item {
    border: 2px solid transparent;
    border-radius: 0;
}

.lSSlideOuter .lSPager.lSGallery li.active, .lSSlideOuter .lSPager.lSGallery li:hover {
    border: 2px solid var(--purple);
    border-radius: 0;
}

.lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover {
    border-color: var(--purple);
}

.lg-progress-bar .lg-progress {
    background-color: var(--purple);
}

.lSSlideOuter .lSPager.lSGallery li {
    border: 2px solid transparent;
    border-radius: 0;
}

.lSSlideOuter .lSPager.lSGallery li.active, .lSSlideOuter .lSPager.lSGallery li:hover {
    border: 2px solid var(--purple);
}


/* PROGRESS BARS */

.progress {
    height: 30px;
    border-radius: 30px;
}

.progress-bar {
    border-radius: 30px;
}


/* TO TOP */

.scroll-top {
    position: fixed;
    opacity: 0;
    visibility: hidden;
    text-align: center;
    z-index: 9;
    background-color: var(--purple);
    color: var(--white);
    width: 36px;
    height: 36px;
    line-height: 36px;
    right: 15px;
    bottom: 15px;
    border-radius: 100%;
    border: 0;
    transition: all 0.5s ease-in-out;
}

.scroll-top.show {
    visibility: visible;
    cursor: pointer;
    opacity: 1;
}

.scroll-top.show:hover,
.scroll-top.show:focus {
    color: var(--white);
    box-shadow: 0px 0px 30px rgba(0,0,0,.25);
}