/* Modules =================== */


.mod h2 {font-size:30px;color: var(--primary);}
.mod a.button::before {background-color: var(--primary);}
.mod p {line-height: 140%;font-size: var(--body);}
.mod.container {max-width: 1280px;margin: 0 auto;}
.mod p a {color:var(--primary);transition: all 0.66s ease-out;}
.mod p a:hover, .mod p a:focus {color:var(--secondary);}

.callout_container {display: block;background: var(--offwhite);width: 100%;}
.callout_container .img_container {width:100%;}
.callout_container .img_container img {object-fit: cover;width: 100%;height: 100%;}
.callout_container .text_container {width:100%;padding: var(--gutter-mobile);}
.callout_container p {font-family: var(--font2);font-style: italic;margin:10px 0px;}
.callout_container.rightside {flex-direction: row-reverse;background:var(--offwhite2);}
.home .callout_container {background:var(--white);}
.callout_container hr {margin:30px 0px;border:3px solid var(--primary);width:25%;}

.highlight_container {width: 100%;overflow: hidden;position: relative;height: 100vw;color: var(--white);background-color: var(--primary);max-height: 500px;}
.highlight_container a, .highlight_container h3 {color: #fff !important;transition: all 0.66s ease-out;}
.highlight_container .highlight_text {width: 100%;padding: var(--gutter-mobile);position: absolute;z-index: 5;top: 50%;left: 50%;transform: translate(-50%, -50%);margin: 0px;text-align: center;transition: all 1s ease-out;}
.highlight_container .highlight_img {width: 100%;height: 100%;background-position: center top;background-size: cover;transform: scale(1);transition: all 0.66s ease-out;opacity: 0.4;}
.highlight_container h2 {color: var(--white);margin-bottom:10px;}
.highlight_container p {margin:10px 0px;font-family: var(--font2);font-style: italic;}
.highlight_container p a {text-decoration:underline;transition: all 0.66s ease-out;color:var(--white);}
.highlight_container p a:hover {color:var(--offwhite) !important;}
.highlight_container .overlay{background-image: linear-gradient(to bottom, rgba(14, 160, 193, 0), rgba(14, 160, 193, 1));width: 100%;height: 100%;position: absolute;bottom: 0;z-index: 3;}
.highlight_container span {font-weight:600;font-size: var(--body);}
.highlight_container span:before {font-family: var(--icons);content: 'arrow_forward';background-color: var(--white);color: var(--primary);border-radius: 30px;text-align: center;display: inline-block;line-height: 30px;font-size: 21px;width: 30px;height: 30px;margin-right: 10px;transition: all 0.5s ease;position: relative;top: 4px;}
.highlight_container a:hover .highlight_img {transform: scale(1.04);opacity: 0.25;}
.highlight_container a:hover .highlight_text, .highlight_container a:hover h3 {color: var(--offwhite); !important;}
.highlight_container a:hover span:before {margin-left: 5px;}

.feature_container {padding: var(--gutter-desktop) var(--gutter-mobile);text-align: center;background:var(--offwhite);}
.feature_container p {margin:20px 0px;font-family: var(--font2);font-style: italic;line-height: 150%;}
.feature_container p:last-of-type {margin: 0px;}
.feature_container a.button::before {background-color: var(--yellow);}
.feature_container a.button:hover::before {background-color: var(--primary);}
.feature_container h2 {color:var(--secondary);margin-bottom: 25px;}
.feature_container a.button {margin: 30px 0px 0px;}

.feature_container.teal h2,.feature_container.teal a.button:hover {color:var(--teal);}
.feature_container.teal a.button::before{background-color:var(--teal);}
.feature_container.purple h2,.feature_container.purple a.button:hover {color:var(--purple);}
.feature_container.purple a.button::before{background-color:var(--purple);}
.feature_container.yellow h2,.feature_container.yellow a.button:hover {color:var(--yellow);}
.feature_container.yellow a.button::before{background-color:var(--yellow);}
.feature_container.light_blue h2,.feature_container.light_blue a.button:hover {color:var(--primary);}
.feature_container.light_blue a.button::before{background-color:var(--primary);}
.feature_container.dark_blue h2,.feature_container.dark_blue a.button:hover {color:var(--secondary);}
.feature_container.dark_blue a.button::before{background-color:var(--secondary);}

.content_container {padding: var(--gutter-mobile);font-size:16px;line-height:normal;position: relative;}
.content_container a {color: var(--primary);transition: all 0.66s ease-out;}
.content_container a:hover {color: var(--secondary);}
.content_container hr,.inner_container hr {border: 4px solid var(--primary);width: 50%;margin: 20px 0px;}
.content_container p {margin-bottom:25px;}
.content_container p:last-child {margin-bottom: 0px;}
.content_container h2 {max-width: calc(100% - 150px);}

.content_container a.back_to_top {position:absolute;right:var(--gutter-mobile);color:var(--secondary) !important;}
.content_container a.back_to_top:hover {color:var(--primary) !important;cursor:pointer;}

.content_container  a.back_to_top::before  {  font-family:  var(--icons);   content:  'arrow_upward';  background-color:  var(--yellow);  color:  var(--white);
border-radius: 30px; text-align: center; display: inline-block; line-height: 30px;  font-size: 21px; width: 30px; height: 30px; margin-right: 10px; transition:
all 0.5s ease; position: relative; top: 4px; }


a.back_to_top:hover::before {background-color: var(--primary);}

.contact_container {background:var(--offwhite);}
.contact_container b {font-family: var(--font2);font-style: italic;margin: 10px 0px 20px;display: block;line-height:normal;}

.grid_container {padding:0px var(--gutter-mobile) var(--gutter-mobile);}
.grid_container .grid {margin-top: 0px;}
.grid_container .gridtitle {width: 100%;text-align: center;margin: 40px 0px;}
.grid_container .gridsubheader {width: 100%;text-align: center;margin:25px 0px;font-family: var(--font2);font-style: italic;line-height:150%;}
.grid_container .grid_block {width: 100%;margin-bottom: 20px;background: var(--offwhite);padding: 30px;box-sizing: border-box;}
.grid_container hr {border: 2px solid var(--primary);width: 50%;margin: 20px 0px;}
.grid_container h3 {color:var(--secondary);font-size: 28px;}
.grid_container h4 {font-size: var(--body);color:var(--black);margin: 0px 0px 20px;}
.grid_container .grid p {margin: 0px 0px 20px;line-height: 140%;}
.grid_container .grid p:last-child {margin-bottom: 0px;}
    
.success_container {padding:0px var(--gutter-mobile) var(--gutter-mobile);}
.success_container .ss_block {background:var(--primary);height:360px;margin-bottom: 20px;box-sizing: border-box;overflow: hidden;position: relative;}
.success_container .inner_ss_block {background-size: cover !important;width: 100%;height:100%;position: relative;background-position: center top !important;transform: scale(1);transition: all 0.66s ease-out;}
.success_container .inner_ss_block:hover {transform: scale(1.04);}
.success_container .ss_name {width: 66%;position:absolute;z-index:2;color:var(--white);bottom:20px;left:20px;z-index:4;font-size:26px;}
.success_container .gradient_up {position:absolute;bottom:0;z-index: 3;height:250px;}
.success_container a {display: block;color: var(--primary);transition: all 0.66s ease-out;width: 100%;height: 100%;}
.success_container .ss_title {margin-top: 5px;color:var(--white);font-size:16px;font-family: var(--font2);font-style: italic;}

.success_container .inner_ss_block  a::before {  font-family: var(--icons);  content: 'arrow_forward';  background-color: var(--white);  color: var(--primary);
border-radius: 30px; text-align: center; display: inline-block; line-height: 30px;  font-size: 21px; width: 30px; height: 30px; margin-right: 10px; transition:
all 0.5s ease; position: absolute; bottom: 20px; right: 20px; z-index: 5; }


.success_container .inner_ss_block a:hover::before { color: var(--yellow);}
.success_container .single_ss .ss_block {width:100%;display: inline-block;}


.mod.divider {clear:both;display:block;background-image: linear-gradient(to top, rgba(14, 160, 193, 0), rgba(14, 160, 193, 0.5));width: 100%;height: 50px;}

.accordian_container {padding-top:0px;}
.accordian_container .accordion {font-size:20px;background-color: var(--offwhite2);color: var(--secondary);cursor: pointer;position: relative;font-weight:700;padding: 20px 40px 20px 20px;width: 100%;text-align: left;border: none;outline: none;transition: 0.4s;margin-bottom: 10px;border: none;}
.accordian_container .active, .accordian_container .accordion:hover {background-color: var(--primary);color:var(--white);border: none;}
.accordian_container .panel {padding: var(--gutter-mobile);background-color: var(--offwhite);;display: none;overflow: hidden;position:relative;bottom:10px;}
.accordian_container .accordion:after {position: absolute;top:20px;right: 20px;font-family: var(--icons);content: 'expand_more';float: right;margin-left: 5px;transition: .25s ease-out;display: inline-block;vertical-align: middle;transform: rotateZ(-90deg);-webkit-transform: rotateZ(-90deg);}
.accordian_container .active:after {transform: rotateZ(0deg);-webkit-transform: rotateZ(0deg);}
.accordian_container .panel p {line-height:150%;margin-bottom: 20px;}
.accordian_container .panel p:last-child {margin-bottom: 0px;}

.image_container.parallex {position: relative;height: 50vh;-webkit-clip-path: inset(0);clip-path: inset(0);}
.image_container.parallex img {-o-object-fit: cover;object-fit: cover;position: fixed;left: 0;top: 0;width: 100%;height: 100%;object-position: center;display: block;}
.image_container.static img {width:100%;height: auto;}
.mod.image_container h2 {position:absolute;z-index: 1;color:var(--white);top: 50%;left: 50%;transform: translate(-50%, -50%);text-align:center;font-size:36px;text-align:center;}
.image_container.has_headline {background:var(--secondary);}
.image_container.has_headline img{opacity: 25%;filter: gray;-webkit-filter: grayscale(1);-webkit-filter: grayscale(100%);filter: url(resources.svg#desaturate);filter: grayscale(100%);}

.stats_container {background:var(--offwhite);padding:var(--gutter-mobile);display: block;}
.stats_container .stat {border-left: 5px solid;padding: 10px 30px;margin: 30px 15px;}
.stats_container .digit {font-weight:600;}
.stats_container  sup {font-size: 55%;} 
.stats_container  .info {font-size: 30%;line-height:normal;display:block;}    
.stats_container .stat:nth-of-type(1) {border-color:var(--teal);color:var(--teal);}
.stats_container .stat:nth-of-type(2) {border-color:var(--primary);color:var(--primary);}
.stats_container .stat:nth-of-type(3) {border-color:var(--purple);color:var(--purple);}
.stats_container .stat:nth-of-type(4) {border-color:var(--secondary);color:var(--secondary);}
.stats_container .stat:nth-of-type(5) {border-color:var(--middleblue);color:var(--middleblue);}
.stats_container {font-size: 14vw;}


.tabs_container .tab {overflow: hidden;background-color: var(--primary);}
.tabs_container .tab button {background-color: inherit;float: left;border: none;outline: none;cursor: pointer;padding: var(--gutter-mobile);transition: 0.3s;color:var(--white);font-weight: 700;text-transform: uppercase;font-size: 22px;}
.tabs_container .tab button:hover {background-color: var(--middleblue);}
.tabs_container .tab button.active {background-color: var(--secondary);color:var(--white);}
.tabs_container .tabcontent {display: none;padding: var(--gutter-mobile);background:var(--offwhite);}
.tabs_container .tabcontent {animation: tabfade 1s;}
@keyframes tabfade {from {opacity: 0;}to {opacity: 1;}}
.tabs_container h2, .tabs_container .tabs_text {margin-bottom:15px;}

.news_container .inner_container {position:relative;padding:var(--gutter-desktop) var(--gutter-mobile);}
.news_container h2 {color:var(--teal);width:66%;}
.news_container .inner_container a {color:var(--black);}
.news_container .inner_container a.button {position:absolute;right: var(--gutter-mobile);top: var(--gutter-desktop);}
.news_container .inner_container a.button::before {background-color: var(--teal);}
.news_container .inner_container a:hover {color:var(--teal);}
.news_container .inner_container hr {border: 4px solid var(--teal);width: 50%;margin: 40px 0px 25px;}
.news_container a h3 {font-size: 26px; color: var(--black);margin-bottom: 10px;transition:color 0.5s ease;}
.news_container h4 {font-size: 22px; color: var(--teal);margin-bottom: 10px;}
.news_container .news_text p {font-family: var(--font2);font-style: italic;line-height: 150%;color: var(--black);font-size: 17px;}
.news_item a:hover h3{color: var(--teal);}
.news_item_row {display: block;}
.news_item {flex: 1 1 0px;}

.cta_container .inner_container {padding-top:0px;}
.cta_container h2 {font-family: var(--font1);font-style: normal;margin-bottom: 5px;line-height: 110%;font-size: 24px !important;}
.cta_container .inner_block {align-items: flex-start;overflow:hidden;font-family: var(--font2);font-style: italic;background: var(--offwhite);border: 3px solid var(--primary);border-radius: 0px;padding: 20px;display: block;display: flex;gap: 20px;align-items: center;}
.cta_container img {width:60px;}
.cta_container .inner_block p{font-size:14px;}
.cta_container .cta {background:var(--primary);margin-top:20px;}

.menu_container .sidebar_menu_link {height: auto;width:100%;display: flex;align-items: start;margin: 20px 0px 0px;}
.menu_container .sidebar_menu_link span  {margin-top: 8px;width: calc(100% - 40px);}
.menu_container {padding:30px;margin-top:20px;}
.menu_container a.sidebar_menu_link.button::before {background-color: unset;color: var(--primary);}
.menu_container a.sidebar_menu_link.button:hover::before {color: var(--secondary);}
.menu_container h3 {font-style: italic;font-family: var(--font2);color: var(--secondary);margin-bottom: 12px;font-size: 24px;}

.sidebar_content .mod {border-bottom:var(--gutter-mobile) solid var(--white);}
.sidebar_content .mod:last-of-type{border-bottom:none;}

.sidebar_content .content_container {padding: var(--gutter-mobile);line-height: 150%;}
.sidebar_content .success_container {padding:0px}
.sidebar_content .success_container .single_ss .ss_block {margin-bottom:0px;}
.sidebar_content .ss_name {font-size:36px;margin-bottom:5px;}
.sidebar_content .ss_title {font-size:21px;margin-bottom:5px;}
.sidebar_content .ss_sub_title {font-size:16px;}
.sidebar_content .content_container hr {border: 4px solid var(--primary);width: 50%;margin: 60px 25% 0px;}

.sidebar_content .callout_sidebar_container {padding: var(--gutter-mobile);text-align:center;}
.sidebar_content .callout_sidebar_container h2 {color:var(--secondary);}
.sidebar_content .callout_sidebar_container p {margin: 15px 0px !important;display: block;}
.sidebar_content .resources_container {padding: var(--gutter-mobile);line-height: 150%;}
.sidebar_content .resources_container h2 {text-align:left;color:var(--secondary);}
.sidebar_content .resources_container p {margin: 15px 0px !important;display: block;}
.sidebar_content .resources_container  a {display: block;width:100%;line-height:normal;margin-bottom:20px;color:var(--secondary);font-weight:600;}
.sidebar_content .resources_container  a:hover {color:var(--primary);}
.sidebar_content .resources_container  a:last-of-type {margin-bottom:0px;}
.sidebar_content .resources_container  a:before {color:var(--primary);font-family: var(--icons);content: 'arrow_outward';  display: inline-block; line-height: 30px;  font-size: 21px; width: 30px;  height: 30px; margin-right:
0px; transition: all 0.5s ease; position: relative; top: 5px;}



.share_container {background:var(--secondary);color:var(--white);padding:var(--gutter-mobile);}
.share_container img {height:20px;width:auto;}
.share_container a {cursor:pointer;margin:0px 10px;transition: all 0.66s ease-out;}
.share_container a:hover {opacity:50%;}









/* Desktop Media Queries =================== */


@media (min-width: 1025px) {
	

	.mod h2 {font-size:32px;}

	.callout_container {display: flex;justify-content: space-between;align-items: center;}
	.callout_container .text_container {padding: var(--gutter-desktop);width:66%;}
	.callout_container .img_container {width:34%;align-self: stretch;}
	
	.highlight_container {height: 33vw;}
	.highlight_container .highlight_text {width: 66%;max-width: 1280px;padding: var(--gutter-desktop);}
	.highlight_container .highlight_img {opacity: 0.5;}
	
	.feature_container {padding: var(--gutter-desktop);}
	
	.content_container {padding: var(--gutter-desktop);}
	 a.back_to_top {position:absolute;right:var(--gutter-desktop);}

	.grid_container {padding:0px var(--gutter-desktop);}
	.grid_container .grid {display: flex;flex-wrap: wrap;gap: 2%;margin-top:0px;}
	.grid_container .grid_block {width: 32%;margin-bottom: 30px;background: #f3f4f7;padding: 30px;box-sizing: border-box;}
	.grid_container .grid.gridcount1 {gap: 0%;}
	.grid_container .grid.gridcount1 .grid_block {width: 100%;}
	.grid_container .grid.gridcount2 .grid_block {width: 49%;}
	
	.success_container {padding:0px var(--gutter-desktop);}
	.success_container .grid {display: flex;flex-wrap: wrap;gap: 2%;margin-top:0px;}
	.success_container .ss_block {width: 32%;margin-bottom: 30px;box-sizing: border-box;}
	.success_container .single_ss .ss_block {height:400px;}
	.success_container .single_ss .inner_ss_block:hover {transform: scale(1);}
	
	.accordian_container .panel {padding: 50px;}
	
	.mod.divider {height: 100px;}
	
	.stats_container {display: flex;}
	.stats_container .stat {flex: 1 1 0px;margin: 30px;}
	.stats_container.total5 {font-size: 5vw;}
	.stats_container.total4 {font-size: 6vw;}
	.stats_container.total3 {font-size: 7vw;}
	.stats_container.total2 {font-size: 8vw;}
	.stats_container.total1 {font-size: 9vw;}
	
	.content_container hr, .inner_container hr {border: 4px solid var(--primary);width: 25%;margin: 40px 0px;}
	
	.mod.image_container h2 {font-size:56px;}
	
	.news_container .inner_container {padding:var(--gutter-desktop);}
	.news_container .inner_container a.button {right: var(--gutter-desktop);top: var(--gutter-desktop);}
	.news_item_row {display:flex;gap: 50px;}
	.news_item {flex: 1 1 0px;}
	.news_container .inner_container h2 {margin-bottom: 25px;}
	
	.cta_container img {width:60px;flex-shrink: 0;}
	.cta_container .inner_block {padding: 30px;display: flex;gap: 30px;align-items: center;border: 2px solid var(--primary);}
	.cta_container .inner_block p{font-size:18px;}
	.cta_container h2 {margin-bottom: 10px;font-size: 28px !important;}
	
	.menu_container {padding:30px;margin-top:0px;}
	
	.sidebar_content .mod {border-bottom:40px solid var(--white);}
	.sidebar_content .success_container .inner_ss_block:hover {transform: scale(1.04);}
	
	.share_container {padding:var(--gutter-mobile) var(--gutter-desktop);}
	
	.sidebar_content .content_container, .sidebar_content .callout_sidebar_container,.sidebar_content .resources_container {padding: var(--gutter-desktop);}
	
	
	
}/* End Desktop Media Queries */