/* $background1, color, Body BKGD */ /* $background2, gradient, Header BKGD */ /* $nav1, color, Navigation BKGD */ /* $nav2, color, Navigation Color */ /* $nav3, color, Navigation Mobile */ /* $color1, color, Text Color */ /* $color2, color, Link Color */ /* $color3, color, Link Alt */ /* $color4, color, Heading Text 1 */ /* $color5, color, Heading Text 2 */ /* $highlight1, gradient, Highlight BKGD 1 */ /* $highlight3, color, Highlight BKGD 2 */ /* $highlight2, color, Callout BKGD */ /* $highlight3, color, Callout Text */ /* $footer1, gradient, Footer BKGD */ /* $footer2, color, Footer BKGD 2 */ /* $footer3, color, Footer Text */ /* $footer4, color, Footer Link */ /* $footer5, color, Footer Alt */ /* $titleAndBlockquote, fontFamily, Page Titles (h1) & Blockquotes Dosis => 'Dosis', sans-serif @import url('https://fonts.googleapis.com/css?family=Dosis'); Handlee => 'Handlee', cursive @import url('https://fonts.googleapis.com/css?family=Handlee'); Lato (Default) => 'Lato', sans-serif @import url('https://fonts.googleapis.com/css?family=Lato'); Montserrat => 'Montserrat', sans-serif @import url('https://fonts.googleapis.com/css?family=Montserrat'); Open Sans => 'Open Sans', sans-serif @import url('https://fonts.googleapis.com/css?family=Open+Sans'); Oswald => 'Oswald', sans-serif @import url('https://fonts.googleapis.com/css?family=Oswald'); Raleway => 'Raleway', sans-serif @import url('https://fonts.googleapis.com/css?family=Raleway'); Roboto => 'Roboto', sans-serif @import url('https://fonts.googleapis.com/css?family=Roboto'); Titillium Web => 'Titillium Web', sans-serif @import url('https://fonts.googleapis.com/css?family=Titillium+Web'); Bree Serif => 'Bree Serif', serif @import url('https://fonts.googleapis.com/css?family=Bree+Serif'); Josefin Slab => 'Josefin Slab', serif @import url('https://fonts.googleapis.com/css?family=Josefin+Slab'); Libre Baskerville => 'Libre Baskerville', serif @import url('https://fonts.googleapis.com/css?family=Libre+Baskerville'); Lora => 'Lora', serif @import url('https://fonts.googleapis.com/css?family=Lora'); Merriweather => 'Merriweather', serif @import url('https://fonts.googleapis.com/css?family=Merriweather'); Noto Serif => 'Noto Serif', serif @import url('https://fonts.googleapis.com/css?family=Noto+Serif'); Playfair Display => 'Playfair Display', serif @import url('https://fonts.googleapis.com/css?family=Playfair+Display'); */ /* $headingFont, fontFamily, Headings (h2-h6) Dosis => 'Dosis', sans-serif @import url('https://fonts.googleapis.com/css?family=Dosis'); Handlee => 'Handlee', cursive @import url('https://fonts.googleapis.com/css?family=Handlee'); Lato (Default) => 'Lato', sans-serif @import url('https://fonts.googleapis.com/css?family=Lato'); Montserrat => 'Montserrat', sans-serif @import url('https://fonts.googleapis.com/css?family=Montserrat'); Open Sans => 'Open Sans', sans-serif @import url('https://fonts.googleapis.com/css?family=Open+Sans'); Oswald => 'Oswald', sans-serif @import url('https://fonts.googleapis.com/css?family=Oswald'); Raleway => 'Raleway', sans-serif @import url('https://fonts.googleapis.com/css?family=Raleway'); Roboto => 'Roboto', sans-serif @import url('https://fonts.googleapis.com/css?family=Roboto'); Titillium Web => 'Titillium Web', sans-serif @import url('https://fonts.googleapis.com/css?family=Titillium+Web'); Bree Serif => 'Bree Serif', serif @import url('https://fonts.googleapis.com/css?family=Bree+Serif'); Josefin Slab => 'Josefin Slab', serif @import url('https://fonts.googleapis.com/css?family=Josefin+Slab'); Libre Baskerville => 'Libre Baskerville', serif @import url('https://fonts.googleapis.com/css?family=Libre+Baskerville'); Lora => 'Lora', serif @import url('https://fonts.googleapis.com/css?family=Lora'); Merriweather => 'Merriweather', serif @import url('https://fonts.googleapis.com/css?family=Merriweather'); Noto Serif => 'Noto Serif', serif @import url('https://fonts.googleapis.com/css?family=Noto+Serif'); Playfair Display => 'Playfair Display', serif @import url('https://fonts.googleapis.com/css?family=Playfair+Display'); */ /* $bodyFont, fontFamily, Body (Everything Else) Dosis => 'Dosis', sans-serif @import url('https://fonts.googleapis.com/css?family=Dosis'); Lato (Default) => 'Lato', sans-serif @import url('https://fonts.googleapis.com/css?family=Lato'); Libre Baskerville => 'Libre Baskerville', serif @import url('https://fonts.googleapis.com/css?family=Libre+Baskerville'); Montserrat => 'Montserrat', sans-serif @import url('https://fonts.googleapis.com/css?family=Montserrat'); Open Sans => 'Open Sans', sans-serif @import url('https://fonts.googleapis.com/css?family=Open+Sans'); Oswald => 'Oswald', sans-serif @import url('https://fonts.googleapis.com/css?family=Oswald'); Raleway=> 'Raleway', sans-serif @import url('https://fonts.googleapis.com/css?family=Raleway'); Roboto => 'Roboto', sans-serif @import url('https://fonts.googleapis.com/css?family=Roboto'); Titillium Web => 'Titillium Web', sans-serif @import url('https://fonts.googleapis.com/css?family=Titillium+Web'); */ /* $wardrobeAtRules */ @import url('https://fonts.googleapis.com/css?family=Montserrat'); /* $wardrobeAtRules */ /* Background 1 - Body Background ================================================== */ body, .ui-selectmenu-button, #module-search fieldset, #zip-search .zip-inner, #new-here form #geo-submit:hover, a.button-small:hover, p.button-small a:hover, a.button-medium:hover, p.button-medium a:hover, a.button-large:hover, p.button-large a:hover, #content #subnav > li > a:after, .monkForm input[type=submit]:hover, .monkForm fieldset > legend:after, #bg-main, .csstransitions .effect-side .bg-img:after, .content-section .content-section-inner, .content-section.hasbg .layout-left:before, .content-section.hasbg .layout-left:after, .content-section .widget article .image-wrap:after, .content-section .widget.posts article .info, .content-section .widget.posts article .info:after, #event-control-bar, #new-here #topRotator .pager3 span, .givingLayout #topRotator .pager span, #new-here #welcome #welcomeRight .location #map-wrap, #stickysub #stickysub-nav li a:hover, #stickysub #stickysub-nav li a.active { /* $background1 */ background-color: #f5faf9; } #new-here form #geo-submit, a.button-small, p.button-small a, a.button-medium, p.button-medium a, #cycle-ss .slide .caption .container .play-btn span:before, .cycle-slideshow .slide .caption .container .play-btn span:before, a.button-large, p.button-large a, .monkForm input[type=submit], .ui-selectmenu-menu .ui-menu li, .calendar th, .calendar td > a:hover, .list-time-month, .detail-item-header, .list-item-header, .comment-header, #content .detail-item-header a:hover, #content .list-item-header a:hover, .comment-header span.commenter-name, .givingLayout .button-give, #pagination #current, #stickysub #stickysub-nav li a { /* $background1 */ color: #f5faf9; } #content .detail-item-header a, #content .list-item-header a { /* $background1 */ color: rgba(245, 250, 249, 1); } /* Background 2 - Header Background ================================================== */ #header { /* $background2 */ background: linear-gradient(#59594a,#59594a); } /* Nav 1 - Navigation Background ================================================== */ nav.mobile .mobile-inner, #nav > li > ul > li > a, #nav li ul li ul, #nav > li > ul { /* $nav1 */ background-color: #7286a0; } #nav-toggle { /* $nav1 */ color: #7286a0; } #nav > li > ul > li > a { /* $nav1 */ border-left-color: #7286a0; } #blog-stage .grouping, #blog-stage div.meta { /* $nav1 */ background-color: rgba(114, 134, 160, 1); } article.detail-item .detail-item-content, article.list-item .list-item-content { /* $nav1 */ border-color: #7286a0; } /* Nav 2 - Navigation Color ================================================== */ #new-here form #geo-submit:hover, a.button-small:hover, p.button-small a:hover, a.button-medium:hover, p.button-medium a:hover, a.button-large:hover, p.button-large a:hover, .monkForm input[type=submit]:hover, #mobilenav li a span i, #mobilenav > li > a, #mobilenav > li > ul > li > a, #mobilenav > li > ul > li > ul li a, #nav > li > a, #nav > li > ul > li > a, #nav > li > ul > li > ul > li > a, #nav-toggle i:before, #cycle-ss .slide .caption .container .play-btn:hover span:before, .cycle-slideshow .slide .caption .container .play-btn:hover span:before { /* $nav2 */ color: #ffffff; } .givingLayout .button-give:after, .givingLayout #moreinfo #tabs li:hover, .givingLayout #moreinfo #tabs li.active { /* $nav2 */ background-color: #ffffff; } .givingLayout .button-give:after { /* $nav2 */ background-color: #ffffff !important; } #mobilenav > li > a, #mobilenav > li > ul > li > a, #mobilenav > li > ul > li > ul li a { /* $nav2 */ border-bottom-color: #ffffff; } /* Nav 3 - Navigation Mobile ================================================== */ #mobilenav > li.current > a, #mobilenav > li > ul > li.current > a { /* $nav3 */ color: #ffffff; } /* Color 1 - Text Color ================================================== */ body, table caption, table th, table td, textarea, blockquote, #content hr, .monkForm div input, .monkForm div textarea, .monkForm div select, #module-search-term, #zip-search-term, #content #event-nav li a:hover, #content #event-nav li.active a { /* $color1 */ color: #59594a; } #content hr, .calendar th, p.list-time-month { /* $color1 */ background-color: #59594a; } p.list-time-day, p.list-time-month, .calendar td { /* $color1 */ border-color: #59594a; } /* Color 2 - Link Color ================================================== */ a, #new-here form #geo-submit:hover, a.button-small:hover, p.button-small a:hover, a.button-medium:hover, p.button-medium a:hover, a.button-large:hover, p.button-large a:hover, .monkForm input[type=submit]:hover, #module-search-submit, #zip-search-submit, #event-control-bar h3, #event-control-bar .event-list-title, .calendar-month, .list-month-title, .calendar td > a, .featured-start, #events p.meta, .featured-event p.meta, #event-control-bar h3 span, p.list-time-day, #ekkSermons_5_detail .meta span, #ekkSermons_5_detail .passage p, #ekkSermons_5_detail .passage h5, #ekkSermons_5_detail .sermon-right h4, #ekkSermons_5_list article a.image-link, .givingLayout #moreinfo #tabs li.active, .givingLayout #moreinfo #tabs li:hover, section#featured-events .featured-event:hover h2 a, section#featured-events .featured-event:hover p.featured-start, section#featured-events .featured-event:hover p.meta, section#featured-events .featured-event:hover p.meta a, #text .content-section .widget.banners ul li p, #stickysub #stickysub-nav li a:hover, #stickysub #stickysub-nav li a.active { /* $color2 */ color: #7286a0; } #new-here form #geo-submit, a.button-small, p.button-small a, a.button-medium, p.button-medium a, a.button-large, p.button-large a, .givingLayout .button-give, .monkForm input[type=submit], .monkForm .checkbox input[type="checkbox"]:checked + label:before, .monkForm .checkbox input[type="radio"]:checked + label:before, .monkForm .radio input[type="checkbox"]:checked + label:before, .monkForm .radio input[type="radio"]:checked + label:before, form#newsletter input#newsletter_submit, .ui-selectmenu-menu .ui-menu li:hover, .content-section .widget.banners ul li a p, .calendar td > a:hover, #pagination #current, #text .staffMonkletCols .mL-social a, .cycle-pager span.cycle-pager-active, .content-section .widget.banners ul li p, .calendar td > a:hover, #new-here #topRotator .pager3 span:hover, #new-here #topRotator .pager3 span.cycle-pager-active, .givingLayout #topRotator .pager span:hover, .givingLayout #topRotator .pager span.cycle-pager-active, #stickysub, #nextsteps1 #alert_pager .pager-wrap span, #nextsteps1 #floating-link > a { /* $color2 */ background-color: #7286a0; } ::-webkit-scrollbar-thumb { /* $color2 */ background-color: rgba(114, 134, 160, 1); } ::-webkit-scrollbar-thumb:window-inactive { /* $color2 */ background-color: rgba(114, 134, 160, 1); } #new-here form #geo-submit { border: 1px solid; } #new-here form #geo-submit, a.button-small, p.button-small a, a.button-medium, p.button-medium a, a.button-large, p.button-large a, .monkForm input[type=submit], .content-section .widget.banners ul, #ekkSermons_5_list article a.image-link:after { /* $color2 */ border-color: #7286a0; } /* Color 3 - Link Alt ================================================== */ #module-search-submit:hover, #zip-search-submit:hover, a:hover { /* $color3 */ color: #a3bfa8; } #text .staffMonkletCols .mL-social a:hover { /* $color3 */ background-color: #a3bfa8; } /* Color 4 - Heading Text 1 ================================================== */ h1, h2, h3, h4, h5, h6, .monkForm fieldset fieldset > legend, .ui-selectmenu-button span.ui-selectmenu-text, .ui-selectmenu-button span.icon-arrow-down { /* $color4 */ color: #59594a; } .ui-selectmenu-menu .ui-menu { /* $color4 */ background-color: #59594a; } .ui-selectmenu-button, #module-search fieldset, #zip-search .zip-inner { /* $color4 */ border-color: #59594a; } /* Color 5 - Heading Text 2 ================================================== */ h2, h4 { /* $color5 */ color: #be6e46; } /* Highlight 1 - Highlight Background 1 ================================================== */ #text:before, #sidebar .widget article .info, .monkForm div input, .monkForm div textarea, .monkForm div select, .monkForm .checkbox label:before, .monkForm .radio label:before, .content-section.light .content-section-inner, .content-section.hasbg.light .layout-left:before, .content-section.hasbg.light .layout-left:after, .content-section.light .widget article .image-wrap:after, .filters, #articles .featured, #content #event-nav, #ekkSermons_5_detail .sermon-top, #ekkSermons_5_detail .sermon-top:before, #ekkSermons_5_detail .sermon-top:after, .givingLayout #moreinfo #tabs li, .givingLayout #welcomeBG, .cycle-pager span { /* $highlight1 */ background: linear-gradient(#a3bfa8,#a3bfa8); } /* Highlight 2 - Callout Background ================================================== */ .div-callout, .monkForm fieldset > legend, #content #subnav > li > a, .content-section.dark .content-section-inner, .content-section.div-callout .content-section-inner, .content-section.hasbg.dark .layout-left:before, .content-section.hasbg.div-callout .layout-left:before, .content-section.hasbg.dark .layout-left:after, .content-section.hasbg.div-callout .layout-left:after, .content-section.dark .widget article .image-wrap:after, .content-section.div-callout .widget article .image-wrap:after, .content-section .widget.banners ul li, .detail-item-header, .list-item-header, .comment-header, .comment-body { /* $highlight2 */ background-color: #be6e46; } /* Highlight 3 - Callout Text ================================================== */ .page-title h1, .page-title h3, #scrollcontent, #scrollcontent .icon-arrow-down:before, .dark, .div-callout, .dark h1, .div-callout h1, .dark h2, .div-callout h2, .dark h3, .div-callout h3, .dark h4, .div-callout h4, .dark h5, .div-callout h5, .dark h6, .div-callout h6, .dark blockquote, .div-callout blockquote, #content #subnav > li > a, .monkForm fieldset > legend, .content-section .widget.banners ul li a, .content-section .widget.banners ul li a h4, .content-section .widget.banners ul li a p, a.featured-image .featured-description p, #cycle-ss .slide .caption .container h3, .cycle-slideshow .slide .caption .container h3, #nav > li > ul > li:hover > a, #nav > li > ul > li > ul > li:hover > a { /* $highlight3 */ color: #cde7b0; } #nav > li > ul > li:hover > a{ /* $highlight3 */ border-left-color: #cde7b0; } /* Highlight 4 - Highlight Background 2 ================================================== */ #new-here #welcome #welcomeRight .location, #new-here #welcome #directions { /* $highlight4 */ background-color: rgba(234,234,234,.5); } #new-here #welcome #directions { border-top: 1px solid; border-bottom: 1px solid; } .list-weekday, #ekkSermons_5_list h4, #ekkSermons_5_detail .sermon-right h4, #new-here #welcome #directions { /* $highlight4 */ border-color: #eaeaea; } #articles .results, #articles .items article .meta { /* $highlight4 */ border-bottom-color: #eaeaea; } /* Footer 1 - Footer Background ================================================== */ #footer { /* $footer1 */ background: linear-gradient(#59594a,#59594a); } /* Footer 2 - Footer Background 2 ================================================== */ #footer .left:after, #footer .right, #footer .right:before { /* $footer2 */ background-color: #7286a0; } /* Footer 3 - Footer Text ================================================== */ #footer, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6, #footer #search_term, #footer input::placeholder { /* $footer3 */ color: #ffffff; } #footer .left .top, #search_term { /* $footer3 */ border-bottom-color: #ffffff; } /* Footer 4 - Footer Link ================================================== */ #footer a, #footer .right p, #vendor-tagline, #footer a:before { /* $footer4 */ color: #cde7b0; } /* Footer 5 - Footer Alt ================================================== */ #footer a:hover, #footer a:hover:before { /* $footer5 */ color: #a3bfa8; } #footer a:hover svg path { /* $footer5 */ fill: #a3bfa8; } .featured-description:hover { /* $footer5 */ background-color: #a3bfa8; } /*OVERRIDE.CSS*/ .section-tabs .section-tabs-wrap { /* $highlight1 */ background: linear-gradient(#a3bfa8,#a3bfa8); } .section-tabs nav ul li a.active:after { /* $highlight4 */ background-color: #eaeaea; } .section-tabs nav ul li a.active { /* $color2 */ color: #7286a0; } .dark .section-tabs .section-tabs-wrap, .dark .section-tabs nav ul li a.active:after { /* $color2 */ background-color: #7286a0; } .dark .section-tabs nav ul li a:hover, .dark .section-tabs nav ul li a.active { /* $background1 */ color: #f5faf9; } .accordiontrigger { /* $highlight1 */ background: linear-gradient(#a3bfa8,#a3bfa8); } .accordiontrigger:hover, .accordiontrigger.active{ /* $color2 */ color: #7286a0; } .section-tabs nav ul li a:hover, .section-tabs nav ul li a.active { /* $color3 */ color: #a3bfa8; } h1, blockquote, blockquote p { /* $titleAndBlockquote */ font-family: 'Montserrat', sans-serif; } h2, h3, h4, h5, h6, .infobox h5, .infobox h6, .infoBox .buttons .text { /* $headingFont */ font-family: 'Montserrat', sans-serif; } body, table caption, table th, table td, textarea, .button-small, .button-medium, .button-large, #search_term, #search_term2, #module-search-term, .ui-selectmenu, .ui-selectmenu-menu, .ui-selectmenu-button span.ui-selectmenu-text, .ui-selectmenu-menu .ui-menu, .monkForm, .monkForm legend, .monkForm input, #newsletter_text, #newsletter_submit, #directions-form input, #directions-form button, .infobox p, .infobox li, .mapmarker-text, #volunteer-opportunity article.detail .details .contact-submit { /* $bodyFont */ font-family: 'Montserrat', sans-serif; } /* STAFF 3 layouts*/ #staff3-layout .staff3-items article .staff3-rollover ul li a , #staff3-layout #staff3-layout .ui-selectmenu-menu .ui-menu li, #staff3-layout .ui-selectmenu-button span.iconstaff-arrow-down, #staff3-layout .staff3-items article .staff3-rollover , #staff3-layout .staff3-items.staff3-detail article ul.staff3-social li a, #staff3-layout .staff3-items article .staff3-rollover p span { /* $background1 */ color: #f5faf9; } #staff3-layout #module-search fieldset, #staff3-layout .staff3-items article .staff3-rollover ul li a:hover { /* $background1 */ background-color: #f5faf9; } #staff3-layout #module-search-submit, #staff3-layout .staff3-items article .staff3-rollover ul li a:hover { /* $color1 */ color: #59594a; } #staff3-layout .staff3-items.staff3-detail article ul.staff3-social li a{ /* $color1 */ background-color: #59594a; } #staff3-layout #module-search-submit:hover { /* $color2 */ color: #7286a0; } #staff3-layout .staff3-items.staff3-detail article ul.staff3-social li a:hover { /* $color2 */ background-color: #7286a0; } #staff3-layout #module-search-term { /* $color1 */ color: #59594a; } #staff3-layout .staff3-items article .staff3-rollover, #staff3-layout .staff3-items article .staff3-rollover ul li a { /* $nav1 */ background-color: rgba(114, 134, 160, 1); } #staff3-layout .staff-filters { /* $highlight4 */ background-color: #eaeaea; } #staff3-layout .ui-selectmenu-button span.ui-selectmenu-text, #staff3-layout .iconstaff-arrow-down:before { /* $color1 */ color: #59594a; } #staff3-layout .ui-selectmenu-button, #staff3-layout #module-search-term, #staff3-layout #module-search { /* $color1 */ border-color: #59594a; } /*VOLUNTEER LAYOUT custom colors*/ #volunteer-opportunity article h3, #volunteer-opportunity article.detail .details aside .buttons a, #volunteer-opportunity .iconBox .iconServe, #volunteer-opportunity article.detail header section p, #volunteer-opportunity article.detail .details .contact-submit, #volunteer-opportunity article.detail h3 { /* $color1 */ color: #59594a; } #volunteer-opportunity article .details .more, #volunteer-opportunity #volunteerOpps .return, #volunteer-opportunity article.detail header aside .map-directions { /* $color2 */ background-color: #7286a0; } #volunteer-opportunity article .details .more:hover, #volunteer-opportunity #volunteerOpps .return a:hover, #volunteer-opportunity article.detail header aside .map-directions:hover , #volunteer-opportunity article.detail .details .contact-submit:hover{ /* $color3 */ background-color: #a3bfa8; } #volunteer-opportunity #vol-filter .childcare, #volunteer-opportunity #volunteerOpps .return a, #volunteer-opportunity .iconBoxInner, #volunteer-opportunity article.detail .details .contact-submit:hover { /* $color1 */ border-color: #59594a; } #volunteer-opportunity #pagination a#current{ /* $color2 */ background-color: #7286a0; } #volunteer-opportunity #pagination a#previous:before, #volunteer-opportunity #pagination a#next:before { /* $color2 */ color: #7286a0; } #volunteer-opportunity #pagination a:hover#previous:before, #volunteer-opportunity #pagination a:hover#next:before{ /* $color3 */ color: #a3bfa8; } #volunteer-opportunity article.detail .details aside, #volunteer-opportunity article.detail .details aside .contact-box, #volunteer-opportunity .highlight { /* $nav1 */ background-color: rgba(114, 134, 160, 1); } #volunteer-opportunity .serveWide, #volunteer-opportunity .serveThird { /* $nav1 */ background-color: rgba(114, 134, 160, 1); } #volunteer-opportunity article.detail .details .contact-submit { /* $color2 */ background-color: #7286a0; } #volunteer-opportunity article.detail .details .contact-submit { /* $background1 */ color: #f5faf9; } #volunteer-opportunity article.detail .details .contact-submit:hover { /* $color2 */ color: #7286a0; } #volunteer-opportunity article.detail .details .contact-submit:hover { /* $color2 */ border-color: #7286a0; } #volunteer-opportunity article.detail .details .contact-submit:hover { /* $background1 */ background-color: #f5faf9; } #volunteer-opportunity article.detail .details .contact-field { /* $highlight4 */ background-color: #eaeaea; } #volunteer-opportunity article.detail .details .contactH4 .asterisk { color: red; } #volunteer-opportunity article.detail .details .contactH4{ /* $color1 */ color: #59594a; } #volunteer-opportunity #volunteerOpps .btn-return .icon-arrow-left:before { /* $background1 */ color: #f5faf9; } /*END OF VOLUNTEER LAYOUT custom colors*/ /*LIVE STREAM LAYOUT #1*/ #live-stream #twitter .title{ /* $nav1 */ background-color: #7286a0; } #live-stream #twitter ::-webkit-scrollbar-track { /* $nav1 */ background-color: rgba(114, 134, 160, 1); } #live-stream #twitter ::-webkit-scrollbar-thumb { /* $nav1 */ background-color: rgba(114, 134, 160, 1); } #live-stream .countdown, #live-stream .links, #live-stream #footer-sections .event { /* $highlight4 */ background-color: #eaeaea; } #live-stream #twitter #tweets{ /* $nav1 */ background-color: rgba(114, 134, 160, 1); } #live-stream #twitter .follow > span:before, #live-stream #twitter .follow, #live-stream #twitter p, #live-stream #footer-sections .date .month { /* $background1 */ color: #f5faf9; } #live-stream #rotator .pager span { /* $background1 */ background-color: #f5faf9; } #live-stream #twitter .time { /* $color5 */ color: #be6e46; } #live-stream #footer-sections .date .day, #live-stream .countdown .delimiter, #live-stream .countdown .label, #live-stream .countdown .live { /* $color1 */ color: #59594a; } #live-stream .countdown .number { /* $color2 */ color: #7286a0; } #live-stream #footer-sections .date .month, #live-stream #twitter .follow, #live-stream #rotator .pager span.cycle-pager-active { /* $color2 */ background-color: #7286a0; } #live-stream #twitter .follow:hover { /* $color3 */ background-color: #a3bfa8; } /*END OF LIVE STREAM LAYOUT #1*/ /*VOLUNTEER 1*/ #volunteerOpps.vol1 article.even { /* $nav1 */ background-color: rgba(114, 134, 160, 1); } #volunteer-opportunity article.detail .details .contact-submit { /* $color2 */ background-color: #7286a0; } #volunteer-opportunity article.detail .details .contact-submit { /* $color2 */ border-color: #7286a0; } #volunteer-opportunity article.detail .details .contact-submit { /* $background1 */ color: #f5faf9; } #volunteer-opportunity article.detail .details .contact-submit:hover { /* $color2 */ color: #7286a0; } #volunteer-opportunity article.detail .details .contact-submit:hover { /* $color2 */ border-color: #7286a0; } #volunteer-opportunity article.detail .details .contact-submit:hover { /* $background1 */ background-color: #f5faf9; } #volunteer-opportunity article.detail .details .contact-field { /* $highlight4 */ background-color: #eaeaea; } #volunteer-opportunity article.detail .details .contactH4 .asterisk { color: red; } #volunteer-opportunity article.detail .details .contactH4{ /* $color1 */ color: #59594a; } #volunteerOpps.vol1 .items article { /* $color2 */ border-color: rgba(114, 134, 160, 1); } /*END OF VOLUNTEER 1*/ /*GROUPFINDER #2*/ .view-toggle, h3.gF-heading, #groupFinder article, #groupFinder article.detail .details aside { border: 1px solid; } .view-toggle a, #groupFinder .return a { border-right: 1px solid; } .view-toggle a { /* $nav1 */ color: #7286a0; } .infoBox:after { /* $nav1 */ border-left-color: #7286a0; } .view-toggle a { /* $nav1 */ border-right-color: #7286a0; } .infoBox .title, .view-toggle .active, #groupFinder .return { /* $nav1 */ background-color: #7286a0; } .infoBox .title h5, .view-toggle .active, #groupFinder .return a { /* $highlight3 */ color: #cde7b0; } #groupFinder .return a { /* $highlight3 */ border-right-color: rgba(205, 231, 176, 1); } .view-toggle, h3.gF-heading, #groupFinder article, #groupFinder article.detail .details aside { /* $highlight4 */ border-color: #eaeaea; } .view-toggle a { /* $highlight4 */ border-right-color: #eaeaea; } .view-toggle, #groupFinder article, #groupFinder article.detail header { /* $highlight4 */ background-color: rgba(234, 234, 234, 0.5); } #groupFinder.layout2 .items article, #groupFinder.layout2 h3.gF-heading { /* $color2 */ border-color: rgba(114, 134, 160, 1); } /*END GROUPFINDER #2*/ /*NEW HERE #1 LAYOUT*/ #new-here-1-layout #new-here #times, #new-here-1-layout #new-here #directions, #new-here-1-layout #new-here #connect .connect-content, #new-here-1-layout #new-here #connect.results.loaded #results { /* $nav1 */ background-color: rgba(114, 134, 160, 1); } #new-here-1-layout #new-here #connect > header { /* $nav1 */ background-color: #7286a0; } #new-here-1-layout #new-here form .checkbox input[type="checkbox"]:checked + label:before{ /* $color2 */ background: #7286a0; } #new-here-1-layout #new-here form input[type="submit"] { /* $color2 */ background-color: #7286a0; } #new-here-1-layout #new-here form input[type="submit"]:hover{ /* $color3 */ background-color: #a3bfa8; } #new-here-1-layout #new-here form input[type="submit"]:hover, #new-here-1-layout #new-here .connect-submit, #new-here-1-layout #new-here #connect > header h4 { /* $background1 */ color: #f5faf9; } #new-here-1-layout #new-here form.monkForm input[type="submit"] { /* $color2 */ border-color: #7286a0; } #new-here-1-layout #new-here form.monkForm input[type="submit"]:hover { /* $background1 */ background-color: #f5faf9; } #new-here-1-layout #new-here form.monkForm input[type="submit"]:hover { /* $color2 */ color: #7286a0; } #new-here-1-layout #new-here .connect-submit { /* $color2 */ background-color: #7286a0; } #new-here-1-layout #new-here .connect-submit:hover { /* $color2 */ color: #7286a0; } #new-here-1-layout #new-here .connect-submit:hover { /* $background1 */ background-color: #f5faf9; } /*END OF NEW HERE #1 LAYOUT*/ /*GROUP FINDER LAYOUT #1*/ #groupFinder.layout1 article { /* $background1 */ background-color: #f5faf9; } #groupFinder.layout1 article.detail .details aside, #groupFinder.layout1 article.even { /* $highlight4 */ background-color: rgba(234, 234, 234, 0.5); } #groupFinder.layout1 article.on{ /* $highlight4 */ background-color: rgba(234, 234, 234, 1); } #groupFinder.layout1 form#gF-filter .zip-inner { /* $background1 */ background-color: #f5faf9; } #groupFinder.layout1 form#gF-filter .zip-inner{ /* $color4 */ border-color: #59594a; } #groupFinder.layout1 form#gF-filter .zip-inner:before{ /* $color2 */ color: #7286a0; } #groupFinder.layout1 form#gF-filter .zip-inner:hover:before{ /* $color3 */ color: #a3bfa8; } #groupFinder.layout1 article.detail .details aside{ /* $highlight4 */ border-color: #eaeaea; } #groupFinder.layout1 #pagination a#current{ /* $color2 */ background-color: #7286a0; } #groupFinder.layout1 #pagination a#previous:before, #groupFinder.layout1 #pagination a#next:before { /* $color2 */ color: #7286a0; } #groupFinder.layout1 #pagination a:hover#previous:before, #groupFinder.layout1 #pagination a:hover#next:before{ /* $color3 */ color: #a3bfa8; } #groupFinder.layout1 form#gF-filter #filter-zip { /* $color1 */ color: rgba(89, 89, 74, 1); } #groupFinder.layout1 article header h4 { /* $color2 */ color: #7286a0; } #groupFinder.layout1 article header h4:hover { /* $color3 */ color: #a3bfa8; } #groupFinder.layout1 .items article .meta span { /* $color1 */ color: #59594a; } #groupFinder.layout1 .items > h3, #groupFinder.layout1 .items > article { /* $highlight4 */ border-color: rgba(234, 234, 234, 1); } #groupFinder.layout1 article.detail .details aside h4 { /* $color4 */ color: #59594a; } /*END OF GROUP FINDER LAYOUT #1*/ /*STAFF #2*/ #staff_2 form#group-search #group-search-term { /* $bodyFont */ font-family: 'Montserrat', sans-serif; } #staff_2 .filters { /* $highlight4 */ background-color: #eaeaea; } #staff_2 form#group-search fieldset:after { /* $color2 */ color: #7286a0; } #staff_2 form#group-search fieldset { /* $background1 */ background-color: #f5faf9; } #staff_2 form#group-search fieldset { /* $color4 */ border-color: #59594a; } #staff_2 .content .memberList { /* $highlight4 */ border-top-color: #eaeaea; } /*END OF STAFF #2*/