@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');

/* CSS Document */
:root {
	--main-org: #ec6428;
	--main-teal: #1aa495;
	--alt-teal: #A1DAD3;
	--dark-teal: #0A6359;
	--main-blue: #084577;
	--alt-blue: #97b9cb;
	--main-gray: #dddddd;
}

body {
	font-family: 'Lato', sans-serif;
	font-size: 1.125rem;
}

.blue {
	color: #FFF;
	background: var(--main-blue);
}

.teal {
	color: #FFF;
	background: var(--main-teal);
}

.blue a,
.teal a, .rowstyle-t a {
	color: #FFF;
}

img {
	max-width: 100%;
	height: auto;
}

li::marker {
    color: var(--main-org);
}

.rowstyle-b li::marker, .rowstyle-t li::marker {
    color: #FFF;
}

.rowstyle-g li::marker,
.rowstyle-t2 li::marker {
	color: initial;
}

nav[aria-label="Pagination"] {
    overflow-y: auto;
}
/******************/
a {
	color: var(--main-blue);
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

.active>.page-link, .page-link.active {
    background: var(--alt-teal);
    border-color: var(--alt-teal);
}

a.page-link {
    color: var(--main-org);
}

h1, h2, h3, h4, h5 {
	margin-bottom: 1.25rem;
}

h1 {
	color: var(--main-blue);
	font-weight: 600;
	font-size: 36px !important;
	line-height: normal;

}

h2 {
	font-size: 32px;
	line-height: normal;
	font-weight: 600;
	color: var(--main-blue);
}

h3 {
	font-weight: 600;
	font-size: 28px;
	line-height: normal;
}

h3.bottomScore,
.bottomScore h3 {
	font-size: 30px;
	color: var(--main-blue);
	line-height: 1.2;
	margin: 0;
	padding: 30px 0;
	text-align: center;
	background-image: linear-gradient(to left, #ec6428 100%, #ec6428 100%);
	background-repeat: no-repeat;
	background-size: 75px 5px;
	background-position: bottom center;
}

h4 {
	font-weight: 500;
	font-size: 21px;
	line-height: normal;
}

.blue h1,
.teal h1,
.blue h2,
.teal h2,
.blue h3,
.teal h3,
.blue h4,
.teal h4 {
	color: #FFF !important;
}

h1 ~ br,
h2 ~ br,
h3 ~ br,
h4 ~ br,
h5 ~ br,
h6 ~ br {
    display: none;
}

hr {
	color: initial;
}

blockquote {
	color: #000;
	position: relative;
	font-size: 18px;
	background: #f9f9f9;
	margin: 1.5em 10px;
	padding: 2rem;
	border-radius: 12px;
	box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.2);
}

blockquote:before {
	display: block;
	color: #1AA495;
	content: open-quote;
	font-size: 8rem;
	position: absolute;
	top: -3.75rem;
	left: -1rem;
}

blockquote:after {
	display: block;
	color: var(--main-org);
	content: close-quote;
	font-size: 8rem;
	position: absolute;
	right: -1rem;
	bottom: -7.75rem;
}

blockquote p {
	display: inline;
}

/******************/
.rowteal {
	color: #FFF;
	background: var(--main-teal);
}

.sectionhead h2,
.sectionhead h3 {
	font-size: 35px !important;
	padding-bottom: 50px !important;
	text-transform: uppercase;
	font-weight: 600;
	margin: 0 !important;
}

.head-w {
	color: #FFF;
}

.head-o {
	color: var(--main-org)
}

.head-b {
	color: var(--main-blue)
}

.head-t {
	color: var(--main-teal)
}

header {
	background: #fff;
}

.btn-main a,
.btn.btn-main {
	display: inline-block;
	line-height: 40px;
	border-radius: 12px;
	background-color: var(--main-blue);
	color: #fff;
	text-transform: uppercase;
	font-weight: 600;
	padding: 8px 24px;
	transition: background-color .5s;
	text-decoration: none;
}

a.btn-main:hover,
.btn-main a:hover,
.btn.btn-main:hover {
	background-color: var(--main-teal);
}

.btn-sub a,
.btn.btn-sub {
	display: inline-block;
	border-radius: 12px;
	background-color: var(--main-teal);
	color: #fff;
	line-height: 40px;
	text-transform: uppercase;
	font-weight: 600;
	padding: 8px 24px;
	text-decoration: none;
	transition: background-color .5s;
}

a.btn-sub:hover,
.btn-sub a:hover,
.btn.btn-sub:hover {
	background-color: var(--dark-teal);
}

.btn-sub a,
.btn.btn-sub {
	display: inline-block;
	border-radius: 12px;
	background-color: var(--main-teal);
	color: #fff;
	line-height: 40px;
	text-transform: uppercase;
	font-weight: 600;
	padding: 8px 24px;
	text-decoration: none;
	transition: background-color .5s;
}

a.btn-sub:hover,
.btn-sub a:hover,
.btn.btn-sub:hover {
	background-color: var(--dark-teal);
}

.btn-gray a,
a.btn.btn-gray {
	display: inline-block;
	line-height: 40px;
	padding: 8px 24px;
	border-radius: 12px;
	background-color: #e4e4e4;
	text-transform: uppercase;
	font-weight: 600;
	text-decoration: none;
	transition: background-color .5s, color .5s;
}

a.btn-gray:hover,
.btn-gray a:hover,
.btn.btn-gray a:hover {
	color: #fff;
	background-color: var(--main-blue);
}

.btn-orange a,
a.btn.btn-orange {
	display: inline-block;
	line-height: 40px;
	padding: 8px 24px;
	border-radius: 12px;
	color: #fff;
	background-color: var(--main-org);
	text-transform: uppercase;
	font-weight: 600;
	text-decoration: none;
	transition: background-color .5s;
}

a.btn-orange:hover,
.btn-orange a:hover,
.btn.btn-orange a:hover {
	color: #fff;
	background-color: var(--main-teal);
}

.rowstyle-b .btn-main a,
.rowstyle-b .btn.btn-main,
.rowstyle-t .btn-sub a,
.rowstyle-t .btn.btn-sub  {
	border-radius: 12px;
	background-color: #fff;
	color: var(--main-blue);
	line-height: 40px;
	text-transform: uppercase;
	font-weight: 600;
	transition: all .5s;
}

.rowstyle-b .btn-main a:hover,
.rowstyle-b .btn.btn-main:hover,
.rowstyle-t .btn-sub a:hover,
.rowstyle-t .btn.btn-sub:hover {
	transform: scale(1.1);
	text-decoration: none;
}

.btn-main a:after,
a.btn-main:after,
.btn-sub a:after,
.btn.btn-sub:after,
.btn-gray a:after,
a.btn.btn-gray:after,
.btn-orange a:after,
a.btn.btn-orange:after {
	font-size: 1rem !important;
	content: '\f054';
	color: var(--main-org);
	font: normal normal normal 30px/1 FontAwesome;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	transform: translate(0, 0);
	padding-left: 8px;
	display: inline-block;
}

.btn-orange a:after,
a.btn.btn-orange:after {
	color: #FFF;
}

.utility {
	padding: 20px 0;
}

.utility a {
	color: #fff;
	text-decoration: none;
	font-weight: 600;
	padding: 5px 15px;
	border-right: 1px solid;
	transition: color 1s;
}

.utility a:hover {
	text-decoration: underline;
}

.navbuttons {
	position: relative;
	width: 100px;
	padding: 20px 0;
}

.navbuttons #schlink {
	display: inline-block;
	width: 40px;
	margin-top: -12px;
	transition: all .5s;
}

