/* --------------------------------------------------------------------------------------- Theme: Immanuel File: screen.css Media: screen Copyright: (c) 2015 Church Media Group, Inc. www.churchmedia.com Author: Church Media Group /* --------------------------------------------------------------------------------------- Imports --------------------------------------------------------------------------------------- */ /* --------------------------------------------------------------------------------------- Reset Defaults --------------------------------------------------------------------------------------- */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, del, dfn, font, img, ins, kbd, q, s, samp, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; } :focus { outline: 0; } ul { list-style: none; } table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } /* --------------------------------------------------------------------------------------- Breakpoint Variables --------------------------------------------------------------------------------------- */ /* The MIT License Copyright (c) 2013 David Hemphill. Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. */ /* --------------------------------------------------------------------------------------- Skin Colors --------------------------------------------------------------------------------------- */ /* --------------------------------------------------------------------------------------- Skin Fonts --------------------------------------------------------------------------------------- */ /* --------------------------------------------------------------------------------------- Basic Selectors --------------------------------------------------------------------------------------- */ body { font: normal 62.5% "Open Sans", Helvetica, sans-serif; color: #666; height: 100%; display: table; width: 100%; } /* apply a natural box layout model to all elements, but allowing components to change */ *, *:before, *:after { box-sizing: inherit; } h1, h2, h3, h4, h5, h6 { font-family: "Open Sans", Helvetica, sans-serif; font-weight: 400; font-size: 1.6em; color: #666; } p { font-size: 2em; line-height: 1.8em; margin: 12px 0; color: #666; font-weight: 400; } @media (max-width: 1080px) { p { font-size: 1.8em; } } @media (max-width: 840px) { p { font-size: 1.6em; } } /* --------------------------------------------------------------------------------------- Links --------------------------------------------------------------------------------------- */ a { text-decoration: none; } a:link { color: #a2b7c1; } a:visited { color: #a2b7c1; } a:hover { color: #a2b7c1; } a:active { color: #a2b7c1; } /* --------------------------------------------------------------------------------------- Buttons --------------------------------------------------------------------------------------- */ .opacity_hover { -webkit-transition: opacity 0.1s ease; -moz-transition: opacity 0.1s ease; -o-transition: opacity 0.1s ease; transition: opacity 0.1s ease; } .opacity_hover:hover { opacity: .8; } a.btn_big, .locations_wrap.alt span.btn_map, input.btn_big { display: block; margin-top: 10px; text-align: center; font-family: "Open Sans", Helvetica, sans-serif; padding: 20px 40px; background: #a2b7c1; color: #fff !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } a.btn_big:hover, .locations_wrap.alt span.btn_map:hover, input.btn_big:hover { opacity: .8; } a.btn_big.view_series_archive, .locations_wrap.alt span.view_series_archive.btn_map, input.btn_big.view_series_archive { margin-top: 20px; } @media (max-width: 480px) { a.btn_big span, .locations_wrap.alt span.btn_map span, input.btn_big span { display: none; } } /* --------------------------------------------------------------------------------------- Main Structural Selectors --------------------------------------------------------------------------------------- */ .wrap { background: #fff; } /* --------------------------------------------------------------------------------------- Rotator --------------------------------------------------------------------------------------- */ .main_rotator { position: relative; z-index: 1000; margin: 0; padding: 0; background: #fff; } .main_rotator .slides { display: block; width: 100%; height: 600px; background-repeat: no-repeat; background-position: top center; } .main_rotator .slides img { max-width: 1800px; width: 1800px; height: auto; display: block; margin: auto; } @media (max-width: 1380px) { .main_rotator .slides { height: 460px; background-size: 1380px 460px; } .main_rotator .slides img { width: auto; height: 460px; } } @media (max-width: 1080px) { .main_rotator .slides { height: 360px; background-size: 1080px 360px; } .main_rotator .slides img { width: auto; height: 360px; } } @media (max-width: 840px) { .main_rotator .slides { height: 280px; background-size: 840px 280px; } .main_rotator .slides img, .main_rotator .main_rotator .slides { height: 280px; } } @media (max-width: 620px) { .main_rotator .slides { height: 206px; background-size: 620px 206px; } .main_rotator .slides img, .main_rotator .main_rotator .slides { height: 206px; } } @media (max-width: 480px) { .main_rotator .slides { height: 180px; background-size: 540px 180px; } .main_rotator .slides img, .main_rotator .main_rotator .slides { height: 180px; } } .flex-pauseplay span { text-transform: capitalize; } .slideshow_controls_wrap { width: 100%; max-width: 1800px; position: absolute; top: 172px; left: 0; right: 0; bottom: 0; margin: auto; overflow: visible; } .slideshow_controls_wrap .slideshow_controls { position: absolute; display: block; width: 170px; height: 255px; cursor: pointer; text-indent: -9999px; z-index: 1000; opacity: 0; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .slideshow_controls_wrap #prev { left: 40px; background: transparent url(../images/btn/btn_rotator_prev.svg) center center no-repeat; background-size: 50px; } .slideshow_controls_wrap #next { right: 40px; background: transparent url(../images/btn/btn_rotator_next.svg) center center no-repeat; background-size: 50px; } @media (max-width: 1380px) { .slideshow_controls_wrap { top: 102px; } .slideshow_controls_wrap #prev { left: 20px; background: transparent url(../images/btn/btn_rotator_prev.svg) center center no-repeat; background-size: 40px; } .slideshow_controls_wrap #next { right: 20px; background: transparent url(../images/btn/btn_rotator_next.svg) center center no-repeat; background-size: 40px; } } @media (max-width: 1080px) { .slideshow_controls_wrap { top: 52px; } .slideshow_controls_wrap #prev { left: 0; background: transparent url(../images/btn/btn_rotator_prev.svg) center center no-repeat; background-size: 30px; } .slideshow_controls_wrap #next { right: 0; background: transparent url(../images/btn/btn_rotator_next.svg) center center no-repeat; background-size: 30px; } } @media (max-width: 840px) { .slideshow_controls_wrap { display: none; } } .cycle-pager { position: absolute; bottom: 20px; z-index: 1000; width: 100%; text-align: center; } @media (max-width: 840px) { .cycle-pager { display: none; } } .cycle-pager span { -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; border-radius: 50%; display: inline-block; cursor: pointer; margin: 0 10px; border: 2px solid #fff; width: 15px; height: 15px; text-indent: -999999px; } .cycle-pager span:hover { background-color: #a2b7c1; } .cycle-pager span.cycle-pager-active { background-color: #a2b7c1; border-color: #a2b7c1; } .main_rotator:hover .slideshow_controls { opacity: 1; } /* --------------------------------------------------------------------------------------- Small Ads --------------------------------------------------------------------------------------- */ .secondary_callout_wrap { background: #fff; } .secondary_callouts { padding: 80px 0; width: 1000px; margin: 0 auto; display: block; } .secondary_callouts:after { display: table; content: ''; clear: both; } .secondary_callouts li { position: relative; float: left; margin-right: 40px; width: calc(33.33% - 27px); } .secondary_callouts li img { width: 100%; float: left; } .secondary_callouts li:last-child { margin-right: 0; } @media (min-width: 621px) { .secondary_callouts.titles_overlay li { background: #000; } .secondary_callouts.titles_overlay li img { opacity: .6; } .secondary_callouts.titles_overlay h1 { display: block; position: relative; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); position: absolute; color: #fff; font-size: 2.6em; width: 100%; text-align: center; padding: 0 20px; text-transform: uppercase; font-weight: 700; } } @media (min-width: 621px) and (max-width: 1080px) { .secondary_callouts.titles_overlay h1 { font-size: 2.2em; } } @media (min-width: 621px) { .secondary_callouts.titles_under li h1 { position: relative; padding: 0 20px; width: 306px; height: 66px; display: table-cell; vertical-align: middle; background: #f9f8f7; border: 1px solid #ddd; border-top: 0; color: #a2b7c1; font-size: 2.1em; font-weight: 700; text-transform: uppercase; text-align: center; } } @media (min-width: 621px) and (max-width: 1080px) { .secondary_callouts.titles_under li h1 { font-size: 1.8em; height: 56px; } } @media (min-width: 621px) and (max-width: 840px) { .secondary_callouts.titles_under li h1 { font-size: 1.5em; height: 50px; } } .secondary_callouts.titles_none li h1 { display: none; } @media (max-width: 1080px) { .secondary_callouts { padding: 60px 0; width: 768px; } .secondary_callouts li { margin-right: 30px; width: calc(33.33% - 20px); } } @media (max-width: 840px) { .secondary_callouts { padding: 40px; width: 100%; } .secondary_callouts li { margin-right: 20px; width: calc(33.33% - 14px); } } @media (max-width: 620px) { .secondary_callouts { padding: 0; } .secondary_callouts.titles_overlay li, .secondary_callouts.titles_under li { width: 100%; background: none; border-bottom: 1px solid #ddd; } .secondary_callouts.titles_overlay li:after, .secondary_callouts.titles_under li:after { display: table; content: ''; clear: both; } .secondary_callouts.titles_overlay li:first-child, .secondary_callouts.titles_under li:first-child { border-top: 0 solid #ddd; } .secondary_callouts.titles_overlay li:last-child, .secondary_callouts.titles_under li:last-child { border-bottom-width: 0; } .secondary_callouts.titles_overlay li a, .secondary_callouts.titles_under li a { display: table; width: 100%; table-layout: fixed; padding: 15px; color: #666 !important; background: transparent url('../images/bg/small_ad_arrow.png?1432655496') no-repeat right center; background-size: 10px; border-right: 15px solid transparent; } .secondary_callouts.titles_overlay li a:after, .secondary_callouts.titles_under li a:after { display: table; content: ''; clear: both; } .secondary_callouts.titles_overlay li:last-child, .secondary_callouts.titles_under li:last-child { margin-bottom: 0; } .secondary_callouts.titles_overlay li span, .secondary_callouts.titles_under li span { position: absolute; top: 15px; left: 15px; width: 60px; height: 60px; overflow: hidden; display: block; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; z-index: 10; } .secondary_callouts.titles_overlay li img, .secondary_callouts.titles_under li img { width: 129%; position: relative; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .secondary_callouts.titles_overlay li h1, .secondary_callouts.titles_under li h1 { width: 100%; height: 60px; display: table-cell; vertical-align: middle; padding-left: 75px; color: #666; font-weight: 500; text-align: left; position: relative; top: 0; left: 0; font-size: 1.6em; -webkit-transform: none; -ms-transform: none; transform: none; } .secondary_callouts.titles_none { padding: 20px; } .secondary_callouts.titles_none li { width: calc(33.33% - 7px); margin-right: 10px; } .secondary_callouts.titles_none li:last-child { margin-right: 0; } } /* --------------------------------------------------------------------------------------- Theme Switcher --------------------------------------------------------------------------------------- */ .theme_switcher { position: fixed; bottom: 0; right: 0; z-index: 10000; background: #fff; } .theme_switcher a.btn_theme_switcher { display: block; width: 150px; padding: 10px 0; text-align: center; background: #333; color: #fff; font-size: 1.4em; text-transform: uppercase; font-weight: 700; } .theme_switcher ul li { font-size: 1.4em; } .theme_switcher ul li a { display: block; width: 150px; background: #444; padding: 10px 0; text-align: center; color: #fff; border-bottom: 1px solid rgba(255, 255, 255, 0.2); } .theme_switcher ul li:last-child a { border-bottom: 0; } .theme_switcher ul li:first-child a { border-top: 1px solid rgba(255, 255, 255, 0.2); } .theme_switcher ul li a:hover, .theme_switcher ul li a.active { background: #555; } @media (max-width: 840px) { .theme_switcher { display: none; } } /* ---------------------------------------------------------------------------- NON-JS STYLING ---------------------------------------------------------------------------- */ .no-js .live_countdown { display: none; } /* --------------------------------------------------------------------------------------- Global List Styles --------------------------------------------------------------------------------------- */ .basic_list { width: 100%; } .basic_list.no-margin { margin-top: 0; } .basic_list.border { border: 1px solid #ddd; } .basic_list h4 { font-weight: 700; font-size: 1.8em; } .basic_list .basic_list_foot { width: 100%; margin-top: 20px; } .basic_list_content { width: 100%; overflow: hidden; margin-top: 20px; position: relative; } .basic_list_head { width: 100%; margin-bottom: 30px; border-bottom: 1px solid #ddd; overflow: hidden; } .basic_list_head h1 { float: left; text-transform: uppercase; font-size: 22px; line-height: 80px; margin: 0 0 0 20px; } .basic_list_head h4 { float: left; display: inline; font-size: 1.8em; font-weight: 700; } .basic_list_head.search_head_bar h4 { margin-top: 5px; } .list_row.job { border: 1px solid #ddd; padding: 0; height: 80px; background-color: #f9f8f7; margin-bottom: 20px; position: relative; } .list_row.job:first-child { border-top: 1px solid #ddd; } .list_row.job small { font-size: 1.2em; font-weight: 500; } .list_row.job:last-child { margin-bottom: 0; } .list_row.job .list_row_info { position: absolute !important; position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: calc(100% - 175px); height: auto !important; display: table; padding: 15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .list_row.job .list_row_info h4 { text-transform: none; } .list_row.job .list_row_info small { top: 45px; } .list_row.job .btn_details { position: absolute; right: 0; top: 0; line-height: 38px; background: rgba(0, 0, 0, 0.03) !important; color: #666; border-left: 1px solid #ddd; } @media (max-width: 840px) { .list_row.job { height: 83px; } .list_row.job .list_row_info { position: relative; height: 83px; } .list_row.job h4 { position: absolute; } .list_row.job .btn_details { line-height: 41px; } } @media (max-width: 620px) { .list_row.job { height: 60px; margin-bottom: 10px; width: calc(100% - 2px); border: 0; border-right: 20px solid transparent; outline: 1px solid #ddd; margin-left: 1px; } .list_row.job .list_row_info { width: calc(100% - 52px); height: 60px; } .list_row.job .list_row_info h4 { font-size: 1.4em; } .list_row.job:last-child { margin-bottom: 1px; } .list_row.job .btn_details { display: none; } } .list_row { width: 100%; height: 80px; overflow: hidden; border-bottom: 1px solid #ddd; display: inline-block; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } .list_row .btn_details { color: #fff; font-size: 1.4em; padding: 20px 30px; } .list_row.no_vol_listing { background: none; } .list_row.no_events { border-bottom: none; background: none; } .list_row:hover .btn_details { opacity: .85; filter: alpha(opacity=85); } .list_row h5.type { float: right; margin: 0 12px 0 20px; font-weight: 700; font-size: 1.2em; line-height: 80px; } .list_row .list_row_info { display: table-cell; height: 80px; vertical-align: middle; padding-right: 50px; } .list_row .list_row_info h4 { margin-bottom: 3px; font-size: 1.8em; text-transform: uppercase; color: #666; font-weight: 400; } .list_row .list_row_info h4 a { color: #999; } .list_row .list_row_date { float: left; padding: 23px 20px; border-right: 1px solid #ddd; margin-right: 13px; } .list_row .list_row_date .event_day_number_alt { color: #999; line-height: .7em; text-transform: uppercase; text-align: center; font-size: 2em; font-weight: 600; } .list_row .list_row_date .event_day_name_alt { color: #999; text-transform: uppercase; line-height: 1em; text-align: center; margin-bottom: 3px; } .list_row .list_row_info small { color: #999; } @media (max-width: 620px) { .list_row { background: #f9f8f7 url(../images/btn/nav_arrow.png) right center no-repeat; background-size: 13px; } .list_row.no_results { background: none; } .list_row .list_row_info h4 { font-size: 1.6em; } .list_row .list_row_info small { display: none; } } h3.no_results { line-height: 80px; font-weight: 400; font-size: 20px; text-align: center; } .general_listing li { width: 100%; border-top: 1px solid #ddd; position: relative; } .general_listing li:last-child { border-bottom: 1px solid #ddd; } .general_listing li:hover { background: #f9f8f7; } .general_listing li a { display: block; padding: 0 20px; height: 80px; } .general_listing li a .item_info { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); position: absolute !important; white-space: nowrap; overflow: hidden; width: calc(100% - 100px); } .general_listing li a h1 { font-size: 2.0em; line-height: 1.2em; text-overflow: ellipsis; overflow: hidden; } .general_listing li a small { font-size: 1.4em; margin-top: 8px; display: block; text-overflow: ellipsis; overflow: hidden; } .general_listing li .btn_details { position: absolute; right: 0; top: 0; height: 100%; width: 60px; background-color: transparent !important; background-image: url(../images/btn/event_arrow_next.png); background-repeat: no-repeat; background-position: center center; background-size: 10px; font-size: 1.4em; text-indent: -9999px; } .general_listing li:last-child { border-bottom: 1px solid #ddd; } @media (max-width: 840px) { .general_listing li a .item_info { width: calc(100% - 80px); } .general_listing li a small { font-size: 1.2em; } .general_listing li a h1 { font-size: 1.7em; } } /* --------------------------------------------------------------------------------------- Subpage Styles --------------------------------------------------------------------------------------- */ .content { width: 1000px; margin: 0 auto; display: table; } .content:after { content: ''; display: table; clear: both; } @media (max-width: 1080px) { .content { width: 768px; } } @media (max-width: 840px) { .content { width: 100%; padding: 0 40px; } } @media (max-width: 620px) { .content { padding: 0 20px; } } .main { width: 70%; display: table-cell; padding-right: 40px; } .main.full { width: 100%; padding: 0; } .main.narrow { display: block; width: 750px; margin: 0 auto; padding: 0; } .main.nopadding { padding: 0; } @media (max-width: 840px) { .main { width: 100%; padding-right: 0; display: table; } .main.narrow { width: 100%; } } img.img_border { background: #ffffff; width: 100%; } img.thin_border { padding: 5px; background: #ffffff; border: 1px solid #cdcdcd; } .sidebar { width: 30%; display: table-cell; vertical-align: top; height: 100%; border-left: 1px solid #ddd; padding-left: 40px; } @media (max-width: 840px) { .sidebar { display: none; } } /* --------------------------------------------------------------------------------------- Mobile Subnav Styles --------------------------------------------------------------------------------------- */ .subnav { display: none; background: #f9f8f7; width: 100%; } .subnav .menu_toggle { border-bottom: 1px solid rgba(255, 255, 255, 0.2); background: #a2b7c1; display: table; width: 100%; font-size: 1.8em; padding: 15px 20px; color: #fff; } .subnav .menu_toggle .expand_text { float: left; } .subnav .menu_toggle .expand_icon { float: right; } .subnav li { width: 100%; border-bottom: 1px solid rgba(255, 255, 255, 0.3); } .subnav li.active { background: rgba(255, 255, 255, 0.15); } .subnav li a { color: #fff; display: block; text-align: center; font-size: 1.6em; padding: 15px 0; } @media (max-width: 840px) { .subnav { display: block; } } .subnav .sub_menu { display: none; background: #a2b7c1; } .subnav.generic { background: #fff !important; padding: 15px 20px; } .subnav.generic .menu_toggle { background: #fff !important; border: 0; color: #979797; -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); } .subnav.generic .sub_menu { background: #fff !important; -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); } .subnav.generic li { border-color: #ddd; } .subnav.generic li:last-child { border: 0; } .subnav.generic li.active a { color: #a2b7c1; } .subnav.generic li a { color: #979797; } .mobile_page_title { text-align: center; font-size: 1.6em; padding: 20px 0; margin: 0 20px; border-bottom: 1px solid #ddd; text-transform: uppercase; font-weight: 700; } /* --------------------------------------------------------------------------------------- Header & Banner Styles --------------------------------------------------------------------------------------- */ .banner { width: 100%; } .banner img { display: block; width: 100%; height: auto; } .page_header_wrap { width: 100%; background: #f9f8f7; height: 135px; position: relative; overflow: hidden; } .page_header_wrap.ministry_page_header .page_header { overflow: visible; } .page_header_wrap .page_header { left: 0; right: 0; margin: auto; width: 1000px; position: absolute !important; white-space: nowrap; overflow: hidden; text-align: center; position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .page_header_wrap .page_header.alt { overflow: visible; } .page_header_wrap .page_header .ministry_header { float: left; } .page_header_wrap .page_header .ministry_header h2 { text-align: left; } .page_header_wrap .page_header .ministry_header h3 { text-align: left; } .page_header_wrap .page_header:after { content: ''; display: table; clear: both; } .page_header_wrap .page_header h2 { display: block; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight: 300; font-size: 3.5em; letter-spacing: 3px; line-height: 1em; text-transform: uppercase; color: #666; } .page_header_wrap .page_header h2.left { float: left; } .page_header_wrap .page_header h3 { font-size: 2.1em; font-weight: 700; text-transform: uppercase; margin-top: 12px; display: block; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #a2b7c1; } .page_header_wrap .page_header a.btn_big, .page_header_wrap .page_header .locations_wrap.alt span.btn_map, .locations_wrap.alt .page_header_wrap .page_header span.btn_map { position: absolute; top: -6px; right: 0; font-size: 1.8em; padding: 0 30px; height: 50px; line-height: 50px; margin-top: 0; } @media (max-width: 1080px) { .page_header_wrap { padding: 40px 0; height: 110px; } .page_header_wrap .page_header { width: 768px; } .page_header_wrap .page_header h2 { font-size: 2.5em; } .page_header_wrap .page_header h3 { font-size: 1.5em; margin-top: 7px; } .page_header_wrap .page_header a.btn_big, .page_header_wrap .page_header .locations_wrap.alt span.btn_map, .locations_wrap.alt .page_header_wrap .page_header span.btn_map { top: -5px; height: 40px; line-height: 39px; padding: 0 20px; font-size: 1.5em; } } @media (max-width: 840px) { .page_header_wrap { padding: 0 20px; height: 80px; border-bottom: 1px solid #ddd; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .page_header_wrap.ministry_page_header .page_header { overflow: hidden; } .page_header_wrap .page_header { width: 100%; left: 20px; padding-right: 40px; } .page_header_wrap .page_header.alt { left: 0; padding: 0 40px; } .page_header_wrap .page_header .ministry_header { float: none; width: 100%; } .page_header_wrap .page_header .ministry_header h2 { text-align: center; } .page_header_wrap .page_header .ministry_header h3 { text-align: center; } .page_header_wrap .page_header h3 { font-size: 1.2em; margin: 8px 0px 0 0px; padding-top: 8px; border-top: 1px solid #ddd; } .page_header_wrap .page_header a.btn_big, .page_header_wrap .page_header .locations_wrap.alt span.btn_map, .locations_wrap.alt .page_header_wrap .page_header span.btn_map { top: -7px; right: 40px; } } @media (max-width: 620px) { .page_header_wrap .page_header.alt a.btn_big, .page_header_wrap .page_header.alt .locations_wrap.alt span.btn_map, .locations_wrap.alt .page_header_wrap .page_header.alt span.btn_map { display: none; } } /* --------------------------------------------------------------------------------------- Share & Breadcrumbs --------------------------------------------------------------------------------------- */ .share_breadcrumbs { position: relative; padding: 18.5px 0; margin-bottom: 30px; display: table; width: 100%; border-bottom: 1px solid #ddd; } .share_breadcrumbs p.breadcrumbs { position: absolute; font-size: 1.6em; margin: 0; float: left; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .share_breadcrumbs .share_wrap { float: right; } .share_breadcrumbs .breadcrumb_wrap { float: left; width: calc(100% - 110px); height: 28px; position: relative; } .share_breadcrumbs .mobile_breadcrumb_wrap { display: none; } .share_breadcrumbs a.launch_gallery_btn { float: right; color: #fff; font-size: 1.2em; font-weight: 600; padding: 5px 24px 5px 10px; background-image: url(../images/pop_icon.png); background-repeat: no-repeat; background-position: right center; background-size: 13px; border-right: 9px solid transparent; -webkit-transition: opacity 0.2s ease-in; -moz-transition: opacity 0.2s ease-in; -o-transition: opacity 0.2s ease-in; transition: opacity 0.2s ease-in; } .share_breadcrumbs a.launch_gallery_btn:hover { opacity: .8; } .share_breadcrumbs a.btn_share { display: block; float: right; height: 24px; width: 24px; margin: 2px 0 0 5px; background-color: #a2b7c1; background-repeat: no-repeat; background-position: center center; text-indent: 100%; overflow: hidden; white-space: nowrap; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } .share_breadcrumbs a.btn_share:hover { opacity: .8; } .share_breadcrumbs a.btn_share:nth-of-type(1) { margin-right: 10px; } .share_breadcrumbs a.btn_share.facebook { background-image: url(../images/icons/facebook.svg); } .share_breadcrumbs a.btn_share.twitter { background-image: url(../images/icons/twitter.svg); } .share_breadcrumbs a.btn_share.print { background-image: url(../images/icons/print.svg); } .share_breadcrumbs a.btn_share.alt:nth-of-type(1) { margin-right: 0; } @media (max-width: 1080px) { .share_breadcrumbs { margin-bottom: 20px; padding: 15px 0; } } @media (max-width: 840px) { .share_breadcrumbs { padding-top: 0; } } @media (max-width: 620px) { .share_breadcrumbs { padding-bottom: 0; display: none; } .share_breadcrumbs .breadcrumb_wrap { display: none; } .share_breadcrumbs .share_wrap { display: none; } .share_breadcrumbs .mobile_breadcrumb_wrap { display: table; width: 100%; margin-top: -20px; } .share_breadcrumbs .mobile_breadcrumb_wrap p { width: 100%; height: 68px; display: block; position: relative; } .share_breadcrumbs .mobile_breadcrumb_wrap a { display: block; text-align: center; padding: 20px 0; position: absolute; text-overflow: ellipsis; overflow: hidden; width: 100%; } } /* --------------------------------------------------------------------------------------- Text Styles --------------------------------------------------------------------------------------- */ h1.page_title { font-family: "Open Sans", Helvetica, sans-serif; font-size: 3.6em; text-transform: uppercase; color: #a2b7c1; font-weight: 600; } h1.page_title.second { margin-top: 60px; } h1.page_title.ministries { margin: 30px 0; } @media (max-width: 1080px) { h1.page_title { margin: 0 0 20px; } } @media (max-width: 840px) { h1.page_title { font-size: 2.4em; } h1.page_title.second { margin-top: 20px; } } .wysiwyg_section { margin-top: 60px; } @media (max-width: 1080px) { .wysiwyg_section { margin-top: 50px; } } @media (max-width: 840px) { .wysiwyg_section { margin-top: 30px; } } .wysiwyg.below_form { margin-top: 30px; } .wysiwyg.above_form { margin-bottom: 30px; } .wysiwyg.ministry_content { margin-bottom: 60px; } @media (max-width: 1080px) { .wysiwyg.ministry_content { margin-bottom: 50px; } } @media (max-width: 840px) { .wysiwyg.ministry_content { margin-bottom: 40px; } } @media (max-width: 620px) { .wysiwyg.ministry_content { margin-bottom: 20px; } } .wysiwyg h2 { font-size: 3.2em; line-height: 1.2em; color: #a2b7c1; margin: 30px 0; font-weight: 800; } .wysiwyg h2:nth-of-type(1) { margin-top: 0; } .wysiwyg h3 { font-size: 3em; margin: 20px 0; font-weight: 700; text-transform: uppercase; } .wysiwyg h4 { font-size: 2.8em; margin: 20px 0; font-weight: 500; text-transform: uppercase; } .wysiwyg h5 { font-size: 2.4em; margin: 20px 0; font-weight: 700; ext-transform: uppercase; } .wysiwyg h6 { font-size: 2em; margin: 20px 0; font-weight: 700; text-transform: uppercase; } .wysiwyg h2 small, .wysiwyg h3 small, .wysiwyg h4 small, .wysiwyg h5 small, .wysiwyg h6 small { display: block; font-size: .5em; font-weight: 600; color: rgba(102, 102, 102, 0.8); letter-spacing: .5em; } .wysiwyg p { margin: 18px 0; line-height: 1.8em; color: #666; font-weight: 400; } .wysiwyg p:nth-of-type(1) { margin-top: 0; } .wysiwyg a { font-weight: 700; } .wysiwyg a:hover { opacity: .8; } .wysiwyg a, .wysiwyg a:link, .wysiwyg a:hover, .wysiwyg a:visited, .wysiwyg a:active { color: #a2b7c1; } .wysiwyg ul, .wysiwyg .main ol { margin: 24px 0; } .wysiwyg ul li { font-size: 2em; font-style: italic; line-height: 1.8em; font-weight: 400; color: #666; margin: 0 0 6px 36px; list-style: disc; } .wysiwyg ol li { font-size: 2em; font-style: italic; line-height: 1.8em; font-weight: 400; color: #666; margin: 0 0 6px 40px; } .wysiwyg blockquote { font-family: "Open Sans", Helvetica, sans-serif; font-size: 1.7em; font-style: italic; margin: 0 50px; } .wysiwyg blockquote p { font-weight: normal; line-height: 1.6em; font-size: 1.0em !important; color: #999; } @media (max-width: 1080px) { .wysiwyg h2 { font-size: 2.8em; } .wysiwyg h3 { font-size: 2.6em; } .wysiwyg h4 { font-size: 2.4em; } .wysiwyg h5 { font-size: 2em; } .wysiwyg h6 { font-size: 1.6em; } .wysiwyg p { font-size: 1.8em; margin: 14px 0; } .wysiwyg ul, .wysiwyg .main ol { margin: 20px 0; } .wysiwyg ul li, .wysiwyg ol li { font-size: 1.8em; } .wysiwyg blockquote { margin: 0 30px; } } @media (max-width: 840px) { .wysiwyg h2 { font-size: 2.3em; margin: 20px 0; } .wysiwyg h3 { font-size: 2.2em; } .wysiwyg h4 { font-size: 2em; } .wysiwyg h5 { font-size: 1.6em; } .wysiwyg h6 { font-size: 1.2em; } .wysiwyg h2 small, .wysiwyg h3 small, .wysiwyg h4 small, .wysiwyg h5 small, .wysiwyg h6 small { font-size: .6em; } .wysiwyg p { font-size: 1.6em; margin: 10px 0; } .wysiwyg ul, .wysiwyg .main ol { margin: 16px 0; } .wysiwyg ul li, .wysiwyg ol li { font-size: 1.6em; } .wysiwyg blockquote { font-size: 1.1em; margin: 0 10px; } } @media (max-width: 620px) { .wysiwyg h2 small, .wysiwyg h3 small, .wysiwyg h4 small, .wysiwyg h5 small, .wysiwyg h6 small { letter-spacing: .3em; } } /* --------------------------------------------------------------------------------------- Sidebar Layout --------------------------------------------------------------------------------------- */ .sidebar .side_nav { width: 100%; list-style: none; margin-bottom: 30px; } .sidebar .side_nav li { list-style: none; margin: 0; padding: 0; text-transform: uppercase; position: relative; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } .sidebar .side_nav li a { font-size: 1.8em; display: block; width: 100%; padding: 20px 0; color: #666; border-bottom: 1px solid #ddd; font-weight: 600; } .sidebar .side_nav li a:hover { color: #a2b7c1; } .sidebar .side_nav li:first-child a { border-top: 1px solid #ddd; } .sidebar .side_nav li.active span { display: block; width: 15px; height: 15px; position: absolute; left: -48px; top: 50%; margin-top: -7.5px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; background: #a2b7c1; } .sidebar .side_nav li.active a { color: #a2b7c1; } .sidebar .side_nav li.subnav_ministry_event { display: none; } .sidebar .side_nav li span { display: none; } @media (max-width: 1080px) { .sidebar .side_nav li a { font-size: 1.6em; padding: 18px 0; } } .sidebar .mod { margin-top: 30px; background: none; text-align: center; } .sidebar .mod.last { margin-top: 30px; border: 0; } .sidebar .mod:after { display: table; content: ''; clear: both; } .sidebar .mod .mod_head { padding-bottom: 0; border-bottom: 0; overflow: hidden; width: 100%; } .sidebar .mod .mod_head h2 { margin-bottom: 0; font-size: 1.6em; color: #666; text-align: center; padding: 20px 0; background: #f9f8f7; text-transform: uppercase; font-weight: 600; } .sidebar .mod .mod_content { margin-top: 0; text-align: left; } .sidebar .mod .mod_content p { font-size: 16px; line-height: 1.4em; } .sidebar .mod .mod_content a.btn_big, .sidebar .mod .mod_content .locations_wrap.alt span.btn_map, .locations_wrap.alt .sidebar .mod .mod_content span.btn_map { width: 100%; margin-top: 14px; } @media (max-width: 1080px) { .sidebar .mod { margin-top: 45px; } .sidebar .mod.last { margin-top: 27.5px; } .sidebar .mod .mod_head h2 { font-size: 2em; } .sidebar .mod .mod_head h2 span { display: none; } } .sidebar_list_row { width: 100%; display: table; table-layout: fixed; overflow: hidden; border-bottom: 1px solid #ddd; padding: 10px 0; } .sidebar_list_row:last-of-type { border: 0; } .sidebar_list_row .float-left { display: table-cell; width: 22%; height: 55px; vertical-align: middle; padding-right: 20px; text-align: center; } .sidebar_list_row .float-right { display: table-cell; width: 78%; height: 55px; vertical-align: middle; } .sidebar_list_row .float-right h4 { height: 20px; font-size: 1.4em; line-height: 1.2em; margin-top: 4px; font-weight: 600; position: relative; } .sidebar_list_row .float-right a { position: absolute; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 97%; } .sidebar_list_row .float-right small { font-size: 13px; } .sidebar_list_row .event_day_number { font-size: 24px; line-height: 1.1em; } .sidebar_list_row .event_day_name { font-size: 14px; text-transform: uppercase; font-weight: bold; margin: 0 0 0 2px; letter-spacing: .1em; line-height: 1em; } .sidebar_list_row .event_year { font-size: 1em; text-transform: uppercase; font-weight: bold; margin: 5px 0 0 2px; letter-spacing: .35em; line-height: 1em; } .sidebar_list_row .event_month { font-size: 1em; text-transform: uppercase; font-weight: bold; margin: 0 0 3px 2px; letter-spacing: .5em; line-height: 1em; } @media (max-width: 1080px) { .sidebar_list_row .float-left { height: 45px; width: 24%; padding-right: 15px; } .sidebar_list_row .float-right { height: 45px; width: 76%; } .sidebar_list_row .float-right h4 { height: 15px; font-size: 1.3em; line-height: 1em; } .sidebar_list_row .float-right small { font-size: 12px; } .sidebar_list_row .event_day_number { font-size: 20px; } .sidebar_list_row .event_day_name { font-size: 12px; } } .sidebar_event .btn_more { display: table; color: #fff; text-transform: uppercase; font-weight: 700; background: #a2b7c1; width: 100%; padding: 12px 0; text-align: center; float: none; font-size: 1.4em; } .listing_generic { border-bottom: 1px solid #aaaaaa; padding-bottom: 9px; margin-bottom: 9px; overflow: hidden; width: 100%; } .listing_generic.last { border: 0; margin-bottom: 0; } .listing_generic h4 { margin-bottom: 0; } .sidebar_ads a { display: block; width: 260px; height: 145px; margin-bottom: 30px; background: #000; position: relative; } .sidebar_ads a.overlay h1 { position: absolute !important; position: relative; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; text-align: center; padding: 0 20px; z-index: 1000; color: #fff; font-size: 1.8em; } .sidebar_ads a.overlay img { opacity: .7; } .sidebar_ads a:last-child { margin-bottom: 0; } .sidebar_ads a img { width: 100%; height: auto; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; float: left; } .sidebar_ads a img:hover { opacity: .8; } @media (max-width: 1080px) { .sidebar_ads a { width: 199px; height: 111px; } } .sidebar_select { position: absolute; bottom: -31px; right: 0; padding: 39px 30px; display: block; min-width: 240px; background: rgba(0, 0, 0, 0.03); border-left: 1px solid #ddd; border-right: 1px solid #ddd; } .sidebar_select:after { content: ''; display: table; clear: both; } .sidebar_select label { display: block; margin-bottom: 11px; font-size: 1.4em; text-transform: uppercase; font-family: "Open Sans", Helvetica, sans-serif; } .sidebar_select select { width: 100%; } @media (max-width: 1080px) { .sidebar_select { padding: 27px 30px; } } @media (max-width: 840px) { .sidebar_select { display: none; } } /* Gallery thumbnail styles ______________________________________________________________________________________ */ .gallery_wrap:after { content: ''; display: table; clear: both; } .gallery_wrap a { position: relative; display: block; width: calc(25% - 8px); margin-top: 10px; margin-right: 10px; float: left; background: #f9f8f7; padding: 15px; border: 1px solid #ddd; } .gallery_wrap a span { opacity: 0; position: absolute; z-index: 1000; width: 100%; height: 100%; top: 0; left: 0; background: rgba(249, 248, 247, 0.75) url(../images/zoom_icon.png) no-repeat center center; background-size: 50px; -webkit-transition: opacity 0.2s ease; -moz-transition: opacity 0.2s ease; -o-transition: opacity 0.2s ease; transition: opacity 0.2s ease; } .gallery_wrap a:nth-child(4n+4) { margin-right: 0; } .gallery_wrap a:nth-child(-n+4) { margin-top: 0; } .gallery_wrap a:hover { color: #a2b7c1; } .gallery_wrap a:hover span { opacity: 1; } .gallery_wrap img { width: 100%; height: auto; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } .gallery_wrap img:hover { opacity: .8; } @media (max-width: 1080px) { .gallery_wrap a { padding: 10px; } } @media (max-width: 620px) { .gallery_wrap a { width: calc(33% - 6px); padding: 0; } .gallery_wrap a img { float: left; } .gallery_wrap a:nth-child(4n+4) { margin-right: 10px; } .gallery_wrap a:nth-child(3n+3) { margin-right: 0 !important; } .gallery_wrap a:nth-child(-n+4) { margin-top: 10px; } .gallery_wrap a:nth-child(-n+3) { margin-top: 0px !important; } } /* Staff styles ______________________________________________________________________________________ */ .staff_wrap { width: 100%; overflow: hidden; } .staff_wrap .group_wrap { display: table; width: 100%; margin-top: 40px; padding-top: 30px; border-top: 1px solid #ddd; } .staff_wrap .group_wrap:first-child { margin-top: 0; padding-top: 0; border-top: 0; } .staff_wrap .group_wrap h1.group_title { font-size: 2.5em; margin-bottom: 10px; font-weight: 700; } @media (max-width: 620px) { .staff_wrap .group_wrap { margin-top: 30px; padding-top: 20px; } } @media (max-width: 840px) { .staff_wrap .group_wrap h1.group_title { font-size: 1.9em; } } .staff_wrap .staff { width: calc(33% - 12px); background: #f9f8f7; border: 1px solid #ddd; margin-top: 20px; margin-right: 20px; float: left; display: inline; text-align: center; position: relative; } .staff_wrap .staff:nth-of-type(-n+3) { margin-top: 0; } .staff_wrap .staff:nth-of-type(3n+3) { margin-right: 0; } .staff_wrap .staff img { width: 100%; height: auto; } .staff_wrap .staff .staff_info_wrap { padding: 10px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .staff_wrap .staff .staff_info_wrap h4 { font-family: "Open Sans", Helvetica, sans-serif; font-weight: 700; font-size: 1.5em; text-transform: uppercase; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .staff_wrap .staff .staff_info_wrap small { font-size: 1.2em; color: #666; font-style: italic; margin-top: 3px; display: block; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .staff_wrap .staff:hover .staff_info_wrap h4 { color: #a2b7c1; } @media (max-width: 1080px) { .staff_wrap .staff { width: calc(50% - 12px); margin-top: 20px !important; } .staff_wrap .staff:nth-of-type(-n+2) { margin-top: 0 !important; } .staff_wrap .staff:nth-of-type(3n+3) { margin-right: 20px; } .staff_wrap .staff:nth-of-type(2n+2) { margin-right: 0px !important; } } @media (max-width: 840px) { .staff_wrap .staff { height: auto; width: calc(33% - 12px); } .staff_wrap .staff:nth-of-type(-n+2) { margin-top: 0px !important; } .staff_wrap .staff:nth-of-type(-n+3) { margin-top: 0px !important; } .staff_wrap .staff:nth-of-type(2n+2) { margin-right: 20px !important; } .staff_wrap .staff:nth-of-type(3n+3) { margin-right: 0 !important; } } @media (max-width: 620px) { .staff_wrap .staff { width: calc(50% - 5px); margin-right: 10px; margin-top: 10px !important; } .staff_wrap .staff:nth-of-type(-n+3) { margin-top: 10px !important; } .staff_wrap .staff:nth-of-type(-n+2) { margin-top: 0px !important; } .staff_wrap .staff:nth-of-type(3n+3) { margin-right: 10px !important; } .staff_wrap .staff:nth-of-type(2n+2) { margin-right: 0 !important; } .staff_wrap .staff:nth-of-type(even) { margin-right: 0; } .staff_wrap .staff .staff_info_wrap { height: 50px; } .staff_wrap .staff .staff_info_wrap h4 { font-size: 1.2em; position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); white-space: normal; } .staff_wrap .staff .staff_info_wrap small { display: none; } } .staff_wrap a { -webkit-transition: all 0.1s ease; -moz-transition: all 0.1s ease; -o-transition: all 0.1s ease; transition: all 0.1s ease; } .staff_wrap a:hover { opacity: .7; } .staff_wrap a.disabled:hover { opacity: 1; } .profile_header { margin: 30px 0 0 0; position: relative; width: 100%; display: table; } .profile_header img { width: 100%; height: auto; display: block; } .profile_header:after { content: ''; clear: both; display: table; } .profile_header h3 { font-weight: 400; font-family: "Open Sans", Helvetica, sans-serif; font-size: 4em; line-height: 1em; color: #a2b7c1; } .profile_header h4 { color: #666; margin: 0; padding: 0; background: #f9f8f7; border: 1px solid #ddd; border-left: 0; font-weight: 500; font-family: "Open Sans", Helvetica, sans-serif; font-size: 3.2em; display: table-cell; vertical-align: middle; width: 65%; padding-left: 40px; padding-right: 40px; } .profile_header span { margin-top: 7px; display: block; font-size: .6em; letter-spacing: .5px; font-style: italic; color: #666; text-transform: uppercase; } .profile_header h4 span { font-family: "Open Sans", Helvetica, sans-serif; font-size: .4em; text-transform: none; display: block; color: #666; } @media (max-width: 1080px) { .profile_header { margin-top: 20px; } .profile_header h4 { font-size: 2.7em; padding: 0 30px; } } @media (max-width: 620px) { .profile_header { display: block; } .profile_header img { width: 100%; margin: auto; } .profile_header h3 { font-size: 3.6em; line-height: 1em; } .profile_header h4 { font-size: 2.6em; display: block; width: 100%; margin: auto; padding: 20px 0; text-align: center; border-top: 0; border-left: 1px solid #ddd; } .profile_header h4 span { font-size: .4em; } } @media (max-width: 480px) { .profile_header h3, .profile_header h4 { font-size: 2.6em; } } .profile_box { width: 100%; overflow: hidden; margin-top: 30px; } .profile_box .float-left { background: #ffffff; padding: 6px; border: 1px solid #ddd; margin-top: 3px; } .profile_box .float-right h4 { margin: 0 0 10px 0; } .profile_box .float-right p { margin: 10px 0 16px 0; } .profile_box p:nth-of-type(1) { margin-top: 0; } @media (max-width: 620px) { .article .profile_box { margin-top: 0; } } .profile_contact { margin: 30px 0; border-top: 1px solid #ddd; padding-top: 12px; } .profile_contact a { position: relative; margin: 0 30px 0 0; padding: 0 30px; border-right: 1px solid #ddd; font-family: "Open Sans", Helvetica, sans-serif; font-weight: 400; font-size: 1.8em; color: #a2b7c1; text-transform: uppercase; letter-spacing: 0; -webkit-font-smoothing: subpixel-antialiased; -moz-osx-font-smoothing: auto; } .profile_contact a:last-child { border-right: 0; } .profile_contact a:before { position: absolute; top: 17%; left: 0; color: #a2b7c1; } .profile_contact a:hover { opacity: .8; } @media (max-width: 1080px) { .profile_contact { margin: 20px 0; } .profile_contact a { font-size: 1.6em; margin-right: 20px; padding: 0 20px 0 30px; } } @media (max-width: 620px) { .profile_contact a { display: block; margin-right: 0; padding: 0 0 10px 30px; border-right: 0; border-bottom: 1px solid #ddd; margin-bottom: 10px; } .profile_contact a:before { top: 12%; } } h1.staff_bio_contact { font-family: "Open Sans", Helvetica, sans-serif; font-size: 2.4em; font-weight: 700; text-transform: uppercase; margin-bottom: 20px; } @media (max-width: 1080px) { h1.staff_bio_contact { font-size: 2.1em; } } @media (max-width: 840px) { h1.staff_bio_contact { font-size: 1.8em; } } .profile_networks { margin: 12px 0 0 0; } .profile_networks li { list-style: none; } .profile_networks a { text-indent: -9999px; position: relative; display: block; width: 36px; height: 36px; float: left; margin-right: 10px; padding-left: 30px; background: #a2b7c1; font-size: 2em; color: #ffffff; text-transform: uppercase; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } .profile_networks a:before { text-indent: 0 !important; position: absolute; top: 25%; left: 22%; } .profile_networks a:hover { opacity: .8; } @media (max-width: 1080px) { .profile_networks a { font-size: 1.8em; width: 30px; height: 30px; } .profile_networks a:before { top: 23%; left: 20%; } } .address { position: relative; width: 100%; padding-left: 40px; } img.event_map { display: none !important; } .location_badge { float: right; background: red; color: #fff; height: 16px; line-height: 16px; letter-spacing: .2em; margin: 22px 6px 0 0; padding: 0 4px; font-size: .725em; } .campus_badges { width: 100%; overflow: hidden; margin-bottom: 10px; } .campus_badges .location_badge { margin-top: 0; } /* Location styles ______________________________________________________________________________________ */ .locations_outer { width: 100%; border: 1px solid #ddd; margin-bottom: 30px; } .locations_wrap a { display: block; width: 100%; padding: 20px 40px; border-bottom: 1px solid #ddd; } .locations_wrap a:last-child { border-bottom: 0; } .locations_wrap a.address { padding: 40px; } .locations_wrap a.no_link:hover { opacity: 1; } .locations_wrap li { display: block; position: relative; padding-left: 50px; } .locations_wrap li:before { position: absolute; top: 4px; left: 0; display: block; font-size: 2.8em; color: #a2b7c1; } .locations_wrap li p { margin-bottom: 0; } .locations_wrap.alt a:after { display: table; content: ''; clear: both; } .locations_wrap.alt li { width: auto; float: left; max-width: 250px; } .locations_wrap.alt span.btn_map { float: right; font-size: 1.8em; background: #a2b7c1; } .locations_wrap.alt span.btn_map small { font-size: 1em; display: block; } @media (max-width: 1080px) { .locations_wrap.alt li { float: none; max-width: inherit; } .locations_wrap.alt span.btn_map { float: none; } .locations_wrap.alt span.btn_map small { display: inline; } } @media (max-width: 840px) { .locations_wrap li:before { top: 2px; } .locations_wrap p { font-size: 1.8em; } } @media (max-width: 620px) { .locations_wrap p { font-size: 1.6em; } } @media (max-width: 480px) { .locations_wrap a { padding: 15px 30px; } .locations_wrap a.address { padding: 30px; } .locations_wrap p { font-size: 1.5em; } .locations_wrap li { padding-left: 0; } .locations_wrap li:before { display: none; } .locations_wrap li.phone p:before { content: 'P: '; } .locations_wrap li.fax p:before { content: 'F: '; } .locations_wrap.alt span.btn_map { padding: 10px 15px; font-size: 1.4em; } } .second_location { padding-bottom: 30px; border-bottom: 1px solid #ddd; } .second_location h5 { margin-bottom: 8px; margin-top: 40px; } .second_location h5:first-of-type { margin-top: 30px; } .second_location p { font-size: 1.8em; line-height: 1.6em; margin: 0; } /* Service time styles ______________________________________________________________________________________ */ .service_group h2 { margin: 40px 0 20px 0; font-size: 2.6em; font-weight: 800; } .service_group .service_row { width: 100%; height: 65px; border: 1px solid #ddd; border-top: 0; } .service_group .service_row:after { content: ''; display: table; clear: both; } .service_group .service_row h3 { width: 70%; padding: 0 20px; font-family: "Open Sans", Helvetica, sans-serif; font-size: 1.8em; color: #666; float: left; font-weight: 400; -webkit-font-smoothing: subpixel-antialiased; -moz-osx-font-smoothing: auto; line-height: 64px; } .service_group .service_row h4 { width: 30%; padding: 0 20px; font-family: "Open Sans", Helvetica, sans-serif; font-size: 1.8em; color: #999; float: left; font-weight: 400; line-height: 64px; text-align: center; border-left: 1px solid #ddd; } .service_group .service_row:first-of-type { border-top: 1px solid #ddd; } @media (max-width: 1080px) { .service_group h2 { font-size: 2.4em; } } @media (max-width: 840px) { .service_group h2 { font-size: 2.2em; } .service_group .service_row h4 { font-size: 1.8em; } } @media (max-width: 480px) { .service_group h2 { margin: 30px 0 15px 0; font-size: 2.4em; } .service_group .service_row { height: auto; padding: 15px 20px; } .service_group .service_row h3, .service_group .service_row h4 { width: 100%; padding: 0; float: none; line-height: 26px; } .service_group .service_row h3 { font-weight: 600; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .service_group .service_row h4 { font-size: 1.6em; border-left: 0; text-align: left; } } /* Location styles ______________________________________________________________________________________ */ .ministries_wrap:after { content: ''; display: table; clear: both; } .ministries_wrap .ministry { display: block; border: 1px solid #ddd; width: calc(33.33% - 14px); float: left; margin-right: 20px; margin-top: 20px; background: #f9f8f7; -webkit-transition: opacity 0.2s ease; -moz-transition: opacity 0.2s ease; -o-transition: opacity 0.2s ease; transition: opacity 0.2s ease; } .ministries_wrap .ministry:hover { opacity: .8; } .ministries_wrap .ministry:nth-of-type(3n+3) { margin-right: 0; } .ministries_wrap .ministry:nth-child(-n+3) { margin-top: 0; } .ministries_wrap .ministry img { width: 100%; height: auto; } .ministries_wrap .ministry h1 { font-size: 1.5em; text-align: center; height: 60px; padding: 0 20px; } .ministries_wrap .ministry h1 span { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); display: block; } @media (max-width: 1080px) { .ministries_wrap .ministry h1 { font-size: 1.4em; } } @media (max-width: 840px) { .ministries_wrap .ministry h1 { font-size: 1.3em; height: initial; padding: 15px 10px; } .ministries_wrap .ministry h1 span { position: initial; top: initial; -webkit-transform: none; -ms-transform: none; transform: none; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } } @media (max-width: 620px) { .ministries_wrap .ministry { width: 100%; margin-right: 0; margin-top: 0; margin-bottom: 10px; border-top-left-radius: 30px; border-bottom-left-radius: 30px; } .ministries_wrap .ministry:last-child { margin-bottom: 0; } .ministries_wrap .ministry .img_wrap { width: 60px; height: 60px; float: left; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; overflow: hidden; } .ministries_wrap .ministry .img_wrap img { width: 150%; position: relative; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .ministries_wrap .ministry h1 { width: calc(100% - 60px); float: left; padding: 21px 15px; background: #f9f8f7 url(../images/bg/small_ad_arrow.png) no-repeat right center; border-right: 10px solid transparent; background-size: 10px; } .ministries_wrap .ministry h1 span { text-align: left; } } /* Video Gallery styles ______________________________________________________________________________________ */ .vgallery:after { content: ''; display: table; clear: both; } .video_wrap { float: left; margin-right: 20px; margin-top: 20px; width: calc(33% - 12px); display: block; background: #f9f8f7; border: 1px solid #ddd; } .video_wrap:hover .play_btn { width: 60px; height: 60px; } .video_wrap .play_btn { -webkit-transition: all 0.1s ease; -moz-transition: all 0.1s ease; -o-transition: all 0.1s ease; transition: all 0.1s ease; width: 0px; height: 0px; overflow: hidden; box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.4); text-align: center; line-height: 60px; font-size: 1.4em; text-transform: uppercase; letter-spacing: 1px; font-weight: 800; color: rgba(0, 0, 0, 0.4); background: rgba(255, 255, 255, 0.9); -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; position: absolute; z-index: 10000; top: 0; bottom: 0; left: 0; right: 0; margin: auto; } .video_wrap:hover img { opacity: .8; } .video_wrap:nth-child(-n+3) { margin-top: 0; } .video_wrap:nth-child(3n+3) { margin-right: 0; } .video_wrap h3 a { font-size: .9em; display: block; font-weight: 400; padding: 10px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } @media (max-width: 1080px) { .video_wrap { margin-right: 10px; margin-top: 10px; width: calc(33% - 5px); } } @media (max-width: 620px) { .video_wrap { width: calc(50% - 5px); margin-right: 10px; } .video_wrap:nth-child(2n+2) { margin-right: 0 !important; } .video_wrap:nth-child(3n+3) { margin-right: 10px; } .video_wrap:nth-child(-n+3) { margin-top: 10px; } .video_wrap:nth-child(-n+2) { margin-top: 0 !important; } .video_wrap h3 { height: 37px; position: relative; } .video_wrap h3 a { position: absolute; width: 100%; font-size: .8em; } } .video { width: 100%; height: 0; padding-bottom: 56.25%; position: relative; } .video:nth-child(n+4) { margin-top: 20px; } .video .video_link { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .video .video_link img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .video .btn_play { height: 46px; width: 46px; background: rgba(255, 255, 255, 0.7); -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; z-index: 9999; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; } .video .btn_play img { width: 40px; height: 40px; margin-top: 3px; margin-left: 3px; opacity: .75; } .video .video_overlay { background: rgba(0, 0, 0, 0.3); } /* General Form styles ______________________________________________________________________________________ */ input[type="submit"] { cursor: pointer; } .page_form_wrap { background: #f9f8f7; border: 1px solid #ddd; padding: 40px 0 30px 0; } .page_form_wrap h2 { font-size: 2.5em; text-align: center; border-bottom: 1px solid #ddd; padding-bottom: 40px; margin-bottom: 30px; } @media (max-width: 840px) { .page_form_wrap { padding: 20px 0; } .page_form_wrap h2 { font-size: 2.0em; padding-bottom: 20px; } } @media (max-width: 840px) { .page_form_wrap { padding: 10px 0; } .page_form_wrap h2 { padding-top: 10px; margin-bottom: 10px; } } .sign_up_header { width: 100%; padding: 16px 30px; background: #f9f8f7; overflow: hidden; border: 1px solid #ddd; } .sign_up_header h4 { font-weight: 700; text-transform: uppercase; } .sign_up_content { width: 100%; padding: 30px; border: 1px solid #ddd; border-top: 0; overflow: hidden; } @media (max-width: 1080px) { .sign_up_content { padding: 0 30px 10px 30px; } } .formbox, .form_box { width: 100%; padding: 0 30px; overflow: hidden; display: table; } @media (max-width: 840px) { .formbox, .form_box { padding: 0 20px; } } @media (max-width: 620px) { .formbox, .form_box { padding: 0 10px; } } .checkbox_row .form_right_column { padding: 10px; border: 1px solid #ddd; } .checkbox_row .form_right_column .checkbox_item_row { margin-bottom: 10px; border-bottom: 1px solid #ddd; padding-bottom: 10px; } .checkbox_row .form_right_column .checkbox_item_row:last-of-type { margin-bottom: 0; border-bottom: 0; padding-bottom: 0; } .form_box_check_listings { width: 96%; margin-top: 20px; background: #e7f5fc; padding: 3% 1% 3% 3%; overflow: hidden; } .form_box h4 { margin-bottom: 20px; margin-top: 0; } h5.form_subhead { color: #fff; text-align: center; padding: 10px 20px; width: 100%; font-size: 1.4em; margin: 10px 0 15px 0; font-weight: bold; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; } .form_row { width: 100%; overflow: hidden; margin-bottom: 15px; } @media (max-width: 620px) { .form_row { margin-bottom: 10px; } } .form_left_column { border: 1px solid #ddd; border-right: 0; width: 185px; display: table-cell; vertical-align: middle; text-align: right; background: rgba(0, 0, 0, 0.04); padding-right: 20px; } @media (max-width: 840px) { .form_left_column { background: none; border: 0; height: inherit; float: none; display: block; width: 100%; text-align: left; margin-bottom: 7px; } } .form_right_column { width: 69%; display: table-cell; } .form_right_column small { display: block; background: rgba(0, 0, 0, 0.08); padding: 10px; text-align: center; margin-top: 4px; clear: both; font-size: 1.2em; font-style: italic; font-weight: 600; } @media (max-width: 840px) { .form_right_column { width: 100%; display: table; } } body.weddingform .form_left_column { width: 40%; } body.weddingform .form_right_column { width: 57%; } .form_right_column.verify_image small { clear: left; } .form_left_column label, .ver_left_column label { display: block; font-size: 1.2em; line-height: 1.3em; vertical-align: middle; color: #666; } @media (max-width: 840px) { .form_left_column label, .ver_left_column label { position: initial; top: initial; -webkit-transform: none; -ms-transform: none; transform: none; } } .form_right_column label { font-size: 1.2em; line-height: 1.3em; vertical-align: middle; color: #666666; } .required .form_left_column label, .form_left_column label { font-weight: 400; font-size: 1.5em; color: #666; } @media (max-width: 1080px) { .required .form_left_column label, .form_left_column label { font-size: 1.3em; } } .required .form_left_column label span { color: #ff5a27; font-size: 1.2em; margin-right: 3px; } .form_box input { font-size: 1.4em; color: #777777; } .form_box input:focus { color: #000; } .normal_input, .calendar_input, .timepicker { float: left; font-family: "Open Sans", Helvetica, sans-serif; -webkit-appearance: none; width: 100%; padding: 10px 8px; font-size: 1.6em; color: #999; background: #fff; border: 1px solid #ddd; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; } .normal_input:focus { color: #666; border: 1px solid #a2b7c1; } .zip { float: left; font-family: "Open Sans", Helvetica, sans-serif; -webkit-appearance: none; width: 100%; padding: 10px 8px; font-size: 1.6em; color: #999; background: #fff; border: 1px solid #ddd; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; } .comments { width: 85%; padding: 8px; font-family: Helvetica, Arial, sans-serif; } .checkbox { margin-right: 10px; } .form_right_column textarea { resize: none; } .form_right_column .select_wrap_cb { float: left; outline: 1px solid #ddd; width: calc(100% - 2px) !important; margin-right: 2px !important; } .form_right_column .select_wrap_cb select { padding: 10px 0 10px 10px; width: 108% !important; } .form_right_column span:nth-child(2) input { border-top: 0; } .select_row .form_left_column { padding-top: 2px; } .email_checkbox { margin-top: 10px; overflow: hidden; } .email_checkbox input { float: left; display: inline; } .email_checkbox label { float: left; display: inline; margin-top: 3px; } .multi_checkbox .email_checkbox { margin-top: 0; } .multi_checkbox .email_checkbox label { margin-top: 0; margin-left: 0; } .multi_checkbox .email_checkbox input { float: left; display: inline; margin-top: 0; } .question_row, .main_cmg .question_row { width: 100%; overflow: hidden; margin: 0; } .question_row li, .main_cmg .question_row li { list-style: none; margin: 0; padding: 0; border-bottom: 1px solid #dddddd; padding: 14px 2%; width: 96%; } .question_row p { margin: 0 0 4px 0; font-size: 1em; line-height: 1.3em; } .question_row .required p { font-weight: bold; color: #000000; } .question_row .required span { color: #ff5a27; margin-left: 3px; } .question_row_radio_checkbox { width: 100%; overflow: hidden; } .question_row_radio_checkbox label { margin: 4px 10px 0 0; float: left; display: inline; } .question_row_radio_checkbox label input { margin-right: 6px; } .question_row input.normal_input { width: 96%; margin-top: 4px; } .question_row textarea.comments { width: 96%; margin-top: 4px; height: 80px; } .error input { background: #fef6f6; border: 1px solid #e65a5a; color: #000000; } .error textarea { background: #fef6f6; border: 1px solid #e65a5a; color: #606060; float: left; } .error #captcha { background: #fef6f6; border: 1px solid #e65a5a; color: #606060; } .errorSmall small { color: #fff; background: #e65a5a; padding: 10px; margin-top: -1px; width: 100%; float: left; font-weight: bold; text-align: center; } /** Special inputs for the eNews form that's in the footer **/ .email_inputs .error input { border: 2px solid #c21e1e; background: #fff0f0; } .question_row .error { background: #fef6f6; } .question_row .error p { color: #ff2727; } label.error { display: block; color: #ff2727; font-weight: bold; } .message { overflow: hidden; padding: 40px 0; margin-top: 20px; background: #a1ce79; text-align: center; color: #222222; } .message .show_form_btn { font-size: 1.6em; background: rgba(0, 0, 0, 0.3); color: #fff; padding: 10px 20px; display: inline-block; margin-top: 15px; -webkit-transition: opacity 0.2s ease; -moz-transition: opacity 0.2s ease; -o-transition: opacity 0.2s ease; transition: opacity 0.2s ease; } .message .show_form_btn:hover { opacity: .8; } .message p { color: #797979; padding: 0 36px; margin: 4px 0 0 0; line-height: 1.2em; font-size: 1.6em; color: #fff; } .message ul { padding: 0 36px; margin: 8px 0; line-height: 1.2em; } .message ul li { padding: 3px 0; font-size: 1.2em; } .message h4 { font-family: "Open Sans", Helvetica, sans-serif; font-size: 2.4em; line-height: 1.2em; color: #797979; font-weight: 700; color: #fff; text-transform: uppercase; } .message h4 a { font-weight: normal; text-decoration: underline; } @media (max-width: 840px) { .message { padding: 30px 0; } .message h4 { font-size: 2em; } } .warn_message { border: 0; color: #333333; } .warn_message h4 { color: #222222; } .info_message { border: 0; color: #333333; } .info_message h4 { color: #222222; } .error_message { display: none; background: #e65a5a; border: 0; color: #ffffff; margin-bottom: 20px; } .error_message h4 { color: #ffffff; } .error_message p { color: #fff; margin: 0; } .marginpadding20 .basic_list { width: 100%; margin-top: 24px; } .marginpadding20 .basic_list_head { width: 100%; border-bottom: 0; overflow: hidden; padding-bottom: 15px; } .marginpadding20 .basic_list_content { width: 100%; border-top: 0; border-bottom: 0; overflow: hidden; } .marginpadding20 .basic_list_foot { width: 100%; border-top: 0; } .marginpadding20 .grey_borders tbody th, .marginpadding20 .grey_borders tbody td { border-color: #c4d9e9; } .marginpadding20 .grey_borders thead th { padding-top: 0; } .shadow_2d_top { margin-top: 35px; padding-top: 40px; clear: both; } .shadow_2d_bottom { margin-bottom: 24px; padding-bottom: 44px; clear: both; } .verify_row { margin: 20px 0 16px 0; overflow: hidden; } .verify_row input { width: 44px; text-align: center; padding-left: 0; padding-right: 0; } .form_right_column.verify_image { overflow: hidden; } .verify_image img { height: 44px; border: 0; float: left; display: inline; margin-right: 6px; } .verify_image .zip { width: calc(100% - 41.7%); font-family: "Open Sans", Helvetica, sans-serif; -webkit-appearance: none; padding: 10px 8px; font-size: 1.6em; color: #999; background: #fff; border: 1px solid #ddd; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; } @media (max-width: 1080px) { .verify_image .zip { width: calc(100% - 58.4%); } } @media (max-width: 840px) { .verify_image .zip { width: calc(100% - 171px); } } .verify_image .zip:focus { border: 1px solid #a2b7c1; } .captcha_options { width: 19px; height: 36px; float: left; display: inline; margin-right: 12px; margin-left: 6px; overflow: hidden; } .captcha_options li { width: 19px; height: 18px; float: left; display: inline; } .captcha_options li a { display: block; width: 19px; height: 18px; text-indent: -9999px; } #refresh-captcha { background-position: 0 0; } #refresh-captcha:hover { background-position: -19px 0; } #say-it { background-position: 0 -18px; } #say-it:hover { background-position: -19px -18px; } .submit_row { clear: both; overflow: hidden; width: 100%; padding: 0 30px; text-align: center; margin-top: 15px; } @media (max-width: 840px) { .submit_row { padding: 0 20px; margin-top: 0; } } @media (max-width: 620px) { .submit_row { padding: 0 10px; } } input[type="submit"] { background: #a2b7c1; } input.btn_submit_noimage { width: 100%; display: block; margin: auto; text-align: center; font-family: "Open Sans", Helvetica, sans-serif; font-size: 2em; font-weight: 400; text-transform: uppercase; padding: 10px 40px; color: #fff; border: 0; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; -webkit-appearance: none; } @media (max-width: 840px) { input.btn_submit_noimage { width: 100%; } } input.btn_submit_noimage:hover { opacity: .85; filter: alpha(opacity=85); } /* --------------------------------------------------------------------------------------- Loading Overlay --------------------------------------------------------------------------------------- */ .loading_overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.8); z-index: 10000; } .no-js .loading_overlay { display: none; } .loading_overlay.form { position: fixed; } .loading_overlay svg { width: 200px; height: 200px; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; } .loading_overlay path { fill: #a2b7c1; } .loading_overlay img { width: 55px; height: 55px; margin: auto; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } /* --------------------------------------------------------------------------------------- Group Styles --------------------------------------------------------------------------------------- */ .page_title.group_register { padding: 20px 0; } .full_search_div_wrap { width: 100%; overflow: hidden; } @media (max-width: 840px) { .full_search_div_wrap { display: block !important; } } .full_search_div { padding: 20px; overflow: hidden; background: #f9f8f7; position: relative; border: 1px solid #ddd; } .hidden .full_search_div { border-top: 0; } .full_search_div label { position: absolute; z-index: 10; top: 32px; left: 40px; color: #999999; font-size: 1.8em; font-family: "Open Sans", Helvetica, sans-serif; } .full_search_div input[type="text"] { width: 100%; height: 46px; float: left; display: inline; padding: 8px 2%; color: #999999; font-size: 1.8em; font-family: "Open Sans", Helvetica, sans-serif; background: #ffffff; border: 1px solid #d5d5d5; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; appearance: none; -webkit-appearance: none; -moz-appearance: none; } .full_search_div input[type="text"]:focus { color: #666; } .full_search_div input[type="submit"] { width: 120px; height: 46px; line-height: 38px; float: right; display: inline; text-align: center; padding: 0 0; color: #fff; font-family: "Open Sans", Helvetica, sans-serif; font-size: 1.8em; text-transform: uppercase; font-weight: 500; border: 0; -moz-border-radius: 0px; -webkit-border-radius: 0px; appearance: none; -webkit-appearance: none; -moz-appearance: none; } .full_search_div input[type="submit"]:hover { filter: alpha(opacity=90); opacity: .90; } .full_search_div .input_wrap { width: calc(100% - 140px); margin-right: 20px; float: left; position: relative; } .full_search_div .input_wrap:after { display: table; content: ''; clear: both; } .full_search_div .input_wrap a.btn_clear_big, .full_search_div .input_wrap a.btn_clear_big_sermons { display: block; position: absolute; top: 0; right: 0; z-index: 99; width: 45px; height: 45px; background: transparent url(../images/btn/btn_search_clear.png) 50% 50% no-repeat; background-size: 18px; } @media (max-width: 840px) { .full_search_div { padding: 10px; } .full_search_div label { left: 30px; } .full_search_div .input_wrap { width: calc(100% - 50px); margin-right: 10px; } .full_search_div .input_wrap a.btn_clear_big, .full_search_div .input_wrap a.btn_clear_big_sermons { width: 40px; height: 40px; } .full_search_div input[type="text"] { height: 40px; padding: 10px 50px 10px 10px; font-size: 1.6em; } .full_search_div input[type="submit"] { width: 40px; height: 40px; text-indent: -9999px; background: #a2b7c1 url(../images/btn/search_btn_opac.png) no-repeat center center; background-size: 20px; } } .group_filter { padding: 0 20px 0 0; overflow: hidden; margin-top: 30px; background: #f9f8f7; border: 1px solid #ddd; } .group_filter .gf_select_wrap { width: 177px; padding: 20px; border-right: 1px solid #ddd; float: left; } .group_filter .gf_select_wrap .select_wrap_cb { width: initial !important; } .group_filter .gf_select_wrap.last { margin-right: 0; } .group_filter .gf_select_wrap label { display: block; font-family: "Open Sans", Helvetica, sans-serif; font-size: 1.2em; text-transform: uppercase; margin-bottom: 4px; text-align: center; font-weight: 700; } .group_filter .gf_select_wrap select { width: 120px !important; margin: 0 auto; display: table; } .group_filter a.btn_clear_gf { display: block; float: right; padding: 8px 18px; font-family: "Open Sans", Helvetica, sans-serif; text-transform: uppercase; font-size: 1.2em; font-weight: 600; color: #fff; background: #aaa; margin-top: 26px; } .group_filter a.btn_clear_gf:hover { background: #a2b7c1; text-decoration: none; } @media (max-width: 1080px) { .group_filter { padding: 0; margin-bottom: 20px; border-bottom: 0; } .group_filter .gf_select_wrap { width: 20%; } .group_filter .gf_select_wrap.last { border-right: 0; } .group_filter .gf_select_wrap select { width: 80%; } .group_filter a.btn_clear_gf { font-size: 16px; padding: 15px 18px; text-align: center; width: 100%; float: none; display: table; margin: 0px auto 0px auto; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } } @media (max-width: 840px) { .group_filter { display: none; margin-top: 0; } .group_filter .gf_select_wrap { width: 100%; border-right: 0; border-bottom: 1px solid #ddd; } .group_filter .gf_select_wrap label { margin-bottom: 11px; } .group_filter .group_details_header { display: none; } .group_filter tr.group_details_information td.details_btn_td { display: table-cell; } .group_filter tr.group_details_information .group_list_title { width: 70%; } .group_filter tr.group_details_information td { display: none; } } .profile_contact.groups { width: 99.99%; display: table; border-top: 0; margin: 0; padding: 0; } .profile_contact.groups a:last-child { margin-bottom: 0; } .loading_results td { text-align: center; padding: 30px 0; } td.matching_results { text-align: center; background: #eee; font-size: 1.4em; margin: 15px 0; } @media (max-width: 840px) { .group_table { border-top: 0; } .group_table .group_details_header { display: none; } .group_table td.matching_results { display: block; margin-bottom: 0; } } @media (max-width: 840px) { .group_details_information { padding: 14px 0; display: block; border-bottom: 1px solid #ddd; background: transparent url(../images/btn/nav_arrow.png) 98% center no-repeat; background-size: 13px; } .group_details_information th { border-bottom: 0; padding: 0 12% 0 12px; margin: 0 0 4px 0; } .group_details_information th span.th_sub_title { display: none; } .group_details_information td { display: inline-block; width: auto; border-bottom: 0; padding: 0 12px; font-size: 1.6em; } .group_details_information td:first-of-type, .group_details_information td:nth-of-type(2), .group_details_information td:nth-of-type(3) { display: none; } .group_details_information td:nth-of-type(4) { border-right: 1px solid #ddd; } .group_details_information .details_btn_td { display: none; } } @media (max-width: 480px) { .group_details_information { background-position: 96% center; } } tr.no_results th { padding: 14px 0; } @media (max-width: 840px) { .table_listing.group_details tr { display: block; width: 100%; border-bottom: 1px solid #ddd; padding: 14px 0 14px 10px; } .table_listing.group_details th { display: block; width: 100%; border-bottom: 0; background: none; padding: 0 !important; margin-bottom: 4px; } .table_listing.group_details td { display: block; width: 100%; border-bottom: 0; padding: 0 !important; } } /* --------------------------------------------------------------------------------------- Event Styles --------------------------------------------------------------------------------------- */ .event_row { display: table; width: 100%; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; background: #f9f8f7; margin-bottom: 10px; } .event_row:last-child { margin-bottom: 0; } .event_row .date { float: left; width: 63px; height: 63px; line-height: 63px; margin-right: 12px; text-align: center; } .event_row .date h5 { color: #fff; font-size: 2.0em; font-weight: 700; background: #a2b7c1; } .event_row .info { float: left; padding: 11px 0 0 0; height: 63px; } .event_row .info small { font-size: 1.4em; } .event_row .btn_details { float: right; height: 63px; width: 63px; padding: 0 20px; background-color: rgba(0, 0, 0, 0.04) !important; background-image: url(../images/btn/event_arrow_next.png); background-repeat: no-repeat; background-position: center center; background-size: 10px; font-size: 1.4em; text-indent: -9999px; } @media (max-width: 840px) { .event_row { border-left: 1px solid #ddd; border-top-left-radius: 25px; border-bottom-left-radius: 25px; } .event_row .date { width: 50px; height: 50px; line-height: 50px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; overflow: hidden; } .event_row .info { padding: 15px 0 0 0; width: calc(100% - 120px); position: relative; height: 50px; } .event_row .info h4 { font-size: 1.4em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; position: absolute; width: 100%; } .event_row .info small { display: none; } .event_row .btn_details { height: 50px; width: 50px; } } .events_nav { display: inline-block; width: 100%; margin-bottom: 40px; border-bottom: 1px solid #ddd; padding-bottom: 25px; } .events_nav h4 { text-align: center; text-transform: uppercase; font-weight: 700; font-size: 30px; line-height: 40px; } @media (max-width: 840px) { .events_nav { margin-bottom: 20px; } .events_nav h4 { font-size: 1.9em; } } @media (max-width: 620px) { .events_nav { padding-bottom: 20px; margin-bottom: 0; border-bottom: 0; } } .events_nav #mp_next, .events_nav #mp_prev { width: 40px; height: 40px; } .event_mp.disabled { opacity: .2; pointer-events: none; } .event_details_header { padding: 0 20px; } .event_details_header h3 { line-height: 1.7em; font-size: 2.5em; color: #666; text-align: center; margin-bottom: 27px; } .event_details_header h2 { font-size: 1.5em; text-align: center; margin-bottom: 0; font-weight: 400; letter-spacing: 1px; } @media (max-width: 1080px) { .event_details_header { padding: 0 20px 20px 20px; } } @media (max-width: 840px) { .event_details_header { padding: 20px; } .event_details_header h3 { font-size: 2.0em; margin-bottom: 20px; padding-bottom: 15px; } } .event_banner { width: 100%; margin-bottom: 30px; } @media (max-width: 1080px) { .event_banner { margin-bottom: 20px; } } /* --------------------------------------------------------------------------------------- Articles Styles --------------------------------------------------------------------------------------- */ .articles_entry { background: #f9f8f7; margin-bottom: 20px; width: 100%; overflow: hidden; border: 1px solid #ddd; } .articles_entry.last { margin-bottom: 0; } .articles_entry .post_date { border-bottom: 1px solid #ddd; display: block; width: 100%; padding: 12px 30px; font-size: 1.6em; color: #979797; font-weight: 500; text-transform: uppercase; letter-spacing: 5px; } .articles_entry .float-left { width: 30%; overflow: hidden; float: left; } .articles_entry .float-left img { width: 100%; height: auto; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } .articles_entry .float-left img:hover { opacity: .8; } .articles_entry .article_content_wrap { display: table; width: 100%; padding: 30px; } .articles_entry .float-right { width: 70%; padding-left: 4%; float: right; } .articles_entry .float-right.alt { width: 100%; padding-left: 0; } @media (max-width: 1080px) { .articles_entry .article_content_wrap { padding: 20px; } } @media (max-width: 840px) { .articles_entry { padding-bottom: 0; } .articles_entry .article_content_wrap { padding: 0px; } .articles_entry:nth-child(odd) { background: #f9f8f7; border: 1px solid #ddd; } .articles_entry .float-left { width: 100%; border-bottom: 1px solid #ddd; padding: 20px; } .articles_entry .float-right, .articles_entry .float-right.alt { width: 100%; border: none; padding: 20px; } .articles_entry .btn_big.news { width: 100%; } } @media (max-width: 620px) { .articles_entry p { font-size: 1.4em !important; } } .profile_header h3 { text-align: center; } .profile_header h3.article_title { font-weight: 600; border-bottom: 1px solid #ddd; padding-bottom: 15px; } .profile_header h3.article_title span { font-size: .4em; font-weight: 400; } @media (max-width: 1080px) { .profile_header { padding: 0 60px; } } @media (max-width: 840px) { .profile_header { padding: 0; } } @media (max-width: 620px) { .profile_header { margin-top: 0; } } .articles_entry_header { width: 100%; overflow: hidden; } .articles_entry_header small { font-size: 1.2em; } .articles_entry_header h3.articles_title { margin: 0 0 14px 0; font-family: "Open Sans", Helvetica, sans-serif; font-size: 3em; line-height: 1em; text-transform: uppercase; } .articles_entry_header h3.articles_title a { font-weight: 600; color: #a2b7c1; } .articles_entry_header h3.articles_title a span { font-size: .5em; display: block; } .articles_entry_header small { font-size: 1.4em; font-style: italic; } @media (max-width: 1080px) { .articles_entry_header h3.articles_title { font-size: 2.5em; } } @media (max-width: 840px) { .articles_entry_header h3.articles_title { font-size: 1.8em; line-height: 1.2em; } .articles_entry_header span { display: none; } } .articles_content { margin-top: 30px; } .articles_content p { margin-top: 0; } .articles_content .featured_image { margin-bottom: 30px; } .articles_content.articles_blog p { margin: 14px 0 0 0; } .articles_excerpt { margin-top: 10px; } .articles_excerpt p { font-size: 1.6em; margin-bottom: 0; } .articles_excerpt p a { font-weight: 700; font-size: .8em; } .single_entry { border-bottom: 0; } .single_entry h3.articles_title { margin: 0; font-size: 2.8em; line-height: 1.2em; font-weight: 500; border-bottom: 1px solid #ddd; } .signature h4 { font-size: 1.2em; font-weight: bold; margin-top: 6px; } .profile_header.articles h4 { width: 100%; text-align: center; padding: 45px 0; } .profile_header.articles h4 span { margin-top: 8px; font-style: inherit; } @media (max-width: 840px) { .profile_header.articles h4 { padding: 20px 0; } } @media (max-width: 480px) { .profile_header.articles h4 { padding-top: 0; } } .news_listing_banner { max-width: 100%; margin-bottom: 0; } .news_single_banner { margin: 0 auto; display: table; max-width: 100%; } /* --------------------------------------------------------------------------------------- Pagination --------------------------------------------------------------------------------------- */ .pagination_wrap { width: 100%; display: table; margin-top: 60px; } .pagination_wrap:after { display: table; content: ''; clear: both; } .pagination_wrap.alt { margin-top: 20px; } .pagination_wrap .pagination_count { display: none; } @media (max-width: 1080px) { .pagination_wrap { margin-top: 50px; } .pagination_wrap.alt { margin-top: 20px; } } @media (max-width: 840px) { .pagination_wrap { margin-top: 40px; } } @media (max-width: 620px) { .pagination_wrap { margin-top: 20px; position: relative; } .pagination_wrap .pagination_count { font-size: 16px; display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; width: 24%; text-align: center; line-height: 50px; } } .pagination { overflow: hidden; display: table; margin: 0 auto; clear: both; } .pagination li { float: left; display: inline; border: 1px solid #ddd; border-left: 0; font-size: 1.3em; width: 50px; height: 50px; text-align: center; line-height: 50px; font-size: 16px; } .pagination li.rcleft { text-indent: -9999px; border-left: 1px solid #ddd; background: url(../images/btn/pag_prev.png) no-repeat center center; background-size: 10px; } .pagination li.rcleft.disabled { background: url(../images/btn/nav_arrow_left.png) no-repeat center center; background-size: 10px; } .pagination li.rcright { text-indent: -9999px; background: url(../images/btn/pag_next.png) no-repeat center center; background-size: 10px; } .pagination li.rcright.disabled { background: url(../images/btn/nav_arrow.png) no-repeat center center; background-size: 10px; } .pagination li a { font-weight: 500; width: 100%; height: 100%; display: block; line-height: 50px; } .pagination li:hover { color: #a2b7c1; background-color: #fafafa; } .pagination li.active a, .pagination li.active a:hover { font-weight: 500; color: #a2b7c1; text-decoration: none; background: #f5f5f5; } .pagination li.disabled { color: #bbb; font-weight: bold; } @media (max-width: 620px) { .pagination li { display: none; } .pagination li.rcright { display: block; border-left: 1px solid #ddd; } .pagination li.rcleft { display: block; margin-right: 100px; } } p.pagination_results { font-size: 1.1em; font-style: italic; } .mobile_pagination { margin-top: 10px; } .mobile_pagination p { text-align: center; text-transform: uppercase; font-weight: 500; margin: 0; line-height: 50px; } #mp_next { float: right; text-indent: -9999px; height: 50px; width: 50px; display: block; background: url(../images/btn/event_arrow_next.png) no-repeat center center; background-size: 15px; } #mp_next:hover { opacity: .85; filter: alpha(opacity=85); } #mp_prev { float: left; text-indent: -9999px; height: 50px; width: 50px; display: block; background: url(../images/btn/event_arrow_prev.png) no-repeat center center; background-size: 15px; } #mp_prev:hover { opacity: .85; filter: alpha(opacity=85); } /* --------------------------------------------------------------------------------------- Details Pages - Generic Styles --------------------------------------------------------------------------------------- */ .desc_column h5.volunteer_title { color: #666 !important; border-bottom: 1px solid #ddd; padding-bottom: 30px; font-weight: 300; font-size: 3.0em; text-align: center; } .desc_column h2 { margin: 24px 0 14px 0; } .desc_column h4 { font-size: 2em; font-weight: 700; background: #f9f8f7; color: #365367; padding: 15px 0; border: 1px solid #ddd; text-align: center; } .desc_column h4:first-of-type { margin-top: 0; } @media (max-width: 840px) { .desc_column h4 { font-size: 1.6em; } } .desc_column .volunteer_address { text-align: center; margin-bottom: 20px; } @media (max-width: 620px) { .desc_column a.btn_big, .desc_column .locations_wrap.alt span.btn_map, .locations_wrap.alt .desc_column span.btn_map { font-size: 1.5em; } } .leader_img_details { width: 100%; padding: 0 0 24px 0; border-bottom: 1px solid #ddd; margin: 24px 0 14px 0; overflow: hidden; } .leader_img_details h2 { margin: 0 0 18px 0; } .leader_img_details h4 { font-size: 2em; font-weight: 700; } .leader_img_details img { float: left; display: inline; margin-right: 10px; } .leader_img_details .leader_info_wrap { float: left; margin: 0 0 0 10px; } .leader_img_details ul { display: table-cell; vertical-align: middle; } .leader_img_details ul li { list-style: none; margin: 0; padding: 0; font-size: 1.2em; line-height: 1.6em; } .leader_img_details ul li.leader_name { font-weight: bold; line-height: 1.1em; margin-bottom: 10px; font-size: 1.4em; } .leader_img_details ul li.leader_name small { font-size: .8em; font-weight: normal; color: #999999; font-style: italic; } .leader_img_details ul li.leader_phone { margin-bottom: 0; } .leader_img_details ul li.leader_title { font-size: 1.4em; font-weight: bold; color: #000000; margin-bottom: 8px; } @media (max-width: 840px) { .leader_img_details h4 { font-size: 1.6em; } } @media (max-width: 620px) { .leader_img_details { margin-bottom: 0; border-bottom: 0; } } /* --------------------------------------------------------------------------------------- Video Styles --------------------------------------------------------------------------------------- */ .page_video { width: 100%; height: 0; position: relative; height: 0; margin-bottom: 5%; padding-bottom: 56.25%; } #jsCmgPlayer iframe { position: absolute; height: 100%; width: 100%; } body.news #jsCmgPlayer { position: relative; width: 100%; height: 0; padding-bottom: 56.25%; } /* --------------------------------------------------------------------------------------- Site Map --------------------------------------------------------------------------------------- */ .site_map_item_wrap { width: 100%; } .site_map_item_wrap.alt { float: right; } @media (max-width: 620px) { .site_map_item_wrap { width: 100%; float: none; margin-right: 0; } } .site_map_item { margin: 0 0 20px 0; } .site_map_item:last-of-type { margin-bottom: 0; } .site_map_item.last { margin-right: 0; } .site_map_item li { margin: 0 0 0px 0; font-size: 1.6em; border-bottom: 1px solid #ddd; list-style: none; } .site_map_item li.title { padding: 0; font-size: 2.4em; border: 1px solid #ddd; } .site_map_item li.title a { position: relative; background-color: #fff; padding: 14px 20px; width: 100%; display: block; font-family: "Open Sans", Helvetica, sans-serif; text-transform: uppercase; font-weight: 500; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } .site_map_item li.title a:after { content: ''; display: block; width: 20px; height: 10px; position: absolute; z-index: 100; top: 46%; right: 20px; background: url(../images/btn/btn_arrow_down.svg) no-repeat; background-size: 20px; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } .site_map_item li.title a.open:after { transform: scaleY(-1); -webkit-transform: scaleY(-1); -moz-transform: scaleY(-1); } .site_map_item li.title a:hover { text-decoration: none; } .site_map_item li a { display: block; width: 100%; padding: 20px; font-family: "Open Sans", Helvetica, sans-serif; text-transform: uppercase; font-weight: 400; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .site_map_item li a:hover { background: rgba(249, 248, 247, 0.7); } @media (max-width: 840px) { .site_map_item { margin-bottom: 15px; } .site_map_item li { font-size: 1.4em; } .site_map_item li a { padding: 15px; } .site_map_item li.title { font-size: 2em; } .site_map_item li.title a { padding: 10px 15px; } } @media (max-width: 620px) { .site_map_item { width: 100%; float: none; margin: 2% 0 0 0; } .site_map_item li { font-size: 1.3em; } .site_map_item li.title { font-size: 1.6em; } .site_map_item li.title a:hover { background: #f9f8f7; } .site_map_item li a { padding: 10px; } } /* --------------------------------------------------------------------------------------- Search Styles --------------------------------------------------------------------------------------- */ .select_wrap_cb { background: #fff url(../images/btn/btn_arrow_down.svg) no-repeat right center; background-size: 13px; outline: 1px solid #ddd; border-right: 10px solid transparent; overflow: hidden; } .select_wrap_cb select { border: 0 !important; background: transparent !important; float: none !important; padding: 4px 0 4px 10px; font-family: "Open Sans", Helvetica, sans-serif; font-size: 1.4em; -webkit-appearance: none; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; border: 1px solid #ddd; } .select_wrap_cb select:hover, .select_wrap_cb:hover { cursor: pointer; opacity: .8; } .expand_filter_options { display: none; border-top: 1px solid #ddd; font-size: 1.4em; font-weight: 600; width: 100%; text-align: center; border-bottom: 1px solid #ddd; padding: 10px 0; } @media (max-width: 620px) { .expand_filter_options { display: block; } } @media (max-width: 620px) { .page_filter_wrap { display: none; } } .no_results { width: 100%; display: block; border: 1px solid #ddd; padding: 20px; background: #f9f8f7; } .no_results.alt { border-top: 0; } .no_results h3 { text-align: center; font-size: 1.8em; } .no_results a { display: block; margin: 0 auto; width: 150px; text-align: center; color: #fff !important; font-size: 1.6em; padding: 10px 0; margin-top: 20px; } .no_results a:hover { opacity: .8; } .search_head { position: relative; height: 52px; padding: 10px 20px; margin-bottom: 0px !important; background: #f9f8f7; border: 1px solid #ddd; } .search_head:after { content: ''; display: table; clear: both; } .search_head .select_wrap_cb { float: left; } .search_head label { font-family: "Open Sans", Helvetica, sans-serif; text-transform: uppercase; float: left; font-size: 1.4em; margin: 5px 8px 0 0; color: #666; } .search_head label.filterby { float: right; display: inline; margin-top: 10px; } .search_head.search_head_bar label { margin-top: 6px; } .search_head.search_head_bar select { margin-top: 1px; } @media (max-width: 840px) { .search_head { height: auto; padding: 20px; } .search_head.search_head_bar label { margin: 5px 0; } } .btn_search_icon { display: block; text-indent: -9999px; background: #a2b7c1 url(../images/btn/search_btn_opac.png) 50% 50% no-repeat; background-size: 20px; position: absolute; right: -1px; top: -1px; height: 100%; width: 52px; height: 52px; } .btn_search_icon:hover { opacity: .85; filter: alpha(opacity=85); } @media (max-width: 840px) { .btn_search_icon { display: none; } } .search_results { width: 100%; margin: 8px 0; padding: 0 0; } .search_results p { margin: 0; color: #555555; } .search_results p strong { color: #000000; } .filter_block { display: table; float: left; margin-right: 10px; } @media (max-width: 840px) { .filter_block { display: table; width: 100%; margin-bottom: 10px; } .filter_block:last-child { margin-bottom: 0; } .filter_block label { margin: 0 0 5px 0; } .filter_block .select_wrap_cb { width: 100% !important; } .filter_block .select_wrap_cb select { width: 105% !important; } } .advanced_search_wrap { width: 100%; overflow: hidden; clear: both; background: #f9f8f7; border: 1px solid #ddd; border-top: 0; padding: 10px 12px; position: relative; } .advanced_search_wrap select { margin-top: 0; float: left; display: inline; margin-left: 0; margin-right: 0; } .advanced_search_wrap input[type="text"] { font-family: "Open Sans", Helvetica, sans-serif; border: 1px solid #ddd; width: 100%; padding: 0 45px 0 20px; font-size: 1.6em; height: 40px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; appearance: none; -webkit-appearance: none; -moz-appearance: none; } @media (max-width: 840px) { .advanced_search_wrap { display: block !important; } } a.btn_search_clear { display: block; position: absolute; top: 11px; right: 12px; z-index: 99; width: 40px; height: 40px; background: transparent url(../images/btn/btn_search_clear.png) 50% 50% no-repeat; background-size: 18px; } #loading_spinner { position: relative; top: 4px; } @media (max-width: 840px) { #loading_spinner { position: absolute; top: 17px; left: 68px; width: 11px; } } .search_header { line-height: 27px !important; font-size: 2.0em !important; width: 100%; text-align: center; border-bottom: 1px solid #ddd; padding-bottom: 50px; margin-bottom: 0 !important; } @media (max-width: 1080px) { .search_header { padding-bottom: 40px; } } @media (max-width: 480px) { .search_header { padding-bottom: 20px; } } .search_results_row { border-bottom: 1px solid #ddd; padding: 20px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .search_results_row:nth-child(odd) { background: rgba(0, 0, 0, 0.01); } .search_results_row h5 { margin: 0; color: #666; font-size: 2.0em; } .search_results_row h5 a { font-weight: 400; color: #666 !important; } .search_results_row p { margin: 9px 0 !important; font-size: 1.3em !important; } .search_results_row small { color: #999; font-style: italic; font-size: 1.4em !Important; } .search_results_row small a { font-weight: 700; } .search_results_row b { background: #fdfcbc; color: #000; font-weight: normal; padding: 0 1px; } @media (max-width: 840px) { .search_results_row h5 { font-size: 1.6em; } .search_results_row small { font-size: 1.1em !important; } } /* --------------------------------------------------------------------------------------- Table Styles --------------------------------------------------------------------------------------- */ .table_generic { width: 100%; border-collapse: collapse; border: 1px solid #ddd; margin: 0; border-right: 0; } .table_generic td, .table_generic th { font-size: 1.4em; padding: 14px 12px; border-bottom: 1px solid #ddd; vertical-align: middle; border-right: 1px solid #e8e8e8; line-height: 1.3em; } .table_generic th { font-size: 1.6em; text-align: left !important; } .table_generic tr.alt td, .table_generic tbody tr.alt th { background: #f3faffa; } .table_generic .no_padding td { padding: 1px 0; border-bottom: 0; } .table_generic td small { font-size: .9; } @media (max-width: 840px) { .table_generic td { display: block; width: 100%; } } .group_details_information th { width: initial !important; background: none !important; } @media (max-width: 840px) { .group_details_information th { width: 100% !important; display: block; } } .table_listing { border: 0; padding-top: 10px; border-top: 1px solid #ddd; } .table_listing td { border-right: 0; vertical-align: middle; padding-left: 15px !important; } .table_listing th { width: 120px; padding-left: 10px !important; text-align: right; background: #f9f8f7; margin-right: 15px; border-right: 0; font-family: "Open Sans", Helvetica, sans-serif; text-transform: uppercase; font-weight: 600; color: #666; } @media (max-width: 620px) { .table_listing th { display: block; width: 100%; text-align: left; } } th { font-weight: bold; color: #444; } thead th { border-bottom: 2px solid #444; font-size: 1.1em; } tbody th { font-weight: bold; color: #444; border-right: 0; vertical-align: top; } .table_pl_0 th, .table_pl_0 td { padding-left: 0; font-size: 15px; } tbody tr.last th, tbody tr.last td { border-bottom: 0; } a.btn_rc_td, span.btn_rc_td { float: left; font-size: .775em; display: block; padding: 2px 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; color: #888888; border: 1px solid #bbbbbb; text-transform: capitalize; } a.btn_rc_td.disabled, span.btn_rc_td.disabled { border-color: #ddd; color: #ccc; cursor: default; background: #eee; } tr:hover a.btn_rc_td { border: 1px solid #333333; background-color: #333333; color: #ffffff; } tr:hover a.btn_rc_td:hover { background-color: #2ca17a; border-color: #2ca17a; text-decoration: none; color: #ffffff; } th.title_actions { padding-left: 0; } .grey_borders tbody th, .grey_borders tbody td { vertical-align: middle; } .grey_borders thead th { border: 0; padding-bottom: 12px; } tbody th .th_title { font-size: 1.0em; line-height: 1.2em; } @media (max-width: 840px) { tbody th .th_title { font-size: 1.2em; } } tbody th span.th_title.no_results { display: block; text-align: center; } tbody th .th_sub_title { font-size: .9em; line-height: 1.5em; font-family: "Open Sans", Helvetica, sans-serif; text-transform: none; font-weight: normal; color: #666; } tbody td.table_td_link { padding-left: 0; padding-right: 0; } .generic_cmg_tabs { width: 100%; overflow: hidden; margin: 0; padding: 0; } .main .generic_cmg_tabs li { float: left; display: inline; list-style: none; margin: 0; padding: 0; font-size: 1.2em; } .main .generic_cmg_tabs li a { display: block; background: #f9f8f7; padding: 0 12px; height: 34px; line-height: 34px; margin-bottom: 5px; float: left; border-left: 1px solid #ddd; border-top: 1px solid #ddd; color: #999999; } .main .generic_cmg_tabs li a:hover { text-decoration: none; background: #eee; color: #2ca17a; } .main .generic_cmg_tabs li.last a { border-right: 1px solid #ddd; } .main .generic_cmg_tabs li a.active, .main .generic_cmg_tabs li a.active:hover { background: #ffffff; margin-bottom: 0; padding-bottom: 1px; color: #333333; text-decoration: none; } a.btn_td_details { font-size: 1em; font-weight: 400; font-family: "Open Sans", Helvetica, sans-serif; padding: 14px 18px; float: right; text-transform: uppercase; background: none; color: #fff; } tr:hover a.btn_td_details:hover { opacity: .8; filter: alpha(opacity=80); } /* --------------------------------------------------------------------------------------- Live Player --------------------------------------------------------------------------------------- */ body.live { position: relative; height: 100%; } /* Header */ .live_header_wrap { width: 100%; z-index: 1000; background: #ffffff; border-bottom: 1px solid #ddd; } .live_wrap { width: 100%; overflow: hidden; background: #fff; padding: 0 0 60px 0; } @media (max-width: 1080px) { .live_wrap { padding: 0 0 50px 0; } } @media (max-width: 840px) { .live_wrap { padding: 0 0 40px 0; } } @media (max-width: 620px) { .live_wrap { padding: 0 0 20px 0; } } .logo_live { width: 250px; display: table; margin: 0 auto; padding: 25px 0; } .logo_live img { width: 100%; display: block; } @media (max-width: 1080px) { .logo_live { width: 220px; padding: 16px 0; } } @media (max-width: 840px) { .logo_live { width: 200px; padding: 19px 0; } } @media (max-width: 480px) { .logo_live { width: 170px; padding: 14px 0; } } /* Light Dim & Raise Overlay */ .lights_out { position: absolute; height: 100%; width: 100%; z-index: -1; background: transparent; -webkit-transition: all .5s ease; transition: all .5s ease; } .lights_out.active { z-index: 9999; background: rgba(0, 0, 0, 0.7); } @media (max-width: 840px) { .lights_out { display: none; } } /* Top Player Area */ .live_player_background { position: relative; padding: 80px 0; background-repeat: no-repeat; background-position: 50% 50%; background-color: transparent; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } @media (max-width: 1080px) { .live_player_background { padding: 60px 0; } } @media (max-width: 840px) { .live_player_background { padding: 0; } } .live_content { z-index: 10000; width: 1000px; margin: 0 auto; position: relative; } .live_content:after { display: table; content: ''; clear: both; } .live_content.mobile { display: none; } @media (max-width: 1080px) { .live_content { width: 760px; } } @media (max-width: 840px) { .live_content { width: 100%; margin-left: 0; } .live_content.mobile { display: inline-block; } } .live_left { width: 1000px; } @media (max-width: 1080px) { .live_left { width: 760px; } } @media (max-width: 840px) { .live_left { width: 100%; padding-bottom: 0; } } .live_left.cinema { width: 100%; } .live_right { width: 454px; float: right; display: inline; margin-top: -63px; } .live_right.cinema { display: none; } .lights_link { float: right; z-index: 9999; text-decoration: none; margin-top: 20px; padding: 10px 20px 10px 50px; color: #fff !important; font-size: 14px; text-transform: uppercase; letter-spacing: 1px; background: #a2b7c1 url(../images/live/lights_icon.png) no-repeat 9% center; background-size: 20px; } .lights_link:hover { opacity: .85; filter: alpha(opacity=85); } .lights_link .on { display: inline-block; } .lights_link .off { display: none; } .lights_link.active .off { display: inline-block; } .lights_link.active .on { display: none; } @media (max-width: 840px) { .lights_link { display: none; } } .embed_container { width: 100%; height: 0; padding-bottom: 56.25%; position: relative; } .embed_container iframe, .embed_container div:first-of-type { width: 100% !important; height: 100% !important; position: absolute !important; } #player { width: 100%; height: 100%; position: absolute; } #player embed { width: 100%; height: 100%; } /* Show Header and Description */ .show_header_wrap { background: rgba(0, 0, 0, 0.06); } @media (max-width: 840px) { .show_header_wrap { display: table; width: 100%; } } .show_header { width: 1000px; margin: 0 auto; height: 120px; } .show_header h1 { font-size: 4em; text-transform: uppercase; padding-top: 23px; font-family: "Open Sans", Helvetica, sans-serif; font-weight: 700; } .show_header h2 { color: #888; } @media (max-width: 1080px) { .show_header { width: 760px; } } @media (max-width: 840px) { .show_header { width: 100%; display: table-cell; vertical-align: middle; text-align: center; } .show_header h1 { padding-top: 0; font-size: 3em; } } @media (max-width: 480px) { .show_header { height: 89px; } .show_header h1 { font-size: 2.6em; } .show_header h2 { font-size: 1.5em; } } .show_description { width: 1000px; padding: 60px 0 0 0; margin: 0 auto; } .show_description.alt { padding-bottom: 60px; } .show_description h3 { font-size: 4em; text-align: center; font-weight: 300; color: #666; margin-bottom: 28px; } .show_description h3.sub { margin-top: 60px; } .show_description p { text-align: center; } @media (max-width: 1080px) { .show_description { width: 760px; padding-top: 50px; } .show_description.alt { padding-bottom: 50px; } } @media (max-width: 840px) { .show_description { padding: 40px 20px 0 20px; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .show_description.alt { padding-bottom: 40px; } .show_description h3 { font-size: 2.7em; margin-bottom: 20px; } .show_description h3.sub { margin-top: 40px; } } @media (max-width: 480px) { .show_description { padding: 30px 0 0 0; } .show_description h3 { margin-bottom: 20px; padding-bottom: 0; } } @media (max-width: 480px) { .live_wrap .show_description { padding: 30px 20px 0 20px; } } .button_wrap { margin: 0 auto; display: table; } .button_wrap a.btn_big, .button_wrap .locations_wrap.alt span.btn_map, .locations_wrap.alt .button_wrap span.btn_map { display: inline-block; } .button_wrap a.btn_big:nth-child(2), .button_wrap .locations_wrap.alt span.btn_map:nth-child(2), .locations_wrap.alt .button_wrap span.btn_map:nth-child(2) { margin-left: 20px; } @media (max-width: 840px) { .button_wrap { display: block; } .button_wrap a.btn_big, .button_wrap .locations_wrap.alt span.btn_map, .locations_wrap.alt .button_wrap span.btn_map { display: block; } .button_wrap a.btn_big:nth-child(2), .button_wrap .locations_wrap.alt span.btn_map:nth-child(2), .locations_wrap.alt .button_wrap span.btn_map:nth-child(2) { margin-left: 0; } } /* Not Live */ .live_banner { position: relative; background: #fff url(../images/live/live_bg.png) 50% 50% no-repeat; height: 450px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .live_wrap .main_sidebar_wrap { padding: 60px 0; } @media (max-width: 1080px) { .live_wrap .main_sidebar_wrap { padding: 60px 20px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } } @media (max-width: 840px) { .live_wrap .main_sidebar_wrap { padding: 20px; } } /* Live Schedule */ .live_schedule_wrap h2 { font-family: source-sans-pro, Helvetica, Arial, sans-serif; text-transform: uppercase; font-weight: 300; letter-spacing: 4px; font-size: 4em; line-height: 1.4em; } .live_schedule { margin-bottom: 60px; } .live_schedule h1.page_title { font-size: 3.2em; line-height: 1.2em; margin: 0 0 30px 0; font-weight: 800; } @media (max-width: 840px) { .live_schedule { margin-bottom: 20px; } .live_schedule h1.page_title { font-size: 2.4em; margin: 0 0 15px 0; } } .live_schedule_head { width: 100%; height: 36px; overflow: hidden; background: rgba(0, 0, 0, 0.08); } .live_schedule_head li { float: left; display: inline; line-height: 34px; text-transform: uppercase; font-size: 1.8em; font-weight: 700; text-indent: 30px; } .live_schedule_head li.ls_service { width: 58.7445255%; border-right: 1px solid rgba(0, 0, 0, 0.15); } .live_schedule_head li.ls_day { width: 21.4793187%; border-right: 1px solid rgba(0, 0, 0, 0.15); } .live_schedule_head li.ls_time { width: 19.4111922%; border-right: 1px solid rgba(0, 0, 0, 0.15); border-right: 0; } @media (max-width: 840px) { .live_schedule_head { display: none; } } .live_schedule_row { width: 100%; height: 72px; overflow: hidden; background: #f9f8f7; border-bottom: 1px solid #ddd; } .live_schedule_row h3 { text-transform: none; font-weight: 400; font-size: 2em; line-height: 1em; padding-left: 30px; height: 72px; display: table-cell; vertical-align: middle; } .live_schedule_row h3 small { display: block; line-height: 1.1em; font-size: .7em; margin-top: 3px; color: #979797; font-style: italic; text-transform: none; } .live_schedule_row .live_schedule_service { width: 58.7445255%; float: left; border-right: 1px solid #ddd; } .live_schedule_row .live_schedule_day { width: 21.4793187%; float: left; border-right: 1px solid #ddd; } .live_schedule_row .live_schedule_time { width: 19.4111922%; float: left; } @media (max-width: 1080px) { .live_schedule_row h3 { font-size: 1.8em; } .live_schedule_row h3 small { font-size: .8em; line-height: 1.2em; } } @media (max-width: 840px) { .live_schedule_row { height: auto; padding: 14px 20px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .live_schedule_row:first-of-type { border-top: 1px solid #ddd; } .live_schedule_row h3 { display: block; height: auto; padding: 0; } .live_schedule_row h3 small { display: none; } .live_schedule_row .live_schedule_service { width: 100%; float: none; border: 0; } .live_schedule_row .live_schedule_service h3 { font-weight: 700; margin-bottom: 8px; } .live_schedule_row .live_schedule_day { width: auto; float: none; display: inline-block; border: 0; } .live_schedule_row .live_schedule_day h3 { font-size: 1.4em; padding-right: 10px; margin-right: 10px; border-right: 1px solid rgba(0, 0, 0, 0.2); } .live_schedule_row .live_schedule_time { width: auto; display: inline-block; float: none; border: 0; } .live_schedule_row .live_schedule_time h3 { font-size: 1.4em; } } /* Live Share */ .live_share_row { width: 1000px; margin: 0 auto; overflow: hidden; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; padding: 60px 0; } .live_share_row h2 { font-size: 4em; text-align: center; color: #666; text-transform: none; font-weight: 300; margin-bottom: 30px; line-height: 1.5em; } @media (max-width: 1080px) { .live_share_row { width: 768px; padding: 50px 0; } } @media (max-width: 840px) { .live_share_row { width: 100%; padding: 40px 0; } .live_share_row h2 { font-size: 2.7em; margin-bottom: 20px; } .live_share_row h2 span { display: none; } } @media (max-width: 840px) { .live_share_row { padding: 30px 0; } } .live_share_items { text-align: center; } .live_share_items li { display: inline; margin-right: 8%; font-size: 6em; letter-spacing: -.03em; font-family: "Open Sans", Helvetica, sans-serif; font-weight: 800; text-transform: uppercase; } .live_share_items li:last-child { margin-right: 0; } .live_share_items li a { color: #a2b7c1; } .live_share_items li a:hover { opacity: .85; filter: alpha(opacity=85); } @media (max-width: 1080px) { .live_share_items li { font-size: 5em; } } @media (max-width: 840px) { .live_share_items li { font-size: 3.9em; margin-right: 4.5%; } } @media (max-width: 620px) { .live_share_items li { display: block; margin: 0 0 10px 0; } .live_share_items li:last-child { margin-bottom: 0; } .live_share_items li a:hover { opacity: 1; filter: alpha(opacity=100); } .live_share_items li a:active { opacity: .85; filter: alpha(opacity=85); } } /* Overrides for Not Live Media Page */ .main_sidebar_wrap .live_share_row { width: 100%; } @media (max-width: 840px) { .main_sidebar_wrap .show_description { padding: 40px 0 0 0; } } .main_sidebar_wrap .show_description h3 { border-bottom: 0; margin-bottom: 0; } /* Footer Styles */ .live .footer_wrap:after { display: table; content: ''; clear: both; } .footer_live_wrap { padding: 60px 0; text-align: center; } .footer_live_wrap .copyright { display: table; width: 100%; text-align: center; margin-top: 15px; margin-bottom: 15px; } .footer_live_wrap .copyright copyrightFontStyles, .footer_live_wrap .copyright li, .footer_live_wrap .copyright li a { font-size: 1.2em; color: #979797; text-transform: uppercase; font-weight: 500; } .footer_live_wrap .copyright.longCompanyName .copyright_text li:first-child, .footer_live_wrap .copyright.longCompanyName .copyright_text li:nth-child(2) { width: 100%; margin-bottom: 7px; } .footer_live_wrap .copyright li { display: inline-block; } .footer_live_wrap .copyright .copyright_text li:first-child, .footer_live_wrap .copyright .copyright_text li:nth-child(2) { margin-right: 6px; } .footer_live_wrap .copyright .copyright_links li.copyright_link:after { content: '|'; margin: 0 6px; } .footer_live_wrap .copyright li:last-child:after { display: none; } .footer_live_wrap .copyright li a { font-size: 1.0em; } .footer_live_wrap .cmg_logo { width: 183px; opacity: .2; } @media (max-width: 1080px) { .footer_live_wrap { padding: 40px 0; } .footer_live_wrap .copyright_links { width: 100%; display: block; margin-top: 6px; } } @media (max-width: 840px) { .footer_live_wrap { padding: 40px; } .footer_live_wrap .copyright { margin-top: 0; } } @media (max-width: 620px) { .footer_live_wrap { padding: 20px; } .footer_live_wrap .copyright_text li:nth-child(2) { width: 100%; margin-top: 6px; } } .series_archive { margin-top: 30px; padding-top: 60px; border-top: 1px solid #ddd; } .series_archive.first { margin-top: 60px; padding-top: 0; border-top: 0; } .tier h2.more_series_title { text-align: center; } @media (max-width: 1080px) { .tier h2.more_series_title { font-size: 4em; } } @media (max-width: 840px) { .tier h2.more_series_title { font-size: 3.6em; margin-bottom: 20px; } } @media (max-width: 620px) { .tier h2.more_series_title { font-size: 3.2em; } .tier h2.more_series_title span { display: none; } } @media (max-width: 620px) { .tier h2.more_series_title { font-size: 3em; margin: 10px 0 15px 0; } } @media (max-width: 480px) { .tier h2.more_series_title { font-size: 2.8em; margin-top: 5px; } } .series_wrap { margin-top: 30px; } .series_wrap:after { content: ''; display: table; clear: both; } .series_wrap a { display: block; width: 32%; float: left; margin: 0 20px 24px 0; position: relative; color: #666; } .series_wrap a span { display: block; font-family: "Open Sans", Helvetica, sans-serif; font-size: 1.8em; line-height: 1.1em; margin-top: 6px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-transform: uppercase; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } .series_wrap a:nth-of-type(3n+3) { margin-right: 0; } .series_wrap a:hover { color: #a2b7c1; } .series_wrap img { width: 100%; height: auto; } .series_wrap img:hover { opacity: .8; } @media (max-width: 1080px) { .series_wrap a { width: 31.5972223%; margin: 0 20px 20px 0; } .series_wrap a span { font-size: 1.6em; margin-top: 3px; } } @media (max-width: 840px) { .series_wrap a { width: calc(50% - 10px); margin: 0 20px 20px 0; } .series_wrap a:nth-of-type(3n+3) { margin-right: 20px; } .series_wrap a:nth-of-type(even) { margin-right: 0; } .series_wrap-single-page { margin-top: 20px; } .series_wrap-single-page a { width: calc(33.333333% - 7px); margin: 0 10px 0 0; } .series_wrap-single-page a:nth-of-type(3n+3) { margin-right: 0; } .series_wrap-single-page a:nth-of-type(even) { margin-right: 10px; } } @media (max-width: 620px) { .series_wrap { margin-top: 20px; } .series_wrap a span { font-size: 1.4em; } .series_wrap-single-page { margin: 15px 0 10px 0; } } @media (max-width: 480px) { .series_wrap a { width: calc(50% - 5px); margin: 0 10px 14px 0; } .series_wrap a span { font-size: 1.3em; } .series_wrap a:nth-of-type(3n+3) { margin-right: 10px; } .series_wrap a:nth-of-type(even) { margin-right: 0; } .series_wrap-single-page { margin: 10px 0 5px 0; } .series_wrap-single-page a { width: calc(33.333333% - 7px); margin: 0 10px 0 0; } .series_wrap-single-page a span { font-size: 1.2em; } .series_wrap-single-page a:nth-of-type(3n+3) { margin-right: 0; } .series_wrap-single-page a:nth-of-type(even) { margin-right: 10px; } } .series_wrap-single-page a { margin-bottom: 0; } .series_banner { display: block; width: 100%; height: 340px; position: relative; background-color: transparent; background-position: center center; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .series_banner.no_media { cursor: default; } .series_banner .overlay { display: block; position: absolute; width: 100%; height: 340px; background: rgba(0, 0, 0, 0.3); } .series_banner .series_title_wrap { display: table; width: 100%; height: 340px; } .series_banner .series_title { display: table-cell; width: 100%; height: 340px; text-align: center; vertical-align: middle; } .series_banner .series_title img { display: block; margin: 10px auto 0 auto; width: 150px; height: 150px; } .series_banner .series_title h2 { width: 100%; margin-top: 10px; font-family: "Open Sans", Helvetica, sans-serif; font-size: 4.2em; line-height: 1.1em; font-weight: 700; color: #fff; } .series_banner .series_title small { display: block; font-size: 1.8em; color: #fff; } @media (max-width: 1080px) { .series_banner { height: 300px; } .series_banner .overlay { height: 300px; } .series_banner .series_title_wrap { height: 300px; } .series_banner .series_title { height: 300px; } .series_banner .series_title img { width: 120px; height: 120px; } .series_banner .series_title h2 { font-size: 3.6em; } .series_banner .series_title small { font-size: 1.6em; } } @media (max-width: 840px) { .series_banner { height: 200px; background-size: 1058px 200px; } .series_banner .overlay { height: 200px; } .series_banner .series_title_wrap { height: 200px; } .series_banner .series_title { height: 200px; padding: 0 20px; } .series_banner .series_title img { width: 75px; height: 75px; } .series_banner .series_title h2 { font-size: 2.4em; } .series_banner .series_title small { font-size: 1.4em; } } @media (max-width: 480px) { .series_banner { height: 180px; background-size: 953px 180px; } .series_banner .overlay { height: 180px; } .series_banner .series_title_wrap { height: 180px; } .series_banner .series_title { height: 180px; } .series_banner .series_title img { margin-top: 2px; } } .series_single:after { content: ''; display: table; clear: both; } .series_single h3 { margin-top: 30px; font-family: "Open Sans", Helvetica, sans-serif; font-size: 3.6em; line-height: 1em; color: #a2b7c1; text-transform: uppercase; } .series_single h3 small { display: block; font-size: .5em; font-style: italic; color: #979797; text-transform: none; } @media (max-width: 840px) { .series_single h3 { font-size: 3.2em; } } @media (max-width: 480px) { .series_single h3 { font-size: 2.8em; } } .series_description { margin-bottom: 60px; } @media (max-width: 1080px) { .series_description { margin-bottom: 40px; } } @media (max-width: 840px) { .series_description { margin-bottom: 30px; } } @media (max-width: 480px) { .series_description { margin-bottom: 20px; } } .sermon { display: table; table-layout: fixed; width: 100%; height: 60px; overflow: hidden; border-bottom: 1px solid #ddd; font-family: "Open Sans", Helvetica, sans-serif; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } /*.sermon:after { display: table; content: ''; clear: both; }*/ .sermon:hover { background: #f9f8f7; } .sermon:first-of-type { margin-top: 20px; border-top: 1px solid #ddd; } @media (max-width: 840px) { .sermon { border: 1px solid #ddd; margin-bottom: 15px; } } .sermon_info_cell { display: table-cell; padding-right: 30px; } .sermon_info_cell .sermon_number { display: table-cell; height: 80px; vertical-align: middle; width: 40px; text-align: center; font-size: 1em; font-weight: 500; color: #a2b7c1; } .sermon_info_cell .sermon_title { display: table-cell; height: 80px; vertical-align: middle; } .sermon_info_cell .sermon_title em { display: block; font-size: .8em; font-style: normal; color: #979797; margin-bottom: -3px; } .sermon_info_cell h4 { display: table-cell; width: 100%; height: 80px; vertical-align: middle; font-size: 1.7em; line-height: 1.2em; } .sermon_info_cell.alt .sermon_date { display: table-cell; width: 110px; height: 80px; border-right: 1px solid #ddd; padding-top: 3px; padding-right: 20px; vertical-align: middle; text-transform: uppercase; text-align: right; font-size: 1.1em; font-weight: 600; color: #a2b7c1; line-height: 1em; } .sermon_info_cell.alt .sermon_date small { display: block; font-weight: 400; letter-spacing: .3em; text-align: right; font-size: .7em; } .sermon_info_cell.alt .sermon_title { padding-left: 20px; } @media (max-width: 840px) { .sermon_info_cell { width: 100%; display: block; } .sermon_info_cell h4 { font-size: 1.6em; } .sermon_info_cell .sermon_number { border-right: 1px solid #ddd; height: auto; padding: 6px 0; } .sermon_info_cell .sermon_title { height: auto; padding-left: 15px; } .sermon_info_cell .sermon_title em { margin-top: 2px; } .sermon_info_cell.alt .sermon_title { padding-left: 15px; } .sermon_info_cell.alt .sermon_date { width: 95px; height: 50px; padding-right: 15px; } } @media (max-width: 480px) { .sermon_info_cell h4 { font-size: 1.5em; } } .sermon_action_cell { width: 372px; display: table-cell; height: 80px; text-align: right; vertical-align: middle; } .sermon_action_cell .sermon_action { display: block; float: left; width: 124px; color: #a2b7c1; height: 80px; text-align: center; font-size: 1.3em; font-weight: 700; text-transform: uppercase; } .sermon_action_cell .sermon_action span { display: block; height: 50px; line-height: 50px; margin: 15px 0; padding: 0 20px; border-right: 1px solid #ddd; overflow: hidden; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } .sermon_action_cell .sermon_action i { width: 23px; display: inline-block; float: left; margin-right: 10px; } .sermon_action_cell .sermon_action svg {vertical-align: middle;} .sermon_action_cell .sermon_action svg path { fill: #a2b7c1; } .sermon_action_cell .sermon_action:last-child span { border-right: 0; } .sermon_action_cell .sermon_action:hover { background: rgba(0, 0, 0, 0.05); } .sermon_action_cell .sermon_action-disabled { color: rgba(162, 183, 193, 0.4); } .sermon_action_cell .sermon_action-disabled:hover { background: transparent; } .sermon_action_cell .sermon_action-disabled i { opacity: .4; } .sermon_action_cell .sermon_action-watch i { margin-top: 5px; } .sermon_action_cell .sermon_action-listen i { margin-top: 6px; } @media (max-width: 1180px) { .sermon_action_cell { width: 366px; } .sermon_action_cell .sermon_action { width: 122px; } } @media (max-width: 840px) { .sermon_action_cell { width: auto; display: block; height: auto; border-top: 1px solid #ddd; text-align: center; } .sermon_action_cell:after { display: table; content: ''; clear: both; } .sermon_action_cell .sermon_action { float: none; display: inline-block; width: 100%; height: 40px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; background: #f9f8f7; font-weight: 600; } .sermon_action_cell .sermon_action:after { display: table; content: ''; clear: both; } .sermon_action_cell .sermon_action:not(:first-child) { border-left: 1px solid #ddd; } .sermon_action_cell.buttons-1 .sermon_action { width: 100%; } .sermon_action_cell.buttons-2 .sermon_action { float: left; width: 50%; } .sermon_action_cell.buttons-3 .sermon_action { float: left; width: calc(100% / 3); } .sermon_action_cell .sermon_action span { margin: 0; height: 40px; line-height: 40px; border: 0; } .sermon_action_cell .sermon_action i { float: none; } } /* --------------------------------------------------------------------------------------- Magnific Ajax Popup --------------------------------------------------------------------------------------- */ .mfp-container.mfp-ajax-holder { position: relative; top: 50%; left: 50%; width: 1000px; height: auto; -webkit-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } @media (max-width: 1080px) { .mfp-container.mfp-ajax-holder { width: 768px; } } @media (max-width: 840px) { .mfp-container.mfp-ajax-holder { width: 100%; } } .mfp-ajax-holder .mfp-content { width: 1000px; height: 0; padding-bottom: 32.524%; padding-bottom: 56.25%; } @media (max-width: 1080px) { .mfp-ajax-holder .mfp-content { width: 768px; } } @media (max-width: 840px) { .mfp-ajax-holder .mfp-content { width: 100%; } } .media_embed iframe { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } #jsCmgPlayer_wrapper { width: 100% !important; height: 100% !important; position: absolute !important; top: 0; left: 0; } audio { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: transparent; background-position: top center; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .audio_embed { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: transparent; background-position: top center; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .audio_embed iframe { width: 80%; max-height: 50%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; } @media (max-width: 840px) { .audio_embed iframe { max-height: 60%; } } /* --------------------------------------------------------------------------------------- Share This --------------------------------------------------------------------------------------- */ .footer_links li:last-child { position: relative; } .share_this_li { position: relative; } .share_this { position: absolute; top: -75px; right: -10px; height: 0; overflow: hidden; opacity: 0; -webkit-transition: all .3s ease-in; -moz-transition: all .3s ease-in; -o-transition: all .3s ease-in; transition: all .3s ease-in; } .share_this.show { height: 85px; overflow: visible; opacity: 1; } .share_popup { width: 230px; height: 65px; padding: 10px; background: #222; position: relative; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .share_popup:after { display: block; content: ''; width: 0; height: 0; position: absolute; right: 8px; bottom: -10px; border-left: 15px solid transparent; border-right: 15px solid transparent; border-top: 15px solid #222; } .share_popup li { float: left !important; display: inline !important; margin-right: 10px !important; } .share_popup li:last-child { margin: 0 !important; } .share_popup li a { display: block; width: 45px; height: 45px; text-indent: 100%; white-space: nowrap; overflow: hidden; } .share_popup li a:hover { opacity: .9; } .share_popup li:first-child a { background: #6ddfea url(../images/share_icons/icon_social_twitter.svg) center center no-repeat; background-size: 20px 16px; } .share_popup li:nth-child(2) a { background: #395b9a url(../images/share_icons/icon_social_facebook.svg) center center no-repeat; background-size: 9px 18px; } .share_popup li:nth-child(3) a { background: #e24429 url(../images/share_icons/icon_social_google.svg) center center no-repeat; background-size: 18px 16px; } .share_popup li:nth-child(4) a { background: #b49852 url(../images/share_icons/icon_social_email.svg) center center no-repeat; background-size: 17px 11px; } img.loading { height: 8px; } /* --------------------------------------------------------------------------------------- Animations --------------------------------------------------------------------------------------- */ #floatingCirclesG { position: relative; width: 128px; height: 128px; margin: 0 auto; z-index: 200; -moz-transform: scale(0.6); -webkit-transform: scale(0.6); -ms-transform: scale(0.6); -o-transform: scale(0.6); transform: scale(0.6); } .f_circleG { position: absolute; background-color: #FFFFFF; height: 23px; width: 23px; -moz-border-radius: 12px; -moz-animation-name: f_fadeG; -moz-animation-duration: 0.8s; -moz-animation-iteration-count: infinite; -moz-animation-direction: linear; -webkit-border-radius: 12px; -webkit-animation-name: f_fadeG; -webkit-animation-duration: 0.8s; -webkit-animation-iteration-count: infinite; -webkit-animation-direction: linear; -ms-border-radius: 12px; -ms-animation-name: f_fadeG; -ms-animation-duration: 0.8s; -ms-animation-iteration-count: infinite; -ms-animation-direction: linear; -o-border-radius: 12px; -o-animation-name: f_fadeG; -o-animation-duration: 0.8s; -o-animation-iteration-count: infinite; -o-animation-direction: linear; border-radius: 12px; animation-name: f_fadeG; animation-duration: 0.8s; animation-iteration-count: infinite; animation-direction: linear; } #frotateG_01 { left: 0; top: 52px; -moz-animation-delay: 0.3s; -webkit-animation-delay: 0.3s; -ms-animation-delay: 0.3s; -o-animation-delay: 0.3s; animation-delay: 0.3s; } #frotateG_02 { left: 15px; top: 15px; -moz-animation-delay: 0.4s; -webkit-animation-delay: 0.4s; -ms-animation-delay: 0.4s; -o-animation-delay: 0.4s; animation-delay: 0.4s; } #frotateG_03 { left: 52px; top: 0; -moz-animation-delay: 0.5s; -webkit-animation-delay: 0.5s; -ms-animation-delay: 0.5s; -o-animation-delay: 0.5s; animation-delay: 0.5s; } #frotateG_04 { right: 15px; top: 15px; -moz-animation-delay: 0.6s; -webkit-animation-delay: 0.6s; -ms-animation-delay: 0.6s; -o-animation-delay: 0.6s; animation-delay: 0.6s; } #frotateG_05 { right: 0; top: 52px; -moz-animation-delay: 0.7s; -webkit-animation-delay: 0.7s; -ms-animation-delay: 0.7s; -o-animation-delay: 0.7s; animation-delay: 0.7s; } #frotateG_06 { right: 15px; bottom: 15px; -moz-animation-delay: 0.8s; -webkit-animation-delay: 0.8s; -ms-animation-delay: 0.8s; -o-animation-delay: 0.8s; animation-delay: 0.8s; } #frotateG_07 { left: 52px; bottom: 0; -moz-animation-delay: 0.9s; -webkit-animation-delay: 0.9s; -ms-animation-delay: 0.9s; -o-animation-delay: 0.9s; animation-delay: 0.9s; } #frotateG_08 { left: 15px; bottom: 15px; -moz-animation-delay: 1s; -webkit-animation-delay: 1s; -ms-animation-delay: 1s; -o-animation-delay: 1s; animation-delay: 1s; } @-moz-keyframes f_fadeG { 0% { background-color: #555555; } 100% { background-color: #FFFFFF; } } @-webkit-keyframes f_fadeG { 0% { background-color: #555555; } 100% { background-color: #FFFFFF; } } @-ms-keyframes f_fadeG { 0% { background-color: #555555; } 100% { background-color: #FFFFFF; } } @-o-keyframes f_fadeG { 0% { background-color: #555555; } 100% { background-color: #FFFFFF; } } @keyframes f_fadeG { 0% { background-color: #555555; } 100% { background-color: #FFFFFF; } } /* Horizontal Loader --------------------------------------------------------------------------------------- */ .loading { width: 52px; position: relative; top: 3px; } @media (max-width: 480px) { .loading { width: 40px; top: 2px; } } .circleG { background-color: #fff; float: left; height: 14px; margin-left: 5px; width: 14px; border-radius: 21px; -moz-animation-name: bounce_circleG; -moz-animation-duration: 0.6000000000000001s; -moz-animation-iteration-count: infinite; -moz-animation-direction: linear; -moz-border-radius: 21px; -webkit-animation-name: bounce_circleG; -webkit-animation-duration: 0.6000000000000001s; -webkit-animation-iteration-count: infinite; -webkit-animation-direction: linear; -webkit-border-radius: 21px; -ms-animation-name: bounce_circleG; -ms-animation-duration: 0.6000000000000001s; -ms-animation-iteration-count: infinite; -ms-animation-direction: linear; -ms-border-radius: 21px; -o-animation-name: bounce_circleG; -o-animation-duration: 0.6000000000000001s; -o-animation-iteration-count: infinite; -o-animation-direction: linear; -o-border-radius: 21px; animation-name: bounce_circleG; animation-duration: 0.6000000000000001s; animation-iteration-count: infinite; animation-direction: linear; } @media (max-width: 480px) { .circleG { width: 10px; height: 10px; } } #circleG_1 { margin-left: 0; -moz-animation-delay: 0.12000000000000002s; -webkit-animation-delay: 0.12000000000000002s; -ms-animation-delay: 0.12000000000000002s; -o-animation-delay: 0.12000000000000002s; animation-delay: 0.12000000000000002s; } #circleG_2 { -moz-animation-delay: 0.28s; -webkit-animation-delay: 0.28s; -ms-animation-delay: 0.28s; -o-animation-delay: 0.28s; animation-delay: 0.28s; } #circleG_3 { -moz-animation-delay: 0.36s; -webkit-animation-delay: 0.36s; -ms-animation-delay: 0.36s; -o-animation-delay: 0.36s; animation-delay: 0.36s; } @-moz-keyframes bounce_circleG { 50% { background-color: rgba(255, 255, 255, 0.5); } } @-webkit-keyframes bounce_circleG { 50% { background-color: rgba(255, 255, 255, 0.5); } } @-ms-keyframes bounce_circleG { 50% { background-color: rgba(255, 255, 255, 0.5); } } @-o-keyframes bounce_circleG { 50% { background-color: rgba(255, 255, 255, 0.5); } } @keyframes bounce_circleG { 50% { background-color: rgba(255, 255, 255, 0.5); } } /* --------------------------------------------------------------------------------------- Basic Selectors --------------------------------------------------------------------------------------- */ html { background: #333; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: relative; box-sizing: border-box; } /* --------------------------------------------------------------------------------------- Buttons --------------------------------------------------------------------------------------- */ a.btn_big, .locations_wrap.alt span.btn_map, input.btn_big { font-size: 2.2em; font-weight: 600; text-transform: uppercase; } a.btn_big.alt, .locations_wrap.alt span.alt.btn_map, input.btn_big.alt { color: #fff; border: 2px solid #fff; } a.btn_big.watch, .locations_wrap.alt span.watch.btn_map, input.btn_big.watch { margin-right: 30px; padding: 20px 90px 20px 20px; position: relative; } a.btn_big.watch svg, .locations_wrap.alt span.watch.btn_map svg, input.btn_big.watch svg { position: absolute; top: 24px; right: 20px; } a.btn_big.watch svg path, .locations_wrap.alt span.watch.btn_map svg path, input.btn_big.watch svg path { fill: #a2b7c1; } a.btn_big.mobile_btn, .locations_wrap.alt span.mobile_btn.btn_map, input.btn_big.mobile_btn { display: none; } @media (max-width: 1080px) { a.btn_big, .locations_wrap.alt span.btn_map, input.btn_big { font-size: 1.8em; padding: 15px 30px; } a.btn_big.watch, .locations_wrap.alt span.watch.btn_map, input.btn_big.watch { padding: 15px 70px 15px 15px; margin-right: 24px; } a.btn_big.watch svg, .locations_wrap.alt span.watch.btn_map svg, input.btn_big.watch svg { width: 22px; height: 19px; top: 17px; right: 15px; } } @media (max-width: 840px) { a.btn_big.watch, .locations_wrap.alt span.watch.btn_map, input.btn_big.watch { padding: 15px 0; } a.btn_big.watch svg, .locations_wrap.alt span.watch.btn_map svg, input.btn_big.watch svg { position: relative; top: 2px; right: auto; margin-left: 10px; } } @media (max-width: 620px) { a.btn_big, .locations_wrap.alt span.btn_map, input.btn_big { width: 100%; padding: 15px 20px; float: none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } a.btn_big.mobile_btn, .locations_wrap.alt span.mobile_btn.btn_map, input.btn_big.mobile_btn { display: block; } } /* --------------------------------------------------------------------------------------- Main Structural Selectors --------------------------------------------------------------------------------------- */ .tier { width: 100%; padding: 60px 0; background: #fff; border-top: 1px solid #ddd; } .tier.no_border { border: 0 !important; } .tier.alt { background: #f9f8f7; border-top: 1px solid #ddd; } .tier:after { content: ''; display: table; clear: both; } .tier h2 { margin-bottom: 30px; font-weight: 600; font-size: 4.6em; line-height: 1em; text-transform: uppercase; color: #666; } .tier h2.alt { font-size: 5em; font-weight: 400; color: #fff; text-align: center; letter-spacing: 2px; } @media (max-width: 1080px) { .tier { padding: 50px 0; } .tier h2 { font-size: 4.4em; } } @media (max-width: 840px) { .tier { padding: 40px 0; border-top: 0; } .tier h2 { font-size: 4em; } .tier h2.alt { font-size: 3.5em; letter-spacing: 1px; } } @media (max-width: 620px) { .tier { padding: 20px 0; } } .tier .flex-control-paging li a:hover, .tier .flex-control-paging li a.flex-active { background: #a2b7c1 !important; } /* --------------------------------------------------------------------------------------- Header Layout --------------------------------------------------------------------------------------- */ .site_search_wrap { display: none; padding: 40px; width: 100%; background: #a2b7c1; } .site_search_wrap .close_div { position: absolute; right: 20px; top: 20px; display: table; width: 30px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; -webkit-transition: background 0.2s ease; -moz-transition: background 0.2s ease; -o-transition: background 0.2s ease; transition: background 0.2s ease; } .site_search_wrap .close_div img { width: 100%; } .site_search_wrap .close_div:hover { background: rgba(255, 255, 255, 0.2); } @media (max-width: 1080px) { .site_search_wrap .close_div { top: 10px; right: 10px; } } .site_search_wrap .site_search { width: 1000px; margin: 0 auto; display: block; position: relative; } .site_search_wrap .site_search a.site_search_clear { display: block; position: absolute; top: 27px; right: 90px; } .site_search_wrap .site_search a.site_search_clear path { fill: #666; } .site_search_wrap .site_search searchTextStyles, .site_search_wrap .site_search label, .site_search_wrap .site_search input[type="text"] { color: #666; font-weight: 400; font-family: "Open Sans", Helvetica, sans-serif; font-size: 2.0em; } .site_search_wrap .site_search label { position: absolute; top: 22px; left: 21px; } .site_search_wrap .site_search input[type="text"] { width: 100%; border: 0; height: 70px; padding: 20px; background: rgba(255, 255, 255, 0.6); border: 1px solid #fff; } .site_search_wrap .site_search .search_submit { background: #fff; width: 70px; height: 70px; position: absolute; right: 0; top: 0; } .site_search_wrap .site_search .search_submit svg { position: relative; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); height: 20px; width: 20px; } @media (max-width: 1080px) { .site_search_wrap .site_search { width: 768px; } } @media (max-width: 840px) { .site_search_wrap { display: none !important; } } .mobile_nav_toggle { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); display: none; position: relative; right: 0; float: right; width: 40px; height: 34px; } @media (max-width: 840px) { .mobile_nav_toggle { display: block; } } .mobile_nav_toggle span { -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; position: absolute; width: 40px; height: 6px; background: #a2b7c1; } .mobile_nav_toggle span:nth-of-type(1) { top: 0; left: 0; } .mobile_nav_toggle span:nth-of-type(2) { top: 14px; opacity: 1; } .mobile_nav_toggle span:last-of-type { bottom: 0; left: 0; } .mobile_nav_toggle.open span { top: -moz-calc(50% - 3px); top: -webkit-calc(50% - 3px); top: calc(50% - 3px); left: -3px; width: 46px; } .mobile_nav_toggle.open span:nth-child(1) { -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); } .mobile_nav_toggle.open span:nth-child(2) { opacity: 0; } .mobile_nav_toggle.open span:last-child { bottom: auto; -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } @media (max-width: 840px) { .mobile_nav_toggle { display: block; } } .homepage_flyout { display: none; padding: 20px; top: 57px; left: -50px; box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.1); border: 1px solid #ddd; width: 350px; background: #f9f8f7; position: absolute; } .homepage_flyout h1.flyout_title { font-size: 2.0em; text-transform: uppercase; letter-spacing: 1px; border-bottom: 1px solid #ddd; padding-bottom: 10px; margin-bottom: 15px; } .homepage_flyout .top_arrow { position: absolute; width: 40px; height: 20px; top: -20px; left: 0; right: 0; margin: auto; } .homepage_flyout .top_arrow:before { content: ''; margin-left: -1px; margin-top: -1px; position: absolute; width: 0; height: 0; border-left: 21px solid transparent; border-right: 21px solid transparent; border-bottom: 21px solid #ddd; } .homepage_flyout .top_arrow:after { content: ''; position: absolute; width: 0; height: 0; border-left: 20px solid transparent; border-right: 20px solid transparent; border-bottom: 20px solid #f9f8f7; } .homepage_flyout .directions_wrap { display: block; width: 100%; height: 150px; position: relative; margin-bottom: 20px; } .homepage_flyout .directions_wrap .direction_overlay { position: absolute; height: 100%; width: 100%; top: 0; left: 0; background: #a2b7c1 url(../images/bg/bg_directions.png) no-repeat center center; -webkit-background-size: cover; background-size: cover; } .homepage_flyout .directions_wrap .direction_overlay img { width: 80px; position: relative; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: opacity 0.2s ease; -moz-transition: opacity 0.2s ease; -o-transition: opacity 0.2s ease; transition: opacity 0.2s ease; } .homepage_flyout .directions_wrap .direction_overlay:hover img { opacity: .8; } .homepage_flyout .address_wrap { padding-bottom: 40px; } .homepage_flyout .address_wrap p { text-align: center; font-size: 1.8em; line-height: 28px; margin: 0; } .homepage_flyout .address_wrap p.title { font-weight: 600; } .homepage_flyout .service_times_wrap li { position: relative; height: 40px; width: 100%; margin-bottom: 10px; border-bottom: 1px solid #ddd; padding-bottom: 10px; } .homepage_flyout .service_times_wrap li p { position: absolute; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; margin: 0; font-size: 1.5em; } .header_wrap { width: 100%; background: #fff; } .header_wrap .header { height: 130px; margin: 0 auto; width: 1000px; display: block; } .header_wrap .header .logo { max-height: 60px; width: auto; max-width: 300px; position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .header_wrap .header_tools { float: right; position: relative; top: calc(50% - 19px); z-index: 10000; } .header_wrap .header_tools li { float: left; } .header_wrap .header_tools li a { display: block; height: 39px; line-height: 38px; padding: 0 15px; font-size: 14px; font-weight: 600; text-transform: uppercase; color: #666; } .header_wrap .header_tools li a:hover { background: #f9f8f7; } .header_wrap .header_tools li.member_login a { color: #fff; margin-left: 8px; background: #a2b7c1; } .header_wrap .header_tools li.member_login a:hover { opacity: .8; } .header_wrap .header_tools li.btn_header_search a { display: block; padding: 0; width: 39px; height: 39px; text-align: center; line-height: 39px; } .header_wrap .main_nav_wrap { width: 100%; height: 90px; border-top: 1px solid #ddd; } .header_wrap .main_nav_wrap.mobile { display: none; } .header_wrap .main_nav { width: 1000px; margin: 0 auto; display: table; text-align: center; } .header_wrap .main_nav.fiveDown li { border-left: 1px solid #ddd; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .header_wrap .main_nav.fiveDown li:last-child { border-right: 1px solid #ddd; } .header_wrap .main_nav li { display: inline-block; /* Spacing is applied via JS */ } .header_wrap .main_nav li:last-child { margin-right: 0 !important; } .header_wrap .main_nav li a { display: block; padding: 34px 0; color: #979797; font-size: 1.55em; text-transform: uppercase; font-weight: 600; letter-spacing: 1px; } .header_wrap .main_nav li.active a { color: #a2b7c1; } .header_wrap .main_nav.sixUp li a span { -webkit-transition: border 0.1s ease; -moz-transition: border 0.1s ease; -o-transition: border 0.1s ease; transition: border 0.1s ease; padding-bottom: 3px; border-bottom: 2px solid transparent; } .header_wrap .main_nav.sixUp li a:hover span { border-color: #a2b7c1; } .header_wrap .main_nav.fiveDown li a:hover { background: rgba(0, 0, 0, 0.03); } .header_wrap .main_nav.fiveDown li a:hover span { border-color: transparent; } @media (max-width: 1080px) { .header_wrap .header { width: 768px; } .header_wrap .main_nav { width: 768px; } .header_wrap .main_nav.sixUp li a { font-size: 1.4em; } } @media (max-width: 840px) { .header_wrap .header { width: 100%; height: 70px; padding: 0 20px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .header_wrap .header .logo { max-height: 30px; width: auto; max-width: 200px; } .header_wrap .header_tools { display: none; } .header_wrap .main_nav_wrap { width: 100%; display: none; height: inherit; z-index: 10000; border: 0; } .header_wrap .main_nav_wrap .main_nav { width: 100%; } .header_wrap .main_nav_wrap.mobile { background: #a2b7c1; } .header_wrap .main_nav_wrap.generic { background: #f9f8f7 !important; } .header_wrap .main_nav_wrap.generic li { border-color: #ddd; } .header_wrap .main_nav_wrap.generic li a { color: #979797; } .header_wrap .main_nav_wrap.odd li.full { margin-right: 0; width: 100%; border-right: 0; } .header_wrap .main_nav_wrap li { width: 50%; margin-right: 0px !important; padding: 0 !important; float: left; border-right: 1px solid rgba(255, 255, 255, 0.3); border-bottom: 1px solid rgba(255, 255, 255, 0.3); } .header_wrap .main_nav_wrap li:nth-child(even) { border-right: 0; } .header_wrap .main_nav_wrap li a { color: #fff; padding: 0 10px; height: 55px; font-size: 1.2em; } .header_wrap .main_nav_wrap li a span { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); display: block; } } @media (min-width: 841px) { .header_wrap .main_nav_wrap { display: block !important; } .header_wrap .main_nav_wrap.mobile { display: none !important; } } /* --------------------------------------------------------------------------------------- Live Countdown --------------------------------------------------------------------------------------- */ .live_countdown_wrap { right: -50%; left: -50%; width: 1000px; height: 100px; position: absolute; display: block !important; overflow: hidden; z-index: 9999; margin: auto; } .live_countdown_wrap:hover { opacity: .8; filter: alpha(opacity=85); } @media (max-width: 1080px) { .live_countdown_wrap { width: 768px; } } @media (max-width: 840px) { .live_countdown_wrap { position: relative; height: auto; right: 0; left: 0; width: 100%; background: #a2b7c1; } } .live_countdown { float: right; width: 200px; background-color: rgba(0, 0, 0, 0.3); position: relative; overflow: hidden; padding: 10px; } .live_countdown h4 { text-align: center; color: #fff; letter-spacing: 1px; text-transform: uppercase; font-size: 1.5em; font-weight: 400; } .live_countdown.live_now h4 { font-size: 2em; letter-spacing: 0; } .live_countdown.live_now h4 a { color: #fff; display: block; font-weight: 600; } @media (max-width: 840px) { .live_countdown { width: 100%; display: block; float: none; background-color: transparent; } } .live_countdown_timer { display: block; text-align: center; } .live_countdown_timer li { display: inline-block; text-align: left; font-size: 1.6em; color: #fff; font-weight: 400; } /* --------------------------------------------------------------------------------------- Small Ads (Override Global) --------------------------------------------------------------------------------------- */ .secondary_callout_wrap { border-bottom: 1px solid #ddd; } /* --------------------------------------------------------------------------------------- About Us --------------------------------------------------------------------------------------- */ .about_wrap { width: 100%; background: #f9f8f7; padding: 80px; border-bottom: 1px solid #ddd; } .about_wrap .about { width: 675px; margin: 0 auto; } .about_wrap .about h1 { color: #365367; text-align: center; font-size: 3.4em; letter-spacing: 1px; text-transform: uppercase; } .about_wrap .about h1.small_title { display: none; } .about_wrap .about p { font-size: 1.6em; color: #666; text-align: center; line-height: 2.2em; margin: 8px 0 0 0; } .about_wrap .about p a { font-weight: 800; text-transform: uppercase; display: block; font-size: .9em; margin-top: 4px; } .about_wrap.alt .about { width: 1000px; } .about_wrap.alt .about_image { display: table-cell; vertical-align: middle; } .about_wrap.alt .about_content { display: table-cell; vertical-align: middle; text-align: left; padding-left: 40px; } .about_wrap.alt .about_content h1 { text-align: left; } .about_wrap.alt .about_content p { text-align: left; } .about_wrap.alt .about_content p a:hover { text-decoration: underline; } @media (max-width: 1080px) { .about_wrap { padding: 60px; } .about_wrap.alt .about { width: 768px; } .about_wrap.alt .about_content h1 { font-size: 2.2em; margin-bottom: 8px; } .about_wrap.alt .about_content p { line-height: 1.8em; margin: 0; font-size: 1.5em; } .about_wrap.alt img { width: 250px; } } @media (max-width: 840px) { .about_wrap { padding: 40px; } .about_wrap .about { width: 100%; } .about_wrap .about h1 { font-size: 2.4em; } .about_wrap .about p { font-size: 1.4em; line-height: 30px; } .about_wrap.alt .about { width: 100%; } .about_wrap.alt .about_content h1 { font-size: 2.2em; margin-bottom: 8px; } .about_wrap.alt .about_content p { line-height: 1.8em; } .about_wrap.alt img { width: 200px; } } @media (max-width: 620px) { .about_wrap { padding: 20px; } .about_wrap .about h1 { font-size: 2.0em; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #ddd; } .about_wrap .about p { line-height: 1.5em; } .about_wrap.alt .about_image img { margin-right: 20px; } .about_wrap.alt h1.small_title { display: table-cell; height: 80px; vertical-align: middle; margin: 0; padding: 3px 0 0 0; font-size: 1.8em; line-height: 1.3em; letter-spacing: 0; width: 100%; text-align: left; border-top: 1px solid #ddd; } .about_wrap.alt .about_content { display: block; width: 100%; padding-left: 0; margin-top: 20px; } .about_wrap.alt .about_content h1 { display: none; } .about_wrap.alt .about_content p { line-height: 1.8em; text-align: center; } .about_wrap.alt img { width: 120px; } } @media (max-width: 480px) { .about_wrap.alt .about_image img { margin-right: 15px; } .about_wrap.alt h1.small_title { height: 66px; font-size: 1.6em; } .about_wrap.alt img { width: 100px; } } /* --------------------------------------------------------------------------------------- Latest Message --------------------------------------------------------------------------------------- */ .latest_message_wrap { background: #fff; } .latest_message { padding: 80px 0; max-width: 1000px; display: table; margin: 0 auto; } .latest_message:after { display: table; content: ''; clear: both; } .latest_message .image_wrap { position: relative; display: block; float: left; margin-right: 40px; width: 418px; height: 235px; overflow: hidden; -webkit-transition: opacity 0.2s ease; -moz-transition: opacity 0.2s ease; -o-transition: opacity 0.2s ease; transition: opacity 0.2s ease; } .latest_message .image_wrap img { width: 100%; } .latest_message .image_wrap:hover .play_btn { display: block; width: 80px; height: 80px; } .latest_message .image_wrap .play_btn { -webkit-transition: all 0.1s ease; -moz-transition: all 0.1s ease; -o-transition: all 0.1s ease; transition: all 0.1s ease; width: 0; height: 0; overflow: hidden; box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.4); text-align: center; line-height: 80px; font-size: 1.6em; text-transform: uppercase; letter-spacing: 1px; font-weight: 800; color: rgba(0, 0, 0, 0.4); background: rgba(255, 255, 255, 0.9); -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; position: absolute; z-index: 10000; top: 0; bottom: 0; left: 0; right: 0; margin: auto; } .latest_message .image_wrap .duration { z-index: 10000; background: rgba(0, 0, 0, 0.9); padding: 10px 15px; position: absolute; right: 0; bottom: 0; color: #fff; font-size: 1.1em; } .latest_message h3.mobile_header { display: none; } .latest_message .latest_message_info { float: left; border-left: 1px solid #ddd; padding-left: 40px; } .latest_message .latest_message_info h3 { color: #365367; font-size: 2.0em; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 12px; } .latest_message .latest_message_info h1 { color: #365367; font-size: 2.8em; font-weight: 700; margin-bottom: 8px; } .latest_message .latest_message_info h2 { color: #365367; font-size: 2.0em; } .latest_message a.lm_cta { margin-top: 43px; display: inline-block; font-size: 2.0em; font-weight: 700; text-transform: uppercase; letter-spacing: 2px; color: #fff; padding: 25px 60px; background: #a2b7c1; } .latest_message a.lm_cta.first { margin-right: 10px; } .latest_message a.lm_cta.mobile_btn { display: none; } @media (max-width: 1080px) { .latest_message { padding: 60px 0; } .latest_message .image_wrap { margin-right: 40px; width: 320px; height: 180px; } .latest_message .latest_message_info h1 { font-size: 2.3em; } .latest_message .latest_message_info h3, .latest_message .latest_message_info h2 { font-size: 1.7em; } .latest_message .latest_message_info a { margin-top: 28px; padding: 17px 51px; font-size: 1.5em; } } @media (max-width: 840px) { .latest_message { width: 100%; padding: 40px; } .latest_message h3.mobile_header { display: block; font-size: 2.4em; text-transform: uppercase; text-align: center; border-bottom: 1px solid #ddd; padding-bottom: 20px; margin-bottom: 20px; } .latest_message h3.full_header { display: none; } .latest_message .image_wrap { width: 232px; height: 130px; margin-right: 40px; } .latest_message .latest_message_info { height: 134px; width: calc(100% - 272px); } .latest_message .m_latest_message { display: table; position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .latest_message a.lm_cta { float: left; width: 100%; text-align: center; padding: 15px; margin-top: 20px; } .latest_message a.lm_cta.mobile_btn { display: table; } .latest_message a.lm_cta.full_btn { display: none; } .latest_message a.lm_cta.first { width: 49%; margin-right: 0; } .latest_message a.lm_cta.last { width: 49%; float: right; } } @media (max-width: 620px) { .latest_message { padding: 20px; } .latest_message .image_wrap { width: 177px; height: 100px; margin-right: 20px; } .latest_message .image_wrap .duration { bottom: 1px; } .latest_message .latest_message_info { height: 100px; } .latest_message .latest_message_info h1 { font-size: 1.9em; } .latest_message .latest_message_info h2 { font-size: 1.4em; } } @media (max-width: 480px) { .latest_message .image_wrap { width: 100%; height: 0; padding-bottom: 56.2200957%; position: relative; z-index: 1000; } .latest_message .image_wrap img { position: absolute !important; } .latest_message .image_wrap .duration { bottom: 0; } .latest_message .latest_message_info { width: 100%; background: #f9f8f7; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 20px; height: initial; } .latest_message .latest_message_info h1 { font-size: 1.7em; text-align: center; } .latest_message .latest_message_info h2 { text-align: center; } .latest_message .m_latest_message { position: initial; top: initial; -webkit-transform: none; -ms-transform: none; transform: none; width: 100%; } .latest_message a.lm_cta { font-size: 1.8em; } } /* --------------------------------------------------------------------------------------- Footer Layout --------------------------------------------------------------------------------------- */ .newsletter_wrap { padding: 80px 0; position: relative; background-color: #333; } .newsletter_wrap .newsletter_bg { left: 0; top: 0; opacity: .5; position: absolute; width: 100%; height: 100%; background: url("../images/prefab1/bg_hp_newsletter.jpg") center center no-repeat transparent; -moz-background-size: cover; -webkit-background-size: cover; background-size: cover; } .newsletter_wrap .newsletter { position: relative; z-index: 1000; width: 600px; margin: 0 auto; display: block; } .newsletter_wrap .newsletter h1 { text-align: center; color: #fff; font-size: 3.4em; text-transform: uppercase; letter-spacing: 1px; } .newsletter_wrap .newsletter h2 { font-size: 1.6em; color: #fff; text-align: center; margin-top: 10px; } .newsletter_wrap .newsletter_form { margin-top: 25px; } .newsletter_wrap .newsletter_form inputFontStyles, .newsletter_wrap .newsletter_form input[type="text"], .newsletter_wrap .newsletter_form input[type="submit"],.newsletter_wrap .newsletter_form button[type="submit"], .newsletter_wrap .newsletter_form label.infield { color: #fff; font-weight: 400; font-size: 1.6em; text-transform: uppercase; font-family: "Open Sans", Helvetica, sans-serif; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; } .newsletter_wrap .newsletter_form input[type="text"] { padding: 0 25px; height: 45px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; background: transparent; border: 1px solid #fff; -webkit-appearance: none; } .newsletter_wrap .newsletter_form input[type="submit"],.newsletter_wrap .newsletter_form button[type="submit"] { -webkit-appearance: none; -moz-appearance: none; appearance: none;margin: 0; color: #fff; width: 157px; height: 45px; display: block; letter-spacing: 1px; font-size: 1.4em; font-weight: 500; border: 0; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; -webkit-appearance: none; } .newsletter_wrap .newsletter_form label.infield { font-weight: 400; position: absolute; top: 12px; left: 25px; } .newsletter_wrap .newsletter_form label.infield:hover { cursor: text; } .newsletter_wrap .newsletter_form .input_wrap { position: relative; float: left; } .newsletter_wrap .newsletter_form .input_wrap.error label { color: #F25959; } .newsletter_wrap .newsletter_form .input_wrap.error input { border: 1px solid #F25959; } .newsletter_wrap .newsletter_form .form_row.one { margin-bottom: 10px; } .newsletter_wrap .newsletter_form .form_row.one:after { display: table; content: ''; clear: both; } .newsletter_wrap .newsletter_form .form_row.one .input_wrap { width: calc(50% - 5px); margin-right: 10px; } .newsletter_wrap .newsletter_form .form_row.one .input_wrap:last-child { margin-right: 0; } .newsletter_wrap .newsletter_form .form_row.two { margin-bottom: 0; } .newsletter_wrap .newsletter_form .form_row.two:after { display: table; content: ''; clear: both; } .newsletter_wrap .newsletter_form .form_row.two .input_wrap:first-child { margin-right: 10px; width: calc(100% - 168px); } .newsletter_wrap .newsletter_form span.error_tag { display: none; position: absolute; top: 7px; right: 10px; z-index: 4; width: 80px; height: 30px; background: #e65a5a; color: #fff; text-transform: uppercase; font-weight: 700; text-align: center; line-height: 29px; font-size: 1.1em; } .newsletter_wrap .newsletter_form span.error_tag:before { content: ''; width: 0; height: 0; border-top: 9px solid transparent; border-bottom: 9px solid transparent; border-right: 9px solid #e65a5a; position: absolute; left: -9px; top: 6px; } .newsletter_wrap .newsletter_form .input_wrap.error span.error_tag { display: block; } @media (max-width: 1080px) { .newsletter_wrap { padding: 60px 0; } } @media (max-width: 840px) { .newsletter_wrap { padding: 40px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .newsletter_wrap .newsletter { width: 100%; } .newsletter_wrap .newsletter h1 { font-size: 2.4em; } .newsletter_wrap .newsletter h2 { font-size: 1.4em; } .newsletter_wrap .newsletter_form .form_row { margin-bottom: 0 !important; } .newsletter_wrap .newsletter_form .form_row .input_wrap { width: 100% !important; margin: 0 0 10px 0 !important; } .newsletter_wrap .newsletter_form input[type="text"] { padding: 0 20px; height: 55px; } .newsletter_wrap .newsletter_form input[type="submit"] { width: 100%; text-align: center; height: 55px; } .newsletter_wrap .newsletter_form label.infield { left: 20px; top: 16px; } .newsletter_wrap .newsletter_form span.error_tag { height: 35px; line-height: 34px; top: 10px; } .newsletter_wrap .newsletter_form span.error_tag:before { top: 8px; } } @media (max-width: 620px) { .newsletter_wrap { padding: 20px; } .newsletter_wrap .newsletter h1 { font-size: 2.2em; padding-bottom: 10px; border-bottom: 1px solid rgba(255, 255, 255, 0.2); } .newsletter_wrap .newsletter h2 { font-size: 1.3em; } } .social_wrap { height: 70px; background: #a2b7c1; } .social_wrap .social_icons { width: 1000px; margin: 0 auto; display: table; text-align: center; position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .social_wrap .social_icons li { display: inline-block; margin: 4px 20px 0 0; } .social_wrap .social_icons li a { display: block; } .social_wrap .social_icons li:last-child { margin-right: 0; } .social_wrap .social_icons li svg { height: 26px; } .social_wrap .social_icons li svg path { fill: #fff; } @media (max-width: 1080px) { .social_wrap .social_icons { width: 768px; } } @media (max-width: 840px) { .social_wrap { height: 50px; } .social_wrap .social_icons { width: 100%; } .social_wrap .social_icons li { margin: 2px 10px 0 0; } } .footer_wrap { padding: 60px 0; text-align: center; } .footer_wrap .footer_sitemap { display: table; text-align: center; width: 100%; } .footer_wrap .footer_sitemap li { display: inline-block; margin-right: 20px; } .footer_wrap .footer_sitemap li:last-child { margin-right: 0; } .footer_wrap .footer_sitemap li a { font-size: 1.4em; color: rgba(255, 255, 255, 0.7); text-transform: uppercase; font-weight: 600; } .footer_wrap .copyright { display: table; width: 100%; text-align: center; margin-top: 15px; margin-bottom: 15px; } .footer_wrap .copyright copyrightFontStyles, .footer_wrap .copyright li, .footer_wrap .copyright li a { font-size: 1.2em; color: #979797; text-transform: uppercase; font-weight: 500; } .footer_wrap .copyright.longCompanyName .copyright_text li:first-child, .footer_wrap .copyright.longCompanyName .copyright_text li:nth-child(2) { width: 100%; margin-bottom: 7px; } .footer_wrap .copyright li { display: inline-block; } .footer_wrap .copyright .copyright_text li:first-child, .footer_wrap .copyright .copyright_text li:nth-child(2) { margin-right: 6px; } .footer_wrap .copyright .copyright_links li.copyright_link:after { content: '|'; margin: 0 6px; } .footer_wrap .copyright li:last-child:after { display: none; } .footer_wrap .copyright li a { font-size: 1.0em; } .footer_wrap .cmg_logo { width: 183px; opacity: .1; } @media (max-width: 1080px) { .footer_wrap { padding: 40px 0; } .footer_wrap .copyright_links { width: 100%; display: block; margin-top: 6px; } } @media (max-width: 840px) { .footer_wrap { padding: 30px 0; } .footer_wrap .footer_sitemap { display: none; } .footer_wrap .copyright { margin-top: 0; } } @media (max-width: 620px) { .footer_wrap { padding: 20px; } .footer_wrap .copyright_text li:nth-child(2) { width: 100%; margin-top: 6px; } } /* Footer Search ------------------------------------------------------------------ */ .footer_site_search_wrap { display: none; position: relative; width: 100%; padding: 0 40px 20px; } @media (max-width: 840px) { .footer_site_search_wrap { display: block; } } @media (max-width: 620px) { .footer_site_search_wrap { padding: 0 20px 20px; } } .footer_site_search_wrap .site_search { position: relative; } .footer_site_search_wrap .site_search a.site_search_clear { display: block; position: absolute; top: 22px; right: 80px; } @media (max-width: 480px) { .footer_site_search_wrap .site_search a.site_search_clear { top: 18px; right: 60px; } } .footer_site_search_wrap .site_search a.site_search_clear path { fill: #666; } .footer_site_search_wrap .site_search label.infield, .footer_site_search_wrap .site_search input[type="text"] { color: rgba(255, 255, 255, 0.3); font-weight: 400; font-family: "Open Sans", Helvetica, sans-serif; font-size: 2em; } @media (max-width: 480px) { .footer_site_search_wrap .site_search label.infield, .footer_site_search_wrap .site_search input[type="text"] { font-size: 1.7em; } } .footer_site_search_wrap .site_search label.infield { position: absolute; top: 18px; left: 21px; } @media (max-width: 480px) { .footer_site_search_wrap .site_search label.infield { top: 15px; left: 15px; } } .footer_site_search_wrap .site_search input[type="text"] { width: 100%; height: 60px; padding: 20px; background: #151515; border: 0; } @media (max-width: 480px) { .footer_site_search_wrap .site_search input[type="text"] { height: 50px; padding: 15px; } } .footer_site_search_wrap .site_search .search_submit { background: #4b4b4b; width: 60px; height: 60px; position: absolute; right: 0; top: 0; } @media (max-width: 480px) { .footer_site_search_wrap .site_search .search_submit { width: 50px; height: 50px; } } .footer_site_search_wrap .site_search .search_submit svg { position: relative; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); position: absolute; height: 20px; width: 20px; opacity: .8; } .footer_site_search_wrap .site_search .search_submit svg path { fill: #fff; }