:root {
    --green: #6aa33a;
    --green-dark: #4f882b;
    --accent: #f6d94f;
    --muted: #7a7a7a;
    --bg: #f6f6f6;
    --card: #fff;
    --container: 1200px;
    --yellow-border: #f2d94a;
    --placeholder: #e9e9e9;
}

* {
    box-sizing: border-box
}

body {
    /* font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
	margin: 0;
	color: #222; */
    /* background: var(--bg); */
}

/* top bar */
.top-bar {
    /* background: var(--green);
	color: #fff;
	text-align: center;
	padding: 6px 12px;
	font-size: 14px; */
}

/* header.site-header {
	background: #fff;
	border-bottom: 1px solid #e8e8e8;
} */

/* .site-header .container {
	max-width: var(--container);
	margin: 0 auto;
	display: flex;
	align-items: center;
	gap: 24px;
	padding: 18px;
} */

/* .brand {
	display: flex;
	gap: 10px;
	align-items: center;
	text-decoration: none;
	color: var(--green-dark);
} */

.brand .logo-mark {
    width: 46px;
    height: 46px;
    background: linear-gradient(#fff,#f7f7f7);
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    color: var(--green-dark);
    box-shadow: 0 1px 0 rgba(0,0,0,0.02);
}

nav.main-nav {
    /* margin-left: auto; */
}

    nav.main-nav a {
        /* color: #4b4b4b;
		text-decoration: none;
		margin-left: 18px;
		font-size: 15px; */
    }

.page {
    /* max-width: var(--container); */
    /* margin: 0 auto; */
    /* padding: 22px 18px 80px; */
}

.filters {
    /* display: flex;
	gap: 8px;
	align-items: center; */
    /* margin-bottom: 18px; */
}

    .filters select, .filters button {
        /* padding: 8px 10px;
		border-radius: 4px; */
        /* border: 1px solid #ddd; */
        /* background: #fff; */
        /* font-size: 14px; */
    }

    .filters button {
        /* background: var(--green);
		color: #fff;
		border: 1px solid rgba(0,0,0,0.06);
		cursor: pointer; */
    }

/* grid */
.grid {
    /* display: grid;
	grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
	gap: 18px;
	align-items: start; */
}

.card {
    /* background: var(--card);
	border: 4px solid #efefef;
	border-radius: 6px;
	padding: 14px;
	min-height: 140px;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	transition: box-shadow .12s ease; */
}

    /* highlight top-sponsors with yellow border like screenshot */
    .card.highlight {
        /* border-color: var(--yellow-border); */
    }

.logo-wrap {
    /* height: 64px;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 10px;
	overflow: hidden; */
}

    .logo-wrap img {
        /* max-height: 64px;
		max-width: 170px;
		object-fit: contain;
		display: block; */
    }

.main {
    flex: 1;
}

footer.site-footer {
    /* background: var(--green-dark);
	color: #fff;
	margin-top: 36px;
	padding: 30px 18px; */
}

.foot-inner {
    max-width: var(--container);
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
}

    .foot-inner a {
        color: #fff;
        text-decoration: none;
        margin-right: 12px;
        font-size: 13px;
        opacity: 0.95;
    }

@media (max-width:780px) {
    .filters {
        /* flex-direction: column;
		align-items: stretch; */
    }

    .company {
        /* font-size: 13px; */
    }
}

.green-button {
    background: var(--green);
    color: #fff;
    padding: 8px 12px;
    border-radius: 4px;
    text-decoration: none;
    font-weight: 600;
}

.white-button {
    background: #fff;
    border: 1px solid #ddd;
    padding: 8px 12px;
    border-radius: 4px;
    margin-right: 12px;
}

.simple-textbox {
    width: 100%;
    padding: 8px;
    border-radius: 4px;
    border: 1px solid #ddd;
    margin-top: 6px;
}





/* new misc. */

body {
    /* background: #F1F1F1; */
    /* background: #E1E9F4; */
    background: #D9E3F1;
    background: #E9EFF7;
    background: #EEF4FB;
    background: #EDF2F9;
    font-family: "Inter", sans-serif;
    /* margin: 0; */
    color: #222;
}

main.page {
    margin-top: 106px;
    /* padding: 24px 0; */
    padding: 16px 0;
    /* padding: 24px 0 36px 0; */
    /* padding: 16px 0 16px 0; */
}

    main.page > .container {
        /* margin: 24px auto; */
    }

.btn-primary {
    background: #fc8035;
    border: none;
    font-weight: 600;
    display: inline-flex;
    /* min-height: 38.5px; */
    justify-content: center;
    align-items: center;
    width: 100%;
    align-self: flex-start;
    border: #fc8035 2px solid;
    padding: 4px 8px;
}

    .btn-primary:focus-visible {
        background: #E56110;
        box-shadow: 0 0 0 .25rem rgba(251, 111, 24, .25);
        outline: -webkit-focus-ring-color auto 1px;
        outline-offset: 2px;
    }

    .btn-primary i {
        /* margin-right: 8px; */
        color: #fff;
    }

    .btn-primary:hover {
        background: #E56110;
        border: #E56110 2px solid;
    }

    .btn-primary:active {
        background-color: #E56110 !important;
        border: #E56110 2px solid;
    }

h1 {
    font-weight: 700;
    margin-bottom: 16px;
}

.btn-secondary {
    background: #fff;
    border: solid 2px #FB6F18;
    color: #FB6F18;
    transition: background .15s ease-in-out, color .15s ease-in-out, border .15s ease-in-out;
    font-weight: 600;
    width: 100%;
    padding: 4px 8px;
}

    .btn-secondary:focus-visible {
        box-shadow: 0 0 0 .25rem rgba(251, 111, 24, .25);
        color: #fff;
        border-color: #E56110;
        background: #E56110;
        outline: -webkit-focus-ring-color auto 1px;
        outline-offset: 2px;
    }

    .btn-secondary i {
        /* font-size: 14px; */
        /* margin: 0 8px 0 0; */
        color: #FB6F18;
        transition: all .15s ease-in-out;
    }

    .btn-secondary:hover {
        color: #fff;
        border-color: #E56110;
        background: #E56110;
        transition: background .15s ease-in-out, color .15s ease-in-out, border .15s ease-in-out;
    }

    .btn-secondary:focus-visible i {
        color: #fff;
    }

    .btn-secondary:active {
        background-color: #E56110 !important;
        border-color: #E56110 !important;
    }

        .btn-secondary:active i {
            color: #fff !important;
        }

    .btn-secondary:hover i {
        /* background: #3B8CF7; */
        color: #fff;
        transition: all .15s ease-in-out;
    }

/* .back-to-top {
    padding: 0;
    color: #222;
    background: transparent;
    font-size: 14px;
    transition: color .15s ease-in-out;
    min-width: 96px;
}

    .back-to-top i {
        margin: 0 4px 0 0;
        color: #222;
        transition: color .15s ease-in-out;
    }

    .back-to-top:hover i,
    .back-to-top:hover {
        background: transparent;
        color: #FB6F18;
        transition: color .15s ease-in-out;
    }

    .back-to-top:active,
    .back-to-top:focus-visible {
        border: none;
        background-color: transparent !important;
        box-shadow: none;
    }

    .back-to-top:focus-visible {
        color: #FB6F18;
    } */

/* .back-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff !important;
    color: #222 !important;
    font-weight: 600;
    font-size: 14px;
    transition: color .15s ease-in-out;
    padding: 8px 0;
}

    .back-btn:hover {
        color: #FB6F18 !important;
        transition: color .15s ease-in-out;
    }

    .back-btn:focus-visible {
        color: #FB6F18 !important;
    }

    .back-btn i {
        margin-right: 4px;
        font-size: 18px;
    } */

.border {
    border-color: #ccc !important;
}

.card {
    border-color: #ccc !important;
}

a {
    /* color: #FB6F18; */
    color: #E56110;
    /* text-decoration: none; */
}

    a:hover {
        /* color: #CE580E; */
        text-decoration: none;
    }

input,
textarea {
    border-color: #bbb !important;
}

.login-page .form-control {
    border-color: #666 !important;
}

.supporter {
    /* height: 33px; */
    min-height: 16px;
}

    .supporter > div {
        /* background: #3B8CF7;
        color: #fff;
        text-align: center;
        padding: 6px;
        font-weight: 600;
        font-size: 14px;
        width: 112px;
        margin-right: -12px;
        margin-left: auto;
        border-radius: 0 6px 0 6px !important;
        display: none; */
        background: #3B8CF7;
        color: #fff;
        text-align: center;
        /* padding: 2px; */
        font-weight: 600;
        font-size: 14px;
        width: 110px;
        margin-right: -12px;
        margin-left: auto;
        border-radius: 0 6px 0 6px !important;
        display: none;
        height: 24px;
    }

    .supporter i {
        margin-right: 8px;
    }

.highlight .supporter > div {
    /* display: block; */
    display: flex;
    justify-content: center;
    align-items: center;
}


.pagination-btn {
    border-radius: 500px;
    height: 36px;
    width: 36px;
    font-size: 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* background: #fc8035; */
    border: none;
    /* color: #fff; */
    /* opacity: .75; */
    transition: background .15s ease-in-out, color .15s ease-in-out, border-color .15s ease-in-out;
    text-decoration: none;
    background: #fff;
    border: solid 2px #FB6F18;
    color: #FB6F18;
}

    .pagination-btn:hover {
        background: #E56110;
        color: #fff;
        border-color: #E56110;
        transition: background .15s ease-in-out, color .15s ease-in-out, border-color .15s ease-in-out;
        cursor: pointer;
    }

    .pagination-btn:focus-visible {
        outline-offset: 2px;
        background: #E56110;
        color: #fff;
    }

/* .pagination-spacer {
    min-width: 96px;
} */


/* misc. xs screen size only */
@media (max-width: 575px) {
    .pagination-spacer {
        display: none;
    }
}


/* misc. xs - md screen sizes */
@media (max-width: 991px) {
    /* main.page {
		margin-top: 97px;
	} */
    .btn-primary,
    .btn-secondary {
        /* font-size: 0.9375rem; */
    }
}

/* misc. md screen size and up */
@media (min-width: 768px) {
    .btn-primary,
    .btn-secondary {
        width: auto;
    }
    main.page {
        margin-top: 109px;
    }

}

/* misc md - lg screen size */
@media (min-width: 768px) and (max-width: 992px) {
    .container, .container-md, .container-sm {
        max-width: 770px;
    }
}

/* misc. lg screen size and up */
@media (min-width: 992px) {
    main.page {
        margin-top: 125px;
        /* padding: 24px 0 36px 0; */
    }
    /* .pb-33 {
        padding-bottom: 33px !important;
    } */
    .supporter {
        /* height: 33px; */
        height: 24px;
    }
}



/* Sitewide header */

.skip-to-content-link {
    position: absolute;
    top: -10000px; /* Moves it far off-screen instead of display: none */
    left: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

    .skip-to-content-link:focus {
        position: absolute;
        width: auto;
        height: auto;
        top: 0;
        padding: 10px;
        background-color: #000;
        color: #fff;
        z-index: 100;
    }

.navbar {
    transition: all 0.1s ease-in-out;
    padding: 0;
}

.site-header {
    background: #fff;
    transition: all 0.1s ease-in-out;
}

.top-nav {
    background: #fc8035;
    color: #fff;
    padding: 5px 0;
    font-size: 16px;
    font-weight: 600;
}

    .top-nav a {
        color: #fff;
        /* margin: 0 0 0 16px; */
        text-decoration: none;
    }

a.nav-link {
    font-weight: bold;
    color: #222;
    padding-right: 16px;
}

.navbar .navbar-nav {
    gap: 8px;
}

.navbar-brand img {
    max-height: 64px;
    transition: all 0.1s ease-in-out;
    padding-bottom: 8px;
}

.navbar-nav .dropdown-item {
    font-weight: 700;
}

.dropdown-toggle::after {
    color: #fc8035;
}

.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
    color: #fc8035;
}

/* .dropdown-item:focus, */
.dropdown-item:hover {
    color: #fc8035;
    background: none;
}

.nav-link:focus, .nav-link:hover {
    color: #fc8035;
}

.navbar a.nav-link:focus-visible {
    box-shadow: none;
    outline: -webkit-focus-ring-color auto 1px;
    outline-offset: 2px;
}

.navbar-toggler {
    border: none;
    position: relative;
    /* right: -16px; */
}

    .navbar-toggler:focus {
        box-shadow: none;
    }

.navbar-toggler-icon {
}

.navbar-toggler[aria-expanded="false"] .navbar-toggler-icon {
    background-image: url(/img/bars-solid-full.svg);
}

.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
    background-image: url(/img/xmark-solid-full.svg);
}