.navbuttons #loglink {
	display: inline-block;
	width: 40px;
	margin-top: -12px;
	transition: all .5s;
}

.navbuttons i {
	color: #fff !important;
	font-size: 24px;
}

#schlink:hover,
.navbuttons #loglink:hover {
	transform: scale(.9);
}

.header2 {
	position: relative;
	padding: 12px 0;
	box-shadow: 0 5px 5px rgba(0,0,0,.15);
	z-index: 1;
}

.header2 #headlink {
	display: block;
	background: url("images/awsp-logo.svg") center center no-repeat;
	width: 200px;
	height: 80px;
	text-align: left;
	text-indent: -2000px;
}

a.btn-search {
	display: flex;
	align-items: center;
	font-size: 0;
	margin-left: 1.5rem;
	text-decoration: none;
	color: #000
}

a.btn-search:before {
	content: '\f002';
	font-family: "Font Awesome 5 Free";
	font-size: 1.5rem;
	font-weight: 900;
	display: inline-block;
	min-width: 1.5rem;
}

a.btn-search.active:before {
	content: '\f00d';
}

a.btn-search:hover {
	color: #000;
}

.searchwrap {
	visibility: hidden;
	position: absolute;
	top: 168px;
	left: 0;
	right: 0;
	z-index: 10;
	height: 130px;
	overflow: hidden;
}

.searchactive .searchwrap {
	visibility: visible;
}

.searchwrap-inner {
	background: var(--main-blue);
	top: -130px;
	transform: translatey(-130px);
	transition: transform 1s;
	padding: 0 2rem;
}

.searchactive .searchwrap-inner {
	transform: translatey(0px);
}

.sf-search-input-wrapper {
	position: relative;
	width: 100%;
	margin: 0 auto;
	background: #FFF;
}

.search .form-inline {
	width: 100%;
	max-width: 50rem;
}

main .form-group.sf-search-input-wrapper {
	width: 100%;
	border: 1px solid var(--main-gray);
	margin-bottom: 1.5rem;
}

.sf-search-input-wrapper .form-control {
	width: 100%;
	padding: 1rem;
	border: none;
}

.sf-search-input-wrapper .form-control:focus {
	box-shadow: none;
}

.sf-search-input-wrapper .btn.btn-primary {
	font-size: 0;
	background: none !important;
	border: none;
	padding: 0;
	position: absolute;
	right: .5rem;
	top: 50%;
	transform: translateY(-50%);
	width: 45px;
	height: 45px;
}

.sf-search-input-wrapper .btn.btn-primary:before {
	content: "\f002";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	font-size: 1.5rem;
	color: var(--main-blue);
}

