html {scroll-behavior: smooth;}
body {line-height: 1; overflow: hidden; position: relative; font-size: 22px; font-family: Mulish, sans-serif;font-weight: 400;font-style: normal;}
h1 {line-height: 86px; font-size: 70px;  margin-bottom: 25px; font-family: 'Recoleta';}
h1 a {border-bottom: 2px solid #000; text-decoration: none; color: inherit;}
h2 {line-height: 86px; font-size: 70px; margin-bottom: 25px; font-family: 'Recoleta';}
h2 a {border-bottom: 2px solid #000; text-decoration: none; color: inherit;}
h3 {line-height: 1; font-size: 30px; line-height: 42px; margin-bottom: 25px; font-family: 'Recoleta';}
h3 a {border-bottom: 2px solid #000; text-decoration: none; color: inherit;}
h4 {line-height: 1;  font-family: Mulish, sans-serif;font-weight: 400;font-style: normal; font-size: 30px; margin-bottom: 15px; color: #00c2cb;}
h4 a {border-bottom: 2px solid #000; text-decoration: none; color: inherit;}
h5 {line-height: 1;  font-family: Mulish, sans-serif;font-weight: 400;font-style: normal;}
p {font-size: 22px; line-height: 40px; font-family: Mulish, sans-serif;font-weight: 300;font-style: normal; margin-bottom: 25px; color: #28373f;}
p a {border-bottom: 2px solid #000; text-decoration: none; color: inherit;}
p:last-child {margin-bottom: 0;}
p .button {display: inline-block; margin-top: 30px;}
p a {color: #444; text-decoration: none; border-bottom: 1px solid #000;}
ul, ol {margin: 25px;}
li {font-size: 20px; line-height: 36px; font-weight: 200;font-style: normal;}
strong {font-weight: 700;}
p img {display: inline-block;}
p span {color: #bf1017;}
blockquote p {color: #a5202e;}
button {font-family: Mulish, sans-serif;}

.flex-alt {display: flex;flex-flow: row wrap;}

/* General */
.noscroll {height: 100vh; overflow-y: hidden;}

.button {padding: 25px 60px; outline: 0; background: #f5af37; font-weight: 600; border: 1px solid #f5af3700; color: #000; border-radius: 8px; line-height: 1; text-decoration: none; font-family: Mulish, sans-serif;font-style: normal; font-size: 21px;transition: 0.3s;}
.button:hover {border: 1px solid #f5af37; color: #f5af37; background: #f5af3700;}

.custom-next {position: absolute; width: 50px; right: 25px; top: 50%; transform: translateY(-50%); z-index: 99; cursor: pointer;}
.custom-prev {position: absolute; width: 50px; left: 25px; top: 50%; transform: translateY(-50%) rotate(180deg); z-index: 99; cursor: pointer;}

.close-icon {padding: 25px;left: 0px; top: 0; position: absolute; z-index: 9999; overflow: hidden; transition: 0.5s; transform: rotate(180deg); cursor: pointer;}
.close-icon::before {content: ''; position: absolute; width: 1px; height: 30px; background: #000; transform: rotate(45deg); top: 10px; transition: 0.5s;}
.close-icon::after {content: ''; position: absolute; width: 1px; height: 30px; background: #000; transform: rotate(-45deg); top: 10px; transition: 0.5s;}

.close-icon:hover::before {transform: rotate(-135deg) !important;}
.close-icon:hover::after {transform: rotate(-225deg)!important;}

.popout-main-container {opacity: 0; position: fixed; bottom: 25px; right: -50%; z-index: 999; transition: 0.6s; max-width: 600px;}
.popout-main-container article {padding: 50px;border: 2px #54b0f1 solid; background: #fff;}
.popout-main-container.active-popout {right: 25px; opacity: 1;}

.hamburger { width: 50px; height: 30px; position: fixed; cursor: pointer; right: 13px;top: 85px; transition: 0.3s; z-index: 99999; display: none; transform: translateY(-50%) scale(0.6);}
.hamburger::after { content: ''; background: #cc0200; width: 100px; height: 100px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); border-radius: 150px; z-index: -9; transition: 0.3s;}
.hamburger.remove-hamburger {display: none;}
.hamburger.active {top: 40px;}
.hamburger.active::after {background: #fff; left: 150%;}
.hamburger span {height: 2px; background: #fff; width: 100%; position: absolute; opacity: 1; transition: 0.3s;}
.hamburger span:nth-child(1) {top: 0;}
.hamburger span:nth-child(2) {top: 15px;}
.hamburger span:nth-child(3) {bottom: 0;}

.hamburger.active span {background: #000;}
.hamburger.active span:nth-child(2) {opacity: 0; transform: rotate(90deg); top: 15px;}
.hamburger.active span:nth-child(1) {top: 0; transform: rotate(135deg); top: 15px;}
.hamburger.active span:nth-child(3) {bottom: 0; transform: rotate(225deg); top: 15px;}

header.sticky .hamburger {top: 40px;}

.mobile-nav {position: fixed;background: #fff;top: 0; z-index: 9999; height: 0; width: 0; left: 100%; border-radius: 1000px 0 1000px 1000px; box-sizing: border-box; overflow-y: scroll; overflow-x: hidden; transition: 0.5s;}

.mobile-nav ul {margin: 0;}
.mobile-nav > ul {margin: 0; opacity: 0; position: relative; right: -150px; top: 50px; width: 100%; transition: 1s;}
.mobile-nav.active > ul {opacity: 1; right: -30px;}
.mobile-nav > ul li {display: block; width: 100%;}
.mobile-nav > ul li a {width: 100%; color: #000; font-size: 20px; padding: 0; text-decoration: none; padding: 5px 0; display: block;}
.mobile-nav > ul li a span {display: block; color: #9aa2a6; font-family: 'Recoleta'; font-size: 14px; line-height: 1;}
.mobile-nav.active {border-radius: 0; height: 100vh; width: 100vw; left: 0;}

.mobile-nav > ul li.sub-mobile ul {position: fixed; right: -100%; top: 0; width: 100%; padding: 50px 30px; height: 100%;box-sizing: border-box; background: #f6f6f6; border-radius: 40px 0 0 40px; z-index: 999999; transition: 0.5s;}
.mobile-nav .close-icon {left: auto; right: 0px; top: 50px;position: fixed; z-index: 9999999; opacity: 0;transition: 0.3s;}
.mobile-nav > ul li.sub-mobile.active ul {right: -30px;}
.mobile-nav.sub-active .close-icon {right: 30px; opacity: 1;}

.gal-container {position: relative; width: 18%; margin: 10px; cursor: pointer;}
.gal-container .gal-item {height: 200px; overflow: hidden; position: relative; border-radius: 15px; transition: 0.3s;}
.gal-container .gal-item img {position: absolute; transform: translate(-50%, -50%); left: 50%; top: 50%; width: 100%; height: 100%; width: auto; max-width: none;}
.gal-container .gal-pop {position: fixed; opacity: 0; transition: 0.5s; width: 75%;transform: translate(-50%, -50%); left: 150%; top: 50%; z-index: -999;}
.gal-container .gal-pop img {width: 50%; transition: 0.3s;}
.gal-container .gal-pop::after {content: ''; background: #0008; width: 101vw; height: 101vh; z-index: -1; position: absolute; transform: translate(-50%, -50%); left: 150%; top: 50%; transition: 0.6s;}
.gal-container.active {cursor: default;}
.gal-container.active .gal-pop img {width: 100%;}
.gal-container.active .gal-pop {opacity: 1; z-index: 999;  transform: translate(-50%, -50%); left: 50%;}
.gal-container.active .gal-pop::after {transform: translate(-50%, -50%); left: 50%;}
.gal-container .gal-pop .close-icon {padding: 18px 27px 33px 40px; border-radius: 60px 0px 0px 0px;}

.gal-container:hover .gal-item {transform: scale(1.1);}

.wrapper {max-width: 1620px; margin: 0 auto;}
.wrapper-sml {max-width: 68%; margin: 0 auto;}

header {background: #cc0200;border-bottom: 1px solid #eee;}
header .logo {width: 240px;}
header p {color: #fff; margin: 0;}
header .bottom-header-item .wrapper > .button {padding: 20px 40px !important; color: #f5af37 !important; background: #f5af3700; border: 1px solid #f5af37;}
header .bottom-header-item .wrapper > .button:hover {color: #000 !important; background: #f5af37}
header ul:last-child li::after {display: none !important;}
header .wrapper ul {margin: 0;}
header .wrapper ul li {list-style: none; position: relative; z-index: 99; text-align: center;}
header .wrapper ul li a {text-decoration: none; color: #28373f; padding: 45px 15px; font-size: 19px; display: block; line-height: 1; position: relative;transition: 0.3s; font-weight: 600;}
header .wrapper ul li a span {display: block; color: #9aa2a6; font-family: 'Recoleta'; margin-top: 5px;}
header .social-header {justify-content: flex-end; align-items: center;}
header .social-header a {padding: 0 10px;}
header .social-header a img {height: 30px; width: auto;}

/* header .wrapper ul.main-nav li a::after {content: ''; width: 30px; height: 30px; background: #fff; transform: translateX(-50%) rotate(45deg); left: 50%; bottom: -45px; z-index: 999; box-shadow: 0 0 20px -6px #0009; position: absolute;transition: 0.3s;}
header .wrapper ul.main-nav li:hover a::after {bottom: -15px;} */

.main-nav {position: absolute; left: 50%; top: 50%; max-width: 950px; transform: translate(-50%, -50%); width: 100%; justify-content: center !important;}

header .top-header-item {padding: 10px 0;}
header .top-header-item ul a {padding: 0 15px !important; color: #fff !important;}
header .top-header-item ul a span {color: #fff !important; font-size: 12px;}

header .bottom-header-item {background: #fff; padding: 36px 0; border-radius: 40px 40px 0 0; position: relative; z-index: 9999;}

.dropdown-menu {position: fixed; box-sizing: border-box; top: 100%; width: 85vw; left: 50%; transform: translateX(-50%); padding: 75px 90px; box-sizing: border-box; background: #fff; border-radius: 20px; box-shadow: 0 0 50px -20px #0009; z-index: 9999; overflow: hidden; max-width: 1620px; display: none;transition: 0.3s;}
.dropdown-menu ul {align-items: flex-start; }
.dropdown-menu li {width: 30%; color: #000; margin-bottom: 30px; list-style: none;}
.dropdown-menu li:nth-child(4) {margin-bottom: 0;}
.dropdown-menu li:nth-child(5) {margin-bottom: 0;}
.dropdown-menu li:nth-child(6) {margin-bottom: 0;}
.dropdown-menu li strong {font-size: 24px; line-height: 40px;}
.dropdown-menu li a {text-decoration: none; color: #28373f; text-align: left; padding: 0 !important;}
.dropdown-menu li p {color: #000; margin: 0; font-size: 16px; line-height: 22px;}
.dropdown-menu li a.button {background: #00c2cb; padding: 25px 60px !important; text-align: center !important;}
.dropdown-menu li a.button:hover {border: 1px solid #00c2cb; color: #00c2cb !important; background: #00c2cb00;}

header .bottom-header-item ul li.active-drop-hover .dropdown-menu {display: block;}

.home-banner-container {height: 85vh; overflow: hidden; position: relative; background: #00252f; z-index: 999;}
.home-banner-container::after {content: '';position: absolute;bottom: 0;width: 90%;height: 100%; left: 0; background: linear-gradient(to right, #00252f 40%, #fff0 100%);z-index: 9;transition: 0.5s;}
.home-banner-container figure {position: absolute; width: 65%; right: 0; top: 0; height: 100%;}
.home-banner-container figure img {position: absolute; width: 100%; height: 100%; object-fit: cover; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.home-banner-container .wrapper {position: relative; left: 0; top: 45%; transform: translateY(-50%); width: 100%; max-width: 1500px; box-sizing: border-box; z-index: 99;}
.home-banner-container article {max-width: 768px; }
.home-banner-container article h1 {color: #fff;}
.home-banner-container article h2 {color: #fff;}
.home-banner-container article h3 {color: #fff;}
.home-banner-container article p {color: #fff; font-size: 30px; line-height: 48px;}
.home-banner-container article li {color: #fff;}

.events-training-container {padding: 200px 0 400px 0; margin-bottom: 100px; background: #ffd49d; position: relative;}
.events-training-container h2 {text-align: center; position: relative; z-index: 99; margin: 0;}
.events-training-container > article {position: absolute; bottom: -100px; left: 50%; transform: translateX(-50%); max-width: none; width: 180vw; z-index: 99;}

.event-training-item .block-one {width: 40%; position:relative}
.event-training-item .block-two {width: 60%; position:relative}
.event-training-item figure {overflow: hidden;border-radius: 40px 0 0 0;width: 100%;height: 100%;position: relative;}
.event-training-item figure img {width: 100%; height: 100%; position: absolute; object-fit: cover;}
.event-training-item article {padding: 8%; box-sizing: border-box; background: #f6f6f6; border-top: 6px solid #f5af37;}
.event-training-item article span {color: #f5af37; display: block; margin-bottom: 30px;}
.event-training-item article .button-group {justify-content: flex-end;}
/*.event-training-item article .button-group .button:first-child {background: none; color: #28373f;}*/
/*.event-training-item article .button-group .button:first-child:hover {border: 1px solid #0000 !important;}*/

.event-training-item article .event-date-loc {justify-content: flex-start; column-gap: 5%;}
.event-training-item article .event-date-loc p.flex-row {margin: 0; line-height: 1; font-size: 18px;}
.event-training-item article .event-date-loc p.flex-row img {width: 19px; margin-right: 20px;}

.social-container {padding: 300px 0 100px 0; position: relative;}
.social-container .wrapper {position: relative;margin-bottom: -300px;z-index: 99;}
.social-container > .flex-row {column-gap: 8%; justify-content: flex-start; align-items: flex-start;}
.social-container figure {width: 44%;}
.social-container figure .social-image {width: 48%; overflow: hidden; border-radius: 40px 0 0 0; margin: 15px 0;}
.social-container figure .social-image img {width: 100%;}
.social-container article {width: 28%; position: relative; padding: 120px 0;}
.social-container article h2 {font-size: 80px; line-height: 84px;}
.social-container article a.flex-row {justify-content: flex-start; text-decoration: none; color: inherit; margin-bottom: 20px; transition: 0.3s;}
.social-container article a.flex-row:hover {color: #f5af37; transform: scale(1.1);}
.social-container article a.flex-row img {height: 30px; margin-right: 30px;}
.social-container .social-feat-image {position: absolute; right: 0; top: 0; z-index: 1; width: 100px;}

.article-feat-container {position: relative; padding-bottom: 300px;}
.article-feat-container > article {padding: 300px 0; position: relative; background: #00c2cb; overflow: hidden;}
.article-feat-container > article::after {content: ''; background: url('/images/main/stories-bak-01.png'); background-size: 100% 100%; width: 937px; height: 1064px; position: absolute; right: -5%; top: -45%;}

.article-feat-container h2 {text-align: center; color: #fff; position: relative; z-index: 99;}
.article-feat-container .wrapper-sml {position: relative; margin-top: -200px;}
.article-feat-container .article-feat-img {position: absolute; left: 50%; bottom: 227px; transform: translateX(-50%); display: block; transition: 0.6s;}

.article-feat-item {max-width: 1150px; margin: 0 auto 50px auto;}
.article-feat-item .block-one {width: 40%; position:relative}
.article-feat-item .block-two {width: 60%; position:relative}

.article-feat-item figure {overflow: hidden;border-radius: 0 70px 0 0;width: 100%;height: 100%;position: relative;}
.article-feat-item figure img {width: 100%; height: 100%; position: absolute; object-fit: cover;}
.article-feat-item article {padding: 8%; box-sizing: border-box; background: #f6f6f6;}
.article-feat-item article h3 {font-size: 36px; line-height: 44px;}
.article-feat-item article p {font-size: 22px; line-height: 30px;}
.article-feat-item article .button-group {justify-content: flex-end;}
.article-feat-item article .button {background: #00c2cb; color: #fff;}
.article-feat-item article .button:hover {border: 1px solid #00c2cb; color: #00c2cb; background: #00c2cb00;}

.article-feat-item article .date-item {justify-content: flex-start; margin-bottom: 50px; line-height: 1; font-size: 18px;}
.article-feat-item article .date-item img {width: 19px; margin-right: 15px; position: relative;bottom: 2px;}

.cta-container {background: #cb0a12; overflow: hidden; position: relative;}
.cta-container::after {content: ''; background: url('/images/main/cta-bak-01.png'); background-size: 100% 100%; width: 1066px; height: 1012px; position: absolute; right: -5%; top: 5%;}
.cta-container .wrapper-sml {max-width: 1475px;}
.cta-container .wrapper-sml,.cta-container .wrapper {position: relative; padding: 140px 0;}
.cta-container .wrapper article {width: 45%;}
.cta-container .wrapper-sml article p {max-width: 566px;}
.cta-container.bottom-cta-container .wrapper article {width: 75%;}
.cta-container article {position: relative; z-index: 99;}
.cta-container article h1 {color: #fff;}
.cta-container article h2 {color: #fff; font-size: 90px; line-height: 96px;}
.cta-container article p {color: #fff;}
.cta-container .join-cta-button {position: absolute; right: 150px; bottom: 0; padding: 35px 60px; background: #f5af37; color: #000; text-align: center; border-radius: 80px 80px 0 0; text-decoration: none; font-size: 45px; z-index: 99; font-family: 'Recoleta'; transition: 0.6s;}
.cta-container .join-cta-button span {display: block; font-size: 24px; color: #000; font-family: Mulish, sans-serif;}
.cta-container .join-cta-button:hover {transform: scale(1.1);}

.join-cta-button.flex-row {column-gap: 4%; width: 350px; justify-content: center; box-sizing: border-box;}
.join-cta-button.flex-row img {width: 65px;}

.banner-nav {background: #cc0200; border-radius: 100px 100px 0 0; padding: 45px 60px; width: 85%; box-sizing: border-box; left: 50%; top: -90px; position: absolute; transform: translateX(-50%); z-index: 999;}
.banner-nav a {width: 50%; text-align: center; color: #fff; font-size: 55px; text-decoration: none; box-sizing: border-box; font-family: 'Recoleta';}
.banner-nav a span {display: block; font-size: 30px; color: #f5af37;font-family: Mulish, sans-serif; margin-top: 10px;}

.banner-nav a:first-child {border-right: 1px solid #e51927;}
.banner-nav a:last-child {border-left: 1px solid #e51927;}

.custom-navigation {width: 415px; left: 50%; top: 70px; position: absolute; transform: translateX(-50%); height: 50px;}
.custom-navigation .swiper-button-next {--swiper-theme-color: #f5af37; width: 20px; height: 20px; right: 0; left: auto; top: 50%; transform: translateY(-50%); position: absolute; margin-top: 0; --swiper-navigation-size: 16px; transition: 0.3s;}
.custom-navigation .swiper-button-next::before {content: ''; width: 50px; height: 50px; border-radius: 100%; border: 1px solid #f5af37; left: 50%; top: 50%; transform: translate(-50%, -50%); position: absolute; z-index: -9; transition: 0.3s;}
.custom-navigation .button {left: 50%; top: 50%; position: absolute; transform: translate(-50%, -50%); border: 1px solid #f5af3700; color: #000; background: #f5af37;}
.custom-navigation .button:hover {border: 1px solid #f5af37; color: #f5af37; background: #f5af3700;}
.custom-navigation .swiper-button-prev {--swiper-theme-color: #f5af37; width: 20px; height: 20px; left: 0; right: auto; top: 50%; transform: translateY(-50%); position: absolute; margin-top: 0; --swiper-navigation-size: 16px; transition: 0.3s;}
.custom-navigation .swiper-button-prev::before {content: ''; width: 50px; height: 50px; border-radius: 100%; border: 1px solid #f5af37; left: 50%; top: 50%; transform: translate(-50%, -50%); position: absolute; z-index: -9; transition: 0.3s;}

.custom-navigation .swiper-button-next:hover {--swiper-theme-color: #fff;}
.custom-navigation .swiper-button-next:hover::before {background: #f5af37;}
.custom-navigation .swiper-button-prev:hover {--swiper-theme-color: #fff;}
.custom-navigation .swiper-button-prev:hover::before {background: #f5af37;}

.blurb-intro-container {padding: 150px 0; position: relative;}
.blurb-intro-container .flex-row {column-gap: 4%; align-items: flex-start;}
.blurb-intro-container article {width: 48%;}
.blurb-intro-container article.small-article {width: 45%; position: relative;}
.blurb-intro-container article.small-article h2 {font-size: 60px; line-height: 76px;}
.blurb-intro-container article.large-article {width: 51%;}
.blurb-intro-container article:last-child {padding-top: 10px;}
.heading-in-container article h2 {width: auto;display: inline-block;margin-left: 28%;}
.blurb-intro-container article h3 {font-family: Mulish, sans-serif; font-weight: 300; font-size: 30px; line-height: 48px;}
.blurb-intro-container article h4 {color: #28373f; font-family: 'Recoleta';}

.inside-simple-banner {position: relative; background: #000;}
.inside-simple-banner article {max-width: 1200px; width: 85%; left: 50%; top: 50%; transform: translate(-50%, -50%); position: absolute; text-align: center; z-index: 99;}
.inside-simple-banner article h1 {color: #fff;}
.inside-simple-banner article h2 {color: #fff;}
.inside-simple-banner article h3 {color: #fff;}
.inside-simple-banner article p {color: #fff;}
.inside-simple-banner article li {color: #fff;}
.inside-simple-banner figure {overflow: hidden;width: 100%;height: 70vh;position: relative;}
.inside-simple-banner figure img, .inside-simple-banner figure iframe {width: 100%; height: 100%; position: absolute; object-fit: cover; opacity: 0.8;}
.overlay-button-feat {position: absolute; left: 150px; bottom: 0; padding: 52px 60px; background: #f5af37; border-radius: 80px 80px 0 0; z-index: 99; max-width: 510px;}
.overlay-button-feat img {width: 50px; position: absolute; right: 50px; top: 50px; height: auto;}
.overlay-button-feat h3 {color: #000; margin: 0;}
.overlay-button-feat p {font-size: 22px; color: #000; margin: 0; line-height: 34px;}

.text-feature-container {background: #eee;}
.text-feature-container .wrapper {padding: 100px 0; }
.text-feature-container article {text-align: center; max-width: 1500px;margin: 0 auto;}

.text-blue-container {background: #00c2cb;}
.text-blue-container .wrapper {padding: 100px 0; }
.text-blue-container article h1 {color: #fff;}
.text-blue-container article h2 {color: #fff;}
.text-blue-container article h3 {color: #fff;}
.text-blue-container article h4 {color: #fff;}
.text-blue-container article p {color: #fff;}
.text-blue-container article p span {color: #fff;}
.text-blue-container article li {color: #fff;}

.inside-main-block-container {position: relative;}
.inside-main-block-container .block-one {width: 55%; position:relative}
.inside-main-block-container .block-two {width: 45%; position:relative}

.inside-main-block-container figure {overflow: hidden;border-radius: 0 40px 0 0;width: 100%;height: 100%;position: relative;}
.inside-main-block-container figure img {width: 100%; height: 100%; position: absolute; object-fit: cover;}
.inside-main-block-container article {padding: 25% 20%; box-sizing: border-box;}

.team-container {padding: 150px 0;}
.team-container > .wrapper > article {text-align: center;}
.team-container .flex-row {justify-content: center; column-gap: 4%; align-items: flex-start;}

.team-filter-container {padding: 30px 0;}
.team-filter-container li {padding: 32px 50px; border: 1px solid #0000; border-radius: 55px; font-size: 30px; list-style: none; cursor: pointer; transition: 0.3s;}
.team-filter-container li.active-filter {border: 1px solid #f5af37; color: #f5af37;}

.team-item {width: 21%; position: relative; margin-bottom: 30px; display: none; text-decoration: none; color: inherit;}
.team-item.team-active {display: block;}

.team-item figure {background: #b57373; position: relative; height: 450px; overflow: hidden; border-radius: 0 40px 0 0;}
.team-item figure img {position: absolute; width: 100%; height: 100%; object-fit: cover;}
.team-item article {padding: 30px 0;}
.team-item article h3 {font-size: 30px; line-height: 1; margin-bottom: 15px;}
.team-item article p {font-size: 16px; line-height: 22px; margin: 0;}

.inside-banner-container {height: 75vh; overflow: hidden; position: relative; background: #00252f; z-index: 999;}
.inside-banner-container::after {content: '';position: absolute;bottom: 0;width: 90%;height: 100%; left: 0; background: linear-gradient(to right, #00252f 40%, #fff0 100%);z-index: 9;transition: 0.5s;}
.inside-banner-container figure {position: absolute; width: 65%; right: 0; top: 0; height: 100%;}
.inside-banner-container figure img {position: absolute; width: 100%; height: 100%; object-fit: cover; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.inside-banner-container article {position: absolute; left: 11%; top: 50%; transform: translateY(-50%); width: 50%; box-sizing: border-box; z-index: 99;}
.filter-banner-container article {top: 45%; max-width: 700px;}
.inside-banner-container article h1 {color: #fff;}
.inside-banner-container article h2 {color: #fff;}
.inside-banner-container article h3 {color: #fff;}
.inside-banner-container article p {color: #fff; font-size: 30px; line-height: 48px;}
.inside-banner-container article li {color: #fff;}
.inside-banner-container article .date-item {justify-content: flex-start; margin-bottom: 50px; line-height: 1; font-size: 18px; color: #fff;}
.inside-banner-container article .date-item img {width: 19px; margin-right: 15px; position: relative;bottom: 2px;}

.job-container {padding: 100px 0 200px 0; position: relative;}
.job-container .wrapper.flex-row {justify-content: flex-start; align-items: inherit; column-gap: 1%;}
.job-container .pagination {position: absolute; left: 50%; bottom: 80px; transform: translateX(-50%); margin: 0;}

.article-item {width: 100%; max-width: 1200px;margin: 0 auto 25px auto; display: block; text-decoration: none; color: inherit;}

.article-item article {padding: 30px; box-sizing: border-box; background: #fff; overflow: hidden; border-radius: 0 70px 0 0; border: 1px solid #eee; position: relative;transition: 0.3s;}
.article-item article h3 {font-size: 30px; line-height: 36px; max-width: 75%;transition: 0.3s;}
.article-item article p {font-size: 22px; line-height: 30px; transition: 0.3s;}
.article-item article .date-item {justify-content: flex-start; margin-bottom: 50px; line-height: 1; font-size: 18px;}
.article-item article .date-item img {width: 19px; margin-right: 15px; position: relative;bottom: 2px; transition: 0.3s;}

.article-item article .tags-item {justify-content: flex-start; margin: 0; padding: 15px 0; column-gap: 2%;}
.article-item article .tags-item li {color: #000; list-style: none; font-size: 16px; line-height: 1; display: block;padding: 8px 15px; background: #e3e3e3; border-radius: 55px;transition: 0.3s;}
.article-item article h4 {font-size: 25px; font-weight: 300;}

.article-item article img.job-logo {width: 200px;padding-bottom: 30px;position: absolute;right: 45px;top: 35px;}

/* .article-item:hover article {background: #00c2cb; border: 1px solid #00c2cb;}
.article-item:hover article h3 {color: #fff;}
.article-item:hover article h4 {color: #fff;}
.article-item:hover article p {color: #fff;}
.article-item:hover .date-item {color: #fff;}
.article-item:hover article .date-item img {filter: invert() saturate(0%);} */

.article-filter {position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); z-index: 99; background: #bf1017; padding: 40px 100px; width: 75%; border-radius: 100px 100px 0 0;}
.article-filter .drop-form-item {width: 28%;}
.article-filter .drop-form-item .select-item {margin: 0 !important;}
.article-filter .drop-form-item .select-item select {height: 80px;}
.article-filter .button {padding: 18px 45px;}

.job-inside-container {padding: 150px 0;}
.job-inside-container .wrapper.flex-row {align-items: flex-start; max-width: 1350px; position: relative;}
.job-inside-container .job-logo {position: relative; left: 0px; top: 0px; width: 220px; margin-bottom: 30px;}
.blurb-intro-container .job-logo {position: absolute; left: 0px; top: -65px; z-index: 99; width: 220px;}
.job-inside-container .job-tags-item {box-sizing: border-box; padding: 50px; border: 1px solid #e0e0e0; border-radius: 0 40px 0 0;}
.job-inside-container .job-tags-item p {font-size: 18px; line-height: 30px;}
.job-inside-container .job-tags-item p span {color: #00c2cb; font-size: 25px;}
.job-inside-container .job-tags-item .button {background: #00c2cb; margin-top: 50px; display: inline-block;}
.job-inside-container .job-tags-item .button:hover {color: #00c2cb; border: 1px solid #00c2cb; background: #00c2cb00;}
.job-inside-container article {width: 60%;}
.job-inside-container article h2 {font-size: 30px; margin: 0;}

.job-application-container .wrapper.flex-row {column-gap: 4%; padding: 0px; border-top: 1px solid #0000; transition: 0.6s;}
.job-application-container.active-job-application .wrapper.flex-row  {padding: 150px 0; border-top: 1px solid #000; justify-content: center;}

.job-application-container .wrapper.flex-row {align-items: flex-start;}
.job-application-container article {width: 34%;}
.job-application-container article h2 {line-height: 0px; overflow: hidden; margin: 0; transition: 0.6s;}
.job-application-container.active-job-application article h2 {line-height: 84px; font-size: 70px; margin-bottom: 25px;}
.job-application-container form {width: 48%; height: 0px; overflow: hidden; transition: 0.6s;}
.job-application-container.active-job-application form {height: auto;}

.job-application-container form .button {background: #00c2cb; margin-top: 30px; display: inline-block;}
.job-application-container form .button:hover {color: #00c2cb; border: 1px solid #00c2cb; background: #00c2cb00;}

.job-application-container form h3 {margin: 0;}

.blog-main-container {padding: 200px 0; position: relative; background: #00c2cb; overflow: hidden;}
.blog-main-container::after {content: ''; background: url('/images/main/stories-bak-01.png'); background-size: 100% 100%; width: 937px; height: 1064px; position: absolute; right: -5%; top: -45%;}
.blog-main-container article {width: 45%; position: relative; z-index: 99;}
.blog-main-container article h1 {color: #fff;}
.blog-main-container article h2 {color: #fff;}
.blog-main-container article h3 {color: #fff; font-family: Mulish, sans-serif; font-weight: 200; line-height: 48px;}
.blog-main-container article p {color: #fff;}
.blog-main-container article li {color: #fff;}

.blog-main-content-container {padding: 150px 0;}
.blog-main-content-container article {max-width: 1000px; margin: 0 auto;}

.member-enquire-container .wrapper.flex-row {column-gap: 4%; padding: 0px; border-top: 1px solid #0000; align-items: flex-start; transition: 0.6s;}
.member-enquire-container.active-member-application .wrapper.flex-row  {padding: 150px 0; border-top: 1px solid #000; justify-content: center;}

.member-enquire-container article {width: 34%;}
.member-enquire-container article h2 {line-height: 0px; overflow: hidden; margin: 0; transition: 0.6s;}
.member-enquire-container.active-member-application article h2 {line-height: 84px; font-size: 70px; margin-bottom: 25px;}
.member-enquire-container form {width: 48%; height: 0px; overflow: hidden; transition: 0.6s;}
.member-enquire-container.active-member-application form {height: auto;}
/*.member-enquire-container form .button {background: #00c2cb; margin-top: 30px; display: inline-block;}*/
.member-enquire-container form .button {background: #00c2cb; display: inline-block;}
.member-enquire-container form .button:hover {color: #00c2cb; border: 1px solid #00c2cb; background: #00c2cb00;}

.blurb-smaller-container .wrapper.flex-row {justify-content: center;}
.blurb-smaller-container article:first-child {width: 34%;}
.blurb-smaller-container article:last-child {width: 45%;}

.pagination {position: relative; width: 430px; margin: 140px auto 100px auto;}
.pagination li {list-style: none;}
.pagination li a {font-size: 21px; position: relative; line-height: 1; text-decoration: none; color: inherit; font-weight: 600;}
.pagination li a.active-page::after {content: ''; width: 70px; height: 70px; border-radius: 100%; border: 1px solid #28373f; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.pagination li span {position: relative;}
.pagination li span::before { content: ''; background: #444; width: 10px; height: 2px; position: absolute; top: 9px; right: 0px; transform: rotate(-45deg); z-index: 99;}
.pagination li span::after { content: ''; background: #444; width: 10px; height: 2px; position: absolute; top: 15px; right: 0px; transform: rotate(45deg); z-index: 99;}
.pagination li.forward-page span:before {transform: rotate(45deg);}
.pagination li.forward-page span:after {transform: rotate(-45deg);}
.pagination li.end-back {opacity: 0.2;}

.team-job-container {padding: 0; position: relative; overflow: hidden; background: #eee;}
.team-job-container::after { content: ''; background: url('/images/main/team-job-listing-feat-01.png'); z-index: -9;background-size: auto; background-size: 100% 100%; width: 1309px; height: 1153px; position: absolute; right: -30%; top: 50%; transform: translateY(-50%);}
.team-job-container .wrapper {padding: 150px 0;}
.team-job-container > .wrapper > article {max-width: 1150px; margin: 0 auto;}
.team-job-container > .wrapper > article h3 {margin-bottom: 50px; font-size: 40px;}
.team-job-container .article-item {position: relative; z-index: 99;}
.team-job-container .article-item article {background: #fff0; border: 1px solid #d9d9d9;}
/* .team-job-container .article-item:hover article {background: #00c2cb; border: 1px solid #00c2cb;} */

.team-job-cta-container::after {right: 41%;}

/* Red V overlay on members index
.red-top-banner-container::before { content: ''; background: url('/images/main/cta-bak-01.png'); background-size: auto; background-size: 100% 100%; width: 1066px; height: 1012px; position: absolute; right: -5%; top: 20%; transform: translateY(-50%) rotate(200deg); opacity: 0.5; z-index: 99;}
 */
.red-top-banner-container::after {background: linear-gradient(to right, #cb0a12 40%, #fff0 60%);}

.current-members-container {padding: 150px 0;}
.current-members-container ul {column-gap: 2%; margin: 0;}
.current-members-container ul li {list-style: none; width: 32%; margin-bottom: 30px;}
.current-members-container ul li a {text-decoration: none; color: #28373f; padding: 40px 30px; line-height: 1; border: 1px solid #cacaca; position: relative;border-radius: 5px;transition: 0.3s;}
.current-members-container ul li a figure {width: 30%;}
.current-members-container ul li a figure img {max-height: 30px; margin-left: auto;}
.current-members-container ul li a span {width: 65%;}
.current-members-container ul li:hover a {background: #f5af37; color: #fff; border: 1px solid #f5af37;}

.yellow-overlay-container {position: relative; margin-top: -120px;}
.yellow-overlay-container article {padding: 130px 100px; box-sizing: border-box; width: 100%; background: #f5af37; overflow: hidden; border-radius: 0 150px 0 0; position: relative; z-index: 99;}
.yellow-overlay-container article::after { content: ''; background: url('/images/main/yellow-block-feat-01.png'); background-size: auto; background-size: 100% 100%; width: 577px; height: 268px; position: absolute; right: 50px; bottom: 0; z-index: -1;}
.yellow-overlay-container article h2 {color: #fff; text-align: center;}
.yellow-overlay-container article h3 {color: #fff; text-align: center; font-size: 30px; line-height: 1; font-family: Mulish, sans-serif; font-weight: 200; margin: 0;}
.yellow-overlay-container article p {color: #fff; text-align: center;}

.sign-in-drop {position: absolute; right: 5%; top: 100%; display: none; z-index: 9999; width: 480px;}
.sign-in-drop.active-sign-in {display: block;}

.sign-in-drop article {padding: 45px; background: #fff; position: relative; border-radius: 15px; box-shadow: 0 0 50px -20px #0009;}
.sign-in-drop article::before {content: ''; width: 30px; height: 30px; background: #fff; transform: rotate(45deg); right: 110px; top: -15px; box-shadow: 0 0 20px -6px #0009; position: absolute; transition: 0.3s;}
.sign-in-drop article::after { content: ''; width: 50px; height: 30px; background: #fff; right: 100px; top: 0px; position: absolute; z-index: 1; transition: 0.3s;}
.sign-in-drop article .flex-row {padding-top: 15px; column-gap: 8%; justify-content: flex-start;}
.sign-in-drop article .flex-row ul {margin: 0;}
.sign-in-drop article .flex-row ul li {list-style: none; line-height: 28px;}
.sign-in-drop article .flex-row .button {padding: 25px 30px !important; font-size: 21px !important; background: #00c2cb;}
.sign-in-drop article .flex-row .button:hover {border-color: #00c2cb; background: #00c2cb00; color: #00c2cb !important;}
.sign-in-drop article .flex-row ul li a {text-decoration: none; color: inherit; font-size: 18px;}

.contact-main-container .block-one {width: 50%; position:relative; overflow: hidden; background: #f5af37;}
.contact-main-container .block-one::after { content: ''; background: url('/images/main/v-overlay-black-01.png'); background-size: auto; background-size: 100% 100%; width: 1066px; height: 1012px; position: absolute; left: 50%; top: 80%; transform: translate(-50%, -50%); opacity: 0.05;}
.contact-main-container .block-two {width: 50%; position:relative;}
.contact-main-container figure {width: 100%;height: 100%;position: relative;}
.contact-main-container figure iframe {width: 100%; height: 100%; position: absolute; object-fit: cover;}
.contact-main-container article {padding: 12% 8%; box-sizing: border-box; position: relative; z-index: 99;}
.contact-main-container article h3 {margin-bottom: 0;}

.contact-intro-container {padding: 150px 0;}
.contact-intro-container .flex-row {align-items: flex-start;}
.contact-intro-container article:first-child {width: 30%;}
.contact-intro-container article:last-child {width: 66%;}
.contact-intro-container form {width: 50%;}
.contact-intro-container form .button {background: #00c2cb;}
.contact-intro-container form .button:hover {border-color: #00c2cb; background: #00c2cb00; color: #00c2cb !important;}

.funders-logos img {width: 15%;padding: 30px;box-sizing: border-box; mix-blend-mode: darken;}

footer {padding: 75px 0 0 0; background: #f6f6f6;}
footer h3 {color: #cb0a12;}
footer p {margin: 0;}
footer ul {margin: 0;}
footer .social-footer {justify-content: flex-start; align-items: center; padding-top: 30px;}
footer .social-footer a {padding: 0 10px;}
footer .social-footer a img {height: 30px; width: auto;}
footer input {background: #fff; outline: 0; margin: 0 !important; border-radius: 5px; color: #000;border: 2px solid #d9d9d9;  width: 100%; box-sizing: border-box; padding: 20px 35px; font-size: 26px; color: #000; font-family: inherit; transition: 0.3s;}
footer input:focus {border: 2px solid #cc2929;}
footer .newsletter-item {width: 40%;}
footer .newsletter-item p {font-size: 30px; line-height: 40px; margin-bottom: 30px;}
footer .newsletter-item form {position: relative;}
footer .newsletter-item form button {background: none; outline: 0; border: 0; color: #cb0a12; position: absolute; right: 30px; top: 50%; transform: translateY(-50%); font-size: 20px;}
footer li {list-style: none; font-size: 20px; line-height: 48px;}
footer li a {text-decoration: none; color: #28373f; font-size: 20px;}
footer li:first-child a {padding-bottom: 30px; font-size: 26px; display: block;}
footer .bottom-footer {border-top: 2px solid #d9d9d9; padding: 60px 0 75px 0; position: relative;}
footer .bottom-footer p {font-size: 16px; line-height: 30px;}
footer .bottom-footer img {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 45px}
footer .bottom-footer p a {border: 0;}
footer .top-footer {padding-bottom: 30px;}


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

@media screen and (max-width: 1800px) {
    .home-banner-container {height: 800px;}

    .event-training-item article .event-date-loc p.flex-row {font-size: 14px !important;}
    .event-training-item article .event-date-loc p.flex-row img {width: 15px;}
    .inside-banner-container {height: 600px;}
    .team-filter-container li { padding: 15px 30px; font-size: 24px;}
}

@media screen and (max-width: 1700px) {
    header .wrapper ul li a {font-size: 14px; padding: 45px 7px;}
    .home-banner-container .wrapper {max-width: 75%;}
    .wrapper {max-width: 85%;}
}

@media screen and (max-width: 1600px) {

}

@media screen and (max-width: 1500px) {
    header p {font-size: 14px;}
    header .button {padding: 13px 20px !important; font-size: 14px !important;}
    .sign-in-drop article {padding: 30px;}
    .sign-in-drop article .flex-row .button {padding: 13px 20px !important; font-size: 14px !important;}
    .team-item figure {height: 350px;}
    .cta-container .wrapper-sml {max-width: 85%;}
    .sign-in-drop {right: 2%;}
    .dropdown-menu {padding: 30px;}
    .dropdown-menu li strong {font-size: 18px; line-height: 20px;}
    .dropdown-menu li p {font-size: 14px !important; line-height: 18px !important;}
    .team-job-container > .wrapper > article {width: 100%;}

}
@media screen and (max-width: 1400px) {
    body {font-size: 18px !important; line-height: 28px !important;}
    h1 {font-size: 42px !important; line-height: 48px !important; margin-bottom: 15px;}
    h2 {font-size: 42px !important; line-height: 58px !important; margin-bottom: 15px;}
    h3 {font-size: 30px !important; line-height: 50px !important; margin-bottom: 15px;}
    h4 {font-size: 18px !important; line-height: 28px !important; margin-bottom: 15px;}
    p {font-size: 18px !important; line-height: 28px !important;}
    li {font-size: 18px !important; line-height: 28px !important;}
    input,textarea {padding: 15px; font-size: 18px !important;}
    header .logo { width: 150px;}
    .button {padding: 13px 20px; font-size: 18px !important;}
    .wrapper {max-width: 85%;}
    .wrapper-sml {max-width: 85%;}
    .home-banner-container {height: 85vh;}
    .events-training-container::after {width: 595px;height: 580px;}
    .events-training-container > article {width: 95vw;}
    .event-training-item article .button-group .button {font-size: 12px !important;}
    .social-container { padding: 180px 0 100px 0;}
    .social-container .wrapper {margin-bottom: -170px;}
    .article-feat-container > article { padding: 100px 0 200px 0;}
    .banner-nav a span {margin-top: 30px;}
    .cta-container .wrapper-sml {padding: 100px 0;}
    .job-inside-container .wrapper.flex-row {max-width: 85%;}
    .job-application-container article h2 {line-height: 0px !important;}
    .member-enquire-container article h2 {line-height: 0px !important;}
    .job-application-container.active-job-application article h2 {line-height: 48px !important;}
    .member-enquire-container.active-member-application article h2 {line-height: 48px !important;}
    .job-inside-container article h2 {font-size: 24px !important}
    .dropdown-menu.active-drop-hover {height: 345px; padding: 20px;}
    .yellow-overlay-container article h2 { font-size: 34px !important; line-height: 38px !important;}
    .yellow-overlay-container article h3 {font-size: 18px !important; line-height: 24px !important;}
    .blurb-intro-container article.small-article {width: 100%;}
    .blurb-intro-container article.large-article {width: 100%;}
    .blurb-intro-container article.large-article h1 br {display: none !important;}
    .blurb-intro-container article.large-article h2 br {display: none !important;}
    .blurb-intro-container article.small-article h1 br {display: none !important;}
    .blurb-intro-container article.small-article h2 br {display: none !important;}

    footer li:first-child a {font-size: 18px !important; padding-bottom: 15px;}
    footer li a {font-size: 16px !important;}
    footer .bottom-footer p {font-size: 14px !important;}
}
@media screen and (max-width: 1200px) {
    header .wrapper {max-width: 95%;}
    .article-item article .date-item {margin-bottom: 30px;font-size: 14px;}
    .article-item article .tags-item li {font-size: 14px !important;}
    .cta-container .join-cta-button {right: 0;}
    .contact-intro-container {padding: 50px 0;}
    .contact-intro-container article.flex-row div { max-width: 100%; width: 100%; padding: 15px 0;}
    .contact-intro-container article:first-child {width: 100%;}
    .contact-intro-container article:last-child {width: 100%;}
    .contact-intro-container form {width: 100%;}
}
@media screen and (max-width: 1000px) {
    header .button {display: none;}
    h3 {font-size: 18px !important; line-height: 28px !important;}
    header > .bottom-header-item > .wrapper.flex-row > ul {display: none;}
    header .top-header-item ul {display: none;}
    header .top-header-item p {font-size: 16px !important; text-align: center; width: 100%;}
    header .bottom-header-item {padding: 20px 0;}
    .top-header-item .wrapper {max-width: 100%;}
    .job-container {padding: 40px 0 150px 0;}
    .article-item {width: 100%;}
    .team-job-container .article-item {width: 100%;}
    .article-item article img.job-logo {width: 100px; right: 0px; top: 0px; position: relative;}
    .article-item article h3 {line-height: 28px !important;}
    .sign-in-button {display: none !important;}
    .hamburger {display: block;}
    .home-banner-container::after {left: 0; width: 100%;}
    .home-banner-container figure {position: absolute; width: 100%;}
    .events-training-container {padding: 200px 0 30px 0; margin-bottom: 0;}
    .events-training-container h2 {margin-bottom: 40px;}
    .events-training-container > article {width: 85vw; bottom: 0; position: relative;}
    .event-training-item article .button-group .button {font-size: 18px !important;}
    .event-training-item .block-one {width: 100%; height: 200px;}
    .event-training-item .block-two {width: 100%;}
    .current-members-container {padding: 50px 0;}
    .article-feat-container {padding-bottom: 100px;}
    .article-feat-container > article { padding: 100px 0;}
    .article-feat-container .wrapper-sml {margin-top: -80px;}
    .article-feat-container .article-feat-img {width: auto; bottom: 50px;}
    .article-feat-item .block-one {width: 100%; height: 200px;}
    .article-feat-item {flex-direction: column-reverse;}
    .article-feat-item .block-two {width: 100%;}
    .banner-nav {padding: 0px; background: none; top: -40px;}
    .banner-nav a:first-child {margin-bottom: 8px;}
    .banner-nav a {width: 100%; font-size: 28px; display: block; background: #cc0200; border: 0; padding: 15px; box-sizing: border-box; border-radius: 8px;}
    .banner-nav a span {font-size: 16px; margin-top: 10px;}
    .custom-navigation {width: 85%;}
    .social-container { padding: 170px 0 50px 0;}
    .social-container .wrapper {margin-bottom: 0;}
    .social-container figure {width: 100%;}
    .social-container article {width: 100%;padding-bottom: 0;}
    .social-container .social-feat-image { top: 50px; width: 85px;}
    .cta-container .wrapper-sml {padding: 100px 0 150px;}
    .cta-container .join-cta-button {width: 100%;left: 50%;transform: translateX(-50%);box-sizing: border-box; font-size: 28px; padding: 15px; }
    .cta-container .join-cta-button span {margin-top: 20px; font-size: 16px;}
    .cta-container .join-cta-button:hover {transform: translateX(-50%) scale(1.1);}
    .blurb-intro-container {padding: 100px 0 50px 0;}
    .blurb-intro-container article {width: 100%;}
    .text-feature-container .wrapper {padding: 50px 0;}
    .inside-main-block-container .block-one {width: 100%;}
    .inside-main-block-container .block-two {width: 100%;}
    .inside-main-block-container figure {height: 350px;}
    .inside-main-block-container article {padding: 50px 30px;}
    .team-container {padding: 50px 0;}
    .team-item {width: 100%;}
    .job-inside-container {padding: 30px 0 50px 0;}
    footer .social-footer { justify-content: center}
    .job-inside-container .job-tags-item {padding: 30px; width: 100%; margin-bottom: 30px;}
    .job-inside-container article {width: 100%;}
    .job-application-container.active-job-application .wrapper.flex-row {padding: 50px 0;}
    .job-application-container article {width: 100%;}
    .job-application-container form {width: 100%;}
    .blog-main-container {padding: 50px 0 100px 0;}
    .blog-main-container::after {width: 300px;}
    .blog-main-container article {width: 100%;}
    .inside-banner-container::after {width: 100%;}
    .inside-banner-container article {width: 85%; left: 50%; top: 50%; transform: translate(-50%, -50%);}
    .inside-banner-container figure {width: 100%;}
    .blog-main-content-container {padding: 50px 0;}
    .article-filter {width: 100%; box-sizing: border-box;}
    .article-filter .drop-form-item { width: 100%;}
    .article-filter .drop-form-item .select-item {margin-bottom: 15px !important;}
    .article-filter .button {width: 100%;}
    .filter-banner-container article {top: 23%;}
    .member-enquire-container.active-member-application .wrapper.flex-row {padding: 50px 0;}
    .member-enquire-container article {width: 100%;}
    .member-enquire-container form {width: 100%;}
    .cta-container .wrapper-sml, .cta-container .wrapper {padding: 50px 0 150px 0;}
    .cta-container .wrapper article {width: 100%;}
    .cta-container.bottom-cta-container .wrapper article {width: 100%;}
    .team-filter-container li {padding: 8px 15px;font-size: 16px !important;}
    .article-item article .tags-item li {font-size: 14px !important;width: 100%;padding: 0;border: 0 !important; text-align: center; margin: 2px 0;}
    .article-item article .date-item {margin-bottom: 20px;font-size: 10px;}
    .article-item article .date-item img {width: 13px;}
    .blurb-intro-container article:last-child {padding-top: 0px;}
    .heading-in-container article h2 {margin-left: 0;}
    .pagination {width: 80%;}
    .article-filter {padding: 30px; border-radius: 25px 25px 0 0 ;}
    .red-top-banner-container::after { background: linear-gradient(to right, #cb0a1288 0%, #fff0 100%);}
    .article-filter .drop-form-item .select-item select {height: auto;}
    .team-job-container .wrapper {padding: 50px 0;}
    .current-members-container ul li {width: 100%;}
    .yellow-overlay-container article {border-radius: 0 40px 0 0; padding: 50px 30px;}
    .blurb-intro-container article h2 {font-size: 32px !important;line-height: 44px !important;}
    .overlay-button-feat {width: 85%; left: 50%; transform: translateX(-50%); box-sizing: border-box;}
    .blurb-intro-container .button {margin: 15px 0 30px 0;}
    .job-inside-container .wrapper.flex-row {flex-direction: column-reverse;}
    .job-inside-container .job-tags-item {margin: 30px 0 0 0;}
    .job-inside-container .job-tags-item p {margin: 0;}
    .job-inside-container .job-tags-item p span {font-size: 18px;}
    .job-inside-container .job-tags-item .button {margin-top: 20px;}
    .blurb-smaller-container article:first-child {width: 100%;}
    .blurb-smaller-container article:last-child {width: 100%;}
    .current-members-container ul li a {font-size: 16px;}
    .current-members-container ul li a span {width: 60%;}
    .current-members-container ul li a figure {width: 40%;}
    .contact-main-container .block-one {width: 100%;}
    .contact-main-container .block-two {width: 100%;}
    .contact-main-container figure {height: 450px;}
    .funders-logos img { width: 22%; padding: 15px;}
    .yellow-overlay-container {margin-top: 0;}
    form .flex-row .form-field {width: 100%;}
    form .flex-row .drop-form-item {width: 100%;}
    footer .newsletter-item {width: 100%;}
    footer h3 {text-align: center;}
    footer p {text-align: center;}
    footer .newsletter-item form button {right: 15px; font-size: 18px;}
    footer ul {width: 100%; margin: 15px 0;}
    footer ul li {text-align: center;}
    footer li a {ftext-align: center;}
    footer .top-footer { padding-bottom: 10px;}
    footer .bottom-footer {padding: 30px 0;}
    footer .bottom-footer p {text-align: center; width: 100%;}
    footer .bottom-footer img { position: relative; left: 0; top: 0; transform: translate(0%, 0%); width: 45px; margin: 15px auto;}

}
@media screen and (max-width: 500px) {
    .funders-logos img { width: 33%;}
}
@media screen and (max-width: 414px) {

}
@media screen and (max-width: 375px) {

}
@media screen and (max-width: 320px) {

}

/* Nav adjustments */
.dropdown-menu li strong {
    line-height: 30px;
}

/* Simple Pagination */
nav.simple-pagination button {
    display: inline-block !important;
    margin-right: 2px;
    margin-bottom: 5px;
}
nav.simple-pagination a {
    display: inline-block;
    margin-right: 2px;
    margin-bottom: 5px;
}
nav.simple-pagination button.disabled {
    /*background: #f5af3700;*/
    /*color: #f5af37;*/
    /*border: 1px solid #f5af37;*/
    opacity: 0.5;
}
nav.simple-pagination button.disabled:hover {
    border: 1px solid #f5af3700;
    color: #000;
    background: #f5af37;
}

/* Alert */
.alert {
    margin-bottom: 1rem;
    padding: 0.75rem 1.25rem;
    border-radius: 0.25rem;
}
.alert-danger {
    background-color: #ec4e64;
    border-color: #ec4e64;
    color: #FFFFFF;
}

/* YouTube Embed */
.video iframe {
    aspect-ratio: 16 / 9;
    width: 100%;
}

/* Forms */
.c2form .form-field {
    margin-top: 30px;
    margin-bottom: 30px;
}
.c2form input,
.c2form select,
.c2form textarea {
    margin-bottom: 0 !important;
}
.c2form .form-field.checkbox {
    margin-bottom: 30px;
}
.c2form .form-field.checkbox input[type=checkbox] {
    transform: scale(1.2);
    position: relative;
    left: 2px;
    width: inherit;
    padding: 0;
    margin: 0 8px 0 0 !important;
    vertical-align: baseline;
}
.c2form input[type='submit'] {
    width: auto;
    margin-top: 0;
}
.c2form div.small {
    font-size: 14px;
    margin-top: 10px;
}
.c2form div.muted {
    color: #878787;
}

/* Utilities */
.mt15 {
    margin-top: 15px;
}
.mt50 {
    margin-top: 50px;
}
.mb15 {
    margin-bottom: 15px;
}
.mb30 {
    margin-bottom: 30px;
}
.hidden {
    display: none;
}
.manuka {
    display: none;
}
.button-sm {
    padding: 15px 25px;
}
.bold {
    font-weight: bold;
}

/* Override for page content h3 */
.blurb-intro-container.page-content article h3,
.blog-main-content-container.page-content article h3 {
    font-family: Recoleta, serif;
    font-size: 42px !important;
    line-height: 1.2 !important;
}

@media (max-width: 1000px) {
    .blurb-intro-container.page-content article h3,
    .blog-main-content-container.page-content article h3 {
        font-size: 28px !important;
    }
}

/* Fix for CTAs */
a.join-cta-button {
    line-height: normal;
}

/* Override page header height */
.inside-simple-banner figure {
    height: 400px;
}

@media (min-width: 1000px) {
    .inside-simple-banner figure {
        height: 650px;
    }
}
.inside-banner-container {
    height: 600px;
}

/* Team photos max 3x on a row */
.team-item {
    width: 30%;
}

/* Fix footer nav */
.top-footer .footer-nav li.title {
    font-size: 26px;
    font-weight: 700;
    padding-bottom: 30px;
}
@media (max-width: 1400px) {
    .top-footer .footer-nav li.title {
        padding-bottom: 15px;
    }
}
@media (max-width: 1000px) {
    #subscribe {
        margin-bottom: 10px;
    }
}

/* Opportunities button */
a.button.opportunities-button {
    margin: 25px 0;
}

/* Xmas message */
.xmas {
    background: #EAEAEA;
    padding: 10px 15px;
    border-radius: 15px;
    line-height: 1.5;
}
.xmas p {
    font-size: 17px;
    line-height: 1.5;
}

/* Emergency Volunteering */
@media(min-width: 600px) {
    .skills-grid {
        display:grid;
        grid-template-columns: 1fr 1fr;
    }
}
.c2form .skills-grid .form-field.checkbox label {
    margin-bottom: 0 !important;
}
.c2form .skills-grid .form-field.checkbox {
    margin: 5px 0;
}

/* Promo Banner */
.promo-banner {
    padding: 10px 0;
    background: #f5af37;
}
.promo-banner p {
    text-align: center;
    font-weight: bold;
}
.promo-banner p a, .promo-banner p a:hover, .promo-banner p a:active, .promo-banner p a:visited {
    color: #FFF;
    text-decoration: underline;
    border: none;
}