/* --------------------------------------------------------------------------------------- Theme: Venture 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% "Lato", Helvetica, sans-serif; color: #424242; 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: "Lato", Helvetica, sans-serif; font-weight: 400; font-size: 1.6em; color: #424242; } p { font-size: 2em; line-height: 1.8em; margin: 12px 0; color: #424242; font-weight: 400; } @media only screen and (max-width: 1080px) { p { font-size: 1.8em; } } @media only screen and (max-width: 840px) { p { font-size: 1.6em; } } /* --------------------------------------------------------------------------------------- Links --------------------------------------------------------------------------------------- */ a { text-decoration: none; } a:link { color: #d88a34; } a:visited { color: #d88a34; } a:hover { color: #d88a34; } a:active { color: #d88a34; } /* --------------------------------------------------------------------------------------- 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: "Lato", Helvetica, sans-serif; padding: 20px 40px; background: #d88a34; 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 only screen and (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 only screen and (max-width: 1380px) { .main_rotator .slides { height: 460px; background-size: 1380px 460px; } .main_rotator .slides img { width: auto; height: 460px; } } @media only screen and (max-width: 1080px) { .main_rotator .slides { height: 360px; background-size: 1080px 360px; } .main_rotator .slides img { width: auto; height: 360px; } } @media only screen and (max-width: 840px) { .main_rotator .slides { height: 280px; background-size: 840px 280px; } .main_rotator .slides img, .main_rotator .main_rotator .slides { height: 280px; } } @media only screen and (max-width: 620px) { .main_rotator .slides { height: 206px; background-size: 620px 206px; } .main_rotator .slides img, .main_rotator .main_rotator .slides { height: 206px; } } @media only screen and (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 only screen and (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 only screen and (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 only screen and (max-width: 840px) { .slideshow_controls_wrap { display: none; } } .cycle-pager { position: absolute; bottom: 20px; z-index: 1000; width: 100%; text-align: center; } @media only screen and (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: #d88a34; } .cycle-pager span.cycle-pager-active { background-color: #d88a34; border-color: #d88a34; } .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 only screen and (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 only screen and (min-width: 621px) and (max-width: 1080px) { .secondary_callouts.titles_overlay h1 { font-size: 2.2em; } } @media only screen and (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: #f2f2f4; border: 1px solid rgba(66, 66, 66, 0.3); border-top: 0; color: #d88a34; font-size: 2.1em; font-weight: 700; text-transform: uppercase; text-align: center; } } @media only screen and (min-width: 621px) and (max-width: 1080px) { .secondary_callouts.titles_under li h1 { font-size: 1.8em; height: 56px; } } @media only screen and (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 only screen and (max-width: 1080px) { .secondary_callouts { padding: 60px 0; width: 768px; } .secondary_callouts li { margin-right: 30px; width: calc(33.33% - 20px); } } @media only screen and (max-width: 840px) { .secondary_callouts { padding: 40px; width: 100%; } .secondary_callouts li { margin-right: 20px; width: calc(33.33% - 14px); } } @media only screen and (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 rgba(66, 66, 66, 0.3); } .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 rgba(66, 66, 66, 0.3); } .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: #424242 !important; background: transparent url('../images/bg/small_ad_arrow.png?1449523696') 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: #424242; 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 only screen and (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 rgba(66, 66, 66, 0.3); } .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 rgba(66, 66, 66, 0.3); 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 rgba(66, 66, 66, 0.3); padding: 0; height: 80px; background-color: #f2f2f4; margin-bottom: 20px; position: relative; } .list_row.job:first-child { border-top: 1px solid rgba(66, 66, 66, 0.3); } .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: #424242; border-left: 1px solid rgba(66, 66, 66, 0.3); } @media only screen and (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 only screen and (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 rgba(66, 66, 66, 0.3); 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 rgba(66, 66, 66, 0.3); 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: #424242; 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 rgba(66, 66, 66, 0.3); 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 only screen and (max-width: 620px) { .list_row { background: #f2f2f4 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 rgba(66, 66, 66, 0.3); position: relative; } .general_listing li:last-child { border-bottom: 1px solid rgba(66, 66, 66, 0.3); } .general_listing li:hover { background: #f2f2f4; } .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 rgba(66, 66, 66, 0.3); } @media only screen and (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 only screen and (max-width: 1080px) { .content { width: 768px; } } @media only screen and (max-width: 840px) { .content { width: 100%; padding: 0 40px; } } @media only screen and (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 only screen and (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 rgba(66, 66, 66, 0.3); padding-left: 40px; } @media only screen and (max-width: 840px) { .sidebar { display: none; } } /* --------------------------------------------------------------------------------------- Mobile Subnav Styles --------------------------------------------------------------------------------------- */ .subnav { display: none; background: #f2f2f4; width: 100%; } .subnav .menu_toggle { border-bottom: 1px solid rgba(255, 255, 255, 0.2); background: #d88a34; 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 only screen and (max-width: 840px) { .subnav { display: block; } } .subnav .sub_menu { display: none; background: #d88a34; } .subnav.generic { background: #fff !important; padding: 15px 20px; } .subnav.generic .menu_toggle { background: #fff !important; border: 0; color: #6f6f6f; -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: rgba(66, 66, 66, 0.3); } .subnav.generic li:last-child { border: 0; } .subnav.generic li.active a { color: #d88a34; } .subnav.generic li a { color: #6f6f6f; } .mobile_page_title { text-align: center; font-size: 1.6em; padding: 20px 0; margin: 0 20px; border-bottom: 1px solid rgba(66, 66, 66, 0.3); 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: #f2f2f4; 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: #424242; } .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: #d88a34; } .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 only screen and (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 only screen and (max-width: 840px) { .page_header_wrap { padding: 0 20px; height: 80px; border-bottom: 1px solid rgba(66, 66, 66, 0.3); -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 rgba(66, 66, 66, 0.3); } .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 only screen and (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 rgba(66, 66, 66, 0.3); } .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: #d88a34; 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 only screen and (max-width: 1080px) { .share_breadcrumbs { margin-bottom: 20px; padding: 15px 0; } } @media only screen and (max-width: 840px) { .share_breadcrumbs { padding-top: 0; } } @media only screen and (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: "Lato", Helvetica, sans-serif; font-size: 3.6em; text-transform: uppercase; color: #d88a34; font-weight: 600; } h1.page_title.second { margin-top: 60px; } h1.page_title.ministries { margin: 30px 0; } @media only screen and (max-width: 1080px) { h1.page_title { margin: 0 0 20px; } } @media only screen and (max-width: 840px) { h1.page_title { font-size: 2.4em; } h1.page_title.second { margin-top: 20px; } } .wysiwyg_section { margin-top: 60px; } @media only screen and (max-width: 1080px) { .wysiwyg_section { margin-top: 50px; } } @media only screen and (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 only screen and (max-width: 1080px) { .wysiwyg.ministry_content { margin-bottom: 50px; } } @media only screen and (max-width: 840px) { .wysiwyg.ministry_content { margin-bottom: 40px; } } @media only screen and (max-width: 620px) { .wysiwyg.ministry_content { margin-bottom: 20px; } } .wysiwyg h2 { font-size: 3.2em; line-height: 1.2em; color: #d88a34; 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(66, 66, 66, 0.8); letter-spacing: .5em; } .wysiwyg p { margin: 18px 0; line-height: 1.8em; color: #424242; 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: #d88a34; } .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: #424242; 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: #424242; margin: 0 0 6px 40px; } .wysiwyg blockquote { font-family: "Lato", 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 only screen and (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 only screen and (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 only screen and (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: #424242; border-bottom: 1px solid rgba(66, 66, 66, 0.3); font-weight: 600; } .sidebar .side_nav li a:hover { color: #d88a34; } .sidebar .side_nav li:first-child a { border-top: 1px solid rgba(66, 66, 66, 0.3); } .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: #d88a34; } .sidebar .side_nav li.active a { color: #d88a34; } .sidebar .side_nav li.subnav_ministry_event { display: none; } .sidebar .side_nav li span { display: none; } @media only screen and (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: #424242; text-align: center; padding: 20px 0; background: #f2f2f4; 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 only screen and (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 rgba(66, 66, 66, 0.3); 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 only screen and (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: #d88a34; 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 only screen and (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 rgba(66, 66, 66, 0.3); border-right: 1px solid rgba(66, 66, 66, 0.3); } .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: "Lato", Helvetica, sans-serif; } .sidebar_select select { width: 100%; } @media only screen and (max-width: 1080px) { .sidebar_select { padding: 27px 30px; } } @media only screen and (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: #f2f2f4; padding: 15px; border: 1px solid rgba(66, 66, 66, 0.3); } .gallery_wrap a span { opacity: 0; position: absolute; z-index: 1000; width: 100%; height: 100%; top: 0; left: 0; background: rgba(242, 242, 244, 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: #d88a34; } .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 only screen and (max-width: 1080px) { .gallery_wrap a { padding: 10px; } } @media only screen and (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 rgba(66, 66, 66, 0.3); } .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 only screen and (max-width: 620px) { .staff_wrap .group_wrap { margin-top: 30px; padding-top: 20px; } } @media only screen and (max-width: 840px) { .staff_wrap .group_wrap h1.group_title { font-size: 1.9em; } } .staff_wrap .staff { width: calc(33% - 12px); background: #f2f2f4; border: 1px solid rgba(66, 66, 66, 0.3); 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: "Lato", 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: #424242; 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: #d88a34; } @media only screen and (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 only screen and (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 only screen and (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: "Lato", Helvetica, sans-serif; font-size: 4em; line-height: 1em; color: #d88a34; } .profile_header h4 { color: #424242; margin: 0; padding: 0; background: #f2f2f4; border: 1px solid rgba(66, 66, 66, 0.3); border-left: 0; font-weight: 500; font-family: "Lato", 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: #424242; text-transform: uppercase; } .profile_header h4 span { font-family: "Lato", Helvetica, sans-serif; font-size: .4em; text-transform: none; display: block; color: #424242; } @media only screen and (max-width: 1080px) { .profile_header { margin-top: 20px; } .profile_header h4 { font-size: 2.7em; padding: 0 30px; } } @media only screen and (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 rgba(66, 66, 66, 0.3); } .profile_header h4 span { font-size: .4em; } } @media only screen and (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 rgba(66, 66, 66, 0.3); 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 only screen and (max-width: 620px) { .article .profile_box { margin-top: 0; } } .profile_contact { margin: 30px 0; border-top: 1px solid rgba(66, 66, 66, 0.3); padding-top: 12px; } .profile_contact a { position: relative; margin: 0 30px 0 0; padding: 0 30px; border-right: 1px solid rgba(66, 66, 66, 0.3); font-family: "Lato", Helvetica, sans-serif; font-weight: 400; font-size: 1.8em; color: #d88a34; 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: #d88a34; } .profile_contact a:hover { opacity: .8; } @media only screen and (max-width: 1080px) { .profile_contact { margin: 20px 0; } .profile_contact a { font-size: 1.6em; margin-right: 20px; padding: 0 20px 0 30px; } } @media only screen and (max-width: 620px) { .profile_contact a { display: block; margin-right: 0; padding: 0 0 10px 30px; border-right: 0; border-bottom: 1px solid rgba(66, 66, 66, 0.3); margin-bottom: 10px; } .profile_contact a:before { top: 12%; } } h1.staff_bio_contact { font-family: "Lato", Helvetica, sans-serif; font-size: 2.4em; font-weight: 700; text-transform: uppercase; margin-bottom: 20px; } @media only screen and (max-width: 1080px) { h1.staff_bio_contact { font-size: 2.1em; } } @media only screen and (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: #d88a34; 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 only screen and (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 rgba(66, 66, 66, 0.3); margin-bottom: 30px; } .locations_wrap a { display: block; width: 100%; padding: 20px 40px; border-bottom: 1px solid rgba(66, 66, 66, 0.3); } .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: #d88a34; } .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: #d88a34; } .locations_wrap.alt span.btn_map small { font-size: 1em; display: block; } @media only screen and (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 only screen and (max-width: 840px) { .locations_wrap li:before { top: 2px; } .locations_wrap p { font-size: 1.8em; } } @media only screen and (max-width: 620px) { .locations_wrap p { font-size: 1.6em; } } @media only screen and (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 rgba(66, 66, 66, 0.3); } .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 rgba(66, 66, 66, 0.3); 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: "Lato", Helvetica, sans-serif; font-size: 1.8em; color: #424242; 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: "Lato", Helvetica, sans-serif; font-size: 1.8em; color: #999; float: left; font-weight: 400; line-height: 64px; text-align: center; border-left: 1px solid rgba(66, 66, 66, 0.3); } .service_group .service_row:first-of-type { border-top: 1px solid rgba(66, 66, 66, 0.3); } @media only screen and (max-width: 1080px) { .service_group h2 { font-size: 2.4em; } } @media only screen and (max-width: 840px) { .service_group h2 { font-size: 2.2em; } .service_group .service_row h4 { font-size: 1.8em; } } @media only screen and (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 rgba(66, 66, 66, 0.3); width: calc(33.33% - 14px); float: left; margin-right: 20px; margin-top: 20px; background: #f2f2f4; -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 only screen and (max-width: 1080px) { .ministries_wrap .ministry h1 { font-size: 1.4em; } } @media only screen and (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 only screen and (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: #f2f2f4 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: #f2f2f4; border: 1px solid rgba(66, 66, 66, 0.3); } .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 only screen and (max-width: 1080px) { .video_wrap { margin-right: 10px; margin-top: 10px; width: calc(33% - 5px); } } @media only screen and (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: #f2f2f4; border: 1px solid rgba(66, 66, 66, 0.3); padding: 40px 0 30px 0; } .page_form_wrap h2 { font-size: 2.5em; text-align: center; border-bottom: 1px solid rgba(66, 66, 66, 0.3); padding-bottom: 40px; margin-bottom: 30px; } @media only screen and (max-width: 840px) { .page_form_wrap { padding: 20px 0; } .page_form_wrap h2 { font-size: 2.0em; padding-bottom: 20px; } } @media only screen and (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: #f2f2f4; overflow: hidden; border: 1px solid rgba(66, 66, 66, 0.3); } .sign_up_header h4 { font-weight: 700; text-transform: uppercase; } .sign_up_content { width: 100%; padding: 30px; border: 1px solid rgba(66, 66, 66, 0.3); border-top: 0; overflow: hidden; } @media only screen and (max-width: 1080px) { .sign_up_content { padding: 0 30px 10px 30px; } } .formbox, .form_box { width: 100%; padding: 0 30px; overflow: hidden; display: table; } @media only screen and (max-width: 840px) { .formbox, .form_box { padding: 0 20px; } } @media only screen and (max-width: 620px) { .formbox, .form_box { padding: 0 10px; } } .checkbox_row .form_right_column { padding: 10px; border: 1px solid rgba(66, 66, 66, 0.3); } .checkbox_row .form_right_column .checkbox_item_row { margin-bottom: 10px; border-bottom: 1px solid rgba(66, 66, 66, 0.3); 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 only screen and (max-width: 620px) { .form_row { margin-bottom: 10px; } } .form_left_column { border: 1px solid rgba(66, 66, 66, 0.3); 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 only screen and (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 only screen and (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: #424242; } @media only screen and (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: #424242; } @media only screen and (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: "Lato", Helvetica, sans-serif; -webkit-appearance: none; width: 100%; padding: 10px 8px; font-size: 1.6em; color: #999; background: #fff; border: 1px solid rgba(66, 66, 66, 0.3); -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; } .normal_input:focus { color: #424242; border: 1px solid #d88a34; } .zip { float: left; font-family: "Lato", Helvetica, sans-serif; -webkit-appearance: none; width: 100%; padding: 10px 8px; font-size: 1.6em; color: #999; background: #fff; border: 1px solid rgba(66, 66, 66, 0.3); -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 rgba(66, 66, 66, 0.3); 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 #d83434; color: #000000; } .error textarea { background: #fef6f6; border: 1px solid #d83434; color: #606060; float: left; } .error #captcha { background: #fef6f6; border: 1px solid #d83434; color: #606060; } .errorSmall small { color: #fff; background: #d83434; 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: #a0a0a0; 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: "Lato", Helvetica, sans-serif; font-size: 2.4em; line-height: 1.2em; color: #a0a0a0; font-weight: 700; color: #fff; text-transform: uppercase; } .message h4 a { font-weight: normal; text-decoration: underline; } @media only screen and (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: #d83434; 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: "Lato", Helvetica, sans-serif; -webkit-appearance: none; padding: 10px 8px; font-size: 1.6em; color: #999; background: #fff; border: 1px solid rgba(66, 66, 66, 0.3); -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; } @media only screen and (max-width: 1080px) { .verify_image .zip { width: calc(100% - 58.4%); } } @media only screen and (max-width: 840px) { .verify_image .zip { width: calc(100% - 171px); } } .verify_image .zip:focus { border: 1px solid #d88a34; } .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 only screen and (max-width: 840px) { .submit_row { padding: 0 20px; margin-top: 0; } } @media only screen and (max-width: 620px) { .submit_row { padding: 0 10px; } } input[type="submit"] { background: #d88a34; } input.btn_submit_noimage { width: 100%; display: block; margin: auto; text-align: center; font-family: "Lato", 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 only screen and (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: #d88a34; } .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 only screen and (max-width: 840px) { .full_search_div_wrap { display: block !important; } } .full_search_div { padding: 20px; overflow: hidden; background: #f2f2f4; position: relative; border: 1px solid rgba(66, 66, 66, 0.3); } .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: "Lato", 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: "Lato", 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: "Lato", 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 only screen and (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: #d88a34 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: #f2f2f4; border: 1px solid rgba(66, 66, 66, 0.3); } .group_filter .gf_select_wrap { width: 177px; padding: 20px; border-right: 1px solid rgba(66, 66, 66, 0.3); 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: "Lato", 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: "Lato", 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: #d88a34; text-decoration: none; } @media only screen and (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 only screen and (max-width: 840px) { .group_filter { display: none; margin-top: 0; } .group_filter .gf_select_wrap { width: 100%; border-right: 0; border-bottom: 1px solid rgba(66, 66, 66, 0.3); } .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 only screen and (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 only screen and (max-width: 840px) { .group_details_information { padding: 14px 0; display: block; border-bottom: 1px solid rgba(66, 66, 66, 0.3); 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 rgba(66, 66, 66, 0.3); } .group_details_information .details_btn_td { display: none; } } @media only screen and (max-width: 480px) { .group_details_information { background-position: 96% center; } } tr.no_results th { padding: 14px 0; } @media only screen and (max-width: 840px) { .table_listing.group_details tr { display: block; width: 100%; border-bottom: 1px solid rgba(66, 66, 66, 0.3); 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 rgba(66, 66, 66, 0.3); border-bottom: 1px solid rgba(66, 66, 66, 0.3); border-right: 1px solid rgba(66, 66, 66, 0.3); background: #f2f2f4; 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: #d88a34; } .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 only screen and (max-width: 840px) { .event_row { border-left: 1px solid rgba(66, 66, 66, 0.3); 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 rgba(66, 66, 66, 0.3); padding-bottom: 25px; } .events_nav h4 { text-align: center; text-transform: uppercase; font-weight: 700; font-size: 30px; line-height: 40px; } @media only screen and (max-width: 840px) { .events_nav { margin-bottom: 20px; } .events_nav h4 { font-size: 1.9em; } } @media only screen and (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: #424242; 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 only screen and (max-width: 1080px) { .event_details_header { padding: 0 20px 20px 20px; } } @media only screen and (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 only screen and (max-width: 1080px) { .event_banner { margin-bottom: 20px; } } /* --------------------------------------------------------------------------------------- Articles Styles --------------------------------------------------------------------------------------- */ .articles_entry { background: #f2f2f4; margin-bottom: 20px; width: 100%; overflow: hidden; border: 1px solid rgba(66, 66, 66, 0.3); } .articles_entry.last { margin-bottom: 0; } .articles_entry .post_date { border-bottom: 1px solid rgba(66, 66, 66, 0.3); display: block; width: 100%; padding: 12px 30px; font-size: 1.6em; color: #6f6f6f; 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 only screen and (max-width: 1080px) { .articles_entry .article_content_wrap { padding: 20px; } } @media only screen and (max-width: 840px) { .articles_entry { padding-bottom: 0; } .articles_entry .article_content_wrap { padding: 0px; } .articles_entry:nth-child(odd) { background: #f2f2f4; border: 1px solid rgba(66, 66, 66, 0.3); } .articles_entry .float-left { width: 100%; border-bottom: 1px solid rgba(66, 66, 66, 0.3); 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 only screen and (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 rgba(66, 66, 66, 0.3); padding-bottom: 15px; } .profile_header h3.article_title span { font-size: .4em; font-weight: 400; } @media only screen and (max-width: 1080px) { .profile_header { padding: 0 60px; } } @media only screen and (max-width: 840px) { .profile_header { padding: 0; } } @media only screen and (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: "Lato", Helvetica, sans-serif; font-size: 3em; line-height: 1em; text-transform: uppercase; } .articles_entry_header h3.articles_title a { font-weight: 600; color: #d88a34; } .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 only screen and (max-width: 1080px) { .articles_entry_header h3.articles_title { font-size: 2.5em; } } @media only screen and (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 rgba(66, 66, 66, 0.3); } .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 only screen and (max-width: 840px) { .profile_header.articles h4 { padding: 20px 0; } } @media only screen and (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 only screen and (max-width: 1080px) { .pagination_wrap { margin-top: 50px; } .pagination_wrap.alt { margin-top: 20px; } } @media only screen and (max-width: 840px) { .pagination_wrap { margin-top: 40px; } } @media only screen and (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 rgba(66, 66, 66, 0.3); 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 rgba(66, 66, 66, 0.3); 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: #d88a34; background-color: #fafafa; } .pagination li.active a, .pagination li.active a:hover { font-weight: 500; color: #d88a34; text-decoration: none; background: #f5f5f5; } .pagination li.disabled { color: #bbb; font-weight: bold; } @media only screen and (max-width: 620px) { .pagination li { display: none; } .pagination li.rcright { display: block; border-left: 1px solid rgba(66, 66, 66, 0.3); } .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: #424242 !important; border-bottom: 1px solid rgba(66, 66, 66, 0.3); 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: #f2f2f4; color: #d88a34; padding: 15px 0; border: 1px solid rgba(66, 66, 66, 0.3); text-align: center; } .desc_column h4:first-of-type { margin-top: 0; } @media only screen and (max-width: 840px) { .desc_column h4 { font-size: 1.6em; } } .desc_column .volunteer_address { text-align: center; margin-bottom: 20px; } @media only screen and (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 rgba(66, 66, 66, 0.3); 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 only screen and (max-width: 840px) { .leader_img_details h4 { font-size: 1.6em; } } @media only screen and (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 only screen and (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 rgba(66, 66, 66, 0.3); list-style: none; } .site_map_item li.title { padding: 0; font-size: 2.4em; border: 1px solid rgba(66, 66, 66, 0.3); } .site_map_item li.title a { position: relative; background-color: #fff; padding: 14px 20px; width: 100%; display: block; font-family: "Lato", 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: "Lato", 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(242, 242, 244, 0.7); } @media only screen and (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 only screen and (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: #f2f2f4; } .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 rgba(66, 66, 66, 0.3); 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: "Lato", Helvetica, sans-serif; font-size: 1.4em; -webkit-appearance: none; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; border: 1px solid rgba(66, 66, 66, 0.3); } .select_wrap_cb select:hover, .select_wrap_cb:hover { cursor: pointer; opacity: .8; } .expand_filter_options { display: none; border-top: 1px solid rgba(66, 66, 66, 0.3); font-size: 1.4em; font-weight: 600; width: 100%; text-align: center; border-bottom: 1px solid rgba(66, 66, 66, 0.3); padding: 10px 0; } @media only screen and (max-width: 620px) { .expand_filter_options { display: block; } } @media only screen and (max-width: 620px) { .page_filter_wrap { display: none; } } .no_results { width: 100%; display: block; border: 1px solid rgba(66, 66, 66, 0.3); padding: 20px; background: #f2f2f4; } .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: #f2f2f4; border: 1px solid rgba(66, 66, 66, 0.3); } .search_head:after { content: ''; display: table; clear: both; } .search_head .select_wrap_cb { float: left; } .search_head label { font-family: "Lato", Helvetica, sans-serif; text-transform: uppercase; float: left; font-size: 1.4em; margin: 5px 8px 0 0; color: #424242; } .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 only screen and (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: #d88a34 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 only screen and (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 only screen and (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: #f2f2f4; border: 1px solid rgba(66, 66, 66, 0.3); 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: "Lato", Helvetica, sans-serif; border: 1px solid rgba(66, 66, 66, 0.3); 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 only screen and (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 only screen and (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 rgba(66, 66, 66, 0.3); padding-bottom: 50px; margin-bottom: 0 !important; } @media only screen and (max-width: 1080px) { .search_header { padding-bottom: 40px; } } @media only screen and (max-width: 480px) { .search_header { padding-bottom: 20px; } } .search_results_row { border-bottom: 1px solid rgba(66, 66, 66, 0.3); 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: #424242; font-size: 2.0em; } .search_results_row h5 a { font-weight: 400; color: #424242 !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 only screen and (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 rgba(66, 66, 66, 0.3); margin: 0; border-right: 0; } .table_generic td, .table_generic th { font-size: 1.4em; padding: 14px 12px; border-bottom: 1px solid rgba(66, 66, 66, 0.3); 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 only screen and (max-width: 840px) { .table_generic td { display: block; width: 100%; } } .group_details_information th { width: initial !important; background: none !important; } @media only screen and (max-width: 840px) { .group_details_information th { width: 100% !important; display: block; } } .table_listing { border: 0; padding-top: 10px; border-top: 1px solid rgba(66, 66, 66, 0.3); } .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: #f2f2f4; margin-right: 15px; border-right: 0; font-family: "Lato", Helvetica, sans-serif; text-transform: uppercase; font-weight: 600; color: #424242; } @media only screen and (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: rgba(66, 66, 66, 0.3); 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 only screen and (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: "Lato", Helvetica, sans-serif; text-transform: none; font-weight: normal; color: #424242; } 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: #f2f2f4; padding: 0 12px; height: 34px; line-height: 34px; margin-bottom: 5px; float: left; border-left: 1px solid rgba(66, 66, 66, 0.3); border-top: 1px solid rgba(66, 66, 66, 0.3); 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 rgba(66, 66, 66, 0.3); } .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: "Lato", 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 rgba(66, 66, 66, 0.3); } .live_wrap { width: 100%; overflow: hidden; background: #fff; padding: 0 0 60px 0; } @media only screen and (max-width: 1080px) { .live_wrap { padding: 0 0 50px 0; } } @media only screen and (max-width: 840px) { .live_wrap { padding: 0 0 40px 0; } } @media only screen and (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 only screen and (max-width: 1080px) { .logo_live { width: 220px; padding: 16px 0; } } @media only screen and (max-width: 840px) { .logo_live { width: 200px; padding: 19px 0; } } @media only screen and (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 only screen and (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 only screen and (max-width: 1080px) { .live_player_background { padding: 60px 0; } } @media only screen and (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 only screen and (max-width: 1080px) { .live_content { width: 760px; } } @media only screen and (max-width: 840px) { .live_content { width: 100%; margin-left: 0; } .live_content.mobile { display: inline-block; } } .live_left { width: 1000px; } @media only screen and (max-width: 1080px) { .live_left { width: 760px; } } @media only screen and (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: #d88a34 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 only screen and (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 only screen and (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: "Lato", Helvetica, sans-serif; font-weight: 700; } .show_header h2 { color: #888; } @media only screen and (max-width: 1080px) { .show_header { width: 760px; } } @media only screen and (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 only screen and (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: #424242; margin-bottom: 28px; } .show_description h3.sub { margin-top: 60px; } .show_description p { text-align: center; } @media only screen and (max-width: 1080px) { .show_description { width: 760px; padding-top: 50px; } .show_description.alt { padding-bottom: 50px; } } @media only screen and (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 only screen and (max-width: 480px) { .show_description { padding: 30px 0 0 0; } .show_description h3 { margin-bottom: 20px; padding-bottom: 0; } } @media only screen and (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 only screen and (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 only screen and (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 only screen and (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 only screen and (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 only screen and (max-width: 840px) { .live_schedule_head { display: none; } } .live_schedule_row { width: 100%; height: 72px; overflow: hidden; background: #f2f2f4; border-bottom: 1px solid rgba(66, 66, 66, 0.3); } .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: #6f6f6f; font-style: italic; text-transform: none; } .live_schedule_row .live_schedule_service { width: 58.7445255%; float: left; border-right: 1px solid rgba(66, 66, 66, 0.3); } .live_schedule_row .live_schedule_day { width: 21.4793187%; float: left; border-right: 1px solid rgba(66, 66, 66, 0.3); } .live_schedule_row .live_schedule_time { width: 19.4111922%; float: left; } @media only screen and (max-width: 1080px) { .live_schedule_row h3 { font-size: 1.8em; } .live_schedule_row h3 small { font-size: .8em; line-height: 1.2em; } } @media only screen and (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 rgba(66, 66, 66, 0.3); } .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: #424242; text-transform: none; font-weight: 300; margin-bottom: 30px; line-height: 1.5em; } @media only screen and (max-width: 1080px) { .live_share_row { width: 768px; padding: 50px 0; } } @media only screen and (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 only screen and (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: "Lato", Helvetica, sans-serif; font-weight: 800; text-transform: uppercase; } .live_share_items li:last-child { margin-right: 0; } .live_share_items li a { color: #d88a34; } .live_share_items li a:hover { opacity: .85; filter: alpha(opacity=85); } @media only screen and (max-width: 1080px) { .live_share_items li { font-size: 5em; } } @media only screen and (max-width: 840px) { .live_share_items li { font-size: 3.9em; margin-right: 4.5%; } } @media only screen and (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 only screen and (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: #6f6f6f; 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 only screen and (max-width: 1080px) { .footer_live_wrap { padding: 40px 0; } .footer_live_wrap .copyright_links { width: 100%; display: block; margin-top: 6px; } } @media only screen and (max-width: 840px) { .footer_live_wrap { padding: 40px; } .footer_live_wrap .copyright { margin-top: 0; } } @media only screen and (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 rgba(66, 66, 66, 0.3); } .series_archive.first { margin-top: 60px; padding-top: 0; border-top: 0; } .tier h2.more_series_title { text-align: center; } @media only screen and (max-width: 1080px) { .tier h2.more_series_title { font-size: 4em; } } @media only screen and (max-width: 840px) { .tier h2.more_series_title { font-size: 3.6em; margin-bottom: 20px; } } @media only screen and (max-width: 620px) { .tier h2.more_series_title { font-size: 3.2em; } .tier h2.more_series_title span { display: none; } } @media only screen and (max-width: 620px) { .tier h2.more_series_title { font-size: 3em; margin: 10px 0 15px 0; } } @media only screen and (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: #424242; } .series_wrap a span { display: block; font-family: "Lato", 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: #d88a34; } .series_wrap img { width: 100%; height: auto; } .series_wrap img:hover { opacity: .8; } @media only screen and (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 only screen and (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 only screen and (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 only screen and (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: "Lato", 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 only screen and (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 only screen and (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 only screen and (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: "Lato", Helvetica, sans-serif; font-size: 3.6em; line-height: 1em; color: #d88a34; text-transform: uppercase; } .series_single h3 small { display: block; font-size: .5em; font-style: italic; color: #6f6f6f; text-transform: none; } @media only screen and (max-width: 840px) { .series_single h3 { font-size: 3.2em; } } @media only screen and (max-width: 480px) { .series_single h3 { font-size: 2.8em; } } .series_description { margin-bottom: 60px; } @media only screen and (max-width: 1080px) { .series_description { margin-bottom: 40px; } } @media only screen and (max-width: 840px) { .series_description { margin-bottom: 30px; } } @media only screen and (max-width: 480px) { .series_description { margin-bottom: 20px; } } .sermon { display: table; table-layout: fixed; width: 100%; height: 60px; overflow: hidden; border-bottom: 1px solid rgba(66, 66, 66, 0.3); font-family: "Lato", 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: #f2f2f4; } .sermon:first-of-type { margin-top: 20px; border-top: 1px solid rgba(66, 66, 66, 0.3); } @media only screen and (max-width: 840px) { .sermon { border: 1px solid rgba(66, 66, 66, 0.3); margin-bottom: 15px; } } .sermon_info_cell { display: table-cell; width: 75.1%; 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: #d88a34; } .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: #6f6f6f; 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 rgba(66, 66, 66, 0.3); padding-top: 3px; padding-right: 20px; vertical-align: middle; text-transform: uppercase; text-align: right; font-size: 1.1em; font-weight: 600; color: #d88a34; 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 only screen and (max-width: 1080px) { .sermon_info_cell { width: 67.578125%; } .sermon_info_cell h4 { font-size: 1.6em; } } @media only screen and (max-width: 840px) { .sermon_info_cell { width: 100%; display: block; } .sermon_info_cell .sermon_number { border-right: 1px solid rgba(66, 66, 66, 0.3); 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 only screen and (max-width: 480px) { .sermon_info_cell h4 { font-size: 1.5em; } } .sermon_action_cell { width: 24.9%; display: table-cell; height: 80px; vertical-align: middle; } .sermon_action_cell .sermon_action { display: block; float: left; width: 124px; color: #d88a34; 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 rgba(66, 66, 66, 0.3); 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 path { fill: #d88a34; } .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(216, 138, 52, 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 only screen and (max-width: 1080px) { .sermon_action_cell { width: 32.421875%; } } @media only screen and (max-width: 840px) { .sermon_action_cell { width: auto; display: block; height: 40px; border-top: 1px solid rgba(66, 66, 66, 0.3); 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: #f2f2f4; font-weight: 600; } .sermon_action_cell .sermon_action:after { display: table; content: ''; clear: both; } .sermon_action_cell .sermon_action span { margin: 0; height: 40px; line-height: 40px; border: 0; } .sermon_action_cell .sermon_action i { float: none; } .sermon_action_cell .sermon_action.two-buttons { float: left; width: 50%; } .sermon_action_cell .sermon_action.two-buttons span { border-right: 1px solid rgba(66, 66, 66, 0.3); } .sermon_action_cell .sermon_action:first-child i { vertical-align: -5px; } .sermon_action_cell .sermon_action:last-child i { vertical-align: -7px; } .sermon_action_cell .sermon_action:last-child.two-buttons span { border-right: 0; } .sermon_action_cell .sermon_action-disabled { display: 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 only screen and (max-width: 1080px) { .mfp-container.mfp-ajax-holder { width: 768px; } } @media only screen and (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 only screen and (max-width: 1080px) { .mfp-ajax-holder .mfp-content { width: 768px; } } @media only screen and (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 only screen and (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 only screen and (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 only screen and (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); } } /* ---------------------------------------------------------------------------- HELPERS ---------------------------------------------------------------------------- */ .tier .content, .about_wrap .about, .newsletter_wrap .newsletter, .social_wrap .social_contained, .footer_contained, .live_countdown_wrap .live_countdown, .header_wrap .header, .main_nav_contained, .featured_wrap .featured_container { position: relative; width: 1000px; margin: 0 auto; } .tier .content:after, .about_wrap .about:after, .newsletter_wrap .newsletter:after, .social_wrap .social_contained:after, .footer_contained:after, .live_countdown_wrap .live_countdown:after, .header_wrap .header:after, .main_nav_contained:after, .featured_wrap .featured_container:after { display: table; content: ''; clear: both; } @media only screen and (max-width: 1080px) { .tier .content, .about_wrap .about, .newsletter_wrap .newsletter, .social_wrap .social_contained, .footer_contained, .live_countdown_wrap .live_countdown, .header_wrap .header, .main_nav_contained, .featured_wrap .featured_container { width: 768px; } } @media only screen and (max-width: 840px) { .tier .content, .about_wrap .about, .newsletter_wrap .newsletter, .social_wrap .social_contained, .footer_contained, .live_countdown_wrap .live_countdown, .header_wrap .header, .main_nav_contained, .featured_wrap .featured_container { width: 100%; } } .tier .content, .about_wrap .about, .newsletter_wrap .newsletter, .social_wrap .social_contained, .footer_contained { padding: 60px 0; } @media only screen and (max-width: 840px) { .tier .content, .about_wrap .about, .newsletter_wrap .newsletter, .social_wrap .social_contained, .footer_contained { padding: 40px; } } @media only screen and (max-width: 620px) { .tier .content, .about_wrap .about, .newsletter_wrap .newsletter, .social_wrap .social_contained, .footer_contained { padding: 20px; } } a.btn_big, .locations_wrap.alt span.btn_map, input.btn_big { font-size: 2.2em; font-weight: 600; text-transform: uppercase; } @media only screen and (max-width: 1080px) { a.btn_big, .locations_wrap.alt span.btn_map, input.btn_big { font-size: 1.8em; padding: 15px 30px; } } @media only screen and (max-width: 620px) { a.btn_big, .locations_wrap.alt span.btn_map, input.btn_big { width: 100%; padding: 15px 20px; float: none; } } a.alt.btn_big, .locations_wrap.alt span.alt.btn_map, input.alt.btn_big { color: #fff; border: 2px solid #fff; } a.watch.btn_big, .locations_wrap.alt span.watch.btn_map, input.watch.btn_big { margin-right: 30px; padding: 20px 90px 20px 20px; position: relative; } @media only screen and (max-width: 1080px) { a.watch.btn_big, .locations_wrap.alt span.watch.btn_map, input.watch.btn_big { padding: 15px 70px 15px 15px; margin-right: 24px; } } @media only screen and (max-width: 840px) { a.watch.btn_big, .locations_wrap.alt span.watch.btn_map, input.watch.btn_big { padding: 15px 0; } } a.watch.btn_big svg, .locations_wrap.alt span.watch.btn_map svg, input.watch.btn_big svg { position: absolute; top: 24px; right: 20px; } @media only screen and (max-width: 1080px) { a.watch.btn_big svg, .locations_wrap.alt span.watch.btn_map svg, input.watch.btn_big svg { width: 22px; height: 19px; top: 17px; right: 15px; } } @media only screen and (max-width: 840px) { a.watch.btn_big svg, .locations_wrap.alt span.watch.btn_map svg, input.watch.btn_big svg { position: relative; top: 2px; right: auto; margin-left: 10px; } } a.watch.btn_big svg path, .locations_wrap.alt span.watch.btn_map svg path, input.watch.btn_big svg path { fill: #d88a34; } a.mobile_btn.btn_big, .locations_wrap.alt span.mobile_btn.btn_map, input.mobile_btn.btn_big { display: none; } @media only screen and (max-width: 620px) { a.mobile_btn.btn_big, .locations_wrap.alt span.mobile_btn.btn_map, input.mobile_btn.btn_big { display: block; } } /* ---------------------------------------------------------------------------- Basic Selectors ---------------------------------------------------------------------------- */ html { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; background: #282828; position: relative; } *, *:before, *:after { -moz-box-sizing: inherit; -webkit-box-sizing: inherit; box-sizing: inherit; } body { min-width: 320px; } /* Sub-pages ------------------------------------------------------------------ */ .tier { border-top: 1px solid rgba(66, 66, 66, 0.3); } @media only screen and (max-width: 840px) { .tier { border-top: 0; } } .tier.no_border { border: 0 !important; } .tier.alt { background: #f2f2f4; border-top: 1px solid rgba(66, 66, 66, 0.3); } .tier:after { content: ''; display: table; clear: both; } .tier h2 { margin-bottom: 30px; font-weight: 400; font-size: 4.6em; line-height: 1em; text-transform: uppercase; color: #424242; } @media only screen and (max-width: 1080px) { .tier h2 { font-size: 4.4em; } } @media only screen and (max-width: 840px) { .tier h2 { font-size: 4em; } } .tier h2.alt { font-size: 5em; font-weight: 400; color: #fff; text-align: center; letter-spacing: 2px; } @media only screen and (max-width: 840px) { .tier h2.alt { font-size: 3.5em; letter-spacing: 1px; } } .tier .flex-control-paging li a:hover, .tier .flex-control-paging li a.flex-active { background: #d88a34 !important; } .tier .locations_wrap a.address { text-decoration: none; } .tier .event_row .info { padding-top: 13px; height: 64px; } .tier .event_row .date { width: 64px; height: 64px; line-height: 64px; } .tier .event_row .btn_details { width: 64px; height: 64px; } /* ---------------------------------------------------------------------------- Buttons ---------------------------------------------------------------------------- */ /* ---------------------------------------------------------------------------- LIVE COUNTDOWN ---------------------------------------------------------------------------- */ .live_countdown_wrap { background-color: #313131; color: #fff; } .live_countdown_wrap h4 { display: inline-block; color: #fff; font-size: 1em; font-weight: 700; } .live_countdown_wrap .live_countdown_timer { display: inline-block; } .live_countdown_wrap .live_countdown_timer:before { content: '//'; margin: 0 3px; } .live_countdown_wrap .live_countdown_timer li { display: inline-block; } .live_countdown_wrap .live_now h4 { display: block; } .live_countdown_wrap a { display: block; padding: 9px 0 12px; text-align: center; text-decoration: none; text-transform: uppercase; color: #fff; font-size: 1.6em; font-weight: 700; } .live_countdown_wrap a:hover { opacity: .8; } /* ---------------------------------------------------------------------------- PAGE HEADER ---------------------------------------------------------------------------- */ .header_wrap { background-color: #424242; } .header_wrap .header { position: relative; height: 108px; } .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%); position: absolute; } @media only screen and (max-width: 840px) { .header_wrap .header { height: 70px; padding: 0 40px; } .header_wrap .header .logo { max-width: 250px; max-height: 44px; } } @media only screen and (max-width: 620px) { .header_wrap .header { padding: 0 20px; } .header_wrap .header .logo { max-height: 30px; max-width: 230px; } } @media only screen and (max-width: 360px) { .header_wrap .header .logo { max-width: 200px; max-height: 25px; } } /* Search: Dropdown ------------------------------------------------------------------ */ .site_search_wrap { display: none; position: relative; padding: 40px; width: 100%; background: #d88a34; } @media only screen and (max-width: 840px) { .site_search_wrap { display: none !important; } } .site_search_wrap .close_div { -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; position: absolute; right: 20px; top: 20px; display: table; width: 30px; } @media only screen and (max-width: 1080px) { .site_search_wrap .close_div { top: 10px; right: 10px; } } .site_search_wrap .close_div img { width: 100%; } .site_search_wrap .close_div:hover { background: rgba(255, 255, 255, 0.2); } .site_search_wrap .site_search { position: initial; top: initial; -webkit-transform: none; -ms-transform: none; transform: none; width: 1000px; margin: 0 auto; display: block; position: relative; } @media only screen and (max-width: 1080px) { .site_search_wrap .site_search { width: 768px; } } @media only screen and (max-width: 840px) { .site_search_wrap .site_search { display: none !important; } } .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: #fff; } .site_search_wrap .site_search label.infield, .site_search_wrap .site_search input[type="text"] { color: #fff; font-weight: 400; font-family: "Lato", Helvetica, sans-serif; font-size: 2.5em; } .site_search_wrap .site_search label.infield { position: absolute; top: 19px; left: 21px; } .site_search_wrap .site_search input[type="text"] { width: 100%; height: 70px; padding: 0 20px 3px; background: transparent; 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: 30px; width: 30px; } .site_search_wrap .site_search .search_submit svg path { fill: #d88a34; } /* Site Logo ------------------------------------------------------------------ */ /* Header Tools ------------------------------------------------------------------ */ .header_tools { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); position: absolute; right: 0; z-index: 10000; } @media only screen and (max-width: 840px) { .header_tools { display: none; } } .header_tools li { display: inline-block; } .header_tools li a { -webkit-transition: color 0.2s ease-in; -moz-transition: color 0.2s ease-in; -o-transition: color 0.2s ease-in; transition: color 0.2s ease-in; display: block; position: relative; text-decoration: none; text-transform: uppercase; color: rgba(255, 255, 255, 0.5); font-size: 1.5em; font-weight: 700; } .header_tools li a:before { content: '/'; margin: 0 6px; } .header_tools li a:hover, .header_tools li a.active { color: rgba(255, 255, 255, 0.3); } .header_tools li:first-child a:before { content: ''; } .header_tools li.times_location a:after { -webkit-transition: opacity 200ms ease-in; -moz-transition: opacity 200ms ease-in; -o-transition: opacity 200ms ease-in; transition: opacity 200ms ease-in; position: relative; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); content: ''; opacity: 0; position: absolute; bottom: -33px; width: 0; height: 0; border-left: 30px solid transparent; border-right: 30px solid transparent; border-bottom: 25px solid #f2f2f4; } .header_tools li.times_location a.active:after { opacity: 1; } /* Flyout ------------------------------------------------------------------ */ .homepage_flyout { display: none; position: absolute; top: 51px; right: 0; padding: 35px 40px; width: 480px; background: #f2f2f4; color: #a0a0a0; } .homepage_flyout .flyout_title { text-transform: uppercase; color: #d88a34; font-size: 2.5em; font-weight: 700; margin-bottom: 25px; } .homepage_flyout .flyout_title .icon { display: inline-block; } .homepage_flyout .flyout_title svg { fill: #d88a34; height: 20px; width: 20px; margin-right: 8px; position: relative; top: 1px; } .homepage_flyout .service_times li { width: 100%; border-bottom: 1px solid #666; padding: 14px 0; color: #666; font-size: 1.8em; } .homepage_flyout .service_times li:first-child { border-top: 1px solid #666; } .homepage_flyout .service_times li span { display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .homepage_flyout .service_times li span.service_times_day { width: 115px; } .homepage_flyout .service_times li span.service_times_time { width: 95px; } .homepage_flyout .service_times li span.service_times_name { width: 190px; } .homepage_flyout .location { padding-top: 25px; } .homepage_flyout .location_content { float: left; width: 50%; } .homepage_flyout .location_address span { display: inline-block; } .homepage_flyout .location_address-title { margin-bottom: 10px; text-transform: uppercase; font-weight: 700; } .homepage_flyout .location_address-info { line-height: 1.2em; font-weight: 300; } .homepage_flyout .location_address p { margin: 30px 0 0; line-height: 1; } .homepage_flyout .location_address p:first-child { margin-top: 0; } .homepage_flyout .location_address p:first-child .location_address-title { line-height: 1.2em; text-transform: none; } .homepage_flyout .location_map { display: table; position: relative; top: 5px; float: right; width: 48%; height: 210px; background-color: #d88a34; text-decoration: none; } .homepage_flyout .location_map-overlay { -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; display: block; position: absolute; height: 100%; width: 100%; background: url('../images/prefab5/hp_flyout_map.jpg?1449584965') center center no-repeat transparent; background-size: cover; opacity: .13; } .homepage_flyout .location_map-text { display: table-cell; position: relative; height: 100%; width: 100%; vertical-align: middle; text-align: center; } .homepage_flyout .location_map svg { width: 36px; height: 36px; fill: #fff; } .homepage_flyout .location_map h2 { text-transform: uppercase; color: #fff; font-size: 2.5em; } .homepage_flyout .location_map:hover .location_map-overlay { opacity: .3; } /* ---------------------------------------------------------------------------- MAIN NAVIGATION ---------------------------------------------------------------------------- */ .main_nav_wrap { background-color: #d88a34; /* Search ------------------------------------------------------------------ */ } @media only screen and (max-width: 840px) { .main_nav_wrap { width: 100%; display: none; height: inherit; z-index: 10000; border: 0; } } .main_nav_wrap.mobile { display: none; background: #d88a34; } @media only screen and (min-width: 842px) { .main_nav_wrap.mobile { display: none !important; } } @media only screen and (max-width: 840px) { .main_nav_wrap.generic { background: #f2f2f4 !important; } .main_nav_wrap.generic li { border-color: rgba(66, 66, 66, 0.3); } .main_nav_wrap.generic li a { color: #6f6f6f !important; } } @media only screen and (max-width: 840px) { .main_nav_wrap.odd li.full { margin-right: 0; width: 100%; border-right: 0; } } .main_nav_wrap .site_search { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); position: absolute; right: 0; width: 165px; } @media only screen and (max-width: 1080px) { .main_nav_wrap .site_search { display: none; } } .main_nav_wrap .site_search input[type='text'], .main_nav_wrap .site_search label.infield { color: #fff; font-family: "Lato", Helvetica, sans-serif; font-size: 1.4em; } .main_nav_wrap .site_search input[type='text'] { border: 0; border-bottom: 1px solid #fff; width: 100%; height: 34px; background-color: transparent; } .main_nav_wrap .site_search label.infield { position: absolute; top: 8px; padding: 0; text-transform: uppercase; } .main_nav_wrap .site_search label.infield:hover { cursor: text; } .main_nav_wrap .site_search .site_search_clear { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); position: absolute; right: 25px; opacity: .6; } .main_nav_wrap .site_search .site_search_clear svg { height: 12px; width: 12px; } .main_nav_wrap .site_search .site_search_clear svg path { fill: #fff; } .main_nav_wrap .site_search .search_submit { position: absolute; top: 8px; right: 0; } .main_nav_wrap .site_search .search_submit svg { width: 19px; height: 19px; } .main_nav_wrap .site_search .search_submit svg path { fill: #fff; } .main_nav { display: table; } .mobile .main_nav { width: 100%; } .desktop .main_nav { width: -moz-calc(100% - 200px); width: -webkit-calc(100% - 200px); width: calc(100% - 200px); float: left; } .ie9 .desktop .main_nav { width: 800px; } @media only screen and (max-width: 1080px) { .desktop .main_nav { width: -moz-calc(100% - 20px); width: -webkit-calc(100% - 20px); width: calc(100% - 20px); } .ie9 .desktop .main_nav { width: 748px; } } .main_nav li { display: inline-block; } @media only screen and (max-width: 840px) { .main_nav li { width: 50%; margin-right: 0 !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); } } .main_nav li:last-child { margin-right: 0 !important; } .main_nav li a { -webkit-transition: color 0.2s ease-in; -moz-transition: color 0.2s ease-in; -o-transition: color 0.2s ease-in; transition: color 0.2s ease-in; display: block; padding: 26px 0 27px; text-decoration: none; text-transform: uppercase; color: #fff; font-size: 1.6em; font-weight: 700; } .mobile .main_nav li a { color: #fff; padding: 0 10px; height: 55px; text-align: center; font-size: 1.5em; } @media only screen and (max-width: 480px) { .mobile .main_nav li a { font-size: 1.4em; } } @media only screen and (max-width: 840px) { .main_nav li a span { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); display: block; } } .main_nav li.active a { color: rgba(0, 0, 0, 0.5); } .main_nav.fiveDown li { border-left: 1px solid rgba(255, 255, 255, 0.5); } .main_nav.fiveDown li:last-child { border-right: 1px solid rgba(255, 255, 255, 0.5); } .main_nav.fiveDown li a:hover { background: rgba(0, 0, 0, 0.03); } .main_nav.fiveDown li a:hover span { border-color: transparent; } @media only screen and (max-width: 1080px) { .main_nav.sixUp li a { font-size: 1.6em; } } .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; } .main_nav.sixUp li a:hover span { border-color: #fff; } /* Mobile Navigation ------------------------------------------------------------------ */ .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 only screen and (max-width: 840px) { .mobile_nav_toggle { display: block; right: 40px; position: absolute; } } @media only screen and (max-width: 480px) { .mobile_nav_toggle { right: 20px; } } .mobile_nav_toggle:hover { cursor: pointer; } .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: #d88a34; } .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-of-type(1) { -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); } .mobile_nav_toggle.open span:nth-of-type(2) { opacity: 0; } .mobile_nav_toggle.open span:last-of-type { -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); bottom: auto; } /* Search Toggle ------------------------------------------------------------------ */ .btn_header_search { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); display: none; position: absolute; right: 0; } @media only screen and (max-width: 1080px) { .btn_header_search { display: block; } } .btn_header_search a { display: block; } .btn_header_search svg { width: 19px; height: 19px; } .btn_header_search svg path { fill: #fff; } /* ---------------------------------------------------------------------------- ROTATOR OVERRIDES ---------------------------------------------------------------------------- */ .no-js .slideshow_controls_wrap { display: none; } .slideshow_controls_wrap .slideshow_controls { background-size: inherit !important; } .slideshow_controls_wrap #next { background-image: url('../images/prefab5/icon_rotator_next.png?1449584965'); } .slideshow_controls_wrap #prev { background-image: url('../images/prefab5/icon_rotator_prev.png?1449584965'); } .no-js .main_rotator .slides { display: none; } .no-js .main_rotator .slides:first-of-type { display: block; } /* ---------------------------------------------------------------------------- SECONDARY CALLOUTS ---------------------------------------------------------------------------- */ .secondary_callout_wrap { background-color: transparent; } .secondary_callouts { padding: 0; } .secondary_callouts li { margin-right: 0 !important; width: 33.333333%; } .secondary_callouts li span { display: block; } .secondary_callouts li a { display: block; text-decoration: none; } .secondary_callouts li img { height: auto; max-width: 100%; vertical-align: middle; float: none; } @media only screen and (max-width: 620px) { .secondary_callouts li img { max-width: none; } } .secondary_callouts.titles_none { padding: 0; } @media only screen and (max-width: 620px) { .secondary_callouts.titles_none li { width: 33.3333333%; } } @media only screen and (max-width: 620px) { .secondary_callouts.titles_under li:first-child, .secondary_callouts.titles_overlay li:first-child { border-top-width: 1px; } } @media only screen and (max-width: 620px) { .secondary_callouts.titles_under li:last-child, .secondary_callouts.titles_overlay li:last-child { border-bottom-width: 1px; } } .secondary_callouts.titles_under li h1 { display: block; border: 0; width: 100%; padding-top: 22px; background-color: transparent; } @media only screen and (max-width: 620px) { .secondary_callouts.titles_under li h1 { display: table-cell; padding-top: 0; } } .secondary_callouts.titles_overlay li { background-color: #d88a34; } @media only screen and (max-width: 620px) { .secondary_callouts.titles_overlay li { background-color: transparent; } } /* ---------------------------------------------------------------------------- FEATURED CONTENT ---------------------------------------------------------------------------- */ .featured_wrap { background-color: #f2f2f4; padding: 60px 0; /* Upcoming Events ------------------------------------------------------------------ */ /* Latest Message ------------------------------------------------------------------ */ } @media only screen and (max-width: 840px) { .featured_wrap { padding: 40px; } } @media only screen and (max-width: 620px) { .featured_wrap { padding: 20px; } } .featured_wrap .featured_container:after { display: table; content: ''; clear: both; } .featured_wrap .featured_container.alt { padding-top: 60px; } @media only screen and (max-width: 840px) { .featured_wrap .featured_container.alt { padding-top: 40px; } } @media only screen and (max-width: 620px) { .featured_wrap .featured_container.alt { padding-top: 20px; } } .featured_wrap .featured_container > div { float: left; width: 48%; overflow: hidden; } @media only screen and (max-width: 840px) { .featured_wrap .featured_container > div { float: none; width: 100%; } } .featured_wrap .featured_container > div:first-child { margin-right: 4%; } @media only screen and (max-width: 840px) { .featured_wrap .featured_container > div:first-child { margin: 0 0 40px; } } @media only screen and (max-width: 620px) { .featured_wrap .featured_container > div:first-child { margin-bottom: 20px; } } .featured_wrap .upcoming_event { -webkit-transition: background-color 0.2s ease-in; -moz-transition: background-color 0.2s ease-in; -o-transition: background-color 0.2s ease-in; transition: background-color 0.2s ease-in; display: block; position: relative; margin-top: 11.4px; height: 73px; padding-left: 108px; padding-right: 50px; background-color: #fff; text-decoration: none; } .featured_wrap .upcoming_event:after { display: table; content: ''; clear: both; } @media only screen and (max-width: 1080px) { .featured_wrap .upcoming_event { height: 81px; margin-top: 11px; } .featured_wrap .upcoming_event:nth-child(4) { display: none; } } @media only screen and (max-width: 480px) { .featured_wrap .upcoming_event { height: 60px; padding-left: 70px; padding-right: 30px; font-size: .8em; } } .featured_wrap .upcoming_event:first-child { margin-top: 0; } .featured_wrap .upcoming_event:hover { background-color: rgba(0, 0, 0, 0.05); } .featured_wrap .upcoming_event_date { display: block; position: absolute; top: 0; left: 0; margin-right: 25px; height: 100%; width: 83px; background-color: #d88a34; text-align: center; padding-top: 10px; } @media only screen and (max-width: 1080px) { .featured_wrap .upcoming_event_date { padding-top: 15px; } } @media only screen and (max-width: 480px) { .featured_wrap .upcoming_event_date { margin-right: 10px; width: 60px; height: 60px; padding-top: 9px; } } .featured_wrap .upcoming_event_date span { display: block; line-height: 1; color: #fff; } .featured_wrap .upcoming_event_date_day { margin-bottom: 1px; font-size: 3.4em; font-weight: 800; } .featured_wrap .upcoming_event_date_month { text-transform: uppercase; font-size: 1.6em; } .featured_wrap .upcoming_event_info { display: block; float: left; width: 100%; } .featured_wrap .upcoming_event_title { padding-top: 13px; font-size: 2em; font-weight: 700; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } @media only screen and (max-width: 1080px) { .featured_wrap .upcoming_event_title { padding-top: 18px; } } @media only screen and (max-width: 840px) { .featured_wrap .upcoming_event_title { max-width: 380px; } } @media only screen and (max-width: 620px) { .featured_wrap .upcoming_event_title { max-width: 275px; } } @media only screen and (max-width: 480px) { .featured_wrap .upcoming_event_title { max-width: 175px; padding-top: 11px; } } .featured_wrap .upcoming_event_day-time { margin: 2px 0 0; line-height: 1; font-size: 1.8em; } @media (min-width: 840px) and (max-width: 1080px) { .featured_wrap .upcoming_event_day-time { font-size: 1.6em; } } .featured_wrap .upcoming_event svg { position: absolute; top: 21px; right: 18px; width: 31px; height: auto; } @media only screen and (max-width: 480px) { .featured_wrap .upcoming_event svg { top: 14px; right: 3px; } } .featured_wrap .latest_message { position: relative; } .featured_wrap .latest_message_info { display: block; position: relative; line-height: 1; letter-spacing: -.7px; text-align: left; text-decoration: none; text-transform: uppercase; color: #d88a34; font-size: 2.7em; font-weight: 700; } @media only screen and (max-width: 480px) { .featured_wrap .latest_message_info { font-size: 2em; } } .featured_wrap .latest_message_image { width: 100%; } .featured_wrap .latest_message_link { -webkit-transition: background-color 0.2s ease-in; -moz-transition: background-color 0.2s ease-in; -o-transition: background-color 0.2s ease-in; transition: background-color 0.2s ease-in; display: block; position: relative; width: 100%; height: 54px; background-color: rgba(255, 255, 255, 0.9); padding: 0 15px; line-height: 54px; } .featured_wrap .latest_message_link:after { display: table; content: ''; clear: both; } .featured_wrap .latest_message_link:hover { background-color: #fff; } .featured_wrap .latest_message .icon { display: block; float: right; width: 38px; height: 38px; padding: 7px; background-color: #d88a34; position: relative; margin-top: 7px; } .featured_wrap .latest_message .icon.last { margin-right: 8px; } @media only screen and (max-width: 480px) { .featured_wrap .latest_message .icon { width: 30px; height: 30px; margin-top: 12px; } } .featured_wrap .latest_message .icon svg { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); position: absolute; } .featured_wrap .latest_message .icon svg path { fill: #fff; } /* ---------------------------------------------------------------------------- ABOUT SECTION ---------------------------------------------------------------------------- */ .about_wrap { position: relative; background-color: #424242; } .about_wrap .about { z-index: 2; } .about_wrap .about_background { position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; opacity: .7; background: url('../images/prefab5/bg_hp_about.jpg?1449584965') center center no-repeat transparent; background-size: cover; } @media only screen and (max-width: 840px) { .about_wrap .about_background { opacity: .3; } } .about_wrap .about_title { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); color: #fff; font-size: 2.5em; letter-spacing: -.7px; } @media only screen and (max-width: 840px) { .about_wrap .about_content { float: none; width: 100%; padding: 0; } } .about_wrap .about_content h1 { line-height: 1em; text-transform: uppercase; color: #fff; font-size: 4.7em; font-weight: 700; } @media only screen and (max-width: 840px) { .about_wrap .about_content h1 { display: block; float: none; width: 100%; } } @media only screen and (max-width: 620px) { .about_wrap .about_content h1 { font-size: 2em; } } .about_wrap .about_content p { margin: 14px 0 0; line-height: 1.5; color: #fff; font-family: "Lato", Helvetica, sans-serif; font-size: 2.4em; padding-right: 20%; } @media only screen and (max-width: 1080px) { .about_wrap .about_content p { font-size: 1.7em; padding-right: 0; } } @media only screen and (max-width: 840px) { .about_wrap .about_content p { float: none; } } .about_wrap .about_content .about_link { display: block; margin-top: 43px; } @media only screen and (max-width: 840px) { .about_wrap .about_content .about_link { margin-top: 20px; } } @media only screen and (max-width: 620px) { .about_wrap .about_content .about_link { margin-top: 10px; } } .about_wrap .about_content .about_link a { -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; display: inline-block; background-color: #d88a34; padding: 12px 20px; text-decoration: none; text-transform: uppercase; color: #fff; font-size: .8em; } @media only screen and (max-width: 620px) { .about_wrap .about_content .about_link a { font-weight: 700; } } .about_wrap .about_content .about_link a:hover { opacity: .8; } .about_wrap .about_image { position: absolute; top: 0; left: 0; width: 25%; height: 100%; } @media only screen and (max-width: 840px) { .about_wrap .about_image { left: 40px; } } @media only screen and (max-width: 620px) { .about_wrap .about_image { position: relative; left: 0; float: none; width: auto; height: auto; display: table-cell; vertical-align: middle; } } .about_wrap .about_image img { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); height: auto; max-width: 100%; vertical-align: middle; } @media only screen and (max-width: 840px) { .about_wrap .about_image img { max-width: none; width: 200px; } } @media only screen and (max-width: 620px) { .about_wrap .about_image img { position: initial; top: initial; -webkit-transform: none; -ms-transform: none; transform: none; width: 120px; margin-right: 20px; } } @media only screen and (max-width: 480px) { .about_wrap .about_image img { width: 100px; margin-right: 15px; } } .about_wrap.alt .about_background { -webkit-filter: grayscale(1); -webkit-filter: grayscale(100%); filter: gray; filter: grayscale(100%); filter: url(desaturate.svg#greyscale); opacity: .2; } .about_wrap.alt .about_content h1, .about_wrap.alt .about_content p { float: right; width: 75%; padding-left: 30px; } @media only screen and (max-width: 840px) { .about_wrap.alt .about_content h1, .about_wrap.alt .about_content p { width: -moz-calc(100% - 200px); width: -webkit-calc(100% - 200px); width: calc(100% - 200px); float: right; } } .about_wrap.alt .about_content h1 { font-size: 4em; } @media only screen and (max-width: 840px) { .about_wrap.alt .about_content h1 { font-size: 3em; } } @media only screen and (max-width: 620px) { .about_wrap.alt .about_content h1 { display: table-cell; float: none; vertical-align: middle; width: 100%; height: 80px; border-top: 1px solid #fff; border-bottom: 1px solid #fff; padding-left: 0; font-size: 2em; } } @media only screen and (max-width: 480px) { .about_wrap.alt .about_content h1 { height: 60px; } } @media only screen and (max-width: 620px) { .about_wrap.alt .about_content p { display: block; float: none; width: 100%; padding-left: 0; } } .about_wrap.alt .about_content .about_link a { background-color: #fff; color: #424242; } .about_wrap.no-featured { background-color: #fff; } .about_wrap.no-featured .about_background { -webkit-filter: grayscale(1); -webkit-filter: grayscale(100%); filter: gray; filter: grayscale(100%); filter: url(desaturate.svg#greyscale); opacity: .2; } .about_wrap.no-featured .about_content h1, .about_wrap.no-featured .about_content p { color: #424242; } /* ---------------------------------------------------------------------------- NEWSLETTER ---------------------------------------------------------------------------- */ .newsletter_wrap { background-color: #d88a34; } .newsletter_wrap .newsletter_info { float: left; width: 43%; } @media only screen and (max-width: 1080px) { .newsletter_wrap .newsletter_info { float: none; width: auto; } } .newsletter_wrap .newsletter_title { margin-bottom: 26px; border-bottom: 1px solid; padding-bottom: 26px; text-transform: uppercase; letter-spacing: .2px; color: #fff; font-size: 3em; font-weight: bold; } @media only screen and (max-width: 840px) { .newsletter_wrap .newsletter_title { padding-bottom: 15px; margin-bottom: 15px; } } .newsletter_wrap .newsletter_subtitle { letter-spacing: .1px; color: #fff; font-size: 1.7em; } .newsletter_wrap .newsletter_form, .newsletter_wrap .message { float: right; width: 51%; margin-top: 10px; } @media only screen and (max-width: 1080px) { .newsletter_wrap .newsletter_form, .newsletter_wrap .message { float: none; width: auto; margin-top: 40px; } } .newsletter_wrap .message { padding: 29px 0; background-color: #fff; } .newsletter_wrap .message h4, .newsletter_wrap .message p { color: #d88a34; } .newsletter_wrap input[type="text"], .newsletter_wrap input[type="submit"], .newsletter_wrap label.infield { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; -webkit-appearance: none; height: 50px; line-height: 1.3em; color: #fff; font-weight: 400; font-size: 1.8em; font-family: "Lato", Helvetica, sans-serif; } .newsletter_wrap input[type="text"] { padding: 0 20px; width: 100%; background: transparent; border: 1px solid #fff; } .newsletter_wrap input[type="submit"] { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; display: block; margin: 0 0 0 11px; border: 1px solid #fff; width: 49px; background: url('../images/prefab5/icon_submit.png?1449584965') center center no-repeat transparent; text-indent: -9999px; } @media only screen and (max-width: 840px) { .newsletter_wrap input[type="submit"] { width: 100%; margin: 0; text-indent: inherit; background-image: none; background-color: #fff; color: #d88a34; } } .newsletter_wrap label.infield { height: auto; position: absolute; top: 14px; left: 21px; } .newsletter_wrap label.infield:hover { cursor: text; } .newsletter_wrap .form_row.one { margin-bottom: 10px; } .newsletter_wrap .form_row.one:after { display: table; content: ''; clear: both; } .newsletter_wrap .form_row.one .input_wrap { width: -moz-calc(50% - 5px); width: -webkit-calc(50% - 5px); width: calc(50% - 5px); margin-right: 10px; } .newsletter_wrap .form_row.one .input_wrap:last-child { margin-right: 0; } .newsletter_wrap .form_row.two { margin-bottom: 0; } .newsletter_wrap .form_row.two:after { display: table; content: ''; clear: both; } .newsletter_wrap .form_row.two .input_wrap:first-child { width: -moz-calc(100% - 60px); width: -webkit-calc(100% - 60px); width: calc(100% - 60px); } .newsletter_wrap .input_wrap { position: relative; float: left; } @media only screen and (max-width: 840px) { .newsletter_wrap .input_wrap { float: none; width: 100% !important; margin: 0 0 10px !important; } .newsletter_wrap .input_wrap:last-child { margin-bottom: 0 !important; } } .newsletter_wrap .input_wrap.error label { color: #d83434; } .newsletter_wrap .input_wrap.error input { border: 1px solid #d83434; } .newsletter_wrap .input_wrap.error span.error_tag { display: block; } .newsletter_wrap span.error_tag { display: none; position: absolute; top: 10px; right: 10px; z-index: 4; width: 80px; height: 30px; background: #d83434; color: #fff; text-transform: uppercase; font-weight: 700; text-align: center; line-height: 29px; font-size: 1.1em; } @media only screen and (max-width: 480px) { .newsletter_wrap span.error_tag { height: auto; line-height: normal; top: auto; position: relative; width: 100%; right: auto; font-size: 1.4em; text-align: left; padding: 5px 20px; } } .newsletter_wrap span.error_tag:before { content: ''; width: 0; height: 0; border-top: 9px solid transparent; border-bottom: 9px solid transparent; border-right: 9px solid #d83434; position: absolute; left: -9px; top: 6px; } @media only screen and (max-width: 1080px) { .newsletter_wrap span.error_tag:before { top: 4px; } } /* ---------------------------------------------------------------------------- SOCIAL MEDIA LINKS ---------------------------------------------------------------------------- */ .social_wrap { background: #424242; } .social_wrap .social_title { margin-bottom: 20px; text-align: center; text-transform: uppercase; letter-spacing: 4px; word-spacing: 4px; color: rgba(255, 255, 255, 0.2); font-size: 3em; } @media only screen and (max-width: 840px) { .social_wrap .social_title { display: none; } } .social_wrap .social_icons { width: 100%; display: table; text-align: center; } .social_wrap .social_icons li { display: inline-block; margin: 0 20px 0 0; } @media only screen and (max-width: 840px) { .social_wrap .social_icons li { margin: 2px 10px 0 0; } } .social_wrap .social_icons li:last-child { margin-right: 0 !important; } .social_wrap .social_icons li a { display: block; } .social_wrap .social_icons li svg { width: 50px; height: 50px; } @media only screen and (max-width: 840px) { .social_wrap .social_icons li svg { height: 40px; width: 40px; } } @media only screen and (max-width: 620px) { .social_wrap .social_icons li svg { height: 26px; width: 26px; } } .social_wrap .social_icons li svg path { fill: rgba(255, 255, 255, 0.2); } .social_wrap.alt .social_title { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); position: absolute; left: 0; margin-bottom: 0; text-align: left; } @media only screen and (max-width: 1080px) { .social_wrap.alt .social_title { position: initial; top: initial; -webkit-transform: none; -ms-transform: none; transform: none; position: relative; text-align: center; } } .social_wrap.alt .social_icons { float: right; padding: 0; width: auto; text-align: right; } @media only screen and (max-width: 1080px) { .social_wrap.alt .social_icons { float: none; width: 100%; text-align: center; margin-top: 20px; } } @media only screen and (max-width: 840px) { .social_wrap.alt .social_icons { margin-top: 0; } } /* ---------------------------------------------------------------------------- FOOTER ---------------------------------------------------------------------------- */ .footer_contained a { -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; } .footer_contained a:hover { opacity: .7; } /* Footer Sitemap ------------------------------------------------------------------ */ .footer_sitemap { margin-bottom: 14px; } @media only screen and (max-width: 1080px) { .footer_sitemap { float: none; text-align: center; margin-bottom: 30px; } } @media only screen and (max-width: 840px) { .footer_sitemap { display: none; } } .footer_sitemap li { display: inline-block; color: rgba(255, 255, 255, 0.3); font-size: 1.6em; } .footer_sitemap li:before { content: '/'; margin: 0 4px; } .footer_sitemap li:first-child:before { content: ''; margin: 0; } .footer_sitemap a { text-decoration: none; color: rgba(255, 255, 255, 0.3); } /* Copyright ------------------------------------------------------------------ */ @media only screen and (max-width: 1080px) { .copyright { float: none; text-align: center; margin-bottom: 20px; } } .copyright span { display: inline-block; } @media only screen and (max-width: 1080px) { .copyright span { display: block; } .copyright span:first-child { margin-bottom: 5px; } } .copyright li { display: inline-block; color: rgba(255, 255, 255, 0.3); font-size: 1.4em; } .copyright a { text-decoration: none; color: rgba(255, 255, 255, 0.3); } .copyright_links { margin-left: 6px; } @media only screen and (max-width: 1080px) { .copyright_links { margin-left: 0; } } .copyright_link:before { content: '/'; margin: 0 4px; } .copyright_link:first-child:before { content: ''; margin: 0; } .copyright .loading { position: absolute; left: 16px; } /* Church Media Logo ------------------------------------------------------------------ */ .cmg_logo { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); display: block; position: absolute; right: 0; width: 183px; opacity: .15; text-align: left; } @media only screen and (max-width: 1080px) { .cmg_logo { position: initial; top: initial; -webkit-transform: none; -ms-transform: none; transform: none; position: relative; margin: 0 auto; } } .cmg_logo:hover { opacity: .1 !important; } .cmg_logo img { height: auto; max-width: 100%; vertical-align: middle; } /* Footer Search ------------------------------------------------------------------ */ .footer_site_search_wrap { display: none; position: relative; width: 100%; margin-bottom: 20px; } @media only screen and (max-width: 840px) { .footer_site_search_wrap { display: block; } } .footer_site_search_wrap .site_search a.site_search_clear { display: block; position: absolute; top: 22px; right: 80px; } @media only screen and (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: #424242; } .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: "Lato", Helvetica, sans-serif; font-size: 2em; } @media only screen and (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 only screen and (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 only screen and (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 only screen and (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%); height: 20px; width: 20px; opacity: .8; } .footer_site_search_wrap .site_search .search_submit svg path { fill: #fff; } /* --------------------------------------------------------------------------------------- Overrides --------------------------------------------------------------------------------------- */ .live_header_wrap { background: #424242; } /*# sourceMappingURL=screen_prefab5.css.map */