/* Variables =================== */

:root {

/* Colors */
--primary: #0EA0C1;
--secondary: #205493;
--black: #323A45;
--gray: #707070;
--lightgray: #AEB0B5;
--offwhite: #fafafa;
--offwhite2: #f2f2f2;
--white: #fff;
--purple: #9B3F8D;
--teal: #1AB1A6;
--lightteal: #f0fbfd;
--yellow: #F3A91D;
--darkblue: #112E51;
--blue: #205493;
--middleblue: #0071BC;
--lightblue: #d3dde9;

/* Fonts */
--font1: 'Source Sans Pro', sans-serif;
--font2: 'Merriweather', serif;
--icons: 'Material Symbols Outlined';

/* Font Size */
--body: 18px;

/* Spacing */
--gutter-mobile: 20px;
--gutter-desktop: 70px;

/* Sizing */
--mobile-logo-width: 180px;
--desktop-logo-width: 220px;
--mobile-header-height:119px; /* based on Device Padding + Logo Height */
--desktop-header-height:136px; /* based on Device Padding + Logo Height */


}/* Variables */








/* General =================== */

html, body, .site {
  height: 100%;
  font-size:var(--body);
}

.alignleft {float:left;}
.alignright {float:right;}
.insert {width:100%;margin-bottom:20px;}

body {
  overflow-x: hidden;
  max-width: 100vw;
  color: var(--black);
  font-family: var(--font1);
  background: var(--primary);
}

.lock-scroll {
    overflow: hidden;
    position: fixed;
    height: 100%;
    width: 100%;
}

.mobile-only {display:initial;}
.desktop-only {display:none;}

#primary {background:var(--white);min-height:50%;position: relative;}

.fade {-webkit-animation: fadeoff 0.5s ease-out;-moz-animation: fadeoff 0.5s ease-out;-o-animation: fadeoff 0.5s ease-out;animation: fadeoff 0.5s ease-out;animation-fill-mode: forwards;}

.blocker {clear:both;}


/* Elements =================== */

.logo,.sitelogo {width:var(--mobile-logo-width);display: inline-block;}

em {font-family: var(--font2);font-style: italic;}

h1 {font-size:36px;font-weight: 600;color: var(--secondary);line-height: 110%;}
h2 {font-size:32px;font-weight: 600;color: var(--primary);line-height: normal;}
h3 {font-size:30px;font-weight: 600;color: var(--primary);line-height: normal;}
h4 {font-size:28px;font-weight: 600;color: var(--primary);line-height: normal;margin-bottom: 20px;}
h5 {font-size:24px;font-weight: 600;color: var(--secondary);line-height: normal;line-height:140%;}
h6 {font-size:20px;font-weight: 600;color: var(--secondary);line-height: normal;}

.site-main ul {list-style: none;margin:20px 0px;font-size: var(--body);text-indent: -15px; margin-left: 10px;line-height: 125%;padding:0px 8px;font-size:unset;}
.site-main ul li::before {content: "•"; color: var(--primary);margin-right:10px;}
.site-main ul li {margin-bottom:15px;font-size: var(--body);break-inside: avoid-column;}
.site-main ol {list-style: decimal;margin:10px 0px;margin-left: 15px;}

.main.container a,.inner_container a {color: var(--primary);transition: all 0.66s ease-out;}
.main.container a:hover, .main.container a:focus,.inner_container a:hover,.inner_container a:focus{color: var(--secondary);}
.main.container hr {border: 4px solid var(--primary);width: 25%;margin: 40px 0px;}
.main.container p {margin-bottom:20px;font-size: var(--body);line-height: 140%;}
.main.container p:last-of-type {margin-bottom:0px;}
	
a.button {transition: all 0.5s ease;height: 30px;display: inline-block;margin: 5px 0px;font-weight: 600;font-size: var(--body);}