.filter {
    padding: 1em;
    background: #f6f6f6;
    border: 1px solid #ebe8e8;
}

.filter h3 {
	color: var(--main-org);
    font-weight: bold;
}

.filter label {
	color: var(--main-blue);
    font-weight: bold;
}

.fs-result {
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px dashed #CCC;
}

.searchresults {
    margin-top: 15px;
}

.fsr-link {
    color: #999;
    margin-bottom: 15px;
}

.facetWrap span, .facetWrap a {
    display: inline-block;
    margin-right: 10px;
}

.facetWrap span {
    color: #FFF;
    background: var(--main-org);
    text-align: center;
    padding: 5px;
}

.fs-result .fa {
    margin-left: 5px;
}

.tributtons a {
	text-decoration: none;
	font-weight: 600;
	position: relative;
}

.tributtons a:after {
	content: " ";
	background-image: url("images/chevron-right.svg");
	background-repeat: no-repeat;
	background-position: center center;
	opacity: .5;
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -20px;
	width: 40px;
	height: 40px;
	transition: all .3s;
}

.tributtons a:hover:after {
	opacity: 1;
}

.tributtons .tri-1 {
	position: relative;
	width: 33.3%;
	background-color: var(--main-org);
	background-image: linear-gradient(to left, #C84E19 100%, #C84E19 100%);
	background-repeat: no-repeat;
	background-size: 0% 100%;
	background-position: left;
	transition: background-size .5s;
}

.tributtons .tri-2 {
	position: relative;
	background: var(--main-blue);
	width: 33.3%;
	background-image: linear-gradient(to left, #001323 100%, #001323 100%);
	background-repeat: no-repeat;
	background-size: 0% 100%;
	background-position: left;
	transition: background-size .5s;
}

.tributtons .tri-3 {
	position: relative;
	background: var(--main-teal);
	width: 33.3%;
	background-image: linear-gradient(to left, #0E8B7D 100%, #0E8B7D 100%);
	background-repeat: no-repeat;
	background-size: 0% 100%;
	background-position: left;
	transition: background-size .5s;
}

.tributtons .tri-1:hover,
.tributtons .tri-2:hover,
.tributtons .tri-3:hover {
	background-size: 100% 100%;
}

.tributtons a {
	display: block;
	padding: 24px;
}

.tributtons .tri-1 a,
.tributtons .tri-3 a {
	color: var(--main-blue);
}

.tributtons .tri-2 a {
	color: #87ddd3;
}

.tributtons a h4 {
	font-size: 24px;
	color: #fff;
}

.tributtons a:hover {
	color: #fff;
}

.rowstyle-w {
	background: #FFF;
}

.rowstyle-b {
	background: var(--main-blue)
}

.rowstyle-b h2, .rowstyle-b a {
	color: #FFF;
}

.rowstyle-t {
	color: #FFF;
	background: var(--main-teal)
}

.rowstyle-t h2, .rowstyle-t a {
	color: #FFF;
}

.rowstyle-t-btm-row {
	background-color: var(--main-teal);
	background-image: linear-gradient(to left, #fff 100%, #fff 100%);
	background-repeat: no-repeat;
	background-size: 100% 150px;
	background-position: left bottom;
}

.rowstyle-t2 {
	background-color: var(--alt-teal);
}

.rowstyle-g {
	background: var(--main-gray)
}

.rowplg {
	padding: 60px 0;
}

.rowpmd {
	padding: 28px 0;
}

.rowpmdborder {
	padding: 36px 0;
	margin-bottom: 36px;
	border-bottom: 1px solid #ccc;
}

.rowstyle-b {
	color: #fff
}

.highlight {
	border-radius: 24px;
	box-shadow: 6.384px 4.239px 16px 0px rgba(0, 0, 0, 0.2);
	margin-bottom: 1.5rem;
}

.highlight.main-teal {
	background-color: var(--main-teal);
	color: #fff;
}

.highlight.light-teal {
	background-color: var(--alt-teal);
}

.highlight.orange {
	background-color: var(--main-org);
	color: #fff;
}

.highlight.orange a, .highlight.main-teal a {
	color: #fff;
}

.highlight.blue {
	background-color: var(--main-blue);
	color: #fff;
}

.highlight.gray {
	background-color: var(--main-gray);
}

footer {
	background: var(--main-blue);
	color: #fff;
}

footer a {
	color: #fff;
	text-decoration: none;
	transition: all 1s;
}

footer a:hover {
	transform: scale(1.1);
}

footer a em {
	color: #fff;
	transition: all 1s;
}

footer a em:hover {
	transform: scale(1.4);
}

.footer-t,
.footer-b {
	padding: 50px 0;
}

.footer-b {
	background: var(--main-teal)
}

.l2hero img {
	width: 100%;
}

.cardL2Hero {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: right;
	height: 100%;
	min-height: 440px;
}

.cardL2Hero .chRight {
	background: rgba(255, 255, 255, .85);
	border-radius: 28px;
	text-align: center;
	max-width: 600px;
	margin: 45px;
}

.cardL2Hero .chRight h1 {
	font-size: 38px !important;
	font-weight: 600 !important;
	color: var(--main-org);
	line-height: 42px !important;
}

.cardcolortop,
.cardimagetop,
.cardCTA,
.cardSimple {
	border-radius: 24px;
	background-color: #fff;
	box-shadow: 6.384px 4.239px 16px 0px rgba(0, 0, 0, 0.2);
	border: none;
}

.cardcolortop {
	transition: all .3s ease-in-out;
}

.cardcolortop:hover {
	transform: scale(1.07);
	box-shadow: 6.384px 4.239px 16px 0px rgba(0, 0, 0, 0.4);
}

.cardcolortop .card-title {
	font-size: 21px;
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 1.314;
	margin: 0;
	padding: 30px;
}

.cardcolortop .title-colorwrap {
	border-radius: 24px 24px 0 0;
}

.cardcolortop.cct-o .title-colorwrap {
	background: var(--main-org)
}

.cardcolortop.cct-b .title-colorwrap {
	background: var(--main-blue)
}

.cardcolortop.cct-t .title-colorwrap {
	background: var(--main-teal)
}

.cardimagetop .card-img-top {
	border-radius: 24px 24px 0 0;
}

.cardimagetop .card-title {
	font-size: 21px;
	color: var(--main-blue);
}

.cardCTA {
	background: var(--main-teal)
}

.cardCTA .cta-img,
.cardCTA .jumbotron {
	border-radius: 24px 0 0 24px;
}

.cardCTA .cta-txt {
	text-align: center;
	color: #fff;
}

.cardCTA .cta-txt h3 {
	font-size: 32px;
	font-weight: 600;
}

.quotecard {
	background-color: var(--alt-teal);
	border-radius: 24px;
	position: relative;
	margin: 24px 0 0 36px;
	box-shadow: 6.384px 4.239px 16px 0px rgba(0, 0, 0, 0.2);
}

.quotecard .quotethumb {
	width: 200px;
	height: 200px;
	background: #ccc;
	border-radius: 100px;
	position: absolute;
	top: -24px;
	left: -24px;
	overflow: hidden;
}

.quotetext {
	position: relative;
	margin-left: 125px;
	padding: 30px 36px 30px 120px;
	background: url("images/orgquote.png") left top 36px no-repeat;
	z-index: +1;
}

.quotetexttop {
	font-size: 21px;
	font-weight: 500;
	color: var(--main-blue);
}

.quotetextbtm {
	padding-top: 18px;
	text-align: right;
}

.cardrow {
	color: #fff;
	background: #000;
	position: relative;
	min-height: 375px;
}

.cardrow-back {
	position: absolute;
	top: 0px;
	bottom: 0px;
	width: 100%;
	opacity: .3;
}

.cardrow-txt {
	width: 100%;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 100;
}

.btn.btn-cardcolortop,
.btn.btn-cardimgtop {
	margin-top: auto;
	border-radius: 12px;
	color: #000;
	background-color: #e4e4e4;
	line-height: 40px;
	text-transform: uppercase;
	font-weight: 600;
	transition: background-color .5s;
}

.btn.btn-cardcolortop:hover,
.btn.btn-cardimgtop:hover {
	color: #fff;
	background-color: var(--main-blue);
}

.btn.btn-calltoaction {
	color: #fff;
	border-radius: 12px;
	background-color: var(--main-teal);
	min-width: 175px;
	line-height: 40px;
	text-transform: uppercase;
	font-weight: 600;
	transition: background-color .5s;
}

.btn.btn-herocall {
	color: #fff;
	border-radius: 12px;
	background-color: var(--main-blue);
	min-width: 175px;
	line-height: 40px;
	text-transform: uppercase;
	font-weight: 600;
	transition: background-color .5s;
}

.btn.btn-calltoaction:hover,
.btn.btn-herocall:hover {
	background-color: #000;
}

.btn.btn-cardcolortop:after,
.btn.btn-cardimgtop:after,
.btn.btn-calltoaction:after,
.btn.btn-herocall:after {
	content: '\f054';
	color: #f07a3e;
	font: normal normal normal 30px/1 FontAwesome;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	transform: translate(0, 0);
	padding-left: 8px;
	display: inline-block;
}

.ar-carousel-wrap,
.ev-carousel-wrap,
.pt-carousel-wrap,
.tns-outer {
	position: relative;
	height: 100%;
}

.ar-carousel-wrap #arcontrols,
.ev-carousel-wrap #ev-controls,
.pt-carousel-wrap #pt-controls {
	display: none;
}

.tns-controls {
	position: absolute;
	top: 50%;
	left: 0px;
	right: 0px;
	transform: translateY(-20px);
	z-index: 10;
}

.ar-carousel-wrap #arcontrols button,
.ev-carousel-wrap #ev-controls button,
.pt-carousel-wrap #pt-controls button,
.tns-controls button {
	background-color: transparent;
	border: none;
}

.ar-carousel-wrap #arcontrols i,
.ev-carousel-wrap #ev-controls i,
.pt-carousel-wrap #pt-controls i {
	font-size: 40px;
	color: var(--main-org);
}

.ar-carousel-wrap #arcontrols .previous {
	position: absolute;
	left: 20px;
}

.ar-carousel-wrap #arcontrols .next {
	position: absolute;
	right: 20px;
}