.top-nav-left {
    font-size: .8rem;
    line-height: 1.25;
}

.top-nav-right {
    font-size: .875rem;
}

.login-link {
    border: solid 1px #fff;
    border-radius: 100px;
    padding: 4px 8px;
    transition: all .15s ease-in-out;
}
.login-link:hover {
    background: #fff;
    color: #fc8035;
    border-color: #fc8035;
    transition: all .15s ease-in-out;
}

.top-nav-dropdown {
   
}

    .top-nav-dropdown .fa-circle-user {
        font-size: 20px;
    }

    .top-nav-dropdown .fa-caret-down {
        font-size: 12px;
    }

    .top-nav-dropdown a {
        color: #222;
        font-weight: 600;
    }

    .top-nav-dropdown .top-nav-user {
        color: #fff;
        transition: color .15s ease-in-out, background .15s ease-in-out;;
        padding: 4px 8px;
        border: solid 1px #fff;
        border-radius: 100px;

    }
    .top-nav-dropdown:hover {
        /* background: #fff;
        transition: background .15s ease-in-out; */
    }
    .top-nav-dropdown:hover .top-nav-user {
        color: #fc8035; 
        background: #fff;
        transition: color .15s ease-in-out, background .15s ease-in-out;
    }


/* home header md screen size */
@media (min-width: 768px) {
    .navbar-brand img {
        /* min-height: 80px; */
    }

    .top-nav-left {
        font-size: 1rem;
        line-height: 1.5;
    }

    .top-nav-right {
        font-size: 1rem;
    }

    .navbar-expand-md .navbar-nav .dropdown-menu {
        top: 100%;
    }
}

