@charset "UTF-8"; /* Theme Name: Maranatha Theme URI: https://churchthemes.com/themes/maranatha Author: ChurchThemes.com Author URI: https://churchthemes.com Description: A church WordPress theme with long homepage and sticky menu. Copyright: (c) 2015 - 2023 ChurchThemes.com, LLC License: GNU General Public License v2.0 License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: one-column, custom-colors, custom-menu, custom-header, editor-style, featured-image-header, featured-images, full-width-template, threaded-comments, translation-ready Text Domain: maranatha Version: 2.6.1 */ /********************************************** * NOTES **********************************************/ /* STYLE CUSTOMIZATION If you want to edit styles, it is best to use a child theme. Theme updates replace original stylesheets so keeping your customizations separate makes updates easier. See this guide for more information: https://churchthemes.com/guides/developer/child-theming/ Sass is used to generate style.css (see the /sass directory). You can use Sass but do not have to. The .scss files are commented more heavily than this resulting style.css file. PREFIXES To prevent conflicts with plugins, everything is prefixed with maranatha- (this theme), ctcom- (all churchthemes.com themes) or ctfw- (framework). Those with wp- or no prefix are from WordPress. Other prefixes are from third party code. */ /********************************************** * TABLE OF CONTENTS **********************************************/ /* 1. Normalize 2. Base Elements 3. Custom Styles 4. WordPress Styles 5. Backgrounds 6. Layout 7. Header 8. Footer 9. Widgets 10. Homepage 11. Entry Styles 12. Sermons 13. Events 14. People 15. Attachments 16. Galleries 17. Comments 18. Plugins 19. Editor Styles 20. Media Queries */ /* pickles */ /********************************************** * 1. NORMALIZE **********************************************/ /*! normalize.css v3.0.2 | MIT License | git.io/normalize */ img, legend { border: 0; } legend, td, th { padding: 0; } html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body { margin: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } a { background-color: transparent; } a:active, a:hover { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, optgroup, strong { font-weight: 700; } dfn { font-style: italic; } h1, #maranatha-comments-title, .maranatha-h1, .maranatha-home-section-content h2, .maranatha-home-section-content .maranatha-h2, .maranatha-home-section-content #reply-title { font-size: 2em; margin: 0.67em 0; } mark { background: #ff0; color: #000; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } svg:not(:root) { overflow: hidden; } figure { margin: 1em 40px; } hr { box-sizing: content-box; height: 0; } pre, textarea { overflow: auto; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type=button], input[type=reset], input[type=submit] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input { line-height: normal; } input[type=checkbox], input[type=radio] { box-sizing: border-box; padding: 0; } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { height: auto; } input[type=search] { -webkit-appearance: textfield; box-sizing: content-box; } input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration { -webkit-appearance: none; } fieldset { border: 1px solid silver; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } table { border-collapse: collapse; border-spacing: 0; } /********************************************** * 2. BASE ELEMENTS **********************************************/ /*--------------------------------------------- * Box Model *--------------------------------------------*/ html { box-sizing: border-box; } *, *:before, *:after { box-sizing: inherit; } /*--------------------------------------------- * Text *--------------------------------------------*/ html { font-size: 100%; line-height: 1.5; color: #444; } html, html a { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004); } a { text-decoration: none; font-weight: normal; } h1, #maranatha-comments-title, .maranatha-h1, .maranatha-home-section-content h2, h2, .maranatha-h2, #reply-title, h3, .maranatha-nav-block-title, h4, h5, h6 { font-weight: 300; line-height: 1.2; color: #000; } h1 a, #maranatha-comments-title a, .maranatha-h1 a, .maranatha-home-section-content h2 a, h2 a, .maranatha-h2 a, #reply-title a, h3 a, .maranatha-nav-block-title a, h4 a, h5 a, h6 a { font-weight: 300; } h1, #maranatha-comments-title, .maranatha-h1, .maranatha-home-section-content h2, .maranatha-home-section-content .maranatha-h2, .maranatha-home-section-content #reply-title { font-size: 3.6em; font-weight: 200; } h1 a, #maranatha-comments-title a, .maranatha-h1 a, .maranatha-home-section-content h2 a, .maranatha-home-section-content .maranatha-h2 a, .maranatha-home-section-content #reply-title a { font-weight: 200; } #maranatha-content h1, #maranatha-content #maranatha-comments-title, #maranatha-content .maranatha-h1, #maranatha-content .maranatha-home-section-content h2, .maranatha-home-section-content #maranatha-content h2, #maranatha-content .maranatha-home-section-content .maranatha-h2, #maranatha-content .maranatha-home-section-content #reply-title, .maranatha-home-section-content #maranatha-content .maranatha-h2, .maranatha-home-section-content #maranatha-content #reply-title, .mce-content-body h1, .mce-content-body #maranatha-comments-title, .mce-content-body .maranatha-h1, .mce-content-body .maranatha-home-section-content h2, .maranatha-home-section-content .mce-content-body h2, .mce-content-body .maranatha-home-section-content .maranatha-h2, .mce-content-body .maranatha-home-section-content #reply-title, .maranatha-home-section-content .mce-content-body .maranatha-h2, .maranatha-home-section-content .mce-content-body #reply-title { font-size: 2.8em; } h2, .maranatha-h2, #reply-title { font-size: 1.9em; font-weight: 200; } h2 a, .maranatha-h2 a, #reply-title a { font-weight: 200; } h3, .maranatha-nav-block-title, .maranatha-h3, .maranatha-loop-two-columns .maranatha-entry-short h2, .maranatha-loop-two-columns .maranatha-entry-short .maranatha-h2, .maranatha-loop-two-columns .maranatha-entry-short #reply-title, #maranatha-footer-widgets aside h2, #maranatha-footer-widgets aside .maranatha-h2, #maranatha-footer-widgets aside #reply-title { font-size: 1.6em; } h4, .maranatha-h4, #maranatha-sermon-dates-list a, .maranatha-sermon-index-list > li > a, .maranatha-loop-three-columns .maranatha-entry-short h2, .maranatha-loop-three-columns .maranatha-entry-short .maranatha-h2, .maranatha-loop-three-columns .maranatha-entry-short #reply-title, .widget_calendar #wp-calendar caption { font-size: 1.4em; } h5, .maranatha-h5, #maranatha-sermon-series-list a, .maranatha-caption-image-title { font-size: 1.2em; } h6, .maranatha-h6 { font-size: 1em; } b, strong { font-weight: 600; } ::-moz-selection { background-color: #e5e5e5; color: #000; } ::selection { background-color: #e5e5e5; color: #000; } /*--------------------------------------------- * Blocks *--------------------------------------------*/ ul, ol, dl { padding: 0; } ul, ol { margin-left: 3.125em; } ul ul, ol ol, ul ol, ol ul { margin-top: 0; margin-bottom: 0; } dl { margin-left: 1.875em; } dt { font-size: 0.9em; font-style: normal; font-weight: normal; text-transform: uppercase; } dd { margin-bottom: 1.25em; margin-left: 0; } blockquote { display: block; position: relative; margin-left: 0; margin-right: 0; padding: 0 0 0 2.5em !important; font-size: 1.4em; font-style: italic; font-weight: 300; line-height: 1.5; } blockquote.is-style-default cite, blockquote.is-large cite { text-align: left !important; } blockquote.is-style-large, blockquote.is-style-large p { font-size: 1.4em !important; } blockquote.is-style-large p { line-height: 1.3 !important; } blockquote.is-style-large cite { text-align: left !important; } blockquote[style*=center].is-style-large cite { text-align: center !important; } blockquote p { margin-top: 0; margin-bottom: 0.6875em; } blockquote p:last-child { margin-bottom: 0; } blockquote:before { position: absolute; top: -0.32em; left: 0; display: block; content: "\201C"; font-size: 4em; font-style: normal; font-weight: 600; color: #555; } .maranatha-body-font-droid-serif blockquote:before, .maranatha-body-font-noto-serif blockquote:before, .maranatha-body-font-source-sans-pro blockquote:before, .maranatha-body-font-tinos blockquote:before { font-size: 3.5em; } blockquote cite { display: block; margin-top: 1.6875em !important; font-size: 0.6em !important; font-weight: normal; font-style: normal; text-transform: uppercase; color: #000 !important; } blockquote cite:before { content: "\2014\2009"; font-weight: 300; } .wp-block-pullquote { border: 0; padding: 0; border-radius: 0.3125em; background-color: #f7f7f7 !important; } .wp-block-pullquote.alignleft, .wp-block-pullquote.alignright { margin-top: 0.7em; margin-bottom: 0.7em; } .wp-block-pullquote.alignleft blockquote, .wp-block-pullquote.alignright blockquote { padding: 1.75em !important; } .wp-block-pullquote blockquote { padding: 1.75em 2.25em !important; margin: 0; } .wp-block-pullquote blockquote p { font-size: 0.775em; } .wp-block-pullquote blockquote:before { content: ""; } .wp-block-pullquote blockquote.has-text-color { color: #000 !important; } .wp-block-pullquote.is-style-solid-color blockquote { max-width: 100%; text-align: center; } .wp-block-pullquote.is-style-solid-color blockquote p { font-size: 0.775em; line-height: 1.5; margin-bottom: 1em; } .wp-block-pullquote.is-style-solid-color blockquote p:last-child { margin-bottom: 0; } .wp-block-pullquote.is-style-solid-color blockquote cite { text-transform: uppercase; } .wp-block-pullquote.is-style-solid-color blockquote a { text-decoration: none !important; color: inherit !important; } q { font-style: italic; } .maranatha-entry-content table, .maranatha-compact-content table, .maranatha-comment table, .widget_text .textwidget table, .mce-content-body table { width: 100%; border: none; } .maranatha-entry-content caption, .maranatha-compact-content caption, .maranatha-comment caption, .widget_text .textwidget caption, .mce-content-body caption { margin-bottom: 1.25em; font-style: italic; text-align: left; } .maranatha-entry-content th, .maranatha-compact-content th, .maranatha-comment th, .widget_text .textwidget th, .mce-content-body th { padding: 0.3125em 1.5625em 0.3125em 0; text-align: left; font-size: 0.9em; font-style: normal; font-weight: normal; text-transform: uppercase; } .maranatha-entry-content td, .maranatha-compact-content td, .maranatha-comment td, .widget_text .textwidget td, .mce-content-body td { padding: 0.3125em 1.5625em 0.3125em 0; font-size: 0.9em; } .maranatha-entry-content td, .maranatha-compact-content td, .maranatha-comment td, .widget_text .textwidget td { border: none; } hr { padding: 0; height: 0; border-style: solid; border-width: 1px 0 0 0; border-color: #e5e5e5; line-height: 0; font-size: 0; } code, pre { font-family: Menlo, Consolas, monaco, monospace; font-size: 0.75em; white-space: pre-wrap; } /*--------------------------------------------- * Images *--------------------------------------------*/ img { vertical-align: bottom; } figure { margin-left: 0; margin-right: 0; } .maranatha-entry-content img, .maranatha-compact-content img, .maranatha-comment img, .widget_text .textwidget img, .maranatha-widget img, .maranatha-caption-image img, img.size-full, img.size-large, img[class*=align], img[class*=wp-image-], img[class*=attachment-], .maranatha-entry-short-image { max-width: 100%; height: auto; border-radius: 0.25em; } /*--------------------------------------------- * Media *--------------------------------------------*/ audio, video { width: 100%; } /*--------------------------------------------- * Forms *--------------------------------------------*/ input, select, textarea, button { font-family: inherit; } input, textarea { margin: 0; font-size: 0.95em; color: #444; background-color: transparent; border: 1px solid #888888; border-radius: 6px; } input:focus, textarea:focus { border-color: #000; } input { padding: 0 0.9375em; height: 2.5em; line-height: 2.5em; border-radius: 2.5em; outline: 0; } textarea { padding: 0.9375em; } textarea:focus { outline: 0; } input[type=radio], input[type=checkbox] { height: auto; position: relative; top: -0.0625em; margin-right: 0.25em; border: 0; } .maranatha-is-ios input:not([type=checkbox]):not([type=radio]), .maranatha-is-ios textarea { -webkit-appearance: none; } /********************************************** * 3. CUSTOM STYLES **********************************************/ /*--------------------------------------------- * Text *--------------------------------------------*/ .maranatha-enlarged, .maranatha-attachment-image, #maranatha-sermon-series-list, #maranatha-sermon-dates-list, .maranatha-sermon-books-testament ul, #maranatha-sermon-index-none, .maranatha-entry-full > .maranatha-entry-content, .maranatha-entry-full > .maranatha-compact-content, .maranatha-entry-full > .maranatha-comment, .widget_text .maranatha-entry-full > .textwidget, .archive #maranatha-content-inner > .maranatha-entry-content, .archive #maranatha-content-inner > .maranatha-compact-content, .archive #maranatha-content-inner > .maranatha-comment, .archive .widget_text #maranatha-content-inner > .textwidget, .widget_text .archive #maranatha-content-inner > .textwidget, .blog #maranatha-content-inner > .maranatha-entry-content, .blog #maranatha-content-inner > .maranatha-compact-content, .blog #maranatha-content-inner > .maranatha-comment, .blog .widget_text #maranatha-content-inner > .textwidget, .widget_text .blog #maranatha-content-inner > .textwidget, .search #maranatha-content-inner > .maranatha-entry-content, .search #maranatha-content-inner > .maranatha-compact-content, .search #maranatha-content-inner > .maranatha-comment, .search .widget_text #maranatha-content-inner > .textwidget, .widget_text .search #maranatha-content-inner > .textwidget { font-size: 1.15em; } .maranatha-light, .maranatha-comment-time, .maranatha-comment-title span, .maranatha-calendar-table-day-event-time, .maranatha-calendar-month-dropdown-months li.maranatha-calendar-month-dropdown-past, #maranatha-calendar-title-category, #maranatha-sermon-series-list .maranatha-sermon-series-count, .maranatha-sermon-dates-count, .maranatha-sermon-download-dropdown-filesize, .maranatha-entry-short-separator, .maranatha-entry-full-meta-label, .widget_search .maranatha-search-button, .maranatha-header-archive-dropdown ul li .maranatha-header-archive-dropdown-count, #maranatha-header-archives-section-name a, #maranatha-header-archives-section-name, .wp-caption-text, .wp-caption-dd, .wp-block-gallery figcaption.blocks-gallery-caption, .wp-block-table figcaption, .wp-block-image figcaption, .wp-block-audio figcaption, .wp-block-video figcaption, .wp-block-embed figcaption, .maranatha-tooltipster .tooltipster-content, .maranatha-list-item-count { color: #777; } .maranatha-dark, span.wpcf7-not-valid-tip, div.wpcf7-mail-sent-ok, div.wpcf7-mail-sent-ng, div.wpcf7-spam-blocked, div.wpcf7-validation-errors, #maranatha-comments-closed, #respond label.error, .maranatha-comment-moderation, .maranatha-calendar-month-dropdown-year, #maranatha-sermon-series-list .maranatha-sermon-series-dates, .widget_rss .rss-date, .widget_rss h2 a, .widget_rss .maranatha-h2 a, .widget_rss #reply-title a, .widget_calendar #wp-calendar th, .widget_calendar #wp-calendar caption, .wp-block-calendar #wp-calendar th, .wp-block-calendar #wp-calendar caption, .wp-block-table tr:first-of-type strong, .has-large-font-size, .has-huge-font-size, .maranatha-dropdown li.maranatha-dropdown-selected a, #maranatha-map-section-info p, dt, blockquote, .wp-block-pullquote, q, .maranatha-entry-content th, .maranatha-compact-content th, .maranatha-comment th, .widget_text .textwidget th, .mce-content-body th, code, pre { color: #000; } .maranatha-bold { font-weight: 600; } .maranatha-compact-content blockquote, .maranatha-comment blockquote, .widget_text .textwidget blockquote { padding-top: 1.5em; padding-bottom: 1.5em; font-size: 1.3em; text-align: left; box-shadow: none; border: none; padding-top: 0; padding-bottom: 0; padding-left: 2.5em; padding-right: 0; } .maranatha-compact-content blockquote:before, .maranatha-comment blockquote:before, .widget_text .textwidget blockquote:before { position: absolute; top: 0.09em; left: 0.42em; font-size: 3.8em; } .maranatha-compact-content blockquote:before, .maranatha-comment blockquote:before, .widget_text .textwidget blockquote:before { position: absolute; top: -0.3125em; left: 0; } .maranatha-compact-content blockquote p, .maranatha-comment blockquote p, .widget_text .textwidget blockquote p { margin-top: 0; margin-bottom: 0.6875em; } .maranatha-compact-content blockquote p:last-child, .maranatha-comment blockquote p:last-child, .widget_text .textwidget blockquote p:last-child { margin-bottom: 0; } .maranatha-compact-content h1, .maranatha-comment h1, .maranatha-compact-content #maranatha-comments-title, .maranatha-comment #maranatha-comments-title, .widget_text .textwidget h1, .widget_text .textwidget #maranatha-comments-title, .maranatha-compact-content .maranatha-h1, .maranatha-comment .maranatha-h1, .widget_text .textwidget .maranatha-h1, .maranatha-compact-content h2, .maranatha-comment h2, .widget_text .textwidget h2, .maranatha-compact-content .maranatha-h2, .maranatha-compact-content #reply-title, .maranatha-comment .maranatha-h2, .maranatha-comment #reply-title, .widget_text .textwidget .maranatha-h2, .widget_text .textwidget #reply-title, .maranatha-compact-content h3, .maranatha-comment h3, .widget_text .textwidget h3, .maranatha-compact-content .maranatha-nav-block-title, .maranatha-comment .maranatha-nav-block-title, .widget_text .textwidget .maranatha-nav-block-title, .maranatha-compact-content h4, .maranatha-comment h4, .widget_text .textwidget h4, .maranatha-compact-content h5, .maranatha-comment h5, .widget_text .textwidget h5, .maranatha-compact-content h6, .maranatha-comment h6, .widget_text .textwidget h6 { margin-top: 1.25rem; margin-bottom: 0.9375rem; } .maranatha-compact-content p, .maranatha-comment p, .widget_text .textwidget p, .maranatha-compact-content ul, .maranatha-comment ul, .widget_text .textwidget ul, .maranatha-compact-content ol, .maranatha-comment ol, .widget_text .textwidget ol, .maranatha-compact-content dl, .maranatha-comment dl, .widget_text .textwidget dl, .maranatha-compact-content table, .maranatha-comment table, .widget_text .textwidget table, .maranatha-compact-content blockquote, .maranatha-comment blockquote, .widget_text .textwidget blockquote, .maranatha-compact-content q, .maranatha-comment q, .widget_text .textwidget q { margin-top: 1.5625em; margin-bottom: 1.5625em; } .maranatha-compact-content .alignnone, .maranatha-comment .alignnone, .widget_text .textwidget .alignnone { margin-top: 1.5625em; margin-bottom: 1.5625em; } .maranatha-compact-content p .alignnone, .maranatha-comment p .alignnone, .widget_text .textwidget p .alignnone { margin-top: 0.375em; margin-bottom: 0.375em; } .maranatha-compact-content .aligncenter, .maranatha-comment .aligncenter, .widget_text .textwidget .aligncenter { margin-top: 2.1875em; margin-bottom: 2.1875em; } .maranatha-compact-content .wp-caption-text, .maranatha-comment .wp-caption-text, .widget_text .textwidget .wp-caption-text { font-size: 0.9em; } .maranatha-compact-content .maranatha-buttons-list, .maranatha-comment .maranatha-buttons-list, .widget_text .textwidget .maranatha-buttons-list { font-size: 0.9em; } /*--------------------------------------------- * Images *--------------------------------------------*/ .maranatha-not-mobile .maranatha-hover-image img, .maranatha-not-mobile .gallery-icon img, .maranatha-not-mobile .wp-block-gallery .wp-block-image img, .wp-block-gallery .maranatha-not-mobile .wp-block-image img, .maranatha-not-mobile .wp-block-gallery .blocks-gallery-item img, .wp-block-gallery .maranatha-not-mobile .blocks-gallery-item img, .maranatha-not-mobile .maranatha-caption-image img { -webkit-filter: brightness(1) contrast(0.95); filter: brightness(1) contrast(0.95); } .maranatha-not-mobile .maranatha-hover-image a:hover img, .maranatha-not-mobile .gallery-icon a:hover img, .maranatha-not-mobile .wp-block-gallery .wp-block-image a:hover img, .wp-block-gallery .maranatha-not-mobile .wp-block-image a:hover img, .maranatha-not-mobile .wp-block-gallery .blocks-gallery-item a:hover img, .wp-block-gallery .maranatha-not-mobile .blocks-gallery-item a:hover img, .maranatha-not-mobile .maranatha-caption-image a:hover img { -webkit-filter: brightness(1.1) contrast(0.95); filter: brightness(1.1) contrast(0.95); } .maranatha-caption-image { position: relative; overflow: hidden; } .maranatha-caption-image a { display: block; } .maranatha-caption-image img { max-width: calc(100% + 2px); } .maranatha-caption-image-inner { background-color: #f7f7f7; } .maranatha-caption-image-caption { display: block; position: absolute; bottom: 12%; left: 0; padding-right: 8%; max-width: 92%; } .maranatha-caption-image-caption > * { border-top-right-radius: 0.1875em; border-bottom-right-radius: 0.1875em; } .maranatha-caption-image-title { display: inline-block; position: relative; float: left; max-width: 100%; padding: 0.5625em 0.625em; line-height: 1.2; } .maranatha-caption-image-title, .maranatha-caption-image-title h2, .maranatha-caption-image-title .maranatha-h2, .maranatha-caption-image-title #reply-title { color: #fff; font-weight: normal; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .maranatha-heading-font-nothing-you-could-do .maranatha-caption-image-title { padding-top: 0.6875em; padding-bottom: 0.5625em; } .maranatha-caption-image-description { display: inline-block; position: relative; max-width: 100%; float: left; clear: left; padding: 0.375em 0.75em; background-color: rgba(255, 255, 255, 0.8); font-size: 0.9em; font-style: italic; color: #444; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /*--------------------------------------------- * Icons *--------------------------------------------*/ .maranatha-list-icons { list-style: none; margin: -0.25em; padding: 0; } .maranatha-list-icons li { display: inline-block; margin: 0.25em; } /*--------------------------------------------- * Buttons *--------------------------------------------*/ .maranatha-circle-button, .maranatha-circle-button span, .maranatha-circle-buttons-list li, .maranatha-circle-buttons-list a { width: 7.25rem; height: 7.25rem; border-radius: 3.625rem; border-radius: 50%; } .maranatha-circle-button-small, .maranatha-circle-button-small span, .maranatha-circle-buttons-list-small li, .maranatha-circle-buttons-list-small a { width: 3.75rem; height: 3.75rem; border-radius: 1.875rem; border-radius: 50%; } .maranatha-circle-button, .maranatha-circle-buttons-list li { display: inline-block; } .maranatha-circle-button span, .maranatha-circle-buttons-list a { display: table-cell; vertical-align: middle; border-width: 1px; border-style: solid; padding: 0.125em 0.9375rem 0; font-size: 0.95em; text-align: center; text-transform: uppercase; } a.maranatha-circle-button span:hover, .maranatha-circle-buttons-list a:hover { color: #fff; } a.maranatha-circle-button-selected span, #maranatha-sermon-download-button a.maranatha-dropdown-open span, .maranatha-circle-buttons-list a.maranatha-circle-button-selected, .maranatha-circle-buttons-list #maranatha-sermon-download-button a.maranatha-dropdown-open, #maranatha-sermon-download-button .maranatha-circle-buttons-list a.maranatha-dropdown-open { color: #fff; } .maranatha-circle-button span.el, .maranatha-circle-button a.el, .maranatha-circle-button a span.el, .maranatha-circle-buttons-list span.el, .maranatha-circle-buttons-list a.el, .maranatha-circle-buttons-list a span.el { margin-top: -0.125em; } .maranatha-circle-button span.el.el-chevron-left, .maranatha-circle-button a.el.el-chevron-left, .maranatha-circle-button a span.el.el-chevron-left, .maranatha-circle-buttons-list span.el.el-chevron-left, .maranatha-circle-buttons-list a.el.el-chevron-left, .maranatha-circle-buttons-list a span.el.el-chevron-left { padding-left: 0.6875rem; } .maranatha-circle-button span.el.el-chevron-right, .maranatha-circle-button a.el.el-chevron-right, .maranatha-circle-button a span.el.el-chevron-right, .maranatha-circle-buttons-list span.el.el-chevron-right, .maranatha-circle-buttons-list a.el.el-chevron-right, .maranatha-circle-buttons-list a span.el.el-chevron-right { padding-right: 0.6875rem; } .maranatha-circle-button span.el.el-video, .maranatha-circle-button a.el.el-video, .maranatha-circle-button a span.el.el-video, .maranatha-circle-buttons-list span.el.el-video, .maranatha-circle-buttons-list a.el.el-video, .maranatha-circle-buttons-list a span.el.el-video { position: relative; top: 0.0625em; font-size: 1.61em; } .maranatha-circle-button span.el.el-align-justify, .maranatha-circle-button a.el.el-align-justify, .maranatha-circle-button a span.el.el-align-justify, .maranatha-circle-buttons-list span.el.el-align-justify, .maranatha-circle-buttons-list a.el.el-align-justify, .maranatha-circle-buttons-list a span.el.el-align-justify { font-size: 1.33em; } .maranatha-circle-button span.el.el-download-alt, .maranatha-circle-button a.el.el-download-alt, .maranatha-circle-button a span.el.el-download-alt, .maranatha-circle-buttons-list span.el.el-download-alt, .maranatha-circle-buttons-list a.el.el-download-alt, .maranatha-circle-buttons-list a span.el.el-download-alt { position: relative; top: 0.0625em; font-size: 1.33em; } .maranatha-circle-button span.el, .maranatha-circle-button a.el, .maranatha-circle-buttons-list span.el, .maranatha-circle-buttons-list a.el { padding-top: 0.125rem; font-size: 3em; } .maranatha-circle-button a, .maranatha-circle-buttons-list a { line-height: 1.3; } .maranatha-circle-button a span.el, .maranatha-circle-buttons-list a span.el { padding-bottom: 0.625rem; font-size: 1.4em; display: block; } .maranatha-circle-button-small span.el, .maranatha-circle-buttons-list-small a.el { font-size: 1.7em; } .maranatha-circle-buttons-list { margin-left: 0; margin-bottom: -1.5rem !important; padding: 0; list-style: none; } .maranatha-circle-buttons-list li { margin: 0 0.75rem 1.5rem 0.75rem; } .maranatha-circle-buttons-list-small { margin-bottom: -0.9375rem !important; } .maranatha-circle-buttons-list-small li { margin: 0 0.46875rem 0.9375rem 0.46875rem; } .maranatha-button, .widget_tag_cloud a, .maranatha-buttons-list a, input[type=submit], .maranatha-nav-left-right a, .maranatha-pagination li > *, .wp-block-file .wp-block-file__button { display: inline-block; position: relative; height: 3.07em; line-height: 3.07em; border-radius: 3.07em; border-width: 1px; border-style: solid; padding: 0 1.375em; font-size: 0.85em; text-align: center; text-transform: uppercase; } .maranatha-button:hover, .widget_tag_cloud a:hover, .maranatha-buttons-list a:hover, input[type=submit]:hover, .maranatha-nav-left-right a:hover, .maranatha-pagination li > *:hover, .wp-block-file .wp-block-file__button:hover { color: #fff; } .maranatha-button .el, .widget_tag_cloud a .el, .maranatha-buttons-list a .el, input[type=submit] .el, .maranatha-nav-left-right a .el, .maranatha-pagination li > * .el, .wp-block-file .wp-block-file__button .el { font-size: 1.1em; padding-right: 0.3125em; position: relative; top: 0.0625em; } .maranatha-button .el-chevron-left, .widget_tag_cloud a .el-chevron-left, .maranatha-button .el-chevron-right, .widget_tag_cloud a .el-chevron-right, .maranatha-buttons-list a .el-chevron-left, .maranatha-buttons-list a .el-chevron-right, input[type=submit] .el-chevron-left, input[type=submit] .el-chevron-right, .maranatha-nav-left-right a .el-chevron-left, .maranatha-nav-left-right a .el-chevron-right, .maranatha-pagination li > * .el-chevron-left, .maranatha-pagination li > * .el-chevron-right, .wp-block-file .wp-block-file__button .el-chevron-left, .wp-block-file .wp-block-file__button .el-chevron-right { font-size: 1em !important; top: 0 !important; } .maranatha-button .el-chevron-right, .widget_tag_cloud a .el-chevron-right, .maranatha-buttons-list a .el-chevron-right, input[type=submit] .el-chevron-right, .maranatha-nav-left-right a .el-chevron-right, .maranatha-pagination li > * .el-chevron-right, .wp-block-file .wp-block-file__button .el-chevron-right { margin-right: -0.5em; padding-left: 0.3125em; } .maranatha-button .el-video, .widget_tag_cloud a .el-video, .maranatha-buttons-list a .el-video, input[type=submit] .el-video, .maranatha-nav-left-right a .el-video, .maranatha-pagination li > * .el-video, .wp-block-file .wp-block-file__button .el-video { font-size: 1.3em; top: 0.125em; padding-right: 0.25em; } .maranatha-button .el-comment, .widget_tag_cloud a .el-comment, .maranatha-buttons-list a .el-comment, input[type=submit] .el-comment, .maranatha-nav-left-right a .el-comment, .maranatha-pagination li > * .el-comment, .wp-block-file .wp-block-file__button .el-comment { top: 0.125em; } .maranatha-button .el-edit, .widget_tag_cloud a .el-edit, .maranatha-buttons-list a .el-edit, input[type=submit] .el-edit, .maranatha-nav-left-right a .el-edit, .maranatha-pagination li > * .el-edit, .wp-block-file .wp-block-file__button .el-edit { font-size: 1em; } .maranatha-button .el-road, .widget_tag_cloud a .el-road, .maranatha-buttons-list a .el-road, input[type=submit] .el-road, .maranatha-nav-left-right a .el-road, .maranatha-pagination li > * .el-road, .wp-block-file .wp-block-file__button .el-road { top: 0.125em; } .maranatha-button .el-justify-right, .widget_tag_cloud a .el-justify-right, .maranatha-buttons-list a .el-justify-right, input[type=submit] .el-justify-right, .maranatha-nav-left-right a .el-justify-right, .maranatha-pagination li > * .el-justify-right, .wp-block-file .wp-block-file__button .el-justify-right { top: 0.125em; } .maranatha-button .el-user, .widget_tag_cloud a .el-user, .maranatha-buttons-list a .el-user, input[type=submit] .el-user, .maranatha-nav-left-right a .el-user, .maranatha-pagination li > * .el-user, .wp-block-file .wp-block-file__button .el-user { font-size: 1em; } .maranatha-button.maranatha-button-block, .widget_tag_cloud a.maranatha-button-block, .maranatha-buttons-list a.maranatha-button-block, input[type=submit].maranatha-button-block, .maranatha-nav-left-right a.maranatha-button-block, .maranatha-pagination li > *.maranatha-button-block, .wp-block-file .wp-block-file__button.maranatha-button-block { margin-top: 0.4em; margin-bottom: 0.4em; margin-right: 0.8em; } .maranatha-button.maranatha-button-block:last-child:not(.aligncenter), .widget_tag_cloud a.maranatha-button-block:last-child:not(.aligncenter), .maranatha-buttons-list a.maranatha-button-block:last-child:not(.aligncenter), input[type=submit].maranatha-button-block:last-child:not(.aligncenter), .maranatha-nav-left-right a.maranatha-button-block:last-child:not(.aligncenter), .maranatha-pagination li > *.maranatha-button-block:last-child:not(.aligncenter), .wp-block-file .wp-block-file__button.maranatha-button-block:last-child:not(.aligncenter) { margin-right: 0; } .maranatha-button.alignleft, .widget_tag_cloud a.alignleft, .maranatha-buttons-list a.alignleft, input[type=submit].alignleft, .maranatha-nav-left-right a.alignleft, .maranatha-pagination li > *.alignleft, .wp-block-file .wp-block-file__button.alignleft { margin: 0.7em 1.75em 0.7em 0; } .maranatha-button.alignright, .widget_tag_cloud a.alignright, .maranatha-buttons-list a.alignright, input[type=submit].alignright, .maranatha-nav-left-right a.alignright, .maranatha-pagination li > *.alignright, .wp-block-file .wp-block-file__button.alignright { margin: 0.7em 0 0.7em 1.5em; } .maranatha-button.aligncenter, .widget_tag_cloud a.aligncenter, .maranatha-buttons-list a.aligncenter, input[type=submit].aligncenter, .maranatha-nav-left-right a.aligncenter, .maranatha-pagination li > *.aligncenter, .wp-block-file .wp-block-file__button.aligncenter { margin-left: auto; margin-right: auto; max-width: 320px; } .maranatha-buttons-list { margin: 0 -0.5em -1em -0.5em; list-style: none; padding: 0; } .maranatha-buttons-list li { display: inline-block; margin: 0 0.5em 1em 0.5em; } /*--------------------------------------------- * Lists *--------------------------------------------*/ .maranatha-list, .maranatha-sermon-index-list, .widget_categories > ul, .widget_ctfw-categories > ul, .widget_ctfw-archives > ul, .widget_ctfw-galleries > ul, .widget_recent_entries > ul, .widget_recent_comments > ul, .widget_archive > ul, .widget_meta > ul, .widget_pages > ul, .widget_links > ul, .widget_nav_menu ul.menu { margin: 0; margin-bottom: -0.625em !important; list-style: none; line-height: 1.3; } .js .maranatha-list, .js .maranatha-sermon-index-list, .js .widget_categories > ul, .js .widget_ctfw-categories > ul, .js .widget_ctfw-archives > ul, .js .widget_ctfw-galleries > ul, .js .widget_recent_entries > ul, .js .widget_recent_comments > ul, .js .widget_archive > ul, .js .widget_meta > ul, .js .widget_pages > ul, .js .widget_links > ul, .js .widget_nav_menu ul.menu, .widget_nav_menu .js ul.menu { visibility: hidden; } .maranatha-list ul, .maranatha-sermon-index-list ul, .widget_categories > ul ul, .widget_ctfw-categories > ul ul, .widget_ctfw-archives > ul ul, .widget_ctfw-galleries > ul ul, .widget_recent_entries > ul ul, .widget_recent_comments > ul ul, .widget_archive > ul ul, .widget_meta > ul ul, .widget_pages > ul ul, .widget_links > ul ul, .widget_nav_menu ul.menu ul { margin-top: 0.3125em; margin-left: 0.9375em; } .maranatha-list > li, .maranatha-sermon-index-list > li, .widget_categories > ul > li, .widget_ctfw-categories > ul > li, .widget_ctfw-archives > ul > li, .widget_ctfw-galleries > ul > li, .widget_recent_entries > ul > li, .widget_recent_comments > ul > li, .widget_archive > ul > li, .widget_meta > ul > li, .widget_pages > ul > li, .widget_links > ul > li, .widget_nav_menu ul.menu > li { padding-bottom: 0.625em; page-break-inside: avoid; -moz-column-break-inside: avoid; break-inside: avoid; } .maranatha-list li, .maranatha-sermon-index-list li, .widget_categories > ul li, .widget_ctfw-categories > ul li, .widget_ctfw-archives > ul li, .widget_ctfw-galleries > ul li, .widget_recent_entries > ul li, .widget_recent_comments > ul li, .widget_archive > ul li, .widget_meta > ul li, .widget_pages > ul li, .widget_links > ul li, .widget_nav_menu ul.menu li { position: relative; list-style: none; } .maranatha-list li li, .maranatha-sermon-index-list li li, .widget_categories > ul li li, .widget_ctfw-categories > ul li li, .widget_ctfw-archives > ul li li, .widget_ctfw-galleries > ul li li, .widget_recent_entries > ul li li, .widget_recent_comments > ul li li, .widget_archive > ul li li, .widget_meta > ul li li, .widget_pages > ul li li, .widget_links > ul li li, .widget_nav_menu ul.menu li li { margin-bottom: 0.3125em; } .maranatha-list li li a, .maranatha-sermon-index-list li li a, .widget_categories > ul li li a, .widget_ctfw-categories > ul li li a, .widget_ctfw-archives > ul li li a, .widget_ctfw-galleries > ul li li a, .widget_recent_entries > ul li li a, .widget_recent_comments > ul li li a, .widget_archive > ul li li a, .widget_meta > ul li li a, .widget_pages > ul li li a, .widget_links > ul li li a, .widget_nav_menu ul.menu li li a { font-size: 0.9em; } .maranatha-list li li li, .maranatha-sermon-index-list li li li, .widget_categories > ul li li li, .widget_ctfw-categories > ul li li li, .widget_ctfw-archives > ul li li li, .widget_ctfw-galleries > ul li li li, .widget_recent_entries > ul li li li, .widget_recent_comments > ul li li li, .widget_archive > ul li li li, .widget_meta > ul li li li, .widget_pages > ul li li li, .widget_links > ul li li li, .widget_nav_menu ul.menu li li li { font-style: italic; } .maranatha-list > li, .maranatha-sermon-index-list > li, .widget_categories > ul > li, .widget_ctfw-categories > ul > li, .widget_ctfw-archives > ul > li, .widget_ctfw-galleries > ul > li, .widget_recent_entries > ul > li, .widget_recent_comments > ul > li, .widget_archive > ul > li, .widget_meta > ul > li, .widget_pages > ul > li, .widget_links > ul > li, .widget_nav_menu ul.menu > li { padding-right: 1.875em; } .maranatha-list-item-count { position: absolute; top: 0.0625em; right: 0; font-size: 0.9em; font-style: normal; } li li .maranatha-list-item-count { right: -2.0625em; } /*--------------------------------------------- * Navigation *--------------------------------------------*/ .maranatha-nav-blocks { overflow: hidden; } .maranatha-has-nav-blocks.maranatha-no-comments-section .maranatha-nav-blocks { margin-bottom: 0; } .maranatha-nav-block { position: relative; display: inline-block; width: 50%; padding-bottom: 12.5%; cursor: pointer; } .maranatha-nav-block.maranatha-nav-block-empty { cursor: default; } .maranatha-nav-block-image, .maranatha-nav-block-content { position: absolute; top: 0; width: 100%; height: 100%; } .maranatha-nav-block-image { background-size: cover; background-position: center center; background-repeat: no-repeat; } .maranatha-nav-block-content { z-index: 2; padding: 0 10%; } .maranatha-nav-block-content-columns { display: table; height: 100%; min-width: 50%; margin: 0 auto; } .maranatha-nav-block-content-column { display: table-cell; height: 100%; vertical-align: middle; text-align: center; } .maranatha-nav-block-content-arrow { position: absolute; top: 44%; top: calc(50% - 12px); font-size: 16px; } .maranatha-nav-block-content-arrow.maranatha-nav-block-content-left { left: 5%; } .maranatha-nav-block-content-arrow.maranatha-nav-block-content-right { right: 5%; } .maranatha-nav-block-content-text { max-width: 450px; } .maranatha-nav-block-content-text.maranatha-nav-block-content-right { padding-left: 1.5em; } .maranatha-nav-block-content-text.maranatha-nav-block-content-left { padding-right: 1.5em; } .maranatha-nav-block-label { text-transform: uppercase; font-size: 0.8em; padding-bottom: 0.125em; } .maranatha-nav-block-left { float: left; } .maranatha-nav-block-has-both .maranatha-nav-block-left { border-width: 0 1px 0 0; border-style: solid; border-color: rgba(255, 255, 255, 0.35); } .maranatha-nav-block-right { float: right; } .maranatha-nav-left, .maranatha-nav-right { float: left; width: 50%; max-width: 100%; } .maranatha-nav-right { float: right; text-align: right; } ul.page-numbers { margin: 0.3125em; list-style: none; text-align: center; } ul.page-numbers li { margin: 0.3125em; display: inline-block; text-align: center; } ul.page-numbers li > * { width: 3.07em; padding: 0; } ul.page-numbers span.current { color: #fff; } ul.page-numbers span.dots { width: auto; padding: 0; border: none; color: #444; } ul.page-numbers .el { margin-top: 0.0625em; } ul.page-numbers .el-chevron-left { margin-left: 0.1875em; } ul.page-numbers .el-chevron-right { margin-top: 0.0625em; padding-left: 0; } /*--------------------------------------------- * Author Box *--------------------------------------------*/ .maranatha-author-box { position: relative; } .single .maranatha-author-box { top: -0.3125em; min-height: 11.875em; padding: 2.5em; border-radius: 0.3125em; background-color: #f7f7f7; } .archive .maranatha-author-box { min-height: 7.375em; } .maranatha-author-avatar { position: absolute; width: 6.875em; height: 6.875em; } .single .maranatha-author-avatar { left: 2.5em; } .maranatha-author-avatar img { max-width: 100%; height: auto; border-radius: 3.4375em; border-radius: 50%; } .maranatha-author-content { margin-left: 9.275em; } .maranatha-author-content header { min-height: 2.625em; } .maranatha-author-content h2, .maranatha-author-content .maranatha-h2, .maranatha-author-content #reply-title { display: inline-block; margin: 0 1.875em 0 0; vertical-align: middle; } .maranatha-author-box-archive { position: relative; top: -0.3125em; vertical-align: middle; float: right; font-size: 0.9em; } .maranatha-author-bio { margin-top: 0.875em; } .maranatha-author-bio p:first-child { margin-top: 0; } .maranatha-author-bio p:last-child { margin-bottom: 0; } /*--------------------------------------------- * Search Form *--------------------------------------------*/ .maranatha-search-form form { margin: 0; white-space: nowrap; } .maranatha-search-form form > * { display: inline-block; margin-left: 0.4375em; vertical-align: middle; } .maranatha-search-form form > *:first-child { margin-left: 0; } .maranatha-search-form form input[type=text] { width: 180px; text-transform: uppercase; } /*--------------------------------------------- * MediaElement.js *--------------------------------------------*/ .maranatha-wp-4-8-or-less .hentry .mejs-time { padding-top: 10px !important; } .wp-video { min-width: 99%; } .hentry .mejs-controls .mejs-button button:focus { outline: none; } .hentry .mejs-container .mejs-controls { background: #222; } .hentry .mejs-controls .mejs-time-rail .mejs-time-total { background: #555; } .hentry .mejs-controls .mejs-time-rail .mejs-time-loaded { background: #828282; } .hentry .mejs-controls .mejs-time-rail .mejs-time-current { background: #d2d2d2; } .hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total { background: #555; } .hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current { background: #d2d2d2; } /*--------------------------------------------- * Google Maps JS *--------------------------------------------*/ .ctfw-google-map.ctfw-google-map-responsive { padding-bottom: 50%; } /* Prevent responsive images affecting Google Maps */ .ctfw-google-map img { max-width: none; } /*--------------------------------------------- * Map Section *--------------------------------------------*/ .maranatha-map-section, #maranatha-map-section-canvas { display: block; min-height: 350px !important; width: 100%; } .maranatha-map-section { z-index: 1; position: relative; overflow: hidden; } #maranatha-map-section-canvas { position: absolute; top: 0; } #maranatha-map-section-content-container { z-index: 1; position: relative; margin: 0 auto; width: 80%; max-width: 550px; height: 100%; } #maranatha-map-section-content { display: table; width: 100%; height: 100%; } #maranatha-map-section-content > * { display: table-cell; vertical-align: middle; } #maranatha-map-section-left { padding-right: 1.875em; } .maranatha-no-map-info #maranatha-map-section-left { text-align: center; } #maranatha-map-section-marker span { background-color: #fff; } #maranatha-map-section-right { text-align: right; width: 80%; } #maranatha-map-section-info { display: inline-block; min-width: 300px; max-width: 500px; padding: 1.875em; border-radius: 0.3125em; background-color: #fff; box-shadow: 0 2px 12px rgba(0, 0, 0, 0.15); text-align: left; font-size: 0.95rem; overflow: hidden; } #maranatha-map-section-info > *:nth-child(2) { margin-top: 1.75em; } #maranatha-map-section-info .el { top: 3px; } #maranatha-map-section-info .el-envelope { top: 2px; } #maranatha-map-section-info .el-flag { left: 1px; font-size: 1.1em; } #maranatha-map-section-info-list { list-style: none; margin: 0 0.625em -1.25em 0; padding: 0; } #maranatha-map-section-info-list li { display: block; float: left; position: relative; margin-right: 1.25em; margin-bottom: 1.25em; vertical-align: top; } #maranatha-map-section-info-list li.maranatha-map-info-full { float: none; } #maranatha-map-section-info-list li .el { display: block; position: absolute; top: 2px; font-size: 1.2em; } #maranatha-map-section-info-list li p { margin: 0 0 0 27px; } #maranatha-map-section-address { font-weight: 600; } .maranatha-map-section-multiple-locations .maranatha-map-button-more-item { display: none; } /*--------------------------------------------- * jQuery Dropdown *--------------------------------------------*/ .maranatha-dropdown { position: absolute; z-index: 99999; display: none; } .maranatha-dropdown a { font-weight: normal; } .maranatha-dropdown .maranatha-dropdown-menu, .maranatha-dropdown .maranatha-dropdown-panel { min-width: 160px; max-width: 200px; list-style: none; overflow: visible; margin: 0.25em 0 0 0; padding: 1em 0.875em 0.9375em 1.625em; font-size: 0.95em; border-radius: 0.3125em; background-color: #fff; box-shadow: 0 2px 12px rgba(0, 0, 0, 0.15); } .maranatha-dropdown .maranatha-dropdown-menu a:hover, .maranatha-dropdown .maranatha-dropdown-panel a:hover { color: #000; } .maranatha-dropdown .maranatha-dropdown-menu { padding: 0.875em 1.625em; } .maranatha-dropdown .maranatha-dropdown-menu li { margin: 0.625em 0; } /*--------------------------------------------- * Tooltipster *--------------------------------------------*/ .maranatha-tooltipster { margin-left: 0.625em; margin-right: 0.625em; border-radius: 0.3125em; background-color: #fff; box-shadow: 0 2px 12px rgba(0, 0, 0, 0.15); } .maranatha-tooltipster .tooltipster-content { max-width: 31.25em; line-height: 1.5; padding: 0.75em 1em; overflow: hidden; font-size: 15px; } /*--------------------------------------------- * Visibility *--------------------------------------------*/ .maranatha-hidden { display: none; } .maranatha-invisible { width: 0; height: 0; visibility: hidden; left: 30000px; } .screen-reader-text, #maranatha-main-title { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; } .screen-reader-text:focus, #maranatha-main-title:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ } /*--------------------------------------------- * Clearfix *--------------------------------------------*/ .maranatha-clearfix:before, .gallery:before, #maranatha-calendar-header:before, #maranatha-sermon-series-list ul:before, #maranatha-footer-widgets:before, .maranatha-nav-left-right:before, .maranatha-pagination:before, .maranatha-clearfix:after, .gallery:after, #maranatha-calendar-header:after, #maranatha-sermon-series-list ul:after, #maranatha-footer-widgets:after, .maranatha-nav-left-right:after, .maranatha-pagination:after { content: ""; display: table; } .maranatha-clearfix:after, .gallery:after, #maranatha-calendar-header:after, #maranatha-sermon-series-list ul:after, #maranatha-footer-widgets:after, .maranatha-nav-left-right:after, .maranatha-pagination:after { clear: both; } /********************************************** * 4. WORDPRESS STYLES **********************************************/ /*--------------------------------------------- * WordPress Images *--------------------------------------------*/ p .alignnone { margin-top: 0.75em; margin-bottom: 0.75em; } .aligncenter { display: block; margin-left: auto; margin-right: auto; } .alignleft { float: left; margin: 1.25em 2.1875em 1.25em 0; } .alignright { float: right; margin: 1.25em 0 1.25em 2.5em; } /*--------------------------------------------- * Captions *--------------------------------------------*/ .wp-caption-text, .wp-caption-dd, .wp-block-gallery figcaption.blocks-gallery-caption, .wp-block-table figcaption, .wp-block-image figcaption, .wp-block-audio figcaption, .wp-block-video figcaption, .wp-block-embed figcaption { margin: 0.5em 0 0 0; padding: 0 0.3125em; font-size: 0.8em; font-style: italic; line-height: 1.5; text-align: center; } .wp-caption, .wp-block-image figcaption { max-width: 100%; text-align: center; } .wp-block-gallery figcaption.blocks-gallery-caption { margin-top: 0; padding-top: 0; } .wp-block-table figcaption { padding-top: 5px; } /*--------------------------------------------- * Gutenberg Blocks *--------------------------------------------*/ .has-huge-font-size { line-height: 1.2; } .has-large-font-size { font-size: 2em; line-height: 1.3; } .has-regular-font-size, .has-normal-font-size { font-size: inherit !important; } .has-medium-font-size { font-size: 1.15em !important; } .has-small-font-size { font-size: 0.8em !important; line-height: 1.6; } .has-background.has-huge-font-size, .has-background.has-large-font-size { padding: 0.9em; } .wp-block-columns { margin: 1.5em 0 !important; } .wp-block-columns:not(.alignwide):not(.alignfull) { clear: both; } .wp-block-columns .wp-block-column > * { margin-top: calc(0.66 * 1.4em); margin-bottom: calc(0.66 * 1.4em); } @media only screen and (min-width: 482px) { .wp-block-columns .wp-block-column > * { margin-top: 1.4em; margin-bottom: 1.4em; } } .wp-block-columns .wp-block-column > *:first-child { margin-top: 0; } .wp-block-columns .wp-block-column > *:last-child { margin-bottom: 0; } .wp-block-columns .wp-block-column:last-child { margin-bottom: 0; } .wp-block-columns .wp-block-column:not(:last-child) { margin-bottom: calc(0.66 * 1.4em); } @media only screen and (min-width: 482px) { .wp-block-columns .wp-block-column:not(:last-child) { margin-bottom: 1.4em; } } @media only screen and (min-width: 822px) { .wp-block-columns .wp-block-column:not(:last-child) { margin-bottom: 0; } } .wp-block-columns.alignfull .wp-block-column p:not(.has-background), .wp-block-columns.alignfull .wp-block-column h1:not(.has-background), .wp-block-columns.alignfull .wp-block-column #maranatha-comments-title:not(.has-background), .wp-block-columns.alignfull .wp-block-column .maranatha-h1:not(.has-background), .wp-block-columns.alignfull .wp-block-column h2:not(.has-background), .wp-block-columns.alignfull .wp-block-column .maranatha-h2:not(.has-background), .wp-block-columns.alignfull .wp-block-column #reply-title:not(.has-background), .wp-block-columns.alignfull .wp-block-column h3:not(.has-background), .wp-block-columns.alignfull .wp-block-column .maranatha-nav-block-title:not(.has-background), .wp-block-columns.alignfull .wp-block-column h4:not(.has-background), .wp-block-columns.alignfull .wp-block-column h5:not(.has-background), .wp-block-columns.alignfull .wp-block-column h6:not(.has-background) { padding-left: 1.2em; padding-right: 1.2em; } .wp-block-image.alignright, .wp-block-image.alignleft { margin-top: 1.5em !important; } .wp-block-cover { padding-left: 4%; padding-right: 4%; } .wp-block-cover a:not(.maranatha-button-block), .wp-block-cover a:not(.maranatha-button-block):hover { display: inline-block; line-height: 1; color: #fff !important; border-color: #fff !important; border-width: 0 0 0.09375em 0 !important; } .wp-block-cover.alignleft, .wp-block-cover.alignright { margin-top: 0.7em !important; margin-bottom: 0.7em !important; font-size: 0.75em; } .wp-block-cover.alignleft .wp-block-cover-text, .wp-block-cover.alignright .wp-block-cover-text { line-height: 1.25 !important; } .wp-block-cover.alignleft { margin-right: 2.5em; } .wp-block-cover.alignright { margin-left: 2.5em; } .wp-block-cover .maranatha-button-block { font-size: 0.85em; margin-top: 0.6em; margin-bottom: 0.6em; } .wp-block-cover .maranatha-button:not(:hover), .wp-block-cover .widget_tag_cloud a:not(:hover), .widget_tag_cloud .wp-block-cover a:not(:hover) { color: #fff; border-color: #fff; } .wp-block-cover__inner-container { padding-top: 1.2em; padding-bottom: 1.2em; color: #fff !important; } .wp-block-cover__inner-container > *:first-child { margin-top: 0; } .wp-block-cover__inner-container > *:last-child { margin-bottom: 0; } .wp-block-cover-text { margin-top: 0; } .wp-block-cover p.has-drop-cap:not(.has-text-color)::first-letter { color: #fff; } .wp-block-cover h1, .wp-block-cover #maranatha-comments-title, .wp-block-cover .maranatha-h1, .wp-block-cover h2, .wp-block-cover .maranatha-h2, .wp-block-cover #reply-title, .wp-block-cover h3, .wp-block-cover .maranatha-nav-block-title, .wp-block-cover h4, .wp-block-cover h5, .wp-block-cover h6 { max-width: 100%; padding-left: 0; margin-bottom: 0.8em; } .maranatha-entry-content .wp-block-cover a:hover:not(.maranatha-button), .maranatha-compact-content .wp-block-cover a:hover:not(.maranatha-button), .maranatha-comment .wp-block-cover a:hover:not(.maranatha-button), .widget_text .textwidget .wp-block-cover a:hover:not(.maranatha-button) { color: #fff !important; } .wp-block-cover, .wp-block-cover::before { border-width: 0; border-radius: 0.25em; } .wp-block-image:not(.alignright):not(.alignleft):not(.maranatha-image-exceed-700-980) { width: 100%; } .wp-block-image.alignwide, .wp-block-image.alignfull { max-width: none !important; } .wp-block-image figure.alignleft, .wp-block-image figure.alignright { margin-top: 0.7em; margin-bottom: 0.7em; } .wp-block-image figure.alignleft { margin-right: 2em; } .wp-block-image figure.alignright { margin-left: 2em; } .js .wp-block-button { visibility: hidden; } .wp-block-gallery { margin-left: 0; } .wp-block-gallery .wp-block-image figcaption, .wp-block-gallery .blocks-gallery-item figcaption { font-style: italic; line-height: 1.3; padding-bottom: 0.625em; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; } .wp-block-gallery .wp-block-image figcaption a, .wp-block-gallery .wp-block-image figcaption a:hover, .wp-block-gallery .blocks-gallery-item figcaption a, .wp-block-gallery .blocks-gallery-item figcaption a:hover { color: #fff !important; text-decoration: underline; font-style: normal; } .wp-block-gallery .wp-block-image figcaption i, .wp-block-gallery .wp-block-image figcaption em, .wp-block-gallery .blocks-gallery-item figcaption i, .wp-block-gallery .blocks-gallery-item figcaption em { font-style: normal; } .wp-block-gallery.alignleft, .wp-block-gallery.alignright { margin-top: 0.5em !important; margin-bottom: 0.5em !important; } .wp-block-gallery.alignleft { margin-right: 1.4em; } .wp-block-gallery.alignright { margin-left: 1.4em; } .wp-block-embed .wp-block-embed__wrapper { margin-bottom: 0 !important; } .wp-block-embed figcaption { padding-top: 6px; } pre.wp-block-verse { padding: 1.4em 1.8em; border-radius: 2px; background-color: #f7f7f7; font-size: 1.2em; color: #000; word-wrap: break-word; line-break: after-white-space; overflow: auto; } .wp-block-code { font-size: 1em; } .wp-block-separator:not(.is-style-dots), .wp-block-separator.is-style-wide { width: 200px; max-width: 100%; margin: 65px auto !important; border-color: #ddd; background: #ddd !important; border-width: 1px 0 0 0; } .wp-block-separator.is-style-wide { width: 100%; } .wp-block-separator.is-style-dots { border-style: dashed; border-top-width: 1px; border-bottom-width: 0; height: 0; background: none !important; border-color: #ddd !important; } .wp-block-separator.is-style-dots:before { display: none; } /* Dropcap */ .has-drop-cap:not(:focus):first-letter { margin: 0 0.15em 0 0; font-weight: 300 !important; font-size: 3.8em !important; line-height: 0.75; padding-top: 0.08em; } .has-drop-cap.has-small-font-size:not(:focus):first-letter { font-size: 3.5em !important; padding-top: 0.075em; } .has-drop-cap.has-medium-font-size:not(:focus):first-letter { font-size: 4em !important; padding-top: 0.075em; } .has-drop-cap.has-large-font-size:not(:focus):first-letter { font-size: 2.9em !important; padding-top: 0.075em; } .has-drop-cap.has-huge-font-size:not(:focus):first-letter { font-size: 2.9em !important; padding-top: 0.04em; } .has-drop-cap:not(.has-text-color):not(:focus):first-letter { color: #000; } /* Has Background */ .has-background { border-radius: 2px; } .has-background.has-main-background-color:not(.has-text-color), .has-background.has-accent-background-color:not(.has-text-color), .has-background.has-dark-background-color:not(.has-text-color), .has-background.has-light-background-color:not(.has-text-color), .has-background.has-main-background-color.has-drop-cap:not(.has-text-color):not(:focus):first-letter, .has-background.has-accent-background-color.has-drop-cap:not(.has-text-color):not(:focus):first-letter, .has-background.has-dark-background-color.has-drop-cap:not(.has-text-color):not(:focus):first-letter, .has-background.has-light-background-color.has-drop-cap:not(.has-text-color):not(:focus):first-letter { color: #fff; } .has-background.has-main-background-color:not(.has-text-color) a, .has-background.has-accent-background-color:not(.has-text-color) a, .has-background.has-dark-background-color:not(.has-text-color) a, .has-background.has-light-background-color:not(.has-text-color) a, .has-background.has-main-background-color:not(.has-text-color) a:hover:not(.maranatha-button), .has-background.has-accent-background-color:not(.has-text-color) a:hover:not(.maranatha-button), .has-background.has-dark-background-color:not(.has-text-color) a:hover:not(.maranatha-button), .has-background.has-light-background-color:not(.has-text-color) a:hover:not(.maranatha-button) { color: #fff !important; text-decoration: underline; } .has-background.has-text-color a, .has-background.has-text-color a:hover:not(.maranatha-button), .maranatha-entry-content .has-background.has-text-color a:not(.maranatha-button), .maranatha-entry-content .has-background.has-text-color a:hover:not(.maranatha-button), .maranatha-entry-content .wp-block-cover :not(.has-text-color) a:not(.maranatha-button), .maranatha-compact-content .wp-block-cover :not(.has-text-color) a:not(.maranatha-button), .maranatha-comment .wp-block-cover :not(.has-text-color) a:not(.maranatha-button), .widget_text .textwidget .wp-block-cover :not(.has-text-color) a:not(.maranatha-button), .maranatha-entry-content .wp-block-cover :not(.has-text-color) a:hover:not(.maranatha-button) { color: inherit !important; text-decoration: underline; } .has-accent-color a, .has-accent-color a:hover { text-decoration: underline; } /* Table */ .wp-block-table, .wp-block-table * { border-radius: 0 !important; } .wp-block-table table { margin: 0; } .wp-block-table.alignwide, .wp-block-table.alignfull { width: 100%; } .wp-block-table tr:first-of-type strong { text-transform: uppercase; text-align: left; font-weight: 500; } .wp-block-table th { border: none; } .wp-block-table.is-style-stripes { border: none; } .wp-block-table.is-style-stripes tr:nth-child(odd) { background-color: #f7f7f7; } .wp-block-table.is-style-stripes tr > * { padding-left: 1em; padding-right: 1em; } /* Latest Posts, Categories, Archives */ .wp-block-categories.aligncenter, .wp-block-archives.aligncenter { list-style: none; text-align: center; } .wp-block-categories.aligncenter li, .wp-block-archives.aligncenter li { list-style: none; text-align: center; } .wp-block-categories.aligncenter ul, .wp-block-archives.aligncenter ul { margin-left: 0; } .wp-block-categories.aligncenter ul a, .wp-block-archives.aligncenter ul a { font-style: italic; } /* Latest Posts */ .wp-block-latest-posts.is-grid { margin-left: 0; } .wp-block-latest-posts__post-date { margin: 0.3em 0 0.7em 0 !important; } .wp-block-latest-posts { line-height: 1.4; margin-left: 0; } .wp-block-latest-posts li { padding: 0.2em 0; } .wp-block-latest-posts__post-excerpt { margin-top: 0.75em !important; font-size: 0.85em; } .wp-block-latest-posts:not(.is-grid) .wp-block-latest-posts__featured-image { float: right; margin: 0.2em 0 0.75em 1em !important; } /* File */ .wp-block-file .wp-block-file__button { margin-top: 0 !important; margin-bottom: 0 !important; background: transparent; opacity: 1 !important; line-height: 2.9; } .wp-block-file__embed { position: relative !important; /* stop PDF embed from appearing on top of content that should be after it */ } /* Latest Comments */ .wp-block-latest-comments { margin: 2.5em 0 !important; } .wp-block-latest-comments__comment { position: relative; margin-top: 0 !important; margin-bottom: 2.5em !important; } .wp-block-latest-comments__comment:last-child { margin-bottom: 0 !important; } .wp-block-latest-comments__comment-avatar { float: none !important; position: absolute; top: 0; } .wp-block-latest-comments__comment-avatar { width: 70px !important; height: 70px !important; border-radius: 70px !important; } .wp-block-latest-comments__comment br { display: none; } .wp-block-latest-comments__comment-meta { margin: 0 !important; position: relative; top: 4px; font-size: 1.25em !important; } .has-avatars .wp-block-latest-comments__comment-meta { left: 92px; } .has-avatars:not(.has-dates) .wp-block-latest-comments__comment-meta { top: 16px; } .wp-block-latest-comments__comment-meta > * { margin: 0 !important; } .wp-block-latest-comments__comment-author { color: #000; } .wp-block-latest-comments time { margin-top: 1em !important; font-size: 0.65em !important; color: #444; text-transform: uppercase; } .wp-block-latest-comments__comment-excerpt { margin-left: 0 !important; } .has-avatars:not(.has-dates) .wp-block-latest-comments__comment-excerpt { margin-top: 4em !important; } .wp-block-latest-comments__comment-excerpt p { font-size: 1.05em; } /* Media and Text */ .wp-block-media-text[class*=background-color], .wp-block-media-text[style*=background-color] { margin-top: 3em !important; margin-bottom: 3em !important; border-radius: 0.3125em; } .wp-block-media-text[class*=background-color]:not(.has-media-on-the-right), .wp-block-media-text[style*=background-color]:not(.has-media-on-the-right) { padding-left: 2em; } .wp-block-media-text.has-media-on-the-right[class*=background-color], .wp-block-media-text.has-media-on-the-right[style*=background-color] { padding-left: 0.5em; padding-right: 2em; } @media only screen and (max-width: 600px) { .wp-block-media-text.is-stacked-on-mobile[class*=background-color]:not(.has-media-on-the-right), .wp-block-media-text.is-stacked-on-mobile[style*=background-color]:not(.has-media-on-the-right) { padding-left: 0; } .wp-block-media-text.is-stacked-on-mobile.has-media-on-the-right[class*=background-color], .wp-block-media-text.is-stacked-on-mobile.has-media-on-the-right[style*=background-color] { padding-left: 0; padding-right: 0; } .wp-block-media-text__media { margin-top: 0 !important; margin-bottom: 0 !important; } } /* RSS Block */ .wp-block-rss { margin: 0; padding: 0; } .wp-block-rss__item { position: relative; margin-top: 0.4em !important; margin-bottom: 1.3em !important; list-style: none; } .wp-block-rss__item-title { margin: 0 !important; } .wp-block-rss time { margin-top: 0.4em !important; margin-bottom: 0.4em !important; color: #000; font-size: 0.7em; text-transform: uppercase; } .wp-block-rss__item-author { margin: 0 !important; color: #444; font-size: 0.75em; } .wp-block-rss__item-excerpt { margin-top: 0.4em !important; margin-bottom: 0 !important; margin-left: 0 !important; font-size: 0.85em; } /* Search Block */ .wp-block-search { max-width: 600px; } .wp-block-search > * { margin: 0 !important; } .wp-block-search__label { font-weight: normal; text-transform: uppercase; font-size: 0.75em; color: #777; padding-bottom: 0.3em; } .wp-block-search__button.maranatha-button, .widget_tag_cloud a.wp-block-search__button { font-size: 0.825em; } .wp-block-search input, .wp-block-search button { margin-top: 0 !important; margin-bottom: 0 !important; } .wp-block-search button { position: relative; top: 0.1em; margin-left: 0.5em !important; background: none; } /* Tag Cloud */ .wp-block-tag-cloud .tag-cloud-link { margin-right: 0.3em; white-space: nowrap; } .wp-block-tag-cloud .tag-link-count { font-weight: normal; color: #777; } /* Calendar */ .wp-block-calendar { width: 100%; max-width: 600px; } .wp-block-calendar #wp-calendar { width: 100%; min-height: 300px; margin-top: 0; margin-bottom: 0; margin-left: auto; margin-right: auto; } .wp-block-calendar #wp-calendar caption, .wp-block-calendar #wp-calendar td, .wp-block-calendar #wp-calendar th { padding: 0.25em; text-align: left; border: 0; } .wp-block-calendar #wp-calendar caption { padding: 0; font-weight: bold; font-style: normal; } .wp-block-calendar #wp-calendar th { border: 0; background: none; padding: 0.625em 0 0.625em 0.25em; font-weight: bold; } .wp-block-calendar #wp-calendar a { text-decoration: none; } .wp-block-calendar #wp-calendar tfoot td { padding-top: 1.125em; } .wp-block-calendar #wp-calendar tfoot td a { font-weight: bold; text-decoration: none; } .wp-block-calendar #wp-calendar tfoot td#next { text-align: right; padding-right: 8%; } /* Calendar */ .wp-block-calendar { width: 100%; max-width: 600px; } .wp-block-calendar #wp-calendar { width: 100%; min-height: 300px; margin-top: 0; margin-bottom: 0; margin-left: auto; margin-right: auto; } .wp-block-calendar #wp-calendar caption, .wp-block-calendar #wp-calendar td, .wp-block-calendar #wp-calendar th { padding: 0.25em; text-align: left; border: 0; } .wp-block-calendar #wp-calendar caption { padding: 0; font-weight: 500; font-style: normal; text-transform: uppercase; } .wp-block-calendar #wp-calendar th { border: 0; background: none; padding: 0.625em 0 0.625em 0.25em; font-weight: 500; } .wp-block-calendar #wp-calendar a { text-decoration: none; } .wp-block-calendar #wp-calendar tfoot td { padding-top: 1.125em; text-transform: uppercase; } .wp-block-calendar #wp-calendar tfoot td a { font-weight: normal; text-decoration: none; } .wp-block-calendar #wp-calendar tfoot td#next { text-align: right; padding-right: 8%; } /* Social Blocks */ .wp-block-social-link-anchor { margin: 0 !important; } /* Cover - Full Height (remove extra space on edges) */ .wp-block-cover__image-background, .wp-block-cover__background { margin: 0 !important; } /* Page List */ ul.wp-block-page-list { margin-left: 0; } ul.wp-block-page-list ul { margin-left: 2em; } ul.wp-block-page-list li { list-style: none; margin: 0 !important; } /********************************************** * 5. BACKGROUNDS **********************************************/ body { background-color: #fff; } .maranatha-color-main-bg { color: #fff; } .maranatha-color-main-bg a, .maranatha-color-main-bg a:hover { color: #fff; } .maranatha-color-main-bg h1, .maranatha-color-main-bg #maranatha-comments-title, .maranatha-color-main-bg .maranatha-h1, .maranatha-color-main-bg h2, .maranatha-color-main-bg .maranatha-h2, .maranatha-color-main-bg #reply-title { color: #fff; } .maranatha-color-main-bg .maranatha-circle-buttons-list a { border-color: #fff; color: #fff; } .maranatha-color-main-bg .maranatha-circle-buttons-list a:hover { background-color: #fff; color: #000; } .maranatha-color-dark-bg { background-color: #2b2b2b; color: #fff; } .maranatha-color-dark-bg a, .maranatha-color-dark-bg a:hover { color: #fff; border-color: #fff; } .maranatha-color-dark-bg h1, .maranatha-color-dark-bg #maranatha-comments-title, .maranatha-color-dark-bg .maranatha-h1, .maranatha-color-dark-bg h2, .maranatha-color-dark-bg .maranatha-h2, .maranatha-color-dark-bg #reply-title { color: #fff; } .maranatha-color-dark-bg .maranatha-circle-buttons-list a { border-color: #fff; color: #fff; } .maranatha-color-dark-bg .maranatha-circle-buttons-list a:hover { background-color: #fff; color: #000; } .maranatha-color-light-bg { background-color: #fff; color: #000; } .maranatha-color-light-bg a, .maranatha-color-light-bg a:hover { color: #000; border-color: #000; } .maranatha-color-light-bg .maranatha-circle-buttons-list a { border-color: #000; color: #000; } .maranatha-color-light-bg .maranatha-circle-buttons-list a:hover { background-color: #000; color: #fff; } .maranatha-bg, .maranatha-no-comments-section .maranatha-nav-block.maranatha-nav-block-empty { background-color: #fff; } .maranatha-secondary-bg, .maranatha-nav-block.maranatha-nav-block-empty { background-color: #f7f7f7; } /********************************************** * 6. LAYOUT **********************************************/ /*--------------------------------------------- * Viewport Helpers *--------------------------------------------*/ .maranatha-viewport-height { height: 100vh; content: "viewport-units-buggyfill; height: 100vh;"; } .maranatha-viewport-height-near-full { height: 95vh; content: "viewport-units-buggyfill; height: 95vh;"; } .maranatha-viewport-height-three-fourths { height: 75vh; content: "viewport-units-buggyfill; height: 75vh;"; } .maranatha-viewport-height-two-thirds { height: 67vh; content: "viewport-units-buggyfill; height: 67vh;"; } .maranatha-viewport-height-half { height: 50vh; content: "viewport-units-buggyfill; height: 50vh;"; } .maranatha-viewport-height-one-third { height: 33vh; content: "viewport-units-buggyfill; height: 33vh;"; } .maranatha-viewport-height-one-fourth { height: 25vh; content: "viewport-units-buggyfill; height: 25vh;"; } /*--------------------------------------------- * Centered Blocks *--------------------------------------------*/ .maranatha-centered, .maranatha-centered-small, .maranatha-attachment-image .wp-caption-text, .maranatha-centered-medium, .page-template-events-calendar .maranatha-entry-full-content > *:not(#maranatha-calendar), .maranatha-home-section-content, #maranatha-banner-inner, .maranatha-centered-large { margin-left: auto; margin-right: auto; } .maranatha-centered-large { max-width: 1170px; } .maranatha-centered-medium, .page-template-events-calendar .maranatha-entry-full-content > *:not(#maranatha-calendar), .maranatha-home-section-content, #maranatha-banner-inner { max-width: 980px; } .maranatha-centered-small, .maranatha-attachment-image .wp-caption-text { max-width: 700px; } /*--------------------------------------------- * Vertical Spacing *--------------------------------------------*/ .maranatha-vertical-margin-small, div.wpcf7, .alignnone, .aligncenter { margin-top: 3.125rem; margin-bottom: 3.125rem; } .maranatha-vertical-padding-small, .maranatha-footer-no-icons #maranatha-footer-icons-notice { padding-top: 3.125rem; padding-bottom: 3.125rem; } .maranatha-vertical-margin-top-small, #maranatha-calendar-list .maranatha-event-short, #maranatha-sermon-buttons, #maranatha-footer-icons-notice > *:nth-child(2) { margin-top: 3.125rem; } .maranatha-vertical-padding-top-small { padding-top: 3.125rem; } .maranatha-vertical-margin-bottom-small, #respond .comment-notes, #respond .logged-in-as { margin-bottom: 3.125rem; } .maranatha-vertical-padding-bottom-small { padding-bottom: 3.125rem; } .maranatha-vertical-margin-small-content, p, ul, ol, dl, table, q, [class^=wp-block]:not(.wp-block-cover-text):not(.wp-block-embed__wrapper):not(.wp-block-quote):not(.wp-block-pullquote):not(.wp-block-separator), .maranatha-block-wide-container { margin-top: 2.1875rem; margin-bottom: 2.1875rem; } .maranatha-vertical-padding-small-content { padding-top: 2.1875rem; padding-bottom: 2.1875rem; } .maranatha-vertical-margin-top-small-content { margin-top: 2.1875rem; } .maranatha-vertical-padding-top-small-content { padding-top: 2.1875rem; } .maranatha-vertical-margin-bottom-small-content { margin-bottom: 2.1875rem; } .maranatha-vertical-padding-bottom-small-content { padding-bottom: 2.1875rem; } .maranatha-vertical-margin-medium, .maranatha-entry-full-footer-has-terms .maranatha-entry-full-page-nav, hr { margin-top: 4.375rem; margin-bottom: 4.375rem; } .maranatha-vertical-padding-medium, .maranatha-footer-has-icons #maranatha-footer-icons-notice, #maranatha-footer-widgets-row { padding-top: 4.375rem; padding-bottom: 4.375rem; } .maranatha-vertical-margin-top-medium, #maranatha-comments-closed, #respond, #maranatha-comment-nav, .maranatha-comment, .attachment .maranatha-nav-left-right, .attachment .maranatha-entry-content, .attachment .maranatha-compact-content, .attachment .maranatha-comment, .attachment .widget_text .textwidget, .widget_text .attachment .textwidget, #maranatha-calendar-list, .maranatha-entry-has-content #maranatha-calendar, .maranatha-sermon-index, .maranatha-entry-full-footer, #maranatha-content, .maranatha-pagination { margin-top: 4.375rem; } .maranatha-vertical-padding-top-medium { padding-top: 4.375rem; } .maranatha-vertical-margin-bottom-medium, li:not(:last-child) #respond, #maranatha-comments-header, .maranatha-attachment-image, #maranatha-calendar-list h3, #maranatha-calendar-list .maranatha-nav-block-title, #maranatha-sermon-index-header, #maranatha-sermon-media, .maranatha-loop-one-column .maranatha-entry-short, .maranatha-entry-full-map, .maranatha-entry-full-header, .maranatha-entry-full .maranatha-entry-content-inner, .archive #maranatha-content-inner > .maranatha-entry-content, .archive #maranatha-content-inner > .maranatha-compact-content, .archive #maranatha-content-inner > .maranatha-comment, .archive .widget_text #maranatha-content-inner > .textwidget, .widget_text .archive #maranatha-content-inner > .textwidget, .blog #maranatha-content-inner > .maranatha-entry-content, .blog #maranatha-content-inner > .maranatha-compact-content, .blog #maranatha-content-inner > .maranatha-comment, .blog .widget_text #maranatha-content-inner > .textwidget, .widget_text .blog #maranatha-content-inner > .textwidget, .search #maranatha-content-inner > .maranatha-entry-content, .search #maranatha-content-inner > .maranatha-compact-content, .search #maranatha-content-inner > .maranatha-comment, .search .widget_text #maranatha-content-inner > .textwidget, .widget_text .search #maranatha-content-inner > .textwidget { margin-bottom: 4.375rem; } .maranatha-vertical-padding-bottom-medium { padding-bottom: 4.375rem; } .maranatha-vertical-margin-medium-content, .gallery, blockquote, .wp-block-pullquote { margin-top: 3.0625rem; margin-bottom: 3.0625rem; } .maranatha-vertical-padding-medium-content { padding-top: 3.0625rem; padding-bottom: 3.0625rem; } .maranatha-vertical-margin-top-medium-content, .maranatha-home-section-content .maranatha-circle-buttons-list { margin-top: 3.0625rem; } .maranatha-vertical-padding-top-medium-content { padding-top: 3.0625rem; } .maranatha-vertical-margin-bottom-medium-content { margin-bottom: 3.0625rem; } .maranatha-vertical-padding-bottom-medium-content { padding-bottom: 3.0625rem; } .maranatha-vertical-margin-large, .wp-block-separator:not(.is-style-dots), .wp-block-separator.is-style-wide { margin-top: 6.25rem; margin-bottom: 6.25rem; } .maranatha-vertical-padding-large, .maranatha-home-section-content { padding-top: 6.25rem; padding-bottom: 6.25rem; } .maranatha-vertical-margin-top-large, #comments, .maranatha-nav-blocks, .single .maranatha-author-box { margin-top: 6.25rem; } .maranatha-vertical-padding-top-large { padding-top: 6.25rem; } .maranatha-vertical-margin-bottom-large, #maranatha-content { margin-bottom: 6.25rem; } .maranatha-vertical-padding-bottom-large { padding-bottom: 6.25rem; } .maranatha-vertical-margin-large-content, .wp-block-image:not(.alignleft):not(.alignright), .wp-block-cover, .wp-block-audio, .wp-block-video, .wp-block-embed, .wp-block-gallery, .wp-block-quote, .wp-block-quote.is-style-large, .wp-block-separator, .has-background, .wp-block-button, .maranatha-block-wide-container { margin-top: 4.375rem; margin-bottom: 4.375rem; } .maranatha-vertical-padding-large-content { padding-top: 4.375rem; padding-bottom: 4.375rem; } .maranatha-vertical-margin-top-large-content { margin-top: 4.375rem; } .maranatha-vertical-padding-top-large-content { padding-top: 4.375rem; } .maranatha-vertical-margin-bottom-large-content { margin-bottom: 4.375rem; } .maranatha-vertical-padding-bottom-large-content { padding-bottom: 4.375rem; } .maranatha-vertical-margin-medium-small-content, h1, #maranatha-comments-title, h2, h3, h4, h5, h6, .maranatha-h1, .maranatha-home-section-content h2, .maranatha-h2, #reply-title, .maranatha-nav-block-title { margin-top: 3.0625rem; margin-bottom: 2.1875rem; } /*--------------------------------------------- * Main Content
*--------------------------------------------*/ #maranatha-content { display: block; min-height: 20vh; content: "viewport-units-buggyfill; min-height: 20vh;"; overflow: hidden; } .maranatha-has-entry-map #maranatha-content { margin-top: 0; } .maranatha-no-comments-section.maranatha-has-nav-blocks #maranatha-content { margin-bottom: 0; } /********************************************** * 7. HEADER **********************************************/ /*--------------------------------------------- * Header Bar *--------------------------------------------*/ #maranatha-header-top { position: fixed; top: 0; width: 100%; z-index: 99998; padding: 2.8125em 0; } .maranatha-scrolled #maranatha-header-top { padding: 0.625em 0; box-shadow: 0 -5px 80px rgba(255, 255, 255, 0.07); } .admin-bar #maranatha-header-top { top: 32px; } @media screen and (max-width: 782px) { .admin-bar #maranatha-header-top { top: 46px; } } @media screen and (max-width: 600px) { .maranatha-scrolled.admin-bar #maranatha-header-top { top: 0; } } #maranatha-header-top-bg { width: 100%; height: 100%; position: absolute; top: 0; opacity: 0; } .maranatha-scrolled #maranatha-header-top-bg { opacity: 1; } #maranatha-header-top-inner { display: table; width: 100%; min-height: 2em; font-size: 1rem; } #maranatha-header-top-inner > * { display: table-cell; vertical-align: middle; } /*--------------------------------------------- * Logo *--------------------------------------------*/ #maranatha-logo { position: relative; } #maranatha-logo-content { min-width: 200px; text-align: left; } #maranatha-logo-image { position: relative; max-width: 300px; } #maranatha-logo-image a { display: inline-block; } #maranatha-logo-image img { max-width: 100%; max-height: 50px; height: auto; width: auto; } .maranatha-scrolled #maranatha-logo-image img { max-height: 30px; } #maranatha-logo-regular { display: inline-block; } #maranatha-logo-hidpi { display: none; } @media only screen and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-resolution: 120dpi) { .maranatha-has-hidpi-logo #maranatha-logo-regular { display: none; } .maranatha-has-hidpi-logo #maranatha-logo-hidpi[width], .no-js .maranatha-has-hidpi-logo #maranatha-logo-hidpi { display: inline-block; } } #maranatha-logo-text { position: relative; left: -2px; line-height: 1.2; white-space: nowrap; } #maranatha-logo-text a { color: #fff; font-weight: 600; } .maranatha-logo-font-lato #maranatha-logo-text a, .maranatha-logo-font-open-sans #maranatha-logo-text a, .maranatha-logo-font-roboto #maranatha-logo-text a, .maranatha-logo-font-catamaran #maranatha-logo-text a, .maranatha-logo-font-source-sans-pro #maranatha-logo-text a, .maranatha-logo-font-titillium-web #maranatha-logo-text a { font-weight: 400; } .maranatha-logo-font-raleway #maranatha-logo-text a, .maranatha-logo-font-ubuntu #maranatha-logo-text a { font-weight: 500; } #maranatha-logo-text.maranatha-logo-text-extra-small { font-size: 1em; } #maranatha-logo-text.maranatha-logo-text-small { font-size: 1.25em; } #maranatha-logo-text.maranatha-logo-text-medium { font-size: 1.5em; } #maranatha-logo-text.maranatha-logo-text-large { font-size: 1.75em; } #maranatha-logo-text.maranatha-logo-text-extra-large { font-size: 2em; } /*--------------------------------------------- * Menu (Dropdowns) *--------------------------------------------*/ #maranatha-header-menu { padding-left: 1.5em; } #maranatha-header-menu-content { position: relative; top: 0.125em; margin: 0; float: right; font-size: 0.9em; text-align: right; text-transform: uppercase; } #maranatha-header-menu-content > li { display: inline-block; margin: 0.3125em 0 0 1.25em; padding-bottom: 0.5em; vertical-align: top; text-align: left; } #maranatha-header-menu-content > li > a { position: relative; display: inline-block; color: #fff; } /* Superfish (Dropdowns) - http://users.tpg.com.au/j_birch/plugins/superfish/ Copyright (c) 2013 Joel Birch Dual licensed under the MIT and GPL licenses */ .sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; } .sf-menu { float: left; margin-bottom: 1em; line-height: 1; } .sf-menu li { position: relative; } .sf-menu a { display: block; position: relative; font-weight: normal; } .sf-menu li:hover ul, .sf-menu li.sfHover ul { top: 1.5625em; z-index: 12000; } .sf-menu li:not(.maranatha-dropdown-align-right):hover ul, .sf-menu li:not(.maranatha-dropdown-align-right).sfHover ul { left: -1.25em; } .sf-menu li.maranatha-dropdown-align-right:hover ul, .sf-menu li.maranatha-dropdown-align-right.sfHover ul { right: -1.25em; } .sf-menu > li.maranatha-dropdown-open-left > ul ul { left: auto !important; right: 100% !important; } .sf-menu li:hover li ul, .sf-menu li.sfHover li ul, .sf-menu li li:hover li ul, .sf-menu li li.sfHover li ul { top: -999em; } .sf-menu li li:hover ul, .sf-menu li li.sfHover ul, .sf-menu li li li:hover ul, .sf-menu li li li.sfHover ul { left: 10em; top: 0; } .sf-menu ul { position: absolute; top: -999em; width: 10em; padding: 0.75em 0.5em 0.75em 0.625em; border-radius: 0.3125em; background-color: #fff; box-shadow: 0 2px 12px rgba(0, 0, 0, 0.15); } .sf-menu ul ul { margin-top: -0.75em; } .sf-menu ul li { width: 100%; } .sf-menu li li a { padding: 0.4em 0.8em; font-size: 0.9em; line-height: 1.4; } .sf-menu li li.menu-item-has-children a { padding-right: 1.625em; } .sf-menu ul li:hover > a, .sf-menu ul li.sfHover > a, .sf-menu ul a:focus, .sf-menu ul a:hover, .sf-menu ul a:active { outline: 0; color: #000 !important; } .sf-arrows ul .sf-with-ul:after { content: ""; position: absolute; top: 50%; height: 0; width: 0; border-width: 0.4375em; border-style: solid; border-color: transparent; } .sf-arrows .sf-with-ul a:after { right: -1.0625em; margin-top: -0.125em; } .sf-arrows ul .sf-with-ul:after { right: 0.625em; margin-top: -0.375em; margin-right: -0.1875em; } .sf-arrows ul li > .sf-with-ul:focus:after, .sf-arrows ul li:hover > .sf-with-ul:after, .sf-arrows ul .sfHover > .sf-with-ul:after { border-left-color: #000; } /*--------------------------------------------- * Search *--------------------------------------------*/ #maranatha-header-search-opened { display: none; } #maranatha-header-search-closed { display: inline-block; } #maranatha-header-menu { display: table-cell; } .maranatha-search-is-open #maranatha-header-menu, .maranatha-search-is-open #maranatha-header-search-closed { display: none; } .maranatha-search-is-open #maranatha-header-search-opened { display: inline-block; } #maranatha-header-search { position: relative; z-index: 2; padding-left: 1em; text-align: right; } #maranatha-header-search a { color: #fff; } #maranatha-header-search form { position: relative; } #maranatha-header-search input[type=text] { width: 200px; font-size: 0.8em; text-transform: uppercase; color: #fff; border-color: #fff; } #maranatha-header-search input[type=text]:focus { border-color: #fff; } #maranatha-header-search-opened { text-align: right; white-space: nowrap; } #maranatha-header-search-opened > * { vertical-align: middle; display: inline-block; margin-left: 0.375em; } #maranatha-header-search-mobile { position: relative; z-index: 2; width: auto; display: block; padding: 0.875em 0 1.125em 0.6875em; text-align: left; } #maranatha-header-search-mobile a { font-size: 1.3em; width: auto; float: none; } #maranatha-header-search-mobile form { position: relative; } #maranatha-header-search-mobile form > * { vertical-align: middle; display: inline-block; margin-left: 0.375em; } #maranatha-header-search-mobile input[type=text] { width: 150px; height: 2.0625em; border-radius: 2.0625em; padding: 0 0.9375em; text-transform: uppercase; line-height: 2.0625em; } #maranatha-header-search-mobile input[type=text]:focus { border-color: #000 !important; } /*--------------------------------------------- * Mobile Menu *--------------------------------------------*/ /* MeanMenu - https://github.com/meanthemes/meanMenu GPL License, Copyright (c) 2013 Chris Wharton A responsive menu appears at the top and the regular menu disappears on small devices */ a.meanmenu-reveal { display: none; } .mean-container .mean-bar { position: relative; z-index: 1; width: 70px; height: 0 !important; margin-right: 4.5%; padding: 0; float: right; text-align: right; } .mean-container a.meanmenu-reveal { display: block; position: absolute; top: -11px; right: 5% !important; width: 22px; padding: 0; cursor: pointer; font-size: 1px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; line-height: 22px; text-decoration: none; text-indent: -9999em; color: #fff; } .mean-container a.meanmenu-reveal span { display: block; margin-top: 3px; height: 3px; background-color: #fff; } .mean-container .el-remove-sign { position: relative; top: 1px; left: 1px; } .mean-container .mean-nav { display: inline-block; width: 226px; margin: 1.3em 0 0 0; float: right; font-size: 1em; line-height: 1.3; text-transform: uppercase; border-radius: 0.3125em; background-color: #fff; box-shadow: 0 2px 12px rgba(0, 0, 0, 0.15); background-color: #fff; max-height: 350px; max-height: calc(100vh - 80px); content: "viewport-units-buggyfill; max-height: $max-height;"; overflow: auto; } .mean-container .mean-nav ul { width: 100%; margin: 0; padding: 0; list-style-type: none; } .mean-container .mean-nav ul li { position: relative; width: 100%; float: left; overflow: hidden; } .mean-container .mean-nav ul li a { display: inline-block; width: calc( 100% - 4.8em ); margin: 0.3125em 0 0.3125em 1em; float: left; text-align: left; text-decoration: none; } .mean-container .mean-nav > ul > li:first-child > a { margin-top: 0.8125em; } .mean-container .mean-nav > ul > li:first-child > a.mean-expand { margin-top: 0.55em; } .mean-container .mean-nav > ul > li:last-child > a { margin-bottom: 0.8125em; } .mean-container .mean-nav > ul > li:last-child > ul { position: relative; top: -0.5em; } .mean-container .mean-nav ul li li a { width: calc( 100% - 6.5em ); padding-left: 5%; font-size: 0.85em; margin-top: 0.4375em; margin-bottom: 0.4375em; text-shadow: none !important; text-transform: uppercase; visibility: visible; } .mean-container .mean-nav ul li li li a { width: calc( 100% - 7em ); padding-left: 10%; font-style: italic; } .mean-container .mean-nav ul li li li li a { width: calc( 100% - 8em ); padding-left: 15%; } .mean-container .mean-nav ul li li li li li a { width: calc( 100% - 9.5em ); padding-left: 20%; } .mean-container .mean-nav ul li.mean-last a { margin-bottom: 0.5em; border-bottom: none; } .mean-container .mean-nav ul li a.mean-expand { position: absolute; right: 0; top: 0; z-index: 2; width: 16px; height: 16px; margin: 0.2em 0.6em 0 0; padding: 0; border-style: solid; border-width: 1px; border-radius: 8px; text-align: center; font-size: 1.3em !important; font-family: Arial, Helvetica, sans-serif; line-height: 1; } .mean-container .mean-nav ul li a.mean-expand.mean-clicked { line-height: 0.9; } .mean-container .mean-push { width: 100%; padding: 0; margin: 0; float: left; clear: both; } .mean-nav .wrapper { width: 100%; margin: 0; padding: 0; } .mean-container .mean-bar, .mean-container .mean-bar * { box-sizing: content-box; } .mean-remove { display: none !important; } /*--------------------------------------------- * Banner *--------------------------------------------*/ #maranatha-banner { position: relative; width: 100%; z-index: 6; } #maranatha-banner-image { position: absolute; top: 0; width: 100%; height: 100%; background-size: cover; background-position: center center; background-repeat: no-repeat; } #maranatha-banner-inner { display: table; position: relative; height: 100%; padding: 8% 0; } #maranatha-banner-title { display: table-cell; vertical-align: middle; text-align: center; padding: 0 2.5em; } #maranatha-banner-title div { display: block; margin-top: 1.3em; margin-bottom: 0; } .maranatha-has-logo-image #maranatha-banner-title div { margin-top: 1.6em; } /*--------------------------------------------- * Header Bottom *--------------------------------------------*/ #maranatha-header-bottom { z-index: 5; width: 100%; } .maranatha-has-entry-map #maranatha-header-bottom { position: absolute; background-color: rgba(255, 255, 255, 0.92); } #maranatha-header-bottom.maranatha-has-header-archives.maranatha-has-breadcrumbs .ctfw-breadcrumbs { margin-right: 0.9375em; } #maranatha-header-bottom.maranatha-has-header-archives.maranatha-has-breadcrumbs #maranatha-header-archives { margin-left: 0.9375em; } #maranatha-header-bottom-inner { margin-top: 0.8125em; margin-bottom: 0.8125em; } .ctfw-breadcrumbs, #maranatha-header-archives, .maranatha-header-archive-dropdown { display: inline-block; padding: 3px 0; font-size: 0.8em; text-transform: uppercase; } .ctfw-breadcrumbs { float: left; } .ctfw-breadcrumbs a { font-weight: normal; } .maranatha-breadcrumb-separator { display: inline-block; padding: 0 0.3125em; color: #777; } #maranatha-header-archives { margin: 0; list-style: none; float: right; } .maranatha-header-archive-top { display: inline-block; margin-right: 0.9375em; } .maranatha-header-archive-top:last-child { margin-right: 0; } #maranatha-header-archives-section-name { padding-right: 0.3125em; } .maranatha-header-archive-top-name { white-space: nowrap; } .maranatha-header-archive-top-name .el { margin-left: 0.4375em; font-size: 0.8em; position: relative; top: -0.0625em; } .maranatha-header-archive-top-name.maranatha-dropdown-open { color: #000; } .maranatha-header-archive-dropdown { display: none; width: 15.625em; margin-top: 0.3125em; margin-left: -1.5625em; } .maranatha-header-archive-dropdown.maranatha-dropdown-anchor-right { margin-left: 1.5625em; } .maranatha-header-archive-dropdown .maranatha-dropdown-panel { padding-right: 1.6875em; text-transform: uppercase; } .maranatha-header-archive-dropdown ul { margin: 0; list-style: none; font-size: 1.05em; line-height: 1.4; } .maranatha-header-archive-dropdown ul li { margin: 0.5em 0; } .maranatha-header-archive-dropdown ul li:first-child { margin-top: 0.3125em; } .maranatha-header-archive-dropdown ul li:last-child { margin-bottom: 0.125em; } .maranatha-header-archive-dropdown ul li a { display: inline-block; max-width: 10em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .maranatha-header-archive-dropdown ul li .maranatha-header-archive-dropdown-count { display: inline-block; float: right; } .maranatha-header-archive-dropdown-all a { font-weight: 600; } .page-template-events-upcoming .maranatha-header-archive-dropdown-count, .page-template-events-past .maranatha-header-archive-dropdown-count, .tax-ctc_event_category .maranatha-header-archive-dropdown-count { display: none !important; } /********************************************** * 8. FOOTER **********************************************/ /*--------------------------------------------- * Footer Container *--------------------------------------------*/ #maranatha-footer { z-index: 0; position: relative; } /*--------------------------------------------- * Footer at Bottom *--------------------------------------------*/ body:not(.mce-content-body) { display: flex; flex-direction: column; min-height: 100vh; content: "viewport-units-buggyfill; min-height: 100vh;"; } #maranatha-content { flex: 1; } @media screen\0 { body:not(.mce-content-body) { display: block; min-height: 0; } #maranatha-content { flex: none; } } /*--------------------------------------------- * Footer Widgets *--------------------------------------------*/ #maranatha-footer-widgets-row { min-height: 300px; background-color: #f7f7f7; } #maranatha-footer-widgets-row.maranatha-footer-widgets-row-light { background-color: #fff; } #maranatha-footer-widgets { margin-right: -6%; } #maranatha-footer-widgets aside { display: block; float: left; margin-right: 6%; width: 27.333%; line-height: 1.8; } #maranatha-footer-widgets aside > *:first-child { margin-top: 0; } #maranatha-footer-widgets aside > *:last-child { margin-bottom: 0; } /*--------------------------------------------- * Footer Map *--------------------------------------------*/ #maranatha-footer .maranatha-map-section, #maranatha-footer #maranatha-map-section-canvas { max-height: 450px; } /*--------------------------------------------- * Footer Icons / Notice *--------------------------------------------*/ #maranatha-footer-icons .maranatha-list-icons { font-size: 2em; text-align: center; } #maranatha-footer-notice { font-size: 0.85em; text-align: center; } /*--------------------------------------------- * Footer Stickies *--------------------------------------------*/ #maranatha-stickies { display: none; position: fixed; bottom: 0; width: 100%; z-index: 1000; } #maranatha-stickies-inner { position: relative; } #maranatha-stickies-inner > aside { position: absolute; bottom: 0; padding: 1.0625em 1.25em; background-color: #fff; font-size: 0.8em; text-transform: uppercase; line-height: 1.3; } #maranatha-stickies-left { left: 0; border-radius: 0 0.3125em 0 0; background-color: #fff; box-shadow: 0 2px 12px rgba(0, 0, 0, 0.15); } .maranatha-stickies-left-item { margin-right: 1.125em; display: inline-block; } .maranatha-stickies-left-item:last-child { margin-right: 0; } /* Date */ .maranatha-stickies-left-item-date { padding-right: 0.625em; color: #777; } .maranatha-stickies-left-type-content { max-width: 60%; } #maranatha-stickies-right { right: 0; border-radius: 0.3125em 0 0 0; background-color: #fff; box-shadow: 0 2px 12px rgba(0, 0, 0, 0.15); } #maranatha-stickies-right ul { list-style: none; margin: 0; } #maranatha-stickies-right li { display: inline-block; margin-right: 1em; } #maranatha-stickies-right li:last-child { margin-right: 0; } #maranatha-stickies-right .el { padding-right: 0.3125em; position: relative; } #maranatha-stickies-right .el.el-comment { top: 0.125em; font-size: 1.1em; } #maranatha-stickies-right .el.el-edit { top: 0.0625em; } /********************************************** * 9. WIDGETS **********************************************/ /*--------------------------------------------- * Shared Styles *--------------------------------------------*/ .maranatha-widget .maranatha-entry-short { text-align: left; } .maranatha-widget .maranatha-entry-short > *, .maranatha-widget .maranatha-entry-short .maranatha-entry-short-header > * { margin-top: 0.625em; } .maranatha-widget .maranatha-entry-short > *:first-child, .maranatha-widget .maranatha-entry-short .maranatha-entry-short-header > *:first-child { margin-top: 0; } .maranatha-widget .maranatha-entry-short .maranatha-entry-short-image { margin-top: 0.625em !important; } .maranatha-widget .maranatha-entry-short .maranatha-entry-short-header h3, .maranatha-widget .maranatha-entry-short .maranatha-entry-short-header .maranatha-nav-block-title { margin-top: 0.625em; padding-top: 0.4375em; font-size: 1.2em !important; } .maranatha-widget .maranatha-entry-short:not(first-child) { margin-top: 1.25em; } .maranatha-widget .maranatha-entry-content-short { text-align: left; } .maranatha-widget .maranatha-entry-content-short { line-height: 1.6; } .maranatha-widget-entry-icons li { position: relative; top: -0.125em; } .maranatha-widget-entry-icons .el { position: relative; } .maranatha-widget-entry-icons .el-video { font-size: 1.1em; } .maranatha-widget-entry-icons .el-headphones { top: -0.0625em; } .maranatha-widget-entry-icons .el-file { top: -0.0625em; font-size: 0.95em; } .widget_ctfw-archives form, .widget_ctfw-categories form { margin: 0; } .widget_ctfw-archives select, .widget_ctfw-categories select { margin-left: 1px; width: 100%; max-width: 250px; } /*--------------------------------------------- * CT Locations *--------------------------------------------*/ .maranatha-location-short-image-and-map .maranatha-entry-short-map { margin-top: 1.25em !important; } /*--------------------------------------------- * CT People *--------------------------------------------*/ .maranatha-widget .maranatha-person-short.maranatha-widget-entry-showing-image .maranatha-entry-short-header > *:not(.maranatha-entry-short-image) { position: relative; top: -0.0625em; margin-left: 6.25em !important; } .maranatha-widget .maranatha-person-short.maranatha-widget-entry-showing-image .maranatha-entry-short-header h3, .maranatha-widget .maranatha-person-short.maranatha-widget-entry-showing-image .maranatha-entry-short-header .maranatha-nav-block-title { margin-top: 0; position: relative; left: -1.25em; } .maranatha-widget .maranatha-person-short.maranatha-widget-entry-showing-image .maranatha-entry-short-image { float: left; width: 5em; border-radius: 2.5em; border-radius: 50%; } .maranatha-widget .maranatha-person-short.maranatha-widget-entry-showing-image .maranatha-entry-short-image img { width: 5em; height: auto; border-radius: 2.5em; border-radius: 50%; } /*--------------------------------------------- * WP Search *--------------------------------------------*/ .widget_search .maranatha-search-field { margin-left: 0; } .widget_search .maranatha-search-button { font-size: 1.5em; } /*--------------------------------------------- * WP Recent Comments *--------------------------------------------*/ .widget_recent_comments li { margin-top: 1.25em; } /*--------------------------------------------- * WP Text Widget *--------------------------------------------*/ /*--------------------------------------------- * WP Tag Cloud Widget *--------------------------------------------*/ .widget_tag_cloud .tagcloud { font-size: 0.67em !important; } .widget_tag_cloud a { margin: 0.3125em 0.3125em 0.3125em 0; font-size: 1em !important; } /*--------------------------------------------- * WP Calendar Widget *--------------------------------------------*/ .wp-calendar-table { margin-top: 0 !important; } .widget_calendar #wp-calendar { width: 100%; max-width: 500px; margin-bottom: 0; margin-left: auto; margin-right: auto; } .widget_calendar #wp-calendar caption, .widget_calendar #wp-calendar td, .widget_calendar #wp-calendar th { text-align: center; padding: 0.25em; } .widget_calendar #wp-calendar caption { padding: 0 0 0.5em 0; font-weight: 200; } .widget_calendar #wp-calendar caption a { font-weight: 200; } .widget_calendar #wp-calendar th { border: 0; padding: 0.625em 0; font-weight: normal; } .widget_calendar #wp-calendar nav span { padding-top: 1.125em; text-transform: uppercase; } .textwidget > :first-child { margin-top: 0; } .textwidget > :last-child { margin-bottom: 0 !important; } /*--------------------------------------------- * WP RSS Widget *--------------------------------------------*/ .widget_rss ul { margin: 0; list-style: none; } .widget_rss li { line-height: 1.6; } .widget_rss li:not(:first-child) { margin-top: 1.125em; } .widget_rss li:not(:first-child) a { margin-top: 0; margin-bottom: 0; } .widget_rss h2 img, .widget_rss .maranatha-h2 img, .widget_rss #reply-title img { display: none; } .widget_rss .rss-date, .widget_rss .rssSummary, .widget_rss cite { margin-top: 0.375em; font-size: 0.9em; } .widget_rss .rss-date { display: block; } .widget_rss cite { display: block; font-style: italic; } /*--------------------------------------------- * CT Highlight Widget *--------------------------------------------*/ .widget_ctfw-highlight { max-width: 500px; } .widget_ctfw-highlight .maranatha-widget-title, .widget_ctfw-highlight .maranatha-widget-title h2, .widget_ctfw-highlight .maranatha-widget-title .maranatha-h2, .widget_ctfw-highlight .maranatha-widget-title #reply-title { font-size: 1em; margin: 0; } .maranatha-caption-image-inner { background-color: #ededed; } /*--------------------------------------------- * CT Gallery Widget *--------------------------------------------*/ .maranatha-widget .gallery { margin-top: 0; margin-bottom: 0; } .maranatha-gallery-widget-link { margin-top: 1.875em; font-size: 0.9em; text-align: center; } /*--------------------------------------------- * CT Giving Widget *--------------------------------------------*/ .maranatha-giving-widget-button { margin-top: 2.1875em; } /********************************************** * 10. HOMEPAGE **********************************************/ /*--------------------------------------------- * Sections *--------------------------------------------*/ .maranatha-home-section { display: table; width: 100%; position: relative; } .maranatha-home-section.maranatha-map-section { display: block; } .maranatha-section-has-image-or-video .maranatha-home-section-color, .maranatha-section-no-image-or-video.maranatha-color-dark-bg .maranatha-home-section-color { position: absolute; top: 0; width: 100%; height: 100%; opacity: 0.05; } .maranatha-home-section-media, #maranatha-home-section-video-color, #maranatha-home-section-video, .maranatha-home-section-image { position: absolute; top: 0; width: 100%; height: 100%; } .maranatha-home-section-image { background-size: cover; background-repeat: no-repeat; background-position: center center; background-attachment: fixed; } .js .maranatha-section-has-video .maranatha-home-section-image { display: none; } @media all and (max-device-width: 1024px) { .maranatha-home-section-image { background-attachment: scroll; } } .maranatha-is-mobile .maranatha-home-section-image { background-attachment: scroll; } #maranatha-home-section-video-vide { width: 100%; height: 100%; opacity: 0.99999; } #maranatha-home-section-video-vide video { position: fixed !important; } .maranatha-home-section-inner { display: table-cell; position: relative; z-index: 1; vertical-align: middle; text-align: center; } .maranatha-home-section-content { padding-left: 2em; padding-right: 2em; text-align: center; } .maranatha-home-section-content > *:first-child { margin-top: 0; } .maranatha-home-section-content > *:last-child { margin-bottom: 0; } .maranatha-home-section-content p { font-size: 1.8rem; font-weight: 300; } .maranatha-home-section-content p a { border-bottom: 1px solid; } .maranatha-body-font-lato .maranatha-home-section-content p b, .maranatha-body-font-open-sans .maranatha-home-section-content p b, .maranatha-body-font-roboto .maranatha-home-section-content p b, .maranatha-body-font-catamaran .maranatha-home-section-content p b, .maranatha-body-font-source-sans-pro .maranatha-home-section-content p b, .maranatha-body-font-titillium-web .maranatha-home-section-content p b, .maranatha-body-font-lato .maranatha-home-section-content p strong, .maranatha-body-font-open-sans .maranatha-home-section-content p strong, .maranatha-body-font-roboto .maranatha-home-section-content p strong, .maranatha-body-font-catamaran .maranatha-home-section-content p strong, .maranatha-body-font-source-sans-pro .maranatha-home-section-content p strong, .maranatha-body-font-titillium-web .maranatha-home-section-content p strong, .maranatha-body-font-lato .maranatha-home-section-content p a, .maranatha-body-font-open-sans .maranatha-home-section-content p a, .maranatha-body-font-roboto .maranatha-home-section-content p a, .maranatha-body-font-catamaran .maranatha-home-section-content p a, .maranatha-body-font-source-sans-pro .maranatha-home-section-content p a, .maranatha-body-font-titillium-web .maranatha-home-section-content p a { font-weight: 400; } .maranatha-body-font-raleway .maranatha-home-section-content p b, .maranatha-body-font-ubuntu .maranatha-home-section-content p b, .maranatha-body-font-raleway .maranatha-home-section-content p strong, .maranatha-body-font-ubuntu .maranatha-home-section-content p strong, .maranatha-body-font-raleway .maranatha-home-section-content p a, .maranatha-body-font-ubuntu .maranatha-home-section-content p a { font-weight: 500; } .maranatha-home-section-content img { max-width: 100%; } /*--------------------------------------------- * Header Section *--------------------------------------------*/ .js #maranatha-home-section-1 { visibility: hidden; } #maranatha-home-section-1 .maranatha-home-section-content { margin-top: 4.375em; } .admin-bar #maranatha-home-section-1 .maranatha-home-section-content { margin-top: calc( 4.375em - 32px ); } #maranatha-home-header-arrow { position: absolute; bottom: 2em; left: 0; width: 100%; text-align: center; font-size: 1.1rem; opacity: 0.4; transition: all 0.3s ease-out; } .admin-bar #maranatha-home-header-arrow { bottom: calc( 2em + 32px ); } .maranatha-scrolled #maranatha-home-header-arrow { opacity: 0; } @supports (-ms-ime-align: auto) { #maranatha-home-header-arrow { display: none; } } /********************************************** * 11. ENTRY STYLES **********************************************/ /*--------------------------------------------- * Shared Styles (Full + Short + Comments) *--------------------------------------------*/ .maranatha-entry-content, .maranatha-compact-content, .maranatha-comment, .widget_text .textwidget, .maranatha-entry-content-inner { font-size: 1em; line-height: 1.8; } .maranatha-entry-content > :first-child, .maranatha-compact-content > :first-child, .maranatha-comment > :first-child, .widget_text .textwidget > :first-child, .maranatha-entry-content-inner > :first-child { margin-top: 0; } .maranatha-entry-content > :last-child, .maranatha-compact-content > :last-child, .maranatha-comment > :last-child, .widget_text .textwidget > :last-child, .maranatha-entry-content-inner > :last-child { margin-bottom: 0; } /*--------------------------------------------- * Full / Single *--------------------------------------------*/ .maranatha-entry-full > .maranatha-entry-content #maranatha-loop-after-content, .maranatha-entry-full > .maranatha-compact-content #maranatha-loop-after-content, .maranatha-entry-full > .maranatha-comment #maranatha-loop-after-content, .widget_text .maranatha-entry-full > .textwidget #maranatha-loop-after-content, .archive #maranatha-content-inner > .maranatha-entry-content #maranatha-loop-after-content, .archive #maranatha-content-inner > .maranatha-compact-content #maranatha-loop-after-content, .archive #maranatha-content-inner > .maranatha-comment #maranatha-loop-after-content, .archive .widget_text #maranatha-content-inner > .textwidget #maranatha-loop-after-content, .widget_text .archive #maranatha-content-inner > .textwidget #maranatha-loop-after-content, .blog #maranatha-content-inner > .maranatha-entry-content #maranatha-loop-after-content, .blog #maranatha-content-inner > .maranatha-compact-content #maranatha-loop-after-content, .blog #maranatha-content-inner > .maranatha-comment #maranatha-loop-after-content, .blog .widget_text #maranatha-content-inner > .textwidget #maranatha-loop-after-content, .widget_text .blog #maranatha-content-inner > .textwidget #maranatha-loop-after-content, .search #maranatha-content-inner > .maranatha-entry-content #maranatha-loop-after-content, .search #maranatha-content-inner > .maranatha-compact-content #maranatha-loop-after-content, .search #maranatha-content-inner > .maranatha-comment #maranatha-loop-after-content, .search .widget_text #maranatha-content-inner > .textwidget #maranatha-loop-after-content, .widget_text .search #maranatha-content-inner > .textwidget #maranatha-loop-after-content { font-size: 0.863em; } .maranatha-exceed-700-980, .maranatha-image-exceed-700-980, .maranatha-content-width-700 .maranatha-entry-full-content > .gallery, .maranatha-content-width-700 .maranatha-entry-full-content > blockquote { margin-left: -140px; margin-right: -140px; } .maranatha-exceed-980-1170 { margin-left: -70px; margin-right: -70px; } .maranatha-entry-full-header { overflow: hidden; } .maranatha-entry-full-map .maranatha-map-section, .maranatha-entry-full-map #maranatha-map-section-canvas { max-height: 350px; } .maranatha-has-header-bottom .maranatha-entry-full-map #maranatha-map-section-content > * { padding-top: 50px; } .maranatha-entry-full-meta { margin: -1.5em -1.875em 0 0; padding-top: 0.3125em; padding-bottom: 0.0625em; list-style: none; text-align: center; } .maranatha-entry-full-meta > li { display: inline-block; max-width: 21.875em; margin: 1.5em 1.875em 0 0; vertical-align: top; line-height: 1.4; } .maranatha-entry-full-meta-label { text-transform: uppercase; font-size: 0.8em; } .maranatha-entry-full-meta-second-line { font-style: italic; } .maranatha-entry-full-icons { font-size: 1.4em; position: relative; top: -0.1875em; } .maranatha-entry-full-footer-item { margin: 1.25em 0; text-align: center; } .maranatha-entry-full-footer-item:first-child { margin-top: 0; } .maranatha-entry-full-footer-terms { margin-top: 0.625em; } .maranatha-entry-full-footer-terms:first-child { margin-top: 0; } .maranatha-entry-full-footer-terms .el-tags { position: relative; top: 2px; left: -1px; } .maranatha-entry-full-page-nav { text-align: center; } .maranatha-entry-full-page-nav li { margin: 0 0.5em; } .maranatha-entry-full-footer-no-terms.maranatha-no-comments-section .maranatha-entry-full-page-nav { position: relative; top: -1.125em; padding-top: 1.125em; } .maranatha-buttons-list.maranatha-entry-full-page-nav { margin-bottom: 2em !important; } .post-password-form { font-size: 0.863em; } .post-password-form label { font-weight: 600; } .post-password-form input[type=password] { display: block; margin: 20px 0; } /*--------------------------------------------- * Short / Multiple *--------------------------------------------*/ .maranatha-entry-short { text-align: center; } .maranatha-entry-short > *, .maranatha-entry-short .maranatha-entry-short-header > * { margin-top: 1.125em; } .maranatha-entry-short > *:first-child, .maranatha-entry-short .maranatha-entry-short-header > *:first-child { margin-top: 0; } .maranatha-entry-short h2, .maranatha-entry-short .maranatha-h2, .maranatha-entry-short #reply-title, .maranatha-entry-short h3, .maranatha-entry-short .maranatha-nav-block-title { margin-top: 1.125em; margin-bottom: 0; padding-top: 0.125em; padding-bottom: 0.125em; font-size: 1.4em !important; font-weight: 400; } .maranatha-entry-short h2 a, .maranatha-entry-short .maranatha-h2 a, .maranatha-entry-short #reply-title a, .maranatha-entry-short h3 a, .maranatha-entry-short .maranatha-nav-block-title a { font-weight: 400; } .maranatha-entry-short-image { display: inline-block; margin-top: 0.375em !important; } .maranatha-entry-short-meta { margin-left: -0.625em; margin-right: -0.625em; margin-bottom: 0; padding-top: 0.1875em; font-size: 0.9em; } .maranatha-entry-short-meta > li { margin: 0 0.625em; display: inline-block; vertical-align: top; line-height: 1.4; } .maranatha-entry-short-separator { margin: 0 0.3125em; } .maranatha-entry-short-secondary { color: #444; font-style: italic; } .maranatha-entry-content-short { position: relative; padding-bottom: 0.25em; text-align: justify; font-size: 0.9em; } .maranatha-entry-short-footer { margin-bottom: 0.25em; padding-top: 0.4375em; font-size: 0.9em; } .maranatha-loop-one-column .maranatha-entry-short { max-width: 700px; margin-left: auto; margin-right: auto; } .maranatha-loop-one-column .maranatha-entry-short:last-child { margin-bottom: 0; } .maranatha-loop-one-column .maranatha-entry-short > *, .maranatha-loop-one-column .maranatha-entry-short .maranatha-entry-short-header > * { margin-top: 1.375em; } .maranatha-loop-one-column .maranatha-entry-short > *:first-child, .maranatha-loop-one-column .maranatha-entry-short .maranatha-entry-short-header > *:first-child { margin-top: 0; } .maranatha-loop-one-column .maranatha-entry-short-meta, .maranatha-loop-one-column .maranatha-entry-content-short, .maranatha-loop-one-column .maranatha-entry-short-footer { font-size: 1em; } .maranatha-loop-two-columns .maranatha-entry-short { display: block; float: left; width: 44%; width: calc(49.9% - 2.5em); margin-bottom: 4.4em; } .maranatha-loop-two-columns .maranatha-entry-short:not(:nth-child(2n)) { margin-right: 5em; } .maranatha-loop-two-columns .maranatha-entry-short:nth-last-of-type(-n+2) { margin-bottom: 0; } .maranatha-loop-three-columns#maranatha-loop-multiple { margin-bottom: -3.5625em; } .maranatha-loop-three-columns .maranatha-entry-short { display: block; float: left; width: 27%; width: calc(33.2% - 2.7083333333em); margin-bottom: 3.4625em; } .maranatha-loop-three-columns .maranatha-entry-short h2, .maranatha-loop-three-columns .maranatha-entry-short .maranatha-h2, .maranatha-loop-three-columns .maranatha-entry-short #reply-title { padding-top: 0.0625em; } .maranatha-loop-three-columns .maranatha-entry-short:not(:nth-child(3n)) { margin-right: 4.0625em; } .sticky { display: block; } /********************************************** * 12. SERMONS **********************************************/ /*--------------------------------------------- * Full / Single *--------------------------------------------*/ #maranatha-sermon-buttons { text-align: center; } #maranatha-sermon-download-dropdown { width: 13.75em; margin-left: -2.625em; margin-top: -1.25em; } #maranatha-sermon-download-dropdown .maranatha-dropdown-panel { padding-right: 1.25em; text-transform: uppercase; font-size: 0.85em; } #maranatha-sermon-download-dropdown ul { margin: 0; list-style: none; line-height: 2; } #maranatha-sermon-download-dropdown .el { display: inline-block; width: 1.5em; } .maranatha-sermon-download-dropdown-filesize { float: right; } /*--------------------------------------------- * Sermon Indexes *--------------------------------------------*/ .maranatha-sermon-index { font-size: 0.863em; } .maranatha-sermon-index > * { margin-top: 0; } .maranatha-sermon-index > *:last-child { margin-bottom: 0; } #maranatha-sermon-index-header { text-align: center; } #maranatha-sermon-index-header ul { margin-top: 0; } #maranatha-sermon-index-none { text-align: center; } .maranatha-sermon-index-list { margin-bottom: -1.25em !important; line-height: 1.3; } .maranatha-sermon-index-list ul { margin-top: 0.5em; } .maranatha-sermon-index-list ul ul { margin-left: 1.25em; } .maranatha-sermon-index-list > li { padding-bottom: 1.25em; } .maranatha-sermon-index-list > li > .maranatha-list-item-count { top: 0.375em; } .maranatha-sermon-index-list li li { margin-bottom: 0.5em; } .maranatha-sermon-index-list li li a { font-size: 1em; } .maranatha-sermon-index-list.maranatha-sermon-index-list-three-columns { -moz-column-count: 3; column-count: 3; -moz-column-gap: 6.25em; column-gap: 6.25em; } .maranatha-sermon-index-list.maranatha-sermon-index-list-two-columns { -moz-column-count: 2; column-count: 2; -moz-column-gap: 4.375em; column-gap: 4.375em; } #maranatha-sermon-books-list { margin-bottom: -3.125em; } .maranatha-sermon-books-testament { display: inline-block; width: 44.5%; margin-bottom: 3.125em; vertical-align: top; } .maranatha-sermon-books-testament:nth-child(odd) { margin-right: 10%; } .maranatha-sermon-books-testament h2, .maranatha-sermon-books-testament .maranatha-h2, .maranatha-sermon-books-testament #reply-title { margin-top: 0; text-align: center; } .maranatha-sermon-books-testament ul { -moz-column-count: 2; column-count: 2; -moz-column-gap: 3.75em; column-gap: 3.75em; padding-bottom: 0.75em; } .maranatha-sermon-books-testament .maranatha-list-item-count { font-size: 0.863em; } #maranatha-sermon-dates-list { text-align: center; } #maranatha-sermon-dates-list ul { margin: 0; } #maranatha-sermon-dates-list li { margin: 0 0.9375em; display: inline-block; list-style: 0; font-size: 0.863em; } .maranatha-sermon-dates-count { position: relative; top: -0.0625em; margin-left: 0.3125em; font-size: 0.9em; } #maranatha-sermon-series-list { text-align: center; } #maranatha-sermon-series-list ul { margin-top: 0; margin-bottom: -2.625em; margin-left: -1.5625em; margin-right: -1.5625em; } #maranatha-sermon-series-list li { display: inline-block; width: 27%; min-width: 250px; margin-bottom: 2.525em; margin-left: 1.5625em; margin-right: 1.5625em; list-style: none; vertical-align: top; line-height: 1.3; } #maranatha-sermon-series-list a { display: inline-block; line-height: 1.2; } #maranatha-sermon-series-list .maranatha-sermon-series-dates, #maranatha-sermon-series-list .maranatha-sermon-series-count { margin-top: 0.3125em; font-size: 0.85em; } /*--------------------------------------------- * Embeds *--------------------------------------------*/ .sermonnet .fluid-width-video-wrapper { padding-top: 0 !important; } /********************************************** * 13. EVENTS **********************************************/ /*--------------------------------------------- * Calendar *--------------------------------------------*/ #maranatha-calendar { position: relative; font-size: 0.863em; } #maranatha-calendar-loading { display: none; opacity: 0.7; width: 100%; height: 100%; position: absolute; top: 0; z-index: 100; background-color: #fff; } #maranatha-calendar-header { margin-top: -0.625em; } #maranatha-calendar-header-left { float: left; margin-right: 1.5625em; line-height: 3; vertical-align: middle; } #maranatha-calendar-title { display: inline-block; margin: 0; vertical-align: middle; font-size: 2.2em; line-height: 1.8; } #maranatha-calendar-title span { display: inline-block; margin-right: 0.9375em; } #maranatha-calendar-title-category { display: inline-block; } #maranatha-calendar-remove-category { margin-left: 0.25em; display: inline-block; position: relative; } #maranatha-calendar-remove-category a { position: relative; top: -0.4375em; font-size: 0.4em; color: rgba(119, 119, 119, 0.7); } #maranatha-calendar-header-right { float: right; padding-top: 0.125em; line-height: 3; font-size: 1.3em; } #maranatha-calendar-header-right a { position: relative; margin-left: 0; padding: 0 0.15625em; text-align: center; } #maranatha-calendar-header-right a:first-child { margin-left: 0; } #maranatha-calendar-header-right .el-calendar { font-size: 1.1em; } #maranatha-calendar-header-right .el-folder { top: 0.0625em; font-size: 1.2em; } .maranatha-calendar-dropdown { margin-top: 0.625em; left: 0.9375em; text-transform: uppercase; font-size: 0.85em; } .maranatha-calendar-dropdown .maranatha-dropdown-panel, .maranatha-calendar-dropdown .maranatha-dropdown-menu { position: relative; right: -1.25em; } #maranatha-calendar-month-dropdown { width: 13.75em; line-height: 2; } .maranatha-calendar-month-dropdown-year { margin-top: 0.75em; font-size: 1.2em; } .maranatha-calendar-month-dropdown-year:first-child { margin-top: 0; } .maranatha-calendar-month-dropdown-months { margin: 0; list-style: none; } .maranatha-calendar-month-dropdown-months li { display: inline-block; width: 23%; } #maranatha-calendar-category-dropdown ul { padding-top: 0.625em; padding-bottom: 0.5em; } #maranatha-calendar-table { margin-top: 1.5625em; margin-bottom: 0; border-collapse: separate; border-spacing: 0; table-layout: fixed; border: 0 !important; overflow: hidden; } .maranatha-calendar-table-top { height: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; } #maranatha-calendar-table th, #maranatha-calendar-table td { border: 0; padding: 0; position: relative; } .maranatha-calendar-table-header-row { height: 37px; } .maranatha-calendar-table-header { width: 14.2857142857%; border-width: 1px !important; border-style: solid !important; vertical-align: middle; } .maranatha-calendar-table-header-content { padding-bottom: 3px !important; font-size: 1em; line-height: 1; text-align: center !important; text-transform: uppercase; color: #fff; } .maranatha-calendar-table-header-short { display: none; } .maranatha-calendar-table-week-first .maranatha-calendar-table-day { border-top-width: 0 !important; } .maranatha-calendar-table-day { vertical-align: top; border-width: 0 0 1px 1px !important; border-style: solid !important; border-color: #e5e5e5 !important; } .maranatha-calendar-table-day-1 { border-left-width: 1px !important; } .maranatha-calendar-table-day-7 { border-right-width: 1px !important; } .maranatha-calendar-table-day-content-container { padding: 0.3125em 1em 0.625em 0.625em; overflow: hidden; min-height: 120px; } .maranatha-calendar-table-day-heading { margin: 0.125em 0 0.0625em 0; font-size: 0.9em; text-align: right; text-transform: uppercase; white-space: nowrap; } .maranatha-calendar-table-day-label { display: inline-block; margin-right: 0.1875em; vertical-align: middle; } .maranatha-calendar-table-day-number { vertical-align: middle; } a.maranatha-calendar-table-day-number { display: none; } .maranatha-calendar-table-day-events { list-style: none; margin: 0; } .maranatha-calendar-table-day-events li { font-size: 0.9em; line-height: 1.8; white-space: nowrap; } .maranatha-calendar-table-day-event-time { padding-left: 0.1875em; } .maranatha-calendar-table-day-today { z-index: 10; background-color: #fff8e9; } .maranatha-calendar-table-day-past { background-color: #f9f9f9; } .maranatha-calendar-table-day-past .maranatha-calendar-table-day-heading { color: #aaa; } .maranatha-calendar-table-day-other-month { background-color: #f2f2f2; } .maranatha-calendar-table-day-other-month:not(.maranatha-calendar-table-day-today) .maranatha-calendar-table-day-heading, .maranatha-calendar-table-day-other-month:not(.maranatha-calendar-table-day-today) .maranatha-calendar-table-day-label { color: #aaa; } .maranatha-tooltipster-calendar { margin-left: 2.5em; margin-right: 2.5em; } .maranatha-tooltipster-calendar .tooltipster-content { border-radius: 0.3125em; background-color: #fff; box-shadow: 0 2px 12px rgba(0, 0, 0, 0.15); max-width: 25em; padding: 0 0 1.875em 0; overflow: hidden; font-size: 16px; } .maranatha-tooltipster-calendar > *, .maranatha-tooltipster-calendar header > * { margin-left: 1.5625em; margin-right: 1.5625em; } .maranatha-tooltipster-calendar .maranatha-entry-no-image header > *:first-child { margin-top: 1.125em !important; } .maranatha-tooltipster-calendar .maranatha-entry-short-image { margin-top: 0 !important; margin-right: 0; margin-left: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .maranatha-tooltipster-calendar .maranatha-entry-short-header h2, .maranatha-tooltipster-calendar .maranatha-entry-short-header .maranatha-h2, .maranatha-tooltipster-calendar .maranatha-entry-short-header #reply-title { padding-top: 0.125em; font-size: 1.2em !important; } .maranatha-tooltipster-calendar .maranatha-entry-short-footer { padding-top: 0.9375em; font-size: 0.835em; } #maranatha-calendar-list { display: none; } #maranatha-calendar-list h3, #maranatha-calendar-list .maranatha-nav-block-title { text-align: center; display: none; font-size: 1.9em; font-weight: 200; padding-top: 0.25em; } #maranatha-calendar-list h3 a, #maranatha-calendar-list .maranatha-nav-block-title a { font-weight: 200; } #maranatha-calendar-list .maranatha-event-short { display: none; } #maranatha-calendar-list .maranatha-event-short:first-of-type { margin-top: 0; } #maranatha-calendar-list .maranatha-entry-short-image { max-width: 400px; } #maranatha-calendar-list .maranatha-entry-short-meta { font-size: 1.08em; } #maranatha-calendar-list .maranatha-event-short-date { display: none; } #maranatha-calendar-list .maranatha-entry-short-footer { display: none; } /********************************************** * 14. PEOPLE **********************************************/ /*--------------------------------------------- * Full / Single *--------------------------------------------*/ #maranatha-person-header-content { display: table; margin: 0 auto; } #maranatha-person-image-column { display: table-cell; vertical-align: top; } #maranatha-person-image { width: 7.5em; border-radius: 3.75em; border-radius: 50%; } #maranatha-person-image img { width: 7.5em; height: auto; border-radius: 3.75em; border-radius: 50%; } #maranatha-person-meta { display: table-cell; vertical-align: middle; } .maranatha-person-has-image #maranatha-person-meta { padding-left: 2.5em; padding-top: 0.25em; } /*--------------------------------------------- * Short / Multiple *--------------------------------------------*/ .maranatha-person-short-image { border-radius: 5em; border-radius: 50%; } .maranatha-person-short-image img { width: 10em; height: auto; border-radius: 5em; border-radius: 50%; } /********************************************** * 15. ATTACHMENTS **********************************************/ .attachment .maranatha-entry-full > *:last-child { margin-bottom: 0; } .attachment .maranatha-nav-left, .attachment .maranatha-nav-right { width: 100%; position: relative; top: -5px; text-align: center; } .maranatha-attachment-image .wp-caption { max-width: none; margin: 0; } .maranatha-attachment-image .wp-caption-text { margin-top: 0.9375em; } .maranatha-attachment-button { text-align: center; } /********************************************** * 16. GALLERIES **********************************************/ /*--------------------------------------------- * Gallery (Single) *--------------------------------------------*/ .gallery { position: relative; font-size: 0.863em; } .gallery-item { display: block; position: relative; margin: 0; float: left; } .gallery-icon { overflow: hidden; } .gallery-icon a { display: block; } .gallery-icon img { display: block; border-radius: 0; max-width: calc( 100% + 2px ); } .gallery-caption { position: absolute; left: 0; bottom: 12%; max-width: 90%; padding: 0.6875em 0.8125em 0.75em 0.625em; line-height: 1; border-top-right-radius: 0.1875em; border-bottom-right-radius: 0.1875em; opacity: 0; font-size: 0.9em; font-style: italic; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; background-color: rgba(255, 255, 255, 0.8); color: #444; cursor: pointer; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .gallery-item:hover .gallery-caption { opacity: 1; } .gallery-columns-6 .gallery-caption, .gallery-columns-7 .gallery-caption, .gallery-columns-8 .gallery-caption, .gallery-columns-9 .gallery-caption, .maranatha-widget .gallery-caption { display: none; } .gallery-columns-1 { text-align: center; } .gallery-columns-1 .gallery-item { display: inline-block; width: auto; margin-left: auto; margin-right: auto; float: none; } .gallery-columns-2 .gallery-item { max-width: 50%; } .gallery-columns-3 .gallery-item { max-width: 33.3333333333%; } .gallery-columns-4 .gallery-item { max-width: 25%; } .gallery-columns-5 .gallery-item { max-width: 20%; } .gallery-columns-6 .gallery-item { max-width: 16.6666666667%; } .gallery-columns-7 .gallery-item { max-width: 14.2857142857%; } .gallery-columns-8 .gallery-item { max-width: 12.5%; } .gallery-columns-9 .gallery-item { max-width: 11.1111111111%; } /*--------------------------------------------- * Galleries (Multiple) *--------------------------------------------*/ .maranatha-galleries-list { font-size: 0.863em; } .maranatha-galleries-list img { display: block; border-radius: 0; } /********************************************** * 17. COMMENTS **********************************************/ /*--------------------------------------------- * Comments Section *--------------------------------------------*/ #maranatha-comments-title { text-align: center; } /*--------------------------------------------- * Comment List *--------------------------------------------*/ .maranatha-comments, .maranatha-comments ul.children { margin: 0; list-style: none; } .maranatha-comment-meta { min-height: 4.375em; } .maranatha-comment-avatar { margin-right: 1.5em; float: left; } .maranatha-comment-avatar img { width: 4.375em; height: 4.375em; border-radius: 2.1875em; border-radius: 50%; } .maranatha-comment-title { margin: 0 !important; color: #000 !important; font-weight: normal; } .maranatha-comment-title a { font-weight: normal; } .maranatha-comment-meta time { display: inline-block; padding-top: 0.9375em; font-size: 0.8em; text-transform: uppercase; } .maranatha-comment-meta a time, .maranatha-comment-meta a:hover time { color: #444; } .maranatha-comment-time { display: block; } .maranatha-comment-buttons { float: right; position: relative; margin-left: 1.25em; top: -1.5625em; } .maranatha-comment-content { margin-top: 1.75em; } .maranatha-comment, .maranatha-comment #respond { margin-left: 6%; } .maranatha-comment.depth-1 { margin-left: 0; } .single-post .bypostauthor > article { padding: 2.1875em 2.5em; border-radius: 0.3125em; background-color: #f7f7f7; } /*--------------------------------------------- * Comment Form *--------------------------------------------*/ #respond { position: relative; top: -0.5em; padding-bottom: 0.5em; } #cancel-comment-reply-link { position: relative; bottom: 0.3125em; margin-left: 1.5625em; font-size: 0.55em; font-weight: normal !important; text-transform: uppercase; } .comment-form-author, .comment-form-email, .comment-form-url { position: relative; margin: 2.1875em 0; } #respond label { line-height: 36px; text-transform: uppercase; font-size: 0.8em; } #respond .comment-form-cookies-consent { margin-bottom: 0; } #respond .comment-form-cookies-consent label { text-transform: none; font-size: 1em; line-height: 1.4; padding-left: 4px; } .comment-form-comment label { display: none; } #respond .required { margin-left: 0.3125em; } #respond input[type=text], #respond input[type=email], #respond input[type=url] { position: absolute; left: 90px; width: 260px; } .comment-form-comment { clear: left; } .comment-form-comment textarea { width: 95%; } #respond label.error { font-weight: normal; } .comment-form-author label.error, .comment-form-email label.error, .comment-form-url label.error { position: absolute; left: 375px; white-space: nowrap; } p.comment-form-comment label.error { position: relative; top: 0; display: block; } .form-allowed-tags { display: none; } #respond .form-submit { margin-top: 1.8em; margin-bottom: 0; } .logged-in #respond .form-submit { margin-top: 0 !important; } /********************************************** * 18. PLUGINS **********************************************/ /*--------------------------------------------- * Contact Form 7 *--------------------------------------------*/ div.wpcf7 input { max-width: 95%; } span.wpcf7-form-control-wrap { width: 100%; } div.wpcf7-mail-sent-ok, div.wpcf7-mail-sent-ng, div.wpcf7-spam-blocked, div.wpcf7-validation-errors { padding: 0; margin: 0; border: 0; font-weight: normal; font-style: italic; } span.wpcf7-not-valid-tip { top: 30%; left: 30%; width: auto; padding: 0.3125em 0 0 0; border: 0; font-size: 0.9em; font-weight: normal; font-style: italic; } span.wpcf7-not-valid-tip, div.wpcf7-validation-errors { background: none; color: #222; } span.wpcf7-not-valid-tip-no-ajax { padding-top: 0.3125em; font-size: 1em; font-weight: 600; color: #222; } span.wpcf7-form-control-wrap textarea { max-width: 100% !important; } .wpcf7-form .ajax-loader { position: relative; top: 0.3em; } /*--------------------------------------------- * Jetpack *--------------------------------------------*/ /* Hide the Jetpack stat smiley (used when JS off) */ #wpstats { position: absolute; width: 0; height: 0; top: 0; left: 30000px; overflow: hidden; } /********************************************** * 19. EDITOR STYLES **********************************************/ .mce-content-body { margin: 1.875em; font-size: 115% !important; line-height: 1.9 !important; } .mce-content-body > *:first-child { margin-top: 0; } .mce-content-body > *:last-child { margin-bottom: 0; } .mce-content-body .wp-caption-text, .mce-content-body .wp-caption-dd { font-style: italic; line-height: 1.5; color: #777; } .mce-content-body .wp-caption-dd { padding-top: 0.5em; } /********************************************** * 20. MEDIA QUERIES **********************************************/ /*---------------------------------------------- * Viewport Padding *---------------------------------------------*/ @media only screen and (max-width: 1300px) { #maranatha-header .maranatha-centered-large, #maranatha-footer .maranatha-centered-large { max-width: 88%; } #maranatha-content { padding-left: 6%; padding-right: 6%; } .maranatha-no-viewport-padding, .maranatha-nav-blocks, .maranatha-entry-full-map { margin-left: -7%; margin-right: -7%; } } /*---------------------------------------------- * 1120px *---------------------------------------------*/ @media only screen and (max-width: 1120px) { .wp-block-audio.alignwide, .wp-block-audio.alignfull, .wp-block-columns.alignwide, .wp-block-columns.alignfull { padding-left: 5%; padding-right: 5%; } .maranatha-block-wide-container .wp-block-table.alignwide, .maranatha-block-wide-container .wp-block-table.alignfull { width: 90%; margin-left: auto; margin-right: auto; } .maranatha-exceed-980-1170 { margin-left: -7%; margin-right: -7%; } } /*---------------------------------------------- * 1024px - Tablet Landscape, Netbook *---------------------------------------------*/ @media only screen and (max-width: 1024px) { html { font-size: 90%; } .maranatha-nav-block-title { font-size: 1.4em; } .wp-block-pullquote blockquote, .wp-block-pullquote blockquote p { font-size: 1.2em !important; } #maranatha-sermon-download-dropdown { margin-left: -3.25em !important; } #maranatha-calendar-header-right { padding-top: 0; } .maranatha-calendar-table-day-content-container { min-height: 100px; } } /*---------------------------------------------- * 980px *---------------------------------------------*/ @media only screen and (max-width: 980px) { .maranatha-exceed-700-980, .maranatha-content-width-700 .maranatha-entry-full-content > blockquote, .maranatha-content-width-700 .maranatha-entry-full-content > .gallery, .maranatha-image-exceed-700-980 { margin-left: -7%; margin-right: -7%; } #maranatha-header-archives-section-name { display: none; } } /*---------------------------------------------- * 900px *---------------------------------------------*/ @media only screen and (max-width: 900px) { .maranatha-sermon-books-testament ul { -moz-column-count: 1; column-count: 1; } #maranatha-stickies { display: none !important; } } /*---------------------------------------------- * 860px *---------------------------------------------*/ @media only screen and (max-width: 860px) { blockquote.maranatha-exceed-700-980:not(.wp-block-pullquote), .maranatha-content-width-700 .maranatha-entry-full-content > blockquote:not(.wp-block-pullquote), blockquote.maranatha-image-exceed-700-980:not(.wp-block-pullquote) { padding: 0 1.5em 0 3.625em !important; } blockquote.maranatha-exceed-700-980:not(.wp-block-pullquote):before, .maranatha-content-width-700 .maranatha-entry-full-content > blockquote:not(.wp-block-pullquote):before, blockquote.maranatha-image-exceed-700-980:not(.wp-block-pullquote):before { left: 0.3125em; } /* Gutenberg */ .has-huge-font-size { font-size: 1.6em !important; line-height: 1.4; } .has-large-font-size { font-size: 1.4em !important; line-height: 1.4; } .has-regular-font-size { font-size: 1em !important; line-height: 1.6; } .has-small-font-size { font-size: 0.85em !important; line-height: 1.6; } .wp-block-cover { font-size: 0.8em; } } /*---------------------------------------------- * 768px - Tablet Portrait *---------------------------------------------*/ @media only screen and (max-width: 768px) { html { font-size: 80%; } .maranatha-nav-block-title { font-size: 1.3em; } ul.page-numbers .el { margin-top: -0.0625em !important; } .maranatha-header-archive-top-name .el { top: 0; } #maranatha-home-header-arrow { display: none; } .maranatha-calendar-dropdown { font-size: 1em; } .maranatha-galleries-list .gallery-item { max-width: 50%; } } /*---------------------------------------------- * 767px - Just Under Tablet Portrait *---------------------------------------------*/ @media only screen and (max-width: 767px) { #maranatha-footer-widgets { margin-right: 0; } #maranatha-footer-widgets aside { margin-bottom: 2.8125em; display: block; float: none; width: 100%; margin-left: auto; margin-right: auto; max-width: 500px; } #maranatha-footer-widgets aside:last-child { margin-bottom: 0; } #maranatha-footer-widgets aside > h2, #maranatha-footer-widgets aside > .maranatha-h2, #maranatha-footer-widgets aside > #reply-title { text-align: center; } .maranatha-widget .maranatha-person-short.maranatha-widget-entry-showing-image .maranatha-entry-short-header > *:not(.maranatha-entry-short-image) { margin-left: 5.625em !important; } .maranatha-widget .maranatha-person-short.maranatha-widget-entry-showing-image .maranatha-entry-short-header h3, .maranatha-widget .maranatha-person-short.maranatha-widget-entry-showing-image .maranatha-entry-short-header .maranatha-nav-block-title { left: -1.625em; } .maranatha-widget .maranatha-person-short.maranatha-widget-entry-showing-image .maranatha-entry-short-image { width: 4.25em; border-radius: 2.125em; border-radius: 50%; } .maranatha-widget .maranatha-person-short.maranatha-widget-entry-showing-image .maranatha-entry-short-image img { width: 4.25em; border-radius: 2.125em; border-radius: 50%; } } /*---------------------------------------------- * 700px - Large / Landscape Phone *---------------------------------------------*/ @media only screen and (max-width: 700px) { #maranatha-content h1, #maranatha-content .maranatha-home-section-content h2, .maranatha-home-section-content #maranatha-content h2, #maranatha-content .maranatha-home-section-content .maranatha-h2, .maranatha-home-section-content #maranatha-content .maranatha-h2, #maranatha-content #maranatha-comments-title, #maranatha-content .maranatha-home-section-content #reply-title, .maranatha-home-section-content #maranatha-content #reply-title, #maranatha-content .maranatha-h1 { font-size: 1.8em; } h2, #reply-title, .maranatha-h2 { font-size: 1.6em; } h3, .maranatha-nav-block-title, .maranatha-h3, #maranatha-footer-widgets aside h2, #maranatha-footer-widgets aside .maranatha-h2, .maranatha-loop-two-columns .maranatha-entry-short h2, .maranatha-loop-two-columns .maranatha-entry-short .maranatha-h2, #maranatha-footer-widgets aside #reply-title, .maranatha-loop-two-columns .maranatha-entry-short #reply-title { font-size: 1.4em; } h4, .maranatha-h4, .widget_calendar #wp-calendar caption, .maranatha-loop-three-columns .maranatha-entry-short h2, .maranatha-loop-three-columns .maranatha-entry-short .maranatha-h2, .maranatha-sermon-index-list > li > a, #maranatha-sermon-dates-list a, .maranatha-loop-three-columns .maranatha-entry-short #reply-title { font-size: 1.2em; } h5, .maranatha-h5, .maranatha-caption-image-title, #maranatha-sermon-series-list a { font-size: 1.1em; } h6, .maranatha-h6 { font-size: 1em; } blockquote { font-size: 1.2em !important; padding-right: 1.875em !important; } blockquote.is-style-large, blockquote.is-style-large p { font-size: 1.4em !important; } blockquote.is-style-large p { line-height: 1.2 !important; } .maranatha-circle-button, .maranatha-circle-button span, .maranatha-circle-buttons-list li, .maranatha-circle-buttons-list a { width: 5.8rem; height: 5.8rem; border-radius: 2.9rem; } .maranatha-circle-button-small, .maranatha-circle-button-small span, .maranatha-circle-buttons-list-small li, .maranatha-circle-buttons-list-small a { width: 3rem; height: 3rem; border-radius: 1.5rem; } .maranatha-circle-button span, .maranatha-circle-buttons-list a { padding: 0 0.75rem; font-size: 0.76em; } .maranatha-circle-button span.el, .maranatha-circle-button a.el, .maranatha-circle-buttons-list span.el, .maranatha-circle-buttons-list a.el { font-size: 2.4em; } .maranatha-circle-button a, .maranatha-circle-buttons-list a { line-height: 1.2; } .maranatha-circle-button a span.el, .maranatha-circle-buttons-list a span.el { padding-bottom: 0.4375rem; } .maranatha-circle-button-small span.el, .maranatha-circle-buttons-list-small a.el { font-size: 1.36em; } .maranatha-circle-buttons-list { margin-bottom: -1.02rem !important; } .maranatha-circle-buttons-list li { margin: 0 0.6rem 1.02rem 0.6rem; } .maranatha-circle-buttons-list-small { margin-bottom: -0.75rem !important; } .maranatha-circle-buttons-list-small li { margin: 0 0.375rem 0.75rem 0.375rem; } .maranatha-map-section, #maranatha-map-section-canvas { min-height: 300px !important; max-height: 450px; } #maranatha-map-section-info { min-width: 200px; padding: 1.5625em; } #maranatha-map-section-info-list li:nth-child(3), #maranatha-map-section-info-list li:nth-child(4) { display: none; } .maranatha-home-section .maranatha-map-section-multiple-locations .maranatha-map-button-more-item, #maranatha-footer .maranatha-map-section-multiple-locations .maranatha-map-button-more-item { display: inline-block; } .maranatha-home-section #maranatha-map-section-buttons li:not(.maranatha-map-button-more-item), #maranatha-footer #maranatha-map-section-buttons li:not(.maranatha-map-button-more-item) { display: none; } .maranatha-nav-block { width: 100%; padding-bottom: 25%; } .maranatha-nav-block.maranatha-nav-block-empty { display: none; } .maranatha-nav-block-left { border-right-width: 0; } .maranatha-nav-block-has-both .maranatha-nav-block-left { border-width: 0 0 1px 0; } .maranatha-nav-block-title { font-size: 2.1em; } .maranatha-author-avatar { position: relative; margin: 0 auto; width: 6.875em; height: 6.875em; } .single .maranatha-author-avatar { left: 0; } .maranatha-author-avatar img { border-radius: 3.4375em; border-radius: 50%; } .maranatha-author-content { margin-left: 0; text-align: center; } .maranatha-author-content h2, .maranatha-author-content .maranatha-h2, .maranatha-author-content #reply-title { display: block; margin: 1.5625em 0 0 0; } .maranatha-author-box-archive { position: relative; top: 0; float: none; margin: 2.1875em 0; } .wp-block-separator { margin: 50px auto !important; } .maranatha-vertical-margin-small, .alignnone, .aligncenter, div.wpcf7 { margin-top: 2.34375rem; margin-bottom: 2.34375rem; } .maranatha-vertical-padding-small, .maranatha-footer-no-icons #maranatha-footer-icons-notice { padding-top: 2.34375rem; padding-bottom: 2.34375rem; } .maranatha-vertical-margin-top-small, #maranatha-footer-icons-notice > *:nth-child(2), #maranatha-sermon-buttons, #maranatha-calendar-list .maranatha-event-short { margin-top: 2.34375rem; } .maranatha-vertical-padding-top-small { padding-top: 2.34375rem; } .maranatha-vertical-margin-bottom-small, #respond .comment-notes, #respond .logged-in-as { margin-bottom: 2.34375rem; } .maranatha-vertical-padding-bottom-small { padding-bottom: 2.34375rem; } .maranatha-vertical-margin-small-content, p, ul, ol, dl, table, q, [class^=wp-block]:not(.wp-block-cover-text):not(.wp-block-embed__wrapper):not(.wp-block-quote):not(.wp-block-pullquote):not(.wp-block-separator), .maranatha-block-wide-container { margin-top: 1.640625rem; margin-bottom: 1.640625rem; } .maranatha-vertical-padding-small-content { padding-top: 1.640625rem; padding-bottom: 1.640625rem; } .maranatha-vertical-margin-top-small-content { margin-top: 1.640625rem; } .maranatha-vertical-padding-top-small-content { padding-top: 1.640625rem; } .maranatha-vertical-margin-bottom-small-content { margin-bottom: 1.640625rem; } .maranatha-vertical-padding-bottom-small-content { padding-bottom: 1.640625rem; } .maranatha-vertical-margin-medium, hr, .maranatha-entry-full-footer-has-terms .maranatha-entry-full-page-nav { margin-top: 3.28125rem; margin-bottom: 3.28125rem; } .maranatha-vertical-padding-medium, #maranatha-footer-widgets-row, .maranatha-footer-has-icons #maranatha-footer-icons-notice { padding-top: 3.28125rem; padding-bottom: 3.28125rem; } .maranatha-vertical-margin-top-medium, .maranatha-pagination, #maranatha-content, .maranatha-entry-full-footer, .maranatha-sermon-index, .maranatha-entry-has-content #maranatha-calendar, #maranatha-calendar-list, .attachment .maranatha-entry-content, .attachment .maranatha-compact-content, .attachment .widget_text .textwidget, .widget_text .attachment .textwidget, .attachment .maranatha-nav-left-right, .maranatha-comment, .attachment .maranatha-comment, #maranatha-comment-nav, #respond, #maranatha-comments-closed { margin-top: 3.28125rem; } .maranatha-vertical-padding-top-medium { padding-top: 3.28125rem; } .maranatha-vertical-margin-bottom-medium, .maranatha-entry-full .maranatha-entry-content-inner, .archive #maranatha-content-inner > .maranatha-entry-content, .archive #maranatha-content-inner > .maranatha-compact-content, .archive .widget_text #maranatha-content-inner > .textwidget, .widget_text .archive #maranatha-content-inner > .textwidget, .blog #maranatha-content-inner > .maranatha-entry-content, .blog #maranatha-content-inner > .maranatha-compact-content, .blog .widget_text #maranatha-content-inner > .textwidget, .widget_text .blog #maranatha-content-inner > .textwidget, .search #maranatha-content-inner > .maranatha-entry-content, .search #maranatha-content-inner > .maranatha-compact-content, .search .widget_text #maranatha-content-inner > .textwidget, .widget_text .search #maranatha-content-inner > .textwidget, .maranatha-entry-full-header, .maranatha-entry-full-map, .maranatha-loop-one-column .maranatha-entry-short, #maranatha-sermon-media, #maranatha-sermon-index-header, #maranatha-calendar-list h3, #maranatha-calendar-list .maranatha-nav-block-title, .maranatha-attachment-image, #maranatha-comments-header, .archive #maranatha-content-inner > .maranatha-comment, .blog #maranatha-content-inner > .maranatha-comment, .search #maranatha-content-inner > .maranatha-comment, li:not(:last-child) #respond { margin-bottom: 3.28125rem; } .maranatha-vertical-padding-bottom-medium { padding-bottom: 3.28125rem; } .maranatha-vertical-margin-medium-content, blockquote, .wp-block-pullquote, .gallery { margin-top: 2.296875rem; margin-bottom: 2.296875rem; } .maranatha-vertical-padding-medium-content { padding-top: 2.296875rem; padding-bottom: 2.296875rem; } .maranatha-vertical-margin-top-medium-content, .maranatha-home-section-content .maranatha-circle-buttons-list { margin-top: 2.296875rem; } .maranatha-vertical-padding-top-medium-content { padding-top: 2.296875rem; } .maranatha-vertical-margin-bottom-medium-content { margin-bottom: 2.296875rem; } .maranatha-vertical-padding-bottom-medium-content { padding-bottom: 2.296875rem; } .maranatha-vertical-margin-large, .wp-block-separator:not(.is-style-dots), .wp-block-separator.is-style-wide { margin-top: 4.6875rem; margin-bottom: 4.6875rem; } .maranatha-vertical-padding-large, .maranatha-home-section-content { padding-top: 4.6875rem; padding-bottom: 4.6875rem; } .maranatha-vertical-margin-top-large, .maranatha-nav-blocks, .single .maranatha-author-box, #comments { margin-top: 4.6875rem; } .maranatha-vertical-padding-top-large { padding-top: 4.6875rem; } .maranatha-vertical-margin-bottom-large, #maranatha-content { margin-bottom: 4.6875rem; } .maranatha-vertical-padding-bottom-large { padding-bottom: 4.6875rem; } .maranatha-vertical-margin-large-content, .wp-block-image:not(.alignleft):not(.alignright), .wp-block-cover, .wp-block-audio, .wp-block-video, .wp-block-embed, .wp-block-gallery, .wp-block-quote, .wp-block-quote.is-style-large, .wp-block-separator, .has-background, .wp-block-button, .maranatha-block-wide-container { margin-top: 3.28125rem; margin-bottom: 3.28125rem; } .maranatha-vertical-padding-large-content { padding-top: 3.28125rem; padding-bottom: 3.28125rem; } .maranatha-vertical-margin-top-large-content { margin-top: 3.28125rem; } .maranatha-vertical-padding-top-large-content { padding-top: 3.28125rem; } .maranatha-vertical-margin-bottom-large-content { margin-bottom: 3.28125rem; } .maranatha-vertical-padding-bottom-large-content { padding-bottom: 3.28125rem; } .maranatha-vertical-margin-medium-small-content, h1, h2, h3, h4, h5, h6, .maranatha-h1, .maranatha-h2, .maranatha-nav-block-title, .maranatha-home-section-content h2, #maranatha-comments-title, #reply-title { margin-top: 2.296875rem; margin-bottom: 1.640625rem; } #maranatha-header-top { padding: 1.875em 0; } .js #maranatha-header-menu-inner, .js .sf-menu { visibility: hidden; height: 1px; overflow: hidden; } #maranatha-logo { width: 100%; } #maranatha-logo-text { white-space: normal; } #maranatha-header-menu { padding-left: 0; } #maranatha-header-menu-content { width: 45px; } #maranatha-logo-content { font-size: 0.75em; } #maranatha-logo-image img { max-height: 30px; } #maranatha-header-search { display: none; } #maranatha-banner-title h1, #maranatha-banner-title .maranatha-h1, #maranatha-banner-title .maranatha-home-section-content h2, .maranatha-home-section-content #maranatha-banner-title h2, #maranatha-banner-title .maranatha-home-section-content .maranatha-h2, .maranatha-home-section-content #maranatha-banner-title .maranatha-h2, #maranatha-banner-title #maranatha-comments-title, #maranatha-banner-title .maranatha-home-section-content #reply-title, .maranatha-home-section-content #maranatha-banner-title #reply-title { margin-top: 1.5em; font-size: 2em; } .maranatha-has-logo-image #maranatha-banner-title h1, .maranatha-has-logo-image #maranatha-banner-title .maranatha-h1, .maranatha-has-logo-image #maranatha-banner-title .maranatha-home-section-content h2, .maranatha-home-section-content .maranatha-has-logo-image #maranatha-banner-title h2, .maranatha-has-logo-image #maranatha-banner-title .maranatha-home-section-content .maranatha-h2, .maranatha-home-section-content .maranatha-has-logo-image #maranatha-banner-title .maranatha-h2, .maranatha-has-logo-image #maranatha-banner-title #maranatha-comments-title, .maranatha-has-logo-image #maranatha-banner-title .maranatha-home-section-content #reply-title, .maranatha-home-section-content .maranatha-has-logo-image #maranatha-banner-title #reply-title { margin-top: 2em; } #maranatha-home-section-1 .maranatha-home-section-content { margin-top: 1.25em; } .admin-bar #maranatha-home-section-1 .maranatha-home-section-content { margin-top: calc( 4.375em - 46px ); } .maranatha-home-section-content h1, .maranatha-home-section-content .maranatha-h1, .maranatha-home-section-content .maranatha-h2, .maranatha-home-section-content #maranatha-comments-title, .maranatha-home-section-content #reply-title, .maranatha-home-section-content h2 { font-size: 2em; } .maranatha-home-section-content p { font-size: 1.3em; } .maranatha-loop-two-columns#maranatha-loop-multiple, .maranatha-loop-three-columns#maranatha-loop-multiple { margin-bottom: 0; } .maranatha-loop-two-columns .maranatha-entry-short, .maranatha-loop-three-columns .maranatha-entry-short { float: none; width: 100%; max-width: 700px; margin-left: auto; margin-right: auto; margin-bottom: 3.28125rem; } .maranatha-loop-two-columns .maranatha-entry-short:nth-last-of-type(-n+2), .maranatha-loop-three-columns .maranatha-entry-short:nth-last-of-type(-n+2) { margin-bottom: 3.28125rem; } .maranatha-loop-two-columns .maranatha-entry-short:last-child, .maranatha-loop-three-columns .maranatha-entry-short:last-child { margin-bottom: 0; } .maranatha-loop-two-columns .maranatha-entry-short h2, .maranatha-loop-two-columns .maranatha-entry-short .maranatha-h2, .maranatha-loop-two-columns .maranatha-entry-short #reply-title, .maranatha-loop-three-columns .maranatha-entry-short h2, .maranatha-loop-three-columns .maranatha-entry-short .maranatha-h2, .maranatha-loop-three-columns .maranatha-entry-short #reply-title { font-size: 1.9em; } .maranatha-loop-two-columns .maranatha-entry-short > *, .maranatha-loop-two-columns .maranatha-entry-short .maranatha-entry-short-header > *, .maranatha-loop-three-columns .maranatha-entry-short > *, .maranatha-loop-three-columns .maranatha-entry-short .maranatha-entry-short-header > * { margin-top: 1.375em; } .maranatha-loop-two-columns .maranatha-entry-short > *:first-child, .maranatha-loop-two-columns .maranatha-entry-short .maranatha-entry-short-header > *:first-child, .maranatha-loop-three-columns .maranatha-entry-short > *:first-child, .maranatha-loop-three-columns .maranatha-entry-short .maranatha-entry-short-header > *:first-child { margin-top: 0; } .maranatha-loop-two-columns .maranatha-entry-short-meta, .maranatha-loop-two-columns .maranatha-entry-content-short, .maranatha-loop-two-columns .maranatha-entry-short-footer, .maranatha-loop-three-columns .maranatha-entry-short-meta, .maranatha-loop-three-columns .maranatha-entry-content-short, .maranatha-loop-three-columns .maranatha-entry-short-footer { font-size: 1em; } #maranatha-sermon-download-dropdown { margin-left: -3.875em !important; } .maranatha-sermon-index-list.maranatha-sermon-index-list-three-columns { -moz-column-count: 2; column-count: 2; } #maranatha-calendar-header-right { position: relative; top: -0.125em; } #maranatha-calendar-title { font-size: 2em; } #maranatha-calendar-list { display: block; } .maranatha-calendar-table-header-full { display: none; } .maranatha-calendar-table-header-short { display: inline-block; } .maranatha-calendar-table-day-label { display: none; } .maranatha-calendar-table-day-has-events:not(.maranatha-calendar-table-day-past) span.maranatha-calendar-table-day-number { display: none; } .maranatha-calendar-table-day-has-events:not(.maranatha-calendar-table-day-past) a.maranatha-calendar-table-day-number { display: inline-block; } .maranatha-calendar-table-day-events { display: none; } .maranatha-calendar-table-day-content-container { padding: 0.9375em 0; min-height: 0 !important; } .maranatha-calendar-table-day-heading { margin: 0 0 0.125em 0; font-size: 1.2em; text-align: center; } .comment-edit-link { display: none !important; } .maranatha-comment-buttons li { margin-right: 0; } #respond input[type=text], #respond input[type=email], #respond input[type=url] { position: relative; left: 0; width: 95%; } .comment-form-author label.error, .comment-form-email label.error, .comment-form-url label.error { display: block; width: 95%; position: absolute; top: 0; left: 0; text-align: right; } .comment-form-author, .comment-form-email, .comment-form-url { margin: 0.625em 0; } } /*---------------------------------------------- * 640px *---------------------------------------------*/ @media only screen and (max-width: 640px) { #maranatha-calendar-header-left, #maranatha-calendar-header-right { float: none; text-align: center; margin-left: 0; margin-right: 0; } #maranatha-calendar-header-right a { padding: 0 0.15625em; } #maranatha-calendar-title, #maranatha-calendar-title span { margin-left: 0.3125em; margin-right: 0.3125em; } #maranatha-calendar-remove-category a { top: -0.375em; } .maranatha-calendar-table-day-content-container { padding: 0.5em 0; } #maranatha-calendar-list-heading { text-align: center; } } /*---------------------------------------------- * 540px *---------------------------------------------*/ @media only screen and (max-width: 540px) { .alignleft, .alignright { display: block; margin: 2.34375rem auto !important; float: none !important; } .alignleft.wp-caption, .alignright.wp-caption { padding-top: 0.5em; } .gallery-caption { display: none; } .gallery-columns-6 .gallery-item, .gallery-columns-7 .gallery-item, .gallery-columns-8 .gallery-item, .gallery-columns-9 .gallery-item { /* duplicate in style.css for 5 columns */ max-width: 20%; } } /*---------------------------------------------- * 480px - Small Phone *---------------------------------------------*/ @media only screen and (max-width: 480px) { .maranatha-nav-block-title { font-size: 1.4em; } .maranatha-nav-left, .maranatha-nav-right { float: none; text-align: center; margin: 0 auto; width: 100%; } .maranatha-nav-left, .maranatha-nav-right { margin-bottom: 0.9375em; } .maranatha-entry-full-icons { position: relative; top: -0.125em; } .maranatha-loop-one-column .maranatha-entry-short h2, .maranatha-loop-one-column .maranatha-entry-short .maranatha-h2, .maranatha-loop-one-column .maranatha-entry-short #reply-title, .maranatha-loop-two-columns .maranatha-entry-short h2, .maranatha-loop-two-columns .maranatha-entry-short .maranatha-h2, .maranatha-loop-two-columns .maranatha-entry-short #reply-title, .maranatha-loop-three-columns .maranatha-entry-short h2, .maranatha-loop-three-columns .maranatha-entry-short .maranatha-h2, .maranatha-loop-three-columns .maranatha-entry-short #reply-title { font-size: 1.6em; } .maranatha-loop-one-column .maranatha-entry-short > *, .maranatha-loop-one-column .maranatha-entry-short .maranatha-entry-short-header > *, .maranatha-loop-two-columns .maranatha-entry-short > *, .maranatha-loop-two-columns .maranatha-entry-short .maranatha-entry-short-header > *, .maranatha-loop-three-columns .maranatha-entry-short > *, .maranatha-loop-three-columns .maranatha-entry-short .maranatha-entry-short-header > * { margin-top: 1.125em; } .maranatha-loop-one-column .maranatha-entry-short-footer, .maranatha-loop-two-columns .maranatha-entry-short-footer, .maranatha-loop-three-columns .maranatha-entry-short-footer { font-size: 0.83em; } .maranatha-calendar-dropdown .maranatha-dropdown-panel, .maranatha-calendar-dropdown .maranatha-dropdown-menu { right: -3.75em !important; } .maranatha-calendar-table-header-short { font-weight: normal; } .maranatha-calendar-table-day-content-container { padding: 0.1875em 0; } .maranatha-calendar-table-day-heading { font-size: 1.1em; } #maranatha-person-header-content, #maranatha-person-image-column, #maranatha-person-meta { display: block; text-align: center; padding-left: 0; margin-left: 0; width: 100%; } #maranatha-person-image { margin: 0 auto; } .maranatha-person-has-image #maranatha-person-meta { margin-top: 2.34375rem; padding-left: 0; } .gallery-columns-4 .gallery-item, .gallery-columns-5 .gallery-item, .gallery-columns-6 .gallery-item, .gallery-columns-7 .gallery-item, .gallery-columns-8 .gallery-item, .gallery-columns-9 .gallery-item { /* duplicate in style.css for 3 columns */ max-width: 33.3333333333%; } .maranatha-comment-author span, .maranatha-comment-trackback-link span { display: none; } .maranatha-comment-buttons .el { display: none; } .single-post .bypostauthor > article { padding: 1.875em; } } /*---------------------------------------------- * 400px *---------------------------------------------*/ @media only screen and (max-width: 400px) { .maranatha-sermon-index-list.maranatha-sermon-index-list-two-columns, .maranatha-sermon-index-list.maranatha-sermon-index-list-three-columns { -moz-column-count: 1; column-count: 1; } } /*---------------------------------------------- * 375px - Old Phone (iPhone 4/5 Portrait) *---------------------------------------------*/ @media only screen and (max-width: 374px) { #maranatha-header-archives, .maranatha-header-archive-dropdown { display: none !important; } .maranatha-sermon-books-testament { width: 100%; } .maranatha-sermon-books-testament:nth-child(odd) { margin-right: 0; } .maranatha-galleries-list .gallery-item { max-width: 100%; } .maranatha-comment, .maranatha-comment #respond { margin-left: 0; } }