/* Theme Name: The Fresh Air Fund Author: The Fresh Air Fund Tags: Black, White, Gray, Green, Yellow, Blue, Responsive, Fixed Width Description: The Fresh Air Fund theme for WordPress takes us back to the blog, featuring a full range of post formats, each displayed beautifully in their own unique way. Design details abound, starting with a vibrant color scheme and matching header images, beautiful typography and icons, and a flexible layout that looks great on any device, big or small. version: 21.12.18 */ :root { --display: 'bsd_thin_skinnedregular'; } body.translatepress-es_MX{ --display: 'Amatic SC'; } *, *:before, *:after { margin: 0px; padding: 0px; -webkit-font-smoothing: antialiased; box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-text-size-adjust: none; } html, body { width: 100%; font-size: 16px; line-height: 21px; color: #000; font-family: 'Montserrat', sans-serif; font-weight: 400; -webkit-text-size-adjust: none; -webkit-font-smoothing: antialiased; } html { min-height: 100%; background: #fff; } /*font-family: 'Montserrat', sans-serif;*/ input[type=checkbox]{ -webkit-appearance: checkbox; } input[type=radio]{ -webkit-appearance: radio; } button, input, textarea, select { -webkit-appearance: none; -webkit-border-radius: 0px; font-family: 'Montserrat', sans-serif; font-weight: normal; } :focus,input:focus, textarea:focus { outline: none; } 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 { margin: 0; padding: 0; border: 0; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } :focus { outline: none; } /* common */ a { transition: all 350ms; -webkit-transition: all 350ms; -ms-transition: all 350ms; text-decoration: underline; outline: none; color: #1481b1; } a:focus, a:active { outline: none; } a:hover { text-decoration: none; } ul, ol { margin: 0px; padding: 0px 0 25px 20px; } ul li, ol li { padding: 0px; } ol ol { margin-bottom: 0px; } ol ol li:last-child { padding-bottom: 0px; } h1, h2, h3, h4, h5 { color: #40444a; font-weight: 800; text-transform: uppercase; } h1 { font-size: 35px; line-height: 40px; padding-bottom: 10px; color: #59595b; text-transform: uppercase; letter-spacing: 1px; } h2 { font-size: 22px; line-height: 32px; color: #213651; padding-bottom: 24px; } hr { height: 2px; width: 100%; border: 0px; clear: both; overflow: hidden; background: #b0b4b7; margin: 21px 0; } h3 { padding: 0px 0 22px; font-size: 22px; line-height: 28px; color: #59595b; } h4 { font-size: 16px; line-height: 20px; color: #59595b; padding-bottom: 22px; } h5 { font-size: 16px; line-height: 29px; color: #5F6165; padding: 0 0 17px; } h5 a { color: #3f3f3f; } h6 { font-size: 19px; line-height: 24px; color: #233751; padding-bottom: 16px; } p { padding-bottom: 21px; } p strong { font-weight: 700; } p a , li a{ color: #00b5f0; text-decoration: underline; } p a:hover, li a:hover { text-decoration: none; } cite { font-style: normal; } table { border-collapse: separate; border-spacing: 0; } caption, td { font-weight: normal; text-align: left; } th { text-align: left; } .clear { clear: both; width: 100%; height: 0px; overflow: hidden; } blockquote { font-style: italic; } a[href^="tel"], a[href^="sms"] { cursor: text; text-decoration: none; color: inherit !important; } a[href^="tel"]:hover, a[href^="sms"]:hover { text-decoration: none; } blockquote { font-weight: normal; padding: 10px 0px; margin: 0; position: relative; font-size: 28px; line-height: 44px; font-style: normal; color: #f58220; font-weight: normal; letter-spacing: 0.03em; } blockquote p strong { font-size: inherit; line-height: inherit; } #mainCntr { padding: 107px 0 0; width: 100%; overflow: hidden; position: relative; transition: all 350ms; -webkit-transition: all 350ms; -moz-transition: all 350ms; -ms-transition: all 350ms; -o-transition: all 350ms; } #mainCntr.has-top-bar { padding-top: 178px; } body.admin-bar #header { top: 32px; } .clear { clear: both; overflow: hidden; } img { border: 0px; outline: none; display: block; max-width: 100%; height: auto; } .btn { padding: 23px 31px 20px 32px; margin: 13px 0 0 3px; font-size: 16px; line-height: 20px; font-weight: 800; display: inline-block; vertical-align: top; text-decoration: none; color: #fff; text-align: center; text-transform: uppercase; text-align: center; letter-spacing: 0.04em; border: 3px solid #fff; } .btn:after { content: ""; margin: 1px 0 0 18px; width: 27px; height: 17px; display: inline-block; vertical-align: top; background: url(images/btn-arrow.svg) 0px 0px no-repeat; } .btn:hover { color: #fff; text-decoration: none; } .wp-block-button__link { padding: 32px 16px; max-width: 300px; background: #11ade4; display: block; text-align: center; text-transform: uppercase; text-decoration: none; color: #fff; font-weight: 800; font-size: 19px; line-height: 23px; letter-spacing: 0.01em; margin-bottom: 42px; border-radius: 0; } .wp-block-button__link:hover { background:#0092C8; } .volunteer-banner-bar.at_camp .wp-block-button__link, .volunteer-banner-bar.sign-up-to-visit .wp-block-button__link { padding: 15px 17px 14px 20px; margin: 13px 0 0 3px; font-size: 16px; line-height: 20px; font-weight: 800; display: inline-block; vertical-align: top; text-decoration: none; color: #fff; text-align: center; text-transform: uppercase; text-align: center; letter-spacing: 0.04em; border: 3px solid #fff; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; } .volunteer-banner-bar.at_camp .wp-block-button__link::last-word, .volunteer-banner-bar.sign-up-to-visit .wp-block-button__link::last-word { white-space: nowrap; color:#000; } .volunteer-banner-bar.at_camp .wp-block-button__link:after, .volunteer-banner-bar.sign-up-to-visit .wp-block-button__link:after { content: ""; margin: 1px 0 0 24px; width: 27px; height: 17px; display: inline-block; vertical-align: top; background: url(images/btn-arrow.svg) 0px 0px no-repeat; } .volunteer-banner-bar.at_camp .wp-block-button__link:hover, .volunteer-banner-bar.sign-up-to-visit .wp-block-button__link:hover { color: #fff; text-decoration: none; background:#fff; color:#F4862D; } .volunteer-banner-bar.at_camp .wp-block-button__link:hover:after, .volunteer-banner-bar.sign-up-to-visit .wp-block-button__link:hover:after { background: url(images/arrow_orange.svg) 0px 0px no-repeat;} .volunteer-banner-bar.sign-up-to-visit .wp-block-button__link:hover { color:#4A398E;} .volunteer-banner-bar.sign-up-to-visit .wp-block-button__link:hover:after {background: url(images/purple_arrow.svg) 0px 0px no-repeat;} .volunteer-banner-bar.at_camp .wp-block-button, .volunteer-banner-bar.sign-up-to-visit .wp-block-button { margin: 0px; } .volunteer-banner-bar.sign-up-to-visit .wp-block-button__link { margin: 1px -60px 0 0px; max-width: 360px; padding: 15px 24px 14px 30px; } .volunteer-banner-bar.sign-up-to-visit .wp-block-button__link:after { margin: 1px 0 0 16px; } .program-banner-bar.which-program .is-style-outline { float: left; padding-right: 10px; } .program-banner-bar.which-program .is-style-outline + .is-style-outline { padding-right: 0px; } .program-banner-bar.which-program .is-style-outline .wp-block-button__link { padding: 15px 10px 14px 20px; margin: 13px 0 0 3px; font-size: 15px; line-height: 20px; font-weight: 800; display: inline-block; vertical-align: top; text-decoration: none; color: #fff; text-align: center; text-transform: uppercase; text-align: center; letter-spacing: 0.04em; border: 3px solid #fff; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; letter-spacing: 0.06em; } .program-banner-bar.which-program .is-style-outline .wp-block-button__link:after { content: ""; margin: 1px 0 0 10px; width: 27px; height: 17px; display: inline-block; vertical-align: top; background: url(images/btn-arrow.svg) 0px 0px no-repeat; } .page-template-fresh-program .program-banner-bar.which-program .is-style-outline .wp-block-button__link { max-width: 360px; } .page-template-fresh-program .program-banner-bar.which-program .is-style-outline .wp-block-button__link:hover { background:#fff; color: #E77D27;} .page-template-fresh-program .program-banner-bar.which-program .is-style-outline .wp-block-button__link:hover:after {background: url(images/arrow_orange.svg) 0px 0px no-repeat;} .page-template-fresh-program .program-banner-bar.which-program .is-style-outline .wp-block-button { margin-bottom: 0px; } /* fix second button padding */ .page-template-fresh-program .program-banner-bar.which-program .wp-block-button .is-style-outline .second-button { position:absolute; top:0px;} .program-banner-bar .is-style-outline .wp-block-button__link { padding: 15px 17px 14px 22px; margin: 13px 0 0 3px; font-size: 16px; line-height: 20px; font-weight: 800; display: inline-block; vertical-align: top; text-decoration: none; color: #fff; text-align: center; text-transform: uppercase; text-align: center; letter-spacing: 0.04em; border: 3px solid #fff; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; letter-spacing: 0.06em; } .program-banner-bar .is-style-outline .wp-block-button__link:after { content: ""; margin: 1px 0 0 10px; width: 27px; height: 17px; display: inline-block; vertical-align: top; background: url(images/btn-arrow.svg) 0px 0px no-repeat; } .program-banner-bar .is-style-outline .wp-block-button__link:hover { background: #fff; color:#73B850;} .program-banner-bar .is-style-outline .wp-block-button__link:hover:after {background: url(images/arrow_green.svg) 0px 0px no-repeat;} .page-template-about-us .program-banner-bar .is-style-outline .wp-block-button__link:hover { background: #fff; color:#0092C8;} .page-template-about-us .program-banner-bar .is-style-outline .wp-block-button__link:hover:after {background: url(images/arrow_blue_bh.svg) 0px 0px no-repeat;} /* wrapper */ #wrapper { width: 100%; min-height: 100%; position: relative; overflow: hidden; } .wrapper { max-width: 1210px; margin: auto; position: relative; padding: 0 20px; display: block; } #header { padding: 0; position: fixed; top: 0px; left: 0px; width: 100%; z-index: 999; margin: 0 auto; background: #fff; transition: all 350ms; -webkit-transition: all 350ms; -moz-transition: all 350ms; -ms-transition: all 350ms; -o-transition: all 350ms; } #header .logo { margin: 26px 0 19px 72px; float: left; position: relative; max-width: 292px; } #header .logo img { transition: all 350ms; -webkit-transition: all 350ms; -moz-transition: all 350ms; -ms-transition: all 350ms; -o-transition: all 350ms; } #header .btn { margin: 6px 0 0; } #header .header-inner .wrapper { max-width: 1440px; padding: 0px; } #header .donate-btn { padding: 10px; width: 132px; height: 107px; background: #11ade4; display: flex; align-items: center; justify-content: center; text-align: center; text-transform: uppercase; text-decoration: none; color: #fff; font-weight: 800; font-size: 19px; line-height: 23px; letter-spacing: 0.01em; } #header .donate-btn:hover {background:#0092C8;} #header .sign-up-btn { cursor: pointer; padding: 10px 24px; width: 160px; height: 107px; background: #4a398e; display: flex; align-items: center; justify-content: center; text-align: center; text-transform: uppercase; text-decoration: none; color: #fff; font-weight: 800; font-size: 15px; line-height: 19px; letter-spacing: 0.02em; } #header .sign-up-btn:hover { background:#5C4AA7;} #header .btn-group { display: flex; float: right; } #header .button-drop-down{ visibility: hidden; opacity: 0; z-index: -10; transition: all 0.3s; position: absolute; top: 100%; background-color: #3b287d; padding-top: 1.5rem; } #header .button-drop-down li{ border: none; float: none; } #header .button-drop-down li a{ color: #fff; font-size: 14px; padding: 0 0 5px; } #header .button-drop-down li::before, #header .button-drop-down li::after{ display: none; } #header .sign-up-btn.has-dropdown:hover + .button-drop-down, #header .button-drop-down:hover{ visibility: visible; opacity: 1; z-index: 10; } #header .header-inner { transition: all 350ms; -webkit-transition: all 350ms; -moz-transition: all 350ms; -ms-transition: all 350ms; -o-transition: all 350ms; } .header-top-bar { display: block; width: 100%; position: relative; overflow: hidden; transition: all 350ms; -webkit-transition: all 350ms; -moz-transition: all 350ms; -ms-transition: all 350ms; -o-transition: all 350ms; height: 71px; } .header-top-bar.hide { height: 0px; } .header-top-bar .wrapper { padding: 7px 20px 9px; display: flex; align-items: center; height: 71px; } .header-top-bar a:not(.close) { font-size: 15px; line-height: 20px; color: #fff; font-weight: 700; display: block; background: #ed4d49; text-decoration: none; letter-spacing: 0.02em; } .header-top-bar a:not(.close):hover { background: #FF4F4B; } .header-top-bar .wrapper span { padding: 0 57px 0 0; background: url(images/arrow5.svg) right center no-repeat; } .header-top-bar .close { position: absolute; top: 0px; right: 0px; width: 50px; height: 71px; } .header-top-bar .close:after { content: ""; position: absolute; top: 0px; right: 0px; width: 100%; height: 100%; background: url(images/close.svg) 20px 12px no-repeat; } .header-top-bar .close:before { content: ""; position: absolute; top: 0px; right: 0px; width: 0; height: 0; border-style: solid; border-width: 0 80px 70px 0; border-color: transparent #c44441 transparent transparent; } #header.header-fixed { box-shadow: 0 10px 10px -10px rgba(0,0,0,0.1); } .mainMenu { padding: 0; margin: 0; float: right; transition: all 350ms; -webkit-transition: all 350ms; -moz-transition: all 350ms; -ms-transition: all 350ms; -o-transition: all 350ms; } .mainMenu ul { padding: 0px; margin: 0px; list-style-type: none; } .mainMenu ul li { font-size: 22px; line-height: 24px; text-transform: uppercase; color: #73b850; float: left; padding: 0 46px 30px 35px; position: relative; } .mainMenu ul li:hover ul { opacity: 1; visibility: visible; z-index: 10; } .mainMenu ul li:hover ul ul { opacity: 0; visibility: hidden; z-index: -10; transition: 0.3s all; -webkit-transition: 0.3s all; } .mainMenu ul li:hover ul li:hover ul { opacity: 1; visibility: visible; z-index: 10; } .mainMenu ul li ul { position: absolute; top: 100%; left: 5px; margin: 0px; padding: 0px; background: #fff; padding-bottom:15px; opacity: 0; visibility: hidden; z-index: -10; transition: 0.3s all; -webkit-transition: 0.3s all; } .mainMenu ul li li ul { padding: 17px 0; position: absolute; left: 100%; top: -3px; opacity: 0; visibility: hidden; z-index: -10; transition: 0.3s all; -webkit-transition: 0.3s all; width: 256px; background: #73b850; } .mainMenu ul li li { padding: 0px 30px; margin: 0px 0 1px; float: none; display: block; text-transform: none; font-size: 15px; line-height: 20px; } .mainMenu ul li .sub-menu-toggle { display: none; } .mainMenu ul li .sub-sub-menu-toggle { position: absolute; top: 0px; right: 30px; width: auto; display: flex; align-items: center; height: 32px; } .mainMenu ul li li.menu-item-has-children > a { padding-right: 20px; } .mainMenu ul li li:last-child { border: 0px; padding: 0px 30px; } .mainMenu ul li li:last-child a { border: 0px; } .mainMenu ul li li:after { display: none; } .mainMenu ul li li a { padding: 6px 0px 7px; border-bottom: 1px solid #bcbcbc; display: block; color: #9b9b9b; font-weight: 700; word-break: keep-all; white-space: nowrap; letter-spacing: 0.01em; } .mainMenu ul li li li a, .mainMenu ul li li:last-child li a, .mainMenu ul li li:hover li a { padding: 11px 0 13px; color: #fff; display: block; white-space: normal; word-break: normal; border-bottom: 1px solid #fff; } .mainMenu ul li li li:last-child a, .mainMenu ul li li:last-child li:last-child a { border: 0px; } .mainMenu ul li li li a:hover { opacity: 0.8; color: #fff; } .mainMenu ul li li:hover .sub-sub-menu-toggle svg path { fill: #73b850; } .mainMenu ul li li a:hover, .mainMenu ul li li:hover a { color: #73b850; } .mainMenu ul li li a:after { display: none; } .mainMenu ul li a { padding-bottom: 6px; color: #73b850; text-decoration: none; position: relative; font-weight: 800; letter-spacing: -0.02em; position: relative; } .mainMenu ul.menu > li > a { cursor: default; } .mainMenu ul li a>div { content: attr(rel)' '; display: block; font-size: 14px; line-height: 14px; } .mainMenu ul li li a:before { display: none; } .mainMenu ul li a:after { content: ""; position: absolute; bottom: 0px; left: 50%; width: 0px; background: #73b850; height: 4px; transition: all 350ms; -webkit-transition: all 350ms; -moz-transition: all 350ms; -ms-transition: all 350ms; -o-transition: all 350ms; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); } .mainMenu ul li a:hover:after, .mainMenu ul li:hover > a:after, .mainMenu ul li.current-menu-item > a:after, .mainMenu ul li.current-menu-parent > a:after { width: 100%; } .mainMenu ul li:after { content: ""; position: absolute; left: 0px; top: 2px; width: 1px; height: 42px; background: #d5d5d5; } .mainMenu ul li:first-child:after { display: none; } .mainMenu ul li a:hover { text-decoration: none; } .mainMenu ul li:last-child { padding-right: 0px; } .mainMenu .menu-header-menu-container { float: left; padding: 39px 40px 0 0; } .mainMenu .btn { float: left; } .mainMenu .menu-close { display: none; } .home-banner-bar { padding: 0px; position: relative; overflow: hidden; background-size: cover; background-repeat: no-repeat; background-position: top center; } .home-banner-bar:before { content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: rgba(0,0,0,0.49); z-index: 1; } .home-banner-bar:after { content: ""; position: absolute; bottom: 0px; left: 0px; width: 100%; height: 250px; z-index: 2; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.68+100 */ background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.68) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.68) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.68) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#ad000000',GradientType=0 ); /* IE6-9 */ } .home-banner-bar h2 { font-size: 36px; line-height: 40px; color: #fff; text-transform: uppercase; letter-spacing: 0.08em; } .home-banner-bar h1 { padding: 0 0 38px; font-size: 128px; line-height: 132px; color: #fff; font-family: var(--display); font-weight: normal; letter-spacing: 0.012em; margin: 0 0 0 -10px; background: url(images/main-heading-line.svg) bottom left no-repeat; } .home-banner-bar .more-text-btn a { padding: 0 8px 0 0; font-size: 20px; line-height: 24px; letter-spacing: 0.02em; font-weight: 800; text-transform: uppercase; letter-spacing: 0.08em; position: relative; background-color: inherit; } .home-banner-bar .more-text-btn a:after {background: url(images/arrow_white_big.svg) 100% 2px no-repeat; content:""; position: absolute; left: 100%; top: 0; width: 26px; height: 24px; transition: all ease-in-out 0.2s; } .home-banner-bar .more-text-btn a:hover:after { width: 31px; transition: all ease-in-out 0.2s;} .home-banner-bar .inner { padding: 114px 30px 141px; } .home-banner-bar .wp-block-button { margin: 0px 0 0 -10px; padding: 28px 0 0px; } .home-banner-bar .fancy-video-btn { position: absolute; bottom: 0px; right: 0px; text-decoration: none; z-index: 3; } .home-banner-bar .fancy-video-btn:before { content: ""; position: absolute; bottom: 0px; right: 0px; width: 0; height: 0; border-style: solid; border-width: 0 0 198px 200px; border-color: transparent transparent #4a3690 transparent; transition: all 350ms; -webkit-transition: all 350ms; } .home-banner-bar .fancy-video-btn:hover:before { border-color: transparent transparent #5c47a9 transparent; transition: all 350ms; -webkit-transition: all 350ms;} .home-banner-bar .fancy-video-btn .text { padding: 0 19px 27px 15px; display:block; color: #fff; font-size: 12px; line-height: 18px; position: relative; font-weight: 800; text-transform: uppercase; letter-spacing: 0.05em; } .home-banner-bar .fancy-video-btn .icon { width: 84px; height: 84px; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; background: #fff; margin: 0 auto 8px; display: block; position: relative; display: flex; align-items: center; justify-content: center; } .home-banner-bar .fancy-video-btn .icon:before { content: ""; display: block; width: 0; height: 0; border-style: solid; border-width: 19px 0 19px 32px; border-color: transparent transparent transparent #4a3690; margin-left: 8px; transition: all 350ms; -webkit-transition: all 350ms; } .home-banner-bar .fancy-video-btn:hover .icon:before {border-color: transparent transparent transparent #5c47a9; transition: all 350ms; -webkit-transition: all 350ms; } .home-banner-bar .inner { position: relative; z-index: 3; } .hero-video { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; } .hero-video video { display: block; width: 100%; height: 100%; object-fit: cover; pointer-events: none; } .hero-video *::-webkit-media-controls-panel { display: none!important; -webkit-appearance: none; } .hero-video *::-webkit-media-controls-play-button { display: none!important; -webkit-appearance: none; } .hero-video *::-webkit-media-controls-start-playback-button { display: none!important; -webkit-appearance: none; } .countdown-bar { padding: 0px; text-align: center; background: #f4862d; } .countdown-bar h2 { padding: 0 0 5px; font-family: var(--display); text-transform: uppercase; font-size: 100px; line-height: 110px; letter-spacing: 0.011em; color: #fff; font-weight: normal; } .countdown-bar p { font-size: 14px; line-height: 18px; color: #fff; max-width: 750px; margin: 0 auto; } .countdown-bar .inner { padding: 40px 0 54px; max-width: 950px; margin: 0 auto; } .countdown-bar #future_date { padding: 30px 0 35px; margin: 0 -30px; font-family: var(--display); font-size: 128px; line-height: 128px; color: #fff; display: block; } .countdown-bar #future_date .hours { min-width: 100px; text-align: center; } .countdown-bar #future_date .hours small { padding-left: 8px; } .countdown-bar #future_date small { display: block; font-size: 16px; line-height: 20px; text-transform: uppercase; font-family: 'Montserrat', sans-serif; text-transform: uppercase; font-weight: 800; letter-spacing: 0.02em; padding: 9px 0 0; } .countdown-bar #future_date span { display: inline-block; vertical-align: top; } .countdown-bar .btn-top { padding: 32px 0 0; position: relative; background: url(images/line.svg) 0px 0px no-repeat; background-size: 100% 6px; } .countdown-bar .btn-top .countdown-btn { padding: 0 8px 0 17px; display: inline-block; vertical-align: top; font-size: 16px; line-height: 20px; color: #fff; text-transform: uppercase; font-weight: 800; text-decoration: none; letter-spacing: 0.03em; position: relative; } .countdown-bar .btn-top .countdown-btn:after {background: url(images/arrow_white_big.svg) 100% 2px no-repeat; background-size: 25px auto; position: absolute; content:""; left:100%; top:0; width: 20px; height: 21px; transition: all ease-in-out 0.2s; } .countdown-bar .btn-top .countdown-btn:hover:after{ width: 25px; transition: all ease-in-out 0.2s;} .home-blocks { padding: 0px; } .home-blocks h2 { margin: 0 0 23px; font-size: 146px; line-height: 150px; color: #fff; font-weight: normal; font-family: var(--display); background: url(images/title-line.svg) 0px 100% no-repeat; background-size: 100% 12px; } .home-blocks h2 strong { font-size: 30px; line-height: 36px; font-weight: 800; display: block; letter-spacing: 0.05em; font-family: 'Montserrat', sans-serif; padding-bottom: 8px; } .home-blocks .top-content { margin: 0px 0 54px; position: relative; } .home-blocks .top-content .image { width: calc(100% - 165px); height: 100%; position: absolute; top: 0px; right: 0px; background-size: cover; background-repeat: no-repeat; background-position: top center; } .home-blocks .top-content .image:before { background-repeat: no-repeat; background-size: 100% 100%; content: ''; display: block; position: absolute; width: 272px; left: 0; top: 0px; height: 100%; } .home-blocks .top-content .text { padding: 30px 0 0; width: 280px; position: relative; min-height: 506px; } .home-blocks .top-content .text p { color: #fff; } .home-blocks .repeat { padding: 57px 0 0; } .home-blocks .repeat:nth-of-type(2) { padding: 62px 0 13px; } .home-blocks .repeat:nth-of-type(2) .text { padding: 35px 0 0; } .home-blocks .sub-repeat-wrap { padding: 63px 0 0; background: url(images/divider.svg) 0px 0px no-repeat; background-size: 100% 7px; overflow: hidden; } .home-blocks .sub-repeat-wrap .sub-repeat { padding: 0 0 16px; margin: 0 0 62px; width: 47%; float: left; display: flex; position: relative; } .home-blocks .sub-repeat-wrap .sub-repeat .sub-image { padding: 0px; margin: 0 40px 0 0; min-width: 231px; min-height: 231px; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; } .home-blocks .sub-repeat-wrap .sub-repeat .sub-image img { border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; } .home-blocks .sub-repeat-wrap .sub-repeat:nth-of-type(2n) { float: right; } .home-blocks .sub-repeat-wrap .sub-repeat:nth-of-type(2n):after { content: ""; position: absolute; top: -3px; left: -33px; width: 1px; height: 100%; background: #fff; } .home-blocks .sub-repeat-wrap .sub-repeat:nth-of-type(2n+1) { clear: both; } .home-blocks .sub-repeat-wrap .quote { } .home-blocks .sub-repeat-wrap .quote p { padding-bottom: 2px; font-size: 18px; line-height: 22px; font-weight: 300; font-style: italic; color: #fff; position: relative; } .home-blocks .sub-repeat-wrap .quote p:nth-of-type(1) { padding-top: 19px; } .home-blocks .sub-repeat-wrap .quote p:nth-of-type(1):before { content: ""; width: 57px; height: 44px; position: absolute; top: -6px; left: -22px; background: url(images/quote-top.png) top left no-repeat; background-size: cover; opacity: 0.2; } .home-blocks .sub-repeat-wrap .quote p:nth-last-of-type(1):after { margin: 5px 0 0 7px; content: ""; width: 33px; height: 24px; display: inline-block; vertical-align: top; background: url(images/quote-bottom.png) top left no-repeat; background-size: cover; opacity: 0.2; } .home-blocks .sub-repeat-wrap .name { display: block; padding: 0 0 21px; font-size: 14px; line-height: 18px; font-weight: 400; color: #fff; } .home-blocks .sub-repeat-wrap .name strong { font-weight: 700; } .home-blocks .sub-repeat-wrap .text-btn { padding: 0 10px 0 0; font-size: 19px; line-height: 23px; color: #fff; display: inline-block; font-weight: 800; text-decoration: none; text-transform: uppercase; position: relative; } .home-blocks .sub-repeat-wrap .text-btn:after { position: absolute; left:100%; content:""; width: 74px; height: 40px; top:0; background: url(images/arrow2.svg) 100% 50% no-repeat; background-size: 80px auto; transition: all ease-in-out 0.2s; top: 13px; margin-left: 10px;} .home-blocks .sub-repeat-wrap .text-btn:hover:after, .home-blocks .sub-repeat-wrap .sub-repeat:hover .text-btn:after { width: 80px; transition: all ease-in-out 0.2s;} .home-blocks .repeat:nth-of-type(2) .quote-inner { min-height: 199px; } .purple-bar { padding: 49px 0 51px; width: 100%; background: #42267a; } .purple-bar h2 { padding-bottom: 16px; font-size: 28px; line-height: 34px; color: #fff; letter-spacing: 2px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.04em; } .purple-bar p { font-size: 16px; line-height: 21px; color: #fff; font-weight: 400; } .purple-bar .image { position: absolute; top: 0px; right: 0px; background-size: cover; background-repeat: no-repeat; background-position: top center; width: 60.2%; height: 100%; } .purple-bar .image:before { background-repeat: no-repeat; background-size: 100% 100%; content: ''; display: block; position: absolute; width: 185px; left: 0; top: 0px; height: 100%; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 600 530' preserveAspectRatio='none'%3E%3Cpolygon points='0,0 900,800 0,530' style='fill:%2342267a;' /%3E%3C/svg%3E"); } .purple-bar .inner { position: relative; } .purple-bar .text { padding: 32px 0 68px; max-width: 40.5%; position: relative; z-index: 1; } .purple-bar .btn-row { margin: 12px 0 0; padding: 42px 0 0 0px; max-width: 462px; background: url(images/purple-title-line.svg) 0px 0px no-repeat; background-size: 100% 6px; } .purple-bar .btn-row a { padding: 5px 10px 5px 0; display: table; color: #fff; text-decoration: none; font-weight: 800; font-size: 22px; letter-spacing: 0.06em; text-transform: uppercase; position: relative; } .purple-bar .btn-row a:after {background: url(images/arrow_white_big.svg) 100% 6px no-repeat; background-size: 30px auto; content:""; top:0; left: 100%; position: absolute; height: 32px; width: 26px; transition: all ease-in-out 0.2s;} .purple-bar .btn-row a:hover:after { width: 32px; transition: all ease-in-out 0.2s;} .instagram-bar { padding: 81px 0 110px; margin: 0px; text-align: center; background: #efefef; } .instagram-bar .instafeed_cls a { width: 100%; height: 371px; display: block; background-size: cover; background-repeat: no-repeat; background-position: center center; display: block; } .instagram-bar h2 { padding: 0 0 34px; font-size: 78px; line-height: 82px; color: #ed4d49; font-family: var(--display); font-weight: normal; } .instagram-bar h2 strong { padding: 0 0px 0 92px; font-weight: normal; display: inline-block; vertical-align: top; background: url(images/instagram-icon1.svg) 0px 5px no-repeat; position: relative; right: -18px; } .instagram-bar h4 { padding-bottom: 68px; font-size: 19px; text-transform: uppercase; line-height: 21px; color: #ed4d49; letter-spacing: 0.015em; } .instagram-bar h4 a { text-decoration: none; color: #ed4d49; display: inline-block; vertical-align: top; border-bottom: 2px solid #ed4d49; } .instagram-bar .instagramfeed-slider { margin: 0 -20px; } .instagram-bar .instagramfeed-slider:after { content: ""; clear: both; display: block; overflow: hidden; height: 0px; width: 100%; } .instagram-bar .instagramfeed-slider .instafeed_cls { padding: 0 16px; width: 33.3333%; float: left; } .bright-red-bar { padding: 86px 0px 113px; width: 100%; background: #ec4d49; } .bright-red-bar h3 { padding-bottom: 13px; font-size: 28px; line-height: 43px; text-transform: uppercase; color: #fff; letter-spacing: 0.04em; } .bright-red-bar p { color: #fff; font-size: 16px; line-height: 21px; font-weight: 400; color: #fff; } .bright-red-bar .text { width: 66%; float: left; } .bright-red-bar .text-btn { margin: 11px 0 0; padding: 40px 65px 52px 0px; float: right; font-size: 22px; line-height: 26px; color: #fff; text-transform: uppercase; font-weight: 800; text-decoration: none; letter-spacing: 0.04em; position: relative; } .bright-red-bar .text-btn:after {background: url(images/arrow_white3_big.svg) -10px bottom no-repeat; content:""; left: 0; position: absolute; width: 260px; height: 50px; bottom: 0; transition: all ease-in-out 0.2s;} .bright-red-bar .text-btn:hover:after { background-position: left bottom; transition: all ease-in-out 0.2s;} .contact-banner-bar { background: #11ace3; width: 100%; position: relative; } .contact-banner-bar .triangle-bg { position: absolute; top: 0px; left: 50%; margin-left: -34px; width: calc(50% + 34px); height: 100%; background: #0092c8; } .contact-banner-bar .triangle-bg:before { background-repeat: no-repeat; background-size: 100% 100%; content: ''; display: block; position: absolute; width: 55px; left: 0; top: 0px; height: 100%; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 600 530' preserveAspectRatio='none'%3E%3Cpolygon points='0,0 900,800 0,530' style='fill:%2311ace3;' /%3E%3C/svg%3E"); } .contact-banner-bar h1 { padding: 25px 0 25px 9px; font-size: 60px; letter-spacing: 0.01em; line-height: 60px; color: #fff; text-transform: uppercase; font-family: var(--display); font-weight: normal; } .program-banner-bar { background: #f4862d; width: 100%; position: relative; } .program-banner-bar .triangle-bg { position: absolute; top: 0px; left: 50%; margin-left: -117px; width: calc(50% + 117px); height: 100%; background: #e77d27; } .program-banner-bar .triangle-bg:before { background-repeat: no-repeat; background-size: 100% 100%; content: ''; display: block; position: absolute; width: 83px; left: 0; top: 0px; height: 100%; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 600 530' preserveAspectRatio='none'%3E%3Cpolygon points='0,0 900,800 0,530' style='fill:%23f4862d;' /%3E%3C/svg%3E"); } .program-banner-bar h1 { padding: 45px 0 33px; font-size: 70px; letter-spacing: 0.008em; line-height: 84px; color: #fff; text-transform: uppercase; font-family: var(--display); font-weight: normal; } .program-banner-bar h1 strong { padding-left: 3px; display: block; font-size: 21px; line-height: 26px; letter-spacing: 0.04em; font-family: 'Montserrat', sans-serif; font-weight: 800; } .program-banner-bar .left { width: 43%; float: left; } .program-banner-bar .right { padding: 39px 0 16px; width: 51%; float: right; } .program-banner-bar p { font-size: 15px; line-height: 19px; color: #fff; font-weight: 400; padding-bottom: 0; } .program-banner-bar.enrichment { background: #0092cb; } .program-banner-bar.enrichment .triangle-bg:before { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 600 530' preserveAspectRatio='none'%3E%3Cpolygon points='0,0 900,800 0,530' style='fill:%230092cb;' /%3E%3C/svg%3E"); } .program-banner-bar.enrichment .triangle-bg { background: #0186b7; margin-left: -102px; } .program-banner-bar.enrichment h1 { letter-spacing: -0.015em; } .program-banner-bar.enrichment .right { padding: 50px 100px 60px 0; width: 49.7%; float: right; } .program-banner.friendly-town-program { height: 381px; margin: 0px; } .program-banner.friendly-town-program:after { display: none; } .program-banner-bar.friendly-town-program { background: #11ACE3; } .program-banner-bar.friendly-town-program .triangle-bg { background: #0092c8; margin-left: 255px; width: calc(50% - 255px); } .program-banner-bar.friendly-town-program .triangle-bg:before { width: 69px; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 600 530' preserveAspectRatio='none'%3E%3Cpolygon points='0,0 900,800 0,530' style='fill:%2311ACE3;' /%3E%3C/svg%3E");} .program-banner-bar.friendly-town-program h1 { padding: 43px 0 45px; font-family: 'Montserrat', sans-serif; font-size: 26px; line-height: 36px; font-weight: 800; letter-spacing: 1px; } .program-banner-bar.community-partner { background: #73b850; } .program-banner-bar.community-partner .triangle-bg { background: #6baa4b; margin-left: -98px; width: calc(50% + 98px); } .program-banner-bar.community-partner .triangle-bg:before { width: 73px; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 600 530' preserveAspectRatio='none'%3E%3Cpolygon points='0,0 900,800 0,530' style='fill:%2373b850;' /%3E%3C/svg%3E");} .program-banner-bar.community-partner .right { padding: 56px 50px 35px 0; width: 50.4%; } .program-banner-bar p a { color: #fff; } .program-banner-bar p a:hover { text-decoration: underline; } .program-banner-bar.friendly-town-activity { background: #11ace3; } .program-banner-bar.friendly-town-activity h1 { padding: 25px 0 22px; letter-spacing: -0.01em; } .program-banner-bar.friendly-town-activity .triangle-bg { background: #068ec0; margin-left: -160px; width: calc(50% + 160px); } .program-banner-bar.friendly-town-activity .triangle-bg:before { width: 88px; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 600 530' preserveAspectRatio='none'%3E%3Cpolygon points='0,0 900,800 0,530' style='fill:%2311ace3;' /%3E%3C/svg%3E");} .program-banner-bar.friendly-town-activity .right { padding: 40px 20px 25px 0; width: 53.4%; } .program-banner-bar.friendly-town-activity p { padding-bottom: 19px; font-size: 14px; line-height: 18px; } .program-banner-bar.friendly-town-story { margin: 0; background: #11ace3; } .program-banner-bar.friendly-town-story h1 { padding: 32px 0 22px; letter-spacing: 0em; } .program-banner-bar.friendly-town-story .triangle-bg { background: #068ec0; margin-left: -113px; width: calc(50% + 113px); } .program-banner-bar.friendly-town-story .triangle-bg:before { width: 68px; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 600 530' preserveAspectRatio='none'%3E%3Cpolygon points='0,0 900,800 0,530' style='fill:%2311ace3;' /%3E%3C/svg%3E");} .program-banner-bar.friendly-town-story .right { padding: 36px 100px 23px 0; width: 50.8%; } .program-banner-bar.friendly-town-story p { padding-bottom: 19px; font-size: 15px; line-height: 19px; } .program-banner-bar.corporate-partner { background: #0092c8; } .program-banner-bar.corporate-partner .triangle-bg { background: #0186b7; margin-left: -139px; width: calc(50% + 139px); } .program-banner-bar.corporate-partner .triangle-bg:before { width: 74px; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 600 530' preserveAspectRatio='none'%3E%3Cpolygon points='0,0 900,800 0,530' style='fill:%230092c8;' /%3E%3C/svg%3E");} .program-banner-bar.corporate-partner .right { padding: 65px 0px 32px 0; width: 54.2%; } .program-banner-bar.corporate-partner h1 { padding: 39px 0 37px; letter-spacing: 0px; } .program-banner-bar.corporate-partner .is-style-outline .wp-block-button__link { letter-spacing: 0.25px; } .program-banner-bar.corporate-partner .is-style-outline .wp-block-button__link:hover { background:#fff; color:#0186B7;} .program-banner-bar.corporate-partner .is-style-outline .wp-block-button__link:hover:after {background: url(images/blue_arrow.svg) 0px 0px no-repeat; margin-top: 2px;} .program-banner-bar.our-council { background: #0092c8; } .program-banner-bar.our-council .triangle-bg { background: #0186b8; margin-left: -320px; width: 100%; } .program-banner-bar.our-council .triangle-bg:before { width: 124px; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 600 530' preserveAspectRatio='none'%3E%3Cpolygon points='0,0 900,800 0,530' style='fill:%230092c8;' /%3E%3C/svg%3E");} .program-banner-bar.our-council .right { padding: 38px 30px 23px 0; width: 64.6%; } .program-banner-bar.our-council h1 { padding: 35px 0; font-size: 70px; line-height: 76px; letter-spacing: -0.02em; } .program-banner-bar.our-council .left { width: 30%; } .program-banner-bar.our-council p { font-size: 14px; line-height: 18px; padding-bottom: 18px; } .program-banner-bar.partner-with-us { background: #73b850; } .program-banner-bar.partner-with-us h1 { font-size: 62px; line-height: 70px; padding: 25px 0 25px; letter-spacing: -0.015em; } .program-banner-bar.partner-with-us .triangle-bg { background: #6cab4c; margin-left: 98px; width: calc(50% - 98px); } .program-banner-bar.partner-with-us .triangle-bg:before { width: 75px; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 600 530' preserveAspectRatio='none'%3E%3Cpolygon points='0,0 900,800 0,530' style='fill:%2373b850;' /%3E%3C/svg%3E");} .program-banner-bar.join-our-team { background: #73b850; } .program-banner-bar.join-our-team h1 { font-size: 70px; line-height: 76px; padding: 48px 0 16px; letter-spacing: -0.015em; } .program-banner-bar.join-our-team .triangle-bg { background: #6cab4c; margin-left: -217px; width: calc(50% + 217px); } .program-banner-bar.join-our-team .triangle-bg:before { width: 102px; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 600 530' preserveAspectRatio='none'%3E%3Cpolygon points='0,0 900,800 0,530' style='fill:%2373b850;' /%3E%3C/svg%3E");} .program-banner-bar.join-our-team .right { width: 57%; padding: 50px 60px 49px 0; } .program-banner-bar.join-our-team p { padding-bottom: 19px; } .program-banner.partner-with-us { margin: 0px; height: 415px; } .program-banner.partner-with-us:after { display: none; } .program-banner-bar.waystogive { background: #73b850; } .program-banner-bar.waystogive h1 { padding: 30px 0 5px; } .program-banner-bar.waystogive .triangle-bg { margin-left: -70px; background: #6cab4c; } .program-banner-bar.waystogive .triangle-bg:before { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 600 530' preserveAspectRatio='none'%3E%3Cpolygon points='0,0 900,800 0,530' style='fill:%2373b850;' /%3E%3C/svg%3E");} .program-banner-bar.waystogive .is-style-outline .wp-block-button__link { padding: 15px 20px 14px 22px; font-size: 16px; font-weight: 700; letter-spacing: 0.04em; } .program-banner-bar.waystogive .is-style-outline .wp-block-button__link:after { margin-left: 30px; } .program-banner-bar.waystogive .left { padding-bottom: 15px; } .program-banner-bar.waystogive .right { padding: 39px 20px 16px 0; width: 46.6%; } .program-banner-bar.waystogive .right p { padding-bottom: 20px; } .program-banner-bar.waystogive { } /*waystogive-bar*/ .waystogive-bar { padding: 32px 0px 60px 0px; } .waystogive-bar .contentmid { max-width: 845px; margin: 0 auto; } .waystogive-bar .content { padding: 25px 15px 9px 40px; border-bottom: #dedede solid 2px; } .waystogive-bar h3 { text-transform: none; padding-bottom: 0px; font-size: 18px; letter-spacing: -0.02em; } .waystogive-bar p { padding-bottom: 20px; font-size: 18px; line-height: 22px; color: #4a4a4a; } .waystogive-bar a { color: #4a4a4a; text-decoration: underline; } .waystogive-bar a:hover { text-decoration: underline; } .waystogive-bar .content:last-child { border: 0px; } .waystogive-bar a[href^=tel] { text-decoration: none; } .join-our-team { padding: 0px; position: relative; } .join-our-team .top-row { margin-top: -98px; } .join-our-team .opening_not {display: block;width: 100%;clear: both;} .join-our-team .opening_not h5{text-align: center !important;font-size: 20px !important;margin-bottom: 50px !important;margin-top: 50px !important; text-transform: inherit;} .join-our-team .top-row .inner { padding: 44px 50px 0; background: #fff; } .join-our-team .top-row h2 { float: left; } .join-our-team .top-row .wrapper { max-width: 1314px; } .join-our-team h2 { padding: 15px 0; font-size: 26px; line-height: 32px; color: #73B850; font-weight: 800; letter-spacing: 0.04em; } .join-our-team .category-filter { margin: 0 12px 0 0; width: 358px; position: relative; float: right; } .join-our-team .category-filter .categoryToggle { padding: 5px 25px; display: block; background: #efefef; height: 62px; display: flex; align-items: center; font-size: 16px; line-height: 20px; color: #4a4a4a; text-decoration: none; font-weight: 400; position: relative; } .join-our-team .category-filter .categoryToggle span { width: 56px; height: 100%; position: absolute; top: 0px; right: 0px; display: block; display: flex; align-items: center; } .join-our-team .category-filter .categoryToggle span:before { content: ""; width: 0; height: 0; border-style: solid; border-width: 13px 8px 0 8px; border-color: #73b850 transparent transparent transparent; margin: 0 auto; } .join-our-team .category-filter ul { padding: 0px 0px 30px; margin: 0px; list-style-type: none; position: absolute; top: 100%; left: 0px; width: 100%; background: #efefef; display: none; z-index: 999; } .join-our-team .category-filter.show ul { display: block; } .join-our-team .category-filter ul li { font-size: 16px; line-height: 24px; color: #4a4a4a; font-weight: 400; } .join-our-team .category-filter ul li a { padding: 0px 25px 5px; display: block; color: #4a4a4a; text-decoration: none; } .join-our-team .category-filter ul li a:hover, .join-our-team .category-filter ul li a.active { color: #73B850; } .join-our-team h3 { font-size: 22px; line-height: 28px; color: #73B850; font-weight: 800; } .join-our-team .repeat-category { padding: 59px 0 62px; } .join-our-team .head { padding: 14px 0 9px; cursor: pointer; font-size: 22px; line-height: 26px; color: #9D9D9D; font-weight: 600; position: relative; } .join-our-team .head svg { position: absolute; left: -37px; top: 14px; opacity: 0.70; width: 23px; transition: all 0.3s; -webkit-transition: all 0.3s; -ms-transition: all 0.3s; } .join-our-team .head:hover { color:#73B850;} .join-our-team .head.active svg { transform: rotate(90deg); -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); } .join-our-team .head.active svg g { fill: #73B850; stroke: #73B850; } .join-our-team .head:hover svg g { fill: #73B850; stroke: #73B850; } .join-our-team .head.active { color: #73B850; } .join-our-team .repeat { position: relative; padding: 0 0 18px 35px; margin: 0 0 8px; border-bottom: 3px solid #c8c8c8; } .join-our-team .repeat .content { padding-bottom: 19px; display: none; max-width: 840px; } .join-our-team .repeat p { color: #4a4a4a; font-size: 16px; line-height: 21px; padding-bottom: 18px; } .join-our-team .repeat .read-more { font-size: 14px; line-height: 21px; color: #73B850; font-weight: 700; text-transform: uppercase; text-decoration: none; letter-spacing: 0.04em; } .join-our-team .repeat .read-more:hover { color:#67A349; } .join-our-team .repeat .read-more svg { display: inline-block; vertical-align: top; margin: 4px 0 0 2px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .join-our-team .repeat .read-more:hover svg { margin-left: 5px; } .join-our-team .repeat .read-more:hover svg g {fill: #67A349; stroke: #67A349;} .join-our-team .repeat-category-wrap { margin: -11px 0 0; } .join-our-team .repeat-category-wrap .repeat-category:nth-of-type(2n) { padding: 59px 0 81px; background: #f3f3f3; } .program-banner-bar.privacy, .program-banner-bar.default { margin: 0; } .program-banner-bar.privacy h1, .program-banner-bar.default h1 { padding: 35px 0 34px; } .program-banner-bar.privacy .right, .program-banner-bar.default .right { width: 56.8%; padding: 37px 0 38px; } .program-banner-bar.privacy .triangle-bg, .program-banner-bar.default .triangle-bg { margin-left: -205px; width: calc(50% + 205px); } .page-girl-scout-weekends .program-banner-bar.default .triangle-bg { margin-left: -105px; width: calc(50% + 105px); } .program-banner-bar.privacy .triangle-bg:before, .program-banner-bar.default .triangle-bg:before { width: 68px; } .program-banner-bar.default { background: #0092C8; } .program-banner-bar.default .triangle-bg { background: #0182B1; } .program-banner-bar.default .triangle-bg:before { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 600 530' preserveAspectRatio='none'%3E%3Cpolygon points='0,0 900,800 0,530' style='fill:%230092C8;' /%3E%3C/svg%3E");} .program-banner-bar.faq { background: #0092c8; position: relative; } .program-banner-bar.faq .triangle-bg { background: #0189bc; margin-left: -104px; } .program-banner-bar.faq .triangle-bg:before { width: 78px; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 600 530' preserveAspectRatio='none'%3E%3Cpolygon points='0,0 900,800 0,530' style='fill:%230092c8;' /%3E%3C/svg%3E"); } .program-banner-bar.faq h1 { padding: 33px 0 26px; font-size: 60px; line-height: 70px; letter-spacing: -0.005em; } .program-banner-bar.life-time h1 { letter-spacing: -0.007em; } .program-banner-bar.life-time .triangle-bg { margin-left: -205px; width: calc(50% + 205px); } .program-banner-bar.life-time .triangle-bg:before { width: 84px; } .program-banner-bar.life-time .right { width: 54.8%; padding: 47px 80px 30px 0px; } .program-banner-bar.life-time p { padding-bottom: 19px; } .program-banner-bar.sharpe { background: #73b850; } .program-banner-bar.sharpe .triangle-bg { background: #6baa4b; margin-left: -140px; width: calc(50% + 140px); } .program-banner-bar.sharpe .triangle-bg:before { width: 85px; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 600 530' preserveAspectRatio='none'%3E%3Cpolygon points='0,0 900,800 0,530' style='fill:%2373b850;' /%3E%3C/svg%3E"); } .program-banner-bar.sharpe h1 { padding: 45px 0; letter-spacing: 0px; margin-left: -10px; letter-spacing: -0.01em; } .program-banner-bar.sharpe .right { padding: 40px 40px 33px 0; width: 51.2%; } .program-banner-bar.sharpe p { padding-bottom: 18px; } .program-banner.sharpe { margin: 0px; height: 415px; } .program-banner.sharpe:after { display: none; } .program-banner-bar.single { background: #73b850; } .program-banner-bar.single .triangle-bg { background: #67a349; margin-left: 38px; width: calc(50% + 235px); } .program-banner-bar.single .triangle-bg:before { width: 58px; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 600 530' preserveAspectRatio='none'%3E%3Cpolygon points='0,0 900,800 0,530' style='fill:%2373b850;' /%3E%3C/svg%3E"); } .program-banner-bar.single h1 { font-size: 60px; line-height: 66px; padding: 25px 0 25px; } .program-banner-bar.host-family { background: #0092C8; } .program-banner-bar.host-family .triangle-bg { background: #0186b7; margin-left: -235px; width: calc(50% + 235px); } .program-banner-bar.host-family .triangle-bg:before { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 600 530' preserveAspectRatio='none'%3E%3Cpolygon points='0,0 900,800 0,530' style='fill:%230092C8;' /%3E%3C/svg%3E"); } .program-banner-bar.host-family .right { width: 58.4%; padding: 35px 80px 35px 0; } .program-banner-bar.host-family .left { width: 40%; } .program-banner-bar.host-family p { padding-bottom: 19px; } .sharp-content-bar { padding: 51px 0 56px; } .sharp-content-bar h2 { padding: 0 0 13px; font-size: 60px; line-height: 66px; color: #73B850; font-weight: normal; font-family: var(--display); letter-spacing: 0px; } .sharp-content-bar .left { padding: 1px 0; } .sharp-content-bar .left:not(.full-width) { max-width: 53%; float: left; } .sharp-content-bar p { font-weight: 400; color: #4a4a4a; } .sharp-content-bar .links-section { width: 41%; float: right; } .sharp-content-bar .links-section .links-repeat a { min-height: 91px; padding: 29px 100px 29px 40px; background: #11ace3; } .sharp-content-bar .links-section .links-repeat a:hover { background:#0092C8;} .sharp-content-bar .links-section .links-repeat:nth-of-type(2) a { background: #73b850; } .sharp-content-bar .links-section .links-repeat:nth-of-type(2) a:hover { background:#67A349;} .sharp-content-bar .links-section .links-repeat { width: 100%; padding-bottom: 23px; } .sign-up-to-visit-middle-content { padding: 52px 0 79px; } .sign-up-to-visit-middle-content h2 { padding: 0 0 13px; font-size: 60px; line-height: 66px; color: #4A398E; font-weight: normal; font-family: var(--display); letter-spacing: 0px; } .sign-up-to-visit-middle-content .left { padding: 0; } .sign-up-to-visit-middle-content .left:not(.full-width) { max-width: 54%; float: left; } .sign-up-to-visit-middle-content p { font-weight: 300; color: #4a4a4a; } .page-template-sign-up-to-visit .sign-up-to-visit-middle-content p, .page-template-volunteer-host-family .sign-up-to-visit-middle-content p { font-weight: 400; } .sign-up-to-visit-middle-content .links-section { padding: 2px 0 0; width: 37%; float: right; } .sign-up-to-visit-middle-content .links-section .links-repeat a { min-height: 91px; padding: 20px 100px 20px 40px; background: #73B850; } .sign-up-to-visit-middle-content .links-section .links-repeat a:hover { background: #67A349;} .sign-up-to-visit-middle-content .links-section .links-repeat:nth-of-type(2) a { background: #11ACE3; } .sign-up-to-visit-middle-content .links-section .links-repeat:nth-of-type(2) a:hover { background: #0092C8;} .sign-up-to-visit-middle-content .links-section .links-repeat:nth-of-type(3) a { background: #5C4AA7; } .sign-up-to-visit-middle-content .links-section .links-repeat:nth-of-type(3) a:hover {background:#4A398E;} .sign-up-to-visit-middle-content .links-section .links-repeat { width: 100%; padding-bottom: 19px; } .sign-up-to-visit-middle-content .btn-text { margin: 8px 0 0; display: table; font-size: 15px; line-height: 18px; font-weight: 800; color: #5C4AA7; text-transform: uppercase; letter-spacing: 0.04em; text-decoration: none; } .sign-up-to-visit-middle-content .btn-text:after { content: ""; margin: 2px 0 0 7px; width: 19px; height: 14px; display: inline-block; vertical-align: top; background: url(images/btn-arrow3.svg) 0px 0px no-repeat; background-size: 18px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .sign-up-to-visit-middle-content .btn-text:hover { color:#4A398E;} .sign-up-to-visit-middle-content .btn-text:hover:after {background: url(images/purple_dark_hover.svg) 0px 0px no-repeat; background-size: 18px; margin-left: 10px; } .sign-up-to-visit-middle-content.sign-up-camp { padding: 52px 0 59px; } .sign-up-to-visit-middle-content.sign-up-camp h2 { color: #7BC258; } .sign-up-to-visit-middle-content.sign-up-camp .links-section { padding: 7px 0 0; width: 37.4%; } .sign-up-to-visit-middle-content.sign-up-camp .links-section .links-repeat { padding-bottom: 17px; } .sign-up-to-visit-middle-content.sign-up-camp .btn-text { margin: 7px 0 0; color: #7BC258; } .sign-up-to-visit-middle-content.sign-up-camp .btn-text:hover {color:#67A349; } .sign-up-to-visit-middle-content.sign-up-camp .btn-text:after { background-image: url(images/btn-arrow2.svg); background-size: 18px; } .sign-up-to-visit-middle-content.sign-up-camp .btn-text:hover:after {background-image: url(images/green_hover_arrow.svg); margin-top: 3px; background-size: 18px;} .sign-up-to-visit-middle-content.host-family { padding: 54px 0 76px; } .sign-up-to-visit-middle-content.host-family .links-section { width: 37.5%; } .sign-up-to-visit-middle-content.host-family .links-section .links-repeat a { min-height: 91px; padding: 20px 100px 20px 40px; background: #11ACE3; } .sign-up-to-visit-middle-content.host-family .links-section .links-repeat a:hover { background:#0092C8;} .sign-up-to-visit-middle-content.host-family .links-section .links-repeat:nth-of-type(2) a { background: #73B850; } .sign-up-to-visit-middle-content.host-family .links-section .links-repeat:nth-of-type(2) a:hover { background:#67A349;} .sign-up-to-visit-middle-content.host-family .links-section .links-repeat:nth-of-type(3) a { background: #11ACE3; } .sign-up-to-visit-middle-content.host-family .links-section .links-repeat { padding-bottom: 24px; } .sign-up-to-visit-middle-content.host-family .btn-text { margin: 3px 0 0; color: #11ACE3; } .sign-up-to-visit-middle-content.host-family .btn-text:hover { color:#0092C8;} .sign-up-to-visit-middle-content.host-family .btn-text:after { background-image: url(images/btn-arrow1.svg); background-size: 18.5px; } .sign-up-to-visit-middle-content.host-family .btn-text:hover:after {background-image: url(images/blue_arrow_1.svg);} .faq-bar { padding: 68px 0px 97px; background: #EFEFEF; } .faq-bar h2 { padding-bottom: 55px; font-size: 26px; line-height: 32px; color: #73B850; text-transform: uppercase; text-align: center; letter-spacing: 1px; } .faq-bar .left_sidebar { min-width: 418px; padding: 3px 15px 58px 65px; } .faq-bar .left_sidebar ul { padding: 0px; list-style-type: none; margin: 0px; } .faq-bar .left_sidebar li { font-size: 16px; line-height: 20px; padding-bottom: 16px; font-weight: 700; letter-spacing: 0px; } .faq-bar .left_sidebar li:last-child { padding-bottom:0; } .faq-bar .left_sidebar li a { color: #9B9B9B; text-decoration:none; display: block; } .faq-bar .left_sidebar li a span { display: inline-block; vertical-align: middle; max-width: calc(100% - 30px); } .faq-bar .left_sidebar li a svg { transition:all 0.3s; -webkit-transition:all 0.3s; -ms-transition:all 0.3s; opacity:0; display: inline-block; vertical-align: middle; margin: 0 0px 0 5px; } .faq-bar.corporate { padding: 68px 0px 60px; background: #fff; } .faq-bar.corporate .left_sidebar { padding: 5px 15px 10px 0px; min-width: 329px; max-width: 329px; } .faq-bar.corporate .left_sidebar li { padding-bottom: 18px; } .faq-bar.corporate .right_sidebar { padding: 0px 0 0 51px; margin: 4px 0 0px; } .faq-bar.corporate .right_sidebar h3 { padding-bottom: 14px; } .faq-bar.corporate .image { float: right; margin: 0 10px 40px 40px; } .faq-bar.corporate .image img { border-radius: 100%; -webkit-border-radius: 100%; -ms-border-radius: 100%; -moz-border-radius: 100%; -o-border-radius: 100%; } .faq-bar.faq { background: #fff; padding: 60px 0px 112px; } .faq-bar.faq h2 { color: #11ACE3; letter-spacing: 0.02em; padding-bottom: 60px; } .faq-bar.faq .left_sidebar { min-width: 408px; max-width: 408px; padding: 3px 25px 0px 55px; } .faq-bar.faq .left_sidebar li a:hover, .faq-bar.faq .left_sidebar li a.active { color: #11ACE3; } .faq-bar.faq .left_sidebar li { padding-bottom: 18px; } .faq-bar.faq .right_sidebar h3 { color: #11ACE3; padding-bottom: 18px; } .faq-bar.sign-up-camp { padding: 74px 0px 70px; } .faq-bar.sign-up-camp h2 { color: #0092C8; } .faq-bar.sign-up-camp .left_sidebar { min-width: 350px; padding: 7px 28px 0px 48px; } .page-template-sign-up-for-camp .faq-bar.sign-up-camp .left_sidebar { padding-right: 50px; width: 405px; } .faq-bar.sign-up-camp .left_sidebar li a:hover, .faq-bar.sign-up-camp .left_sidebar li a.active { color: #11ACE3; } .faq-bar.sign-up-camp .right_sidebar h3 { color: #11ACE3; } .faq-bar .left_sidebar li a:hover svg, .faq-bar .left_sidebar li a.active svg { opacity:1; } .faq-bar .left_sidebar li a:hover, .faq-bar .left_sidebar li a.active { color: #73B850; } .faq-bar .left_sidebar ul:hover li a.active { color: #9B9B9B; } .faq-bar .left_sidebar ul:hover li a:hover { color: #11ACE3; } .faq-bar .left_sidebar ul:hover li a.active svg { opacity: 0; } .faq-bar .left_sidebar ul:hover li a:hover svg { opacity: 1; } .faq-bar .right_sidebar { overflow: hidden; margin: 8px 0 0; padding: 0px 0 0 40px; border-left: 1px solid #c4c4c4; } .page-template-sign-up-for-camp .faq-bar.sign-up-camp .right_sidebar { max-width: calc(100% - 405px); } .faq-bar .right_sidebar h3 { text-transform: none; font-weight:600; font-size: 22px; line-height: 27px; color: #73B850; padding-bottom: 16px; } .faq-bar .right_sidebar p { font-weight: 400; color: #4A4A4A; } .faq-bar .right_sidebar .textbox { padding: 7px 40px 0 0; width: calc(100% - 295px); float: left;} .faq-bar .right_sidebar a.more { font-weight:800; color: #11ace3; text-decoration:none; } .faq-bar .right_sidebar a.more svg { width: 17px; display: inline-block; vertical-align: middle; margin: 0 0 0 5px;} .faq-bar .right_sidebar a.more:hover { text-decoration:underline; } .faq-bar .job-content { display: none; } .faq-bar .faq-wrap { display: flex; } /* .common-bar.privacy-page, .common-bar.default-page { padding: 63px 0 70px; } */ .common-bar.privacy-page .wrapper, .common-bar.default-page .wrapper { max-width: 820px; } .common-bar.privacy-page h4, .common-bar.default-page h4 { font-size: 15px; line-height: 19px; color: #F4862D; font-weight: 800; text-transform: none; padding-bottom: 19px; } .common-bar.privacy-page p, .common-bar.default-page p { font-size: 15px; line-height: 19px; color: #4A4A4A; padding-bottom: 20px; } .common-bar.privacy-page p strong, .common-bar.default-page p strong { font-weight: 800; } .common-bar.privacy-page p a { color: #F4862D; } .common-bar.privacy-page p a[href^="mailto:"] { text-decoration: underline !important;} .common-bar.default-page p a { color: #0092C8; } .common-bar.default-page h4 { color: #0092C8; } .page-find-an-agency .common-bar.privacy-page, .page-find-an-agency .common-bar.default-page { padding: 0; background: #f3f3f3; } .page-find-an-agency .common-bar.privacy-page .wrapper, .page-find-an-agency .common-bar.default-page .wrapper { padding: 0px; max-width: 100%; } .images-section { max-width: 100%; margin: 0 auto; overflow: hidden; } .images-section .repeat { float: left; position: relative; height: 463px; overflow: hidden; } .images-section .repeat:nth-of-type(1) { width: 34.9%; } .images-section .repeat:nth-of-type(2) { width: 34.6%; position: relative; transform: skewX(-11deg); -webkit-transform: skewX(-11deg); -moz-transform: skewX(-11deg); -ms-transform: skewX(-11deg); -o-transform: skewX(-11deg); transform-origin: 0px 0px; z-index: 2; backface-visibility: hidden; } .images-section .repeat:nth-of-type(2) .image { background-position: top right; } .images-section .repeat:nth-of-type(3) { width: calc(30.5% + 120px); margin-left: -100px; margin-right: -20px; } .images-section .repeat:nth-of-type(2) .image, .fellow-bar .row .repeat:nth-of-type(2) .text { transform: skewX(8.5deg); -webkit-transform: skewX(8.5deg); -moz-transform: skewX(8.5deg); -ms-transform: skewX(8.5deg); -o-transform: skewX(8.5deg); margin: 0 -44px; width: calc(100% + 88px); perspective:1000px; } .images-section .image { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; background-size: cover; background-repeat: no-repeat; background-position: top center; } .images-section.our-council .repeat { height: 414px; } .sub-page-list-bar { padding: 56px 0; } .sub-page-list-bar h2 { padding: 0 0 65px; text-align: center; font-size: 26px; line-height: 32px; color: #73B850; letter-spacing: 1px; } .sub-page-list-bar .sub-page-list-wrap { margin: 0 -17px; overflow: hidden; } .sub-page-list-bar .sub-page-list-wrap .repeat { width: 33.33333%; float: left; padding: 0 17px 62px; } .sub-page-list-bar .sub-page-list-wrap .repeat:nth-of-type(3n+1) { clear: both; } .sub-page-list-bar .image { width: 100%; margin: 0 0 25px; } .sub-page-list-bar .image img { width: 100%; } .sub-page-list-bar h3 { padding: 0 0 12px; font-size: 18px; line-height: 22px; font-weight: 800; color: #73B850; text-transform: none; } .sub-page-list-bar h3 a{ color: #73B850; text-decoration: none; } .sub-page-list-bar h3 a:hover, .sub-page-list-bar .sub-page-list-wrap .repeat:hover h3 a { color:#67A349; } .sub-page-list-bar p { font-weight: 400; padding-bottom: 19px; } .sub-page-list-bar .text-btn { display: table; font-size: 15px; line-height: 18px; font-weight: 800; color: #73B850; text-transform: uppercase; letter-spacing: 0.04em; text-decoration: none; } .sub-page-list-bar .text-btn:after { content: ""; margin: 3px 0 0 7px; width: 19px; height: 14px; display: inline-block; vertical-align: top; background: url(images/btn-arrow2.svg) 0px 0px no-repeat; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .sub-page-list-bar .text-btn:hover, .sub-page-list-bar .sub-page-list-wrap .repeat:hover .text-btn { color:#67A349;} .sub-page-list-bar .text-btn:hover:after, .sub-page-list-bar .sub-page-list-wrap .repeat:hover .text-btn:after { background: url(images/btn-arrow2-hover.svg) 0px 0px no-repeat; margin-left: 10px; } .sub-page-list-bar.family-resource { background: #f3f3f3; padding: 78px 0 57px; position: relative; } .sub-page-list-bar.family-resource:before { content: ""; position: absolute; bottom: 0px; right: 0px; width: 0; height: 0; border-style: solid; border-width: 0 0 474px 680px; border-color: transparent transparent #ececea transparent; } .sub-page-list-bar.family-resource .sub-page-list-wrap .repeat { padding-bottom: 53px; } .common-bar { padding: 25px 0 0 0; } .content_bar.common-bar .wrapper { position: static; } .common-bar .single-inner { max-width: 770px; margin: 0 auto; } .common-bar .single-inner .top-row { padding: 0 0 15px; font-size: 14px; line-height: 17px; font-weight: 700; color: #9B9B9B; } .common-bar .single-inner .top-row .date_mete { display: inline-block; vertical-align: top; padding-right: 15px; } .common-bar .single-inner .top-row .category-row span:after { content: ","; } .common-bar .single-inner .top-row .category-row span:nth-last-of-type(1):after { display: none; } .common-bar h2 { padding-bottom: 28px; font-size: 22px; line-height: 27px; text-transform: none; color: #0092C8; font-weight: 800; } .common-bar .featured-image { padding: 0 0 35px; } .common-bar .featured-image img { width: 100%; } .common-bar p { font-weight: 400; } .common-bar.single-post p { color: #4A4A4A; } .program-banner-bar.about { background: #0698ce; } .program-banner-bar.about .triangle-bg { background: #0182b1; margin-left: -125px; width: calc(50% + 125px); } .program-banner-bar.about .triangle-bg:before { width: 136px; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 600 530' preserveAspectRatio='none'%3E%3Cpolygon points='0,0 900,800 0,530' style='fill:%230698ce;' /%3E%3C/svg%3E"); } .program-banner-bar.about .right { width: 46%; padding: 63px 0px 72px 0; } .program-banner-bar.about .left { padding: 45px 0 0; width: 38.5%; } .program-banner-bar.about p { padding-bottom: 19px; } .program-banner-bar.about h1 { padding: 0 0 11px; margin: 0 0 28px; letter-spacing: 0.01em; background: url(images/line2.svg) bottom left no-repeat; background-size: contain; } .program-banner-bar.about h4 { font-size: 18px; line-height: 22px; text-transform: none; font-weight: 800; color: #fff; padding: 0 0 9px; } .program-banner-bar.parent { background: #73b850; } .program-banner-bar.parent .triangle-bg { background: #6baa4b; margin-left: -180px; width: calc(50% + 180px); } .program-banner-bar.parent .triangle-bg:before { width: 88px; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 600 530' preserveAspectRatio='none'%3E%3Cpolygon points='0,0 900,800 0,530' style='fill:%2373b850;' /%3E%3C/svg%3E"); } .program-banner-bar.parent .right { width: 53.2%; padding: 40px 0px 23px 0; } .program-banner-bar.parent .left { width: 40%; } .program-banner-bar.parent p { padding-bottom: 19px; } .program-banner-bar.parent h1 { letter-spacing: -0.01em; } .child-page-list-section { padding: 20px 0 41px; margin: 0px; } .child-page-list-section .page-list-wrap { margin: 0 -17px; } .child-page-list-section .page-list-wrap:after { content: ""; clear: both; overflow: hidden; height: 0px; width: 100%; } .child-page-list-section .page-list-repeat { padding: 0 17px 35px; width: 50%; float: left; } .child-page-list-section .page-list-wrap .inner { padding-bottom: 110px; position: relative; } .child-page-list-section .page-list-repeat .image { width: 100%; height: 391px; background-size: cover; background-repeat: no-repeat; background-position: top center; } .child-page-list-section .page-list-repeat .bottom { position: absolute; bottom: 0px; left: 0px; width: 100%; min-height: 110px; cursor: pointer; } .child-page-list-section .page-list-repeat .head { padding: 10px 30px; height: 110px; display: flex; align-items: center; justify-content: center; position: absolute; bottom: 0px; left: 0px; width: 100%; background: #73b850; text-align: center; } .child-page-list-section .page-list-repeat .head h2 { padding: 0px; } .child-page-list-section .page-list-repeat h2 { padding-bottom: 15px; font-size: 22px; line-height: 27px; color: #fff; font-weight: 800; letter-spacing: 0.02em; } .child-page-list-section .page-list-repeat .toggle-arrow { width: 49px; height: 49px; position: absolute; top: -28px; left: 50%; margin-left: -24px; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; background: #85ce60 url(images/arrow-up.svg) center center no-repeat; font-size: 0px; line-height: 0px; z-index: 3; } .child-page-list-section .page-list-repeat .toggle-arrow.active { transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); } .child-page-list-section .page-list-repeat .text { text-align: center; position: relative; z-index: 2; max-height: 0px; overflow: hidden; opacity: 0; transition: all 350ms; -webkit-transition: all 350ms; -moz-transition: all 350ms; -o-transition: all 350ms; -ms-transition: all 350ms; } .child-page-list-section .page-list-repeat .text .text-inner { padding: 55px 35px 32px; background: #73b850; } .child-page-list-section .page-list-repeat .text.show { opacity: 1; } .child-page-list-section .page-list-repeat:hover .text { max-height: inherit; opacity: 1; } .child-page-list-section .page-list-repeat:hover .toggle-arrow{ transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); } .child-page-list-section .page-list-repeat p { font-size: 16px; line-height: 21px; color: #fff; font-weight: 500; } .child-page-list-section .link-btn { margin: 5px 0 0; padding: 0 38px 0 0; font-size: 16px; line-height: 20px; color: #fff; font-weight: 800; text-transform: uppercase; text-decoration: none; display: inline-block; vertical-align: top; letter-spacing: 0.05em; background: url(images/read-more-arrow.svg) 100% 0px no-repeat; } .child-page-list-section .link-btn:hover, .child-page-list-section .page-list-repeat .text:hover .link-btn { margin-left: 3px; padding: 0 41px 0 0; } .faq-section { padding: 64px 0 92px; background: #efefef; } .faq-section h2 { font-size: 26px; line-height: 32px; color: #11ACE3; font-weight: 800; text-transform: uppercase; text-align: center; } .faq-section .head { padding: 25px 0 27px 40px; font-size: 22px; line-height: 27px; color: #9D9D9D; font-weight: 700; cursor: pointer; position: relative; } .faq-section .head svg { position: absolute; top: 0px; left: 0px; width: 23px; height: 100%; transition: all 350ms; -webkit-transition: all 350ms; -moz-transition: all 350ms; -ms-transition: all 350ms; -o-transition: all 350ms; } .faq-section .head.active svg { transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); } .faq-section .head.active svg g { fill: #11ACE3; stroke: #11ACE3; } .faq-section .head.active, .faq-section .head:hover { color: #11ACE3; } .faq-section .head:hover g {fill: #11ACE3; stroke: #11ACE3; } .faq-section .text { margin: -8px 0 0; padding: 0 0 20px 42px; max-width: 850px; } .faq-section p { font-size: 16px; line-height: 21px; color: #606060; font-weight: 400; padding-bottom: 27px; } .faq-section p a { color: #11ACE3; text-decoration: none; } .faq-section .content { display: none; } .faq-section .faqs-wrap { padding: 10px 10px 0; } .faq-section .faqs-repeat { border-bottom: 3px solid #c8c8c8; } .faq-section h4 { padding: 0 0 16px; font-size: 14px; line-height: 17px; color: #11ACE3; } .faq-section h4 a { text-decoration: none; color: #11ACE3; } .faq-section h4 a:after { content: ""; margin: 1px 0 0 9px; width: 26px; height: 19px; display: inline-block; vertical-align: top; background: url(images/read-more-arrow1.svg) 0px 0px no-repeat; background-size: 18px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .faq-section h4 a:hover { color:#0092C8;} .faq-section h4 a:hover:after {background: url(images/blue_arrow_1.svg) 0px 0px no-repeat; background-size: 18px; margin-left: 12px; } .about-middle-bar { padding: 62px 0px 0px 45px; text-align: center; background-size: cover; background-repeat: no-repeat; background-position: top center; position: relative; } .page-template-about-us .about-middle-bar { background-position: center; } .about-middle-bar:before { content: ""; position: absolute; height: 260px; top: 0px; left: 0px; width: 100%; display: block; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.47+0,0+100 */ background: -moz-linear-gradient(top, rgba(0,0,0,0.47) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(0,0,0,0.47) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(0,0,0,0.47) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#78000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */ } .about-middle-bar h4 { padding-bottom: 16px; font-size: 18px; line-height: 23px; color: #fff; font-weight: 800; letter-spacing: 0.08em; } .about-middle-bar h2 { font-weight: normal; font-family: var(--display); font-size: 66px; line-height: 70px; color: #fff; letter-spacing: 0.02em; padding: 0 0 0 20px; } .about-middle-bar .counting { padding: 65px 60px 35px; margin: -13px auto 0; position: relative; bottom: -85px; width: 395px; height: 395px; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; background: #73b850; display: flex; align-items: center; flex-flow: column; justify-content: center; } .about-middle-bar .counting h2 { padding: 0 0px 12px 0; font-size: 92px; line-height: 92px; letter-spacing: 0.04em; } .about-middle-bar .counting h2 strong { padding: 0 60px 0 0; margin-bottom: -3px; font-size: 136px; line-height: 136px; font-weight: normal; display: block; background: url(images/about-arrow-up.svg) 98% 40% no-repeat; } .about-middle-bar .counting h4 { font-size: 20px; line-height: 25px; letter-spacing: 1px; } body.page-template-host-family #content-part { background: #f3f3f3; } .links-section { padding: 0px; } .links-section .links-wrap { margin: 0 -21px; } .links-section .links-repeat { width: 50%; padding: 0 21px 42px; float: left; } .links-section .links-repeat a { padding: 7px 220px 7px 50px; display: block; min-height: 106px; display: flex; align-items: center; color: #fff; text-decoration: none; font-size: 18px; line-height: 24px; text-transform: uppercase; font-weight: 800; background: #73b850; position: relative; letter-spacing: 1px; } .links-section .links-repeat a:hover { background:#67A349;} .links-section .links-repeat a svg { position: absolute; right: 40px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); } .links-section .links-repeat:nth-of-type(2) a { background: #11ace3; } .links-section .links-repeat:nth-of-type(2) a:hover { background:#0092C8;} .program-banner.host-family { height: 375px; margin-bottom: -56px; } .program-banner.host-family:after { height: 220px; } .program-banner.parent { margin-bottom: -55px; height: 370px; } .program-banner.parent:after { height: 60%; } .program-banner { margin: 0 0 -134px; position: relative; width: 100%; height: 377px; background-size: cover; background-position: center; background-repeat: no-repeat; } .program-banner:after { content: ""; position: absolute; bottom: 0px; left: 0px; width: 100%; height: 100px; display: block; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+43,0.67+100 */ background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 43%, rgba(0,0,0,0.67) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 43%,rgba(0,0,0,0.67) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 43%,rgba(0,0,0,0.67) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#ab000000',GradientType=0 ); /* IE6-9 */ } .program-banner.enrichment { height: 415px; margin: 0 0 -128px; } .program-banner.friendly-town-activity { height: 397px; margin: 0 0 -50px; } .program-banner.friendly-town-story { height: 405px; margin: 0 0 -46px; } .program-banner.friendly-town-story:after { height: 240px; } body.page-template-friendly-town #content-part { background: #ddf6ff; } .program-banner.camp-child { height: 414px; margin: -1px 0 0; } .program-banner.camp-child:after { display: none; } .program-banner.life-time { margin-bottom: -53px; height: 376px; } .program-banner.life-time:after { height: 60%; } .title-bar { overflow: hidden; background: #73b850; position: relative; } .title-bar h1 { font-size: 30px; line-height: 37px; color: #fff; font-weight: 800; letter-spacing: 0px; padding: 0px; letter-spacing:1px; } .title-bar .left { } .title-bar .right { margin-left: auto!important; } .title-bar .triangle-bg { position: absolute; top: 0px; left: 50%; margin-left: 148px; width: calc(50% + 117px); height: 100%; background: #67a349; } .title-bar .triangle-bg:before { background-repeat: no-repeat; background-size: 100% 100%; content: ''; display: block; position: absolute; width: 68px; left: 0; top: 0px; height: 100%; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 600 530' preserveAspectRatio='none'%3E%3Cpolygon points='0,0 900,800 0,530' style='fill:%2373b850;' /%3E%3C/svg%3E"); } .title-bar .back-btn { margin: 6px 0 0; position: relative; font-size: 14px; line-height: 17px; color: #fff; text-transform: none; font-weight: 600; margin-right: -10px; opacity: 0.8; text-decoration: none; display: inline-block; vertical-align: top; } .title-bar .back-btn:hover { opacity: 1; } .title-bar .back-btn:before { content: ""; margin: 1px 10px 0 0; width: 27px; height: 15px; display: inline-block; vertical-align: top; background: url(images/back-arrow-btn.svg) 0px 0px no-repeat; } .title-bar .inner { padding: 10px 0; display: flex; align-items: center; height: 123px; } .camp-content-bar { padding: 61px 0 85px; } .camp-content-bar h1 { padding-bottom: 14px; font-size: 70px; line-height: 76px; color: #73B850; font-family: var(--display); font-weight: normal; letter-spacing: -0.02em; } .camp-content-bar p { font-size: 16px; line-height: 21px; color: #4a4a4a; font-weight: 400; } .camp-content-bar .left { width: 56.6%; float: left; } .camp-content-bar .links-section { width: 37.4%; float: right; } .camp-content-bar .links-section .links-repeat { width: 100%; padding-bottom: 23px; } .camp-content-bar .links-section .links-repeat a { min-height: 91px; padding: 7px 120px 7px 32px; font-size: 21px; line-height: 26px; letter-spacing: 0.04em; } .links-section .links-repeat a svg { right: 50px; } .featured-post-bar { background: #73b850; position: relative; z-index: 10; } .featured-post-bar .wrapper { max-width: 1228px; } .featured-post-bar h1 { font-size: 50px; line-height: 56px; color: #fff; font-family: var(--display); font-weight: normal; letter-spacing: 0px; background: url(images/line3.svg) bottom left no-repeat; background-size: contain; padding: 0 0 14px; } .featured-post-bar a { padding: 38px 0 55px; text-decoration: none; display: block; position: relative; } .featured-post-bar .inner { max-width: 40%; } .featured-post-bar .top-row { padding: 29px 0 13px; } .featured-post-bar .top-row .date_mete { padding-right: 19px; font-size: 14px; line-height: 17px; color: #ffff; font-weight: 600; opacity: 0.65; display: inline-block; vertical-align: top; } .featured-post-bar .top-row .category-row { font-size: 14px; line-height: 17px; color: #fff; opacity: 0.65; font-weight: 600; display: inline-block; vertical-align: top; } .featured-post-bar .top-row .category-row strong { font-weight: 600; } .featured-post-bar .top-row .category-row span { text-transform: capitalize; } .featured-post-bar .top-row .category-row span:after { content: ","; } .featured-post-bar .top-row .category-row span:nth-last-of-type(1):after { display: none; } .featured-post-bar .title { font-size: 26px; line-height: 32px; color: #fff; display: block; font-weight: 800; letter-spacing: 0.03em; padding-bottom: 13px; } .featured-post-bar p { font-size: 15px; line-height: 19px; color: #fff; font-weight: 400; } .featured-post-bar .btn { padding: 15px 21px 14px 22px; } .featured-post-bar .btn:after { margin: 1px 0 0 15px; } .featured-post-bar .btn:hover { background: #fff; color:#73B850;} .featured-post-bar .btn:hover:after {background: url(images/arrow_green.svg) 0px 0px no-repeat;} .featured-post-bar .post-thumbnail-image { margin-left: -110px; position: absolute; left: 50%; top: 0px; width: calc(50% + 110px); height: 100%; background-position: top center; background-size: cover; background-repeat: no-repeat; } .featured-post-bar .post-thumbnail-image:before { background-repeat: no-repeat; background-size: 100% 100%; content: ''; display: block; position: absolute; width: 132px; left: 0; top: 0px; height: 100%; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 600 530' preserveAspectRatio='none'%3E%3Cpolygon points='0,0 900,800 0,530' style='fill:%2373b850;' /%3E%3C/svg%3E"); } .filter-bar { padding: 28px 0; position: relative; z-index: 10; background: #0092c8; } .filter-bar .wrapper { max-width: 1228px; } .filter-bar .category-filter { margin: 0; width: 365px; position: relative; float: left; } .blog-bar:after { content: ""; position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background: rgba(51,51,51,0.41); z-index: 9; display: none; } .blog-bar.show:after { display: block; } .filter-bar .category-filter .categoryToggle { padding: 5px 34px; display: block; background: #fff; height: 57px; display: flex; align-items: center; font-size: 16px; line-height: 20px; color: #4a4a4a; text-decoration: none; font-weight: 400; position: relative; } .filter-bar .category-filter .categoryToggle span { width: 60px; height: 100%; position: absolute; top: 0px; right: 0px; display: block; display: flex; align-items: center; } .filter-bar .category-filter .categoryToggle span:before { content: ""; width: 0; height: 0; border-style: solid; border-width: 13px 8px 0 8px; border-color: #11ace3 transparent transparent transparent; margin: 0 auto; } .filter-bar .category-filter ul { padding: 5px 0px 20px; margin: 0px; list-style-type: none; position: absolute; top: 100%; left: 0px; width: 100%; background: #fff; display: none; } .filter-bar .category-filter.show ul { display: block; } .filter-bar .category-filter ul li { font-size: 16px; line-height: 20px; color: #4a4a4a; font-weight: 400; } .filter-bar .category-filter ul li a { padding: 0px 34px 15px; display: block; color: #4a4a4a; text-decoration: none; } .filter-bar .category-filter ul li a:hover { color:#0092c8;} .filter-bar .right { padding: 0px; float: right; } .filter-bar .right h3 { display: inline-block; vertical-align: top; font-size: 18px; line-height: 22px; color: #fff; max-width: 130px; letter-spacing: 0.04em; } .filter-bar .right p { font-size: 14px; line-height: 18px; font-weight: 300; color: #fff; padding: 0px; } .filter-bar .right p strong { font-weight: 700; } .filter-bar .right .repeat { display: inline-block; vertical-align: top; padding: 0 17px 0 10px; } .blog-bar { padding: 0; } .blog-bar .wrapper { max-width: 1228px; } .blog-listing { overflow: hidden; } .blog-listing ul { padding: 0; margin: 0px -22px 34px; list-style-type: none; overflow: hidden; position: relative; } .blog-listing ul:after { content: ""; position: absolute; bottom: 0px; left: 0px; width: 100%; height: 2px; background: #fff; } .blog-listing .category-row { font-size: 14px; line-height: 17px; color: #9b9b9b; font-weight: 700; display: block; padding-bottom: 13px; } .blog-listing .category-row span { text-transform: capitalize; } .blog-listing .category-row span:after { content: ","; } .blog-listing .category-row span:nth-last-of-type(1):after { display: none; } .blog-listing a { text-decoration: none; } .blog-listing .date_mete { padding: 20px 0 8px; display: block; font-size: 13px; line-height: 16px; color: #333; font-weight: 300; } .blog-listing h4 { font-size: 18px; line-height: 22px; color: #11ACE3; padding: 0 0 12px; text-transform: none; } .blog-listing p { padding-bottom: 18px; font-size: 16px; line-height: 21px; color: #4a4a4a; } .blog-listing .read-more { display: table; font-size: 15px; line-height: 18px; font-weight: 800; color: #11ACE3; text-transform: uppercase; letter-spacing: 0.04em; } .blog-listing .read-more:after { content: ""; margin: 2px 0 0 4px; width: 19px; height: 14px; display: inline-block; vertical-align: top; background: url(images/btn-arrow1.svg) 0px 0px no-repeat; transition: 0.2s all; -webkit-transition: 0.2s all; background-size: 18px; } .blog-listing .read-more:hover, .blog-listing .post-inner:hover .read-more, .blog-listing .post-inner:hover h4{ color:#0092C8; } .blog-listing .read-more:hover:after, .blog-listing .post-inner:hover .read-more:after {background: url(images/blue_arrow_hover.svg) 0px 0px no-repeat; background-size: 18px; margin-left:7px; } .blog-listing li { width: 33.3333333%; float: left; padding: 45px 22px 20px; border-top: 2px solid #dedede; } .pre_response .blog-listing li:nth-child(1), .pre_response .blog-listing li:nth-child(2), .pre_response .blog-listing li:nth-child(3) { border: 0px; } .blog-listing li .entry { min-height: 225px; } .blog-listing .post-featured-img img { width: 100%; } .blog-listing .post-featured-img { position: relative; } .blog-listing a[data-fancybox] .post-featured-img:after { content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: url(images/play-btn.svg) center center no-repeat; } .blog-listing .post-featured-img:before { content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: rgba(0,0,0,0.10); } .current_response .blog-listing ul:after { opacity: 0; } .current_response .blog-listing li { border-bottom: 0px; border-top: 2px solid #dedede; } .current_response .blog-listing:first-child li { border: 0px; } #content-part .wp-pagenavi { padding: 45px 0 47px; width: 100%; background: #11ace3; text-align: center; } #content-part .wp-pagenavi .pages { display: none; } #content-part .wp-pagenavi a, #content-part .wp-pagenavi span { padding: 0 7px; display: inline-block; vertical-align: top; border: 0px; font-size: 22px; line-height: 27px; color: #fff; font-weight: 700; display: inline-block; vertical-align: top; opacity: 0.58; margin: 0px; } #content-part .wp-pagenavi a:hover, #content-part .wp-pagenavi span.current { opacity: 1; } #content-part .wp-pagenavi .nextpostslink { margin: 6px 4px 0 8px; font-size: 0px; line-height: 0px; width: 26px; height: 20px; display: inline-block; vertical-align: top; background: url(images/slick-next.svg) 0px 0px no-repeat; } #content-part .wp-pagenavi .previouspostslink { margin: 6px 8px 0 4px; font-size: 0px; line-height: 0px; width: 26px; height: 20px; display: inline-block; vertical-align: top; background: url(images/slick-prev.svg) 0px 0px no-repeat; } #content-part .wp-pagenavi .nextpostslink:hover, #content-part .wp-pagenavi .previouspostslink:hover { opacity: 1; } .testimonial-slider-wrap { padding: 0; margin: 39px 0 0; background: #11ace3; } .testimonial-slider-wrap p { font-size: 22px; line-height: 27px; color: #fff; font-weight: 300; position: relative; font-style: italic; } .testimonial-slider-wrap p:nth-of-type(1):before { content: ""; width: 57px; height: 44px; position: absolute; top: -29px; left: -32px; background: url(images/quote-top.png) top left no-repeat; background-size: cover; opacity: 0.3; } .testimonial-slider-wrap p:nth-last-of-type(1):after { margin: 5px 0 0 7px; content: ""; width: 33px; height: 24px; display: inline-block; vertical-align: top; background: url(images/quote-bottom.png) top left no-repeat; background-size: cover; opacity: 0.3; } .testimonial-slider-wrap .image { position: absolute; top: 0px; left: 0px; width: 420px; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: top right; } .testimonial-slider-wrap .image:before { background-repeat: no-repeat; background-size: 100% 100%; content: ''; display: block; position: absolute; width: 125px; right: 0; top: 0px; height: 100%; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 600 530' preserveAspectRatio='none'%3E%3Cpolygon points='0,0 900,800 850,0' style='fill:%2311ace3;' /%3E%3C/svg%3E"); } .testimonial-slider-wrap .inner { padding: 90px 110px 93px; } .testimonial-slider-wrap .repeat { position: relative; } .testimonial-slider-wrap .repeat-inner.has-image { padding: 0 0 0 353px; min-height: 365px; } .testimonial-slider-wrap .name { display: block; color: #fff; font-size: 14px; line-height: 21px; color: #fff; font-weight: 300; } .testimonial-slider-wrap .name strong { font-weight: 700; } .testimonial-slider-wrap .slick-slider .slick-dots { padding: 0 33px 27px 0px !important; margin: 0px !important; position: absolute; bottom: 0px; left: 0px; text-align: center; width: 100%; text-align: right; } .testimonial-slider-wrap .slick-slider .slick-dots li { padding: 0 2px !important; } .testimonial-slider-wrap .slick-slider .slick-dots li button { width: 12px; height: 12px; background: rgba(255,255,255,0.59); } .testimonial-slider-wrap .slick-slider .slick-dots li.slick-active button, .testimonial-slider-wrap .slick-slider .slick-dots li button:hover { transform: none; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; background: #fff; } .testimonial-slider-wrap .slick-arrow { margin-top: -32px; width: 64px; height: 64px; background-color: #0092C8; } .testimonial-slider-wrap .slick-arrow:hover { background-color: #0584B3; } .testimonial-slider-wrap .slick-arrow.slick-next { right: -30px; background-image: url(images/slick-next-arrow.svg); } .testimonial-slider-wrap .slick-arrow.slick-prev { left: -30px; background-image: url(images/slick-prev-arrow.svg); } .camp-content-greem-bar { background: #73b850; clear: both; overflow: hidden; position: relative; } .camp-content-greem-bar h3 { padding: 0 0 18px; color: #fff; font-size: 26px; line-height: 32px; font-weight: 800; text-transform: none; letter-spacing: 0.02em; } .camp-content-greem-bar p { font-size: 16px; line-height: 21px; color: #fff; } .camp-content-greem-bar .left { padding: 58px 0 45px; position: relative; z-index: 2; } .camp-content-greem-bar .left:not(.full-width) { max-width: 40.5%; } .camp-content-greem-bar ul li { padding: 0 20px 0 15px; font-size: 18px; line-height: 27px; color: #fff; position: relative; } .camp-content-greem-bar ul li:before { content: ""; width: 4px; height: 4px; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; background: #fff; display: block; position: absolute; top: 11px; left: 4px; } .camp-content-greem-bar ul { padding: 2px 0 42px; overflow: hidden; list-style-type: none; -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } /*.camp-content-greem-bar ul li { width: 33.3333%; float: left;} .camp-content-greem-bar ul li:nth-child(3n+1) { clear: left; }*/ .camp-content-greem-bar ul li { } .camp-content-greem-bar ul li:nth-child(3n+1) { } .camp-content-greem-bar hr { margin: 0px 0 31px; clear: both; overflow: hidden; height: 4px; background: #fff; } .camp-content-greem-bar .image { margin-left: -140px; position: absolute; width: calc(50% + 140px); height: 100%; left: 50%; top: 0px; background-size: cover; background-repeat: no-repeat; background-position: top center; } .camp-content-greem-bar .image:before { background-repeat: no-repeat; background-size: 100% 100%; content: ''; display: block; position: absolute; width: 200px; left: 0; top: 0px; height: 100%; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 600 530' preserveAspectRatio='none'%3E%3Cpolygon points='0,0 900,800 0,530' style='fill:%2373b850;' /%3E%3C/svg%3E"); } .camp-content-greem-bar.friendly-town-program { background: #11ace3; } .camp-content-greem-bar.friendly-town-program .left { padding: 78px 0 59px; margin: 0px; } .camp-content-greem-bar.friendly-town-program h3 { padding-bottom: 10px; } .camp-content-greem-bar.friendly-town-program p { font-size: 18px; line-height: 23px; padding-bottom: 23px; } .camp-content-greem-bar.friendly-town-program .image:before { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 600 530' preserveAspectRatio='none'%3E%3Cpolygon points='0,0 900,800 0,530' style='fill:%2311ace3;' /%3E%3C/svg%3E"); } .camp-content-greem-bar.friendly-town-program .btn { margin: 6px 0 0px 0px; padding: 20px 25px 17px 20px; } .camp-content-greem-bar.friendly-town-program .btn:hover { background: #fff; color:#11ACE3;} .camp-content-greem-bar.friendly-town-program .btn:hover:after { background:url(images/light_blue_arrow.svg) 0px 0px no-repeat;} .camp-slider-wrap { padding: 74px 0 49px; } .camp-slider-wrap .inner { position: relative; background-size: cover; background-repeat: no-repeat; background-position: top center; height: 441px; width: 100%; } .camp-slider-wrap .inner .text { padding: 29px 20px 28px 40px; position: absolute; bottom: 0px; left: 0px; background: #73b850; max-width: 40%; font-size: 14px; line-height: 18px; color: #fff; min-width: 295px; } .camp-slider-wrap .inner .text:after { background-repeat: no-repeat; background-size: 100% 100%; content: ''; display: block; position: absolute; width: 42px; left: 100%; top: 0px; height: 100%; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 600 530' preserveAspectRatio='none'%3E%3Cpolygon points='0,0 900,800 0,530' style='fill:%2373b850;' /%3E%3C/svg%3E"); } .camp-slider-wrap .inner .text p { padding: 0px; } .camp-slider-wrap .slick-slider .slick-dots { padding: 0 0px 15px 0px !important; margin: 0px !important; position: absolute; bottom: 0px; left: 0px; text-align: center; width: 100%; text-align: center; } .camp-slider-wrap .slick-slider .slick-dots li { padding: 0 2px !important; } .camp-slider-wrap .slick-slider .slick-dots li button { width: 12px; height: 12px; background: rgba(255,255,255,0.59); } .camp-slider-wrap .slick-slider .slick-dots li.slick-active button, .camp-slider-wrap .slick-slider .slick-dots li button:hover { transform: none; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; background: #fff; } .camp-slider-wrap .slick-arrow { margin-top: -32px; width: 64px; height: 64px; background-color: #73B850; } .camp-slider-wrap .slick-arrow:hover { background-color: #67A349; } .camp-slider-wrap .slick-arrow.slick-next { right: -30px; background-image: url(images/slick-next-arrow.svg); } .camp-slider-wrap .slick-arrow.slick-prev { left: -30px; background-image: url(images/slick-prev-arrow.svg); } .camp-leadership-content-bar { padding: 0px 0 95px; } .camp-leadership-content-bar .image { width: 35%; float: left; padding-left: 67px; } .camp-leadership-content-bar .image img { border-radius: 100%; -webkit-border-radius: 100%; width: 100%; } .camp-leadership-content-bar .right:not(.full-width) { padding-right: 100px; width: 60%; float: right; } .camp-leadership-content-bar .right { padding: 42px 0 0; } .camp-leadership-content-bar h3 { font-size: 27px; line-height: 32px; color: #73B850; text-transform: none; font-weight: 800; letter-spacing: 0.01em; } .camp-leadership-content-bar p { font-weight: 400; color: #4a4a4a; } .camp-meet-content-bar { padding: 67px 0 76px; background: #0182b1; } .camp-meet-content-bar.morespace { padding-bottom: 120px; } .camp-meet-content-bar h2 { padding-bottom: 18px; font-size: 70px; line-height: 80px; color: #fff; font-family: var(--display); font-weight: normal; letter-spacing: 0.01em; } .camp-meet-content-bar h2 strong { padding-bottom: 3px; font-family: 'Montserrat', sans-serif; font-weight: 800; display: block; font-size: 21px; line-height: 26px; letter-spacing: 1px; } .camp-meet-content-bar p { font-size: 14px; line-height: 18px; font-weight: 400; color: #fff; padding-bottom: 18px; } .camp-meet-content-bar .left { padding: 22px 16px 0; position: relative; z-index: 2; } .camp-meet-content-bar .left:not(.full-width) { max-width: 45.6%; } .camp-meet-content-bar .image { position: absolute; width: 58.8%; height: 100%; right: 0px; top: 0px; background-size: cover; background-repeat: no-repeat; background-position: top center; } .camp-meet-content-bar .image:before { background-repeat: no-repeat; background-size: 100% 100%; content: ''; display: block; position: absolute; width: 200px; left: 0; top: 0px; height: 100%; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 600 530' preserveAspectRatio='none'%3E%3Cpolygon points='0,0 900,800 0,530' style='fill:%230182b1;' /%3E%3C/svg%3E"); } .team-bar { padding: 41px 0 21px; background: #4a398e; width: 100%; } .team-bar h2 { font-size: 70px; color: #fff; line-height: 86px; font-family: var(--display); font-weight: normal; padding-left: 16px; } .team-bar p { color: #fff; font-weight: 400; } .team-bar .left { width: 35%; float: left; } .team-bar .right { width: 62%; float: right; } .team-image { width: 100%; height: 436px; background-size: cover; background-repeat: no-repeat; background-position: top center; } .team-image.mobile { display: none; } .bottom-logo-bar { position: absolute; bottom: 0px; left: 0px; width: auto; width: 100%; } .bottom-logo-bar.no-image { position: relative; } .bottom-logo-bar.no-image1 { bottom: -119px; } .bottom-logo-bar.no-image .inner { float: none; text-align: center; } .bottom-logo-bar.no-image .inner:before, .bottom-logo-bar.no-image .inner:after { display: none; } .bottom-logo-bar.no-image img { display: inline-block; vertical-align: top; } .bottom-logo-bar .inner { padding: 25px 60px 20px 0px; background: #fff; float: left; position: relative; } .bottom-logo-bar .inner:before { content: ""; position: absolute; top: 0px; left: -2500000px; width: 2500000px; height: 100%; background: #fff; } .bottom-logo-bar .inner:after { background-repeat: no-repeat; background-size: 100% 100%; content: ''; display: block; position: absolute; width: 85px; left: 100%; top: 0px; height: 100%; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 600 530' preserveAspectRatio='none'%3E%3Cpolygon points='0,0 900,800 0,530' style='fill:%23ffffff;' /%3E%3C/svg%3E"); } .program-testimonial-bar { padding: 0px; position: relative; } .program-testimonial-bar .inner { padding: 43px 70px 46px 92px; background:#f4862d; display: flex; } .program-testimonial-bar .repeat { padding: 0 10px 45px; } .program-testimonial-bar p { padding-bottom: 13px; font-size: 22px; line-height: 27px; color: #fff; font-style: italic; position: relative; } .program-testimonial-bar .name { display: block; font-size: 16px; line-height: 21px; font-weight: 300; color: #fff; letter-spacing: 0.01em; } .program-testimonial-bar .name strong { font-weight: 600; } .program-testimonial-bar .image { min-width: 231px; } .program-testimonial-bar .image img { width: 100%; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; } .program-testimonial-bar .text { padding: 28px 0 0 95px; } .program-testimonial-bar .text p:nth-of-type(1):before { content: ""; width: 57px; height: 44px; position: absolute; top: -28px; left: -32px; background: url(images/quote-top.png) top left no-repeat; background-size: cover; opacity: 0.3; } .program-testimonial-bar .text p:nth-last-of-type(1):after { margin: 10px 0 0 8px; content: ""; width: 33px; height: 24px; display: inline-block; vertical-align: top; background: url(images/quote-bottom.png) top left no-repeat; background-size: cover; opacity: 0.3; } .program-testimonial-bar.enrichment .inner { padding: 46px 70px 58px 92px; background: #0092cb; } .program-testimonial-bar.enrichment .text { padding: 54px 0 0 95px; } .program-content-list-bar { padding: 35px 0px 71px; width: 100%; } .program-content-list-bar .program-content-list-wrap { margin: 0 -30px; } .program-content-list-bar .program-content-list-wrap:after { content: ""; display: block; clear: both; overflow: hidden; height: 0px; width: 100%; } .program-content-list-bar .repeat { width: 50%; float: left; padding: 0 30px 60px; } .program-content-list-bar .repeat:nth-child(2n+1) { clear: left; } .program-content-list-bar h3 { padding: 0 0 18px; font-size: 22px; line-height: 27px; color: #f4862d; font-weight: 800; text-transform: uppercase; letter-spacing: 1px; } .program-content-list-bar p { font-size: 16px; line-height: 21px; font-weight: 400; color: #4a4a4a; } .program-content-list-bar .links { margin: -3px 0 0; } .program-content-list-bar .links .text-btn { margin: 0 0 18px; font-size: 15px; line-height: 19px; font-weight: 800; color: #F4862D; display: table; text-transform: uppercase; text-decoration: none; letter-spacing: 0.03em; } .program-content-list-bar .links .text-btn span { white-space: nowrap; } .program-content-list-bar .links .text-btn:hover { color:#DC7625;} .program-content-list-bar .links .text-btn svg { margin: 3px 0 0 6px; display: inline-block; vertical-align: top; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .program-content-list-bar .links .text-btn:hover svg { fill:#DC7625; margin-left: 9px; } .program-content-list-bar .links .text-btn:hover svg g { fill:#DC7625; } .program-content-list-bar.enrichment { padding: 15px 0 93px; } .program-content-list-bar.enrichment h3 { padding: 0 40px 10px 0; color: #0092cb; } .program-content-list-bar.enrichment .repeat { width: 33.333333%; padding: 0 20px; clear: none; } .program-content-list-bar.enrichment .program-content-list-wrap { margin: 0 -20px; } .program-content-list-bar.enrichment .links { margin: 2px 0 0px; } .program-content-list-bar.enrichment .links .text-btn { color: #0092cb; } .program-content-list-bar.enrichment .links .text-btn:hover { color:#0092C8;} .program-content-list-bar.enrichment .links .text-btn svg g { fill: #0092cb; stroke: #0092cb; } .program-content-list-bar.partner-with-us { padding: 68px 0 38px; background: #f3f3f3; position: relative; } .program-content-list-bar.partner-with-us:before { content: ""; position: absolute; bottom: 0px; right: 0px; width: 0; height: 0; border-style: solid; border-width: 0 0 300px 385px; border-color: transparent transparent #ececec transparent; } .program-content-list-bar.partner-with-us .links .text-btn { line-height: 21px; color: #11ACE3; } .program-content-list-bar.partner-with-us .links .text-btn:hover { color:#0092C8;} .program-content-list-bar.partner-with-us .links .text-btn:hover g { fill: #0092C8; stroke: #0092C8;} .program-content-list-bar.partner-with-us h3 { color: #11ACE3; } .program-content-list-bar.partner-with-us .repeat:nth-of-type(2n) h3 { color: #73B850; } .program-content-list-bar.partner-with-us .repeat:nth-of-type(2n) .text-btn { color: #73B850; } .program-content-list-bar.partner-with-us .repeat:nth-of-type(2n) .text-btn:hover { color: #67A349;} .program-content-list-bar.partner-with-us .repeat:nth-of-type(2n) .text-btn g { fill: #73B850; stroke: #73B850; } .program-content-list-bar.partner-with-us .repeat:nth-of-type(2n) .text-btn:hover g{ fill: #67A349; stroke: #67A349; } .program-content-list-bar.partner-with-us .program-content-list-wrap { margin: 0 -25px; } .program-content-list-bar.partner-with-us .repeat { padding: 0 25px 50px; } .volunteer-banner-bar { width: 100%; position: relative; background: #4A398E; } .volunteer-banner-bar.exprograms { min-height: 412px; } .volunteer-banner-bar h1 { padding: 0 0 9px; margin: 0 0 22px; font-size: 70px; line-height: 105px; color: #fff; font-family: var(--display); font-weight: normal; letter-spacing: 0em; background: url(images/line1.svg) bottom left no-repeat; background-size: contain; } .volunteer-banner-bar h1 strong { font-family: 'Montserrat', sans-serif; font-weight: 700; display: block; font-size: 24px; line-height: 28px; letter-spacing: 0.04px; } .volunteer-banner-bar p { padding: 0 40px 25px 0; font-size: 15px; line-height: 19px; color: #fff; font-weight: 400; } .volunteer-banner-bar p a { color: #fff; } .volunteer-banner-bar p a:hover { text-decoration: underline; } .volunteer-banner-bar .volunteer-banner-image { margin-left: -100px; width: calc(50% + 100px); height: 100%; position: absolute; top: 0px; left: 50%; background-size: cover; background-repeat: no-repeat; background-position: top center; z-index:1; } .volunteer-banner-bar .volunteer-banner-image:before { background-repeat: no-repeat; background-size: 100% 100%; content: ''; display: block; position: absolute; width: 137px; left: 0; top: 0px; height: 100%; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 600 530' preserveAspectRatio='none'%3E%3Cpolygon points='0,0 900,800 0,530' style='fill:%234A398E;' /%3E%3C/svg%3E"); } .volunteer-banner-bar .inner-banner-inner { padding: 40px 5px 24px; max-width: 500px; position: relative; z-index: 2; } .volunteer-banner-bar .volunteer-banner-image.has-video .fv-play{ position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); transition: all 0.3s; cursor: pointer; } .volunteer-banner-bar .volunteer-banner-image.has-video .fv-play:hover{ transform: translate(-50%, -50%) scale(1.03); } .fv-modal{ display: none; position: fixed; inset: 0; background-color: rgba(0,0,0,0.75); z-index: 9999; } .fv-modal .fv-modal-inner{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); padding: 0.5rem; width: 98%; max-width: 992px; background-color: #fff; } .fv-modal .fv-modal-inner iframe{ width: 100%; height: auto; aspect-ratio: 16 / 9; } .fv-modal .fv-modal-inner>svg{ position: absolute; top: -2rem; right: 0; cursor: pointer; } .volunteer-banner-bar.opportunity { margin: -1px 0 0; background: #11ace3; } .volunteer-banner-bar.opportunity .inner-banner-inner { padding: 42px 0px 54px 0; } .volunteer-banner-bar.opportunity .volunteer-banner-image:before { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 600 530' preserveAspectRatio='none'%3E%3Cpolygon points='0,0 900,800 0,530' style='fill:%2311ace3;' /%3E%3C/svg%3E"); } .volunteer-banner-bar.opportunity h1 strong { font-size: 21px; line-height: 26px; letter-spacing: 1px; padding-bottom: 4px; } .volunteer-banner-bar.opportunity h1 { padding-bottom: 22px; font-size: 70px; line-height: 78px; } .volunteer-banner-bar.opportunity p { padding: 0 0px 15px 0; } .volunteer-banner-bar.opportunity p strong { letter-spacing: -0.02em; } .volunteer-banner-bar.single-cap { background: #73B850; } .volunteer-banner-bar.single-cap h1 { font-size: 50px; line-height: 56px; letter-spacing: 0.02em; padding-bottom: 21px; max-width: 460px; } .volunteer-banner-bar.single-cap h1.dropdowntitle { display: none; } .volunteer-banner-bar.single-cap .inner-banner-inner { padding: 35px 5px 79px 0; margin: 0; max-width: 520px; } .volunteer-banner-bar.single-cap h2 { color: #fff; text-transform: none; padding-bottom: 16px; } .volunteer-banner-bar.single-cap p { padding: 0 0px 18px 0; } .volunteer-banner-bar.single-cap .volunteer-banner-image:before { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 600 530' preserveAspectRatio='none'%3E%3Cpolygon points='0,0 900,800 0,530' style='fill:%2373B850;' /%3E%3C/svg%3E"); } .volunteer-banner-bar.cit-program { background: #73b850; } .volunteer-banner-bar.cit-program h1 { font-size: 70px; line-height: 76px; letter-spacing: 0.02em; padding-bottom: 21px; max-width: 495px; margin-bottom: 30px; } .volunteer-banner-bar.cit-program .inner-banner-inner { padding: 39px 5px 19px 0; margin: 0; max-width: 520px; } .volunteer-banner-bar.cit-program h2 { color: #fff; text-transform: none; padding-bottom: 16px; } .volunteer-banner-bar.cit-program p { padding: 0 0px 18px 0; } .volunteer-banner-bar.cit-program .volunteer-banner-image:before { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 600 530' preserveAspectRatio='none'%3E%3Cpolygon points='0,0 900,800 0,530' style='fill:%2373b850;' /%3E%3C/svg%3E"); } .volunteer-banner-bar.cit-program .volunteer-banner-image { background-position: center; } .volunteer-banner-bar .volunteer-banner-image .fancy-video-btn { padding: 0 0 0 40px; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 3; display: flex; align-items: center; justify-content: center; text-decoration: none; } .volunteer-banner-bar .volunteer-banner-image .fancy-video-btn .icon { padding: 185px 40px 0; display: inline-block; vertical-align: top; background: url(images/play-btn1.svg) top center no-repeat; font-size: 16px; line-height: 20px; color: #fff; text-transform: uppercase; font-weight: 800; letter-spacing: 0.75px; opacity:0.8; } .volunteer-banner-bar .volunteer-banner-image .fancy-video-btn:hover .icon { opacity:1;} .volunteer-banner-bar.sign-up-to-visit .volunteer-banner-image { } .volunteer-banner-bar.sign-up-to-visit .volunteer-banner-image:before { z-index: 1; } .volunteer-banner-bar.sign-up-to-visit .volunteer-banner-image.has-video:after { content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: rgba(0,0,0,0.2); } .volunteer-banner-bar.sign-up-to-visit.host-family { margin: -3px 0 0px; background: #0092c8; } .volunteer-banner-bar.sign-up-to-visit.host-family .volunteer-banner-image:before { background-repeat: no-repeat; background-size: 100% 100%; content: ''; display: block; position: absolute; width: 137px; left: 0; top: 0px; height: 100%; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 600 530' preserveAspectRatio='none'%3E%3Cpolygon points='0,0 900,800 0,530' style='fill:%230092c8;' /%3E%3C/svg%3E"); } .volunteer-banner-bar.sign-up-to-visit.host-family .inner-banner-inner { padding: 41px 0px 31px; min-height: 413px; } .volunteer-banner-bar.sign-up-to-visit.host-family h1 strong { font-size: 21px; line-height: 27px; padding: 0 0 3px; letter-spacing: 1.4px; font-weight: 800; } .volunteer-banner-bar.sign-up-to-visit.host-family h1 { padding-bottom: 21px; margin: 0 0 21px; font-size: 70px; line-height: 76px; } .volunteer-banner-bar.sign-up-to-visit.sign-up-camp { background: #73B850; } .volunteer-banner-bar.sign-up-to-visit.sign-up-camp .volunteer-banner-image:before { background-repeat: no-repeat; background-size: 100% 100%; content: ''; display: block; position: absolute; width: 137px; left: 0; top: 0px; height: 100%; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 600 530' preserveAspectRatio='none'%3E%3Cpolygon points='0,0 900,800 0,530' style='fill:%2373B850;' /%3E%3C/svg%3E"); } .volunteer-banner-bar.sign-up-to-visit.sign-up-camp h1 { font-size: 60px; line-height: 66px; letter-spacing: 0px; } .volunteer-banner-bar.sign-up-to-visit.sign-up-camp .inner-banner-inner { padding: 25px 0px 54px; max-width: 475px; } .volunteer-banner-bar.sign-up-to-visit.sign-up-camp p { padding: 0 0 18px; } .volunteer-banner-bar.sign-up-to-visit.sign-up-camp .wp-block-button__link { margin: 8px -60px 0 0px; padding: 15px 22px 14px 25px; } .volunteer-banner-bar.sign-up-to-visit.sign-up-camp .wp-block-button__link:hover { background-color: #fff; color:#73B850;} .volunteer-banner-bar.sign-up-to-visit.sign-up-camp .wp-block-button__link:hover:after {background: url(images/arrow_green.svg) 0px 0px no-repeat;} .volunteer-banner-bar.at_camp .volunteer-banner-image { margin-left: -96px; width: calc(50% + 96px); } .volunteer-banner-bar.sign-up-to-visit { margin: 0px 0 0px; } .volunteer-banner-bar.sign-up-to-visit h1 { padding: 0 140px 18px 0; font-size: 50px; line-height: 56px; margin-bottom: 15px; } .volunteer-banner-bar.sign-up-to-visit .inner-banner-inner { padding: 28px 0px 31px; max-width: 490px; } .volunteer-banner-bar.sign-up-to-visit p { padding-bottom: 19px; } .opportunity-bar { padding: 66px 0 66px; background: #11ace3; } .page-template-volunteer-opportunity .opportunity-bar { padding-bottom: 0px; background: #0092c8; } .opportunity-bar h2 { font-size: 26px; line-height: 32px; color: #fff; font-weight: 800; text-transform: uppercase; padding: 0 0 45px; text-align: center; letter-spacing: 1px; } .opportunity-bar h3 { padding-bottom: 14px; font-size: 24px; line-height: 29px; color: #fff; text-transform: none; font-weight: 700; letter-spacing: -0.02em; } .opportunity-bar p { font-size: 16px; line-height: 21px; color: #fff; font-weight: 400; padding-bottom: 25px; } .opportunity-bar a.btn:hover { background:#fff; color:#0092C8; } .opportunity-bar a.btn:hover:after {background: url(images/blue_arrow.svg) 0px 0px no-repeat;} .opportunity-bar .inner { background: #0192c9; overflow: hidden; } .page-template-volunteer-opportunity .opportunity-bar .inner { background: #0182b1; } .opportunity-bar .inner .image { padding: 0 0 0px; width: 52.8%; float: left; } .opportunity-bar .inner .image img { width: 100%; } .opportunity-bar .inner .text { padding: 59px 75px 59px 45px; width: 47.2%; float: left; } .opportunity-bar.opportunity { } .opportunity-bar.opportunity .inner .text { padding: 55px 85px 45px 48px; } .opportunity-bar.opportunity p { padding-bottom: 15px; } .opportunity-bar.opportunity .btn { padding: 15px 22px 14px 21px; } .opportunity-bar.opportunity .inner .image { padding: 0 0 60px; } .volunteer-middle-bar { padding: 63px 0 124px; background: #efefef; } .volunteer-middle-bar h2 { padding: 0px; margin: 0 0 23px; font-size: 18px; line-height: 22px; color: #11ACE3; font-weight: 800; letter-spacing: 0.06em; position: relative; } .volunteer-middle-bar h2:after { content: ""; position: absolute; bottom: 10px; left: 34.5%; width: calc(100% - 34.5%); height: 4px; background: #DFDFDF; border-radius: 60px; } .volunteer-middle-bar h2 strong { display: block; font-size: 36px; line-height: 44px; font-weight: 800; } .volunteer-middle-bar .head { padding: 16px 30px 16px 0; margin: 0 0 2px; font-size: 22px; line-height: 27px; color: #11ACE3; font-weight: 600; cursor: pointer; position: relative; } .volunteer-middle-bar .head svg { position: absolute; top: 0px; right: 2px; width: 22px; height: 102%; transition: all 350ms; -webkit-transition: all 350ms; -moz-transition: all 350ms; -ms-transition: all 350ms; -o-transition: all 350ms; } .volunteer-middle-bar .head.active svg { top: 2px; right: 0px; transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); } .volunteer-middle-bar .head.active svg g { fill: #11ACE3; stroke: #11ACE3; } .volunteer-middle-bar .left .head:hover svg g { fill: #11ACE3; stroke: #11ACE3; } .volunteer-middle-bar p { font-size: 16px; line-height: 21px; color: #4a4a4a; font-weight: 400; } .volunteer-middle-bar .left { width: 47%; float: left; } .volunteer-middle-bar .right { width: 47.5%; float: right; } .volunteer-middle-bar .accordion-repeat { border-bottom: 1px solid #c4c4c4; } .volunteer-middle-bar .content { padding: 0 30px 5px 0; display: none; } .volunteer-middle-bar .right h2, .volunteer-middle-bar .right .head { color: #73B850; } .volunteer-middle-bar .right .head.active svg g { fill: #73B850; stroke: #73B850; } .volunteer-middle-bar .right .head:hover svg g { fill: #73B850; stroke: #73B850; } body.single-post .cta-bar a .wrapper span:after { margin: 2px 0 0 15px; background-image: url(images/back-btn1.svg); } body.page-template-enrichment-program .cta-bar a { background: #f4862d; } body.page-template-enrichment-program .cta-bar a .wrapper span:after { margin: 2px 0 0 35px; } body.page-template-enrichment-program .cta-bar a:hover { background: #dc7625; } body.page-template-host-family .cta-bar a { background: #f4862d; } body.page-template-host-family .cta-bar a .wrapper span:after { margin: 2px 0 0 35px; } body.page-template-host-family .cta-bar a:hover { background: #DC7625; } body.page-template-children-and-alumni .cta-bar a { background: #73B850; } body.page-template-children-and-alumni .cta-bar a .wrapper span:after { margin: 2px 0 0 25px; } body.page-template-children-and-alumni .cta-bar a:hover { background: #67A349; } body.page-template-about-us .cta-bar a { background: #11ACE3; } body.page-template-about-us .cta-bar a .wrapper span:after { margin: 2px 0 0 25px; } body.page-template-about-us .cta-bar a:hover { background: #0092C8; } body.page-template-camp-child-template .cta-bar a .wrapper span:after { margin: 2px 0 0 25px; } body.page-template-sharpe .cta-bar a .wrapper span:after { margin: 2px 0 0 30px; } body.page-template-life-time .cta-bar a { background: #F4862D; } body.page-template-life-time .cta-bar a .wrapper span:after { margin: 2px 0 0 25px; } body.page-template-life-time .cta-bar a:hover { background: #DC7625; } body.page-template-our-impact .cta-bar a { background: #4A398E; } body.page-template-our-impact .cta-bar a .wrapper span:after { margin: 2px 0 0 25px; } body.page-template-our-impact .cta-bar a:hover { background: #5C4AA7; } body.single-job .cta-bar a { background: #F4862D; } body.single-job .cta-bar a .wrapper span:after { margin: 2px 0 0 25px; } body.single-job .cta-bar a:hover { background: #DC7625; } body.page-template-sign-up-for-camp .cta-bar a { background: #73B850; } body.page-template-sign-up-for-camp .cta-bar a .wrapper span:after { margin: 2px 0 0 18px; } body.page-template-sign-up-for-camp .cta-bar a:hover { background: #67A349; } body.page-template-privacy .cta-bar a { background: #F4862D; } body.page-template-privacy .cta-bar a .wrapper span:after { margin: 2px 0 0 25px; } body.page-template-privacy .cta-bar a:hover { background: #E77D27; } body.page-template-faq .cta-bar a { background: #73B850; } body.page-template-faq .cta-bar a .wrapper span:after { margin: 2px 0 0 25px; } body.page-template-faq .cta-bar a:hover { background: #67A349; } body.page-template-community-partner .cta-bar a { background: #73B850; } body.page-template-community-partner .cta-bar a .wrapper span:after { margin: 2px 0 0 25px; } body.page-template-community-partner .cta-bar a:hover { background: #67A349; } body.page-template-partner-with-us .cta-bar a { background: #73B850; } body.page-template-partner-with-us .cta-bar a .wrapper span:after { margin: 2px 0 0 25px; } body.page-template-partner-with-us .cta-bar a:hover { background: #67A349; } body.page-template-our-council .cta-bar a { background: #73B850; } body.page-template-our-council .cta-bar a .wrapper span:after { margin: 2px 0 0 25px; } body.page-template-our-council .cta-bar a:hover { background: #67A349; } body.page-template-corporate-partner .cta-bar a { background: #73B850; } body.page-template-corporate-partner .cta-bar a .wrapper span:after { margin: 2px 0 0 25px; } body.page-template-corporate-partner .cta-bar a:hover { background: #67A349; } body.page-template-annual-report .cta-bar a { background: #4A398E; } body.page-template-annual-report .cta-bar a .wrapper span:after { margin: 2px 0 0 25px; } body.page-template-annual-report .cta-bar a:hover { background: #5C4AA7; } body.page-template-volunteer-opportunity .cta-bar a { background: #4A398E; } body.page-template-volunteer-opportunity .cta-bar a .wrapper span:after { margin: 2px 0 0 25px; } body.page-template-volunteer-opportunity .cta-bar a:hover { background: #5C4AA7; } body.page-template-cap-family-resource .cta-bar a { background: #73B850; } body.page-template-cap-family-resource .cta-bar a .wrapper span:after { margin: 2px 0 0 25px; } body.page-template-cap-family-resource .cta-bar a:hover { background: #67A349; } body.page-template-cit-program .cta-bar a { background: #F4862D; } body.page-template-cit-program .cta-bar a .wrapper span:after { margin: 2px 0 0 25px; } body.page-template-cit-program .cta-bar a:hover { background: #E77D27; } body.page-template-friendly-town-activity .cta-bar a { background: #F4862D; } body.page-template-friendly-town-activity .cta-bar a .wrapper span:after { margin: 2px 0 0 25px; } body.page-template-friendly-town-activity .cta-bar a:hover { background: #DC7625; } body.page-template-meet-our-team .cta-bar a { background: #73B850; } body.page-template-meet-our-team .cta-bar a .wrapper span:after { margin: 2px 0 0 25px; } body.page-template-meet-our-team .cta-bar a:hover { background: #67A349; } body.page-template-friendly-town .cta-bar a { background: #11ACE3; } body.page-template-friendly-town .cta-bar a .wrapper span:after { margin: 2px 0 0 25px; } body.page-template-friendly-town .cta-bar a:hover { background: #0092C8; } body.page-template-friendly-town-program .cta-bar a .wrapper span:after { margin: 2px 0 0 25px; } body.page-template-join-our-team .cta-bar a .wrapper span:after { margin: 2px 0 0 25px; } .cta-bar { clear: both; width: 100%; overflow: hidden; } .cta-bar a { padding: 48px 0 44px; display: block; background: #11ace3; font-size: 22px; line-height: 27px; color: #fff; text-decoration: none; text-transform: uppercase; font-weight: 800; letter-spacing: 1px; } .cta-bar a:hover { background: #0092c8; } .cta-bar a .wrapper { text-align: right; display: block; } .cta-bar a .wrapper span { display: block; } .cta-bar a .wrapper span:after { content: ""; margin: 0px 0 0 23px; width: 38px; height: 25px; display: inline-block; vertical-align: top; background: url(images/arrow9.svg) 0px 0px no-repeat; } .page-template-single-cap-family-resource .cta-bar a .wrapper span:after { background: url(images/back-btn2.svg) 0px 0px no-repeat; } .single-cta-bar { background: #11ACE3; } .single-cta-bar p { font-size: 15px; line-height: 21px; color: #fff; text-transform: uppercase; font-weight: 800; letter-spacing: 1px; } .single-cta-bar p a { color: #fff; } .single-cta-bar p a:hover { text-decoration: underline; } .single-cta-bar .left { padding: 52px 0 45px; float: left; } .single-cta-bar .left p { padding: 0px; } .single-cta-bar .back-btn { float: right; padding: 48px 0 44px; display: block; background: #11ace3; font-size: 22px; line-height: 27px; color: #fff; text-decoration: none; text-transform: uppercase; font-weight: 700; letter-spacing: 0.02em; } .single-cta-bar .back-btn:after { content: ""; margin: 2px 0 0 30px; width: 38px; height: 25px; display: inline-block; vertical-align: top; background: url(images/back-btn2.svg) 0px 0px no-repeat; } #content-part { position: relative; } body.page-template-life-time #content-part { background: #f3f3f3; } .contact-bar { padding: 55px 0 59px; } .contact-bar h3 { font-size: 22px; line-height: 26px; color: #11ace3; font-weight: 700; padding-bottom: 1px; text-transform: none; } .contact-bar p { padding: 15px 0 0; font-weight: 400; font-size: 16px; line-height: 21px; color: #4a4a4a; font-weight: 400; } .contact-bar p a { color: #4a4a4a; text-decoration: none; } .contact-bar p a[href^="mailto:"] { text-decoration: underline; } .contact-bar p strong { font-weight: 700; } .contact-bar .repeat { padding: 0 20px 10px; min-height: 214px; width: 33.3333%; float: left; border-left: 1px solid #979797; } .contact-bar .repeat:nth-of-type(1) { width: 27.9%; border: 0px; } .contact-bar .repeat:nth-of-type(2) { padding: 0 40px 10px 82px; width: 33%; } .contact-bar .repeat:nth-of-type(3) { padding: 0 40px 10px 80px; } .contact-bar .repeat:nth-of-type(3) p { max-width: 180px; } .contact-bar .repeat:nth-of-type(3) p:nth-of-type(3) { position: absolute; top: 27px; right: -14px; } .contact-bar .address-wrap { margin: 0 -20px; overflow: hidden; } .contact-bar .text-btn { margin: 16px 0 0 4px; letter-spacing: 0.01em; display: table; font-size: 15px; line-height: 20px; font-weight: 800; color: #11ace3; text-transform: uppercase; text-decoration: underline; } .contact-bar .text-btn:hover { color:#0182b1; } .contact-bar .text-btn:after { content: ""; margin: 4px 0 0 8px; width: 20px; height: 20px; display: inline-block; vertical-align: top; background: url(images/arrow7.svg) 0px 0px no-repeat; background-size: 18px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .contact-bar .text-btn:hover:after { background: url(images/blue_arrow_hover.svg) 0px 0px no-repeat; background-size: 18px; margin-left: 11px; } .form-bar { padding: 57px 0 122px; width: 100%; background: #73b850; position: relative; } .form-bar:before { content: ""; width: 0; height: 0; border-style: solid; border-width: 0 0 515px 736px; border-color: transparent transparent #6fb04e transparent; position: absolute; bottom: 0px; right: 0px; } .form-bar h3 { color: #fff; text-transform: uppercase; font-size: 26px; line-height: 30px; font-weight: 800; text-align: center; letter-spacing: 1px; padding-bottom: 13px; } .form-bar h4 { font-weight: 700; color: #fff; text-align: center; font-size: 16px; line-height: 19px; letter-spacing: 0.06em; text-transform: none; } .form-bar .notify { display: block; color: #fff; font-size: 12px; line-height: 16px; font-weight: 400; padding-bottom: 19px; } .form-bar .label { display: block; font-size: 14px; line-height: 17px; color: #fff; font-weight: 400; padding: 4px 0 12px; letter-spacing: 0em !important; } .form-bar input[type="text"], .form-bar input[type="email"], .form-bar input[type="tel"] { padding: 0 18px; margin: 0 0 32px; height: 49px; border: 1px solid #fff; width: 100%; display: block; font-size: 16px; color: #4a4a4a; font-weight: 500; } .form-bar textarea { padding: 18px; margin: 0 0 32px; height: 128px; border: 1px solid #fff; width: 100%; display: block; font-size: 16px; color: #4a4a4a; font-weight: 500; } .form-bar .wpcf7-form { padding: 36px 0 0; } .form-bar .wpcf7-form br { display: none; } .form-bar .wpcf7-form p { padding: 0px; } .form-bar .form-row { width: auto; margin: 0 -21px; } .form-bar .form-row:after { clear: both; content: ""; height: 0px; overflow: hidden; width: 100%; display: block; } .form-bar .form-row .col-4 { width: 33.333333%; float: left; padding: 0 21px; } .form-bar .form-row .col-8 { width: 66.6666%; padding: 0 21px; float: left; } .form-bar .form-row .col-5 { padding: 0 21px; width: 39.8%; float: left; } .form-bar .form-row .col-5.ext5 { padding: 0 0px 0 21px; } .form-bar .form-row .col-7 { padding: 0 21px; width: 60.2%; float: left; } .form-bar .form-row .col-6 { padding: 0 21px; width: 50%; float: left; } .form-bar .form-row.gap { margin: 0 -9px; } .form-bar .form-row.gap .col-6 { padding: 0 9px; } .form-bar .form-row.margin-top { margin-top: -130px; float: left; } .form-bar .wpcf7-form input[type="submit"] { margin: 0; cursor: pointer; display: block; width: 204px; height: 73px; border: 3px solid #fff; background: none; font-size: 16px; font-weight: 800; text-transform: uppercase; color: #fff; text-align: left; padding: 0 40px 0 25px; letter-spacing: 0.02em; background: url(images/arrow8.svg) 85.4% 50% no-repeat; } .form-bar .wpcf7-form input[type="submit"]:hover {background: #fff url(images/arrow_blue_bh.svg) 85.4% 50% no-repeat; color:#0092C8;} .page-template-event .form-bar .wpcf7-form input[type="submit"]:hover {background: #fff url(images/purple_arrow.svg) 85.4% 50% no-repeat; color:#4A398E;} .page-template-contact .form-bar .wpcf7-form input[type="submit"]:hover {background: #fff url(images/arrow_green.svg) 85.4% 50% no-repeat; color:#73B850;} .form-bar.volunteer { background: #4a398e; padding: 77px 0 116px; } .form-bar.volunteer:before { border-color: transparent transparent #433380 transparent; border-width: 0 0 576px 825px; } .form-bar.volunteer h3 { padding-bottom: 33px; } .form-bar.volunteer .notify { padding-bottom: 28px; } .form-bar .text { padding: 43px 0 0; text-align: left; } .form-bar .text h5 { font-size: 64px; line-height: 70px; color: #fff; font-family: var(--display); font-weight: normal; padding: 0 0 11px; } .form-bar .text h6 { font-size: 16px; line-height: 24px; color: #fff; font-weight: 800; text-transform: uppercase; letter-spacing: 0.04em; } .form-bar .text h6 a { color: #fff; } .form-bar .text h6 a:hover { text-decoration: underline; } .form-bar.volunteer input[type="text"], .form-bar.volunteer input[type="email"], .form-bar.volunteer input[type="tel"] { margin-bottom: 25px; font-size: 14px; } .form-bar.volunteer .jqTransformSelectWrapper a.jqTransformSelectOpen:before { border-color: #4a398e transparent transparent transparent; } .form-bar.volunteer .jqTransformSelectWrapper > div span { font-size: 14px; } .form-bar.volunteer .jqTransformSelectWrapper ul a { font-size: 14px; } .form-bar.volunteer textarea { height: 172px; } .form-bar .custom-checkbox { display: block; padding: 18px 21px 35px; max-width: 580px; } .form-bar .custom-checkbox .wpcf7-list-item-label { padding: 0 0px 0 40px; font-size: 14px; line-height: 18px; color: #fff; font-weight: 700; display: block; } .form-bar .custom-checkbox .wpcf7-list-item-label:before { content: ""; position: absolute; top: 4px; left: 5px; width: 20px; height: 20px; background: #fff; } .form-bar .custom-checkbox .wpcf7-list-item-label:after { content: "\2713"; position: absolute; top: 4px; left: 8px; font-size: 18px; line-height: 20px; font-weight: 700; color: #4a398e; opacity: 0; } .form-bar .custom-checkbox input:checked + .wpcf7-list-item-label:after { opacity: 1; } .form-bar .custom-checkbox .wpcf7-list-item { display: block; margin: 0px; position: relative; cursor: pointer; } .form-bar .custom-checkbox .wpcf7-list-item input { position: absolute; top: 0px; width: 100%; height: 100%; cursor: pointer; opacity: 0; z-index: 2; } .form-bar.volunteer .wpcf7-form input[type="submit"] { margin: 20px 0 0 0px; } .form-bar.volunteer .wpcf7-form input[type="submit"]:hover { background: #fff url(images/purple_arrow.svg) 85.4% 50% no-repeat; color: #4A398E; } .form-bar.volunteer.host-family { min-height: 708px; padding: 61px 0 116px; } .form-bar.volunteer.host-family:before { border-width: 0 0 668px 960px } .form-bar.opportunity { padding: 78px 0 103px; } .form-bar.opportunity h4 { font-weight: 600; letter-spacing: 0.04em; padding-bottom: 14px; } .form-bar.opportunity .notify { padding-bottom: 24px; } .form-bar.opportunity input[type="text"], .form-bar.opportunity input[type="email"], .form-bar.opportunity input[type="tel"] { margin-bottom: 28px; font-size: 14px; } .form-bar.opportunity .jqTransformSelectWrapper > div span { font-size: 14px; } .form-bar.opportunity .text { padding: 40px 0 0; } .form-bar.opportunity .text h6 { line-height: 21px; padding-bottom: 20px; } .form-bar.opportunity textarea { padding: 35px 30px; font-size: 14px; height: 172px; margin-bottom: 42px; } .form-bar.opportunity:before { border-width: 0 0 460px 656px; } .form-bar.children-and-alumni { padding: 65px 0 122px; } .form-bar.children-and-alumni:before { display: none; } .form-bar.children-and-alumni .wpcf7-form { padding: 32px 0 0; } .form-bar.children-and-alumni .notify { padding-bottom: 26px; } .form-bar.children-and-alumni input[type="text"], .form-bar.children-and-alumni input[type="email"], .form-bar.children-and-alumni input[type="tel"] { margin-bottom: 28px; font-size: 14px; } .form-bar.children-and-alumni .label { letter-spacing: 0px; } .form-bar.children-and-alumni .jqTransformSelectWrapper > div span { font-size: 14px; } .form-bar.children-and-alumni .custom-checkbox { padding: 0px 0 40px; overflow: hidden; } .form-bar.children-and-alumni .custom-checkbox .wpcf7-list-item-label:before { width: 16px; height: 16px; left: 0px; top: 3px; } .form-bar.children-and-alumni .custom-checkbox .wpcf7-list-item-label:after { top: 2px; left: 2px; font-size: 15px; } .form-bar.children-and-alumni .custom-checkbox .wpcf7-list-item { width: 43.5%; float: left; margin: 0 0 20px; } .form-bar.children-and-alumni .custom-checkbox .wpcf7-list-item:nth-of-type(2n) { width: 54%; } .form-bar.children-and-alumni .custom-checkbox .wpcf7-list-item-label { padding: 0 0px 0 30px; font-weight: 400; } .form-bar.children-and-alumni .jqTransformSelectWrapper ul a { font-size: 14px; } .form-bar.children-and-alumni .jqTransformSelectWrapper a.jqTransformSelectOpen:before { border-color: #0092C8 transparent transparent transparent; } .form-bar.children-and-alumni .jqTransformSelectWrapper a.jqTransformSelectOpen { width: 32px; } .form-bar.children-and-alumni textarea { font-size: 14px; height: 183px; } .form-bar.event { padding: 70px 0 86px; background: #4A398E; } .form-bar.event:before { border-color: transparent transparent #413689 transparent; border-width: 0 0 580px 836px; } .form-bar.event h3 { letter-spacing: 0.04em; } .form-bar.event .wpcf7-form { padding: 53px 0 0; } .form-bar.event .notify { padding-bottom: 22px; } .form-bar.event input[type="text"], .form-bar.event input[type="email"], .form-bar.event input[type="tel"] { margin-bottom: 28px; font-size: 14px; } .form-bar.event .jqTransformSelectWrapper a.jqTransformSelectOpen:before { border-color: #4A398E transparent transparent transparent; } .form-bar.event .jqTransformSelectWrapper > div span { font-size: 14px; color: #4A4A4A; } .form-bar.event .jqTransformSelectWrapper ul a { font-size: 14px; } .form-bar.event .jqTransformSelectWrapper { margin-bottom: 25px; } .form-bar.event .jqTransformSelectWrapper ul { overflow: auto !important; } .form-bar.event textarea { font-size: 14px; height: 172px; } .alumni-tab-bar { padding: 0px; width: 100%; background: #eaebe8; margin: 0; position: relative; } .alumni-tab-bar .tab-wrap { display: flex; width: 100%; } .alumni-tab-bar .tab-wrap .tab-head { padding: 40px 185px; display: flex; height: 214px; width: calc(50% + 58px); align-items: center; justify-content: center; font-family: var(--display); font-size: 80px; color: #fff; line-height: 90px; cursor: pointer; letter-spacing: 0.01em; font-weight: normal; position: relative; } .alumni-tab-bar .tab-wrap .tab-head.active a { color: #fff; } .alumni-tab-bar .tab-wrap .tab-head:nth-of-type(1) { padding-right: 80px; width: calc(50% - 58px); justify-content: flex-end; z-index: 1; } .alumni-tab-bar .tab-wrap .tab-head:nth-of-type(1):after { background-repeat: no-repeat; background-size: 100% 100%; content: ''; display: block; position: absolute; width: 78px; left: 100%; top: 0px; height: 100%; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 600 530' preserveAspectRatio='none'%3E%3Cpolygon points='0,0 900,800 0,530' style='fill:%23eaebe8;' /%3E%3C/svg%3E"); } .alumni-tab-bar .tab-wrap .tab-head:nth-last-of-type(1) { justify-content: flex-start; } .alumni-tab-bar .tab-wrap .tab-head a { padding: 0 0 20px; display: block; text-decoration: none; color: #9B9B9B; text-transform: uppercase; text-align: center; position: relative; overflow: hidden; } .alumni-tab-bar .tab-wrap .tab-head a span { content: ""; position: absolute; bottom: 0px; left: 50%; height: 17px; width: 26px; background: url(images/bottom-line.png) bottom center no-repeat; background-size: 26px auto; margin-left: -13px; opacity: 0; } .alumni-tab-bar .tab-wrap .tab-head.active span { opacity: 1; } .alumni-tab-bar .tab-wrap .tab-head a span:before { content: ""; position: absolute; left: -358px; top: 2px; width: 360px; height: 3px; background: #fff; } .alumni-tab-bar .tab-wrap .tab-head a span:after { content: ""; position: absolute; right: -358px; top: 2px; width: 360px; height: 3px; background: #fff; } .alumni-tab-bar .tab-wrap .tab-head strong { font-size: 21px; line-height: 26px; font-weight: 800; font-family: 'Montserrat', sans-serif; display: block; padding-bottom: 5px; } .alumni-content-bar .alumni-content { display: none; } .testimonial-section-item {padding: 68px 0 12px; width: 100%; position: relative; } .testimonial-section-item:before { content: ""; width: 0; height: 0; border-style: solid; border-width: 0 0 942px 1224px; border-color: transparent transparent #6fb04e transparent; position: absolute; bottom: 0px; right: 0px; } .testimonial-section-item .left { width: 48.3%; float: left; } .testimonial-section-item .left .image { width: 100%; } .testimonial-section-item .left .image img { width: 100%; } .testimonial-section-item .right { width: 48.3%; float: right; padding: 107px 0 0; } .testimonial-section-item .text { padding: 65px 40px 65px 60px; min-height: 289px; position: relative; } .testimonial-section-item .left .text:before { content: ""; position: absolute; bottom: 100%; left: 49px; width: 0; height: 0; border-style: solid; border-width: 0 0 30px 39px; border-color: transparent transparent #007bff transparent; } .testimonial-section-item .left .repeat:nth-of-type(2n) .text:before { border-width: 30px 0 0 39px; border-color: transparent transparent transparent #007bff; } .testimonial-section-item .right .text:before { content: ""; position: absolute; bottom: 100%; left: auto; right: 49px; width: 0; height: 0; border-style: solid; border-width: 30px 0 0 39px; border-color: transparent transparent transparent #007bff; } .testimonial-section-item .right .repeat:nth-of-type(2n) .text:before { right: auto; left: 49px; border-width: 0 0 30px 39px; border-color: transparent transparent #007bff transparent; } .testimonial-section-item p { padding-bottom: 9px; font-size: 16px; line-height: 21px; color: #fff; font-weight: 400; position: relative; font-style: italic; } .testimonial-section-item p:nth-of-type(1):before { content: ""; width: 63px; height: 48px; position: absolute; top: -30px; left: -21px; background: url(images/quote-top.png) top left no-repeat; background-size: cover; opacity: 0.24; } .testimonial-section-item p:nth-last-of-type(1):after { margin: 5px 0 0 7px; content: ""; width: 36px; height: 26px; display: inline-block; vertical-align: top; background: url(images/quote-bottom.png) top left no-repeat; background-size: cover; opacity: 0.24; } .testimonial-section-item .name { display: block; color: #fff; font-size: 16px; line-height: 21px; } .testimonial-section-item .name strong { font-weight: 300; } .page-template-host-family .testimonial-section-item .name strong, .page-template-life-time .testimonial-section-item .name strong { font-weight: 600; } .testimonial-section-item .name { font-weight: 300; } .testimonial-section-item .repeat { padding-bottom: 47px; } .page-template-children-and-alumni .testimonial-section-item .name strong { font-weight: 600; } .testimonial-section-item.life-time { padding: 19px 0 36px; } .testimonial-section-item.life-time .left { padding: 0 0 0 5px; width: 47.9%; } .testimonial-section-item.life-time .right { padding: 67px 0 0; width: 47.6%; } .testimonial-section-item.life-time .inner { background: #73b850; position: relative; transition: 1s all; -webkit-transition: 1s all; } .testimonial-section-item.life-time h3 { position: absolute; top: 41px; left: 0px; width: 100%; text-align: center; font-size: 22px; line-height: 27px; color: #fff; font-weight: 800; text-transform: uppercase; } .testimonial-section-item.life-time .text { padding: 118px 30px 65px 50px; min-height: 343px; } .testimonial-section-item.life-time p { font-size: 18px; line-height: 23px; font-weight: 400; font-style: italic; } .testimonial-section-item.life-time .image { position: relative; } .testimonial-section-item.life-time .image img { width: 100%; } .testimonial-section-item.life-time .image:after { content: ""; width: 49px; height: 49px; position: absolute; bottom: -20px; left: 50%; margin-left: -24px; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; background: #85ce60 url(images/arrow-up.svg) center center no-repeat; font-size: 0px; line-height: 0px; z-index: 2; } .testimonial-section-item.life-time .left .text:before, .testimonial-section-item.life-time .right .text:before { display: none; } .testimonial-section-item.life-time .right .repeat:nth-of-type(2n+1) .image, .testimonial-section-item.life-time .left .repeat:nth-of-type(2n) .image { position: absolute; bottom: 0px; left: 0px; width: 100%; } .testimonial-section-item.life-time .right .repeat:nth-of-type(2n+1) .image:after, .testimonial-section-item.life-time .left .repeat:nth-of-type(2n) .image:after { top: -32px; bottom: auto; background-color: #11ace3; transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); } .testimonial-section-item.life-time .right .repeat:nth-of-type(2n+1) .inner, .testimonial-section-item.life-time .left .repeat:nth-of-type(2n) .inner { padding-bottom: 279px; background: #0092c8; } .testimonial-section-item.life-time .right .repeat:nth-of-type(2n+1) .inner h3, .testimonial-section-item.life-time .left .repeat:nth-of-type(2n) .inner h3 { top: auto; bottom: 43px; } .testimonial-section-item.life-time .right .repeat:nth-of-type(2n+1) .text, .testimonial-section-item.life-time .left .repeat:nth-of-type(2n) .text { padding: 70px 50px 110px 58px; min-height: 346px; } .testimonial-section-item.life-time .name { padding-top: 6px; } .testimonial-section-item.life-time .repeat { padding-bottom: 60px; position: relative; } .testimonial-section-item.life-time:before { border-color: transparent transparent #e8e8e8 transparent; border-width: 0 0 900px 1102px; } .testimonial-section-item.host-family { padding: 17px 0 39px; background: #f3f3f3; } .testimonial-section-item.host-family:before { border-width: 0 0 782px 1000px; border-color: transparent transparent #ececec transparent; } .testimonial-section-item.host-family .inner { background: #4a398e; } .testimonial-section-item.host-family .repeat { padding-bottom: 46px; } .testimonial-section-item.host-family .text { padding: 50px 40px 65px 60px; } .testimonial-section-item.host-family p { font-size: 18px; line-height: 23px; font-style: italic; font-weight: 400; padding-bottom: 13px; } .testimonial-section-item.host-family .right { padding: 86px 0 0; } .testimonial-section-item.host-family .left .text:before { left: auto; right: 75px; border-width: 30px 0 0 39px; border-color: transparent transparent transparent #4a398e; } .testimonial-section-item.host-family .right .text:before { border-width: 0 0 30px 39px; border-color: transparent transparent #4a398e transparent; right: auto; left: 75px; } .testimonial-section-item.host-family .left .repeat:nth-of-type(2n) .text:before { border-width: 0 0 30px 39px; border-color: transparent transparent #4a398e transparent; left: 75px; right: auto; } .testimonial-section-item.host-family .right .repeat:nth-of-type(2n) .text:before { right: 75px; left: auto; border-width: 30px 0 0 39px; border-color: transparent transparent transparent #4a398e; } .alumni-inner-content-bar { padding: 62px 0 40px; text-align: center; width: 100%; } .alumni-inner-content-bar h2 { padding-bottom: 21px; font-size: 70px; line-height: 93px; color: #73B850; font-weight: normal; font-family: var(--display); text-transform: uppercase; letter-spacing: 0.01em; } .alumni-inner-content-bar h3 { padding-bottom: 10px; font-size: 18px; line-height: 28px; color: #73B850; font-weight: 800; text-transform: none; } .alumni-inner-content-bar p { font-size: 14px; line-height: 18px; color: #606060; font-weight: 500; } .alumni-inner-content-bar .top-content { padding: 0 0 26px; max-width: 720px; margin: 0 auto; } .alumni-inner-content-bar .alumni-value { border-top: 2px solid #dedede; overflow: hidden; clear: both; } .alumni-inner-content-bar h4 { color: #73B850; font-size: 40px; line-height: 46px; padding: 0 0 2px; } .alumni-inner-content-bar .repeat { padding: 50px 110px; width: 50%; float: left; position: relative; } .alumni-inner-content-bar .repeat:nth-of-type(2n):before { content: "&"; font-size: 90px; line-height: 110px; color: #73B850; position: absolute; top: 48%; left: -30px; transform: translateY(-50%); font-weight: 700; } .alumni-inner-content-bar .repeat p { font-size: 16px; line-height: 21px; font-weight: 600; } .achievements-bar { padding: 150px 0 65px; } .achievements-bar h2 { margin: 0 0 5px; padding: 0px; font-size: 42px; line-height: 51px; color: #73B850; font-weight: 800; position: relative; letter-spacing: 0.01em; } .achievements-bar h2:before { content: ""; position: absolute; bottom: 22px; left: 0px; width: 100%; height: 2px; background: #73b850; } .achievements-bar h2 span { padding-right: 12px; display: inline-block; vertical-align: top; background: #fff; position: relative; } .achievements-bar p { font-size: 12px; line-height: 15px; font-weight: 400; color: #4A4A4A; } .achievements-bar .repeat { padding: 0 11px 30px; width: 340px; } .achievements-bar .repeat .inner { position: relative; } .achievements-bar .repeat .image { position: absolute; left: 0px; left: 0px;} .achievements-bar .repeat .image img { border-radius: 50%; -webkit-border-radius: 50%; } .achievements-bar .repeat.has-image .inner { padding-left: 168px; } .achievements-bar .repeat.has-image { width: 605px; } .achievements-bar .achievements-wrap { margin: 0 -11px; display: flex; } .community-partner-bar { padding: 55px 0 105px; } .community-partner-bar h2 { padding-bottom: 55px; text-align: center; font-size: 26px; line-height: 32px; color: #73B850; font-weight: 800; } .community-partner-bar p { padding: 0px; font-size: 15px; line-height: 19px; } .community-partner-bar .community-col { padding: 0 20px; width: 33.33333%; float: left; } .community-partner-bar .community-wrap { overflow: hidden; margin: 0 -20px; clear: both; } .community-partner-bar.our-council { padding: 71px 0 77px; background: #f3f3f3; } .community-partner-bar.our-council p { font-size: 14px; line-height: 20px; font-weight: 700; color: #4A4A4A; } .community-partner-bar.our-council p .designation { display: block; font-weight: 300; padding-bottom: 20px; } .community-partner-bar.our-council h2 { text-align: left; color: #0092C8; font-size: 22px; line-height: 27px; letter-spacing: 0.05em; padding-bottom: 32px; } .community-partner-bar.our-council .community-col { padding: 0 15px; } .community-partner-bar.our-council .community-wrap { margin: 0 -15px; } #footer { padding: 56px 0px 91px; width: 100%; background: #333; } #footer .footer-logo { margin: 4px 0 35px; max-width: 247px; display: block; } #footer .address p { font-size: 14px; line-height: 20px; color: #fff; font-weight: 700; } #footer .address p + p { font-size: 12px; font-weight: normal; opacity: 0.75; } #footer h3 { padding: 2px 0 13px; color: #fff; font-size: 16px; line-height: 19px; text-transform: none; font-weight: 700; } #footer ul { padding: 0px; margin: 0px; list-style-type: none; } #footer ul li { padding: 0 0 16px; font-size: 14px; line-height: 16px; display: block; font-weight: 300; } #footer ul li:last-child { padding-bottom: 0px; } #footer ul li a { color: #fff; opacity: 0.75; text-decoration: none; } #footer ul li a:hover { opacity: 1; } #footer .social { padding: 4px 0 42px; margin: 0px; } #footer .social a { margin: 0 7px 0 0; display: inline-block; vertical-align: top; width: 32px; height: 32px; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; font-size: 0px; line-height: 0px; background-repeat: no-repeat; background-position: center center; background-size: cover; opacity: 0.8; } #footer .social a:hover { opacity: 1; } #footer .social a.facebook { background-image: url(images/facebook-icon.svg); } #footer .social a.twitter { background-image: url(images/twitter-icon.svg); } #footer .social a.linkedin { background-image: url(images/linkedin-icon.svg); } #footer .social a.instagram { background-color: rgba(255,255,255,0.8); opacity: 1; background-image: url(images/instagram-icon.svg); background-size: 18px auto; } #footer .social a.instagram:hover { background-color: rgba(255,255,255,1); } #footer .social a.Youtube { background-image: url(images/youtube-icon.svg); } #footer .searchform { margin: 6px 0 0; padding: 0px; position: relative; } #footer .searchform .screen-reader-text { display: none; } #footer .searchform input[type="submit"] { border: 0px; margin: 0px; display: block; width: 50px; height: 42px; background: url(images/search-icon.svg) center center no-repeat; background-size: 16px auto; font-size: 0px; line-height: 0px; cursor: pointer; position: absolute; top: 0px; right: 0px; } #footer .searchform input[type="submit"]:hover {background: url(images/search-icon-hover.svg) center center no-repeat; } #footer input[type="text"], #footer input[type="email"] { width: 100%; height: 40px; border: 1px solid #fff; background: #fff; display: block; font-size: 14px; line-height: inherit; padding: 0 14px; color: #acacac; font-weight: 400; } #footer input[type="text"].wpcf7-not-valid, #footer input[type="email"].wpcf7-not-valid {border: 1px solid #ff0000;} #footer .wpcf7-validation-errors { display: none !important; } #footer .wpcf7-mail-sent-ok { color:#73b850 !important; padding-top:0;} #footer .searchform input[type="text"] { padding: 0 50px 0 14px; } #footer .four input[type="submit"] { border: 0px; margin: 16px 0 0px; display: block; width: 114px; height: 42px; background: #acacac; cursor: pointer; font-weight: 800; text-transform: uppercase; color: #fff; letter-spacing: 1px; font-size: 14px; } #footer .four input[type="submit"]:hover { background: #73b850; } #footer ::-webkit-input-placeholder { color: #acacac; opacity: 1 !important; } #footer ::-moz-placeholder { color: #acacac; opacity: 1 !important; } #footer :-ms-input-placeholder { color: #acacac; opacity: 1 !important; } #footer :-moz-placeholder { color: #acacac; opacity: 1 !important; } #footer .one { width: 26.4%; float: left; } #footer .two { padding: 0 25px 0 40px; width: 17.5%; float: left; border-left: 2px solid #979797; border-right: 2px solid #979797; } #footer .three { padding: 0 42px 0 40px; width: 29.6%; float: left; border-right: 2px solid #979797; min-height: 226px;} #footer .four { padding: 0 0 0 45px; width: 26.5%; float: left; } #footer .four input { margin: 0px 0 13px; } #footer .four h3 { padding-bottom: 22px; } #footer .siteby { overflow: hidden; } #footer .siteby .sitetext { float: right; } #footer .siteby p { padding-bottom: 0px; font-size: 12px; font-weight: normal; opacity: 1; color: #c5c5c5; } #footer .siteby p a { color: #c5c5c5; text-decoration: none; } #footer .siteby p a:hover { color: #fff; text-decoration: underline; } table .alignnone{ float:left; width:100%} table{ border-collapse: separate; border-spacing: 0; border-width: 1px 0 0 1px; table-layout: fixed; width: 100%; margin-bottom: 15px; } th, td{ padding:0.2em 0.4em; vertical-align: top; } th p , td p { padding: 0px; } th, td img{ margin:0px!important} td img{ width:100%} select, input, textarea, button { -webkit-appearance: none; border-radius: 0px; -webkit-border-radius: 0px; } select, input[type="text"], input[type="email"], input[type="tel"], textarea { } select { cursor: pointer; } input[type="reset"] , input[type="submit"] { transition: all 350ms; -webkit-transition: all 350ms; -moz-transition: all 350ms; -ms-transition: all 350ms; -o-transition: all 350ms; } input[type="reset"]:hover , input[type="submit"]:hover { color: #fff; border-color: #ed980a; background-color: #ed980a; } input:focus, textarea:focus { outline: none; } textarea { height: 255px; padding: 22px 20px; resize: none; margin-bottom: 27px; } .wpcf7 br { display: none; } .wpcf7 span.wpcf7-not-valid-tip { display: none; } select.wpcf7-not-valid, input[type="text"].wpcf7-not-valid, input[type="email"].wpcf7-not-valid, input[type="tel"].wpcf7-not-valid, textarea.wpcf7-not-valid { border-color: #f00 !important; } div.wpcf7 .ajax-loader { display: none !important; } div.wpcf7 .wpcf7-response-output { padding: 25px 0 0; margin: 0px; border: 0px; color: #f00; } div.wpcf7 .wpcf7-mail-sent-ok { color: #390; } a.menuToggle {transition: all 350ms; -webkit-transition: all 350ms; -ms-transition: all 350ms; -o-transition: all 350ms; height:56px; display: block; text-decoration: none; line-height: 52px; text-align: right; background: none; width: 60px; z-index: 10; position: relative; margin:0; display: none; position: absolute; top: 15px; right: 17px; font-size: 0px; line-height: 0px; } a.menuToggle span { width: 24px; height: 3px; display: block; position: absolute; right: 15px; top: 28px; background: #73b850; transition: all 0.3s; -webkit-transition: all 0.3s; z-index:9999;} a.menuToggle span:after { width: 24px; height: 3px; position: absolute; left: 0px; top: -8px; content:''; background: #73b850; transition: all 0.3s; -webkit-transition: all 0.3s;} a.menuToggle span:before { width: 24px; height: 3px; position: absolute; left: 0px; bottom: -8px; content:''; background: #73b850; transition: all 0.3s; -webkit-transition: all 0.3s;} a.menuToggle.active span{ background: transparent; } a.menuToggle.active span:after { transform: rotate(45deg); -webkit-transform: rotate(45deg); top: 0; border-radius: 0px; -webkit-border-radius: 0px; } a.menuToggle.active span:before { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); bottom: 0px; border-radius: 0px; -webkit-border-radius: 0px; } .alignright { float: right; margin: 6px 0px 10px 20px; max-width: 50%; } .alignleft, .alignnone { float: left; margin: 17px 34px 38px 0px; } .aligncenter { float: none; margin: 5px auto 10px; display: block; } /* .aligncenter > .wp-block-embed__wrapper { text-align: center; } */ .site-loader { position: fixed; left: 0px; top: 0px; display: none; width: 100%; height: 100%; z-index: 9999; background: #0e0e0e url(images/site-loader.gif) center center no-repeat; background-size: 100px auto; } .fancybox-button.fancybox-button--close { width: 50px; height: 71px; transition: all 350ms; -webkit-transition: all 350ms; -moz-transition: all 350ms; -o-transition: all 350ms; -ms-transition: all 350ms; } .fancybox-button.fancybox-button--close svg { display: none; } .fancybox-button.fancybox-button--close:after { content: ""; position: absolute; top: 0px; right: 0px; width: 100%; height: 100%; background: url(images/close.svg) 20px 12px no-repeat; } .fancybox-button.fancybox-button--close:before { content: ""; position: absolute; top: 0px; right: 0px; width: 0; height: 0; border-style: solid; border-width: 0 80px 70px 0; border-color: transparent #c44441 transparent transparent; transition: all 350ms; -webkit-transition: all 350ms; -moz-transition: all 350ms; -o-transition: all 350ms; -ms-transition: all 350ms; } .fancybox-button.fancybox-button--close:hover:before { border-color: transparent #ed4d49 transparent transparent; } .volunteer-banner-bar.at_camp { background:#f4862d; } .volunteer-banner-bar.at_camp .volunteer-banner-image:before { background-repeat: no-repeat; background-size: 100% 100%; content: ''; display: block; position: absolute; width: 137px; left: 0; top: 0px; height: 100%; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 600 530' preserveAspectRatio='none'%3E%3Cpolygon points='0,0 900,800 0,530' style='fill:%23f4862d;' /%3E%3C/svg%3E"); } .volunteer-banner-bar.at_camp h1 { font-size: 50px; line-height: 65px; margin-bottom: 15px; } .volunteer-banner-bar.at_camp .inner-banner-inner { padding: 35px 0 37px; } .volunteer-banner-bar h3 { font-size: 18px; line-height: 22px; color: #fff; text-transform: none; font-weight:700; padding-bottom: 10px; } .volunteer-banner-bar.at_camp p { padding: 0 0 15px; } .volunteer-banner-bar.at_camp p strong { font-weight: 800;} .volunteer-banner-bar.at_camp .btn { padding: 16px 20px 13px 15px; } .volunteer-banner-bar.at_camp.singlejob .inner-banner-inner { padding: 25px 0 35px 8px; max-width: 465px; } .volunteer-banner-bar.at_camp.singlejob h1 { padding-bottom: 11px; margin-bottom: 18px; } .volunteer-banner-bar.at_camp.singlejob h2 { color: #fff; text-transform: none; font-size: 24px; line-height: 29px; font-weight: 800; padding-bottom: 15px; } .volunteer-banner-bar.at_camp.singlejob .btn { padding: 16px 20px 13px 22px; margin: 12px 0 0; } .volunteer-banner-bar.at_camp.singlejob .btn:hover { background:#fff; color:#F4862D; } .volunteer-banner-bar.at_camp.singlejob .btn:hover:after {background: url(images/arrow_orange.svg) 0px 0px no-repeat;} /*camp_work_sec*/ .camp_work_sec { width: 100%; } .camp_work_sec ul { list-style:none; margin:0; padding:0; } .head_bar.meet-our-team { background: #0092c8; padding: 18px 0 7px; } .head_bar.meet-our-team h1 { float: left; padding: 0px; font-size: 60px; letter-spacing: -0.015em; line-height: 66px; color: #fff; text-transform: uppercase; font-family: var(--display); font-weight: normal; } .head_bar.meet-our-team ul { padding: 8px 0 17px; float: right; } .head_bar.meet-our-team ul li { padding: 0 16px; } .head_bar.meet-our-team ul li:last-child { padding-right: 0px; } .head_bar.meet-our-team .triangle-bg { position: absolute; top: 0px; left: 50%; margin-left: -232px; width: calc(50% + 237px); height: 100%; background: #0189bc; } .head_bar.meet-our-team .triangle-bg:before { background-repeat: no-repeat; background-size: 100% 100%; content: ''; display: block; position: absolute; width: 50px; left: 0; top: 0px; height: 100%; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 600 530' preserveAspectRatio='none'%3E%3Cpolygon points='0,0 900,800 0,530' style='fill:%230092c8;' /%3E%3C/svg%3E"); } .head_bar.single-cap { background: #67a349; } .head_bar { padding: 25px 0 25px; background:#dc7624; text-align:center; position: relative; top: 0px; left: 0px; width: 100%; z-index: 100; } .camp_work_sec.is-fixed { padding-top: 99px; } #content-part.is-fixed { padding-top: 99px; } .single-job .camp_work_sec.is-fixed { padding-top: 117px; } .is-fixed .head_bar { top: 107px; position: fixed; } .has-top-bar .is-fixed .head_bar { top: 178px; } .head_bar ul { padding: 0px 0 3px; margin: 0px; list-style-type: none; } .head_bar li { padding: 0 26px; display: inline-block; vertical-align: top; font-size: 16px; line-height: 27px; font-weight:700; position: relative; } .head_bar li:not(:first-child):before { width: 1px; height: 20px; content:''; background:#fff; position:absolute; left:-2px; bottom: 3px; } .head_bar li a { opacity: 0.60; display: block; padding: 22px 0 0; color: #fff; text-decoration:none; position: relative; letter-spacing: -0.02em; font-size: 16px; font-weight: 700; } .head_bar li a:before { width: 15px; height: 20px; content:''; position:absolute; left:50%; top:-10px; opacity:0; transition:all 0.3s; -webkit-transition:all 0.3s; -ms-transition:all 0.3s; background:url(images/arrow-down.svg) center top no-repeat; background-size:100% 100%; margin-left: -7px; } .head_bar li a:hover, .head_bar li a.current { opacity: 100; } .head_bar li a:hover:before, .head_bar li a.current:before { opacity: 100; top:0; } .head_bar.singlejob { padding: 28px 0 28px; } .head_bar.singlejob.cit-program { background: #0092C8; } .common-bar ul, .common-bar ol { padding: 0px; margin: 0px; list-style-type: none; font-weight: 500; } .common-bar ol { counter-reset: item; } .common-bar ol li { counter-increment: item; } .common-bar ol li:before { content: counter(item)'.'; display: inline-block; vertical-align: top; margin: 0 5px 0 0; } .common-bar ul li, .common-bar ol li { font-weight: 400; padding: 0 0 21px 10px; font-size: 15px; line-height: 21px; color: #636363; position: relative; text-indent: 0px; font-weight: 400; } .common-bar ol li { text-indent: 0px; } .common-bar ul li ul { padding: 0 0 0 30px; } .common-bar ul li li { padding: 0px 0px 0px 10px; } .common-bar ul li li:last-child { padding-bottom: 0px; } .common-bar ul li li:before { width: 6px; height: 2px; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; left: 0px; } .common-bar ul li:before { content: ""; position: absolute; top: 10px; left: 0px; width: 3px; height: 3px; background: #636363; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; } .common-bar .single-requirement_section { padding: 0 105px 40px; margin-bottom: 50px; border-bottom: 2px solid #999; } .common-bar .single-job-inner .single-requirement_section:nth-last-of-type(1) { margin-bottom: 0px; border: 0px; } .common-bar.single-job-bar h2 { color: #F4862D; text-transform: uppercase; font-weight: 800; padding-bottom: 18px; letter-spacing: 1px; } .common-bar.single-job-bar p { font-size: 15px; line-height: 21px; color: #636363; padding-bottom: 23px; } .common-bar.single-job-bar p strong { font-weight: 800; } .common-bar.single-job-bar p a, .common-bar ul li a { color: #636363; text-decoration: underline !important; } .common-bar .single-requirement_section .links-wrap { overflow: hidden; margin: 0 -20px; padding: 14px 0 0; } .common-bar .single-requirement_section .links-wrap .item { padding: 0 20px; width: 30.5%; float: left; } .common-bar .single-requirement_section .links-wrap ul { padding: 0px; margin: 0px; list-style-type: none; } .common-bar .single-requirement_section .links-wrap ul li { padding: 0px 0 17px; text-indent: 0px; } .common-bar .single-requirement_section .links-wrap ul li a { text-decoration: none; } .common-bar .single-requirement_section .links-wrap ul li a:hover { color: #73B850; text-decoration: underline; } .common-bar .single-requirement_section .links-wrap ul li:before { display: none; } .common-bar .single-requirement_section h3 { padding-top: 33px; text-decoration: none; color: #73B850; font-size: 22px; line-height: 27px; text-transform: none; clear: both; } .common-bar .single-requirement_section .simcal-calendar-head h3 { padding-bottom: 20px; } .common-bar .single-requirement_section .simcal-calendar-grid { border: #ccc solid 1px; } .common-bar .simcal-default-calendar-grid.simcal-default-calendar-light .simcal-day-void, .common-bar .simcal-default-calendar-grid.simcal-default-calendar-light .simcal-day-void:hover { background-color: rgba(0,0,0,.1); } .common-bar.single-job-bar.single-cap { padding-bottom: 85px; } .common-bar.single-job-bar.single-cap h2 { color: #73B850; } .common-bar.single-cap ul li { padding-bottom: 18px; } .common-bar.single-job-bar.cit-program h2 { color: #0092C8; } .common-bar .single-requirement_section iframe { max-width: 100%; } .single-applicant_process { padding: 50px 105px 35px; } .btn-row { padding: 60px 0 42px; border-top: 2px solid #999; text-align: center; } .btn-row .btn { border-color: #F4862D; color: #F4862D; padding: 20px 31px 17px 32px; } .btn-row .btn:hover { background:#F4862D; color:#fff;} .btn-row .btn:after { background-image: url(images/btn-color-arrow.svg); margin: 1px 0 0 13px; } .btn-row .btn:hover:after { background-image: url(images/btn-arrow.svg); } .requirement_bar-banner { height: 415px; background-position: center center; background-size:cover; width: 100%; background-repeat: no-repeat; } /*requirement_bar*/ .requirement_bar { overflow: hidden; } .requirement_bar .requirement { width: 100%; background:#73b850; color: #fff; } .requirement_bar .requirement .wrapper { display: flex; -webkit-display: flex; -ms-display: flex; flex-wrap:wrap; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; } .requirement_bar .left { padding: 80px 100px 75px 0; width: 46%; } .requirement_bar .left h2 { letter-spacing: 0.04em; font-size: 24px; line-height: 28px; color: #fff; } .requirement_bar .left li { letter-spacing: 0.03em; padding: 0 0 15px 13px; font-size: 16px; line-height: 20px; position: relative; } .requirement_bar .left li:before { width: 4px; height: 4px; content:''; position:absolute; left:3px; top: 9px; background:#fff; border-radius: 50%; -webkit-border-radius: 50%; -ms-border-radius: 50%; } .requirement_bar .left li a { font-weight:700; text-decoration:underline; color: #fff; } .requirement_bar .right { position: relative; padding: 55px 0 50px 40px; text-align:center; width: 54%; background:#67a349; } .requirement_bar .right:before { width: 5000px; height: 100%; content:''; position:absolute; right:-5000px; top:0; background:#67a349; } .requirement_bar .right:after { background-repeat: no-repeat; background-size: 100% 100%; content: ''; display: block; position: absolute; width: 115px; transform: scale(-1,-1); left: -115px; top: 0px; height: 100%; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 600 530' preserveAspectRatio='none'%3E%3Cpolygon points='0,0 900,800 0,530' style='fill:%2367a349;' /%3E%3C/svg%3E"); } .requirement_bar .right h2 { padding-bottom: 10px; font-size: 66px; line-height: 76px; font-family: var(--display); font-weight: normal; color: #fff; } .requirement_bar .right .row { text-align: center; width: 100%; overflow:hidden; } .requirement_bar .right .col1 { max-width: 140px; width: calc(50% - 159px); display: inline-block; vertical-align: middle; padding: 0px 0px 20px; } .requirement_bar .right .col2 { position: relative; margin: 0 45px; padding: 45px 15px; width: 215px; height: 215px; background:#fff; border-radius: 50%; -webkit-border-radius: 50%; -ms-border-radius: 50%; vertical-align: middle; display: inline-block;} .requirement_bar .right .col2 p { letter-spacing: 0.04em; font-size: 22px; line-height: 26px; font-weight:800; display: block; color:#73b850; } .requirement_bar .right .col2 p strong { vertical-align: top; margin: -5px 0; font-size: 84px; line-height: 84px; display: block; letter-spacing: -0.01em;} .requirement_bar .right p strong { font-size: 65px; line-height: 70px; font-weight:800; display: block; letter-spacing: 2px } .requirement_bar .right p { font-size: 17px; line-height: 21px; display: block; display: block; font-weight:800; padding: 0px; } /*.requirement_bar .right .col2 img.left_arrow { max-width: 50px; transform: scale(-1,1); -webkit-transform: scale(-1,1); -ms-transform: scale(-1,1); position:absolute; left:-35px; top: 46%; } .requirement_bar .right .col2 img.right_arrow { max-width: 50px; position:absolute; right:-35px; top: 46%; } */ .requirement_bar .right .col2 img.left_arrow { max-width: 50px; transform: scale(-1,1); -webkit-transform: scale(-1,1); -ms-transform: scale(-1,1); } .requirement_bar .right .col2 img.right_arrow { max-width: 50px; } .requirement_bar .right .col2 .arrl { position:absolute; left:-35px; top: 46%; } .requirement_bar .right .col2 .arrr { position:absolute; right:-35px; top: 46%; } .requirement_bar .banner {height: 415px; background-position: center; background-size: cover;} /*applicant_process*/ .applicant_process { padding: 77px 0 82px; } .applicant_process .wrapper { max-width: 1190px; } .applicant_process h2 { font-size: 26px; line-height: 30px; text-align: center; color: #0092c8; padding-bottom: 64px; } .applicant_process .row { overflow: hidden; margin: 0 -25px; } .applicant_process .col3 { padding: 0 25px; width: 33.33%; float: left; } .applicant_process .col3:nth-of-type(2) .box { background:#11ace4; } .applicant_process .col3:nth-of-type(2) .box span.num { color: #11ace4; } .applicant_process .col3:nth-of-type(3) .box { background:#0192c9; } .applicant_process .col3:nth-of-type(3) .box span.num { color: #0192c9; } .applicant_process .box { color: #fff; padding: 39px 35px 33px; width: 100%; background: #19bef8; border-radius: 7px; -webkit-border-radius: 7px; -ms-border-radius: 7px; } .applicant_process span.num { padding: 40px 15px 15px; font-size: 137px; background: #fff; width: 210px; height: 210px; line-height: 137px; border-radius: 50%; -webkit-border-radius: 50%; -ms-border-radius: 50%; font-weight:800; letter-spacing: 0.01em; color: #19bef8; display: block; margin:auto; text-align:center;} .applicant_process span.num small { font-size: 22px; line-height: 22px; margin-bottom: -7px; display: block; vertical-align: top; } .applicant_process h3 { padding: 30px 0 14px; font-size: 20px; line-height: 26px; color:#fff; font-weight:800; text-transform: none;} .applicant_process p { font-size: 14px; line-height:18px; padding:0 0 10px; } .applicant_process .note { padding: 40px 25px 25px 31px; max-width: 584px; overflow: hidden; } .applicant_process .note h3 { padding: 0px; display: block; width: 70px; float: left; font-size: 18px; line-height: 22px; color: #0092c8; font-weight:800; } .applicant_process .note p { overflow: hidden; color: #636363; font-size: 14px; line-height: 20px; padding: 3px 0 10px; font-weight: 500; } .applicant_process .note p a { color: #636363; font-weight:700; } .applicant_process .note p a:hover { text-decoration: underline; } /*important_staff_dates*/ .important_staff_dates { width: 100%; } .important_staff_dates .highlight_box { padding: 45px 0 50px; position: relative; text-align:center; background:#f4862d; color: #fff; } .important_staff_dates .highlight_box:before { width: 20px; height: 20px; content:''; position:absolute; left:50%; bottom: -10px; margin-left: -10px; background:#f4862d; transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); } .important_staff_dates .highlight_box .wrapper { max-width: 890px; } .important_staff_dates h2 { font-size: 26px; padding-bottom: 15px; letter-spacing: 0.04em; line-height: 30px; font-weight:800; } .important_staff_dates .highlight_box h2 { color: #fff; padding-bottom: 18px; } .important_staff_dates .highlight_box p { letter-spacing: 0.01em; padding:0; } .important_staff_dates .staff_orientation { padding: 70px 0 37px; } .important_staff_dates .small_wrap { padding-bottom: 5px; max-width: 880px; margin:auto; text-align:center; } .important_staff_dates .staff_orientation h2 { text-transform: none; font-size: 27px; letter-spacing:normal; color: #f4862d; padding-bottom: 20px; } .important_staff_dates .row { display: flex; -webkit-display: flex; -ms-display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; margin: 0 -20px; overflow: hidden; } .important_staff_dates .row .col3 { width: 33.33%; padding: 35px 20px 34px; } .important_staff_dates .row .col2 { width: 50%; padding: 15px 20px 20px; } .important_staff_dates .row .col1 { width: 100%; padding: 15px 25px 20px; } .important_staff_dates h4 { font-size: 18px; line-height: 24px; text-transform: none; padding-bottom: 15px; } .important_staff_dates .staff_orientation h4 { color: #f4862d; padding-bottom: 18px; } .important_staff_dates span.date { font-size: 22px;line-height: 26px; display: block; color: #636363; letter-spacing: 0.02em; font-weight: 400; } .important_staff_dates .session_dates { overflow:hidden; background:#f3f3f3; padding: 65px 0 76px; } .important_staff_dates .session_dates h2 { text-align:center; text-transform:none; color: #f4862d; padding-bottom: 67px; } .important_staff_dates .left { width: 67.7%; float: left; padding: 0 50px 0 0; border-right: 1px solid rgba(0,0,0,0.6); } .important_staff_dates .left .leftcontent { padding-bottom: 30px; } .important_staff_dates .right { width: 32.3%; float: right; padding: 0 0 0 60px; } .important_staff_dates h3 { text-transform:none; color: #f4862d; font-size: 20px; letter-spacing: 0.02em; padding-bottom: 20px; } .important_staff_dates .banner { height: 415px; background-position: center center; background-size:cover; } /*current_opening*/ .current_opening { width: 100%; overflow: hidden; padding: 65px 0 0; } .current_opening h2 { padding-bottom: 60px; text-align:center; font-size: 26px; letter-spacing: 0.04em; line-height: 30px; font-weight:800; color: #11ace4; } .current_opening .left_sidebar { width: 322px; float: left; padding: 5px 50px 0 0; border-right: 2px solid rgba(0,0,0,0.15); } .current_opening .left_sidebar li { font-size: 16px; line-height: 20px; padding-bottom: 18px; font-weight: 700; } .current_opening .left_sidebar li:last-child { padding-bottom:0; } .current_opening .left_sidebar li a { color: #9b9b9b; text-decoration:none; display: inline-block; vertical-align: top; } .current_opening .left_sidebar li a svg path { fill:#11ace4; } .current_opening .left_sidebar li a span { display: inline-block; vertical-align: middle; max-width: calc(100% - 30px); } .current_opening .left_sidebar li a svg { transition:all 0.3s; -webkit-transition:all 0.3s; -ms-transition:all 0.3s; opacity:0; display: inline-block; vertical-align: middle; margin: 0 0px 0 5px; max-width: 28px; } .current_opening .left_sidebar li a:hover svg, .current_opening .left_sidebar li a.active svg { opacity:1; } .current_opening .left_sidebar li a:hover, .current_opening .left_sidebar li a.active { color: #11ace4; } .current_opening .left_sidebar ul:hover li a.active { color: #9b9b9b; } .current_opening .left_sidebar ul:hover li a.active svg { opacity:0; } .current_opening .left_sidebar ul:hover li a:hover { color: #11ace4; } .current_opening .left_sidebar ul:hover li a:hover svg { opacity:1; } .current_opening .right_sidebar { overflow: hidden; padding: 0 0 0 60px; } .current_opening .right_sidebar h3 { text-transform: none; font-weight:600; font-size: 22px; color: #11ace4; padding-bottom: 16px; } .current_opening .right_sidebar .textbox:not(.full-width) { padding: 7px 40px 0 0; width: calc(100% - 295px); float: left;} .current_opening .right_sidebar .textbox p { font-weight: 400; } .current_opening .right_sidebar figure { margin: 10px 0 0 0; width: 295px; float: right; } .current_opening .right_sidebar figure img { border-radius: 50%; -webkit-border-radius: 50%; -ms-border-radius: 50%; width: 100%; } .current_opening .right_sidebar a.more { font-weight:800; color: #11ace3; text-decoration:none; } .current_opening .right_sidebar a.more:hover { color: #0092C8;} .current_opening .right_sidebar a.more svg { width: 17px; display: inline-block; vertical-align: middle; margin: 0 0 0 5px; transition: 0.3s all; -webkit-transition: 0.3s all; } .current_opening .right_sidebar a.more:hover { text-decoration:none; } .current_opening .right_sidebar a.more:hover svg g { fill: #0092C8; stroke: #0092C8; } .current_opening .right_sidebar a.more:hover svg { margin-left: 10px; } .current_opening .banner { margin-top:76px; height: 410px; background-position: center center; background-size:cover; } .current_opening .job-content { display: none; } .searchnotofund { padding: 50px 0; } /*what_to_except*/ .what_to_except { overflow:hidden; position: relative; color: #fff; padding: 68px 0 90px; width: 100%; background:#0192c9; } .what_to_except:before { content:''; position:absolute; right: 0px; bottom: 0px; width: 0px; height: 0px; width: 0; height: 0; border-style: solid; border-width: 0 0 460px 630px; border-color: transparent transparent #0698ce transparent; } .what_to_except .except { padding: 53px 0 0; } .what_to_except h2 { padding-bottom: 7px; letter-spacing:0.04em; text-align:center; color: #fff; font-size: 26px; line-height: 30px; } .what_to_except .except_list { padding-bottom: 55px; } .what_to_except .except_list li { border-bottom: 2px solid rgba(255,255,255,0.60); position: relative; padding: 26px 0 26px 38px; margin-bottom: 2px; } .what_to_except .except_list li h4 { transition:all 0.3s; -webkit-transition:all 0.3s; -ms-transition:all 0.3s; cursor:pointer; padding:0; opacity: 0.8; font-size: 22px; line-height: 24px; text-transform: none; color: #fff; font-weight:400; } .what_to_except .content { padding: 11px 0 0 0; display: none; max-width:832px; } .what_to_except .content p { padding-bottom:0px; letter-spacing: 0.02em; } .what_to_except li svg { position:absolute; left:0; top:27px; opacity: 0.70; width: 23px; transition:all 0.3s; -webkit-transition:all 0.3s; -ms-transition:all 0.3s; } .what_to_except .except_list li .active svg { transform: rotate(90deg); -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); opacity:100; } .what_to_except li:hover svg , .what_to_except .except_list li .head:hover { opacity:1; } .what_to_except .except_list li .head.active h4 { opacity: 1; } .what_to_except .btn { display: table; margin:auto; letter-spacing: 0.75px; padding: 21px 31px 20px 32px; } .what_to_except .sub-repeat-wrap { padding: 0; margin: 0 -16px; overflow: hidden; } .what_to_except .sub-repeat-wrap .sub-repeat { padding: 0 16px 32px; margin: 0; width: 50%; float: left; position: relative; } .what_to_except .sub-repeat-wrap .sub-repeat .inner { background: #11ace3; display: flex; } .what_to_except .sub-repeat-wrap .sub-repeat .sub-image { padding: 0px; margin: 47px 31px 0 22px; min-width: 231px; min-height: 231px; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; } .what_to_except .sub-repeat-wrap .sub-repeat .sub-image img { border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; } .what_to_except .sub-repeat-wrap .sub-repeat:nth-of-type(2n) { float: right; } .home-blocks .sub-repeat-wrap .sub-repeat:nth-of-type(2n):after { content: ""; position: absolute; top: -3px; left: -33px; width: 1px; height: 100%; background: #fff; } .what_to_except .sub-repeat-wrap .sub-repeat:nth-of-type(2n+1) { clear: both; } .what_to_except .sub-repeat-wrap .quote { padding: 48px 15px 21px 0px; min-height: 323px; } .what_to_except .sub-repeat-wrap .quote p { padding-bottom: 6px; font-size: 18px; line-height: 23px; font-weight: 300; font-style: italic; color: #fff; position: relative; } .what_to_except .sub-repeat-wrap .quote p:nth-of-type(1) { padding-top: 19px; } .what_to_except .sub-repeat-wrap .quote p:nth-of-type(1):before { content: ""; width: 64px; height: 50px; position: absolute; top: -10px; left: -20px; background: url(images/quote-top.png) top left no-repeat; background-size: contain; opacity: 0.24; } .what_to_except .sub-repeat-wrap .quote p:nth-last-of-type(1):after { margin: 5px 0 0 7px; content: ""; width: 33px; height: 24px; display: inline-block; vertical-align: top; background: url(images/quote-bottom.png) top left no-repeat; background-size: cover; opacity: 0.24; } .what_to_except .sub-repeat-wrap .name { display: block; padding: 0 0 21px; font-size: 14px; line-height: 18px; font-weight: 300; color: #fff; } .what_to_except .sub-repeat-wrap .name strong { font-weight: 300; } .page-template-work .what_to_except .sub-repeat-wrap .name strong { font-weight: 700; } .what_to_except .repeat:nth-of-type(2) .quote-inner { min-height: 199px; } /*our_impact_sec*/ .our_impact_sec { margin: 0; width: 100%; overflow:hidden; position: relative; } .our_impact_sec.is-fixed { padding-top: 100px; } .has-top-bar .our_impact_sec.is-fixed .head_bar { top: 178px; } .our_impact_sec .head_bar { padding:0; text-align: left; background:#67a349; width: 100%; overflow: hidden; position: relative; top: 0px; left: 0px; z-index: 100; } .our_impact_sec.is-fixed .head_bar { top: 107px; position: fixed; } .our_impact_sec .head_bar .wrapper { display: flex; -webkit-display: flex; -ms-display: flex; flex-wap:wrap; -webkit-flex-wap:wrap; -ms-flex-wap:wrap; } .our_impact_sec .head_bar .title { padding: 20px 0; width: 34.5%; background: #73b850; position: relative; } .our_impact_sec .head_bar .title:before { width: 5000px; height: 100%; content:''; position:absolute; left: -5000px; top:0; background: #73b850; } .our_impact_sec .head_bar .menu { padding: 0 0 0 110px; width: 65.5%; } .our_impact_sec .head_bar h1 { letter-spacing: 0em; padding: 0; font-size: 60px; line-height: 60px; color: #fff; font-family: var(--display); font-weight: normal; } .our_impact_sec .head_bar li { padding: 0 17px; } .our_impact_sec .head_bar .menu ul { padding:25px 0 0; } .our_impact_sec .banner { height: 515px; width: 100%; background-position: center center; background-size:cover; } .our_impact_sec .outer_wrapper { max-width: 1270px; margin:auto; background:#fff; } .our_impact_sec .heading { max-width: 800px; margin:auto; text-align: center; } .our_impact_sec .results .heading { max-width: 900px; } .our_impact_sec .heading h2 { font-size: 70px; line-height: 75px; color: #73b850; font-family: var(--display); font-weight: normal; } .our_impact_sec .heading p { color: #606060; font-weight:700; } .our_impact_sec .how_its_work .heading p { padding-bottom: 45px; color: #fff; } .our_impact_sec .head_bar .title:after { background-repeat: no-repeat; background-size: 100% 100%; content: ''; display: block; position: absolute; width: 55px; right: -55px; top: 0px; height: 100%; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 600 530' preserveAspectRatio='none'%3E%3Cpolygon points='0,0 900,800 0,530' style='fill:%2373b850;' /%3E%3C/svg%3E"); } .our_impact_sec.search .head_bar .title:after, .our_impact_sec.search .head_bar .title:before { display: none; } .our_impact_sec.search .head_bar .title { width: 100%; background: none; } /*who_we_serve*/ .who_we_serve { padding: 50px 20px 82px; margin: -140px 0 0 0; width: 100%; } .who_we_serve .row { overflow:hidden; } .who_we_serve .col3 { position: relative; width: 33.33%; float: left; } .who_we_serve .top { position: relative; padding: 7px 25px 15px 0; border-bottom: 3px solid #73b850; text-align:center; } .who_we_serve .top:before { width: 20px; height: 20px; content:''; position:absolute; left:50%; bottom: -12px; margin-left: -12px; background:#fff; transform: rotate(45deg); border: 3px solid #73b850; border-left:0; border-top:0; } .who_we_serve .top .icon { width: 60px; height: 60px; display: inline-block; vertical-align: middle; } .who_we_serve .top span { overflow: hidden; display: inline-block; vertical-align: middle; max-width: calc(100% - 65px); padding-left:10px; font-size: 29px; line-height: 33px; color: #73b850; font-weight:800; } .who_we_serve .text { overflow: hidden; padding: 65px 10px 0 0; } .who_we_serve .text img { float: left; max-width: 120px; } .who_we_serve .text .num { padding: 30px 10px 10px; width: 140px; height: 140px; border-radius: 50%; -webkit-border-radius: 50%; -ms-border-radius: 50%; background:#73b850; color: #fff; font-size: 64px; line-height: 64px; font-weight:800; text-align:center; float: left; } .who_we_serve .text .num span { margin: 5px 0 0; font-size: 50px; line-height: 50px; font-weight: 300; display: inline-block; vertical-align: top; } .who_we_serve .text .num sup { display: inline-block; vertical-align: top; font-size: 54px; line-height: 54px; position: relative; top: -6px; } .who_we_serve .text .num small { text-transform: uppercase; font-size: 16px; line-height: 16px; display: block; vertical-align: top; } .who_we_serve .text .num.small { font-size: 52px; line-height: 52px; } .who_we_serve .col3:nth-of-type(1) .text .num { font-size: 54px; line-height: 88px; } .who_we_serve .col3:nth-of-type(1) .text .num small { text-align: left; padding-left: 20px; } .who_we_serve .text cite { font-style:normal; font-size: 28px; display: inline-block; vertical-align: top; line-height: 28px; } .who_we_serve .text h3 { font-size: 18px; line-height: 22px; padding-bottom: 10px; text-transform: none; color: #73b850; } .who_we_serve .text .content { overflow: hidden; padding: 15px 0 0 20px; } .who_we_serve .text .content p { font-size: 14px; line-height: 18px; color: #9d9d9d; font-weight:700; padding:0; } /*how_its_work*/ .how_its_work { margin: 0 15px 200px; width: calc(100% - 30px); padding: 50px 85px 0; display: table; background:#0192c9; } .how_its_work .heading h2 { color: #fff; font-size: 70px; line-height: 75px; } .how_its_work img.figure { margin:0 auto 60px; } .how_its_work .aftertext { border-top: 1px solid #fff; padding: 30px 125px; overflow: hidden; text-align: center; } .how_its_work .aftertext p { color: #FFF; font-weight: 700; font-size: 18px; line-height:24px; } .how_its_work .survey { border-top: 1px solid #fff; padding:56px 0 62px; overflow: hidden; } .how_its_work .survey h2 { color: #fff; text-transform:none; padding: 0 0 29px 57px; font-size: 22px; line-height: 26px; letter-spacing: -0.02em; } .how_its_work .survey .left { text-align: center; width: 59%; float: left; padding: 10px 0 0; } .how_its_work .survey .right { padding: 13px 0 37px 65px; border-left: 1px solid rgba(255,255,255,0.90); width: 40.5%; float: right; } .how_its_work .survey .ratingbox { width: 48%; max-width: 255px; display: inline-block; vertical-align: top; padding: 0 10px; text-align:center;} .how_its_work .survey .ratingbox h4 { padding: 0 0 1px; color:#fff; font-size: 16px; line-height: 20px; } .how_its_work .survey .ratingbox .rating { margin: 2px 0 7px; font-size:0; line-height:0; } .how_its_work .survey .ratingbox .rating .star { display:inline-block; vertical-align: top; margin: 0 2px; } .how_its_work .survey .ratingbox .value { display: block; font-size: 64px; line-height: 64px; font-weight:800;color: #fff; } .how_its_work .survey .ratingbox .value small { margin: 0 -12px 0 0; font-size: 19px; line-height: 19px; width: 40px; display: inline-block; text-align: left; } .how_its_work .right .percent { font-size: 62px; line-height: 66px; font-weight:800; color: #fff; float: left; } .how_its_work .right .percent small { font-size: 26px; display: inline-block; vertical-align: top; line-height: 40px; padding-left: 2px;} .how_its_work .right p { overflow: hidden; font-size: 16px; line-height: 21px; color: #fff; font-weight:800; padding: 5px 25px 0 25px; } .how_its_work .testimonial { overflow: hidden; background: #11ace4; margin-bottom: -135px; padding: 70px 160px 67px; } .how_its_work .testimonial blockquote { color: #fff; font-size: 22px; line-height: 27px; padding-bottom: 20px; letter-spacing: -0.005em; font-style:italic; } .how_its_work .testimonial blockquote p { padding: 0px; font-weight: 300; } .how_its_work .testimonial span { font-size: 14px; line-height: 18px; display: block; color: #fff; } .how_its_work .testimonial blockquote:before { width: 58px; height: 44px; content:''; background:url(images/quote-top.png) no-repeat; background-size:100% 100%; position:absolute; left:-35px; top:-20px; opacity: 0.25;} .how_its_work .testimonial blockquote p:nth-last-of-type(1):after { width: 34px; height: 24px; content:''; background:url(images/quote-bottom.png) no-repeat; background-size:100% 100%; display: inline-block; vertical-align: bottom; opacity: 0.25; margin: 0px 0 0 10px; transform: translate(0,5px); -webkit-transform: translate(0,5px); -ms-transform: translate(0,5px); } /*results*/ .results { padding: 70px 0 0; color: #fff; width: 100%; background:#79c454; } .results .heading h2 { padding-bottom: 15px; font-size: 70px; line-height: 75px; color: #fff; } .results .heading p { color: #fff; } .results .row { margin: 3px -18px 0; width: auto; display: flex; -webkit-display: flex; -ms-display: flex; flex-wrap:wrap; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; } .results .row .col2 { width: 52%; padding: 35px 18px 43px; } .results .row .col2:nth-of-type(even) { width: 48%; padding: 35px 0px 43px 18px; } .results .col2 .icon { max-width: 98px; float: left; } .results .col2 .text { overflow: hidden; padding: 9px 0 0 20px; } .results .col2 h3 { font-size: 22px; line-height: 26px; padding-bottom: 12px; color: #fff; text-transform:none; } .results .wrap { display: flex; -webkit-display: flex; -ms-display: flex; flex-wrap:wrap; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; margin: 0 -15px; } .results .column { width: 50%; padding: 0 15px; } .results .column .percent { font-size: 48px; line-height: 52px; font-weight:800; display: block; padding-bottom: 3px; } .results .column .percent small { font-size: 26px; line-height: 26px; display: inline-block; vertical-align: top; padding: 5px 0 0 5px; } .results .column p { line-height: 20px; } /*reach_and_influence*/ .reach_and_influence { width: 100%; color:#fff; background: #11ace4; } .reach_and_influence .wrapper { display: flex; -webkit-display: flex; -ms-display: flex; flex-wap:wrap; -webkit-flex-wap:wrap; -ms-flex-wap:wrap; } .reach_and_influence .left { position:relative; width: 44%; padding: 60px 15px 75px 0; background:#0192c9; } .reach_and_influence .left:before { width: 5000px; height: 100%; content:''; position:absolute; left:-5000px; top:0; background:#0192c9; } .reach_and_influence .left:after { background-repeat: no-repeat; background-size: 100% 100%; content: ''; display: block; position: absolute; width: 175px; right: -175px; top: 0px; height: 100%; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 600 530' preserveAspectRatio='none'%3E%3Cpolygon points='0,0 900,800 0,530' style='fill:%230192c9;' /%3E%3C/svg%3E"); } .reach_and_influence .testimonial { width: 56%; padding: 81px 0 0 209px; } .reach_and_influence .testimonial blockquote { color: #fff; font-size: 22px; line-height: 27px; letter-spacing: -0.005em; font-style:italic; padding: 10px 0px 18px; } .reach_and_influence .testimonial span { font-size: 14px; line-height: 18px; display: block; color: #fff; } .reach_and_influence .testimonial blockquote:before { width: 58px; height: 44px; content:''; background:url(images/quote-top.png) no-repeat; background-size:100% 100%; position:absolute; left:-35px; top:-20px; opacity: 0.25;} .reach_and_influence .testimonial blockquote p { padding-bottom: 0px; } .reach_and_influence .testimonial blockquote p:nth-last-of-type(1):after { width: 34px; height: 24px; content:''; background:url(images/quote-bottom.png) no-repeat; background-size:100% 100%; display: inline-block; vertical-align: bottom; opacity: 0.25; margin: 0px 0 0 10px; transform: translate(0,25px); -webkit-transform: translate(0,5px); -ms-transform: translate(0,5px); } .reach_and_influence .heading h2 { color: #fff; font-size: 70px; line-height: 75px; letter-spacing:0.01em; padding-bottom: 20px; } .reach_and_influence .heading { text-align: left; } .reach_and_influence .left { font-weight:700; } .reach_and_influence a.more { text-decoration:none; color: #fff; font-weight:800; margin: 5px 0 0 0; display: inline-block; text-transform: uppercase; position: relative; padding:0 10px 0 0; letter-spacing:1px; z-index:10; } .reach_and_influence a.more:after { background: url(images/arrow_white_big.svg) no-repeat; content: ""; width: 23px; height: 24px; transition: all ease-in-out 0.2s; background-size: 23px; margin: 3px 0 0 3px; position: relative; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; display: inline-block; vertical-align: top; } .reach_and_influence a.more:hover:after { margin: 3px 0 0 6px; } .reach_and_influence a.more svg { display: inline-block; vertical-align: top; margin: 2px 0 0 10px; } /*program-banner-bar (which-program)*/ .program-banner-bar.which-program h1 { font-size: 60px; line-height: 71px; letter-spacing: -0.01em; } .program-banner-bar.which-program .left { width: 45%; } .program-banner-bar.which-program .right { padding-bottom: 24px; width: 46.5%; } .program-banner-bar.which-program .right p { padding-bottom: 10px; } .program-banner-bar.which-program .triangle-bg { width: calc(46.5% + 117px); left:auto; right:0; } .program-banner-bar.which-program .btn { padding: 16px 21px 13px 20px; } .program-banner-bar.which-program .triangle-bg:before { width: 93px; } /* =============================================================================================================================*/ .facilitie-bar { width: 100%; position: relative; overflow: hidden; background: #0092c8; } .facilitie-bar h1 { color: #fff; font-family: var(--display); font-size: 70px; font-weight: normal; letter-spacing: 0; } .facilitie-bar p { color: #fff; font-size: 15px; line-height: 19px; } .facilitie-bar .left { margin-top: 66px; width: 40%; float: left; } .facilitie-bar .right { padding: 44px 14px 22px; width: 53.1%; float: right; position: relative; } .facilitie-bar .triangle-bg { position: absolute; top: 0px; left: 50%; margin-left: -140px; width: calc(50% + 140px); height: 100%; background: #0186b8; } .facilitie-bar .triangle-bg:before { background-repeat: no-repeat; background-size: 100% 100%; content: ''; display: block; position: absolute; width: 95px; left: 0; top: 0px; height: 100%; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 600 530' preserveAspectRatio='none'%3E%3Cpolygon points='0,0 900,800 0,530' style='fill:%230092c8;' /%3E%3C/svg%3E"); } .tour-bar { padding: 65px 0 63px; width: 100%; overflow: hidden; background: #73b850; } .tour-bar .left:not(.full-width) { padding: 6px 0 22px; width: 44%; position: relative; z-index: 99; } .tour-bar .right { width: 58.2%; position: absolute; top: 0px; right: 15px; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: top center; } .tour-bar .right:before { background-repeat: no-repeat; background-size: 100% 100%; content: ''; display: block; position: absolute; width: 192px; left: 0px; top: 0px; height: 102%; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 600 530' preserveAspectRatio='none'%3E%3Cpolygon points='0,0 900,800 0,530' style='fill:%2373b850;' /%3E%3C/svg%3E"); } .tour-bar li { letter-spacing: 0.03em; padding: 0 0 18px 13px; font-size: 16px; line-height: 20px; position: relative; color: #fff; } .tour-bar li:before { width: 4px; height: 4px; content: ''; position: absolute; left: 3px; top: 9px; background: #fff; border-radius: 50%; -webkit-border-radius: 50%; -ms-border-radius: 50%; } .tour-bar ul { padding: 0px 0 3px 0px; list-style: none; } .tour-bar h2 strong { padding: 0; font-size: 21px; line-height: 26px; text-transform: uppercase; font-weight: 900; color: #fff; display: block; font-family: 'Montserrat', sans-serif; } .tour-bar h2 { padding: 0 0 30px; color: #fff; font-family: var(--display); font-size: 70px; font-weight: normal; letter-spacing: 1px; line-height: 96px; } .tour-bar .btn { padding: 16px 17px 13px 25px; margin: 6px 0 0px 8px; } .tour-bar .btn:hover { background:#fff; color:#73B850;} .tour-bar .btn:hover:after { background: url(images/arrow_green.svg) 0px 0px no-repeat;} .tour-bar .btn:after { margin: 1px 0 0 32px; } .rental-bar { padding: 64px 0 215px; width: 100%; overflow: hidden; text-align: center; background: #0092c8; } .rental-bar li { padding: 0 16px; width: 33.33%; float: left; color: #fff; text-align: left; font-size: 15px; line-height: 19px; } .rental-bar li h3 { margin: 0px; font-size: 20px; display: block; font-weight: 800; padding: 0px 0 10px; letter-spacing: 1px;} .rental-bar li .full { padding: 35px 32px; width: 100%; min-height: 295px; background: #11ace3; } .rental-bar h3 { padding: 0px 0 54px; color: #fff; font-size: 26px; font-weight: 800; letter-spacing: 1px; } .rental-bar ul { margin: 0 -16px; overflow: hidden; list-style: none; padding: 0px 0 25px; } .rental-bar .btn { padding: 15px 20px 14px 25px; } .rental-bar .btn:hover { background:#fff; color:#0092C8;} .rental-bar .btn:after { margin: 1px 0 0 30px; } .rental-bar .btn:hover:after {background: url(images/blue_arrow.svg) 0px 0px no-repeat;} .event-bar { width: 100%; background: #f3f3f3; float: left; } .event-bar .wrapper { margin-top: -150px; } .event-bar .event { width: 100%; } .event-bar .bottom { padding: 15px 330px 15px 55px; width: 100%; min-height: 104px; overflow: hidden; background: #73b850; display: flex; align-items: center; position: relative; } .event-bar .bottom .bg { width: 203px; height: 100%; display: none; position: absolute; bottom: 0px; right: 0px; background: #67a349; } .event-bar .bottom .bg:after { background-repeat: no-repeat; background-size: 100% 100%; content: ''; display: block; position: absolute; width: 107px; left: -104px; top: 0px; height: 102%; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 600 530' preserveAspectRatio='none'%3E%3Cpolygon points='580,0 900,255 50,950' style='fill:%2367a349;' /%3E%3C/svg%3E"); } .event-bar .bottom p { padding: 0; color: #fff; font-weight: 500; padding: 0px; } .event-bar .image { width: 100%; overflow: hidden; min-height: 395px; background-repeat: no-repeat; background-size: cover; } .event-bar .item { width: 100%; } .event-bar .slick-arrow { margin-top: -58px; width: 64px; height: 64px; background-color: #73B850; } .event-bar .slick-arrow:hover { background-color: #67A349; } .event-bar .slick-arrow.slick-next { right: -32px; background-image: url(images/slick-next-arrow.svg); } .event-bar .slick-arrow.slick-prev { left: -32px; background-image: url(images/slick-prev-arrow.svg); } /*.event-bar .slick-slider .slick-dots { padding: 0px !important; margin: 0px; width: 222px; left: auto; right: 0px; position: absolute; bottom: 38px; }*/ .event-bar .slick-slider .slick-dots { padding: 40px 0px 0px 0px !important; margin: 0px; width: 203px; height: 104px; left: auto; right: 0px; position: absolute; bottom: 0px; background: #67a349; } .event-bar .slick-slider .slick-dots:after { background-repeat: no-repeat; background-size: 100% 100%; content: ''; display: block; position: absolute; width: 107px; left: -104px; top: 0px; height: 103%; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 600 530' preserveAspectRatio='none'%3E%3Cpolygon points='580,0 900,255 50,950' style='fill:%2367a349;' /%3E%3C/svg%3E"); } .event-bar .slick-slider .slick-dots li { padding: 0 2px !important; } .event-bar .slick-slider .slick-dots li button { width: 12px; height: 12px; background: rgba(255,255,255,0.59); } .event-bar .slick-slider .slick-dots li.slick-active button, .event-bar .slick-slider .slick-dots li button:hover { transform: none; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; background: #fff; } .event-bar { } .event-bar { } .event-bar { } .lightbox-slider { } .lightbox-slider .bottom { padding: 15px 330px 15px 55px; width: 100%; min-height: 104px; overflow: hidden; background: #73b850; display: flex; align-items: center; position: relative; } .lightbox-slider .bottom .bg { width: 203px; height: 100%; display: none; position: absolute; bottom: 0px; right: 0px; background: #67a349; } .lightbox-slider .bottom .bg:after { background-repeat: no-repeat; background-size: 100% 100%; content: ''; display: block; position: absolute; width: 107px; left: -104px; top: 0px; height: 102%; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 600 530' preserveAspectRatio='none'%3E%3Cpolygon points='580,0 900,255 50,950' style='fill:%2367a349;' /%3E%3C/svg%3E"); } .lightbox-slider .bottom p { padding: 0; color: #fff; font-weight: 500; padding: 0px; } .lightbox-slider .image { width: 100%; overflow: hidden; min-height: 395px; background-repeat: no-repeat; background-size: cover; } .lightbox-slider .item { width: 100%; } .lightbox-slider .slick-arrow { margin-top: -58px; width: 64px; height: 64px; background-color: #73B850; } .lightbox-slider .slick-arrow:hover { background-color: #67A349; } .lightbox-slider .slick-arrow.slick-next { right: -32px; background-image: url(images/slick-next-arrow.svg); } .lightbox-slider .slick-arrow.slick-prev { left: -32px; background-image: url(images/slick-prev-arrow.svg); } .lightbox-slider.slick-slider .slick-dots { padding: 40px 0px 0px 0px !important; margin: 0px; width: 203px; height: 104px; left: auto; right: 0px; position: absolute; bottom: 0px; background: #67a349; } .lightbox-slider.slick-slider .slick-dots:after { background-repeat: no-repeat; background-size: 100% 100%; content: ''; display: block; position: absolute; width: 107px; left: -104px; top: 0px; height: 100%; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 600 530' preserveAspectRatio='none'%3E%3Cpolygon points='580,0 900,255 50,950' style='fill:%2367a349;' /%3E%3C/svg%3E"); } .lightbox-slider.slick-slider .slick-dots li { padding: 0 2px !important; } .lightbox-slider.slick-slider .slick-dots li button { width: 12px; height: 12px; background: rgba(255,255,255,0.59); } .lightbox-slider.slick-slider .slick-dots li.slick-active button, .lightbox-slider.slick-slider .slick-dots li button:hover { transform: none; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; background: #fff; } .lightbox-slider:not(.slick-slider) .item:not(:nth-of-type(1)) { display: none; } /*what_to_except*/ .what_to_except { overflow:hidden; clear: both; position: relative; color: #fff; padding: 65px 0 90px; width: 100%; background:#0192c9; } .what_to_except:after { width: 1000px; height:1000px; content:''; position:absolute; right:-500px; bottom:-650px; background: rgba(255,255,255,0.05); transform: rotate(54deg); -webkit-transform: rotate(54deg); -ms-transform: rotate(54deg); } .what_to_except .except { padding: 50px 0 0; } .what_to_except h2 { padding-bottom: 10px; letter-spacing:0.04em; text-align:center; color: #fff; font-size: 26px; line-height: 30px; } .what_to_except .except_list { padding-bottom: 60px; } .what_to_except .except_list li { border-bottom: 2px solid rgba(255,255,255,0.60); position: relative; padding: 26px 0 26px 35px; } .what_to_except .except_list li h4 { transition:all 0.3s; -webkit-transition:all 0.3s; -ms-transition:all 0.3s; cursor:pointer; padding:0; opacity: 0.8; font-size: 22px; line-height: 24px; text-transform: none; color: #fff; font-weight:400; } .what_to_except .content { padding: 10px 0 0 0; display: none; max-width:810px; } .what_to_except .content p { padding-bottom:0px; letter-spacing: 0.02em; } .what_to_except li.active .content { display: block; } .what_to_except li.active h4 { opacity:100; } .what_to_except li svg { position:absolute; left:0; top:27px; opacity: 0.70; width: 23px; transition:all 0.3s; -webkit-transition:all 0.3s; -ms-transition:all 0.3s; } .what_to_except li.active svg { transform: rotate(90deg); -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); opacity:100; } .what_to_except li:hover svg , .what_to_except li:hover h4 { opacity:100; } .what_to_except .btn { display: table; margin:auto; } .what_to_except .btn:hover { background:#fff; color:#0092C8;} .what_to_except .btn:hover:after { background: url(images/blue_2.svg) 0px 0px no-repeat; margin-top: 2px; background-size: 25.5px; } .what_to_except.program { padding: 58px 0 80px; background: #f3f3f3; } .what_to_except.program:after, .what_to_except.program:before { display: none; } .what_to_except.program ul { padding: 0; list-style: none; } .what_to_except.program .except { padding: 0; } .what_to_except.program h2 { padding-bottom: 24px; color: #73b850; } .what_to_except.program .except_list li h4 { color: #9d9d9d; font-weight: 700; opacity: 1; } .what_to_except.program .except_list li .active h4, .what_to_except.program .except_list li .head:hover h4 { color: #73b850; } .what_to_except.program .content p { color: #606060; font-weight: 400; } .what_to_except.program li .active svg g, .what_to_except.program .head:hover svg g { fill: #73b850; stroke: #73b850; } .what_to_except.program li .active svg path, .what_to_except.program .head:hover svg path { fill: #73b850; } .what_to_except.program li svg g { fill: #9d9d9d; stroke: #9d9d9d; } .what_to_except.program li svg path { fill: #9d9d9d; } .what_to_except.program .except_list li { padding: 28px 0 28px 35px; border-bottom: 3px solid #cbcbcb; margin: 0px; } .what_to_except.program .content { padding: 13px 0 4px 0px; max-width: 864px; } .what_to_except.program li svg { opacity: 1; } .lightbox-bar { padding: 40px; position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; overflow: hidden; z-index: 99999; background: rgba(0,0,0,0.6); display: none; } .lightbox-bar .lightbox-inner { width: 100%; height: 100%; display: flex; align-items: center; } .lightbox-bar .wrap { max-width: 1164px; margin: 0 auto; position: relative; } .lightbox-bar .light-close { position: absolute; top: -28px; right: 0px; } .form-bar.rent-our-facility { background: #fff; padding: 70px 0 103px; } .form-bar.rent-our-facility h2 { padding-bottom: 18px; color: #73b850; text-align: center; font-size: 26px; line-height: 30px; letter-spacing: 0.02em; } .form-bar.rent-our-facility p { display: block; text-align: center; color: #636363; font-size: 15px; font-weight: 600; } .form-bar.rent-our-facility form p { text-align: left; } .form-bar.rent-our-facility .notify { color: #4a4a4a; font-weight: 400; padding-bottom: 17px; } .form-bar.rent-our-facility input[type="text"], .form-bar.rent-our-facility input[type="email"], .form-bar.rent-our-facility input[type="tel"] { background: #efefef; border-color: #efefef; margin: 0 0 27px; font-size: 14px; } .form-bar.rent-our-facility .label { color: #4A4A4A; font-weight: 400; letter-spacing: 0.01em; } .form-bar.rent-our-facility .wpcf7-form { padding: 4px 0 0; } .form-bar.rent-our-facility .jqTransformSelectWrapper > div { background: #efefef; } .form-bar.rent-our-facility .one-column { max-width: 116px; } .form-bar.rent-our-facility .jqTransformSelectWrapper > div span { font-size: 14px; } .form-bar.rent-our-facility .jqTransformSelectWrapper ul a { font-size: 14px; } .form-bar.rent-our-facility .one { max-width: 116px; margin-right: 31px; float: left; } .form-bar.rent-our-facility .two { max-width: 116px; float: left; } .form-bar.rent-our-facility .one label, .form-bar.rent-our-facility .two label { letter-spacing: 0px; } .form-bar.rent-our-facility .custom-checkbox { padding: 0px; } .form-bar.rent-our-facility .custom-checkbox .wpcf7-list-item-label:before { background: #efefef; width: 16px; height: 16px; } .form-bar.rent-our-facility .custom-checkbox .wpcf7-list-item-label { color: #4A4A4A; padding: 3px 0px 0 30px; } .form-bar.rent-our-facility .custom-checkbox .wpcf7-list-item { float: left; margin-right: 15px; } .form-bar.rent-our-facility .custom-checkbox .wpcf7-list-item-label:after { font-size: 16px; line-height: 16px; top: 5px; left: 7px; } .form-bar.rent-our-facility textarea { background: #efefef; font-size: 14px; height: 159px; margin-bottom: 49px; } .form-bar.rent-our-facility:before { display: none; } .form-bar.rent-our-facility .wpcf7-form input[type="submit"] { border-color: #73B850; color: #73B850; font-size: 18px; background-image: url(images/arrow8-color.svg); } .form-bar.rent-our-facility .wpcf7-form input[type="submit"]:hover { background-color: #73B850; background-image: url(images/btn-arrow.svg); color:#fff;} .page-template-volunteer-opportunity .form-bar .wpcf7-form input[type="submit"]:hover { background-color: #fff; background-image: url(images/arrow_green.svg); color:#73B850;} /*fresh_air_programs*/ .fresh_air_programs { padding: 55px 0 65px; width: 100%; } .fresh_air_programs .row { display: flex; -webkit-display: flex; -ms-display: flex; flex-wrap:wrap; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; overflow:hidden; } .fresh_air_programs .col2 { width: calc(50% - 17px); background:#f2f2f2; } .fresh_air_programs .col2 + .col2 { margin-left: 34px; } .fresh_air_programs .program_box h2 { font-size: 40px; line-height: 54px; font-family: var(--display); font-weight: normal; background:#11ace4; color: #fff; text-align:center; padding: 15px 15px 14px; } .fresh_air_programs .content { padding: 10px 22px 20px; } .fresh_air_programs .program { padding: 20px 0; width: 100%; min-height: 195px; overflow:hidden; border-bottom: 1px solid #bdbec0; } .fresh_air_programs .program:nth-child(2) { min-height: 180px; } .fresh_air_programs .program:nth-child(3) { min-height: 125px; } .fresh_air_programs .program:nth-child(4) { min-height: 190px; } .fresh_air_programs .program:nth-child(5) { min-height: 140px; } .fresh_air_programs .program:last-child { border-bottom:0; } .fresh_air_programs .program .icon { float: left; max-width:82px; } .fresh_air_programs .program .text { overflow: hidden; padding: 0 0 0 20px; } .fresh_air_programs .program .text h3 { font-size: 16px; line-height: 20px; font-weight:800; text-transform:none; color: #10ace3; padding: 0 0 10px; } .fresh_air_programs .program .text h4 { font-size: 12px; line-height: 16px; font-weight:800; text-transform:uppercase; color: #10ace3; padding: 0 0 5px;} .fresh_air_programs .program .text .group { width: auto; overflow:hidden; margin: 0 -15px; } .fresh_air_programs .program .text .group .column2 { width: 45%; float: left; padding: 0 15px; min-height: 103px; } .fresh_air_programs .program .text .group .column2 p { padding-bottom: 10px; } .fresh_air_programs .program .text .group .column2 + .column2 { width: 55%; } .fresh_air_programs .program .text p { font-size: 14px; line-height: 18px; font-weight:400; text-transform:none; color: #4a4a4a; padding: 0 0 18px;} .fresh_air_programs .program .text p small { font-size: 12px; line-height: 16px; opacity: 0.50; } .fresh_air_programs .program .text p:last-child { padding:0 !important; } .fresh_air_programs .camp .program .text h4 ,.fresh_air_programs .camp .program .text h3 { color: #73b850; } .fresh_air_programs .camp .program_box h2 { background:#73b850; } /*fresh_air_description*/ .fresh_air_description { padding: 75px 0 26px; width: 100%; background:#f2f2f2; } .fresh_air_description .row { margin: 0 -35px; overflow:hidden; } .fresh_air_description .col2 { padding: 0 35px 70px; width: 50%; float: left; } .fresh_air_description .description { background:#11ace4; } .fresh_air_description .description a { display: block; text-decoration: none; } .fresh_air_description .description a:hover { background: #0092C8; } .fresh_air_description .description.camp a:hover { background: #73B850; } .fresh_air_description .description .head { color: #fff; padding: 32px 35px 45px 40px; width: 100%; display: flex; -webkit-display: flex; -ms-display: flex; align-items:center; position: relative; min-height:207px; } .fresh_air_description .description .head .left { padding: 0 10px 0 0; } .fresh_air_description .description .head .right { padding: 20px 0 0 15px; } .fresh_air_description .description .head .btn { z-index: 1; color: #11ace4; margin:0; position:absolute; left:50%; bottom:-40px; transform: translate(-50%,0); background:#fff; } .fresh_air_description .description .head .btn svg path { fill:#11ace4; stroke: #11ace4; } .fresh_air_description .description .head .btn svg { margin-left:40px; } .fresh_air_description .description .head p { font-size: 16px; line-height: 20px; font-weight:700; padding:0;} .fresh_air_description h2 { font-size: 102px; line-height: 102px; font-family: var(--display); font-weight: normal; color: #fff; padding:0;} .fresh_air_description h2 strong { width: 100%; padding: 0 0 5px 5px; letter-spacing:0.07em; font-size: 21px; line-height: 25px; color: #fff; font-weight:800; font-family: 'Montserrat', sans-serif; display: block; } .fresh_air_description .description.camp .head .right { padding: 0 50px 0 15px; } .fresh_air_description .description.camp .head .btn svg path { fill:#85cf60; stroke: #85cf60; } .fresh_air_description .description.camp .head .btn { color: #85cf60; } .fresh_air_description .description.camp { background:#85cf60; } .fresh_air_description .description a.pic img { width: 100%; transition:all 0.3s; -webkit-transition:all 0.3s; -ms-transition:all 0.3s; } .fresh_air_description .description a.pic:hover img { transform: scale(1.1); -webkit-transform: scale(1.1); -ms-transform: scale(1.1); opacity: 0.50; } .fresh_air_description .description a.pic { display: block; position: relative; overflow: hidden; background: #000; } .fresh_air_description .description a.pic span.fpo { text-align:center; position:absolute; left:0; top:50%; transform: translate(0,-50%); -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); width: 100%; font-size: 74px; line-height: 78px; color: #fff; font-weight:800; opacity: 0.80; letter-spacing: 0.02em; padding:60px 20px 0 0; } /*btn with static arrow*/ .btn.colored_arrow:after { display: none; } .btn.colored_arrow svg { display: inline-block; vertical-align: middle; margin: 0 0 0 10px; } /*btn with static arrow*/ /*short_description*/ .short_description { padding: 38px 0 38px; text-align: center; background:#4b398f;color: #fff; } .short_description p { padding:0; font-size: 16px; line-height: 21px; font-weight:800; } .short_description .wrapper { max-width: 1000px; } /*program-banner-bar (friendly-town)*/ .program-banner-bar.friendly-town { font-size: 60px; line-height: 66px; letter-spacing: -0.01em; } /* custom css */ /* 4 Feb css */ /**/ .upcomingArea { padding: 46px 0 65px 0; width: 100%; } .upcomingArea h2 { padding: 0 0 9px; font-size: 26px; letter-spacing: 1px; color: #0192c9; text-align: center; } .upcomingArea .eventBox { margin: 32px 0 0px 0; width: 100%; display: table; background-repeat: no-repeat;background-size: cover; } .upcomingArea .eventBox .image { width: 45.6%; display: table-cell; position: relative; background-size: cover; background-position: bottom; } /*.upcomingArea .eventBox .image h3 { letter-spacing: 7px; font-size: 100px; color: #fff; font-weight: 800; position: absolute; left: 0; right: 0; text-align: center; top: 44%; }*/ .upcomingArea .eventBox .itemText { width: 54%; display: table-cell; } .upcomingArea .eventBox .itemText .itemBox { padding: 40px 42px 12px 40px; width: 100%; float: left; background: #0192c9; } .upcomingArea .eventBox .itemText .itemBox .left { width: 63%; float: left; } .upcomingArea .eventBox .itemText .itemBox .left h3 { padding: 0 0 9px; letter-spacing: 1px; font-size: 24px; color: #fff; } .upcomingArea .eventBox .itemText .itemBox .right { width: 35%; float: right; } .upcomingArea .eventBox .itemText .itemBox .right ul { padding: 0 0 0 26px; list-style: none; } .upcomingArea .eventBox .itemText .itemBox .right ul li:first-child {padding-top: 2px; } .upcomingArea .eventBox .itemText .itemBox .right ul li { padding: 16px 0; font-size: 14px; line-height: 19px; color: #fff; font-weight: 700; border-bottom: 2px solid #7ec8e3; } .upcomingArea .eventBox .itemText .itemBox .right ul li:last-child { border-bottom: none; } .upcomingArea .eventBox .itemText .itemBox .right ul li span { display: block; } .upcomingArea .eventBox .itemText .itemBox p { font-size: 16px; color: #fff; font-weight: 400; } .upcomingArea .eventBox .itemText .learnbtn { padding: 21px 0 22px 40px; width: 100%; float: left; background: #0282b1; } .upcomingArea .eventBox .itemText .learnbtn a.learn { padding: 16px 15px 14px 14px; margin: 0 11px 0 0px; font-size: 14px; color: #fff; font-weight: 800; display: inline-block; text-decoration: none; border: 3px solid #fff; } .upcomingArea .eventBox .itemText .learnbtn a.learn.btn:after { margin: 4px 0 0 3px; width: 20px; background-image: url(images/btn-arrow2a.svg); } .upcomingArea .eventBox .itemText .learnbtn a.learn:hover { background:#fff; color:#0182B1;} .upcomingArea .eventBox .itemText .learnbtn a.learn:hover:after {background-image: url(images/arrow_blue_small.svg);} .program-banner-bar.attend-progrm { background: #0192c9; } .program-banner-bar.attend-progrm h1 { padding: 20px 0 23px; font-size: 60px; } .program-banner-bar.attend-progrm .triangle-bg { margin-left: 0px; width: 50%; background: #0282b1; } .program-banner-bar.attend-progrm p { padding: 0 0 0 31px; } .program-banner-bar.attend-progrm .triangle-bg::before { width: 78px; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 600 530' preserveAspectRatio='none'%3E%3Cpolygon points='0,0 900,800 0,530' style='fill:%230192c9;' /%3E%3C/svg%3E"); } .program-banner-bar.attend-progrm .left { width: 50%; } .program-banner-bar.attend-progrm .right { padding: 35px 0 10px; width: 43.5%; } /* oureventArea */ .oureventArea { padding: 49px 0 35px; width: 100%; background: #f3f3f3; } .oureventArea h2 { padding: 0 0 42px; font-size: 26px; letter-spacing: 1px; color: #11ace4; text-align: center; } .oureventArea .item { padding: 0 19px 38px; width: 33.33333%; float: left; cursor: pointer; } .oureventArea .item:nth-of-type(3n+1) { clear: both; } .oureventArea .ourevent-wrap { overflow: hidden; margin: 0 -19px; } .oureventArea .item:last-child { margin-right: 0; } .oureventArea .item img { margin: 0; width: 100%; } .oureventArea .item h3 { padding: 22px 0 9px; font-size: 18px; color: #11ace4; text-transform: capitalize; } .oureventArea .item h3 a { text-decoration: none; color: #11ace4;} .oureventArea .item h3 a:hover, .oureventArea .item:hover h3 a { color:#0092C8; } .oureventArea .item p { padding: 0 0 17px; font-size: 16px; color: #606060; } .oureventArea .item a.fromEvent { font-size: 15px; line-height: 18px; display: table; color: #11ace4; font-weight: 800; text-decoration: none; position: relative; text-transform: uppercase; } .oureventArea .item a.fromEvent:hover, .oureventArea .item:hover a.fromEvent { color: #0092C8;} .oureventArea .item a.fromEvent svg { display: inline-block; vertical-align: top; margin: 3px 0 0 1px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .oureventArea .item a.fromEvent:hover svg, .oureventArea .item:hover a.fromEvent svg { fill: #0092C8; margin-left: 4px; } .oureventArea .item a.fromEvent:hover svg g, .oureventArea .item:hover a.fromEvent svg g { fill: #0092C8; } /* 5 Feb */ .event-banner-area { width: 100%; height: 441px; background-size: cover; background-repeat: no-repeat; background-position: top; } .event-banner-area.mobile { display: none; } /* wonderArtea */ .wonderpart { padding: 0 0 79px 0; width: 100%; } .wonderpart .wrapper { max-width: 1131px; position: relative; } .wonderpart .wonderBox { padding: 60px 38px 0 50px; margin: -68px 0 0 0; width: 100%; overflow: hidden; background: #fff; } .wonderpart .wonderBox .textLeft { width: 60%; float: left; } .wonderpart .wonderBox .textLeft h1 { padding: 0 0 18px; font-size: 24px; line-height: 32px; color: #0091c8; text-transform: capitalize; letter-spacing: 0px; } .wonderpart .wonderBox .textLeft p { font-size: 16px; line-height: 21px; color: #4b4b4b; font-weight: 400; } .wonderpart .wonderBox .textLeft p a { color: #0092C8; } .wonderpart .wonderBox .textLeft p a:hover { text-decoration: underline; } .wonderpart .wonderBox .textLeft ul.meta-data { padding: 28px 17px 28px; margin: 8px 0 0; width: 100%; float: left; background: #f3f3f3; } .wonderpart .wonderBox .textLeft ul.meta-data li { padding: 0 25px 0 16px; font-size: 17px; line-height: 23px; color: #0291c9; font-weight: 800; display: inline-block; border-right: 1px solid #9b9b9b; } .wonderpart .wonderBox .textLeft ul.meta-data li:last-child { border-right: none; } .wonderpart .wonderBox .links-section { float: right; width: 34.8%; padding: 5px 0 0; } .wonderpart .links-section .links-repeat { width: 100%; padding-bottom: 24px; } .wonderpart .links-section .links-repeat a { font-size: 17px; line-height: 21px; min-height: 73px; padding: 7px 80px 7px 22px; letter-spacing: 0.04em; } .wonderpart .links-section .links-repeat a svg { right: 21px; max-width: 31px; } .single-event .wonderpart .wonderBox { margin-top: 0px; } /* leadershipart */ .leadershipart { padding: 59px 0 10px 0; width: 100%; background: #f3f3f3; } .leadershipart h2 { padding: 0; font-size: 26px; color: #0192cb; text-align: center; } .leadershipart .itembox { padding: 47px 0 62px 0; margin: 0px 0 54px; width: 100%; border-bottom: 1px solid #c4c4c4; overflow: hidden; } .leadershipart .itembox:last-child { padding: 40px 0 0 0; margin-bottom: 33px; border-bottom: none; } .leadershipart .item { padding: 0 0 0 50px; width: 34.5%; float: left; } .leadershipart .item:nth-of-type(3) { width: 31%; } .leadershipart .item h3 { padding: 0 0 4px 0; font-size: 16px; color: #0192c9; } .leadershipart .item ul { padding: 0 0 25px 0; list-style: none; } .leadershipart .item ul li { padding: 0 0 0 14px; text-indent: -14px; font-size: 16px; color: #4b4b4b; font-weight: 400; line-height: 21px; } .leadershipart .item ul li p { padding: 0px; font-weight: 400; } .leadershipart .item ul:nth-of-type(2) { padding: 0 0 32px 0; } .leadershipart .item ul.sol { margin: 32px 0 0 0; } .leadershipart .fall .item ul li { padding: 0 0 0 0px; text-indent: 0px; } .leadershipart .item2 { width: 65%; padding: 0 0 0 50px; float: right; } .leadershipart .item2 h3 { padding: 0 0 6px 0; font-size: 16px; color: #0192c9; } .leadershipart .item2 ul { padding: 0 0 20px 0; list-style: none; } .leadershipart .item2 ul { padding: 0; font-size: 16px; line-height: 21px; color: #4b4b4b; font-weight: 400; } .leadershipart .item2 .col1 { width: 56%; float: left; } .leadershipart .item2 .col2 { width: 44%; float: left; } /* previouspart */ .photo-slider-bar { padding: 66px 0 111px; width: 100%; } .photo-slider-bar h2 { padding: 0 0 50px 0; font-size: 26px; color: #0192cb; text-align: center; letter-spacing: 1px; } .photo-slider-bar .slick-slider .slick-dots { padding: 0 45px 24px 0px !important; margin: 0px !important; position: absolute; bottom: 0px; left: 0px; text-align: center; width: 100%; text-align: right; } .photo-slider-bar .slick-slider .slick-dots li { padding: 0 2px !important; } .photo-slider-bar .slick-slider .slick-dots li button { width: 12px; height: 12px; background: rgba(255,255,255,0.59); } .photo-slider-bar .slick-slider .slick-dots li.slick-active button, .photo-slider-bar .slick-slider .slick-dots li button:hover { transform: none; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; background: #fff; } .photo-slider-bar .slick-arrow { margin-top: -32px; width: 64px; height: 64px; background-color: #0092C8; } .photo-slider-bar .slick-arrow:hover { background-color: #0584B3; } .photo-slider-bar .slick-arrow.slick-next { right: -30px; background-image: url(images/slick-next-arrow.svg); } .photo-slider-bar .slick-arrow.slick-prev { left: -30px; background-image: url(images/slick-prev-arrow.svg); } .container { margin: auto; max-width: 1210px; position: relative; padding: 0 20px; display: block; } /* meetboardpart */ .meetboardpart { padding: 46px 0; width: 100%; float: left; } .meetboardpart .meetbox { width: auto; margin: 0 -16px; overflow: hidden; display: flex; flex-wrap: wrap; } .meetboardpart .meetbox .item { width: 25%; padding: 0 16px; } .meetboardpart .item h3, .meetboardpart .meetbox .item2 h3 { padding: 0 0 26px; font-size: 22px; color: #12abe4; letter-spacing: 1px; } .meetboardpart .item ul { padding: 0; list-style: none; margin: 0px; list-style-type: none; } .meetboardpart .item ul li { padding: 0 0 6px; font-size: 15px; line-height: 18px; color: #4a4a4a; font-weight: 700; } .meetboardpart .item ul li span { margin: 0 0 12px 0; display: block; font-weight: 400; } .meetboardpart .item ul.caroli { padding: 60px 0 0 0; } .meetboardpart .meetbox .item2 { width: 75%; padding: 0 16px; } .meetboardpart .meetbox .item2 .coll1 { width: 33.3333333%; float: left; padding: 0 30px; } .meetboardpart .meetbox .item2 .item2-wrap { margin: 0 -30px; overflow: hidden; } .meetboardpart .meetbox .item2 .coll1 ul { padding: 0; list-style: none; margin: 0px; list-style-type: none; } .meetboardpart .meetbox .item2 .coll1 ul li { padding: 0 0 04px; font-size: 15px; line-height: 18px; color: #4a4a4a; font-weight: 600; } /* executivepart */ .executivepart { padding: 66px 0 23px 0; width: 100%; float: left; background: #f3f3f3; } .executivepart .sub { padding: 0 0 70px 0; width: 100%; float: left; } .executivepart h2 { padding: 0 0 31px 0; font-size: 22px; color: #11ace4; } .executivepart h2.senior-title { padding-bottom: 34px; } .executivepart .executive-director { padding: 0 0 0 440px; margin: 0 0 70px; background: #11ace3; position: relative; overflow: hidden; } .executivepart .executive-director .image { position: absolute; top: 0px; left: 0px; width: 440px; height: 100%; transform: skewX(18deg); transform-origin: 0px 0px; overflow: hidden; backface-visibility: hidden; z-index: 1; } .executivepart .executive-director .image .image-inner { position: absolute; left: 0px; top: 0px; background-size: cover; background-repeat: no-repeat; background-position: top center; width: 100%; height: 100%; } .executivepart .executive-director .right { position: relative; z-index: 10; } /* removed - transform: skewX(-18deg); transform-origin: 0px 0px; */ .executivepart .executive-director p { font-size: 22px; line-height: 27px; color: #fff; font-weight: 300; position: relative; font-style: italic; } .executivepart .executive-director p:nth-of-type(1):before { content: ""; width: 57px; height: 44px; position: absolute; top: -29px; left: -32px; background: url(images/quote-top.png) top left no-repeat; background-size: cover; opacity: 0.3; } .executivepart .executive-director p:nth-last-of-type(1):after { margin: 10px 0 0 9px; content: ""; width: 33px; height: 24px; display: inline-block; vertical-align: top; background: url(images/quote-bottom.png) top left no-repeat; background-size: cover; opacity: 0.3; } .executivepart .executive-director .quote { padding: 62px 80px 21px 47px; position: relative; } .executivepart .executive-director .quote .topborder { content: ""; position: absolute; left: -150px; top: 0px; width: 0; height: 0; border-style: solid; border-width: 0 150px 400px 0; border-color: transparent #11ace3 transparent transparent; } .executivepart .executive-director .bottom { padding: 0px; position: relative; } .executivepart .executive-director .bototm { position: relative; } .executivepart .executive-director .bototm .bottomborder { content: ""; position: absolute; left: -48px; top: 0px; width: 0; height: 0; border-style: solid; border-width: 0 48px 124px 0; border-color: transparent #0092c8 transparent transparent; } .executivepart .executive-director .bototm a { padding: 29px 167px 39px 44px; display: block; background: #0092c8; color: #fff; text-decoration: none; position: relative; } .executivepart .executive-director .bototm a .read-more { position: absolute; right: 74px; top: 45px; font-size: 16px; line-height: 21px; opacity: 0.7; text-transform: uppercase; font-weight: 800; letter-spacing: 0.04em; } .executivepart .executive-director .bototm a:hover .read-more { opacity:1; } .executivepart .executive-director .bototm a .read-more svg { margin: 3px 0 0 6px; display: inline-block; vertical-align: top; } .executivepart .executive-director .bototm a .name { display: block; font-size: 18px; line-height: 24px; font-weight: 800; } .executivepart .executive-director .bototm a .designation {display: block; font-size: 18px; line-height: 24px; font-weight: 400; } .executivepart .subtext { width: auto; margin: 0 -18px; overflow: hidden; display: flex; flex-wrap: wrap; } .executivepart .subtext .itembox { width: 25%; margin: 0 0 70px 0; padding: 0 18px; } .executivepart .subtext .itembox .image { position: relative; } .executivepart .subtext .itembox .image img { width: 100%; } .executivepart .subtext .itembox h4 { padding: 28px 0 0 0; font-size: 15px; line-height: 19px; color: #4a4a4a; text-transform: capitalize; } .executivepart .subtext .itembox h4 a {color: #4a4a4a; text-decoration: none;} .executivepart .subtext .itembox p { padding: 0 0 12px 0; font-size: 15px; color: #4a4a4a; font-weight: 400; } .executivepart .subtext .itembox a.read { font-size: 16px; color: #11ace4; font-weight: 800; text-decoration: none; } .executivepart .subtext .itembox a.read:after { content: ""; display: inline-block; vertical-align: top; margin: 3px 0 0 7px; width: 20px; height: 15px; background: url(images/btn-arrow4.svg) 0px 0px no-repeat; background-size: 18px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .executivepart .subtext .itembox a.read:hover { color:#0092C8;} .executivepart .subtext .itembox a.read:hover:after {background: url(images/blue_arrow_1.svg) 0px 0px no-repeat; background-size: 18px; margin-left: 10px; } .executivepart .subtext .itembox:hover h4 a { color:#0092C8;} .executivepart .subtext .itembox:hover a.read { color:#0092C8;} /* nycstafpart */ .nycstafpart { padding: 68px 0 44px; width: 100%; float: left; } .nycstafpart h2 { font-size: 22px; line-height: 26px; color: #0192c9; padding-bottom: 28px; } .nycstafpart .nycsta { width: auto; margin: 0 -25px; display: flex; flex-wrap: wrap; } .nycstafpart .nycsta .itembox { width: 33%; padding: 0 25px; position: relative; } .nycstafpart .nycsta .itembox.boxactive { z-index: 10; } .nycstafpart .nycsta .itembox h3 { padding: 0 0 20px; font-size: 14px; color: #0192c9; line-height: 17px; } .nycstafpart .nycsta .itembox ul { padding: 0 0 6px; margin: 0px; list-style-type: none; } .nycstafpart .nycsta .itembox ul li { padding: 0 0 18px; font-size: 14px; line-height: 17px; color: #4a4a4a; font-weight: 500; position: relative; } .nycstafpart .nycsta .itembox ul li h4 { padding: 0 0 1px; text-transform: capitalize; font-size: 14px; line-height: 17px; font-weight: 800; color: #4a4a4a; } .nycstafpart .nycsta .itembox ul li h4 a { color: #4a4a4a; text-decoration: none; } .nycstafpart .nycsta .itembox ul li h4 a svg { display: inline-block; vertical-align: top; margin: 2px 0 0 0px; opacity: 0; transition: all 350ms; -webkit-transition: all 350ms; -moz-transition: all 350ms; -ms-transition: all 350ms; -o-transition: all 350ms; } .nycstafpart .nycsta .itembox ul li h4 a:hover, .nycstafpart .nycsta .itembox ul li h4 a.active { color: #11ACE3; } .nycstafpart .nycsta .itembox ul li h4 a:hover svg, .nycstafpart .nycsta .itembox ul li h4 a.active svg { margin-left: 2px; opacity: 1; } /* sharpepart */ .sharpepart { padding: 55px 0 48px; width: 100%; float: left; background: #f3f3f3; } .sharpepart h2 { padding: 0 0 34px; font-size: 22px; line-height: 27px; color: #0192c9; letter-spacing: 0.04em; } .sharpepart .sharpebox { width: auto; margin: 0 -25px; display: flex; flex-wrap: wrap; } .sharpepart .sharpebox .item { width: 33%; padding: 0 25px; } .sharpepart .sharpebox .item ul { padding: 0; margin: 0px; list-style-type: none; } .sharpepart .sharpebox .item ul li { padding: 0 0 19px; font-size: 14px; line-height: 17px; color: #4a4a4a; font-weight: 500; } .sharpepart .sharpebox .item ul li h4 { padding: 0 0 1px; text-transform: capitalize; font-size: 14px; line-height: 17px; font-weight: 800; color: #4a4a4a; } .sharpepart .sharpebox .item ul li h4 a { color: #4a4a4a; text-decoration: none; } .sharpepart .sharpebox .item ul li h4 a svg { display: inline-block; vertical-align: top; margin: 2px 0 0 0px; opacity: 0; transition: all 350ms; -webkit-transition: all 350ms; -moz-transition: all 350ms; -ms-transition: all 350ms; -o-transition: all 350ms; } .sharpepart .sharpebox .item ul li h4 a:hover, .sharpepart .sharpebox .item ul li h4 a.active { color: #11ACE3; } .sharpepart .sharpebox .item ul li h4 a:hover svg, .sharpepart .sharpebox .item ul li h4 a.active svg { margin-left: 2px; opacity: 1; } /* councilpart */ .councilpart { padding: 62px 0 104px; width: 100%; float: left; } .councilpart h2 { padding: 0 0 32px; font-size: 22px; line-height: 26px; color: #0192c9; } .councilpart .text { width: 715px; float: left; } .councilpart p { font-size: 18px; line-height: 23px; color: #4a4a4a; font-weight: 400; } .councilpart .meetbtn { margin: 40px 41px 0 0; float: right; } .councilpart .meetbtn a { color: #11ace4; border-color: #11ace4; padding: 20px 23px 17px 25px; letter-spacing: 0px; } .councilpart .meetbtn a:after { margin-left: 70px; background-image: url(images/btn-blue-arrow.svg); width: 27px; height: 17px; } .councilpart .meetbtn a:hover { background:#11ACE3; border-color: #11ACE3; color:#fff; } .councilpart .meetbtn a:hover:after { background-image: url(images/btn-arrow.svg); } /* 06 */ .program-banner-bar.family-cap { background: #73b850; } .program-banner-bar.family-cap .triangle-bg::before { width: 150px; left: 0px; height: 100%; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 600 530' preserveAspectRatio='none'%3E%3Cpolygon points='0,0 600,0 0,530' style='fill:%2373b850;' /%3E%3C/svg%3E"); } .program-banner-bar.family-cap .triangle-bg { margin-left: 332px; background: #6fb24d; } .program-banner-bar.family-cap h1 { font-size: 66px; line-height: 82px; } .program-banner-bar.family-cap .right { padding: 49px 86px 18px 0; width: 55.4%; } /* hesitatepart */ .hesitatepart { padding: 30px 0 31px 0; width: 100%; background: #67a349; } .hesitatepart .coll1 { width: 39%; float: left; margin: 0 28px 0 0px; } .hesitatepart .coll1 p { font-size: 16px; line-height: 23px; color: #fff; font-weight: 700; padding: 0 21px 0 0; } .hesitatepart .coll2 { width: 30%; float: left; } .hesitatepart .coll2 h3 { padding: 0; font-size: 14px; color: #fff; text-transform: capitalize; line-height: 18px; } .hesitatepart .coll2 p { padding: 0; font-size: 14px; color: #fff; line-height: 18px; } .hesitatepart .coll2 p a { color: #fff; } .hesitatepart .coll2 p a:hover { text-decoration: underline; } .hesitatepart .coll2 p a[href^="tel"]:hover, .hesitatepart .coll2 p a[href^="sms"]:hover { text-decoration: none; cursor: default;} .hesitatepart .coll2.coll3 { width: 28.6%; } /* countdownpart */ .countdownpart { padding: 69px 0 41px 0; width: 100%; } .countdownpart .Countbox { padding: 0 0 50px 0; width: 100%; overflow: hidden; } .countdownpart .Countbox .leftitem { width: 38%; float: left; text-align: center; } .countdownpart .Countbox .leftitem img { margin: 0 auto; width: 343px; height: 343px; border-radius: 100%; } .countdownpart .Countbox .text { padding: 42px 0 0 42px; width: 62%; float: left; } .countdownpart .Countbox .text h2 { padding: 0 0 27px 0; font-size: 28px; color: #11ace4; line-height: 32px; text-transform: none; } .countdownpart .Countbox .text h3 { padding: 0 0 13px; font-size: 16px; color: #11ace4; line-height: 20px; } .countdownpart .Countbox .text ul { padding: 0 0 20px; margin: 0px; list-style-type: none; } .countdownpart .Countbox .text ul li { padding: 0 0 10px 0; font-size: 16px; color: #4a4a4a; } .countdownpart .Countbox .text ul li strong { font-weight: 700; } .countdownpart .Countbox .text a.btn { margin: 15px 0 0 0; padding: 26px 22px 24px; color: #11ace4; border-color: #11ace4; } .countdownpart .Countbox .text a.btn:after { background-image: url(images/get_icon.svg); background-size: 25px auto; width: 25px; height: 17px; } .countdownpart .Countbox .text a.btn:hover { background:#11ACE3; color:#fff; border-color:#11ACE3;} .countdownpart .Countbox .text a.btn:hover:after {background-image: url(images/btn-arrow.svg); } .countdownpart .Countbox:nth-of-type(2) { padding: 55px 0 0 0; border: none; } .countdownpart .Countbox .text-count { padding: 12px 0 0 70px; width: 60%; float: left; } .countdownpart .Countbox .text-count h2 { padding: 0 0 22px; font-size: 28px; color: #f3852c; line-height: 32px; text-transform: capitalize; } .countdownpart .Countbox .text-count strong { padding: 0; font-size: 16px; line-height: 22px; color: #4a4a4a; font-weight: 700; display: block; } .countdownpart .Countbox .text-count ul { padding: 0 0 5px; margin: 0px; list-style-type: none; } .countdownpart .Countbox .text-count ul li { padding: 0 132px 16px 0; text-indent: 10px; font-size: 16px; line-height: 17px; color: #4a4a4a; font-weight: 400; position: relative; } .countdownpart .Countbox .text-count ul li:before { content: ""; position: absolute; top: 7px; left: 0px; width: 4px; height: 4px; background: #636363; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; } .countdownpart .Countbox .text-count p { padding: 0 0 18px; font-size: 14px; color: #9c9c9c; line-height: 18px; font-weight: 500; } .countdownpart .Countbox.semester .leftitem { float: right; margin: 2px 23px 0 0; } .countdownpart .Countbox.semester { border-top: 2px solid #ccc; } .program-banner-bar.financial { background: #11ace3; } .program-banner-bar.financial h1 { padding: 56px 0 24px 11px; font-size: 70px; line-height: 81px; } .program-banner-bar.financial .triangle-bg { margin-left: -282px; width: calc(50% + 282px); background: #0092c8; } .program-banner-bar.financial p { padding: 0 0 0 31px; } .program-banner-bar.financial .triangle-bg::before { width: 117px; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 600 530' preserveAspectRatio='none'%3E%3Cpolygon points='0,0 900,800 0,530' style='fill:%2311ace3;' /%3E%3C/svg%3E"); } .program-banner-bar.financial .left { width: 30%; } .program-banner-bar.financial .right { padding: 49px 0 48px 70px; width: 66.7%; } .program-banner-bar.financial .right .image { width: 34%; float: left; } .program-banner-bar.financial .right .image img { width: 100%; } .program-banner-bar.financial .right .text { padding: 0 0 0 44px; width: 66%; float: left; } .program-banner-bar.financial .right .text h2 { padding: 0 0 14px; font-size: 24px; line-height: 28px; color: #fff; text-transform: capitalize; } .program-banner-bar.financial .right .text p { padding: 0 0px 28px 0px; font-size: 16px; line-height: 21px; color: #fff; font-weight: 400; } .program-banner-bar.financial .right .text a.read { padding: 16px 20px 14px; font-size: 16px; color: #fff; line-height: 19px; font-weight: 800; text-decoration: none; position: relative; display: inline-block; border: 3px solid #fff; text-transform: uppercase; letter-spacing: 0.04em; } .program-banner-bar.financial .right .text a.read:after { content: ""; display: inline-block; vertical-align: top; margin: 0px 0 0 15px; width: 26px; height: 19px; background: url(images/read-more-arrow.svg) 0px 0px no-repeat; } .program-banner-bar.financial .right .text a.read:hover { background:#fff; color:#068EC0;} .program-banner-bar.financial .right .text a.read:hover:after {background: url(images/blue_arrow.svg) 0px 0px no-repeat; vertical-align: middle; height: 16px; } /* reportspart */ .reportspart { padding: 71px 0 85px 0; width: 100%; overflow: hidden; clear: both; } .reportspart .wrapper { max-width: 1240px; } .reportspart h2 { font-size: 26px; color: #11ace3; padding: 0 0 27px 0; line-height: 30px; text-align: center; letter-spacing: 1px; } .reportspart .reportbox { overflow: hidden; clear: both; } .reportspart .reportbox .item { margin: 40px 0 0 0; width: 33.3%; float: left; text-align: center; } .reportspart .reportbox .item img { margin: 0 auto; } .reportspart .reportbox .item h3 { padding: 24px 0 17px 0; font-size: 22px; line-height: 26px; color: #11ace3; text-transform: capitalize; } .reportspart .reportbox .item h3 a { text-decoration: none; color: #11ace3;} .reportspart .reportbox .item h3 a:hover { color:#0092C8;} .reportspart .reportbox .item a.read { font-size: 15px; color: #11ace3; font-weight: 800; text-decoration: none; text-transform: uppercase; } .reportspart .reportbox .item a.read:after { content: ""; display: inline-block; vertical-align: top; margin: 4px 0 0 7px; width: 20px; height: 15px; background: url(images/read-more-arrow1.svg) 0px 0px no-repeat; background-size: 18px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .reportspart .reportbox .item a.read:hover { color:#0092C8; margin-left: 3px;} .reportspart .reportbox .item a.read:hover:after {background: url(images/blue_arrow_1.svg) 0px 0px no-repeat; background-size: 17px; margin-left: 10px;} /* financialpart */ .financialpart { padding: 70px 0 117px; width: 100%; float: left; background: #73b850; position: relative; } .financialpart:before { width: 0; height: 0; border-style: solid; border-width: 0 0 431px 430px; border-color: transparent transparent #6fb24e transparent; content: ""; position: absolute; right: 0; bottom: 0; } .financialpart h2 { font-size: 26px; color: #fff; line-height: 30px; padding: 0 0 26px 0; text-align: center; } .financialpart .item1 { margin: 35px 0 0 0; padding: 0px 0 0 82px; width: 24%; float: left; border-right: 1px solid #fff; } .financialpart .item1 ul, .financialpart .item2 ul { padding: 0; margin: 0px; list-style-type: none; } .financialpart .item1 ul li, .financialpart .item2 ul li { padding: 0 0 24px 0; font-size: 20px; color: #fff; line-height: 24px; font-weight: 800; } .financialpart .item1 ul li:last-child, .financialpart .item2 ul li:last-child { padding-bottom: 0; } .financialpart .item1 ul li a, .financialpart .item2 ul li a { font-size: 18px; color: #fff; line-height: 24px; font-weight: 400; display: block; text-decoration: none; position: relative; } .financialpart .item1 ul li a:after, .financialpart .item2 ul li a:after { content: ""; display: inline-block; vertical-align: top; margin: 4px 0 0 11px; width: 20px; height: 15px; background: url(images/btn-arrow2a.svg) 0px 0px no-repeat; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .financialpart .item1 ul li a:hover:after, .financialpart .item2 ul li a:hover:after { margin-left: 14px; } .financialpart .item2 { width: 28.6%; float: left; margin: 35px 0 0 0; padding: 0px 0 0 77px; float: left; border-right: 1px solid #fff; } .financialpart .fpotext { width: 47%; float: left; padding: 53px 0 0 84px; } .financialpart .fpotext span { margin: 0 22px 0 0; width: 158px; height: 158px; float: left; text-align: center; line-height: 158px; font-size: 62px; color: #73b850; font-weight: 800; border-radius: 100%; background: #fff; } .financialpart .fpotext span sup { font-size: 40px; position: relative; top: -18px; } .financialpart .fpotext p { padding: 46px 75px 0 0; font-size: 17px; color: #fff; line-height: 22px; font-weight: 800; } .program-banner-bar.partner { background: #0192c9; } .program-banner-bar.partner h1 { padding: 0; font-size: 70px; letter-spacing: 0.00em; line-height: 86px; } .program-banner-bar.partner h2 { font-size: 21px; color: #fff; padding: 0; line-height: 25px; letter-spacing: 1px; } .program-banner-bar.partner .triangle-bg { left: 49%; width: calc(51% + 117px); background: #0282b1; } .program-banner-bar.partner p { padding: 0 0 0 31px; } .program-banner-bar.partner .triangle-bg::before { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 600 530' preserveAspectRatio='none'%3E%3Cpolygon points='0,0 900,800 0,530' style='fill:%230192c9;' /%3E%3C/svg%3E"); } .program-banner-bar.partner .left { padding: 38px 0; width: 40%; } .program-banner-bar.partner .right { padding: 80px 0 16px 68px; width: 59%; } .program-banner-bar.partner .right a.learnmor { padding: 14px 20px; font-size: 16px; color: #fff; line-height: 19px; font-weight: 800; text-decoration: none; position: relative; display: inline-block; border: 3px solid #fff; } .program-banner-bar.partner .right a.learnmor:after { content: ""; display: inline-block; vertical-align: top; margin: 2px 0 0 15px; width: 26px; height: 19px; background: url(images/redtopbtn.svg) 0px 0px no-repeat; } /* partnerpart */ .partnerpart { padding: 63px 0 36px; width: 100%; } .partnerpart h2 { padding: 0 0 45px 0; font-size: 26px; color: #0092c8; line-height: 30px; letter-spacing: 1px; text-align: center; } .partnerpart .partnerbox { width: auto; overflow: hidden; margin: 0 -19px; } .partnerpart .partnerbox .itemBox { width: 50%; padding: 0 19px 38px; float: left; } .partnerpart .partnerbox .itemBox img { width: 100%; } .partnerpart .partnerbox .itemBox .sub { padding: 38px 45px 35px 45px; min-height: 347px; } .partnerpart .partnerbox .itemBox .sub h3 { padding: 0 0 11px; font-size: 24px; color: #fff; line-height: 28px; text-transform: capitalize; } .partnerpart .partnerbox .itemBox .sub p { padding: 0; font-size: 16px; color: #fff; line-height: 21px; } .partnerpart .partnerbox .itemBox:nth-of-type(2n) .inner { background: #73b850; } .partnerpart .partnerbox .itemBox .inner { background: #0092c8; } .community-partner-bar.corporate-partner { padding: 60px 0 105px; background: #f3f3f3; } .community-partner-bar.corporate-partner h2 { letter-spacing: 0.03em; color: #0092C8; } .community-partner-bar p { color: #636363; } /* popup-part */ .popup-part { width: 100%; float: left; background: #fff; position: relative; } .popup-part .text { padding: 50px 0 19px 50px; width: 53%; float: left; position: relative;} .popup-part .text::before { background-repeat: no-repeat; background-size: 100% 100%; content: ''; display: block; position: absolute; width: 100px; right: -100px; top: 0px; height: 100%; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 600 530' preserveAspectRatio='none'%3E%3Cpolygon points='0,0 900,800 0,530' style='fill:%23ffffff;' /%3E%3C/svg%3E"); } .popup-part .text h2 { font-size: 20px; color: #11ace3; line-height: 22px; text-transform: capitalize; } .popup-part .text h2 span { font-weight: 400; } .popup-part .text p { font-size: 14px; color: #4a4a4a; line-height: 18px; font-weight: 500; } .popup-part .image1 { width: 47%; float: left; } .popup-part a { position: absolute; right: 10px; top: 15px; z-index: 1; } .popup-part a::after { width: 0; height: 0; border-style: solid; border-width: 0 80px 80px 0; border-color: transparent #11ace3 transparent transparent; content: ""; position: absolute; right: -9px; top: ; top: -15px; z-index: -1; } .image1 img { width: 100%; } .meetteampop:not(.fancybox-content) { display: none; } .fancybox-content.meetteampop { padding: 0px; max-width: 1174px; margin: 0 auto; } .fancybox-content.meetteampop .inner { position: relative; } .page-template-meet-our-team .fancybox-content.meetteampop .inner { min-height: 600px; } .fancybox-content.meetteampop .image { width: 573px; height: 100%; position: absolute; top: 0px; right: 0px; background-size: cover; background-repeat: no-repeat; background-position: top center; } .fancybox-content.meetteampop h2 { padding-bottom: 16px; font-size: 18px; line-height: 24px; font-weight: 500; color: #11ACE3; text-transform: none; } .fancybox-content.meetteampop h2 strong { font-weight: 800; color: #11ACE3; } .fancybox-content.meetteampop p { font-size: 14px; line-height: 18px; color: #4A4A4A; font-weight: 500; } .fancybox-content.meetteampop .left { padding: 55px 567px 40px 47px; position: relative; } .fancybox-content.meetteampop .image:before { background-repeat: no-repeat; background-size: 100% 100%; content: ''; display: block; position: absolute; width: 133px; left: 0px; top: 0px; height: 100%; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 600 530' preserveAspectRatio='none'%3E%3Cpolygon points='0,0 900,800 0,530' style='fill:%23ffffff;' /%3E%3C/svg%3E"); } .fancybox-slide--html .fancybox-content .fancybox-close-small { background: #00b2d8 url(images/popup-close.svg) center center no-repeat; opacity: 1; padding: 0px; width: 40px; height: 40px; } .fancybox-slide--html .fancybox-content .fancybox-close-small svg { opacity: 0; } .staffpop { position: absolute; bottom: calc(100% + 15px); left: -95px; width: 700px; background: #11ACE3; display: none; z-index: 100; } .staffpop:after { content: ""; position: absolute; top: 100%; left: 38px; width: 0; height: 0; border-style: solid; border-width: 0 37px 27px 0; border-color: transparent #11ACE3 transparent transparent; } .staffpop p { color: #fff; font-size: 14px; line-height: 18px; } .staffpop .name { padding: 12px 0 0; display: block; font-size: 12px; line-height: 15px; color: #fff; font-weight: 800; } .staffpop .mailto { font-size: 12px; line-height: 15px; color: #fff; font-weight: 600; display: table; margin: 10px 0 0; } .staffpop .people_designation { display: block; font-size: 12px; line-height: 15px; color: #fff; } .staffpop p:nth-of-type(1):before { content: "\0022"; } .staffpop p:nth-last-of-type(1):after { content: "\0022"; } .staffpop .text { padding: 29px 334px 33px 32px; } .staffpop .text.full-width { padding: 29px 32px 33px; } .staffpop .image { width: 334px; height: 100%; position: absolute; top: 0px; right: 0px; background-size: cover; background-repeat: no-repeat; background-position: top center; } .staffpop .image:before { background-repeat: no-repeat; background-size: 100% 100%; content: ''; display: block; position: absolute; width: 77px; left: 0px; top: 0px; height: 100%; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 600 530' preserveAspectRatio='none'%3E%3Cpolygon points='0,0 900,800 0,530' style='fill:%2311ACE3;' /%3E%3C/svg%3E"); } .staffpop .close-btn { background: #0192c9 url(images/popup-close.svg) center center no-repeat; opacity: 1; padding: 0px; width: 40px; height: 40px; display: block; position: absolute; top: 0px; right: 0px; z-index: 7; } .links-section.friendly-town-activity { z-index: 3; position: relative; } .links-section.friendly-town-activity .links-repeat { padding-bottom: 0px; } .friendly-town-bar { padding: 56px 0 80px; margin: -56px 0 0; position: relative; overflow: hidden; clear: both; float: left; width: 100%; } .friendly-town-bar .right { padding: 44px 0 0; float: right; width: 54.2%; } .friendly-town-bar h2 { font-size: 90px; line-height: 96px; color: #11ACE3; font-family: var(--display); font-weight: normal; padding-bottom: 12px; } .friendly-town-bar p { padding-bottom: 27px; font-size: 18px; line-height: 22px; color: #4A4A4A; font-weight: 400; } .friendly-town-bar .towns-content { margin: 0 -7px; display: none; position: relative; } .friendly-town-bar .towns-content .next-state { margin-top: -45px; font-size: 0px; line-height: 0px; position: absolute; top: 50%; right: -24px; width: 58px; height: 58px; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; background: #0092C8 url(images/slick-next-arrow.svg) center center no-repeat; transition: all 350ms; -webkit-transition: all 350ms; -moz-transition: all 350ms; -ms-transition: all 350ms; -o-transition: all 350ms; } .friendly-town-bar .towns-content .next-state:hover { background-color: #0584B3; } .friendly-town-bar .towns-content .repeat { padding: 0 7px; width: 50%; float: left; } .friendly-town-bar .towns-content .repeat .inner { background: #73b850; } .friendly-town-bar .towns-content .repeat .inner img { width: 100%; } .friendly-town-bar .towns-content .repeat .text { padding: 19px 25px 10px; min-height: 154px; } .friendly-town-bar .towns-content .repeat h3 { padding: 0 0 11px; font-size: 14px; line-height: 19px; font-weight: 800; color: #fff; text-transform: none; } .friendly-town-bar .towns-content .repeat p { font-size: 12px; line-height: 16px; font-weight: 700; color: #fff; padding-bottom: 0px; } .friendly-town-bar .towns-content .repeat .bottom { padding: 16px 26px 14px; background: #67a349; font-size: 12px; line-height: 16px; color: #fff; font-weight: 400; display: flex; min-height: 78px; } .friendly-town-bar .towns-content .repeat:nth-of-type(2) .inner { background: #11ACE3; } .friendly-town-bar .towns-content .repeat:nth-of-type(2) .inner .bottom { background: #0092C8; } .friendly-town-bar .towns-content .repeat .bottom .col1 { padding-right: 20px; max-width: 150px; } .friendly-town-bar .towns-content .repeat .bottom .col2 { margin-left: auto !important; min-width: 110px; } .friendly-town-bar .towns-content .repeat .bottom strong { display: block; font-weight: 800; } .friendly-town-bar .map-img { position: absolute; top: 50%; left: 50%; margin: -632px 0 0 -1845px; z-index: 1; } .friendly-town-bar .map-img .map-color-path path, .friendly-town-bar .map-img path[data-value="hover-path"] { cursor: pointer; transition: all 350ms; -webkit-transition: all 350ms; -moz-transition: all 350ms; -ms-transition: all 350ms; fill: #0092c8; opacity: 0.203869048; } .friendly-town-bar .map-img .map-color-path path:hover, .friendly-town-bar .map-img path[data-value="hover-path"]:hover, .friendly-town-bar .map-img path[data-value="hover-path"].active, .friendly-town-bar .map-img .map-color-path path.active { fill: #0092c8; opacity: 1; } .friendly-town-bar .pop-style { position: absolute; padding: 0 20px; min-width: 164px; height: 39px; background: #0092c8; border-radius: 20px; font-size: 16px; line-height: 40px; text-align: center; color: #fff; font-weight: 700; text-transform: uppercase; letter-spacing: 0.04em; display: none; } .friendly-town-bar .pop-style:before { content: ""; position: absolute; right: 18px; bottom: 100%; width: 0; height: 0; border-style: solid; border-width: 0 0 9px 16px; border-color: transparent transparent #0092c8 transparent; } .friendly-town-bar .pop-style.show { display: block; } .friendly-town-bar .map-img .map-color-path g#US-MA:hover path, .friendly-town-bar .map-img .map-color-path g#US-VA:hover path { opacity: 1; } .friendly-town-bar .pop-style[data-value="US-CT"] { right: 145px; top: 630px; } .friendly-town-bar .pop-style[data-value="US-DE"] { right: 190px; top: 740px; } .friendly-town-bar .pop-style[data-value="US-ME"] { right: 80px; top: 520px; } .friendly-town-bar .pop-style[data-value="US-MD"] { right: 220px; top: 762px; } .friendly-town-bar .pop-style[data-value="US-MA"] { right: 100px; top: 570px; } .friendly-town-bar .pop-style[data-value="US-NH"] { right: 120px; top: 550px; } .friendly-town-bar .pop-style[data-value="US-NJ"] { right: 180px; top: 717px; } .friendly-town-bar .pop-style[data-value="US-NY"] { right: 219px; top: 605px; } .friendly-town-bar .pop-style[data-value="US-NC"] { right: 277px; top: 777px; } .friendly-town-bar .pop-style[data-value="US-NC"]:before { border-width: 0 16px 9px 0px; border-color: transparent #0092c8 transparent transparent; bottom: auto; top: 100%; } .friendly-town-bar .pop-style[data-value="US-ON"] { right: 400px; top: 624px; } .friendly-town-bar .pop-style[data-value="US-PA"] { right: 330px; top: 712px; } .friendly-town-bar .pop-style[data-value="US-RI"] { right: 96px; top: 605px; } .friendly-town-bar .pop-style[data-value="US-VT"] { right: 145px; top: 550px; } .friendly-town-bar .pop-style[data-value="US-VA"] { right: 300px; top: 845px; } .friendly-town-bar .pop-style[data-value="US-WV"] { right: 387px; top: 817px; } .story-top-bar { padding: 19px 0 185px; } .story-top-bar .top-content { text-align: center; } .story-top-bar .top-content h4 { padding: 0 0 19px; font-size: 18px; line-height: 22px; color: #0092C8; font-weight: 800; letter-spacing: 0.05em; } .story-top-bar .top-content h2 { padding: 0 0 47px; font-size: 80px; line-height: 86px; color: #0092C8; font-family: var(--display); font-weight: normal; } .story-top-bar .friendly-town-slider-wrap { max-width: 774px; margin: 0 auto; } .story-top-bar .friendly-town-slider-wrap h3 { padding: 0 0 3px; font-size: 30px; line-height: 40px; font-family: var(--display); font-weight: normal; color: #858585; text-align: center; letter-spacing: 0.04em; transition: all 350ms; -webkit-transition: all 350ms; -moz-transition: all 350ms; -ms-transition: all 350ms; -o-transition: all 350ms; } .story-top-bar .friendly-town-slider-wrap .image { width: 178px; height: 178px; display: block; margin: 0 auto; border: 12px solid #ddf6ff; background-size: cover; background-repeat: no-repeat; background-position: top center; border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; -webkit-border-radius: 100%; transition: all 350ms; -webkit-transition: all 350ms; -moz-transition: all 350ms; -ms-transition: all 350ms; -o-transition: all 350ms; } .story-top-bar .friendly-town-slider-wrap .inner:hover .inner-text .image, .story-top-bar .friendly-town-slider-wrap .inner.slick-current .inner-text .image { border-color: #11ace3; } .story-top-bar .friendly-town-slider-wrap .inner:hover .inner-text h3, .story-top-bar .friendly-town-slider-wrap .inner.slick-current .inner-text h3 { color: #11ACE3; } .story-top-bar .friendly-town-slider-wrap .inner-text { display: inline-block; vertical-align: top; cursor: pointer; } .story-top-bar .friendly-town-slider-wrap .inner { text-align: center; } .story-top-single { position: relative; background: #fff; } .story-top-single .story-top-single-slider { margin-top: -167px; float: left; width: 100%; } .story-top-single .wrapper { max-width: 1475px; } .story-top-single .top-content { position: absolute; left: 50%; top: -167px; margin-left: -166px; display: flex; align-items: center; text-align: center; width: 345px; height: 345px; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; background: #11ACE3; } .story-top-single .top-content p { font-size: 22px; line-height: 27px; padding: 0px 50px; color: #fff; font-weight: 700; } .story-top-single .story-top-content { margin-top: 167px; position: relative; min-height: 2609px; } .story-top-single .story-top-content.smallheight { min-height: 2300px; } .story-top-single .repeat { position: absolute; top: 0px; left: 0px; } .story-top-single .repeat:before { content: ""; position: absolute; width: 24px; height: 24px; background: #11ACE3; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; top: 50%; } .story-top-single .repeat p { padding: 0px; } .story-top-single .repeat .image { background-repeat: no-repeat; background-position: top center; background-size: cover; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; } .story-top-single .line { position: absolute; top: 0px; left: 50%; margin-left: 2px; display: block; width: 2px; height: 100%; background: #11ace3; } .story-top-single .repeat.style1 { top: 151px; left: 75px; display: flex; align-items: center; width: 590px; } .story-top-single .repeat.style1 .image { min-width: 314px; min-height: 314px; } .story-top-single .repeat.style1 .text { text-align: right; padding: 0 5px 44px 40px; } .story-top-single .repeat.style1:before { right: -68px; margin-top: -66px; } .story-top-single .repeat.style2 { top: 318px; right: 97px; left: auto; display: flex; align-items: center; width: 590px; } .story-top-single .repeat.style2 .image { min-width: 313px; min-height: 313px; order: 2; } .story-top-single .repeat.style2 .text { text-align: left; padding: 0 40px 5px 35px; } .story-top-single .repeat.style2:before { left: -39px; margin-top: -51px; } .story-top-single .repeat.style3 { top: 424px; left: 404px; display: block; align-items: center; width: 280px; } .story-top-single .repeat.style3 .image { width: 215px; height: 215px; margin: 0 auto 25px; } .story-top-single .repeat.style3 .text { text-align: right; padding: 10px 20px 0 0; } .story-top-single .repeat.style3:before { right: -49px; top: auto; bottom: 46px; margin-top: 0px; } .story-top-single .repeat.style4 { top: 722px; left: auto; right: 393px; display: block; align-items: center; width: 280px; } .story-top-single .repeat.style4 .image { width: 285px; height: 285px; margin: 0 auto 16px; } .story-top-single .repeat.style4 .text { text-align: left; padding: 10px 20px 0 20px; } .story-top-single .repeat.style4:before { left: -52px; top: auto; bottom: 21px; } .story-top-single .repeat.style5 { top: 816px; left: 315px; display: block; align-items: center; width: 342px; } .story-top-single .repeat.style5 .image { width: 331px; height: 331px; margin: 0 0 25px; } .story-top-single .repeat.style5 .text { text-align: right; padding: 5px 0px 0 60px; } .story-top-single .repeat.style5:before { right: -76px; top: auto; bottom: 20px; margin-top: 0px; } .story-top-single .repeat.style6 { top: 1098px; left: auto; right: 43px; display: flex; align-items: center; width: 616px; } .story-top-single .repeat.style6 .image { min-width: 410px; min-height: 410px; order: 2; } .story-top-single .repeat.style6 .text { text-align: left; padding: 91px 0px 0 7px; } .story-top-single .repeat.style6:before { left: -66px; margin-top: 10px; } .story-top-single .repeat.style7 { top: 1347px; left: 178px; display: flex; align-items: center; width: 484px; } .story-top-single .repeat.style7 .image { min-width: 288px; min-height: 288px; } .story-top-single .repeat.style7 .text { text-align: right; padding: 65px 0px 0px 20px; } .story-top-single .repeat.style7:before { right: -71px; top: auto; margin-top: 0px; } .story-top-single .repeat.style8 { top: 1524px; left: auto; right: 360px; display: block; align-items: center; width: 292px; } .story-top-single .repeat.style8 .image { width: 192px; height: 192px; margin: 0 0 15px -6px; } .story-top-single .repeat.style8 .text { text-align: left; padding: 7px 0px 0 0px; } .story-top-single .repeat.style8:before { left: -74px; margin-top: 73px; } .story-top-single .repeat.style9 { top: 1870px; left: 50%; margin-left: -204px; display: block; align-items: center; width: 408px; } .story-top-single .repeat.style9 .image { width: 408px; height: 408px; margin: 0 0 15px; border: 16px solid #11ace3; border-radius: 100%; -webkit- border-radius: 100%; -moz- border-radius: 100%; -o- border-radius: 100%; -ms- border-radius: 100%; } .story-top-single .repeat.style9 .text { text-align: center; padding: 3px 40px 0; } .story-top-single .repeat.style9:before { display: none; } .story-top-single .slick-prev.slick-arrow { display: none !important; } .story-top-single .repeat p { font-size: 20px; line-height: 24px; color: #11ACE3; font-weight: 700; } .story-top-single .next-story { position: absolute; top: auto; bottom: 86px; left: 50%; font-size: 60px; line-height: 80px; color: #11ACE3; font-family: var(--display); font-weight: normal; min-width: 733px; text-decoration: none; margin: 0 0 0 -375px; width: auto; height: auto; background: none; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; } .story-top-single .next-story:hover {color: #0092C8;} .story-top-single .next-story:hover { background: none; } .story-top-single .next-story span { background: #11ace3; width: 70px; height: 70px; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; -o-border-radius: 100%; -ms-border-radius: 100%; display: inline-block; vertical-align: top; text-align: center; line-height: 76px; margin: 5px 0 0 2px; } .story-top-single .next-story:hover span { background:#0092C8;} .story-top-single .next-story span svg { display: inline-block; vertical-align: middle; } .story-top-single .circle-five { position: absolute; bottom: -714px; left: 50%; margin-left: -645px; height: 1301px; width: 1301px; background: #e7f6fc; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; } .story-top-single .circle-one { position: absolute; top: 172px; left: -251px; height: 565px; width: 565px; background: #11ACE3; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; } .story-top-single .circle-two { position: absolute; top: 208px; right: -406px; height: 727px; width: 727px; background: #11ACE3; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; } .story-top-single .circle-three { position: absolute; top: 630px; left: -439px; height: 940px; width: 940px; background: #e7f6fc; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; } .story-top-single .circle-four { position: absolute; top: 896px; right: -322px; height: 597px; width: 597px; background: #e7f6fc; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; } .story-top-single .circle-wrap { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; overflow: hidden; } .story-top-single .circle-wrap .wrapper { height: 100%; } .friendly-town-program-bar { padding: 49px 0px 44px; } .friendly-town-program-bar .left { padding: 3px 0 0; width: 55%; float: left; } .friendly-town-program-bar .left p { font-weight: 400; } .friendly-town-program-bar .right { width: 37.2%; float: right; } .friendly-town-program-bar .links-section .links-repeat { width: 100%; padding-bottom: 23px; } .friendly-town-program-bar .links-section .links-repeat a { min-height: 91px; padding: 7px 100px 7px 35px; font-size: 21px; line-height: 26px; letter-spacing: 0.04em; } .friendly-town-program-bar .links-section .links-repeat a svg { right: 30px; } .how-we-choose-bar { padding: 0px 0 47px; } .how-we-choose-bar h2 { padding: 0 0 31px; margin: 0 0 39px; font-size: 70px; line-height: 76px; color: #11ACE3; font-family: var(--display); font-weight: normal; text-align: center; border-bottom: 4px solid #03a7e1; position: relative; } .how-we-choose-bar h2:after, .how-we-choose-bar h2:before { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .how-we-choose-bar h2:after { border-color: rgba(255, 255, 255, 0); border-top-color: #fff; border-width: 14px; margin-left: -14px; } .how-we-choose-bar h2:before { border-color: rgba(3, 167, 225, 0); border-top-color: #03a7e1; border-width: 20px; margin-left: -20px; } .how-we-choose-bar .how-choose-wrap { margin: 0 -20px; } .how-we-choose-bar .how-choose-wrap .item { width: 20%; float: left; padding: 0 20px 17px; } .how-we-choose-bar .how-choose-wrap .icon { padding: 0 0 29px; text-align: left; font-size: 70px; line-height: 80px; color: #11ACE3; font-family: var(--display); font-weight: normal; } .how-we-choose-bar .how-choose-wrap .icon img { display: inline-block; vertical-align: middle; } .how-we-choose-bar .how-choose-wrap h3 { padding-bottom: 7px; font-size: 18px; line-height: 19px; color: #11ACE3; font-weight: 700; } .how-we-choose-bar .how-choose-wrap p { font-size: 15px; line-height: 19px; color: #4A4A4A; font-weight: 400; } .how-we-choose-bar hr { background: #0baae2; height: 4px; } .where-content-bar { background: #e6f9ff; position: relative; overflow: hidden; } .where-content-bar .right { padding: 78px 40px 70px 0; width: 45%; float: right; position: relative; } .where-content-bar .right .line { display: block; width: 178px; height: 49px; position: absolute; top: 67px; right: -13px; background: url(images/mapline1.svg) 0% 0px no-repeat; } .where-content-bar .right .line1 { display: block; width: 178px; height: 49px; position: absolute; bottom: 95px; left: -205px; background: url(images/mapline.svg) 0% 0px no-repeat; } .where-content-bar h2 { padding: 0 0px 18px 0; font-size: 80px; line-height: 90px; font-family: var(--display); color: #11ACE3; font-weight: normal; } .where-content-bar p { font-size: 18px; line-height: 23px; color: #4A4A4A; font-weight: 400; } .where-content-bar .text-btn { margin: 12px 0 0; display: table; font-size: 60px; line-height: 78px; font-family: var(--display); color: #11ACE3; font-weight: normal; text-decoration: none; text-transform: uppercase; letter-spacing: 0.01em; } .where-content-bar .text-btn:hover { color:#0092C8;} .where-content-bar .text-btn strong { font-weight: 800; font-family: 'Montserrat', sans-serif; font-size: 21px; line-height: 21px; display: block; } .where-content-bar .text-btn svg { display: inline-block; vertical-align: top; margin: 18px 0 0 5px; transition: 0.3s all; -webkit-transition: 0.3s all; } .where-content-bar .text-btn:hover svg { margin-left: 10px; } .where-content-bar .map { position: absolute; top: 50%; left: 50%; margin: -744px 0 0 -1907px; z-index: 2; } .where-content-bar .map-img path { transition: all 350ms; -webkit-transition: all 350ms; -moz-transition: all 350ms; -ms-transition: all 350ms; fill: #e8e8e8; opacity: 1; } .where-content-bar .map-img path.hover { fill: #c9effa; } .where-content-bar .map-img path.hover:hover { fill: #0092c8; opacity: 1; } .where-content-bar .map-img #US-MA:hover + #US-MA, .where-content-bar .map-img #US-VA:hover + #US-VA { fill: #0092c8; opacity: 1; } .where-content-bar .map-img #US-MA:hover + #US-MA + #US-MA { fill: #0092c8; opacity: 1; } .where-content-bar .map-img #US-MA:hover ~ #US-MA { fill: #0092c8; opacity: 1; } .where-content-bar .pop-style { position: absolute; padding: 0 20px; min-width: 164px; height: 39px; background: #0092c8; border-radius: 20px; font-size: 16px; line-height: 40px; text-align: center; color: #fff; font-weight: 700; text-transform: uppercase; letter-spacing: 0.04em; display: none; } .where-content-bar .pop-style:before { content: ""; position: absolute; right: 18px; bottom: 100%; width: 0; height: 0; border-style: solid; border-width: 0 0 9px 16px; border-color: transparent transparent #0092c8 transparent; } .where-content-bar .pop-style.show { display: block; } .where-content-bar .pop-style.ct { right: 160px; top: 700px; } .where-content-bar .pop-style.de { right: 240px; top: 832px; } .where-content-bar .pop-style.me { right: 100px; top: 590px; } .where-content-bar .pop-style.md { right: 270px; top: 860px; } .where-content-bar .pop-style.ma { right: 120px; top: 645px; } .where-content-bar .pop-style.nh { right: 140px; top: 620px; } .where-content-bar .pop-style.nj { right: 220px; top: 817px; } .where-content-bar .pop-style.ny { right: 219px; top: 707px; } .where-content-bar .pop-style.nc { right: 277px; top: 887px; } .where-content-bar .pop-style.nc:before { border-width: 0 16px 9px 0px; border-color: transparent #0092c8 transparent transparent; bottom: auto; top: 100%; } .where-content-bar .pop-style.on { right: 450px; top: 704px; } .where-content-bar .pop-style.pa { right: 400px; top: 817px; } .where-content-bar .pop-style.ri { right: 122px; top: 685px; } .where-content-bar .pop-style.vt { right: 185px; top: 620px; } .where-content-bar .pop-style.va { right: 310px; top: 765px; } .where-content-bar .pop-style.va:before { border-width: 0 16px 9px 0px; border-color: transparent #0092c8 transparent transparent; bottom: auto; top: 100%; } .where-content-bar .pop-style.wv { right: 436px; top: 932px; } .testimonial-custom-bar { padding: 55px 0 58px; } .testimonial-custom-bar .testimonial-slider-wrap { margin: 0px; background: #7bc258; } .testimonial-custom-bar .testimonial-slider-wrap .image:before { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 600 530' preserveAspectRatio='none'%3E%3Cpolygon points='0,0 900,800 850,0' style='fill:%237bc258;' /%3E%3C/svg%3E"); } .testimonial-custom-bar .testimonial-slider-wrap .inner { min-height: 335px; } .testimonial-custom-bar .testimonial-slider-wrap .slick-arrow { background-color: #73b850; } .testimonial-custom-bar .testimonial-slider-wrap .slick-arrow:hover { background-color: #67A349; } .bottom-page-list-bar { padding: 71px 0 62px; } .bottom-page-list-bar .bottom-page-wrap { margin: 0 -19px; overflow: hidden; } .bottom-page-list-bar .item { width: 50%; float: left; padding: 0 19px 38px; } .bottom-page-list-bar .item .inner { background: #0092c8; text-align: center; } .bottom-page-list-bar .item .inner img { width: 100%; } .bottom-page-list-bar .item .inner .text { padding: 35px 40px 30px; text-align: center; min-height: 289px; } .bottom-page-list-bar .item h3 { padding-bottom: 13px; color: #fff; font-size: 22px; line-height: 27px; font-weight: 700; letter-spacing: 0.02em; } .bottom-page-list-bar .item p { font-size: 16px; line-height: 21px; color: #fff; font-weight: 400; } .bottom-page-list-bar .item .btn { margin: 2px 0 0px; padding: 20px 20px 19px 25px; font-size: 15px; line-height: 18px; } .bottom-page-list-bar .item .btn:hover { color:#0092C8; background: #fff;} .bottom-page-list-bar .item .btn:hover:after { background:url(images/blue_arrow.svg) 0px 0px no-repeat;} .site-loader { position: fixed; left: 0px; top: 0px; display: block; width: 100%; height: 100%; z-index: 9999; background: #0e0e0e url(images/site-loader.gif) center center no-repeat; background-size: 100px auto; } .blog-listing li:nth-child(3n+1) { clear: both;} .choose_ques { display: none; } .mb_block { display: none;} .testimonial-section-item.life-time .inner.hover { position: absolute; left: 0px; top: 0px; z-index: 101; opacity: 0; visibility: hidden; transition: 1s all; -webkit-transition: 1s all; } .testimonial-section-item.life-time .left .inner.hover { padding-bottom: 277px; background:#0092c8; } .testimonial-section-item.life-time .left .repeat:nth-child(2) .inner.hover {background:#73b850; padding-bottom:0;} .testimonial-section-item.life-time .left .inner.hover .image {position: absolute; bottom: 0px; left: 0px; width: 100%;} .testimonial-section-item.life-time .left .repeat:nth-child(2) .inner.hover .image { position: relative;} .testimonial-section-item.life-time .left .inner.hover .text {padding: 70px 50px 110px 58px; min-height: 345px;} .testimonial-section-item.life-time .left .repeat:nth-child(2) .inner.hover .text {padding: 118px 30px 65px 50px; min-height: 343px;} .testimonial-section-item.life-time .left .inner.hover .image::after { bottom: auto; top: -28px; transform: rotate(-180deg); -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -ms-transform: rotate(-180deg); -o-transform: rotate(-180deg); background-color: #11ace3;} .testimonial-section-item.life-time .left .repeat:nth-child(2) .inner.hover .image::after { bottom: -28px; top: auto; transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); background-color: #85ce60;} .testimonial-section-item.life-time .left .inner.hover .text h3 {top: auto; bottom: 43px;} .testimonial-section-item.life-time .left .repeat:nth-child(2) .inner.hover .text h3 {bottom: auto; top:43px; } .testimonial-section-item.life-time .right .repeat .inner.hover { padding-bottom: 277px; background:#0092c8;} .testimonial-section-item.life-time .right .repeat .inner.hover .image {position: absolute; bottom: 0px; left: 0px; width: 100%;} .testimonial-section-item.life-time .right .repeat .inner.hover .text { padding:70px 50px 110px 58px; min-height: 344px;} .testimonial-section-item.life-time .right .repeat:nth-child(2) .inner.hover .text { min-height: 343px;} .testimonial-section-item.life-time .right .repeat .inner.hover h3 {top: auto; bottom: 43px;} .testimonial-section-item.life-time .right .repeat .inner.hover .image::after { top: -27px; bottom: auto; background-color: #11ace3; transform: rotate(-180deg);} .testimonial-section-item.life-time .right .repeat:nth-of-type(2n+1) .inner.hover { padding-bottom: 0; background:#73b850; } .testimonial-section-item.life-time .right .repeat:nth-of-type(2n+1) .inner.hover .image { position: relative;} .testimonial-section-item.life-time .right .repeat:nth-of-type(2n+1) .inner.hover .text {padding: 110px 42px 70px 45px;} .testimonial-section-item.life-time .right .repeat:nth-of-type(2n+1) .inner.hover h3 { top: 43px; bottom: auto;} .testimonial-section-item.life-time .right .repeat:nth-of-type(2n+1) .inner.hover .image::after {top: auto; bottom: -27px; background-color: #85ce60; transform: rotate(0deg);} .testimonial-section-item.life-time .repeat:hover .inner { opacity: 0; } .testimonial-section-item.life-time .repeat:hover .inner.hover { opacity: 1; visibility: visible; } .page-template-event .jqTransformSelectWrapper ul a.selected, .page-template-event .jqTransformSelectWrapper ul a:hover { color:#4A398E;} .mobile_achievements { display: none !important; } .page-template-academicenrichment-and-leadershipprograms .volunteer-banner-bar.sign-up-to-visit.sign-up-camp h1 { padding-right: 50px;} .page-template-academicenrichment-and-leadershipprograms .camp-leadership-content-bar .image { padding-left:0; padding-right: 60px; } .page-template-academicenrichment-and-leadershipprograms .camp-leadership-content-bar { padding: 70px 0 55px; } .page-template-academicenrichment-and-leadershipprograms .camp-leadership-content-bar .right:not(.full-width) { padding-top:0; padding-right:0;} .page-template-academicenrichment-and-leadershipprograms .camp-leadership-content-bar .right:not(.full-width) h2 {font-family: var(--display); color:#73B850; font-size: 60px; line-height: 80px; letter-spacing: -0.4px; font-weight: normal; } .page-template-academicenrichment-and-leadershipprograms .camp-content-greem-bar ul { width: 100%;} .page-template-academicenrichment-and-leadershipprograms .camp-content-greem-bar ul li { margin-bottom: 20px; } .page-template-academicenrichment-and-leadershipprograms .camp-content-greem-bar { min-height: 410px; background:#11ace3;} .page-template-academicenrichment-and-leadershipprograms .camp-content-greem-bar .image:before { background-repeat: no-repeat; background-size: 100% 100%; content: ''; display: block; position: absolute; width: 200px; left: 0; top: 0px; height: 100%; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 600 530' preserveAspectRatio='none'%3E%3Cpolygon points='0,0 900,800 0,530' style='fill:%2311ace3;' /%3E%3C/svg%3E"); } .page-template-academicenrichment-and-leadershipprograms .camp-leadership-content-bar.camp-leadership-content-bar1 {} .page-template-academicenrichment-and-leadershipprograms .camp-leadership-content-bar.camp-leadership-content-bar1 .image { float: right; padding-right:0; padding-left: 60px;} .page-template-academicenrichment-and-leadershipprograms .camp-leadership-content-bar.camp-leadership-content-bar1 .right { float: left; width: 65%; } .page-template-academicenrichment-and-leadershipprograms .camp-leadership-content-bar.camp-leadership-content-bar1 h3 { color:#11ace3; font-size: 26px;} .page-template-academicenrichment-and-leadershipprograms .camp-leadership-content-bar.camp-leadership-content-bar1 ul { padding:0;} .page-template-academicenrichment-and-leadershipprograms .camp-leadership-content-bar.camp-leadership-content-bar1 ul li { padding: 0 20px 0 15px; font-size: 16px; line-height: 27px; position: relative; color:#4a4a4a; font-weight: 500; list-style: none; margin-bottom: 20px; } .page-template-academicenrichment-and-leadershipprograms .camp-leadership-content-bar.camp-leadership-content-bar1 ul li:before { content: ""; width: 4px; height: 4px; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; background: #4a4a4a; display: block; position: absolute; top: 11px; left: 4px; } .interestd { background:#4a398e; padding: 65px 0 65px; text-align: center;} .interestd h3 { font-size: 60px; line-height: 80px; color:#fff; font-family: var(--display); letter-spacing: -0.34px; font-weight: normal;} .interestd p { color:#fff; font-size: 18px; color:#fff; line-height: 23px; } .interestd p a { font-weight: bold; color:#fff; text-decoration: none;} .interestd p a:hover { text-decoration: underline; } .interestd p a[href^="tel"], .interestd p a[href^="sms"] { font-weight: normal; text-decoration: none !important; } .page-template-academicenrichment-and-leadershipprograms .cta-bar a { background:#F4862D;} .page-template-academicenrichment-and-leadershipprograms .cta-bar a:hover { background:#E77D27;} .grecaptcha-badge { z-index: 999; } .mb { display: none;} .page-template-volunteer .jqTransformSelectWrapper ul a:hover, .page-template-volunteer .jqTransformSelectWrapper ul a.selected:hover, .page-template-volunteer .jqTransformSelectWrapper ul a.selected { color:#4a398e !important;} .alumni-tab-bar .tab-wrap #tabhedcolor1.tab-head:hover a { color:#73b850;} .alumni-tab-bar .tab-wrap #tabhedcolor1.tab-head.active a { color:#fff;} .alumni-tab-bar .tab-wrap #tabhedcolor2.tab-head:hover a { color:#0092cb;} .alumni-tab-bar .tab-wrap #tabhedcolor2.tab-head.active a { color:#fff; } .page-template-children-and-alumni .jqTransformSelectWrapper ul a:hover, .page-template-children-and-alumni .jqTransformSelectWrapper ul a.selected:hover, .page-template-children-and-alumni .jqTransformSelectWrapper ul a.selected { color:#0092c8 !important;} .jqTransformSelectWrapper > div span, .jqTransformSelectWrapper ul a { font-weight: 400 !important; } .page-template-contact .submit-row { margin-top: 15px; } .page-template-camp-child-template .cta-bar a { background:#73b850; } .page-template-camp-child-template .cta-bar a:hover { background:#67A349; } #footer .address a { color:#fff; text-decoration: none; cursor: default;} .form_code { width: 100%; height: 1260px; } .friendly-town-slider.slick-slider .slick-dots { padding: 27px 0 0px !important; } .friendly-town-slider.slick-slider .slick-dots li { padding: 0px 2px !important; } .friendly-town-slider.slick-slider .slick-dots li button { width: 14px; height: 14px; background: #84cee9; } .friendly-town-slider.slick-slider .slick-dots li.slick-active button { background: #0192c9; transform: none; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; } .on-screen-spacer { position: absolute; top: -400px; height: 1px; width: 100%; display: block; } .on-screen-spacer.spacer1 { top: -160px; height: 2609px; } .story-top-single .line { height: 0px; } .story-top-single .repeat .image { position: relative; } .story-top-single .repeat .text { position: relative; } .story-top-single .repeat:before { opacity: 0; transition: all 350ms; -webkit-transition: all 350ms; -ms-transition: all 350ms; -moz-transition: all 350ms; -o-transition: all 350ms; } .story-top-single .repeat.active:before { opacity: 1; } .alumni-inner-content-bar .alumni-value .repeat p strong {color: #73B850; font-size: 40px; line-height: 46px; font-weight: 800; text-transform: uppercase; display: block; padding: 0 0 4px;} .mb_image { display: none;} .contentpopup { z-index: 9999 !important;position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 999; transition: 0.3s all; -webkit-transition: 0.3s all; background: rgba(0,0,0,0.61); } .contentpopup .contentceenter { position: fixed; left: 50%; top: 50%; width: 500px; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); max-height: 90%; background: #0092c8; } .contentpopup .middlecontent { overflow: auto; height: 100%; } .contentpopup .text { padding: 0px; } .contentpopup a.closebtn { position: absolute; right: -8px; top: -32px; font-size: 0px; cursor: pointer; width: 30px; height: 20px; } .contentpopup a.closebtn:before, .contentpopup a.closebtn:after { content: ""; position: absolute; left: 8px; top: 0px; width: 3px; height: 21px; transform: rotate(45deg); -webkit-transform: rotate(45deg); background: #fff; } .contentpopup a.closebtn:after { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } .contentpopup .text { padding: 27px 28px 35px 30px; color: #FFF; } .contentpopup h3 { padding-bottom: 10px; font-size: 20px; color: #FFF; letter-spacing: 0.01em; } .contentpopup p { padding-bottom: 30px; font-size: 14px; line-height: 17px; } .contentpopup a.text-btn { color: #FFF; font-weight: 700; text-decoration: none; font-size: 14px; letter-spacing: 0.035em; } .contentpopup a.text-btn svg { margin: 0px 0px 0px 8px; vertical-align: middle; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .contentpopup a.text-btn svg, .contentpopup a.text-btn svg g { fill: #fff; stroke: #fff; } .contentpopup a.text-btn:hover svg { margin-left: 11px; } .contentpopup { } .contentpopup { } .contentpopup1 { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 999; transition: 0.3s all; -webkit-transition: 0.3s all; background: rgba(0,0,0,0.61); } .contentpopup1 .contentceenter { position: fixed; left: 50%; top: 50%; width: 80%; max-width: 80%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); max-height: 90%; } .contentpopup1 .contentceenter img { } .contentpopup1 a.closebtn { position: absolute; right: -8px; top: -32px; font-size: 0px; cursor: pointer; width: 30px; height: 20px; } .contentpopup1 a.closebtn:before, .contentpopup1 a.closebtn:after { content: ""; position: absolute; left: 8px; top: 0px; width: 3px; height: 21px; transform: rotate(45deg); -webkit-transform: rotate(45deg); background: #fff; } .contentpopup1 a.closebtn:after { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } /* Form Assembly forms */ .wFormContainer .wFormHeader { display: none; content: ""; } .common-bar .wForm ul li::before, .common-bar .wForm ol li::before { display: none; } .common-bar .wForm ul li, .common-bar .wForm ol li { padding-bottom: 16px; padding-bottom: 1rem; }