/* home header up to md screen size */
@media (max-width: 991px) {
    .navbar-brand,
    .top-nav {
        /* padding: 4px 0; */
    }

        .navbar-brand img {
            max-height: 48px !important;
        }

    .navbar {
        padding: 0 !important;
    }

        .navbar a.nav-link {
            text-align: right;
            /* border-top: solid 1px #ddd; */
            padding: 16px 16px;
        }

        .navbar .navbar-nav {
            gap: 0;
        }

    .top-nav-dropdown .fa-circle-user {
        font-size: 18px;
    }

    .navbar-expand-md .navbar-nav .dropdown-menu {
        top: 44px;
    }

}

/* mobile menu up to sm screen size */

@media (max-width: 767px) {

    .dropdown.nav-dropdown .dropdown-menu {
        display: block; /* Override display: none */
        overflow: hidden; /* Clip content during animation */
        max-height: 0; /* Start closed */
        /* opacity: 0; */ /* Start invisible */
        border: none; /* Prevent border "ghosting" when closed */
        /* padding-top: 0;
      padding-bottom: 0; */
        transition: all 0.35s ease; /* Matches Bootstrap mobile speed */
    }

        .dropdown.nav-dropdown .dropdown-menu.show {
            max-height: 168px; /* Set to a value larger than your content */
            /* opacity: 1; */
            /* padding-top: 0.5rem;    
      padding-bottom: 0.5rem; */
        }

        .navbar .dropdown-item,
        .navbar a.nav-link:focus-visible {
            outline: none;
        }

        .navbar .dropdown-menu {
            text-align: right;
            border: none;
            padding-top: 0;
            margin: 0;
            box-shadow: none !important;
            padding-bottom: 0;
        }

        .navbar .dropdown-item {
            text-align: right;
            padding: 16px 32px 16px 0;
        }
}




