/* Generated by Font Squirrel (https://www.fontsquirrel.com) on March 29, 2017 */
@font-face { font-family: 'serendipity_wide_ligaturesRg'; src: url("fonts/serendipityligatureswide-webfont.woff2") format("woff2"), url("fonts/serendipityligatureswide-webfont.woff") format("woff"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'serendipity_wide_threeregular'; src: url("fonts/serendipitythreewide-webfont.woff2") format("woff2"), url("fonts/serendipitythreewide-webfont.woff") format("woff"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'serendipity_wide_tworegular'; src: url("fonts/serendipitytwowide-webfont.woff2") format("woff2"), url("fonts/serendipitytwowide-webfont.woff") format("woff"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'serendipity_wide_one_regular'; src: url("fonts/serendipityonewide-webfont.woff2") format("woff2"), url("fonts/serendipityonewide-webfont.woff") format("woff"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'serendipity_ligaturesregular'; src: url("fonts/serendipityligatures-webfont.woff2") format("woff2"), url("fonts/serendipityligatures-webfont.woff") format("woff"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'serendipity_threeregular'; src: url("fonts/serendipitythree-webfont.woff2") format("woff2"), url("fonts/serendipitythree-webfont.woff") format("woff"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'serendipity_tworegular'; src: url("fonts/serendipitytwo-webfont.woff2") format("woff2"), url("fonts/serendipitytwo-webfont.woff") format("woff"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'serendipity_oneregular'; src: url("fonts/serendipityone-webfont.woff2") format("woff2"), url("fonts/serendipityone-webfont.woff") format("woff"); font-weight: normal; font-style: normal; }

* { -webkit-box-sizing: border-box; box-sizing: border-box; }

html, body { margin: 0; padding: 29px 0px 0px 0px; width: 100%; height: 100%; font-size: 1rem; font-family: proxima-nova, sans-serif; }

h1, .meet-team { font-size: 2rem; line-height: 2.875rem; font-family: miller-banner, serif; font-weight: normal; letter-spacing: 0.2px; }

h2 { font-size: 2.5625rem; line-height: 4.5625rem; font-family: "serendipity_oneregular"; }

h3 { font-size: 1.4375rem; line-height: 2.25rem; font-family: miller-banner, serif; font-weight: normal; letter-spacing: 0.2px; }

h3 a { color: #0D0D0D; text-decoration: none; }

h3 a:hover { color: #8CC6B0; }

h4 { font-size: 1.25rem; line-height: 1.9375rem; font-family: miller-banner, serif; font-weight: normal; letter-spacing: 0.2px; }

h5 { font-size: 1.125rem; line-height: 1.375rem; letter-spacing: 0.125rem; }

h6 { font-size: 1rem; line-height: 1.1875rem; letter-spacing: 0.125rem; margin-bottom: 5px; }

a { color: #499097; text-decoration: none; }

a:hover { text-decoration: underline; }

.button { -webkit-border-radius: 4px; border-radius: 4px; padding: 10px 20px; text-transform: uppercase; letter-spacing: 0.125rem; line-height: 1.875rem; -webkit-transition: background-color 200ms; transition: background-color 200ms; display: inline-block; text-decoration: none; font-size: 0.75rem; font-weight: 600; }

.button:hover { text-decoration: none; }

.button.primary { background-color: #E19C6C; color: white; }

.button.primary:hover { background-color: #dd8e57; }

.button.secondary { background-color: #499097; color: white; }

.button.secondary:hover { background-color: #418086; }

.button.third { background-color: #5C9BA2; color: white; }

.button.third:hover { background-color: #6ca5ac; }

.button.filter { background-color: white; border: 2px solid #899EA0; color: #899EA0; }

.button.filter.active, .button.filter:hover { background-color: #899EA0; }

.page-content, .article-content, .publication-content, .staff-page-content, .article-content-blog { width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.page-content .container, .article-content .container, .publication-content .container, .staff-page-content .container, .article-content-blog .container { max-width: 78.5rem; width: 100%; }

.gform_wrapper .gform_button { border: 0; outline: 0; background-color: #E19C6C; color: white; text-transform: uppercase; letter-spacing: 2px; cursor: pointer; padding: 10px 32px; font-size: 0.75rem; font-weight: 600; }

.gform_wrapper .gform_button:hover { background-color: #c06627; }

.gform_wrapper .gfield_label { display: none !important; }

.gform_wrapper .half-width { width: 50%; clear: none !important; display: inline-block; }

.gform_wrapper .gfield { margin-top: 10px !important; padding-right: 10px; }

.gform_wrapper .gfield input[type="text"], .gform_wrapper .gfield input[type="email"] { border: 0; -webkit-border-radius: 4px; border-radius: 4px; background-color: white; height: 60px; padding: 0 0 0 20px !important; outline: 0; }

.gform_wrapper .gfield input[type="text"]::-webkit-input-placeholder, .gform_wrapper .gfield input[type="email"]::-webkit-input-placeholder { font-size: 1rem; text-transform: uppercase; letter-spacing: 2px; color: #0D0D0D; }

.gform_wrapper .gfield input[type="text"]::-moz-placeholder, .gform_wrapper .gfield input[type="email"]::-moz-placeholder { font-size: 1rem; text-transform: uppercase; letter-spacing: 2px; color: #0D0D0D; }

.gform_wrapper .gfield input[type="text"]::-ms-input-placeholder, .gform_wrapper .gfield input[type="email"]::-ms-input-placeholder { font-size: 1rem; text-transform: uppercase; letter-spacing: 2px; color: #0D0D0D; }

.gform_wrapper .gfield input[type="text"]::placeholder, .gform_wrapper .gfield input[type="email"]::placeholder { font-size: 1rem; text-transform: uppercase; letter-spacing: 2px; color: #0D0D0D; }

.gform_wrapper textarea { border: 0; -webkit-border-radius: 4px; border-radius: 4px; background-color: white; padding: 20px 0 0 20px !important; outline: 0; height: 155px; }

.gform_wrapper textarea::-webkit-input-placeholder { font-size: 1rem; text-transform: uppercase; letter-spacing: 2px; color: #0D0D0D; }

.gform_wrapper textarea::-moz-placeholder { font-size: 1rem; text-transform: uppercase; letter-spacing: 2px; color: #0D0D0D; }

.gform_wrapper textarea::-ms-input-placeholder { font-size: 1rem; text-transform: uppercase; letter-spacing: 2px; color: #0D0D0D; }

.gform_wrapper textarea::placeholder { font-size: 1rem; text-transform: uppercase; letter-spacing: 2px; color: #0D0D0D; }

.gform_wrapper .gfield_select { -webkit-border-radius: 4px; border-radius: 4px; background-color: white; height: 60px; padding-top: 15px; font-size: 1rem; text-transform: uppercase; letter-spacing: 2px; color: #0D0D0D; position: relative; padding-left: 20px; }

.gform_wrapper .gfield_select .select-option { outline: 0; }

.gform_wrapper .gfield_select .select-rendered { position: relative; top: 7px; }

.gform_wrapper .gfield_select .select-rendered.select-option { color: #8CC6B0; }

.gform_wrapper .gfield_select .dropdown-arrow { top: 23px; right: 25px; position: absolute; z-index: 3; width: 20px; }

.gform_wrapper .gfield_select .select-options { -webkit-box-shadow: rgba(0, 0, 0, 0.1) 4px 4px 10px; box-shadow: rgba(0, 0, 0, 0.1) 4px 4px 10px; margin: 0; padding: 0; position: absolute; top: 96%; background-color: white; width: 100%; left: 0px; z-index: 99; height: 0; -webkit-transition: height 300ms, overflow 200ms; transition: height 300ms, overflow 200ms; overflow: hidden; cursor: pointer; }

.gform_wrapper .gfield_select .select-options .select-option { width: 100%; border-bottom: 1px solid #899EA0; padding-top: 10px; padding-left: 20px; padding-bottom: 10px; font-size: 1rem; cursor: pointer; margin-bottom: 0 !important; }

.gform_wrapper .gfield_select .select-options .select-option:last-child { border-bottom: 0; }

.gform_wrapper .gfield_select .select-options .select-option:first-child { border-top: 1px solid #899EA0; }

.gform_wrapper .gfield_select.dropdown-active .select-options { height: auto; overflow-y: scroll; overflow-x: hidden; max-height: 200px; }

.bordered-column { border-left: 1px solid #F0F4F4; border-right: 1px solid #F0F4F4; }

.flickity-button { background: transparent !important; }

.flickity-button svg { fill: #BFCDCC; }

.anchor { padding-top: 100px; margin-top: -100px; height: 1px; width: 1px; display: block; }

.page-wave { position: relative; top: -22px; float: left; display: block; width: 100%; }

.page-wave svg { max-width: 100%; }

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

.flickity-prev-next-button.next { right: -50px !important; }

.flickity-prev-next-button.previous { left: -50px !important; }

.vc_custom_1561435861968 { padding-right: 30px; padding-left: 60px; }

.sitewide-notification { width: 100%; background-color: #E4E3DD; padding: 8px 0 1px; text-align: center; color: #0D0D0D; letter-spacing: 2px; text-transform: uppercase; font-weight: 600; font-size: 13px; }

.main-header { width: 100%; position: fixed; z-index: 9; top: 0; left: 0; background-image: url("/wp-content/themes/alana/assets/images/Alana-Header-Wave.svg"); color: white; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; min-height: 74px; }

.main-header a { color: white; }

.main-header .logo { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; padding: 7px 0 0 10px; }

.main-header .navigation { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 7; -webkit-flex: 7; -ms-flex: 7; flex: 7; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }

.main-header .navigation nav { float: left; width: 70%; }

.main-header .navigation .button-wrap { float: right; padding: 5px; }

.main-header .navigation .button-wrap .button { margin: 0 2px; padding: 10px 32px; font-size: 0.75rem; font-weight: 600; }

.main-header nav { display: block; }

.main-header .main-menu-wrapper { width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; text-transform: uppercase; color: white; margin: 0; padding: 0; }

.main-header .main-menu-wrapper .chevron { display: inline-block; width: 9px; }

.main-header .main-menu-wrapper a { color: white; text-decoration: none; padding: 25px 20px; display: inline-block; margin: 0; float: left; }

.main-header .main-menu-wrapper > li { font-size: 0.75rem; letter-spacing: 2px; }

.main-header .main-menu-wrapper > li:hover > a { color: #0D0D0D; background-color: #F7F9F9; font-weight: 600; }

.main-header .main-menu-wrapper li { list-style: none; position: relative; }

.main-header .main-menu-wrapper li:hover ul { display: block !important; }

.main-header .main-menu-wrapper li:hover .featured-sub-menu { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

.main-header .main-menu-wrapper li .featured-sub-menu { display: none; position: absolute; top: 64px; left: 0; background-color: white; color: #499097; width: 100%; margin: 0; min-width: 700px; -webkit-box-shadow: rgba(0, 0, 0, 0.16) -1px 11px 15px; box-shadow: rgba(0, 0, 0, 0.16) -1px 11px 15px; z-index: 3; }

.main-header .main-menu-wrapper li .featured-sub-menu .featured-text { width: 100%; background-color: #F7F9F9; padding: 10px 20px; }

.main-header .main-menu-wrapper li .featured-sub-menu .featured-text .title { color: #0D0D0D; text-transform: uppercase; width: 100%; padding: 20px 0px; float: left; font-weight: 600; }

.main-header .main-menu-wrapper li .featured-sub-menu .featured-text .description { width: 100%; display: block; color: #0D0D0D; font-size: 0.75rem; text-transform: none; letter-spacing: 0.2px; }

.main-header .main-menu-wrapper li .featured-sub-menu .featured-text .description .button-wrapper { width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 20px 0; }

.main-header .main-menu-wrapper li .featured-sub-menu .featured-text .description .button-wrapper .primary-button { background-color: #499097; margin-right: 10px; padding: 5px 12px 5px 12px; }

.main-header .main-menu-wrapper li .featured-sub-menu .featured-text .description .button-wrapper .primary-button:hover { background-color: #284e52; }

.main-header .main-menu-wrapper li .featured-sub-menu .featured-text .description .button-wrapper .secondary-button { padding: 10px 20px; background-color: #8CC6B0; padding: 5px 12px 5px 12px; }

.main-header .main-menu-wrapper li .featured-sub-menu .featured-text .description .button-wrapper .secondary-button:hover { background-color: #4e9e80; }

.main-header .main-menu-wrapper li .featured-sub-menu .featured-sub-menu-nav { width: 150%; background-color: white; height: 100%; padding: 10px 10px 20px 10px; }

.main-header .main-menu-wrapper li .featured-sub-menu .featured-sub-menu-nav .title { font-size: 0.75rem; color: #0D0D0D; width: 100%; text-transform: uppercase; letter-spacing: 2px; padding: 20px; display: block; font-weight: 600; }

.main-header .main-menu-wrapper li .featured-sub-menu .featured-sub-menu-nav ul { margin: 0; padding: 0; width: 100%; -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; }

.main-header .main-menu-wrapper li .featured-sub-menu .featured-sub-menu-nav ul li { width: 100%; float: left; }

.main-header .main-menu-wrapper li .featured-sub-menu .featured-sub-menu-nav ul li a { padding: 10px 0px 0 20px; }

.main-header .main-menu-wrapper li .featured-sub-menu .featured-sub-menu-nav a { color: #499097; text-transform: none; letter-spacing: 0.2px; }

.main-header .main-menu-wrapper li ul.sub-menu-nofeature { display: none; position: absolute; top: 64px; left: 0; background-color: white; color: #499097; width: 100%; margin: 0; padding: 20px; min-width: 300px; }

.main-header .main-menu-wrapper li ul.sub-menu-nofeature li { width: 100%; display: block; float: left; }

.main-header .main-menu-wrapper li ul.sub-menu-nofeature a { color: #499097; padding: 10px 20px; }

.mobile-nav-trigger { display: none; }

.mobile-menu { position: fixed; top: 0; left: -100%; width: 100%; height: 100vh; background-color: #499097; color: white; z-index: 9; -webkit-transition: left 300ms; transition: left 300ms; }

.mobile-menu.active { left: 0; }

.mobile-menu ul { margin: 0; padding: 0; }

.mobile-menu ul li { width: 100%; list-style: none; border-top: 1px solid white; float: left; }

.mobile-menu ul li:last-child { border-bottom: 1px solid white; }

.mobile-menu ul li ul { display: none; }

.mobile-menu ul li ul li.sub-menu-item-nofeature:last-child { border-bottom: 0; }

.mobile-menu ul li ul li.sub-menu-item-nofeature a { padding-left: 40px; }

.mobile-menu ul li a { color: white; padding: 10px 20px; float: left; width: 100%; text-decoration: none; }

.mobile-menu ul li a span { float: right; margin-right: 10px; }

.mobile-menu ul li svg { width: 20px; }

.mobile-menu .menu-header { width: 100%; padding: 15px; }

.mobile-menu .menu-header .mobile-nav-close { position: absolute; top: 20px; right: 31px; font-size: 30px; }

.mobile-menu .button-wrap { width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin-top: 10px; padding: 10px; }

.mobile-menu .button-wrap a { width: 50%; text-align: center; margin: 0 5px; }

.header-wave { position: fixed; top: 66px; left: 0; z-index: 999999999; height: 18px; overflow: hidden; }

.header-wave svg { margin-top: -54px; max-width: 100%; }

@media screen and (max-width: 80em) { .main-header .navigation { display: none; }
  .main-header .mobile-nav-trigger { display: block; font-size: 30px; padding: 18px 27px 0px; } }

.footer-wave { position: relative; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); z-index: 1; top: 40px; float: left; width: 100%; }

.footer-wave svg { max-width: 100%; }

.footer { position: relative; z-index: 2; float: left; width: 100%; display: block; background-color: #499097; color: white; font-size: 0.875rem; }

.footer a { color: white; }

.footer a.social { width: 30px; height: 30px; background-color: white; -webkit-border-radius: 100%; border-radius: 100%; font-size: 12px; display: block; text-align: center; margin: 0 3px; float: left; padding-top: 6px; }

.footer a.social svg { fill: #499097; }

.footer a.social:hover { background-color: #E19C6C; }

.footer a.social:hover svg { fill: white !important; }

.footer a.social.linkedin { padding-top: 7px; }

.footer a.social.facebook { padding-top: 7px; }

.footer a.social:first-child { margin-left: 0; }

.footer .footer-columns { width: 100%; padding: 30px 10%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }

.footer .footer-columns .title { font-size: 0.875rem; letter-spacing: 0.125rem; line-height: 1.1875rem; text-transform: uppercase; color: #C7DEE0; }

.footer .sub-footer { width: 100%; padding: 5px 10%; background-color: #5C9BA2; color: #C7DEE0; font-size: 0.8125rem; float: left; }

.footer .sub-footer p { float: left; width: 100%; }

.footer .sub-footer .left { float: left; }

.footer .sub-footer .left a { margin-left: 10px; color: #C7DEE0; }

.footer .sub-footer .right { float: right; }

.footer .sub-footer .right a { margin-left: 10px; color: #C7DEE0; }

@media screen and (max-width: 60em) { .footer-columns { display: block !important; }
  .footer-columns .column { margin-bottom: 20px; float: left; width: 100%; }
  .sub-footer .left, .sub-footer .right { width: 100%; float: left; display: block; text-align: center; }
  .sub-footer .right { margin-top: 10px; }
  .sub-footer .right a { width: 100%; text-align: center; float: left; } }

.blog-item .article-header { height: 21.875rem; width: 100%; -webkit-background-size: cover; background-size: cover; background-color: #F7F9F9; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.blog-item .article-header .short-description-wrapper { max-width: 45.1875rem; min-width: 40.625rem; background-color: rgba(255, 255, 255, 0.85); height: 100%; text-align: center; padding: 0 60px; font-size: 16px; color: #0D0D0D; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.blog-item .article-header .short-description-wrapper .call-out-text { font-family: "serendipity_oneregular"; font-size: 2.5625rem; color: #0D0D0D; margin-top: -21px; float: left; width: 100%; }

.blog-item .article-header .short-description-wrapper h1 { margin-bottom: 15px; }

.blog-item .article-header .short-description-wrapper .category { text-transform: uppercase; font-size: 13px; margin-bottom: 15px; float: left; width: 100%; }

.blog-item .article-header .short-description-wrapper .category a { color: #0D0D0D; text-decoration: none; letter-spacing: 2px; }

.blog-item .article-header .short-description-wrapper .author { width: 100%; float: left; font-size: 1.125rem; font-family: miller-banner, serif; }

.blog-item .article-header .short-description-wrapper .author-titles { width: 100%; float: left; font-size: 0.875rem; margin-bottom: 15px; }

.post-wrapper { width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: left; -webkit-align-items: left; -ms-flex-align: left; align-items: left; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.post-item { -webkit-background-size: cover; background-size: cover; background-color: #F7F9F9; text-align: center; color: #0D0D0D; padding: 10px; text-decoration: none; display: inline-block; max-width: -webkit-calc(25% - 10px) !important; max-width: calc(25% - 10px) !important; width: -webkit-calc(25% - 10px); width: calc(25% - 10px); min-width: 300px !important; margin: 5px !important; min-height: 300px; }

.post-item .post-type-heading { font-family: "serendipity_oneregular"; color: #499097; font-size: 1.8125rem; width: 100%; float: left; text-align: center; margin-bottom: 10px; }

.post-item.bg-active { position: relative; }

.post-item.bg-active .post-type-heading, .post-item.bg-active .readmore { color: white !important; }

.post-item.bg-active:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(73, 144, 151, 0.8); content: ""; }

.post-item.bg-active .blog-short-content { color: white; font-size: 0.75rem; }

.post-item .blog-short-content { position: relative; z-index: 3; }

.post-item .blog-short-content h3 { font-size: 1.4375rem; font-family: miller-banner, serif; min-height: 135px; }

.post-item .blog-short-content .post-category { font-size: 0.8125rem; letter-spacing: 2px; text-transform: uppercase; margin-bottom: 15px; float: left; width: 100%; }

.post-item .blog-short-content .readmore { width: 100%; float: left; text-align: center; font-size: 0.75rem; letter-spacing: 2px; text-transform: uppercase; margin: 20px 0; color: #5C9BA2; }

.post-item:hover { text-decoration: none; background-color: #5C9BA2; text-align: center; color: #fff; }

.post-item:hover .readmore { color: #fff; }

.post-item:hover .post-type-heading { color: #fff; }

.blog-listing .category-wrap { width: 100%; text-align: center; margin: 20px 0; }

.blog-listing .category-wrap .cat-button { display: inline-block; padding: 15px 38px; -webkit-border-radius: 4px; border-radius: 4px; border-colour: #899EA0; color: #899EA0; text-transform: uppercase; letter-spacing: 2px; font-size: 12px; margin: 5px; border: 2px solid; cursor: pointer; -webkit-transition: background-color 200ms; transition: background-color 200ms; }

.blog-listing .category-wrap .cat-button:hover { background-color: #899EA0; color: white; }

.related-posts { width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.related-posts .container { width: 100%; max-width: 80%; }

.related-posts h4 { text-align: center; width: 100%; font-family: miller-banner, serif; font-size: 1.625rem; color: #0D0D0D; margin: 40px 0; float: left; }

.related-posts .post-wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.blog-listing { width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.blog-listing .container { width: 100%; max-width: 80%; }

.blog-load-more { width: 100%; text-align: center; cursor: pointer; margin-top: 20px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.alert.alert-info { width: 100%; float: left; display: block; text-align: center; margin: 32px 0; font-size: 12px; color: #499097; }

.staff-header { height: 21.875rem; width: 100%; -webkit-background-size: cover; background-size: cover; background-color: #F7F9F9; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.staff-header .short-description-wrapper { max-width: 45.1875rem; min-width: 40.625rem; background-color: rgba(255, 255, 255, 0.85); height: 100%; text-align: center; padding: 0 60px; font-size: 16px; color: #0D0D0D; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.staff-header .short-description-wrapper h1 { margin-bottom: 15px; }

.staff-detail-header { width: 100%; background-color: #F7F9F9; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding: 40px 0; }

.staff-detail-header .container { max-width: 51.5rem; width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

.staff-detail-header .container .profile-image { width: 350px; height: 350px; -webkit-background-size: cover; background-size: cover; min-width: 350px; }

.staff-detail-header .container .intro-content { padding: 0px 20px 20px; float: left; }

.staff-detail-header .container .intro-content h1 { margin: 0 0 10px 0; font-size: 2.375rem; }

.staff-detail-header .container .intro-content .job-title { font-size: 0.875rem; text-transform: uppercase; letter-spacing: 2px; font-weight: 600; width: 100%; display: block; margin-bottom: 10px; }

.staff-detail-header .container .intro-content .job-description { font-size: 1rem; width: 100%; display: block; margin-bottom: 10px; }

.staff-detail-header .container .intro-content .honors { font-style: italic; font-size: 0.9375rem; width: 100%; margin-bottom: 10px; display: block; }

.staff-detail-header .container .intro-content .short-description { font-size: 1rem; width: 100%; display: block; margin-bottom: 10px; }

.staff-detail-header .container .intro-content .view-publication { color: #499097; font-size: 0.9375rem; width: 100%; text-transform: uppercase; letter-spacing: 2px; cursor: pointer; }

.staff-wrapper { width: 100%; background-color: #fff; padding: 20px 0 0; margin-bottom: -64px; }

.staff-wrapper .staff-listing { width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding-left: 10%; padding-right: 10%; }

.staff-wrapper .staff-cat-wrap { width: 100%; text-align: center; padding: 40px; }

.staff-wrapper .staff-cat-wrap .cat-button { display: inline-block; padding: 15px 38px; -webkit-border-radius: 4px; border-radius: 4px; border-color: #899EA0; color: #899EA0; text-transform: uppercase; letter-spacing: 2px; font-size: 12px; margin: 5px; border: 2px solid; font-weight: 600; cursor: pointer; -webkit-transition: background-color 200ms; transition: background-color 200ms; }

.staff-wrapper .staff-cat-wrap .cat-button:hover, .staff-wrapper .staff-cat-wrap .cat-button.active { background-color: #899EA0; color: white; border: 2px solid #899EA0; }

.staff-wrapper .staff-wrapper-description { width: 100%; text-align: center; padding: 40px 40px; display: block; }

.staff-list { width: 100%; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

.staff-item { max-width: 20%; min-width: 20%; display: block; margin: 10px; color: #0D0D0D; text-decoration: none; }

.staff-item .button-wrap { display: none; }

.staff-item .button-wrap .button { padding: 9px 40px; border: 0; outline: 0; }

.staff-item .profile-image { width: 100%; height: 18.875rem; -webkit-background-size: cover; background-size: cover; background-color: #899EA0; display: block; background-position: center; }

.staff-item .staff-desc { width: 100%; text-align: center; padding-top: 15px; }

.staff-item .staff-desc .name { width: 100%; display: block; font-size: 1.625rem; color: #0D0D0D; line-height: 1.9375rem; font-family: miller-banner, serif; text-transform: capitalize; margin-bottom: 10px; }

.staff-item .staff-desc .job { width: 100%; display: block; font-size: 1rem; line-height: 1.1875rem; letter-spacing: 2px; text-transform: uppercase; font-weight: 700; margin-bottom: 10px; }

.staff-item .staff-desc .title { width: 100%; display: block; font-size: 1rem; margin-bottom: 10px; }

.staff-item:hover { text-decoration: none; }

.staff-item:hover .job, .staff-item:hover .title { display: none; }

.staff-item:hover .button-wrap { display: block; }

.cta-button-wrap { width: 100%; display: block; padding: 40px; text-align: center; }

.publication-content { display: none; }

.publication-content.active { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

.article-content { display: none; width: 100%; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.article-content.active { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

.article-content .container { max-width: 78.5rem; width: 100%; }

.registered-bodies { width: 100%; float: left; display: block; padding: 20px 0px 20px 0px; }

.registered-bodies .carousel-item { margin: 10px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.registered-bodies .carousel-item a { float: left; display: block; }

.registered-bodies .carousel-item a img { float: left; display: block; max-width: 150px; }

.registered-bodies .carousel-item:hover img { -webkit-filter: grayscale(0); /* Safari 6.0 - 9.0 */ filter: grayscale(0); }

.registered-bodies .carousel-item img { -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */ filter: grayscale(100%); }

.make-an-appointment { width: 100%; text-align: center; padding: 20px 0; display: block; }

@media screen and (max-width: 60em) { .staff-listing { display: block; }
  .staff-listing .staff-item { min-width: 100%; max-width: 100%; width: 100%; margin-left: 0; margin-right: 0; }
  .staff-detail-header { display: block; width: 100%; }
  .staff-detail-header .container { display: block; }
  .staff-detail-header .profile-image { width: 100% !important; display: block; float: left; margin-bottom: 10px; background-position: center; min-width: 100% !important; }
  .staff-detail-header .intro-content { width: 100%; float: left; display: block; }
  .staff-header { height: auto; }
  .staff-header .short-description-wrapper { max-width: 100%; min-width: 100%; height: auto; padding-left: 20px; padding-right: 20px; }
  .single-alana_staff .wpb_text_column { padding: 0 0px; }
  .wpb_text_column { padding: 0 20px; } }

.faq-wrapper { width: 100%; background-color: #F7F9F9; padding: 20px 0; }

.faq-wrapper .faq-cat-wrap { width: 100%; text-align: center; padding: 40px; }

.faq-wrapper .faq-cat-wrap .faq-button { display: inline-block; padding: 15px 38px; -webkit-border-radius: 4px; border-radius: 4px; border-color: #899EA0; color: #899EA0; text-transform: uppercase; letter-spacing: 2px; font-size: 12px; margin: 5px; border: 2px solid; cursor: pointer; -webkit-transition: background-color 200ms; transition: background-color 200ms; }

.faq-wrapper .faq-cat-wrap .faq-button:hover { background-color: #899EA0; color: white; }

.faq-wrapper .faq-wrapper-description { width: 100%; text-align: center; padding: 40px 40px; display: block; }

.faq-category-listing { width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.faq-category-listing .faq-wrap-container { width: 100%; display: block; max-width: 80%; }

.faq-category-listing .faq-wrap-container .faq-category-wrap { float: left; width: 100%; display: block; }

.faq-category-listing .faq-wrap-container .faq-category-wrap h3 { text-align: center; margin-top: 60px; }

.faq-category-listing .faq-wrap-container .faq-category-wrap .faq-item { width: 100%; float: left; display: block; margin-bottom: 5px; }

.faq-category-listing .faq-wrap-container .faq-category-wrap .faq-item.active .title { background-color: #499097; color: white; }

.faq-category-listing .faq-wrap-container .faq-category-wrap .faq-item.active .title i { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); color: white; }

.faq-category-listing .faq-wrap-container .faq-category-wrap .faq-item .title { font-size: 1rem; font-weight: 600; width: 100%; color: #0D0D0D; padding: 20px; background-color: #F7F9F9; display: block; -webkit-transition: -webkit-transform 200ms; transition: -webkit-transform 200ms; transition: transform 200ms; transition: transform 200ms, -webkit-transform 200ms; cursor: pointer; }

.faq-category-listing .faq-wrap-container .faq-category-wrap .faq-item .title i { color: #BFCDCC; font-size: 20px; float: right; -webkit-transition: -webkit-transform 200ms; transition: -webkit-transform 200ms; transition: transform 200ms; transition: transform 200ms, -webkit-transform 200ms; }

.faq-category-listing .faq-wrap-container .faq-category-wrap .faq-item .faq-content { padding: 20px; border: 2px solid #F7F9F9; font-size: 1rem; display: none; }

@media screen and (max-width: 60em) { .faq-item .title i { position: relative; right: -10px; top: -2px; } }

.home-carousel { width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-background-size: cover; background-size: cover; min-height: 590px; }

.home-carousel .carousel-item { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; border-right: 2px solid rgba(255, 255, 255, 0.2); text-align: center; padding: 120px 40px 40px 40px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; color: white; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

.home-carousel .carousel-item h2 { font-size: 2.125rem; line-height: 3rem; font-family: miller-banner, serif; font-weight: normal; margin-bottom: 0px; }

.home-carousel .carousel-item .call-out-text, .home-carousel .carousel-item .full-description, .home-carousel .carousel-item .button { display: none; }

.home-carousel .carousel-item .call-out-text .text, .home-carousel .carousel-item .full-description .text, .home-carousel .carousel-item .button .text { display: block; }

.home-carousel .carousel-item .call-out-text.active .text, .home-carousel .carousel-item .full-description.active .text, .home-carousel .carousel-item .button.active .text { -webkit-transition: opacity 400ms; transition: opacity 400ms; opacity: 1; }

.home-carousel .carousel-item .short-description { font-size: 1rem; margin: 20px 0; font-weight: bold; }

.home-carousel .carousel-item .call-out-text { font-size: 2rem; line-height: 4.5625rem; font-family: "serendipity_oneregular"; }

.home-carousel .carousel-item .button { padding: 15px 20px; }

.home-carousel .carousel-item.active { color: black; background: rgba(255, 255, 255, 0.9); -webkit-box-flex: 2; -webkit-flex: 2; -ms-flex: 2; flex: 2; }

.home-carousel .carousel-item:last-child { border-right: 0; }

.carousel-wave { position: relative; top: -23px; margin-bottom: -32px; width: 100%; }

.carousel-wave svg { width: 100%; max-width: 100%; }

.home-articles { width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.home-articles .container { max-width: 80%; width: 100%; }

.home-articles .container > h4 { width: 100%; text-align: center; margin: 60px 0 0px 0; }

.home-articles .latest-post-wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding: 40px 0; }

.home-articles .latest-post-wrapper .post-item, .home-articles .latest-post-wrapper .insta-item { max-width: -webkit-calc(25% - 10px) !important; max-width: calc(25% - 10px) !important; width: -webkit-calc(25% - 10px); width: calc(25% - 10px); min-width: 300px !important; margin: 5px !important; min-height: 300px; }

.home-articles .latest-post-wrapper .insta-item { height: 0 !important; position: relative; padding-bottom: 19.5% !important; }

.home-articles .latest-post-wrapper .post-item, .home-articles .latest-post-wrapper .insta-item { height: 0; position: relative; padding-bottom: 19%; }

.home-articles .latest-post-wrapper .post-item .blog-short-content, .home-articles .latest-post-wrapper .insta-item .blog-short-content { position: absolute; top: 0; width: 100%; left: 0; padding: 0px 20px; }

.home-articles .latest-post-wrapper .insta-item { max-width: 20%; min-width: 20%; height: 360px; display: inline-block; margin: 10px 20px; -webkit-background-size: cover; background-size: cover; text-decoration: none; background-position: center; }

.home-articles .latest-post-wrapper .insta-item .overlay { display: none; -webkit-transition: background-color 200ms; transition: background-color 200ms; color: white; text-decoration: none; font-size: 0.8125rem; letter-spacing: 2px; position: absolute; }

.home-articles .latest-post-wrapper .insta-item:hover .overlay { width: 100%; height: 100%; background-color: rgba(73, 144, 151, 0.7); text-align: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; font-weight: bold; text-decoration: none; }

.home-articles .latest-post-wrapper .insta-item:hover .overlay svg { margin-right: 10px; display: inline-block; }

@media screen and (max-width: 60em) { .home-carousel { display: block; float: left; }
  .home-carousel .carousel-item { width: 100%; float: left; display: block; max-width: 100%; border-right: 0; border-bottom: 1px solid white; }
  .home-carousel .carousel-item:hover { width: 100% !important; max-width: 100% !important; min-width: 100% !important; }
  .carousel-wave { display: none; }
  .staff-carousel-widget .staff-carousel-wrapper .staff-carousel-item { width: 100% !important; }
  .home-articles .latest-post-wrapper { display: block; }
  .home-articles .latest-post-wrapper .post-item, .home-articles .latest-post-wrapper .insta-item { width: 100% !important; max-width: 100% !important; min-width: 100% !important; margin: 10px 0 !important; min-height: 400px; }
  .home-articles .latest-post-wrapper .post-item .blog-short-content, .home-articles .latest-post-wrapper .insta-item .blog-short-content { padding: 20px; } }

.cta-wrapper { width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; background-color: #499097; color: white; }

.cta-wrapper .container { max-width: 80%; width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }

.cta-wrapper .container .column { text-align: center; }

.cta-wrapper .container .column.custom-font { font-size: 41px; font-family: "serendipity_oneregular"; }

.cta-wrapper .container .column.description { font-size: 1rem; padding-top: 30px; }

.cta-wrapper .container .column.buttons { padding-top: 13px; }

.cta-wrapper .container .column.buttons .button { padding: 10px 27px; font-size: 0.75rem; height: 48px; }

.cta-wrapper .container .column.buttons .button.secondary { background-color: #468990; color: white; }

.cta-wrapper .container .column.buttons .button.secondary:hover { background-color: #418086; }

@media screen and (max-width: 75em) { .cta-wrapper .description { display: none; } }

@media screen and (max-width: 60em) { .cta-wrapper { padding-bottom: 10px; }
  .cta-wrapper .container { display: block; }
  .cta-wrapper .container .column { width: 100%; display: block; float: left; } }

.staff-carousel-widget { background-color: #F7F9F9; padding: 40px 0; width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.staff-carousel-widget .container { max-width: 78.5rem; width: 100%; }

.staff-carousel-widget .staff-carousel-wrapper { width: 100%; }

.staff-carousel-widget .staff-carousel-wrapper .staff-carousel-item { padding: 10px; text-align: center; text-decoration: none; color: #0D0D0D; width: 25%; float: left; display: block; }

.staff-carousel-widget .staff-carousel-wrapper .staff-carousel-item .profile-image { width: 285px; height: 285px; -webkit-border-radius: 100%; border-radius: 100%; display: inline-block; margin-bottom: 10px; -webkit-background-size: cover; background-size: cover; }

.staff-carousel-widget .staff-carousel-wrapper .staff-carousel-item .title { font-size: 1.625rem; font-family: miller-banner, serif; line-height: 1.9375rem; width: 100%; display: block; }

.staff-carousel-widget .staff-carousel-wrapper .staff-carousel-item .staff-content { width: 100%; text-align: center; padding: 10px; }

.staff-carousel-widget .staff-carousel-wrapper .staff-carousel-item .job-title { font-size: 0.875rem; letter-spacing: 2px; margin: 10px 0; width: 100%; display: block; font-weight: 600; text-transform: uppercase; }

.staff-carousel-widget .staff-carousel-wrapper .staff-carousel-item .job-description { font-size: 1rem; width: 100%; display: block; }

.counter-item { width: 100%; text-align: center; color: white; }

.counter-item .counter-number { font-family: "serendipity_oneregular"; font-size: 5rem; width: 100%; display: block; line-height: 55px; margin-bottom: 20px; }

.counter-item .counter-label { text-transform: uppercase; letter-spacing: 2px; font-size: 1rem; width: 100%; display: block; margin-bottom: 40px; }

@media screen and (max-width: 60em) { body { padding-top: 75px; }
  body.notification-active { padding-top: 35px !important; }
  .vc_custom_1561336501115 { padding-left: 0 !important; padding-right: 0 !important; }
  .blog-item .article-header .short-description-wrapper { max-width: 100%; min-width: 100%; padding: 20px 20px; }
  .blog-item .article-header { height: auto; }
  .page-wave { display: none; }
  .services-article-content { width: 100%; padding: 0 20px; }
  .vc_section, .vc_row { padding-left: 0; padding-right: 0; margin-left: 0; margin-right: 0; }
  .vc_custom_1561435861968 { padding-right: 0px; padding-left: 0px; }
  #gform_fields_1 li.gfield { width: 100%; }
  .gform_wrapper .gfield_select .select-rendered { top: 0; }
  .gform_button { -webkit-appearance: none; } }

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