@charset "utf-8";
/* Root Variables */
:root {
	--color-grey-light: 		#eee;
	--color-grey: 				#757575;
	--color-grey-dark: 			#555;
	--color-grey-dark-very: 	#333;
	--color-tt-black: 			#0f0f0f;
	--color-green: 				#208644;
	--color-blue: 				#0067ac;
	--color-red: 				#B62F43;
	--color-orange:				#ffa500;
	--color-yellow:				#ff9;

	--val-baseline:				20px;
}

/* CSS reset.  Why?  Because browser makers make the www difficult to style. Enough with that.  */

/* Box sizing rules */
*,
*::before,
*::after {
  box-sizing: border-box;
}
/* Remove default margin */
body,h1,h2,h3,h4,p,figure,blockquote,dl,dd { margin: 0; }
/* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */
ul[role='list'],ol[role='list'] {list-style: none;}
/* Set core root defaults */
html:focus-within { scroll-behavior: smooth;}
/* Set core body defaults */
body { min-height: 100vh;text-rendering: optimizeSpeed;line-height: 1.5;}
/* A elements that don't have a class get default styles */
a:not([class]) { text-decoration-skip-ink: auto;}
/* Make images easier to work with */
img,picture {max-width: 100%;display: block;}
/* Inherit fonts for inputs and buttons */
input,button,textarea,select {font: inherit;}
/* Remove all animations, transitions and smooth scroll for people that prefer not to see them */
@media (prefers-reduced-motion: reduce) {
  html:focus-within {scroll-behavior: auto;}
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}
/* End the Reset.  Now let the games begin. */