/* home header xs screen size */
@media (max-width: 575px) {
    .site-header > .container {
        padding: 0;
    }

    .navbar-brand {
        padding-left: 12px;
    }

    .navbar-toggler {
        padding-right: 24px;
    }
}


/* Sitewide footer */

footer {
    background: #0b0b45;
    /* background: #0D1754; */
    color: #fff;
    font-size: 14px;
    padding: 32px 0;
}

    footer a {
        color: #fff;
        text-decoration: none;
        /* transition: color .15s ease-in-out; */
    }

        footer a:hover {
            color: #fc8035;
            /* transition: color .15s ease-in-out; */
        }

        footer a:focus-visible {
            color: #fc8035;
            outline-offset: 2px;
        }

.footer-link:hover {
    text-decoration: underline;
    /* color: #fff; */
}

footer .nav-item {
    /* padding: 8px; */
    font-size: 16px;
}

footer a.nav-link {
    color: #fff;
}

    footer a.nav-link:focus-visible {
        outline: -webkit-focus-ring-color auto 1px;
    }

footer .navbar-nav > .nav-item:last-child {
    /* padding-right: 0; */
}

.footer-social-links {
    gap: 16px;
}

    .footer-social-links i {
        font-size: 24px;
    }

img.footer-brand {
    max-height: 24px;
}

footer .navbar-nav {
    gap: 8px 16px;
}

img.footer-brand-501works {
    max-height: 40px;
    margin-left: 16px;
}

/* footer lg with and up */
@media (min-width: 992px) {
    img.footer-brand {
        max-height: 32px;
    }
    img.footer-brand-501works {
        max-height: 44px;
    }
}




/* Home */

.home-header {
    /* background-image: url(/img/abstract-blue-bg.jpg); */
    background-size: cover;
    background-position: center;
    /* padding: 28px 0 72px 0; */
    /* padding: 24px 0 104px 0; */
    padding: 16px 0 32px 0;
    color: #fff;
    margin-top: -24px;
    /* background-image: radial-gradient(circle 1200px at 51.8% 56.2%, rgba(38, 143, 227, 1) 0%, rgba(1, 39, 142, 1) 64.4%); */
    background: linear-gradient(45deg, rgba(1, 39, 142, 1), rgba(38, 143, 227, 1));
}

    .home-header h1 {
        font-size: 24px;
    }

.home-header-cta {
    background: rgba(255, 255, 255, .85);
    border-radius: 16px;
    color: #222;
    min-height: 512px;
}
.home-header-left {
    /* min-width: 300px; */
}
.home-header-right p {
    font-size: 1.1rem;
}
.home-content {
    /* margin-top: -56px; */
    /* margin-bottom: 8px; */
    margin-top: 16px;
}

.home-reviews > div > div:first-child h2 {
    margin-bottom: -8px;
}