.ar-carousel-wrap #arcontrols .next {
	position: absolute;
	right: 20px;
}

.ar-carousel-wrap .img-bg {
	display: flex;
	width: 100%;
	background-size: cover;
	aspect-ratio: 3/1;
}

.ar-carousel-wrap .tns-item .herotxtwrp {
	max-width: 600px;
}

.ar-carousel-wrap .tns-item .herotxt {
	background: rgba(255, 255, 255, .85);
	border-radius: 28px;
	text-align: center;
}

.ar-carousel-wrap .tns-item .herotxt h1 {
	font-size: 38px !important;
	font-weight: 600 !important;
	color: var(--main-org);
	line-height: 42px !important;
}

.ev-carousel-wrap #ev-controls .previous-e {
	position: absolute;
	left: -30px;
}

.ev-carousel-wrap #ev-controls .next-e {
	position: absolute;
	right: -30px;
}

.ev-carousel-wrap a {
	text-decoration: none !important;
	color: var(--main-blue) !important;
	margin: 18px 0;
}

.ev-carousel-wrap .tns-ovh {
	padding: 1.5rem 0
}

.ev-carousel-wrap .tns-item .ev-wrp {
	border-radius: 24px;
	background-color: #fff;
	box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.2);
	border: none;
	margin: 0 18px;
	transition: all .3s ease-in-out;
	top: 18px;
	bottom: 18px;
	left: 18px;
	right: 18px;
}

