@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 <main>
*--------------------------------------------*/
#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;
}
}