/* home header md screen size */
@media (min-width: 768px) {
    .home-header {
        /* padding: 36px 0 96px 0; */
        padding: 24px 0 32px 0;
    }

        .home-header h1 {
            font-size: 26px;
        }

    .home-content {
        /* margin-top: -48px; */
        /* margin-bottom: 16px; */
    }
    .home-header-cta {
        min-height: 280px;
    }
}

/* home-header lg screen size */
@media (min-width: 992px) {
    .home-header {
        /* padding: 56px 0 112px 0; */
        /* padding: 56px 0; */
        padding: 32px 0 40px 0;
    }

        .home-header h1 {
            font-size: 32px;
        }

    .home-content {
        /* margin-top: -56px; */
    }
    .home-header-cta {
        min-height: 282px;
    }
}

/* home-header xl screen size */
@media (min-width: 1200px) {
    .home-header-cta {
        min-height: initial;
    }
}


/* Home carousel */

#carouselHome .carousel-inner {
    /* width: 92%; */
    width: calc(100% - 32px);
    margin: 0 auto;
    /* min-height: 546px; */
}

#carouselHome .carousel-indicators {
    bottom: -32px;
    margin-bottom: 0;
}

    #carouselHome .carousel-indicators button {
        width: 10px;
        height: 10px;
        border-radius: 100%;
        margin: 0 4px;
    }

#carouselHome .carousel-control-prev-icon {
    background-image: url(/img/caret-left-solid.svg);
    height: 44px;
    width: 44px;
    /* right: 8px; */
    position: relative;
}

#carouselHome .carousel-control-next-icon {
    background-image: url(/img/caret-right-solid.svg);
    height: 44px;
    width: 44px;
    /* left: 8px; */
    position: relative;
}

#carouselHome .carousel-item img {
    max-height: 232px;
    max-width: 100%;
}

#carouselHome .carousel-control-prev {
    width: auto;
    left: -12px;
}

#carouselHome .carousel-control-next {
    width: auto;
    right: -12px;
}
#carouselHome .carousel-control-prev:focus-visible span,
#carouselHome .carousel-control-next:focus-visible span {
    outline-offset: 2px;
    outline: -webkit-focus-ring-color auto 1px;
}
#carouselHome p,
#carouselHome ul {
    /* font-size: 18px; */
}

#carouselHome .carousel-item > div > div > div:first-child p {
    /* font-size: 18px; */
}


/* home carousel md screen size */
@media (min-width: 768px) {
    #carouselHome .carousel-inner {
        width: 100%;
        /* min-height: 288px; */
    }

    #carouselHome .carousel-control-prev {
        left: 16px;
    }

    #carouselHome .carousel-control-next {
        right: 16px;
    }

    #carouselHome .carousel-item > div > div > div:first-child p {
        /* font-size: 20px; */
    }

    #carouselHome .carousel-item img {
        max-height: 256px;
        /* max-width: initial; */
    }

    #carouselHome .carousel-indicators {
        bottom: -28px;
    }
}

/* home carousel lg screen size */
@media (min-width: 992px) {
    #carouselHome p,
    #carouselHome ul {
        font-size: 18px;
    }

    #carouselHome .carousel-item > div > div > div:first-child p {
        /* font-size: 24px; */
    }

    #carouselHome .carousel-control-prev {
        left: 0;
    }

    #carouselHome .carousel-control-next {
        right: 0;
    }

    #carouselHome .carousel-indicators {
        bottom: -34px;
    }

    #carouselHome .carousel-inner {
        /* min-height: 234px; */
    }

    #carouselHome .carousel-control-prev-icon {
        height: 56px;
        width: 56px;
    }

    #carouselHome .carousel-control-next-icon {
        height: 56px;
        width: 56px;
    }
    #carouselHome .carousel-item .slider-img-wrapper {
        height: 226px;
    }
    #carouselHome .carousel-item img {
        max-height: 226px;
    }
}

/* home carousel xl screen size */
@media (min-width: 1200px) {
    #carouselHome .carousel-control-prev {
        /* left: -32px; */
    }

    #carouselHome .carousel-control-next {
        /* right: -32px; */
    }
}

/* home carousel xxl screen size */
@media (min-width: 1400px) {
    #carouselHome .carousel-control-prev {
        left: 24px;
    }

    #carouselHome .carousel-control-next {
        right: 24px;
    }
}




/* Home search */