.ev-carousel-wrap .tns-item .ev-wrp:hover {
	transform: scale(1.06);
	box-shadow: 2px 2px 6px 2px rgba(0, 0, 0, 0.3);
}

.ev-carousel-wrap .ev-thumb-wrap {
	background: #E9E9E9;
	aspect-ratio: 66/35;
	border-radius: 24px 24px 0 0;
	background-image: url("images/awsp-logo.svg");
	background-size: calc(100% - 40px) auto;
	background-position: center center;
	background-repeat: no-repeat;
	overflow: hidden;
}

.ev-carousel-wrap .ev-thumb {
	width: 100%;
	aspect-ratio: 66/35;
	background-size: cover;
}

.ev-carousel-wrap .evsummary {
	color: #929292
}

/*partners*/
.pt-carousel-wrap #pt-controls .previous-pt {
	position: absolute;
	left: -30px;
}

.pt-carousel-wrap #pt-controls .next-pt {
	position: absolute;
	right: -30px;
}

.pt-carousel-wrap .tns-item .pt-wrp {
	border-radius: 24px;
	background-color: #fff;
	box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.2);
	border: none;
	margin: 18px;
	transition: all .3s ease-in-out;
}

.pt-carousel-wrap .tns-item .pt-wrp:hover {
	transform: scale(1.06);
	box-shadow: 2px 2px 6px 2px rgba(0, 0, 0, 0.3);
}

.pt-carousel-wrap .pt-thumb-wrap {
	background: #E9E9E9;
	border-radius: 24px 24px 0 0;
	background-image: url("images/awsp-logo.svg");
	background-size: contain;
	overflow: hidden;
}

.pt-carousel-wrap .pt-img {
	text-align: center;
	min-height: 50px;
}

.pt-carousel-wrap .pt-img img {
	max-height: 50px;
}

/* docs list, links*/
.sf-icon-txt {
	display: inline-block;
	position: relative;
	line-height: normal;
}

.sf-icon-txt [class^="sf-icon-txt-"] {
	position: absolute;
	height: auto;
	font-size: 0.5em;
	font-style: normal;
	font-weight: bold;
	text-transform: uppercase;
	color: #fff;
	background-color: #333;
	line-height: normal;
}

.sf-icon-txt .sf-icon-txt-xlsx {
	background-color: #38ab63;
}

.sf-icon-txt .sf-icon-txt-doc,
.sf-icon-txt .sf-icon-txt-docx {
	background-color: #1a8cff;
}

.sf-icon-txt .sf-icon-txt-ppt,
.sf-icon-txt .sf-icon-txt-pptx {
	background-color: #ed8527;
}

.sf-icon-txt .sf-icon-txt-pdf {
	background-color: #ff4848;
}

.sf-icon-txt .sf-icon-txt-zip {
	background-color: #596c9b;
}

.sf-icon-xxs {
	height: 14px;
	width: 14px;
}

.sf-icon-xs {
	height: 16px;
	width: 16px;
}

.sf-icon-txt-sm {
	padding: 0.1em 0.2em;
	top: 31%;
	right: -10%;
}

.sf-icon-sm {
	height: 24px;
	width: 24px;
}

.sf-icon-txt-md {
	padding: 0.2em 0.4em;
	top: 31%;
	right: -10%;
	left: -10%;
}

.sf-icon-lg {
	height: 40px;
	width: 40px;
}

.sf-icon-file {
	fill: #ccc;
}

.sf-icon-feed {
	fill: #eb742f;
}

.sf-icon-comment {
	fill: #63b5f0;
}

.sf-icon-linkedin {
	fill: #238cc8;
}