a.button::before {
	font-family: var(--icons);
	content: 'arrow_forward';
    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.button:hover::before { background-color: var(--primary);margin-left:5px;}
 a.button:hover {color: var(--primary);}

 a.cta {    background: var(--secondary);
    color: var(--white) !important;
    border-radius: 40px;
    padding: 10px 25px;
    text-align: center;
    margin: 10px 0px;
    display: inline-block;
	transition: all 0.3s ease-out;
	font-weight:600;}
	
	 a.cta:hover,a.cta:focus { background: var(--primary) !important;}

a.cta:after {font-family: var(--icons);
    font-family: var(--icons);
    content: 'arrow_forward';
    display: inline-block;
    line-height: 0px;
    font-size: 21px;
    margin-left: 14px;
    transition: all 0.5s ease;
    position: relative;
    top: 5px;
	left:0px;}
	
	a.cta:hover:after {left: 5px;}

#search-overlay {display:none;opacity:0;position:absolute;}
#search-overlay.fadeon {display: initial;-webkit-animation: fadeon 0.5s ease-out;-moz-animation: fadeon 0.5s ease-out;-o-animation: fadeon 0.5s ease-out;animation: fadeon 0.5s ease-out;animation-fill-mode: forwards;}
.search_col{position: fixed;top: 0;right: 0;bottom: 0;left: 0;overflow: auto;text-align: center;background: rgba(32, 84, 147, 0.75);margin: 0;z-index: 95;}

#search-box {
	width: 100%;
    display: inline-block;
    vertical-align: middle;
    padding: 10px 15px;
    color: #FFF;
    border: none;
    background: transparent;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.search-field {
	font-size: 16px;
	    color: var(--secondary);
	    text-indent: 20px;
	    height: 40px;
	    width: 300px;
	    border: none !important;
	    position: relative;
	    top: -1px;
	    background: var(--white);
	    text-align: left;
	    border-radius: 30px;
		padding-right: 10px;
		margin: 10px 0px;
	}

.search-submit, input[type="submit"] {
    background: var(--primary);
    border: none !important;
    height: 40px;
    font-style: normal;
    font-size: 16px;
    color: var(--white);
    padding: 0.5em 1em 0.5em;
    cursor: pointer;
    min-width: 120px;
    margin-left: 10px;
	border-radius: 30px;
	text-align: center;
}

input[type="submit"] {margin-left: 0px;}

.search-field::placeholder {color: var(--secondary);font-family: var(--font2);font-style: italic;}

.search-submit:hover,#search-box .search-submit:active, input[type="submit"]:hover {
    background: var(--yellow);
	color: var(--white);
}



#close-btn {
	cursor: pointer;
	    position: fixed;
	    bottom: 0;
	    right: 0;
	    width: 44px;
	    height: 44px;
	    background: var(--primary);
	    color: var(--white);
	    margin: var(--gutter-mobile);
}

#close-btn:hover,#close-btn:active {background: var(--yellow);}

#close-btn span {line-height:44px;}

.gradient_down {background-image:linear-gradient(to top, rgba(14, 160, 193, 0), rgba(14, 160, 193, 1));width: 100%;height: 50px;}
.gradient_up {background-image:linear-gradient(to bottom, rgba(14, 160, 193, 0), rgba(14, 160, 193, 1));width: 100%;height: 50px;}


table {width:100%;}
table, thead, tbody, th, td, tr { display: block;}
tr:nth-of-type(odd) { background: var(--offwhite); }
tr:nth-of-type(even) { background: var(--offwhite2); }
td, th {padding: 5px;} 
th { background: var(--secondary); color: var(--white); font-weight: bold;}
tr {padding:20px 10px;}
tr td:first-of-type {font-weight: bold;color:var(--primary);}


.moreinfo {
    margin: 0px;
    width: 100%;
    border: none;
    padding: 20px 0px;
    background: none;
    align-items: center;
    justify-content: left;
    display: flex;
    overflow: hidden;
	
}

.moreinfo:before{ 
  content:url('/wp-content/themes/ox/img/info.svg');
  position:relative;
  width: 40px;
  display: inline-block;
  height: auto;
  margin-right: 20px;
      top: 2px;
	  flex-shrink: 0;
}


/* Animations =================== */

