/* Theme Name: Advocator Lite Theme URI: https://rescuethemes.com/wordpress-themes/advocator-lite/ Author: Rescue Themes Author URI: https://rescuethemes.com Description: A WordPress theme for non-profits, charities, and organizations that do good. Version: 1.2 Tested up to: 5.4.2 Requires PHP: 5.6.20 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: advocator-lite Tags: custom-menu, translation-ready, threaded-comments, theme-options, two-columns, custom-colors, featured-images Advocator WordPress Theme, Copyright 2014 - 2015 Rescue Themes Advocator is distributed under the terms of the GNU GPL Advocator is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc. */ /*-------------------------------------------------------------- >>> TABLE OF CONTENTS: ---------------------------------------------------------------- 1.0 Defaults 2.0 Typography 3.0 Alignments 4.0 Accessibility 5.0 Media 6.0 Header 6.1 Navigation 7.0 Home 7.1 Home Hero 7.2 Home Content 7.3 Home Events 7.4 Home News 7.5 Home Gallery 8.0 Forms 9.0 Content 9.1 Posts 9.2 Blog Page 9.3 404 Page 9.4 Archive Page 9.5 Full Width 9.6 Contact Page 9.7 Gallery 9.8 Search 9.9 Donation Page 10.0 Comments 11.0 Widgets 11.1 Mailchimp Widget 11.2 Events Calendar 11.3 Footer Widgets 12.0 Footer 13.0 Inifinte Scroll 14.0 Give Donations 15.0 WooCommerce 16.0 Clearings 17.0 Gutenberg --------------------------------------------------------------*/ @import "settings"; @import "mixins/mixins-master"; /*-------------------------------------------------------------- 1.0 Defaults --------------------------------------------------------------*/ /*-------------------------------------------------------------- 2.0 Typography --------------------------------------------------------------*/ @font-face { font-family: FontAwesome; src: url("fonts/fontawesome-webfont.eot?#iefix") format("eot"), url("fonts/fontawesome-webfont.woff") format("woff"), url("fonts/fontawesome-webfont.ttf") format("truetype"), url("fonts/fontawesome-webfont.svg#FontAwesome") format("svg"); } body, p, blockquote, p, pre, address, small, abbr, code, kbd, samp, small, var, form, legend, label, caption { font-family: $font-family-sans-serif; } h1, h2, h3, h4, h5, h6 { font-family: $font-family-sans-serif; font-weight: 600; line-height: 2.4rem; } h1 { font-size: 2.75rem; margin: 0; } p, ul, ol, dl, .textwidget { font-weight: 100; line-height: 28px; } a{ line-height: inherit; text-decoration: none; color: $oil; @include anchorhover(0.2s); -webkit-tap-highlight-color: rgba(0,0,0,0); /* Remove Gray Highlight When Tapping Links in Mobile Safari - http://goo.gl/cs61C1 */ } a:hover, a:focus { color: $primary_green; } blockquote, blockquote p { color: $oil; font-weight: 400; font-size: 1.5rem; } blockquote { border-left: 5px solid $oil; font-style: italic; } hr { border-color: $iron; } .vcard { border: none; } /*-------------------------------------------------------------- 3.0 Alignments --------------------------------------------------------------*/ @import "modules/alignments"; /*-------------------------------------------------------------- 4.0 Accessibility --------------------------------------------------------------*/ @import "modules/accessibility"; /*-------------------------------------------------------------- 5.0 Media --------------------------------------------------------------*/ @import "media/media"; /*-------------------------------------------------------------- 6.0 Header --------------------------------------------------------------*/ .top_header_wrap { padding:20px 0; border-bottom:4px solid #ffffff; background-color: #2c3135; h1.site-title a { color: $white; font-size: 24px; &:hover { color: $primary_green; } } h2.site-description { color: $white; font-size: 12px; line-height: 1.5; font-weight: 400; } } .top_header_wrap .logo { float: left; @media only screen and (max-width: 40em) { text-align: center; float: none; @include center-block; } // Mobile @media only screen and (min-width: 40.063em) and (max-width: 64em) { text-align: center; float: none; @include center-block; } // Tablet h3 a { color: $white; font-size: 28px; font-weight: 300; &:hover { color: $primary_green; } } } .advocator .donation_button .button { padding: 0.9rem 2.25rem 1rem 2.25rem; margin: 0; width: 100%; border-bottom: 10px solid $primary_mustard; background-color: $primary_yellow; color: $white; line-height: 1.3; text-align: center; text-transform: uppercase; font-weight: 400; font-size: 20px; border-radius: 0; @include anchorhover(0.2s); &:hover, &:focus { background-color: $primary_yellowalt; } } /*-------------------------------------------------------------- 6.1 Navigation --------------------------------------------------------------*/ .top_header_wrap, .top_header_wrap nav, .top_header_wrap .top-bar-section li:not(.has-form) a:not(.button), .top_header_wrap .top-bar-section .dropdown li:not(.has-form) a:not(.button), .top_header_wrap .top-bar-section ul, .top_header_wrap .top-bar.expanded .title-area { background: $primary_dark; } .top-bar ul > li.has-dropdown .dropdown li:hover, .top-bar ul > li.has-dropdown .dropdown li:focus { background: $white; } .top_header_wrap { .top_nav { a { color: $jumbo; text-transform: uppercase; letter-spacing: 1px; font-weight: 300; font-size: 12px; } } .top-bar-section .has-dropdown > a:after { top: 13px; right: 5px; border-width: 3px; border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); background-color: #4b4f52; @include border-radius(20px); } .top_mini_nav { float: right; @media only screen and (max-width: 40em) { float: none; @include center-block; } // Mobile @media only screen and (min-width: 40.063em) and (max-width: 64em) { float: none; @include center-block; } // Tablet ul { list-style-type: none; li { display:inline-block; } } } } .top-bar-section ul li:hover:not(.has-form) a:hover:not(.button) { color: $gainsboro; } .top-bar-section li.active:not(.has-form) a:hover:not(.button) { background: $primary_green; color: $gainsboro; } .top-bar-section .dropdown li:hover:not(.has-form):not(.active) > a:not(.button) { background: $primary_green; color: $gainsboro; } .bottom_header_wrap, .bottom_header_wrap nav, .bottom_header_wrap .top-bar-section li:not(.has-form) a:not(.button), .bottom_header_wrap .top-bar-section .dropdown li:not(.has-form) a:not(.button), .bottom_header_wrap .top-bar-section ul, .bottom_header_wrap .top-bar.expanded .title-area { background-color: $primary_green; } .bottom_header_wrap { .bottom_nav { margin: 10px 0; } .top-bar-section .has-dropdown > a:after { top: 13px; right: 5px; border-width: 4px; border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); background-color: $white; @include border-radius(20px); } } .bottom_header_wrap { .top-bar { @media only screen and (min-width: 40.063em) and (max-width: 64em) { float: none; @include center-block; } // Tablet } .bottom_nav a { color: #ffffff; text-transform: uppercase; letter-spacing: 1px; font-weight: 400; font-size: 14px; &:hover { color: $primary_mint; } } .top-bar-section .dropdown { padding: 0 0 10px 10px; padding-right: 20px; z-index: 999; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 3px; -webkit-border-bottom-right-radius: 3px; -moz-border-radius-bottomleft: 3px; -moz-border-radius-bottomright: 3px; li.title h5 a { color: $primary_mint; } } .top-bar.expanded .toggle-topbar a { color: $white; } } /*--- Hamburger Mobile Icon ---*/ .top-bar .toggle-topbar.menu-icon a { color: $white; height: 34px; line-height: 33px; padding: 0 25px 0 0; position: relative; &:after { box-shadow: 0 10px 0 1px $white, 0 16px 0 1px $white, 0 22px 0 1px $white; content: ""; display: block; height: 0; position: absolute; right: 0; top: 0; width: 16px; } } /*-------------------------------------------------------------- 7.0 Home --------------------------------------------------------------*/ .home_widgets_section, .home_events_wrap, .home_image_gallery { margin-top: 70px; } .home_widgets_section, .home_widget_events, .home_latest_news, .home_image_gallery { h3 { margin-bottom: 50px; text-align: center; text-transform: uppercase; font-weight: 600; } } @media only screen and (max-width: 40em) { .home_text_widget_left { margin-bottom: 30px; } } /* Mobile */ @media only screen and (min-width: 40.063em) and (max-width: 64em) { .home_text_widget_left { margin-bottom: 30px; } } /* Tablet */ /*-------------------------------------------------------------- 7.1 Home Hero --------------------------------------------------------------*/ .hero_slider { background-color: $ghost; h5 { display: none; } .soliloquy-container { .soliloquy-caption { bottom: 11em; @media only screen and (min-width: 40.063em) and (max-width: 64em) { bottom: 2em; } /* Tablet */ .soliloquy-caption-inside { line-height: 2.1; padding: 30px 10px; @include center-block; } } } .soliloquy-theme-classic .soliloquy-pager { bottom: 110px !important; text-align: center !important; margin: 0 !important; @media only screen and (max-width: 40em) { bottom: 20px !important; } /* Mobile */ @media only screen and (min-width: 40.063em) and (max-width: 64em) { bottom: 40px !important; } /* Tablet */ } } /*-------------------------------------------------------------- 7.2 Home Content --------------------------------------------------------------*/ .main_content_wrap { position: relative; top: -100px; z-index: 100; @media only screen and (max-width: 40em) { top: 0px; } /* Mobile */ @media only screen and (min-width: 40.063em) and (max-width: 64em) { top: -10px; } /* Tablet */ } /* Home Top Widgets Area */ .home_top_bg, .home_top_wrap, .inner_sidebar #mc_signup, .footer_widget #mc_signup { background-color: $primary_blue; } .home_top_bg { border-top-left-radius: 10px; border-top-right-radius: 10px; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; @media only screen and (max-width: 40em) { border-top-left-radius: 0; border-top-right-radius: 0; -webkit-border-top-left-radius: 0; -webkit-border-top-right-radius: 0; -moz-border-radius-topleft: 0; -moz-border-radius-topright: 0; } /* Mobile */ @media only screen and (min-width: 40.063em) and (max-width: 64em) { border-top-left-radius: 0; border-top-right-radius: 0; -webkit-border-top-left-radius: 0; -webkit-border-top-right-radius: 0; -moz-border-radius-topleft: 0; -moz-border-radius-topright: 0; } /* Tablet */ .home_top_wrap { margin: 4rem 0 ; } } .home_widgets_top, .home_widgets_top h1, .home_widgets_top h2, .home_widgets_top h3, .home_widgets_top h4, .home_widgets_top h5, .home_widgets_top h6{ color: $white; text-align: center; } .home_widgets_top { @media only screen and (max-width: 40em) { margin-bottom: 50px; } /* Mobile */ a { color: $base; border-bottom: 1px dashed $jumbo; } .fa, .textwidget h3 { margin-bottom: 20px; } .icon_hover { i, h3 { color: $white; @include anchorhover(.15s); } h3 { font-size: 1.3rem; } &:hover i, &:hover h3, &:hover a { color: $primary_lime; } p { padding: 0 1.2rem; } &:hover p { color: $white; } } } .home_widget_left { margin-bottom: 30px; } /*-------------------------------------------------------------- 7.3 Home Events --------------------------------------------------------------*/ /*-------------------------------------------------------------- 7.4 Home News --------------------------------------------------------------*/ .home_latest_news { padding: 40px 0 0px 0; .home_post { margin-bottom: 30px; h4 { font-weight: 300; @media only screen and (max-width: 40em) { text-align: center; } /* Mobile */ @media only screen and (min-width: 40.063em) and (max-width: 64em) { text-align: center; } /* Tablet */ } hr { margin-top: 0; border-color: $iron; } } } /*-------------------------------------------------------------- 7.5 Home Gallery --------------------------------------------------------------*/ .home_image_gallery { margin-bottom: 3rem; li { list-style: none; } .home_gallery_button { margin: 30px 0 0 0; @media only screen and (max-width: 40em) { margin-bottom: 120px; } /* Mobile */ } } /*-------------------------------------------------------------- 8.0 Forms --------------------------------------------------------------*/ /*-------------------------------------------------------------- 9.0 Content --------------------------------------------------------------*/ .content-area { margin-top: 40px; } .single .content-area, .page .content-area, .blog .content-area { margin-top: 80px; } .content-area .inner_content { margin-bottom: 40px; } .inner_content hr { margin: 65px 0; } .page_title h2 { font-weight: 600; font-size: 36px; margin: 50px 0; } .sticky { padding: 40px; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.15); -moz-box-shadow: 0 1px 2px rgba(0,0,0,.15); box-shadow: 0 1px 2px rgba(0,0,0,.15); .entry-meta { display:none; } } .single .byline, .group-blog .byline { display: inline; } .page-content, .entry-content, .entry-summary { margin: 1.5em 0 0; } .page-links { clear: both; margin: 2em 0; font-size: 14px; font-weight: 100; text-transform: uppercase; } .page-links a:hover { background-color: $vapor; } /*-------------------------------------------------------------- 9.1 Posts --------------------------------------------------------------*/ .entry-content { li { line-height: 2.3; } h1, h2, h3, h4, h5, h6 { line-height: 1.7; } pre { background-color: #ebedf0; color: #999; padding: 2em 4em; line-height: 1.9em; } } article h2.entry-title { line-height: 3.5rem; } /* Featured Image */ .featured_image { margin-bottom: 30px; a.link_hover { background: #fff url("img/link_hover.png") 50% 50% no-repeat; } a.link_hover img { border: 15px solid $white; @include anchorhover(0.3s); @include subtle-box-shadow; @include backface-visibility; &:hover { opacity: 0.4; } } } .entry-meta .rescue_staff { background: #1fa67a; color: #FFFFFF; display: inline-block; font-size: 10px; font-weight: bold; height: 23px; line-height: 23px; margin-right: 10px; padding: 0 10px; } .format-standard .entry-meta .post_format { display: none; } /* Post Meta */ article { .entry-meta { .rescue_staff { background: $primary_green; color: $white; display: inline-block; font-size: 10px; font-weight: bold; height: 23px; line-height: 23px; margin-right: 10px; padding: 0 10px; } ul { list-style: none; margin: 20px 0 10px 0; font-size: 12px; color: $base; font-style: italic; font-weight: 100; } li { display: inline-block; margin-right: 20px; } a { color: $base; &:hover { color: $primary_green; } } } .entry-content { margin-top:25px; hr { margin: 40px 0; } } a.button { margin:40px 0 20px 0; display: inline-block; } } footer.entry_meta { .post_details, .share_title { color: $primary_blue; font-size: 13px; font-weight: 100; } .author_details, .category_details { float: left; margin-right: 2em; } .post_details a { color: $base; &:hover { color: $primary_green; } } .tags { margin-top: 2.5em; } hr { margin: 20px 0; } .share_title { float:left; margin-right: 15px; } } nav.posts-navigation, nav.post-navigation { line-height: 30px; margin-top:50px; .nav-previous { float:left; } .nav-next { text-align:right; float:right; } a { display: inline-flex; span.meta-nav { margin: 0 0.5em; } } h5, a { font-size: 14px; } h5 { color: $base; } } #ssba { float: right; a { float: left; display:block; } } /* Quote & Link Posts */ blockquote { margin-top: 20px; font-size: 16px; color: $oil; cite a:hover, cite a:focus { color: $primary_blue; } cite:before { color: #527394; } } .format-quote { h1 { display:none; } .entry-content { background-color: $primary-green; } blockquote { text-align: center; color: $white; border-left: none; margin: 0 0 1.25rem; padding: 3rem 1.25rem 2rem 1.1875rem; p { color: $white; font-size: 30px; } } } .format-link { @extend blockquote; border-left: none; h2 { display:none; } .entry-content { background-color: $primary-green; a { color: $white; font-size: 30px; font-weight: 600; &:hover, &:focus { color: $primary_blue; } } } p { text-align: center; color: $white; border-left: none; margin: 0 0 1.25rem; padding: 3rem 1.25rem 2rem 1.1875rem; } } /* Chat Posts */ .format-chat { .entry-content { p { padding: 15px 40px; margin-bottom: 0.4rem; &:p:nth-child(odd) { background: $vapor; } } } } /*-------------------------------------------------------------- 9.2 Blog Page --------------------------------------------------------------*/ /* Pagination */ .inner_content { ul.pagination { margin-bottom: 60px; li { a { border-radius: 0px; font-weight: 100; } &:hover a, &:focus { background-color: $white-smoke; } &.current a { font-weight: 100; } &.arrow a { background-color: $primary_green; color: $white; } span.current { background: $primary_green; color: $white; padding: 0.0625rem 0.625rem; } } } } /*-------------------------------------------------------------- 9.3 404 Page --------------------------------------------------------------*/ .error404 { h1.page-title { margin: 1em 0; text-align: center; } .taxonomy-description { text-align: center; } .page-header hr { margin: 2.5em 0; } h2 { font-size: 16px; font-weight: bold; } .widget_recent_entries a { float: none; padding: 0 0 0 0; width: 100%; } .widget_recent_entries li { min-height: 1rem; } .search-form input[type="submit"] { width: 98%; color: $white; font-size: 12px; border: none; padding: 0.5em 0; margin-bottom: 4em; @include border-radius(4px); } .search-form label input { width: 98%; } } /*-------------------------------------------------------------- 9.4 Events Page --------------------------------------------------------------*/ /*----------------------------------*/ /* Events Calendar Pages /*----------------------------------*/ #tribe-events-bar { margin-bottom: 50px; } #tribe-bar-form { background: #ffffff; border: 1px solid #e6e6e6; padding: 10px 5px; } @media only screen and (max-width: 40em) { #tribe-bar-form.tribe-bar-collapse .tribe-bar-views-inner { display: none; } } /* Mobile */ @media only screen and (min-width: 40.063em) and (max-width: 64em) { #tribe-bar-form .tribe-bar-views-inner label { display: none; } } /* Tablet */ #tribe-events { .vcard { border: none; } .vevent abbr { font-weight: normal; } } #tribe-events-content { .tribe-events-event-meta dd span.adr { line-height: 1.8; } .tribe-events-abbr { color: #C4690E; } } .single-tribe_events { #tribe-events-content { .tribe-events-event-meta dd { line-height: 1; margin: 1.3rem 0; } .tribe-events-event-meta dt { margin-right: 10px; } } .tribe-events-schedule { @media only screen and (max-width: 40em) { text-align: center; } /* Mobile */ .recurringinfo { display: block; font-size: 18px; } } .tribe-events-schedule .tribe-events-cost { @include border-radius(3px); color: #ffffff; background: $primary_green; display: block; font-size: 16px; font-weight: 300; margin-bottom: 1em; margin-right: 20px; padding: 3px 20px; text-align: center; width: 15%; @media only screen and (max-width: 40em) { width: 100%; } /* Mobile */ } .tribe-events-schedule .tribe-events-divider { display: none; } #tribe-events-content .tribe-events-event-meta dt { float:left; } h2.tribe-events-single-event-title { font-weight: 500; } } #tribe-bar-views { .tribe-bar-views-list { .tribe-bar-views-option a { background: #efefef; } .tribe-bar-views-option.tribe-bar-active a:hover { background: #efefef; } } li.tribe-bar-views-option { display: inline-block; float:left; } ul.tribe-bar-views-list { position: inherit; } .tribe-bar-views-list .tribe-bar-views-option span { font-size: .975rem; } .tribe-bar-views-list .tribe-bar-views-option span.tribe-icon-upcoming, .tribe-bar-views-list .tribe-bar-views-option span.tribe-icon-month { background-image: none; background-size: 0 0; } .tribe-bar-views-list .tribe-bar-views-option span.tribe-icon-upcoming:before, .tribe-bar-views-list .tribe-bar-views-option span.tribe-icon-month:before { font-family: FontAwesome; color: #3C5166; padding-right: 5px; } .tribe-bar-views-list .tribe-bar-views-option span.tribe-icon-upcoming:before { content: "\f0ca"; } .tribe-bar-views-list .tribe-bar-views-option span.tribe-icon-month:before { content: "\f073"; } .tribe-bar-views-list .tribe-bar-views-option span.tribe-icon-upcoming:hover, .tribe-bar-views-list .tribe-bar-views-option span.tribe-icon-month:hover { color: #1FA67A; } .tribe-bar-views-list { margin-left: 0; .tribe-bar-views-option a { padding: 6px 6px; } } } .tribe-bar-views-inner { padding: 1rem 0; .tribe-bar-views-inner .large-1 { width: 9%; padding-right: 0em; padding-left: 0em; } .tribe-bar-views-inner .large-11 { width: 91%; padding-left: 0em; } } #tribe-bar-form { .tribe-bar-submit input[type="submit"] { background: #3C5166; color: #FFFFFF; font-size: 14px; font-weight: 300; border-radius: 3px; transition: background-color 300ms ease-out 0s; } .tribe-bar-submit input[type="submit"]:hover { background:#213344; } input[type="text"] { border-style: solid; font-weight: normal; font-size: 13px; font-style: italic; text-transform: lowercase; margin-top: 10px; } #tribe-bar-views { left: 0; width: 96.5%; margin-left: 1rem; padding: 0 0; border-bottom: 1px solid #e6e6e6; } #tribe-bar-views + .tribe-bar-filters { right: 0; width: 100%; } .tribe-bar-views-inner label { float: left; } .tribe-bar-views-inner label { padding: 0 0; position: relative; top: .38rem; font-size: .9rem; } .tribe-bar-filters-inner { margin-top: .5rem; } } .tribe-events-list-separator-month { font-weight: 300; } .events-list { .tribe-events-event-image { width: 100%; } #tribe-events-footer { border-top: none; padding-top: 0; } .tribe-events-event-cost span { background-color: #1fa67a; border: none; color: #ffffff; font-weight: 400; border-radius: 3px; padding: 10px 20px; } } .events-list .tribe-events-loop, .tribe-events-day .tribe-events-loop, .single-tribe_venue .tribe-events-loop, .single-tribe_organizer .tribe-events-loop { max-width: 100%; } .tribe-events-loop hr { margin: 65px 0 10px 0; border-color: #E6E6E6; } .tribe-events-loop .tribe-events-event-meta, .single-tribe_events .tribe-events-event-meta { margin-top: 1.5em; } .tribe-events-list .tribe-events-venue-details { font-style: normal; margin: 0; line-height: 2.1; span.org { font-weight: normal; } a.tribe-events-gmap { display: block; } } .tribe-events-event-meta { .time-details { line-height: 2; } .date-start, .date-end, .end-time { font-size: 16px; } .event-is-recurring { font-size: 14px; padding-top: 0.2em; } address.tribe-events-address { font-style: normal; } } .tribe-events-read-more { margin: 30px 0; } a.tribe-events-read-more { background-color: #1fa67a; border: medium none; color: $white; cursor: pointer; display: inline-block; font-size: 11px; font-weight: normal !important; line-height: normal; margin: 30px 0 0 0; padding: 0.325rem 1.25rem 0.3875rem; position: relative; text-align: center; text-decoration: none; border-radius: 3px; float: left; clear: both; transition: background-color 300ms ease-out 0s; &:hover { background: $primary_green; } } .tribe-events-list-separator-month { text-align: left; margin-left: 0; padding-left: 0; } .tribe-events-list-separator-month span { padding: 0 3rem 0 0; font-size: 1.3rem; } #tribe-bar-form #tribe-bar-views + .tribe-bar-filters, .tribe-bar-views-inner, #tribe-bar-views .tribe-bar-views-list .tribe-bar-views-option a { background: #ffffff!important; } .tribe-bar-filters-inner input[type="text"] { border: 1px solid #BDBFC0!important; border-radius: 3px!important; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1)!important; color: #666666!important; cursor: pointer!important; float: none!important; font-size: 14px!important; padding: 7px 9px!important; } .tribe-bar-filters-inner label { font-size: 0.9rem!important; } .tribe-bar-date-filter { width: 35%; } #tribe-bar-form #tribe-bar-views + .tribe-bar-filters, .tribe-bar-views-inner { color: #666666; } .tribe-bar-submit { width: 30%; margin-left: 0%; margin-top: 1.4rem; } h2.tribe-events-page-title { text-align: left; } .tribe-events-list .vevent.hentry h2 { font-weight: 500; } .tribe-events-list .tribe-events-event-image img, .tribe-events-single .tribe-events-event-image img, .tribe-events-tooltip .tribe-events-event-thumb img { border-radius: 50%; transition: opacity 300ms ease-out 0s; border: 15px solid #FFFFFF; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); } .tribe-events-list .tribe-events-event-image img:hover, .tribe-events-single .tribe-events-event-image img:hover { opacity: .7; } .tribe-events-loop .vcard { padding: 0 0; } .single-tribe_events .tribe-events-event-meta { background: #ffffff; } .tribe-events-single .row { margin-bottom: 50px; } #tribe-events-content .tribe-events-abbr { color: #34495E; } .tribe-events-single .tribe-events-single-section-title { font-size: 1.2rem; font-weight: 600; } .single-tribe_events .tribe-events-venue-map { border: 1px solid #efefef; background: #ffffff; } .tribe-events-single p.tribe-events-back { margin-bottom: 60px; } .single-tribe_events #tribe-events-content .tribe-events-event-meta dt { font-weight: 500; } .tribe-events-calendar thead th { background-color: #3C5166; } /* Events Calendar Pro */ .tribe-events-user-recurrence-toggle { float: left; margin-top: 2em; } .tribe-events-notices { clear:both; } .tribe-events-user-recurrence-toggle input { margin-right: .5em; } .tribe-events-user-recurrence-toggle label { color: #aaa; } .vevent.tribe-events-photo-event .tribe-events-photo-event-wrap { background: #ffffff; } .tribe-events-photo-event .tribe-events-event-image { margin-bottom: 2em; } .tribe-events-photo .tribe-events-loop .vevent.hentry .tribe-events-event-meta { margin-top: 2em; } .tribe-events-list .tribe-events-loop .tribe-events-content { font-family: $font-family-sans-serif; font-size: 1rem; line-height: 28px; color: #656565; border-bottom: 1px solid #e2e2e2; padding-bottom: 2em; } .tribe-events-single ul.tribe-related-events li .tribe-related-event-info { text-align: center; } .tribe-bar-disabled #tribe-bar-form #tribe-bar-views { margin-left: 0; width: 100%; left: 0; } .tribe-bar-disabled #tribe-bar-form #tribe-bar-views + .tribe-bar-filters { right: 0; width: 100%; } .tribe-bar-disabled #tribe-bar-form .tribe-bar-filters input[type="text"] { width: 300px; } /* v2.4 */ .tribe-events-list .tribe-events-event-image { width: 100%; } .tribe-events-list .type-tribe_events h2 { display: block; } .tribe-events-organizer .tribe-events-organizer-meta { max-width: 100%; } /*-------------------------------------------------------------- 9.5 Full Width --------------------------------------------------------------*/ .page-template-template-full-php header h2 { text-align: center; } /*-------------------------------------------------------------- 9.6 Contact Page --------------------------------------------------------------*/ .wpcf7 input[type="submit"] { background-color: $primary_green; border: medium none; border-radius: 4px; color: $white; cursor: pointer; display: inline-block; font-size: 13px; font-weight: normal !important; line-height: normal; margin: 0 0 1.25rem; padding: 0.625rem 1.25rem 0.6875rem; position: relative; text-align: center; text-decoration: none; @include anchorhover(0.2s); &:hover { opacity: 0.8; } } /*-------------------------------------------------------------- 9.7 Gallery --------------------------------------------------------------*/ a.image_hover { background: #fff url("img/image_hover.png") 50% 50% no-repeat; img { border: 15px solid $white; @include anchorhover(0.3s); @include subtle-box-shadow; @include backface-visibility; } > img:hover { opacity: 0.4; } } .rescue_portfolio { margin-top: 50px; a.image_hover img { border: 15px solid $white !important; } } .fancybox-opened .fancybox-skin { @include subtle-box-shadow; } .fancybox-title-float-wrap .child, .fancybox-title { background: none; text-shadow: none; font-weight: 300; font-size: 16px; letter-spacing: 1px; text-align: center; } /*-------------------------------------------------------------- 9.8 Search --------------------------------------------------------------*/ .search { h1.page-title { margin: 1em 0 2em; span { font-style: italic; } .no-results h1.page-title { font-size: 18px; font-weight: bold; } } .post_format { display: none; } } /* Submission Widgets */ .widget { span.screen-reader-text { font-weight: bold; font-size: 16px; } label input { margin: 20px 0 30px; } input[type="submit"] { background-color: $primary_green; border: medium none; border-radius: 4px; color: $white; cursor: pointer; display: inline-block; font-family: $font-family-sans-serif; font-size: 13px; font-weight: normal !important; line-height: normal; margin: 0 0 1.25rem; padding: 0.625rem 1.25rem 0.6875rem; position: relative; text-align: center; text-decoration: none; transition: background-color 300ms ease-out 0s; &:hover { background: $button-bg-hover; } } } /*-------------------------------------------------------------- 9.9 Donation Page --------------------------------------------------------------*/ #dgx-donate-container { margin: 0 0 ; background-color: $primary_blue; padding-bottom: 5px; } #dgx-donate-form { h2 { font-size: 1.8rem; } select, input[type="text"], #dgx-donate-form select { height: 2.6rem; border: 1px solid #BDBFC0; border-radius: 3px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); color: $steel; cursor: pointer; float: none; padding: 7px 9px; } .dgx-donate-form-section .aftertext { margin-left: 0; } #dgx-donate-tribute, #dgx-donate-employer { margin: 0 0 0 1em; } #dgx-donate-other-radio, #dgx-donate-repeating { margin: 0 1em 0 0; } #dgx-donate-other-input { width: 25%; margin-top: 1rem; } input.dgx_donate_zip_input, input[name="_dgx_donate_donor_city"] { width: 25%; } input.dgx-donate-pay-enabled { height: 0; width: 0; margin-top:10px; padding: 28px 125px!important; background: url("img/paypal_button.png") no-repeat $white; box-shadow: 0 0 1px rgba(0, 0, 0, 0); @media only screen and (max-width: 40em) { input.dgx-donate-pay-enabled { background: url("img/paypal_button_sm.png") no-repeat $white; padding: 28px 100px !important; } } /* Mobile */ } img.dgx-donate-pay-disabled { height: 0; width: 0; padding: 28px 125px!important; background: $white url("img/paypal_button.png") no-repeat; } } /*-------------------------------------------------------------- 10.0 Comments --------------------------------------------------------------*/ #comments { margin-top: 60px; h2.comments-title { font-size: 24px; color: $primary_blue; font-weight: 600; } ol { margin: 60px 0 0 0; li { list-style-type: none; padding: 0; margin-bottom: 60px; margin: 0 0 4em 0; } } .children { margin: 4em 0 0 0; padding: 0 0 0 6em; li:last-child { margin: 0; } } .left { width: 70px; float:left; } p { margin: 0; } .right-comments { padding: 0 0 0 20px; overflow: hidden; min-height: 62px; } .comment_content { border-left: 1px solid $smoke; padding-left: 10px; a { word-wrap: break-word; } } .bypostauthor .right-comments { border-left-color: $iron; } .comment-text { font-size: 12px; } .comment-reply-link { color: $primary_blue; font-size: 10px; padding: 0 0 0 5px; } .rescue_staff { background: $primary_green; color: $white; display: inline-block; font-size: 10px; font-weight: bold; height: 23px; line-height: 23px; margin-right: 10px; padding: 0 10px; text-transform: uppercase; } cite { font-size: 14px; padding: 0 5px 0 0; font-style: normal; color: $primary_blue; font-weight: 600; } .commentmetadata { font-style:italic; color: $steel; font-size: 12px; } .right-comments p { padding: 0 0 10px 0; } &:last-child { padding: 0 0 0 0; } .navigation { padding: 0 0 20px 0; } .avatar { margin-left: 0px; } } .comment-respond { margin-top: 60px; h3 { color: $primary_blue; font-size: 20px; font-weight: 600; } input[type="text"], input[type="password"], input[type="email"] { width: 100%; } textarea { float: left; width: 100%; min-height: 100px; margin: 30px 0; } #submit { margin: 0; } #commentform { label, span.required { color: $oil; font-weight: bold; } input, textarea { background: $white; border: 1px solid $iron; color: $steel; font-family: $font-family-sans-serif; font-size: 14px; padding: 4px 7px; border-radius: 0px 0px 0px 0px; width: 100%; } input { float: left; margin: 0 0 0.7em 0; } p { margin-bottom: 27px; } span.required { color: $jumbo; } label { color: $jumbo; font-weight: bold; width: 100px; padding-bottom: 0.75em; } .comment-form-comment label { display:none; } p.form-submit { margin-bottom: 60px; } #submit { border: 1px solid $base; border-radius: 3px 3px 3px 3px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); color: $steel; cursor: pointer; float: none; font-size: 14px; margin: 0; padding: 7px 9px; &:hover { color: $oil; border: 1px solid $aluminum; } &:active { margin-top: 1px; } } .form-allowed-tags { display: none; } } } /*-------------------------------------------------------------- 11.0 Widgets --------------------------------------------------------------*/ .inner_sidebar { margin-bottom: 30px; color: #b2b2b2; font-size: 16px; font-weight: 100; line-height: 28px; .widget-title { text-align: left; color: $primary_blue; } .widget { margin-bottom: 2e; p { @extend .inner_sidebar; } } } .widget_recent_entries { ul { margin-left: 0; li { min-height: 4em; list-style: none; clear: both; } } a { width: 60%; display:inline-block; } span { float: left; vertical-align: top; width: 6em; font-size: 13px; font-weight: 300; text-align: center; background: $primary_green; padding: 0.6em; color: $white; line-height: 1.3em; margin-right: 1em; @include border-radius(4px); } } /*-------------------------------------------------------------- 11.1 Mailchimp Widget --------------------------------------------------------------*/ .widget_mailchimpsf_widget { .mc_form_inside { margin-top: 50px; } .mc_interests_header, .mc_interest, .mc_email_format, .mc_email_options { float: left; clear: both; } .mc_merge_var, #mc-indicates-required { display: inline-block !important; float: left; margin: 0 15px 20px 0; width: 25% !important; font-weight: 100; font-size: 14px; @media only screen and (max-width: 40em) { width: 100%; clear:both; } /* Mobile */ } #mc-indicates-required { clear: both; } #mc_subheader { color: $iron; font-size: 14px; text-align: center; font-weight: 300; } #mc_signup_form .mc_input { border: 1px solid $white; @include border-radius(4px); color: $iron; font-size: 12px; @media only screen and (max-width: 40em) { width: 100%; clear:both; } /* Mobile */ @media only screen and (min-width: 40.063em) and (max-width: 64em) { width: 100%; clear:both; } /* Tablet */ } #mc_signup_form .mc_input:focus, #mc-indicates-required { color: $steel; } #mc-indicates-required { color: $white; } .mc_error_msg, .mc_success_msg { font-weight: 100; } #mc_message { margin-bottom: 30px; } @media only screen and (max-width: 40em) { #mc_signup_submit { width: 100%!important; clear:both; } } /* Mobile */ @media only screen and (min-width: 40.063em) and (max-width: 64em) { #mc_signup_submit { width: 100%!important; clear:both; } } /* Tablet */ } /* Mailchimp Widget Sidebar */ .inner_sidebar { .widget_mailchimpsf_widget { #mc_signup { padding: 30px 0; background-color: $primary_blue; } .mc_header, .mc_radio_label, .mc_help, .mc_interests_header, .mc_interest_label, .mc_email_format, .mc_email_type { color: $white; font-weight: 100; } .mc_signup_submit input.button { font-size: 13px; padding: 0.625rem 1.25rem 0.6875rem; @include border-radius(4px); } .mc_merge_var, #mc-indicates-required { margin-left: 12.5%; width: 75% !important; } .signup_form input, .mc_interests_header, .mc_interest, .mc_email_format, .mc_email_options { margin-left: 12.5%; } #mc_subheader { text-align: center; color: $iron; font-size: 14px; font-weight: 300; padding: 0 40px; } h5 { font-size: 24px; font-weight: 600; margin-bottom: 30px; text-align: center; text-transform: uppercase; } .mc_error_msg { float: left; padding: 0 2em; } } } /* Mailchimp Widget Footer */ .footer_widget { .widget_mailchimpsf_widget { #mc_signup { padding: 30px 0; } #mc_subheader, .mc_header, .mc_radio_label, .mc_help, .mc_interests_header, .mc_interest_label, .mc_email_format, .mc_email_type { color: $white; font-weight: 100; } .mc_signup_submit input.button { font-size: 13px; padding: 0.625rem 1.25rem 0.6875rem; @include border-radius(4px); } .mc_merge_var, #mc-indicates-required { margin-left: 12.5%; width: 75% !important; } .signup_form input, .mc_interests_header, .mc_interest, .mc_email_format, .mc_email_options { margin-left: 12.5%; } #mc_subheader { text-align: center; color: $iron; font-size: 14px; font-weight: 300; padding: 0 40px; } h5 { font-size: 24px; font-weight: 600; margin-bottom: 30px; text-align: center; text-transform: uppercase; } } } /* MailChimp for WordPress */ .inner_sidebar .mc4wp-form { background-color: #34495e; padding: 30px; label { color: white; } input[type="submit"] { width: 100%; } } /*-------------------------------------------------------------- 11.3 Footer Widgets --------------------------------------------------------------*/ .footer_widget { a { line-height: inherit; text-decoration: none; color: $base; @include anchorhover(0.2s); &:hover, &:focus { color: $primary_green; } &.button { color: $white; } } input, select, textarea { background: #252A2E; border: 2px solid #2E2E2E; padding: 11px; width: 100%; color: $silver; } input[type="email"]:focus, input[type="text"]:focus { background: #252A2E; color: $silver; } .alignleft { margin: 0 1em 0 0; } a.custom { border-bottom: 1px dashed #5E7286; color: #BCBCBC; @include anchorhover(0.2s); &:hover, &:focus { color: $primary_green; } } } .footer_widget .widget_recent_comments a { color: $white; @include anchorhover(0.2s); } .footer_widget input.wpcf7-submit { width: 100%; margin-top: 1.5rem; } .footer_widget form.wpcf7-form p { margin-bottom: .5rem; font-size: 13px!important; color: #838383!important; } .footer_widget form.wpcf7-form textarea { height: 10em; } /*-------------------------------------------------------------- 12.0 Footer --------------------------------------------------------------*/ .home footer#site_footer { position: relative; margin-top: 0; } footer#site_footer { padding-top: 100px; min-height: 300px; background-color: $primary_dark; h5 { margin-bottom: 30px; color: $smoke; text-transform: uppercase; font-size: 16px; } p, .widget { color: $base; font-size: 16px; font-weight: 100; line-height: 28px; } .footer_widget_wrap { margin-bottom: 60px; aside { margin-bottom: 3em; } } .footer_widget { @media only screen and (max-width: 40em) { text-align: center; } } } .footer_social { min-height: 110px; background-color: #252a2e; ul { margin-top: 40px; list-style: none; text-align: center; li { display: inline-block; margin: 0 8px; } } a { color: $base; &:hover { color: $white; } } } .footer_copyright { min-height: 40px; .copyright { margin-top: 20px; a { color: $base; &:hover { color: $primary_green; } } span { color: $steel; text-transform: uppercase; font-size: 12px; @media only screen and (max-width: 40em) { margin: 0 auto; display: table; margin-top: 20px; font-size: 10px; } /* Mobile */ @media only screen and (min-width: 40.063em) and (max-width: 64em) { margin: 0 auto; display: table; margin-top: 20px; } /* Tablet */ } } } .footer_menu { a { color: $steel; text-transform: uppercase; font-size: 12px; &:hover { color: $white; } } ul { float: right; margin-top: 15px; list-style: none; margin-left: 0; @media only screen and (max-width: 40em) { margin: 0 auto; display: table; float: none; margin-top:20px; margin-bottom: 20px; } /* Mobile */ li { display: inline-block; margin-left: 15px; list-style: none; } @media only screen and (min-width: 40.063em) and (max-width: 64em) { margin: 0 auto; display: table; float: none; margin-top:20px; margin-bottom: 20px; } /* Tablet */ } } /*-------------------------------------------------------------- 13.0 Inifinte Scroll --------------------------------------------------------------*/ @import "modules/infinite-scroll"; /*-------------------------------------------------------------- 16.0 Clearings --------------------------------------------------------------*/ .clear:before, .clear:after, blockquote:before, blockquote:after, .entry-content:before, .entry-content:after, .entry-summary:before, .entry-summary:after, .comment-content:before, .comment-content:after, .site-content:before, .site-content:after, .site-main > article:before, .site-main > article:after, .primary-menu:before, .primary-menu:after, .social-links-menu:before, .social-links-menu:after, .textwidget:before, .textwidget:after, .content-bottom-widgets:before, .content-bottom-widgets:after { content: ""; display: table; } .clear:after, blockquote:after, .entry-content:after, .entry-summary:after, .comment-content:after, .site-content:after, .site-main > article:after, .primary-menu:after, .social-links-menu:after, .textwidget:after, .content-bottom-widgets:after { clear: both; } /*-------------------------------------------------------------- 17.0 Gutenberg --------------------------------------------------------------*/ .wp-block-pullquote { padding:1em; border-top: none; border-bottom: none; } .wp-block-image figure { margin-top: 0; } .wp-block-separator.is-style-dots:before { color: #DDDDDD; } .wp-block-table td, .wp-block-table th { border: none; } .wp-block-button__link {background-color: #7faf3f;color: #fff; font-size: 14px;margin: 0;line-height: 1;padding: .818em 1.2em;font-weight: 400;border-radius: 4px;left: auto;border: 0;display: inline-block;background-image: none;box-shadow: none;text-shadow: none;font-family:"Open Sans", Verdana, Helvetica, sans-serif;} .wp-block-button__link:hover {background-color: #198562;color: #fff;} .wp-block-button.aligncenter { padding-bottom: 1.5em; } .wp-block-button.alignleft, .wp-block-button.alignright { margin-top: 1.5em; } .pre.wp-block-preformatted, pre.wp-block-verse , .wp-block-quote.is-style-large, .wp-block-quote.is-large { padding: 1.5em; } ul.wp-block-gallery { margin-left: 0; } hr.wp-block-separator { border-bottom: 1px solid #DDDDDD; border-width: 1px 0 0; clear: both; height: 0; } .wp-block-pullquote { border-bottom: none; border-top: none; } .entry-content .alignfull { margin-left : calc( -100vw / 2 + 100% / 2 ); margin-right : calc( -100vw / 2 + 100% / 2 ); max-width : 100vw; }