/* @version 1.0 @package JHLegal @author Geek @copyright Copyright (C) 2018 JHLegal. All Rights Reserved. @license Not for Sale Website: http://helpcomputergeek.com Text Domain: JHLegal */ /*-------------------------------------------------------------- CSS OVERVIEW ---------------------------------------------------------------- 0. Import 1. Reset 2. Typography 3. Icons Font 4. Elements 5. Forms 6. WordPress Recommended Classes 7. Bootstrap 8. Header 9. Content 10. Blog Layout 11. Widget Style 12. 404 Page 13. Offline Page 14. Footer --------------------------------------------------------------*/ /* [ Import ] ------------------------------------------------ */ /* [ Mixins ] ------------------------------------------------ */ @import url("https://fonts.googleapis.com/css?family=Merriweather:300,400"); @import url("https://fonts.googleapis.com/css?family=Permanent+Marker"); @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @keyframes spin-reverse { from { transform: rotate(360deg); } to { transform: rotate(0deg); } } /* HORIZONTAL */ @-webkit-keyframes horizontal { 0% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } 6% { -webkit-transform: translate(5px, 0); transform: translate(5px, 0); } 12% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } 18% { -webkit-transform: translate(5px, 0); transform: translate(5px, 0); } 24% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } 30% { -webkit-transform: translate(5px, 0); transform: translate(5px, 0); } 36% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @keyframes horizontal { 0% { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } 6% { -webkit-transform: translate(5px, 0); -ms-transform: translate(5px, 0); transform: translate(5px, 0); } 12% { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } 18% { -webkit-transform: translate(5px, 0); -ms-transform: translate(5px, 0); transform: translate(5px, 0); } 24% { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } 30% { -webkit-transform: translate(5px, 0); -ms-transform: translate(5px, 0); transform: translate(5px, 0); } 36% { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } } /* PASSING */ @-webkit-keyframes passing { 0% { -webkit-transform: translateX(-50%); transform: translateX(-50%); opacity: 0; } 50% { -webkit-transform: translateX(0%); transform: translateX(0%); opacity: 1; } 100% { -webkit-transform: translateX(50%); transform: translateX(50%); opacity: 0; } } @keyframes passing { 0% { -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); opacity: 0; } 50% { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); opacity: 1; } 100% { -webkit-transform: translateX(50%); -ms-transform: translateX(50%); transform: translateX(50%); opacity: 0; } } @keyframes shuffleR { 0%, 100% { transform: translateX(0px); -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -o-transform: translateX(0px); -ms-transform: translateX(0px); } 50% { transform: translateX(200px); -webkit-transform: translateX(200px); -moz-transform: translateX(200px); -o-transform: translateX(200px); -ms-transform: translateX(200px); } } @keyframes shuffleL { 0%, 100% { transform: translateX(0px); -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -o-transform: translateX(0px); -ms-transform: translateX(0px); } 50% { transform: translateX(-200px); -webkit-transform: translateX(-200px); -moz-transform: translateX(-200px); -o-transform: translateX(-200px); -ms-transform: translateX(-200px); } } @keyframes skew { 0%, 100% { transform: skewY(0deg); -webkit-transform: translateX(0deg); -moz-transform: translateX(0deg); -o-transform: translateX(0deg); -ms-transform: translateX(0deg); } 50% { transform: skewY(15deg); -webkit-transform: translateX(15deg); -moz-transform: translateX(15deg); -o-transform: translateX(15deg); -ms-transform: translateX(15deg); } } /* [ Reset ] - - - - - - - - - - - - - - - - - - - - */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border: 0; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; vertical-align: baseline; word-wrap: normal; } html { overflow-x: hidden; /* Keeps page centered in all browsers regardless of content height */ -webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */ -ms-text-size-adjust: 100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */ } *, *:before, *:after { /* apply a natural box layout model to all elements; see http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */ -webkit-box-sizing: border-box; /* Not needed for modern webkit but still used by Blackberry Browser 7.0; see http://caniuse.com/#search=box-sizing */ -moz-box-sizing: border-box; /* Still needed for Firefox 28; see http://caniuse.com/#search=box-sizing */ box-sizing: border-box; } html, body { width: 100%; height: 100%; letter-spacing: 1px; } article, aside, details, figcaption, figure, footer, header, main, nav, section { display: block; } ol, ul { list-style: none; } table { /* tables still need 'cellspacing="0"' in the markup */ border-collapse: separate; border-spacing: 0; } table, th, td { border: 1px solid rgba(0, 0, 0, 0.1); } table { border-collapse: separate; border-spacing: 0; border-width: 1px 0 0 1px; margin-bottom: 24px; width: 100%; } th, td { padding: 6px; } caption, th, td { font-weight: normal; text-align: left; } th { border-width: 0 1px 1px 0; font-weight: bold; } td { border-width: 0 1px 1px 0; } caption, th, td { font-weight: normal; text-align: left; } blockquote:before, q:before { content: none; } blockquote, address, q { border-left: 3px solid rgba(0, 0, 0, 0.41); padding-left: 15px; font-size: 13px; } img { max-width: 100%; height: auto; } /* [ 2 Typography ] - - - - - - - - - - - - - - - - - - - - */ body { width: 100%; background: #fff; color: #353533; font-family: 'Merriweather', serif; font-weight: 300; font-size: 18px; } a { color: #000; } a:hover, a:focus, a:visited { text-decoration: none; color: #000; } button, input, select, textarea { color: #353533; font-family: 'Roboto', 'Helvetica', Arial, sans-serif; font-weight: 300; padding: 5px 5px 3px 5px; margin-bottom: 10px; width: 100%; } h1, h2, h3, h4, h5, h6 { clear: both; } h1 { font-size: 3.6rem; padding-top: 20px; padding-bottom: 10px; } h2 { font-size: 3rem; padding-top: 20px; padding-bottom: 10px; } h3 { font-size: 2.4rem; padding-top: 20px; padding-bottom: 10px; } h4 { font-size: 1.9rem; padding-top: 20px; padding-bottom: 10px; } h5 { font-size: 1.4rem; padding-top: 20px; padding-bottom: 10px; } h6 { font-size: 1.2rem; padding-top: 20px; padding-bottom: 10px; } p { padding-bottom: 1em; font-size: 22px; line-height: 1.75; } b, strong { font-weight: 600; } cite, em { font-style: italic; } blockquote { margin: 20px !important; font-family: Consolas,"Andale Mono","Lucida Console","Lucida Sans Typewriter",Monaco,"Courier New",monospace; font-size: 12px !important; } blockquote.style-1, blockquote.style-2 { background: #f6f6f6; } blockquote.style-2 { border-left-color: #228842; } blockquote.style-3 { background: #f9f9f9; border: 1px solid #f2f2f2; } blockquote.style-5 { border-width: 2px 0; border-style: solid; border-color: #f2f2f2; } address { margin: 0 0 1.5em; font-style: italic; font-family: Geogria; } pre { background: #eee; font-family: "Courier 10 Pitch", Courier, monospace; font-size: 15px; font-size: 1.5rem; line-height: 1.6; margin-bottom: 1.6em; max-width: 100%; overflow: auto; padding: 1.6em; } code, kbd, tt, var { font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; } abbr, acronym { border-bottom: 1px dotted #666; cursor: help; } mark, ins { background: #fff9c0; text-decoration: none; } sup, sub { font-size: 75%; height: 0; line-height: 0; position: relative; vertical-align: baseline; } sup { bottom: 1ex; } sub { top: .5ex; } small { font-size: 75%; } big { font-size: 125%; } .container-fluid { padding-left: 0px; padding-right: 0px; } .text-shadow-1 { text-shadow: 1px 1px 1px #000; } /* [ 7 Bootstrap ] - - - - - - - - - - - - - - - - - - - - */ span.icon { font-family: FontAwesome; } /* [ 8 Header ] - - - - - - - - - - - - - - - - - - - - */ .nav-container, .jhl_footer_headingtext, .footer-bottom, .bot-info-bar { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#008cff+0,0060af+100 */ background: #008cff; /* Old browsers */ background: -moz-linear-gradient(top, #008cff 0%, #0060af 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #008cff 0%, #0060af 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #008cff 0%, #0060af 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008cff', endColorstr='#0060af',GradientType=0 ); /* IE6-9 */ } .head-info { font-size: 14px; font-weight: 300; border-bottom: 2px solid #c5c5c5; } .head-info p { padding-top: 5px; } .header a, .head-info a { font-size: 16px; } .header a:hover, .header a:focus, .header a:visited, .head-info a:hover, .head-info a:focus, .head-info a:visited { color: #1a73bc; } .head-info-button { background-color: #2b9617; position: absolute; padding: 10px 20px; border-radius: 0 0 20px 20px; border: 1px solid rgba(43, 150, 23, 0.5); border-top-color: #2b9617; text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.75); box-shadow: 0px 2px 5px #000; z-index: 5; } .site-title { font-size: 50px; } .site-name, .site-description { color: #fff; text-shadow: 2px 2px 5px #000; letter-spacing: .05em; font-weight: 100; } .header-container { position: relative; display: block; height: 400px; background-color: #708090; } #jhl_div_header_image { position: relative; display: block; height: 400px; background-size: cover; } #jhl_div_header_info { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 30%; margin: auto; } .background-image { background-position: left center; background-size: cover; background-repeat: no-repeat; } .table { display: table; width: 100%; height: 100%; } .table-cell { display: table-cell; width: 100%; height: 100%; vertical-align: middle; } /* [ 9 Content ] - - - - - - - - - - - - - - - - - - - - */ #top_content { padding-bottom: 40px; } #top_content .row { margin-left: 0; margin-right: 0; } #top_content #top_content_header { text-align: center; line-height: 1.3; padding-top: 70px; padding-bottom: 70px; color: #1a73bc; } #top_content #top_content_header::before { background-color: #dcdcdc; height: 1px; width: 250px; } #top_content #top_content_header::after { z-index: 3; height: 1px; width: 75px; background-color: #1a73bc; } #top_content #top_content_header::before, #top_content #top_content_header::after { content: ""; position: absolute; display: block; text-align: center; bottom: 50px; left: 50%; -webkit-transform: translate(-50%, 0%); -khtml-transform: translate(-50%, 0%); -moz-transform: translate(-50%, 0%); -ms-transform: translate(-50%, 0%); -o-transform: translate(-50%, 0%); transform: translate(-50%, 0%); } #jhl_experience_banner { padding-top: 70px; padding-bottom: 70px; } #jhl_experience_banner .row { margin-left: 0; margin-right: 0; } #jhl_experience_banner h3 { color: #1a73bc; font-weight: 500; line-height: 1.3; padding-bottom: 20px; } #jhl_experience_banner .contact-button { margin-top: 20px; margin-bottom: 20px; height: 68px; } #jhl_experience_banner .contact-button a { cursor: pointer; background: #1c6aab; font-size: 20px; border-radius: 3px; padding: 20px; color: #fff; text-align: center; width: 320px; -webkit-font-smoothing: antialiased; transition: all 500ms ease; z-index: 5; overflow: hidden; position: absolute; top: 0; left: 50%; -webkit-transform: translate(-50%, 0%); -khtml-transform: translate(-50%, 0%); -moz-transform: translate(-50%, 0%); -ms-transform: translate(-50%, 0%); -o-transform: translate(-50%, 0%); transform: translate(-50%, 0%); } #jhl_experience_banner .contact-button a:before { background: #fff; content: ""; height: 155px; left: -75px; opacity: .2; position: absolute; top: -50px; transform: rotate(35deg); transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1); width: 50px; z-index: 10; } #jhl_experience_banner .contact-button a:hover:before { left: 120%; transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1); } #jhl_practice_area { position: relative; padding-bottom: 70px; -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.6); -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.6); box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.6); background-size: cover; background-image: url(./../../../uploads/bg-exper-banner.jpg); } #jhl_practice_area .row { margin-left: 0; margin-right: 0; } #jhl_practice_area .jhl_practice_area_overlay { background-color: #ffffff; position: absolute; top: 0px; bottom: 0px; right: 0px; left: 0px; opacity: 0.9; filter: alpha(opacity=90); overflow: hidden; } #jhl_practice_area_wrapper { padding-top: 70px; } #jhl_practice_area_wrapper .jhl_practice_area_items { position: relative; margin-top: 0px; margin-bottom: 0px; } #jhl_practice_area_wrapper .jhl_area_outer { margin: 10px auto; max-width: 700px; } #jhl_practice_area_wrapper .jhl_slider_thumbnail { position: relative; overflow: hidden; margin: auto; font-size: 0px; max-height: 100px; max-width: 700px; } #jhl_practice_area_wrapper .jhl_slider_thumbnail img { max-width: 100%; height: auto; width: auto; transform: scale(1, 1); transition: all 300ms; -moz-transition: all 300ms; -o-transition: all 300ms; -webkit-transition: all 300ms; } #jhl_practice_area_wrapper .jhl_practice_thumbnail_overlay { background-color: #33a4ece6; position: absolute; top: 0px; bottom: 0px; right: 0px; left: 0px; opacity: 0.6; filter: alpha(opacity=60); overflow: hidden; transition: opacity 300ms; -moz-transition: opacity 300ms; -o-transition: opacity 300ms; -webkit-transition: opacity 300ms; } #jhl_practice_area_wrapper .jhl_practice_title { color: #fff; text-shadow: 1px 1px 1px #000; font-size: 24px; font-weight: 500; text-align: center; position: absolute; top: 25%; left: 0; right: 0; padding: 0; } @media (max-width: 500px) { #jhl_practice_area_wrapper .jhl_practice_title { font-size: 20px; top: 15%; } } #jhl_practice_area_wrapper .jhl_area_outer .jhl_slider_thumbnail:hover .jhl_practice_thumbnail_overlay { opacity: 0.36; filter: alpha(opacity=36); } #jhl_practice_area_wrapper .jhl_area_outer .jhl_slider_thumbnail:hover .jhl_thumbnail_img { -webkit-transform: scale(1.1, 1.1); -khtml-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); } #toggle_jj, #toggle_ch { display: none; appearance: none; } #toggle_jj + label, #toggle_ch + label { cursor: pointer; padding: 10px; background: #1c6aab; width: 150px; border-radius: 3px; padding: 8px 10px; color: #fff; line-height: 20px; text-align: center; -webkit-font-smoothing: antialiased; transition: all 500ms ease; z-index: 5; overflow: hidden; position: absolute; top: 0; left: 50%; -webkit-transform: translate(-50%, 0%); -khtml-transform: translate(-50%, 0%); -moz-transform: translate(-50%, 0%); -ms-transform: translate(-50%, 0%); -o-transform: translate(-50%, 0%); transform: translate(-50%, 0%); } #toggle_jj + label:after, #toggle_ch + label:after { content: "Bio"; } #toggle_jj + label:before, #toggle_ch + label:before { background: #fff; content: ""; height: 155px; left: -75px; opacity: .2; position: absolute; top: -50px; transform: rotate(35deg); transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1); width: 50px; z-index: 10; } #toggle_jj + label:hover:before, #toggle_ch + label:hover:before { left: 120%; transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1); } #jhl_div_jj, #jhl_div_ch { margin-top: 40px; padding-top: 40px; padding-left: 0; padding-right: 0; text-align: center; } .jhl_card_front { transition: all 420ms linear; z-index: 2; } .jhl_card_back { transition: all 400ms linear; z-index: 1; opacity: 0; padding-left: 0; padding-right: 0; } #toggle_jj:checked ~ .jhl_card_front, #toggle_ch:checked ~ .jhl_card_front { opacity: 0; z-index: 0; animation: skew 500ms linear 1, shuffleR 500ms linear 1; -moz-animation: skew 500ms linear 1, shuffleR 500ms linear 1; /* Firefox */ -webkit-animation: skew 500ms linear 1, shuffleR 500ms linear 1; /* Safari and Chrome */ } #toggle_jj:checked ~ .jhl_card_back, #toggle_ch:checked ~ .jhl_card_back { opacity: 1; z-index: 3; animation: shuffleL 500ms linear 1; -moz-animation: shuffleL 500ms linear 1; /* Firefox */ -webkit-animation: shuffleL 500ms linear 1; /* Safari and Chrome */ } #toggle_jj:checked ~ label, #toggle_ch:checked + label { background: #ffffff; color: #1c6aab; } #toggle_jj:checked ~ label:after, #toggle_ch:checked + label:after { content: "Info"; } #jhl_attorney_toggle { height: 40px; padding-top: 2px; padding-bottom: 2px; } #jhl_lawyers_container { background-image: url(./../../../uploads/blackboard.jpg); padding-bottom: 60px; background-repeat: no-repeat; background-size: cover; position: relative; display: block; width: 100%; overflow: hidden; } #jhl_lawyers_container .row { margin-left: 0; margin-right: 0; } #jhl_lawyers_container .expand_button { color: #fff; text-align: center; border: 1px solid #fff; padding: 5px 20px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; max-width: 100px; border-top: none; margin-top: 10px; } .jhl_card { position: absolute; left: 50%; padding-top: 10px; -webkit-transform: translate(-50%, 0%); -khtml-transform: translate(-50%, 0%); -moz-transform: translate(-50%, 0%); -ms-transform: translate(-50%, 0%); -o-transform: translate(-50%, 0%); transform: translate(-50%, 0%); } #jhl_div_card_jj .jhl-card_content .jhl-card_title, #jhl_div_card_ch .jhl-card_content .jhl-card_title { color: #fff; } #jhl_div_card_jj .jhl-card_content a, #jhl_div_card_ch .jhl-card_content a { color: #dfdfdf; } #jhl_div_card_jj .jhl-card_content a:hover, #jhl_div_card_jj .jhl-card_content a:focus, #jhl_div_card_jj .jhl-card_content a:active, #jhl_div_card_ch .jhl-card_content a:hover, #jhl_div_card_ch .jhl-card_content a:focus, #jhl_div_card_ch .jhl-card_content a:active { color: #fff; } #jhl_html_jj_info, #jhl_html_ch_info { color: #fff; min-height: 420px; overflow: hidden; } #jhl_html_jj_info li, #jhl_html_ch_info li { letter-spacing: 0; } #jhl_html_jj_info h5, #jhl_html_ch_info h5 { font-family: 'Permanent Marker', cursive, Arial, sans-serif; font-weight: normal; font-style: normal; font-size: 1.6rem; } #jhl_card_jj img, #jhl_card_ch img { max-width: 300px; border: 1px solid #fff; border-width: 10px; box-shadow: 0px 0px 10px #fff; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear; } #jhl_attorney_header { padding-top: 70px; padding-bottom: 50px; color: #f7f7f7; text-shadow: 1px 1px 1px #000; display: block; position: relative; text-align: center; } #jhl_attorney_header::before { background-color: #dcdcdc; height: 1px; width: 250px; } #jhl_attorney_header::after { z-index: 3; height: 1px; width: 75px; background-color: #1a73bc; } #jhl_attorney_header::before, #jhl_attorney_header::after { content: ""; position: absolute; display: block; text-align: center; bottom: 20px; left: 50%; -webkit-transform: translate(-50%, 0%); -khtml-transform: translate(-50%, 0%); -moz-transform: translate(-50%, 0%); -ms-transform: translate(-50%, 0%); -o-transform: translate(-50%, 0%); transform: translate(-50%, 0%); } #jhl_practice_header { padding-top: 70px; padding-bottom: 40px; color: #1a73bc; text-shadow: 1px 1px 1px #c6c6c6; } #jhl_practice_header::before { background-color: #dcdcdc; height: 1px; width: 250px; } #jhl_practice_header::after { z-index: 3; height: 1px; width: 75px; background-color: #1a73bc; } #jhl_practice_header::before, #jhl_practice_header::after { content: ""; position: absolute; display: block; text-align: center; bottom: 10px; left: 50%; -webkit-transform: translate(-50%, 0%); -khtml-transform: translate(-50%, 0%); -moz-transform: translate(-50%, 0%); -ms-transform: translate(-50%, 0%); -o-transform: translate(-50%, 0%); transform: translate(-50%, 0%); } /* [ 14 Footer ] - - - - - - - - - - - - - - - - - - - - */ .footer-contact { position: relative; overflow: hidden; } .footer-contact .footer-contact-header { line-height: 1.3; padding-top: 70px; padding-bottom: 40px; color: #fff; text-shadow: 1px 1px 1px #000; } .footer-contact .footer-contact-header::before { background-color: #dcdcdc; height: 1px; width: 250px; } .footer-contact .footer-contact-header::after { z-index: 3; height: 1px; width: 75px; background-color: #1a73bc; } .footer-contact .footer-contact-header::before, .footer-contact .footer-contact-header::after { content: ""; position: absolute; display: block; text-align: center; bottom: 20px; left: 50%; -webkit-transform: translate(-50%, 0%); -khtml-transform: translate(-50%, 0%); -moz-transform: translate(-50%, 0%); -ms-transform: translate(-50%, 0%); -o-transform: translate(-50%, 0%); transform: translate(-50%, 0%); } .footer-contact:before { content: ' '; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; opacity: 0.9; background-image: url(./../images/footer-bg.jpg); background-position: 50% 0%; -ms-background-size: cover; -o-background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; background-size: cover; background-repeat: no-repeat; } .footer-map .goog-map { height: 300px; } .footer-map .goog-map .gm-style-pbc { display: none; opacity: 0; } .footer-map .map-info { padding: 50px 15px; } .footer-map .map-info h4 { font-weight: 500; line-height: 1.3; color: #1a73bc; } .footer-map .map-info h5 { line-height: 1.3; color: #1a73bc; } .footer-contact-inner { padding-left: 0; padding-right: 0; } .footer-contact-inner .row { margin-left: 0; margin-right: 0; } .footer-contact-inner .wpcf7 { padding-bottom: 10px; min-height: 400px; } .footer-contact-inner .wpcf7 input, .footer-contact-inner .wpcf7 textarea, .footer-contact-inner .wpcf7 .wpcf7-recaptcha { border: 2px solid #ababab; } .footer-contact-inner .wpcf7 input:hover, .footer-contact-inner .wpcf7 input:focus, .footer-contact-inner .wpcf7 textarea:hover, .footer-contact-inner .wpcf7 textarea:focus, .footer-contact-inner .wpcf7 .wpcf7-recaptcha:hover, .footer-contact-inner .wpcf7 .wpcf7-recaptcha:focus { border: 2px solid #277bc0; box-shadow: 0px 0px 20px 0px #277bc0; } .footer-contact-inner .wpcf7 textarea { height: 160px; } .footer-contact-inner .wpcf7 label { width: 100%; font-size: 18px; color: #fff; text-shadow: 2px 2px 2px #000; } .footer-contact-inner .wpcf7 .wpcf7-submit { width: auto; padding: 5px 30px; color: #fff; text-shadow: 1px 1px 1px #000; border-radius: 20px; font-size: 20px; border: 2px solid #fff !important; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; background: transparent; /* Old browsers */ background: -moz-linear-gradient(right, transparent 50%, #007adf 50%); /* FF3.6-15 */ background: -webkit-linear-gradient(right, transparent 50%, #007adf 50%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to left, transparent 50%, #007adf 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='transparent', endColorstr='#007adf',GradientType=0 ); /* IE6-9 */ background-size: 200% 100%; background-position: right bottom; } .footer-contact-inner .wpcf7 .wpcf7-submit:hover, .footer-contact-inner .wpcf7 .wpcf7-submit:focus { background-position: left bottom; } .footer-contact-inner .wpcf7 div.wpcf7-response-output { margin: .5em 0em; padding: 5px; border-radius: 5px; text-align: center; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .footer-contact-inner .wpcf7 span .wpcf7-not-valid { border: 2px solid #ff0000 !important; } .footer-contact-inner .wpcf7 span.wpcf7-not-valid-tip { display: none; } .footer-contact-inner .wpcf7 div.wpcf7-validation-errors { background: #ffe2e2; border: 1px solid #ff0000; color: #C10000; } .footer-contact-inner .wpcf7 .wpcf7-spam-blocked { background: #e2e2e2; border: 1px solid #bcbcbc !important; color: #383838; } .footer-contact-inner .wpcf7 .wpcf7-mail-sent-ng { background: #fcf8e3; border: 2px solid #ac9163 !important; color: #8a6d3b; } .footer-contact-inner .wpcf7 .wpcf7-mail-sent-ok { background: #dff0d8; border: 2px solid #3c763d !important; color: #3c763d; } .footer-contact-inner .wpcf7 .ajax-loader { display: none; } .footer-contact-inner p, .footer-contact-inner a, .footer-contact-inner h5 { padding-bottom: 10px; font-size: 22px; text-shadow: 1px 1px 1px #000; color: #fff; } .footer-bottom { color: #fff; font-size: 12px; font-weight: 100; padding: 5px 0; border-top: 2px solid #c5c5c5; } .footer-bottom a { color: #fff; } .footer-bottom a:focus, .footer-bottom a:hover, .footer-bottom a:active { color: #fff; text-shadow: 1px 1px 1px #000; } .footer-widget-title { color: #fff; text-shadow: 1px 1px 1px #000; margin: 30px 0; padding: 10px; font-size: 28px; } .logged-in div.wpcf7 { margin-top: 0; } /* !-------- To Top -------- */ .to-top.reveal { bottom: 20px; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } .to-top { position: fixed; color: #1c6aab !important; border-radius: 25px; right: 20px; bottom: -60px; height: 50px; width: 50px; background: #fff; border: 1px solid #1c6aab; margin: 0px 0px; text-align: center; line-height: 14px; font-size: 14px; padding-top: 8px; opacity: 0.5; -moz-opacity: 0.5; filter: alpha(opacity=0.5); -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } .to-top:hover { opacity: 0.7; -moz-opacity: 0.7; filter: alpha(opacity=0.7); } /*# sourceMappingURL=jhl.css.map */