/****************************************************************** Theme Name: Westbury Water District Theme URI: Description: This is child theme that uses the Bones theme as it's parent but strips out all the unnecessary gunk it comes with and also includes some extra goodies. Website Designs and Developed by PMG Author: PMG Author URI: http://pmbstrategic.com Version: 1.75 Tags: fluid-layout, responsive-layout, accessibility-ready, translation-ready, microformats, rtl-language-support Template: bones License: WTFPL License URI: http://sam.zoy.org/wtfpl/ ------------------------------------------------------------------ */ /********************************************* HTML5 **********************************************/ article, aside, figure, footer, header, nav, section {display: block;} /********************************************* GENERAL **********************************************/ html, body { width: 100%; margin:0; padding:0; } body { background-color: #fff; font-family: 'Raleway', sans-serif; font-weight: 400; font-size: 1rem; } a, a .fa, .featured .page { -webkit-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } a:hover { text-decoration: underline; } a:focus, button:focus,input:focus, optgroup:focus, select:focus, textarea:focus { outline: 0px none !important; } hr { clear: both; border-top: solid 1px #848f8f; border-bottom: solid 1px #e6e0da; height: 3px; border-left: 0; border-right: 0; width: 100%; margin: 40px auto; } .home h1.page-title { font-size: 44px; font-weight: 400; text-align: center; color: #fcf9ab; } .inner h1.page-title { font-size: 44px; font-weight: 500; color: #4b5f7d; margin-top: 0; } h2 { font-size: 44px; font-weight: 500; color: #151643; margin-bottom: 0; } h3 { font-size: 32px; font-weight: 500; color: #151643; margin-bottom: 0; } h4 { font-size: 30px; font-style: 500; color: #151643; margin-bottom: 0; } h5 { font-size: 26px; font-style: 500; color: #151643; } h6 { font-size: 24px; font-style: 500; color: #151643; } strong, b { font-weight: 700; } .entry-content p.small { font-size: 16px; line-height: 24px; } .noPadL, .first { padding-left: 0 !important; } .noPadR, .last { padding-right: 0 !important; } .noPad { padding-left: 0 !important; padding-right: 0 !important; } .noPadC { padding-left: 7px !important; padding-right: 8px !important; } .xPad { padding-left: 45px !important; padding-right: 45px !important; } .xPadR { padding-right: 45px !important; } .xPadL { padding-left: 45px !important; } .xxPadR { padding-right: 10.125% !important; } .pad15 { padding: 0 10px !important; } .text-uppercase { text-transform: uppercase; } a.preload { background-position: -99999px -99999px; background-repeat: no-repeat; } a:visited { color: #0a999a; text-decoration: none; } a:visited:hover { text-decoration: none; } .margin-auto { margin:0 auto; } .noScroll { overflow:hidden; } .fixed { position:fixed; } .absolute { position:absolute; } .relative { position:relative; } .static { position:static; } .vcentered { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; } .clear { clear: both; } body div.uwy.userway_p1 { max-width: 1200px; height: 1px; top: 0; left: 0; right: 0; margin: auto !important; } body div.uwy.userway_p1 .uai { top: 96px !important; right: -40px !important; left: auto !important; bottom: auto !important; position: absolute !important; transition: all 333ms ease !important; } body div.uwy.userway_p1.sticky .uai { top: 58px !important; } body.logged-in.admin-bar div.uwy.userway_p1 .uai { top: 128px !important; } body.logged-in.admin-bar div.uwy.userway_p1.sticky .uai { top: 90px !important; } header#header { position: fixed; top: 0; left: 0; right: 0; z-index: 99; -webkit-transition: top 333ms ease-in-out; transition: top 333ms ease-in-out; -webkit-box-flex: 0; flex: 0 0 auto; } header#header .row { background: transparent linear-gradient(0deg,rgba(35,73,124,1) 0%, #1e4070 50%, rgba(21,47,89,1) 100%) !important; padding-top: 18px; height: 174px; z-index: 4; -webkit-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .logged-in.admin-bar header#header { top: 32px; } .logo a { display: block; } .logo img { display: inline-block; vertical-align: middle; max-width: 190px; margin-bottom: -30px; -webkit-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .logo h1 { display: inline-block; vertical-align: middle; padding-left: 18px; width: calc(100% - 196px); color: #3a9ad0; font-size: 32px; font-weight: 700; -webkit-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .company_info { text-align: right; height: 100%; } .company_info .compwrap { position: absolute; top: 0; bottom: 0; margin: auto; height: 96px; width: 100%; vertical-align: bottom; } body .uwy { max-width: 1200px; height: 1px; left: 0; right: 0; margin: auto; } #nav { background: #dbe7c1; border-bottom: 6px solid #6da7cc; z-index: 5; -webkit-transform: translateX(100%); transform: translateX(100%); -webkit-transition: -webkit-transform 333ms ease-in-out; transition: -webkit-transform 333ms ease-in-out; transition: transform 333ms ease-in-out; transition: transform 333ms ease-in-out, -webkit-transform 333ms ease-in-out; -webkit-transform: none; transform: none; } #nav .nav-opener { position: relative; top: 0; left: auto; right: 15px; height: 72px; width: 72px; text-align: center; } .nav-holder > ul { margin: 0 -4px; text-align: right; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .nav-holder > ul > li > a { display: block; padding: 0 24px; font-size: 20px; font-weight: 700; line-height: 48px; color: #23335d; -webkit-transition: all 333ms ease-in-out; transition: all 333ms ease-in-out; } .nav-holder > ul > li > a:before { content: ''; display: block; width: 2px; height: 67%; position: absolute; top: 0; bottom: 0; left: -1px; margin: auto; background: #edf0df; } .nav-holder > ul > li:first-of-type > a:before { display: none; } .nav-holder ul > li > a:hover, .nav-holder ul > li.current_page_item > a, .nav-holder > ul li.current_page_parent > a { background: rgba(255,255,255,0.33); } .nav-holder > ul > li .sub-menu li.current_page_item > a { background: #dedede; } #menu-main-navigation-1 > li > a { cursor: default; } .cphone { font-weight: 600; font-size: 20px; color: #72caf8; margin-bottom: 32px; } .cphone a { color: #72caf8; text-decoration: none; padding: 0 12px; } .cphone a:hover { } .news_accessibility { display: table; width: 100%; vertical-align: middle; min-height: 94px; padding: 8px 0; -webkit-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .emergency_message { position: relative; width: 100%; background: #990000; color: #fff; height: auto; overflow: hidden; } .emergency_message .container { position: relative; } .emergency_message .close { position: absolute; top: 0; right: 0; width: 54px; height: 54px; text-align: center; line-height: 54px; color: #fff; opacity: 0.75 } .emergency_message h1, .emergency_message h2, .emergency_message h3, .emergency_message h4, .emergency_message h5, .emergency_message h6 { color: #fff;} .emergency_message p { font-size: 22px; color: #fff; } .entry-content a { color: #204374; } .entry-content a.btn, .entry-content p a.btn { display: inline-block; color: #fff; font-size: 22px; line-height: 44px; padding: 0 24px; border-radius: 0; text-decoration: none; text-transform: uppercase; } .entry-content a.wp-block-button__link { color: #fff !important; background-color: #204374; border-radius: 6px; padding: 0 18px; line-height: 40px; font-size: 20px; margin-bottom: 18px; } .blue.btn { background: #32789f; color: #fff; } .lblue.btn, .home .main p a.lblue.btn { background: #38a9c8; color: #fff; } .entry-content a.btn.dblue { background: #264f8b; color: #fff; } .entry-content a.btn.dblue:hover { background: #38a9c8; } .blue.btn:hover { color: #fff; background: #101f58; } .news_accessibility .blue.btn { margin-right: 64px; font-size: 20px; line-height: 32px; color: #fff; } .news_accessibility .blue.btn:hover { background: #0a999a; } .teal.btn { background: #0a999a; } .teal.btn:hover { color: #fff; background: #889cd4; } .btn:hover .fa { transform: translateX(10px); } .top_menu { margin-right: 68px; -webkit-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .top_menu ul { margin-bottom: 0; } .top_menu ul li { display: inline-block; vertical-align: top; padding-left: 10px; -webkit-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .top_menu ul li a { font-size: 18px; font-weight: 700; padding: 0 15px; color: #fcf9ab; position: relative; text-decoration: none; -webkit-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .top_menu ul li.search_btn a { padding-right: 44px; } .top_menu ul li.search_btn a:after { content: ''; position: absolute; width: 24px; height: 24px; right: 12px; top: 0; bottom: 0; margin: auto; background: url(images/icon_search.png) no-repeat center / 24px; } .top_menu ul li.search_btn.shown a:after { content: 'x'; bottom: 4px; background: none; text-align: center; color: #fcf9ab; font-weight: 700; font-size: 24px; } #google_language_translator { margin-top: -5px; } header#header.sticky .row { padding-top: 9px; height: 120px; } header#header.sticky .logo h1 { font-size: 28px; width: calc(100% - 212px); } header#header.sticky .logo img { max-width: 144px; } header#header.sticky .cphone { font-size: 18px; } header#header.sticky .news_accessibility { min-height: 44px; } header#header.sticky .news_accessibility a.blue.btn { display: none; } #mobile_menu { display: none; } .container { max-width: 1200px; width: 100%; padding-left: 15px; padding-right: 15px; margin-left: auto; margin-right: auto; } .banner { margin-top: 132px; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; position: relative; z-index: 1; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; color: #fff; font-size: 18px; line-height: 1.18; } .banner .banner-holder { position: relative; min-height: 333px; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-top: 15px; padding-bottom: 15px; } .search_wrap { display: none; z-index: 3; margin: 0; height: 82px; background: #fff; padding: 16px 72px; } /*.search_wrap:before { content: '\70'; font-family: 'Visual Composer Starter Font'; color: #002772; position: absolute; left: 0; top: 0; bottom: 0; margin: auto; width: 92px; height: 24px; font-size: 24px; line-height: 24px; text-align: center; }*/ .search_wrap .close-search-modal { position: absolute; right: 0; top: 0; bottom: 0; opacity: 0.667; cursor: pointer; width: 60px; } .search_wrap .close-search-modal:before { content: '\72'; font-family: 'Visual Composer Starter Font'; color: #002772; position: absolute; left: 0; top: 0; bottom: 0; margin: auto; width: 60px; height: 24px; font-size: 14px; line-height: 24px; text-align: center; } .search_wrap .searchform { position: relative; padding-left: 216px; } .search_wrap .searchform label { display: block; width: 100%; margin-bottom: 0; } .search_wrap .searchform .search-field { width: 100%; max-width: 100%; height: 50px; line-height: 50px; border: 1px solid #ccc; padding: 0 15px; font-size: 24px; font-weight: 300; } .search_wrap .searchform .search-submit { position: absolute; right: 0; top: 0; bottom: 0; margin: auto; border: 0; font-size: 0; background: url(images/icon_search.png) no-repeat center / 28px; width: 60px; height: 48px; } .container.search-results .search_wrap, .container.err404 .search_wrap { display: block; padding: 0; } .container.search-results .search_wrap .container, .container.err404 .search_wrap .container { padding: 0; } .container.search-results .search_wrap .searchform, .container.err404 .search_wrap .searchform { position: relative; padding-left: 0; } .rs-layer-static.rs-layer { text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.75); } .rev-btn.rs-layer-static.rs-layer { text-shadow: none; box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.75); } .featured { padding: 44px 0; } .featured_icons { display: inline-block; vertical-align: top; text-align: center; padding: 0 20px; } .featured_icons:hover { text-decoration: none; } .featured_icons figure { position: relative; margin: auto; width: 118px; height: 118px; border-radius: 50%; -webkit-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .featured_icons figure img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; max-height: 60px; width: auto; margin: auto; display: block; -webkit-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .featured_icons:hover figure img { max-height: 78px; } .featured_icons h3 { color: #111a42; font-size: 22px; font-weight: 500; line-height: 38px; margin-top: 32px; -webkit-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .featured_icons:hover h3 { -webkit-transform: translateY(-6px); transform: translateY(-6px); } .sidebar_extras .featured_icons { width: 100%; display: block; text-align: left; padding: 10px 0; border-bottom: 2px solid #cdd2d4; } .sidebar_extras .featured_icons figure { display: inline-block; vertical-align: middle; margin: auto; width: 96px; height: 96px; } .sidebar_extras .featured_icons figure img { max-height: 48px; } .sidebar_extras .featured_icons h3 { display: inline-block; vertical-align: middle; width: calc(100% - 100px); font-size: 20px; font-weight: 600; color: #4b5f7d; line-height: 1.2; margin: auto; padding-left: 12px; } .entry-content .sidebar_content_ .wp-caption.alignnone { margin: 0; padding: 0; } .entry-content .sidebar_content_ p.wp-caption-text { font-size: 13px; text-align: left; color: #111b42; margin-top: 0; margin-bottom: 2em; line-height: 18px; } .home .main { padding: 92px 0; text-align: center; background: #264f8b; } .home .entry-content .main p { font-size: 19px; font-weight: 400; color: #fcfcfb; } .home .entry-content .main a { color: #fcf9ab; text-decoration: underline; } .home .entry-content .main a.btn { margin-top: 24px; } .home .entry-content .main a.btn:hover { color: #fff; background: #19447e; } .main .calendars { margin: 84px 60px 0; } .main .calendars .calwrap { margin: 0 -6px 0; } .main .calendars .nav-tabs { border: 0; margin: 0 -6px; padding: 0 !important; } .main .calendars .nav-tabs > li { width: 33.04%; padding: 0 6px; margin: 0; } .main .calendars .nav-tabs > li > a { margin-right: 0; font-size: 22px; font-weight: 700; line-height: 56px; max-height: 56px; overflow: hidden; text-align: center; text-transform: uppercase; border: 0; border-radius: 0; background: #536189; color: #fff; } .main .calendars .nav-tabs > li > a:hover { background: #889cd4; } .main .calendars .nav-tabs > li.active > a { background: #fff; color: #111b42; } .main .calendars .nav-tabs>li.active>a, .main .calendars .nav-tabs>li.active>a:hover, .main .calendars .nav-tabs>li.active>a:focus { border: 0; } .main .calendars .tab-content { background: #fff; padding: 15px 6px; margin: 0 12px 0 0; } .main .calendars .tab-content .tribe-compatibility-container { padding-right: 8px; } .main .calendars .tab-content .tribe-compatibility-container, .main .calendars .tab-content .tribe-compatibility-container .tribe-events-widget, .main .calendars .tab-content .tribe-compatibility-container .tribe-events-widget .tribe-events-widget-events-list { height: 100%; } .main .calendars .tab-content .tribe-compatibility-container .tribe-events-widget .tribe-events-widget-events-list { display: table; vertical-align: middle; width: 100%; } .main .calendars .tab-content .tribe-events-widget-events-list__events { column-count: 2; display: table-cell; vertical-align: text-top; width: 100%; padding-top: 75px; } .main .calendars .tab-content .tribe-events-widget-events-list__events .tribe-common-g-row.tribe-events-widget-events-list__event-row { padding: 12px 0; -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; } .main .calendars .tab-content .tribe-events-calendar-month + .tribe-events-calendar-month-mobile-events { display: none; } .main .calendars .tab-content .tribe-events-widget-events-list__event-wrapper.tribe-common-g-col { text-align: left; } .main .calendars .tab-content .tribe-common.tribe-events.tribe-events-widget.tribe-events-view--shortcode.tribe-events-widget-events-month.tribe-common--breakpoint-xsmall .tribe-events-calendar-month, .main .calendars .tab-content .tribe-common.tribe-events.tribe-events-widget.tribe-events-view--shortcode.tribe-events-widget-events-shortcode-month.tribe-common--breakpoint-xsmall .tribe-events-calendar-month { margin-bottom: 0; padding-bottom: 0; } .main .calendars .tab-content .tribe-common-b1.tribe-common-b2--min-medium.tribe-events-widget-events-month__view-more { display: none; } .main .calendars .tab-content .tribe-events-widget-events-list__view-more.tribe-common-b1.tribe-common-b2--min-medium { width: 100%; display: block; position: absolute; bottom: 45px; right: 45px; text-align: right; } .main .calendars .tab-content .tribe-events-widget-events-list__view-more.tribe-common-b1.tribe-common-b2--min-medium a { display: inline-block; background: #0a999a; color: #fff; font-size: 24px; line-height: 44px; padding: 0 24px; border-radius: 0; border: 0; text-decoration: none; text-transform: uppercase; -webkit-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .main .calendars .tab-content .tribe-events-widget-events-list__view-more.tribe-common-b1.tribe-common-b2--min-medium a:hover { color: #fff; background: #889cd4; } .main .calendars .tab-content .tribe-events .tribe-events-calendar-month__day-cell--selected, .main .calendars .tab-content .tribe-events .tribe-events-calendar-month__day-cell--selected:focus, .main .calendars .tab-content .tribe-events .tribe-events-calendar-month__day-cell--selected:hover, .main .calendars .tab-content .tribe-events .tribe-events-calendar-month__mobile-events-icon--event { background-color: rgba(10, 153, 154, 0.66); } .main .calendars .tab-content .tribe-common.tribe-events.tribe-events-widget-shortcode.tribe-events-widget-shortcode-events-month .tribe-events-calendar-month__day-cell--mobile:focus, .main .calendars .tab-content .tribe-common.tribe-events.tribe-events-widget-shortcode.tribe-events-widget-shortcode-events-month .tribe-events-calendar-month__day-cell--mobile:hover { background-color: rgba(10, 153, 154, 0.33); } .draft { display: none !important; } .tribe-events-event-image img { display: block; width: 100%; height: auto; } .home .news { background: #d5e1bb; padding: 44px 0 60px; } .home .news h2 { text-align: center; color: #264f8b; } .blog_list { margin: 18px 0; } .blog_wrap { padding: 0; text-decoration: none; } .blog_wrap:hover { text-decoration: none; } .blog_wrap .article_summary { position: relative; padding: 30px 15px; } .blog_list.news .blog_wrap .article_summary { position: relative; padding: 30px 0; border-top: 1px solid #ddd; } .blog_list.news .blog_entry:first-of-type .blog_wrap .article_summary { border-top: 0; } .blog_list.news .blog_entry > p, .blog_list.news .blog_wrap > p { display: none; } .blog_wrap .article_summary:before { content: ''; display: block; height: 2px; width: calc(100% - 30px); position: absolute; top: 0; left: 15px; background: rgba(244,250,250,0.6); } .blog_entry:first-of-type .blog_wrap .article_summary:before { display: none; } .entry-content .blog_wrap .article_summary h4 { font-size: 19px; line-height: 22px; color: #264f8b; font-weight: 700; margin: 0; max-height: 22px; overflow: hidden; } .entry-content .blog_wrap .article_summary p { font-size: 17px; line-height: 20px; max-height: 100px; overflow: hidden; margin-bottom: 0; } .entry-content .blog_wrap .article_summary .date { font-size: 17px; font-weight: 700; color: #158dae; margin: 0; } .entry-content .blog_wrap .article_summary p.link_arrow_right { display: inline-block; font-size: 16px; font-weight: 900; text-decoration: underline; margin-bottom: 0; color: #264f8b; } .blog_wrap .link_arrow_right .fa { font-size: 16px; font-weight: 700; display: inline-block; margin-left: 4px; transition: all 333ms ease-in-out; } .blog_wrap:hover .link_arrow_right .fa { margin-left: 10px; } .watergrams { background: #204374; position: relative; padding: 96px 28px 68px 28px; margin-top: 48px; margin-bottom: 24px; } .entry-content .watergrams h3 { color: #49c4e6; font-size: 19px; font-weight: 700; line-height: 22px; width: 33%; } .entry-content .watergrams p { font-size: 17px; line-height: 22px; color: #f9f9fa; width: 33%; margin: 1.25em 0 1.5em; } .entry-content .watergrams a.btn.lblue { font-size: 14px; background: #38a9c8; color: #fff; border: 0; padding: 0 20px; border-radius: 0; text-transform: uppercase; } .watergrams img { position: absolute; right: 0; left: 25%; margin: auto; transform: rotate(-7.5deg); bottom: 48px; max-width: 60%; } .entry-content .water_reports { background: #f2fcdb; position: relative; padding: 18px 24px; } .entry-content .water_reports p { font-size: 22px; font-weight: 700; color: #1e4d8f; line-height: 26px; position: relative; } .wr_link { display: flex; align-items: center; gap: 15px; } .wr_link figure { width: 33.33%; } .wr_link figure img { max-width: 100%; width: 100%; } .wr_link p { max-width: 66.66%; } .entry-content .water_reports p img { position: absolute; bottom: 46%; right: 40px; max-width: 42px; } #water_reports .mblock, #watergrams .mblock { padding: 0px 60px; text-align: center; } article.inner { padding: 0; } .entry-content { min-height: 444px; padding-bottom: 0; } @media (min-width: 992px) { .row.reverse { flex-direction: row-reverse; } } .breadcrumbs { font-size: 16px; color: #1f58ab; line-height: 32px; margin: 18px 0; } .breadcrumbs a { font-size: 16px; color: #1f58ab; line-height: 32px; padding: 0 2px; } .wp-block-image figcaption { margin-top: 0.5em; margin-bottom: 1em; font-size: 16px; text-align: center; } .entry-content ul.nav.side-nav { margin: 0; padding: 0; } .entry-content .nav.side-nav > li, .entry-content .nav.side-nav > li.current_page_item > a, .entry-content .nav.side-nav > li.current-menu-parent > a { display: none; } .entry-content .nav.side-nav > li.current_page_item, .entry-content .nav.side-nav > li.current-menu-parent, .entry-content .nav.side-nav > li.current_page_item .sub-menu, .entry-content .nav.side-nav > li.current-menu-parent .sub-menu, .entry-content .nav.side-nav > li.current-menu-parent .sub-menu li { display: block; list-style: none; padding: 0; margin: 0; background: #407ea0; } .entry-content .nav.side-nav > li.current_page_item.current-menu-ancestor.current-menu-parent > a { display: none; } .entry-content .nav.side-nav > li.current-menu-parent .sub-menu { padding: 0.67em 0 0.75em; margin-bottom: 2em; } .entry-content .nav.side-nav > li.current-menu-parent .sub-menu li { padding: 0 25px; } .entry-content .nav.side-nav > li .sub-menu a { display: block; position: relative; color: #fff; font-size: 24px; line-height: 1.2; padding: 5px 0; border-bottom: 2px solid #6c9cb6; text-decoration: none; } .entry-content .nav.side-nav > li.current_page_item .sub-menu li.current_page_item a:before, .entry-content .nav.side-nav > li.current-menu-parent .sub-menu li.current_page_item a:before { content: ''; position: absolute; left: -25px; top: 0; bottom: 0; margin: auto; width: 0; height: 0; border-style: solid; border-width: 14px 0 14px 14px; border-color: transparent transparent transparent #13c3c4; } .sidebar_right .children { display: block; list-style: none; padding: 0; margin: 0 0 20px; background: #5aacc3; } .sidebar_right .children ul { padding: 10px 0; margin: 0; } .sidebar_right .children li { display: block; position: relative; color: #fff; padding: 0; margin: 0; } .sidebar_right .children li:before { content: ''; position: absolute; left: 15px; top: 0; bottom: 0; margin: auto; display: inline-block; border-radius: 100%; height: 0.4rem; width: 0.4rem; background-color: #fff; } .sidebar_right .children li a { display: block; position: relative; color: #fff; font-size: 18px; line-height: 1.2; padding: 5px 15px 5px 30px; text-decoration: none; } .sidebar_right .children li a.current_page { text-decoration: underline; } .wp-block-image.third .alignleft, .wp-block-image.third .alignright { width: 33.33%; } .wp-block-image.third .alignleft { margin: 0.5em 2.5em 0.5em 0; } .wp-block-image.third .alignright { margin: 0.5em 0 0.5em 2.5em; } .gform_wrapper .gform_heading h3.gform_title { font-size: 32px; } .ginput_complex.ginput_container br, .gform_footer br { display: none; } .ginput_complex.ginput_container > p { display: inline; } .gform_wrapper form .gform_footer input.button, .gform_wrapper form .gform_footer input[type=submit] { display: inline-block; background: #0a999a; color: #fff; font-size: 24px; line-height: 44px; padding: 0 24px; border-radius: 0; border: 0; text-decoration: none; text-transform: uppercase; -webkit-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .gform_confirmation_message { font-size: 24px; line-height: 1.75; } .home .footer { margin-top: 0; } .footer { background: #204374; border-bottom: 56px solid #38a9c8; text-align: center; padding-top: 15px; padding-bottom: 18px; margin-top: 64px; font-size: 14px; line-height: 3; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .footer ul { list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0; padding: 0; } .doc { line-height: 42px; } .social-networks li { margin: 3px; } .social-networks li a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 0; width: 33px; height: 37px; background-color: #fff; text-decoration: none; -webkit-transition: all 333ms ease-in-out; transition: all 333ms ease-in-out; color: #555; border-radius: 3px; } .footer .search-form { max-width: 350px; margin: 0 auto; width: 100%; } .footer .search-form input[type="search"] { border: 0; } .footer .custom-logo { float: left; width: 190px; margin-right: 24px; margin-bottom: 24px; } .footer h5 { font-size: 19px; line-height: 22px; font-weight: 700; color: #fff; margin: 26px 0 0; } .footer p { font-size: 19px; line-height: 22px; color: #fff; margin-top: 0; margin-bottom: 16px; } .footer p a { color: inherit; text-decoration: underline; } .footer p a:hover { } .columnss.border-right:after { content: ''; position: absolute; top: 26px; right: 25px; bottom: 32px; width: 2px; background: rgba(255,255,255,0.23); } .contact_info p strong a { font-weight: 900; text-decoration: none; } .footer .copyright { display: inline-block; vertical-align: top; color: #ffffff; font-size: 16px; font-weight: 700; line-height: 18px; margin: 0; } .footer .menu-footer-menu-container { display: inline-block; vertical-align: top; font-weight: 700; margin-left: 12px; } .footer .menu-footer-menu-container li a { font-size: 16px; line-height: 18px; font-weight: 700; color: #ffffff; padding: 0 12px; border-left: 1px solid #ffffff; } .footer .menu-footer-menu-container li a:hover { color: #ffffff; } .footer .row + .row { padding-top: 12px; } .footer p.credits_disc { margin-top: -12px; font-size: 15px; line-height: 20px; font-weight: 600; color: #62d2f1; } @media screen and (min-width: 768px) { body .uwy { width: 750px; } .nav-opener { display: none; } .nav-holder > ul { display: -webkit-box; display: -ms-flexbox; display: flex; flex-wrap: wrap; margin: 0 -4px; } .nav-holder > ul > li { -webkit-transition: border 333ms ease-in-out; transition: border 333ms ease-in-out; margin: 0; position: relative; } .nav-holder > ul > li:hover, .nav-holder > ul > li.current_page_item { } .nav-holder > ul > li .sub-menu { display: none; opacity: 0; position: absolute; left: 0; top: 100%; background: #fff; list-style: none; text-align: left; padding: 5px 0; margin: 0; min-width: 236px; width: 158%; box-shadow: 2px 3px 8px 0px rgba(0,0,0,0.32); -webkit-box-shadow: 2px 3px 8px 0px rgba(0,0,0,0.32); -moz-box-shadow: 2px 3px 8px 0px rgba(0,0,0,0.32); transition: all 444ms ease-in-out; } .nav-holder > ul > li .sub-menu li { padding: 0; margin: 0; } .nav-holder > ul > li .sub-menu li a { display: block; line-height: 1.2; padding: 5px 15px; text-decoration: none; font-size: 18px; color: #1f294f; } .nav-holder > ul > li:hover .sub-menu { display: block; opacity: 1; } .banner.banner--small-height .banner-holder { min-height: 334px; } .banner.banner--small-height h1 { font-size: 66px; } .banner.banner--height { min-height: 38vw; } .banner .banner-holder { min-height: 350px; } .banner.home .banner-holder { min-height: 750px; } .banner .content-block { width: 75%; } .banner .video-wrapper { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; min-height: 100%; min-width: 100%; z-index: 1; } .banner .container { position: relative; z-index: 2; } .banner .content-block { width: 75%; } .footer { padding: 48px 0 64px; } .footer .columns { width: 50%; } .row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -15px; margin-right: -15px; } .footer .row { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .row .columns { padding-left: 15px; padding-right: 15px; } .columnss.col-sm-3 { text-align: right; } .footer ul { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; } .footer .social-networks { margin-bottom: 0; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .footer .search-form { max-width: 100%; } } @media screen and (min-width: 992px) { body .uwy { width: 970px; } .banner { margin-top: 222px; } .banner.inner { margin-top: 208px; font-size: 22px; } .banner .banner-holder { min-height: 350px; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; padding-bottom: 90px; } .banner.home .banner-holder { min-height: 750px; } .pad-top { height: 284px; } .footer { text-align: left; } .footer .row { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .footer .columns { width: auto; max-width: 33.33%; } } @media screen and (min-width: 1024px) { .banner .content-block { width: 58.33333333%; } } @media screen and (min-width: 1200px) { body .uwy { max-width: 1200px; width: 100% !important; } .container { max-width: 1200px; width: 100% !important; } .entry-content.cf.container { max-width: 970px !important; } .banner .banner-holder { min-height: 350px; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; padding-bottom: 120px; padding-bottom: 120px; } .banner.home .banner-holder { min-height: 750px; } .search-form input[type="submit"] { right: 12px; width: 18px; } } @media screen and (max-width: 1199px) { .logo img { max-width: 172px; } header#header.sticky .logo img { max-width: 118px; } /* .nav-holder > ul { text-align: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } */ .nav-holder > ul > li > a { padding: 0 15px; font-size: 19px; } .search_wrap { padding: 16px 0; } .search_wrap .searchform { padding-left: 144px; } .featured_icons h3 { font-size: 20px; line-height: 28px; } .sidebar_extras .featured_icons figure { width: 82px; height: 82px; } .sidebar_extras .featured_icons figure img { max-height: 44px; } .sidebar_extras .featured_icons h3 { width: calc(100% - 86px); font-size: 15px; padding-left: 8px; } .main { background-size: 66.66%; } .main .calendars .nav-tabs > li { width: 32.9%; } .main .calendars .widget.widget_tribe-widget-events-month { padding-bottom: 44px; } .main .calendars .tab-content .tribe-events-widget-events-list__view-more.tribe-common-b1.tribe-common-b2--min-medium { bottom: 15px; right: 20px; } .main .calendars .tab-content .tribe-events-c-messages__message-list-item { font-size: 19px; line-height: 32px; } .prefooter { max-height: 36vh; } .columnss.border-right:after { right: 10px; background: rgba(255,255,255,0.123); } } @media (max-width: 991px) { body div.uwy.umb.userway_p1 .uai, body div.uwy.umb.userway_p1.sticky .uai { top: 58px !important; right: 60px !important; } body.logged-in.admin-bar div.uwy.userway_p1 div#userwayAccessibilityIcon.uai, body.logged-in.admin-bar div.uwy.userway_p1.sticky div#userwayAccessibilityIcon.uai { top: 90px !important; right: 60px !important; } header#header .row, header#header.sticky .row { padding-top: 0; height: 120px; } header#header .row .company_info, header#header .row .logo { padding: 0; height: 100%; min-height: 114px; } header#header .row .logo { padding-top: 6px; } header#header .logo img, header#header.sticky .logo img { max-width: 108px; margin-bottom: 0; } header#header .logo h1, header#header.sticky .logo h1 { font-size: 28px; width: calc(100% - 212px); } header#header .company_info .compwrap, header#header.sticky .company_info .compwrap { display: table; width: 100%; height: 100%; min-height: 120px; vertical-align: bottom; } header#header .cphone, header#header.sticky .cphone { display: table-cell; width: 100%; height: 50%; min-height: 60px; vertical-align: middle; padding-bottom: 55px; font-size: 18px; padding-right: 0 !important; } header#header .news_accessibility, header#header.sticky .news_accessibility, header#header .news_accessibility a.blue.btn, header#header.sticky .news_accessibility a.blue.btn, header#header .top_menu { display: none; } .top_menu { margin-right: 0; padding-left: 0 !important; } .top_menu ul li { padding-left: 0; display: block; } .top_menu ul li a { padding: 0 8px; } .top_menu ul li.search_btn a { padding-right: 36px; } .top_menu ul li.search_btn a:after { position: relative; display: inline-block; vertical-align: top; width: 44px; height: 56px; right: auto; background: url(images/icon_search_white.png) no-repeat center / 24px; } #mobile_menu .container { position: relative; } #mobile_menu .top_menu ul li.search_btn.shown a:after { color: #fff; } #mobile_menu .search_wrap .searchform { padding: 0 4px; } .search_wrap .searchform .search-submit { width: 64px; } #nav { min-height: 18px; } .nav-opener { display: block; } .nav-opener:after { content: "\f0c9"; position: absolute; right: 10px; top: 50%; height: 36px; width: 36px; font: normal normal normal 32px/1 "FontAwesome"; color: #fcf9ab; text-rendering: auto; -webkit-transition: all 333ms ease-in-out; transition: all 333ms ease-in-out; } .nav-holder { padding: 0; } .nav-holder > ul { display: none; } .banner.inner { background-position: right bottom !important; } .banner.inner .banner-holder { min-height: 36vw; } .sidebar_right { width: 100%; } .sidebar_extras { margin-bottom: 15px; } .sidebar_extras .featured_icons { width: 25%; display: inline-block; text-align: center; padding: 0 0 8px 0; } .sidebar_extras .featured_icons figure { display: block; margin-bottom: 4px; } .sidebar_extras .featured_icons h3 { display: block; width: 100%; font-size: 16px; line-height: 19px; padding-left: 0; height: 38px; } .watergrams { padding: 108px 28px 44px 28px; } .watergrams img { left: 40%; top: 0; bottom: unset; max-width: 75%; } .wr_link figure img { max-width: 100%; } .entry-content .water_reports p img { bottom: 0; top: 0; margin: auto; right: 0; } .featured_icons { padding: 0 8px; } .featured_icons h3 { font-size: 18px; line-height: 24px; } .blog_wrap { margin-bottom: 30px; } .blog_wrap figure img { width: 100%; } .pad-top { height: 160px; } .noPadL.sidebar_left { padding-left: 15px !important; } .footer .row { display: block; } .footer .custom-logo { width: 172px; } .footer .custom-logo { float: none; margin-right: 0; margin-bottom: 0; } .columnss.border-right:after { display: none; } .columnss.col-md-4 { margin-top: 24px; clear: both; } .footer-navigation-container { margin-left: 0; } .footer .menu-footer-navigation-container li:first-of-type a { border: 0; } } @media screen and (max-width: 768px) { .footer .copyright ~ p { margin-top: 12px; } .pad-top { height: 144px; } .watergrams img { max-width: 66%; } } @media screen and (max-width: 767px) { header#header .row .logo { padding: 6px 15px 0; } header#header .row .company_info { padding: 0 15px; } header#header .logo h1, header#header.sticky .logo h1 { width: 264px; padding-left: 12px; font-size: 24px; } header#header .cphone span, header#header.sticky .cphone span { display: none; } header#header .company_info .nav-opener:after { right: 15px; } #mobile_menu .closeMobileMenu { top: -81px; right: 5px; } .featured { padding: 24px 0 54px; } .featured_icons { text-align: center; padding: 8px; width: 100% !important; } .featured_icons figure { display: inline-block; vertical-align: middle; } .entry-content .featured_icons h3 { display: inline-block; vertical-align: middle; text-align: left; font-size: 22px; line-height: 1.12; width: calc(100% - 108px); padding-left: 8px; margin: auto; } .featured_icons figure { width: 96px; height: 96px; } .featured_icons figure img { max-height: 44px; } .sidebar_extras .featured_icons { text-align: left; margin-bottom: 10px; } .sidebar_extras .featured_icons figure { display: inline-block; } .entry-content .water_reports p { padding-right: 48px; } .banner-holder { height: 66vw; padding-top: 0; padding-bottom: 0; } .banner-holder .video-wrapper { /*display: none;*/ top: 0; height: 100%; margin: 0; } .banner-holder .video-wrapper video { width: auto; height: 100%; margin-top: -32px; } .banner.home { background-position: center bottom !important; } .banner-holder .container { position: absolute; bottom: 0; } .banner h1 { font-size: 40px; } .banner p { font-size: 16px; margin: 0; } .entry-content h1 { font-size: 36px !important; line-height: 44px !important; } .entry-content h2 { font-size: 32px !important; padding: 0; line-height: 38px !important; } .entry-content h3 { font-size: 32px; } .entry-content p, .entry-content li { font-size: 20px; line-height: 32px; } .main { padding: 44px 0; } .entry-content .main p { font-size: 20px; line-height: 26px; } .entry-content a.btn { font-size: 20px !important; } .main .calendars { margin: 84px 10px 0; } .main .calendars .calwrap, .main .calendars .nav-tabs { margin: 0; } .main .calendars .nav-tabs > li { width: 100%; padding: 0 !important; } .main .calendars .nav-tabs > li > a { font-size: 20px; line-height: 1.15; padding: 16px; max-height: none; overflow: visible; border-bottom: 1px solid #fff; } .main .calendars .tab-content { margin: 0; } .main .calendars .widget.widget_tribe-widget-events-month { padding-bottom: 0; } .main .calendars .tab-content .tribe-events-widget-events-list__events { padding-top: 0; padding-bottom: 75px; } .main .calendars .tab-content .tribe-compatibility-container { padding-right: 0; } .main .calendars .tab-content .tribe-events-widget-events-list__view-more.tribe-common-b1.tribe-common-b2--min-medium { bottom: 0; right: 0; left: 0; text-align: center; } .footer .custom-logo { float: none; margin-right: 0; margin-bottom: 0; } .footer .ftbtn { width: 100%; margin: 8px 0; } .footer .menu-footer-navigation-container { margin-left: 0; } } @media (max-width: 640px) { body div.uwy.userway_p1 .uai, body div.uwy.userway_p1.sticky .uai { top: 4px !important; right: -40px !important; } header#header .cphone, header#header.sticky .cphone { right: 64px !important; } .featured_icons { text-align: center !important; border: 0 !important; } .featured_icons figure { width: 54px !important; height: 54px !important; } .featured_icons figure img { max-height: 52% !important; } .featured_icons h3 { width: calc(100% - 164px) !important; height: auto !important; } } h1 { font-size: 44px; margin-bottom: 10px; } h2 { font-size: 42px; margin-bottom: 10px; } .info-block h3 { font-size: 24px; margin-bottom: 12px; color: #97561c; } .banner p { font-size: 22px; margin-bottom: 32px; } .entry-content ul { margin-left: 2em; margin-bottom: 2em; padding-left: 0; position: relative; } .entry-content h2 + ul, .entry-content h3 + ul, .entry-content h4 + ul, .entry-content h5 + ul { margin-top: 1.75em; } .entry-content p.leading { color: #32789f; font-size: 18px; line-height: 28px; } .entry-content p, .entry-content li { font-size: 20px; color: #151643; line-height: 34px; } .entry-content p { margin-bottom: 1em; } .entry-content li { margin-bottom: 6px; } .entry-content .info-block li ul { margin-top: 6px; } .entry-content p + ul { margin-top: -2em;} #search { right: 0; top: 164px; position: absolute; z-index: 998; width: 380px; max-width: 100%; height: 60px; padding: 6px 24px 6px 12px; background: rgba(0, 48, 101, 0.7); text-align: right; display: none; } #searchform { position: relative; } #searchform:before { content: ""; display: inline-block; position: absolute; left: 3px; top: 0; width: 23px; height: 42px; background: url(/wp-content/themes/solaris/images/search.png) no-repeat center right; } #search input#s { background-color: #fff; border: 0; line-height: 36px; min-width: 260px; padding: 0 12px; font-size: 1.35rem; } #search #searchsubmit { background: transparent; color: #fff; border: 0; font-size: 0; position: absolute; width: 100%; height: 100%; z-index: 1111; } #search #searchsubmit:hover, .btnwrap:hover img { transform: translateX(12px); } .btnwrap { display: inline-block; position: relative; padding-left: 10px; } .btnwrap img { transition: all 333ms ease-in-out; } /* MAIN CONTENT SECTIONS */ .page-template-default #main, .single #main, .search #main { position: relative; } .home article.page.hentry { padding-bottom: 0; } .home article.page.hentry { padding-top: 0; } .entry-content { position: relative; } .prev_link { position: absolute; left: 0; bottom: -36px; font-size: 18px; color: #32789f !important; } .next_link { position: absolute; right: 12.125%; bottom: -36px; font-size: 18px; color: #32789f !important; } p { font-size: 16px; line-height: 1.5; } .copyright p a { color: inherit; text-decoration: underline; margin-left: 1em; } .copyright p a:hover { color: inherit; } hr.wp-block-separator { width: 100px; margin: 84px 0; border: 0; border-top: 1px solid #777; } .wp-block-image img { max-width: 100%; height: auto !important; } .entry-content small { font-size: 88%; line-height: 1.5; display: inline-block; } .entry-content small em, .entry-content em small { color: #203962; } .entry-content h5 { margin-bottom: 0; } .entry-content h5 + p { margin-top: 0.25em; } iframe { width: 100% !important; } iframe#fySubscription { width: 530px; border: none; overflow: hidden; min-height: 100px; opacity: 1; visibility: visible; height: 333px; margin-bottom: -80px; } .map_wrap { min-height: 667px; margin-top: 28px; position: relative; } .mapcanvases { width: 100%; height: 667px; } .search #main { padding-bottom: 44px; min-height: 480px; } .search .hentry { display: block; padding-top: 20px; padding-bottom: 24px; border-top: 1px solid #e4e8e8;} .search .search-title.entry-title { margin-bottom: 0.2em; } .search .search-title.entry-title a { color: inherit; } .archive-title { text-transform: capitalize; margin-top: 72px; margin-bottom: 44px; } .search-everything-highlight { font-weight: 600; } .search-results a:hover h4 { opacity: 0.8; } .excerpt-read-more { display: none; } .entry-socials .vct-icon-facebook-with-circle:before, .vct-icon-facebook-with-circle:before { content: '\f39e'; font: normal normal normal 18px FontAwesome !important; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .entry-socials .vct-icon-google-with-circle:before, .vct-icon-google-with-circle:before { content: '\f1a0'; font: normal normal normal 18px FontAwesome !important; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .entry-socials .vct-icon-twitter-with-circle:before, .vct-icon-twitter-with-circle:before { content: '\f099'; font: normal normal normal 18px FontAwesome !important; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .entry-socials .vct-icon-instagram-with-circle:before, .vct-icon-instagram-with-circle:before { content: '\f16d'; font: normal normal normal 18px FontAwesome !important; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .entry-socials .vct-icon-linkedin-with-circle:before, .vct-icon-linkedin-with-circle:before { content: '\f0e1'; font: normal normal normal 18px FontAwesome !important; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .entry-socials .vct-icon-flickr-with-circle:before, .vct-icon-flickr-with-circle:before { content: '\f16e'; font: normal normal normal 18px FontAwesome !important; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .entry-socials .vct-icon-youtube-with-circle:before, .vct-icon-youtube-with-circle:before { content: '\f167'; font: normal normal normal 18px FontAwesome !important; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } footer #top { display: inline-block; position: absolute; margin: auto; width: 320px; line-height:36px; left:0; right:0; top:0; bottom:0; height: 36px; text-align: center; color: #b3b9b9; font-size: 14px; } footer #top .fa { display: inline-block; font-size: 15px; font-weight: 700; height: 14px; width: 14px; text-align: center; position: relative; } footer #top .fa-angle-up::before { position: absolute; margin: auto; left: 0; right: 0; top: 0; bottom: 2px; } /********************************************* PAGE SPECIFIC **********************************************/ /* HOME */ #bg { background: rgba(30,90,170,0.4); position: absolute; z-index: 1444; top:0; left:0; width:100vw; height: 100vh; } #mt_video, #video { width: 100%; } .h100 { height: 525px; position: relative; } .h100 div { position: absolute; height: 50%; margin: auto; top: 0; bottom: 0; right: 0; left: 0; } #home_content { position: relative; z-index: 1515; } .pl-8 { padding-left: 8px !important; } .pr-8 { padding-right: 8px !important; } .wp-pagenavi { position: absolute; bottom: 0; font-size: 16px; line-height: 24px; font-weight: 500; color: #151643; text-align: center; width: 100%; } .wp-pagenavi span, .wp-pagenavi a { color: inherit; display: inline-block; padding: 0 8px; font-weight: 400; } .wp-pagenavi a { color: #32789f; font-weight: 600; } .associations { padding-bottom: 12px; } .cf2 .associations { padding-top: 36px; padding-bottom: 36px; } .associations .container.acontent { padding: 24px 0; position: relative; } .associations .acontent .cycle-slideshow { width: 100%; position: relative; z-index: 1344; padding: 0; margin: 0 auto 12px; } .associations .acontent .cycle-slide { padding: 0 15px; width: 100%; text-align: center; } #anext, #aprev { position: absolute; z-index: 1444; top: 0; bottom: 72px; margin: auto; display: block; width: 40px; height: 80px; } #anext { background: url(images/next-slide.png) no-repeat center; right: -40px; } #aprev { background: url(images/prev-slide.png) no-repeat center; left: -40px; } .section_content2 #aprev, .section_content2 #anext { bottom: 0; } .section_content2 #apager { bottom: auto; } .top { display: none; opacity: 0.7; position: fixed; z-index: 7777; right: 1.5%; bottom: 15px; background: rgba(36, 83, 97, 0.7); width: 36px; color: #fff; font-size: 32px; /* background: rgba(36, 83, 97, 0.7) url(images/arrow-up.png) no-repeat center; */ width: 36px; height: 36px; line-height: 36px; text-align: center; transition: all 333ms ease-in-out; } .top:hover { opacity: 1; } .home, html { overflow-x: hidden; } .pl-8 { padding-left: 8px !important; } .pr-8 { padding-right: 8px !important; } .gr_bg { background-color: #e9e7e7; } .sPad { padding: 0 4px !important; } .entry-content .specifications li { line-height: 57px; margin: 0; } .entry-content .specifications li:before { display: none; } .sidebar { padding-top: 0; } .sidebar h2 { font-size: 32px; margin: 0 auto; padding-top: 0; line-height: 1.23em; color: #777; position: relative; } .sidebar h2:before { display: none; } .sidebar p { color: #32789f; font-size: 28px; line-height: 50px; font-weight: 500; margin-top: 0; } .modal_bg { position: fixed; top:0; left:0; width:100vw; height:100vh; background: rgba(0,0,0,0.8); z-index: 2147483648; display: none; } .modal_body { position: fixed; top:0; left:0; width:100vw; height:100vh; z-index: 2147483649; display: none; } .modal_body .modal_content { position: absolute; background: #fff; top: 0; left: 0; bottom: 0; right: 0; margin: auto; width: 60%; height: 60%; padding: 15px; z-index: 999; } .modal_bg.shown, .modal_body.shown { display: block; } .modal_close { position: absolute; top: 20%; right: 20%; width: 44px; height: 44px; line-height: 44px; font-size: 24px; color: #333; text-align: center; z-index: 1111; cursor: pointer; } .gform_wrapper .gfield input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) { line-height: 40px; padding: 0 15px !important; border: 1px solid #333; font-size: 20px; } .gform_wrapper .gfield textarea { line-height: 1.2; padding: 15px !important; border: 1px solid #333; font-size: 20px; max-height: 144px !important; } .gform_wrapper .gform_body ul li.gfield { margin-top: 8px; } .gform_wrapper .gfield label.gfield_label, .gform_wrapper legend.gfield_label { font-size: 16px; margin-bottom: 0; } .gform_wrapper .field_sublabel_below .ginput_complex.ginput_container label, .gform_wrapper .field_sublabel_below div[class*=gfield_time_].ginput_container label { line-height: 2; margin: 0px 0 4px !important; font-size: 10px !important; } .gform_wrapper form .gform_footer { padding: 0; text-align: right; } .close-modal { position: absolute; top: 24px; right: 24px; color: #616469; font-weight: 400; cursor: pointer; } .close-modal .fa { font-size: 12px; padding-bottom: 6px; vertical-align: middle; } .close-modal:hover { text-decoration: none; } .entry-content ul.page-list { max-width: 333px; margin: auto; } .entry-content ul.page-list li { margin-bottom: 0.5em; } .entry-content ul.page-list li a { margin-bottom: 0.5em; display: block; color: #151643; text-decoration: none; } label { margin-bottom: .33em; font-weight: 500; font-size: 16px; line-height: 30px; max-width: 100%; } .wpcf7-form-control { max-width: 100%; max-height: 144px; padding: 0 8px; font-size: 16px; font-weight: 500; color: #151643; } /********************************************* BLOCKS I like to use this for speciality items ex: blockquotes, highlights, lowlights, etc **********************************************/ blockquote { color: #32789f !important; font-size: 22px !important; padding: 0 !important; margin: 40px 0 !important; border-left: none !important; line-height: 37px !important; } blockquote p { margin: 0 !important; padding: 0 !important; color: #32789f !important; font-size: 22px !important; line-height: 37px !important; } blockquote:before { height: 1px; width: 5%; display: block; background: #32789f; margin: 20px auto; } blockquote:after { height: 1px; width: 5%; display: block; background: #32789f; margin: 20px auto; } .wp-block-table { font-size: 16px; line-height: 1.25; } /********************************************* SPECIALTY **********************************************/ /* Style placeholder text */ ::-webkit-input-placeholder { } /* WebKit browsers */ :-moz-placeholder { opacity: 0.7; } /* Mozilla Firefox 4 to 18 */ ::-moz-placeholder { opacity: 0.7; } /* Mozilla Firefox 19+ */ :-ms-input-placeholder { } /* Internet Explorer 10+ */ /* Add a RED asterisk to placeholder text with "required" class - WIN */ .required::-webkit-input-placeholder:after { content:'*'; color: red; } .required:-moz-placeholder:after { content:'*'; color: red; } /* Firefox 18- */ .required::-moz-placeholder:after { content:'*'; color: red; } /* Firefox 19+ */ .required:-ms-input-placeholder:after { content:'*'; color: red; } /* IE Fail */ /* This will hide all share this stuff except for the "ShareThis" text */ span.sharethis { background: none !important;} .stButton .chicklets { font-family: inherit !important; padding-left: 0 !important; } .st_facebook, .st_twitter, .st_linkedin, .st_pinterest, .st_email { display: none; }