.sf-icon-tumblr {
	fill: #426d9b;
}

.sf-icon-myspace {
	fill: #008dde;
}

.sf-icon-facebook {
	fill: #5d82d1;
}

.sf-icon-twitter {
	fill: #38bcf5;
}

.sf-icon-blogger {
	fill: #ff9233;
}

.sf-icon-delicious {
	fill: #377bda;
}

.sf-icon-stumble-upon {
	fill: #ff5c30;
}

.sf-icon-reddit {
	fill: #9bbad9;
}

.sf-icon-mailto {
	fill: #596c9b;
}

.sf-icon-digg {
	fill: #596c9b;
}

.sf-icon-google {
	fill: #347df4;
}

/*main nav*/
.mainnavwrap {
	padding-top: 20px;
}

.mainnavwrap ul.nav,
ul.nav-menu {
	padding: 0;
	margin: 0;
}

.mainnavwrap li.nav-item {
	display: block;
	float: right;
	list-style-type: none;
	padding: 0;
	line-height: normal;
	box-sizing: border-box;
}

.blog-thumb-wrap,
.news-thumb-wrap {
	width: 100px;
	height: 100px;
	background: url("images/torchthumb.png") center center no-repeat;
}

.blog-thumb,
.news-thumb {
	width: 100px;
	height: 100px;
	background-size: cover;
	background-position: center center;
}

.blog-thumb,
.news-thumb {
	width: 100px;
	height: 100px;
	background-size: cover;
	background-position: center center;
}

.blog-info {
    display: flex;
    align-items: center;
    gap: .5rem;
    margin-bottom: 1rem;
    line-height: 1;
}

.blog-date {
    border-left: 1px solid var(--bs-secondary-color);
    padding-left: .5rem;
    flex: 0 0 auto;
    width: auto;
}

.detail-info {
    display: flex;
    align-items: center;
    gap: .5rem;
}

.detail-date {
    flex: 1 0 auto;
    border-left: 1px solid;
    line-height: 1;
    padding-left: .5rem;
}

ul.sfTagsList, ul.sfCategoriesList {
    padding: 0;
    list-style: none;
}

ul.sfTagsList:before {
    content: 'Tags:';
    display: block;
    font-weight: bold;
    margin-bottom: 10px;
}

ul.sfCategoriesList:before {
    content: 'Categories:';
    display: block;
    font-weight: bold;
    margin-bottom: 10px;
}

ul.sfTagsList li, ul.sfCategoriesList li {
    display: inline-block;
    padding: 0;
    margin: 0 0 3px;
}

ul.sfTagsList li a, ul.sfCategoriesList li a {
    color: #FFF;
    display: block;
    text-decoration: none;
    padding: 5px 10px;
    background: #004086;
    transition: all ease-in-out .2s;
}

ul.sfTagsList  li a:hover {
    background: #1aa495;
}

ul.sfCategoriesList li a {
     background: #1aa495;
}

ul.sfCategoriesList li a:hover {
    background: #004086;
}

.news-title h3, .blog-title h3, h3.sf-event-title {
	font-size: 21px;
}

.mainnavwrap li.nav-item>a {
	text-align: center;
	display: block;
	color: #000;
	text-decoration: none;
	padding: 0 12px;
	line-height: 44px;
	height: 44px;
	font-weight: 600;
	box-sizing: border-box;
	background-color: #fff;
	background-image: linear-gradient(to left, var(--main-org) 100%, var(--main-org) 100%);
	background-repeat: no-repeat;
	background-size: 0 5px;
	background-position: bottom center;
	transition: all .35s ease-in-out;
}

.mainnavwrap li.nav-item>a:hover,
.mainnavwrap li.nav-item>a:focus,
.mainnavwrap li.nav-item>a.open {
	text-decoration: none;
	color: var(--main-blue);
	background-size: 60% 5px;
}

.mainnavwrap li.nav-item>.sub-nav {
	z-index: 200;
	padding: 0 20px;
	position: absolute;
	left: 0;
	right: 0;
	display: none;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+40,f0f0f0+100 */
	background: #ffffff;
	border-top: 2px solid var(--main-gray);
	opacity: 0;
	transform: translateY(22px);
	transition: opacity 1.5s ease-in-out;
	box-shadow: 0 5px 5px rgba(0,0,0,.15);
}

.mainnavwrap li.nav-item>.sub-nav.open {
	display: block;
	opacity: 1;
}

.mainnavwrap .sub-nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.mainnavwrap .sub-nav li {
	padding-bottom: 1em;
}

.mainnavwrap .sub-nav a {
	font-weight: 400;
}

.mainnavwrap .sub-nav .btn {
	font-weight: 600;
}

.mainnavwrap .sub-nav a.navpanellink {
	display: inline-block;
	font-weight: 700;
	line-height: normal;
	padding-left: 14px;
	margin-bottom: 15px;
	background: url("images/calloutlinkarrow.png") left top 3px no-repeat;
}

.megacontent1,
.megacontent2 {
	text-align: left;
}

.mainnavwrap .sub-nav h3 {
	font-size: 24px;
	font-weight: 600;
	color: var(--main-blue);
}