.search-wrapper {
    /* background-image: url(/img/orange-bg.jpg);
    background-size: cover;
    background-position: center top; */
    background-image: radial-gradient(circle 400px at 51.8% 56.2%, #eea048 0%, #e86936 64.4%);
}

.home-search {
    /* padding: 16px 24px; */
    /* background: #fc8035; */
    /* margin-bottom: 32px; */
    /* background-image: url(/img/orange-bg.jpg); */
}

    .home-search label {
        display: none;
    }

    .home-search form {
        display: flex;
        /* flex-direction: row;
    background: #fff;
    border-radius: 100px;
    border: solid 8px #fc8035; */
    }

        .home-search form > div {
            width: 100%;
        }

        .home-search form .fa-magnifying-glass {
            min-width: 60px;
            color: #fc8035;
            display: flex;
            align-items: center;
            justify-content: center;
            z-index: 1;
            font-size: 28px;
            padding-right: 0;
            pointer-events: none;
            /* padding-left: 4px; */
        }

    .home-search input {
        border-radius: 100px;
        /* border: solid 8px #fc8035 !important; */
        /* border: none; */
        padding: 12px 32px 12px 56px;
        font-size: 1.1rem;
        width: calc(100% + 148px);
        margin: 0 0 0 -60px;
        /* transition: border .15s ease-in-out; */
        border: none;
        transition: background .15s ease-in-out;
    }

        .home-search input:focus {
            /* border: solid 8px #E56110 !important;
            transition: border .15s ease-in-out; */
        }
        .home-search input:focus-visible {
            outline: none;
            /* background: #EBF4FE; */
            /* outline: 0; */
            box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25);
            transition: background .15s ease-in-out;
        }

        .home-search input::placeholder {
            color: #555;
        }

    .home-search a.view-all {
        min-width: 88px;
        display: flex;
        align-items: center;
        /* justify-content: center; */
        text-decoration: none;
        font-weight: 600;
        /* color: rgba(0,0,0,.65); */
        color: #222;
        height: 42px;
        /* margin: 16px 0; */
        margin: 4px 0;
        /* font-size: 14px; */
        transition: color .15s ease-in-out;
    }

        .home-search a.view-all i {
            margin-left: 4px;
        }

        .home-search a.view-all:hover {
            color: #FB6F18;
            transition: color .15s ease-in-out;
        }



