/* Writer: rules from the old ocho-writer css/screen.css that differ from the framework parent (rule-level, @media kept). */
.hero-content.center-vh { margin-top: -50px; }
.featured-article { margin-top: -200px; background: #fff; }
.featured-article .left, .featured-article .right { width: 50%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
.titles-feature { height: 48px; }
.titles-feature h2.titles { line-height: 48px !important; z-index: 4; position: relative; }
.titles-feature h2.titles span { background: #fff; padding: 0 40px; }
hr.titles-bar { background: #000; color: #000; position: absolute; top: 20px; left: 0; width: 100%; z-index: 1; }
.sub-title { font-size: 2em; }
p.small-copy { font-size: 1.2em; font-style: italic; color: #999; }
a.popup-image { display: block; width: 100%; position: relative; background: #000; }
.icon-zoom { position: absolute; z-index: 4; bottom: 20px; right: 20px; width: 24px; height: 24px; }
a.popup-image:hover .image-thumb { opacity:.6; filter:alpha(opacity=60); }
.search-and-categories { position: relative; width: 100%; max-width: 800px; margin-left: auto; margin-right: auto; }
input.input-search { border: 1px solid #ccc; width: 100%; -webkit-border-radius: 70px; -moz-border-radius: 70px; border-radius: 70px; height: 70px; line-height: 70px; font-size: 2.4em; font-family: 'proxima-nova', Arial, Helvetica, sans-serif; padding: 0 30px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
.category-dropdown { background: none; border: none; border-left: 1px solid #ccc; padding: 0 40px 0 24px; font-size: 1.8em; appearance: none; -webkit-appearance: none; -moz-appearance: none; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDE2IDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEgMkw4IDcuNUwxNSAxIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIvPjwvc3ZnPg=='); background-repeat: no-repeat; background-position: calc(100% - 10px) center; background-size: 12px; font-family: 'proxima-nova', Arial, Helvetica, sans-serif; }
.category-dropdown::-ms-expand { display: none; }
.search-form .search-field::-webkit-search-cancel-button { -webkit-appearance: none; appearance: none; }
.panel-meta .titles a, .panel-meta a { color: #000 !important; }
.panel-meta .small-titles a { color: #000 !important; font-size: 16px; }
.page-simple .left { width: 40%; }
.page-simple .right { width: 50%; }
.post-template-default.single .image-content { position: relative; }
.post-template-default.single .image-content .left, .post-template-default.single .image-content .left .center-v { width: 27%; }
.post-template-default.single .image-content .right, .post-template-default.single .image-content .right .center-v { width: 65%; }
.post-template-default.single .image-content.ic-vertical .center-v { right: 0 !important; width: 47% !important; top: 50%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
.post-template-default.single .image-content.ic-vertical.flip .center-v { right: auto !important; left: 0 !important; }
.post-template-default.single .image-content.ic-vertical .right { height: 100% !important; }
.meta-writer { font-size: 1.4em !important; }
.side-meta li { font-size: 2.2em; line-height: 1.3em; margin-bottom: 20px; padding-left: 40px; background: transparent 0 2px no-repeat; background-size: 22px 22px; }
.side-meta li.book { background-image: url(../images/icon-book.png); }
.side-meta li.scripture { background-image: url(../images/icon-scripture.png); }
.home .footer { margin-top: -200px; padding-top: 200px; }
.footer-wrap { padding-left: 270px; }
.logo-footer { margin: 0 auto; max-width: 240px; position: relative !important; }
.footer-left { float:left; display:inline; width: 55%; }
.footer-right { float:right; display:inline; width: 40%; }
.footer-left .foot-menu-wrap { width: 46%; }
.footer-left .foot-contact { width: 50%; }
.foot-nav { width: 100%; text-align: center; margin-bottom: 60px; }
.foot-nav li { font-size: 2em; line-height: 1.1em; margin-bottom: 6px; display: inline; margin: 0 1.25%; }
.social-media-icons { float: none !important; display: block !important; margin-left: auto !important; margin-right: auto !important; width: 100% !important; text-align: center !important; }
.social-media-icons li { display: inline-block !important; margin: 0 14px; text-align: center !important; float: none !important; margin-right: 24px; }
.social-media-icons li a { display: block; width: 26px; height: 26px; }
.social-media-icons svg { width: 26px; height: 26px; }
.footer-email { width: 80%; max-width: 800px; margin: 0 auto; position: relative; }
.footer-email .left { width: 35%; }
.footer-email .right { width: 62%; }
.footer-email h2 { margin-top: 6px; }
.footer-email .gform_wrapper input.medium, .footer-email .gform_wrapper input.large, .footer-email .gform_wrapper select, .footer-email .gform_wrapper textarea, .footer-email .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) { font-size: 20px !important; color: #fff !important; border: 0 !important; background: #222 url(../images/icon-mail.png) no-repeat; background-size: 19px 14px; background-position: right 20px bottom 50%; !important; height: 60px !important; line-height: 60px !important; }
.footer-email .gform_wrapper ul li.gfield, .footer-email .gform_wrapper .gfield { margin-top:0 !important; }
.footer-email .gform_footer { position: absolute !important; top: 0 !important; right: 0 !important; width: 60px !important; height: 60px !important; }
.footer-email .gform_wrapper.gravity-theme .gform_footer button, .footer-email .gform_wrapper.gravity-theme .gform_footer input { width: 60px !important; max-width: 60px !important; min-width: 60px !important; height: 60px !important; position: absolute; top: -6px; right: 15px; margin: 0 !important; opacity:0 !important; filter:alpha(opacity=0) !important; }
.footer-email .gform_confirmation_message { background:green; margin-top: 0 !important; padding:0 30px; height: 60px !important; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; color:#fff; text-align:center; font-size:1.6em; line-height: 60px !important; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; }
.copyright { text-align: center; }
@media only screen and (max-width : 1500px) {
.hero-content h2, .hero-content h1 { font-size: 7vw; }
}
@media only screen and (max-width : 1350px) {
.featured-article .left .center-v, .featured-article .right .center-v { position: relative; top: 0; -webkit-transform: none !important; -ms-transform: none !important; transform: none !important; width: 100%; }
.footer .titles { font-size: 3vw !important; }
.featured-article .left { width: 35%; }
.featured-article .right { width: 65%; }
.center-v .pad-r-100 { padding-right: 0 !important; }
}
@media only screen and (max-width : 1300px) {
.hero-content h2, .hero-content h1 { font-size: 8vw; }
}
@media only screen and (max-width : 880px) {
.logo-footer { max-width: 220px; position: relative; margin-bottom: 40px; }
}
@media only screen and (max-width : 501px) {
input.input-search { height;height: 50px;eight: 50px;font-size: 1.8em;padding: 0 20px; }
.category-dropdown { background: #fff; width: 100%; -webkit-border-radius: 4px; margin-top: 14px; -moz-border-radius: 4px; border-radius: 4px; border: 1px solid #ccc; padding: 10px 20px; font-size: 1.8em; position: relative; right: 0; top:0; transform: none; background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDE2IDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEgMkw4IDcuNUwxNSAxIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIvPjwvc3ZnPg=='); background-repeat: no-repeat; background-position: calc(100% - 10px) center; background-size: 12px; font-family: 'proxima-nova', Arial, Helvetica, sans-serif; }
.search-and-categories.marg-b-60 { margin-bottom: 0 !important; }
.nothing-found { margin-top: 40px !important; }
.titles-feature.marg-b-40 { margin-bottom: 0 !important; }
.foot-nav { width: 100%; text-align: center; margin-bottom: 40px; }
.foot-nav li { font-size: 2em; line-height: 1.1em; margin-bottom: 6px; display: block; margin: 0%; }
.logo-footer { margin: 0 auto 40px auto !important; }
.foot-menu-wrap.last { margin-bottom: 40px; }
.social-media-icons li { margin: 0 10px; }
.footer-left { float:left; display:inline; width: 100%; }
.footer-right { float:right; display:inline; width: 100%; margin-top: 40px; }
.footer-left .foot-menu-wrap { width: 100%; }
.footer-left .foot-contact { width: 100%; margin-top: 40px; }
.foot-nav { width: 100%; text-align: center; margin-bottom: 40px; }
.foot-nav li { font-size: 2em; line-height: 1.1em; margin-bottom: 6px; display: block; margin: 0%; }
.logo-footer { margin: 0 auto 40px auto !important; }
.foot-menu-wrap.last { margin-bottom: 40px; }
.foot-nav { margin-top: 16px; border-top: 1px solid #fff; }
.foot-nav li { font-size: 2em; border-bottom: 1px solid #fff; margin: 0 !important; padding: 14px 0; }
.footer { padding-bottom: 50px; }
.footer a.button { float: none; display: block; padding-left: 0 !important; padding-right: 0 !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
.contact-wrap .left { width: 100%; }
.contact-wrap .right { width: 100%; margin-top: 20px; }
.social-media-icons li { margin: 0 10px; }
.image_normal { height: 260px; }
.image_medium { height: 220px; }
.image_short { height: 180px; }
.buttons-center-active .buttons-center a.button { margin-left: 0 !important; margin-right: 0 !important; }
.footer-email .left, .footer-email .right, .footer-email { width: 100%; }
.footer-email .left { text-align: center !important; margin-bottom: 20px; }
.featured-article .left, .featured-article .right, .page-simple .left, .page-simple .right { width: 100%; }
.featured-article .right, .page-simple .right { margin-top: 40px; }
.featured-article .pad-l-100 { padding-left: 0 !important; }
.featured-article.pad-100 { padding: 30px !important; }
.featured-article.shadow { -webkit-box-shadow: 0px 0px 40px 0 rgba(0,0,0,0.2);-moz-box-shadow: 0px 0px 40px 0 rgba(0,0,0,0.2);box-shadow: 0px 0px 40px 0 rgb(0 0 0 / 20%); }
.home .titles-feature.marg-b-40 { margin-bottom: 0 !important; }
.titles-feature h2.titles span { background: #fff;padding: 0px 20px; }
.button-link-wrap a.button-link { float:none; display:block; margin: 20px auto 0 auto; width: 114px; text-align: left; padding-right: 0; }
.featured-article { margin-top: -60px; background: #fff; }
.footer .titles { font-size: 3em !important; }
}

/* Writer: on list pages (Stories, search, categories/tags) the header scrolls
   away with the page, as the old Writer theme did, instead of staying pinned. */
body.blog .header-wrapper,
body.search .header-wrapper,
body.archive .header-wrapper { position: relative !important; }
body.blog .content,
body.search .content,
body.archive .content { margin-top: 0 !important; } /* the header now takes its own space */