@keyframes fadeon {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes fadeoff {
  0%   { opacity: 1; }
  100% { opacity: 0.25; }
}

@keyframes mobiletextin {
      0%   {transform: translateX(-150px);opacity:0;}
	  100%   {transform: translateX(0);opacity:1;}
}





/* Containers =================== */


.container {width: 100%;padding: 0px var(--gutter-mobile);}
.main.container {max-width:1280px;margin: 0 auto;padding: var(--gutter-mobile);}
.inner_container {max-width:1280px;margin: 0 auto;padding: var(--gutter-mobile);}
.full_container {max-width:1280px;margin: 0 auto;padding: 0px var(--gutter-mobile);}

.col1-1, .col1-2, .col1-3, .col1-4, .col1-5 {
  width: 100%;
}

.col2-1, .col2-2, .col2-3, .col2-4, .col2-5 {
  width: 50%;
}

.col3-1, .col3-2, .col3-3, .col3-4, .col3-5 {
  width: 33.333333%;
}

.col4-1, .col4-2, .col4-3, .col4-4, .col4-5 {
  width: 25%;
}

.col5-1, .col5-2, .col5-3, .col5-4, .col5-5 {
  width: 20%;
}


/* Header =================== */

header .mainheader {padding:20px var(--gutter-mobile);height:var(--mobile-header-height);background:var(--offwhite);}

header a {cursor:pointer;}

.topheader {background: var(--primary);height: 10px;}

.mag {background:var(--secondary);color:var(--white);height:44px;width:44px;position:fixed;bottom: 0px;right: 0px;z-index: 77;margin: var(--gutter-mobile);}
.mag:hover, .mag:active{background:var(--yellow);cursor:pointer;}
.mag .search {padding:10px;}


/* Navigation =================== */

#secondary-menu {display: none;}

.lock-scroll #primary-menu li a:active,.lock-scroll #primary-menu li a:focus {color:var(--secondary);}

li.menu-item-has-children > a:after {transform: rotateZ(-90deg);-webkit-transform: rotateZ(-90deg);bottom: 2px;font-family: var(--icons);content: 'expand_more';-webkit-transition: .25s ease-out;transition: .25s ease-out;display: inline-block;position: relative;vertical-align: middle;margin-left:5px;}

#primary-menu li {padding: 30px var(--gutter-mobile) 0px;font-size: 24px;font-weight: 700;color: var(--white);text-transform: uppercase;display:block;}
#primary-menu li .sub-menu li {padding: 10px 0px;font-size:var(--body);text-transform: initial;font-weight: 600;}
#primary-menu li.menu-item-has-children > a:after {transform: rotateZ(-90deg);-webkit-transform: rotateZ(-90deg);bottom: 2px;}
#primary-menu li.menu-item-has-children.highlighted > a:after {transform: rotateZ(0deg);-webkit-transform: rotateZ(0deg);bottom:1px;color: var(--secondary);}
#primary-menu li .sub-menu {display:block;padding:0px;max-height: 0;transition: max-height 0.5s ease-out;overflow:hidden;}
#primary-menu li.highlighted .sub-menu {display:block;max-height: 100vh;transition: max-height 0.5s ease-in;}
#primary-menu li .sub-menu li:first-child {margin-top: 10px;}

.main-navigation {
    display: none;
    z-index: 88;
    position: absolute;
    top: calc(var(--mobile-header-height) + 10px); /* Add top header height as well=== */
    background: #fff;
    padding: 0px;
    left: 0;
    height: calc(100% - var(--mobile-header-height) - 10px); /* Add top header height as well=== */
	background:var(--primary);
	width:100%;
	overflow-y: scroll;
}

.nav-open .main-navigation, .nav-open .main-navigation ul {display: block;}
.nav-open .main-navigation {-webkit-animation: fadeon 0.5s ease-out;-moz-animation: fadeon 0.5s ease-out;-o-animation: fadeon 0.5s ease-out;animation: fadeon 0.5s ease-out;animation-fill-mode: forwards;}

.nav-open #primary-menu {
    -webkit-animation: mobiletextin 0.75s  ease-out; 
     -moz-animation:mobiletextin 0.75s  ease-out; 
     -o-animation:mobiletextin 0.75s  ease-out;
     animation:mobiletextin 0.75s  ease-out;
	 animation-fill-mode: forwards;
	}
	
.mobilenavicon {
position: absolute;
top: 60px;
right: 50px;
color: #fff;
z-index: 88;
width: 40px;
height: 40px;
display: block;
}



#nav-icon {
    width: 40px;
    height: 40px;
    position: absolute;
    margin: 0px auto;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
    z-index: 88;
}

#nav-icon span {
    display: block;
    position: absolute;
    height: 4px;
    width: 100%;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
    background: var(--primary);
}

#nav-icon span:nth-child(1) {top: -3px;}
#nav-icon span:nth-child(2), #nav-icon span:nth-child(3) {top: 6px;}
#nav-icon span:nth-child(4) {top: 15px;}
#nav-icon.open span:nth-child(1) {top: 6px;width: 0%;left: 50%;}
#nav-icon.open span:nth-child(2) {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);background: var(--secondary);}
#nav-icon.open span:nth-child(3) {-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);background: var(--secondary);}
#nav-icon.open span:nth-child(4) {top: var(--body);width: 0%;left: 50%;}