/* home search md screen size */
@media (min-width: 768px) {
    .search-wrapper {
        background-image: radial-gradient(circle 800px at 51.8% 56.2%, #eea048 0%, #e86936 64.4%);
    }
}

/* home search lg screen size */
@media (min-width: 992px) {
    .home-search input {
        /* padding: 16px 32px 16px 64px; */
        font-size: 1.2rem;
        width: calc(100% + 188px);
        margin: 0 0 0 -100px;
    }

    .home-search form .fa-magnifying-glass {
        min-width: 100px;
        font-size: 32px;
        padding-right: 36px;
        /* padding-left: 0; */
    }

    .home-search a.view-all {
        height: 46px;
    }
    .search-wrapper {
        background-image: radial-gradient(circle 1200px at 51.8% 56.2%, #eea048 0%, #e86936 64.4%);
    }
}


/* Review card (home and directory) */

.review-card > div > div:first-child {
    /* min-width: 56px; */
}

.review-card .review-rating {
    width: 100%;
}

.review-card .read-more {
    font-weight: 600;
    text-decoration: none;
    color: #222;
    /* color: #FB6F18; */
    font-size: 14px;
    /* transition: color .15s ease-in-out; */
    padding: 8px 0;
}

    .review-card .read-more i {
        margin-left: 4px;
    }

.review-card .review-title {
    /* transition: color .15s ease-in-out; */
    text-decoration: none;
    color: #222;
}

    .review-card .review-title h3 {
        font-size: 1rem !important;
        hyphens: auto;
    }

    .review-card .review-title:hover,
    .review-card .review-ams:hover,
    .review-card .read-more:hover {
        color: #FB6F18;
        /* transition: color .15s ease-in-out; */
        text-decoration: underline;
    }

.review-card .review-rating {
    font-size: 14px;
}

    .review-card .review-rating i {
        font-size: 16px;
        width: 14px;
        color: #FFB108 !important;
    }

    .review-card .review-rating > div {
        width: 50%;
    }

.review-card .review-recommendation {
    min-width: 32px !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .review-card .review-recommendation > div {
        /* padding: 12px !important; */
        padding: 0 !important;
        background-color: #fff !important;
    }

    .review-card .review-recommendation i {
        font-size: 32px !important;
    }

    .review-card .review-recommendation .bg-success i {
        /* color: #1EA365 !important; */
        color: #2BBA78 !important
    }

    .review-card .review-recommendation .bg-danger i {
        /* color: #EE5363!important; */
        color: #EB5665 !important;
    }

    .review-card .review-recommendation .bg-warning i {
        /* color: #FFC71E !important; */
        color: #FFB108 !important;
    }

.review-card .review-body {
    /* border-left: solid 1px #ccc;
    padding-left: 24px; */
}


.review-card .title-wrapper {
    min-height: 40px;
}

.review-card .solution > a > div {
    /* max-height: 44px; */
    max-width: 96px;
    /* aspect-ratio: 1; */
    /* border: solid 1px #ccc; */
    /* padding: 2px; */
    border-radius: 4px;
    /* transition: border .15s ease-in-out; */
    margin-right: 0 !important;
}

    .review-card .solution > a > div img {
        max-height: 36px;
        padding-right: 8px !important;
    }

.review-card .solution > a {
    color: #222;
    text-decoration: none;
    /* transition: color .15s ease-in-out; */
}

    .review-card .solution > a:hover {
        color: #FB6F18;
        /* transition: color .15s ease-in-out; */
        text-decoration: underline;
    }

        .review-card .solution > a:hover > div {
            /* border: solid 1px #FB6F18; */
            /* transition: border .15s ease-in-out; */
        }

.review-card a:focus-visible {
    color: #FB6F18;
}

.review-card .solution > a span {
    font-size: .875em;
}

.review-card-logo {
    min-width: 64px;
    max-width: 64px;
    display: flex;
    justify-content: end;
}
.review-card-logo img {
    max-height: 34px;
}

/* Review card md screen size and up */
@media (min-width: 768px) {
    .review-card-logo {
        min-width: 72px;
        max-width: 72px;
    }
    .review-card-logo img {
        max-height: 40px;
    }
}

/* Review card lg screen size and up */
@media (min-width: 992px) {
    .review-card .review-rating {
        min-width: 122px;
        max-width: 122px;
    }

    .review-card .review-rating > div {
        width: 100%;
    }

    .review-card .review-title h3 {
        font-size: 1rem !important;
    }
    .review-card-logo {
        min-width: 88px;
        max-width: 88px;
    }
}


/* Home bottom content */

.home-bottom-content {
    /* background-image: url(/img/orange-bg.jpg);
    background-size: cover; */
    margin-bottom: -16px;
    /* padding: 28px 0; */
    background-image: radial-gradient(circle 1200px at 51.8% 56.2%, #eea048 0%, #e86936 64.4%);
}

.home-bottom-content-card {
    padding: 24px;
    background: rgba(255, 255, 255, .85);
    border-radius: 16px;
    color: #0b0b45;
    height: 100%;
    text-align: center;
}

.home-bottom-content i {
    margin-bottom: 24px;
}

.home-bottom-content h2 {
    margin-bottom: 16px;
    font-size: 20px;
}

/* home botom content lg screen size */
@media (min-width: 992px) {
    .home-bottom-content {
        background-position: center;
        /* margin-bottom: -36px; */
    }
}



/* Home / Search autocomplete */

.ui-autocomplete {
    background: white;
    border: 1px solid #ddd;
    border-radius: 8px;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
    padding: 5px 0;
    max-height: 300px;
    overflow-y: auto;
    overflow-x: hidden;
    z-index: 99999 !important;
    position: fixed !important;
}

.ui-state-active,
.ui-menu-item-wrapper.ui-state-active {
    background: #f8f9fa !important;
    border: none !important;
    color: inherit !important;
}

.autocomplete-item {
    display: flex;
    align-items: center;
    padding: 10px 15px;
    cursor: pointer;
    border-bottom: 1px solid #f0f0f0;
    white-space: nowrap;
}

    .autocomplete-item:hover {
        background-color: #f8f9fa !important;
    }

.vendor-logo,
.solution-logo {
    width: 40px;
    height: 40px;
    margin-right: 12px;
    object-fit: contain;
    border-radius: 4px;
    border: 1px solid #e0e0e0;
    padding: 2px;
    background: white;
    flex-shrink: 0;
}

.vendor-name,
.solution-name {
    flex: 1;
    font-size: 15px;
    color: #333;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ui-helper-hidden-accessible {
    display: none;
}

.ui-autocomplete .ui-menu-item {
    list-style: none;
}





/* Interior pages */


.interior-page {
    background: #fff;
    border: solid 1px #ccc;
}

/* Interior search */

.home-search.interior-search input {
    padding: 8px 32px 8px 48px;
    font-size: 1rem;
    width: calc(100% + 48px);
    margin: 0 0 0 -48px;
    max-height: 36px;
}
.home-search.interior-search form .fa-magnifying-glass {
    min-width: 48px;
    font-size: 26px;
}

/* home search md screen size */
@media (min-width: 768px) {
    .home-search.interior-search input {
        width: 400px;
    }
}

/* home search lg screen size */
@media (min-width: 992px) {
    .home-search.interior-search input {
        margin: 0 0 0 -82px;
    }
    .home-search.interior-search form .fa-magnifying-glass {
        min-width: 82px;
    }
}

.interior-header {
    background: #fff;
    margin-top: -24px;
    padding: 16px 0;
    /* background-image: url(/img/abstract-blue-bg.jpg); */
    /* background-image: radial-gradient(circle 1200px at 51.8% 56.2%, rgba(38, 143, 227, 1) 0%, rgba(1, 39, 142, 1) 64.4%); */
    background-size: cover;
    background-position: center;
    color: #fff;
    background: linear-gradient(45deg, rgba(1, 39, 142, 1), rgba(38, 143, 227, 1));
}

    .interior-header h1 {
        font-size: calc(1.325rem + .9vw) !important;
    }


    .filters {
        display: flex;
        align-items: center;
        flex-direction: column;
    }
    
    .filters * {
        /* width: 100%; */
    }

    .filters select,
    .filter-results select {
        padding: 7px 32px 7px 8px;
        border-radius: 6px;
        font-size: .875rem;
        border-color: #ccc;
        max-height: 36px;
        cursor: pointer;
    }
    .filters select:focus-visible {
        /* outline: -webkit-focus-ring-color auto 1px; */
        /* outline-offset: 2px; */
    }
    .filter-results label {
        white-space: nowrap;
    }
    .focus-light select:focus,
    .focus-light input:focus {
        box-shadow: 0 0 0 .3rem rgba(255, 255, 255, .5);
    }
    .interior-header .offcanvas-body {
        overflow: visible;
    }


/* interior header up to sm screen size and up */
@media (max-width: 767px) {
    .interior-header .offcanvas {
        height: auto;
        border-radius: 16px 16px 0 0;
    }
    .interior-header h2 {
        font-size: 1.05rem !important;
    }
    .offcanvas-header h2 {
        margin: 0 auto;
        position: relative;
        left: 16px;
    }
    .interior-header .filter-buttons {
        width: 100%;
    }
    .offcanvas-header {
        border-bottom: solid 1px #ccc;
    }
}

/* interior header md screen size and up */
@media (min-width: 768px) {
    .interior-header {
        padding: 16px 0;
    }
    .interior-header .offcanvas {
        visibility: visible;
        position: relative;
        transform: translate(0);
        height: initial;
        background: transparent;
        transition: none;
        z-index: unset;
        border-top: none;
    }
    .interior-header .offcanvas-header {
        display: none;
    }
    .interior-header .offcanvas-btn {
        display: none;
    }
    .interior-header .offcanvas-body {
        padding: 0;
    }
    .filters {
        flex-direction: row;
    }
    .filters * {
        width: initial;
    }

    .filters select {
        margin-right: 16px;
    }
    .filters select[name="ImplementationSpend"] {
        width: 190px;
    }

    .filters select[name="AnnualSpend"] {
        width: 134px;
    }

    .filters select[name="Platform"] {
        width: 154px;
    }
    .filter-results select {
        width: initial;
    }
}



.info-tooltip {
    border: none;
    background: none;
    padding: 0;
}

    .info-tooltip i {
        color: #FB6F18;
        /* position: relative;
		bottom: 2px; */
        font-size: 18px;
    }

.sales-contact i {
    font-size: 14px;
    margin-right: 8px;
}

.contact-info {
    border-top: solid 1px #ccc;
}
.contact-info i {
    min-width: 14px;
}
.contact-info span {
    word-wrap: anywhere;
}

.contact-form .accordion-button:not(.collapsed) {
    background: transparent;
    border: none;
    box-shadow: none;
}

.contact-form .accordion-button:focus {
    box-shadow: none;
}

.contact-form .accordion-collapse.collapsing {
    /* transition: none !important; */
}

.contact-form .accordion-button::after {
    background-image: url(/img/angle-down-solid-full.svg);
    height: 30px;
    width: 30px;
    background-size: 30px;
}

.contact-form .accordion-button:hover {
    color: #FB6F18;
}

.contact-form label {
    display: none;
}

.contact-form input:focus,
.contact-form textarea:focus {
    box-shadow: none;
}



/*Multi select single selection css update*/
.select2-container .select2-selection--single {
    height: 38px !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 35px !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 5px !important;
}

.select2-container--default .select2-selection--single .select2-selection__clear {
    height: 30px !important;
}

.select2-container--default .select2-selection--single {
    border: var(--bs-border-width) solid var(--bs-border-color) !important;
}

    .select2-container--default .select2-selection--single .select2-selection__placeholder {
        color: #6e6a6a;
    }
/*END Multi select single selection css update*/





/* Forms */
.alert {
    padding: 12px;
    color: #222;
    border: none;
}
.alert-info {
    background: #C4DDFD;
    /* border-color: #C4DDFD; */
    /* color: #222; */
    /* padding: 12px; */
    /* background: #D8E8FD; */
}
.alert-success {
    /* background: #D2F4E4; */
    background: #BBEFD7;
}
.field-validation-error {
    font-weight: 600;
}
.trumbowyg-box {
    border-color: #666 !important;
}
.trumbowyg-box:focus-within {
    box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25);
}
select, input {
    border-color: #666 !important;
}
fieldset.border {
    border-color: #666 !important;
    background: #EBF4FE;
}