/* Theme Name: New Message Theme URI: http://example.com/twenty-fourteen-child/ Description: Churchope Child Theme Template: churchope Version: 3.0.4 Text Domain: twenty-fourteen-child */ @import url("../churchope_3.0.4/style.css"); /* =Theme customization starts here -------------------------------------------------------------- */ /********** TYPOGRAPHY ***********/ /* titles */ #main h1, #main h2, #main h3, #main h4, #main h5, #main h6 { font-family: "Helvetica W01", Arial, sans-serif; font-weight: bold; letter-spacing: 0; } #pagetitle h1 { letter-spacing: 0; text-transform: none; } /* text, default */ p { font-size: 16px; line-height: 24px; color: #333; font-family: "Helvetica W01", Arial, sans-serif; font-weight: 200; } /* text, body of Posts */ body.single .entry-content, body.single .entry-content p, body.page .entry-content, body.page .entry-content p, body.page .entry-content ul { font-family: "PT Serif W01", serif; font-size: 16px; line-height: 24px; color: #333; } body.home .entry-content p { font-family: "Helvetica W01", Arial, sans-serif; font-weight: 400; font-size: 16px; line-height: 24px; color: #333; } .entry-content p { padding-bottom: 16px; } /* links */ a, #main article.hentry a { color: #4f8fd6; } #main a h1, #main a h2, #main a h3, #main a h4, #main a h5, #main a h6 { color: #4f8fd6; } a:hover, #main article.hentry a:hover { color: #f4a800; } a, h2 a, div { font-family: "Helvetica W01", Arial, sans-serif; font-weight: 200; } /* */ body.home article h2 a { font-family: "Gilda Display", Palatino, serif; } /* testimonial quotes */ .testimonial .quote p { color: #777; font-size: 26px; line-height: 34px; font-family: "PT Serif W01", serif; } /* blockquotes */ .entry-content blockquote:before { background: url("/wp-content/themes/newmessage-churchope-child/img/quote-open-sans.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); left: 5px; top: 5px; } .entry-content blockquote { background-color: #f1f1f1; border-color: #e1e1e1; box-shadow: none; padding-left: 56px; display: table; } /* bucket titles */ a.teaser_box span.teaser_title_inner { font-family: "Helvetica W01", Arial, sans-serif; font-weight: 600; letter-spacing: 0; } a.teaser_box span.teaser_more { font-family: "Helvetica W01", Arial, sans-serif; font-weight: 600; letter-spacing: 0; font-style: italic; font-size: 15px; line-height: 24px; } /********** LISTS ****************/ .entry-content ul > li { padding: 0px 0 2px 20px; background-image: none; } .entry-content ol > li { padding: 0 0 12px 20px; background-image: none; } #main .widget_nav_menu ul ul { padding-left: 0; } #main .widget_nav_menu ul ul ul { padding-left: 4px; } #main .widget_nav_menu .menu-volumes-books-container ul ul { padding-left: 0; } #main .widget_nav_menu .menu-volumes-books-container ul ul ul { padding-left: 10px; } #main .widget_nav_menu .menu-volumes-books-container ul li a { padding-left: 0; } .menu-books h2 { color: #777 !important; } .menu-books p { font-size: 14px; line-height: 20px; padding-left: 10px; } .widget_nav_menu li::before, .widget_links li::before, .widget_meta li::before, .entry-content ul li::before { top: 0; left: 0; content: none; } /********** IMAGE MAGNIFICATION **/ .imghover { display: none !important; } /********** GENERIC CLASSES ******/ .floater-right { float: right; margin-left: 20px; width: 300px; } .float-left { float: left; } .float-right { float: right; } .display-inline { display: inline; } div.panel-10 { padding: 10px; overflow: hidden; } div.panel-20 { padding: 20px; overflow: hidden; } div.panel-30 { padding: 30px; overflow: hidden; } div.panel-40 { padding: 40px; overflow: hidden; } div.bottom-padding-10 { padding-bottom: 10px; } div.bottom-padding-20 { padding-bottom: 20px; } div.bottom-padding-30 { padding-bottom: 30px; } div.bottom-padding-40 { padding-bottom: 40px; } /* books sidebar note */ div.bookspanel { margin-left: 20px; margin-right: 30px; padding: 10px; overflow: hidden; } div.overflow-hidden { overflow: hidden; } div.one-3rd { width: 31%; float: left; margin: 0 20px 0 0; } div.one-3rd.last { margin-right: 0; } div.one-2nd { width: 454px; float: left; margin: 0 20px 0 0; } div.one-2nd.last { margin-right: 0; } div.two-3rd { width: 66%; float: left; margin: 0 20px 0 0; } div.two-3rd.last { margin-right: 0; } .grid_8 .panel-30 .one_third { width: 169px; } .border-rounded-4 { border-radius: 4px; } .border-rounded-8 { border-radius: 8px; } .border-rounded-12 { border-radius: 12px; } .border-dotted-harvest-gold { border: 2px dotted #ddbb7f; } .border-solid-whiskey { border: 2px solid #d29e5c; } .border-bottom-fire { border-style: solid; border-width: 0px 0px 8px; border-image: url('/wp-content/themes/newmessage-churchope-child/img/border-fire.jpg') 0 0 8 repeat; } .list-vertical, .list-horizontal { list-style: none !important; } .list-vertical li { float: none; } .list-horizontal li { float: left; } .list-vertical li:before, .list-horizontal li:before { content: none !important; } .list-vertical.no-indent > li, .list-horizontal.no-indent > li { padding-left: 0; } .list-vertical.diamond { list-style-image: url('/wp-content/themes/newmessage-churchope-child/img/bullet-diamond-small.png') !important; list-style-position: outside !important; } .list-vertical.diamond > li { margin-left: 36px; padding-left: 8px; } .list-vertical.diamond.no-indent > li { margin-left: 18px; padding-left: 8px; } ul.not-underlined a, a.not-underlined { text-decoration: none !important; } .text-align-left { text-align: left; } .text-align-right { text-align: right; } .text-align-center { text-align: center; } /*.separator-right { border-right: 1px solid #ccc; padding-right: 20px; }*/ .text-color-black { color: #000 !important; } .text-color-gray-1 { color: #111 !important; } .text-color-gray-2 { color: #222 !important; } .text-color-gray-3 { color: #333 !important; } .text-color-gray-4 { color: #444 !important; } .text-color-gray-5 { color: #555 !important; } .text-color-gray-6 { color: #666 !important; } .text-color-gray-7 { color: #777 !important; } .text-color-gray-8 { color: #888 !important; } .text-color-gray-9 { color: #999 !important; } .text-color-gray-a { color: #aaa !important; } .text-color-gray-b { color: #bbb !important; } .text-color-gray-c { color: #ccc !important; } .text-color-gray-d { color: #ddd !important; } .text-color-gray-e { color: #eee !important; } .text-color-white { color: #fff !important; } .text-color-whiskey { color: #d29e5c !important; } .text-color-pirate-gold { color: #bd7c03 !important; } .text-color-orange-roughy { color: #be5a1e !important; } .text-color-milano-red { color: #af2400 !important; } .text-color-desert { color: #ac521e !important; } .text-color-coral { color: #fe7f4a !important; } .background-color-white { background-color: #fff !important; } .background-color-black { background-color: #000 !important; } .background-color-alabaster { background-color: #fafafa !important; } .background-color-mercury { background-color: #e3e3e3 !important; } .background-color-bridesmaid { background-color: #f6f2ee !important; } .background-color-bridesmaid2 { background-color: #fef0e5 !important; } .background-color-spanish-white { background-color: #f8f1e4 !important; } .background-color-pickled-bluewood { background-color: #353d62 !important; } .background-color-gray-gallery { background-color: #f0f0f0 !important; } .background-color-gray-mine-shaft { background-color: #242424 !important; } .background-color-red-damask { background-color: #db6d38 !important; } .background-color-cedar { background-color: #361f14 !important; } .background-color-opacity-3 { background-color: rgba(0, 0, 0, 0.3); } .background-color-opacity-4 { background-color: rgba(0, 0, 0, 0.4); } .background-color-opacity-5 { background-color: rgba(0, 0, 0, 0.5); } /* matching color of links when using specific backgrounds */ .background-color-pickled-bluewood a { color: #97c5ff !important; } .background-pattern-1 { background-image: url('/wp-content/themes/newmessage-churchope-child/img/background-pattern-1.jpg'); } .background-tile-1 { background-image: url('/wp-content/themes/newmessage-churchope-child/img/background-tile1.jpg'); background-repeat: repeat-y; } .font-sans { font-family: "Helvetica W01", Arial, sans-serif !important; font-weight: 200; } .font-serif { font-family: "PT Serif W01", serif !important; } .font-bold { font-family: "Helvetica W01", Arial, sans-serif; font-weight: bold; } .font-bold-super { font-family: "Helvetica W01", Arial, sans-serif; font-weight: 800; } .font-weight-bold { font-weight: bold; } .font-size-smalest { font-size: 12px; } .font-size-smaller { font-size: 14px; } .font-size-10 { font-size: 10px !important; } .font-size-11 { font-size: 11px !important; } .font-size-12 { font-size: 12px !important; } .font-size-13 { font-size: 13px !important; } .font-size-14 { font-size: 14px !important; } .font-size-15 { font-size: 15px !important; } .font-size-18 { font-size: 18px !important; } .font-size-20 { font-size: 20px !important; } .font-size-24 { font-size: 24px !important; } .font-size-28 { font-size: 28px !important; } .font-size-32 { font-size: 32px !important; } .font-size-36 { font-size: 36px !important; } .line-height-20 { line-height: 20px; } .line-height-22 { line-height: 22px; } .line-height-24 { line-height: 24px; } .line-height-26 { line-height: 26px; } .line-height-28 { line-height: 28px; } .line-height-30 { line-height: 30px; } .line-height-32 { line-height: 32px; } .smallspace { line-height: 15px; } .bigspace { line-height: 30px; } .text-shadow { text-shadow: 0 0 5px rgb(0, 0, 0); } .text-shadow-strong { text-shadow: 0 0 10px rgb(0, 0, 0); } .margin-bottom-5 { margin-bottom: 5px !important; } .margin-bottom-10 { margin-bottom: 10px !important; } .margin-bottom-15 { margin-bottom: 15px !important; } .margin-bottom-20 { margin-bottom: 20px !important; } .margin-bottom-25 { margin-bottom: 25px !important; } .margin-bottom-30 { margin-bottom: 30px !important; } .margin-bottom-35 { margin-bottom: 35px !important; } .margin-bottom-40 { margin-bottom: 40px !important; } .margin-top-5 { margin-top: 5px !important; } .margin-top-10 { margin-top: 10px !important; } .margin-top-15 { margin-top: 15px !important; } .margin-top-20 { margin-top: 20px !important; } .margin-top-25 { margin-top: 25px !important; } .margin-top-30 { margin-top: 30px !important; } .margin-top-35 { margin-top: 35px !important; } .margin-top-40 { margin-top: 40px !important; } .padding-bottom-5 { padding-bottom: 5px !important; } .padding-bottom-10 { padding-bottom: 10px !important; } .padding-bottom-15 { padding-bottom: 15px !important; } .padding-bottom-20 { padding-bottom: 20px !important; } .padding-bottom-25 { padding-bottom: 25px !important; } .padding-bottom-30 { padding-bottom: 30px !important; } .padding-bottom-35 { padding-bottom: 35px !important; } .padding-bottom-40 { padding-bottom: 40px !important; } .padding-top-10 { padding-top: 10px !important; } .padding-top-20 { padding-top: 20px !important; } .padding-top-40 { padding-top: 40px !important; } .padding-top-60 { padding-top: 60px !important; } .padding-left-10 { padding-left: 10px !important; } .padding-left-15 { padding-left: 15px !important; } .padding-left-20 { padding-left: 20px !important; } .padding-left-30 { padding-left: 30px !important; } .padding-left-40 { padding-left: 40px !important; } .padding-left-60 { padding-left: 60px !important; } .padding-right-20 { padding-right: 20px !important; } .padding-sides-10 { padding: 0 10px; } .padding-10 { padding: 10px !important; } .padding-20 { padding: 20px !important; } .padding-30 { padding: 30px !important; } .padding-40 { padding: 40px !important; } .line-height-20 { line-height: 20px !important; } .line-height-24 { line-height: 24px !important; } .line-height-28 { line-height: 28px !important; } .line-height-32 { line-height: 32px !important; } .line-height-36 { line-height: 36px !important; } .line-height-40 { line-height: 40px !important; } .line-height-44 { line-height: 44px !important; } .line-height-48 { line-height: 48px !important; } .line-height-52 { line-height: 52px !important; } .line-height-56 { line-height: 56px !important; } .line-height-60 { line-height: 60px !important; } .margin_bottom_zero { margin-top: 0 !important; } .margin_top_zero { margin-bottom: 0 !important; } .padding_bottom_zero { padding-bottom: 0 !important; } .padding_top_zero { padding-top: 0 !important; } /* THE MESSAGE / LIBRARY */ .the-message-intro-box { margin-bottom: 20px; overflow: hidden; background: url('/wp-content/themes/newmessage-churchope-child/img/message-intro-background---vertical-tile-1400w.jpg') repeat-y; padding: 20px; } .the-message-intro-box-content { background-color: #fff; padding: 20px; box-shadow: 4px 4px 10px #c8ac8f; border-radius: 4px; overflow: hidden; } .the-message-intro-box h4 { } .the-message-intro-box .intro { width: 40%; float: left; } .the-message-intro-box .getting-started { width: 27%; float: left; margin-left: 16px; } .the-message-intro-box .voice { width: 25%; float: left; margin-left: 16px; } .the-message-intro-box .intro p { line-height: 22px !important; font-size: 15px !important; font-family: "Helvetica W01", Arial, sans-serif !important; font-weight: 400; } .the-message-intro-box .intro p a { line-height: 22px !important; font-size: 15px !important; } .the-message-intro-box .getting-started a { font-size: 15px; line-height: 18px; } .the-message-intro-box .getting-started ul li { padding-left: 13px; } .the-message-intro-box .voice p a { font-size: 15px; line-height: 18px; } .the-message-intro-box .voice .toggle div { font-size: 14px; line-height: 18px; } .the-message-search { margin-top: 10px; overflow: hidden; } .the-message-search-content { margin: 0 auto; } .the-message-search h4 { width: 24%; float: left; } .the-message-search input[type="text"] { width: 40%; float: left; font-size: 16px; margin-top: 12px; margin-right: 20px; font-style: italic; margin-left: 8px; } .the-message-search input[type="submit"] { padding: 6px 32px; float: left; background-color: #f4a800; color:#fff; font-size: 16px; font-weight: bold; border-radius: 5px; margin-top: -10px; } .the-message-search input[type="submit"]:hover { background-color: #4f8fd6; } .the-message-books-volumes { overflow: hidden; padding: 20px; margin-bottom: 20px; } .grid_8 .the-message-books-volumes .one_third { width: 30%; } .the-message-books-volumes .message-book-div { position: relative; margin-bottom: 12px; height: 111px; background-color: #fff; box-shadow: 0 0 10px #c8ac8f; text-align: center; } .the-message-books-volumes .message-book-div.more { background-color: transparent; border: 3px solid white; box-shadow: none; height: 107px; } .the-message-books-volumes .message-book-link-to-post { padding: 10px; position: absolute; z-index: 1; top: 50%; left: 50%; margin: 0 -50% 0 0; color: #4f8fd6 !important; font-weight: bold; font-size: 18px; font-family: "Trajan W01", Palatino, serif; -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .the-message-books-volumes .message-book-link-to-post img { padding: 0; border: none; } .the-message-books-volumes .toggle_container article h2 a { font-size: 14px; display: inline-block; } .the-message-books-volumes .toggle { margin-bottom: 32px; } .the-message-books-volumes .blog_shortcode + .blog_shortcode { margin-top: 6px; } .the-message-books-volumes h4.trigger { padding: 6px 6px 6px 40px; background-color: #fff; border: 4px solid #faf1e2; }’ .the-message-chapters-no-links { font-size: 13px; color: #999 !important; margin-top: 0px; margin-bottom: 0px“; } /* Responsive code for /library page */ @media only screen and (max-width: 959px) { .the-message-intro-box .intro { width: 94%; } .the-message-intro-box .getting-started, .the-message-intro-box .voice { width: 94%; margin-left: 0; } .the-message-search input[type="text"] { width: 30%; } } @media only screen and (max-width: 767px) { .grid_8 .the-message-books-volumes .one_third { width: 70%; left: 14%; } } @media only screen and (max-width: 480px) { .the-message-search h4, .the-message-search input[type="text"], .the-message-search input[type="submit"] { width: 94%; margin: 0 0 12px; } } /* MESSENGER JOURNEYS */ .messenger-journeys-div { position: relative; margin-bottom: 20px; } .messenger-journeys-link-to-post { background-color: rgba(0, 0, 0, 0.5); padding: 15px 25px; position: absolute; z-index: 1; top: 50%; left: 50%; margin: 0 -50% 0 0; color: #fff !important; font-weight: bold; font-size: 20px; -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .messenger-journeys-link-to-post img { padding: 0; border: none; } body.page .entry-content .div_over_image.the-messenger { background-image: url('/wp-content/uploads/2015/03/The-Messenger-Page-3_1_2.002-b.jpg'); height: 622px; background-repeat: no-repeat; position: relative; background-position: -60px 0; } body.page .entry-content .div_over_image .div_over_image_section { top: 90px; right: 20px; width: 38%; position: absolute; z-index: 1; } body.page .entry-content .div_over_image a { text-decoration: none; } body.page .entry-content .div_over_image .jp-audio { margin-top: 8px; margin-bottom: 8px; } body.page .entry-content .div_over_image .the-messenger-block-1 h4 { line-height: 18px; font-size: 14px !important; margin-bottom: 4px !important; } body.page .entry-content .div_over_image .the-messenger-block-1 p { line-height: 18px; font-size: 14px !important; padding:0; } body.page .entry-content .div_over_image .the-messenger-block-1 a { font-size: 14px !important; } body.page .entry-content .div_over_image .the-messenger-block-2 { padding: 15px; } body.page .entry-content .div_over_image .the-messenger-block-2 h4 { line-height: 18px; font-size: 14px !important; margin-bottom: 4px !important; } body.page .entry-content .div_over_image .the-messenger-block-2 p { line-height: 18px; font-size: 14px !important; padding:0; } body.page .entry-content .div_over_image .the-messenger-block-2 a { font-size: 14px !important; } body.page .entry-content .div_over_image .the-messenger-block-3 { padding: 15px; } body.page .entry-content .div_over_image .the-messenger-block-3 h4 { line-height: 18px; font-size: 14px !important; margin-bottom: 4px !important; } body.page .entry-content .div_over_image .the-messenger-block-3 p { line-height: 18px; font-size: 14px !important; padding:0; } body.page .entry-content .div_over_image .the-messenger-block-3 a { font-size: 14px !important; } body.page .entry-content .div_over_image.the-messenger-journeys { height: 439px; position: relative; margin-bottom: 20px; } body.page .entry-content .div_over_image.the-messenger-journeys .div_over_image_block1 { top: 169px; left: 0; width: 55%; z-index: 1; position: absolute; } body.page .entry-content .div_over_image.the-messenger-journeys .div_over_image_block2 { top: 90px; right: 20px; width: 45%; z-index: 1; position: absolute; } body.page .entry-content .div_over_image.the-messenger-journeys .block-1 h4 { line-height: 18px; font-size: 20px !important; margin-bottom: 20px !important; } body.page .entry-content .div_over_image.the-messenger-journeys .block-1 p { line-height: 18px; font-size: 15px !important; padding:0; } body.page .entry-content .div_over_image.the-messenger-journeys .block-1 a { font-size: 15px !important; display: block; margin-top: 14px; } body.page .entry-content .div_over_image.the-messenger-journeys .block-2 h4 { line-height: 18px; font-size: 20px !important; margin-bottom: 20px !important; } body.page .entry-content .div_over_image.the-messenger-journeys .block-2 p { line-height: 18px; font-size: 15px !important; padding:0; } body.page .entry-content .div_over_image.the-messenger-journeys .block-2 a { font-size: 15px !important; display: block; margin-top: 14px; } #main .messenger-journeys .gallery_listing.small { width: 184px; } #main .messenger-journeys .gallery_listing.small .thumb img { max-width: 184px; } #main .messenger-journeys .gallery_listing:nth-child(2n+1) { clear: none !important; } .messengers-broadcast-core-messages a { font-size: 14px; text-decoration: none; } .messengers-broadcast-core-messages a:hover { text-decoration: underline; } .messengers-broadcast-core-messages div.jp-audio { margin-top: 6px; margin-bottom: 14px; } .messengers-broadcast-all-messages a { } .div_over_image.messengers-broadcast { background-image: url('/wp-content/uploads/2014/07/Marshall_694w.jpg'); height: 449px; background-repeat: no-repeat; position: relative; background-position: 0 0; margin-bottom: 20px; } .div_over_image.messengers-broadcast .div_over_image_block1 { top: 104px; right: 26px; width: 36%; z-index: 1; position: absolute; } .div_over_image.messengers-broadcast .block-1 h3 { line-height: 18px; font-size: 20px !important; margin-bottom: 20px !important; } .div_over_image.messengers-broadcast .block-1 p { line-height: 18px; font-size: 15px !important; padding:0; color: #fff; } .div_over_image.messengers-broadcast .block-1 a { font-size: 15px !important; display: block; margin-top: 14px; } .div_over_image.messengers-broadcast .block-1 article h2 a { font-size: 22px !important; } /* MESSENGER SPEAKS */ /* colors the link in the messenger speaks landing page */ /* .gallery-title h2 { color: #2026e0 !important; } */ .gallery_listing .entry-title a { color: #1654e3 !important; } /* embeded videos in the messenger speaks section */ .videoingallery { float: right !important; padding: 10px; background-color: #f0f0f0 !important; } /* FREE SCHOOL */ body.page img.school-header { margin-top: -20px; } /****************************GENERIC SIZES*************/ .height-100 { height: 100px;} .height-300 { height: 300px;} /********** SPACING BETWEEN VARIOUS ELEMENTS **/ /********** HEADER ***************/ .header_top { overflow: visible; } .header_bottom { overflow: visible; } #color_header { background: #0d4170 url("//www.newmessage.org/wp-content/uploads/2014/07/blue-rays-background1.jpg") no-repeat scroll 0 0; } /********** RIBBON ***************/ header .ribbon_holder { display: none; } /********** NEXT_EVENT ***********/ header .grid_5 .widget_event strong { background: url("/wp-content/themes/newmessage-churchope-child/img/bg_counter_gray.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); color: #fff; } header .widget-title a { font-size: 16px; } header .grid_5 .widget_event .expiration-timer li .descr { color: #666; opacity: 1; } header .widget-title a, header .widget-title, header .widget_calendar caption { color: #1c72c7; } header .grid_5 .widget_event .expiration-timer li .descr { color: #000; } header .next_event .widget { padding: 20px 0 15px; float: right; } header .next_event h4 { margin: 0; } header .next_event ul { padding: 8px 0; background: none; } header .next_event.grid_5 { width: 296px; float: right; margin: 0 0 0 16px; display: none; } /********** UTILITY-BAR ********/ header .utility-bar { position: relative; float: right; width: auto; margin-right: 14px; } header .utility-bar ul { background-color: #fff; margin-top: 42px; display: inline-block; padding: 0 12px; border-radius: 4px; } header .utility-bar ul li { padding: 0; line-height: 13px; } header .utility-bar ul li a { color: #2e699e; text-decoration: none; font-weight: 600; font-family: "Helvetica W01",Arial,sans-serif; text-transform: uppercase; font-size: 0; display: inline-block; margin-top: 5px; padding: 0 4px; } header .utility-bar ul li span { color: #2e699e; text-decoration: none; font-weight: 600; font-family: "Helvetica W01",Arial,sans-serif; text-transform: uppercase; font-size: 16px; padding: 0 8px; } header .utility-bar ul li:nth-child(1) a:after { content: "School"; font-size: 13px; } header .utility-bar ul li:nth-child(2) a:after { content: "Events"; font-size: 13px; } header .utility-bar ul li:nth-child(3) a:after { content: "Forum"; font-size: 13px; } header .utility-bar ul li:nth-child(4) a:after { content: "Store"; font-size: 13px; } /********** INTERNATIONAL ********/ header .international { position: relative; float: right; width: 161px; margin-left: 6px; } header .international .international-icon { margin-top: 32px; } .international-icon a { display: block; width: 161px; height: 44px; background-image: url("/wp-content/themes/newmessage-churchope-child/img/international-icon4.png"); background-repeat: no-repeat; background-size: 161px 44px; } .international-content { background-color: #fff; padding: 4px 20px 20px; width: 222px; position: absolute; top: 80px; right: 2px; z-index:9999; border-radius: 4px; box-shadow: 1px 1px 3px #333; } .international-content .one-2nd { width: 100px; float: left; margin: 0 20px 0 0; } .international-content .one-2nd.last { margin-right: 0; } .international-content a { color: #4f8fd6; font-size: 15px; line-height: 26px; } .international-content a:hover { color: #f4a800; } .international-content ul { padding-left: 0; } footer .international-icon.footer a { background-image: url("/wp-content/themes/newmessage-churchope-child/img/international-icon4.png"); } footer .international-content.footer { top: 120px; right: -14px; } /********** DONATE ***************/ header .donate { padding-top: 37px; position: relative; margin: 0 8px 0 0; width: 76px; float: right; height: 32px; } header .donate a { position: absolute; width: 73px; height: 32px; z-index: 1; background-image: url("/wp-content/themes/newmessage-churchope-child/img/donate-button.png"); background-repeat: no-repeat; background-size: 73px 32px; } /********** SEARCH ***************/ #color_header .search { padding-top: 20px; margin-left: 20px; float: right; position: relative; margin-right: 8px; width: 182px; } #color_header .search input[type="text"] { float: left; width: 126px; padding: 8px 10px 7px; font-size: 12px; color: #5a5a5a; background-color: #e8e8e8; border-radius: 2px 0 0 2px; } #color_header .search input[type="submit"] { float: left; width: 29px; height: 31px; background: #fff url("/wp-content/themes/newmessage-churchope-child/img/search-button-14px-50t.png") no-repeat scroll 7px 9px; border-radius: 0 2px 2px 0; cursor: pointer; font-size: 0; line-height: 0; border-left: 1px solid #c0c0c0; } div#___gcse_0 { display: none; } /********** SEARCH 404 page ***************/ body.error404 article input { width: 200px; padding: 8px 10px 7px; font-size: 14px; } /********** HEADER LOGO **********/ .logo img { padding: 12px 0; } .logo { margin: 0 16px 0 8px; } .logo a { background: transparent url("/wp-content/themes/newmessage-churchope-child/img/EN-new-message-logo.png") no-repeat scroll 0 0; width: 268px; height: 78px; margin: 12px 0; display: block; } /********** HEADER BACKGROUND/BORDER ***/ body.single-post .header_bottom, body.page .header_bottom { background: none; } body.single-post .header_top { background: none; } /* Header, clouds image, setting proper horizontal position */ /*header { background-position: -282px 0; border-bottom: 4px solid #9a3322; }*/ header { background: #ffffff url("/wp-content/uploads/2014/10/layer_scene4_bg.jpg") no-repeat scroll center 0; background-color: #fff; border-bottom: 4px solid #ac521e; } /********** HEADER EXTRATITLE ****/ .extratitle p { text-shadow: 1px 1px 1px #000; } /*********** NAV *****************/ #color_header .mainmenu_inner > .row .grid_12 { width: 1000px; } #color_header .mainmenu_inner .grid_9 { width: 700px; margin: 0 8px 0 0; float: right; } #color_header .mainmenu_inner .nav_buttons { float: right; } #color_header .mainmenu_inner .main_menu { float: right; } /* shortening the height of top nav */ /* #color_header .mainmenu_inner .grid_9 { height: 42px; } #color_header .search { padding-top: 10px; } #color_header .mainmenu_inner .grid_9 .sf-menu > li > a { height: 50px; } #color_header .mainmenu { background: url('/wp-content/themes/newmessage-churchope-child/img/bg_mainmenu_smaller.png') repeat-x 0 100%; } #color_header .main_menu .hover { background: url('/wp-content/themes/newmessage-churchope-child/img/bg_active_menu_smaller.png') repeat-x 0 0 } */ /********** BREADCRUMBS **********/ #breadcrumbs { padding: 10px 0; font-size: 14px; line-height: 18px; } /********** MENU *****************/ .sf-menu > li > a { letter-spacing: 0; font-family: "Neue Helvetica W01", Arial, sans-serif; font-weight: normal; font-size: 17px; padding: 0 13px; text-transform: none; } .sf-menu > li > ul a { font-family: "Helvetica W01", Arial, sans-serif; font-weight: 400; font-size: 14px; color: #555; } /********** SLIDESHOW TITLE ******/ #jcyclemain .cycle_content h3.entry-title { width: 850px; font-family: 'Gilda Display', Palatino, serif; font-weight: normal; letter-spacing: 1px; text-transform: none; font-size: 50px; line-height: 50px; margin-bottom: 10px; } #jcyclemain .cycle_content .entry-content p { font-size: 23px; line-height: 28px; color: #fff; font-family: "Helvetica W01", Arial, sans-serif; font-weight: 200; padding: 0 0 10px; } #jcyclemain .cycle_content .entry-content a { background-color: #e9e9e9; font-size: 16px; box-shadow: none; } #jcyclemain .cycle_content .entry-content a span { color: #3260ab; font-family: "Helvetica W01", Arial, sans-serif; font-weight: 200; } #jcyclemain .bgimage { padding: 45px 0 62px } /********** MEDIA BOX ************/ body.single .entry-content .tabgroup, body.page .entry-content .tabgroup { font-family: "Helvetica W01", Arial, sans-serif; font-weight: 200; width: 300px; float: right; margin-bottom: 20px; margin-left: 20px; z-index: 1; } body.single .entry-content .tabgroup p, body.page .entry-content .tabgroup p { font-family: "Helvetica W01", Arial, sans-serif; font-weight: 200; font-size: 15px; line-height: 19px; color: #797979; padding-bottom: 10px; } body.single .entry-content .tabgroup div.ui-tabs-panel a, body.page .entry-content .tabgroup div.ui-tabs-panel a { font-size: 15px; line-height: 19px; } body.single .entry-content .tabgroup div.ui-tabs-panel, body.page .entry-content .tabgroup div.ui-tabs-panel { font-size: 15px; line-height: 19px; } body.single .entry-content .ui-tabs .ui-tabs-panel, body.page .entry-content .ui-tabs .ui-tabs-panel { padding-bottom: 10px; } /* Play Button, background color */ .jp-play, .jp-pause, .jp-play-bar, .jp-volume-bar-value { background-color: #9b3f18; } /********** SINGLE POST **********/ /* Hide post title, tags, categories */ body.single-post .post_title_area { display: none; } body.single-post article.post { padding: 14px 10px 10px; } /* Hide author box at the end of post */ body.single-post #authorbox { display: none; } /* Single post, styling for left menu */ body.single-post #main aside.left-sidebar ul li:before, body.single #main aside.left-sidebar ul li:before, body.page #main aside.left-sidebar ul li:before { content: none; } body.single-post #main aside.left-sidebar ul.menu a, body.single #main aside.left-sidebar ul.menu a, body.page #main aside.left-sidebar ul.menu a { font-family: "Helvetica W01", Arial, sans-serif; font-weight: 200; font-size: 13px; } body.single-post #main aside.left-sidebar ul.menu > li > a, body.single #main aside.left-sidebar ul.menu > li > a, body.page #main aside.left-sidebar ul.menu > li > a { font-weight: bold; font-size: 16px; line-height: 22px; color: #333; } body.single-post #main aside.left-sidebar ul.menu > li > ul.sub-menu > li > a, body.single #main aside.left-sidebar ul.menu > li > ul.sub-menu > li > a, body.page #main aside.left-sidebar ul.menu > li > ul.sub-menu > li > a { font-weight: bold; font-size: 14px; } body.single-post #main aside.left-sidebar ul > li > ul > li > ul, body.single #main aside.left-sidebar ul > li > ul > li > ul, body.page #main aside.left-sidebar ul > li > ul > li > ul { list-style: none; } /* affects the signup in the volumes sidebar */ #main #contentarea aside .widget h3.widget-title { color: #777777; font-size: 16px; line-height: 20px; } /********** HEADER, BLUE RAYS ****/ body.single-post #pagetitle, body.page #pagetitle, body.error404 #pagetitle { height: 80px; } body.single-post #pagetitle h1, body.page #pagetitle h1, body.error404 #pagetitle h1 { margin: 32px 0 15px; font-family: "Helvetica W01", Arial, sans-serif; font-weight: bold; } /* Centralizing Blue Rays image on the Header */ #color_header { background-position: center 0; } /********** HEADER IMAGE, HOME ***/ /* Header background (blue beach and mountain) for Home */ body.home .header_bottom { background: none; } body.home .header_top { background: none; } body.home #color_header { background-image: url('/wp-content/themes/newmessage-churchope-child/img/slider-bg.jpg'); background-position: 50% 0; background-repeat: no-repeat; background-color: #545454; } body.home #jcyclemain { height: 470px !important; } body.home #jcyclemain .bgimage { background-image: none !important; } body.home #navjcycle { margin-top: -88px; } /********** HOME, FRONT **********/ body.home #title_sidebar { } body.home #title_sidebar .textwidget { text-align: center; } body.home #title_sidebar h2 { font-family: "Helvetica W01", Arial, sans-serif; font-weight: bold; color: #444; display: inline-block; font-size: 16px; margin-right: 6px; } body.home #title_sidebar p { color: #666; display: inline-block; font-size: 15px; margin-right: 16px; } body.home .widget.front.widget_text .churchope_button { font-size: 15px;} /********** HOME, LIU ***********/ body.home .home_liu_signup { margin-top: 20px; } body.home .home_liu_signup input { margin-bottom: 8px; font-size: 16px; } body.home .home_liu_signup input[type="submit"] { background-color: #ab521e; color:#fff; font-size: 16px; font-weight: bold; border-radius: 5px; } body.home .entry-content .home_liu_signup label { font-size: 16px; line-height: 22px; display: block; } /********** SHORTCODE "blog" *****/ .blog_shortcode h2.entry-title { background: none; border-radius: none; box-shadow: none; /*white-space: pre;*/ } .blog_shortcode h2.entry-title a { font-weight: normal; text-decoration: underline; } .blog_shortcode h2.entry-title:after { background: none; border-radius: none; box-shadow: none; content: none; } .blog_shortcode h2.entry-title:hover:after { background: none; border-radius: none; box-shadow: none; } .blog_shortcode h2.entry-title a { letter-spacing: 0; } .blog_shortcode + .blog_shortcode { margin-top: 8px; } .blog_shortcode .entry-content p { font-weight: normal; font-size: 14px; line-height: 22px; padding-bottom: 0; } .blog_shortcode h2.entry-title.excerpt a { font-weight: bold; } body.home #main .blog_shortcode h2.entry-title:after { background: url("../images/arrow_transparent.png") no-repeat scroll 50% 100% #f1f1f1; } body.home #main .blog_shortcode h2.entry-title a { text-decoration: none; font-size: 17px; } body.home #main article.blog_shortcode { padding-left: 12px; margin-bottom: 20px; } body.home #main .home_feed_available_online article.blog_shortcode { border-left: 8px solid #e9f3e6; } body.home #main .home_feed_available_nkl article.blog_shortcode { border-left: 8px solid #e6eef3; } body.home #main .home_feed_journal article.blog_shortcode { border-left: 8px solid #f3e3e3; } body.home #main .home_feed_sayings article.blog_shortcode { border-left: 8px solid #f2efe4; } body.home #main .home_feed_featured article.blog_shortcode { border-left: 8px solid #ddf1f3; } .blog_shortcode a.read-more { padding-top: 10px; display: inline-block; font-size: 15px; } .blog_shortcode.featured_image_only { width: 300px; float: left; } .blog_shortcode.featured_image_only + .blog_shortcode.featured_image_only { margin-top: 0; } .blog_shortcode.featured_image_only { display: inline-block; float: none; } /* center-aligning */ .blog_shortcode.title-center { width: 300px; float: left; position: relative; } .blog_shortcode.title-center + .blog_shortcode.title-center { margin-top: 0; } .blog_shortcode.title-center { display: inline-block; float: none; } /* center-aligning */ #main article.blog_shortcode h2.feed-title-center { background-color: rgba(0, 0, 0, 0.5); padding: 25px 35px; position: absolute; z-index: 1; top: 50%; left: 50%; margin: 0 -50% 0 0; -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } /* centering both vertically and horizontally => http://www.w3.org/Style/Examples/007/center.en.html#hv3 */ #main article.hentry.blog_shortcode h2.feed-title-center a { color: #fff; font-weight: bold; font-size: 20px; } #main article.hentry.blog_shortcode p a.imgborder img { padding: 0; border: none; } body.page .entry-content .messenger-journeys .tabgroup { width: 100%; } body.page .entry-content .messenger-journeys .tabgroup div.ui-tabs-panel { background-color: #fff; } /********** SHORTCODE "button" ***/ #main article.hentry a.simple_button_link { color: #fff; background-color: #4f8fd6 !important; } #main article.hentry a.simple_button_link:hover { color: #fff; background-color: #f4a800 !important; } #main article.hentry a.simple_button_black { color: #fff; background-color: #281e1f !important; } #main article.hentry a.simple_button_black:hover { color: #fff; background-color: #f4a800 !important; } #main article.hentry a.churchope_button { color: #fff; background-color: #4f8fd6 !important; } #main article.hentry a.churchope_button:hover { color: #fff; background-color: #4f8fd6 !important; } /* Pull page/post/error404 lower */ body.page #main, body.single-post #main, body.error404 #main { top: -18px; } /********** NAV, CLASSIC *********/ #main article.hentry .nav-classic { text-align: center; clear: both; width: 100%; overflow: hidden; margin: 0 auto; } #main article.hentry .nav-classic ul { list-style: none outside none; display: inline-block; border-bottom: 1px solid #e6e6e6; text-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.04); } #main article.hentry .nav-classic ul li { margin-left: 20px; padding-left: 0; } #main article.hentry .nav-classic ul li:first-child { margin-left: 0 !important; } #main article.hentry .nav-classic ul li:before { content: none; } #main article.hentry .nav-classic ul li a { color: #27a1f8; font-size: 16px; line-height: 24px; text-decoration: none; } #main article.hentry .nav-classic ul li a:hover { color: #f4a800; text-decoration: underline; } /********** EXPERIENCE THE MESSAGE, page */ /** WORLDWIDE COMMUNITY', pages */ .background-diamond-stroke { background-image: url(/wp-content/themes/newmessage-churchope-child/img/shapeimage_1.png); background-repeat: no-repeat; } /* Custom CSS Buttons */ .custom_button_1 { background-color: #4f8fd6; padding: 8px 20px 10px; display: inline-block; color: #fff !important; text-decoration: none; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; margin-right: 7px; margin-bottom: 7px; text-align: center; font-weight: bold; font-size: 18px; box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #07526e, 0px 10px 5px #999; cursor: pointer; text-shadow: 1px 1px 0px #07526e; background-image: linear-gradient(bottom, rgb(14,137,182) 0%, rgb(22,179,236) 100%); width: 94%; font-family: "Helvetica W01",Arial,sans-serif; } .custom_button_1 span { font-size: 14px; display: block; text-align: center; font-weight: normal; } .custom_button_1:hover { position: relative; top: 2px; } .custom_button_1.sub_button { width: 80%; margin-right: 0; background-color: #729ecf; font-size: 15px; padding: 6px 12px 8px; } .custom-dropdown { margin-top: -16px; } .custom-dropdown-input { display: none; } .custom-dropdown-input:not(checked) ~ .custom-dropdown-content { display: none; } .custom-dropdown-input:checked ~ .custom-dropdown-content { display: block; } .custom-dropdown-content { display: none; overflow: hidden; padding:10px; margin-bottom: 10px; text-align: center; width: 100%; } .noselect { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .sidebar-encampment-buttons .custom_button_1 { width: 80%; } .sidebar-encampment-buttons .custom-dropdown { margin-top: -10px; } /********** FOOTER ***************/ footer h4.widget-title { font-family: "Helvetica W01", Arial, sans-serif; font-weight: bold; color: #686868; letter-spacing: -0.5px; } footer .widget_nav_menu ul li:before { content: none; } footer .widget_nav_menu ul li a { font-size: 14px; padding-left: 0; color: #4f8fd6; } footer .widget_nav_menu ul li a:hover { color: #f4a800; } footer .widget_mc4wp_widget h4 { text-transform: none; letter-spacing: 0; line-height: 20px; margin-bottom: 20px; } footer .widget_mc4wp_widget form label { display: none; } footer .widget_mc4wp_widget form input { font-size: 15px; color: #777; background-color: #ffc; } footer .widget_mc4wp_widget form input:invalid { } footer .widget_mc4wp_widget form input[type="submit"] { background-color: #4f8fd6; color: #fff; } footer .widget_mc4wp_widget form input[type="submit"]:hover { background-color: #f4a800; } footer .widget_text .textwidget p { font-size: 15px; color: #666; margin-top: 16px; } footer .widget_text .textwidget p:first-child { margin-top: 0; } footer .widget_text .textwidget article h2 a { color: #4f8fd6; text-decoration: none; font-size: 15px; padding-left: 22px; } footer .widget_text .textwidget article { padding: 0; } footer .footer_additional { overflow: hidden; padding: 40px 0 0; } footer .footer_additional .graphic { border: 4px solid #eaebf0; float: left; } footer .footer_additional .graphic img { height: auto; width: 100%; } footer .footer_additional .intro { color: #666; float: left; font-size: 16px; line-height: 22px; } footer .footer_additional .links { float: left; } footer .footer_additional .links a { color: #4f8fd6; font-size: 14px; line-height: 22px; text-decoration: none; } footer .footer_additional .links ul { padding-left: 0; margin-top: 0; } /* footer .footer_additional .links .donate { background-color: #f4a800; padding: 4px 10px 5px; color: #fff; border-radius: 3px; text-decoration: none; } footer .footer_additional .links .donate:hover { background-color: #4f8fd6; } */ footer .footer_additional .links .donate { position: absolute; width: 73px; height: 32px; z-index: 1; background-image: url("/wp-content/themes/newmessage-churchope-child/img/donate-button.png"); background-repeat: no-repeat; margin-left: -3px; margin-top: -6px; background-size: 73px 32px;} #footer_widgets .dotted { padding-top: 30px; } #copyright .grid_12 { padding: 16px 0; text-align: center; } #copyright p { color: #666; font-size: 12px; line-height: 20px; } #copyright p a { color: #4f8fd6; font-size: 14px; } .bull_small { font-size: 9px; color: #999; } /* hungryfeeds */ footer .hungryfeed_item_title a { font-family: "Gilda Display", Palatino, serif; color: #4f8fd6; text-decoration: none; font-size: 15px; padding-left: 22px; font-weight: normal; } /* hungryfeeds used in Footer of new international websites */ footer .hungryfeed_items a { color: #4f8fd6; font-size: 14px; text-decoration: none; } footer .hungryfeed_items p { margin-bottom: -12px; } footer .hungryfeed_feed_title { display: none; } footer .hungryfeed_feed_description { display: none; } /* Responsive Youtube Embed */ .video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; } .video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* Free School customizations */ ------------------------------------------------------------------------------- /* custom styling for school page dev14 */ /* welcome to the free school, etc */ .title1 { color: rgb(71, 59, 53); font-family: 'Georgia-Italic', 'Georgia', serif; font-size: 35px; font-stretch: normal; font-style: italic; font-variant: normal; font-weight: 400; letter-spacing: 0; line-height: 36px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; opacity: 1.00; padding-bottom: 0px; padding-top: 0px; text-align: left; text-decoration: none; text-indent: 0px; text-transform: none; } /* What is the free school */ .title2 { color: rgb(189, 124, 3); font-family: 'Georgia-Italic', 'Georgia', serif; font-size: 35px; font-stretch: normal; font-style: italic; font-variant: normal; font-weight: 400; letter-spacing: 0; line-height: 40px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; opacity: 1.00; padding-bottom: 10px; padding-top: 0px; text-align: left; text-decoration: none; text-indent: 0px; text-transform: none; } /* how it works */ .title3 { color: rgb(189, 124, 3); font-family: 'Georgia-Italic', 'Georgia', serif; font-size: 44px; font-stretch: normal; font-style: italic; font-variant: normal; font-weight: 400; letter-spacing: 0; line-height: 50px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; opacity: 1.00; padding-bottom: 8px; padding-top: 0px; text-align: left; text-decoration: none; text-indent: 0px; text-transform: none; } /* How much does it cost, etc */ .title4 { color: rgb(189, 124, 3); font-family: 'Arial-Black', 'Arial Black', sans-serif; font-size: 19px; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: 800; letter-spacing: 0; line-height: 27px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; opacity: 1.00; padding-bottom: 9px; padding-top: 0px; text-align: left; text-decoration: none; text-indent: 0px; text-transform: none; } .School_list { color: rgb(125, 125, 125); font-family: 'PalatinoLinotype-Bold', 'Palatino Linotype'; font-size: 18px; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: 700; letter-spacing: 0; line-height: 29px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; opacity: 1.00; padding-bottom: 7px; padding-top: 0px; text-align: left; text-decoration: underline; text-indent: 0px; text-transform: none; } /* Jan/24/2016 - fixing css issue in home page */ ul.upcoming_events p.meta_date a { left: 20px; top: 1px; } @media screen and (min-width: 1367px) { body {min-width: 1104px} .row { width: 1104px; } .wrapper { max-width: 1154px; } /* Header, Logo */ .logo { width: 300px !important; } /* Header, next event */ header .next_event ul { padding-top: 14px; } header .next_event.grid_5 { width: 440px; } .widget_event ul { width: 292px; } .widget_event .widget-title { margin-top: 26px; margin-right: 8px; } #main { background: url('/wp-content/themes/newmessage-churchope-child/img/bg_main-1100w.png') no-repeat 49% 0; margin-bottom:-44px; min-width: 1104px; } .page-template-template-rightsidebar-php #main, .layout_right_sidebar #main { background: url('/wp-content/themes/newmessage-churchope-child/img/bg_main_right-1100w.png') no-repeat 50% 0 } .page-template-template-leftsidebar-php #main, .layout_left_sidebar #main { background: url('/wp-content/themes/newmessage-churchope-child/img/bg_main_left-1100w.png') no-repeat 47% 0 } .grid_1 { width: 55px; } .grid_2 { width: 147px; } .grid_3 { width: 239px; } .grid_4 { width: 331px; } .grid_5 { width: 423px; } .grid_6 { width: 515px; } .grid_7 { width: 607px; } .grid_8 { width: 699px; } .grid_9 { width: 791px; } .grid_10 { width: 883px; } .grid_11 { width: 975px; } .grid_12 { width: 1067px; } .space_1 { margin-left: 110px; } .space_2 { margin-left: 202px; } .space_3 { margin-left: 294px; } .space_4 { margin-left: 386px; } .space_5 { margin-left: 478px; } .space_6 { margin-left: 570px; } .space_7 { margin-left: 662px; } .space_8 { margin-left: 754px; } .space_9 { margin-left: 846px; } .space_10 { margin-left: 938px; } .space_11 { margin-left: 1030px; } .sf-menu ul { width: 238px; } .bgimage.fixed { max-width: 1104px; } .grid_12 .one_half { width: 522px; } .grid_12 .one_third { width: 340px; } .grid_12 .one_fourth { width: 249px; } .grid_12 .two_third { width: 703px; } .grid_12 .three_fourth { width: 794px; } .grid_8 .one_half { width: 338px; } .grid_8 .one_third { width: 217px; } .grid_8 .one_fourth { width: 157px; } .grid_8 .two_third { width: 458px; } .grid_8 .three_fourth { width: 518px; } .grid_12 .th_events .one_half { width: 470px; } .grid_12 .th_events .one_third { width: 305px; } .grid_12 .th_events .one_fourth { width: 224px; } .grid_12 .th_events .two_third { width: 634px; } .grid_12 .th_events .three_fourth { width: 716px; } .grid_8 .th_events .one_half { width: 286px; } .grid_8 .th_events .one_third { width: 182px; } .grid_8 .th_events .one_fourth { width: 132px; } .grid_8 .th_events .two_third { width: 389px; } .grid_8 .th_events .three_fourth { width: 440px; } .grid_12 .gallery-columns-1 .gallery-item { width: 1049px; } .grid_12 .gallery-columns-2 .gallery-item { width: 516px; } .grid_12 .gallery-columns-3 .gallery-item { width: 338px; } .grid_12 .gallery-columns-4 .gallery-item { width: 249px; } .grid_12 .gallery-columns-5 .gallery-item, .grid_12 .gallery-columns-6 .gallery-item, .grid_12 .gallery-columns-7 .gallery-item, .grid_12 .gallery-columns-8 .gallery-item, .grid_12 .gallery-columns-9 .gallery-item { width: 190px; } .grid_8 .gallery-columns-1 .gallery-item { width: 681px; } .grid_8 .gallery-columns-2 .gallery-item { width: 332px; } .grid_8 .gallery-columns-3 .gallery-item, .grid_8 .gallery-columns-4 .gallery-item, .grid_8 .gallery-columns-5 .gallery-item, .grid_8 .gallery-columns-6 .gallery-item, .grid_8 .gallery-columns-7 .gallery-item, .grid_8 .gallery-columns-8 .gallery-item, .grid_8 .gallery-columns-9 .gallery-item { width: 190px; } .gallery-item img { max-width:172px !important } .grid_8 .gallery_listing .thumb img { max-width: 680px; } .grid_8 .offer_group .offer { width: 225px; } .grid_8 .pr_table4 .offer_group .offer { width: 166px; } .grid_3 .widget_event li { min-width: 103px; } .grid_4 .widget_gallery li a { width: 161px; } .grid_6 .widget_gallery li span.placeholder, .grid_6 .widget_gallery li a { width: 105px; } .grid_12 .widget_gallery li span.placeholder, .grid_12 .widget_gallery li a { width: 154px; } /* Events page Original CSS: .events_calendar .day { width: 127px; height:127px; } .events_calendar .day.today { width: 121px; height: 121px; } .events_calendar .day:not(.empty):hover { width: 121px; height: 121px; } .events_calendar .week span { width: 132px; } 121 => 139.15 127 => 146.05 132 => 151.80 New CSS: */ .events_calendar .day { width: 145px; height: 145px; } .events_calendar .day.today { width: 139px; height: 139px; } .events_calendar .day:not(.empty):hover { width: 139px; height: 139px; /*margin-left: 1px;*/ } .events_calendar .week span { width: 149px; } /* custom for NM website */ div.one-2nd { width: 522px; } .grid_8 .panel-30 .one_third { width: 194px; } /* /the-messenger */ body.page .entry-content .div_over_image.the-messenger { background-position: 0px 0; } body.page .entry-content .div_over_image .div_over_image_section { width: 34%; } } /***** iPad Smaller than 959px *****/ @media only screen and (min-width: 768px) and (max-width: 959px) { /* Header */ header .next_event.grid_5 { display: none; } #color_header .search { display: none; } /* /the-messenger */ body.page .entry-content .div_over_image.the-messenger { background-position: -148px 0; } body.page .entry-content .div_over_image .div_over_image_section { width: 46%; } } /***** Mobile/Tablets **********************/ @media only screen and (max-width: 767px) { /* Header */ header .logo { margin: 0 auto; } header .logo a { margin: 12px auto; } header .logo span, header .logo img { margin: 0 auto; } header .next_event.grid_5 { display: none; } header .international { float: right; right: 26%; } header .international-icon a { margin: 0 auto; } header .international .international-icon { margin-top: 0; } header .donate { margin: 0 auto; text-align: center; padding-top: 5px; margin-bottom: 10px; float: right; right: 31%; } header .donate a { padding: 0 10px; left: 41%; } header .utility-bar { width: 456px; text-align: center; margin-right: 12px; } header .utility-bar ul { margin: 0; } #color_header .search { display: none; } /* Homepage Slider */ /* #jcyclemain .cycle_content h3.entry-title { width: 99%; }*/ #jcyclemain, #navjcycle { display: none !important; } /* Revelations, display Content first, Sidebar second */ #contentarea { } #contentarea .left-sidebar { } #contentarea > div { } /* Remove sidebars on Mobile devices. */ .left-sidebar { display: none; } /* Footer */ footer .international-icon { margin-bottom: 12px; } /* /the-messenger */ body.page .entry-content .div_over_image.the-messenger { background-position: -167px 0; } body.page .entry-content .div_over_image .div_over_image_section { width: 46%; } } @media only screen and (max-width: 480px) { header .international { right: 14%; } header .donate { right: 20%; } header .utility-bar { width: 300px; margin-right: 0; } } /* society page max width 750px */ .societypage { width: 750px; } /* end */ /* adding the facebook like button underneath the book images */ .bookimages:after { content: "nn"; } /* end */ /* slight padding around like button */ .fb_home {padding-bottom: 5px;} .intVideoHome {float:right; }