body { line-height:1;-webkit-text-size-adjust:none; -webkit-font-smoothing: antialiased; /* Chrome, Safari */ -moz-osx-font-smoothing: grayscale; /* Firefox */ font-size: 16px;;color: #000; font-family: lato,sans-serif; font-size: 17px;line-height: 1.6em;font-weight: 300;}
img {max-width: 100%; height: auto; display: inline-block; vertical-align: middle;}
h1,h2,h3,h4,h5 {line-height: 1.2em; font-weight: 600; margin-bottom: 20px;font-family: 'Poppins', sans-serif}
h1 {font-size: 60px; font-weight: 900; color: var(--color-blue);}
.hero h1 {color: #fff;;}
h2 {font-size: 41px; color: var(--color-blue); text-transform: uppercase;}
h3 {font-size: 25px; color: var(--color-blue);}
a { outline:none; text-decoration:none; transition:all 0.2s ease-out; }
small { font-size: 80%;}
pre {font-family:"Courier New", Courier, monospace; letter-spacing: -0.5pt;}
p {line-height: 1.5em; margin-bottom: 20px; font-size: 18px; font-weight: 300; line-height: 1.4em;}

/* reusable classes */
.inner, .wp-block-columns, .wp-block-media-text, .hcb_wrap { max-width: 1280px; margin: 0 auto; padding-left: 30px; padding-right: 30px; }
.inner.inner--narrow {max-width: 900px;}
.hidden, .none, .hide { display: none; }
.invisible {visibility: hidden; }

/* micro clearfix below. contains floats like .clearfix. */
.cf:before, .cf:after { content: " "; display: table; }
.cf:after { clear: both; }

/* need to clear floats instead of contain them? use this below. */
.clear, .clear-both { clear: both; }

/* need to float things? we got you covered. */
.left, .floatleft { float: left !important; }
.right, .floatright { float: right !important; }

/* these are for images, below. gives a nice margin. sweet. */
.alignright { float: right; margin: 0 0 15px 15px;}
.alignleft { float: left; margin: 0 15px 15px 0;}
.aligncenter {display: block; margin: 0 auto;}
.floatnone { float: none; }

/* need a middle-aligned header. don't write another CSS rule. just use these! */
.text-left {text-align: left;}
.text-right {text-align: right;}
.text-center {text-align: center;}

.text-light {font-weight: lighter;}

/* positioning */
.absolute {position: absolute;}
.relative {position: relative;}
.fixed {position: fixed;}
.flex {display: flex;}
.flex-vert-center {align-items: center;}
.flex-horz-center {justify-content: center;}
.flex-center {align-items: center;justify-content: center}
.flex-space-between {justify-content: space-between;}
.flex-wrap {flex-wrap:wrap}
.flex-reverse {flex-direction: row-reverse;}
.flex-column {flex-direction: column;}
.flex-row {flex-direction: row;}
.grid {display: grid;}
.grid-center {place-items: center;}

/* need to add z-index?  Us these class? */
.z0 {z-index: 0;}
.z1 {z-index: 1;}
.z2 {z-index: 2;}
.z3 {z-index: 3;}
.z4 {z-index: 4;}
/* For a little extra reassurance */
.z99{z-index: 99;}

/* magic. many combinations exists with simplicity. */
.float20 { float: left; width: 20%;}
.float25 { float: left; width: 25%;}
.float33 { float: left; width: 33.3333%;}
.float50 { float: left; width: 50%;}
.float66 { float: left; width: 66.6667%;}
.float75 { float: left; width: 75%;}
.float80 { float: left; width: 80%;}

.w20 {width: 20%;}
.w25 {width: 25%;}
.w33 {width: 33.33%;}
.w50 {width: 50%;}
.w66 {width:66.66%;}
.w75 {width: 75%;}

.inline-block {display:inline-block}
.inline-middle {display:inline-block; vertical-align: middle;}
.inline25 { display: inline-block; width: 25%; margin-right: -4px; } 
.inline33 { display: inline-block; width: 33.3333%; margin-right: -4px; } 
.inline50 { display: inline-block; width: 50%; margin-right: -4px; } 
.inline66 { display: inline-block; width: 66.6666%; margin-right: -4px; } 

/* a couple of button micro-interactions */
.cta, .wp-block-button__link , #searchsubmit{ display: inline-block !important; text-transform: uppercase !important; border: .2rem solid #fff !important;  color: #fff !important; border-radius: 10rem !important;text-decoration: none !important; font-size: 14px !important; font-family: poppins,sans-serif !important; padding: 10px 30px !important; font-weight: 600 !important; line-height: 1 !important;transition: all 0.2s ease-in-out !important; cursor: pointer !important; background-color: #0067ac !important;}
.cta:hover, .wp-block-button__link:hover, #searchsubmit:hover {background-color: #fff !important;color: #0067ac!important; border-color: #0067ac!important;;}

.load-anim { height: 40px;width: 40px;background: #151825;border-radius: 50%;border: 1px solid var(--color-blue);border-top: 2px solid #fff;animation: spin-loader 600ms linear infinite;} 
@keyframes spin-loader { 
    to { transform: rotate(360deg);} 
}

/* padding and margin helpers */
.pa-small {padding:calc( var(--val-baseline) / 2 )}
.pa-medium {padding:calc( var(--val-baseline) )}
.pa-large {padding:calc( var(--val-baseline) * 4 )}

.ma-small {margin:calc( var(--val-baseline) / 2 )}
.ma-medium {margin:var(--val-baseline)}
.ma-large {margin:calc( var(--val-baseline) * 4 )}

.mx-medium {margin-left:var(--val-baseline);margin-right: var(--val-baseline);}

.my-small {margin-top:calc( var(--val-baseline) );margin-bottom:calc( var(--val-baseline) );}
.my-medium {margin-top:var(--val-baseline);margin-bottom: var(--val-baseline);}
.my-large {margin-top:calc( var(--val-baseline) * 5 );margin-bottom:calc( var(--val-baseline) * 5 );}
.my-xl {margin-top:calc( var(--val-baseline) * 7);margin-bottom:calc( var(--val-baseline) * 7);}

.mb-medium {margin-bottom: var(--val-baseline);}
.mb-large {margin-bottom:calc( var(--val-baseline) * 5 );}
.mt-large {margin-top:calc( var(--val-baseline) * 5 );}

.py-small {padding-top:calc( var(--val-baseline) );padding-bottom:calc( var(--val-baseline) );}
.py-medium {padding-top:var(--val-baseline);padding-bottom: var(--val-baseline);}
.py-large {padding-top:calc( var(--val-baseline) * 5 );padding-bottom:calc( var(--val-baseline) * 5 );}
.py-xl {padding-top:calc( var(--val-baseline) * 7);padding-bottom:calc( var(--val-baseline) * 7);}

.pt-large {padding-top:calc( var(--val-baseline) * 5 );}

.px-small {padding-left:calc( var(--val-baseline) );padding-right:calc( var(--val-baseline) );}
.px-medium {padding-left:var(--val-baseline);padding-right:var(--val-baseline);}
.px-large {padding-left:calc( var(--val-baseline) * 5 );padding-right:calc( var(--val-baseline) * 5 );}
.px-xl {padding-left:calc( var(--val-baseline) * 7);padding-right:calc( var(--val-baseline) * 7);}

.pr-small {padding-right:calc( var(--val-baseline) );}
.pr-medium {padding-right:var(--val-baseline);}
.pr-large {padding-right:calc( var(--val-baseline) * 5 );}
.pr-xl {padding-right:calc( var(--val-baseline) * 7);}

.pl-small {padding-left:calc( var(--val-baseline) );}
.pl-medium {padding-left:var(--val-baseline);}
.pl-large {padding-left:calc( var(--val-baseline) * 5 );}
.pl-xl {padding-left:calc( var(--val-baseline) * 7);}

/* decorators */
.bg-cover {background-size:cover; background-position: center center;}
.bg-cover.bg-cover--top {background-position: center top;}
.bg-cover.bg-cover--btm {background-position: center bottom;}
.object-fit-image {object-fit: cover;height: 100%;width: 100%;}
/* add bg colors here */
.bg-blue {background-color: var(--color-blue);}
.bg-grey {background-color: var(--color-grey-light);}
.bg-white {background-color: #ffffff;}

.text-white {color: #fff;}
.text-blue {color: var(--color-blue);}

strong {font-weight: bold;}

blockquote {width: 85%; border-left: 2px solid var(--color-blue); font-style: italic; margin: 0 auto;  padding-left: 20px;}

/* HEADER */
header {position: absolute; top:0; width: 100%; left:0; height: 103px;z-index: 2}
header .inner {align-items: flex-end; height: 100%;}
header .logo {margin-bottom: 10px;}
header menu li {display: inline-block;position:relative;}
header menu .sub-menu {position: absolute; left: 0; top: 100%;   background-color: #fff;  box-shadow: 0 2px 24px rgba(0,0,0,.14); padding: 15px; width: 240px; color: #000; z-index: 1;list-style: none;margin: 0; text-align: left;opacity: 0; pointer-events: none; transition: all 0.3s ease-in-out; transform: translateY(30px); border-radius: 5px;}
header menu li:hover > .sub-menu {opacity: 1; pointer-events: initial;transform: translateY(0);}
header menu .sub-menu li {display: block;}
header menu .sub-menu a {color: #000; font-size: 14px; font-weight: 700; display: block; line-height: 1.2em;}
header menu a{font-size: 16px;font-weight: 700; color: #fff; text-decoration: none; text-transform: uppercase;  letter-spacing: .1em; display: block; padding: 5px 10px;}
header menu a:hover {text-decoration: underline;}
header .menu-item-has-children > a:after {content: "\025BE"; display: inline-block; margin-left: .7rem;}
#main-nav.sticky {transform: translateY(-110px); transition: all 0.3s ease-in-out;}
#main-nav.sticky.scrolling-up {position: fixed; top: 0; left: 0; background-color: #001e5ecc;width: 100%; padding: 50px 0;transform: translateY(0); z-index: 2;}
#main-nav.sticky .inner {align-items: center;}
/* HERO */
.hero {background-color: #0067ac; padding-top: 103px;}
.hero h1 {color: #ffffff; text-transform: uppercase;}
.hero .inner {padding-top: 50px; padding-bottom: 50px;}
.home .hero .inner {padding-top: 75px; padding-bottom: 150px;}
.bg-image-overlay {position: relative;}
.content p, .content ul, .content ol, .content .wp-block-buttons {max-width: 1200px; margin-left: auto; margin-right: auto;}
/* BLOCKS */
.wp-block-columns, .wp-block-media-text {margin-top: 75px; margin-bottom: 75px;}
.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {padding-right: 3%; padding-left: 0;}
.wp-block-media-text.has-media-on-the-left .wp-block-media-text__content {padding-left: 3%; padding-right: 0;}
/* hex blox */
.hex-blocks-wrapper {position:relative;position:relative;;z-index:1;background-size:51%;background-position:center 12rem;background-repeat:no-repeat; padding-bottom: 260px; margin: 100px auto; }
.hex-blocks-wrapper::before {content:"";display:block;position:absolute;width:100%;height:100%;left:0;top:0;box-shadow:0 .2rem .4rem rgba(0,0,0,.3);filter:blur(1rem);z-index:0}
.hex-blocks-wrapper .title {position:relative;z-index:1}
.hex-blocks-wrapper  .hex {filter:drop-shadow(0 2px 24px rgba(70, 56, 56, 0.14));z-index:1;height: 255px;
margin: 0 auto 4rem 1.5rem;width: 50%;}
.hex-blocks-wrapper  .hex:nth-child(2n) {margin:0 1.5rem 4rem auto; position: relative;}
.hex-blocks-wrapper  .hex-inner {height:550px;
background-color:#fff;-webkit-clip-path:polygon(20% 0,80% 0,100% 50%,80% 100%,20% 100%,0 50%);
clip-path:polygon(20% 0,80% 0,100% 50%,80% 100%,20% 100%,0 50%);text-align:center}
.hex-blocks-wrapper  .hex-inner .hex-top,.hex-blocks-wrapper  .hex-inner .hex-bottom {
height:50%;width:100%;padding:0 3.5rem}
.hex-blocks-wrapper  .hex-inner .hex-bottom {background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center; position: relative;}
.hex-block--careers .hex-blocks-wrapper  .hex-inner .hex-bottom::after { content:''; position: absolute; left:0; top:0; height: 100%; width: 100%; display: block; background-image: linear-gradient(#001e5e, #010e2b); opacity: .7;}
.hex-blocks-wrapper  .hex-inner .hex-bottom a {transform:translateY(-1rem);max-width:75%}
.hex-block--careers .hex-blocks-wrapper  .hex-inner .hex-bottom a {z-index: 1;}
.hex-blocks-wrapper  .hex-inner .hex-top {max-width:85%;margin:0 auto;display:flex;
flex-direction:column;justify-content:center}
.hex-blocks-wrapper  .hex-inner .hex-top .badge {position:relative;color:#fff; background-image:url("../../../images/badge.svg");height: 48px; width: 62px; background-size: cover; margin: 0 auto 20px; font-size: 25px; font-weight: 700;}
.hex-blocks-wrapper  .hex-inner .hex-top h3 {font-size: 24px; color: #000;  line-height: 1; text-transform: uppercase;font-weight: 700;}
.hex-top h4 {margin-bottom: 0px;}
.hex-blocks-wrapper  .hex-inner .hex-top p {line-height:1.5;
margin-bottom:0}

/* Icon Grid Block */
.grid-item {padding: 20px;border-right: 1px solid #e0e0e0;}
.grid-item.border-btm {border-bottom:  1px solid #e0e0e0;}
.four-across .grid-item:nth-child(4n) {border-right: none;}
.three-across .grid-item:nth-child(3n) {border-right: none;}
.grid-icon {height: 65px; margin-bottom: 20px; }
.grid-item h3 {color:#0067ac; font-size: 21px;;}
.grid-item p {font-size: 20px;}
.grid-icon img {width: auto; max-height: 100%;}

/* tt-block-blue-banner */
.tt-block-blue-banner, .tt-block-blue-banner h2,.tt-block-blue-banner h3, .tt-block-blue-banner h4, .tt-block-blue-banner p {color: #fff !important; }
.tt-block-blue-banner p  {font-size: 21px;}

/* tt-block platform experts */
.platform-section-heading {width: 200px; float: left; padding-right: 30px;}
.platform-section-heading h2 {font-size: 23px; font-weight: 600; text-align: left;}
.platform-logo {height: 55px;display: flex; align-items: center;justify-content: center; margin-bottom: 10px;}
.platform-logo img {max-height: 100%;}
.platform-expert {padding: 0 15px}
.platform-expert h3 {font-size: 18px; font-weight: 600; color:#000;}

/* formatted list */
.shield-ordered ol {padding-left:0;display: flex; flex-wrap: wrap; list-style: none;counter-reset:item;}
.shield-ordered ol li {width: 50%; margin-bottom: 20px; font-size: 18px; font-weight: 300;  line-height: 1.4em; padding: 0 30px 50px 80px; position: relative;}
.shield-ordered ol li:before,.shield-ordered ol li:after { position:absolute;left:0;top:.50px; width:50px;height:40px}
.shield-ordered ol li:before { content:counter(item) " "; counter-increment:item; z-index:2; color:#fff; font-family:poppins,sans-serif; font-size:21px; font-weight:600; text-align:center; line-height:1.75em}
.shield-ordered ol li:after { content:url("../../../images/ol-badge.svg");z-index:1}
.checked-unordered ul {column-count: 2; column-gap: 20px; list-style: none; padding-left: 0;}
.checked-unordered ul li {position: relative; list-style: none; line-height: 1.5em; margin-bottom: 25px; display: block; padding-left: 35px;}
.checked-unordered ul li:before {content: url("../../../images/check-mark-circled.svg");  position: absolute;left: 0; top: 0;}

/* Guttenberg block styles */
.wp-block-columns p a {border-bottom: 1px dotted #0067ac; color:#0067ac;}
.wp-block-button a {position: relative;}
.wp-block-button a:after {content:'\21FE'; display: inline-block; padding-left: 10px; font-size: 20px;}

/* LOGOS  */
.partner-logo {padding: 20px; position: relative;}
.partner-logo a {display: block;  height: 100%;}
.partner-logo img {max-height: 110px; max-width: 350px;}

/* UPCOMING EVENTS BANNER */
.upcoming-events-banner,.tt-block-blue-banner {background-image: linear-gradient(45deg,#0067ac,#094770);}
.upcoming-events-banner h4, .upcoming-events-banner h3 {margin-bottom: 5px;}
.upcoming-events-banner h5 {margin-top: 0px; margin-bottom: 0px;}

.tt-block-blue-banner .inner {padding-top: 50px; padding-bottom: 50px;}

/* team */
.person {padding: 2%;}
.person-inner {height: 300px; position: relative;}
.person-inner .headshot {width: 100%; height: 100%; object-fit: cover;}
.person-info {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(11,37,68,0.8); opacity: 0; pointer-events: none; transition: all 0.3s cubic-bezier(0.075, 0.82, 0.165, 1);}
.person-inner:hover .person-info {opacity: 1; pointer-events: initial;}
.person-social {position: absolute; right:0; bottom:0;}
.person-info__inner {position: absolute; left: 0; bottom: 0; width: 100%; padding: 20px; color: #fff;}
.person-info__inner a {color: #fff;}
.person-info__inner h3,.person-info__inner h4 {margin-bottom: 5px;opacity: 0; transition: all 0.3s ease-in-out; transform: translateY(20px); transition-delay: .05;}
.person-info__inner h4 {font-weight: 300; margin-bottom: 5px; transition-delay: .1s; }
.person-info__inner a {font-weight: 600; opacity: 0; transition: all 0.3s ease-in-out; transition-delay: .15s; transform: translateY(20px);}
.person-inner:hover .person-info__inner h3,.person-inner:hover .person-info__inner h4,.person-inner:hover .person-info__inner a {transform: translateY(0); opacity: 1;}
.person-social a {padding: 10px; background-color: #0067ac; display: inline-block; margin-left: -4px; height: 36px;}
.person-social a svg {top: 50%; transform: translateY(-50%);}
.blog-pagination {font-weight: bold;}
.blog-pagination a {padding: 0 5px; color: var(--color-blue);}
.blog-pagination .prev, .blog-pagination .next {text-decoration: underline;}

/* BLOG */
.hero--blog {background-image: url("../../../images/banners/hero.jpg");}
.all-posts .inner {display: flex; flex-wrap: wrap;flex-direction: row; justify-content: center;max-width: 1200px; margin: 0 auto; padding-top: 75px; padding-bottom: 75px;}
.blog-sub-hero .inner {padding-top: 75px; padding-bottom: 55px;}
.post-tile { width: 30%;margin: 1% 1% 4%;border-radius: 12pt;overflow: hidden;box-shadow: 0 2px 24px #00000026;background-color: #fff;display: flex;flex-direction: column;}
.post-tile h3 a {color: var(--color-blue);}
.post-featured-image {height: 170px;}
.post-featured-image img {object-fit: cover; width: 100%; height: 100%;}
.tile-content {padding: 15px;flex-grow: 1; font-size: 1.72rem;line-height: 1.3em;}
.tile-btm {padding: 15px; display: flex;flex-direction: revert; align-items: center; justify-content: space-around;}
.grav-wrap {height: 64px;width: 64px; border-radius: 50%;overflow: hidden;}
.tile-meta {display: flex;
    flex-direction: row;}
.tile-meta h3 {padding-left: 20px;  margin-left: 20px;border-left: .5px solid #ccc; font-weight: bold;}
.tile-month {font-size: 15px;}
.tile-day {font-size: 20px;}
.tile-btm a{color:#0067ac; font-weight: 600;}
.tile-author-name {font-weight: bold;font-size: .9em;}
.screen-reader-text {display: none;}
#authors-filter ,#searchform, .filter-wrap {display: inline-block;vertical-align: middle; }
#authors-filter {border: 1px solid #ECECEC; padding: 6px 10px; font-size: 18px;border-radius: 4px; border-radius: 20px; margin-right: 10px;}
.filter-wrap {margin: 0 20px; padding-right: 20px; border-right: 2px solid #fff;}
#searchform #s {width: 200px; padding: 5px 10px; font-size: 18px; width: 300px; border-radius:20px; border:none;  margin-right: 10px;}
.wp-block-column .tile-month {word-break: initial !important;}

/* BLOG SINGLE */
.hero--single-post:before {content:''; width: 100%; height: 100%; left: 0; top:0; display: block; position: absolute; background-color: rgba(0,0,0,0.65);}
.single-post article a {text-decoration: none; color: #0067ac;font-weight: 400;   border-bottom: 1px dotted #0067ac;}
.single-post article {max-width: 800px; margin: 0 auto; padding: 15px;}
.single-post-meta {display: flex; flex-direction: row; justify-content: center;}
.single-post article h1 {color: var(--color-blue)}
pre code {background-color: #333; color: #eee;font-size: 85%;padding: 18pt; border-radius: 12pt; margin: 2em 0; overflow: auto; display: block;}
.single-post article h2, .single-post article h3, .single-post article h4, .single-post article h5, .single-post article h6 {margin-top: 3em; text-transform: none;}
.single-post article h2 {text-align: center;}
.single-author-info {display: flex; flex-direction: row;justify-content: space-between; align-items: center;}
.post-author p {margin-bottom: 0;}
.post-author-from {border-left: 1px solid #ccc;}
.post-social p {margin: 5px; font-size: 14px;}

/* EVENTS */
.hero--events {background-image:url("../../../images/banners/media.jpg")}
.resp-container { position: relative;overflow: hidden; padding-top: 56.25%;}
.resp-iframe { position: absolute;top: 0; left: 0;width: 100%;height: 100%;border: 0;}
.next-event h2 {color: #77aed3; border-bottom: 4px solid #77aed3;font-size: 25px; display: inline-block;}
.next-event h2 span {padding: 0 25px 10px; display: block;}
.next-event h3 {font-size: 44px; text-transform: uppercase;}
.next-event h4 {color: var(--color-blue);text-transform: uppercase;}
.past-events {max-width: 1600px; margin: 0 auto;}
.next-featured {padding-left: 30px;}
.upcoming-cards {display: flex; flex-direction: row; justify-content: space-between; flex-wrap: wrap;}
.ue-card {box-shadow: 0 10px 30px rgba(0,0,0,0.15); margin-bottom: 50px;}
.half-card {width: calc(50% - 25px);}
.ue-card__top {height: 230px; background-color:var(--color-blue); display: flex; justify-content: center; flex-direction: column;}
.ue-card.full-card {width: 100%;}
.ue-card__top h3 {font-size: 34px; font-weight: 600;}
.pe-card__meta {padding:20px 0;}
.pe-card__date {padding-right: 20px;}
.pe-card__title {padding-left: 20px; border-left: 1px solid #ccc;}
.pe-card__title h3 {font-size: 20px; margin-bottom: 10px;}
.pe-card__title h4 {margin-bottom: 0px;}
.pe-card__month,.pe-card__day {font-size: 24px; text-transform: uppercase; font-weight: bold;}
.pe-card__day {font-size: 34px;}

/* SINGLE EVENT */
.hero--single-event:before, .bg-overlay:before, .bg-image-overlay:before {content:''; position: absolute; left:0; top:0; width: 100%; height: 100%; background-color: rgba(16, 60, 90, 0.7); display: block;}
.event-form ._form {padding: 0}
.event-form.float50 {padding-left: 30px;}
.event-description.float50 {padding-right: 30px;}

/* MODAL */
#modal {max-width: 900px; left:50%; top:50%; transform: translate(-50%, -50%); position: fixed; background-color: #fff; border-radius: 8px; padding: 30px}
#modal-close {position: absolute; top:10px; right: 10px; cursor: pointer;}
.modal-info {font-size: 18px;}
#fade {background-color: rgba(0,0,0,0.8); position: fixed; left:0; top:0; width: 100vw; height: 100vh; cursor: pointer;}

/* FORM STYLES */
._form {max-width: 800px; margin:0 auto; width: 100%;}
._form input, textarea {width: 100%; padding: 15px 10px;box-shadow: none;border: 1px solid #aaa; margin-bottom: 20px;font-size: 16px;}
._form-branding {display: none;}

/* FOOTER */
footer {background-color: #212124;color: #fff;}
footer a {color: #fff;}
.lower-footer {background-color: #2b2b2d; padding: 15px 0px;}
footer h3 {font-size: 15px; text-transform: uppercase; color: #fff;}
footer .menu,footer menu {padding-left: 0px;}
footer menu li {list-style: none; line-height: 1.5em; margin-bottom: .5em;}
footer menu li a {color: #fff;}
.footer-social a {margin-left: 10px;}
._form {padding: 75px 30px;}
._form-label {padding-bottom: 10px; font-weight: bold; display: block;}
._form-thank-you {background-color: #0067ac;padding: 20px;border-radius: 12px;color: #fff;font-weight: bold;font-size: 24px;text-align: center;}
._button-wrapper {text-align: center;}
._form-content button._submit {background-color: transparent; color: #0067ac; border: 2px solid #0067ac;font-size: 18px;text-transform: uppercase; padding: 13px 75px;font-weight: bold;border-radius: 30px;}
._form-content p {font-size: 20px; font-weight: 500;}
._form-title {font-size: 24px; font-weight: bold; margin-bottom: 20px;}
/* Media Queries. Use these, modify breakpoints, add, or delete.  */

@media (max-width: 1200px){
    .hero {position: relative;}
    .hero .inner {position: relative;z-index: 1;}
    .hero:before {background-color: rgba(0,103,172,.7); width: 100%; height: 100%; display: block; top:0; left:0; position: absolute; content:'';}
  
}

@media (max-width: 1100px){
    .full-1100 { float: none; width: 100%; display: block; }
    .no-flex-1100 {display: block !important;}
    .hex-blocks-wrapper {background:none;}
    header {height: 65px;}
    header menu {display: block;}
    #main-nav.sticky.scrolling-up {padding: 14px 0;}
    .hex-blocks-wrapper .hex,.hex-blocks-wrapper .hex:nth-child(2n) {width: 100%; max-width: 590px; margin: 0 auto 50px; height: auto; }
    .inner, .wp-block-columns, .wp-block-media-text {padding-left: 15px; padding-right: 15px;}
    header {z-index: 2;}
    header .logo {width: 265px; padding-top: 0;}
    header menu,#menu-top-nav {padding-left: 0px;}
    header menu {background-color: #fff; display: none;}
    header menu li {display: block;}
    header menu a {color: var(--color-tt-black);}
    header menu li .sub-menu {position: relative; display: block; opacity: 1; transform: translateY(0); box-shadow: none; display: none; padding: 5px 15px;}
    header .menu-item-has-children > a::after { right: 20px; position: absolute;}
    .burger {width: 25px;height: 18px; position: absolute; top:20px; right: 15px; display: flex;align-items: center; justify-content: space-between;  flex-direction: column;cursor: pointer;}
    .bun,.patty {height: 2px;width: 100%; background-color: #fff;}
}

@media (max-width: 1000px){
    .half-1000 { width: 50%; }
    .full-1000 { float: none; width: 100%; display: block; }
    .no-flex-1000 { display: inherit;}
    .platform-section-heading {text-align: center; padding-right: 0px;}
    .platform-section-heading h2 {text-align: center;}
    .platform-experts.full-1000 {text-align: center;}
    .platform-experts.full-1000 .w20 {display: inline-block; width: 33.33%; margin-left: -4px;}
    .post-tile {width: 48%;}
}
@media (max-width: 800px){
    :root {
		--val-baseline: 10px;
	}
    .half-800 { width: 50%; }
    .full-800 { float: none; width: 100%; display: block; }
    .no-flex-800 { display: inherit;}
    .inner {padding-left: 15px; padding-right: 15px;}
    .grid-item.w25 {width: 33.33%;}
    .grid-item,.three-across .grid-item:nth-child(3n),.three-across .grid-item:nth-child(4n),.grid-item.border-btm {border:none;}
    h1 {font-size: 44px;}
    h2 {font-size: 36px;}
    h3 {font-size: 20px}
    .wp-block-spacer {max-height: 50px;}
    .wp-block-columns, .wp-block-media-text {margin-top: 40px;}
    #modal {width: 95%;}
    .half-card {width: 100%;}
    .upcoming-cards {flex-direction: column;}
    .pe-card.w33 {width: 50%;}
    .next-event h3 {font-size: 36px;}
    .next-featured {padding-left: 0px;} 
    .banner-event.flex-row.flex-vert-center {flex-direction: column; justify-content: center; align-items: initial;}
    .banner-event.flex-row.flex-vert-center .w33, .banner-event.flex-row.flex-vert-center .w66 {width: 100%; text-align: center;}
    .banner-event.flex-row.flex-vert-center .w33 {margin-top: 30px;}
    .upcoming-events-banner {text-align: center; padding-top: 30px; padding-bottom: 30px;}
}
@media (max-width: 600px){
    .half-600 { width: 50%; }
    .full-600 { float: none; width: 100%; display: block; }
    .no-flex-600 { display: inherit;}
    h1 {font-size: 38px;}
    h2 {font-size: 28px;}
    h3 {font-size: 18px}
    .hex-blocks-wrapper .hex, .hex-blocks-wrapper .hex:nth-child(2n) {width: 95vw;}
    .hex-blocks-wrapper .hex-inner {height: 95vw;}
    .hex-blocks-wrapper .hex-inner .hex-top h3 {font-size: 4vw; margin-bottom: 5px;;}
    .hex-blocks-wrapper .hex-inner .hex-top p {font-size: 3.5vw;}
    .hex-blocks-wrapper .hex-inner .hex-top {max-width: 100%;}
    .hex-blocks-wrapper .hex-inner .hex-top, .hex-blocks-wrapper .hex-inner .hex-bottom {padding: 0 11vw;}
    .hex-blocks-wrapper .hex-inner .hex-top .badge {height: 35px; width: 45px; margin-bottom:  5px;}
    .partner-logo {margin-bottom: 30px;}
    .checked-unordered ul {column-count: 1; column-gap: 0;}
    .post-tile {width: 100%;}
    .modal-info.float66 {float: none; width: 100%;}
    .modal-image { margin-right: 15px;}
    .event-form.float50 {padding-left: 0;}
.event-description.float50 {padding-right: 0;}
.next-event h3 {font-size: 28px;}
.filter-wrap {margin-bottom: 10px; border-right: none; padding-right: 0;}
#searchform #s {width: 240px;}
.search-bar .inner {padding: 20px 15px;}

}
@media (max-width: 500px){
    .half-500 { width: 50%; }
    .full-500 { float: none; width: 100%; display: block; }
    .no-flex-500 { display: inherit;}
    .grid-item.w25, .grid-item.w33 {width: 50%;}
    .grid-item p {font-size: 16px;}
    .platform-experts.full-1000 .w20 {display: inline-block; width: 50%; margin-left: -4px;}
    .person.w50 {display: block;width: 100%;}
    .home .hero .inner {padding-bottom: 75px;}
    .pe-card.w33 {width: 100%;} 
}
@media (max-width: 400px){
    .half-400 { width: 50%; }
    .full-400 { float: none; width: 100%; display: block; }
    .no-flex-400 { display: inherit;}
}