.mainnavwrap .sub-nav .megacontent2 h3 {
	color: var(--main-teal) !important;
}

/* L3 Nav */
.leftNav>div {
	margin: 5px;
	background: #f6f6f6;
	padding: 16px;
}

.leftNav .collapsibleNav {
	padding: 0;
}

.leftNav .collapsibleNav,
.leftNav .collapsibleNav li {
	display: block;
}

.leftNav .collapsibleNav li {
	padding: .5em 0;
	position: relative;
}

.leftNav .collapsibleNav a {
	font-size: 18px;
	color: #002d72;
	text-decoration: none;
	display: inline-block;
	line-height: 24px;
	margin-left: 24px;
	font-weight: 600;
	text-transform: capitalize;
}

.leftNav .collapsibleNav .nested a {
	color: #686868;
	font-weight: 400;
}

.leftNav .collapsibleNav .nested .nested a {
	color: #002d72;
	font-weight: 400;
}

.leftNav .collapsibleNav a:hover {
	color: #343434;
	text-decoration: underline;
}

/* Remove default bullets */
.leftNav .collapsibleNav ul {
	list-style-type: none;
}

.leftNav .collapsibleNav ul {
	padding-left: 1em;
}

/* Style the caret/arrow */
.leftNav .collapsibleNav .nested {
	display: none;
}

/* Show the nested list when the user clicks on the caret/arrow (with JavaScript) */
.leftNav .collapsibleNav .active {
	display: block;
}

.leftNav .collapsibleNav .active>.nested {
	display: block;
}

.leftNav .collapsibleNav .toggleTree.tt-down {
	background-position: 0px -23px !important;
}

.leftNav .collapsibleNav .toggleTree {
	display: inline-block;
	width: 24px;
	height: 24px;
	background: url(images/orgchev.png) 0px 0px no-repeat;
	position: absolute;
	top: 10px;
	left: -3px;
}

.leftNav .collapsibleNav .nested .toggleTree {
	background: url(images/orgchev.png) 0px 0px no-repeat;
}

.leftNav .l3v2nav {
	background: #f6f6f6;
	padding: 18px 12px;
}

.leftNav li.active>a {
	font-weight: 600 !important;
	color: #1a91d0 !important;
	padding-bottom: 5px;
	border-bottom: 4px solid #3692D2;
}

/*Fun stuff*/
.twopxbluelft {
	border-left: 2px solid #78b8ff;
}

.whoweare svg {
	opacity: .5;
	max-width: 250px;
	margin: 0 auto;
	transform: scale(1.4);
	transition: all .8s ease-in-out;
}

.whoweare.showit svg {
	opacity: 1;
	transform: scale(1);
}

.whoweare .cls-2 {
	fill: #fff;
	transition: all 1.5s ease-in-out;
}

.whoweare.showit .cls-2 {
	fill: #78b8ff;
}

/*L3*/
.l3Columns {
	display: flex;
	flex: 1;
	margin-bottom: 50px;
}

.l3Columns .l3Left {
	flex: 0 0 275px;
	order: -1;
	padding-right: 20px;
	border-right: 1px solid #ccc;
}

.l3Columns .l3Right {
	flex: 1;
	padding: 0 20px 0 35px;
}

/* Card Carousel */
.card-carousel {
	display: flex;
	gap: 1.5rem;
	flex: 1;
	align-items: stretch;
}

.card-carousel>div {
	flex: 1;
	flex-direction: column;
	flex-grow: 1;
	height: auto !important;
}

.card-carousel.tns-slider {
	gap: 0;
}

.carousel-wrap {
	padding: 0 1rem;
}

.tns-item {
	visibility: hidden;
}

.ar-carousel .tns-item {
	visibility: visible;
}

.card-carousel .tns-item {
	visibility: hidden;
	margin: 1.75rem 1rem;
}

.card-carousel .tns-item.tns-slide-active, .tns-item.tns-slide-active {
	visibility: visible;
}

.tns-controls button[data-controls="prev"]:before,
.tns-controls button[data-controls="next"]:before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	font-size: 2.5rem;
	color: var(--main-org);
}

.tns-controls button[data-controls="prev"]:before {
	content: '\f053';
}

.tns-controls button[data-controls="next"]:before {
	content: '\f054';
}

.tns-controls button[data-controls="prev"] {
	position: absolute;
	left: -.75rem;
}

.ar-carousel-wrap .tns-controls button[data-controls="prev"] {
	left: 0;
}

.tns-controls button[data-controls="next"] {
	position: absolute;
	right: -.75rem;
}

.ar-carousel-wrap .tns-controls button[data-controls="next"] {
	right: 0;
}

/* Image Carousel */

.image-carousel {
	display: flex;
	align-items: center;
}

/*expanding list*/
.sf-list--expandable {
    margin-bottom: 1.5rem;
}

.expListBar {
    background: none;
}

.sf-list--expandable .expListLink {
	display: block;
	font-size: 1.2em;
	text-decoration: none;
	border-radius: 12px;
	margin-bottom: 3px;
}

.expListBar.teal .expListLink {
	color: #fff;
	background-color: var(--main-teal);
}

