/* -- Normalize ---------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ .clearfix:before, .clearfix:after { content: ""; display: table; clear: both; } /* Stormy: Smooth Trasitions v.:0.1 beta */ .ts{-webkit-transition:all 300ms ease;-moz-transition:all 300ms ease;-ms-transition:all 300ms ease;-o-transition:all 300ms ease;transition:all 300ms ease}.ts.ts-bg-color{-webkit-transition-property:background-color;-moz-transition-property:background-color;-ms-transition-property:background-color;-o-transition-property:background-color;transition-property:background-color}.ts.ts-color{-webkit-transition-property:color;-moz-transition-property:color;-ms-transition-property:color;-o-transition-property:color;transition-property:color}.ts.ts-opacity{-webkit-transition-property:opacity;-moz-transition-property:opacity;-ms-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.ts.ts-border-color{-webkit-transition-property:border-color;-moz-transition-property:border-color;-ms-transition-property:border-color;-o-transition-property:border-color;transition-property:border-color}.ts.ts-width{-webkit-transition-property:width;-moz-transition-property:width;-ms-transition-property:width;-o-transition-property:width;transition-property:width}.ts.ts-height{-webkit-transition-property:height;-moz-transition-property:height;-ms-transition-property:height;-o-transition-property:height;transition-property:height}.ts.ts-linear{-webkit-transition-timing-function:linear;-moz-transition-timing-function:linear;-ms-transition-timing-function:linear;-o-transition-timing-function:linear;transition-timing-function:linear}.ts.ts-ease{-webkit-transition-timing-function:ease;-moz-transition-timing-function:ease;-ms-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease}.ts.ts-ease-in{-webkit-transition-timing-function:ease-in;-moz-transition-timing-function:ease-in;-ms-transition-timing-function:ease-in;-o-transition-timing-function:ease-in;transition-timing-function:ease-in}.ts.ts-ease-out{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.ts.ts-ease-in-out{-webkit-transition-timing-function:ease-in-out;-moz-transition-timing-function:ease-in-out;-ms-transition-timing-function:ease-in-out;-o-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}.ts.ts-instant{-webkit-transition-duration:75ms;-moz-transition-duration:75ms;-ms-transition-duration:75ms;-o-transition-duration:75ms;transition-duration:75ms}.ts.ts-quick{-webkit-transition-duration:200ms;-moz-transition-duration:200ms;-ms-transition-duration:200ms;-o-transition-duration:200ms;transition-duration:200ms}.ts.ts-medium{-webkit-transition-duration:300ms;-moz-transition-duration:300ms;-ms-transition-duration:300ms;-o-transition-duration:300ms;transition-duration:300ms}.ts.ts-slow{-webkit-transition-duration:500ms;-moz-transition-duration:500ms;-ms-transition-duration:500ms;-o-transition-duration:500ms;transition-duration:500ms}.ts.ts-slower{-webkit-transition-duration:700ms;-moz-transition-duration:700ms;-ms-transition-duration:700ms;-o-transition-duration:700ms;transition-duration:700ms}.ts.ts-slowest{-webkit-transition-duration:1100ms;-moz-transition-duration:1100ms;-ms-transition-duration:1100ms;-o-transition-duration:1100ms;transition-duration:1100ms} /* -- Generals ---------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ .phone-only { display: none; } [class^="socicon-"]:before, [class*=" socicon-"]:before { line-height: inherit; } .fa-youtube { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* Wrappers */ section { width: 100%; position: relative; } section .sizer { width: 100%; padding: 0; max-width: 940px; margin: 0 auto; padding: 0 20px; } section .sizer .col-70 { width: 70%; float: left; } section .sizer .col-65 { width: 65%; float: left; } section .sizer .col-60 { width: 60%; float: left; } section .sizer .col-50 { width: 50%; float: left; } section .sizer .col-45 { width: 45%; float: left; } section .sizer .col-40 { width: 40%; float: left; } section .sizer .col-33 { width: 33.33%; float: left; } section .sizer .col-30 { width: 30%; float: left; } section .sizer .col-20 { width: 20%; float: left; } section.mission { overflow: hidden; } /* Commons */ .vimeo-holder { width: 100%; margin-bottom: 20px; padding: 20px 0; } .vimeo-holder iframe { width: 100%; max-width: 880px; margin: 0 auto; display: block; min-height: 475px; } .vimeo-holder p.video-caption { width: 100%; max-width: 880px; margin: 0 auto; display: block; text-align: left; padding: 10px 0; line-height: 22px; font-size: 16px;} .flickr-holder { position:relative; overflow:hidden; width: 100%; margin-bottom: 20px; padding: 20px 0; } .flickr-holder iframe { width:100%; background: #f0f0f0; } .gallery { background: #fff; width: 100%; max-width: 880px; padding: 10px 0 30px 0; margin: 0 auto; } .gallery .gallery-item { width: 100%; } .gallery .gallery-item img { margin: 0 auto; display: block; max-width: 100%; height: auto; border: none !important; } .gallery .owl-nav { width: 100%; position: absolute; pointer-events: none; left: 0; top: 50% !important; margin-top: -25px; padding: 0 20px; } .gallery .owl-nav .owl-prev, .gallery .owl-nav .owl-next { height: 50px; width: 30px; pointer-events: all; text-indent: -9999999px; overflow: hidden; background-repeat: no-repeat; background-position: center center; background-size: contain; } .gallery .owl-nav .owl-prev { float: left; background-image: url('../../assets/images/icons/prev.png'); } .gallery .owl-nav .owl-next { float: right; background-image: url('../../assets/images/icons/next.png'); } .regular-content { padding: 50px 0; } .regular-content img { display:block; float:none; max-width:100%; } .regular-content img.alignright { display:block; float:right; max-width:100%; margin: 0 0 20px 20px; } .regular-content img.alignleft { display:block; float:left; max-width:100%; margin: 0 20px 20px 0; } .micro-hero { background-color: #fec845 !important; max-height: 160px !important; } /* Colors */ .pink { background-color: #9a5da3; } .pink p { color: #fff; } .pink a, .pink a:visited { color: #ffc25d; } .darklime { background-color: #fec845; } .darklime p { color: #fff; } .darklime a, .pink a:visited { color: #fff; } /* Tempoaray Event Subitem End */ .search-holder { display: none; } .search-holder .search-box { padding: 0 0 30px 0; border-bottom: 1px solid #eee; } .search-holder .search-box .search-form { width: 100%; max-width: 400px; float: right; } .search-holder .search-box .search-form input[type="text"] { line-height: 20px; height: 26px; border: 2px solid #ebebeb; margin-top: 11px; width:70%; float: left; margin-right: 3%; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; padding: 4px 0 4px 10px; } .search-holder .search-box .search-form input[type="submit"] { background: #fec845; color: #fff; float: left; width: 25%; padding: 4px 0; margin-top: 11px; border: 2px solid #fec845; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; appearance: none; -webkit-appearance: none; height: 26px; } .page-template-templatespage-home-php .search-holder .search-box { padding: 20px 30px 30px 30px; border-bottom: none; width: 100%; max-width: 460px; background: #fff; float: right; -webkit-box-shadow: -3px 5px 15px 0 rgba(0,0,0,0.2); box-shadow: -3px 5px 15px 0 rgba(0,0,0,0.2); } .page-template-templatespage-home-php .search-holder .search-box .search-form { width: 100%; } .slider-home.hero-header { height: 450px; background-size: cover; background-position: center center; position:relative; background-color: #f0f0f0; } .slider-home.hero-header.inner-hero { height: 240px; } .slider-home.hero-header.inner-hero .sizer { bottom: 20px; } .slider-home.hero-header .sizer { position: absolute; bottom: 40px; left: 50%; margin-left: -470px; } .slider-home { height: 600px; background-size: cover; background-position: center center; position: static; } @media screen and (max-width: 767px) { .slider-home--has-mobile { background: none !important; position: relative;} } .slider-home .slider-bg-mobile { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center center; } @media screen and (min-width: 768px) { .slider-home .slider-bg-mobile { display: none; } } .slider-content-holder { position: relative; height: 100%; width: 100%; } .slider-home .sizer { position: absolute; bottom: 100px; left: 50%; margin-left: -470px; } .slider-home .tiny-title { font-family: Georgia, serif; font-style: italic; color: #42b6cb; font-size: 22px; line-height: 30px; display: block; } .slider-home .hero { color: #fff; font-size: 38px; text-transform: uppercase; width: 100%; display: block; font-family: var(--wp--preset--font-family--heading); font-weight: 700; } .slider-home .hero span { color: #ffc25d; } .slider-home .link-holder { text-align: center; } .slider-home .link-holder a { display: inline-block; line-height: 40px; padding: 0 20px; color: #fff; text-decoration: none; border: 1px solid rgba(255,255,255,0.8); text-transform: uppercase; margin-top: 30px; } .slider-home .event { text-align: center; } .slider-home .event .slider-link { display: inline-block; border: 2px solid #fff; text-transform: uppercase; line-height:18px; font-size: 18px; padding: 10px 25px; color: #fff; } .slider-home-owl .slider-home .hero { text-align: center; } .js-slide-height-parent { } .slider-home-owl .owl-nav { width: 90%; position: absolute; bottom: 170px; pointer-events: none; left: 5%; } .slider-home-owl .owl-nav .owl-prev, .slider-home-owl .owl-nav .owl-next { height: 115px; width: 61px; pointer-events: all; text-indent: -9999999px; overflow: hidden; background-repeat: no-repeat; background-position: center center; } .slider-home-owl .owl-nav .owl-prev { float: left; background-image: url('../../assets/images/icons/prev.png'); } .slider-home-owl .owl-nav .owl-next { float: right; background-image: url('../../assets/images/icons/next.png'); } .slider-home-owl .owl-dots { width: 90%; position: absolute; bottom: 20px; pointer-events: none; left: 5%; text-align: center; } .slider-home-owl .owl-dots .owl-dot { height: 18px; width: 18px; border: 6px solid #fff; -webkit-border-radius: 23px; -moz-border-radius: 23px; border-radius: 23px; display: inline-block; margin: 0 3px; opacity: 0.4; pointer-events: all; } .slider-home-owl .owl-dots .owl-dot.active { opacity: 1; } /* Intro */ /* News & Events */ .news-events-home { padding-bottom: 0; } .news-events-home .sizer { border-bottom: 1px solid #ccc; padding-bottom: 30px; } .news-events-home .single-home-feat#featured-box-1 { padding: 0 20px 0 0; } .news-events-home .single-home-feat#featured-box-2 { padding: 0 20px; border-right: 1px solid #ccc; border-left: 1px solid #ccc; } .news-events-home .single-home-feat#featured-box-3 { padding: 0 0 0 20px; } .single-home-feat p.head-line { font-size: 14px; line-height: 20px; color: #42b6cb; margin-bottom: 6px; } .single-home-feat h3 { font-size: 18px; line-height: 22px; min-height:44px; color: #000; margin-bottom: 5px; font-weight:100; } .single-home-feat h3 a { color: #000 !important; border-bottom: none; } .single-home-feat p { font-size: 15px; line-height: 20px; } .single-home-feat .regular-link { color: #42b6cb !important; border-bottom: 1px solid #42b6cb; } .single-home-feat .media-holder { width: 100%; min-height: 250px; margin-bottom: 6px; overflow: hidden; } .single-home-feat .media-holder img { height: auto; width: 100%; display: block; margin: 0 auto; } .single-home-feat .media-holder iframe { height: 150px; width: 100%; display: block; margin: 0; } .single-home-feat .media-holder .video { top: -34px; position: relative; background: #000; } .single-home-feat .media-holder .video img { height: auto; width: 100%; } .single-home-feat .media-holder .video:after { position: absolute; height: 46px; width: 60px; background: #e52d27; content: "\f215"; top:50%; left:50%; margin-left: -30px; margin-top: -23px; cursor: pointer; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; line-height: 46px; text-align: center; color: #fff; font-size: 28px; font-family: 'Ionicons'; } .social-share-container { height: auto; width: 100%; height: 60px; margin: 20px 0; position: relative; overflow: hidden; } .social-share-container .social-hidden-buttons { position: absolute; top:0; left: -240px; background: #000; -webkit-transition: left 500ms ease-out; -moz-transition: left 500ms ease-out; -o-transition: left 500ms ease-out; transition: left 500ms ease-out; } .social-share-container.active .social-hidden-buttons { position: absolute; top:0; left: 60px; -webkit-transition: left 500ms ease-in; -moz-transition: left 500ms ease-in; -o-transition: left 500ms ease-in; transition: left 500ms ease-in; } .social-share-container .social-box { height: 60px; width: 60px; text-align: center; line-height: 60px; float: left; color: #fff; display: block; text-decoration: none; background-position: center center; transition: opacity 500ms ease-out; } .social-share-container .social-box:hover { opacity: 0.8; } .social-share-trigger { border: 1px solid #ededed; background: #fff url('../../assets/images/share/trigger.png') center center no-repeat; position: absolute; top: 0; left: 0; } .social-box.social-share-trigger:hover { opacity: 1; } .social-share-facebook { background: #3c5a96 url('../../assets/images/share/faceboook.png') center center no-repeat; } .social-share-twitter { background: #1dadea url('../../assets/images/share/twitter.png') center center no-repeat; } .social-share-pinterest { background: #c80a38 url('../../assets/images/share/pinterest.png') center center no-repeat; } .social-share-google { background: #db4c3e url('../../assets/images/share/googleplus.png') center center no-repeat; } .social-share-mail { background: #a40a12 url('../../assets/images/share/mail.png') center center no-repeat; } .social-share-container a.permalink { display: inline-block; font-size: 18px; color: #9a5da3; line-height: 60px; text-decoration: none; float: right; } /* Twitter Feed */ .last-tweet-home { padding: 30px 0; } .tweet-holder { padding-left: 50px; position: relative; } .tweet-holder:before { height: 40px; width:40px; position: absolute; top:0; left:0; content:"\f243"; font-family:'Ionicons'; line-height: 40px; text-align: left; font-size: 40px; color: #00afec; } .tweet-holder .tweet-name { display: block; color: #000; font-size: 18px; line-height:22px; margin-bottom: 0; } .tweet-holder .tweet-name a { font-size: 14px; color: #959595; } .tweet-holder ul { width: 100%; max-width: 600px; } .tweet-holder ul li { color: #000; font-size: 16px; line-height:23px; margin-bottom: 5px; } .tweet-holder ul li a, .tweet-holder ul li a:visited { color: #f59331; } /* -- Our services Page ------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* our services loop */ .loop-services.home-loop-services { padding: 50px 0 120px 0; } .loop-services { padding: 0 0 120px 0; } .loop-services p { font-size: 20px; margin-bottom: 25px; } .single-page { padding: 10px; } .single-page .inner-box { padding: 20px; height: 260px; } .single-page .inner-box h2 { font-size: 24px; line-height: 22px; color: #fff; text-transform: uppercase; max-width: 80%; } .color-intellectual-developmental-disabilities { background-color: #2bb0e9; } .color-behavioral-health { background-color: #84b832; } .color-veterans { background-color: #b3b2b1; } .color-homeless { background-color: #f69331; } .color-low-income { background-color: #9a5da3; } .color-real-world-approaches { background-color: #e6459f; } .tp-color-intellectual-developmental-disabilities { color: #2bb0e9; } .tp-color-behavioral-health { color: #84b832; } .tp-color-veterans { color: #b3b2b1; } .tp-color-homeless { color: #f69331; } .tp-color-low-income { color: #9a5da3; } .tp-color-real-world-approaches { color: #e6459f; } .services-box {cursor: pointer;} .loop-services-holder { position: relative; } .loop-services-holder .single-overlay { padding: 10px; z-index: 99999; position: absolute; top: 0; left:0; width:100%; display: none; } .single-overlay .inner-box { padding: 20px; height: 540px; } .single-overlay .inner-box h2 { font-size: 24px; line-height: 22px; color: #fff; text-transform: uppercase; width:31%; } .single-overlay .close-service-box { position: absolute; top: 30px; right: 30px; font-size: 26px; color: rgba(0,0,0,0.5); cursor: pointer; } .single-overlay .copy-holder { margin: 90px auto 0 auto; width: 80%; text-align: center; } .single-overlay .copy-holder p { margin-bottom: 30px; color: #fff; font-size: 26px; line-height: 33px; display: block; text-align: left; } .single-overlay .copy-holder a { display: inline-block; color: #fff; font-size: 18px; line-height: 40px; padding: 0 20px; border: 1px solid #fff; text-transform: uppercase; text-align:center; } .hero-line-spacer { width:100%; height: 20px; } /* Accordion Content */ .accordion-box { padding-top: 40px; border-top: 6px solid #e7e7e7; padding-bottom: 20px; } .accordion-box .single-accordion { margin-bottom: 25px; } .accordion-box .single-accordion .header-accordion h3 { padding-left: 44px; position: relative; margin-bottom: 5px; } .accordion-box .single-accordion .header-accordion h3:hover { opacity: 0.7; } .accordion-box .single-accordion .header-accordion h3 .icon { position: absolute; top:5px; left: 0; height: 28px; width: 28px; content: ""; display: block; background: #ccc url('../../assets/images/icons/plusicon.png') center center no-repeat; } .accordion-box .single-accordion .header-accordion.active h3 .icon { background: #ccc url('../../assets/images/icons/minusicon.png') center center no-repeat; } .accordion-box .single-accordion .content-accordion { font-size: 20px; line-height: 33px; padding-left: 44px; } .additional-box { padding-top: 40px; border-top: 6px solid #e7e7e7; padding-bottom: 20px; } /* -- Get Services ------------------------------------------------------------------------------------------------------------------------------------------------------------------ */ section .sizer.get-services-contact-info { padding-top: 40px; padding-bottom: 60px; } .get-services-contact-info p { font-size: 24px; line-height: 28px; } .get-services-contact-info a { } .quoted-logo { padding: 20px 20px 20px 250px; position: relative; margin-bottom: 20px; } .quoted-logo figure { position: absolute; left: 10px; top: 50%; width: 220px; height: auto; overflow: hidden; transform: translate(0, -50%); padding: 15px; border-right: 3px solid #f0f0f0; } .quoted-logo figure img { display: block; margin: 0 auto; width: 100%; height: auto; } /* -- About Page ------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* Our Goal and Uniqueness */ .goal-uniqueness-holder { padding: 40px 0 30px 0; } .goal-uniqueness-holder > div { width: 420px; float: left; padding-top: 60px; border-top: 10px solid #e5e5e5; /* border-bottom: 10px solid #e5e5e5; padding-bottom: 20px; */ position: relative; } .goal-uniqueness-holder .single-box:first-child { float: left; } .goal-uniqueness-holder .single-box:last-child { float: right; } /* .goal-uniqueness-holder .our-goal {margin-right: 50px; padding-right: 20px; } .goal-uniqueness-holder .uniqueness {margin-left: 50px; float: right;} */ .goal-uniqueness-holder > div p { font-size: 20px; line-height: 33px; color: #000000;} .goal-uniqueness-holder > div p strong { font-size: 36px; line-height: 33px; color: #9a5da3; font-weight: normal; display: block; } .goal-uniqueness-holder .icon { width: 130px; height: 100px; position: absolute; left: 50%; margin-left: -65px; top: -55px; background-repeat: no-repeat; background-position: center center; background-color: #fff; } .goal-uniqueness-holder.full { padding: 80px 0 0px 0; } .goal-uniqueness-holder.full > div { width: 100%; border: none !important; text-align: center; } .video-uniqueness { margin-bottom: 40px !important; } /* Mission */ /* .mission {background-color: #d6dccf; padding-bottom: 145px; height: 473px; } .mission-wrapper {padding-right: 250px; position: relative; padding-top: 60px; } .mission h2 { font-size: 28px; line-height: 34px; color: #9a5da3; padding-bottom: 10px; display: inline-block; border-bottom: 1px solid #ffffff; text-transform: uppercase; margin-bottom: 38px;} .mission p { font-size: 17px; line-height: 20px; color: #000000; margin-bottom: 8px;} .mission p.mission-quote {margin-bottom: 12px; font-style: italic;} .mission p.mission-quote span {display: block; line-height: 22px; font-style: normal;} .mission-bg {background-repeat: no-repeat; background-position: center center; background-image: url('../../assets/images/bgs/mission-bg.png'); width: 676px; height: 473px; position: absolute; top: 0; right: -290px; } */ .mission { background-color: #d6dccf; min-height: 473px; padding: 60px 0 40px 0; } .mission-wrapper { position: relative; padding-left: 200px; } .mission h2 { font-size: 28px; line-height: 34px; color: #9a5da3; padding-bottom: 10px; display: inline-block; border-bottom: 1px solid #ffffff; text-transform: uppercase; margin-bottom: 38px; } .mission p { font-size: 17px; line-height: 26px; color: #000000; margin-bottom: 8px; } .mission p em { font-size: 14px; font-style: normal !important; position: relative; top: -8px; display: block; margin-bottom: 20px; } .mission p.mission-quote { margin-bottom: 12px; font-style: italic; } .mission p.mission-quote span {display: block; line-height: 22px; font-style: normal;} .mission-bg { background-repeat: no-repeat; background-position:left bottom; background-image: url('../../assets/images/bgs/mission-bg-alt.png'); width: 500px; height: 520px; position: absolute; bottom: 0; left: 0; background-size: contain; } /* Values */ .values {background-color: #9a5da3;} .values-wrapper {padding-top: 90px; padding-bottom: 55px;} .values h2 { font-size: 28px; line-height: 34px; color: #ffffff; padding-bottom: 10px; display: inline-block; border-bottom: 1px solid #4e3053; text-transform: uppercase; margin-bottom: 38px;} .values-wrapper p {margin-bottom: 32px; font-size: 20px; line-height: 28px; color: #ffffff; letter-spacing: 0.1px;} .values-wrapper p span {display: block; color: #fec845; line-height: inherit; font-size: inherit;} /* Mission background gradient */ .values {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#9a5da3+0,743d7c+100 */ background: #9a5da3; /* Old browsers */ background: -moz-linear-gradient(top, #9a5da3 0%, #743d7c 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9a5da3), color-stop(100%,#743d7c)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #9a5da3 0%,#743d7c 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #9a5da3 0%,#743d7c 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #9a5da3 0%,#743d7c 100%); /* IE10+ */ background: linear-gradient(to bottom, #9a5da3 0%,#743d7c 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9a5da3', endColorstr='#743d7c',GradientType=0 ); /* IE6-9 */ } .newsletter-section { background: #F0F0F0; padding: 60px 0; } .newsletter-section__row { } @media screen and (min-width: 768px) { .newsletter-section { padding: 120px 0; } .newsletter-section__row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; margin: 0 -20px; } } @media screen and (min-width: 768px) { .newsletter-section__col { -webkit-box-flex: 1; -ms-flex: 1 0 50%; flex: 1 0 50%; padding: 0 20px; } } .newsletter-section h2 { font-size: 38px; line-height: 1; color: #9A5DA3; display: inline-block; text-transform: uppercase; margin-bottom: 15px; } .newsletter-section p { margin-bottom: 15px; font-size: 20px; line-height: 28px; letter-spacing: 0.1px; } .newsletter-section p span { display: block; color: #fec845; line-height: inherit; font-size: inherit; } /* -- Leadership ------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* Leadership page */ .leadership-wrapper {padding-top: 55px; padding-bottom: 80px;} .leadership-intro p { font-size: 20px; line-height: 33px; color: #000000; margin-bottom: 74px;} .leadership-intro strong { display: block;} /* Leadership Tabs */ .leadership-tabs { position: relative; } .leadership-tabs .tabs-nav { position: relative; z-index: 3; } .leadership-tabs .tab-nav { width: 33%; float: left; height: 60px; cursor: pointer; position: relative; background: #f0f0f0; } .leadership-tabs .tab-nav h3 { line-height: 60px; text-align: center; font-size: 24px; color: #000000; opacity: 0.1; } .leadership-tabs .tab-nav:hover { background: #e5e5e5; } .leadership-tabs .tab-nav:hover h3 { opacity: 0.3; /* -webkit-transition: all 500ms ease-out; -moz-transition: all 500ms ease-out; -o-transition: all 500ms ease-out; transition: all 500ms ease-out; */} .leadership-tabs .tab-nav.active-tab { background-color: #fff; z-index: 9; top: -5px; opacity: 1; } .leadership-tabs .tab-nav.active-tab h3 { opacity: 1; } .leadership-tab-wrapper {position: relative;} .leadership-tab-wrapper:before {content:""; position: absolute; display: block; top: 0; left: 0.5%; height: 4px; width: 99%; -webkit-box-shadow: 0 -3px 15px 0 rgba(0,0,0,0.25); box-shadow: 0 -3px 15px 0 rgba(0,0,0,0.25); } .leadership-tab-wrapper:after {content:""; position: absolute; display: block; top: 4px; left: 0; height: 4px; width: 100%; background-color: #ffffff; z-index: 2;} .leadership-tabs .tab-nav.active-tab:before {content:""; position: absolute; display: block; top: 4px; left: 0; height: 59px; width: 100%; background: transparent; z-index: 2; -webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,0.20); box-shadow: 0 0 15px 0 rgba(0,0,0,0.20); } .leadership-tabs .tab-nav:after { content:""; position: absolute; display: block; top: 56px; left: 0; height: 30px; width: 100%; background-color: #fff; z-index: 99999;} .leadership-tabs-left {width: 10px; position: absolute; top: 0; left: -6px; background-color: #ffffff; height: 100%; z-index: 4;} .leadership-tabs-right {width: 10px; position: absolute; top: 0; right: -1px; background-color: #ffffff; height: 100%; z-index: 4;} .leadership-tab-wrapper { padding-top: 58px; position: relative; min-height: 700px; } .leadership-tab-wrapper .tab { display: none; } .leadership-tab-wrapper .tab.active { display: block; } /* Cols */ .board-col {width: 33%; float: left; padding-left: 40px; padding-right: 20px; } .board-col li {margin-bottom: 32px; font-size: 18px; line-height: 24px; color: #000000; text-transform: uppercase;} .board-col li a {color: #000000;} .board-col li span {color: #9f65a8; text-transform: none; font-size: 16px; line-height: 24px; display: block;} .board-col li a:hover {text-decoration: underline;} .board-col li a:hover span {text-decoration: none;} .board-col2 {padding-top: 23px; border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5;} .board-col3 {padding-top: 23px;} /* LeaderShip Pop-ups */ .leadership-tab-wrapper .leadership-popup { width: 100%; background: #fff; position: absolute; top:10px; left: 0; padding: 0 0 0 0; height: 100%; display: none; min-height:100%; padding: 0 15px; } .leadership-popup .member-popup-header { width: 100%; height: 70px; } .leadership-popup .close-service-box { position: absolute; top: 20px; right: 20px; font-size: 26px; color: rgba(0,0,0,0.4); cursor: pointer; } .leadership-popup .member-popup-body { } .member-popup-body .col-image { width: 30%; padding-right: 3%; float: left; } .member-popup-body .col-image img { width: 100%; height: auto; } .member-popup-body .col-copy { width: 70%; float: left; } .member-popup-body .col-copy.no-picture { width: 100%; float: left; } .member-popup-body .col-copy span.position { color: #9f65a8; text-transform: none; font-size: 16px; line-height: 24px; display: block; } .member-popup-body .col-copy h3 { text-transform: uppercase; font-size: 26px; line-height: 34px; color: #000; margin-bottom: 14px; } .member-popup-body .col-copy .content-holder { padding-right: 25px; max-height: 540px; overflow: auto; } .member-popup-body .col-copy p { font-size: 16px; line-height: 22px; margin-bottom: 10px; } /* -- History ------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ .color-history {background-color: #fdf9f5;} .history {background-color: #fdf9f5; padding-top: 55px; overflow: hidden;} /* History page content */ .history-intro { font-size: 20px; line-height: 33px; color: #000000; padding-bottom: 40px; } .history-intro strong { } /* Timeline section */ .timeline-section { width: 100%; height: 1100px; background-image: url('../../assets/images/bgs/history-bg.png'); background-repeat: no-repeat; background-position: center top; background-size: cover; } .timeline-controls { height: 60px; width: 100%; position: relative; top: -30px; } .timeline-right { top: 0; right: 0; position: absolute; } .timeline-right p { float: left; line-height: 60px; font-size: 18px; font-style: italic; margin-right: 20px; } .timeline-right p span { line-height: 60px; color: #fcb531; font-size: 14px; } .timeline-right a { display: block; float: right; width: 60px; height: 60px; background-image: url('../../assets/images/misc/timeline-right.png'); background-repeat: no-repeat; background-position: center top; background-size: contain;} .timeline-left { position: absolute; top: 0; left: 0; } .timeline-left a { display:block; width: 60px; height: 60px; background-image: url('../../assets/images/misc/timeline-left.png'); background-repeat: no-repeat; background-position: center top; background-size: contain; } .timeline-left a.js-scroll-history-trigger-prev { display: none; } /* Timeline scroller */ section .sizer.timeline-sizer { position: relative; padding-top: 0; } .timeline-scroller { height: 260px; top: 0; left: 0; position: relative; overflow: hidden; } .js-scroll-history-content { position:relative; } .timeline-line { height: 260px; background-image: url('../../assets/images/misc/timeline-line.png'); background-repeat: no-repeat; background-position: center top; padding-left: 55px; } .timeline-line .item { width: 80px; float: left; position: relative; height: 260px; background-repeat: no-repeat; background-position: left center; background-size: 23px; } .timeline-line .item.item-top { background-image: url('../../assets/images/icons/top-tl-item.png'); } .timeline-line .item.item-bottom { background-image: url('../../assets/images/icons/bottom-tl-item.png'); } .timeline-line .item.item-empty { background-image: url('../../assets/images/icons/empty-tl-item.png'); } .year-content { position: absolute; left: 0; width: 300px; } .year-content p.year { color: #a1589a; font-size: 42px; line-height: 1em; font-weight: 100; } .year-content p.year-text { font-size: 13px; line-height: 15px; padding-top: 1rem; } .timeline-line .item.item-bottom .year-content { top: 171px; } .timeline-line .item.item-top .year-content { top: 0px; } .timeline-line .item.item-empty .year-content { display: none; } /* -- Manifesto ------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ .manisfesto-holder { } .manifesto { margin: 0 auto; } .manifesto .owl-nav > div { display: block; width: 60px; height: 60px; background-repeat: no-repeat; background-position: center top; background-size: contain; position: absolute; top: 50%; margin-top: -30px; cursor: pointer; text-indent: -99999px; } .manifesto .owl-prev { background-image: url('../../assets/images/misc/timeline-left.png'); left: 0; } .manifesto .owl-next { background-image: url('../../assets/images/misc/timeline-right.png'); right: 0; } .manifesto .slider-manifesto { background-position: center center; background-repeat: no-repeat; background-size: cover; } .slide-1 .slide-content { position: absolute; left: 0; top: 149px; width: 100%; text-align: center; } .slide-1 .slide-content .wrapper { width: 100%; max-width: 345px; display: inline-block; text-align: left; } .slide-1 .slide-content h2 { font-size: 28px; line-height: 34px; color: #9a5da3; display: inline-block; text-transform: uppercase; margin-bottom: 10px; width: 100%; } .slide-1 .slide-content p { font-size: 20px; line-height: 28px; color: #000; padding-bottom: 20px; } .slide-1 .slide-content p.scroll { line-height: 36px; text-align: center; display: block; width: 100%; margin: 0 auto; padding-bottom: 0; font-size: 15px; } .slide-1 .slide-content p.scroll a { display: inline-block; padding: 0 0 0 45px; position: relative; color: #000; } .slide-1 .slide-content p.scroll a:before { content: ""; position: absolute; height: 36px; width: 36px; top:0; left: 0; background: url('../../assets/images/icons/play-video.png') center center no-repeat; position: absolute; } /* Manifesto video pop-up */ .overlay-manifesto { position: fixed; background: rgba(0,0,0,0.8); top:0; left: 0; width: 100%; height: 100%; z-index:999999999999999; display: none; } .manifesto-video-holder { width: 100%; height: auto; height: 400px; position: absolute; top: 50%; left: 0; margin-top: -236px; } .manifesto-video-holder .close { width: 100%; height: 36px; display: block; text-align: right; max-width: 660px; margin: 0 auto; opacity: 0.8; } .manifesto-video-holder .close a { font-size: 20px; line-height: 36px; width: 36px; text-align: center; display: inline-block; color: #fff; text-decoration: none; } /* -- Community map ------- */ .map-phone { display: none !important; } .map-content { background: #f0f0f0; position: relative; } .map-content img.map { width: 100%; height: auto; margin: 0 auto; display: block; position: relative; } .map-content .anchor { display: block; height: 4%; position: absolute; opacity: 1; text-align: center; font-size: 24px; color: #fff; text-align: center; text-transform: uppercase; text-shadow: 0 0 40px #000000; } .map-content .anchor.pos-bronx { width: 7%; } .map-content .anchor.pos-manhattan { width: 12%; } .map-content .anchor.pos-brooklyn { width: 10.5%; } .map-content .anchor.pos-queens { width: 8.6%; } .map-content .anchor.pos-long-island { width: 12.4%; } .pos-bronx { top: 29%; left: 34%; } .pos-manhattan { top: 41.7%; left: 24%; } .pos-brooklyn { top: 63.6%; left: 26.5%; } .pos-queens { top: 50.8%; left: 37%; } .pos-long-island { top: 44.8%; left: 57%; } .preview-circle { height: 400px; width: 400px; background: #9a5da3; position: absolute; margin-left: -200px; margin-top: -200px; text-align: center; padding-top: 70px; display: none; -webkit-border-radius: 200px; -moz-border-radius: 200px; border-radius: 200px; } .preview-circle h3 { width: 100%; text-align: center; text-align: center; text-transform: uppercase; color: #fec845; line-height: 30px; font-size: 30px; margin-bottom: 24px; font-weight: 100; } .preview-circle p { width: 330px; display: block; margin: 0 auto; text-align: center; font-size: 20px; line-height: 28px; color: #fff; margin-bottom: 30px; } .preview-circle a { font-size: 16px; line-height: 40px; height: 40px; padding: 0 20px; border: 1px solid #fff; color: #fff; display: inline-block; text-transform: uppercase; } .preview-circle#preview-432 p { width: 310px; } .district-content { background: #a8e3fc url('../../assets/images/bgs/district-content-bg.jpg'); display: none; padding: 0 0 100px 0; } .district-content h1 { text-transform: uppercase; font-size: 40px; color: #9a5da3; } .district-content ol { padding-left: 15px; margin-bottom: 20px; } .district-content ol li { font-size: 18px; line-height: 24px; margin-bottom: 0; position: relative; } .district-content ol li:after { content: "\f21b"; font-family: 'Ionicons'; position: absolute; top:0; left: -15px; color: #fec845; font-size: 6px; } .micro-hero { background-color: #fec845 !important; max-height: 160px !important; } .micro-hero.contact-page { background-color: #9a5da3 !important; max-height: 160px !important; } /* -- Financial HightLights ----------------------------------------------------------------------------------------------------------------------------------------------------- */ .buget-holder { width: 100%; max-width: 620px; margin: 0 auto; } .buget-holder .budget-header { line-height: 60px; padding-bottom: 5px; border-bottom: 1px solid #e9e8e8; } .budget-header h1 { float: left; width: 50%; line-height: 60px; margin-bottom: 0; } .budget-header h1 span { color: #9a5da3; } .budget-header a.pdf_link { display: block; line-height: 60px; color: #000; padding-left: 54px; text-decoration: none; position: relative; font-size: 16px; float: right; background: url('../../assets/images/icons/pdf-icon.png') left center no-repeat; } .buget-holder .budget-body { font-size: 20px; } .buget-holder .budget-body .budget-block { padding: 10px 5px; border-bottom: 1px solid #e9e8e8; } .buget-holder .budget-body h2 { font-size: 20px; margin-bottom: 0; width: 100%; } .buget-holder .budget-body span.asterisk { color: #f59331; } .buget-holder .budget-body ul.details { padding-left: 0; display: block; } .buget-holder .budget-body ul.details li { line-height: 23px; padding: 6px 0; display: block; float: none; margin-bottom: 0; height: auto; min-height: 35px; } .buget-holder .budget-body ul.details li p { float: left; width: 75%; font-size: 20px; padding-left: 40px; margin-bottom: 0; display: block; } .buget-holder .budget-body span.ammount { float: right; display: block; width: 25%; font-size: 20px; text-align: right; padding-right: 20px;} .buget-holder .budget-body .total { border-bottom: none; border-top: 10px solid #e9e8e8; margin-bottom: 30px; } .buget-holder .budget-body p.footnote { position: relative; padding-left: 20px; font-size: 14px; line-height: 20px; max-width: 500px; } .buget-holder .budget-body p.footnote span { position: absolute; top:4px; left: 0; font-size: 22px; line-height: 20px; display: inline-block; } /* -- Circles ------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ .circles { width: 100%; height: 280px; position: relative; margin: 0 auto; } .circles5 { width: 100%; height: 230px; position: relative; margin: 0 auto; } .circle { width: 250px; height: 250px; border-radius: 250px; position: absolute; top: 0; background: #ccc; box-sizing: border-box; } .circles4 .circle1 {left: 2%;} .circles4 .circle2 {left: 26%;} .circles4 .circle3 {left: 50%;} .circles4 .circle4 {left: 74%;} .circles3 .circle1 {left: 13%;} .circles3 .circle2 {left: 37%;} .circles3 .circle3 {left: 61%;} .circles3 .circle4 {display: none;} .circles5 .circle1 {left: 2%;} .circles5 .circle2 {left: 20.8%;} .circles5 .circle3 {left: 39.6%;} .circles5 .circle4 {left: 58.4%;} .circles5 .circle5 {left: 77.1%;} /* Circle dark effect*/ .circle:after {display: block; content:""; background-image: url('../../assets/images/misc/circle-after.png'); background-repeat: no-repeat; background-position: center top; width: 33px; height: 122px; position: absolute; right: 0; top: 50%; margin-top: -61px; z-index: 3; opacity: 0.4; background-size: contain;} .circle:last-of-type:after { display: none; } .circles3 .circle3:after { display: none; } .circles4 .circle4:after { display: none; } /* Circles text */ .circle {padding: 0 42px;} .circle-holder { display: table; width: 100%; height: 100%; text-align: center; } .circle-holder p {display: table-cell; vertical-align: middle; color: #ffffff; font-size: 18px; line-height: 24px;} /* Five circles */ .circles5 .circle {width: 200px; height: 200px; padding: 0 38px;} .circles5 .circle:after {width: 30px; height: 126px; margin-top: -55px;} .circles5 .circle-holder p {font-size: 16px; line-height: 20px;} /* Circles colors */ /* IDD .circles.color-intellectual-developmental-disabilities { background: transparent; } .circles.color-intellectual-developmental-disabilities .circle1 { background-color: #2bb0e9; } .circles.color-intellectual-developmental-disabilities .circle2 { background-color: #21a3db; } .circles.color-intellectual-developmental-disabilities .circle3 { background-color: #1a95ca; } .circles.color-intellectual-developmental-disabilities .circle4 { background-color: #1387b8; } .circles.color-intellectual-developmental-disabilities .circle5 { background-color: #1387b8; } Behavioral Health .circles.color-behavioral-health { background: transparent; } .circles.color-behavioral-health .circle1 { background-color: #84b832; } .circles.color-behavioral-health .circle2 { background-color: #84b832; } .circles.color-behavioral-health .circle3 { background-color: #84b832; } .circles.color-behavioral-health .circle4 { background-color: #84b832; } .circles.color-behavioral-health .circle5 { background-color: #84b832; } Veterans .circles.color-veterans { background: transparent; } .circles.color-veterans .circle1 { background-color: #b3b2b1; } .circles.color-veterans .circle2 { background-color: #b3b2b1; } .circles.color-veterans .circle3 { background-color: #b3b2b1; } .circles.color-veterans .circle4 { background-color: #b3b2b1; } .circles.color-veterans .circle5 { background-color: #b3b2b1; } Homeless .circles.color-homeless { background: transparent; } .circles.color-homeless .circle1 {background-color: #f69331;} .circles.color-homeless .circle2 {background-color: #f69331;} .circles.color-homeless .circle3 {background-color: #f69331;} .circles.color-homeless .circle4 {background-color: #f69331;} .circles.color-homeless .circle5 {background-color: #f69331;} /* -- Get involved -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ .get-involved-ways ul li { line-height: 40px; padding: 15px 30px 15px 0; border-bottom: 1px solid #ccc; color: #9a5da3; font-size: 28px; text-transform: uppercase; position: relative; margin-bottom: 0; } .get-involved-ways ul li:after { content: ""; height: 26px; position: absolute; width: 16px; top: 50%; right: 0; margin-top: -13px; background: url('../../assets/images/icons/chev-right.png') center center no-repeat; } .get-involved-ways ul li:last-child { border-bottom: none; } .get-involved-ways ul li a { color: #9a5da3; text-decoration: none; } /* Child elements */ .donate-banner { background: #f0f0f0; padding: 30px; text-align: center; margin: 30px 0; } .donate-banner span.intro { display: block; font-size: 28px; line-height: 36px; margin-bottom: 20px; color: #9a5da3 !important; text-transform: uppercase; } .donate-banner a { display: block; color: #fff !important; text-transform: uppercase; padding: 0 15px; font-size: 14px; margin-left: 15px; line-height: 50px; max-width: 200px; margin: 0 auto; background: rgb(254,200,69); /* Old browsers */ background: -moz-linear-gradient(top, rgba(254,200,69,1) 0%, rgba(247,157,52,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254,200,69,1)), color-stop(100%,rgba(247,157,52,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(254,200,69,1) 0%,rgba(247,157,52,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(254,200,69,1) 0%,rgba(247,157,52,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(254,200,69,1) 0%,rgba(247,157,52,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(254,200,69,1) 0%,rgba(247,157,52,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fec845', endColorstr='#f79d34',GradientType=0 ); /* IE6-9 */ } /* Tricols */ .tri-cols { margin-bottom: 15px; } .tri-cols ul { } .tri-cols ul li { width: 50%; display: block; float: left; padding-right: 35px; } /* Quote */ .quote-holder { margin-bottom: 55px; text-align: left; padding: 0 40px 0 50px; clear: both; } .quote-holder blockquote { margin-bottom: 10px; text-align: left; padding: 0; position: relative; } .quote-holder blockquote:before { position: absolute; top:0; left: -50px; font-family: 'Ionicons'; content: "\f347"; font-size: 50px; color: #9a9a9d; } .quote-holder blockquote p { margin-bottom: 0; color: #565659 !important; font-style: italic; } .quote-holder span.author { display: inline-block; position: relative; } .quote-holder span.author span { display: inline-block; margin-right: 6px; color: #121216; line-height: 26px; } .quote-holder span.author:before { content: ""; height: 4px; width: 40px; position: absolute; bottom: -8px; left: 0; background: #fec845; } .news-loop .single-in-loop .copy-holder.single-dsp .quote-holder { margin-bottom: 20px; } /* -- News & Events Loops ------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* Header */ .loop-news-header { border-top: 40px solid #fec845; padding: 40px 0 20px 0; } .loop-news-header h1 { color: #9a5da3; font-size: 48px; line-height: 60px; text-transform: uppercase; margin-bottom: 0; float: left; } .loop-news-header ul { float: right; line-height: 50px; text-align: right; } .loop-news-header ul li { display: inline-block; margin-right: 14px; color: #9a5da3; text-transform: uppercase; font-size: 18px; } .loop-news-header ul li a { margin-right: 16px; color: #9a5da3; } .loop-news-header ul li:after { content: "/"; } .loop-news-header ul li:last-child, .loop-news-header ul li:last-child a { margin-right: 0; } .loop-news-header ul li:last-child:after { display: none; } /* Loop */ .news-loop { padding-bottom: 0; } .news-loop .single-in-loop { padding: 0 20px 0 20px; margin-bottom: 50px; width: 100%; } .news-loop .single-in-loop h2 { font-size: 28px; line-height: 28px; margin-bottom: 10px; } .news-loop .single-in-loop p.date { font-size: 16px; text-transform: uppercase; margin-bottom: 10px; width: 100%; display: block; } .news-loop .single-in-loop .mobile-wrapper img { display: none !important; } .news-loop .single-in-loop p { font-size: 20px; line-height: 28px; margin-bottom: 15px; } .news-loop .single-in-loop .image-holder { position: absolute; left: 0; top: 5px; width: 200px; height: 200px; } .news-loop .single-in-loop .image-holder img { width: 200px; height: 200px; } .news-loop .single-in-loop .copy-holder { padding-left: 240px; float: left; position: relative; min-height: 225px; padding-bottom: 20px; border-bottom: 1px solid #ccc; width: 100%; } .news-loop .single-in-loop .copy-holder .actions-holder { height: 35px; width: 100%; line-height: 35px; text-align: right; } .news-loop .single-in-loop .copy-holder .actions-holder a.permalink { display: inline-block; font-size: 18px; color: #9a5da3; margin-left: 50px; text-decoration: none; } .news-loop .single-in-loop .copy-holder .actions-holder .iframe-tw-holder { display: inline-block; padding-top: 12px; position: relative; top: 4px; height: auto; line-height: 1; margin-left: 40px; } .news-loop .single-in-loop .copy-holder .actions-holder .iframe-fb-holder { display: inline-block; padding-top: 12px; position: relative; top: 4px; height: auto; line-height: 1; } /* Loop pagination */ .pagination-loop { text-align: center; padding: 0 0 50px 0; } .pagination-loop .page-numbers { display: inline-block; height: 46px; line-height: 46px; width: 48px; margin: 0 3px; background: #bbb; color: #fff; text-align: center; padding: 0 10px; font-size: 20px; } .pagination-loop .page-numbers.current { background: #9a5da3; color: #fec845; } .pagination-loop a.page-numbers:hover, .pagination-loop a.page-numbers:visited:hover { color: #9a5da3; background: #fec845; } .pagination-loop a.page-numbers:visited { color: #fff; } .pagination-loop .page-numbers.dots { } .pagination-loop .page-numbers.next, .pagination-loop .page-numbers.prev { } /* Single */ .news-loop.single-loop { padding-top: 0 !important; padding-bottom: 50px !important; } .news-loop .single-in-loop.single { margin-bottom: 0; } .news-loop .single-in-loop .copy-holder.single-dsp { padding: 0 0 20px 0; border-bottom: none; } .regular-content img.feat-image-on-post { float: left !important; margin: 0 40px 40px 0; } .news-loop .single-in-loop .copy-holder.single-dsp p { } .news-loop .single-in-loop .copy-holder.single-dsp a { color: #9a5da3; } /* Loop NewsLetter */ .loop-newsletter { } .loop-newsletter h2 { border-bottom: 10px solid #e5e5e5; float: left; width: 100%; max-width: 150px; padding-bottom: 12px; margin-bottom: 18px; } .loop-newsletter ul { display: block; clear: both; width: 100%; font-size: 20px; line-height: 28px; padding-top: 20px; } .loop-newsletter ul li { margin-bottom: 24px; } .loop-newsletter ul li a, .loop-newsletter ul li a:visited { font-size: 17px; line-height: 20px; } .loop-newsletter ul li a span.date { color: #9a5da3; display: block; margin-bottom: 6px; } .loop-newsletter ul li a span.title { color: #000; display: block; padding-right: 30px; } /* -- Contact Us ------------------------------------------------------------------------------------------------------------------------------------------------------- */ .contact-single-box { width: 100%; float: left; padding: 10px; } .contact-single-box .inner-container { background: #9a5da3; padding: 20px; } .contact-single-box .inner-container h2 { color: #000; font-size: 18px; line-height: 22px; margin: 0 0 10px 0; } .contact-single-box .inner-container span.content { display: block; color: #fff; font-size: 16px; line-height: 21px; margin-bottom: 6px; } .contact-single-box .inner-container a { color: #fff; } .contact-single-box .inner-container span.intro { opacity: 0.7; margin-bottom: 0; } .contact-single-box .inner-container span.content span { display: inline-block; color: #fec845; width: 20px; text-align: left; opacity: 1; } .contact-single-box .inner-container span.content span.ion-ios-email { font-size: 18px; position: relative; top: 2px; } .contact-single-box .inner-container span.content.address_1 { margin-bottom: 0; } .contact-single-box .inner-container span.content.address_2 { padding-left: 20px; } .contact-single-box .inner-container span.content.position { } .contact-single-box.clear { width: 100%; float: none; padding: 0; margin-bottom: 25px; height: auto !important; } .contact-single-box.clear .inner-container { background: transparent; padding: 0; } .contact-single-box.clear .inner-container span.content.intro { color: #9a5da3; opacity: 1; } .contact-single-box.clear .inner-container span.content { color: #121215; } .contact-single-box.clear .inner-container a { color: #121215; } .maps { width: 90%; background: #f0f0f0; margin-left: 10%; } /* -- Search Results -------- */ .search-loop { } .search-loop .copy-holder { border-bottom: 1px solid #bbb; padding-top: 20px; } .search-loop.regular-content a h2 { font-size: 24px; line-height: 30px; padding-right: 100px; position: relative; } .search-loop.regular-content a h2 span { display: block; height: 26px; line-height: 26px; position: absolute; right: 0; top: 5px; background: #f0f0f0; color: #bbb; font-size: 16px; border: 1px solid #bbb; padding: 0 20px; text-transform: none; } /* Letter Post */ .content-letter { padding: 30px; background-color: #DDE; } .content-letter .content-date-letter { text-align: right; } .news-loop .single-in-loop p.text-letter { font-size: 17px; } .content-letter .author-letter{ font-weight: 600; font-style: italic; } /* Post 'Warriors basketball' match's columns */ .basket-column{ float: left; width: 20%; line-height: 22px; } /* Flickr Slideshow link */ .slider-link-holder { padding: 0 20px; text-align: center; margin-bottom: 50px; } .slider-link-holder a { display: inline-block; padding-left: 80px; line-height: 60px; color: #000 !important; font-size: 20px; position: relative; } .slider-link-holder a:before { display: block; height: 60px; width: 60px; line-height: 60px; background: #9b5ea4; font-family: 'Ionicons'; top: 0; left: 0; position: absolute; content: "\f148"; color: #fff !important; -webkit-border-radius: 60px; -moz-border-radius: 60px; border-radius: 60px; font-size: 30px; } /* Flick slideshow top ( Events & Stuff ) */ .regular-content.flickr-blog-link { padding: 0; } .regular-content.flickr-blog-link .col { } .regular-content.flickr-blog-link .slider-link-holder { padding: 30px 0; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; } /* -- Faces of the SUS -------- */ .faces-of-sus-header { padding: 30px 0; position: relative; } .faces-of-sus-header img { display: block; margin: 0 auto; height: 57px; width: auto; } .faces-of-sus-header ul { width: 33.3333%; display: block; position: absolute; right: 0; bottom: 36px; } .faces-of-sus-header ul li { float: left; padding: 0 25px 0 0; } .faces-of-sus-header ul li a { color: #fff; color: #fff !important; display: block; line-height: 31px; height: 31px; } .faces-of-sus-header ul li a span { width: 31px; margin-right: 6px; display: inline-block; text-align: center; font-size: 20px; border-radius: 50%; line-height: 31px !important; -webkit-box-shadow: 0 0 10px 0 #bc7c3f; box-shadow: 0 0 10px 0 #bc7c3f; } .faces-of-sus-header ul li a span:before { display: block; line-height: 31px; } .faces-of-sus-header ul li a span.ion-social-facebook { background: #3b5998; } .faces-of-sus-header ul li a span.ion-social-twitter { font-size: 18px; background: #55acee; } .faces-of-sus-header ul li a copy { text-shadow: 0 0 10px #bc7c3f; } .fade-load { opacity: 0; } .fade-load.load { opacity: 1; } .faces-of-sus-loop .sizer { max-width: 1200px !important; } .loop-holder.js-masonry-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; margin: 0; } .loop-holder.js-masonry-grid:before, .loop-holder.js-masonry-grid:after { display: none !important; content: "" !important; } .loop-holder.js-masonry-grid .single-face, .loop-holder.js-masonry-grid .js-masonry-item { width: 100%; padding: 15px; float: none; } @media (max-width: 900px) { .loop-holder.js-masonry-grid { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 600px) { .loop-holder.js-masonry-grid { grid-template-columns: 1fr; } } .single-face .image-holder { background: #f0f0f0; } .single-face .image-holder img { width: 100%; height: auto; display: block; margin: 0 auto; } .single-face .copy-holder { padding: 20px 30px; background: #fff; overflow: hidden; position: relative; } .single-face .copy-holder h4 { font-size: 24px; line-height: 28px; color: #9b5aa4; margin-bottom: 15px; } .single-face .copy-holder p { font-size: 14px; color: #333; line-height: 18px; margin-bottom: 15px; } .single-face .copy-holder ul.meta { } .single-face .copy-holder ul.meta li { display: block; float: left; font-size: 12px; line-height: 16px; text-transform: uppercase; color: #121212; } .single-face .copy-holder ul.meta li.name { margin-right: 15px; } .single-face .copy-holder ul.meta li.date { opacity: 0.35; } .single-face .copy-holder .share-holder { background: #fff; position: absolute; display: block; bottom: -100px; left: 0; width: 100%; padding: 0 30px; -webkit-box-shadow: 0 -4px 12px 0 rgba(0,0,0,0.2); box-shadow: 0 -4px 12px 0 rgba(0,0,0,0.2); } .single-face:hover .copy-holder .share-holder { bottom: 0px; } .single-face .copy-holder .share-box { padding: 20px 0; width: 100%; max-width: 220px; margin: 0 auto; } .single-face .copy-holder .share-box li { width: 33.333%; float: left; display: block; text-align: center; } .single-face .copy-holder .share-box li span.social { height: 34px; line-height: 34px; border-radius: 50%; color: #fff; display: inline-block; width: 34px; text-align: center; font-size: 22px; } .single-face .copy-holder .share-box li span.ion-social-facebook { background: #3b5998; } .single-face .copy-holder .share-box li span.ion-social-twitter { background: #55acee; font-size: 19px; } .single-face .copy-holder .share-box li span:before { display: block; line-height: 36px; } .single-face .copy-holder .share-box li span.count { height: 28px; line-height: 28px; color: #121212; display: inline-block; width: auto; text-align: center; font-size: 20px; position: relative; letter-spacing: 1.2px;} .single-face .copy-holder .share-box li span.count:after { content: "shares"; position: absolute; bottom: -20px; font-size: 11px; text-transform: uppercase; display: block; left: 50%; margin-left: -21px; letter-spacing: 0.2px; } .single-face .copy-holder .share-box li span.count .buttons { display: none !important; } .single-face .copy-holder .share-box li span.count .box a { color: #121212; pointer-events: none !important; } .load-more-holder { } .load-more-holder a { display: block; max-width: 230px; height: 50px; line-height: 50px; text-align: center; color: #fff; border: 2px solid #fff; margin: 0 auto; text-transform: uppercase; font-size: 18px; } .load-more-holder a.disabled { opacity: 0.4; pointer-events: none; } .single-face .image-holder:hover { cursor: pointer; } /* Pop-up */ .overlay-faces { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba( 0, 0, 0, 0.7 ); padding:0; z-index: 99999999999999; overflow: hidden; } .overlay-faces .pop-up { position: relative; width: 100%; text-align: center; height: 100%; overflow: auto; padding: 20px 20px 20px 0; -webkit-box-sizing:content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .overlay-faces .pop-up .single-face { } .overlay-faces .pop-up .single-face { width: 100%; max-width: 600px; text-align: left; display: inline-block; position: relative; left: 5px; padding: 0 20px; margin-bottom: 60px; } .overlay-faces .pop-up .single-face .copy-holder { padding-bottom: 50px; } .overlay-faces .pop-up .single-face .copy-holder .share-holder { -webkit-box-shadow: initial; box-shadow: initial; margin-top: 30px; width: 180px; padding: 0; right: 20px; bottom: 10px; left: initial; } .overlay-faces .pop-up .close { height: 30px; width: 30px; text-align: center; border: 2px solid #fff; background: #965b9b; color: #fff; display: block; line-height: 28px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; position: absolute; top: -15px; right: 5px; } /* Single Modifier */ .single-holder { margin-bottom: 30px; } .single-holder .single-face .copy-holder ul.meta { padding: 15px 0; } .single-holder .single-face { width: 100%; padding: 15px; float: none; max-width: 600px; margin: 0 auto; } .single-holder .single-face .copy-holder .share-holder { -webkit-box-shadow: initial; box-shadow: initial; margin-top: 30px; width: 180px; padding: 0; right: 20px; bottom: 10px; left: initial; } /* -- POP-SIDE ----------- */ .suscribe-pop-side { position: fixed; display: block; right: -620px; bottom: 30%; background: #9a5da3; z-index: 99999999; padding: 40px 50px 30px 50px; width: 610px; -webkit-box-shadow: -4px 4px 12px 0 rgba(0,0,0,0.3); box-shadow: -4px 4px 12px 0 rgba(0,0,0,0.3); } .suscribe-pop-side.visible { right: 0; } .suscribe-pop-side h3 { color: #fff; font-size: 34px; line-height: 38px; margin-bottom: 10px; } .suscribe-pop-side p { color: #fff; margin-bottom: 25px; } .suscribe-pop-side p.error { color: #ffc933; } .suscribe-pop-side p.val-error-message { font-size: 12px; line-height: 14px; margin-bottom: 0; margin-top: 5px; } .suscribe-pop-side a.close-absolute { display: block; position: absolute; top: 0; left: 0; color: #fff; height: 30px; width: 30px; line-height: 30px; text-align: center; } .suscribe-pop-side a.close-absolute span:before { line-height: 30px; display: inline-block; } .suscribe-pop-side form { } .suscribe-pop-side form .input-holder { width: 50%; float: left; margin-bottom: 20px; } .suscribe-pop-side form .input-holder.first { padding-right: 10px; } .suscribe-pop-side form .input-holder.last { padding-left: 10px; } .suscribe-pop-side form .input-holder.full { width: 100%; } .suscribe-pop-side form .input-holder.send { width: 100%; margin-bottom: 0; text-align: center; margin-top: 10px; } .suscribe-pop-side form input[type="text"] { width: 100%; line-height: 22px; height: 42px; margin: 0; background: #fff; border: none; border-radius: 0; appearance: none; padding: 10px 15px; } .suscribe-pop-side a.close-feedback, .suscribe-pop-side form input[type="submit"] { width: auto; line-height: 42px; height: 42px; margin: 0; background: #ffc933; border: none; border-radius: 6px; appearance: none; padding: 0 40px; text-transform: uppercase; font-size: 13px; color: #000; margin: 0 auto 20px auto; display: block; } .suscribe-pop-side a.close-feedback { float: left; } .suscribe-pop-side form .input-holder.send a { display: inline-block; margin: 0 auto; color: #fff; font-size: 10px; margin: 0 auto; width: auto; text-transform: uppercase; border-bottom: 1.5px solid #fff; line-height: 14px; padding: 0 3px; } /* Blog */ .suscribe-pop-side h3 { margin-bottom: 20px; text-transform: uppercase; } .suscribe-pop-side h3 span { color: #ffc933; } .suscribe-pop-side.blog form .input-holder { margin-bottom: 10px; width: 50%; float: left; padding: 0 8px; } .suscribe-pop-side.blog form .input-holder.first.mail { margin-top: 0; width: 70%; } .suscribe-pop-side.blog form .input-holder.last.send { margin-top: 0; width: 30%; } .suscribe-pop-side.blog form input[type="submit"] { line-height: 42px; margin: 0 auto; width: 100%; } /* .suscribe-pop-side.blog form .input-holder { margin-bottom: 0; width: 35%; float: left; padding: 0 8px; } .suscribe-pop-side.blog form .input-holder.send { margin-top: 0; width: 30%; } .suscribe-pop-side.blog form input[type="submit"] { width: 100%; } */ /* -- WW POP-SIDE ----------- */ .wwsuscribe-pop-side { position: fixed; display: block; right: -620px; bottom: 30%; background: #414143; z-index: 99999999; padding: 40px 50px 30px 50px; width: 610px; -webkit-box-shadow: -4px 4px 12px 0 rgba(0,0,0,0.3); box-shadow: -4px 4px 12px 0 rgba(0,0,0,0.3); } .wwsuscribe-pop-side.visible { right: 0; } .wwsuscribe-pop-side h3 { color: #fff; font-size: 34px; line-height: 38px; margin-bottom: 10px; } .wwsuscribe-pop-side p { color: #fff; margin-bottom: 25px; } .wwsuscribe-pop-side p.error { color: #ffc933; } .wwsuscribe-pop-side p.val-error-message { font-size: 12px; line-height: 14px; margin-bottom: 0; margin-top: 5px; } .wwsuscribe-pop-side a.close-absolute { display: block; position: absolute; top: 0; left: 0; color: #fff; height: 30px; width: 30px; line-height: 30px; text-align: center; } .wwsuscribe-pop-side a.close-absolute span:before { line-height: 30px; display: inline-block; } .wwsuscribe-pop-side form { } .wwsuscribe-pop-side form .input-holder { width: 50%; float: left; margin-bottom: 20px; } .wwsuscribe-pop-side form .input-holder.first { padding-right: 10px; } .wwsuscribe-pop-side form .input-holder.last { padding-left: 10px; } .wwsuscribe-pop-side form .input-holder.full { width: 100%; } .wwsuscribe-pop-side form .input-holder.send { width: 100%; margin-bottom: 0; text-align: center; margin-top: 10px; } .wwsuscribe-pop-side form input[type="text"] { width: 100%; line-height: 22px; height: 42px; margin: 0; background: #fff; border: none; border-radius: 0; appearance: none; padding: 10px 15px; } .wwsuscribe-pop-side a.close-feedback, .wwsuscribe-pop-side form input[type="submit"] { width: auto; line-height: 42px; height: 42px; margin: 0; background: #ffc933; border: none; border-radius: 6px; appearance: none; padding: 0 40px; text-transform: uppercase; font-size: 13px; color: #000; margin: 0 auto 20px auto; display: block; } .wwsuscribe-pop-side a.close-feedback { float: left; } .wwsuscribe-pop-side form .input-holder.send a { display: inline-block; margin: 0 auto; color: #fff; font-size: 10px; margin: 0 auto; width: auto; text-transform: uppercase; border-bottom: 1.5px solid #fff; line-height: 14px; padding: 0 3px; } /* Blog */ .wwsuscribe-pop-side h3 { margin-bottom: 20px; text-transform: uppercase; } .wwsuscribe-pop-side h3 span { color: #ffc933; } .wwsuscribe-pop-side.blog form .input-holder { margin-bottom: 10px; width: 50%; float: left; padding: 0 8px; } .wwsuscribe-pop-side.blog form .input-holder.first.mail { margin-top: 0; width: 70%; } .wwsuscribe-pop-side.blog form .input-holder.last.send { margin-top: 0; width: 30%; } .wwsuscribe-pop-side.blog form input[type="submit"] { line-height: 42px; margin: 0 auto; width: 100%; } /* -- END WW POP-SIDE ----------- */ a.button-link-sp { color: #fff; display: block; float: none; width: 140px; text-align: center; height: 45px; line-height: 45px; text-transform: uppercase; padding: 0 15px; font-size: 14px; margin: 20px auto; background: rgb(254,200,69); background: -moz-linear-gradient(top, rgba(254,200,69,1) 0%, rgba(247,157,52,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254,200,69,1)), color-stop(100%,rgba(247,157,52,1))); background: -webkit-linear-gradient(top, rgba(254,200,69,1) 0%,rgba(247,157,52,1) 100%); background: -o-linear-gradient(top, rgba(254,200,69,1) 0%,rgba(247,157,52,1) 100%); background: -ms-linear-gradient(top, rgba(254,200,69,1) 0%,rgba(247,157,52,1) 100%); background: linear-gradient(to bottom, rgba(254,200,69,1) 0%,rgba(247,157,52,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fec845', endColorstr='#f79d34',GradientType=0 ); } a.button-link-sp:hover { background: rgb(254,180,1); background: -moz-linear-gradient(top, rgba(254,180,1,1) 0%, rgba(239,133,9,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254,180,1,1)), color-stop(100%,rgba(239,133,9,1))); background: -webkit-linear-gradient(top, rgba(254,180,1,1) 0%,rgba(239,133,9,1) 100%); background: -o-linear-gradient(top, rgba(254,180,1,1) 0%,rgba(239,133,9,1) 100%); background: -ms-linear-gradient(top, rgba(254,180,1,1) 0%,rgba(239,133,9,1) 100%); background: linear-gradient(to bottom, rgba(254,180,1,1) 0%,rgba(239,133,9,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fec845', endColorstr='#f79d34',GradientType=0 ); } a.button-link-medium { color: #fff; display: block; float: none; width: 340px; text-align: center; height: 45px; line-height: 45px; text-transform: uppercase; padding: 0 15px; font-size: 14px; margin: 20px auto; background: rgb(254,200,69); background: -moz-linear-gradient(top, rgba(254,200,69,1) 0%, rgba(247,157,52,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254,200,69,1)), color-stop(100%,rgba(247,157,52,1))); background: -webkit-linear-gradient(top, rgba(254,200,69,1) 0%,rgba(247,157,52,1) 100%); background: -o-linear-gradient(top, rgba(254,200,69,1) 0%,rgba(247,157,52,1) 100%); background: -ms-linear-gradient(top, rgba(254,200,69,1) 0%,rgba(247,157,52,1) 100%); background: linear-gradient(to bottom, rgba(254,200,69,1) 0%,rgba(247,157,52,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fec845', endColorstr='#f79d34',GradientType=0 ); } a.button-link-medium:hover { background: rgb(254,180,1); background: -moz-linear-gradient(top, rgba(254,180,1,1) 0%, rgba(239,133,9,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254,180,1,1)), color-stop(100%,rgba(239,133,9,1))); background: -webkit-linear-gradient(top, rgba(254,180,1,1) 0%,rgba(239,133,9,1) 100%); background: -o-linear-gradient(top, rgba(254,180,1,1) 0%,rgba(239,133,9,1) 100%); background: -ms-linear-gradient(top, rgba(254,180,1,1) 0%,rgba(239,133,9,1) 100%); background: linear-gradient(to bottom, rgba(254,180,1,1) 0%,rgba(239,133,9,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fec845', endColorstr='#f79d34',GradientType=0 ); } /* ------- Growing a Better New York - Urban Farms Landing --------------------------------------------------------------------------------------------------------------------------------------------------- */ .landing-urban-farms { overflow: hidden; } /* HERO */ .landing-hero-header { width: 100%; height: 100vh; overflow: hidden; min-height: 760px; background: #ef4136; background: -moz-linear-gradient(top, #ef4136 0%, #f7941e 100%); background: -webkit-linear-gradient(top, #ef4136 0%,#f7941e 100%); background: linear-gradient(to bottom, #ef4136 0%,#f7941e 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ef4136', endColorstr='#f7941e',GradientType=0 ); } .landing-hero-header .copy-holder { position:relative; z-index:9999; } .landing-hero-header h1 { display: block; font-weight: 100; color: #fff; font-size: 110px; line-height: 87px; letter-spacing: -8px; margin: 130px auto 0 auto; } .landing-hero-header h1 span { display: block; text-align: center; text-transform: uppercase; } .landing-hero-header h1 span.top { color: #92278f; } .landing-hero-header h1 span.bottom { } .landing-hero-header h1 figure { margin-top: 50px; } .landing-hero-header h1 figure img { margin: 0 auto; display: block; } .landing-hero-header figure.skyline { position: absolute; bottom: 0; left: 50%; -ms-transform: translate( -50%, 0); -webkit-transform: translate( -50%, 0); transform: translate( -50%, 0); } .landing-hero-header figure.skyline img { margin: 0; display: block; } /* MAIN */ .landing-main { background: #90b22b url('../../assets/images/bgs/sus-landing-grassback.png'); padding: 40px 0; } .landing-main figure.grass { position: absolute; top: -220px; left: 50%; -ms-transform: translate( -50%, 0); -webkit-transform: translate( -50%, 0); transform: translate( -50%, 0); } .landing-main figure.grass img { margin: 0; display: block; } .copy-main-holder { max-width: 960px; margin: 0 auto; overflow: hidden; } .copy-main-holder p, .copy-main-holder ul, .copy-main-holder ol, .copy-main-holder h3 { max-width: 760px; margin-left: auto; margin-right: auto; } .copy-main-holder p { color: #fff; font-size: 18px; line-height: 26px; margin-bottom: 25px; } .copy-main-holder blockquote p { font-size: 28px; line-height: 33px; } .copy-main-holder ul { margin-bottom: 21px; } .copy-main-holder ul li { font-size: 16px; line-height: 24px; margin-bottom: 4px; color: #fff; position: relative; } .copy-main-holder ul li:before { content: "•"; color: #ffc933; margin-right: 7px; } .copy-main-holder ul li a { color: #fff; border-bottom: 1px solid #fff; } .copy-main-holder ul li a:hover { border-bottom: 1px solid #fff; } .copy-main-holder ol { margin-bottom: 18px; } .copy-main-holder ol li { font-size: 16px; line-height: 23px; margin-bottom: 15px; color: #fff; } .copy-main-holder ol li:before { content: "•"; color: #ffc933; margin-right: 7px; } .copy-main-holder ol li a { color: #fff; border-bottom: 1px solid #fff; } .copy-main-holder ol li a:hover { border-bottom: 1px solid #fff; } .copy-main-holder h3 { font-weight: 100; color: #fec931; margin-bottom: 25px; text-align: center; font-size: 18px; line-height: 30px; text-transform: uppercase; } .wrapper-links { } .wrapper-links span.social-link { background: rgba( 0, 0, 0, 0.2 ); display: inline-block; height: 30px; width: 30px; line-height: 30px; position: relative; text-align: center; border-radius: 50%; position: relative; top: 0; margin-left: 10px; } .wrapper-links span.social-link a { color: #fff; border-bottom: none !important; } .wrapper-links span.social-link a span { color: #fff; border-bottom: none !important; font-size: 18px; } .wrapper-links span.social-link a span:before { line-height: 30px; } .copy-main-holder #gallery-1 { margin-bottom: 40px; margin-top: 20px; } .copy-main-holder #gallery-1 .gallery-icon img { border: none; border-radius: 50%; } /* Footer */ .landing-footer { background: #92278f; padding: 60px 0; } .landing-footer p { color: #fff; text-align: center; font-size: 16px; line-height: 24px; } .landing-footer a { color: #fff; display: inline-block; padding: 0 10px; margin: 0 5px; border-left: 1px solid #fff; } .force-block { display: block; margin-bottom: 20px; } /* CMAS POP-UP */ .cmas-overlay { background: rgba(0,0,0,0.5); position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 999999999999999; opacity: 0; pointer-events: none; overflow: auto; } .cmas-overlay .cmas-holder { position: absolute; top: 50%; left: 0; -ms-transform: translate( 0, -50% ); -webkit-transform: translate( 0, -50% ); transform: translate( 0, -50% ); width: 100%; padding: 60px 30px 30px 30px; margin-top: -90px; } .cmas-overlay .cmas-holder .cmas-box { background: #50adc4 url('../../assets/images/bgs/back-cmas.png') center center no-repeat; background-size: cover; padding: 90px 30px 60px 30px; text-align: center; position: relative; max-width: 660px; margin: 0 auto; } .cmas-overlay .cmas-holder .cmas-box .close { position: absolute; right: 0; top: -50px; color: #fff; height: 40px; line-height: 40px; width: 40px; text-align: center; display: block; font-size: 26px; } .cmas-overlay .cmas-holder .cmas-box p { font-size: 44px; line-height: 1.1; color: #fff; max-width: 360px; margin: 0 auto 30px auto; } .cmas-overlay .cmas-holder .cmas-box .btn { background: #2c8aa1; color: #fff; display: inline-block; text-transform: uppercase; line-height: 55px; padding: 0 30px; font-size: 20px; } .cmas-overlay.active { opacity: 1; pointer-events: all; } .cmas-overlay.active .cmas-holder{ margin-top: 0; } @media ( max-height: 600px ) { .cmas-overlay .cmas-holder { } .cmas-overlay .cmas-holder .cmas-box { padding: 50px 20px; max-width: 420px; } .cmas-overlay .cmas-holder .cmas-box p { font-size: 36px; line-height: 1.1; margin: 0 auto 20px auto; } } @media ( max-height: 465px ) { .cmas-overlay .cmas-holder { } .cmas-overlay .cmas-holder .cmas-box { padding: 40px 20px; max-width: 420px; } .cmas-overlay .cmas-holder .cmas-box p { font-size: 28px; line-height: 1.1; margin: 0 auto 15px auto; } } @media ( max-height: 350px ) { .cmas-overlay .cmas-holder { } .cmas-overlay .cmas-holder .cmas-box { padding: 20px; max-width: 420px; } .cmas-overlay .cmas-holder .cmas-box p { font-size: 22px; line-height: 1.1; margin: 0 auto 15px auto; } .cmas-overlay .cmas-holder .cmas-box .btn { line-height: 40px; padding: 0 20px; font-size: 16px; } } @media ( max-height: 260px ) { .cmas-overlay .cmas-holder { } .cmas-overlay .cmas-holder .cmas-box { padding: 20px; max-width: 420px; } .cmas-overlay .cmas-holder .cmas-box p { font-size: 18px; line-height: 1; margin: 0 auto 15px auto; } } @media ( max-width: 960px ) { .copy-main-holder #gallery-1 .gallery-icon img { height: 250px; width: 250px; } } @media ( max-width: 840px ) { .copy-main-holder #gallery-1 .gallery-icon img { height: 210px; width: 210px; } .landing-footer { } .landing-footer p { } .landing-footer a { display: block; padding: 0; margin: 10px 0; border-left: none; } } @media ( max-width: 750px ) { /* CMAS POP-UP */ .cmas-overlay { } .cmas-overlay .cmas-holder {} .cmas-overlay .cmas-holder .cmas-box { padding: 50px 20px; max-width: 420px; } .cmas-overlay .cmas-holder .cmas-box p { font-size: 36px; line-height: 1.1; margin: 0 auto 20px auto; } .cmas-overlay .cmas-holder .cmas-box .btn { background: #2c8aa1; color: #fff; display: inline-block; text-transform: uppercase; line-height: 55px; padding: 0 30px; font-size: 20px; } .cmas-overlay.active { opacity: 1; pointer-events: all; } .cmas-overlay.active .cmas-holder{ } .copy-main-holder #gallery-1 .gallery-icon img { height: 180px; width: 180px; } .landing-hero-header h1 { font-size: 90px; line-height: 72px; letter-spacing: -6px; } .landing-hero-header h1 figure { margin-top: 35px; } .landing-hero-header { min-height: 720px; } } @media ( max-width: 620px ) { .copy-main-holder #gallery-1 .gallery-item { width: 100%; float: none; display: block; } .copy-main-holder #gallery-1 { margin-bottom: 0; } .copy-main-holder #gallery-1 .gallery-icon img { height: 160px; width: 160px; } .landing-hero-header { min-height: 720px; } } @media ( max-width: 520px ) { .landing-hero-header h1 { font-size: 70px; line-height: 56px; letter-spacing: -5px; } .landing-hero-header h1 figure { margin-top: 30px; } .copy-main-holder blockquote p { font-size: 22px; line-height: 26px; } .landing-hero-header { min-height: 650px; } } @media ( max-width: 400px ) { .landing-hero-header h1 { font-size: 53px; line-height: 42px; letter-spacing: -2px; } .landing-hero-header h1 figure { margin-top: 20px; } .landing-hero-header h1 figure img { width: 100px; height: auto; } .landing-hero-header { min-height: 530px; } } .responsive-image { height: auto; width: 100%; } /*GiveGab Specific */ .gg-form-typo { font-size: 20px!important; line-height: 24px; margin-bottom: 20px; color: red; } .gg-form-typo p { font-size: 20px!important; line-height: 24px; margin-bottom: 20px; color: red; } .gg-form-typo ul { padding-left: 50px; line-height: 24px; margin-bottom: 20px; color: red;} .gg-form-typo ul li { list-style-type: square; font-size: 20px!important; line-height: 24px; }ul .k_questionBlock {font-size: 20px;} .groupLabel{color: #9a5da3;} /* This changes the section labels for the GiveGab form */ div.k_sectionRegType .k_radioCB {font-weight: bold;} div.k_sectionRegType .k_radioCB ul li {font-weight: normal;} div.k_profileSection label {font-weight: normal !important; font-size: 16px !important;} /* This line makes the your information section labels not bold */ div.k_sectionQuestion label {font-weight: normal !important; font-size: 16px !important;} .eventDescription div {font-size: 16px !important;} .eventDescription span {font-size: 16px !important;} .eventDescription {font-size: 16px !important;} .eventDescription a {color: #9a5da3 !important; font-weight: bold !important;} /*COVID-19 Assessment Page */ h1.covidhead {font-size: 2.7rem; text-align:center; font-weight: bold; } .covid-wrapper {padding-top: 60px; padding-bottom: 60px;} .covid-block p { font-size: 20px; line-height: 33px; color: #000000; margin-bottom: 0px;} .covid-block strong { display: block;} /*Notification Bar Specific */ /* Center */ .aligncenter, .aligncenter img { margin-left: auto; margin-right: auto; } /* Image Grid CSS */ .inpageGallery { display: grid; grid-gap: 40px; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); } .inpageGallery img { width: 100%; } /* Wellness Works Section */ .ww_text_box { line-height: 200px; height: 200px; background-color: #414143; text-align: center; } .ww_text_box p { line-height: 1.5; display: inline-block; vertical-align: middle; color: #feca1c; font-family: 'proxima-nova', sans-serif; font-size: 60px; } /* WPBakery Formating */ .wpb_sus {all: unset;} ul.a, ul.b { list-style: none; font-size: 20px; line-height: 33px; margin-bottom: 20px; } ul.a li::before { content: ""; background-image: url(https://sus.org/wp-content/themes/sus/assets/images/icons/check-mark-green-circle.svg); background-size: contain; display: inline-block; width: 1em; height: 1em; position: relative; top: 0.1rem; margin-right: 0.5rem; } ul.b li::before { content: ""; background-image: url(https://sus.org/wp-content/themes/sus/assets/images/icons/right-arrow-bullet.svg); background-size: contain; display: inline-block; width: 1em; height: 1em; position: relative; top: 0.1rem; margin-right: 0.5rem; } div.uvp-list { font-family: 'proxima-nova', sans-serif; line-height: 33px; font-size: 20px; } .uvp-list ul { display: inline-block; padding: 1rem 2rem; max-width: 100%; } .uvp-list ul { list-style: none; } .uvp-list ul > li { clear: left; padding: .5rem 0; } .uvp-list ul > li:before { content: ""; height: 1.5rem; width: 1.5rem; display: block; float: left; margin-left: -1.5rem; background-position: center; background-repeat: no-repeat; background-size: 100%; } .uvp-list ul > li:before { background: url("https://sus.org/wp-content/themes/sus/assets/images/icons/check-mark-green-circle.svg"); background-size: cover; background-position: center; padding: .15rem; } .wpb_sus .regular-content { padding: 10px 0; font-family: 'proxima-nova', sans-serif; line-height: 33px; font-size: 20px;} .vc_cta3-content .regular-content { padding: 10px 0; font-family: 'proxima-nova', sans-serif; line-height: 33px; font-size: 20px;} .wpb_sus .regular-typo ul li { font-size: 20px; line-height: 24px; margin-bottom: 20px; position: relative;} .vc_cta3-content .regular-typo ul li { font-size: 20px; line-height: 24px; margin-bottom: 20px; position: relative;} .wpb_sus .regular-typo ul > li > ul {margin-top: 20px; color: red;} .is-content-justification-space-between { justify-content: space-between; } .footer-signup-row{ align-items: stretch; }