/* Hero =================== */
.hero {background:var(--primary);color:var(--white);}
.hero img {width:100%;max-width:100%;height: auto;}
.hero.featured #breadcrumbs {position:static;margin: var(--gutter-mobile) var(--gutter-mobile) 0px;}
.hero.featured .container {padding:var(--gutter-mobile);}
.hero.featured h1 {max-width:100%;color:var(--white);margin-bottom: 5px;}
.overlay {background-image: linear-gradient(to top, rgba(14, 160, 193, 0), rgba(14, 160, 193, 1));width: 100%;height: 50px;position: absolute;top: 0;}
.hero.default {background:var(--secondary);color:var(--white);margin-bottom:2px;display: flex;align-items: center;min-height:150px;position: relative;padding: 20px 0px;}
.hero.default h1 {margin-bottom:6px;color: var(--white);}
.subheader {font-family:var(--font2);font-style: italic;line-height: 150%;margin-top: 15px;}
#breadcrumbs {font-family:var(--font2);font-style: italic;width: auto;position: static;margin-bottom: 15px;}
#breadcrumbs a {transition: .25s ease-in-out;-webkit-transition: .25s ease-in-out;}
#breadcrumbs a:hover {color:var(--offwhite);}


/* Special Pages =================== */
#primary.error_404,#primary.search_results {background:var(--offwhite);display: flex;align-items: center;}
.error_404 h1 {font-size:36px;margin: 20px 0px;color:var(--blue);}
.error_404 .container,.search_results .container {color:var(--blue);text-align:center;font-family:var(--font2);padding: var(--gutter-mobile);}
.error_404 p,.search_results p{font-style: italic;margin-bottom: 20px;}
.error_404 .search-submit,.search_results .search-submit {font-family:var(--font1);}
.error_404 .search-field,.search_results .search-field {background:var(--secondary);color:var(--white);font-family:var(--font1);}
.error_404 .search-field::placeholder,.search_results .search-field::placeholder {color: var(--white);}
.error_404 .gradient_down,.search_results .gradient_down {position:absolute;top: 0;}

.search_results h1 {font-size:36px;margin: 50px 0px;color:var(--blue);}
.search_results .container {text-align:left;}
.search-no-results .search_results .container {text-align:center;}
.search_results h2 {font-size: 24px;margin-bottom: 12px;}
.search_results .entry-meta, .search_results .entry-footer {display:none;}
.search_results .entry-summary p {line-height: 130%;}
.search_results .container article {width:75%;}
.search_results .container article:after {content:'';display: block;width:100px;height: 3px;background: var(--yellow);margin:50px 0px;}
.search_results .entry-header h2 a:hover {color:var(--secondary);}


/* News & Events =================== */
.post-news .hero.default {background: var(--teal);}
.post-events .hero.default {background: var(--purple);}



/* Footer =================== */

footer {background-color: var(--primary);position: sticky;top: 100vh;}
footer a {-webkit-transition: color 0.25s ease;transition: color 0.25s ease;color: var(--white);}
footer a:hover, footer a:focus {color:var(--secondary);}
footer .site-footer {padding-top:var(--gutter-mobile);padding-bottom:var(--gutter-mobile);text-align: center;}
.copyright {color:var(--white);}
address {color:var(--white);}
.social_icon:hover, .social_icon:focus {filter: invert(16%) sepia(42%) saturate(1147%) hue-rotate(327deg) brightness(95%) contrast(94%);}
.footer_logo, .footer_address, .footer_contact {margin-bottom:25px;}
.footer_contact span, .footer_back span {cursor:pointer;background-color:var(--white);color:var(--primary);border-radius: 30px;width: 30px;height: 30px;font-size: 21px;text-align: center;line-height: 30px;}
.footer_contact .label {    background: none;color: var(--white);font-size: var(--body);position: relative;bottom: 4px;left: 10px;}
.footer_menu {display:none;}
.social img {width:30px;margin: 0px 15px 25px 0px;}
footer .mag {display:none;}
.footer_back {position: absolute;bottom: var(--gutter-mobile);right: var(--gutter-mobile);}
.footer_cta a {font-size: 14px;font-weight: 700;width: auto;display: inline-block;text-align: center;    padding: 8px 20px;border: 1px solid var(--white);border-radius: 40px;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;margin-bottom: 25px;}
.footer_cta a:hover,.footer_cta a:active {background-color:var(--secondary);border:1px solid var(--secondary);color:var(--white);}
.footer_contact a span.label,.footer_contact  a span.arrow {-webkit-transition: all 0.5s ease;transition: all 0.5s ease;}
.footer_contact a:hover span.arrow ,.footer_contact a:active span.arrow {background-color:var(--secondary);color:var(--yellow);margin-left:5px;}
.footer_contact a:hover span.label,.footer_contact a:active span.label {color:var(--secondary);}
.footer_back span.arrow{-webkit-transition: all 0.5s ease;transition: all 0.5s ease;}
.footer_back:hover span.arrow,.footer_back:active span.arrow{background-color:var(--secondary);color:var(--yellow);margin-bottom:5px;}




/* Contact Form Fields =================== */

.jumpmenu {position:relative;}