.expListBar.teal .expListLink.expanded {
	background-color: var(--main-blue);
}

.expListBar.blue .expListLink {
	color: #fff;
	background-color: var(--main-blue);
}

.expListBar.blue .expListLink.expanded {
	background-color: var(--main-teal);
}

.expListBar.gray .expListLink {
	color: var(--main-blue);
	background-color: var(--main-gray);
}

.expListBar.gray .expListLink.expanded {
	color: #FFF;
	background-color: var(--main-teal);
}

.expListBar.orange .expListLink {
	color: #fff;
	background-color: var(--main-org);
}

.expListBar.orange .expListLink.expanded {
	background-color: var(--main-teal);
}

.sf-list--expandable .expListBar a[data-sf-role="toggleLink"] svg {
	fill: #fff;
	height: 1.5em;
	width: 1.5em;
	float: right;
}

.sf-list--expandable .sf-list-content {
	color: #000;
	background-color: #fff;
	margin: 0px;
	padding: .7em .7em .7em 1.5em;
}

.sf-list--expandable .sf-list-content a {
	color: #16558A !important;
}

.sf-list--expandable .sf-list-content h1,
.sf-list--expandable .sf-list-content h2,
.sf-list--expandable .sf-list-content h3,
.sf-list--expandable .sf-list-content h4,
.sf-list--expandable .sf-list-content h5,
.sf-list--expandable .sf-list-content h6 {
	color: #000 !important;
}

/* ACCORDION */
.accordion {
	background: #FFF;
}

.accordion .card {
	box-shadow: none;
	margin: 0;
	border: none;
	border-radius: 0;
}

.accordion .card-header {
	position: relative;
	padding: 0;
	margin: 0;
	border-bottom: 2px solid #FFF;
}

.accordion .btn {
	display: block;
	width: 100%;
	color: #FFF;
	font-size: 1.2rem;
	text-transform: none;
	text-align: left;
	text-decoration: none;
	padding: 1rem;
	padding-right: 3rem;
	background: #2A5B98;
	border-radius: 0;
}

.accordion .btn.collapsed {
	background: #5594D6;
	color: #FFF;
}

.accordion .btn:after {
	content: '\f078';
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	display: inline-block;
	position: absolute;
	right: 25px;
	top: 50%;
	transform: translateY(-50%);
}

.accordion .btn.collapsed:after {
	content: '\f054';
	color: #FFF;
}

/* Backend Overrides */

.sfTemplateEditor .searchwrap, .sfTemplateEditor .searchwrap-inner {
	visibility: visible;
	position: relative;
	top: auto;
	left: auto;
	right: auto;
	height: auto;
	transform: none;
}

@media only screen and (max-width : 1180px) {
	.header1 {
		padding-right: 20px;
	}

	.header1 .utility.ut-a,
	.mainnavwrap {
		display: none;
	}

	.tributtons .tri-1,
	.tributtons .tri-2,
	.tributtons .tri-3 {
		width: 100%;
	}

	.ar-carousel-wrap .tns-item .herotxtwrp {
		max-width: none;
		width: 100%;
	}
}

@media only screen and (max-width : 768px) {
	.ar-carousel-wrap .img-bg {
		padding: 1.5rem;
		aspect-ratio: 0;
		min-height: 50vh;
	}

	.navbuttons {
		padding-right: 15px;
		width: auto;
	}

	.ev-carousel-wrap #ev-controls .previous-e,
	.pt-carousel-wrap #pt-controls .previous-pt {
		position: absolute;
		left: -10px;
	}

	.ev-carousel-wrap #ev-controls .next-e,
	.pt-carousel-wrap #pt-controls .next-pt {
		position: absolute;
		right: -10px;
	}

	.ev-carousel-wrap .tns-item .ev-wrp {
		margin: 0px 30px;
	}

	.twopxbluelft {
		border-left: none;
	}

	.cardL2Hero .chRight {
		text-align: center;
		max-width: none;
		margin: 36px;
	}

	.l3Columns {
		display: block;
	}

	.l3Columns .l3Left {
		display: none;
	}

	.l3Columns .l3Right {
		flex: none;
		padding: 0;
	}

	.quotecard {
		background-color: var(--alt-teal);
		border-radius: 24px;
		position: relative;
		margin: 75px 0px 24px 0px;
	}

	.quotecard .quotethumb {
		background: #ccc;
		border-radius: 100px;
		position: absolute;
		top: -50px;
		left: 50%;
		transform: translateX(-100px);
		overflow: hidden;
	}

	.quotetext {
		position: relative;
		margin-left: 0px;
		padding: 0px 30px 30px 100px;
		margin-top: 160px;
		background-position: left 18px top;
		background-size: 70px;
		z-index: 1;
	}

	.ev-carousel-wrap .tns-ovh {
		overflow-y: hidden;
	}

	.pt-carousel-wrap .tns-item .pt-wrp {
		margin: 18px 40px;
	}

	.ar-carousel-wrap .tns-item .herotxt h1,
	.cardL2Hero .chRight h1 {
		font-size: 24px !important;
		line-height: auto !important;
	}
	.carousel-wrap-static .card-carousel {
		flex-direction: column;
	}
}