/* $image1, image, Header Image, /_assets/img/bg_header.jpg */ /* $background1, gradient, Body Background */ /* $background2, gradient, Nav Alt Background */ /* $background3, gradient, Nav Alt2 Background */ /* $background4, color, Content Background */ /* $background5, gradient, Section Background */ /* $background6, gradient, Section Alt Background */ /* $background7, gradient, Footer Background */ /* $background8, color, Alt Background */ /* $nav1, color, Nav Color */ /* $nav2, color, Nav Alt */ /* $color1, color, Text Color */ /* $color2, color, Heading Color */ /* $color5, color, Nav Text */ /* $color3, color, Link Color */ /* $color4, color, Link Alt */ /* $footer1, color, Footer Color */ /* $titlesFont, fontFamily, Page Titles (h1) 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'); Dancing Script => 'Dancing Script', cursive @import url('https://fonts.googleapis.com/css?family=Dancing+Script'); Martel Sans (Default) => 'Martel Sans', sans-serif @import url('https://fonts.googleapis.com/css?family=Martel+Sans'); Lato => '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'); Martel => 'Martel', serif @import url('https://fonts.googleapis.com/css?family=Martel'); 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) & Buttons 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 => 'Lato', sans-serif @import url('https://fonts.googleapis.com/css?family=Lato'); Martel Sans (Default) => 'Martel Sans', sans-serif @import url('https://fonts.googleapis.com/css?family=Martel+Sans'); 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'); Martel => 'Martel', serif @import url('https://fonts.googleapis.com/css?family=Martel'); 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'); */ /* $blockquoteFont, fontFamily, 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'); Dancing Script => 'Dancing Script', cursive @import url('https://fonts.googleapis.com/css?family=Dancing+Script'); Lato => 'Lato', sans-serif @import url('https://fonts.googleapis.com/css?family=Lato'); Martel Sans => 'Martel Sans', sans-serif @import url('https://fonts.googleapis.com/css?family=Martel+Sans'); 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'); Martel (Default) => 'Martel', serif @import url('https://fonts.googleapis.com/css?family=Martel'); 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 => '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'); Martel Sans (Default) => 'Martel Sans', sans-serif @import url('https://fonts.googleapis.com/css?family=Martel+Sans'); 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'); Martel => 'Martel', serif @import url('https://fonts.googleapis.com/css?family=Martel'); */ /* $wardrobeAtRules */ @import url('https://fonts.googleapis.com/css?family=Martel+Sans'); @import url('https://fonts.googleapis.com/css?family=Martel'); /* $wardrobeAtRules */ /* Image 1 - Header Image ================================================== */ #header { /* $image1 */ background-image: url("/_assets/img/bg_header.jpg"); } /* Background 1 - Body Background ================================================== */ body, nav#main { /* $background1 */ background: linear-gradient(#222222,#222222); } /* Background 2 - Nav Alt Background ================================================== */ #nav-open, #nav-sec, #search-open, #content #subnav { /* $background2 */ background: linear-gradient(#292929,#292929); } /* Background 3 - Nav Alt2 Background ================================================== */ #nav-top .logo, #nav-social, #search, #header + .header-text.mobile { /* $background3 */ background: linear-gradient(#393939,#393939); } /* Color 5 - Nav Text ================================================== */ #nav-social ul li a { /* $color5 */ color: #393939; } #nav-social ul li a:hover .instagramSVG path { /* $color5 */ fill: #393939 !important; } /* Background 4 - Content Background ================================================== */ #content, .content-section .content-section-inner, .rsvp a:hover, a.button-medium:hover, p.button-medium a:hover, a.button-large:hover, p.button-large a:hover, .monkForm > fieldset > fieldset > legend, .monkForm .section, .monkForm div input, .monkForm div textarea, .monkForm div select, .monkForm input[type=submit]:hover, .monkForm .ui-selectmenu-button, #event-control-bar, .section-widget, #newsletter_text, #newsletter_submit:hover, .rotator .slide .rotator-button:hover, #new-here form #geo-submit:hover, #new-here #topRotator .pager3 span, #giving1 #topRotator .pager span, #new-here #welcome #welcomeRight .location #map-wrap, #stickysub #stickysub-nav li a:hover, #stickysub #stickysub-nav li a.active { /* $background4 */ background-color: #fafafa; } #content #subnav > li > ul > li.current > ul { /* $background4 */ background-color: rgba(250, 250, 250, 1); } .content-section .featured { /* $background4 */ background-color: rgba(250, 250, 250, 1); } #pagination #current, #sidebar .share h3, #sidebar .share a:hover, .rsvp a, a.button-medium, p.button-medium a, a.button-large, p.button-large a, .monkForm > fieldset > legend, .monkForm input[type=submit], .ui-selectmenu-menu .ui-menu li, .calendar th, .calendar td > a:hover, .list-time-month, .featured-description:hover p, #newsletter_submit, .rotator .slide .rotator-button, .cycle-ss .slide .overlay, #new-here form #geo-submit, #stickysub #stickysub-nav li a { /* $background4 */ color: #fafafa; } #sidebar .share a { /* $background4 */ color: rgba(250, 250, 250, 1); } .div-callout a.button-large, .div-callout p.button-large a { /* $background4 */ border-color: #fafafa; } #content #subnav, #content #subnav > li > a { /* $background4 */ border-color: rgba(250, 250, 250, 1); } /* Background 5 - Section Background ================================================== */ #nav-top ul, .div-callout, .monkForm, .filters, #sidebar section, #content #event-nav, .items article.detail header, #events #module-search, #content #event-nav, .content-section-columns .column, #ekkSermons_5_detail .sermon-top, #ekkSermons_5_detail .sermon-top:before, #ekkSermons_5_detail .sermon-top:after { /* $background5 */ background: linear-gradient(#e7e7e7,#e7e7e7); } /* Background 8 - Misc Background ================================================== */ .comment header, .comment header .commenter-thumb { /* $background8 */ background: #e7e7e7; } #new-here #welcome #welcomeRight .location, #new-here #welcome #directions { /* $background8 */ background: rgba(231,231,231,1); } .rotator-blog .pager { /* $background8 */ color: #e7e7e7; } #new-here #welcome #directions { border-top: 1px solid; border-bottom: 1px solid; } .monkForm div input, .monkForm div textarea, .monkForm div select, #articles article.featured-article, #articles article.featured-article .title, #articles .results, #articles .items article, #articles .items article .meta, #ekkSermons_5_list h4, #ekkSermons_5_detail .sermon-right h4, .blogs article, .blogs article header, .blog-detail .meta, .comment header, .comment header .commenter-thumb, #new-here #welcome #directions { /* $background8 */ border-color: #e7e7e7; } /* Background 6 - Section Alt Background ================================================== */ .content-section-columns .column.colored, #sidebar section.colored { /* $background6 */ background: linear-gradient(#cccccc,#cccccc); } /* Background 7 - Footer Background ================================================== */ #footer { /* $background7 */ background: linear-gradient(#292929,#292929); } /* Nav 1 - Nav Color ================================================== */ #nav-open, #search-open, #nav-menu > ul > li > a, #nav-menu > ul > li > ul > li > a, #searchForm fieldset, #searchForm #search_term, #searchForm #search_go, #content #subnav > li > a, #content #subnav > li > ul > li > a, #content #subnav > li > ul li ul li a { /* $nav1 */ color: #fafafa; } #nav-sec { /* $nav1 */ color: rgba(250, 250, 250, 1); } #nav-sec h2, #nav-sec h3, #nav-sec h4, #nav-sec h5, #nav-sec h6 { /* $nav1 */ color: rgba(250, 250, 250, 1); } #nav-menu > ul > li > a { /* $nav1 */ border-color: rgba(250, 250, 250, 1); } #nav-social ul li a { /* $nav1 */ background-color: #fafafa; } /* Nav 2 - Nav Alt ================================================== */ #search-open:hover, #nav-open:hover, #nav-menu > ul > li > ul > li > a:hover, #nav-menu > ul > li > ul > li.current a, #nav-sec a, #searchForm #search_go:hover, #content #subnav > li > ul > li.current > a, #content #subnav > li > ul > li > a:hover, #content #subnav > li > ul li ul li a:hover { /* $nav2 */ color: #5764bd; } #nav-social ul li a:hover, #content #subnav > li > ul > li.current > a:before { /* $nav2 */ background-color: #5764bd; } /* Color 1 - Text Color ================================================== */ body, table caption, table th, table td, textarea, #content hr, a.button-small, p.button-small a, .rsvp a:hover, a.button-medium:hover, p.button-medium a:hover, a.button-icon, p.button-icon a, .media-links li a, .monkForm div input, .monkForm div textarea, .monkForm div select, .ui-selectmenu-button span.ui-selectmenu-text, .ui-selectmenu-button span.icon-arrow-down, #module-search-term, #module-search-submit, .comments form textarea, #newsletter_text, #content #event-nav li a:hover, #content #event-nav li.active a, #ekkSermons_5_detail .sermon-top h2, #new-here form #geo-submit:hover { /* $color1 */ color: #292929; } .content-section-columns .column .icons-wrap span, #sidebar section .icons-wrap span { /* $color1 */ color: rgba(41, 41, 41, 1); } #content hr, .rsvp a, a.button-medium, p.button-medium a, .ui-selectmenu-menu .ui-menu, .calendar th, p.list-time-month, #new-here form #geo-submit { /* $color1 */ background-color: #292929; } #new-here form #geo-submit { border: 1px solid; } blockquote, blockquote p, a.button-small, p.button-small a, a.button-icon, p.button-icon a, .media-links li a, .rsvp a, a.button-medium, p.button-medium a, .monkForm .file input, .ui-selectmenu-button, p.list-time-day, p.list-time-month, .calendar td, #new-here form #geo-submit { /* $color1 */ border-color: #292929; } .widget.events .info h5, .widget.articles .info h5, .list-weekday { /* $color1 */ border-color: rgba(41, 41, 41, 1); } /* Color 2 - Heading Color ================================================== */ h2, h3, h4, h5, h6, #giving1 h2, #giving1 h3, #giving1 h4, #giving1 h5, #giving1 h6, #giving1 .tab-button { /* $color2 */ color: #292929; } /* Color 3 - Link Color ================================================== */ a, h1, blockquote, a.button-small:hover, p.button-small a:hover, a.button-icon:hover, p.button-icon a:hover, .media-links li a:hover, a.button-large:hover, p.button-large a:hover, .monkForm p.errorSummary, .monkForm p.error, .monkForm .asterisk, .widget .image .comment span:before, .section-widget.posts .blog-right .comment-wrap .comment span:before, .monkForm input[type=submit]:hover, .monkForm .ui-selectmenu-button span.icon-arrow-down, #module-search-submit:hover, #content article .media-icons li a.current, #ekkSermons_5_detail .meta span, #ekkSermons_5_detail .passage p, #ekkSermons_5_detail .passage h5, #ekkSermons_5_detail .sermon-right h4, .comments form label, .comment header cite, #event-control-bar h3, #event-control-bar .event-list-title, .calendar-month, .list-month-title, .calendar td > a, .featured-start, #events .meta, .featured-event .meta, #event-control-bar h3 span, p.list-time-day, .rotator-blog .pager:hover, #newsletter_submit:hover, .list-event-prev.hasPrev, .list-event-next.hasNext, #giving1 h5, .rotator .slide .rotator-button:hover, #stickysub #stickysub-nav li a:hover, #stickysub #stickysub-nav li a.active { /* $color3 */ color: #5764bd; } #pagination #current, #sidebar .share, a.button-large, p.button-large a, .share-button a, .monkForm input[type=submit], .monkForm > fieldset > legend, .monkForm > fieldset > legend:before, .monkForm > fieldset > legend:after, .ui-selectmenu-menu .ui-menu li:hover, .calendar td > a:hover, #newsletter_submit, #stickysections-nav li a.active, #stickysections-nav li a:hover, .rotator .slide .rotator-button, #new-here #topRotator .pager3 span:hover, #new-here #topRotator .pager3 span.cycle-pager-active, #giving1 #topRotator .pager span:hover, #giving1 #topRotator .pager span.cycle-pager-active, #stickysub { /* $color3 */ background-color: #5764bd; } ::-webkit-scrollbar-thumb, .featured-description:hover { /* $color3 */ background-color: rgba(87, 100, 189, 1); } ::-webkit-scrollbar-thumb:window-inactive { /* $color3 */ background-color: rgba(87, 100, 189, 1); } .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 { /* $color3 */ background: #5764bd; } a.button-small:hover, p.button-small a:hover, a.button-icon:hover, p.button-icon a:hover, .media-links li a:hover, a.button-large, p.button-large a, .monkForm input[type=submit], #sidebar, #footer, #ekkSermons_5_list article a.image-link:after, .rotator .slide .rotator-button { /* $color3 */ border-color: #5764bd; } /* Color 4 - Link Alt ================================================== */ a:hover, .scrolltop a:hover { /* $color4 */ color: #2b3890; } /* Footer 1 - Footer Color ================================================== */ #footer, #credits, .scrolltop a { /* $footer1 */ color: rgba(250, 250, 250, 0.75); } #footer h2, #footer h3, #footer h4, #footer h5, #footer h6 { /* $footer1 */ color: rgba(250,250,250,0.75); } /*the code below turns off "hover" on ipad and lower resolution*/ @media (max-width: 48em) { #search-open:hover, #nav-open:hover, #nav-menu > ul > li > ul > li > a:hover, #nav-menu > ul > li > ul > li.current a, #nav-sec a, #searchForm #search_go:hover, #content #subnav > li > ul > li.current > a, #content #subnav > li > ul > li > a:hover, #content #subnav > li > ul li ul li a:hover { /* $nav1 */ color: #fafafa; } #nav-social ul li a:hover, #content #subnav > li > ul > li.current > a:before { /* $nav1 */ background-color: #fafafa; } } /*OVERRIDE.CSS*/ .section-tabs .section-tabs-wrap, .section-tabs nav ul li a.active:after { /* $background8 */ background-color: #e7e7e7; } .section-tabs nav ul li a.active { /* $color1 */ color: #292929; } .dark .section-tabs .section-tabs-wrap, .dark .section-tabs nav ul li a.active:after { /* $color1 */ background-color: #292929; } .dark .section-tabs nav ul li a, .dark .section-tabs nav ul li a.active { /* $background4 */ color: #fafafa; } .accordiontrigger { /* $background8 */ background-color: #e7e7e7; } .accordiontrigger:hover, .accordiontrigger.active{ /* $color3 */ color: #5764bd; } /* FONT PICKER RULES */ h1, .mcms_form_thank_you, .filters h6, .caption h4 { /* $titlesFont */ font-family: 'Martel Sans', sans-serif; } .caption h1, h2, h3, h4, h5, h6, table th, [class^="button-"], .rsvp a, .monkForm input[type=submit], #newsletter_text, #newsletter_submit, #comment-submit, .infobox h5, .infobox h6 { /* $headingFont */ font-family: 'Martel Sans', sans-serif; } blockquote, blockquote p { /* $blockquoteFont */ font-family: 'Martel', serif; } body, table caption, table th, table td, textarea, #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, #zip-search-term, .ui-selectmenu-button, .ui-selectmenu-menu .ui-menu, select.sorter, .rsvp a, .infobox p, .infobox li, .mapmarker-text, #live-stream #twitter .follow, #nh3-location-map .infowindow .info p { /* $bodyFont */ font-family: 'Martel Sans', 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 .staff3-items article .staff3-rollover , #staff3-layout .staff3-items article .staff3-rollover p, #staff3-layout .staff3-items.staff3-detail article ul.staff3-social li a, #staff3-layout .staff3-items article .staff3-rollover p span { /* $background4 */ color: #fafafa; } #staff3-layout .staff3-items article .staff3-rollover ul li a:hover { /* $background4 */ background-color: #fafafa; } #staff3-layout #module-search-submit, #staff3-layout .staff3-items article .staff3-rollover ul li a:hover { /* $color1 */ color: #292929; } #staff3-layout .staff3-items.staff3-detail article ul.staff3-social li a{ /* $color1 */ background-color: #292929; } #staff3-layout #module-search-submit:hover { /* $color3 */ color: #5764bd; } #staff3-layout .staff3-items.staff3-detail article ul.staff3-social li a:hover { /* $color3 */ background-color: #5764bd; } #staff3-layout #module-search-term { /* $color1 */ color: #292929; } #staff3-layout .ui-selectmenu-menu .ui-menu li:hover, #staff3-layout .staff3-items article .staff3-rollover, #staff3-layout .staff3-items article .staff3-rollover ul li a { /* $color1 */ border-color: rgba(41, 41, 41, 1); } .staff3-items article .staff3-rollover { /* $color1 */ background-color: rgba(41, 41, 41, 1); } #staff3-layout .staff3-items article .staff3-rollover ul li a { /* $color1 */ background-color: #292929; } #staff3-layout .staff-filters { /* $background8 */ background-color: #e7e7e7; } #staff3-layout .ui-selectmenu-button { /* $color1 */ border-color: #292929; } #staff3-layout .ui-selectmenu-button span.iconstaff-arrow-down, #staff3-layout .ui-selectmenu-button span.ui-selectmenu-text { /* $color1 */ color: #292929; } #staff3-layout .ui-selectmenu-menu .ui-menu { /* $color1 */ background-color: #292929; } #staff3-layout .ui-selectmenu-menu .ui-menu li:hover { /* $color3 */ background-color: #5764bd; } /*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: #292929; } #volunteer-opportunity article .details .more, #volunteer-opportunity #volunteerOpps .return, #volunteer-opportunity article.detail header aside .map-directions { /* $color3 */ background-color: #5764bd; } #volunteer-opportunity article .details .more:hover, #volunteer-opportunity article.detail header aside .map-directions:hover{ /* $color1 */ background-color: #292929; } #volunteer-opportunity #volunteerOpps .return a:hover { /* $color4 */ background-color: #2b3890; } #volunteer-opportunity #vol-filter .childcare, #volunteer-opportunity .ui-selectmenu, #volunteer-opportunity #volunteerOpps .return a, #volunteer-opportunity .iconBoxInner, #volunteer-opportunity article.detail .details .contact-submit:hover { /* $color1 */ border-color: #292929; } #volunteer-opportunity #pagination a#current{ /* $color3 */ background-color: #5764bd; } #volunteer-opportunity #pagination a#previous:before, #volunteer-opportunity #pagination a#next:before { /* $color3 */ color: #5764bd; } #volunteer-opportunity #pagination a:hover#previous:before, #volunteer-opportunity #pagination a:hover#next:before{ /* $color4 */ color: #2b3890; } #volunteer-opportunity article.detail .details aside, #volunteer-opportunity article.detail .details aside .contact-box, #volunteer-opportunity .highlight { /* $background8 */ background: rgba(231,231,231,1); } #volunteer-opportunity .serveWide, #volunteer-opportunity .serveThird { /* $background4 */ background-color: rgba(250, 250, 250, 1); } #volunteer-opportunity .ui-selectmenu-menu { /* $color3 */ background-color: rgba(87, 100, 189, 1); } #volunteer-opportunity .ui-selectmenu-button { /* $background4 */ border-right-color: #fafafa; } #volunteer-opportunity .ui-selectmenu-button span.fa { /* $background4 */ color: #fafafa; } #volunteer-opportunity article.detail .details .contact-submit{ /* $background4 */ color: #fafafa; } #volunteer-opportunity article.detail .details .contact-submit{ /* $color3 */ background-color: #5764bd; } #volunteer-opportunity article.detail .details .contact-submit{ /* $color3 */ border-color: #5764bd; } #volunteer-opportunity article.detail .details .contact-submit:hover { /* $color3 */ color: #5764bd; } #volunteer-opportunity article.detail .details .contact-submit:hover { /* $background4 */ background-color: #fafafa; } #volunteer-opportunity article.detail .details .contact-submit:hover { /* $color3 */ border-color: #5764bd; } #volunteer-opportunity .ui-selectmenu-button { /* $color1 */ border-color: #292929; } #volunteer-opportunity .ui-selectmenu-button span.ui-selectmenu-text { /* $color1 */ color: #292929; } #volunteer-opportunity article.detail .details #contact-form { /* $background8 */ background-color: #e7e7e7; } #volunteer-opportunity article.detail .details .contactH4 .asterisk { /* $color3 */ color: #5764bd; } /*END OF VOLUNTEER LAYOUT custom colors*/ /*GIVING LAYOUT*/ #giving1 #welcomeBG { /* $background8 */ background: rgba(231,231,231,1); } #giving1 #moreinfo #tabs li { /* $color1 */ color: #292929; } #giving1 .button-light { /* $color1 */ background-color: #292929; } #giving1 #topRotator .pager span, #giving1 #moreinfo #tabs li:hover, #giving1 #moreinfo #tabs li.active { /* $background4 */ background-color: #fafafa; } #giving1 #topRotator .pager span, #giving1 #moreinfo #tabs li:hover, #giving1 #moreinfo #tabs li.active { /* $color3 */ color: #5764bd; } /*LIVE STREAM LAYOUT #1*/ #live-stream #twitter .title{ /* $color5 */ background-color: #393939; } #live-stream #twitter ::-webkit-scrollbar-track { /* $color5 */ background-color: rgba(57, 57, 57, 1); } #live-stream #twitter ::-webkit-scrollbar-thumb { /* $color5 */ background-color: rgba(57, 57, 57, 1); } #live-stream .countdown, #live-stream .links, #live-stream #footer-sections .event { /* $background8 */ background-color: #e7e7e7; } #live-stream #twitter #tweets{ /* $color5 */ background-color: rgba(57, 57, 57, 1); } #live-stream #twitter .follow, #live-stream #twitter p, #live-stream #footer-sections .date .month { /* $nav1 */ color: #fafafa; } #live-stream #rotator .pager span { /* $background8 */ background-color: #e7e7e7; } #live-stream #twitter .time { /* $nav1 */ color: #fafafa; } #live-stream #footer-sections .date .day, #live-stream .countdown .delimiter, #live-stream .countdown .label, #live-stream .countdown .live { /* $color1 */ color: #292929; } #live-stream .countdown .number { /* $color3 */ color: #5764bd; } #live-stream #footer-sections .date .month, #live-stream #twitter .follow, #live-stream #rotator .pager span.cycle-pager-active { /* $color3 */ background-color: #5764bd; } #live-stream #twitter .follow:hover { /* $color4 */ background-color: #2b3890; } /*END OF LIVE STREAM LAYOUT #1*/ /*VOLUNTEER 1*/ #volunteerOpps.vol1 article.even { /* $color3 */ background-color: rgba(87, 100, 189, 1); } #volunteer-opportunity article.detail .details .contact-submit{ /* $background4 */ color: #fafafa; } #volunteer-opportunity article.detail .details .contact-submit{ /* $color3 */ background-color: #5764bd; } #volunteer-opportunity article.detail .details .contact-submit{ /* $color3 */ border-color: #5764bd; } #volunteer-opportunity article.detail .details .contact-submit:hover { /* $color3 */ color: #5764bd; } #volunteer-opportunity article.detail .details .contact-submit:hover { /* $background4 */ background-color: #fafafa; } #volunteer-opportunity article.detail .details .contact-submit:hover { /* $color3 */ border-color: #5764bd; } #volunteer-opportunity article.detail .details #contact-form { /* $background8 */ background-color: #e7e7e7; } #volunteer-opportunity article.detail .details .contactH4 .asterisk { /* $color3 */ color: #5764bd; } #volunteerOpps.vol1 .items article { /* $color1 */ border-color: rgba(41, 41, 41, 1); } /*END OF VOLUNTEER 1*/ /*GROUPFINDER #2*/ .view-toggle, h2.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 { /* $color1 */ color: #292929; } .infoBox:after { /* $color1 */ border-left-color: #292929; } .view-toggle a { /* $color1 */ border-right-color: #292929; } .infoBox .title, .view-toggle .active, #groupFinder .return { /* $color1 */ background-color: #292929; } .infoBox .title h5, .view-toggle .active, #groupFinder .return a { /* $background4 */ color: #fafafa; } #groupFinder .return a { /* $background4 */ border-right-color: rgba(250, 250, 250, 1); } #zip-search { /* $background4 */ background-color: #fafafa; } .view-toggle, h2.gF-heading, #groupFinder article, #groupFinder article.detail .details aside { /* $background8 */ border-color: #e7e7e7; } .view-toggle a { /* $background8 */ border-right-color: #e7e7e7; } .view-toggle, #groupFinder article, #groupFinder article.detail header { background-color: rgba(231, 231, 231, 0.5); } #groupFinder.layout2 .items article, #groupFinder.layout2 h2.gF-heading { /* $color1 */ border-color: rgba(41, 41, 41, 1); } #groupFinder.layout2 #zip-search-term { /* $color1 */ color: #292929; } /*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 { /* $color3 */ background-color: rgba(87, 100, 189, 1); } #new-here-1-layout #new-here #connect .connect-content.v2{ /* $background8 */ background-color: #e7e7e7; } #new-here-1-layout #new-here #connect > header { /* $background2 */ background: linear-gradient(#292929,#292929); } #new-here-1-layout #new-here form .checkbox input[type="checkbox"]:checked + label:before{ /* $color3 */ background: #5764bd; } #new-here-1-layout #new-here form input[type="submit"] { /* $color3 */ background-color: #5764bd; } #new-here-1-layout #new-here form input[type="submit"]:hover{ /* $color4 */ background-color: #2b3890; } #new-here-1-layout #new-here form input[type="submit"]:hover, #new-here-1-layout #new-here #connect > header h4 { /* $background4 */ color: #fafafa; } #new-here-1-layout #new-here form.monkForm input[type="submit"] { /* $color3 */ border-color: #5764bd; } #new-here-1-layout #new-here form.monkForm input[type="submit"]:hover { /* $background4 */ background-color: #fafafa; } #new-here-1-layout #new-here form.monkForm input[type="submit"]:hover { /* $color3 */ color: #5764bd; } #new-here-1-layout #new-here .connect-submit:hover { /* $color1 */ color: #292929; } #new-here-1-layout #new-here .connect-submit:hover { /* $background4 */ background-color: #fafafa; } /*END OF NEW HERE #1 LAYOUT*/ /*GROUP FINDER LAYOUT #1*/ #groupFinder.layout1 article { /* $background4 */ background-color: #fafafa; } #groupFinder.layout1 article.detail header, #groupFinder.layout1 article.detail .details aside, #groupFinder.layout1 article.even { /* $background8 */ background: rgba(231,231,231,1); } #groupFinder.layout1 article.on{ /* $background8 */ background: rgba(231,231,231,1); } #groupFinder.layout1 form#gF-filter .zip-inner { /* $background4 */ background-color: #fafafa; } #groupFinder.layout1 #pagination a#current{ /* $color3 */ background-color: #5764bd; } #groupFinder.layout1 #pagination a#previous:before, #groupFinder.layout1 #pagination a#next:before { /* $color3 */ color: #5764bd; } #groupFinder.layout1 #pagination a:hover#previous:before, #groupFinder.layout1 #pagination a:hover#next:before{ /* $color4 */ color: #2b3890; } #groupFinder.layout1 form#gF-filter #filter-zip { /* $color1 */ color: rgba(41, 41, 41, 1); } #groupFinder.layout1 article header h4 { /* $color3 */ color: #5764bd;; } #groupFinder.layout1 article header h4:hover { /* $color4 */ color: #2b3890; } #groupFinder.layout1 .items article .meta span { /* $color1 */ color: rgba(41, 41, 41, 1); } #groupFinder.layout1 .items > h2, #groupFinder.layout1 .items > article { /* $background8 */ border-color: rgba(231,231,231,1); } /*END OF GROUP FINDER LAYOUT #1*/ /*STAFF #2*/ #staff_2 form#group-search #group-search-term { /* $bodyFont */ font-family: 'Martel Sans', sans-serif; } #staff_2 .filters { /* $background8 */ background-color: #e7e7e7; } #staff_2 form#group-search fieldset:after { /* $color1 */ color: #292929; } #staff_2 .content .memberList { /* $background8 */ border-top-color: #e7e7e7; } /*END OF STAFF #2*/ /* NEXT STEPS #1 */ #nextsteps1 #ns1-modal-background, #nextsteps1 .featured-items-row .featured-item [class^="border-"] { /* $background4 */ background-color: #fafafa; } #nextsteps1 .top-links-slide .details, #nextsteps1 .staggered-grid-links .shaded-box, #nextsteps1 #ns1-modal-background .ns1-modal-content { /* $background8 */ background: #e7e7e7; } #nextsteps1 #floating-link a .fl-icon, #nextsteps1 #floating-link .fl-label, #nextsteps1 .featured-items-row .title-caption, #nextsteps1 .staggered-grid-links .shaded-box [class^="icon-"] { /* $nav1 */ color: #fafafa; } #nextsteps1 .top-links-slide .details p { /* $color1 */ color: #292929; } #nextsteps1 .top-links-slide .details h5, #nextsteps1 .top-links-slide .details span[class^='icon-'], #nextsteps1 .staggered-grid-links .shaded-box .text-details .title, #nextsteps1 #ns1-modal-background .ns1-modal-content .close-ns1-modal, #nextsteps1 #ns1-modal-background .ns1-modal-content .heading-icon { /* $color3 */ color: #5764bd; } #nextsteps1 #ns1-modal-background .ns1-modal-content .thumbnail-copy { /* $color3 */ outline-color: #5764bd; } #nextsteps1 #floating-link>a, #nextsteps1 #alert_pager .pager-wrap span { /* $color3 */ background-color: #5764bd; } #nextsteps1 .staggered-grid-links .shaded-box:hover .title, #nextsteps1 #ns1-modal-background .ns1-modal-content .close-ns1-modal:hover { /* $color3 */ color: rgba(87, 100, 189, 1); } #nextsteps1 .top-links-slide .details:hover h5, #nextsteps1 .top-links-slide .details:hover span[class^='icon-'] { /* $color4 */ color: #2b3890; } #nextsteps1 .top-links-slide .details { /* $background8 */ background: #e7e7e7; } /* END OF NEXT STEPS #1 */ /*NEW HERE #3*/ .nh3-monklet-section-grid article > a h4, .nh3-monklet-section-staff article .info-rollover, .nh3-monklet-section-staff article .info-rollover .info-rollover-inner p { /* $background4 */ color: #fafafa; } .nh3-monklet-section-staff article .info-rollover ul li a:hover { /* $background4 */ background-color: #fafafa; } .nh3-monklet-section-staff article .info-rollover ul li a { /* $background4 */ background-color: rgba(250, 250, 250, 1); } #nh3-location-map .infowindow:before { /* $background4 */ border-top-color: #fafafa; } .nh3-monklet-section-staff article .info-rollover .info-rollover-inner p span.read-more { /* $color3 */ color: #5764bd; } .nh3-monklet-section-staff article .info-rollover ul li a { /* $color1 */ color: rgba(41, 41, 41, 1); } .nh3-monklet-section-featured-event article.dark, .nh3-monklet-section-featured-article article.dark, .nh3-monklet-section-grid article { /* $color1 */ background-color: rgba(41, 41, 41, 1); } .nh3-monklet-section-staff article .info-rollover { /* $color1 */ background-color: rgba(41, 41, 41, 1); } .nh3-monklet-section-grid article > a, .nh3-monklet-section-grid .nh3-desktop, .nh3-monklet-section-grid article .info { /* $background5 */ background: linear-gradient(#e7e7e7,#e7e7e7); } .nh3-monklet-section-featured-event a, .nh3-monklet-section-featured-article a { /* $background4 */ color: #fafafa; } .nh3-monklet-section-featured article .info a h5 { /* $color3 */ color: #5764bd; } .nh3-monklet-section-featured-event a:hover, .nh3-monklet-section-featured-article a:hover, .nh3-monklet-section-featured article .info a:hover h5 { /* $color4 */ color: #2b3890; } .nh3-monklet-section-featured a:not([href]), .nh3-monklet-section-featured a:not([href]):hover, .nh3-monklet-section-featured article .info a:not([href]):hover h5 { /* $color3 */ color: #5764bd; } /*END OF NEW HERE #3*/ /*ARTICLES #4*/ #articles-4 .featured-article, #articles-4 .article-list__item, #articles-4 .article-list__item--series, #articles-4 .article-nav, #articles-4 .article-nav__btn { /* $background5 */ background: linear-gradient(#e7e7e7,#e7e7e7); } #articles-4 .article-nav__btn .article-icon, #articles-4 .article-list__close--series, #articles-4 .article-nav__btn, #articles-4 .article-nav__btn:hover, #articles-4 .article-nav__more, #articles-4 .article-nav__search-submit, #articles-4 .article-list__series-status .article-icon, #articles-4 .article-list__close--series .article-icon, #articles-4 .article-nav__more .article-icon, #articles-4 .article-list__loading .article-icon { /* $color3 */ color: #5764bd; } #articles-4 .featured-article__btn:hover, #articles-4 .article-author__social-button { /* $nav1 */ color: #fafafa; } #articles-4 .featured-article__btn:hover, #articles-4 .article-author__social-button { /* $color3 */ background-color: #5764bd; } #articles-4 .article-list__media .article-icon, #articles-4 .article-list__close--series:hover, #articles-4 .article-nav__more:hover { /* $color3 */ color: #5764bd; } #articles-4 .featured-article__nav, #articles-4 .featured-article__btn { /* $color1 */ background-color: #292929; } #articles-4 .article-author__social-button:hover{ /* $color4 */ background-color: #2b3890; } #articles-4 .article-author__social-button:hover, #articles-4 .featured-article__nav, #articles-4 .featured-article__btn, #articles-4 .featured-article__btn .article-icon, #articles-4 .article-list__item--has-image .article-list__media .article-icon, #articles-4 .article-author__social-button { /* $nav1 */ color: #fafafa; } #articles-4 .article-header__title, #articles-4 .article-list__item.article-list__item--padding { /* $nav1 */ background-color: #fafafa; } #articles-4 .article-author__image, #articles-4 .article-nav__search-input { /* $color1 */ border-color: #292929; } #articles-4 .article-categories>a.article-categories__item--active { /* $color1 */ color: #292929; } #articles-4 .article-categories>a.article-categories__item--active { /* $background4 */ background-color: #fafafa; } #articles-4 .article-header__btn{ /* $background4 */ color: #fafafa; } #articles-4 .article-list__title { /* $color3 */ color: #5764bd; } #articles-4 .article-header__btn:hover, #articles-4 .article-list__title:hover, #articles-4 .article-list__series-status:hover .article-icon { /* $color4 */ color: #2b3890; } /*END OF ARTICLES #4*/ /*BLOG #3 */ #blogs3 .featured-post, #blogs3 .post-list__item, #blogs3 .post-list__item--series, #blogs3 .post-nav, #blogs3 .post-nav__btn, #blogs3 .featured-post__slide { /* $background5 */ background: linear-gradient(#e7e7e7,#e7e7e7); } #blogs3 .post-nav__btn .post-icon, #blogs3 .post-list__close--series, #blogs3 .post-nav__btn, #blogs3 .post-nav__btn:hover, #blogs3 .post-nav__more, #blogs3 .post-nav__search-submit, #blogs3 .post-list__series-status .post-icon, #blogs3 .post-list__close--series .post-icon, #blogs3 .post-nav__more .post-icon, #blogs3 .post-list__loading .post-icon { /* $color3 */ color: #5764bd; } #blogs3 .featured-post__btn:hover, #blogs3 .post-author__social-button { /* $color3 */ background-color: #5764bd; } #blogs3 .post-list__media .post-icon, #blogs3 .post-list__close--series:hover, #blogs3 .post-nav__more:hover { /* $color1 */ color: #292929; } #blogs3 .post-author__social-button:hover, #blogs3 .featured-post__nav, #blogs3 .featured-post__btn { /* $color1 */ background-color: #292929; } #blogs3 .featured-post__btn, #blogs3 .featured-post__nav, #blogs3 .featured-post__btn .post-icon, #blogs3 .post-list__item--has-image .post-list__media .post-icon, #blogs3 .post-author__social-button { /* $nav1 */ color: #fafafa; } #blogs3 .post-list__item.post-list__item--padding { /* $nav1 */ background-color: #fafafa; } #blogs3 .post-nav__search-input { /* $color1 */ border-color: #292929; } #blogs3 .post-categories__item--active { /* $color1 */ color: #292929; } #blogs3 .post-categories__item--active { /* $background4 */ background-color: #fafafa; } /* END OF BLOG #3 */ /*EVITE #1*/ #evite1 #evite-form .warning { /* $color3 */ color: #5764bd; } /* Link Color - Background */ #evite1 #share-options .button-container .share-button.active { /* $color3 */ color: #5764bd; } /* Link Color - Border */ #evite1 #share-options .button-container .share-button.active { /* $color3 */ border-color: #5764bd; } #evite1 #share-options .button-container .share-button.active >span svg path, #evite1 #share-options .button-container .share-button:hover >span svg path { /* $color3 */ fill: #5764bd !important; } #evite1 #evite-form input[type='submit']{ /* $background4 */ color: #fafafa; } #evite1 #evite-form input[type='submit']{ /* $color3 */ background-color: #5764bd; } #evite1 #evite-form input[type='submit']{ /* $color3 */ border-color: #5764bd; } #evite1 #evite-form input[type='submit']:hover { /* $color3 */ color: #5764bd; } #evite1 #evite-form input[type='submit']:hover { /* $background4 */ background-color: #fafafa; } #evite1 #evite-form input[type='submit']:hover { /* $color3 */ border-color: #5764bd; } #evite1 #evite-form { /* $background8 */ background-color: #e7e7e7; } #evite1 #evite-form span.asterisk { /* $color3 */ color: #5764bd; } /*END OF EVITE #1*/