@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800|Paytone+One");
/*Fonts*/
/*Colours*/
/* http://meyerweb.com/eric/tools/css/reset/  v2.0 | 20110126 License: none (public domain) */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { border: 0; font-size: 100%; vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

body { line-height: 1; }

table { border-collapse: collapse; border-spacing: 0; }

a { text-decoration: none; }

body, html { margin: 0; padding: 0; }

b, strong { font-weight: bold; }

html, body { font-size: 10px; overflow-x: hidden; }

body { overflow-x: hidden; }

* { box-sizing: border-box; }

.container { width: 90%; max-width: 1300px; margin: 0 auto; }

.container.container-large { max-width: 1400px; }

.container.container-small { max-width: 1100px; }

.section-image { background-size: cover; background-position: center; background-repeat: no-repeat; }

section { padding: 4rem 0; }

img, .video { max-width: 100%; align-self: flex-start; }

h1, h2, h3, h4, h5, h6, p, li, a { color: #42515A; }

h1, h2, h3, h4, h5, h6 { font-family: "Paytone One", sans-serif; margin-top: 0; letter-spacing: 2px; line-height: 1.2; }

h1 { font-size: 4.8em; text-transform: uppercase; margin: 0; }

h2 { font-size: 3.8em; }

h3 { font-size: 3em; }

p, li, a, span { font-family: "Open Sans", sans-serif; font-size: 1.7em; font-weight: 600; line-height: 1.6; letter-spacing: 1.2px; }

p:first-of-type, li:first-of-type { margin-top: 0; }

p:last-of-type, li:last-of-type { margin-bottom: 0; }

p a, p span, li a, li span { font-size: inherit; }

span { font-size: inherit; }

strong { font-weight: 800; }

strong span { font-weight: 800; }

a { text-decoration: none; transition: all ease-in-out .2s; }

.button { font-weight: 800; text-transform: uppercase; background-color: #00B0F4; color: white; padding: 2rem 3.5rem; border-radius: 5rem; border: .3rem solid transparent; box-shadow: 0 0 3rem 0 rgba(0, 0, 0, 0.1); min-width: 20rem; text-align: center; }

.button.white { background-color: white; color: #00B0F4; }

.button.white:hover { color: white; border-color: white; }

.button:hover { background-color: transparent; color: #00B0F4; border-color: #00B0F4; }

.fade { opacity: .7; }

.title-fancy { position: relative; padding-bottom: 2.5rem; margin-bottom: 3.5rem; }

.title-fancy:after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; height: .8rem; width: 6rem; border-radius: 1rem; background-color: #B0D400; }

#become-member, #donation { width: 34rem !important; }

#news, #faqs { max-width: 13rem; }

#Layer_1 * { opacity: 1; }

#Layer_1 g:nth-of-type(2) .st0 { fill: #B0D400 !important; }

#Layer_1 .st1 { fill: #BB2397 !important; }

#header-italic .st0 { fill: #E2DEE6; }

#level-1 .st1 { fill: #B7D333; }

#level-2 .st1 { fill: #FFCA05; }

#level-3 .st1 { fill: #F26D21; }

#level-4 .st1 { fill: #E21E25; }

/*Misc*/
header { position: fixed; top: 0; left: 0; width: 100%; background-color: white; z-index: 99; box-shadow: 0 0 3rem 0 rgba(0, 0, 0, 0.1); }

header .container { display: flex; align-items: center; justify-content: space-between; }

header #header-logo { height: auto; width: 18rem; display: flex; align-items: center; }

header #header-logo img { width: 100%; }

header nav > ul { padding: 0; margin: 0; display: flex; }

header nav > ul > li { list-style-type: none; font-size: 1.5em; }

header nav > ul > li > a { font-size: inherit; font-weight: 600; text-transform: uppercase; padding: 3rem 2rem; display: block; }

header nav > ul > li > a:hover { color: #BB2397; }

header nav > ul > li.menu-item-has-children { position: relative; }

header nav > ul > li.menu-item-has-children > ul { position: absolute; background-color: white; top: 100%; left: -50%; width: 30rem; padding: 1rem 2rem; margin: 0; border-top: 0.5rem solid #00B0F4; border-radius: .5rem; opacity: 0; max-height: 0; visibility: hidden; transition: all ease-in-out .2s; box-shadow: 0 0 3rem 0 rgba(0, 0, 0, 0.1); }

header nav > ul > li.menu-item-has-children > ul li { list-style-type: none; font-size: 1.5rem; }

header nav > ul > li.menu-item-has-children > ul li a { font-size: inherit; font-weight: 400; padding: .5rem 2rem; display: block; }

header nav > ul > li.menu-item-has-children > ul li a:hover { color: #BB2397; }

header nav > ul > li.menu-item-has-children > ul:after { content: ''; position: absolute; top: -1.5rem; left: 47.5%; transform: translateX(-50%); width: 0; height: 0; border-style: solid; border-width: 0 10px 10px 10px; border-color: transparent transparent #00afee transparent; }

header nav > ul > li.menu-item-has-children:hover ul { max-height: 70rem; opacity: 1; visibility: visible; }

header nav > ul > li.large-menu { position: relative; }

header nav > ul > li.large-menu > ul { display: flex; left: -26rem; width: 70rem; padding: 2rem; }

header nav > ul > li.large-menu > ul .menu-item-has-children { flex: 1; margin-right: 5%; font-size: 2.1rem; border-right: 0.1rem solid rgba(66, 81, 90, 0.5); }

header nav > ul > li.large-menu > ul .menu-item-has-children > a { font-family: "Paytone One", sans-serif; font-weight: 800; }

header nav > ul > li.large-menu > ul .menu-item-has-children ul { position: relative; left: 0; top: 0; border: none; display: block; width: auto; padding: 0; margin: 0; }

header nav > ul > li.large-menu > ul .menu-item-has-children ul li { font-size: 1.5rem; list-style-type: none; }

header nav > ul > li.large-menu > ul .menu-item-has-children ul li a { padding: 1rem 2rem; line-height: 1; opacity: 0.9; display: block; }

header nav > ul > li.large-menu > ul .menu-item-has-children ul li a:hover { color: #00B0F4; }

header nav > ul > li.large-menu > ul .menu-item-has-children:last-of-type { margin-right: 0; border: none; }

header nav > ul > li.large-menu > ul li { font-size: 1.7rem; }

header nav > ul > li.large-menu > ul li a { font-size: inherit; }

header .header-links a { display: inline-block; font-weight: 600; text-transform: uppercase; font-size: 1.6rem; }

header .header-links a:hover { color: #BB2397; }

header .header-links span { font-size: 1.7em; margin: 0 .5rem; line-height: 1.6; }

header .header-links .button { margin-left: 2rem; padding: 1rem; min-width: 18rem; font-size: 1.4rem; }

header .header-links .button:hover { color: #00B0F4; }

header #mobile-menu { display: none; position: relative; height: 2rem; width: 4rem; cursor: pointer; z-index: 999; }

header #mobile-menu span { width: 100%; height: .3rem; background-color: black; display: block; position: absolute; top: 0; }

header #mobile-menu span:nth-of-type(2) { top: 50%; left: 0; transition-delay: 0.05s; }

header #mobile-menu span:last-of-type { top: 100%; transition-delay: 0.1s; }

header #mobile-menu:hover span { background-color: #BB2397; }

footer { background-color: #42515A; padding-top: 4rem; }

footer .container { display: flex; justify-content: space-between; }

footer .col-left, footer .col-right { display: flex; justify-content: space-between; flex: 1; }

footer .col-left { flex: 0 0 60%; margin-right: 5%; }

footer .col-left img { margin-right: 8rem; }

footer .col-right a, footer .col-right p { padding: .5rem 0; }

footer .col-right .social-media { margin-top: 1rem; display: flex; align-items: center; }

footer .col-right .social-media a { display: inline-block; margin-right: 1rem; font-size: 2.5rem; }

footer .col-right .social-media a svg * { transition: all ease-in-out .2s; }

footer .col-right .social-media a:hover svg * { fill: #00B0F4; }

footer .col-right .social-media .instagram { font-size: 1.7rem; height: 2.25rem; width: 2.25rem; display: flex; justify-content: center; align-items: center; border-radius: .2rem; background-color: white; }

footer .col-right .social-media .instagram svg * { fill: #42515A; }

footer .col-right .social-media .instagram:hover { background-color: #00B0F4; }

footer .col-right .social-media .instagram:hover svg * { fill: #42515A; }

footer .col-right nav { flex: 0 0 30%; }

footer .col-right nav ul { padding: 0; margin: 0; }

footer .col-right nav ul li a { padding: .3rem 0; }

footer .col-right nav ul li:first-of-type a { padding-top: 0; }

footer * { font-weight: 400; color: white; }

footer h3 { font-size: 2.1em; }

footer p, footer a, footer li { opacity: 0.7; font-size: 1.4rem; display: block; }

footer a:hover { color: #00B0F4; }

footer .footer-bottom { margin-top: 2rem; }

footer .footer-bottom .container { padding: 1.5rem 0; border-top: 0.1rem solid rgba(255, 255, 255, 0.2); }

footer .footer-bottom p, footer .footer-bottom a { font-size: 1.4rem; margin: 0; display: inline-block; }

footer .footer-bottom .login { display: flex; align-items: center; transition: all ease-in-out .2s; cursor: pointer; opacity: 0.5; margin: 0; }

footer .footer-bottom .login svg { margin-right: .5rem; height: 1.4rem; }

footer .footer-bottom .login svg path { fill: rgba(255, 255, 255, 0.9); transition: all ease-in-out .2s; }

footer .footer-bottom .login:hover { color: #00B0F4; }

footer .footer-bottom .login:hover svg path { fill: #00B0F4; }

footer .footer-bottom .logout { line-height: 1; }

.popup-form { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(66, 81, 90, 0.7); display: flex; align-items: center; justify-content: center; z-index: 99; opacity: 0; z-index: 0; visibility: hidden; }

.popup-form .popup-container { background-color: white; padding: 4rem; position: relative; border-radius: 1rem; min-width: 60rem; }

.popup-form .popup-container .popup-close { position: absolute; top: -1.5rem; right: -1.5rem; height: 4rem; width: 4rem; background-color: white; border-radius: 100%; cursor: pointer; }

.popup-form .popup-container .popup-close svg { position: relative; top: -.1rem; left: -.1rem; width: 4.3rem; height: 4.3rem; }

.popup-form .popup-container .popup-close svg * { fill: #00B0F4; }

.popup-form .popup-container .popup-close:hover svg * { fill: #B0D400; }

.popup-form .popup-container tr { display: flex; flex-direction: column; }

.popup-form .popup-container label { font-size: 1.8em; font-family: "Open Sans", sans-serif; }

.popup-form .popup-container input { border: 0.1rem solid #42515A; border-radius: .5rem; outline: none !important; -webkit-appearance: none; padding: 1rem; font-size: 1.7rem; color: #42515A; }

.popup-form .popup-container input[type="submit"] { border-radius: 3rem; outline: none; min-width: 20rem; padding: 1rem 3rem; border: .2rem solid transparent; background-color: #00B0F4; color: white; font-size: 1.5em; font-family: "Paytone One", sans-serif; letter-spacing: 1.5px; text-transform: uppercase; cursor: pointer; transition: all ease-in-out .2s; }

.popup-form .popup-container input[type="submit"]:hover { background-color: white; color: #00B0F4; border-color: #00B0F4; }

.popup-form .popup-container .lwa-password { margin-top: 1rem; }

.popup-form .popup-container .lwa-submit-links { display: flex; align-items: center; margin-top: 1rem; }

.popup-form .popup-container .lwa-submit-links .lwa-links-remember { flex: 0 0 67%; text-align: right; }

.popup-form.active { opacity: 1; z-index: 99; visibility: visible; }

.banner { margin-top: 8rem; padding: 8.5rem 0; position: relative; }

.banner h1 { color: white; position: relative; z-index: 1; }

.banner h1 svg { display: block; margin-bottom: 1rem; height: 6rem; width: 21rem; }

.banner:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to right, #B0D400 10%, rgba(176, 212, 0, 0.2) 50%); }

.banner .button { display: inline-block; position: relative; z-index: 1; margin-top: 4rem; }

.banner.gradient-purple:before { background: linear-gradient(to right, #BB2397 10%, rgba(187, 35, 151, 0.4) 50%); }

.banner.gradient-orange:before { background: linear-gradient(to right, #FFC700 10%, rgba(255, 199, 0, 0.4) 50%); }

.banner.gradient-blue:before { background: linear-gradient(to right, #00B0F4 10%, rgba(0, 176, 244, 0.4) 50%); }

.banner.gradient-green:before { background: linear-gradient(to right, #B0D400 10%, rgba(176, 212, 0, 0.2) 50%); }

.home-banner .banner { padding: 20rem 0; background-position: right center; background-size: cover; }

.home-banner .banner .banner-title { max-width: 70rem; }

.home-banner .banner:before { background: linear-gradient(to right, #B0D400 10%, rgba(176, 212, 0, 0.2) 50%); }

.home-banner .banner:after { content: ''; position: absolute; bottom: 0; left: 0; height: 80%; width: 100%; background-image: url(../images/home-fade.png); background-position: left; background-size: contain; background-repeat: no-repeat; }

form { margin-top: 2rem; }

form .gform_body ul { margin: 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: space-between; }

form .gform_body ul li { list-style-type: none; flex: 0 0 100%; margin-bottom: 1.5rem; }

form .gform_body ul li .gfield_label { display: none; }

form .gform_body ul li .ginput_container input[type="text"], form .gform_body ul li .ginput_container .select-dropdown, form .gform_body ul li .ginput_container textarea { border: none; border-radius: 3rem; box-shadow: 0 0 3rem 0 rgba(0, 0, 0, 0.1); outline: none !important; resize: none; -webkit-appearance: none; padding: 2rem 3rem; width: 100%; font-size: 1.7rem; color: #42515A; }

form .gform_body ul li .ginput_container textarea { max-height: 15rem; }

form .gform_footer input[type="submit"] { outline: none; border: none; -webkit-appearance: none; display: block; background-color: #00B0F4; width: 100%; border-radius: 3rem; padding: 2rem 3rem; color: white; font-size: 1.7em; font-weight: 800; text-transform: uppercase; box-shadow: 0 0 3rem 0 rgba(0, 0, 0, 0.1); cursor: pointer; transition: all ease-in-out .2s; }

form .gform_footer input[type="submit"]:hover { color: #00B0F4; background-color: white; }

form .validation_error { margin: 1.5rem 0; font-size: 1.6em; line-height: 1.4; text-align: center; font-family: "Open Sans", sans-serif; }

form .gfield_error .ginput_container input[type="text"], form .gfield_error .ginput_container textarea { border: .1rem solid #c10012 !important; }

form .validation_message { display: none; }

.gform_confirmation_message { text-align: center; font-size: 3em; font-family: "Open Sans", sans-serif; line-height: 1.4; }

input:-webkit-autofill, textarea:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px #F6F6F6 inset !important; }

body img.gform_ajax_spinner { display: none !important; }

.error .container { padding: 20rem 0; margin: 0 auto; display: flex; flex-direction: column; justify-content: center; align-items: center; }

.error .container h1 { font-size: 10rem; margin: 0; }

.error .container h3 { margin: 2rem 0 1rem; }

.error .container .button { -ms-grid-row-align: center; align-self: center; margin-top: 5rem; }

.blog-post { flex: 0 0 31.33%; margin: 0 3% 3vw 0; box-shadow: 0 0 3rem 0 rgba(0, 0, 0, 0.1); border-radius: 1rem; overflow: hidden; }

.blog-post .blog-image { padding-bottom: 28rem; position: relative; }

.blog-post .blog-image:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: all ease-in-out .2s; }

.blog-post .blog-content { padding: 2rem; }

.blog-post .blog-content .date { font-size: 1.4rem; opacity: .7; margin: 0 0 .5rem; }

.blog-post .blog-content h3 { font-size: 2.1rem; margin: 0 0 .5rem; }

.blog-post .blog-content p { margin: 0; font-size: inherit; }

.blog-post:nth-of-type(6n+1):hover .blog-image:before { background-color: rgba(255, 199, 0, 0.5); }

.blog-post:nth-of-type(6n+2):hover .blog-image:before { background-color: rgba(176, 212, 0, 0.5); }

.blog-post:nth-of-type(6n+3):hover .blog-image:before { background-color: rgba(66, 81, 90, 0.5); }

.blog-post:nth-of-type(6n+4):hover .blog-image:before { background-color: rgba(0, 173, 238, 0.5); }

.blog-post:nth-of-type(6n+5):hover .blog-image:before { background-color: rgba(187, 35, 151, 0.5); }

.blog-post:nth-of-type(7n+6):hover .blog-image:before { background-color: rgba(248, 0, 16, 0.5); }

.blog-post:nth-of-type(3n+3) { margin-right: 0; }

.flex-column { display: flex; margin-bottom: 3rem; }

.flex-column .content, .flex-column .flex-image { flex: 1; margin-right: 3%; }

.flex-column .content ul, .flex-column .flex-image ul { padding-left: 1rem; }

.flex-column .content ul li, .flex-column .flex-image ul li { list-style-type: none; padding-left: 1.2rem; position: relative; margin-bottom: .5rem; }

.flex-column .content ul li:before, .flex-column .flex-image ul li:before { content: ''; position: absolute; top: 1.1rem; left: 0; margin-right: .5rem; height: .5rem; width: .5rem; border-radius: 50%; background-color: black; }

.flex-column .content:last-child, .flex-column .flex-image:last-child { margin-right: 0; }

.flex-column .content .button, .flex-column .flex-image .button { display: inline-block; margin-top: 4rem; }

.flex-column .flex-image { max-height: 60rem; }

.flex-column .flex-image img { -ms-grid-row-align: center; align-self: center; }

.intro-section { padding: 6rem 0; }

.intro-section h3 { font-size: 3.5em; line-height: 1.4; /*margin: 0;*/ }

.intro-section a { font-size: inherit; }

.intro-section.grey { background-color: #F6F6F6; }

.ability-cards { padding: 8rem 0; }

.ability-cards .container { display: flex; justify-content: space-between; }

.ability-cards .ability-card { flex: 0 0 48%; max-width: 48%; padding: 4rem; border-radius: 1rem; text-align: right; }

.ability-cards .ability-card * { color: white; }

.ability-cards .ability-card h3 { font-size: 4.6em; margin-bottom: 2rem; }

.ability-cards .ability-card h3 span { opacity: 0.7; font-weight: 800; }

.ability-cards .ability-card h4 { font-size: 2em; margin-bottom: 1rem; font-family: "Open Sans", sans-serif; }

.ability-cards .ability-card p { font-weight: 400; padding-top: 1rem; max-width: 60%; margin: 0 0 0 auto; }

.ability-cards .ability-card .button { display: inline-block; color: #00B0F4; margin-top: 3rem; }

.ability-cards .ability-card .button:hover { color: white; }

.cta { position: relative; }

.cta .container { display: flex; justify-content: space-between; position: relative; z-index: 1; }

.cta * { color: white; }

.cta .buttons { margin-left: 2.5rem; }

.cta h2 { font-size: 4.2em; margin-bottom: 2rem; }

.cta svg { height: 6.8rem; width: 22rem; margin-bottom: 1rem; }

.cta p { font-size: 2em; }

.cta .buttons .button:first-of-type { margin-right: 2rem; }

.cta .button { display: inline-block; margin-top: 2rem; }

.cta.align-centre { text-align: center; }

.cta.align-centre .container { max-width: 1100px; display: block; }

.cta.align-right { text-align: right; }

.cta.align-right .container { display: block; }

.columns { background-color: #F6F6F6; }

.columns .flex-column { align-items: center; margin: 0; padding: 4rem 0; }

.columns .flex-column .flex-image { border-radius: 1rem; padding-bottom: 25vw; }

.columns .flex-column h2 { position: relative; padding-bottom: 2.5rem; margin-bottom: 3.5rem; }

.columns .flex-column h2:after { content: ''; position: absolute; bottom: 0; left: 0; height: .8rem; width: 6rem; border-radius: 1rem; background-color: #B0D400; }

.columns .flex-column p, .columns .flex-column li, .columns .flex-column a { font-weight: 400; }

.columns .flex-column.right-align { flex-direction: row-reverse; }

.columns .flex-column.right-align .flex-image { margin-right: 0 !important; margin-left: 5%; top: 4rem; justify-content: flex-start; }

.columns .flex-column.right-align .content { text-align: right; }

.columns .flex-column.right-align .content h2:after { left: auto; right: 0; }

.columns.info-section { background-color: white; position: relative; padding-bottom: 0; }

.columns.info-section .container { position: relative; z-index: 9; }

.columns.info-section .flex-column { padding: 0; }

.columns.info-section .flex-column .flex-image, .columns.info-section .flex-column .content { margin-right: 6%; }

.columns.info-section .flex-column .flex-image:last-child, .columns.info-section .flex-column .content:last-child { margin: 0; }

.columns.info-section .flex-column .flex-image { text-align: right; }

.columns.info-section .home-benefits { padding: 8rem 0 0; position: relative; }

.columns.info-section .home-benefits .container { display: flex; align-items: flex-start; justify-content: space-between; }

.columns.info-section .home-benefits .benefits-intro { flex: 0 0 25%; margin-top: 2rem; }

.columns.info-section .home-benefits .benefits-intro h2:after { right: 100%; }

.columns.info-section .home-benefits .benefits-intro .button { display: inline-block; margin-top: 4rem; padding: 0; background-color: transparent; box-shadow: none; color: #00B0F4; position: relative; }

.columns.info-section .home-benefits .benefits-intro .button:hover { border-color: transparent; text-decoration: underline; }

.columns.info-section .home-benefits .benefits-intro .button:after { content: ''; position: absolute; top: 50%; transform: translateY(-50%); right: -4rem; width: 3rem; height: 2rem; background-image: url(../icons/arrow-left.svg); background-position: center; background-size: contain; background-repeat: no-repeat; z-index: 1; }

.columns.info-section .home-benefits .benefits-listing { flex: 0 0 70%; padding: 0; padding-left: 10%; }

.columns.info-section .home-benefits .benefits-listing .container { flex-wrap: wrap; width: 100%; }

.columns.info-section .home-benefits .benefits-listing .benefit { flex: 0 0 30%; width: 30%; display: block; text-align: center; margin-bottom: 5rem; }

.columns.info-section .home-benefits .benefits-listing .benefit svg { height: 9rem; margin-bottom: 2rem; }

.columns.info-section .home-benefits .benefits-listing .benefit .content h3 { font-size: 2.2em; }

.columns.info-section .home-benefits .benefits-listing .benefit .content p { display: none; }

.columns.info-section .home-benefits .benefits-listing:after { display: none; }

.columns.info-section .home-benefits:after { content: ''; position: absolute; bottom: 0; left: 0; height: 115%; width: 40%; background-color: #F6F6F6; z-index: 1; }

.columns.info-section:after { content: ''; position: absolute; bottom: 0; right: -30%; width: 100%; height: 80%; background-image: url(../images/logo-background-cornerright.png); background-position: center; background-size: contain; background-repeat: no-repeat; z-index: 0; }

.columns.service-content { background-color: white; padding: 0; position: relative; }

.columns.service-content .flex-column { padding: 0 0 6rem; }

.columns.service-content .flex-column .flex-image { position: relative; top: -4rem; margin-right: 5%; padding-bottom: 25vw; border-radius: 1rem; }

.columns.service-content .flex-column .content h2 { font-size: 3.2em; }

.columns.service-content:after, .columns.info-section:after { content: ''; position: absolute; bottom: 0; right: -30%; width: 100%; height: 80%; background-image: url(../images/logo-background-cornerright.png); background-position: bottom; background-size: contain; background-repeat: no-repeat; z-index: 0; }

.tab-titles { background-color: #E9E9E9; padding: 3rem 0 1rem; margin-bottom: 6rem; text-align: center; }

.tab-titles .button { display: inline-block; border-radius: 1rem; margin: 0 1rem 2rem; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3); padding: 1.5rem; }

.tab-titles .button:hover { box-shadow: none; }

.tab-info .flex-column { align-items: center; }

.tab-info .flex-column .flex-image { top: 0 !important; max-height: 100% !important; }

.tab-info .main-content { max-width: 85%; margin: 2rem auto 8rem; }

.tab-info .main-content p, .tab-info .main-content li, .tab-info .main-content a { font-weight: 400; }

.tab-info .main-content ul { padding: 0; }

.tab-info .main-content ul li { list-style-type: none; position: relative; margin-bottom: .5rem; }

.tab-info .main-content ul li:before { content: ''; position: relative; display: inline-block; margin-right: .5rem; top: -.3rem; height: .5rem; width: .5rem; border-radius: 50%; background-color: black; }

.page-template-page-lifestyle .service-content { padding-bottom: 4rem; }

/*Home*/
.home .ability-cards { background-color: #F6F6F6; }

.testimonials { text-align: center; position: relative; }

.testimonials .container { position: relative; z-index: 1; }

.testimonials h2 { margin-bottom: 6rem; }

.testimonials .slider .slide { width: 100%; }

.testimonials .slider .slide .profile-image { height: 20rem; width: 20rem; margin: 0 auto 4rem; border-radius: 100%; border: 1.5rem solid #B0D400; }

.testimonials .slider .slide .content { max-width: 80%; margin: 0 auto; }

.testimonials .slider .slide .content * { font-family: "Paytone One", sans-serif; font-size: 2.1em; }

.testimonials .slider .slide .name { margin-top: 3rem; padding-top: 2rem; position: relative; }

.testimonials .slider .slide .name:after { top: 0; height: .4rem; width: 3rem; }

.testimonials .slider .flickity-prev-next-button svg { display: none; }

.testimonials .slider .flickity-prev-next-button:after { content: ''; position: relative; display: inline-block; width: 5rem; height: 5rem; background-size: contain; background-position: center; background-repeat: no-repeat; }

.testimonials .slider .flickity-prev-next-button.previous:after { background-image: url(../icons/arrow-right.svg); }

.testimonials .slider .flickity-prev-next-button.next:after { background-image: url(../icons/arrow-left.svg); }

.testimonials:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url(../images/logo-background-left.png); background-size: 50%; background-position: top left; background-repeat: no-repeat; }

.signup-banner { background: linear-gradient(to right, #FFC700, rgba(255, 199, 0, 0.6)); }

.signup-banner form { width: 70rem; margin: auto; display: flex; flex-wrap: wrap; position: relative; }

.signup-banner form .gform_heading { text-align: center; margin-bottom: 2rem; flex: 0 0 100%; }

.signup-banner form .gform_description { font-family: "Paytone One", sans-serif; font-size: 2.5em; font-weight: 600; color: white; }

.signup-banner form .gform_body { flex: 0 0 100%; }

.signup-banner form .gform_body ul li { margin: 0; }

.signup-banner form .gform_body ul li .ginput_container input[type="text"] { padding: 2.5rem 21rem 2.5rem 4rem; border-radius: 4rem; }

.signup-banner form .gform_footer { flex: 1; position: absolute; bottom: 0; right: -2px; }

.signup-banner form .gform_footer input[type="submit"] { display: inline-block; width: auto; padding: 2.2rem 4rem; border-radius: 4rem; border: .3rem solid transparent; }

.signup-banner form .gform_footer input[type="submit"]:hover { border-color: #00B0F4; background-color: transparent; }

.featured-posts { text-align: center; background-color: #F6F6F6; }

.featured-posts h2 { margin-bottom: 4rem; }

.featured-posts .posts { display: flex; text-align: left; }

.featured-posts .button { display: inline-block; margin-top: 2rem; }

/*About Page*/
.about-us { background-color: #F6F6F6; text-align: center; }

.about-us h2 { text-transform: uppercase; max-width: 80rem; margin: 0 auto 5rem; }

.about-us svg { max-width: 100%; margin: 4rem 0; height: 70rem; }

.benefits-listing { position: relative; }

.benefits-listing .benefit { display: flex; align-items: flex-start; margin-bottom: 4rem; position: relative; z-index: 1; }

.benefits-listing .benefit svg { flex: 1; }

.benefits-listing .benefit .content { flex: 0 0 80%; }

.benefits-listing .benefit .content h3 { font-size: 2.5em; margin-bottom: 1rem; }

.benefits-listing:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url(../images/logo-background-cornerright.png); background-size: contain; background-position: bottom right; background-repeat: no-repeat; }

.video-section { background-color: #F6F6F6; }

.video-section .container { position: relative; }

.video-section .content-overlay { position: absolute; top: 2rem; left: 3rem; z-index: 1; }

.video-section .content-overlay * { color: white; }

.video-section .content-overlay h2 { font-size: 3rem; margin-bottom: .5rem; }

.video-section .content-overlay p { font-weight: 400; }

/*Contact Page*/
.contact-body { position: relative; }

.contact-body .container { display: flex; position: relative; z-index: 1; }

.contact-body .column-left { flex: 0 0 55%; margin-right: 10%; }

.contact-body .column-left .intro p { font-size: 3rem; font-family: "Paytone One", sans-serif; margin-bottom: 3rem; }

.contact-body .column-left .contact-info .contact-detail { margin: 0 0 2rem; }

.contact-body .column-left .contact-info .contact-detail .title { text-transform: uppercase; margin: 0; opacity: .4; font-size: 1.6em; font-weight: 800; }

.contact-body .column-left .contact-info .contact-detail p, .contact-body .column-left .contact-info .contact-detail a { margin: 0; }

.contact-body .column-right { flex: 1; }

.contact-body:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url(../images/logo-background.png); background-size: cover; background-position: center; background-repeat: no-repeat; }

#map { padding-bottom: 50rem; width: 100%; }

/*Team Members*/
.team-members { position: relative; }

.team-members .container { position: relative; z-index: 1; }

.team-members h2 { font-size: 4em; text-align: center; text-transform: uppercase; margin-bottom: 5rem; }

.team-members .member-listing { display: flex; flex-wrap: wrap; }

.team-members .member { flex: 0 0 24%; margin: 0 1.3% 1.5rem 0; min-height: 40rem; border-radius: .5rem; overflow: hidden; display: flex; align-items: flex-end; transition: all ease-in-out .3s; position: relative; }

.team-members .member .member-info { position: relative; top: 0; z-index: 1; display: flex; flex-direction: column; justify-content: center; text-align: center; padding: 2rem; transition: all ease-in .2s; flex: 0 0 100%; max-width: 100%; }

.team-members .member .member-info p, .team-members .member .member-info h3 { margin: 0; color: white; }

.team-members .member .member-info h3 { font-size: 2.4em; }

.team-members .member .member-info p { font-size: 1.6em; font-weight: 400; }

.team-members .member .member-info .button { opacity: 0; visibility: hidden; max-height: 0; padding: 0; color: #00B0F4; font-weight: 800; transition: all ease-in-out .3s; -ms-grid-row-align: center; align-self: center; cursor: pointer; }

.team-members .member .member-info .button:hover { color: white; }

.team-members .member:before { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 0; opacity: 0; transition: all ease-in-out .3s; }

.team-members .member:hover .member-info { top: -20rem; transform: translateY(50%); background-color: transparent !important; }

.team-members .member:hover .member-info .button { opacity: 1; visibility: visible; max-height: 10rem; padding: 2rem 3.5rem; margin-top: 1.5rem; }

.team-members .member:hover:before { opacity: 1; height: 100%; }

.team-members .member:nth-of-type(6n+1) .member-info { background-color: #FFC700; }

.team-members .member:nth-of-type(6n+1):hover:before { background-color: rgba(255, 199, 0, 0.7); }

.team-members .member:nth-of-type(6n+2) .member-info { background-color: #B0D400; }

.team-members .member:nth-of-type(6n+2):hover:before { background-color: rgba(176, 212, 0, 0.7); }

.team-members .member:nth-of-type(6n+3) .member-info { background-color: #42515A; }

.team-members .member:nth-of-type(6n+3):hover:before { background-color: rgba(66, 81, 90, 0.7); }

.team-members .member:nth-of-type(6n+4) .member-info { background-color: #00B0F4; }

.team-members .member:nth-of-type(6n+4):hover:before { background-color: rgba(0, 173, 238, 0.7); }

.team-members .member:nth-of-type(6n+5) .member-info { background-color: #BB2397; }

.team-members .member:nth-of-type(6n+5):hover:before { background-color: rgba(187, 35, 151, 0.7); }

.team-members .member:nth-of-type(6n+6) .member-info { background-color: #F80010; }

.team-members .member:nth-of-type(6n+6):hover:before { background-color: rgba(248, 0, 16, 0.7); }

.team-members .member:nth-of-type(4n+4) { margin-right: 0; }

.team-members:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url(../images/logo-background-full.jpg); background-size: cover; background-position: bottom; background-repeat: no-repeat; }

.page-template-page-team-members { position: relative; }

.page-template-page-team-members .intro-section .container { max-width: 1100px; }

#popup-info { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(66, 81, 90, 0.7); display: flex; justify-content: center; align-items: center; opacity: 0; z-index: -1; transition: all ease-in-out .2s; }

#popup-info .team-member { position: relative; height: calc(100vh - 12rem); overflow: scroll; display: flex; align-items: center; margin: 0; top: 4.2rem; }

#popup-info .team-member .container { position: absolute; top: 0; left: 0; right: 0; margin: 0 auto; }

#popup-info .team-member .popup-close { display: block; position: absolute; cursor: pointer; top: 1rem; right: 1rem; }

#popup-info .team-member .popup-close svg { height: 3rem; width: 3rem; }

#popup-info .team-member .popup-close svg * { stroke: black; }

.popup-active { overflow: hidden; }

.popup-active #popup-info { opacity: 1; z-index: 1; }

::-webkit-scrollbar { display: none; }

.team-member { margin: 4rem 0; min-width: 80rem; }

.team-member .container { background-color: white; padding: 4rem; max-width: 65rem; box-shadow: 0 0 3rem 0 rgba(0, 0, 0, 0.1); margin: 6rem auto; }

.team-member .popup-close { display: none; }

.team-member .popup-heading { text-align: center; position: relative; padding-bottom: 2rem; margin-bottom: 3rem; }

.team-member .popup-heading .profile-image { height: 22rem; width: 22rem; border-radius: 100%; background-position: bottom; background-size: contain; margin: 0 auto 2rem; }

.team-member .popup-heading h2 { font-size: 2.6em; margin: 1rem; }

.team-member .popup-heading .title { font-size: 1.6em; }

.team-member .popup-heading:after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; height: .8rem; width: 6rem; border-radius: 1rem; background-color: #B0D400; }

.team-member p { font-weight: 400; }

/*Archive Posts*/
.archive-categories { padding: 3rem 0; }

.archive-categories ul { padding: 0; margin: 0; }

.archive-categories ul .menu-item-has-children { display: flex; justify-content: center; list-style-type: none; font-size: 1.6em; }

.archive-categories ul .menu-item-has-children p { display: none; }

.archive-categories ul .menu-item-has-children a { text-transform: uppercase; font-weight: 800; padding: 1rem; }

.archive-categories ul .menu-item-has-children a:hover { color: #00B0F4; }

.archive-categories ul .menu-item-has-children ul { display: flex; flex-wrap: wrap; justify-content: center; }

.archive-categories ul .menu-item-has-children ul li { list-style-type: none; font-size: inherit; margin: 0 3rem; }

.archive-posts { background-color: #F6F6F6; padding: 4rem 0; }

.archive-posts .container { display: flex; flex-wrap: wrap; }

.pagination { background-color: #F6F6F6; padding: 4rem 0 8rem; }

.pagination ul { padding: 0; margin: 0; display: flex; justify-content: center; }

.pagination ul li { list-style-type: none; margin-right: 1rem; font-size: 1.6em; }

.pagination ul li a { height: 3.6rem; width: 3.6rem; display: flex; justify-content: center; align-items: center; background-color: #E0E3E4; border-radius: .5rem; font-size: inherit; color: #00B0F4; font-weight: 800; }

.pagination ul li a:hover { background-color: #00B0F4; color: white; }

.pagination ul li.active a { background-color: #00B0F4; color: white; }

.pagination ul .pagination-next-prev { display: none; }

/*Single Post*/
.single-post { background-color: #F6F6F6; }

.single-post .banner { padding: 14rem 0; }

.single-post .post-container { background-color: white; padding: 6rem 10rem; position: relative; top: -8rem; }

.single-post .post-header { text-align: center; }

.single-post .post-header p { font-size: 1.5em; opacity: 0.7; margin-bottom: 1rem; }

.single-post .excerpt { font-size: 2em; text-align: center; font-weight: 800; margin-bottom: 3rem; }

.single-post blockquote { max-width: 90%; margin: 4rem 0 4rem auto; display: flex; }

.single-post blockquote p { font-size: 2.1em; font-weight: 800; font-family: "Paytone One", sans-serif; }

.single-post blockquote:before { content: ''; height: 6rem; width: 16rem; background-image: url(../icons/quotes.svg); background-size: contain; background-position: center; background-repeat: no-repeat; margin-right: 4rem; }

.single-post .social-share { display: flex; align-items: center; padding-top: 2rem; }

.single-post .social-share ul { padding: 0; margin: 0 0 0 1rem; display: flex; align-items: center; }

.single-post .social-share ul li { list-style-type: none; margin-right: 1rem; }

.single-post .social-share ul li a { font-size: inherit; padding: .5rem; }

.single-post .social-share ul li a svg * { transition: all ease-in-out .2s; }

.single-post .social-share ul li a:hover svg * { fill: #00B0F4; }

.single-post .post-navigation { padding: 0 0 8rem; }

.single-post .post-navigation .container { text-align: center; position: relative; }

.single-post .post-navigation a { color: #9CA4A8; font-weight: 800; }

.single-post .post-navigation a svg { margin-right: .5rem; }

.single-post .post-navigation a:hover { color: #00B0F4; }

.single-post .post-navigation a:hover svg * { stroke: #00B0F4; }

.single-post .post-navigation .post-prev, .single-post .post-navigation .post-next { position: absolute; top: 50%; transform: translateY(-50%); }

.single-post .post-navigation .post-prev svg path, .single-post .post-navigation .post-prev svg polygon, .single-post .post-navigation .post-next svg path, .single-post .post-navigation .post-next svg polygon { stroke: #9CA4A8; transition: all ease-in-out .2s; }

.single-post .post-navigation .post-prev:hover svg path, .single-post .post-navigation .post-prev:hover svg polygon, .single-post .post-navigation .post-next:hover svg path, .single-post .post-navigation .post-next:hover svg polygon { stroke: #00B0F4; }

.single-post .post-navigation .post-prev { left: 0; }

.single-post .post-navigation .post-next { right: 0; }

.single-post .post-navigation .post-next svg { margin-right: 0; margin-left: .5rem; }

/*Archive Template*/
.page-listing { background-color: #F6F6F6; padding-bottom: 1rem; }

.page-listing h2 { text-align: center; margin-bottom: 8rem; }

.page-listing .list-item { display: flex; justify-content: space-between; align-items: center; padding: 1.5rem 2.5rem; margin-bottom: 2rem; background-color: white; border-radius: 1rem; }

.page-listing .list-item h3 { margin: 0 0 .5rem; font-size: 2.1rem; transition: all ease-in-out .2s; }

.page-listing .list-item p { font-size: 1.7rem; opacity: 0.6; font-weight: 400; }

.page-listing .list-item .button { background-color: white; color: #00B0F4; border-color: #00B0F4; box-shadow: none; display: inline-block; font-size: inherit; transition: all ease-in-out .2s; opacity: 1; }

.page-listing .list-item:hover { box-shadow: 0 0 3rem 0 rgba(0, 0, 0, 0.1); }

.page-listing .list-item:hover h3 { color: #00B0F4; }

.page-listing .list-item:hover .button { background-color: #00B0F4; color: white; border-color: transparent; }

/*Service*/
.levels-section { text-align: center; background-color: #F6F6F6; }

.levels-section .levels { display: flex; justify-content: space-between; text-align: left; margin: 6rem 0 0; }

.levels-section .levels .level { flex: 0 0 20%; }

.levels-section .levels .level svg { overflow: visible; height: 8rem; }

.levels-section a { font-size: inherit; }

.steps { background-color: #F6F6F6; }

.steps .container { display: flex; flex-wrap: wrap; justify-content: space-between; }

.steps h2 { text-align: center; flex: 0 0 100%; margin-bottom: 6rem; }

.steps .step { flex: 0 0 30.33%; padding: 3rem; background-color: white; position: relative; }

.steps .step:after { content: ''; position: absolute; top: 50%; transform: translateY(-50%); right: -5rem; width: 4rem; height: 4rem; background-image: url(../icons/arrow-left.svg); background-size: contain; background-position: center; background-repeat: no-repeat; }

.steps .step:nth-of-type(3):after { background-image: url(../icons/angle-down-arrow.svg); top: 55%; }

.steps .step:last-of-type { flex: 0 0 100%; margin-top: 4rem; }

.steps .step:last-of-type:after { display: none; }

/*FAQS*/
.accordion { background-color: #F6F6F6; padding-top: -0; }

.accordion h2 { text-align: center; background-color: white; padding: 6rem 0 8rem; }

.accordion h2:after { bottom: 4rem; }

.accordion .accordion-field { background-color: white; border-radius: 1rem; padding: 0 3rem; margin-bottom: 2rem; }

.accordion .accordion-field .accordion-header { font-size: 2em; font-family: "Open Sans", sans-serif; line-height: 1.4; letter-spacing: 1px; margin: 0; display: flex; justify-content: space-between; align-items: center; cursor: pointer; padding: 3rem 0; transition: all ease-in-out .2s; }

.accordion .accordion-field .accordion-header svg, .accordion .accordion-field .accordion-header svg * { transition: all ease-in-out .2s; }

.accordion .accordion-field .accordion-header svg { margin-left: 4rem; flex: 0 0 3rem; }

.accordion .accordion-field .accordion-header:hover svg * { stroke: #00B0F4; }

.accordion .accordion-field .accordion-header.active svg { transform: rotate(90deg); }

.accordion .accordion-field .accordion-header.active svg * { stroke: #00B0F4; }

.accordion .accordion-field .dropdown-content { max-height: 0; opacity: 0; visibility: hidden; transition: all ease-in-out .2s; }

.accordion .accordion-field .dropdown-content * { opacity: 0.6; font-weight: 400; }

.accordion .accordion-field .dropdown-content.active { max-height: 70rem; opacity: 1; visibility: visible; padding-bottom: 3rem; }

.paypal { background-color: #00B0F4; border-radius: 5rem; display: inline-block; min-width: 20rem; position: relative; height: 5rem; border: .3rem solid transparent; transition: all ease-in-out .2s; }

.paypal .img { opacity: 0; position: relative; z-index: 99; width: 100%; height: 5rem; }

.paypal:after { content: 'Donate'; position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: 0 auto; font-family: "Open Sans", sans-serif; font-size: 1.6rem; text-transform: uppercase; display: inline-block; font-weight: 600; letter-spacing: 1.2px; }

.paypal:hover { border-color: white; background-color: transparent; }

@media only screen and (max-width: 1536px) { .columns .flex-column.right-align .content p { padding-bottom: 1rem; }
  .service-content .flex-column .content:last-child { padding: 4rem 0 6rem; }
  .service-content .tab-info .flex-column .content:last-child { padding: 0; }
  .steps .step:after { display: none; }
  .steps { display: flex; flex-wrap: wrap; }
  .steps .step { flex: 0 0 100%; margin-top: 4rem; }
  .intro-section .flex-column { display: flex; flex-wrap: wrap; }
  .intro-section .flex-column .content { flex: 0 0 100%; } }

@media only screen and (max-width: 1280px) { header #header-logo { width: 15rem; }
  header nav > ul > li { font-size: 1.4em; }
  header nav > ul > li a { padding: 2.5rem 1.5rem; }
  .banner { margin-top: 7rem; }
  .blog-post .blog-image { padding-bottom: 20vw; }
  .flex-column .content .button, .flex-column .flex-image .button { display: inline-block; margin-top: 4rem; margin-bottom: 2rem; } }

@media only screen and (max-width: 1250px) { .team-members .member-listing { display: flex; flex-wrap: wrap; }
  .team-members .member { flex: 0 0 49.3%; min-height: 50vw; background-size: contain; }
  .team-members .member:nth-of-type(4n+4) { margin-right: 1.3%; }
  .team-members .member:nth-of-type(2n+2) { margin-right: 0; }
  .team-members .member:hover .member-info { top: -31rem; }
  .columns.info-section .home-benefits .benefits-intro { flex: 0 0 35%; }
  footer .container { display: flex; flex-wrap: wrap; }
  footer .container .col-left { flex: 0 0 100%; margin-right: 0; }
  footer .container .col-right { flex: 0 0 100%; margin: 4rem 0  0; } }

@media only screen and (max-width: 1160px) { header .container { justify-content: flex-end; }
  header #header-logo { margin: .5rem auto .5rem 0; }
  header .header-links { margin-right: 4rem; }
  header .header-links .button { padding: .5rem; min-width: 14rem; font-size: 1.2rem; }
  header .header-links .phone { font-size: 1.2rem; }
  header nav { position: absolute; right: -101%; top: 100%; margin-right: 0; transition: all ease-in-out 0.3s; overflow: overlay; height: calc(100vh - 87px); z-index: 999; width: 100%; }
  header nav > ul { flex-direction: column; align-items: stretch; border-top: .2rem solid black; border-bottom: .2rem solid black; background-color: white; }
  header nav > ul li { font-size: 1em; }
  header nav > ul li a { color: black; padding: 1rem 2rem; min-width: 100%; border-bottom: 0.0625rem solid black; }
  header nav > ul li a:hover { background-color: rgba(187, 35, 151, 0.3); }
  header nav > ul .menu-item-has-children { display: flex; flex-direction: column; margin: 0; }
  header nav > ul .menu-item-has-children .sub-menu { position: relative; width: 100%; border-radius: 0; left: 0; top: 0; padding: 0; box-shadow: none; border: none; }
  header nav > ul .menu-item-has-children .sub-menu li { font-size: 1rem; }
  header nav > ul .menu-item-has-children .sub-menu:after { display: none; }
  header nav > ul .menu-item-has-children.large-menu .sub-menu .menu-item-has-children { margin: 0; font-size: 1.6rem; }
  header nav > ul .menu-item-has-children.large-menu .sub-menu .menu-item-has-children:after { display: none; }
  header nav > ul .menu-item-has-children.large-menu .sub-menu .menu-item-has-children .sub-menu li { font-size: 1rem; }
  header nav > ul .menu-item-has-children:after { content: '\25BE'; position: absolute; top: .7rem; right: 1.5rem; font-size: 1.4rem; transform: rotate(0deg); transition: all ease-in-out .2s; }
  header nav > ul .menu-item-has-children:hover .sub-menu { max-height: 0 !important; opacity: 0 !important; visibility: hidden !important; }
  header nav > ul .menu-item-has-children.active .sub-menu { max-height: 62.5rem !important; opacity: 1 !important; visibility: visible !important; height: 100%; border-top: 0.125rem solid black; border-bottom: 0.0625rem solid black; }
  header nav > ul .menu-item-has-children.active:after { transform: rotate(180deg); }
  #mobile-menu { display: block !important; }
  #mobile-menu span { transition: all ease-in-out 0.2s; transition-delay: 0; }
  .mobile-active .container nav { right: 0; }
  .mobile-active #mobile-menu span:first-of-type { top: 50%; transform: rotate(45deg); }
  .mobile-active #mobile-menu span:nth-of-type(2) { left: -100%; opacity: 0; }
  .mobile-active #mobile-menu span:last-of-type { top: 50%; transform: rotate(-45deg); }
  .banner { margin-top: 5.6rem; }
  footer .col-left img { height: 16rem; }
  .team-members .member { background-position: bottom; } }

@media only screen and (max-width: 1080px) { .home-benefits .benefits-listing { font-size: 8px; } }

@media only screen and (max-width: 1024px) { .single-post .post-container { padding: 6rem; }
  .team-members .member { align-items: center; }
  .team-members .member .member-info { position: static; background-color: transparent !important; top: 0; transform: none; }
  .team-members .member .member-info .button { opacity: 1; visibility: visible; max-height: 10rem; padding: 2rem 3.5rem; margin-top: 1.5rem; }
  .team-members .member:hover .member-info { top: 0; transform: none; }
  .team-members .member:before { opacity: 1; height: 100%; }
  .team-members .member:nth-of-type(6n+1):before { background-color: rgba(255, 199, 0, 0.7); }
  .team-members .member:nth-of-type(6n+2):before { background-color: rgba(176, 212, 0, 0.7); }
  .team-members .member:nth-of-type(6n+3):before { background-color: rgba(66, 81, 90, 0.7); }
  .team-members .member:nth-of-type(6n+4):before { background-color: rgba(0, 173, 238, 0.7); }
  .team-members .member:nth-of-type(6n+5):before { background-color: rgba(187, 35, 151, 0.7); }
  .team-members .member:nth-of-type(6n+6):before { background-color: rgba(248, 0, 16, 0.7); }
  .levels-section .levels .level svg { height: 6rem; }
  .levels-section .levels .level p { font-size: 1.4rem; }
  .columns.info-section .flex-column { display: flex; flex-wrap: wrap; }
  .columns.info-section .flex-column .flex-image { flex: 0 0 100%; text-align: center; margin-bottom: 2rem; }
  .columns.info-section .flex-column .content { text-align: center; }
  .columns.info-section .flex-column .content h2:after { right: 0; margin: 0 auto; } }

@media only screen and (max-width: 980px) { .featured-posts .posts { flex-wrap: wrap; display: flex; }
  .featured-posts .posts .blog-post { flex: 0 0 80%; margin: 0 auto 3.5vw; }
  .featured-posts .posts .blog-post .blog-image { padding-bottom: 30vw; }
  .page-listing .list-item .button { padding: .5rem .5rem; margin-left: 1rem; }
  .archive-posts .blog-post { flex: 0 0 48%; margin: 1.5rem auto; }
  .service-content.columns .flex-column { display: flex; flex-wrap: wrap; margin-bottom: 0rem; padding: 6rem 0 0; }
  .service-content.columns .flex-column .flex-image { top: 0; padding-bottom: 45vw; }
  .service-content.columns .flex-column .content { flex: 0 0 100%; text-align: center; padding: 4rem 0 0; }
  .service-content.columns .flex-column .content h2:after { left: 0; right: 0; margin: 0 auto; }
  .service-content.columns .flex-column .flex-image { flex: 0 0 100%; margin: 0 auto 2rem; justify-content: center; }
  .service-content.columns .flex-column.right-align .content { margin-right: 0; text-align: center; }
  .service-content.columns .main-content { text-align: center; }
  .page-template-page-service .service-content.columns .flex-column .flex-image { margin: 0 auto -2rem; } }

@media only screen and (max-width: 860px) { .ability-cards .container { flex-wrap: wrap; }
  .ability-cards .container .ability-card { flex: 0 0 100%; max-width: 100%; }
  .ability-cards .container .ability-card:first-child { margin-bottom: 3rem; }
  .columns .flex-column { flex-wrap: wrap; margin: 0; }
  .columns .flex-column h2:after { right: 0; margin: 0 auto; }
  .columns .flex-column .flex-image { flex: 0 0 100%; margin: 0 0 3rem !important; }
  .columns .flex-column .flex-image img { width: 100%; display: flex; }
  .columns .flex-column .content { text-align: center !important; margin: 0 0 3rem !important; }
  .columns .home-benefits .container .benefits-intro { text-align: center; }
  .columns .home-benefits .container .benefits-intro h2:after { right: 0; margin: 0 auto; }
  .columns.info-section .home-benefits { padding-top: 5rem; }
  .columns.info-section .home-benefits:after { display: none; }
  .columns.info-section .home-benefits .container { flex-wrap: wrap; }
  .columns.info-section .home-benefits .container .benefits-intro { flex: 0 0 100%; margin-bottom: 3rem; margin-top: 0rem; }
  .columns.info-section .home-benefits .container .benefits-listing { flex: 0 0 100%; padding-left: 0; }
  .signup-banner form { width: 50rem; }
  .contact-body .container { flex-wrap: wrap; }
  .contact-body .column-left { flex: 0 0 100%; text-align: center; }
  #popup-info .team-member .container { max-width: 80%; }
  .page-template-page-service .service-content.columns .flex-column .flex-image { margin: 0 auto -2rem !important; }
  .levels-section { padding: 4rem 0; }
  .levels-section h2 { font-size: 3.2rem; }
  .levels-section .levels { margin: 2rem 0 0; }
  .levels-section .levels .level svg { height: 4rem; }
  .levels-section .levels .level p { font-size: 1.2rem; }
  .about-us svg { height: auto !important; }
  .page-template-page-team-members .columns { padding: 4rem 0 0; } }

@media only screen and (max-width: 768px) { .page-listing .list-item { display: flex; flex-wrap: wrap; text-align: center; }
  .page-listing .list-item .link-info { flex: 0 0 100%; }
  .page-listing .list-item .button { margin: 1rem auto 0; }
  .single-post .excerpt { font-size: 1.8rem; }
  .tab-info .flex-column { margin-bottom: 0 !important; }
  .tab-info .main-content { text-align: center !important; max-width: 100%; }
  .archive-categories { padding: 2rem 0; }
  .archive-categories ul .menu-item-has-children ul li a { font-size: 1em; }
  #popup-info .team-member { min-width: 100%; }
  #popup-info .team-member .container { max-width: 90%; }
  #popup-info .team-member .popup-heading .profile-image { height: 14rem; width: 14rem; }
  #popup-info .team-member p { font-size: 1.4em; }
  .columns .flex-column .flex-image { padding-bottom: 40vw; }
  .columns.service-content .flex-column .flex-image { padding-bottom: 40vw; } }

@media only screen and (max-width: 680px) { .cta .container { flex-wrap: wrap; display: flex; }
  .cta .container .buttons { flex: 0 0 100%; margin-left: 0; }
  footer .col-left { text-align: center; flex-wrap: wrap; }
  footer .col-left img { margin: 0 auto 4rem; }
  footer .col-right { justify-content: center; text-align: center; flex-wrap: wrap; }
  footer .col-right .contact-info, footer .col-right nav { flex: 0 0 100%; }
  footer .col-right .contact-info { margin-bottom: 2rem; }
  footer .col-right .social-media { justify-content: center; }
  .team-members .member-listing .member { flex: 0 0 100%; }
  .columns .flex-column { padding-top: 1rem; }
  .column .flex-column.right-align .content { padding-left: 0; }
  footer .footer-bottom .container { text-align: center; justify-content: center; }
  footer .footer-bottom .container p { flex: 0 0 100%; margin-bottom: 1rem; }
  footer .footer-bottom .container .login { justify-content: center; }
  .popup-form .popup-container { min-width: auto; max-width: 90%; }
  .archive-categories ul .menu-item-has-children { position: relative; width: 20rem; margin: 0 auto; }
  .archive-categories ul .menu-item-has-children p { display: flex; justify-content: space-between; align-items: center; width: 100%; border: .1rem solid black; padding: .5rem 2rem; font-size: 1.6rem; }
  .archive-categories ul .menu-item-has-children p:after { content: '\25BE'; position: relative; display: inline-block; transform: rotate(0); transition: all ease-in-out .2s; }
  .archive-categories ul .menu-item-has-children .sub-menu { position: absolute; top: 100%; width: 100%; flex-direction: column; background-color: white; border: .1rem solid black; border-top: none; border-bottom: none; z-index: 2; opacity: 0; visibility: hidden; max-height: 0; transition: all ease-in-out .2s; }
  .archive-categories ul .menu-item-has-children .sub-menu li { margin: 0; }
  .archive-categories ul .menu-item-has-children .sub-menu li a { font-weight: 400; font-size: 1.2rem; padding: 1rem 2rem; display: block; border-bottom: .1rem solid black; }
  .archive-categories ul .menu-item-has-children.active p:after { transform: rotate(180deg); }
  .archive-categories ul .menu-item-has-children.active .sub-menu { opacity: 1; visibility: visible; max-height: 70rem; }
  .archive-posts .blog-post { flex: 0 0 100%; }
  .archive-posts .blog-post .blog-image { padding-bottom: 28rem; }
  .levels-section .levels { flex-wrap: wrap; justify-content: center; }
  .levels-section .levels .level { flex: 0 0 49%; display: flex; flex-direction: column; align-items: center; }
  .levels-section .levels .level p { text-align: center; } }

@media only screen and (max-width: 600px) { .about-us { padding-bottom: 0; }
  .single-post .post-container { padding: 4rem; }
  .single-post .post-container .post-header h1 { font-size: 3.6rem; }
  .single-post .post-container blockquote { max-width: 100%; }
  .single-post .post-container blockquote:before { display: none; }
  header { margin-top: 3.5rem; }
  header .container { justify-content: space-between; }
  header #header-logo { width: 13rem; margin: 1rem 0; }
  header .header-links { position: fixed; top: 0; left: 0; width: 100%; display: flex; }
  header .header-links .button, header .header-links .phone { flex: 0 0 50%; border-radius: 0; text-align: center; padding: .5rem; margin: 0; min-width: auto; }
  header .header-links .phone { display: flex; align-items: center; justify-content: center; background-color: #F6F6F6; }
  .banner { margin-top: 10.3rem; } }

@media only screen and (max-width: 550px) { .columns.info-section .home-benefits .benefits-listing .benefit { flex: 0 0 50%; width: 50%; }
  .cta .button { margin-top: 2rem; }
  section { padding: 6rem 0; }
  .testimonials .slider .slide .content * { font-size: 1.4rem; padding-top: 2.3rem; }
  .signup-banner form .gform_body ul li .ginput_container input[type="text"] { padding: 1rem 21rem 1rem 4rem; }
  .signup-banner form .gform_footer input[type="submit"] { padding: 0.7rem 0.5rem; }
  .signup-banner form { width: 100%; }
  .ability-cards { padding: 4rem 0; }
  .button { padding: 1.5rem 3.5rem; }
  .intro-section h3 { font-size: 2.5em; }
  .cta.align-right { text-align: center; }
  .ability-cards .ability-card { text-align: center; }
  .ability-cards .ability-card p { margin: auto; }
  .about-us h2 { margin: 0 auto 0rem; }
  .video-section .content-overlay { position: relative; margin-bottom: 30px; }
  .video-section .content-overlay h2, .video-section .content-overlay p { color: black; }
  .contact-body { text-align: center; }
  .banner .container { text-align: center; }
  .banner h1 { text-align: center; }
  .banner svg { margin: 0 auto 1rem; }
  .team-members { padding-top: 4rem; }
  .cta .buttons .button:first-of-type { margin-right: 0; } }

@media only screen and (max-width: 480px) { .cta .container { text-align: center; }
  .cta .buttons .button { display: block; max-width: 20rem; margin: 1rem auto 0 !important; }
  .team-members .member { min-height: 70vw; background-size: 65%; background-position: bottom; }
  .team-members .member .member-info { padding: 1rem; }
  .intro-section .container { text-align: center; }
  .intro-section h3 { line-height: 1.2; }
  .accordion .accordion-field { padding: 0 1.5rem; }
  .accordion .accordion-field .accordion-header { font-size: 1.7rem; padding: 1.5rem 0; }
  .accordion .accordion-field .accordion-header svg { margin-left: 1rem; }
  .accordion .accordion-field .dropdown-content.active { max-height: 140rem; text-align: left !important; font-size: .8rem; }
  .archive-posts .blog-post .blog-image { padding-bottom: 25rem; }
  .contact-body .column-left .intro p { font-size: 2.5rem; }
  .contact-body .column-left .contact-info .contact-detail { margin: 0 0 1rem; }
  #map { padding-bottom: 40rem; }
  .single-post { background: #ffffff; }
  .single-post .post-container { padding: 4rem 0; top: 0; }
  .single-post .post-navigation { padding: 5rem 0; background-color: #f7f7f7; }
  .single-post .post-navigation a { font-size: 1.4rem; }
  .single-post .post-navigation a svg { display: none; }
  .single-post .post-navigation a.archive-link svg { display: inline-block; }
  .popup-form .popup-container { padding: 2rem; }
  .button { padding: 1rem 3.5rem; text-align: center; font-size: 1.4rem; } }

@media only screen and (max-width: 425px) { .blog-post .blog-content p { margin: 0; font-size: 1.7rem; }
  h1 { font-size: 2rem; }
  .home-banner .banner { padding: 5rem 0; }
  .cta .buttons { text-align: center; margin-left: 0; }
  .cta h2 { font-size: 3.8em; }
  .columns.info-section .home-benefits .benefits-listing .benefit { flex: 0 0 100%; width: 100%; }
  .signup-banner form .gform_body ul li .ginput_container input[type="text"] { padding: 1rem 13rem 1rem 4rem; }
  .signup-banner form .gform_footer input[type="submit"] { width: auto; padding: 0.7rem 2.5rem; min-width: 100%; }
  .testimonials .slider .slide .profile-image { height: 15rem; width: 15rem; margin: 0 auto; border: 1rem solid #B0D400; }
  .testimonials .slider .flickity-prev-next-button:after { width: 2rem; height: 2rem; }
  .testimonials .slider .flickity-prev-next-button.previous { left: -2rem; }
  .testimonials .slider .flickity-prev-next-button.next { right: -2rem; }
  .testimonials:after { background-size: 100%; }
  .about-us svg { height: auto; }
  .benefits-listing .benefit { display: flex; flex-wrap: wrap; }
  .benefits-listing .benefit svg { flex: 0 0 100%; margin-bottom: 2rem; }
  .benefits-listing .benefit .content { flex: 0 0 100%; text-align: center; }
  .contact-body .column-left .intro p { font-size: 2rem; }
  footer h3 { margin-bottom: 1rem; }
  footer .footer-info { margin-top: 2rem; }
  footer .col-right .contact-info { margin-bottom: 4rem; }
  .title-fancy { font-size: 3em; }
  .intro-section { padding: 6rem 0 2rem; }
  h2 { font-size: 2.6rem; }
  .default-page .flex-column .content { text-align: center; }
  #popup-info .team-member { height: calc(100vh - 16rem); top: 5rem; }
  #popup-info .team-member .container { padding: 2rem; height: 100%; overflow: scroll; }
  .tab-info { padding: 0; }
  .service-content.columns .flex-column { padding: 0; }
  .service-content.columns .flex-column:first-of-type { padding-top: 4rem; } }

@media only screen and (max-width: 405px) { .ability-cards .ability-card { flex: 0 0 48%; padding: 1rem 1rem 2rem; }
  .buttonwhite { min-width: 10rem; }
  .content h3 { font-size: 2.5rem; } }

@media only screen and (max-width: 375px) { .container { text-align: center; }
  .columns.info-section .home-benefits .benefits-intro h2:after { right: 0; }
  .button { padding: .5rem .5rem; }
  .ability-cards .ability-card { text-align: center; }
  .ability-cards .ability-card p { margin: auto; }
  .signup-banner form { width: 100%; }
  .featured-posts .posts .blog-post { flex: 0 0 100%; margin: 0 auto 5.5vw; }
  .intro-section h3 { font-size: 2.5em; }
  .cta h2 { font-size: 3.1em; }
  .page-listing h2 { font-size: 2.4rem; margin-bottom: 5rem; }
  .columns .flex-column.right-align .content { text-align: center; }
  .banner h1 svg { margin: 0 auto 1rem; }
  .accordion .accordion-field .accordion-header { text-align: left; }
  .archive-posts .blog-post .blog-image { padding-bottom: 20rem; }
  .single-post .post-navigation { padding: 4rem 0; }
  .single-post .post-navigation a { font-size: 1.3rem; }
  .single-post .post-navigation a.archive-link svg { display: none; }
  header { margin-top: 2.2rem; }
  header * { text-align: left; }
  header #header-logo { width: 10rem; }
  header .header-links .button, header .header-links .phone { padding: 0; font-size: 1rem; }
  header nav > ul .menu-item-has-children.large-menu .sub-menu .menu-item-has-children { font-size: 1.2rem; }
  header nav > ul .menu-item-has-children.large-menu .sub-menu .menu-item-has-children .sub-menu li { font-size: .8rem; }
  header #mobile-menu { width: 3rem; }
  .banner { margin-top: 7.9rem; }
  .steps h2 { margin-bottom: 2rem; font-size: 3em; }
  .popup-form .popup-container .lwa td { text-align: center; }
  .popup-form .popup-container .lwa-submit-links { flex-wrap: wrap; justify-content: center; }
  .popup-form .popup-container .lwa-submit-links .lwa-links-remember { flex: 0 0 100%; text-align: center; margin-top: 1rem; }
  .levels-section .levels .level { flex: 0 0 100%; } }

@media only screen and (max-width: 340px) { .ability-cards .ability-card { flex: 0 0 48%; padding: 1rem 1rem 2rem; text-align: center; }
  .ability-cards .ability-card h3 { font-size: 4.0em; margin-bottom: 1rem; }
  .testimonials .slider .slide .content * { padding-top: 6rem; }
  .accordion .accordion-field .accordion-header { font-size: 1.4rem; }
  .single-post .post-container .post-header h1 { font-size: 3rem; }
  .intro-section .flex-column .content p { font-size: 1.4rem; }
  .cta p { font-size: 1.4rem; }
  .cta svg { max-width: 100% !important; }
  .page-listing .list-item h3 { font-size: 1.6rem; }
  .page-listing .list-item .button { font-size: 1.4rem; } }

/*# sourceMappingURL=styles.css.map */
