/* Theme Info Theme Name: Red Shark Digital Theme URI: https://redsharkdigital.com/ Author: Red Shark Digital Version: 3.0 Theme Info */ /* General Resets */ *, ul li {padding: 0; margin: 0 auto; box-sizing: border-box; line-height: 1; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased;} li {list-style-type: none;} html {font-size: 10px; font-family: "AvenirNextLTPro-Regular"; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased;} input[type=submit], input[type=button], a {text-decoration: none; transition: all .25s; display: inline-block; -webkit-appearance: none;} figure, .figure {background-position: center; background-size: cover;} img, iframe {vertical-align: middle; max-width: 100%; height: auto;} h1, h2, h3, h4, h5 {font-weight: 400;} h1 {font-size: 4.8em;} h2 {font-size: 3.2em;} h3 {font-size: 2.4em;} h4 {font-size: 2em;} h5 {font-size: 1.8em;} p, li {font-size: 18px;} a {font-size: inherit; color: inherit;} .keepReading {text-align: center;} .keepReading a {color: #F46F3A; font-size: 18px; line-height: 24px; text-transform: uppercase; font-family: "AvenirNextLTPro-Bold"; text-decoration: underline;} .keepReading a:hover {opacity: .8} .ui-datepicker {background: #fff; width: 200px; box-shadow: 0 2px 4px 0 rgba(0,0,0,.3);} .ui-datepicker-calendar {width: 100%;} .ui-datepicker-calendar td {padding: 5px 0; text-align: center;} .ui-datepicker-prev, .ui-datepicker-next, .ui-datepicker-month, .ui-datepicker-year {width: 50%; text-align: center; padding: 5px;} .ui-datepicker-prev, .ui-datepicker-next {color: #fff; background: #0381C5; font-size: 12px; text-transform: uppercase; font-weight: 600; padding: 8px;} /* content division */ .center {display: table; width: 100%; table-layout: fixed;} .center > * {display: table-cell; vertical-align: middle;} .wide {max-width: 1440px; width: 100%;} .slim {max-width: 1200px; width: 100%;} .gutters > * {padding: 16px;} /* Form Styles */ input, select, textarea, .gfield_radio, .gfield_checkbox {width: 100%; display: block; padding: 24px 32px; font-size: 10px; line-height: 14px; border: 1px solid #0381C5; background: #fff; letter-spacing: 2px; font-family: 'AvenirNextLTPro-Bold'; text-transform: uppercase;} input::placeholder, select::placeholder, textarea::placeholder {color: #9E9E9E;} label, input[type="radio"], input[type="checkbox"] {display: inline-block; width: auto; padding: 5px;} .gform_wrapper {max-width: 750px; width: 100%;} .gform_fields li {padding: 8px;} .gform_fields > li > label {display: none;} .entry .gform_fields > li > label {display: block; padding: 10px 0 4px; font-size: 14px;} .gform_radio > li > *, .gform_checkbox > li > * {display: inline-block;} .gform_fields .gfield_checkbox li {display: inline-block; width: auto;} .gform_fields .gfield_radio li {display: inline-block; width: auto; padding: 5px;} .gform_footer {padding: 16px; text-align: center;} a.gform_anchor {display: none;} ul.gform_fields li.gform_validation_container {display: none;} .entry ul.gform_fields span.screen-reader-text {display: block; padding: 0; font-size: 14px; padding: 4px 0 0;} /* Popup */ #popup {font-family: "AvenirNextLTPro-Regular"; align-items: center; justify-content: center; left: 0; position: fixed; height: 100%; top: 0; width: 100%; z-index: 999999; background: rgba(256,256,256,0.6); display: none; overflow: auto;} #popup.active {display: flex;} #popup form {border: 4px solid #F36B38; padding: 8rem 10rem; background: #fff; position: relative;} #popup .close-popup {text-transform: uppercase; text-decoration: underline; position: absolute; top: 26px; right: 33px; cursor: pointer; font-family: "AvenirNextLTPro-Regular"; font-size: 12px;letter-spacing: 0.375em;} #popup .gform_fields .gfield_html {text-align: center; margin-bottom: 15px; font-family: "Alegreya";} #popup .gform_fields .gfield_html img {margin-bottom: 24px;} #popup .gform_fields .gfield_html h3 {margin-bottom: 20px; font-size: 4.8rem;} #popup .gfield_checkbox {border: none; padding: 0;} #popup .gform_fields input, #popup .gform_footer input[type="submit"] {letter-spacing: 0.375em; font-weight: 600; font-size: 12px; line-height: 16px; font-family: "AvenirNextLTPro-Regular";} #popup #field_5_7 > label {display: block; text-transform: uppercase; letter-spacing: 0.375em; color: rgba(0, 0, 0, 0.4); font-size: 12px;} #popup #field_5_7 .ginput_container label {font-family: "AvenirNextLTPro-Regular"; line-height: 16px; letter-spacing: 0.375em; font-weight: 600; font-size: 12px;} #popup .gform_wrapper {max-width: 870px;} /* buttons */ .btn {padding: 20px; color: #fff !important; border: 3px solid #fff; cursor: pointer; -webkit-appearance: none; font-weight: 700; text-transform: uppercase; min-width: 225px; border-radius: 40px; font-family: 'AvenirNextLTPro-Bold'; letter-spacing: 2px; font-size: 10px; line-height: 14px; text-align: center; overflow: hidden; position: relative;} .btn::before {background: linear-gradient(to right, #07B7E4, #0381C5, #0381C5, #07B7E4); height: 80px; width: 200%; position: absolute; content: ''; top: -5px; left: -100%; z-index: -1; transition: all .25s;} .btn:hover::before {left: 0;} .btn:hover {text-decoration: none !important;} .btn.clear {background: transparent;} .btn.clear::before {display: none;} .btn.clear:hover {background: #fff; color: #0381C5 !important;} .gform_footer input[type="submit"] {background: linear-gradient(to right, #0381C5, #07B7E4); font-size: 10px; line-height: 14px; padding: 20px; min-width: 200px; font-family: 'AvenirNextLTPro-Bold'; border-radius: 40px; color: #fff; width: auto; text-transform: uppercase; letter-spacing: 2px;} .gform_footer input[type="submit"]:hover { letter-spacing: 4px;} /* content styles */ .entry p, .entry li {font-size: 2.4rem; line-height: 4.3rem; letter-spacing: .25rem; font-family: "Alegreya"; color: #464646; padding: 0 0 3rem;} strong {display: inline-block;} .entry a:hover {text-decoration: underline;} .entry li {list-style-position: inside; margin: 0; padding: 0 0 10px 10px; line-height: 1.4; list-style-type: disc;} .entry blockquote {padding: 10px 20px; background: #fff; margin: 0 0 20px; font-style: italic; border-left: 4px solid #111111; box-shadow: 0 0 1px rgba(0,0,0,.3);} /* social links */ .social_links a {margin: 5px; padding: 4px; text-align: center; background: #fff; border-radius: 50%; padding: 8px; height: 30px; width: 30px; border-radius: 50%;} .social_links a i {display: inline-block; vertical-align: middle; font-size: 24px; color: #0381C5; transition: all .5s; font-size: 14px; line-height: 1;} .social_links a:hover i {color: #F46F3A;} .pbg, .pbgh {background: #111111;} .pbgh:hover {background: #444444;} .sbg, .sbgh {background: #222222;} .sbgh:hover {background: #555555;} .tbg, .tbgh {background: #333333;} .tbgh:hover {background: #666666;} .pfc, .pfch, .entry a {color: #F46F3A;} .pfch:hover, .entry a:hover {color: #444444;} .sfc, .sfch {color: #222222;} .sfch:hover {color: #555555;} .tfc, .tfch {color: #333333;} .tfch:hover {color: #666666;} .loud {} .louder {} .loudest {} #mobile_menu .menu li[class*="current"] > a, #mobile_menu .menu li a:hover {background: #111111;} #alertbar {color: #ffffff; background: #0381C5; padding: 12px 24px; font-size: 14px; line-height: 19px; text-align: center; letter-spacing: 1px;} /* Top Bar */ .topBar--wrap {position: relative; z-index: 1000;} .topBar.clear {position: absolute; top: 50px; left: 0; width: 100%;} .topBar.blue {background: #0381C5;} .topBar.blue .social_links a {margin: 10px 5px;} .topBar .half {padding: 0 16px;} .topBar .inline {text-align: right;} .topBar .inline > * {vertical-align: middle;} .topBar .inline a {color: #fff;} .topBar .inline a:hover {text-decoration: underline;} .topBar .menu li {border-left: 2px solid #fff; font-size: 12px;} .topBar .menu li:first-of-type {border: none;} .topBar .menu a {color: #fff; padding: 0 8px; text-transform: uppercase; font-size: 12px; letter-spacing: 2px; font-family: "AvenirNextLTPro-Bold"} #scrollMenu {position: relative; z-index: 10000;} #scrollMenu .scroller {position: absolute; top: 0; left: 0; width: 100%;} #scrollMenu .scroller.lockin {top: 0; position: fixed;} #scrollMenu .scroller .topBar.blue {max-height: 50px; transition: max-height .5s ease; overflow: hidden;} #scrollMenu .scroller.lockin .topBar.blue {max-height: 0;} /* header */ header.top {width: 100%; z-index: 3000; background: #F4F4F4; top: 50px;} header.top .wide {display: table; table-layout: fixed; padding: 16px;} header.top .wide > div {display: table-cell; vertical-align: middle;} .top_logo {width: 225px;} .top_logo img {width: 100%;} .top_logo a {display: block; font-size: 24px;} /* navigation */ .main_menu {text-align: right;} .main_menu .menu li {border-left: 2px solid #0381C5;} .main_menu .menu li:first-of-type {border: none} .main_menu .menu li > a {color: #0381C5; padding: 0 12px; text-transform: uppercase; font-size: 14px; letter-spacing: 2px; font-family: "AvenirNextLTPro-Bold"} .main_menu .menu li[class*="current"] a, .main_menu .menu li > a:hover {color: #F46F3A;} .menu li {position: relative;} ul.sub-menu {position: absolute; display: none; left: 0; z-index: 13000; width: 300px; background: #fff;} ul.sub-menu li {background: #fff; display: inline-block; width: 100%; font-size: 14px;} ul.sub-menu a {padding: 10px 20px; display: block; color: #111 !important; width: auto; z-index: 12000; background: #fff;} ul.sub-menu li[class*="current"], ul.sub-menu a:hover {background: #111; color: #fff !important;} ul.menu li:hover > ul.sub-menu {display: block; background: #fff;} ul.sub-menu > li > ul.sub-menu {left: 280px; z-index: 13000; top: -2px;} #mobileMenu {position: relative; z-index: 3000;} #mobileMenu > * {position: absolute; display: none; width: 100%; background: #fff; text-align: center; box-shadow: 0 3px 5px rgba(0, 0, 0, .2);} #mobileMenu .menu li {display: block;} #mobileMenu .menu li a {display: block; padding: 20px; text-transform: uppercase; font-size: 20px; color: #0381C5} #mobileMenu .menu li[class*="current"] > a, #mobileMenu .menu li a:hover {background: #F46F3a; color: #fff;} a#mobileNav {font-size: 36px;} .mobile {display: none;} /* footer */ #future {background: #0381C5; padding: 56px 16px; text-align: center;} #future h2 {color: #B3D1EC; font-size: 3.6rem; line-height: 4.9rem; letter-spacing: 4px; font-style: italic; text-transform: uppercase; max-width: 750px;} footer {border-top: 10px solid #F46F3A; background: #F5F5F5; padding: 16px 0 0;} footer .top {padding: 16px 0;} .copyright {padding: 5px 0; font-size: 12px; letter-spacing: 1px; line-height: 16px; font-family: "AvenirNextLTPro-Light"; text-align: center;} .copyright > span {display: inline-block;} footer .top {border-bottom: 2px solid #4C4C4C;} footer .top .menu {text-align: right;} footer .wide {padding: 0 16px;} footer .center > * {vertical-align: bottom;} footer .top .menu li {border-left: 1px solid #111;} footer .top .menu li:first-of-type {border: none} footer .top .menu li > a {color: #111; padding: 0 12px; text-transform: uppercase; font-size: 14px; letter-spacing: 1px; font-family: "AvenirNextLTPro-Light";} footer .top .menu li[class*="current"] > a, footer .top .menu li > a:hover {color: #F46F3A} footer .top .menu li:last-of-type a {padding-right: 0;} footer .bottom {padding: 15px 0 60px;} footer .leftSide {width: 275px;} footer p {font-size: 12px; letter-spacing: 1px; line-height: 16px; padding: 10px 0 0; font-style: italic; color: #4C4C4C;} footer .rightSide {text-align: right;} footer .rightSide .menu {padding: 0 0 25px;} footer .rightSide .menu li {border-left: 2px solid #4C4C4C;} footer .rightSide .menu li:first-of-type {border: none} footer .rightSide .menu li > a {color: #4C4C4C; padding: 0 12px; text-transform: uppercase; font-size: 14px; letter-spacing: 2px; font-family: "AvenirNextLTPro-Bold"} footer .rightSide .menu li > a:hover {color: #F46F3A} footer .rightSide .menu li:last-of-type a {padding-right: 0;} .newsletter {padding: 0 0 10px;} .newsletter h5 {font-family: "AvenirNextLTPro-Bold"; color: #0381C5; font-size: 18px; letter-spacing: 3px; line-height: 24px; padding: 0 0 14px; text-transform: uppercase;} .newsletter .gform_wrapper h3 {font-family: "AvenirNextLTPro-Bold"; color: #0381C5; font-size: 18px; letter-spacing: 3px; line-height: 24px; padding: 0 0 14px; text-transform: uppercase; text-align: right;} .newsletter .gform_wrapper {text-align: right; max-width: none;} .newsletter .gform_wrapper form {font-size: 0;} .newsletter .gform_wrapper form > * {font-size: 16px; vertical-align: top; display: inline-block;} .newsletter .gform_wrapper .gform_heading {width: 100%;} .newsletter .gform_wrapper .gform_footer {width: 150px; padding: 0;} .newsletter .gform_wrapper .gform_footer input {border-radius: 0; min-width: 150px !important;} .newsletter .gform_wrapper .gform_body li {padding: 0 !important;} .newsletter .gform_wrapper .gform_body li input {font-size: 13px; line-height: 18px; letter-spacing: 3px; padding: 10px 14px; border: 0; background: #fff; width: 300px;} .newsletter input[type="email"] {font-size: 13px; line-height: 18px; letter-spacing: 3px; padding: 10px 14px; border: 0; background: #fff; width: 300px;} .newsletter input[type="submit"] {font-size: 10px; line-height: 14px; letter-spacing: 2px; font-family: "AvenirNextLTPro-Bold"; background: #F46F3A; color: #fff; text-transform: uppercase; padding: 12px; width: 150px; text-align: center; border: 0;} footer a.login {font-size: 10px; line-height: 14px; letter-spacing: 2px; font-family: "AvenirNextLTPro-Bold"; background: #0381C5; color: #fff; text-transform: uppercase; padding: 12px; width: 220px; text-align: center; border: 0;} footer a.login:hover {background: #F46F3A} footer .links a {margin-right: 0;} footer a.grey {text-decoration: underline; color: #4C4C4C; letter-spacing: 1px; font-size: 12px; line-height: 16px;} /* Tiles */ .tile {perspective: 1000px;} .tile:hover .block {transform: rotateY(180deg);} .tile > .block {position: relative; transform-style: preserve-3d; transition: all .5s;} .block > * {position: absolute; color: #fff; top: 0; left: 0; backface-visibility: hidden; display: block;} .block > .front {z-index: 2; transform: rotateY(0deg);} .block > .back {transform: rotateY(180deg);} /* Zoom Box */ .zoom {overflow: hidden; position: relative;} .zoom > * {height: inherit; width: 100%;} .zoom > figure {transform: scale(1); transition: all .5s; position: absolute; width: 100%; top: 0; left: 0; z-index: -1;} .zoom:hover > figure {transform: scale(1.1);} /* Gallery */ ul.gallery {padding: 0 !important;} ul.gallery li {padding: 10px;} ul.gallery li a {display: block;} /* Lightbox */ #lightbox {display: none; width: 100%; height: 100vh; position: fixed; z-index: 5000; text-align: center; top: 0;} #lightbox .shade {background: rgba(0, 0, 0, .7); position: absolute; top: 0; left: 0; width: 100%; height: 100vh; z-index: 5500;} #lightbox.on {display: flex; justify-content: center; align-items: center;} #lightbox .frame {position: relative; display: inline-block; border: 2px solid #111; background: #111; max-width: 90%; z-index: 6000;} #lightbox img {max-height: 90vh;} #lightbox .flex a {color: #fff; padding: 10px; text-transform: uppercase; font-size: 14px; flex: 1;} #lightbox .flex a:hover {background: #fff; color: #111;} /* Slider Styling */ .slider {z-index: 5;} .slider > * {position: absolute; z-index: 1; opacity: 0; transition: all .75s;} .slider .active {position: relative; z-index: 2; opacity: 1;} .links a {margin: 5px 10px;} /* everything else */ #slides {position: relative;} #slides .slideContent {display: flex; align-items: center; justify-content: center; text-align: center; padding: 16px; overflow: hidden;} #slides h2 {color: #fff; font-size: 4.8rem; line-height: 6.6rem; font-style: italic;} #slides .links {padding: 20px 0 0;} #slides figure {background-attachment: fixed;} #slides figure > img {position: absolute; transform: rotate(90deg); left: 50%; bottom: 20px; margin-left: -28px;} #slides .wrapper > * {transition: all .5s; opacity: 0; position: relative; top: 15px;} #slides.on .wrapper > * {opacity: 1; top: 0;} #slides.on .wrapper > img {transition-delay: .5s;} #slides.on .wrapper > h2 {transition-delay: 1.5s;} #slides.on .wrapper > .links {transition-delay: 2.5s;} #welcome {padding: 60px 0; overflow: hidden;} #welcome .center > * {vertical-align: top; padding: 16px 50px;} #welcome .content {padding: 30px 0 0;} #welcome .image, #welcome .imgWrap {text-align: right; position: relative;} #welcome .image::after {position: absolute; top: 330px; left: 110px; height: 285px; width: 280px; opacity: .6; background: #0381C5; z-index: 3; content: '';} #welcome .imgWrap::after {position: absolute; top: 50px; right: -75px; height: 200px; width: 175px; opacity: .6; background: #F46F3A; z-index: 7; content: '';} #welcome .image::before {position: absolute; top: 280px; left: 0; height: 285px; width: 400px; opacity: .6; background: #B3D1EC; z-index: 1; content: '';} #welcome .image img {position: relative; z-index: 5;} #welcome h2 {color: #F46F3A; font-family: "AvenirNextLTPro-Bold"; font-size: 18px; line-height: 24px; letter-spacing: 3px; padding: 0 0 12px; text-transform: uppercase;} #welcome p {color: #353535; font-family: "Alegreya"; font-size: 4.8rem; line-height: 7.3rem; letter-spacing: 5px; color: #353535} #welcome .links {padding: 40px 0 0;} #welcome .links a {margin: 10px 20px 10px 0;} #focus {padding: 60px 0; overflow: hidden;} #focus .center > * {vertical-align: top; padding: 16px 50px;} #focus .content {padding: 30px 0 0;} #focus .image, #focus .imgWrap {text-align: right; position: relative;} #focus .image::after {position: absolute; top: 330px; left: 100px; height: 285px; width: 280px; opacity: .54; background: #0381C5; z-index: 9; content: '';} #focus .imgWrap::after {position: absolute; top: 50px; right: -75px; height: 200px; width: 175px; opacity: .75; background: #F46F3A; z-index: 3; content: '';} #focus .image::before {position: absolute; top: 280px; left: 0; height: 285px; width: 400px; opacity: .6; background: #B3D1EC; z-index: 1; content: '';} #focus .image img {position: relative; z-index: 5;} #focus h2 {color: #F46F3A; font-family: "AvenirNextLTPro-Bold"; font-size: 18px; line-height: 24px; letter-spacing: 3px; padding: 60px 0 18px; text-transform: uppercase;} #focus p {color: #353535; font-family: "Alegreya"; font-size: 24px;; line-height: 4.3rem; letter-spacing: 2px; color: #464646; padding: 0 0 16px;} #focus .links {padding: 40px 0 0;} #focus .spanish {padding: 70px 0 0; display: inline-block; max-width: 330px;} #focus h4 {font-family: "AvenirNextLTPro-Bold"; color: #4C4C4C; font-size: 18px; line-height: 24px; text-transform: uppercase;} #focus .spanish span {display: block; font-size: 16px; line-height: 22px; color: #464646; padding: 2px 0;} #focus .spanish a {font-family: "AvenirNextLTPro-Bold"; color: #0381C5; font-size: 18px; line-height: 24px; text-transform: uppercase;} #focus .links a {margin: 10px 20px 10px 0;} #metrics {padding: 100px 32px;} #metrics .metrics {background: rgba(179,209,236,.22); margin: 150px 0 50px; text-align: center; padding: 50px 0 40px; position: relative;} #metrics .metrics::before, #metrics .metrics::after {position: absolute; content: ''; height: 30px; background: #F46F3a; opacity: .75; left: 0; width: 100%;} #metrics .metrics::before {max-width: 720px; top: -30px;} #metrics .metrics::after {max-width: 600px; bottom: -30px;} #metrics .metrics h2 {color: #353535; font-family: "Alegreya"; font-size: 3.6rem; line-height: 4.8rem; max-width: 500px; padding: 0 0 24px;} #metrics .metrics .inline {max-width: 500px;} #metrics .metrics h3 {color: #464646; font-family: "AvenirNextLTPro-Bold"; font-size: 16px; line-height: 24px; letter-spacing: 4px; max-width: 225px; position: relative; top: -15px; text-transform: uppercase;} #metrics .metrics p {font-size: 7rem; line-height: 9.6rem; color: #0381C5; position: relative;} #metrics .metrics p span {font-size: 22px; line-height: 30px; position: relative; bottom: -10px;} #metrics .metrics .limiter {max-width: 720px; margin-left: 0;} #details .slim {padding: 100px 16px;} #details h2 {color: #F46F3A; font-family: "AvenirNextLTPro-Bold"; font-size: 18px; line-height: 24px; letter-spacing: 3px; padding: 0 0 35px; text-transform: uppercase; text-align: center;} body.is_home #details h2 {text-align: left;} #details .half article {padding: 0 60px 80px; position: relative; max-width: 560px; position: relative;} #details .half article.hasImage {padding: 0 20px 50px 100px;} #details .half:nth-of-type(odd) article {margin-left: 0;} #details .half:nth-of-type(even) article {margin-right: 0;} #details .half article img {width: 85px; height: auto; position: absolute; top: 0; left: 0;} #details .half article h3 {padding: 40px 0 5px; font-family: "AvenirNextLTPro-Bold"; font-size: 18px; line-height: 24px; text-transform: uppercase; color: #4c4c4c;} #details .half article p, #details .half article ul {font-size: 16px; line-height: 22px; color: #464646; padding: 0 0 25px;} #details .half article ul {padding-left: 30px;} #details .half article li {font-size: 16px; line-height: 22px; list-style-type: disc; list-style-position: outside; padding: 0 0 10px;} #details .half article a {color: #0381C5; font-family: "AvenirNextLTPro-Bold"; font-size: 10px; line-height: 14px; letter-spacing: 2px; text-transform: uppercase;} #details .half article a.larger {font-size: 18px; line-height: 24px; position: absolute; bottom: 40px;} #details .half article a:hover {color: #F46F3A;} #details .half article span {padding-left: 10px;} #details .links {text-align: center;} #home_events {padding: 100px 0; position: relative;} #home_events .wrapper, #home_events .inline {position: relative;} #home_events .inline {padding: 150px 0 25px;} #home_events .wrapper::before {position: absolute; content: ''; background: #B3D1EC; height: inherit; z-index: 3; top: 0; width: 75%; max-width: 1428px;} article.card {position: relative;z-index: 11; box-shadow: 0 2px 4px 0 rgba(0,0,0,.2); transition: all .25s;} article.card:hover {box-shadow: 0 8px 16px 0 rgba(0,0,0,.3);} article.card .content {padding: 25px; border: 1px solid #0381C5; border-top: none; background: #fff;} article.card .theTitle {color: #353535; font-family: "Alegreya"; font-size: 3.6rem; line-height: 4.8rem; padding: 0 0 16px;} article.card .theDate {color: #F46F3A; font-size: 18px; line-height: 24px; letter-spacing: 3px; font-family: "AvenirNextLTPro-Bold"; text-transform: uppercase; padding: 0 0 16px;} article.card p {color: #464646; font-size: 16px; line-height: 22px;} article.card a {color: #0381C5; font-family: "AvenirNextLTPro-Bold"; font-size: 10px; line-height: 14px; letter-spacing: 2px; text-transform: uppercase; margin-top: 30px;} article.card a.gohere:hover {color: #F46F3A;} article.card a.title {margin-top: 0; text-transform: none;} article.card a i {padding-left: 25px;} #our_events .wrapper::after {position: absolute; content: ''; height: 56px; width: 34%; bottom: -56px; left: 0; background: #B3D1EC; z-index: -1; opacity: .75} #our_events .heading {position: relative; overflow: hidden;} #our_events .heading::before {position: absolute; content: ''; height: 60px; width: 50%; top: 0; left: 0; background: #B3D1EC; z-index: -1; opacity: .75} #our_events .heading h2 {color: #F46F3A; font-size: 18px; line-height: 24px; letter-spacing: 3px; font-family: "AvenirNextLTPro-Bold"; padding: 16px 32px; text-transform: uppercase; display: inline-block; background: #fff;} #our_events .heading {text-align: center;} #our_events {padding: 135px 0 100px; position: relative;} #our_events .wrapper {position: relative;} #our_events .inline {padding: 80px 0;} #our_events .wrapper::before {position: absolute; content: ''; background: #EFF5FB; height: inherit; z-index: 3; top: 0; width: 75%; max-width: 1428px;} #theBlogs {padding: 100px 0 200px;} #theBlogs article.card {margin-bottom: 20px;} #theContent {padding: 140px 0; text-align: center;} #theContent .inline > * {text-align: left;} #theContent aside {position: relative;} #theContent aside::before {position: absolute; content: ''; height: 200px; width: 280px; background: #B3D1EC; top: 90px; left: -60px; z-index: -3; opacity: .44} #theContent aside::after {position: absolute; content: ''; height: 195px; width: 200px; background: #0381C5; top: 140px; left: 0; z-index: -1; opacity: .6;} #theContent aside ul {width: 100%; max-width: 337px; border: 1px solid #0381C5; padding: 40px 16px; background: #fff; position: relative; /*margin-left: 40px;*/} #theContent aside ul::after {position: absolute; content: ''; height: 250px; width: 115px; background: rgba(244,111,58,0.6); top: -37px; right: -31px; z-index: -1;} #theContent aside a {font-family: "AvenirNextLTPro-Bold"; font-size: 18px; line-height: 24px; letter-spacing: 3px; color: #4C4C4C; text-transform: uppercase;} #theContent aside li a:hover, #theContent aside li.active a {color: #F46F3A;} #theContent .entry {max-width: 750px;} .entry h1 {font-family: "AvenirNextLTPro-Bold"; font-size: 18px; line-height: 24px; letter-spacing: 3px; color: #F46F3A; text-transform: uppercase; padding: 0 0 16px;} #theContent.solo {padding: 50px 16px 0;} #past_events {padding: 0 0 200px} #special {padding: 100px 0;} #special .specialWrap {position: relative;} #special .center {padding: 50px 0 16px; position: relative;} #special .center::before {position: absolute; content: ''; height: 100px; width: 818px; background: #F46F3A; z-index: -2; opacity: .75; bottom: -32px; right: 15%;} #special .specialWrap::before {position: absolute; content: ''; height: 100px; max-width: 430px; background: #B3D1EC; z-index: -2; opacity: .75; top: -32px; left: 0; width: 75%;} #special .specialWrap::after {position: absolute; content: ''; height: inherit; width: 75%; max-width: 1324px; background: #EFF5FB; z-index: -1; top: 0; left: 0;} #special h2 {color: #353535; font-size: 3.6rem; line-height: 4.8rem; font-family: "Alegreya"; padding: 0 0 32px;} #special .image {position: relative; text-align: right;} #special .content .entry {width: calc(100% + 65px)} #special img {width: 100%; max-width: 600px; position: relative; margin-right: -16px; display: inline-block;} body.is_page #metrics .center > * {vertical-align: top;} body.is_page #metrics .metrics {background: none; margin: 0 auto;} body.is_page #metrics .metrics::before, body.is_page #metrics .metrics::after {display: none;} #search {padding: 100px 0;} #search .center > * {vertical-align: top;} #search h2 {color: #353535; font-family: "Alegreya"; font-size: 3.6rem; line-height: 4.8rem; padding: 0 0 16px;} #search ul {padding: 12px 0 0;} #search li {padding: 12px 0;} #search li a {font-family: "AvenirNextLTPro-Bold"; font-size: 18px; line-height: 24px; color: #4C4C4C; text-transform: uppercase;} #search p {color: #464646; font-size: 16px; line-height: 22px;} #search article {padding: 0 0 60px;} #search article a {color: #0381C5; font-family: "AvenirNextLTPro-Bold"; font-size: 10px; line-height: 14px; letter-spacing: 2px; text-transform: uppercase;} #search article span {padding-left: 10px;} #search input[type="search"] {font-family: "Alegreya"; font-size: 3.6rem; line-height: 4.8rem; width: 100%; height: 66px; border: 0; border-bottom: 2px solid #4C4C4C; padding: 0;} #search form {position: relative;} #search input::placeholder {color: #353535; text-transform: none;} #search button {background: none; border: 0; position: absolute; top: 32px; right: 16px; font-size: 32px;} #locations article {padding: 100px 16px;} #locations article > * {vertical-align: top;} #locations .half.image {text-align: center; position: relative;} #locations .half.image::before {position: absolute; content: ''; height: 190px; width: 270px; background: #B3D1EC; opacity: .44; z-index: -1; top: 135px; left: -32px; z-index: -2} #locations .half.content {text-align: center;} #locations .imgWrap {display: inline-block; max-width: 625px; position: relative;} #locations .imgWrap::after {position: absolute; content: ''; height: 200px; width: 175px; background: #F46F3A; opacity: .75; z-index: 1; top: -30px; right: -32px;} #locations .imgWrap::before {position: absolute; content: ''; height: 230px; width: 210px; background: #0381C5; opacity: .54; z-index: -1; bottom: -24px; left: -50px;} #locations .entry {width: 100%; padding: 30px 0 0; display: inline-block; text-align: left; max-width: 370px;} #locations .entry p {padding: 0; display: block; position: relative;} #locations .entry p span {float: right; display: inline; line-height: inherit;} #locations .entry .addy {padding: 0 0 8px;} #locations .entry .phones {padding: 10px 0 0;} #locations strong {display: block; margin-top: 13px; color: #4C4C4C; font-size: 14px; line-height: 19px; letter-spacing: 1px; font-family: "AvenirNextLTPro-Bold";} #locations article:nth-of-type(even) {direction: rtl;} #locations article:nth-of-type(even) .entry {direction: ltr;} #locations article:nth-of-type(even) .imgWrap::after {z-index: -1;} #locations article:nth-of-type(even) .imgWrap::before {z-index: 1;} #locations {overflow: hidden;} #theForm{padding: 100px 0 200px;} #theForm figure {width: 40%;} #theForm .formWrap {padding: 40px 0; position: relative;} #theForm .formWrap::before, #theForm .formWrap::after {position: absolute; content: ''; height: 40px; right: 0; background: #B3D1EC; opacity: .75;} #theForm .formWrap::before {top: 0; width: 560px;} #theForm .formWrap::after {bottom: 0; width: 480px;} #theForm .formBlue {background: #EFF5FB; padding: 45px 0 85px;} .gform_heading h3 {text-align: center; color: #353535; font-size: 3.6rem; line-height: 4.8rem; font-family: "Alegreya"; padding: 0 0 30px;} #theForm .gform_wrapper {margin-left: 100px;} #members {padding: 0 0 100px;} #members article.noImage {text-align: center;} #members h2 {text-align: center; font-size: 3.6rem; line-height: 4.8rem; font-family: "Alegreya"; padding: 80px 0; color: #353535} #members figure {height: 200px; width: 200px; background-color: #EFF5FB; border-radius: 50%;} #members .content {padding: 16px 50px;} #members h3 {font-size: 2.4rem; line-height: 4.3rem; letter-spacing: 2px; font-family: "Alegreya"; color: #464646; padding: 0 0 16px;} #members h4 {font-size: 1.8rem; line-height: 2.4rem; color: #0381C5; text-transform: uppercase; font-family: "AvenirNextLTPro-Bold";} #members .bio-link { font-family: "AvenirNextLTPro-Bold"; font-size: 16px; line-height: 24px; letter-spacing: 1px; color: #F46F3A; text-transform: uppercase; padding: 0 0 16px; } .staff-bio h4 { font-size: 1.8rem; line-height: 2.4rem; color: #0381C5; text-transform: uppercase; font-family: "AvenirNextLTPro-Bold"; margin-bottom: 20px; } .single-staff-photo-wrap { max-width: 360px; max-height: 360px; position: relative; } .single-staff-photo { background-position: center; background-repeat: no-repeat; background-size: cover; border-radius: 50%; padding-bottom: 100%; z-index: 2; } .single-staff-photo::before { position: absolute; top: 200px; left: -50px; height: 185px; width: 250px; opacity: .6; background: #B3D1EC; z-index: -1; content: ''; } .single-staff-photo::after { position: absolute; top: -50px; right: -75px; height: 200px; width: 275px; opacity: .75; background: #F46F3A; z-index: -1; content: ''; } #partners {text-align: center; padding: 0 0 100px;} #partners li {padding: 75px 0; vertical-align: middle;} #partners img {max-width: 200px; width: 100%;} #content_blocks {padding: 25px 0;} #content_blocks .blockWrapper {padding: 50px 0;} #content_blocks .blockWrapper:nth-of-type(odd) article {direction: rtl;} #content_blocks .blockWrapper:nth-of-type(odd) article > * {direction: ltr;} /* #content_blocks p {font-size: 16px; line-height: 22px; color: #464646;} */ /* #content_blocks .half {text-align: center;} */ #content_blocks .links {padding: 24px 0 0;} #benefits {text-align: center; padding: 0px 0px 50px;} #benefits h2 {font-size: 3.6rem; line-height: 4.8rem; padding: 0 0 24px; font-family: "Alegreya"; color: #353535} #benefits article {background: rgba(179,209,236,.22); padding: 3.2rem;} #benefits h3 {color: #F46F3a; font-family: "AvenirNextLTPro-Bold"; font-size: 18px; line-height: 24px; letter-spacing: 3px; text-transform: uppercase; padding: 16px 0;} #benefits p {font-size: 16px; line-height: 22px; color: #464646;} /* Mobile Styles */ .flex {display: flex; flex-wrap: wrap; justify-content: center;} .flex > * {margin: 0;} .flex > * > * {height: 100%;} .inline, .menu, ul.gform_fields, .gform_radio, .gform_checkbox {font-size: 0;} .inline > *, .menu > li, ul.gform_fields > li, .gform_radio > li, .gform_checkbox > li {font-size: initial; display: inline-block; vertical-align: top;} .mx01 {width: 8.333%;} .mx02 {width: 16.666%;} .mx03 {width: 25%;} .mx04 {width: 33.333%;} .mx05 {width: 41.666%;} .mx06 {width: 50%;} .mx07 {width: 58.333%;} .mx08 {width: 66.666%;} .mx09 {width: 75%;} .mx10 {width: 83.333%;} .mx11 {width: 91.666%;} .mx12 {width: 100%;} .full {width: 100%;} [class*="fifth"] {width: 20%;} [class*="fourth"] {width: 25%;} [class*="third"] {width: 33.33%;} [class*="half"] {width: 50%;} @media (max-width: 1440px) {#theForm .gform_wrapper {margin-left: auto;}} /* Large Screen Size */ @media (max-width: 1200px) { .lg01 {width: 8.333%;} .lg02 {width: 16.666%;} .lg03 {width: 25%;} .lg04 {width: 33.333%;} .lg05 {width: 41.666%;} .lg06 {width: 50%;} .lg07 {width: 58.333%;} .lg08 {width: 66.666%;} .lg09 {width: 75%;} .lg10 {width: 83.333%;} .lg11 {width: 91.666%;} .lg12 {width: 100%;} [class*="fifth"] {width: 25%;} [class*="fourth"] {width: 33.33%;} html {font-size: 9px;} #special .content .entry {width: 100% !important;} } /* Medium Screen size - Mobile starts here */ @media (max-width: 992px) { .mobile {display: inline-block;} .main_menu .menu {display: none;} ul.sub-menu {display: none !important;} #mobileMenu.on > .mobileWrapper {display: block;} .topBar .inline {display: none;} .md01 {width: 8.333%;} .md02 {width: 16.666%;} .md03 {width: 25%;} .md04 {width: 33.333%;} .md05 {width: 41.666%;} .md06 {width: 50%;} .md07 {width: 58.333%;} .md08 {width: 66.666%;} .md09 {width: 75%;} .md10 {width: 83.333%;} .md11 {width: 91.666%;} .md12 {width: 100%;} [class*="fifth"] {width: 33.33%;} [class*="third"] {width: 50%;} [class*="half"] {width: 100%;} .center, .center > * {display: block;} /* .gutters > * {padding: 8px;} */ #alertbar {font-size: 13px;} html {font-size: 8px;} .topBar, .topBar .inline {text-align: center !important;} #home_events .wrapper::before {width: 100%;} #details h2 {text-align: center !important;} #details .half article {margin: 0 auto !important; height: auto !important;} .footerLogo {text-align: center;} footer ul.menu {display: none;} footer .newsletter {text-align: center;} footer .links {text-align: center;} footer .leftSide {text-align: center;} #theContent aside {padding: 0 0 100px; text-align: center; overflow: hidden;} #special .image {text-align: center;} #special .image img {margin-right: auto;} #metrics {text-align: center;} #metrics .metrics .limiter {margin-left: auto} #metrics .metrics h3 {top: 0;} .top_logo {width: 175px;} body.is_home #welcome {padding: 100px 0 50px;} #welcome .image::before {top: auto; bottom: 0;} #welcome .image::after {display: none;} #metrics .metrics::after{left: auto; right: 0;} #focus h2 {padding: 0 0 18px;} #focus .center > * {padding: 16px;} #focus .image::before {top: auto; bottom: 0;} #focus .image::after {display: none;} .newsletter .gform_wrapper, .newsletter .gform_wrapper h3 {text-align: center;} footer .links a {margin-right: 10px;} #content_blocks .links {text-align: center;} #details .half article a.larger {bottom: auto; position: relative;} aside::before, aside::after, #theContent aside ul::after {display: none} #theContent aside {padding: 16px; text-align: center; position: relative; overflow: visible;} #theContent aside ul {max-width: none; text-align: center; display: none; position: absolute; width: calc(100% - 32px); padding: 0;} #theContent aside ul li {padding: 0;} #theContent aside ul li a {padding: 16px; display: block;} #theContent aside ul li.active a, #theContent aside ul li a:hover {background: #F46F3A; color: #fff;} #theContent aside.active ul {display: block;} #theContent aside .mobile {display: block;} #theContent .dropdown {background: #0381C5; text-align: center; padding: 8px 16px; color: #fff; display: block; width: 100%;} #members {text-align: center;} #locations h1, #locations .addy p, #locations .phones {text-align: center;} #locations .half.image::before, #locations .imgWrap::before, #locations .imgWrap::after {display: none;} /* #scrollMenu {position: fixed; width: 100%;} */ .topBar .half {padding: 0;} .topBar .half.aMenu {display: none;} header.top .wide {padding: 8px 16px;} .top_logo {width: 150px;} #slides img {padding: 0 0 16px} #home_events {padding: 50px 16px;} #special .specialWrap::after {width: 100%;} #theContent {padding: 150px 16px 50px !important;} #special .center {padding: 50px 16px 16px} #details .slim {padding: 150px 16px 50px;} #focus {padding: 150px 16px 50px; text-align: center;} #theForm .formBlue {padding: 45px 24px;} #welcome .center > * {padding: 16px 32px;} #slides figure {background-position: left -100px center;} } /* Small Screen Size */ @media (max-width: 768px) { .sm01 {width: 8.333%;} .sm02 {width: 16.666%;} .sm03 {width: 25%;} .sm04 {width: 33.333%;} .sm05 {width: 41.666%;} .sm06 {width: 50%;} .sm07 {width: 58.333%;} .sm08 {width: 66.666%;} .sm09 {width: 75%;} .sm10 {width: 83.333%;} .sm11 {width: 91.666%;} .sm12 {width: 100%;} [class*="fifth"], [class*="fourth"] {width: 50%;} [class*="third"] {width: 100%;} html {font-size: 7px;} #details .half article {text-align: center; padding: 0 16px 50px !important;} #details .half article img {position: relative; padding: 0 0 10px;} #details .half article a {position: relative; left: 0; padding: 0; bottom: 0;} footer p {padding: 32px 0;} #focus p {line-height: 36px;} #focus .image::before {display: none;} #welcome p {font-size: 24px; line-height: 36px;} } /* Miminum Screen Size */ @media (max-width: 500px) { .mn01 {width: 8.333%;} .mn02 {width: 16.666%;} .mn03 {width: 25%;} .mn04 {width: 33.333%;} .mn05 {width: 41.666%;} .mn06 {width: 50%;} .mn07 {width: 58.333%;} .mn08 {width: 66.666%;} .mn09 {width: 75%;} .mn10 {width: 83.333%;} .mn11 {width: 91.666%;} .mn12 {width: 100%;} [class*="fifth"], [class*="fourth"] {width: 100%;} html {font-size: 6px;} #welcome .image::before, #welcome .imgWrap::after {display: none !important;} .newsletter .gform_wrapper .gform_footer {width: 300px;} footer .newsletter input[type="submit"] {width: 100%;} } .paypal-button form { width: 240px; }