.jumpmenu select {-webkit-appearance: none; -moz-appearance: none; appearance: none; display: block; width: 100%; border-radius: 20px; background-color: #fff !important; color: var(--secondary); border: 2px solid
var(--secondary); padding: 8px 15px; margin: 10px 0px 0px 0px; -ms-word-break: normal; word-break: normal; line-height: normal; font-family: var(--font2); font-style: italic; }

.jumpmenu:after { transform: rotateZ(-90deg); -webkit-transform: rotateZ(-90deg); bottom: 2px; font-family: var(--icons); content: 'expand_more'; -webkit-transition: .25s ease-out; transition: .25s ease-out;
display: inline-block; position: relative; vertical-align: middle; margin-left: 5px; position:absolute;color: var(--secondary);transform: rotateZ(0deg);
    -webkit-transform: rotateZ(0deg);top: 10px;right: 37px;font-size: 22px;}



.wpcf7-form input[type="text"], 
.wpcf7-form input[type="email"], 
.wpcf7-form input[type="url"], 
.wpcf7-form input[type="password"], 
.wpcf7-form input[type="search"], 
.wpcf7-form input[type="number"], 
.wpcf7-form input[type="tel"], 
.wpcf7-form textarea {
    color: var(--darkblue);
    width: 100%;
    padding: 12px 16px;
    border-radius: 0;
    border: 2px solid var(--primary);
	margin-bottom:12px;
	resize: none;
}

.wpcf7-form input::placeholder,.wpcf7-form textarea::placeholder {color: var(--darkblue);}

.wpcf7-form textarea {height:100px;}

.wpcf7-form p {
    margin: 0px;
}
.wpcf7-text:focus, 
.wpcf7-textarea:focus {
    outline: 2px solid var(--primary);
    outline-offset: 0;
}
div.wpcf7-mail-sent-ok {
    border: 0;
    background: #5471de;
    color: #fff;
    padding: var(--body);
}
div.wpcf7-acceptance-missing,
div.wpcf7-validation-errors {
    border: 0;
    background: #f9443b;
    color: #fff;
    padding: var(--body);
}
span.wpcf7-not-valid-tip {
    color: var(--primary);
	font-size: 12px;
    position: absolute;
    right: 30px;
	right: 10px;
	    top: 5px;
    text-align: right;
}

.wpcf7 form .wpcf7-response-output{
border-color: #ffb900;
text-align: center;
 color: var(--darkblue);
 margin: 15px 0px 0px;
padding: 10px;
display: block;
    clear: both;
}

.wpcf7-form br {display:none;}
.wpcf7-form label  {display: block;}

.main .wpcf7-form input[type="text"], 
.main .wpcf7-form input[type="email"], 
.main .wpcf7-form input[type="url"], 
.main .wpcf7-form input[type="password"], 
.main .wpcf7-form input[type="search"], 
.main .wpcf7-form input[type="number"], 
.main .wpcf7-form input[type="tel"], 
.main .wpcf7-form textarea { width:100%;margin-right:0%;}



/* WordPress Blocks =================== */

.wp-block-columns {background:var(--offwhite);padding:var(--gutter-mobile);}
.wp-block-columns .wp-block-heading {margin-bottom:var(--gutter-mobile);}
.wp-block-columns em {font-family: var(--font2);font-style: italic;}

.wp-block-table td, .wp-block-table th {border: none;padding: 10px;}





/* Specific Page Element Style =================== */

.page-id-30 .wp-block-columns .wp-block-column:first-of-type p {border-left:3px solid var(--primary);padding-left: var(--gutter-mobile);}
.single-sucess-stories .hero .post-thumbnail {}
.single-sucess-stories .subheader {margin-top: 0px;}

@media (min-width: 1025px){
.single-sucess-stories .hero.featured {max-height: 28.38vw;overflow: hidden;}
}



/* Sidebar =================== */

.sidebar_main_content, .sidebar_content {width:100%;margin-left:0%;float:none;}
.sidebar_content{background:var(--offwhite);}


@media (min-width: 1025px) {
	.sidebar_main_content {width:60%;margin-right:5%;float:left;}
	.sidebar_content{width:35%;float:left;}
}



/* Blog Page =================== */
.news_results .inner_container{}
.news_item_block a{position:relative;background:var(--offwhite2);padding:30px;margin-bottom: 20px;width: 100%;display: block;-webkit-transition: all 0.25s ease-out;transition: all 0.25s ease-out;}
.news_item_block a:hover {background:var(--offwhite);}
.news_results h2 {max-width:calc(100% - 100px);-webkit-transition: all 0.25s ease-out;transition: all 0.25s ease-out;font-size: 24px;margin-bottom: 12px;font-weight: 600;color: var(--primary);line-height: normal;font-family: var(--font2);font-style: italic;}
.news_results h4 {font-family: var(--font2);font-style: italic;font-size: 21px;color:var(--secondary);}
.news_results p {-webkit-transition: all 0.25s ease-out;transition: all 0.25s ease-out;font-family: var(--font2);font-style: italic;margin-bottom: 20px;line-height: 130%;font-size: 18px;color:var(--black);margin-bottom:0px;}
.news_results .news_item_block h2:after {-webkit-transition: all 0.25s ease-out;transition: all 0.25s ease-out;content: '';display: block;width: 100px;height: 3px;background: var(--yellow);margin: 30px 0px;}

.news_item_block a:hover h2 {color:var(--secondary);}
.news_item_block a:hover h2:after {background: var(--primary);}
.news_item_block a:hover p {color: var(--secondary);}

.news_item_block a:before{
    position: absolute;
    font-family: var(--icons);
    content: 'arrow_forward';
    background-color: var(--offwhite);
    color: var(--yellow);
    border-radius: 30px;
    text-align: center;
    display: inline-block;
    line-height: 30px;
    font-size: 21px;
    width: 30px;
    height: 30px;
    margin-right: 0px;
    transition: all 0.5s ease;
    top: 30px;
    right: 30px;
	}
	
	.news_item_block a:hover:before{ 
		background-color: var(--offwhite2);
    color: var(--primary);
	 right: 20px;
}

.news_img {width:100%;height:auto;}
.news_item_block:last-of-type a{margin-bottom:0px;}















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




@media (min-width: 1025px) {
	
	
	
   /* General */
	
	.mobile-only {display:none !important;}
	.desktop-only {display:revert;}
	.lock-scroll {
	    overflow: initial;
	    position: static;
	    height: auto;
	    width: 100%;
	}
	
	.insert {width:auto;margin-bottom:20px;}
	.alignleft.insert {margin-right:20px;}
	.alignright.insert {margin-left:20px;}
  
 
  /* Containers */
  
  .container {padding: 0px var(--gutter-desktop);}
  .main.container {padding: var(--gutter-desktop);}
  .inner_container {padding: var(--gutter-desktop);}
  .full_container {padding: 0px var(--gutter-desktop);}

  .col1-1, .col2-1, .col3-1, .col4-1, .col5-1 {
    width: 100%;
  }

  .col1-2, .col2-2, .col3-2, .col4-2, .col5-2 {
    width: 50%;
  }

  .col1-3, .col2-3, .col3-3, .col4-3, .col5-3 {
    width: 33.333333%;
  }

  .col1-4, .col2-4, .col3-4, .col4-4, .col5-4 {
    width: 25%;
  }

  .col1-5, .col2-5, .col3-5, .col4-5, .col5-5 {
    width: 20%;
  }
  
  
  
   /* Elements */
  
  .logo {width:var(--desktop-logo-width);}
  .sitelogo {width:var(--desktop-logo-width);margin:20px 0px;}
  .mag .search {cursor:pointer;color:var(--blue); -webkit-transition: all 0.25s ease-out;transition: all 0.25s ease-out;}
  .mag .search:hover {color:var(--primary);}
  #search-overlay {height: 80px;top: 176px;z-index: 66;}
  .search_col {background: rgba(32, 84, 147, 1);}
  #close-btn {
      position: absolute;
      bottom: unset;
      right: 48px;
      background: unset;
      color: var(--white);
      margin: 0px;
      top: 50%;
      transform: translate(-50%, -50%);
      -webkit-transition: color 0.25s ease-out;
      transition: color 0.25s ease-out;
  }
  
  #close-btn:hover {color: var(--yellow);background: unset;}
  #search-box {width: auto;}
  .search-submit,input[type="submit"] {-webkit-transition: all 0.25s ease-out;transition: all 0.25s ease-out;}
  
  table, thead, tbody, th, td, tr {display: revert;font-size:var(--body);}
  td, th {padding: 20px;} 
  
  
  .largelist{
  -moz-column-count: 3;
  -moz-column-gap: 10%;
  -webkit-column-count: 3;
  -webkit-column-gap: 10%;
  column-count: 3;
  column-gap: 10%;
	  }
  
  
   /* Header */
   
  header .mainheader {padding:0px var(--gutter-desktop);height:var(--desktop-header-height);}
  header .topheader {height: 40px;}
  
  
   /* Hero */
  .hero.featured {position: relative;}
  .hero.featured h1 {max-width:50%;}
  .hero img {width:66%;height: auto;margin-left:34%;}
  .hero.featured .container {padding: var(--gutter-desktop);position:absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
  .hero.featured #breadcrumbs {position: absolute;left: var(--gutter-desktop);top: var(--gutter-mobile);margin: 0px;}
  .hero.featured .subheader {max-width: 40%;margin:12px 0px 4px;}
  .hero.featured .overlay {background-image: linear-gradient(to left, rgba(14, 160, 193, 0), rgba(14, 160, 193, 1));
    width: 33%;
    height: 100%;
    position: absolute;
    top: 0;
	left:34%;}
  .hero.default {height:200px;display:flex;align-items:center;}
  .hero.default #breadcrumbs {right: var(--gutter-desktop);position: absolute;top: 20px;margin: unset;}
  .hero.default .subheader {max-width: 50%;margin:12px 0px 4px;}
  .hero.default h1 {margin-bottom:8px;}
  
     /* Footer */
  footer .site-footer {display:flex;text-align: unset;}
  footer .site-footer {padding-top:var(--gutter-desktop);padding-bottom:var(--gutter-desktop);}
  .footer_menu {display:block;}
  footer .mag {display:inline-block;}
  .footer_back {bottom: var(--gutter-desktop);right: var(--gutter-desktop);}
  footer .menu li .sub-menu {position: static;opacity: 1;}
  footer .menu > li {width: auto;float: left;width:33.333%;padding:0px 20px;margin-bottom:10px;}
  footer .menu > li > a {font-weight:700;}
  footer .menu li.menu-item-has-children:hover a  {color:var(--white);}
  footer .menu li.menu-item-has-children .sub-menu a {margin-top: 8px;display: inline-block;}
  footer .menu li.menu-item-has-children .sub-menu a:hover  {color:var(--secondary);}
  footer .col1-4.right {padding-left: 6%;}
  footer .mag .search {color: var(--white);}
  footer .mag:hover .search,footer .mag:active .search {color: var(--secondary);}
  footer .social {float:left;}
  footer .mag {float:right;height:30px;width:30px;text-align: right;}
  footer .mag .search {padding:5px;}
  footer .copyright {clear:both;}
  footer .footer_cta a {width:100%;}
  
  
  /* Navigation Elements */
  
  #primary-menu li .sub-menu li:first-child {margin-top: 0px;}
  
  .main-navigation, .nav-open .main-navigation {
      display: flex;
      position: static;
      background: none;
      padding: 0px;
      float: right;
      height: 100%;
      width: calc(100% - var(--desktop-logo-width));
      justify-content: right;
      align-items: center;
	    overflow-y: revert;
  }

  
  .mag {position:static;background:none;color:var(--secondary);margin: 0px;z-index: 88;}
  .mag:hover,.mag:active {background:none;color:var(--primary);}
  
  .mobilenavicon {display: none;}
  
  .menu li .sub-menu {
    position: absolute;
    left: -999em;
    opacity: 0;
    z-index: 88;
    -webkit-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
  }

  .menu li {position: relative;}
  .menu li:hover .sub-menu {left: auto;opacity: 1;}
  
  .menu-primary-container {width:100%;}
  
  
  #primary-menu {display: flex;justify-content: space-evenly;}
  #primary-menu > li {color: var(--secondary);
    text-transform: none;
    font-size: 12px;
    font-weight: 600;
    padding: 0px;
    height: var(--desktop-header-height);
    display: flex;
    align-items: center;
    -webkit-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
	padding: 0px 30px;
	overflow: hidden;
}



  #primary-menu li .sub-menu {cursor: default;display: block;max-height:100vh;background:var(--white);position: absolute;top: var(--desktop-header-height);padding: 15px 50px;left: 0;}
  #primary-menu li .sub-menu li {white-space: nowrap;margin: 15px 0px;color: var(--secondary); -webkit-transition: all 0.25s ease-out;transition: all 0.25s ease-out;}
  #primary-menu li .sub-menu li:hover {color: var(--primary)}
  #primary-menu li.menu-item-has-children:hover {cursor:pointer;}
  #primary-menu li:hover {color:var(--primary);background:var(--white);overflow: visible;}
  #primary-menu li.menu-item-has-children > a:after, li.menu-item-has-children > a:after {transform: rotateZ(0deg);-webkit-transform: rotateZ(0deg);bottom:-2px;color:var(--primary);}
  #primary-menu li.menu-item-has-children:hover > a:after,li.menu-item-has-children:hover > a:after {transform: rotateZ(-180deg);-webkit-transform: rotateZ(-180deg);bottom:-1px;}
  #primary-menu > li > a {height:100%;display:flex;align-items:center;justify-content:center;}

  #secondary-menu {float: right;display: inline-block;margin-top: 10px;}
  #secondary-menu a {color:var(--white);}
  #secondary-menu .sub-menu {background: var(--primary);}
  #secondary-menu li {display: inline;position: relative;font-size: 16px;padding: 5px 0px;}
  #secondary-menu li:hover a {color: var(--secondary);}
  #secondary-menu li:hover {cursor: pointer;}
  #secondary-menu li .sub-menu {padding:20px 20px 10px;z-index:95;}
  #secondary-menu li .sub-menu a {color: var(--white);}
  #secondary-menu li .sub-menu a:hover {color: var(--secondary);}
  #secondary-menu li a {-webkit-transition: all 0.25s ease-out;transition: all 0.25s ease-out;}
  #secondary-menu li:not(:first-of-type) a:before {content: "|";position: relative;bottom: 2px;color: var(--white);padding: 0px 20px 0px 0px;font-size: 12px;font-weight: 700;}
  #secondary-menu li:first-of-type a {padding: 0px 20px 0px 0px;}
  #secondary-menu .sub-menu li{white-space: nowrap;margin-bottom: 10px;display: block;width:100%;}
  #secondary-menu .sub-menu li a:before {content:none;}
  #secondary-menu li.menu-item-has-children > a:after {color:var(--white);bottom:1px;}
  #secondary-menu li.menu-item-has-children:hover > a:after {color:var(--secondary);bottom:2px;}
  
  
  /* Special Pages =================== */
  .error_404 .container,.search_results .container {padding: var(--gutter-desktop);}
  
  
  /* Contact Form Fields =================== */
  
  .full_container.jumpmenu {margin-bottom:-40px;}
  .jumpmenu select {width: 50%; margin: 20px 0px 0px 50%;}
  .jumpmenu:after {right: 88px;}


  .wpcf7-form input[type="text"], 
  .wpcf7-form input[type="email"], 
  .wpcf7-form input[type="url"], 
  .wpcf7-form input[type="password"], 
  .wpcf7-form input[type="search"], 
  .wpcf7-form input[type="number"], 
  .wpcf7-form input[type="tel"], 
  .wpcf7-form textarea {
      width: 49%;
      margin-right: 1%;
	      float: left;
  }
  
  span.wpcf7-not-valid-tip {
      position: absolute;
      right: 20px;
      top: 2px;
      width: 150px;
      text-align: right;
  }
  
  
  /* WordPress Blocks =================== */

  .wp-block-columns {background:var(--offwhite);padding:var(--gutter-desktop);}
  .wp-block-table td, .wp-block-table th {padding: 30px;}
  
  
  /* Specific Page Element Style =================== */
  .page-id-30 .wp-block-columns .wp-block-column:first-of-type p {padding-left: var(--gutter-desktop);}
  .single-sucess-stories .hero img {width: 33%;height: auto;margin-left: 67%;}
  .page-id-77 tr td:first-of-type {font-weight: bold;color: var(--black);}
  .page-id-75 .callout_container .img_container {align-self: unset;}
  
  
   /* Blog =================== */
   
  .news_item_block {display:flex;align-items: center;}
  .news_item_block img {margin-bottom: 30px;width: 50%;}
  .news_item_block a{margin-bottom: 30px;padding:50px;align-self: stretch;}
  .news_item_block a:before{top: 50px;right: 50px;}
  .news_item_block a:hover:before{ background-color: var(--offwhite2);color: var(--primary);right: 40px;}
  


}/* End Desktop Media Queries */











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

@media (min-width: 1025px) {
#primary-menu > li {color: var(--secondary);font-size: 11px;padding: 0px 10px;}
}

@media (min-width: 1100px) {
#primary-menu > li {color: var(--secondary);font-size: 12px;padding: 0px 12px;}
}

@media (min-width: 1150px) {
#primary-menu > li {color: var(--secondary);font-size: 13px;padding: 0px 13px;}
}

@media (min-width: 1200px) {
#primary-menu > li {font-size: 14px;padding: 0px 15px;}
}

@media (min-width: 1300px) {
#primary-menu > li {font-size: 15px;padding: 0px 20px;}
}

@media (min-width: 1400px) {
#primary-menu > li {font-size: 16px;}
}

@media (min-width: 1500px) {
#primary-menu > li {font-size: 17px;}
}

@media (min-width: 1600px) {
#primary-menu > li {font-size: 18px;}
}

@media (min-width: 1600px) {
#primary-menu > li {font-size: 19px;}
}

@media (min-width: 1700px) {
#primary-menu > li {font-size: 20px;}
}


/* End Large Desktop Media Queries */