/*Theme Name: TJH Theme URI: http://pollenlondon.com Description: Custom theme Author: Tadas Karpavicius Author URI: http://pollenlondon.com Version: 1.0.0 Text Domain: tjh*/ /*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */ /* Document ========================================================================== */ /** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in * IE on Windows Phone and in iOS. */ .textwidget { padding-top: 3rem } html { line-height: 1.15; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ } /* Sections ========================================================================== */ /** * Remove the margin in all browsers (opinionated). */ body { margin: 0; } /** * Add the correct display in IE 9-. */ article, aside, footer, header, nav, section { display: block; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { font-size: 2em; margin: 0.67em 0; } /* Grouping content ========================================================================== */ /** * Add the correct display in IE 9-. * 1. Add the correct display in IE. */ figcaption, figure, main { /* 1 */ display: block; } /** * Add the correct margin in IE 8. */ figure { margin: 1em 40px; } /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { -webkit-box-sizing: content-box; box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /* Text-level semantics ========================================================================== */ /** * 1. Remove the gray background on active links in IE 10. * 2. Remove gaps in links underline in iOS 8+ and Safari 8+. */ a { background-color: transparent; /* 1 */ -webkit-text-decoration-skip: objects; /* 2 */ } /** * 1. Remove the bottom border in Chrome 57- and Firefox 39-. * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ -webkit-text-decoration: underline dotted; text-decoration: underline dotted; /* 2 */ } /** * Prevent the duplicate application of `bolder` by the next rule in Safari 6. */ b, strong { font-weight: inherit; } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** * Add the correct font style in Android 4.3-. */ dfn { font-style: italic; } /** * Add the correct background and color in IE 9-. */ mark { background-color: #ff0; color: #000; } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Embedded content ========================================================================== */ /** * Add the correct display in IE 9-. */ audio, video { display: inline-block; } /** * Add the correct display in iOS 4-7. */ audio:not([controls]) { display: none; height: 0; } /** * Remove the border on images inside links in IE 10-. */ img { border-style: none; } /** * Hide the overflow in IE. */ svg:not(:root) { overflow: hidden; } /* Forms ========================================================================== */ /** * 1. Change the font styles in all browsers (opinionated). * 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font-family: sans-serif; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { /* 1 */ overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video` * controls in Android 4. * 2. Correct the inability to style clickable types in iOS and Safari. */ button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; /* 2 */ } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Correct the padding in Firefox. */ fieldset { padding: 0.35em 0.75em 0.625em; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { -webkit-box-sizing: border-box; box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } /** * 1. Add the correct display in IE 9-. * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } /** * Remove the default vertical scrollbar in IE. */ textarea { overflow: auto; } /** * 1. Add the correct box sizing in IE 10-. * 2. Remove the padding in IE 10-. */ [type="checkbox"], [type="radio"] { -webkit-box-sizing: border-box; box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /** * Remove the inner padding and cancel buttons in Chrome and Safari on macOS. */ [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Interactive ========================================================================== */ /* * Add the correct display in IE 9-. * 1. Add the correct display in Edge, IE, and Firefox. */ details, menu { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* Scripting ========================================================================== */ /** * Add the correct display in IE 9-. */ canvas { display: inline-block; } /** * Add the correct display in IE. */ template { display: none; } /* Hidden ========================================================================== */ /** * Add the correct display in IE 10-. */ [hidden] { display: none; } .clear:after, #footer:after, .widget_contact:after, #modal-contact .modal-inner .modal-content:after, #modal-request .modal-inner .modal-content:after, #modal-event-register .modal-inner .modal-content:after, #modal-referral .modal-inner .modal-content:after, #advanced-search .modal-inner .modal-content:after, .event_banner:after, .teaser:after, .slider:after, #result-blocks:after, .content_grid>div:after, #page #primary:after, #page #primary .text_area .top_content:after, #page #primary .text_area .resource_entries .resource_entry:after, #page #primary .text_area .history .iso_list:after, .single .content_area .sub_wrap:after, .page .content_area .sub_wrap:after, .blog .content_area .sub_wrap:after, .event-template-default .content_area .sub_wrap:after, .search .content_area .sub_wrap:after, .archive .content_area .sub_wrap:after, .single .content_area .sub_wrap:after, .error404 .content_area .sub_wrap:after, .single .content_area .sub_wrap .clear:after, .page .content_area .sub_wrap .clear:after, .blog .content_area .sub_wrap .clear:after, .event-template-default .content_area .sub_wrap .clear:after, .search .content_area .sub_wrap .clear:after, .archive .content_area .sub_wrap .clear:after, .error404 .content_area .sub_wrap .clear:after, .page-template-page-gform .bg_wrap:after, .single-event .event_prizes ul li:after, .posts_filter:after, .posts_filter .posts_filter_form:after, #page #primary .text_area .career_testimonials:after { content: ""; display: table; clear: both; } html.wf-loading, .pagination .screen-reader-text { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .event_banner, .teaser, .slider, .content_grid, .awards_wrapper, .page-template-page-gform .awards_wrapper>ul, .page-template-page-thank-you .sub_wrap { -webkit-box-sizing: border-box; box-sizing: border-box; width: 1248px; width: 78rem; margin: 0 auto; } @media screen and (max-width: 619px) { .event_banner, .teaser, .slider, .content_grid, .awards_wrapper, .page-template-page-gform .awards_wrapper>ul, .page-template-page-thank-you .sub_wrap { width: auto; } } #footer .footer_menu, #footer #footer-small-menu #menu-footer-small, .teaser>div.pa_links ul, .slider, #page #primary .sidebar_area .dl-menuwrapper .dl-menu, #page #primary .sidebar_area .dl-menuwrapper .dl-menu li .dl-submenu, #page #primary .text_area .hentry ul, #page #primary .text_area .top_content ul, #page #primary .text_area .resource_entries .resource_entry ul.q_a, #page #primary .text_area .featured_attorneys ul, #page #primary .text_area .testimonials_list, .page-template-page-gform .bg_wrap .left ul, .page-template-page-locations .locations .location ul, .single-event .event_prizes ul, .event_faq ul, .single-areas .text_area .tabs .tabs_menu, .single-areas .text_area .tabs .tab .tab_content ul, .single-areas .text_area .tabs ul.q_a { list-style: none; padding: 0; margin: 0; } #top-bar .top_locations:after, .inline_widgets .inline_widget>a:after, .content_grid:after, .content_grid:before, .content_grid>div div:not(.custom_pager) span:last-child:after, .content_grid .grid_type_twitter li span:last-child:after, #page #primary .text_area .hentry ul li:before, #page #primary .text_area .top_content ul li:before, #page #primary .text_area .hentry ul.links_list li:after, #page #primary .text_area .top_content ul.links_list li:after, #page #primary .text_area .hentry:after, #page #primary .text_area .top_content:after, #page #primary .text_area .resource_entries .select_wrap:after, #page #primary .text_area .resource_entries .select_wrap:before, #page #primary .text_area .resource_entries .resource_entry:before, #page #primary .text_area .resource_entries .resource_entry .video_entry .thumb .btn-video:before, #page #primary .text_area .resource_entries .resource_entry .info_entry>a:after, #page #primary .text_area .resource_entries .resource_entry ul.q_a li:after, #page #primary .text_area .featured_attorneys:after, #page #primary .text_area .history .iso_list .list_item>a:after, #page #primary .text_area .history:after, #page #primary .text_area .testimonials_list li:after, .home_locations:after, .home_locations .location p span.tel:before, .home_locations .location p span.address:before, .page-template-page-locations .locations:after, .page-template-page-locations .locations .location ul li:before, .page-template-page-locations .locations .location ul.links_list li:after, .single-event .event_locations:after, .single-event .event_info:before, .single-event .event_info:after, .single-event .event_prizes:after, .event_judges:after, .event_partners:after, .event_faq:after, .event_gallery:after, .event_social:after, .blog #page #primary .text_area .hentry .external_video .btn-video:before, .single-post #page #primary .text_area .hentry .external_video .btn-video:before, .single-news #page #primary .text_area .hentry .external_video .btn-video:before, .single-post .text_area .blog_accolades:after, .single-areas .text_area .tabs:after, .single-areas .text_area .tabs .mobile_hook:after, .single-areas .text_area .tabs .tab .tab_content ul.links_list li:after, .single-areas .text_area .tabs ul.q_a li:after, .page-template-default .text_area .results_accolades:after, .posts_filter .posts_filter_form .select_wrap:after, #page #primary .text_area .career_testimonials:after, .menu_active:before { content: ''; display: block; position: absolute; } blockquote { margin: 45px 0 70px; margin: 2.8125rem 0 4.375rem; padding-left: 40px; padding-left: 2.5rem; border-left: 4px solid #000000; color: #333333; } @media screen and (max-width: 619px) { blockquote { margin: 35px 0 45px; margin: 2.1875rem 0 2.8125rem; padding-left: 20px; padding-left: 1.25rem; } } html { font-size: 15.36px; font-size: 1.06667vw; } @media screen and (min-width: 1440px) { html { font-size: 15.36px; } } @media screen and (max-width: 619px) { html { font-size: 15.36px; } } body { color: #333333; font-family: "Oxygen", sans-serif; font-weight: 400; padding-top: 73px; padding-top: 4.5625rem; } @media screen and (max-width: 619px) { body { padding-top: 63px; padding-top: 3.9375rem; } body.page-template-page-landing-php { padding-top: 0; } } @media screen and (min-width: 620px) { body { padding-top: 0; } } body p { line-height: 1.5; } body.menu_up.single .content_area .sub_wrap, body.menu_up.page .content_area .sub_wrap, body.menu_up.blog .content_area .sub_wrap, body.menu_up.event-template-default .content_area .sub_wrap, body.menu_up.search .content_area .sub_wrap, body.menu_up.archive .content_area .sub_wrap { margin-top: 140px; margin-top: 8.75rem; } body.menu_up #page #primary .sidebar_area { top: 55px; top: 3.4375rem; } html:not(.wf-loading) body:not(.page-template-page-thank-you).page-id-7 { background: #F6F6F6; } h1, h2, h3, h4, h5, h6 { font-weight: normal; letter-spacing: 2px; letter-spacing: 0.114rem; } a { border: 0; color: inherit; text-decoration: none; -webkit-transition: color 0.8s ease-out; transition: color 0.8s ease-out; } .wrap-content a, .menu-inline a { color: #F22843; } .wrap-sidebar a { color: #333333; } figure { margin: 0; } img { height: auto; max-width: 100%; } h1 { font-size: 46.08px; font-size: 2.88rem; } input, textarea { outline: none; } .left { float: left; } @media screen and (max-width: 619px) { .left { float: none; } #page #primary .text_area .footer.form_wrapper input, #page #primary .text_area .footer.form_wrapper textarea { width: 100%; } } .right { float: right; } .page-template-page-blog-php .sidebar_area .menu, .archive .sidebar_area .menu, .search .sidebar_area .menu, .single .blogpost .sidebar_area .menu { list-style: none; } .page-template-page-blog-php .sidebar_area .menu li:before, .archive .sidebar_area .menu li:before, .search .sidebar_area .menu li:before, .single .blogpost .sidebar_area .menu li:before { position: relative; content: ""; display: inline-block; width: 0.6em; height: 0.6em; border-right: 0.1em solid #fff; border-top: 0.1em solid #fff; transform: rotate(45deg); margin-right: 12px; font-size: 8px; margin-bottom: 4px; } @media screen and (max-width: 619px) { .right { float: none; } } @media screen and (max-width: 619px) { .variant_left, .variant_right { width: 100% !important; float: none !important; } } .variant_right.with_img .teaser { margin-top: -150px; margin-top: -9.375rem; } @media screen and (max-width: 619px) { .variant_right.with_img .teaser { margin: 30px 0; margin: 1.875rem 0; } } .variant_right.with_img .teaser .text { margin-top: -75px; margin-top: -4.6875rem; padding: 20px 60px; padding: 1.25rem 3.75rem; } @media screen and (max-width: 619px) { .variant_right.with_img .teaser .text { padding: 20px 30px; padding: 1.25rem 1.875rem; } } .variant_right .teaser { width: 100%; } @media screen and (max-width: 619px) { .variant_right .teaser { margin: 30px 0; margin: 1.875rem 0; } } .variant_right .teaser .text { width: 100%; height: auto; padding: 70px 60px; padding: 4.375rem 3.75rem; } @media screen and (max-width: 619px) { .variant_right .teaser .text { padding: 35px 30px; padding: 2.1875rem 1.875rem; } } .variant_right .teaser .text p { font-size: 15.36px; font-size: 0.96rem; } .variant_right .teaser>p { margin: 0 !important; } .center { text-align: center; } .middle { margin: 0 auto; } .hidden { display: none; } @media screen and (max-width: 619px) { .mobile_hidden { display: none; } } @media screen and (min-width: 620px) { .desktop_hidden { display: none; } } #page #primary .text_area .wpcf7-form input[type="submit"] { margin-top: 0.3rem; } .btn { display: inline-block; text-align: center; text-transform: uppercase; color: #ffffff; font-size: 13.44px; font-size: 0.84rem; letter-spacing: 2px; letter-spacing: 0.125rem; line-height: 1.6875rem; padding: 7px 0; padding: 0.4375rem 0; } @media screen and (max-width: 619px) { .btn { line-height: 1.3; } .teaser>div.form .wpcf7-form input[type="submit"] { line-height: 2; } } .btn.variant_submit { font-size: 11.52px; font-size: 0.72rem; } @media screen and (min-width: 620px) { .menu_active #top-bar #logo, .menu_active #top-bar .btn { position: relative; z-index: 12; } } .menu_active #top-bar #logo { background: url("/wp-content/themes/tjh-theme/img/logo_black.svg") no-repeat center center; } #top-bar { height: 73px; height: 4.5625rem; background: #000000; padding: 0 90px; padding: 0 5.625rem; position: fixed; top: 0; left: 0; right: 0; z-index: 99; -webkit-transition: top 0.2s ease-in-out; transition: top 0.2s ease-in-out; } @media screen and (min-width: 620px) { #top-bar { position: absolute; height: 255px; height: 15.9375rem; background: #fff; padding: 50px 60px 0; padding: 3.125rem 3.75rem 0; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: top 0.2s ease-in-out, height 0.2s ease-in-out; transition: top 0.2s ease-in-out, height 0.2s ease-in-out; } .page-template-page-blog-php #top-bar.top-bar-custom, .archive #top-bar.top-bar-custom, .search #top-bar.top-bar-custom, .single #top-bar.top-bar-custom { position: relative; } } #top-bar.nav_up { top: -73px; top: -4.5625rem; } @media screen and (min-width: 620px) { #top-bar.nav_up { position: fixed; height: 65px; height: 4.0625rem; top: -65px; top: -4.0625rem; padding: 5px 60px 0; padding: 0.3125rem 3.75rem 0; } #top-bar.nav_up #logo { margin-top: 10px; margin-top: 0.625rem; position: relative; bottom: auto; display: none; } #top-bar.nav_up #main-search { display: none; } #top-bar.nav_up #main-menu { width: auto; margin: 20px 70px 0; margin: 1.25rem 4.375rem 0; } #top-bar.nav_up .btn { margin-top: 5px; margin-top: 0.3125rem; } } @media screen and (min-width: 620px) { #top-bar.nav_down { position: fixed; height: 55px; height: 3.4375rem; padding: 0; background-color: #d5072c; } #top-bar.nav_down #logo { margin-top: 10px; margin-top: 0.625rem; position: relative; bottom: auto; display: none; } #top-bar.nav_down #logo-white { display: block; position: fixed; z-index: 100; left: 90px; top: 10px; } #top-bar.nav_down .caption { display: none; } #top-bar.nav_down #main-search { display: none; } #top-bar.nav_down #main-menu { width: auto; margin: 20px 70px 0; margin: 1.25rem 4.375rem 0; } #top-bar.nav_down .top_locations { display: none; } #top-bar.nav_down .btn { margin-top: 5px; margin-top: 0.3125rem; display: none; } #top-bar.nav_down .header_slim_menu { text-align: right; } } @media screen and (max-width: 619px) { #top-bar { padding: 0 30px; padding: 0 1.875rem; z-index: 999; } } #top-bar #logo { display: block; width: 243px; width: 15.1875rem; height: 34px; height: 2.125rem; background: url("/wp-content/themes/tjh-theme/img/tjh_logo_white.png") no-repeat center center; background-size: contain !important; padding-top: 37px; padding-top: 2.3125rem; } @media screen and (min-width: 620px) { #top-bar #logo { padding-top: 0; background: url("/wp-content/themes/tjh-theme/img/tjh_logo_black.png") no-repeat center center; position: absolute; top: 50px; top: 3.125rem; } } @media screen and (max-width: 619px) { #top-bar #logo { width: 204px; width: 12.75rem; height: 14px; height: 0.875rem; padding-top: 60px; padding-top: 3.75rem; } } #top-bar #logo-white { display: none; width: 243px; width: 15.1875rem; height: 34px; height: 2.125rem; background: url("/wp-content/themes/tjh-theme/img/tjh_logo_white.png") no-repeat center center; background-size: contain !important; } #top-bar .caption { display: none; position: absolute; top: 95px; top: 5.9375rem; } @media screen and (min-width: 620px) { #top-bar .caption { display: block; } } #top-bar .caption span { font-family: "Playfair Display", serif; font-size: 17.28px; font-size: 1.08rem; line-height: 25px; line-height: 1.5625rem; } #top-bar .caption span b { display: block; } #top-bar .top_locations { position: absolute; top: 55px; top: 2.6rem; right: 310px; right: 19.375rem; text-align: right; padding-right: 40px; padding-right: 2.5rem; } #top-bar .top_locations:after { background-color: #E2E2E2; height: 100px; height: 6.25rem; width: 1px; width: 0.0625rem; position: absolute; right: 0; top: -6px; top: 0.5rem; } #top-bar .top_locations span { display: block; line-height: 30px; line-height: 1.875rem; } #top-bar .btn { background: #d5072c; font-size: 13.44px; font-size: 0.84rem; line-height: 1.375rem; letter-spacing: 2px; letter-spacing: 0.125rem; text-transform: uppercase; width: 225px; width: 14.0625rem; color: #ffffff; text-align: center; font-weight: 300; margin: 14px 60px 0 0; margin: 0.875rem 3.75rem 0 0; padding: 11px 0; padding: 0.6875rem 0; } #top-bar .btn.mobile { display: none; } @media screen and (min-width: 620px) { #top-bar .btn { margin: 0 0 9px 0; margin: 0 0 0.5625rem 0; width: 204px; width: 12.75rem; height: 22px; height: 1.375rem; position: absolute; top: 50px; top: 3.125rem; right: 60px; right: 3.75rem; } } @media screen and (max-width: 619px) { #top-bar .btn { position: absolute; top: 73px; top: 4.5625rem; left: 0; right: 0; text-align: center; bottom: auto; padding: 6px 0; padding: 0.375rem 0; margin: 0; width: 100%; z-index: 9999999; } } #top-bar .btn>span { position: absolute; width: 8px; width: 0.5rem; height: 18px; height: 1.125rem; top: 7px; top: 0.4375rem; padding-left: 24px; padding-left: 1.5rem; background: url("/wp-content/themes/tjh-theme/img/phone.svg") no-repeat center center; background-size: contain !important; display: none; } @media screen and (max-width: 619px) { #top-bar .btn>span { display: inline-block; } } .mobile_menu_active #top-bar { height: 100%; overflow: scroll; } a.disabled, .disabled>a { cursor: default; } .widget_contact, .widget_request { margin: 60px 0 125px; margin: 3.75rem 0 7.8125rem; } @media screen and (max-width: 619px) { .widget_contact, .widget_request { margin: 30px 0 40px; margin: 1.875rem 0 2.5rem; max-width: none; } } .widget_contact h4, .widget_request h4 { font-size: 13.44px; font-size: 0.84rem; margin: 0 0 50px; margin: 0 0 3.125rem; color: #2F2F2F; } .widget_contact .textwidget, .widget_request .textwidget { font-family: "Playfair Display", serif; font-size: 23.04px; font-size: 1.44rem; line-height: 28px; line-height: 1.75rem; } @media screen and (max-width: 619px) { .widget_contact .textwidget, .widget_request .textwidget { font-size: 17.28px; font-size: 1.08rem; line-height: 24px; line-height: 1.5rem; } } .widget_contact .textwidget .btn, .widget_request .textwidget .btn { font-family: "Oxygen", sans-serif; background: #d5072c; display: block; } .widget_contact h2 { font-size: 42.24px; font-size: 2.64rem; font-family: "Playfair Display", serif; letter-spacing: 0; margin: 20px 0 30px; margin: 1.25rem 0 1.875rem; } .widget_contact h3 { font-size: 25.92px; font-size: 1.62rem; line-height: 34px; line-height: 2.125rem; text-transform: uppercase; margin: 0 0 20px; margin: 0 0 1.25rem; font-weight: 700; } .widget_contact h3.variant { font-size: 26.88px; font-size: 1.68rem; line-height: 33px; line-height: 2.0625rem; text-transform: none; margin-top: 0; margin-bottom: 25px; margin-bottom: 1.5625rem; letter-spacing: 0; } .widget_contact h4 { margin: 0 0 10px; margin: 0 0 0.625rem; } .widget_contact span.red { display: block; color: #d5072c; font-weight: 700; font-size: 23.04px; font-size: 1.44rem; line-height: 27px; line-height: 1.6875rem; margin-bottom: 30px; margin-bottom: 1.875rem; } .widget_contact .btn { margin-top: 0; } .widget_contact .left, .widget_contact .right { width: 49%; } @media screen and (max-width: 619px) { .widget_contact .left, .widget_contact .right { width: 100%; } } .widget_contact .wpcf7-form { position: relative; overflow: hidden; } .widget_contact .wpcf7-form .wpcf7-recaptcha { margin-top: 0.5rem; } .widget_contact .wpcf7-form .wpcf7-response-output { position: absolute; bottom: 0; } .widget_request { max-width: 70%; } .widget_request .textwidget { line-height: 24px; line-height: 1.5rem; } .widget_request .textwidget .btn { background: transparent; border: 2px solid #3D78D4; color: #3D78D4; margin-top: 35px; margin-top: 2.1875rem; } @media screen and (max-width: 619px) { #modal-contact, #modal-request, #modal-event-register, #modal-referral, #advanced-search { /* &.is-active { z-index: 9999; position: relative; height: auto; overflow: visible; @include rem(margin-top, -63px); } */ } } #modal-contact .modal-close:before, #modal-request .modal-close:before, #modal-event-register .modal-close:before, #modal-referral .modal-close:before, #advanced-search .modal-close:before { background: rgba(0, 0, 0, 0.7); } @media screen and (max-width: 619px) { #modal-contact .modal-close:before, #modal-request .modal-close:before, #modal-event-register .modal-close:before, #modal-referral .modal-close:before, #advanced-search .modal-close:before { background: transparent; -webkit-box-shadow: none; box-shadow: none; } } #modal-contact .modal-close:after, #modal-request .modal-close:after, #modal-event-register .modal-close:after, #modal-referral .modal-close:after, #advanced-search .modal-close:after { border-radius: 0; padding: 0 23px 4px; padding: 0 1.4375rem 0.25rem; font-size: 40.32px; font-size: 2.52rem; line-height: 70px; line-height: 4.375rem; font-weight: 700; top: auto; right: 55px; right: 3.4375rem; margin-right: 0; } @media screen and (max-width: 619px) { #modal-contact .modal-close:after, #modal-request .modal-close:after, #modal-event-register .modal-close:after, #modal-referral .modal-close:after, #advanced-search .modal-close:after { color: #333333; background: transparent; content: '\00d7'; right: 25px; } } #modal-contact .modal-inner, #modal-request .modal-inner, #modal-event-register .modal-inner, #modal-referral .modal-inner, #advanced-search .modal-inner { border-radius: 0; top: 0; left: 0; right: 0; margin-left: 0; width: 100%; position: relative; position: relative; } #modal-request .modal-close { position: absolute; top: 2rem; right: 3rem; width: 2rem; height: 2rem; cursor: pointer; z-index: 32; display: block; font-size: 0.96rem; background-color: transparent; background-image: url("img/close.svg"); background-size: contain; background-repeat: no-repeat; background-position: center; clip: initial; margin: 0; opacity: 0.5; } #modal-request .modal-close:hover { opacity: 0.8; } #modal-request .modal-close::before, #modal-request .modal-close::after { content: normal; } #modal-contact .modal-inner:after, #modal-request .modal-inner:after, #modal-event-register .modal-inner:after, #modal-referral .modal-inner:after, #advanced-search .modal-inner:after { content: ''; display: block; width: 90%; height: 10px; height: 0.625rem; background: #000000; position: absolute; left: 0; right: 0; margin: 0 auto; bottom: -10px; bottom: -0.625rem; } @media screen and (max-width: 619px) { #modal-contact .modal-inner:after, #modal-request .modal-inner:after, #modal-event-register .modal-inner:after, #modal-referral .modal-inner:after, #advanced-search .modal-inner:after { height: 5px; height: 0.3125rem; bottom: -5px; bottom: -0.3125rem; } } #modal-contact .modal-inner:before, #modal-request .modal-inner:before, #modal-event-register .modal-inner:before, #modal-referral .modal-inner:before, #advanced-search .modal-inner:before { content: ''; display: block; width: 90%; height: 10px; height: 0.625rem; background: #d5072c; position: absolute; left: 0; right: 0; margin: 0 auto; top: 0; } @media screen and (max-width: 619px) { #modal-contact .modal-inner:before, #modal-request .modal-inner:before, #modal-event-register .modal-inner:before, #modal-referral .modal-inner:before, #advanced-search .modal-inner:before { height: 5px; height: 0.3125rem; } } #modal-contact .modal-inner .modal-content, #modal-request .modal-inner .modal-content, #modal-event-register .modal-inner .modal-content, #modal-referral .modal-inner .modal-content, #advanced-search .modal-inner .modal-content { border: none; max-height: 815px; max-height: 50.9375rem; padding: 100px 145px 75px; padding: 6.25rem 9.0625rem 4.6875rem; } @media screen and (max-width: 619px) { #modal-contact .modal-inner .modal-content, #modal-request .modal-inner .modal-content, #modal-event-register .modal-inner .modal-content, #modal-referral .modal-inner .modal-content, #advanced-search .modal-inner .modal-content { max-height: none; padding: 25px 0; padding: 1.5625rem 0; padding-left: 10%; padding-right: 10%; } } #modal-contact .modal-inner .modal-content #chat-widget, #modal-request .modal-inner .modal-content #chat-widget, #modal-event-register .modal-inner .modal-content #chat-widget, #modal-referral .modal-inner .modal-content #chat-widget, #advanced-search .modal-inner .modal-content #chat-widget { width: 350px; width: 21.875rem; height: 425px; height: 26.5625rem; float: left; } @media screen and (max-width: 619px) { #modal-contact .modal-inner .modal-content #chat-widget, #modal-request .modal-inner .modal-content #chat-widget, #modal-event-register .modal-inner .modal-content #chat-widget, #modal-referral .modal-inner .modal-content #chat-widget, #advanced-search .modal-inner .modal-content #chat-widget { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } } #modal-contact .modal-inner .modal-content .wpcf7, #modal-request .modal-inner .modal-content .wpcf7, #modal-event-register .modal-inner .modal-content .wpcf7, #modal-referral .modal-inner .modal-content .wpcf7, #advanced-search .modal-inner .modal-content .wpcf7 { width: 700px; width: 43.75rem; float: left; } @media screen and (max-width: 619px) { #modal-contact .modal-inner .modal-content .wpcf7, #modal-request .modal-inner .modal-content .wpcf7, #modal-event-register .modal-inner .modal-content .wpcf7, #modal-referral .modal-inner .modal-content .wpcf7, #advanced-search .modal-inner .modal-content .wpcf7 { float: none; width: 100%; } } #modal-contact .modal-inner .modal-content .wpcf7 h4, #modal-request .modal-inner .modal-content .wpcf7 h4, #modal-event-register .modal-inner .modal-content .wpcf7 h4, #modal-referral .modal-inner .modal-content .wpcf7 h4, #advanced-search .modal-inner .modal-content .wpcf7 h4 { color: #000; font-weight: 700; font-size: 11.52px; font-size: 0.72rem; margin: 0 0 20px; margin: 0 0 1.25rem; text-transform: uppercase; } #modal-contact .modal-inner .modal-content .wpcf7 p em, #modal-request .modal-inner .modal-content .wpcf7 p em, #modal-event-register .modal-inner .modal-content .wpcf7 p em, #modal-referral .modal-inner .modal-content .wpcf7 p em, #advanced-search .modal-inner .modal-content .wpcf7 p em { color: #000; font-family: "Playfair Display", serif; font-size: 23.04px; font-size: 1.44rem; line-height: 40px; line-height: 2.5rem; font-style: italic; } #modal-contact .modal-inner .modal-content .wpcf7 p em span, #modal-request .modal-inner .modal-content .wpcf7 p em span, #modal-event-register .modal-inner .modal-content .wpcf7 p em span, #modal-referral .modal-inner .modal-content .wpcf7 p em span, #advanced-search .modal-inner .modal-content .wpcf7 p em span { font-size: 41.28px; font-size: 2.58rem; } @media screen and (max-width: 619px) { #modal-contact .modal-inner .modal-content .wpcf7 p em span, #modal-request .modal-inner .modal-content .wpcf7 p em span, #modal-event-register .modal-inner .modal-content .wpcf7 p em span, #modal-referral .modal-inner .modal-content .wpcf7 p em span, #advanced-search .modal-inner .modal-content .wpcf7 p em span { font-size: 30.72px; font-size: 1.92rem; } } #modal-contact .modal-inner .modal-content .wpcf7 .wpcf7-form>p, #modal-request .modal-inner .modal-content .wpcf7 .wpcf7-form>p, #modal-event-register .modal-inner .modal-content .wpcf7 .wpcf7-form>p, #modal-referral .modal-inner .modal-content .wpcf7 .wpcf7-form>p, #advanced-search .modal-inner .modal-content .wpcf7 .wpcf7-form>p { margin-bottom: 0; } #modal-contact .modal-inner .modal-content .wpcf7 .wpcf7-form p:last-of-type, #modal-request .modal-inner .modal-content .wpcf7 .wpcf7-form p:last-of-type, #modal-event-register .modal-inner .modal-content .wpcf7 .wpcf7-form p:last-of-type, #modal-referral .modal-inner .modal-content .wpcf7 .wpcf7-form p:last-of-type, #advanced-search .modal-inner .modal-content .wpcf7 .wpcf7-form p:last-of-type { border-top: 1px solid #CBCBCB; } #modal-contact .modal-inner .modal-content .wpcf7 .wpcf7-form h4:last-of-type, #modal-request .modal-inner .modal-content .wpcf7 .wpcf7-form h4:last-of-type, #modal-event-register .modal-inner .modal-content .wpcf7 .wpcf7-form h4:last-of-type, #modal-referral .modal-inner .modal-content .wpcf7 .wpcf7-form h4:last-of-type, #advanced-search .modal-inner .modal-content .wpcf7 .wpcf7-form h4:last-of-type { margin-top: 60px; margin-top: 3.75rem; margin-top: 0; } @media screen and (max-width: 619px) { #modal-contact .modal-inner .modal-content .wpcf7 .wpcf7-form h4:last-of-type, #modal-request .modal-inner .modal-content .wpcf7 .wpcf7-form h4:last-of-type, #modal-event-register .modal-inner .modal-content .wpcf7 .wpcf7-form h4:last-of-type, #modal-referral .modal-inner .modal-content .wpcf7 .wpcf7-form h4:last-of-type, #advanced-search .modal-inner .modal-content .wpcf7 .wpcf7-form h4:last-of-type { margin-top: 20px; margin-top: 1.25rem; margin-top: 0; } } #modal-contact .modal-inner .modal-content .wpcf7 .wpcf7-form input[type="text"], #modal-contact .modal-inner .modal-content .wpcf7 .wpcf7-form input[type="email"], #modal-contact .modal-inner .modal-content .wpcf7 .wpcf7-form input[type="tel"], #modal-contact .modal-inner .modal-content .wpcf7 .wpcf7-form textarea, #modal-request .modal-inner .modal-content .wpcf7 .wpcf7-form input[type="text"], #modal-request .modal-inner .modal-content .wpcf7 .wpcf7-form input[type="email"], #modal-request .modal-inner .modal-content .wpcf7 .wpcf7-form input[type="tel"], #modal-request .modal-inner .modal-content .wpcf7 .wpcf7-form textarea, #modal-event-register .modal-inner .modal-content .wpcf7 .wpcf7-form input[type="text"], #modal-event-register .modal-inner .modal-content .wpcf7 .wpcf7-form input[type="email"], #modal-event-register .modal-inner .modal-content .wpcf7 .wpcf7-form input[type="tel"], #modal-event-register .modal-inner .modal-content .wpcf7 .wpcf7-form textarea, #modal-referral .modal-inner .modal-content .wpcf7 .wpcf7-form input[type="text"], #modal-referral .modal-inner .modal-content .wpcf7 .wpcf7-form input[type="email"], #modal-referral .modal-inner .modal-content .wpcf7 .wpcf7-form input[type="tel"], #modal-referral .modal-inner .modal-content .wpcf7 .wpcf7-form textarea, #advanced-search .modal-inner .modal-content .wpcf7 .wpcf7-form input[type="text"], #advanced-search .modal-inner .modal-content .wpcf7 .wpcf7-form input[type="email"], #advanced-search .modal-inner .modal-content .wpcf7 .wpcf7-form input[type="tel"], #advanced-search .modal-inner .modal-content .wpcf7 .wpcf7-form textarea { border: none; border-bottom: 1px solid #CBCBCB; font-weight: 700; color: #505050; font-size: 13.44px; font-size: 0.84rem; line-height: 40px; line-height: 2.5rem; padding: 17px 15px 0 15px; padding: 1.0625rem 0.9375rem 0 0.9375rem; font-family: "Oxygen", sans-serif !important; width: 700px; width: 37.5rem; } @media screen and (max-width: 619px) { #modal-contact .modal-inner .modal-content .wpcf7 .wpcf7-form input[type="text"], #modal-contact .modal-inner .modal-content .wpcf7 .wpcf7-form input[type="email"], #modal-contact .modal-inner .modal-content .wpcf7 .wpcf7-form input[type="tel"], #modal-contact .modal-inner .modal-content .wpcf7 .wpcf7-form textarea, #modal-request .modal-inner .modal-content .wpcf7 .wpcf7-form input[type="text"], #modal-request .modal-inner .modal-content .wpcf7 .wpcf7-form input[type="email"], #modal-request .modal-inner .modal-content .wpcf7 .wpcf7-form input[type="tel"], #modal-request .modal-inner .modal-content .wpcf7 .wpcf7-form textarea, #modal-event-register .modal-inner .modal-content .wpcf7 .wpcf7-form input[type="text"], #modal-event-register .modal-inner .modal-content .wpcf7 .wpcf7-form input[type="email"], #modal-event-register .modal-inner .modal-content .wpcf7 .wpcf7-form input[type="tel"], #modal-event-register .modal-inner .modal-content .wpcf7 .wpcf7-form textarea, #modal-referral .modal-inner .modal-content .wpcf7 .wpcf7-form input[type="text"], #modal-referral .modal-inner .modal-content .wpcf7 .wpcf7-form input[type="email"], #modal-referral .modal-inner .modal-content .wpcf7 .wpcf7-form input[type="tel"], #modal-referral .modal-inner .modal-content .wpcf7 .wpcf7-form textarea, #advanced-search .modal-inner .modal-content .wpcf7 .wpcf7-form input[type="text"], #advanced-search .modal-inner .modal-content .wpcf7 .wpcf7-form input[type="email"], #advanced-search .modal-inner .modal-content .wpcf7 .wpcf7-form input[type="tel"], #advanced-search .modal-inner .modal-content .wpcf7 .wpcf7-form textarea { width: auto; -webkit-appearance: none; border-radius: 0; } } #modal-contact .modal-inner .modal-content .wpcf7 .wpcf7-form input[name="first-name"], #modal-contact .modal-inner .modal-content .wpcf7 .wpcf7-form input[name="last-name"], #modal-contact .modal-inner .modal-content .wpcf7 .wpcf7-form input[name="email"], #modal-contact .modal-inner .modal-content .wpcf7 .wpcf7-form input[name="phone"], #modal-contact .modal-inner .modal-content .wpcf7 .wpcf7-form input[name="city"], #modal-contact .modal-inner .modal-content .wpcf7 .wpcf7-form input[name="state"], #modal-contact .modal-inner .modal-content .wpcf7 .wpcf7-form input[name="zipcode"], #modal-contact .modal-inner .modal-content .wpcf7 .wpcf7-form input[name="country"], #modal-request .modal-inner .modal-content .wpcf7 .wpcf7-form input[name="first-name"], #modal-request .modal-inner .modal-content .wpcf7 .wpcf7-form input[name="last-name"], #modal-request .modal-inner .modal-content .wpcf7 .wpcf7-form input[name="email"], #modal-request .modal-inner .modal-content .wpcf7 .wpcf7-form input[name="phone"], #modal-request .modal-inner .modal-content .wpcf7 .wpcf7-form input[name="city"], #modal-request .modal-inner .modal-content .wpcf7 .wpcf7-form input[name="state"], #modal-request .modal-inner .modal-content .wpcf7 .wpcf7-form input[name="zipcode"], #modal-request .modal-inner .modal-content .wpcf7 .wpcf7-form input[name="country"], #modal-event-register .modal-inner .modal-content .wpcf7 .wpcf7-form input[name="first-name"], #modal-event-register .modal-inner .modal-content .wpcf7 .wpcf7-form input[name="last-name"], #modal-event-register .modal-inner .modal-content .wpcf7 .wpcf7-form input[name="email"], #modal-event-register .modal-inner .modal-content .wpcf7 .wpcf7-form input[name="phone"], #modal-event-register .modal-inner .modal-content .wpcf7 .wpcf7-form input[name="city"], #modal-event-register .modal-inner .modal-content .wpcf7 .wpcf7-form input[name="state"], #modal-event-register .modal-inner .modal-content .wpcf7 .wpcf7-form input[name="zipcode"], #modal-event-register .modal-inner .modal-content .wpcf7 .wpcf7-form input[name="country"], #modal-referral .modal-inner .modal-content .wpcf7 .wpcf7-form input[name="first-name"], #modal-referral .modal-inner .modal-content .wpcf7 .wpcf7-form input[name="last-name"], #modal-referral .modal-inner .modal-content .wpcf7 .wpcf7-form input[name="email"], #modal-referral .modal-inner .modal-content .wpcf7 .wpcf7-form input[name="phone"], #modal-referral .modal-inner .modal-content .wpcf7 .wpcf7-form input[name="city"], #modal-referral .modal-inner .modal-content .wpcf7 .wpcf7-form input[name="state"], #modal-referral .modal-inner .modal-content .wpcf7 .wpcf7-form input[name="zipcode"], #modal-referral .modal-inner .modal-content .wpcf7 .wpcf7-form input[name="country"], #advanced-search .modal-inner .modal-content .wpcf7 .wpcf7-form input[name="first-name"], #advanced-search .modal-inner .modal-content .wpcf7 .wpcf7-form input[name="last-name"], #advanced-search .modal-inner .modal-content .wpcf7 .wpcf7-form input[name="email"], #advanced-search .modal-inner .modal-content .wpcf7 .wpcf7-form input[name="phone"], #advanced-search .modal-inner .modal-content .wpcf7 .wpcf7-form input[name="city"], #advanced-search .modal-inner .modal-content .wpcf7 .wpcf7-form input[name="state"], #advanced-search .modal-inner .modal-content .wpcf7 .wpcf7-form input[name="zipcode"], #advanced-search .modal-inner .modal-content .wpcf7 .wpcf7-form input[name="country"] { width: 270px; width: 16.875rem; } @media screen and (max-width: 619px) { #modal-contact .modal-inner .modal-content .wpcf7 .wpcf7-form input[name="first-name"], #modal-contact .modal-inner .modal-content .wpcf7 .wpcf7-form input[name="last-name"], #modal-contact .modal-inner .modal-content .wpcf7 .wpcf7-form input[name="email"], #modal-contact .modal-inner .modal-content .wpcf7 .wpcf7-form input[name="phone"], #modal-contact .modal-inner .modal-content .wpcf7 .wpcf7-form input[name="city"], #modal-contact .modal-inner .modal-content .wpcf7 .wpcf7-form input[name="state"], #modal-contact .modal-inner .modal-content .wpcf7 .wpcf7-form input[name="zipcode"], #modal-contact .modal-inner .modal-content .wpcf7 .wpcf7-form input[name="country"], #modal-request .modal-inner .modal-content .wpcf7 .wpcf7-form input[name="first-name"], #modal-request .modal-inner .modal-content .wpcf7 .wpcf7-form input[name="last-name"], #modal-request .modal-inner .modal-content .wpcf7 .wpcf7-form input[name="email"], #modal-request .modal-inner .modal-content .wpcf7 .wpcf7-form input[name="phone"], #modal-request .modal-inner .modal-content .wpcf7 .wpcf7-form input[name="city"], #modal-request .modal-inner .modal-content .wpcf7 .wpcf7-form input[name="state"], #modal-request .modal-inner .modal-content .wpcf7 .wpcf7-form input[name="zipcode"], #modal-request .modal-inner .modal-content .wpcf7 .wpcf7-form input[name="country"], #modal-event-register .modal-inner .modal-content .wpcf7 .wpcf7-form input[name="first-name"], #modal-event-register .modal-inner .modal-content .wpcf7 .wpcf7-form input[name="last-name"], #modal-event-register .modal-inner .modal-content .wpcf7 .wpcf7-form input[name="email"], #modal-event-register .modal-inner .modal-content .wpcf7 .wpcf7-form input[name="phone"], #modal-event-register .modal-inner .modal-content .wpcf7 .wpcf7-form input[name="city"], #modal-event-register .modal-inner .modal-content .wpcf7 .wpcf7-form input[name="state"], #modal-event-register .modal-inner .modal-content .wpcf7 .wpcf7-form input[name="zipcode"], #modal-event-register .modal-inner .modal-content .wpcf7 .wpcf7-form input[name="country"], #modal-referral .modal-inner .modal-content .wpcf7 .wpcf7-form input[name="first-name"], #modal-referral .modal-inner .modal-content .wpcf7 .wpcf7-form input[name="last-name"], #modal-referral .modal-inner .modal-content .wpcf7 .wpcf7-form input[name="email"], #modal-referral .modal-inner .modal-content .wpcf7 .wpcf7-form input[name="phone"], #modal-referral .modal-inner .modal-content .wpcf7 .wpcf7-form input[name="city"], #modal-referral .modal-inner .modal-content .wpcf7 .wpcf7-form input[name="state"], #modal-referral .modal-inner .modal-content .wpcf7 .wpcf7-form input[name="zipcode"], #modal-referral .modal-inner .modal-content .wpcf7 .wpcf7-form input[name="country"], #advanced-search .modal-inner .modal-content .wpcf7 .wpcf7-form input[name="first-name"], #advanced-search .modal-inner .modal-content .wpcf7 .wpcf7-form input[name="last-name"], #advanced-search .modal-inner .modal-content .wpcf7 .wpcf7-form input[name="email"], #advanced-search .modal-inner .modal-content .wpcf7 .wpcf7-form input[name="phone"], #advanced-search .modal-inner .modal-content .wpcf7 .wpcf7-form input[name="city"], #advanced-search .modal-inner .modal-content .wpcf7 .wpcf7-form input[name="state"], #advanced-search .modal-inner .modal-content .wpcf7 .wpcf7-form input[name="zipcode"], #advanced-search .modal-inner .modal-content .wpcf7 .wpcf7-form input[name="country"] { width: auto; } } #modal-contact .modal-inner .modal-content .wpcf7 .wpcf7-form input[name="last-name"], #modal-contact .modal-inner .modal-content .wpcf7 .wpcf7-form input[name="phone"], #modal-contact .modal-inner .modal-content .wpcf7 .wpcf7-form input[name="state"], #modal-contact .modal-inner .modal-content .wpcf7 .wpcf7-form input[name="country"], #modal-request .modal-inner .modal-content .wpcf7 .wpcf7-form input[name="last-name"], #modal-request .modal-inner .modal-content .wpcf7 .wpcf7-form input[name="phone"], #modal-request .modal-inner .modal-content .wpcf7 .wpcf7-form input[name="state"], #modal-request .modal-inner .modal-content .wpcf7 .wpcf7-form input[name="country"], #modal-event-register .modal-inner .modal-content .wpcf7 .wpcf7-form input[name="last-name"], #modal-event-register .modal-inner .modal-content .wpcf7 .wpcf7-form input[name="phone"], #modal-event-register .modal-inner .modal-content .wpcf7 .wpcf7-form input[name="state"], #modal-event-register .modal-inner .modal-content .wpcf7 .wpcf7-form input[name="country"], #modal-referral .modal-inner .modal-content .wpcf7 .wpcf7-form input[name="last-name"], #modal-referral .modal-inner .modal-content .wpcf7 .wpcf7-form input[name="phone"], #modal-referral .modal-inner .modal-content .wpcf7 .wpcf7-form input[name="state"], #modal-referral .modal-inner .modal-content .wpcf7 .wpcf7-form input[name="country"], #advanced-search .modal-inner .modal-content .wpcf7 .wpcf7-form input[name="last-name"], #advanced-search .modal-inner .modal-content .wpcf7 .wpcf7-form input[name="phone"], #advanced-search .modal-inner .modal-content .wpcf7 .wpcf7-form input[name="state"], #advanced-search .modal-inner .modal-content .wpcf7 .wpcf7-form input[name="country"] { margin-left: 30px; margin-left: 1.875rem; } @media screen and (max-width: 619px) { #modal-contact .modal-inner .modal-content .wpcf7 .wpcf7-form input[name="last-name"], #modal-contact .modal-inner .modal-content .wpcf7 .wpcf7-form input[name="phone"], #modal-contact .modal-inner .modal-content .wpcf7 .wpcf7-form input[name="state"], #modal-contact .modal-inner .modal-content .wpcf7 .wpcf7-form input[name="country"], #modal-request .modal-inner .modal-content .wpcf7 .wpcf7-form input[name="last-name"], #modal-request .modal-inner .modal-content .wpcf7 .wpcf7-form input[name="phone"], #modal-request .modal-inner .modal-content .wpcf7 .wpcf7-form input[name="state"], #modal-request .modal-inner .modal-content .wpcf7 .wpcf7-form input[name="country"], #modal-event-register .modal-inner .modal-content .wpcf7 .wpcf7-form input[name="last-name"], #modal-event-register .modal-inner .modal-content .wpcf7 .wpcf7-form input[name="phone"], #modal-event-register .modal-inner .modal-content .wpcf7 .wpcf7-form input[name="state"], #modal-event-register .modal-inner .modal-content .wpcf7 .wpcf7-form input[name="country"], #modal-referral .modal-inner .modal-content .wpcf7 .wpcf7-form input[name="last-name"], #modal-referral .modal-inner .modal-content .wpcf7 .wpcf7-form input[name="phone"], #modal-referral .modal-inner .modal-content .wpcf7 .wpcf7-form input[name="state"], #modal-referral .modal-inner .modal-content .wpcf7 .wpcf7-form input[name="country"], #advanced-search .modal-inner .modal-content .wpcf7 .wpcf7-form input[name="last-name"], #advanced-search .modal-inner .modal-content .wpcf7 .wpcf7-form input[name="phone"], #advanced-search .modal-inner .modal-content .wpcf7 .wpcf7-form input[name="state"], #advanced-search .modal-inner .modal-content .wpcf7 .wpcf7-form input[name="country"] { margin-left: 0; } } #modal-contact .modal-inner .modal-content .wpcf7 .wpcf7-form textarea, #modal-request .modal-inner .modal-content .wpcf7 .wpcf7-form textarea, #modal-event-register .modal-inner .modal-content .wpcf7 .wpcf7-form textarea, #modal-referral .modal-inner .modal-content .wpcf7 .wpcf7-form textarea, #advanced-search .modal-inner .modal-content .wpcf7 .wpcf7-form textarea { height: 80px; height: 5rem; resize: none; line-height: 20px; line-height: 1.25rem; } #modal-contact .modal-inner .modal-content .wpcf7 .wpcf7-form input[type="radio"], #modal-contact .modal-inner .modal-content .wpcf7 .wpcf7-form input[type="checkbox"], #modal-request .modal-inner .modal-content .wpcf7 .wpcf7-form input[type="radio"], #modal-request .modal-inner .modal-content .wpcf7 .wpcf7-form input[type="checkbox"], #modal-event-register .modal-inner .modal-content .wpcf7 .wpcf7-form input[type="radio"], #modal-event-register .modal-inner .modal-content .wpcf7 .wpcf7-form input[type="checkbox"], #modal-referral .modal-inner .modal-content .wpcf7 .wpcf7-form input[type="radio"], #modal-referral .modal-inner .modal-content .wpcf7 .wpcf7-form input[type="checkbox"], #advanced-search .modal-inner .modal-content .wpcf7 .wpcf7-form input[type="radio"], #advanced-search .modal-inner .modal-content .wpcf7 .wpcf7-form input[type="checkbox"] { display: inline-block; margin-top: 15px; margin-top: 0.9375rem; } #modal-contact .modal-inner .modal-content .wpcf7 .wpcf7-form .wpcf7-list-item.first.last, #modal-request .modal-inner .modal-content .wpcf7 .wpcf7-form .wpcf7-list-item.first.last, #modal-event-register .modal-inner .modal-content .wpcf7 .wpcf7-form .wpcf7-list-item.first.last, #modal-referral .modal-inner .modal-content .wpcf7 .wpcf7-form .wpcf7-list-item.first.last, #advanced-search .modal-inner .modal-content .wpcf7 .wpcf7-form .wpcf7-list-item.first.last { width: 100%; } #modal-contact .modal-inner .modal-content .wpcf7 .wpcf7-form .wpcf7-list-item-label, #modal-request .modal-inner .modal-content .wpcf7 .wpcf7-form .wpcf7-list-item-label, #modal-event-register .modal-inner .modal-content .wpcf7 .wpcf7-form .wpcf7-list-item-label, #modal-referral .modal-inner .modal-content .wpcf7 .wpcf7-form .wpcf7-list-item-label, #advanced-search .modal-inner .modal-content .wpcf7 .wpcf7-form .wpcf7-list-item-label { color: #505050; font-size: 13.44px; font-size: 0.84rem; line-height: 40px; line-height: 2.5rem; padding: 5px 15px 0 5px; padding: 0.3125rem 0.9375rem 0 0.3125rem; font-family: "Oxygen", sans-serif !important; } #modal-contact .modal-inner .modal-content .wpcf7 .wpcf7-form input[type="submit"], #modal-request .modal-inner .modal-content .wpcf7 .wpcf7-form input[type="submit"], #modal-event-register .modal-inner .modal-content .wpcf7 .wpcf7-form input[type="submit"], #modal-referral .modal-inner .modal-content .wpcf7 .wpcf7-form input[type="submit"], #advanced-search .modal-inner .modal-content .wpcf7 .wpcf7-form input[type="submit"] { margin-top: 30px; margin-top: 1.875rem; font-family: "Oxygen", sans-serif; background: #d5072c; display: block; color: #fff; border: none; text-transform: uppercase; width: 245px; width: 15.3125rem; cursor: pointer; } @media screen and (max-width: 619px) { #modal-contact .modal-inner .modal-content .wpcf7 .wpcf7-form input[type="submit"], #modal-request .modal-inner .modal-content .wpcf7 .wpcf7-form input[type="submit"], #modal-event-register .modal-inner .modal-content .wpcf7 .wpcf7-form input[type="submit"], #modal-referral .modal-inner .modal-content .wpcf7 .wpcf7-form input[type="submit"], #advanced-search .modal-inner .modal-content .wpcf7 .wpcf7-form input[type="submit"] { width: 100%; border-radius: 0; -webkit-appearance: none; } } #modal-contact .modal-inner:after, #modal-request .modal-inner:after, #modal-event-register .modal-inner:after, #modal-referral .modal-inner:after, #advanced-search .modal-inner:after { bottom: 0; } @media screen and (max-width: 619px) { #modal-contact .modal-inner:after, #modal-request .modal-inner:after, #modal-event-register .modal-inner:after, #modal-referral .modal-inner:after, #advanced-search .modal-inner:after { display: none; } } #modal-request .modal-inner:before, #modal-request .modal-inner .modal-content .wpcf7 .wpcf7-form input[type="submit"], #modal-event-register .modal-inner:before, #modal-event-register .modal-inner .modal-content .wpcf7 .wpcf7-form input[type="submit"] { background: #3D78D4; } @media screen and (max-width: 619px) { #modal-event-register iframe { margin-top: 60px; margin-top: 3.75rem; } } span.wpcf7-not-valid-tip { display: none; } .wpcf7-not-valid { border-color: #d5072c !important; } div.wpcf7-validation-errors, div.wpcf7-response-output, div.wpcf7-mail-sent-ok { margin: 0; padding: 0; border: none; font-size: 11.52px; font-size: 0.72rem; } @media screen and (max-width: 619px) { #snapengage-button { max-width: 45px !important; max-width: 2.8125rem !important; font-size: 105.6% !important; border-radius: 0 !important; text-align: center; font-family: inherit !important; background: #d5072c !important; } } .home #video-wrapper { margin-bottom: 70px; margin-bottom: 4.375rem; margin-top: 255px; margin-top: 15.9375rem; } @media screen and (max-width: 619px) { .home #video-wrapper { margin-top: 42px; margin-top: 2.625rem; } } .home #video-wrapper>div { max-height: 654px; max-height: 40.875rem; height: auto; } @media screen and (max-width: 619px) { .home #video-wrapper>div { height: 400px; height: 25rem; max-height: none; } } .home.menu_up #video-wrapper { margin-top: 65px; margin-top: 4.0625rem; } .home .inline_links { list-style: none; font-size: 0; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 90px; margin-bottom: 5.625rem; display: none; } @media screen and (max-width: 619px) { .home .inline_links { display: block; text-align: center; } } .home .inline_links li { display: inline-block; font-size: 15.36px; font-size: 0.96rem; letter-spacing: 2px; letter-spacing: 0.125rem; padding: 0 20px; padding: 0 1.25rem; text-transform: uppercase; } @media screen and (max-width: 619px) { .home .inline_links li { display: block; } } .home .inline_links li a { color: #2F2F2F; } @media screen and (max-width: 619px) { .home .inline_links li a { line-height: 30px; line-height: 1.875rem; } } .event_banner { position: relative; margin-bottom: 8px; margin-bottom: 0.5rem; background-position: 50%; background-repeat: no-repeat; background-size: cover; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 65px; padding: 4.0625rem; } .event_banner h4 { font-size: 13.44px; font-size: 0.84rem; color: #fff; margin-top: 0; margin-bottom: 25px; margin-bottom: 1.5625rem; text-transform: uppercase; } .event_banner h3 { font-size: 38.4px; font-size: 2.4rem; line-height: 40px; line-height: 2.5rem; letter-spacing: 0; color: #fff; margin: 0; font-family: "Playfair Display", serif; max-width: 80%; } @media screen and (max-width: 619px) { .event_banner h3 { font-size: 23.04px; font-size: 1.44rem; line-height: 38px; line-height: 2.375rem; max-width: none; } } .event_banner .btn { width: auto; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 10px 30px; padding: 0.625rem 1.875rem; background: #fff; color: #1D292F; -webkit-transition: none; transition: none; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 65px; right: 4.0625rem; } @media screen and (max-width: 619px) { .event_banner .btn { position: relative; top: auto; right: auto; -webkit-transform: none; transform: none; margin-top: 35px; margin-top: 2.1875rem; width: 100%; } } .event_banner .btn:hover { background: #1D292F; color: #fff; } .teaser { margin-bottom: 8px; margin-bottom: 0.5rem; } .teaser>div { width: 620px; width: 38.75rem; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 65px; padding: 4.0625rem; height: 575px; height: 35.9375rem; overflow: hidden; } @media screen and (max-width: 619px) { .teaser>div { width: 100%; height: auto; padding: 30px; padding: 1.875rem; } } .teaser>div.pa_links { padding: 65px; padding: 4.0625rem; background: #fff; } .teaser>div.pa_links h4 { font-size: 13.44px; font-size: 0.84rem; color: #2F2F2F; margin-top: 0; margin-bottom: 25px; margin-bottom: 1.5625rem; text-transform: uppercase; } .teaser>div.pa_links ul { width: 48%; border-top: 1px solid #E2E2E2; } @media screen and (max-width: 619px) { .teaser>div.pa_links ul { width: 100%; } } .teaser>div.pa_links ul li { border-bottom: 1px solid #E2E2E2; } .teaser>div.pa_links ul li a { display: block; color: #d5072c; font-weight: 500; font-size: 16.32px; font-size: 1.02rem; line-height: 41px; line-height: 2.5625rem; } .teaser>div.pa_links .btn { width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; margin-top: 40px; margin-top: 2.5rem; padding: 10px 30px; padding: 0.625rem 1.875rem; color: #1D292F; border: 1px solid #B9B9B9; font-weight: 700; -webkit-transition: none; transition: none; } .teaser>div.pa_links .btn:hover { background: #1D292F; color: #fff; } .teaser>div.text { background: #212121; } .teaser>div.text h4 { font-size: 13.44px; font-size: 0.84rem; color: #fff; margin-top: 0; margin-bottom: 25px; margin-bottom: 1.5625rem; } .teaser>div.text h3 { font-size: 57.6px; font-size: 3.6rem; line-height: 40px; line-height: 2.5rem; color: #fff; margin-top: 0; font-family: "Playfair Display", serif; margin-bottom: 45px; margin-bottom: 2.8125rem; } @media screen and (max-width: 619px) { .teaser>div.text h3 { font-size: 34.56px; font-size: 2.16rem; line-height: 30px; line-height: 1.875rem; margin-bottom: 20px; margin-bottom: 1.25rem; } } .teaser>div.text blockquote { font-family: "Oxygen", sans-serif; font-size: 17.28px; font-size: 1.08rem; line-height: 31px; line-height: 1.9375rem; padding-left: 20px; padding-left: 1.25rem; margin-bottom: 0; } .teaser>div.text p { font-family: "Playfair Display", serif; font-size: 23.04px; font-size: 1.44rem; line-height: 43px; line-height: 2.6875rem; color: #fff; } .teaser>div.text .btn { width: auto; margin: 25px 10px 0 0; margin: 1.5625rem 0.625rem 0 0; padding: 10px 30px; padding: 0.625rem 1.875rem; color: #fff; border: 1px solid rgba(184, 184, 184, 0.4); -webkit-transition: none; transition: none; } .teaser>div.text .btn:hover { background: #fff; color: #212121; } .teaser>div.form { background: #fff; } .teaser>div.form .wpcf7-recaptcha { margin-top: -0.2rem; } .teaser>div.form h4 { font-size: 13.44px; font-size: 0.84rem; color: #333333; margin-top: 0; margin-bottom: 10px; margin-bottom: 0.625rem; } .teaser>div.form h3 { font-size: 23.04px; font-size: 1.44rem; line-height: 34px; line-height: 2.125rem; color: #333333; margin-top: 0; font-family: "Playfair Display", serif; text-transform: uppercase; letter-spacing: 0.08em; margin-bottom: 15px; margin-bottom: 0.9375rem; } .teaser>div.form span.red { font-family: "Playfair Display", serif; display: block; color: #d5072c; font-weight: 700; font-size: 23.04px; font-size: 1.44rem; line-height: 27px; line-height: 1.6875rem; margin-bottom: 35px; margin-bottom: 2.1875rem; } .teaser>div.form .wpcf7-form p { margin: 0; } .teaser>div.form .wpcf7-form img { width: auto; } .teaser>div.form .wpcf7-form input[type="text"], .teaser>div.form .wpcf7-form input[type="email"], .teaser>div.form .wpcf7-form input[type="tel"], .teaser>div.form .wpcf7-form textarea { border: 1px solid #DADADA; background: transparent; color: #000000; font-size: 15.36px; font-size: 0.96rem; line-height: 16px; line-height: 1rem; padding: 5px 15px; padding: 0.3125rem 0.9375rem; font-family: "Oxygen", sans-serif !important; width: 100%; margin-bottom: 10px; margin-bottom: 0.625rem; -webkit-box-sizing: border-box; box-sizing: border-box; height: 42px; height: 2.625rem; } @media screen and (max-width: 619px) { .teaser>div.form .wpcf7-form input[type="text"], .teaser>div.form .wpcf7-form input[type="email"], .teaser>div.form .wpcf7-form input[type="tel"], .teaser>div.form .wpcf7-form textarea { width: 100%; -webkit-appearance: none; border-radius: 0; } } .teaser>div.form .wpcf7-form input[type="text"]::-webkit-input-placeholder, .teaser>div.form .wpcf7-form input[type="email"]::-webkit-input-placeholder, .teaser>div.form .wpcf7-form input[type="tel"]::-webkit-input-placeholder, .teaser>div.form .wpcf7-form textarea::-webkit-input-placeholder { color: #000000; opacity: 1; } .teaser>div.form .wpcf7-form input[type="text"]:-moz-placeholder, .teaser>div.form .wpcf7-form input[type="email"]:-moz-placeholder, .teaser>div.form .wpcf7-form input[type="tel"]:-moz-placeholder, .teaser>div.form .wpcf7-form textarea:-moz-placeholder { color: #000000; opacity: 1; } .teaser>div.form .wpcf7-form input[type="text"]::-moz-placeholder, .teaser>div.form .wpcf7-form input[type="email"]::-moz-placeholder, .teaser>div.form .wpcf7-form input[type="tel"]::-moz-placeholder, .teaser>div.form .wpcf7-form textarea::-moz-placeholder { color: #000000; opacity: 1; } .teaser>div.form .wpcf7-form input[type="text"]:-ms-input-placeholder, .teaser>div.form .wpcf7-form input[type="email"]:-ms-input-placeholder, .teaser>div.form .wpcf7-form input[type="tel"]:-ms-input-placeholder, .teaser>div.form .wpcf7-form textarea:-ms-input-placeholder { color: #000000; opacity: 1; } .teaser>div.form .wpcf7-form input[name="first-name"], .teaser>div.form .wpcf7-form input[name="last-name"], .teaser>div.form .wpcf7-form input[name="email"], .teaser>div.form .wpcf7-form input[name="phone"] { width: 47.5%; } @media screen and (max-width: 619px) { .teaser>div.form .wpcf7-form input[name="first-name"], .teaser>div.form .wpcf7-form input[name="last-name"], .teaser>div.form .wpcf7-form input[name="email"], .teaser>div.form .wpcf7-form input[name="phone"] { width: 100%; } } .teaser>div.form .wpcf7-form input[name="last-name"], .teaser>div.form .wpcf7-form input[name="phone"] { margin-left: 5%; } @media screen and (max-width: 619px) { .teaser>div.form .wpcf7-form input[name="last-name"], .teaser>div.form .wpcf7-form input[name="phone"] { margin-left: 0; } } .teaser>div.form .wpcf7-form textarea { height: 120px; height: 7.5rem; padding: 15px; padding: 0.9375rem; resize: none; } .teaser>div.form .wpcf7-form input[type="submit"] { font-family: "Oxygen", sans-serif; background: #d5072c; display: block; color: #fff; border: none; text-transform: uppercase; width: 100%; cursor: pointer; margin: 0; } @media screen and (max-width: 619px) { .teaser>div.form .wpcf7-form input[type="submit"] { border-radius: 0; -webkit-appearance: none; } } .teaser>div.form .wpcf7-form .wpcf7-response-output { display: none !important; } .clearfix { clear: both; margin: 0; } .inline_widgets { padding-bottom: 115px; padding-bottom: 7.1875rem; margin-bottom: 90px; margin-bottom: 5.625rem; border-bottom: 3px solid #000; font-size: 0; } .inline_widgets .inline_widget { display: inline-block; font-size: 21.12px; font-size: 1.32rem; width: 362px; width: 22.625rem; vertical-align: top; margin-left: 80px; margin-left: 5rem; } @media screen and (max-width: 619px) { .inline_widgets .inline_widget { width: 100%; margin: 0; } } .inline_widgets .inline_widget h4 { font-size: 26.88px; font-size: 1.68rem; line-height: 38px; line-height: 2.375rem; color: #000; font-family: "Playfair Display", serif; padding-bottom: 20px; padding-bottom: 1.25rem; border-bottom: 2px solid #000; font-weight: 500; margin-bottom: 45px; margin-bottom: 2.8125rem; } .inline_widgets .inline_widget img { width: 100%; margin-bottom: 35px; margin-bottom: 2.1875rem; } .inline_widgets .inline_widget p { font-size: 21.12px; font-size: 1.32rem; line-height: 30px; line-height: 1.875rem; margin-bottom: 35px; margin-bottom: 2.1875rem; font-family: "Playfair Display", serif; } .inline_widgets .inline_widget>a { position: relative; font-weight: 500; font-size: 15.36px; font-size: 0.96rem; line-height: 44px; line-height: 2.75rem; padding: 0 10px; padding: 0 0.625rem; border-bottom: 1px solid #CBCBCB; display: block; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; } .inline_widgets .inline_widget>a:after { width: 13px; width: 0.8125rem; height: 13px; height: 0.8125rem; top: 16px; top: 1rem; right: 10px; right: 0.625rem; background: url("/wp-content/themes/tjh-theme/img/arrow_red.svg") no-repeat center center; background-size: contain !important; } .inline_widgets .inline_widget:first-child { margin-left: 0; } .slider { overflow: hidden; } .slider.accolades { background: #d5072c; color: #ffffff; height: 424px; height: 26.5rem; margin-bottom: 115px; margin-bottom: 7.1875rem; margin-left: auto; margin-right: auto; } .slider.accolades .cycle-prev, .slider.accolades .cycle-next { background: url("/wp-content/themes/tjh-theme/img/arrow-white.svg") no-repeat center center; background-size: contain !important; } .slider.accolades .cycle-next { top: 46%; } @media screen and (max-width: 619px) { .slider.accolades .cycle-next { top: 48%; } } @media screen and (max-width: 619px) { .slider.accolades { width: 100%; height: 455px; height: 28.4375rem; margin-bottom: 0; } } .slider.accolades li img { max-width: 90%; } .slider.accolades li>div:last-child:not(.facts):not(.links) { top: 50%; position: relative; -webkit-transform: translate(0, -85%); transform: translate(0, -85%); } @media screen and (max-width: 619px) { .slider.accolades li>div:last-child:not(.facts):not(.links) { -webkit-transform: none; transform: none; } .slider.accolades li>div:last-child { max-width: 70%; } } .slider.accolades li>div.left { top: 17%; position: relative; } .slider.accolades li>div.left .links { margin-top: 0; } @media screen and (max-width: 619px) { .slider.accolades li>div.left .links { margin-top: 15px; margin-top: 0.9375rem; } } .slider.accolades li>div.left h4 { margin: 5px 0 10px; margin: 0.3125rem 0 0.625rem; } @media screen and (max-width: 619px) { .slider.accolades li>div.left h4 { margin: 5px 0 20px; margin: 0.3125rem 0 1.25rem; } } .slider.accolades li>div.left h2 { text-align: right; margin-right: 0; } @media screen and (max-width: 619px) { .slider.accolades li>div.left h2 { text-align: center; max-width: none; } } .slider.accolades.half { width: 620px; width: 38.75rem; height: 575px; height: 35.9375rem; margin-bottom: 0; } @media screen and (max-width: 619px) { .slider.accolades.half { width: 100%; } } .slider.accolades.half .cycle-next { top: 48%; right: 10px; right: 0.625rem; } .slider.accolades.half .cycle-prev { left: 10px; left: 0.625rem; } .slider.accolades.half li h2, .slider.accolades.half li h3 { font-size: 57.6px; font-size: 3.4rem; line-height: 60px; line-height: 3.75rem; } @media screen and (max-width: 619px) { .slider.accolades.half li h2, .slider.accolades.half li h3 { font-size: 38.4px; font-size: 2.4rem; line-height: 44px; line-height: 2.75rem; } } .slider.accolades.half li .btn { display: block; margin: 10px 20px; margin: 0.625rem 1.25rem; } .slider.accolades.half li>div:last-child { width: 70%; } .slider.accolades.half li>div.left { top: 70px; top: 4.375rem; width: auto; text-align: center; max-width: 80%; float: none; } @media screen and (max-width: 619px) { .slider.accolades.half li>div.left { top: 115px; top: 7.1875rem; } } .slider.accolades.half li>div.left .links { margin-top: 15px; margin-top: 0.9375rem; } .slider.accolades.half li>div.left h4 { margin: 5px 0 20px; margin: 0.3125rem 0 1.25rem; } .slider.accolades.half li>div.left h2 { text-align: center; max-width: none; } .slider.accolades.half li>div.facts { font-size: 15.36px; font-size: 0.96rem; font-family: "Playfair Display", serif; } .slider.accolades.half li>div.prize { display: none; } .slider.accolades.half li>div>div:last-child { max-width: none; padding: 0; } .slider.accolades.half .custom_pager { bottom: 15px; bottom: 0.9375rem; } .slider.accolades.half .custom_pager span { width: 4px; width: 0.25rem; height: 4px; height: 0.25rem; margin: 0 2px; margin: 0 0.125rem; } .slider .cycle-prev, .slider .cycle-next { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 18px; width: 1.125rem; height: 35px; height: 2.1875rem; background: url("/wp-content/themes/tjh-theme/img/arrow.svg") no-repeat center center; background-size: contain !important; cursor: pointer; z-index: 101; } .slider .cycle-prev { left: 0; } .slider .cycle-next { right: 0; -webkit-transform: rotate(180deg); transform: rotate(180deg); margin-top: -15px; margin-top: -0.9375rem; } .slider li { float: left; width: 100%; height: 100%; overflow: hidden; } .slider li h4 { font-size: 13.44px; font-size: 0.84rem; margin: 45px 0 25px 0; margin: 2.8125rem 0 1.5625rem 0; } .slider li h3 { font-size: 137.28px; font-size: 8.58rem; line-height: 120px; line-height: 7.5rem; letter-spacing: -5px; letter-spacing: -0.3125rem; margin: 55px 0 30px; margin: 3.4375rem 0 1.875rem; } @media screen and (max-width: 619px) { .slider li h3 { font-size: 63.36px; font-size: 3.96rem; line-height: 60px; line-height: 3.75rem; } } .slider li h2 { font-size: 65.28px; font-size: 4.08rem; line-height: 76px; line-height: 4.75rem; font-family: "Playfair Display", serif; margin: 0 0 30px; margin: 0 0 1.875rem; font-weight: 300; max-width: 80%; margin: 0 auto; } @media screen and (max-width: 619px) { .slider li h2 { font-size: 38.4px; font-size: 2.4rem; line-height: 46px; line-height: 2.875rem; } } .slider li .btn { font-size: 11.52px; font-size: 0.72rem; padding: 10px 25px; padding: 0.625rem 1.5625rem; margin: 10px 0 0 10px; margin: 0.625rem 0 0 0.625rem; border: 1px solid #f77788; } @media screen and (max-width: 619px) { .slider li .btn { margin: 10px 0 0 0; margin: 0.625rem 0 0 0; } } .slider li>div { max-width: 60%; margin: 0 auto; white-space: pre-wrap; margin-top: 20px; margin-top: 1.25rem; } .slider li>div.links { max-width: none; margin-top: 0; } .slider li>div>div:last-child { margin-top: 20px; margin-top: 1.25rem; } @media screen and (max-width: 619px) { .slider li>div>div:last-child { max-width: none; padding: 0; } } .slider li>div:last-child { max-width: none; } .slider li>div.left { text-align: right; width: 57%; margin-top: 0; } @media screen and (max-width: 619px) { .slider li>div.left { width: auto; text-align: center; max-width: 80%; } } .slider li>div.facts { position: absolute; left: 0; right: 0; margin: 0 auto; bottom: 20%; } @media screen and (max-width: 619px) { .slider li>div.facts { font-size: 13.44px; font-size: 0.84rem; } } .slider li>div.prize { float: right; text-align: left; width: 35%; margin-top: 7%; position: relative; padding-left: 50px; padding-left: 3.125rem; } @media screen and (max-width: 619px) { .slider li>div.prize { display: none; } } .slider li>div.prize:before { content: ''; display: block; width: 1px; height: 185px; height: 11.5625rem; background: #f77788; left: 0; top: -25px; top: -1.5625rem; position: absolute; } @media screen and (max-width: 619px) { .slider li>div.prize:before { display: none; } } .slider .custom_pager { position: absolute; left: 0; right: 0; bottom: 35px; bottom: 2.1875rem; font-size: 0; z-index: 101; padding: 0 3rem; } @media screen and (max-width: 619px) { .slider .custom_pager { bottom: 15px; bottom: 0.9375rem; } } .slider .custom_pager span { display: inline-block; width: 8px; width: 0.5rem; height: 8px; height: 0.5rem; border: 1px solid #ffffff; border-radius: 50%; margin: 0 5px; margin: 0 0.2rem; text-indent: -99999px; overflow: hidden; cursor: pointer; } @media screen and (max-width: 619px) { .slider .custom_pager span { width: 4px; width: 0.25rem; height: 4px; height: 0.25rem; margin: 0 2px; margin: 0 0.125rem; } } .slider .custom_pager span.cycle-pager-active { cursor: default; background: #ffffff; } #result-blocks { padding-bottom: 120px; padding-bottom: 7.5rem; border-bottom: 1px solid #C8C8C8; } @media screen and (min-width: 620px) { #result-blocks .slider.accolades { width: 840px !important; width: 52.5rem !important; margin: 5px !important; margin: 0.3125rem !important; } } @media screen and (max-width: 619px) { #result-blocks .slider.accolades { margin-bottom: 10px !important; margin-bottom: 0.625rem !important; } } #result-blocks .slider.accolades li>div.prize { padding-left: 30px; padding-left: 1.875rem; } @media screen and (min-width: 620px) { #result-blocks .single_accolade { float: left; } } @media screen and (min-width: 620px) { #result-blocks .single_accolade .accolades { width: 415px !important; width: 25.9375rem !important; } } #result-blocks .single_accolade .accolades.white { background: #F6F6F6; color: #000; } #result-blocks .single_accolade .accolades.white li .btn { border-color: #000; color: #000; } #result-blocks .single_accolade .accolades.black { background: #000; } #result-blocks .single_accolade .accolades.black li .btn { border-color: #fff; color: #fff; } @media screen and (min-width: 620px) { #result-blocks .single_accolade .accolades li>div { max-width: 90%; } } @media screen and (min-width: 620px) { #result-blocks .single_accolade .accolades li h4 { margin: 30px 0 15px; margin: 1.875rem 0 0.9375rem; } } @media screen and (min-width: 620px) { #result-blocks .single_accolade .accolades li h2 { font-size: 51.84px; font-size: 3.24rem; line-height: 80px; line-height: 5rem; } } #result-blocks .single_accolade .accolades .custom_pager { display: none; } #result-blocks .result_img { float: left; display: block; } @media screen and (min-width: 620px) { #result-blocks .result_img { width: 415px !important; width: 25.9375rem !important; margin: 5px !important; margin: 0.3125rem !important; } } @media screen and (max-width: 619px) { #result-blocks .result_img { margin-bottom: 10px !important; margin-bottom: 0.625rem !important; } } #result-blocks>.clearfix { clear: both; } #result-blocks>.btn { font-family: "Oxygen", sans-serif; display: block; margin: 60px auto 20px; margin: 3.75rem auto 1.25rem; width: 450px; width: 28.125rem; } @media screen and (max-width: 619px) { #result-blocks>.btn { width: 100%; } } #result-blocks>.btn.empty { background: transparent; color: #000; border: 1px solid #484848; } .content_grid { padding: 65px 0 75px; padding: 4.0625rem 0 4.6875rem; margin-top: 90px; margin-top: 5.625rem; margin-bottom: 90px; margin-bottom: 5.625rem; position: relative; font-size: 0; } .content_grid:after, .content_grid:before { width: 100%; height: 10px; height: 0.625rem; bottom: 0; background: #000000; } .content_grid:after { top: 0; } .content_grid:before { bottom: 0; } .content_grid>h2 { text-align: center; text-transform: uppercase; font-size: 15.36px; font-size: 0.96rem; letter-spacing: 2px; letter-spacing: 0.125rem; margin-bottom: 70px; margin-bottom: 4.375rem; font-weight: 500; } .content_grid>div { display: inline-block; position: relative; overflow: hidden; margin-bottom: 15px; margin-bottom: 0.9375rem; vertical-align: top; } .content_grid>div .right { max-width: 45%; position: relative; height: 100%; } @media screen and (max-width: 619px) { .content_grid>div .right { max-width: none; padding: 25px 20px 55px; padding: 1.5625rem 1.25rem 3.4375rem; } } .content_grid>div h4 { font-size: 13.44px; font-size: 0.84rem; letter-spacing: 2px; letter-spacing: 0.125rem; font-weight: 700; margin-bottom: 18px; margin-bottom: 1.125rem; color: #2F2F2F; text-transform: uppercase; } @media screen and (max-width: 619px) { .content_grid>div h4 { font-size: 7.68px; font-size: 0.48rem; line-height: 8px; line-height: 0.5rem; } } .content_grid>div h3 { font-family: "Playfair Display", serif; font-size: 23.04px; font-size: 1.44rem; line-height: 34px; line-height: 2.125rem; color: #000000; letter-spacing: 0; padding-right: 65px; padding-right: 4.0625rem; font-weight: 300; } @media screen and (max-width: 619px) { .content_grid>div h3 { font-size: 13.44px; font-size: 0.84rem; line-height: 16px; line-height: 1rem; padding-right: 0; } } .content_grid>div a { color: #F22843; } .content_grid>div div:not(.custom_pager) span:last-child { position: absolute; bottom: 45px; bottom: 2.8125rem; left: 0; font-size: 13.44px; font-size: 0.84rem; font-family: "Playfair Display", serif; font-style: italic; line-height: 16px; line-height: 1rem; color: #000; padding-left: 40px; padding-left: 2.5rem; } @media screen and (max-width: 619px) { .content_grid>div div:not(.custom_pager) span:last-child { bottom: 25px; bottom: 1.5625rem; } } .content_grid>div div:not(.custom_pager) span:last-child small { font-size: 13.44px; font-size: 0.84rem; display: block; color: #8D8D8D; } .content_grid>div div:not(.custom_pager) span:last-child:after { width: 28px; width: 1.75rem; height: 28px; height: 1.75rem; left: 0; top: -6px; } .content_grid .grid_type_news { width: 810px; width: 50.625rem; height: 378px; height: 23.625rem; background: #fff; margin-right: 14px; margin-right: 0.875rem; } .content_grid .grid_type_news h4 { margin-top: 50px; margin-top: 3.125rem; } @media screen and (max-width: 619px) { .content_grid .grid_type_news h4 { margin-top: 0; } } .content_grid .grid_type_news p { font-family: "Playfair Display", serif; color: #000; font-size: 17.28px; font-size: 1.08rem; line-height: 24px; line-height: 1.5rem; } @media screen and (max-width: 619px) { .content_grid .grid_type_news { width: 100%; height: auto; margin-right: 0; } } .content_grid .grid_type_news img { max-width: 388px; max-width: 24.25rem; height: 100%; width: auto; } @media screen and (max-width: 619px) { .content_grid .grid_type_news img { height: auto; width: 100%; max-width: none; } } @media screen and (max-width: 619px) { .content_grid .grid_type_news div:not(.custom_pager) span:last-child { left: 25px !important; left: 1.5625rem !important; } } .content_grid .grid_type_news div:not(.custom_pager) span:last-child:after { top: 0 !important; background: url("/wp-content/themes/tjh-theme/img/News.svg") no-repeat center center; background-size: contain !important; } .content_grid .grid_type_twitter { background: #E9E9E9; padding: 50px 45px 45px; padding: 3.125rem 2.8125rem 2.8125rem; width: 334px; width: 20.875rem; height: 283px; height: 17.6875rem; } .content_grid .grid_type_twitter a { text-decoration: none; color: #000000; } .content_grid .grid_type_twitter h4 { margin-top: 0; } @media screen and (max-width: 619px) { .content_grid .grid_type_twitter { width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; height: auto; padding: 25px 20px 65px; padding: 1.5625rem 1.25rem 4.0625rem; } } .content_grid .grid_type_twitter li { font-family: "Playfair Display", serif; font-size: 23.04px; font-size: 1.44rem; line-height: 34px; line-height: 2.125rem; color: #000000; letter-spacing: 0; padding-right: 65px; padding-right: 4.0625rem; font-weight: 300; border: none; padding-top: 0; padding-bottom: 0; max-height: 200px; max-height: 12.5rem; overflow: hidden; } @media screen and (max-width: 619px) { .content_grid .grid_type_twitter li { font-size: 13.44px; font-size: 0.84rem; line-height: 16px; line-height: 1rem; padding-right: 0; } } .content_grid .grid_type_twitter li span:last-child { left: 45px !important; left: 2.8125rem !important; padding-left: 38px; padding-left: 2.375rem; cursor: pointer; } @media screen and (max-width: 619px) { .content_grid .grid_type_twitter li span:last-child { left: 25px !important; left: 1.5625rem !important; } } .content_grid .grid_type_twitter li span:last-child:before { content: 'thomasjhenrylaw'; display: block; } .content_grid .grid_type_twitter li span:last-child:after { width: 28px; width: 1.75rem; height: 28px; height: 1.75rem; background: url("/wp-content/themes/tjh-theme/img/twt_icon.svg") no-repeat center center; background-size: contain !important; left: 0; top: 0 !important; } .content_grid .grid_type_youtube { background: #fff; } .content_grid .grid_type_youtube h4 { margin-top: 50px; margin-top: 3.125rem; } @media screen and (max-width: 619px) { .content_grid .grid_type_youtube h4 { margin-top: 0; } } .content_grid .grid_type_youtube iframe { width: 824px; width: 51.5rem; height: 379px; height: 23.6875rem; background: #fff; } @media screen and (max-width: 619px) { .content_grid .grid_type_youtube iframe { width: 100%; height: 195px; height: 12.1875rem; padding-bottom: 0; } } .content_grid .grid_type_youtube .right { max-width: 30%; height: 379px; height: 23.6875rem; } @media screen and (max-width: 619px) { .content_grid .grid_type_youtube .right { max-width: none; height: auto; } } @media screen and (max-width: 619px) { .content_grid .grid_type_youtube .right span:last-child { left: 25px !important; } } .content_grid .grid_type_youtube .right span:last-child:after { background: url("/wp-content/themes/tjh-theme/img/ytb_icon.svg") no-repeat center center; background-size: contain !important; } .content_grid .grid_type_facebook, .content_grid .grid_type_events { width: 100%; height: 378px; height: 23.625rem; } @media screen and (max-width: 619px) { .content_grid .grid_type_facebook .slider, .content_grid .grid_type_events .slider { height: auto; } } @media screen and (max-width: 619px) { .content_grid .grid_type_facebook, .content_grid .grid_type_events { height: auto; } } .content_grid .grid_type_facebook li img, .content_grid .grid_type_events li img { width: 100%; } @media screen and (max-width: 619px) { .content_grid .grid_type_facebook li img, .content_grid .grid_type_events li img { height: auto; width: 100%; display: block; } } .content_grid .grid_type_facebook li>div, .content_grid .grid_type_events li>div { margin: 0; position: absolute; top: 0; right: 0; left: 0; bottom: 0; text-align: center; color: #fff; } @media screen and (max-width: 619px) { .content_grid .grid_type_facebook li>div, .content_grid .grid_type_events li>div { position: relative; padding: 25px 20px 55px; padding: 1.5625rem 1.25rem 3.4375rem; background: #000; color: #fff; text-align: left; -webkit-box-sizing: border-box; box-sizing: border-box; height: 235px; white-space: normal; } } .content_grid .grid_type_facebook li>div p, .content_grid .grid_type_events li>div p { font-family: "Playfair Display", serif; font-size: 23.04px; font-size: 1.44rem; line-height: 34px; line-height: 2.125rem; max-width: 445px; max-width: 27.8125rem; margin: 0 auto; font-weight: 300; margin-top: 30px; margin-top: 1.875rem; margin-bottom: 65px; margin-bottom: 4.0625rem; } @media screen and (max-width: 619px) { .content_grid .grid_type_facebook li>div p, .content_grid .grid_type_events li>div p { font-size: 13.44px; font-size: 0.84rem; line-height: 16px; line-height: 1rem; margin-top: 10px; margin-top: 0.625rem; margin-bottom: 20px; margin-bottom: 1.25rem; max-width: none; } } .content_grid .grid_type_facebook li>div h4, .content_grid .grid_type_events li>div h4 { color: #fff; font-size: 13.44px; font-size: 0.84rem; letter-spacing: 2px; letter-spacing: 0.125rem; font-weight: 700; margin-bottom: 0; text-align: left; padding-left: 45px; padding-left: 2.8125rem; text-transform: uppercase; } @media screen and (max-width: 619px) { .content_grid .grid_type_facebook li>div h4, .content_grid .grid_type_events li>div h4 { font-size: 7.68px; font-size: 0.48rem; padding-left: 0; margin-top: 0; margin-bottom: 15px; margin-bottom: 0.9375rem; } } .content_grid .grid_type_facebook li>div .btn, .content_grid .grid_type_events li>div .btn { border: none; color: #fff; font-size: 13.44px; font-size: 0.84rem; background: #d5072c; width: 165px; width: 10.3125rem; margin: 0; } @media screen and (max-width: 619px) { .content_grid .grid_type_facebook li>div .btn, .content_grid .grid_type_events li>div .btn { -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 11.52px; font-size: 0.72rem; width: 100%; margin-top: 30px; margin-top: 1.875rem; } } .content_grid .grid_type_facebook li>div span:last-child, .content_grid .grid_type_events li>div span:last-child { left: 45px; left: 2.8125rem; color: #fff; } @media screen and (max-width: 619px) { .content_grid .grid_type_facebook li>div span:last-child, .content_grid .grid_type_events li>div span:last-child { left: 20px; left: 1.25rem; } } .content_grid .grid_type_facebook li>div span:last-child:after, .content_grid .grid_type_events li>div span:last-child:after { background: url("/wp-content/themes/tjh-theme/img/fb_icon.svg") no-repeat center center; background-size: contain !important; } @media screen and (max-width: 619px) { .content_grid .grid_type_events { height: auto !important; } } @media screen and (max-width: 619px) { .content_grid .grid_type_events .slider { height: auto !important; } } .content_grid .grid_type_events li>div { text-align: left; padding-left: 45px; padding-left: 2.8125rem; } @media screen and (max-width: 619px) { .content_grid .grid_type_events li>div { padding-left: 20px; padding-left: 1.25rem; height: auto; } } .content_grid .grid_type_events li>div p { margin: 15px 0 65px; margin: 0.9375rem 0 4.0625rem; max-width: 490px; max-width: 30.625rem; font-size: 15.36px; font-size: 0.96rem; line-height: 26px; line-height: 1.625rem; font-family: "Oxygen", sans-serif; } @media screen and (max-width: 619px) { .content_grid .grid_type_events li>div p { max-width: none; line-height: 22px; line-height: 1.375rem; margin-bottom: 0; } } .content_grid .grid_type_events li>div h3 { margin: 25px 0 0; margin: 1.5625rem 0 0; font-size: 28.8px; font-size: 1.8rem; line-height: 34px; line-height: 2.125rem; color: #fff; } .content_grid .grid_type_events li>div h4 { padding-left: 0; } .content_grid .grid_type_events li>div .btn { background: transparent; border: 1px solid #747474; font-size: 12.48px; font-size: 0.78rem; } .content_grid .grid_type_linkedin { width: 768px; width: 48rem; padding-left: 45px; padding-left: 2.8125rem; height: 323px; height: 20.1875rem; padding-top: 45px; padding-top: 2.8125rem; margin-left: 15px; margin-left: 0.9375rem; background: #fff; } .content_grid .grid_type_linkedin h4 { margin-top: 0; } @media screen and (max-width: 619px) { .content_grid .grid_type_linkedin { width: auto; height: auto; margin-left: 0; padding: 20px 25px 55px; padding: 1.25rem 1.5625rem 3.4375rem; } } .content_grid .grid_type_linkedin p { font-family: "Playfair Display", serif; font-size: 23.04px; font-size: 1.44rem; line-height: 34px; line-height: 2.125rem; max-width: 455px; max-width: 28.4375rem; } @media screen and (max-width: 619px) { .content_grid .grid_type_linkedin p { font-size: 13.44px; font-size: 0.84rem; line-height: 16px; line-height: 1rem; } } .content_grid .grid_type_linkedin span:last-child { left: 45px !important; left: 2.8125rem !important; } @media screen and (max-width: 619px) { .content_grid .grid_type_linkedin span:last-child { left: 25px !important; } } .content_grid .grid_type_linkedin span:last-child:after { background: url("/wp-content/themes/tjh-theme/img/News.svg") no-repeat center center; background-size: contain !important; } .content_grid .grid_type_blog { width: 810px; width: 50.625rem; height: 378px; height: 23.625rem; margin-left: 14px; margin-left: 0.875rem; padding: 45px 0; padding: 2.8125rem 0; -webkit-box-sizing: border-box; box-sizing: border-box; background: #fff; } @media screen and (max-width: 619px) { .content_grid .grid_type_blog { width: 100%; margin-left: 0; height: auto; } } .content_grid .grid_type_blog h4 { margin-top: 0; margin-left: 90px; margin-left: 5.625rem; } @media screen and (max-width: 619px) { .content_grid .grid_type_blog h4 { margin-left: 50px; margin-left: 3.125rem; } } .content_grid .grid_type_blog ul { width: 100%; height: 90%; } .content_grid .grid_type_blog ul li { padding: 0 90px; padding: 0 5.625rem; -webkit-box-sizing: border-box; box-sizing: border-box; } @media screen and (max-width: 619px) { .content_grid .grid_type_blog ul li { padding: 0 50px; padding: 0 3.125rem; } } .content_grid .grid_type_blog ul li h3 { margin: 0; } .content_grid .grid_type_blog ul li p { color: #262626; font-size: 15.36px; font-size: 0.96rem; line-height: 25px; line-height: 1.5625rem; margin: 15px 0 0; margin: 0.9375rem 0 0; } .content_grid .grid_type_blog ul li span:last-child { position: relative; bottom: auto; padding: 0; } .content_grid .grid_type_blog ul .cycle-prev { left: 5%; } .content_grid .grid_type_blog ul .cycle-next { right: 5%; } .content_grid .grid_type_instagram { width: 422px; width: 26.375rem; height: 379px; height: 23.6875rem; position: relative; } @media screen and (max-width: 619px) { .content_grid .grid_type_instagram { width: auto; height: auto; } } .content_grid .grid_type_instagram h4 { position: absolute; color: #fff; top: 45px; top: 2.8125rem; left: 45px; left: 2.8125rem; margin: 0; } @media screen and (max-width: 619px) { .content_grid .grid_type_instagram h4 { top: 20px; top: 1.25rem; left: 25px; left: 1.5625rem; } } .content_grid .grid_type_instagram span:last-child { left: 45px !important; left: 2.8125rem !important; color: #fff !important; } @media screen and (max-width: 619px) { .content_grid .grid_type_instagram span:last-child { left: 25px !important; left: 1.5625rem !important; } } .content_grid .grid_type_instagram span:last-child:after { background: url("/wp-content/themes/tjh-theme/img/ig_icon.svg") no-repeat center center; background-size: contain !important; } .content_grid .grid_type_testimonials { width: 722px; width: 45.125rem; height: 289px; height: 18.0625rem; padding: 45px; padding: 2.8125rem; margin-right: 14px; margin-right: 0.875rem; margin-bottom: 0; background: #E9E9E9; vertical-align: top; } .content_area>.grid_type_testimonials .custom_pager { display: none; } @media screen and (max-width: 619px) { .content_grid .grid_type_testimonials { width: auto; height: auto; padding: 20px 25px 25px; padding: 1.25rem 1.5625rem 1.5625rem; margin: 0; } .content_area>.grid_type_testimonials .custom_pager { display: block; bottom: 0; } } .content_grid .grid_type_testimonials>h4 { margin-top: 0; } .content_grid .grid_type_testimonials .slider { width: auto; height: 235px; height: 14.6875rem; } @media screen and (max-width: 619px) { .content_grid .grid_type_testimonials .slider { width: 100%; height: 165px; height: 10.3125rem; } } .content_grid .grid_type_testimonials .slider .item p { font-family: "Playfair Display", serif; max-width: 625px; max-width: 39.0625rem; max-height: 210px; max-height: 13.125rem; color: #000; font-size: 23.04px; font-size: 1.44rem; line-height: 30px; line-height: 1.875rem; font-style: italic; margin: 0; overflow: hidden; } @media screen and (max-width: 619px) { .content_grid .grid_type_testimonials .slider .item p { max-width: none; max-height: 80px; max-height: 5rem; font-size: 13.44px; font-size: 0.84rem; line-height: 16px; line-height: 1rem; } } .content_grid .grid_type_testimonials .slider .item span:last-child { font-size: 13.44px; font-size: 0.84rem; position: absolute; bottom: 45px; bottom: 2.8125rem; left: 0; font-family: "Playfair Display", serif; font-style: italic; line-height: 16px; line-height: 1rem; color: #000; } .content_grid .grid_type_testimonials .slider .item span:last-child small { font-size: 13.44px; font-size: 0.84rem; display: block; color: #8D8D8D; } .content_grid .grid_type_testimonials .slider .custom_pager { bottom: 0; } .content_grid .grid_type_testimonials .slider .custom_pager span { border: none; background: #C2C2C2; } .content_grid .grid_type_testimonials .slider .custom_pager span.cycle-pager-active { background: #7F7F7F; } .grid_type_testimonials { width: 1248px; width: 78rem; height: 440px; height: 27.5rem; padding: 70px 0; padding: 4.375rem 0; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 auto; background-color: #E9E9E9; background-size: cover; background-position: 50%; background-repeat: no-repeat; vertical-align: top; text-align: center; position: relative; } @media screen and (max-width: 619px) { .grid_type_testimonials { width: auto; height: auto; margin: 0; padding: 20px 0; padding: 1.25rem 0; } } .grid_type_testimonials>h4 { margin: 0; color: #fff; text-transform: uppercase; } .grid_type_testimonials .slider { width: 100%; height: 90%; } @media screen and (max-width: 619px) { .grid_type_testimonials .slider { height: auto; } } .grid_type_testimonials .slider .item { padding: 0 250px; padding: 0 15.625rem; -webkit-box-sizing: border-box; box-sizing: border-box; } @media screen and (max-width: 619px) { .grid_type_testimonials .slider .item { padding: 0 50px; padding: 0 3.125rem; } } .grid_type_testimonials .slider .item p { font-family: "Playfair Display", serif; color: #fff; font-size: 21.12px; font-size: 1.32rem; line-height: 29px; line-height: 1.8125rem; margin: 30px 0 20px; margin: 1.875rem 0 1.25rem; font-style: italic; font-weight: 300; } .grid_type_testimonials .slider .item span:last-child { font-size: 13.44px; font-size: 0.84rem; font-family: "Playfair Display", serif; font-style: italic; line-height: 16px; line-height: 1rem; color: #fff; } .grid_type_testimonials .slider .cycle-prev { left: 5%; } .grid_type_testimonials .slider .cycle-next { right: 5%; } .grid_type_testimonials .slider .cycle-next, .grid_type_testimonials .slider .cycle-prev { background: url("/wp-content/themes/tjh-theme/img/arrow-white.svg") no-repeat center center; background-size: contain !important; } .grid_type_testimonials .btn, .accolades #more-recent-results { width: 310px; width: 19.375rem; padding: 10px 30px; padding: 0.625rem 1.875rem; color: #fff; border: 1px solid rgba(184, 184, 184, 0.4); -webkit-transition: none; transition: none; position: absolute; bottom: 40px; bottom: 2.5rem; left: 0; right: 0; margin: 0 auto; } @media screen and (max-width: 619px) { .grid_type_testimonials .btn { -webkit-box-sizing: border-box; box-sizing: border-box; bottom: auto; position: relative; margin-top: 20px; margin-top: 1.25rem; } } .grid_type_testimonials .btn:hover { background: #fff; color: #000; } .awards_wrapper { text-align: center; position: relative; margin-bottom: 95px; margin-bottom: 5.9375rem; } @media screen and (max-width: 479px) { .awards_wrapper { display: none; } } @media screen and (max-width: 619px) { .awards_wrapper { padding: 0 35px; padding: 0 2.1875rem; } } @media screen and (max-width: 479px) { .awards_wrapper.mobile_alt { display: block; } } @media screen and (min-width: 480px) { .awards_wrapper.mobile_alt { display: none; } } .awards_wrapper h4 { text-transform: uppercase; } @media screen and (max-width: 619px) { .awards_wrapper h4 { margin: 0 0 35px; margin: 0 0 2.1875rem; } } .awards_wrapper li img { max-width: 90%; } .single-attorney .awards_wrapper { width: 100%; padding: 0; } #page #red-bar { width: 100%; text-align: center; height: 45px; height: 2.8125rem; background-color: #d5072c; padding-top: 10px; padding-top: 0.625rem; } #page #red-bar #logo-white { display: inline-block; width: 243px; width: 15.1875rem; height: 34px; height: 2.125rem; background: url("/wp-content/themes/tjh-theme/img/tjh_logo_white.png") no-repeat center center; background-size: contain !important; } #page #primary { position: relative; height: 100%; } #page #primary .page_banner { position: relative; margin-bottom: 100px; margin-bottom: 6.25rem; } @media screen and (max-width: 619px) { #page #primary .page_banner { margin-bottom: 2.8125rem; } } #page #primary .page_banner>p, #page #primary .page_banner h2 { position: absolute; top: 160px; top: 10rem; left: 0; right: 0; max-width: 785px; max-width: 49.0625rem; text-align: center; margin: 0 auto; color: #fff; } @media screen and (max-width: 619px) { #page #primary .page_banner>p, #page #primary .page_banner h2 { top: 30%; } } #page #primary .page_banner>p { margin-top: 35px; margin-top: 2.1875rem; font-family: "Playfair Display", serif; font-size: 61.44px; font-size: 3.84rem; line-height: 72px; line-height: 4.5rem; } @media screen and (max-width: 619px) { #page #primary .page_banner>p { font-size: 23.04px; font-size: 1.44rem; line-height: 30px; line-height: 1.875rem; } } #page #primary .page_banner h2 { font-size: 13.44px; font-size: 0.84rem; letter-spacing: 2px; letter-spacing: 0.125rem; text-transform: uppercase; } #page #primary .page_banner.has_title #video-btn-play { top: 200px; top: 12.5rem; } #page #primary .page_banner>img { width: 100%; display: block; } @media screen and (max-width: 619px) { #page #primary .page_banner>img { width: 100%; height: auto; } } .page-template-page-thank-you #page #primary .page_banner>p, .page-template-page-thank-you #page #primary .page_banner h2 { top: 135px; top: 8.4375rem; right: auto; text-align: left; left: 95px; left: 5.9375rem; max-width: 520px; max-width: 32.5rem; } @media screen and (max-width: 619px) { #page #primary .text_area>.widget_request { max-width: 100%; } #page #primary .text_area>.widget_request .btn { padding: .4375rem 1rem; } } @media screen and (max-width: 619px) { .page-template-page-thank-you #page #primary .page_banner>p, .page-template-page-thank-you #page #primary .page_banner h2 { right: 0; left: 0; margin: 0 auto; text-align: center; } } .page-template-page-thank-you #page #primary .page_banner h2 { font-family: "Playfair Display", serif; font-size: 61.44px; font-size: 3.84rem; line-height: 74px; line-height: 4.625rem; letter-spacing: 1px; letter-spacing: 0.0625rem; text-transform: none; } .page-template-page-thank-you #page #primary .page_banner>p { margin-top: 110px; margin-top: 6.875rem; font-size: 26.88px; font-size: 1.68rem; line-height: 36px; line-height: 2.25rem; } #page #primary .sidebar_area { width: 355px; width: 22.1875rem; padding: 75px 45px 45px 60px; padding: 4.6875rem 2.8125rem 2.8125rem 3.75rem; float: left; background: #F2F2F2; position: absolute !important; top: -7rem !important; bottom: 0; height: 100%; height: calc(100vh - 3.4375rem); overflow-y: auto; z-index: 1; -webkit-box-sizing: border-box; box-sizing: border-box; } .page-template-page-blog-php #page #primary .sidebar_area, .archive #page #primary .sidebar_area, .search #page #primary .sidebar_area, .single #page #primary.blogpost .sidebar_area { display: table-cell !important; padding-top: 7rem !important; position: relative !important; top: 0px !important; height: 100% !important; overflow-y: hidden !important; } body:not(.page-template-page-blog):not(.archive):not(.search):not(.single) #page #primary .sidebar_area.fixed { position: fixed !important; top: 3.4375rem !important; } body.single #page #primary.nonblogpost .sidebar_area.fixed { position: fixed !important; top: 3.4375rem !important; } @media screen and (max-width: 619px) { #page #primary .sidebar_area.no_follow.fixed { position: relative !important; top: auto !important; } } @media screen and (min-width: 1440px) { #page #primary .sidebar_area { width: 25%; } } @media screen and (max-width: 619px) { #page #primary .sidebar_area { float: none; width: 100%; padding: 0; position: relative !important; top: auto !important; bottom: auto !important; height: auto !important; z-index: inherit; background: transparent; } .page-template-page-blog-php #page #primary .sidebar_area, .archive #page #primary .sidebar_area, .search #page #primary .sidebar_area, .single #page #primary.blogpost .sidebar_area { display: none !important; } } /* #page #primary .sidebar_area.move { position: absolute; } #page #primary .sidebar_area.move #dl-sidebar-menu { position: absolute; bottom: 145px; bottom: 9.0625rem; left: 60px; left: 3.75rem; right: 45px; right: 2.8125rem; }*/ /* #page #primary .sidebar_area.move .sidebar_form { display: none; }*/ /* #page #primary .sidebar_area.no_move { position: absolute; top: 0 !important; }*/ #page #primary .sidebar_area .sidebar_form h2 { font-size: 34.56px; font-size: 2.16rem; font-family: "Playfair Display", serif; letter-spacing: 0; margin: 20px 0 30px; margin: 1.25rem 0 1.875rem; } #page #primary .sidebar_area .sidebar_form h3 { font-size: 26.88px; font-size: 1.68rem; line-height: 33px; line-height: 2.0625rem; color: #d5072c; margin-top: 0; margin-bottom: 25px; margin-bottom: 1.5625rem; font-family: "Playfair Display", serif; letter-spacing: 0; font-weight: 700; } #page #primary .sidebar_area .sidebar_form h4 { margin-top: 0; margin-bottom: 10px; margin-bottom: 0.625rem; font-size: 13.44px; font-size: 0.84rem; text-transform: uppercase; } #page #primary .sidebar_area .sidebar_form input, #page #primary .sidebar_area .sidebar_form textarea { width: 100%; } #page #primary .sidebar_area .sidebar_form .wpcf7-form { margin-bottom: 50px; margin-bottom: 3.125rem; } #page #primary .sidebar_area .sidebar_form .wpcf7-form .wpcf7-recaptcha>div, #page #primary .sidebar_area .sidebar_form .wpcf7-form .wpcf7-recaptcha iframe { max-width: 100%; } #page #primary .sidebar_area .sidebar_form .wpcf7-form p { margin: 0; } #page #primary .sidebar_area .sidebar_form .wpcf7-form input[type="text"], #page #primary .sidebar_area .sidebar_form .wpcf7-form input[type="email"], #page #primary .sidebar_area .sidebar_form .wpcf7-form input[type="tel"], #page #primary .sidebar_area .sidebar_form .wpcf7-form textarea { border: 1px solid #DADADA; background: #fff; color: #000000; font-size: 15.36px; font-size: 0.96rem; line-height: 16px; line-height: 1rem; padding: 5px 15px; padding: 0.3125rem 0.9375rem; font-family: "Oxygen", sans-serif !important; width: 100%; margin-bottom: 10px; margin-bottom: 0.625rem; -webkit-box-sizing: border-box; box-sizing: border-box; height: 42px; height: 2.625rem; } @media screen and (max-width: 619px) { #page #primary .sidebar_area .sidebar_form .wpcf7-form input[type="text"], #page #primary .sidebar_area .sidebar_form .wpcf7-form input[type="email"], #page #primary .sidebar_area .sidebar_form .wpcf7-form input[type="tel"], #page #primary .sidebar_area .sidebar_form .wpcf7-form textarea { -webkit-appearance: none; border-radius: 0; } } #page #primary .sidebar_area .sidebar_form .wpcf7-form input[type="text"]::-webkit-input-placeholder, #page #primary .sidebar_area .sidebar_form .wpcf7-form input[type="email"]::-webkit-input-placeholder, #page #primary .sidebar_area .sidebar_form .wpcf7-form input[type="tel"]::-webkit-input-placeholder, #page #primary .sidebar_area .sidebar_form .wpcf7-form textarea::-webkit-input-placeholder { color: #000000; opacity: 1; } #page #primary .sidebar_area .sidebar_form .wpcf7-form input[type="text"]:-moz-placeholder, #page #primary .sidebar_area .sidebar_form .wpcf7-form input[type="email"]:-moz-placeholder, #page #primary .sidebar_area .sidebar_form .wpcf7-form input[type="tel"]:-moz-placeholder, #page #primary .sidebar_area .sidebar_form .wpcf7-form textarea:-moz-placeholder { color: #000000; opacity: 1; } #page #primary .sidebar_area .sidebar_form .wpcf7-form input[type="text"]::-moz-placeholder, #page #primary .sidebar_area .sidebar_form .wpcf7-form input[type="email"]::-moz-placeholder, #page #primary .sidebar_area .sidebar_form .wpcf7-form input[type="tel"]::-moz-placeholder, #page #primary .sidebar_area .sidebar_form .wpcf7-form textarea::-moz-placeholder { color: #000000; opacity: 1; } #page #primary .sidebar_area .sidebar_form .wpcf7-form input[type="text"]:-ms-input-placeholder, #page #primary .sidebar_area .sidebar_form .wpcf7-form input[type="email"]:-ms-input-placeholder, #page #primary .sidebar_area .sidebar_form .wpcf7-form input[type="tel"]:-ms-input-placeholder, #page #primary .sidebar_area .sidebar_form .wpcf7-form textarea:-ms-input-placeholder { color: #000000; opacity: 1; } #page #primary .sidebar_area .sidebar_form .wpcf7-form textarea { height: 120px; height: 7.5rem; padding: 15px; padding: 0.9375rem; resize: none; } #page #primary .sidebar_area .sidebar_form .wpcf7-form input[type="submit"] { font-family: "Oxygen", sans-serif; background: #d5072c; display: block; color: #fff; border: none; text-transform: uppercase; width: 100%; cursor: pointer; margin: 0; } @media screen and (max-width: 619px) { #page #primary .sidebar_area .sidebar_form .wpcf7-form input[type="submit"] { border-radius: 0; -webkit-appearance: none; } } #page #primary .sidebar_area .sidebar_form .wpcf7-form .wpcf7-response-output { display: none !important; } @media screen and (max-width: 619px) { #page #primary .sidebar_area .dl-menuwrapper { float: none; margin: 0; max-width: none; z-index: 99; position: relative !important; bottom: auto !important; } } @media screen and (min-width: 620px) { #page #primary .sidebar_area .dl-menuwrapper.folden_sidebar .dl-menu li .dl-submenu { display: none; } } #page #primary .sidebar_area .dl-menuwrapper button { background: #F6F6F6; border: none; width: 100%; text-indent: 0; text-align: left; font-weight: 700; font-size: 13.44px; font-size: 0.84rem; letter-spacing: 2px; letter-spacing: 0.09375rem; padding: 0 27px; padding: 0 1.6875rem; height: 54px; height: 3.375rem; color: #333333; text-transform: uppercase; outline: none; position: relative; -webkit-appearance: none; } #page #primary .sidebar_area .dl-menuwrapper button:after { content: ''; background: url("/wp-content/themes/tjh-theme/img/arrow.svg") no-repeat center center; background-size: contain !important; width: 10px; width: 0.625rem; height: 20px; height: 1.25rem; top: 18px; top: 1.125rem; right: 27px; right: 1.6875rem; -webkit-transform: rotate(180deg); transform: rotate(180deg); position: absolute; } @media screen and (min-width: 620px) { #page #primary .sidebar_area .dl-menuwrapper button { display: none; } } #page #primary .sidebar_area .dl-menuwrapper .breadcrumb { border: none; background: none; outline: none; padding: 0; color: #A9A9A9; font-size: 11.52px; font-size: 0.72rem; letter-spacing: 2px; letter-spacing: 0.10625rem; font-weight: 700; margin: 0 0 30px; margin: 0 0 1.875rem; text-transform: uppercase; display: block; } @media screen and (max-width: 619px) { #page #primary .sidebar_area .dl-menuwrapper .breadcrumb { display: none; } } @media screen and (max-width: 619px) { #page #primary .sidebar_area .dl-menuwrapper .dl-menu { position: relative; overflow: hidden; height: 0; } #page #primary .sidebar_area .dl-menuwrapper .dl-menu.dl-menuopen { height: auto; } } @media screen and (min-width: 620px) { #page #primary .sidebar_area .dl-menuwrapper .dl-menu>li { margin: 0 0 10px; margin: 0 0 0.625rem; } } #page #primary .sidebar_area .dl-menuwrapper .dl-menu>li>a { text-transform: uppercase; font-size: 13.44px; font-size: 0.84rem; letter-spacing: 2px; letter-spacing: 0.09375rem; font-weight: 700; color: #333333; } @media screen and (max-width: 619px) { #page #primary .sidebar_area .dl-menuwrapper .dl-menu>li>a { font-weight: 700; font-size: 13.44px; font-size: 0.84rem; letter-spacing: 2px; letter-spacing: 0.09375rem; padding: 10px 27px; padding: 0.625rem 1.6875rem; line-height: 32px; line-height: 2rem; height: auto; color: #333333; text-transform: uppercase; position: relative; } } #page #primary .sidebar_area .dl-menuwrapper .dl-menu li.dl-back { padding-left: 40px; padding-left: 2.5rem; } @media screen and (max-width: 619px) { #page #primary .sidebar_area .dl-menuwrapper .dl-menu li.dl-back { padding-left: 0; } } #page #primary .sidebar_area .dl-menuwrapper .dl-menu li.dl-back>a { background: transparent; } @media screen and (max-width: 619px) { #page #primary .sidebar_area .dl-menuwrapper .dl-menu li.dl-back>a { background: #f6f6f6; padding-left: 50px; padding-left: 3.125rem; } } #page #primary .sidebar_area .dl-menuwrapper .dl-menu li.dl-back>a:after { display: none; } #page #primary .sidebar_area .dl-menuwrapper .dl-menu li.dl-back:after { content: ''; background: url("/wp-content/themes/tjh-theme/img/arrow.svg") no-repeat center center; background-size: contain !important; width: 10px; width: 0.625rem; height: 20px; height: 1.25rem; top: 13px; top: 0.8125rem; right: 40px; right: 2.5rem; -webkit-transform: none; transform: none; left: 40px; left: 2.5rem; } @media screen and (max-width: 619px) { #page #primary .sidebar_area .dl-menuwrapper .dl-menu li.dl-back:after { top: 17px; top: 1.0625rem; right: auto; left: 27px; left: 1.6875rem; } } #page #primary .sidebar_area .dl-menuwrapper .dl-menu li a { font-size: 15.36px; font-size: 0.96rem; line-height: 28px; line-height: 1.75rem; color: #7A7A7A; } @media screen and (max-width: 619px) { #page #primary .sidebar_area .dl-menuwrapper .dl-menu li a { font-weight: 700; font-size: 13.44px; font-size: 0.84rem; letter-spacing: 2px; letter-spacing: 0.09375rem; padding: 10px 27px; padding: 0.625rem 1.6875rem; height: auto; line-height: 32px; line-height: 2rem; color: #333333; text-transform: uppercase; background: #f6f6f6; margin-top: 10px; margin-top: 0.625rem; } #page #primary .sidebar_area .dl-menuwrapper .dl-menu li a:after { content: ''; background: url("/wp-content/themes/tjh-theme/img/arrow.svg") no-repeat center center; background-size: contain !important; width: 10px; width: 0.625rem; height: 20px; height: 1.25rem; top: 15px; top: 0.9375rem; right: 25px; right: 1.5625rem; -webkit-transform: rotate(180deg); transform: rotate(180deg); } } @media screen and (min-width: 620px) { #page #primary .sidebar_area .dl-menuwrapper .dl-menu li .dl-submenu .dl-submenu { display: none; } } @media screen and (min-width: 620px) { #page #primary .sidebar_area .dl-menuwrapper .dl-menu li .dl-submenu .dl-back { display: none; } } @media screen and (min-width: 620px) { #page #primary .sidebar_area .dl-menuwrapper .dl-menu li .dl-submenu .duplicate { display: none; } } @media screen and (min-width: 620px) { #page #primary .sidebar_area .dl-menuwrapper .dl-menu li.parent_area>a, #page #primary .sidebar_area .dl-menuwrapper .dl-menu li.current-menu-parent>a, #page #primary .sidebar_area .dl-menuwrapper .dl-menu li.current-menu-ancestor>a { font-weight: 700; } #page #primary .sidebar_area .dl-menuwrapper .dl-menu li.parent_area>.dl-submenu, #page #primary .sidebar_area .dl-menuwrapper .dl-menu li.current-menu-parent>.dl-submenu, #page #primary .sidebar_area .dl-menuwrapper .dl-menu li.current-menu-ancestor>.dl-submenu { display: block; } #page #primary .sidebar_area .dl-menuwrapper .dl-menu li.parent_area>.dl-submenu>.parent_area>.dl-submenu, #page #primary .sidebar_area .dl-menuwrapper .dl-menu li.parent_area>.dl-submenu>.current-menu-parent>.dl-submenu, #page #primary .sidebar_area .dl-menuwrapper .dl-menu li.parent_area>.dl-submenu>.current-menu-ancestor>.dl-submenu, #page #primary .sidebar_area .dl-menuwrapper .dl-menu li.parent_area>.dl-submenu .current_area>.dl-submenu, #page #primary .sidebar_area .dl-menuwrapper .dl-menu li.parent_area>.dl-submenu .current-menu-item>.dl-submenu, #page #primary .sidebar_area .dl-menuwrapper .dl-menu li.current-menu-parent>.dl-submenu>.parent_area>.dl-submenu, #page #primary .sidebar_area .dl-menuwrapper .dl-menu li.current-menu-parent>.dl-submenu>.current-menu-parent>.dl-submenu, #page #primary .sidebar_area .dl-menuwrapper .dl-menu li.current-menu-parent>.dl-submenu>.current-menu-ancestor>.dl-submenu, #page #primary .sidebar_area .dl-menuwrapper .dl-menu li.current-menu-parent>.dl-submenu .current_area>.dl-submenu, #page #primary .sidebar_area .dl-menuwrapper .dl-menu li.current-menu-parent>.dl-submenu .current-menu-item>.dl-submenu, #page #primary .sidebar_area .dl-menuwrapper .dl-menu li.current-menu-ancestor>.dl-submenu>.parent_area>.dl-submenu, #page #primary .sidebar_area .dl-menuwrapper .dl-menu li.current-menu-ancestor>.dl-submenu>.current-menu-parent>.dl-submenu, #page #primary .sidebar_area .dl-menuwrapper .dl-menu li.current-menu-ancestor>.dl-submenu>.current-menu-ancestor>.dl-submenu, #page #primary .sidebar_area .dl-menuwrapper .dl-menu li.current-menu-ancestor>.dl-submenu .current_area>.dl-submenu, #page #primary .sidebar_area .dl-menuwrapper .dl-menu li.current-menu-ancestor>.dl-submenu .current-menu-item>.dl-submenu { padding-left: 17px; padding-left: 1.0625rem; border-left: 1px solid #000; } #page #primary .sidebar_area .dl-menuwrapper .dl-menu li.parent_area>.dl-submenu>.parent_area>.dl-submenu>.parent_area>.dl-submenu, #page #primary .sidebar_area .dl-menuwrapper .dl-menu li.parent_area>.dl-submenu>.parent_area>.dl-submenu>.current-menu-parent>.dl-submenu, #page #primary .sidebar_area .dl-menuwrapper .dl-menu li.parent_area>.dl-submenu>.parent_area>.dl-submenu>.current-menu-ancestor>.dl-submenu, #page #primary .sidebar_area .dl-menuwrapper .dl-menu li.parent_area>.dl-submenu>.parent_area>.dl-submenu .current_area>.dl-submenu, #page #primary .sidebar_area .dl-menuwrapper .dl-menu li.parent_area>.dl-submenu>.parent_area>.dl-submenu .current-menu-item>.dl-submenu, #page #primary .sidebar_area .dl-menuwrapper .dl-menu li.parent_area>.dl-submenu>.current-menu-parent>.dl-submenu>.parent_area>.dl-submenu, #page #primary .sidebar_area .dl-menuwrapper .dl-menu li.parent_area>.dl-submenu>.current-menu-parent>.dl-submenu>.current-menu-parent>.dl-submenu, #page #primary .sidebar_area .dl-menuwrapper .dl-menu li.parent_area>.dl-submenu>.current-menu-parent>.dl-submenu>.current-menu-ancestor>.dl-submenu, #page #primary .sidebar_area .dl-menuwrapper .dl-menu li.parent_area>.dl-submenu>.current-menu-parent>.dl-submenu .current_area>.dl-submenu, #page #primary .sidebar_area .dl-menuwrapper .dl-menu li.parent_area>.dl-submenu>.current-menu-parent>.dl-submenu .current-menu-item>.dl-submenu, #page #primary .sidebar_area .dl-menuwrapper .dl-menu li.parent_area>.dl-submenu>.current-menu-ancestor>.dl-submenu>.parent_area>.dl-submenu, #page #primary .sidebar_area .dl-menuwrapper .dl-menu li.parent_area>.dl-submenu>.current-menu-ancestor>.dl-submenu>.current-menu-parent>.dl-submenu, #page #primary .sidebar_area .dl-menuwrapper .dl-menu li.parent_area>.dl-submenu>.current-menu-ancestor>.dl-submenu>.current-menu-ancestor>.dl-submenu, #page #primary .sidebar_area .dl-menuwrapper .dl-menu li.parent_area>.dl-submenu>.current-menu-ancestor>.dl-submenu .current_area>.dl-submenu, #page #primary .sidebar_area .dl-menuwrapper .dl-menu li.parent_area>.dl-submenu>.current-menu-ancestor>.dl-submenu .current-menu-item>.dl-submenu, #page #primary .sidebar_area .dl-menuwrapper .dl-menu li.parent_area>.dl-submenu .current_area>.dl-submenu>.parent_area>.dl-submenu, #page #primary .sidebar_area .dl-menuwrapper .dl-menu li.parent_area>.dl-submenu .current_area>.dl-submenu>.current-menu-parent>.dl-submenu, #page #primary .sidebar_area .dl-menuwrapper .dl-menu li.parent_area>.dl-submenu .current_area>.dl-submenu>.current-menu-ancestor>.dl-submenu, #page #primary .sidebar_area .dl-menuwrapper .dl-menu li.parent_area>.dl-submenu .current_area>.dl-submenu .current_area>.dl-submenu, #page #primary .sidebar_area .dl-menuwrapper .dl-menu li.parent_area>.dl-submenu .current_area>.dl-submenu .current-menu-item>.dl-submenu, #page #primary .sidebar_area .dl-menuwrapper .dl-menu li.parent_area>.dl-submenu .current-menu-item>.dl-submenu>.parent_area>.dl-submenu, #page #primary .sidebar_area .dl-menuwrapper .dl-menu li.parent_area>.dl-submenu .current-menu-item>.dl-submenu>.current-menu-parent>.dl-submenu, #page #primary .sidebar_area .dl-menuwrapper .dl-menu li.parent_area>.dl-submenu .current-menu-item>.dl-submenu>.current-menu-ancestor>.dl-submenu, #page #primary .sidebar_area .dl-menuwrapper .dl-menu li.parent_area>.dl-submenu .current-menu-item>.dl-submenu .current_area>.dl-submenu, #page #primary .sidebar_area .dl-menuwrapper .dl-menu li.parent_area>.dl-submenu .current-menu-item>.dl-submenu .current-menu-item>.dl-submenu, #page #primary .sidebar_area .dl-menuwrapper .dl-menu li.current-menu-parent>.dl-submenu>.parent_area>.dl-submenu>.parent_area>.dl-submenu, #page #primary .sidebar_area .dl-menuwrapper .dl-menu li.current-menu-parent>.dl-submenu>.parent_area>.dl-submenu>.current-menu-parent>.dl-submenu, #page #primary .sidebar_area .dl-menuwrapper .dl-menu li.current-menu-parent>.dl-submenu>.parent_area>.dl-submenu>.current-menu-ancestor>.dl-submenu, #page #primary .sidebar_area .dl-menuwrapper .dl-menu li.current-menu-parent>.dl-submenu>.parent_area>.dl-submenu .current_area>.dl-submenu, #page #primary .sidebar_area .dl-menuwrapper .dl-menu li.current-menu-parent>.dl-submenu>.parent_area>.dl-submenu .current-menu-item>.dl-submenu, #page #primary .sidebar_area .dl-menuwrapper .dl-menu li.current-menu-parent>.dl-submenu>.current-menu-parent>.dl-submenu>.parent_area>.dl-submenu, #page #primary .sidebar_area .dl-menuwrapper .dl-menu li.current-menu-parent>.dl-submenu>.current-menu-parent>.dl-submenu>.current-menu-parent>.dl-submenu, #page #primary .sidebar_area .dl-menuwrapper .dl-menu li.current-menu-parent>.dl-submenu>.current-menu-parent>.dl-submenu>.current-menu-ancestor>.dl-submenu, #page #primary .sidebar_area .dl-menuwrapper .dl-menu li.current-menu-parent>.dl-submenu>.current-menu-parent>.dl-submenu .current_area>.dl-submenu, #page #primary .sidebar_area .dl-menuwrapper .dl-menu li.current-menu-parent>.dl-submenu>.current-menu-parent>.dl-submenu .current-menu-item>.dl-submenu, #page #primary .sidebar_area .dl-menuwrapper .dl-menu li.current-menu-parent>.dl-submenu>.current-menu-ancestor>.dl-submenu>.parent_area>.dl-submenu, #page #primary .sidebar_area .dl-menuwrapper .dl-menu li.current-menu-parent>.dl-submenu>.current-menu-ancestor>.dl-submenu>.current-menu-parent>.dl-submenu, #page #primary .sidebar_area .dl-menuwrapper .dl-menu li.current-menu-parent>.dl-submenu>.current-menu-ancestor>.dl-submenu>.current-menu-ancestor>.dl-submenu, #page #primary .sidebar_area .dl-menuwrapper .dl-menu li.current-menu-parent>.dl-submenu>.current-menu-ancestor>.dl-submenu .current_area>.dl-submenu, #page #primary .sidebar_area .dl-menuwrapper .dl-menu li.current-menu-parent>.dl-submenu>.current-menu-ancestor>.dl-submenu .current-menu-item>.dl-submenu, #page #primary .sidebar_area .dl-menuwrapper .dl-menu li.current-menu-parent>.dl-submenu .current_area>.dl-submenu>.parent_area>.dl-submenu, #page #primary .sidebar_area .dl-menuwrapper .dl-menu li.current-menu-parent>.dl-submenu .current_area>.dl-submenu>.current-menu-parent>.dl-submenu, #page #primary .sidebar_area .dl-menuwrapper .dl-menu li.current-menu-parent>.dl-submenu .current_area>.dl-submenu>.current-menu-ancestor>.dl-submenu, #page #primary .sidebar_area .dl-menuwrapper .dl-menu li.current-menu-parent>.dl-submenu .current_area>.dl-submenu .current_area>.dl-submenu, #page #primary .sidebar_area .dl-menuwrapper .dl-menu li.current-menu-parent>.dl-submenu .current_area>.dl-submenu .current-menu-item>.dl-submenu, #page #primary .sidebar_area .dl-menuwrapper .dl-menu li.current-menu-parent>.dl-submenu .current-menu-item>.dl-submenu>.parent_area>.dl-submenu, #page #primary .sidebar_area .dl-menuwrapper .dl-menu li.current-menu-parent>.dl-submenu .current-menu-item>.dl-submenu>.current-menu-parent>.dl-submenu, #page #primary .sidebar_area .dl-menuwrapper .dl-menu li.current-menu-parent>.dl-submenu .current-menu-item>.dl-submenu>.current-menu-ancestor>.dl-submenu, #page #primary .sidebar_area .dl-menuwrapper .dl-menu li.current-menu-parent>.dl-submenu .current-menu-item>.dl-submenu .current_area>.dl-submenu, #page #primary .sidebar_area .dl-menuwrapper .dl-menu li.current-menu-parent>.dl-submenu .current-menu-item>.dl-submenu .current-menu-item>.dl-submenu, #page #primary .sidebar_area .dl-menuwrapper .dl-menu li.current-menu-ancestor>.dl-submenu>.parent_area>.dl-submenu>.parent_area>.dl-submenu, #page #primary .sidebar_area .dl-menuwrapper .dl-menu li.current-menu-ancestor>.dl-submenu>.parent_area>.dl-submenu>.current-menu-parent>.dl-submenu, #page #primary .sidebar_area .dl-menuwrapper .dl-menu li.current-menu-ancestor>.dl-submenu>.parent_area>.dl-submenu>.current-menu-ancestor>.dl-submenu, #page #primary .sidebar_area .dl-menuwrapper .dl-menu li.current-menu-ancestor>.dl-submenu>.parent_area>.dl-submenu .current_area>.dl-submenu, #page #primary .sidebar_area .dl-menuwrapper .dl-menu li.current-menu-ancestor>.dl-submenu>.parent_area>.dl-submenu .current-menu-item>.dl-submenu, #page #primary .sidebar_area .dl-menuwrapper .dl-menu li.current-menu-ancestor>.dl-submenu>.current-menu-parent>.dl-submenu>.parent_area>.dl-submenu, #page #primary .sidebar_area .dl-menuwrapper .dl-menu li.current-menu-ancestor>.dl-submenu>.current-menu-parent>.dl-submenu>.current-menu-parent>.dl-submenu, #page #primary .sidebar_area .dl-menuwrapper .dl-menu li.current-menu-ancestor>.dl-submenu>.current-menu-parent>.dl-submenu>.current-menu-ancestor>.dl-submenu, #page #primary .sidebar_area .dl-menuwrapper .dl-menu li.current-menu-ancestor>.dl-submenu>.current-menu-parent>.dl-submenu .current_area>.dl-submenu, #page #primary .sidebar_area .dl-menuwrapper .dl-menu li.current-menu-ancestor>.dl-submenu>.current-menu-parent>.dl-submenu .current-menu-item>.dl-submenu, #page #primary .sidebar_area .dl-menuwrapper .dl-menu li.current-menu-ancestor>.dl-submenu>.current-menu-ancestor>.dl-submenu>.parent_area>.dl-submenu, #page #primary .sidebar_area .dl-menuwrapper .dl-menu li.current-menu-ancestor>.dl-submenu>.current-menu-ancestor>.dl-submenu>.current-menu-parent>.dl-submenu, #page #primary .sidebar_area .dl-menuwrapper .dl-menu li.current-menu-ancestor>.dl-submenu>.current-menu-ancestor>.dl-submenu>.current-menu-ancestor>.dl-submenu, #page #primary .sidebar_area .dl-menuwrapper .dl-menu li.current-menu-ancestor>.dl-submenu>.current-menu-ancestor>.dl-submenu .current_area>.dl-submenu, #page #primary .sidebar_area .dl-menuwrapper .dl-menu li.current-menu-ancestor>.dl-submenu>.current-menu-ancestor>.dl-submenu .current-menu-item>.dl-submenu, #page #primary .sidebar_area .dl-menuwrapper .dl-menu li.current-menu-ancestor>.dl-submenu .current_area>.dl-submenu>.parent_area>.dl-submenu, #page #primary .sidebar_area .dl-menuwrapper .dl-menu li.current-menu-ancestor>.dl-submenu .current_area>.dl-submenu>.current-menu-parent>.dl-submenu, #page #primary .sidebar_area .dl-menuwrapper .dl-menu li.current-menu-ancestor>.dl-submenu .current_area>.dl-submenu>.current-menu-ancestor>.dl-submenu, #page #primary .sidebar_area .dl-menuwrapper .dl-menu li.current-menu-ancestor>.dl-submenu .current_area>.dl-submenu .current_area>.dl-submenu, #page #primary .sidebar_area .dl-menuwrapper .dl-menu li.current-menu-ancestor>.dl-submenu .current_area>.dl-submenu .current-menu-item>.dl-submenu, #page #primary .sidebar_area .dl-menuwrapper .dl-menu li.current-menu-ancestor>.dl-submenu .current-menu-item>.dl-submenu>.parent_area>.dl-submenu, #page #primary .sidebar_area .dl-menuwrapper .dl-menu li.current-menu-ancestor>.dl-submenu .current-menu-item>.dl-submenu>.current-menu-parent>.dl-submenu, #page #primary .sidebar_area .dl-menuwrapper .dl-menu li.current-menu-ancestor>.dl-submenu .current-menu-item>.dl-submenu>.current-menu-ancestor>.dl-submenu, #page #primary .sidebar_area .dl-menuwrapper .dl-menu li.current-menu-ancestor>.dl-submenu .current-menu-item>.dl-submenu .current_area>.dl-submenu, #page #primary .sidebar_area .dl-menuwrapper .dl-menu li.current-menu-ancestor>.dl-submenu .current-menu-item>.dl-submenu .current-menu-item>.dl-submenu { list-style: initial; list-style-position: inside; padding-left: 0; border: none; } } #page #primary .sidebar_area .dl-menuwrapper .dl-menu li.current_area>a, #page #primary .sidebar_area .dl-menuwrapper .dl-menu li.current-menu-item>a { color: #d5072c; } @media screen and (min-width: 620px) { #page #primary .sidebar_area .dl-menuwrapper .dl-menu li.current_area>.dl-submenu, #page #primary .sidebar_area .dl-menuwrapper .dl-menu li.current-menu-item>.dl-submenu { display: block; } } #page #primary .text_area { width: 850px; width: 53.125rem; margin-left: 450px; margin-left: 28.125rem; float: left; } @media screen and (min-width: 1440px) { #page #primary .text_area { width: 60%; margin-left: 30%; margin-right: 10%; } } @media screen and (max-width: 619px) { #page #primary .text_area { width: 100%; float: none; margin-left: 0; } } #page #primary .text_area .slider { width: 850px; width: 53.125rem; } @media screen and (max-width: 619px) { #page #primary .text_area .slider { width: 100%; } } #page #primary .text_area .breadcrumb { border: none; background: none; outline: none; cursor: default; padding: 0; color: #2F2F2F; font-size: 15.36px; font-size: 0.96rem; margin: 0 0 60px; margin: 0 0 3.75rem; text-transform: uppercase; } @media screen and (max-width: 619px) { #page #primary .text_area .breadcrumb { margin: 20px 0 20px; margin: 1.25rem 0 1.25rem; } } #page #primary .text_area .hentry, #page #primary .text_area .top_content { color: #333333; position: relative; padding-bottom: 35px; padding-bottom: 2.1875rem; margin-bottom: 65px; margin-bottom: 4.0625rem; } .single-event #page #primary .text_area .hentry, .single-event #page #primary .text_area .top_content{margin-bottom:0px !important;padding-bottom:0px !important} @media screen and (max-width: 619px) { #page #primary .text_area .hentry, #page #primary .text_area .top_content { padding-bottom: 60px; padding-bottom: 3.75rem; margin-bottom: 55px; margin-bottom: 3.4375rem; } .single-event #page #primary .text_area .hentry, .single-event #page #primary .text_area .top_content{margin-bottom:0px !important;padding-bottom:0px !important} } #page #primary .text_area .hentry iframe, #page #primary .text_area .hentry img, #page #primary .text_area .top_content iframe, #page #primary .text_area .top_content img { width: 100%; } #page #primary .text_area .hentry iframe, #page #primary .text_area .top_content iframe { height: 32rem; } @media screen and (min-width: 1440px) { #page #primary .text_area .hentry iframe, #page #primary .text_area .top_content iframe { height: 34vw; } } @media screen and (max-width: 619px) { #page #primary .text_area .hentry iframe, #page #primary .text_area .top_content iframe { height: 13rem; } } #page #primary .text_area .hentry .money-tab, #page #primary .text_area .top_content .money-tab { font-family: "Playfair Display", serif; font-size: 38.4px; font-size: 2.4rem; line-height: 36px; line-height: 2.25rem; } #page #primary .text_area .hentry .content_column, #page #primary .text_area .top_content .content_column { width: 48%; } @media screen and (max-width: 619px) { #page #primary .text_area .hentry .content_column, #page #primary .text_area .top_content .content_column { width: 100%; } } #page #primary .text_area .hentry p, #page #primary .text_area .top_content p { margin: 10px 0 30px; margin: 0.625rem 0 1.875rem; } @media screen and (max-width: 619px) { #page #primary .text_area .hentry p, #page #primary .text_area .top_content p { font-size: 17.28px; font-size: 1.08rem; line-height: 28px; line-height: 1.75rem; } #page #primary .text_area .hentry p:last-child, #page #primary .text_area .top_content p:last-child { margin-bottom: 0; } } #page #primary .text_area .hentry p .btn, #page #primary .text_area .top_content p .btn { background: #d5072c; width: 70%; } @media screen and (max-width: 619px) { #page #primary .text_area .hentry p .btn, #page #primary .text_area .top_content p .btn { width: 100%; } } #page #primary .text_area .hentry p a:not(.btn), #page #primary .text_area .top_content p a:not(.btn) { color: #d5072c; } #page #primary .text_area .hentry .breadcrumb, #page #primary .text_area .top_content .breadcrumb { border: none; background: none; outline: none; cursor: default; padding: 0; color: #2F2F2F; font-size: 15.36px; font-size: 0.96rem; margin: 0 0 30px; margin: 0 0 1.875rem; text-transform: uppercase; } @media screen and (max-width: 619px) { #page #primary .text_area .hentry .breadcrumb, #page #primary .text_area .top_content .breadcrumb { line-height: 18px; line-height: 1.125rem; font-size: 15.36px; font-size: 0.96rem; margin: 40px 0 20px; margin: 2.5rem 0 1.25rem; } } #page #primary .text_area .hentry h1:not(.breadcrumb), #page #primary .text_area .top_content h1:not(.breadcrumb) { font-family: "Playfair Display", serif; font-size: 61.44px; font-size: 3.84rem; line-height: 74px; line-height: 4.625rem; color: #333333; margin: 0 0 80px; margin: 0 0 5rem; letter-spacing: 0; text-transform: capitalize; } @media screen and (max-width: 619px) { #page #primary .text_area .hentry h1:not(.breadcrumb), #page #primary .text_area .top_content h1:not(.breadcrumb) { font-size: 36.48px; font-size: 2.28rem; line-height: 40px; line-height: 2.5rem; margin: 0 0 30px; margin: 0 0 1.875rem; } } #page #primary .text_area .hentry h2, #page #primary .text_area .hentry h3, #page #primary .text_area .hentry h4, #page #primary .text_area .hentry h5, #page #primary .text_area .hentry h6, #page #primary .text_area .top_content h2, #page #primary .text_area .top_content h3, #page #primary .text_area .top_content h4, #page #primary .text_area .top_content h5, #page #primary .text_area .top_content h6 { font-size: 26.88px; font-size: 1.58rem; line-height: 38px; line-height: 2.4rem; margin-top: 0; margin-bottom: 30px; margin-bottom: 1.875rem; font-weight: 700; font-family: "Playfair Display", serif; letter-spacing: 0; } #page #primary .text_area .hentry h2, #page #primary .text_area .top_content h2 { text-transform: uppercase; } #page #primary .text_area .hentry h3.red_header, #page #primary .text_area .top_content h3.red_header { color: #d5072c; } #page #primary .text_area .hentry h4, #page #primary .text_area .top_content h4 { margin-bottom: 10px; margin-bottom: 0.625rem; } #page #primary .text_area .hentry ul, #page #primary .text_area .top_content ul { margin: 5px 0 10px; margin: 0.3125rem 0 0.625rem; } #page #primary .text_area .hentry ul li, #page #primary .text_area .top_content ul li { position: relative; padding-left: 20px; padding-left: 1.25rem; } #page #primary .text_area .hentry ul li:before, #page #primary .text_area .top_content ul li:before { width: 13px; width: 0.8125rem; height: 13px; height: 0.8125rem; left: 0; top: 5px; top: 0.3125rem; background: url("/wp-content/themes/tjh-theme/img/arrow_red.svg") no-repeat center center; background-size: contain !important; } #page #primary .text_area .hentry ul li a, #page #primary .text_area .top_content ul li a { font-size: 15.36px; font-size: 0.96rem; color: #d5072c; } #page #primary .text_area .hentry ul.links_list li, #page #primary .text_area .top_content ul.links_list li { display: block; line-height: 44px; line-height: 2.75rem; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; border-bottom: 1px solid #E2E2E2; } #page #primary .text_area .hentry ul.links_list li:before, #page #primary .text_area .top_content ul.links_list li:before { display: none; } #page #primary .text_area .hentry ul.links_list li:after, #page #primary .text_area .top_content ul.links_list li:after { width: 13px; width: 0.8125rem; height: 13px; height: 0.8125rem; top: 15px; top: 0.9375rem; right: 20px; right: 1.25rem; background: url("/wp-content/themes/tjh-theme/img/arrow_red.svg") no-repeat center center; background-size: contain !important; } #page #primary .text_area .hentry ul.links_list li:first-child, #page #primary .text_area .top_content ul.links_list li:first-child { border-top: 1px solid #E2E2E2; } #page #primary .text_area .hentry ul.links_list li a, #page #primary .text_area .top_content ul.links_list li a { color: #d5072c; } #page #primary .text_area .hentry ol, #page #primary .text_area .top_content ol { margin: 5px 0 10px; margin: 0.3125rem 0 0.625rem; } #page #primary .text_area .hentry ol li a, #page #primary .text_area .top_content ol li a { font-size: 15.36px; font-size: 0.96rem; color: #d5072c; } #page #primary .text_area .hentry>ul, #page #primary .text_area .top_content>ul { margin: 10px 0 30px 0; margin: 0.625rem 0 1.875rem 0; line-height: 1.5; } #page #primary .text_area .hentry>ol, #page #primary .text_area .top_content>ol { margin: 10px 0 30px 0; margin: 0.625rem 0 1.875rem 0; line-height: 1.5; } #page #primary .text_area .hentry .left, #page #primary .text_area .top_content .left { width: 375px; width: 23.4375rem; } @media screen and (min-width: 1440px) { #page #primary .text_area .hentry .left, #page #primary .text_area .top_content .left { width: 45%; } } #page #primary .text_area .hentry .right.form, #page #primary .text_area .top_content .right.form { background: #F2F2F2; padding: 25px 45px; padding: 1.5625rem 2.8125rem; -webkit-box-sizing: border-box; box-sizing: border-box; } #page #primary .text_area .hentry .right.form>h3, #page #primary .text_area .top_content .right.form>h3 { font-family: "Playfair Display", serif; font-size: 38.4px; font-size: 2.4rem; line-height: 52px; line-height: 3.25rem; font-weight: 500; color: #000; margin-top: 0; margin-bottom: 20px; margin-bottom: 1.25rem; } #page #primary .text_area .hentry .right.form>h3 .red, #page #primary .text_area .top_content .right.form>h3 .red { color: #d5072c; font-weight: 700; text-transform: uppercase; } @media screen and (max-width: 619px) { #page #primary .text_area .hentry .left, #page #primary .text_area .hentry .right, #page #primary .text_area .top_content .left, #page #primary .text_area .top_content .right { width: 100%; margin-bottom: 20px; margin-bottom: 1.25rem; } } #page #primary .text_area .hentry .red_header, #page #primary .text_area .top_content .red_header { font-family: "Playfair Display", serif; font-size: 26.88px; font-size: 1.58rem; line-height: 36px; line-height: 2.4rem; margin-bottom: 30px; margin-bottom: 1.875rem; font-weight: 700; letter-spacing: 0; } @media screen and (max-width: 619px) { #page #primary .text_area .hentry .red_header, #page #primary .text_area .top_content .red_header { font-size: 24.96px; font-size: 1.56rem; line-height: 28px; line-height: 1.75rem; } } #page #primary .text_area .hentry:after, #page #primary .text_area .top_content:after { width: 100%; height: 1px; background: #C8C8C8; bottom: 0; } #page #primary .text_area .top_content { padding-bottom: 0; } #page #primary .text_area .top_content:after { background: transparent; height: auto; position: relative; } #page #primary .text_area .resource_entries .select_wrap { height: 43px; height: 2.6875rem; position: relative; padding-bottom: 65px; padding-bottom: 4.0625rem; margin-bottom: 65px; margin-bottom: 4.0625rem; } @media screen and (max-width: 619px) { #page #primary .text_area .resource_entries .select_wrap { padding-bottom: 50px; padding-bottom: 3.125rem; margin-bottom: 50px; margin-bottom: 3.125rem; } } #page #primary .text_area .resource_entries .select_wrap:after { background: url("/wp-content/themes/tjh-theme/img/pointer.svg") no-repeat center center; background-size: contain !important; width: 14px; width: 0.875rem; height: 6px; height: 0.375rem; top: 18px; top: 1.125rem; left: 245px; left: 15.3125rem; } #page #primary .text_area .resource_entries .select_wrap:before { width: 100%; height: 1px; background: #C8C8C8; bottom: 0; left: 0; right: 0; } #page #primary .text_area .resource_entries .select_wrap select { width: 265px; width: 16.5625rem; height: 43px; height: 2.6875rem; -webkit-appearance: none; border-radius: 0; padding: 0 10px; padding: 0 0.625rem; position: relative; background: transparent; border: 1px solid #DADADA; color: #333333; } @media screen and (max-width: 619px) { #page #primary .text_area .resource_entries .select_wrap select { width: 100%; } } #page #primary .text_area .resource_entries .resource_entry { position: relative; padding-bottom: 65px; padding-bottom: 4.0625rem; margin-bottom: 65px; margin-bottom: 4.0625rem; } @media screen and (max-width: 619px) { #page #primary .text_area .resource_entries .resource_entry { padding-bottom: 50px; padding-bottom: 3.125rem; margin-bottom: 50px; margin-bottom: 3.125rem; } } #page #primary .text_area .resource_entries .resource_entry:before { width: 100%; height: 1px; background: #C8C8C8; bottom: 0; } #page #primary .text_area .resource_entries .resource_entry h3 { margin-top: 0; margin-bottom: 40px; margin-bottom: 2.5rem; font-size: 26.88px; font-size: 1.68rem; line-height: 38px; line-height: 2.375rem; font-family: "Playfair Display", serif; font-weight: 700; } #page #primary .text_area .resource_entries .resource_entry h4 { margin-top: 20px; margin-top: 1.25rem; margin-bottom: 10px; margin-bottom: 0.625rem; font-size: 18.24px; font-size: 1.14rem; line-height: 26px; line-height: 1.625rem; font-family: "Playfair Display", serif; font-weight: 700; letter-spacing: 0; } #page #primary .text_area .resource_entries .resource_entry .modal_video, #page #primary .text_area .resource_entries .resource_entry .modal_graphic { z-index: 999999; } #page #primary .text_area .resource_entries .resource_entry .modal_video .modal-content, #page #primary .text_area .resource_entries .resource_entry .modal_graphic .modal-content { padding: 0; max-height: 70vh; border: none; } @media screen and (max-width: 619px) { #page #primary .text_area .resource_entries .resource_entry .modal_video .modal-content, #page #primary .text_area .resource_entries .resource_entry .modal_graphic .modal-content { padding: 15px 1.2em; max-height: none; } } #page #primary .text_area .resource_entries .resource_entry .modal_video .modal-close:focus:after, #page #primary .text_area .resource_entries .resource_entry .modal_graphic .modal-close:focus:after { outline: none; } #page #primary .text_area .resource_entries .resource_entry .modal_video .modal-close:before, #page #primary .text_area .resource_entries .resource_entry .modal_graphic .modal-close:before { background: rgba(0, 0, 0, 0.7); } @media screen and (max-width: 619px) { #page #primary .text_area .resource_entries .resource_entry .modal_video .modal-close:before, #page #primary .text_area .resource_entries .resource_entry .modal_graphic .modal-close:before { background: #fff; -webkit-box-shadow: none; box-shadow: none; } } #page #primary .text_area .resource_entries .resource_entry .modal_video .modal-close:after, #page #primary .text_area .resource_entries .resource_entry .modal_graphic .modal-close:after { border-radius: 0; padding: 0 23px 4px; padding: 0 1.4375rem 0.25rem; font-size: 40.32px; font-size: 2.52rem; line-height: 70px; line-height: 4.375rem; background: transparent; color: #fff; top: auto; right: 55px; right: 3.4375rem; margin-right: 0; } @media screen and (max-width: 619px) { #page #primary .text_area .resource_entries .resource_entry .modal_video .modal-close:after, #page #primary .text_area .resource_entries .resource_entry .modal_graphic .modal-close:after { content: '\00d7'; right: 0; line-height: 1; color: #000; } } #page #primary .text_area .resource_entries .resource_entry .modal_graphic .modal-content { max-height: 90vh; } @media screen and (max-width: 619px) { #page #primary .text_area .resource_entries .resource_entry .modal_graphic .modal-content { max-height: none; } } #page #primary .text_area .resource_entries .resource_entry .video_entry { width: 32%; padding: 0 .5%; margin-bottom: 40px; margin-bottom: 2.5rem; } @media screen and (max-width: 619px) { #page #primary .text_area .resource_entries .resource_entry .video_entry { width: 100%; padding: 0; } } #page #primary .text_area .resource_entries .resource_entry .video_entry.loaded .thumb { opacity: 1; } #page #primary .text_area .resource_entries .resource_entry .video_entry .thumb { overflow: hidden; width: 100%; height: 180px; height: 11.25rem; position: relative; opacity: 0; -webkit-transition: opacity 0.6s; transition: opacity 0.6s; } #page #primary .text_area .resource_entries .resource_entry .video_entry .thumb img { min-width: 100%; min-height: 100%; } #page #primary .text_area .resource_entries .resource_entry .video_entry .thumb .btn-video { position: absolute; display: block; width: 100%; height: 100%; } #page #primary .text_area .resource_entries .resource_entry .video_entry .thumb .btn-video:before { display: block; margin: auto; cursor: pointer; z-index: 10; width: 62px; width: 3.875rem; height: 62px; height: 3.875rem; opacity: 1; -webkit-transition-delay: 0s; transition-delay: 0s; top: 0; left: 0; bottom: 0; right: 0; background: url("/wp-content/themes/tjh-theme/img/play.svg") no-repeat center center; background-size: contain !important; } #page #primary .text_area .resource_entries .resource_entry .video_entry:nth-child(3n+1) { padding-left: 0; } #page #primary .text_area .resource_entries .resource_entry .video_entry .video_desc p>a { color: #d5072c; } #page #primary .text_area .resource_entries .resource_entry .info_entry { position: relative; width: 32%; min-height: 29rem; padding: 0 .5%; margin-bottom: 40px; margin-bottom: 2.5rem; } @media screen and (max-width: 619px) { #page #primary .text_area .resource_entries .resource_entry .info_entry { width: 100%; padding: 0; } } #page #primary .text_area .resource_entries .resource_entry .info_entry .info_graph { overflow: hidden; min-height: 180px; min-height: 11.25rem; } #page #primary .text_area .resource_entries .resource_entry .info_entry .info_desc a { color: #d5072c; } #page #primary .text_area .resource_entries .resource_entry .info_entry>a { position: absolute; bottom: 0; left: 2%; width: 96%; display: block; border-bottom: 1px solid #E2E2E2; line-height: 44px; line-height: 2.75rem; } #page #primary .text_area .resource_entries .resource_entry .info_entry>a:after { top: 15px; top: 0.9375rem; right: 20px; right: 1.25rem; } #page #primary .text_area .resource_entries .resource_entry .info_entry>a.lightbox_hook { margin-bottom: 2.75rem; border-top: 1px solid #E2E2E2; } #page #primary .text_area .resource_entries .resource_entry .info_entry>a.lightbox_hook:after { width: 16px; width: 1rem; height: 14px; height: 0.875rem; background: url("/wp-content/themes/tjh-theme/img/arrow_red.svg") no-repeat center center; background-size: contain !important; } #page #primary .text_area .resource_entries .resource_entry .info_entry>a.download { color: #d5072c; } #page #primary .text_area .resource_entries .resource_entry .info_entry>a.download:after { width: 20px; width: 1.25rem; height: 21px; height: 1.3125rem; background: url("/wp-content/themes/tjh-theme/img/download.svg") no-repeat center center; background-size: contain !important; } #page #primary .text_area .resource_entries .resource_entry .post_entry { width: 32%; margin-left: 2%; margin-bottom: 40px; margin-bottom: 2.5rem; } @media screen and (max-width: 619px) { #page #primary .text_area .resource_entries .resource_entry .post_entry { width: 100%; margin-left: 0; } } #page #primary .text_area .resource_entries .resource_entry .post_entry:first-of-type { margin-left: 0; } #page #primary .text_area .resource_entries .resource_entry .post_entry .thumb { overflow: hidden; width: 100%; } #page #primary .text_area .resource_entries .resource_entry .post_entry .thumb img { min-width: 100%; min-height: 100%; } #page #primary .text_area .resource_entries .resource_entry .post_entry .post_desc p>a { color: #d5072c; } #page #primary .text_area .resource_entries .resource_entry ul.q_a { margin: 0 0 40px; margin: 0 0 2.5rem; position: relative; } #page #primary .text_area .resource_entries .resource_entry ul.q_a li { padding-left: 20px; padding-left: 1.25rem; position: relative; display: block; line-height: 44px; line-height: 2.75rem; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; border-bottom: 1px solid #E2E2E2; } @media screen and (max-width: 619px) { #page #primary .text_area .resource_entries .resource_entry ul.q_a li { padding: 5px 0; padding: 0.3125rem 0; line-height: 1.4; } } #page #primary .text_area .resource_entries .resource_entry ul.q_a li:after { width: 13px; width: 0.8125rem; height: 13px; height: 0.8125rem; top: 15px; top: 0.9375rem; right: 20px; right: 1.25rem; background: url("/wp-content/themes/tjh-theme/img/arrow_red.svg") no-repeat center center; background-size: contain !important; -webkit-transition: all 0.2s; transition: all 0.2s; } @media screen and (max-width: 619px) { #page #primary .text_area .resource_entries .resource_entry ul.q_a li:after { right: 0; } } #page #primary .text_area .resource_entries .resource_entry ul.q_a li a { color: #d5072c; } #page #primary .text_area .resource_entries .resource_entry ul.q_a li>div { max-height: 0; overflow: hidden; opacity: 0; -webkit-transition: max-height 0.2s, opacity 0.2s; transition: max-height 0.2s, opacity 0.2s; } #page #primary .text_area .resource_entries .resource_entry ul.q_a li.active:after { -webkit-transform: rotate(90deg); transform: rotate(90deg); } #page #primary .text_area .resource_entries .resource_entry ul.q_a li.active>div { opacity: 1; max-height: 800px; max-height: 50rem; -webkit-transition: max-height 0.2s, opacity 2s; transition: max-height 0.2s, opacity 2s; } #page #primary .text_area .resource_entries .resource_entry .btn { display: block; background: transparent; color: #000; border: 1px solid #484848; padding: 10px 15px; padding: 0.625rem 0.9375rem; margin: 40px auto 0; margin: 2.5rem auto 0; max-width: 215px; max-width: 13.4375rem; } @media screen and (max-width: 619px) { #page #primary .text_area .resource_entries .resource_entry .btn { max-width: none; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 20px auto 0; margin: 1.25rem auto 0; } } #page #primary .text_area .wpcf7-form p { margin: 0; } #page #primary .text_area .wpcf7-form img { width: auto; } #page #primary .text_area .wpcf7-form input[type="text"], #page #primary .text_area .wpcf7-form input[type="email"], #page #primary .text_area .wpcf7-form input[type="tel"], #page #primary .text_area .wpcf7-form textarea { border: 1px solid #D9D9D9; color: #000000; font-size: 15.36px; font-size: 0.96rem; line-height: 16px; line-height: 1rem; padding: 5px 15px; padding: 0.3125rem 0.9375rem; font-family: "Oxygen", sans-serif !important; width: 98.5%; height: 42px; height: 2.625rem; margin-bottom: 10px; margin-bottom: 0.625rem; -webkit-box-sizing: border-box; box-sizing: border-box; } @media screen and (max-width: 619px) { #page #primary .text_area .wpcf7-form input[type="text"], #page #primary .text_area .wpcf7-form input[type="email"], #page #primary .text_area .wpcf7-form input[type="tel"], #page #primary .text_area .wpcf7-form textarea { width: 100%; -webkit-appearance: none; border-radius: 0; } } #page #primary .text_area .wpcf7-form input[type="text"]::-webkit-input-placeholder, #page #primary .text_area .wpcf7-form input[type="email"]::-webkit-input-placeholder, #page #primary .text_area .wpcf7-form input[type="tel"]::-webkit-input-placeholder, #page #primary .text_area .wpcf7-form textarea::-webkit-input-placeholder { color: #000; opacity: 1; } #page #primary .text_area .wpcf7-form input[type="text"]:-moz-placeholder, #page #primary .text_area .wpcf7-form input[type="email"]:-moz-placeholder, #page #primary .text_area .wpcf7-form input[type="tel"]:-moz-placeholder, #page #primary .text_area .wpcf7-form textarea:-moz-placeholder { color: #000; opacity: 1; } #page #primary .text_area .wpcf7-form input[type="text"]::-moz-placeholder, #page #primary .text_area .wpcf7-form input[type="email"]::-moz-placeholder, #page #primary .text_area .wpcf7-form input[type="tel"]::-moz-placeholder, #page #primary .text_area .wpcf7-form textarea::-moz-placeholder { color: #000; opacity: 1; } #page #primary .text_area .wpcf7-form input[type="text"]:-ms-input-placeholder, #page #primary .text_area .wpcf7-form input[type="email"]:-ms-input-placeholder, #page #primary .text_area .wpcf7-form input[type="tel"]:-ms-input-placeholder, #page #primary .text_area .wpcf7-form textarea:-ms-input-placeholder { color: #000; opacity: 1; } #page #primary .text_area .wpcf7-form input[name="first-name"], #page #primary .text_area .wpcf7-form input[name="last-name"], #page #primary .text_area .wpcf7-form input[name="email"], #page #primary .text_area .wpcf7-form input[name="phone"], #page #primary .text_area .wpcf7-form .half { width: 48% !important; } @media screen and (max-width: 619px) { #page #primary .text_area .wpcf7-form input[name="first-name"], #page #primary .text_area .wpcf7-form input[name="last-name"], #page #primary .text_area .wpcf7-form input[name="email"], #page #primary .text_area .wpcf7-form input[name="phone"], #page #primary .text_area .wpcf7-form .half { width: 100% !important; } } #page #primary .text_area .wpcf7-form input[name="last-name"], #page #primary .text_area .wpcf7-form input[name="phone"], #page #primary .text_area .wpcf7-form .m10 { margin-left: 10px; margin-left: 0.625rem; } @media screen and (max-width: 619px) { #page #primary .text_area .wpcf7-form input[name="last-name"], #page #primary .text_area .wpcf7-form input[name="phone"], #page #primary .text_area .wpcf7-form .m10 { margin-left: 0; } } #page #primary .text_area .wpcf7-form textarea { width: 100%; height: 95px; height: 5.9375rem; margin-bottom: 0; resize: none; } #page #primary .text_area .wpcf7-form input[type="submit"] { font-family: "Oxygen", sans-serif; background: #d5072c; display: block; color: #fff; border: none; text-transform: uppercase; width: 100%; cursor: pointer; } @media screen and (max-width: 619px) { #page #primary .text_area .wpcf7-form input[type="submit"] { border-radius: 0; -webkit-appearance: none; } } #page #primary .text_area .featured_attorneys { margin-top: 100px; margin-top: 6.25rem; position: relative; padding-bottom: 35px; padding-bottom: 2.1875rem; margin-bottom: 65px; margin-bottom: 4.0625rem; } @media screen and (max-width: 619px) { #page #primary .text_area .featured_attorneys { margin-bottom: 0; margin-bottom: 0; padding-bottom: 65px; padding-bottom: 4.0625rem; } } #page #primary .text_area .featured_attorneys b { margin-bottom: 60px; margin-bottom: 3.75rem; } @media screen and (max-width: 619px) { #page #primary .text_area .featured_attorneys b { margin-bottom: 40px; margin-bottom: 2.5rem; } } #page #primary .text_area .featured_attorneys blockquote { font-family: "Playfair Display", serif; font-size: 23.04px; font-size: 1.44rem; line-height: 34px; line-height: 2.125rem; color: #333333; } @media screen and (max-width: 619px) { #page #primary .text_area .featured_attorneys blockquote { line-height: 24px; line-height: 1.5rem; font-size: 17.28px; font-size: 1.08rem; } } #page #primary .text_area .featured_attorneys ul { font-size: 0; } #page #primary .text_area .featured_attorneys ul li { display: inline-block; width: 415px; width: 25.9375rem; height: 415px; height: 25.9375rem; margin: 0 10px 140px 0; margin: 0 0.625rem 8.75rem 0; vertical-align: top; } #page #primary .text_area .featured_attorneys ul li:first-child { margin-right: 50px; margin-right: 3.125rem; } @media screen and (max-width: 619px) { #page #primary .text_area .featured_attorneys ul li { width: 100%; height: auto; margin: 0 0 30px; margin: 0 0 1.875rem; } #page #primary .text_area .featured_attorneys ul li:first-child { margin-right: 0; } } #page #primary .text_area .featured_attorneys ul li img { width: 100%; -webkit-filter: grayscale(100%); filter: grayscale(100%); } #page #primary .text_area .featured_attorneys ul li h5 { padding-left: 20px; padding-left: 1.25rem; font-weight: 500; font-size: 17.28px; font-size: 1.08rem; color: #2F2F2F; margin: 25px 0 5px; margin: 1.5625rem 0 0.3125rem; text-transform: uppercase; } @media screen and (max-width: 619px) { #page #primary .text_area .featured_attorneys ul li h5 { margin: 20px 0 5px; margin: 1.25rem 0 0.3125rem; } } #page #primary .text_area .featured_attorneys ul li span { padding-left: 20px; padding-left: 1.25rem; font-family: "Playfair Display", serif; font-style: italic; color: #000; font-size: 17.28px; font-size: 1.08rem; line-height: 16px; line-height: 1rem; } #page #primary .text_area .featured_attorneys:after { width: 100%; height: 1px; background: #C8C8C8; bottom: 0; } #page #primary .text_area .history { margin-top: 100px; margin-top: 6.25rem; position: relative; padding-bottom: 35px; padding-bottom: 2.1875rem; margin-bottom: 65px; margin-bottom: 4.0625rem; } #page #primary .text_area .history b { margin-bottom: 60px; margin-bottom: 3.75rem; } #page #primary .text_area .history blockquote { font-family: "Playfair Display", serif; font-size: 23.04px; font-size: 1.44rem; line-height: 34px; line-height: 2.125rem; color: #333333; } #page #primary .text_area .history .iso_list { width: 100%; } #page #primary .text_area .history .iso_list .gutter_sizer { width: 2.5%; } @media screen and (max-width: 619px) { #page #primary .text_area .history .iso_list .gutter_sizer { width: 0; } } #page #primary .text_area .history .iso_list .grid_sizer { width: 30%; } @media screen and (max-width: 619px) { #page #primary .text_area .history .iso_list .grid_sizer { width: 100%; } } #page #primary .text_area .history .iso_list .list_item { float: left; line-height: 16px; line-height: 1rem; width: 30%; min-height: 57px; min-height: 3.5625rem; -webkit-box-sizing: border-box; box-sizing: border-box; border-bottom: 1px solid #E2E2E2; padding: 10px 0; padding: 0.625rem 0; } @media screen and (max-width: 619px) { #page #primary .text_area .history .iso_list .list_item { width: 100%; } } #page #primary .text_area .history .iso_list .list_item span { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } #page #primary .text_area .history .iso_list .list_item>a { font-size: 15.36px; font-size: 0.96rem; line-height: 18px; line-height: 1.125rem; padding-right: 10px; padding-right: 0.625rem; display: block; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } #page #primary .text_area .history .iso_list .list_item>a:after { width: 13px; width: 0.8125rem; height: 13px; height: 0.8125rem; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 0; background: url("/wp-content/themes/tjh-theme/img/arrow_red.svg") no-repeat center center; background-size: contain !important; } #page #primary .text_area .history:after { width: 100%; height: 1px; background: #C8C8C8; bottom: 0; } #page #primary .text_area .testimonials_list li { padding: 50px 0 60px; padding: 3.125rem 0 3.75rem; position: relative; } #page #primary .text_area .testimonials_list li p { font-family: "Playfair Display", serif; font-size: 26.88px; font-size: 1.68rem; line-height: 37px; line-height: 2.3125rem; margin: 0 0 10px; margin: 0 0 0.625rem; } #page #primary .text_area .testimonials_list li span { color: #333333; font-size: 17.28px; font-size: 1.08rem; line-height: 28px; line-height: 1.75rem; } #page #primary .text_area .testimonials_list li:first-child { padding-top: 0; } #page #primary .text_area .testimonials_list li:after { width: 100%; height: 1px; background: #C8C8C8; bottom: 0; } #page #advanced-search h4 { color: #000; font-weight: 700; font-size: 11.52px; font-size: 0.72rem; margin: 0 0 20px; margin: 0 0 1.25rem; text-transform: uppercase; } #page #advanced-search .posts_filter_form { float: none; } #page #advanced-search .posts_filter_form .clear { margin: 10px 0; margin: 0.625rem 0; } @media screen and (max-width: 619px) { #page #advanced-search .posts_filter_form .clear { margin: 0; } } #page #advanced-search .posts_filter_form input[type=text] { float: none; width: 100%; } #page #advanced-search .posts_filter_form input[type=submit] { position: relative; width: 100%; height: 43px; height: 2.6875rem; background: #000; color: #fff; right: auto; bottom: auto; margin-top: 40px; margin-top: 2.5rem; } @media screen and (max-width: 619px) { #page #advanced-search .posts_filter_form .select_wrap { margin: 10px 0; margin: 0.625rem 0; } } #page #advanced-search .posts_filter_form .select_wrap .right { float: right; } .single .blogpost.content_area .sub_wrap, .page .content_area .sub_wrap, .blog .content_area .sub_wrap, .search .content_area .sub_wrap, .archive .content_area .sub_wrap, .error404 .content_area .sub_wrap { overflow: hidden; margin-top: 330px; margin-top: 20.625rem; } .event-template-default .content_area .sub_wrap { margin-top: 6.65rem; } .single .nonblogpost.content_area .sub_wrap { margin-top: 109px; } .single .content_area .sub_wrap .page_banner, .page .content_area .sub_wrap .page_banner, .blog .content_area .sub_wrap .page_banner, .event-template-default .content_area .sub_wrap .page_banner, .search .content_area .sub_wrap .page_banner, .archive .content_area .sub_wrap .page_banner, .error404 .content_area .sub_wrap .page_banner { width: 1069px; width: 71.8125rem; margin-left: 355px; margin-left: 22.1875rem; } @media screen and (min-width: 1440px) { .single .content_area .sub_wrap .page_banner, .page .content_area .sub_wrap .page_banner, .blog .content_area .sub_wrap .page_banner, .event-template-default .content_area .sub_wrap .page_banner, .search .content_area .sub_wrap .page_banner, .archive .content_area .sub_wrap .page_banner, .error404 .content_area .sub_wrap .page_banner { width: 75%; margin-left: 25%; overflow: hidden; max-height: 535px; max-height: 33.4375rem; } } @media screen and (max-width: 619px) { .single .content_area .sub_wrap .page_banner, .page .content_area .sub_wrap .page_banner, .blog .content_area .sub_wrap .page_banner, .event-template-default .content_area .sub_wrap .page_banner, .search .content_area .sub_wrap .page_banner, .archive .content_area .sub_wrap .page_banner, .error404 .content_area .sub_wrap .page_banner { width: 100%; margin-left: 0; } } .single .content_area .sub_wrap .widget_text:not(.widget_contact):not(.widget_request), .page .content_area .sub_wrap .widget_text:not(.widget_contact):not(.widget_request), .blog .content_area .sub_wrap .widget_text:not(.widget_contact):not(.widget_request), .event-template-default .content_area .sub_wrap .widget_text:not(.widget_contact):not(.widget_request), .search .content_area .sub_wrap .widget_text:not(.widget_contact):not(.widget_request), .archive .content_area .sub_wrap .widget_text:not(.widget_contact):not(.widget_request), .error404 .content_area .sub_wrap .widget_text:not(.widget_contact):not(.widget_request) { display: inline-block; vertical-align: top; margin-top: 40px; margin-top: 2.5rem; width: 32%; margin-right: 1%; } @media screen and (max-width: 619px) { .single .content_area .sub_wrap .widget_text:not(.widget_contact):not(.widget_request), .page .content_area .sub_wrap .widget_text:not(.widget_contact):not(.widget_request), .blog .content_area .sub_wrap .widget_text:not(.widget_contact):not(.widget_request), .event-template-default .content_area .sub_wrap .widget_text:not(.widget_contact):not(.widget_request), .search .content_area .sub_wrap .widget_text:not(.widget_contact):not(.widget_request), .archive .content_area .sub_wrap .widget_text:not(.widget_contact):not(.widget_request), .error404 .content_area .sub_wrap .widget_text:not(.widget_contact):not(.widget_request) { width: 100%; margin-right: 0; } } .single .content_area .sub_wrap .widget_text:not(.widget_contact):not(.widget_request) h2, .page .content_area .sub_wrap .widget_text:not(.widget_contact):not(.widget_request) h2, .blog .content_area .sub_wrap .widget_text:not(.widget_contact):not(.widget_request) h2, .event-template-default .content_area .sub_wrap .widget_text:not(.widget_contact):not(.widget_request) h2, .search .content_area .sub_wrap .widget_text:not(.widget_contact):not(.widget_request) h2, .archive .content_area .sub_wrap .widget_text:not(.widget_contact):not(.widget_request) h2, .error404 .content_area .sub_wrap .widget_text:not(.widget_contact):not(.widget_request) h2 { font-size: 42.24px; font-size: 2.64rem; font-family: "Playfair Display", serif; letter-spacing: 0; } .single .content_area .sub_wrap .widget_text:not(.widget_contact):not(.widget_request) h4, .page .content_area .sub_wrap .widget_text:not(.widget_contact):not(.widget_request) h4, .blog .content_area .sub_wrap .widget_text:not(.widget_contact):not(.widget_request) h4, .event-template-default .content_area .sub_wrap .widget_text:not(.widget_contact):not(.widget_request) h4, .search .content_area .sub_wrap .widget_text:not(.widget_contact):not(.widget_request) h4, .archive .content_area .sub_wrap .widget_text:not(.widget_contact):not(.widget_request) h4, .error404 .content_area .sub_wrap .widget_text:not(.widget_contact):not(.widget_request) h4 { font-size: 13.44px !important; font-size: 0.84rem !important; line-height: 14px !important; line-height: 0.875rem !important; color: #d5072c; text-transform: uppercase; padding-bottom: 20px; padding-bottom: 1.25rem; margin-bottom: 25px !important; margin-bottom: 1.5625rem !important; border-bottom: 1px solid #c8c8c8; } .single .content_area .sub_wrap .widget_nav_menu, .page .content_area .sub_wrap .widget_nav_menu, .blog .content_area .sub_wrap .widget_nav_menu, .event-template-default .content_area .sub_wrap .widget_nav_menu, .search .content_area .sub_wrap .widget_nav_menu, .archive .content_area .sub_wrap .widget_nav_menu, .error404 .content_area .sub_wrap .widget_nav_menu { display: none; } @media screen and (max-width: 619px) { .single .content_area .sub_wrap, .page .content_area .sub_wrap, .blog .content_area .sub_wrap, .event-template-default .content_area .sub_wrap, .search .content_area .sub_wrap, .archive .content_area .sub_wrap, .error404 .content_area .sub_wrap { margin-top: 75px !important; margin-top: 4.6875rem !important; padding: 0 30px; padding: 0 1.875rem; } } .error404 .hentry { min-height: 550px; min-height: 34.375rem; } .error404 .content_area { margin-top: 95px; margin-top: 5.9375rem; } .search #page #primary .text_area .hentry h2, .archive #page #primary .text_area .hentry h2, .blog #page #primary .text_area .hentry h2 { font-family: "Playfair Display", serif; font-size: 61.44px; font-size: 3.84rem; line-height: 74px; line-height: 4.625rem; color: #333333; margin: 0 0 80px; margin: 0 0 5rem; letter-spacing: 0; text-transform: capitalize; } @media screen and (max-width: 619px) { .search #page #primary .text_area .hentry h2, .archive #page #primary .text_area .hentry h2, .blog #page #primary .text_area .hentry h2 { font-size: 36.48px; font-size: 2.28rem; line-height: 40px; line-height: 2.5rem; margin: 0 0 30px; margin: 0 0 1.875rem; } } .blog .content_area:not(.with_banner) { margin-top: 95px; margin-top: 5.9375rem; } .single .content_area:not(.with_banner) .page_banner h1, .single .content_area:not(.with_banner) .page_banner h2, .blog .content_area:not(.with_banner) .page_banner h1, .blog .content_area:not(.with_banner) .page_banner h2 { display: none; } .single-attorney .content_area .sidebar_area img { width: 100%; -webkit-filter: grayscale(100%); filter: grayscale(100%); } .single-attorney .content_area .sidebar_area>.btn { font-family: "Oxygen", sans-serif; background: #d5072c; display: block; margin: 60px 0 20px; margin: 3.75rem 0 1.25rem; padding: 11px 0; padding: 0.6875rem 0; } .single-attorney .content_area .sidebar_area>.btn.empty { margin: 0 0 80px; margin: 0 0 5rem; background: transparent; color: #000; border: 1px solid #484848; padding: 10px 0; padding: 0.625rem 0; } @media screen and (max-width: 619px) { .single-attorney .content_area .sidebar_area>.btn.empty { margin: 0 0 40px; margin: 0 0 2.5rem; } } .single-attorney .content_area .widget_contact { max-width: none; } @media screen and (max-width: 619px) { .page-template-page-gform { padding-top: 0; } } .page-template-page-gform .awards_wrapper { margin-bottom: 0; background: #f6f6f6; width: 100%; } .page-template-page-gform a.btn.red { font-family: "Oxygen", sans-serif; background: #d5072c; display: block; color: #fff; border: none; text-transform: uppercase; width: 470px; width: 29.375rem; cursor: pointer; margin: 60px auto 75px; margin: 3.75rem auto 4.6875rem; padding: 15px 0; padding: 0.9375rem 0; } @media screen and (max-width: 619px) { .page-template-page-gform a.btn.red { width: 90%; font-size: 11.52px; font-size: 0.72rem; margin: 30px auto 75px; margin: 1.875rem auto 4.6875rem; } } .page-template-page-gform .bg_wrap { padding: 90px 130px 110px; padding: 5.625rem 8.125rem 6.875rem; background-color: #1F1F1F; background-size: cover; background-repeat: no-repeat; background-position: top center; color: #fff; } @media screen and (max-width: 619px) { .page-template-page-gform .bg_wrap { padding: 60px 20px; padding: 3.75rem 1.25rem; background-size: contain; } } .page-template-page-gform .bg_wrap .left { width: 420px; width: 26.25rem; } @media screen and (max-width: 619px) { .page-template-page-gform .bg_wrap .left { width: auto; } } .page-template-page-gform .bg_wrap .left h1 { font-size: 47.04px; font-size: 2.94rem; line-height: 59px; line-height: 3.6875rem; margin-top: 0; font-family: "Playfair Display", serif; text-transform: uppercase; margin-bottom: 35px; margin-bottom: 2.1875rem; } .page-template-page-gform .bg_wrap .left h3 { font-size: 36.48px; font-size: 2.28rem; line-height: 40px; line-height: 2.5rem; margin-top: 110px; margin-top: 6.875rem; font-family: "Playfair Display", serif; margin-bottom: 35px; margin-bottom: 2.1875rem; } .page-template-page-gform .bg_wrap .left h4 { font-size: 13.44px; font-size: 0.84rem; margin-top: 0; margin-bottom: 25px; margin-bottom: 1.5625rem; text-transform: uppercase; } .page-template-page-gform .bg_wrap .left p { font-family: "Playfair Display", serif; font-size: 26.88px; font-size: 1.68rem; line-height: 40px; line-height: 2.5rem; } .page-template-page-gform .bg_wrap .left ul { font-family: "Playfair Display", serif; font-size: 21.12px; font-size: 1.32rem; line-height: 56px; line-height: 3.5rem; border-top: 1px solid rgba(255, 255, 255, 0.13); } .page-template-page-gform .bg_wrap .left ul li { border-bottom: 1px solid rgba(255, 255, 255, 0.13); } .page-template-page-gform .bg_wrap .right { width: 660px; width: 41.25rem; padding: 70px 85px 105px; padding: 4.375rem 5.3125rem 6.5625rem; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: white; color: #19212A; } @media screen and (max-width: 619px) { .page-template-page-gform .bg_wrap .right { width: 100%; margin-top: 35px; margin-top: 2.1875rem; padding: 40px 20px; padding: 2.5rem 1.25rem; } } .page-template-page-gform .bg_wrap .right h2 { font-size: 48px; font-size: 3rem; line-height: 1; margin-top: 35px; margin-top: 2.1875rem; font-family: "Playfair Display", serif; margin-bottom: 15px; margin-bottom: 0.9375rem; color: #d5072c; } .page-template-page-gform .bg_wrap .right h3 { font-size: 44.16px; font-size: 2.76rem; line-height: 56px; line-height: 3.5rem; margin-top: 0; letter-spacing: 0; font-family: "Playfair Display", serif; margin-bottom: 35px; margin-bottom: 2.1875rem; } .page-template-page-gform .bg_wrap .right p.red { font-size: 22.08px; font-size: 1.38rem; line-height: 33px; line-height: 2.0625rem; margin-top: 0; font-family: "Playfair Display", serif; color: #d5072c; margin-bottom: 45px; margin-bottom: 2.8125rem; } .page-template-page-gform .bg_wrap .right .wpcf7-form p:not(.text) { margin: 0; } .page-template-page-gform .bg_wrap .right .wpcf7-form input[type="text"], .page-template-page-gform .bg_wrap .right .wpcf7-form input[type="email"], .page-template-page-gform .bg_wrap .right .wpcf7-form input[type="tel"], .page-template-page-gform .bg_wrap .right .wpcf7-form textarea { border: 1px solid #DADADA; background: transparent; color: #000000; font-size: 15.36px; font-size: 0.96rem; line-height: 16px; line-height: 1rem; padding: 5px 15px; padding: 0.3125rem 0.9375rem; font-family: "Oxygen", sans-serif !important; width: 100%; margin-bottom: 10px; margin-bottom: 0.625rem; -webkit-box-sizing: border-box; box-sizing: border-box; height: 42px; height: 2.625rem; } @media screen and (max-width: 619px) { .page-template-page-gform .bg_wrap .right .wpcf7-form input[type="text"], .page-template-page-gform .bg_wrap .right .wpcf7-form input[type="email"], .page-template-page-gform .bg_wrap .right .wpcf7-form input[type="tel"], .page-template-page-gform .bg_wrap .right .wpcf7-form textarea { width: 100%; -webkit-appearance: none; border-radius: 0; } } .page-template-page-gform .bg_wrap .right .wpcf7-form input[type="text"]::-webkit-input-placeholder, .page-template-page-gform .bg_wrap .right .wpcf7-form input[type="email"]::-webkit-input-placeholder, .page-template-page-gform .bg_wrap .right .wpcf7-form input[type="tel"]::-webkit-input-placeholder, .page-template-page-gform .bg_wrap .right .wpcf7-form textarea::-webkit-input-placeholder { color: #000000; opacity: 1; } .page-template-page-gform .bg_wrap .right .wpcf7-form input[type="text"]:-moz-placeholder, .page-template-page-gform .bg_wrap .right .wpcf7-form input[type="email"]:-moz-placeholder, .page-template-page-gform .bg_wrap .right .wpcf7-form input[type="tel"]:-moz-placeholder, .page-template-page-gform .bg_wrap .right .wpcf7-form textarea:-moz-placeholder { color: #000000; opacity: 1; } .page-template-page-gform .bg_wrap .right .wpcf7-form input[type="text"]::-moz-placeholder, .page-template-page-gform .bg_wrap .right .wpcf7-form input[type="email"]::-moz-placeholder, .page-template-page-gform .bg_wrap .right .wpcf7-form input[type="tel"]::-moz-placeholder, .page-template-page-gform .bg_wrap .right .wpcf7-form textarea::-moz-placeholder { color: #000000; opacity: 1; } .page-template-page-gform .bg_wrap .right .wpcf7-form input[type="text"]:-ms-input-placeholder, .page-template-page-gform .bg_wrap .right .wpcf7-form input[type="email"]:-ms-input-placeholder, .page-template-page-gform .bg_wrap .right .wpcf7-form input[type="tel"]:-ms-input-placeholder, .page-template-page-gform .bg_wrap .right .wpcf7-form textarea:-ms-input-placeholder { color: #000000; opacity: 1; } .page-template-page-gform .bg_wrap .right .wpcf7-form input[name="first-name"], .page-template-page-gform .bg_wrap .right .wpcf7-form input[name="last-name"], .page-template-page-gform .bg_wrap .right .wpcf7-form input[name="email"], .page-template-page-gform .bg_wrap .right .wpcf7-form input[name="phone"] { width: 47.5%; } @media screen and (max-width: 619px) { .page-template-page-gform .bg_wrap .right .wpcf7-form input[name="first-name"], .page-template-page-gform .bg_wrap .right .wpcf7-form input[name="last-name"], .page-template-page-gform .bg_wrap .right .wpcf7-form input[name="email"], .page-template-page-gform .bg_wrap .right .wpcf7-form input[name="phone"] { width: 100%; } } .page-template-page-gform .bg_wrap .right .wpcf7-form input[name="last-name"], .page-template-page-gform .bg_wrap .right .wpcf7-form input[name="phone"] { margin-left: 5%; } @media screen and (max-width: 619px) { .page-template-page-gform .bg_wrap .right .wpcf7-form input[name="last-name"], .page-template-page-gform .bg_wrap .right .wpcf7-form input[name="phone"] { margin-left: 0; } } .page-template-page-gform .bg_wrap .right .wpcf7-form textarea { height: 180px; height: 11.25rem; padding: 15px; padding: 0.9375rem; resize: none; } .page-template-page-gform .bg_wrap .right .wpcf7-form input[type="submit"] { font-family: "Oxygen", sans-serif; background: #d5072c; display: block; color: #fff; border: none; text-transform: uppercase; width: 100%; cursor: pointer; margin: 0; padding: 15px 0; padding: 0.9375rem 0; } @media screen and (max-width: 619px) { .page-template-page-gform .bg_wrap .right .wpcf7-form input[type="submit"] { font-size: 11.52px; font-size: 0.72rem; border-radius: 0; -webkit-appearance: none; } } .page-template-page-gform .bg_wrap .right .wpcf7-form .wpcf7-response-output { display: none !important; } .menu_up .page-template-page-thank-you .page_banner { margin-top: 65px; margin-top: 4.0625rem; } .page-template-page-thank-you .page_banner { margin-top: 185px; margin-top: 11.5625rem; } @media screen and (max-width: 619px) { .page-template-page-thank-you .page_banner { margin-top: 40px; margin-top: 2.5rem; } } .page-template-page-thank-you .sub_wrap { margin-top: 0 !important; } .page-template-page-thank-you .sub_wrap>h3 { font-size: 15.36px; font-size: 0.96rem; line-height: 20px; line-height: 1.25rem; letter-spacing: 2px; letter-spacing: 0.125rem; text-transform: uppercase; font-weight: 500; text-align: center; margin-bottom: 90px; margin-bottom: 5.625rem; } @media screen and (max-width: 619px) { .page-template-page-thank-you .sub_wrap>h3 { margin-bottom: 45px; margin-bottom: 2.8125rem; } } .page-template-page-thank-you .sub_wrap .slider.accolades { margin-bottom: 90px; margin-bottom: 5.625rem; } .page-template-page-events .content_area .sidebar_area .btn, .single-event .content_area .sidebar_area .btn { border: 2px solid #3D78D4; color: #3D78D4; background: transparent; display: block; margin-top: 55px; margin-top: 3.4375rem; padding: 9px 0px; padding: 0.5625rem 0px; } @media screen and (max-width: 619px) { .page-template-page-events .content_area .sidebar_area .btn, .single-event .content_area .sidebar_area .btn { width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; } } .home_locations { position: relative; padding-top: 65px; padding-top: 4.0625rem; margin: 70px auto 0; margin: 4.375rem auto 0; -webkit-box-sizing: border-box; box-sizing: border-box; width: 1248px; width: 78rem; } .home_locations>.custom_pager { display: none; } @media screen and (max-width: 619px) { .home_locations { margin-top: 4rem !important; width: 80%; } .home_locations>h2 { position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .home_locations>.custom_pager { display: block; position: absolute; bottom: 0.6rem; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .home_locations>.custom_pager>span { display: inline-block; vertical-align: middle; width: 0.35rem; height: 0.35rem; border-radius: 0.35rem; background-color: transparent; border: 1px solid #333; font-size: 0; line-height: 0; margin: 0 0.1rem; } .home_locations>.custom_pager>.cycle-pager-active { background-color: #333; } } .home_locations:after { width: 100%; height: 10px; height: 0.625rem; background: #000; top: 0; } .home_locations>h2 { text-align: center; text-transform: uppercase; font-size: 15.36px; font-size: 0.96rem; letter-spacing: 2px; letter-spacing: 0.125rem; margin-bottom: 70px; margin-bottom: 4.375rem; font-weight: 500; } .home_locations .location { width: 405px; width: 18.48rem; padding: 20px 0 40px; padding: 1.25rem 0 2.5rem; background: #fff; margin-left: 15px; margin-left: 0.9375rem; } @media screen and (max-width: 619px) { .home_locations .location { width: 100%; margin-left: 0; margin-bottom: 30px; margin-bottom: 1.875rem; } } .home_locations .location:first-of-type { margin-left: 0; } .home_locations .location>.wrap { width: 80%; margin: 0 auto; } .home_locations .location h3 { margin-top: 0; margin-bottom: 30px; margin-bottom: 1.875rem; font-size: 1.8rem; line-height: 38px; line-height: 2.375rem; letter-spacing: 0; font-family: "Playfair Display", serif; font-weight: 700; color: #000; } @media screen and (max-width: 619px) { .home_locations .location img { width: 100%; } } .home_locations .location img { margin-bottom: 35px; margin-bottom: 2.1875rem; } .home_locations .location p { font-size: 15.36px; font-size: 0.96rem; line-height: 27px; line-height: 1.6875rem; margin-bottom: 0; } .home_locations .location p span { font-weight: 700; color: #262626; position: relative; display: block; } .home_locations .location p span.tel { color: #d5072c; font-size: 1.7rem; margin-bottom: 25px; margin-bottom: 1.5625rem; font-family: "Playfair Display", serif; padding-left: 44px; padding-left: 2.75rem; } .home_locations .location p span.tel:before { width: 24px; width: 1.5rem; height: 24px; height: 1.5rem; position: absolute; left: 0; background: url("/wp-content/themes/tjh-theme/img/red_tel.svg") no-repeat center center; background-size: contain !important; } .home_locations .location p span.address { padding-left: 20px; padding-left: 1.25rem; } .home_locations .location p span.address:before { width: 1px; height: 100%; background: #D0D0D0; position: absolute; left: 0; } .home_locations .location .btn { background: #d5072c; width: 100%; margin-top: 40px; margin-top: 2.5rem; font-size: 0.65rem; } .page-template-page-locations .locations { position: relative; padding-bottom: 70px; padding-bottom: 4.375rem; } .page-template-page-locations .locations:after { width: 100%; height: 1px; background: #C8C8C8; bottom: 0; } .page-template-page-locations .locations .location { width: 12.5rem; margin-left: 1rem; } @media screen and (max-width: 619px) { .page-template-page-locations .locations { padding-bottom: 0; } .page-template-page-locations .locations .location { width: 100%; margin-left: 0; margin-bottom: 60px; margin-bottom: 3.75rem; } } .page-template-page-locations .locations .location:first-child { margin-left: 0; } .page-template-page-locations .locations .location h3 { margin-top: 0; margin-bottom: 1rem; font-size: 1.3rem; letter-spacing: 0; line-height: 38px; line-height: 2.375rem; font-family: "Playfair Display", serif; font-weight: 700; text-transform: uppercase; } .page-template-page-locations .locations .location>.location_img, .page-template-page-locations .locations .location h3>a { text-decoration: none; color: inherit; } .page-template-page-locations .locations .location>.location_img:focus, .page-template-page-locations .locations .location h3>a:focus { outline: 0; } @media screen and (max-width: 619px) { .page-template-page-locations .locations .location img { width: 100%; } } .page-template-page-locations .locations .location h4 { margin-top: 0; margin-bottom: 10px; margin-bottom: 0.625rem; font-size: 1.3rem; line-height: 27px; line-height: 1.6875rem; font-family: "Playfair Display", serif; font-weight: 700; color: #d5072c; } .page-template-page-locations .locations .location img { margin-bottom: 1rem; } .page-template-page-locations .locations .location p { font-size: 15.36px; font-size: 0.96rem; line-height: 27px; line-height: 1.6875rem; } .page-template-page-locations .locations .location p span { font-weight: 700; } .page-template-page-locations .locations .location .btn { background: #d5072c; width: 100%; margin-top: 1rem; margin-bottom: 1rem; } .page-template-page-locations .locations .location ul { margin: 1.5rem 0 0; } .page-template-page-locations .locations .location ul li { position: relative; padding-left: 10px; padding-left: 0; } .page-template-page-locations .locations .location ul li:before { width: 13px; width: 0.8125rem; height: 13px; height: 0.8125rem; left: 0; top: 5px; top: 0.3125rem; background: url("/wp-content/themes/tjh-theme/img/arrow_red.svg") no-repeat center center; background-size: contain !important; } .page-template-page-locations .locations .location ul li, .page-template-page-locations .locations .location ul li a { font-size: 15.36px; font-size: 0.96rem; font-weight: 700; } .page-template-page-locations .locations .location ul.links_list li { display: block; line-height: 44px; line-height: 2.75rem; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; border-bottom: 1px solid #E2E2E2; } .page-template-page-locations .locations .location ul.links_list li:before { display: none; } .page-template-page-locations .locations .location ul.links_list li:after { width: 13px; width: 0.8125rem; height: 13px; height: 0.8125rem; top: 15px; top: 0.9375rem; right: 20px; right: 0; background: url("/wp-content/themes/tjh-theme/img/arrow_red.svg") no-repeat center center; background-size: contain !important; } .page-template-page-locations .locations .location ul.links_list li:first-child { border-top: 1px solid #E2E2E2; } .page-template-page-locations .locations .location ul.links_list.no_links li:after { display: none; } .page-id-1563 .menu_item_firm-leadership>a, .page-id-9 .menu_item_attorneys>a { color: #d5072c !important; } .single-event .text_area>div>p:first-child>strong { text-transform: uppercase; margin: 10px 0; margin: 0.625rem 0; font-size: 21.12px; font-size: 1.32rem; } .single-event .event_locations { font-size: 0; margin-bottom: 115px; margin-bottom: 7.1875rem; padding-bottom: 295px; padding-bottom: 18.4375rem; position: relative; } @media screen and (max-width: 619px) { .single-event .event_locations { margin-bottom: 75px; margin-bottom: 4.6875rem; padding-bottom: 95px; padding-bottom: 5.9375rem; } } .single-event .event_locations .location { width: 415px; width: 25.9375rem; height: 415px; height: 25.9375rem; display: inline-block; margin: 0 5px 20px; margin: 0 0.3125rem 1.25rem; background-size: cover !important; text-align: center; color: #fff; position: relative; } @media screen and (max-width: 619px) { .single-event .event_locations .location { width: 100%; } } .single-event .event_locations .location h5 { font-size: 53.76px; font-size: 3.36rem; line-height: 70px; line-height: 4.375rem; font-family: "Playfair Display", serif; margin: 0; } @media screen and (max-width: 619px) { .single-event .event_locations .location h5 { font-size: 2.3rem; white-space: nowrap; } } .single-event .event_locations .location h6 { font-size: 15.36px; font-size: 0.96rem; line-height: 25px; line-height: 1.5625rem; margin-top: 55px; margin-top: 3.4375rem; margin-bottom: 10px; margin-bottom: 0.625rem; font-weight: 300; text-transform: uppercase; } .single-event .event_locations .location p { font-size: 15.36px; font-size: 0.96rem; line-height: 25px; line-height: 1.5625rem; text-transform: uppercase; font-weight: 300; margin: 0; margin-top: 15px; margin-top: 0.9375rem; letter-spacing: 2px; letter-spacing: 0.125rem; } .single-event .event_locations .location>div { width: 100%; height: 255px; height: 15.9375rem; background: #F6F6F6; position: absolute; bottom: -255px; bottom: -15.9375rem; font-size: 23.04px; font-size: 1.44rem; line-height: 32px; line-height: 2rem; color: #000; padding: 60px 75px; padding: 3.75rem 4.6875rem; -webkit-box-sizing: border-box; box-sizing: border-box; font-weight: 300; font-family: "Playfair Display", serif; } @media screen and (max-width: 619px) { .single-event .event_locations .location>div { display: none; } } .single-event .event_locations .location .btn { position: absolute; left: 0; right: 0; margin: 0 auto; background: #3D78D4; width: 270px; width: 16.875rem; bottom: 30px; bottom: 1.875rem; } .single-event .event_locations:after { width: 100%; height: 1px; background: #C8C8C8; bottom: 0; } .single-event .event_register { width: 850px; width: 53.125rem; font-size: 0; margin: 50px 0 100px; margin: 3.125rem 0 6.25rem; } @media screen and (max-width: 619px) { .single-event .event_register { width: 100%; } } .single-event .event_register .event_register_content { padding: 63px 40px; padding: 3.90625rem 2.5rem; width: 100%; height: 375px; height: 23.4375rem; -webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block; vertical-align: top; background-size: cover !important; } @media screen and (max-width: 619px) { .single-event .event_register .event_register_content { width: 100%; padding-left: 10%; padding-right: 10%; } } .single-event .event_register .event_register_content h5 { color: #fff; font-size: 13.44px; font-size: 0.84rem; margin: 0 0 10px; margin: 0 0 0.625rem; font-weight: 300; text-transform: uppercase; } .single-event .event_register .event_register_content h2 { font-family: "Playfair Display", serif; color: #fff; font-size: 46.08px; font-size: 2.88rem; line-height: 54px; line-height: 3.375rem; margin: 0 0 25px; margin: 0 0 1.5625rem; } .single-event .event_register .event_register_content h4 { color: #fff; font-size: 13.44px; font-size: 0.84rem; margin: 0; font-weight: 300; text-transform: uppercase; } .single-event .event_register>img { display: inline-block; width: 420px; width: 26.25rem; height: 375px; height: 23.4375rem; vertical-align: top; } @media screen and (max-width: 619px) { .single-event .event_register>img { width: 100%; } } .single-event .event_register>.btn { margin: 0 0 45px; margin: 0 0 2.8125rem; background: #3D78D4; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 11px 20px; padding: 0.6875rem 1.25rem; } .single-event .event_info { padding-bottom: 90px; padding-bottom: 5.625rem; margin-bottom: 60px; margin-bottom: 3.75rem; position: relative; padding-top: 90px; padding-top: 5.625rem; } .single-event .event_info:before { width: 100%; height: 1px; background: #C8C8C8; top: 0; } .single-event .event_info:after { width: 100%; height: 1px; background: #C8C8C8; bottom: 0; } .single-event .event_map { width: 850px; width: 53.125rem; height: 380px; height: 23.75rem; margin: 90px 0 65px 0; margin: 5.625rem 0 4.0625rem 0; } @media screen and (max-width: 619px) { .single-event .event_map { width: 100%; } } .single-event .event_prizes { padding-bottom: 90px; padding-bottom: 5.625rem; margin-bottom: 60px; margin-bottom: 3.75rem; position: relative; } .single-event .event_prizes p { margin-bottom: 45px; margin-bottom: 2.8125rem; } .single-event .event_prizes ul li { color: #fff; margin-bottom: 10px; margin-bottom: 0.625rem; height: 83px; height: 5.1875rem; border-top: 1px solid #EEEEEE; border-bottom: 1px solid #EEEEEE; position: relative; line-height: 80px; line-height: 5rem; } .single-event .event_prizes ul li span { font-weight: 700; font-size: 13.44px; font-size: 0.84rem; background: #3D78D4; height: 100%; display: block; padding: 0 40px; padding: 0 2.5rem; } @media screen and (max-width: 619px) { .single-event .event_prizes ul li span { padding: 0 5%; } } .single-event .event_prizes ul li span b { font-family: "Playfair Display", serif; font-size: 23.04px; font-size: 1.44rem; font-weight: 400; float: right; } .single-event .event_prizes ul li:nth-child(2) span { width: 700px; width: 43.75rem; } @media screen and (max-width: 619px) { .single-event .event_prizes ul li:nth-child(2) span { width: 85%; } } .single-event .event_prizes ul li:nth-child(3) span { width: 700px; width: 37.5rem; } @media screen and (max-width: 619px) { .single-event .event_prizes ul li:nth-child(3) span { width: 70%; } } .single-event .event_prizes ul li:nth-child(4) span { width: 500px; width: 31.25rem; } @media screen and (max-width: 619px) { .single-event .event_prizes ul li:nth-child(4) span { width: 55%; } } .single-event .event_prizes ul li:nth-child(5) span { width: 400px; width: 25rem; } @media screen and (max-width: 619px) { .single-event .event_prizes ul li:nth-child(5) span { width: 40%; } } .single-event .event_prizes ul li:nth-child(6) span { width: 300px; width: 18.75rem; } @media screen and (max-width: 619px) { .single-event .event_prizes ul li:nth-child(6) span { width: 25%; } } .single-event .event_prizes ul li:nth-child(7) span { width: 200px; width: 12.5rem; } @media screen and (max-width: 619px) { .single-event .event_prizes ul li:nth-child(7) span { width: 10%; } } .single-event .event_prizes:after { width: 100%; height: 1px; background: #C8C8C8; bottom: 0; } .event_judges { padding-bottom: 90px; padding-bottom: 5.625rem; margin-bottom: 60px; margin-bottom: 3.75rem; position: relative; } .event_judges .guests { font-size: 0; } .event_judges .guests .guest { display: inline-block; margin: 25px; margin: 1.5625rem; width: 320px; width: 20rem; } .event_judges .guests .guest img { width: 100%; } .event_judges .guests .guest h4 { font-weight: 700; font-size: 13.44px; font-size: 0.84rem; margin: 30px 0 0 20px; margin: 1.875rem 0 0 1.25rem; } .event_judges .guests .guest h5 { color: #7A7A7A; font-size: 15.36px; font-size: 0.96rem; line-height: 28px; line-height: 1.75rem; margin: 0 0 0 20px; margin: 0 0 0 1.25rem; } .event_judges:after { width: 100%; height: 1px; background: #C8C8C8; bottom: 0; } .event_partners { margin-bottom: 140px; margin-bottom: 8.75rem; padding-bottom: 90px; padding-bottom: 5.625rem; margin-bottom: 60px; margin-bottom: 3.75rem; position: relative; } .event_partners:after { width: 100%; height: 1px; background: #C8C8C8; bottom: 0; } .event_partners .slider { text-align: center; } .event_faq { padding-bottom: 90px; padding-bottom: 5.625rem; margin-bottom: 60px; margin-bottom: 3.75rem; position: relative; } .event_faq ul { margin-top: 60px; margin-top: 3.75rem; } @media screen and (max-width: 619px) { .event_faq ul { margin-top: 20px; margin-top: 1.25rem; } } .event_faq ul li { padding-left: 45px; padding-left: 2.8125rem; padding-bottom: 30px; padding-bottom: 1.875rem; overflow: hidden; } @media screen and (max-width: 619px) { .event_faq ul li { padding-left: 0; } } .event_faq ul li span { display: block; } .event_faq ul li span:first-child { font-size: 13.44px; font-size: 0.84rem; font-weight: 700; cursor: pointer; display: block; background: #EEE; padding: 22px 40px; padding: 1.375rem 2.5rem; margin-bottom: 30px; margin-bottom: 1.875rem; } .event_faq ul li span:last-child { font-size: 17.28px; font-size: 1.08rem; color: #7A7A7A; visibility: hidden; max-height: 0; -webkit-transition: max-height 0.8s; transition: max-height 0.8s; padding: 0 40px; padding: 0 2.5rem; } .event_faq ul li.active span:last-child { visibility: visible; max-height: 550px; -webkit-transition: max-height 0.8s; transition: max-height 0.8s; } .event_faq:after { width: 100%; height: 1px; background: #C8C8C8; bottom: 0; } .event_gallery { padding-bottom: 90px; padding-bottom: 5.625rem; margin-bottom: 60px; margin-bottom: 3.75rem; position: relative; } .event_gallery .lightgallery img { margin: 4px; margin: 0.25rem; width: 162px; width: 10.125rem; } .event_gallery:after { width: 100%; height: 1px; background: #C8C8C8; bottom: 0; } .event_social { padding-bottom: 160px; padding-bottom: 10rem; margin-bottom: 60px; margin-bottom: 3.75rem; position: relative; } .event_social>a { display: inline-block; width: 36px; width: 2.25rem; height: 36px; height: 2.25rem; margin-right: 30px; margin-right: 1.875rem; } .event_social>a.fb { background: url("/wp-content/themes/tjh-theme/img/fb_black.svg") no-repeat center center; background-size: contain !important; } .event_social>a.twt { background: url("/wp-content/themes/tjh-theme/img/twt_black.svg") no-repeat center center; background-size: contain !important; } .event_social>a.gp { background: url("/wp-content/themes/tjh-theme/img/g_black.svg") no-repeat center center; background-size: contain !important; } .event_social>a.ld { background: url("/wp-content/themes/tjh-theme/img/ld_black.svg") no-repeat center center; background-size: contain !important; } .event_social>a.ig { background: url("/wp-content/themes/tjh-theme/img/ig_black.svg") no-repeat center center; background-size: contain !important; } .event_social>a.yt { background: url("/wp-content/themes/tjh-theme/img/ytb_black.svg") no-repeat center center; background-size: contain !important; } .event_social:after { width: 100%; height: 1px; background: #C8C8C8; bottom: 0; } .blog #page #primary .text_area .hentry, .single-post #page #primary .text_area .hentry, .single-news #page #primary .text_area .hentry { padding-bottom: 75px; padding-bottom: 4.6875rem; margin-bottom: 50px; margin-bottom: 3.125rem; } .blog #page #primary .text_area .hentry .meta, .single-post #page #primary .text_area .hentry .meta, .single-news #page #primary .text_area .hentry .meta { font-size: 13.44px; font-size: 0.84rem; font-family: "Playfair Display", serif; font-style: italic; line-height: 16px; line-height: 1rem; color: #000; text-transform: uppercase; display: block; margin-top: 35px; margin-top: 2.1875rem; } .blog #page #primary .text_area .hentry .meta small, .single-post #page #primary .text_area .hentry .meta small, .single-news #page #primary .text_area .hentry .meta small { font-size: 13.44px; font-size: 0.84rem; display: block; color: #8D8D8D; text-transform: none; } .blog #page #primary .text_area .hentry .external_video, .single-post #page #primary .text_area .hentry .external_video, .single-news #page #primary .text_area .hentry .external_video { margin: 30px 0; margin: 1.875rem 0; } .blog #page #primary .text_area .hentry .external_video .btn-video, .single-post #page #primary .text_area .hentry .external_video .btn-video, .single-news #page #primary .text_area .hentry .external_video .btn-video { position: relative; display: block; } .blog #page #primary .text_area .hentry .external_video .btn-video:before, .single-post #page #primary .text_area .hentry .external_video .btn-video:before, .single-news #page #primary .text_area .hentry .external_video .btn-video:before { display: block; margin: auto; cursor: pointer; z-index: 10; width: 92px; width: 5.75rem; height: 92px; height: 5.75rem; opacity: 1; -webkit-transition-delay: 0s; transition-delay: 0s; top: 0; left: 0; bottom: 0; right: 0; background: url("/wp-content/themes/tjh-theme/img/play.svg") no-repeat center center; background-size: contain !important; } .single-news .sub_wrap, .single-post .sub_wrap { overflow: visible !important; } .single-news .sub_wrap .text_area, .single-post .sub_wrap .text_area { position: relative; } .single-news .sub_wrap .text_area .breadcrumb, .single-post .sub_wrap .text_area .breadcrumb { max-width: 75%; } @media screen and (max-width: 619px) { .single-news .sub_wrap .text_area .breadcrumb, .single-post .sub_wrap .text_area .breadcrumb { max-width: none; } } .single-news .sub_wrap .text_area>.btn.empty, .single-post .sub_wrap .text_area>.btn.empty { color: #000; border: 1px solid #484848; position: absolute; top: -5px; top: -0.3125rem; right: 0; width: 200px; width: 12.5rem; } @media screen and (max-width: 619px) { .single-news .sub_wrap .text_area>.btn.empty, .single-post .sub_wrap .text_area>.btn.empty { display: none; } } .pagination { margin-bottom: 50px; margin-bottom: 3.125rem; } .pagination .nav-links { font-size: 0; } .pagination .nav-links .page-numbers { display: inline-block; font-weight: 700; font-size: 13.44px; font-size: 0.84rem; line-height: 26px; line-height: 1.625rem; color: #C8C8C8; width: 28px; width: 1.75rem; height: 28px; height: 1.75rem; text-align: center; } .pagination .nav-links .page-numbers.current { color: #fff; background: #d5072c; margin: 0 5px; margin: 0 0.3125rem; } .single-post #page #primary .text_area .slider.accolades, .single-areas #page #primary .text_area .slider.accolades, .page-template-default #page #primary .text_area .slider.accolades { width: 100%; } .single-post #page #primary .text_area .slider.accolades li>div.prize, .single-areas #page #primary .text_area .slider.accolades li>div.prize, .page-template-default #page #primary .text_area .slider.accolades li>div.prize { margin-top: 10%; } .single-post #page #primary .text_area .slider.accolades li>div.prize:before, .single-areas #page #primary .text_area .slider.accolades li>div.prize:before, .page-template-default #page #primary .text_area .slider.accolades li>div.prize:before { height: 215px; height: 13.4375rem; top: -45px; top: -2.8125rem; } .single-post #page #primary .text_area .slider.accolades li>div.facts, .single-areas #page #primary .text_area .slider.accolades li>div.facts, .page-template-default #page #primary .text_area .slider.accolades li>div.facts { bottom: 20%; } .single-post #page #primary .text_area .slider.accolades li h2, .single-areas #page #primary .text_area .slider.accolades li h2, .page-template-default #page #primary .text_area .slider.accolades li h2 { font-size: 51.84px; font-size: 3.24rem; line-height: 64px; line-height: 4rem; } @media screen and (max-width: 619px) { .single-post #page #primary .text_area .slider.accolades li h2, .single-areas #page #primary .text_area .slider.accolades li h2, .page-template-default #page #primary .text_area .slider.accolades li h2 { font-size: 36.48px; font-size: 2.28rem; line-height: 44px; line-height: 2.75rem; } } .single-post .text_area .blog_accolades { padding-bottom: 90px; padding-bottom: 5.625rem; margin-bottom: 60px; margin-bottom: 3.75rem; position: relative; } .single-post .text_area .blog_accolades .slider { margin-bottom: 0; } .single-post .text_area .blog_accolades:after { width: 100%; height: 1px; background: #C8C8C8; bottom: 0; } .single-areas .text_area .tabs { padding-bottom: 90px; padding-bottom: 5.625rem; margin-bottom: 60px; margin-bottom: 3.75rem; position: relative; } .single-areas .text_area .tabs:after { width: 100%; height: 1px; background: #C8C8C8; bottom: 0; } .single-areas .text_area .tabs .mobile_hook { position: absolute; top: -25px; top: -1.5625rem; right: 0; width: 40px; width: 2.5rem; height: 20px; height: 1.25rem; border-top: 4px solid #d5072c; border-bottom: 4px solid #d5072c; -webkit-box-sizing: border-box; box-sizing: border-box; } .single-areas .text_area .tabs .mobile_hook:after { width: 100%; height: 4px; top: 30%; background: #d5072c; } .single-areas .text_area .tabs .tabs_menu { border-bottom: 10px solid #d5072c; } @media screen and (max-width: 619px) { .single-areas .text_area .tabs .tabs_menu { width: 100%; height: 0; overflow: hidden; -webkit-transition: height 0.4s; transition: height 0.4s; } } @media screen and (max-width: 619px) { .single-areas .text_area .tabs .tabs_menu.active { height: 140px; height: 8.75rem; } } .single-areas .text_area .tabs .tabs_menu li { display: inline-block; width: 24.252%; height: 75px; height: 4.6875rem; background: #EFEFEF; font-size: 13.44px; font-size: 0.84rem; line-height: 70px; line-height: 4.375rem; font-weight: 700; text-align: center; cursor: pointer; margin-right: 1%; } @media screen and (max-width: 619px) { .single-areas .text_area .tabs .tabs_menu li { width: 100%; height: 35px; height: 2.1875rem; line-height: 35px; line-height: 2.1875rem; margin: 0; } } .single-areas .text_area .tabs .tabs_menu li.active { background: #d5072c; color: #fff; cursor: default; } .single-areas .text_area .tabs .tabs_menu li:last-child { margin-right: 0; } .single-areas .text_area .tabs .tab { display: none; width: 100%; } .single-areas .text_area .tabs .tab.active { display: block; } .single-areas .text_area .tabs .tab .tab_content { background: #F2F2F2; padding: 70px 45px; padding: 4.375rem 2.8125rem; } @media screen and (max-width: 619px) { .single-areas .text_area .tabs .tab .tab_content { padding: 40px 25px; padding: 2.5rem 1.5625rem; } } .single-areas .text_area .tabs .tab .tab_content>p>a { color: #d5072c; } .single-areas .text_area .tabs .tab .tab_content ul { margin: 5px 0 10px; margin: 0.3125rem 0 0.625rem; } .single-areas .text_area .tabs .tab .tab_content ul.links_list li { padding-left: 20px; padding-left: 1.25rem; position: relative; display: block; line-height: 44px; line-height: 2.75rem; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; border-bottom: 1px solid #E2E2E2; float: none; } .single-areas .text_area .tabs .tab .tab_content ul.links_list li:after { width: 13px; width: 0.8125rem; height: 13px; height: 0.8125rem; top: 15px; top: 0.9375rem; right: 20px; right: 1.25rem; background: url("/wp-content/themes/tjh-theme/img/arrow_red.svg") no-repeat center center; background-size: contain !important; } .single-areas .text_area .tabs .tab .tab_content ul.links_list li:first-child { border-top: 1px solid #E2E2E2; } .single-areas .text_area .tabs .tab .tab_content ul.links_list li a { color: #d5072c; } .single-areas .text_area .tabs .tab .tab_content .btn.empty { background: transparent; color: #000; border: 1px solid #484848; padding: 10px 15px; padding: 0.625rem 0.9375rem; margin: 40px auto 0; margin: 2.5rem auto 0; display: block; max-width: 215px; max-width: 13.4375rem; } @media screen and (max-width: 619px) { .single-areas .text_area .tabs .tab .tab_content .btn.empty { max-width: none; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 20px auto 0; margin: 1.25rem auto 0; } } .single-areas .text_area .tabs .areas_accolades .slider { margin-bottom: 0; } .single-areas .text_area .tabs .videos_slider { width: 100% !important; background: #F2F2F2; } .single-areas .text_area .tabs .videos_slider iframe { width: 100%; height: 495px; height: 30.9375rem; display: block; } @media screen and (max-width: 619px) { .single-areas .text_area .tabs .videos_slider iframe { height: 395px; height: 24.6875rem; } } .single-areas .text_area .tabs .videos_slider h3 { font-size: 26.88px; font-size: 1.68rem; line-height: 38px; line-height: 2.375rem; letter-spacing: 0; font-weight: 700; font-family: "Playfair Display", serif; margin: 0 0 25px; margin: 0 0 1.5625rem; } .single-areas .text_area .tabs .videos_slider h4 { font-size: 21.12px; font-size: 1.32rem; line-height: 28px; line-height: 1.75rem; letter-spacing: 0; font-weight: 700; font-family: "Playfair Display", serif; margin: 0 0 20px; margin: 0 0 1.25rem; } .single-areas .text_area .tabs .videos_slider .video_desc { background: #F2F2F2; padding: 135px 45px 5px; padding: 8.4375rem 2.8125rem 0.3125rem; margin: 0; white-space: inherit; } @media screen and (max-width: 619px) { .single-areas .text_area .tabs .videos_slider .video_desc { padding: 100px 25px 5px; padding: 6.25rem 1.5625rem 0.3125rem; } } .single-areas .text_area .tabs .videos_slider .video_desc>p>a { color: #d5072c; } .single-areas .text_area .tabs .videos_slider .custom_pager { top: 535px; top: 33.4375rem; } @media screen and (max-width: 619px) { .single-areas .text_area .tabs .videos_slider .custom_pager { top: 435px; top: 27.1875rem; } } .single-areas .text_area .tabs .videos_slider .custom_pager span { border-color: #000; } .single-areas .text_area .tabs .videos_slider .custom_pager span.cycle-pager-active { background: #000; } .single-areas .text_area .tabs .videos_slider .cycle-next, .single-areas .text_area .tabs .videos_slider .cycle-prev { top: 535px; top: 33.4375rem; margin: 0 45px; margin: 0 2.8125rem; font-size: 12.48px; font-size: 0.78rem; } @media screen and (max-width: 619px) { .single-areas .text_area .tabs .videos_slider .cycle-next, .single-areas .text_area .tabs .videos_slider .cycle-prev { top: 435px; top: 27.1875rem; } } .single-areas .text_area .tabs .videos_slider .cycle-next { margin-top: -15px; margin-top: -0.9375rem; } .single-areas .text_area .tabs #tab-infographic img { width: 100%; display: block; } .single-areas .text_area .tabs #tab-infographic p { margin: 0; text-align: center; } .single-areas .text_area .tabs #tab-infographic .btn { display: inline-block !important; margin: 0 15px; margin: 0 0.9375rem; width: auto; max-width: 45%; } @media screen and (max-width: 619px) { .single-areas .text_area .tabs #tab-infographic .btn { max-width: none; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 0 5px; margin: 0 0 0.3125rem; } } .single-areas .text_area .tabs ul.q_a { background: #F2F2F2; padding: 0 45px 45px; padding: 0 2.8125rem 2.8125rem; margin: 0; } @media screen and (max-width: 619px) { .single-areas .text_area .tabs ul.q_a { padding: 0 25px 25px; padding: 0 1.5625rem 1.5625rem; } } .single-areas .text_area .tabs ul.q_a li { padding-left: 20px; padding-left: 1.25rem; position: relative; display: block; line-height: 44px; line-height: 2.75rem; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; border-bottom: 1px solid #E2E2E2; } @media screen and (max-width: 619px) { .single-areas .text_area .tabs ul.q_a li { padding: 5px 0; padding: 0.3125rem 0; line-height: 1.4; } } .single-areas .text_area .tabs ul.q_a li:after { width: 13px; width: 0.8125rem; height: 13px; height: 0.8125rem; top: 15px; top: 0.9375rem; right: 20px; right: 1.25rem; background: url("/wp-content/themes/tjh-theme/img/arrow_red.svg") no-repeat center center; background-size: contain !important; -webkit-transition: all 0.4s; transition: all 0.4s; } @media screen and (max-width: 619px) { .single-areas .text_area .tabs ul.q_a li:after { right: 0; } } .single-areas .text_area .tabs ul.q_a li:first-child { border-top: 1px solid #E2E2E2; } .single-areas .text_area .tabs ul.q_a li a { color: #d5072c; } .single-areas .text_area .tabs ul.q_a li>div { max-height: 0; overflow: hidden; -webkit-transition: max-height 0.6s; transition: max-height 0.6s; } .single-areas .text_area .tabs ul.q_a li.active:after { -webkit-transform: rotate(90deg); transform: rotate(90deg); } .single-areas .text_area .tabs ul.q_a li.active>div { max-height: 800px; max-height: 50rem; } .page-template-default .text_area .results_accolades { padding-bottom: 90px; padding-bottom: 5.625rem; margin-bottom: 60px; margin-bottom: 3.75rem; position: relative; } .page-template-default .text_area .results_accolades .slider { margin-bottom: 0; } .page-template-default .text_area .results_accolades:after { width: 100%; height: 1px; background: #C8C8C8; bottom: 0; } .posts_filter { width: 100%; margin-bottom: 80px; margin-bottom: 5rem; } .posts_filter .posts_filter_form { width: 554px; width: 34.625rem; position: relative; float: left; } .search-results .posts_filter .posts_filter_form { width: auto; } @media screen and (max-width: 619px) { .posts_filter .posts_filter_form { width: 100%; float: none; } } .posts_filter .posts_filter_form .select_wrap { width: 265px; width: 16.5625rem; height: 43px; height: 2.6875rem; position: relative; float: left; } @media screen and (max-width: 619px) { .posts_filter .posts_filter_form .select_wrap { width: 100%; float: none; } } .posts_filter .posts_filter_form .select_wrap.right { float: right; } .posts_filter .posts_filter_form .select_wrap:after { background: url("/wp-content/themes/tjh-theme/img/pointer.svg") no-repeat center center; background-size: contain !important; width: 14px; width: 0.875rem; height: 6px; height: 0.375rem; top: 17px; top: 1.0625rem; right: 20px; right: 1.25rem; } .posts_filter .posts_filter_form .select_wrap select { width: 265px; width: 16.5625rem; height: 43px; height: 2.6875rem; -webkit-appearance: none; border-radius: 0; padding: 0 10px; padding: 0 0.625rem; position: relative; background: transparent; border: 1px solid #DADADA; color: #333333; } @media screen and (max-width: 619px) { .posts_filter .posts_filter_form .select_wrap select { width: 100%; } } .posts_filter .posts_filter_form input[type="text"] { float: right; width: 265px; width: 16.5625rem; background: transparent; height: 40px; height: 2.5rem; border: 1px solid #DADADA; padding: 0 20px; padding: 0 1.25rem; font-weight: 300; font-size: 17.28px; font-size: 1.08rem; line-height: 40px; line-height: 2.5rem; color: #333333; -webkit-box-sizing: border-box; box-sizing: border-box; } @media screen and (max-width: 619px) { .posts_filter .posts_filter_form input[type="text"] { float: none; width: 100%; margin: 10px 0; margin: 0.625rem 0; } } .posts_filter .posts_filter_form input[type="text"].full { width: 514px; width: 32.125rem; float: none; } @media screen and (max-width: 619px) { .posts_filter .posts_filter_form input[type="text"].full { width: 100%; } } .posts_filter .posts_filter_form input[type="submit"] { border: none; -webkit-appearance: none; position: absolute; width: 14px; width: 0.875rem; height: 14px; height: 0.875rem; right: 20px; right: 1.25rem; bottom: 14px; bottom: 0.875rem; background: url("/wp-content/themes/tjh-theme/img/src_icon.svg") no-repeat center center; background-size: contain !important; cursor: pointer; } @media screen and (max-width: 619px) { .posts_filter .posts_filter_form input[type="submit"] { bottom: 21px; bottom: 1.3125rem; } } .posts_filter .advanced_search_hook { background: #000000; width: 230px; width: 14.375rem; height: 23px; height: 1.4375rem; padding: 10px 0; padding: 0.625rem 0; float: right; } .search-results .posts_filter .advanced_search_hook { display: none; } @media screen and (max-width: 619px) { .posts_filter .advanced_search_hook { width: 100%; float: none; } } @media screen and (min-width: 620px) { #dl-mega-menu button { display: none; } } @media screen and (min-width: 620px) { #dl-mega-menu .dl-menu li .dl-submenu .dl-back { display: none !important; } } @media screen and (min-width: 620px) { #dl-mega-menu .dl-menu li .dl-submenu .duplicate { display: none !important; } } @media screen and (max-width: 619px) { #page { position: relative; } } .slider { z-index: 1; } .scroll_down { position: absolute; width: 35px; width: 2.1875rem; height: 19px; height: 1.1875rem; background: url("/wp-content/themes/tjh-theme/img/scrolldown.svg") no-repeat center center; background-size: contain !important; bottom: 35px; bottom: 2.1875rem; left: 0; right: 0; margin: 0 auto; } @media screen and (max-width: 619px) { .scroll_down { bottom: 25px; bottom: 1.5625rem; } } #page #primary .text_area .career_testimonials { margin-bottom: 40px; margin-bottom: 2.5rem; padding-bottom: 90px; padding-bottom: 5.625rem; position: relative; } #page #primary .text_area .career_testimonials .slider { width: 100%; min-height: 370px; min-height: 23.125rem; } @media screen and (max-width: 619px) { #page #primary .text_area .career_testimonials .slider { min-height: 690px; min-height: 43.125rem; } } #page #primary .text_area .career_testimonials .slider .custom_pager { bottom: 0; } #page #primary .text_area .career_testimonials .slider .custom_pager span { border: none; background: #C2C2C2; } #page #primary .text_area .career_testimonials .slider .custom_pager span.cycle-pager-active { background: #7F7F7F; } #page #primary .text_area .career_testimonials .slider .item { position: relative; } #page #primary .text_area .career_testimonials .slider .item img { width: 220px; width: 13.75rem; float: left; margin-right: 30px; margin-right: 1.875rem; vertical-align: top; } @media screen and (max-width: 619px) { #page #primary .text_area .career_testimonials .slider .item img { float: none; width: 100%; margin-bottom: 20px; margin-bottom: 1.25rem; margin-right: 0; } } #page #primary .text_area .career_testimonials .slider .item>div { float: right; max-width: 580px; max-width: 36.25rem; vertical-align: top; margin: 0; } @media screen and (max-width: 619px) { #page #primary .text_area .career_testimonials .slider .item>div { float: none; max-width: none; } } #page #primary .text_area .career_testimonials .slider .item>div p { font-family: "Playfair Display", serif; color: #000; font-size: 19.2px; font-size: 1.2rem; line-height: 26px; line-height: 1.625rem; font-style: italic; margin: 0; overflow: hidden; font-weight: 300; max-width: 85%; } @media screen and (max-width: 619px) { #page #primary .text_area .career_testimonials .slider .item>div p { font-size: 15.36px; font-size: 0.96rem; line-height: 20px; line-height: 1.25rem; max-width: none; } } #page #primary .text_area .career_testimonials .slider .item>div span:last-child { font-size: 13.44px; font-size: 0.84rem; font-family: "Playfair Display", serif; font-style: italic; line-height: 16px; line-height: 1rem; color: #000; text-transform: uppercase; display: block; margin-top: 35px; margin-top: 2.1875rem; } #page #primary .text_area .career_testimonials .slider .item>div span:last-child small { font-size: 13.44px; font-size: 0.84rem; display: block; color: #8D8D8D; text-transform: none; } #page #primary .text_area .career_testimonials:after { width: 100%; height: 1px; background: #C8C8C8; bottom: 0; } hr { border: 0; height: 1px; background: #C8C8C8; } .lg-outer .lg-thumb-item { border-radius: 0 !important; } .lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover { border-color: #fff !important; } @media screen and (min-width: 620px) { #main-menu { width: 100%; text-align: center; position: absolute; width: 100%; height: 55px; height: 3.4375rem; left: 0; right: 0; bottom: 0; background-color: #d5072c; } #main-menu.fixed { position: fixed; top: 0; left: 0; } #main-menu .header_slim_menu { list-style: none; padding: 0; margin: 0; font-size: 0; } #main-menu .header_slim_menu .menu-item { display: inline-block; font-size: 15.36px; font-size: 0.96rem; line-height: 54px; line-height: 3.375rem; letter-spacing: 1px; letter-spacing: 0.0625rem; color: #fff; padding: 0 30px; padding: 0 1.5rem; position: relative; } #main-menu .header_slim_menu .menu-item:after { content: ''; display: block; position: absolute; width: 1px; height: 20px; height: 1.25rem; top: 17px; top: 1.0625rem; right: 0; background-color: #fff; opacity: .4; } #main-menu .header_slim_menu .menu-item:last-child:after { display: none; } #main-menu .header_slim_menu .menu-item:hover, #main-menu .header_slim_menu .menu-item.current-menu-item { text-decoration: underline; } #main-search { position: absolute; margin-right: 0; width: 204px; width: 12.75rem; position: absolute; top: 103px; top: 6.4375rem; right: 60px; right: 3.75rem; } #main-search input[type="text"] { font-size: 13.44px; font-size: 0.84rem; line-height: 14px; line-height: 0.875rem; color: #000000; padding: 0 20px; padding: 0 1.25rem; width: 204px; width: 12.75rem; height: 44px; height: 2.75rem; border: 1px solid #DADADA; -webkit-box-sizing: border-box; box-sizing: border-box; } #main-search input[type="submit"] { border: none; -webkit-appearance: none; position: absolute; width: 14px; width: 0.875rem; height: 14px; height: 0.875rem; right: 20px; right: 1.25rem; top: 16px; top: 1rem; background: url("/wp-content/themes/tjh-theme/img/src_icon.svg") no-repeat center center; background-size: contain !important; cursor: pointer; } #mega-menu { max-height: 0; overflow: hidden; position: absolute; top: 0; right: 0; left: 0; -webkit-transition: max-height 0.3s ease; transition: max-height 0.3s ease; z-index: 11; } #mega-menu .menu-mega-menu-container { min-height: 320px; min-height: 20rem; padding: 155px 90px 90px; padding: 9.6875rem 5.625rem 5.625rem; background: #ffffff; position: relative; } #mega-menu .menu-mega-menu-container:after { content: ''; display: block; width: 90%; height: 10px; height: 0.625rem; background: #d5072c; position: absolute; left: 0; right: 0; margin: 0 auto; bottom: -10px; bottom: -0.625rem; } } @media screen and (min-width: 620px) and (max-width: 619px) { #mega-menu .menu-mega-menu-container:after { height: 5px; height: 0.3125rem; bottom: -5px; bottom: -0.3125rem; } } @media screen and (min-width: 620px) { #mega-menu .menu-mega-menu-container #menu-mega-menu { list-style: none; padding: 0; margin: 0; position: relative; display: none; } #mega-menu .menu-mega-menu-container #menu-mega-menu>.menu-item { display: block; } #mega-menu .menu-mega-menu-container #menu-mega-menu>.menu-item.menu-item-has-children.with_button>.submenu, #mega-menu .menu-mega-menu-container #menu-mega-menu>.menu-item.menu-item-has-children.with_ajax>.submenu { width: 60%; } #mega-menu .menu-mega-menu-container #menu-mega-menu>.menu-item.menu-item-has-children:hover .sub-menu, #mega-menu .menu-mega-menu-container #menu-mega-menu>.menu-item.menu-item-has-children.active .sub-menu { visibility: visible; opacity: 1; -webkit-transition: opacity 1s; transition: opacity 1s; } #mega-menu .menu-mega-menu-container #menu-mega-menu>.menu-item.menu-item-has-children:hover>.sub-menu, #mega-menu .menu-mega-menu-container #menu-mega-menu>.menu-item.menu-item-has-children.active>.sub-menu { top: 0; left: 265px; left: 16.5625rem; width: 1015px; width: 63.4375rem; height: 100%; } #mega-menu .menu-mega-menu-container #menu-mega-menu>.menu-item.menu-item-has-children:hover>.sub-menu>.menu-item, #mega-menu .menu-mega-menu-container #menu-mega-menu>.menu-item.menu-item-has-children.active>.sub-menu>.menu-item { display: block; position: relative; float: left; padding: 0 30px; padding: 0 1.875rem; } #mega-menu .menu-mega-menu-container #menu-mega-menu>.menu-item.menu-item-has-children:hover>.sub-menu>.menu-item:not(.menu-item-has-children), #mega-menu .menu-mega-menu-container #menu-mega-menu>.menu-item.menu-item-has-children.active>.sub-menu>.menu-item:not(.menu-item-has-children) { float: right; clear: both; width: 290px; width: 18.125rem; white-space: nowrap; } #mega-menu .menu-mega-menu-container #menu-mega-menu>.menu-item.menu-item-has-children:hover>.sub-menu>.menu-item a, #mega-menu .menu-mega-menu-container #menu-mega-menu>.menu-item.menu-item-has-children.active>.sub-menu>.menu-item a { font-weight: 700; text-transform: uppercase; font-size: 13.44px; font-size: 0.84rem; line-height: 14px; line-height: 0.875rem; letter-spacing: 2px; letter-spacing: 0.09375rem; } #mega-menu .menu-mega-menu-container #menu-mega-menu>.menu-item.menu-item-has-children:hover>.sub-menu>.menu-item a:hover, #mega-menu .menu-mega-menu-container #menu-mega-menu>.menu-item.menu-item-has-children.active>.sub-menu>.menu-item a:hover { color: #F22843; } #mega-menu .menu-mega-menu-container #menu-mega-menu>.menu-item.menu-item-has-children:hover>.sub-menu .sub-menu, #mega-menu .menu-mega-menu-container #menu-mega-menu>.menu-item.menu-item-has-children.active>.sub-menu .sub-menu { position: relative; top: 10px; top: 0.625rem; } #mega-menu .menu-mega-menu-container #menu-mega-menu>.menu-item.menu-item-has-children:hover>.sub-menu .sub-menu>.menu-item a, #mega-menu .menu-mega-menu-container #menu-mega-menu>.menu-item.menu-item-has-children.active>.sub-menu .sub-menu>.menu-item a { font-weight: 400; color: #7A7A7A; text-transform: none; } #mega-menu .menu-mega-menu-container #menu-mega-menu>.menu-item.menu-item-has-children:hover>.sub-menu .sub-menu>.menu-item a:hover, #mega-menu .menu-mega-menu-container #menu-mega-menu>.menu-item.menu-item-has-children.active>.sub-menu .sub-menu>.menu-item a:hover { color: #000000; } #mega-menu .menu-mega-menu-container #menu-mega-menu>.menu-item.menu-item-has-children:hover>.sub-menu .sub-menu>.menu-item>.sub-menu, #mega-menu .menu-mega-menu-container #menu-mega-menu>.menu-item.menu-item-has-children.active>.sub-menu .sub-menu>.menu-item>.sub-menu { display: block; visibility: hidden; max-height: 0; overflow: hidden; padding-left: 15px; padding-left: 0.9375rem; -webkit-transition: max-height 0.2s; transition: max-height 0.2s; border-left: 1px solid #000000; top: auto; } #mega-menu .menu-mega-menu-container #menu-mega-menu>.menu-item.menu-item-has-children:hover>.sub-menu .sub-menu>.menu-item>.sub-menu>.menu-item:first-child, #mega-menu .menu-mega-menu-container #menu-mega-menu>.menu-item.menu-item-has-children.active>.sub-menu .sub-menu>.menu-item>.sub-menu>.menu-item:first-child { margin-top: 5px; margin-top: 0.3125rem; } #mega-menu .menu-mega-menu-container #menu-mega-menu>.menu-item.menu-item-has-children:hover>.sub-menu .sub-menu>.menu-item>.sub-menu>.menu-item:last-child, #mega-menu .menu-mega-menu-container #menu-mega-menu>.menu-item.menu-item-has-children.active>.sub-menu .sub-menu>.menu-item>.sub-menu>.menu-item:last-child { margin-bottom: 5px; margin-bottom: 0.3125rem; } #mega-menu .menu-mega-menu-container #menu-mega-menu>.menu-item.menu-item-has-children:hover>.sub-menu .sub-menu>.menu-item:hover>.sub-menu, #mega-menu .menu-mega-menu-container #menu-mega-menu>.menu-item.menu-item-has-children.active>.sub-menu .sub-menu>.menu-item:hover>.sub-menu { visibility: visible; max-height: 700px; -webkit-transition: max-height 2s; transition: max-height 2s; } #mega-menu .menu-mega-menu-container #menu-mega-menu>.menu-item>a { color: #7A7A7A; font-size: 13.44px; font-size: 0.84rem; line-height: 32px; line-height: 2rem; letter-spacing: 2px; letter-spacing: 0.125rem; font-weight: 700; text-transform: uppercase; } #mega-menu .menu-mega-menu-container #menu-mega-menu>.menu-item>a:hover { color: #F22843; } #mega-menu .menu-mega-menu-container #menu-mega-menu>.menu-item .sub-menu { visibility: hidden; opacity: 0; position: absolute; list-style: none; padding: 0; -webkit-transition: opacity 0.2s; transition: opacity 0.2s; } #mega-menu.active { max-height: 1200px; max-height: 75rem; overflow: visible; } #mega-menu.active #menu-mega-menu { display: block; } #mega-menu .ajax_search, #mega-menu .request_form_btn { visibility: hidden; opacity: 0; position: absolute; top: 60px; top: 3.75rem; bottom: 0; right: 0; right: 105px; right: 6.5625rem; margin-top: 100px; margin-top: 6.25rem; width: 400px; width: 25rem; -webkit-transition: opacity 0.2s; transition: opacity 0.2s; z-index: 99; } #mega-menu .ajax_search.active, #mega-menu .request_form_btn.active, #mega-menu .ajax_search:hover, #mega-menu .request_form_btn:hover { visibility: visible; opacity: 1; -webkit-transition: opacity 1s; transition: opacity 1s; } #mega-menu .request_form_btn .btn { padding: 18px 25px; padding: 1.125rem 1.5625rem; width: 175px; width: 10.9375rem; margin: 0; margin-left: 130px; margin-left: 8.125rem; background: #3D78D4; } #mega-menu .ajax_search #ajax-search { padding-left: 40px; padding-left: 2.5rem; margin-left: 90px; margin-left: 5.625rem; min-height: 300px; min-height: 18.75rem; border-left: 2px solid #000; position: relative; } #mega-menu .ajax_search #ajax-search h6 { font-size: 13.44px; font-size: 0.84rem; line-height: 14px; line-height: 0.875rem; letter-spacing: 2px; letter-spacing: 0.09375rem; font-weight: 700; text-transform: uppercase; margin-top: 0; margin-bottom: 20px; margin-bottom: 1.25rem; } #mega-menu .ajax_search #ajax-search input[type="text"] { font-size: 17.28px; font-size: 1.08rem; line-height: 40px; line-height: 2.5rem; font-family: "Playfair Display", serif; color: #333333; padding: 0 20px; padding: 0 1.25rem; width: 225px; width: 14.0625rem; height: 41px; height: 2.5625rem; border: 1px solid #DADADA; } #mega-menu .ajax_search #ajax-search input[type="submit"] { border: none; -webkit-appearance: none; position: absolute; width: 14px; width: 0.875rem; height: 14px; height: 0.875rem; right: 20px; right: 1.25rem; top: 48px; top: 3rem; background: url("/wp-content/themes/tjh-theme/img/src_icon.svg") no-repeat center center; background-size: contain !important; cursor: pointer; } #mega-menu .ajax_search #ajax-search .results { margin-top: 20px; margin-top: 1.25rem; } #mega-menu .ajax_search #ajax-search .results a { display: block; font-size: 15.36px; font-size: 0.96rem; line-height: 28px; line-height: 1.75rem; color: #7A7A7A; } #mega-menu .ajax_search #ajax-search .results a:hover { color: #000; } #mega-menu .ajax_search #ajax-search .results.loading>a { opacity: 0.2; } } @media screen and (max-width: 619px) { #mega-menu { top: 98px; top: 6.125rem; position: absolute; left: 0; right: 0; width: 100%; } #mega-menu.active { height: 100%; bottom: 0; background: #ffffff; z-index: 999999; } #mega-menu #dl-mega-menu { max-width: none; top: 0; right: 0; left: 0; z-index: 11; position: absolute; width: auto; margin-right: 0; background: #ffffff; height: 0; float: none; } #mega-menu #dl-mega-menu ul { background: #ffffff; } #mega-menu #dl-mega-menu .dl-menu { margin: 0; background: #ffffff; } #mega-menu #dl-mega-menu .dl-menu.dl-menuopen { top: 200px; top: 12.5rem; z-index: 99; padding: 0 10%; width: 80%; } #mega-menu #dl-mega-menu .dl-menu li.dl-back { padding-left: 40px; padding-left: 2.5rem; } #mega-menu #dl-mega-menu .dl-menu li.dl-back>a { background: transparent; } #mega-menu #dl-mega-menu .dl-menu li.dl-back>a:after { display: none; } #mega-menu #dl-mega-menu .dl-menu li.dl-back:after { content: ''; background: url("/wp-content/themes/tjh-theme/img/arrow.svg") no-repeat center center; background-size: contain !important; width: 10px; width: 0.625rem; height: 20px; height: 1.25rem; top: 15px; top: 0.9375rem; right: 40px; right: 2.5rem; -webkit-transform: none; transform: none; left: 40px; left: 2.5rem; } #mega-menu #dl-mega-menu .dl-menu li a { color: #333; font-weight: 700; font-size: 13.44px; font-size: 0.84rem; line-height: 32px; line-height: 2rem; padding: 10px 27px; padding: 0.625rem 1.6875rem; text-transform: uppercase; background: #f6f6f6; margin-top: 10px; margin-top: 0.625rem; } #mega-menu #dl-mega-menu .dl-menu li a:after { content: ''; background: url("/wp-content/themes/tjh-theme/img/arrow.svg") no-repeat center center; background-size: contain !important; width: 10px; width: 0.625rem; height: 20px; height: 1.25rem; top: 15px; top: 0.9375rem; right: 40px; right: 2.5rem; -webkit-transform: rotate(180deg); transform: rotate(180deg); } #mega-menu #dl-mega-menu .ajax_search { visibility: hidden; } #mega-menu #dl-mega-menu .ajax_search #ajax-search { position: relative; background: #ffffff; padding: 0 40px; padding: 0 2.5rem; padding-bottom: 200%; } #mega-menu #dl-mega-menu .ajax_search #ajax-search h6 { font-size: 13.44px; font-size: 0.84rem; line-height: 14px; line-height: 0.875rem; letter-spacing: 2px; letter-spacing: 0.09375rem; font-weight: 700; text-transform: uppercase; margin-bottom: 20px; margin-bottom: 1.25rem; margin-top: 0; padding-top: 85px; padding-top: 5.3125rem; } #mega-menu #dl-mega-menu .ajax_search #ajax-search input[type="text"] { font-size: 17.28px; font-size: 1.08rem; line-height: 40px; line-height: 2.5rem; font-family: "Playfair Display", serif; color: #333333; padding: 0 5%; width: 90%; height: 41px; height: 2.5625rem; border: 1px solid #DADADA; -webkit-appearance: none; border-radius: 0; } #mega-menu #dl-mega-menu .ajax_search #ajax-search input[type="submit"] { border: none; -webkit-appearance: none; position: absolute; width: 14px; width: 0.875rem; height: 14px; height: 0.875rem; right: 60px; right: 3.75rem; top: 48px; top: 3rem; background: url("/wp-content/themes/tjh-theme/img/src_icon.svg") no-repeat center center; background-size: contain !important; cursor: pointer; top: 134px; top: 8.375rem; } #mega-menu #dl-mega-menu .ajax_search #ajax-search .results { margin: 20px 0; margin: 1.25rem 0; } #mega-menu #dl-mega-menu .ajax_search #ajax-search .results a { display: block; font-size: 15.36px; font-size: 0.96rem; line-height: 28px; line-height: 1.75rem; color: #7A7A7A; } #mega-menu #dl-mega-menu .ajax_search #ajax-search .results a:hover { color: #000; } #mega-menu #dl-mega-menu .ajax_search #ajax-search .results.loading>a { opacity: 0.2; } #mega-menu #dl-mega-menu .request_form_btn { display: none; } #mega-menu #dl-mega-menu button { width: 24px; width: 1.5rem; height: 20px; height: 1.25rem; background: url("/wp-content/themes/tjh-theme/img/burger.svg") no-repeat center center; background-size: contain !important; position: absolute; right: 40px; right: 2.5rem; top: -75px; top: -4.6875rem; padding: 0; } #mega-menu #dl-mega-menu button.dl-active { background: url("/wp-content/themes/tjh-theme/img/close.svg") no-repeat center center; top: -50px; top: -3.125rem; } #mega-menu #dl-mega-menu button.dl-active+.ajax_search { visibility: visible; position: relative; z-index: 99; } } #menu-hook { width: 24px; width: 1.5rem; height: 20px; height: 1.25rem; background: url("/wp-content/themes/tjh-theme/img/burger.svg") no-repeat center center; background-size: contain !important; position: absolute; right: 92px; right: 5.75rem; top: 25px; top: 1.5625rem; } #menu-hook.active { background: url("/wp-content/themes/tjh-theme/img/close.svg") no-repeat center center; z-index: 12; } @media screen and (max-width: 619px) { #menu-hook { display: none; } } .menu_active { position: relative; } .menu_active #top-bar { background: #F6F6F6; } .menu_active #mega-menu { top: 73px; top: 4.5625rem; } .menu_active:before { top: 73px; top: 4.5625rem; left: 0; right: 0; bottom: 0; z-index: 10; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAEUlEQVQoz2NgeEYAjioYSQoAzOTmAXhPhyoAAAAASUVORK5CYII="); background: rgba(0, 0, 0, 0.7); } .widget ul { list-style-type: none; margin: 0; padding: 0; } @media screen and (max-width: 619px) { .dl-menuwrapper { width: 100%; max-width: 300px; float: left; position: relative; -webkit-perspective: 1000px; perspective: 1000px; -webkit-perspective-origin: 50% 200%; perspective-origin: 50% 200%; } .dl-menuwrapper:first-child { margin-right: 100px; } .dl-menuwrapper button { background: #ccc; border: none; width: 48px; height: 45px; text-indent: -900em; overflow: hidden; position: relative; cursor: pointer; outline: none; } .dl-menuwrapper button:after { /* content: ''; position: absolute; width: 68%; height: 5px; background: #fff; top: 10px; left: 16%; box-shadow: 0 10px 0 #fff, 0 20px 0 #fff; */ } .dl-menuwrapper ul { padding: 0; list-style: none; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .dl-menuwrapper li { position: relative; } .dl-menuwrapper li a { display: block; position: relative; padding: 15px 20px; font-size: 15.36px; line-height: 20px; font-weight: 300; color: #fff; outline: none; } .no-touch .dl-menuwrapper li a:hover { background: rgba(255, 248, 213, 0.1); } .dl-menuwrapper li.dl-back>a { padding-left: 30px; } .dl-menuwrapper li.dl-back:after, .dl-menuwrapper li>a:not(:only-child):after { position: absolute; top: 0; line-height: 50px; font-family: 'icomoon'; speak: none; -webkit-font-smoothing: antialiased; content: ""; } .dl-menuwrapper li.dl-back:after { left: 10px; color: rgba(212, 204, 198, 0.3); -webkit-transform: rotate(180deg); transform: rotate(180deg); } .dl-menuwrapper li>a:after { right: 10px; color: rgba(0, 0, 0, 0.15); } .dl-menuwrapper .dl-menu { margin: 5px 0 0 0; position: absolute; width: 100%; opacity: 0; pointer-events: none; -webkit-transform: translateY(10px); transform: translateY(10px); -webkit-backface-visibility: hidden; backface-visibility: hidden; } .dl-menuwrapper .dl-menu.dl-menu-toggle { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .dl-menuwrapper .dl-menu.dl-menuopen { opacity: 1; pointer-events: auto; -webkit-transform: translateY(0px); transform: translateY(0px); } /* Hide the inner submenus */ .dl-menuwrapper li .dl-submenu { display: none; } /* When a submenu is openend, we will hide all li siblings. For that we give a class to the parent menu called "dl-subview". We also hide the submenu link. The opened submenu will get the class "dl-subviewopen". All this is done for any sub-level being entered. */ .dl-menu.dl-subview li, .dl-menu.dl-subview li.dl-subviewopen>a, .dl-menu.dl-subview li.dl-subview>a { display: none; } .dl-menu.dl-subview li.dl-subview, .dl-menu.dl-subview li.dl-subview .dl-submenu, .dl-menu.dl-subview li.dl-subviewopen, .dl-menu.dl-subview li.dl-subviewopen>.dl-submenu, .dl-menu.dl-subview li.dl-subviewopen>.dl-submenu>li { display: block; } /* Dynamically added submenu outside of the menu context */ .dl-menuwrapper>.dl-submenu { position: absolute; width: 100%; top: 50px; left: 0; margin: 0; background: #fff; } /* Animation classes for moving out and in */ .dl-menu.dl-animate-out-1 { -webkit-animation: MenuAnimOut1 0.4s linear forwards; animation: MenuAnimOut1 0.4s linear forwards; } .dl-menu.dl-animate-out-2 { -webkit-animation: MenuAnimOut2 0.3s ease-in-out forwards; animation: MenuAnimOut2 0.3s ease-in-out forwards; } .dl-menu.dl-animate-out-3 { -webkit-animation: MenuAnimOut3 0.4s ease forwards; animation: MenuAnimOut3 0.4s ease forwards; } .dl-menu.dl-animate-out-4 { -webkit-animation: MenuAnimOut4 0.4s ease forwards; animation: MenuAnimOut4 0.4s ease forwards; } .dl-menu.dl-animate-out-5 { -webkit-animation: MenuAnimOut5 0.4s ease forwards; animation: MenuAnimOut5 0.4s ease forwards; } @-webkit-keyframes MenuAnimOut1 { 50% { -webkit-transform: translateZ(-250px) rotateY(30deg); } 75% { -webkit-transform: translateZ(-372.5px) rotateY(15deg); opacity: .5; } 100% { -webkit-transform: translateZ(-500px) rotateY(0deg); opacity: 0; } } @-webkit-keyframes MenuAnimOut2 { 100% { -webkit-transform: translateX(-100%); opacity: 0; } } @-webkit-keyframes MenuAnimOut3 { 100% { -webkit-transform: translateZ(300px); opacity: 0; } } @-webkit-keyframes MenuAnimOut4 { 100% { -webkit-transform: translateZ(-300px); opacity: 0; } } @-webkit-keyframes MenuAnimOut5 { 100% { -webkit-transform: translateY(40%); opacity: 0; } } @keyframes MenuAnimOut1 { 50% { -webkit-transform: translateZ(-250px) rotateY(30deg); transform: translateZ(-250px) rotateY(30deg); } 75% { -webkit-transform: translateZ(-372.5px) rotateY(15deg); transform: translateZ(-372.5px) rotateY(15deg); opacity: .5; } 100% { -webkit-transform: translateZ(-500px) rotateY(0deg); transform: translateZ(-500px) rotateY(0deg); opacity: 0; } } @keyframes MenuAnimOut2 { 100% { -webkit-transform: translateX(-100%); transform: translateX(-100%); opacity: 0; } } @keyframes MenuAnimOut3 { 100% { -webkit-transform: translateZ(300px); transform: translateZ(300px); opacity: 0; } } @keyframes MenuAnimOut4 { 100% { -webkit-transform: translateZ(-300px); transform: translateZ(-300px); opacity: 0; } } @keyframes MenuAnimOut5 { 100% { -webkit-transform: translateY(40%); transform: translateY(40%); opacity: 0; } } .dl-menu.dl-animate-in-1 { -webkit-animation: MenuAnimIn1 0.3s linear forwards; animation: MenuAnimIn1 0.3s linear forwards; } .dl-menu.dl-animate-in-2 { -webkit-animation: MenuAnimIn2 0.3s ease-in-out forwards; animation: MenuAnimIn2 0.3s ease-in-out forwards; } .dl-menu.dl-animate-in-3 { -webkit-animation: MenuAnimIn3 0.4s ease forwards; animation: MenuAnimIn3 0.4s ease forwards; } .dl-menu.dl-animate-in-4 { -webkit-animation: MenuAnimIn4 0.4s ease forwards; animation: MenuAnimIn4 0.4s ease forwards; } .dl-menu.dl-animate-in-5 { -webkit-animation: MenuAnimIn5 0.4s ease forwards; animation: MenuAnimIn5 0.4s ease forwards; } @-webkit-keyframes MenuAnimIn1 { 0% { -webkit-transform: translateZ(-500px) rotateY(0deg); opacity: 0; } 20% { -webkit-transform: translateZ(-250px) rotateY(30deg); opacity: 0.5; } 100% { -webkit-transform: translateZ(0px) rotateY(0deg); opacity: 1; } } @-webkit-keyframes MenuAnimIn2 { 0% { -webkit-transform: translateX(-100%); opacity: 0; } 100% { -webkit-transform: translateX(0px); opacity: 1; } } @-webkit-keyframes MenuAnimIn3 { 0% { -webkit-transform: translateZ(300px); opacity: 0; } 100% { -webkit-transform: translateZ(0px); opacity: 1; } } @-webkit-keyframes MenuAnimIn4 { 0% { -webkit-transform: translateZ(-300px); opacity: 0; } 100% { -webkit-transform: translateZ(0px); opacity: 1; } } @-webkit-keyframes MenuAnimIn5 { 0% { -webkit-transform: translateY(40%); opacity: 0; } 100% { -webkit-transform: translateY(0); opacity: 1; } } @keyframes MenuAnimIn1 { 0% { -webkit-transform: translateZ(-500px) rotateY(0deg); transform: translateZ(-500px) rotateY(0deg); opacity: 0; } 20% { -webkit-transform: translateZ(-250px) rotateY(30deg); transform: translateZ(-250px) rotateY(30deg); opacity: 0.5; } 100% { -webkit-transform: translateZ(0px) rotateY(0deg); transform: translateZ(0px) rotateY(0deg); opacity: 1; } } @keyframes MenuAnimIn2 { 0% { -webkit-transform: translateX(-100%); transform: translateX(-100%); opacity: 0; } 100% { -webkit-transform: translateX(0px); transform: translateX(0px); opacity: 1; } } @keyframes MenuAnimIn3 { 0% { -webkit-transform: translateZ(300px); transform: translateZ(300px); opacity: 0; } 100% { -webkit-transform: translateZ(0px); transform: translateZ(0px); opacity: 1; } } @keyframes MenuAnimIn4 { 0% { -webkit-transform: translateZ(-300px); transform: translateZ(-300px); opacity: 0; } 100% { -webkit-transform: translateZ(0px); transform: translateZ(0px); opacity: 1; } } @keyframes MenuAnimIn5 { 0% { -webkit-transform: translateY(40%); transform: translateY(40%); opacity: 0; } 100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } } .dl-menuwrapper>.dl-submenu.dl-animate-in-1 { -webkit-animation: SubMenuAnimIn1 0.4s ease forwards; animation: SubMenuAnimIn1 0.4s ease forwards; } .dl-menuwrapper>.dl-submenu.dl-animate-in-2 { -webkit-animation: SubMenuAnimIn2 0.3s ease-in-out forwards; animation: SubMenuAnimIn2 0.3s ease-in-out forwards; } .dl-menuwrapper>.dl-submenu.dl-animate-in-3 { -webkit-animation: SubMenuAnimIn3 0.4s ease forwards; animation: SubMenuAnimIn3 0.4s ease forwards; } .dl-menuwrapper>.dl-submenu.dl-animate-in-4 { -webkit-animation: SubMenuAnimIn4 0.4s ease forwards; animation: SubMenuAnimIn4 0.4s ease forwards; } .dl-menuwrapper>.dl-submenu.dl-animate-in-5 { -webkit-animation: SubMenuAnimIn5 0.4s ease forwards; animation: SubMenuAnimIn5 0.4s ease forwards; } @-webkit-keyframes SubMenuAnimIn1 { 0% { -webkit-transform: translateX(50%); opacity: 0; } 100% { -webkit-transform: translateX(0px); opacity: 1; } } @-webkit-keyframes SubMenuAnimIn2 { 0% { -webkit-transform: translateX(100%); opacity: 0; } 100% { -webkit-transform: translateX(0px); opacity: 1; } } @-webkit-keyframes SubMenuAnimIn3 { 0% { -webkit-transform: translateZ(-300px); opacity: 0; } 100% { -webkit-transform: translateZ(0px); opacity: 1; } } @-webkit-keyframes SubMenuAnimIn4 { 0% { -webkit-transform: translateZ(300px); opacity: 0; } 100% { -webkit-transform: translateZ(0px); opacity: 1; } } @-webkit-keyframes SubMenuAnimIn5 { 0% { -webkit-transform: translateZ(-200px); opacity: 0; } 100% { -webkit-transform: translateZ(0); opacity: 1; } } @keyframes SubMenuAnimIn1 { 0% { -webkit-transform: translateX(50%); transform: translateX(50%); opacity: 0; } 100% { -webkit-transform: translateX(0px); transform: translateX(0px); opacity: 1; } } @keyframes SubMenuAnimIn2 { 0% { -webkit-transform: translateX(100%); transform: translateX(100%); opacity: 0; } 100% { -webkit-transform: translateX(0px); transform: translateX(0px); opacity: 1; } } @keyframes SubMenuAnimIn3 { 0% { -webkit-transform: translateZ(-300px); transform: translateZ(-300px); opacity: 0; } 100% { -webkit-transform: translateZ(0px); transform: translateZ(0px); opacity: 1; } } @keyframes SubMenuAnimIn4 { 0% { -webkit-transform: translateZ(300px); transform: translateZ(300px); opacity: 0; } 100% { -webkit-transform: translateZ(0px); transform: translateZ(0px); opacity: 1; } } @keyframes SubMenuAnimIn5 { 0% { -webkit-transform: translateZ(-200px); transform: translateZ(-200px); opacity: 0; } 100% { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1; } } .dl-menuwrapper>.dl-submenu.dl-animate-out-1 { -webkit-animation: SubMenuAnimOut1 0.4s ease forwards; animation: SubMenuAnimOut1 0.4s ease forwards; } .dl-menuwrapper>.dl-submenu.dl-animate-out-2 { -webkit-animation: SubMenuAnimOut2 0.3s ease-in-out forwards; animation: SubMenuAnimOut2 0.3s ease-in-out forwards; } .dl-menuwrapper>.dl-submenu.dl-animate-out-3 { -webkit-animation: SubMenuAnimOut3 0.4s ease forwards; animation: SubMenuAnimOut3 0.4s ease forwards; } .dl-menuwrapper>.dl-submenu.dl-animate-out-4 { -webkit-animation: SubMenuAnimOut4 0.4s ease forwards; animation: SubMenuAnimOut4 0.4s ease forwards; } .dl-menuwrapper>.dl-submenu.dl-animate-out-5 { -webkit-animation: SubMenuAnimOut5 0.4s ease forwards; animation: SubMenuAnimOut5 0.4s ease forwards; } @-webkit-keyframes SubMenuAnimOut1 { 0% { -webkit-transform: translateX(0%); opacity: 1; } 100% { -webkit-transform: translateX(50%); opacity: 0; } } @-webkit-keyframes SubMenuAnimOut2 { 0% { -webkit-transform: translateX(0%); opacity: 1; } 100% { -webkit-transform: translateX(100%); opacity: 0; } } @-webkit-keyframes SubMenuAnimOut3 { 0% { -webkit-transform: translateZ(0px); opacity: 1; } 100% { -webkit-transform: translateZ(-300px); opacity: 0; } } @-webkit-keyframes SubMenuAnimOut4 { 0% { -webkit-transform: translateZ(0px); opacity: 1; } 100% { -webkit-transform: translateZ(300px); opacity: 0; } } @-webkit-keyframes SubMenuAnimOut5 { 0% { -webkit-transform: translateZ(0); opacity: 1; } 100% { -webkit-transform: translateZ(-200px); opacity: 0; } } @keyframes SubMenuAnimOut1 { 0% { -webkit-transform: translateX(0%); transform: translateX(0%); opacity: 1; } 100% { -webkit-transform: translateX(50%); transform: translateX(50%); opacity: 0; } } @keyframes SubMenuAnimOut2 { 0% { -webkit-transform: translateX(0%); transform: translateX(0%); opacity: 1; } 100% { -webkit-transform: translateX(100%); transform: translateX(100%); opacity: 0; } } @keyframes SubMenuAnimOut3 { 0% { -webkit-transform: translateZ(0px); transform: translateZ(0px); opacity: 1; } 100% { -webkit-transform: translateZ(-300px); transform: translateZ(-300px); opacity: 0; } } @keyframes SubMenuAnimOut4 { 0% { -webkit-transform: translateZ(0px); transform: translateZ(0px); opacity: 1; } 100% { -webkit-transform: translateZ(300px); transform: translateZ(300px); opacity: 0; } } @keyframes SubMenuAnimOut5 { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1; } 100% { -webkit-transform: translateZ(-200px); transform: translateZ(-200px); opacity: 0; } } /* No JS Fallback */ .no-js .dl-menuwrapper .dl-menu { position: relative; opacity: 1; -webkit-transform: none; transform: none; } .no-js .dl-menuwrapper li .dl-submenu { display: block; } .no-js .dl-menuwrapper li.dl-back { display: none; } .no-js .dl-menuwrapper li>a:not(:only-child) { background: rgba(0, 0, 0, 0.1); } .no-js .dl-menuwrapper li>a:not(:only-child):after { content: ''; } } #video-wrapper { position: relative; width: 100%; max-width: 100%; text-align: center; } #video-wrapper>div { overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 435px; height: 27.1875rem; } @media screen and (max-width: 619px) { #video-wrapper>div { width: 100%; height: 400px; height: 25rem; display: block; position: relative; } } #video-wrapper>div .mobile_poster { display: none; position: absolute; right: 0; top: 0; bottom: 0; height: 100%; width: auto; min-width: 100%; max-width: none; left: 50%; -webkit-transform: translate(-50%, 0%); transform: translate(-50%, 0%); } @media screen and (max-width: 619px) { #video-wrapper>div .mobile_poster { display: block; } #video-wrapper>div .mobile_poster.hidden { display: none; } } #video-wrapper #video-player { width: 100%; height: auto; display: block; margin: 0 auto; } @media screen and (max-width: 619px) { #video-wrapper #video-player { height: 400px; height: 25rem; width: auto; position: relative; left: 50%; -webkit-transform: translate(-50%, 0%); transform: translate(-50%, 0%); } } #video-wrapper .btn-video { display: block; position: absolute; margin: auto; cursor: pointer; z-index: 10; width: 92px; width: 5.75rem; height: 92px; height: 5.75rem; opacity: 1; -webkit-transition-delay: 0s; transition-delay: 0s; top: 0; left: 0; bottom: 0; right: 0; background: url("/wp-content/themes/tjh-theme/img/play.svg") no-repeat center center; background-size: contain !important; } #video-wrapper .btn-video.hide-true { opacity: 0; visibility: hidden; } #video-wrapper .btn-video:hover { width: 95px; width: 5.9375rem; height: 95px; height: 5.9375rem; } /** * CSS Modal * http://drublic.github.com/css-modal * * @author Hans Christian Reinl - @drublic */ /** * CSS Modal Configuration * http://drublic.github.com/css-modal * * @author Hans Christian Reinl - @drublic */ html { overflow-y: scroll; -webkit-overflow-scrolling: touch; } .has-overlay { overflow: hidden; height: auto; } .has-overlay>body { height: 100%; overflow: hidden; } .modal--fade, .modal--show { -webkit-transform: translate(0, 100%); transform: translate(0, 100%); -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 999; width: 0; height: 0; overflow: hidden; opacity: 0; display: none\9; } .modal--fade:target, .modal--show:target, .is-active.modal--fade, .is-active.modal--show { -webkit-transform: translate(0, 0); transform: translate(0, 0); width: auto; height: auto; opacity: 1; } .is-active.modal--fade, .is-active.modal--show { display: block\9; height: 100%\9; width: 100%\9; } .modal--fade:target, .modal--show:target, .is-active.modal--fade, .is-active.modal--show { display: block\9; } .modal--fade .modal-inner, .modal--show .modal-inner { position: absolute; top: 60px; left: 50%; z-index: 20; margin-left: -325px; width: 650px; overflow-x: hidden; -webkit-overflow-scrolling: touch; } .modal--fade .modal-inner>img, .modal--show .modal-inner>img, .modal--fade .modal-inner>video, .modal--show .modal-inner>video, .modal--fade .modal-inner>iframe, .modal--show .modal-inner>iframe { width: 100%; height: auto; min-height: 300px; } .modal--fade .modal-inner>img, .modal--show .modal-inner>img { width: auto; max-width: 100%; } .modal--fade .modal-inner iframe, .modal--show .modal-inner iframe { display: block; width: 100%; border: 0; } .modal--fade .modal-content, .modal--show .modal-content { position: relative; max-height: 400px; max-height: 60vh; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; } .modal--fade .modal-content>*, .modal--show .modal-content>* { max-width: 100%; } .modal--fade footer, .modal--show footer { border-top: 1px solid white; padding: 0 1.2em 18px; background: #f0f0f0; border-radius: 2px; } .modal--fade .modal-close, .modal--show .modal-close { display: block; height: 1px; clip: rect(0 0 0 0); margin: -1px; overflow: hidden; } .modal--fade .modal-close:focus:after, .modal--show .modal-close:focus:after { outline: 1px dotted; outline: -webkit-focus-ring-color auto 5px; } .modal--fade .modal-close:before, .modal--show .modal-close:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 10; } .modal--fade .modal-close:after, .modal--show .modal-close:after { content: '\00d7'; position: absolute; top: 35px; right: 50%; z-index: 20; margin-right: -325px; } @media screen and (max-width: 690px) { .modal--fade .modal-inner, .modal--show .modal-inner { width: auto; left: 20px; right: 20px; margin-left: 0; } .modal--fade .modal-close:after, .modal--show .modal-close:after { margin-right: 0 !important; right: 20px; } } @media screen and (max-width: 30em) { .modal--fade, .modal--show { -webkit-transform: translate(0, 400px); -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); -webkit-transition: opacity 1ms .25s; transition: opacity 1ms .25s; display: block; right: auto; bottom: auto; } .modal--fade:target, .modal--show:target, .is-active.modal--fade, .is-active.modal--show { width: 100%; height: 100%; } .modal--fade:target .modal-close, .modal--show:target .modal-close, .is-active.modal--fade .modal-close, .is-active.modal--show .modal-close { display: block; } .modal--fade .modal-inner, .modal--show .modal-inner { -webkit-box-sizing: border-box; box-sizing: border-box; top: 0; left: 0; right: 0; height: 100%; overflow: auto; } .modal--fade .modal-content, .modal--show .modal-content { max-height: none; -ms-word-break: break-all; word-break: break-all; word-break: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } .modal--fade .modal-close, .modal--show .modal-close { display: none; right: auto; } .modal--fade .modal-close:before, .modal--show .modal-close:before { content: ''; position: fixed; top: 0; left: 0; right: 0; z-index: 20; } .modal--fade .modal-close:after, .modal--show .modal-close:after { top: 5px !important; right: 5px; left: auto; margin-left: 0; } } @media screen and (max-height: 46em) and (min-width: 30em) { .modal--fade .modal-content, .modal--show .modal-content { max-height: 340px; max-height: 50vh; } } @media screen and (max-height: 36em) and (min-width: 30em) { .modal--fade .modal-content, .modal--show .modal-content { max-height: 265px; max-height: 40vh; } } .is-stacked.modal--fade, .is-stacked.modal--show { -webkit-transform: translate(0, 0) scale(1, 1); transform: translate(0, 0) scale(1, 1); opacity: 1; } .is-stacked.modal--fade .modal-inner, .is-stacked.modal--show .modal-inner { -webkit-animation: scaleDown .7s ease both; animation: scaleDown .7s ease both; } .is-stacked.modal--fade .modal-close, .is-stacked.modal--show .modal-close { opacity: 0; } @media screen and (max-width: 30em) { .is-stacked.modal--fade, .is-stacked.modal--show { -webkit-animation: scaleDown .7s ease both; animation: scaleDown .7s ease both; } .is-stacked.modal--fade .modal-inner, .is-stacked.modal--show .modal-inner { -webkit-animation: none; animation: none; } .is-stacked.modal--fade .modal-close, .is-stacked.modal--show .modal-close { opacity: 1; } } /** * All animations for CSS Modal * * Available: * - %modal--transition-fade (fade) * - %modal--transition-zoomIn (zooms in) * - %modal--transition-plainScreen (hides background) * * Usage: * * .selector { * @extend %modal--transition-fade; * } * */ @media screen and (min-width: 30em) { .modal--fade { -webkit-transition: opacity 0.4s; transition: opacity 0.4s; } } /** * CSS Modal Themes * http://drublic.github.com/css-modal * * @author Hans Christian Reinl - @drublic */ /* * Global Theme Styles */ .modal--fade, .modal--show { color: #222; line-height: 1.3; } .modal--fade .modal-inner, .modal--show .modal-inner { border-radius: 2px; background: #fff; -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.6); box-shadow: 0 0 30px rgba(0, 0, 0, 0.6); max-width: 100%; -webkit-transition: max-width 0.25s linear, margin-left 0.125s linear; transition: max-width 0.25s linear, margin-left 0.125s linear; } .modal--fade header, .modal--show header { border-bottom: 1px solid #ddd; padding: 0 1.2em; } .modal--fade header>h2, .modal--show header>h2 { margin: 0.5em 0; } .modal--fade .modal-content, .modal--show .modal-content { border-bottom: 1px solid #ddd; padding: 15px 1.2em; } .modal--fade footer, .modal--show footer { border-top: 1px solid white; padding: 0 1.2em 18px; background: #f0f0f0; border-radius: 2px; } .modal--fade .modal-close, .modal--show .modal-close { text-indent: -100px; } .modal--fade .modal-close:before, .modal--show .modal-close:before { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAEUlEQVQoz2NgeEYAjioYSQoAzOTmAXhPhyoAAAAASUVORK5CYII="); } .modal--fade .modal-close:after, .modal--show .modal-close:after { content: '\00d7'; background: #fff; border-radius: 2px; padding: 2px 8px; font-size: 1.152em; text-decoration: none; text-indent: 0; } @media screen and (max-width: 30em) { .modal--fade .modal-close:before, .modal--show .modal-close:before { background: #27aae2; height: 3em; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.6); box-shadow: 0 0 5px rgba(0, 0, 0, 0.6); } .modal--fade .modal-inner, .modal--show .modal-inner { padding-top: 3em; -webkit-box-shadow: none; box-shadow: none; } .modal--fade .modal-close, .modal--show .modal-close { text-decoration: none; } .modal--fade .modal-close:after, .modal--show .modal-close:after { content: attr(data-close); font-size: 0.96em; padding: 0.5em 1em; } } /* * Plain Screen Theme Styles */ /** * Apply the desired modal behavior to your container selector */ @font-face { font-family: 'lg'; src: url("../tjh-theme/fonts/lg.eot?n1z373"); src: url("../tjh-theme/fonts/lg.eot?#iefixn1z373") format("embedded-opentype"), url("../tjh-theme/fonts/lg.woff?n1z373") format("woff"), url("../tjh-theme/fonts/lg.ttf?n1z373") format("truetype"), url("../tjh-theme/fonts/lg.svg?n1z373#lg") format("svg"); font-weight: normal; font-style: normal; } .lg-icon { font-family: 'lg'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .lg-actions .lg-next, .lg-actions .lg-prev { background-color: rgba(0, 0, 0, 0.45); border-radius: 2px; color: #999; cursor: pointer; display: block; font-size: 21.12px; margin-top: -10px; padding: 8px 10px 9px; position: absolute; top: 50%; z-index: 1080; border: none; outline: none; } .lg-actions .lg-next.disabled, .lg-actions .lg-prev.disabled { pointer-events: none; opacity: 0.5; } .lg-actions .lg-next:hover, .lg-actions .lg-prev:hover { color: #FFF; } .lg-actions .lg-next { right: 20px; } .lg-actions .lg-next:before { content: "\e095"; } .lg-actions .lg-prev { left: 20px; } .lg-actions .lg-prev:after { content: "\e094"; } @-webkit-keyframes lg-right-end { 0% { left: 0; } 50% { left: -30px; } 100% { left: 0; } } @keyframes lg-right-end { 0% { left: 0; } 50% { left: -30px; } 100% { left: 0; } } @-webkit-keyframes lg-left-end { 0% { left: 0; } 50% { left: 30px; } 100% { left: 0; } } @keyframes lg-left-end { 0% { left: 0; } 50% { left: 30px; } 100% { left: 0; } } .lg-outer.lg-right-end .lg-object { -webkit-animation: lg-right-end 0.3s; animation: lg-right-end 0.3s; position: relative; } .lg-outer.lg-left-end .lg-object { -webkit-animation: lg-left-end 0.3s; animation: lg-left-end 0.3s; position: relative; } .lg-toolbar { z-index: 1082; left: 0; position: absolute; top: 0; width: 100%; background-color: rgba(0, 0, 0, 0.45); } .lg-toolbar .lg-icon { color: #999; cursor: pointer; float: right; font-size: 23.04px; height: 47px; line-height: 27px; padding: 10px 0; text-align: center; width: 50px; text-decoration: none !important; outline: medium none; -webkit-transition: color 0.2s linear; transition: color 0.2s linear; } .lg-toolbar .lg-icon:hover { color: #FFF; } .lg-toolbar .lg-close:after { content: "\e070"; } .lg-toolbar .lg-download:after { content: "\e0f2"; } .lg-sub-html { background-color: rgba(0, 0, 0, 0.45); bottom: 0; color: #EEE; font-size: 15.36px; left: 0; padding: 10px 40px; position: fixed; right: 0; text-align: center; z-index: 1080; } .lg-sub-html h4 { margin: 0; font-size: 12.48px; font-weight: bold; } .lg-sub-html p { font-size: 11.52px; margin: 5px 0 0; } #lg-counter { color: #999; display: inline-block; font-size: 15.36px; padding-left: 20px; padding-top: 12px; vertical-align: middle; } .lg-toolbar, .lg-prev, .lg-next { opacity: 1; -webkit-transition: -webkit-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear; -webkit-transition: opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear, -webkit-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s; transition: opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear, -webkit-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s; transition: transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear; transition: transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear, -webkit-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s; } .lg-hide-items .lg-prev { opacity: 0; -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } .lg-hide-items .lg-next { opacity: 0; -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } .lg-hide-items .lg-toolbar { opacity: 0; -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object { -webkit-transform: scale3d(0.5, 0.5, 0.5); transform: scale3d(0.5, 0.5, 0.5); opacity: 0; -webkit-transition: -webkit-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important; -webkit-transition: opacity 250ms cubic-bezier(0, 0, 0.25, 1), -webkit-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s !important; transition: opacity 250ms cubic-bezier(0, 0, 0.25, 1), -webkit-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s !important; transition: transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important; transition: transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1), -webkit-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s !important; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; } body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); opacity: 1; } .lg-outer .lg-thumb-outer { background-color: #0D0A0A; bottom: 0; position: absolute; width: 100%; z-index: 1080; max-height: 350px; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); -webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s; transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s; transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s; transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s, -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s; } .lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item { cursor: -webkit-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab; } .lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item { cursor: move; cursor: -webkit-grabbing; cursor: -o-grabbing; cursor: -ms-grabbing; cursor: grabbing; } .lg-outer .lg-thumb-outer.lg-dragging .lg-thumb { -webkit-transition-duration: 0s !important; transition-duration: 0s !important; } .lg-outer.lg-thumb-open .lg-thumb-outer { -webkit-transform: translate3d(0, 0%, 0); transform: translate3d(0, 0%, 0); } .lg-outer .lg-thumb { padding: 10px 0; height: 100%; margin-bottom: -5px; } .lg-outer .lg-thumb-item { border-radius: 5px; cursor: pointer; float: left; overflow: hidden; height: 100%; border: 2px solid #FFF; border-radius: 4px; margin-bottom: 5px; } @media (min-width: 1025px) { .lg-outer .lg-thumb-item { -webkit-transition: border-color 0.25s ease; transition: border-color 0.25s ease; } } .lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover { border-color: #a90707; } .lg-outer .lg-thumb-item img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .lg-outer.lg-has-thumb .lg-item { padding-bottom: 120px; } .lg-outer.lg-can-toggle .lg-item { padding-bottom: 0; } .lg-outer.lg-pull-caption-up .lg-sub-html { -webkit-transition: bottom 0.25s ease; transition: bottom 0.25s ease; } .lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html { bottom: 100px; } .lg-outer .lg-toogle-thumb { background-color: #0D0A0A; border-radius: 2px 2px 0 0; color: #999; cursor: pointer; font-size: 23.04px; height: 39px; line-height: 27px; padding: 5px 0; position: absolute; right: 20px; text-align: center; top: -39px; width: 50px; } .lg-outer .lg-toogle-thumb:after { content: "\e1ff"; } .lg-outer .lg-toogle-thumb:hover { color: #FFF; } .lg-outer .lg-video-cont { display: inline-block; vertical-align: middle; max-width: 1140px; max-height: 100%; width: 100%; padding: 0 5px; } .lg-outer .lg-video { width: 100%; height: 0; padding-bottom: 56.25%; overflow: hidden; position: relative; } .lg-outer .lg-video .lg-object { display: inline-block; position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; } .lg-outer .lg-video .lg-video-play { width: 84px; height: 59px; position: absolute; left: 50%; top: 50%; margin-left: -42px; margin-top: -30px; z-index: 1080; cursor: pointer; } .lg-outer .lg-has-vimeo .lg-video-play { background: url("../tjh-theme/img/vimeo-play.png") no-repeat scroll 0 0 transparent; } .lg-outer .lg-has-vimeo:hover .lg-video-play { background: url("../tjh-theme/img/vimeo-play.png") no-repeat scroll 0 -58px transparent; } .lg-outer .lg-has-html5 .lg-video-play { background: transparent url("../tjh-theme/img/video-play.png") no-repeat scroll 0 0; height: 64px; margin-left: -32px; margin-top: -32px; width: 64px; opacity: 0.8; } .lg-outer .lg-has-html5:hover .lg-video-play { opacity: 1; } .lg-outer .lg-has-youtube .lg-video-play { background: url("../tjh-theme/img/youtube-play.png") no-repeat scroll 0 0 transparent; } .lg-outer .lg-has-youtube:hover .lg-video-play { background: url("../tjh-theme/img/youtube-play.png") no-repeat scroll 0 -60px transparent; } .lg-outer .lg-video-object { width: 100% !important; height: 100% !important; position: absolute; top: 0; left: 0; } .lg-outer .lg-has-video .lg-video-object { visibility: hidden; } .lg-outer .lg-has-video.lg-video-playing .lg-object, .lg-outer .lg-has-video.lg-video-playing .lg-video-play { display: none; } .lg-outer .lg-has-video.lg-video-playing .lg-video-object { visibility: visible; } .lg-progress-bar { background-color: #333; height: 5px; left: 0; position: absolute; top: 0; width: 100%; z-index: 1083; opacity: 0; -webkit-transition: opacity 0.08s ease 0s; transition: opacity 0.08s ease 0s; } .lg-progress-bar .lg-progress { background-color: #a90707; height: 5px; width: 0; } .lg-progress-bar.lg-start .lg-progress { width: 100%; } .lg-show-autoplay .lg-progress-bar { opacity: 1; } .lg-autoplay-button:after { content: "\e01d"; } .lg-show-autoplay .lg-autoplay-button:after { content: "\e01a"; } .lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap, .lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image { -webkit-transition-duration: 0s; transition-duration: 0s; } .lg-outer.lg-use-transition-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap { -webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; } .lg-outer.lg-use-left-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap { -webkit-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; } .lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; } .lg-outer .lg-item.lg-complete.lg-zoomable .lg-image { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); -webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important; -webkit-transition: opacity 0.15s, -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s !important; transition: opacity 0.15s, -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s !important; transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important; transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s, -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s !important; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } #lg-zoom-in:after { content: "\e311"; } #lg-actual-size { font-size: 19.2px; } #lg-actual-size:after { content: "\e033"; } #lg-zoom-out { opacity: 0.5; pointer-events: none; } #lg-zoom-out:after { content: "\e312"; } .lg-zoomed #lg-zoom-out { opacity: 1; pointer-events: auto; } .lg-outer .lg-pager-outer { bottom: 60px; left: 0; position: absolute; right: 0; text-align: center; z-index: 1080; height: 10px; } .lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont { overflow: visible; } .lg-outer .lg-pager-cont { cursor: pointer; display: inline-block; overflow: hidden; position: relative; vertical-align: top; margin: 0 5px; } .lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .lg-outer .lg-pager-cont.lg-pager-active .lg-pager { -webkit-box-shadow: 0 0 0 2px white inset; box-shadow: 0 0 0 2px white inset; } .lg-outer .lg-pager-thumb-cont { background-color: #fff; color: #FFF; bottom: 100%; height: 83px; left: 0; margin-bottom: 20px; margin-left: -60px; opacity: 0; padding: 5px; position: absolute; width: 120px; border-radius: 3px; -webkit-transition: opacity 0.15s ease 0s, -webkit-transform 0.15s ease 0s; transition: opacity 0.15s ease 0s, -webkit-transform 0.15s ease 0s; transition: opacity 0.15s ease 0s, transform 0.15s ease 0s; transition: opacity 0.15s ease 0s, transform 0.15s ease 0s, -webkit-transform 0.15s ease 0s; -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } .lg-outer .lg-pager-thumb-cont img { width: 100%; height: 100%; } .lg-outer .lg-pager { background-color: rgba(255, 255, 255, 0.5); border-radius: 50%; -webkit-box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.7) inset; box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.7) inset; display: block; height: 12px; -webkit-transition: box-shadow 0.3s ease 0s; -webkit-transition: -webkit-box-shadow 0.3s ease 0s; transition: -webkit-box-shadow 0.3s ease 0s; transition: box-shadow 0.3s ease 0s; transition: box-shadow 0.3s ease 0s, -webkit-box-shadow 0.3s ease 0s; width: 12px; } .lg-outer .lg-pager:hover, .lg-outer .lg-pager:focus { -webkit-box-shadow: 0 0 0 8px white inset; box-shadow: 0 0 0 8px white inset; } .lg-outer .lg-caret { border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px dashed; bottom: -10px; display: inline-block; height: 0; left: 50%; margin-left: -5px; position: absolute; vertical-align: middle; width: 0; } .lg-fullscreen:after { content: "\e20c"; } .lg-fullscreen-on .lg-fullscreen:after { content: "\e20d"; } .lg-outer #lg-dropdown-overlay { background-color: rgba(0, 0, 0, 0.25); bottom: 0; cursor: default; left: 0; position: fixed; right: 0; top: 0; z-index: 1081; opacity: 0; visibility: hidden; -webkit-transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s; transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s; } .lg-outer.lg-dropdown-active .lg-dropdown, .lg-outer.lg-dropdown-active #lg-dropdown-overlay { -webkit-transition-delay: 0s; transition-delay: 0s; -webkit-transform: translate3d(0, 0px, 0); transform: translate3d(0, 0px, 0); opacity: 1; visibility: visible; } .lg-outer.lg-dropdown-active #lg-share { color: #FFF; } .lg-outer .lg-dropdown { background-color: #fff; border-radius: 2px; font-size: 13.44px; list-style-type: none; margin: 0; padding: 10px 0; position: absolute; right: 0; text-align: left; top: 50px; opacity: 0; visibility: hidden; -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); -webkit-transition: -webkit-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s; -webkit-transition: visibility 0s linear 0.5s, opacity 0.18s linear 0s, -webkit-transform 0.18s linear 0s; transition: visibility 0s linear 0.5s, opacity 0.18s linear 0s, -webkit-transform 0.18s linear 0s; transition: transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s; transition: transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s, -webkit-transform 0.18s linear 0s; } .lg-outer .lg-dropdown:after { content: ""; display: block; height: 0; width: 0; position: absolute; border: 8px solid transparent; border-bottom-color: #FFF; right: 16px; top: -16px; } .lg-outer .lg-dropdown>li:last-child { margin-bottom: 0px; } .lg-outer .lg-dropdown>li:hover a, .lg-outer .lg-dropdown>li:hover .lg-icon { color: #333; } .lg-outer .lg-dropdown a { color: #333; display: block; white-space: pre; padding: 4px 12px; font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 11.52px; } .lg-outer .lg-dropdown a:hover { background-color: rgba(0, 0, 0, 0.07); } .lg-outer .lg-dropdown .lg-dropdown-text { display: inline-block; line-height: 1; margin-top: -3px; vertical-align: middle; } .lg-outer .lg-dropdown .lg-icon { color: #333; display: inline-block; float: none; font-size: 19.2px; height: auto; line-height: 1; margin-right: 8px; padding: 0; vertical-align: middle; width: auto; } .lg-outer #lg-share { position: relative; } .lg-outer #lg-share:after { content: "\e80d"; } .lg-outer #lg-share-facebook .lg-icon { color: #3b5998; } .lg-outer #lg-share-facebook .lg-icon:after { content: "\e901"; } .lg-outer #lg-share-twitter .lg-icon { color: #00aced; } .lg-outer #lg-share-twitter .lg-icon:after { content: "\e904"; } .lg-outer #lg-share-googleplus .lg-icon { color: #dd4b39; } .lg-outer #lg-share-googleplus .lg-icon:after { content: "\e902"; } .lg-outer #lg-share-pinterest .lg-icon { color: #cb2027; } .lg-outer #lg-share-pinterest .lg-icon:after { content: "\e903"; } .lg-group:after { content: ""; display: table; clear: both; } .lg-outer { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 1050; text-align: left; opacity: 0; -webkit-transition: opacity 0.15s ease 0s; transition: opacity 0.15s ease 0s; } .lg-outer * { -webkit-box-sizing: border-box; box-sizing: border-box; } .lg-outer.lg-visible { opacity: 1; } .lg-outer.lg-css3 .lg-item.lg-prev-slide, .lg-outer.lg-css3 .lg-item.lg-next-slide, .lg-outer.lg-css3 .lg-item.lg-current { -webkit-transition-duration: inherit !important; transition-duration: inherit !important; -webkit-transition-timing-function: inherit !important; transition-timing-function: inherit !important; } .lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-current { -webkit-transition-duration: 0s !important; transition-duration: 0s !important; opacity: 1; } .lg-outer.lg-grab img.lg-object { cursor: -webkit-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab; } .lg-outer.lg-grabbing img.lg-object { cursor: move; cursor: -webkit-grabbing; cursor: -o-grabbing; cursor: -ms-grabbing; cursor: grabbing; } .lg-outer .lg { height: 100%; width: 100%; position: relative; overflow: hidden; margin-left: auto; margin-right: auto; max-width: 100%; max-height: 100%; } .lg-outer .lg-inner { width: 100%; height: 100%; position: absolute; left: 0; top: 0; white-space: nowrap; } .lg-outer .lg-item { background: url("../tjh-theme/img/loading.gif") no-repeat scroll center center transparent; display: none !important; } .lg-outer.lg-css3 .lg-prev-slide, .lg-outer.lg-css3 .lg-current, .lg-outer.lg-css3 .lg-next-slide { display: inline-block !important; } .lg-outer.lg-css .lg-current { display: inline-block !important; } .lg-outer .lg-item, .lg-outer .lg-img-wrap { display: inline-block; text-align: center; position: absolute; width: 100%; height: 100%; } .lg-outer .lg-item:before, .lg-outer .lg-img-wrap:before { content: ""; display: inline-block; height: 50%; width: 1px; margin-right: -1px; } .lg-outer .lg-img-wrap { position: absolute; padding: 0 5px; left: 0; right: 0; top: 0; bottom: 0; } .lg-outer .lg-item.lg-complete { background-image: none; } .lg-outer .lg-item.lg-current { z-index: 1060; } .lg-outer .lg-image { display: inline-block; vertical-align: middle; max-width: 100%; max-height: 100%; width: auto !important; height: auto !important; } .lg-outer.lg-show-after-load .lg-item .lg-object, .lg-outer.lg-show-after-load .lg-item .lg-video-play { opacity: 0; -webkit-transition: opacity 0.15s ease 0s; transition: opacity 0.15s ease 0s; } .lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object, .lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play { opacity: 1; } .lg-outer .lg-empty-html { display: none; } .lg-outer.lg-hide-download #lg-download { display: none; } .lg-backdrop { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 1040; background-color: #000; opacity: 0; -webkit-transition: opacity 0.15s ease 0s; transition: opacity 0.15s ease 0s; } .lg-backdrop.in { opacity: 1; } .lg-css3.lg-no-trans .lg-prev-slide, .lg-css3.lg-no-trans .lg-next-slide, .lg-css3.lg-no-trans .lg-current { -webkit-transition: none 0s ease 0s !important; transition: none 0s ease 0s !important; } .lg-css3.lg-use-css3 .lg-item { -webkit-backface-visibility: hidden; backface-visibility: hidden; } .lg-css3.lg-use-left .lg-item { -webkit-backface-visibility: hidden; backface-visibility: hidden; } .lg-css3.lg-fade .lg-item { opacity: 0; } .lg-css3.lg-fade .lg-item.lg-current { opacity: 1; } .lg-css3.lg-fade .lg-item.lg-prev-slide, .lg-css3.lg-fade .lg-item.lg-next-slide, .lg-css3.lg-fade .lg-item.lg-current { -webkit-transition: opacity 0.1s ease 0s; transition: opacity 0.1s ease 0s; } .lg-css3.lg-slide.lg-use-css3 .lg-item { opacity: 0; } .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current { -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -webkit-transition: opacity 0.1s ease 0s, -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s; transition: opacity 0.1s ease 0s, -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s; transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s, -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s; } .lg-css3.lg-slide.lg-use-left .lg-item { opacity: 0; position: absolute; left: 0; } .lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide { left: -100%; } .lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide { left: 100%; } .lg-css3.lg-slide.lg-use-left .lg-item.lg-current { left: 0; opacity: 1; } .lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide, .lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-left .lg-item.lg-current { -webkit-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; } /* After takeover */ .content_grid .events_competition>.item>div { top: 50%; right: auto; bottom: auto; width: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transform: translateY(-50%); transform: translateY(-50%); font-family: kepler-std; font-size: 23.04px; font-size: 1.44rem; line-height: 34px; line-height: 2.125rem; letter-spacing: 0; padding-right: 65px; padding-right: 4.0625rem; font-weight: 300; } .content_grid .events_competition>.item>div::before { content: "Upcoming Event"; display: block; font-family: Oxygen; font-size: 13.44px; font-size: 0.84rem; letter-spacing: 2px; letter-spacing: .125rem; font-weight: 700; margin-bottom: 18px; margin-bottom: 1.5rem; text-transform: uppercase; } .content_grid .events_competition>.item>div>.btn { font-family: Oxygen; margin-top: 3rem; padding: .2rem 1.5625rem; } #footer .location_photo { display: none; } #page #primary .text_area .hentry h4.location_title { font-size: 1.44rem !important; line-height: 1.6875rem !important; } .widget_contact h3, .page-template-page-locations .locations .location h4 { letter-spacing: 0; } .event_banner { padding: 5rem 4.0625rem; } .chat_wrapper { position: fixed; bottom: 0; right: 0; width: auto; height: auto; z-index: 99999999; } .chat_wrapper.active { width: 500px; height: 482px; } .chat_wrapper.active>button { display: none; } .chat_wrapper>button { line-height: 1; font-family: 'Open Sans', serif; font-weight: 400; padding: 0.7142857142857143em 1.2em; text-align: center; color: #ffffff; font-size: 0.96em; border-top-left-radius: 0em; border-top-right-radius: 0em; border-bottom-left-radius: 0em; border-bottom-right-radius: 0em; border-left: 0em solid #ffffff; border-right: 0em solid #ffffff; border-top: 0em solid #ffffff; border-bottom: 0em solid #ffffff; background-color: #d5072c; text-transform: uppercase; cursor: pointer; } .chat_wrapper>button:focus { outline: 0; } .chat_wrapper>iframe { display: block; width: 100%; height: 100%; border: 0; } .event_banner>.btn { position: relative; top: 0; right: 0; width: auto; margin: 25px 10px 0 0; margin: 1.5625rem 0.625rem 0 0; padding: 10px 30px; padding: 0.625rem 1.875rem; color: #fff; border: 1px solid rgba(184, 184, 184, 0.4); -webkit-transition: none; transition: none; -webkit-transform: none; transform: none; background: transparent; } .event_banner>.btn:hover { color: #000; background: #FFF; } .single-areas .text_area .tabs .videos_slider .custom_pager { bottom: auto; } .single-areas .text_area .tabs .videos_slider li { height: auto; } @media screen and (max-width: 619px) { .content_grid .events_competition>.item>div { position: relative; top: 0; width: 100%; -webkit-transform: translateY(0); transform: translateY(0); } #top-bar #logo { background-size: 9rem !important; background-position: left center !important; } #mega-menu #dl-mega-menu button { width: 1rem; right: 1rem; } #top-bar .btn { padding: 0.8rem 0; letter-spacing: 0.1em; } #top-bar .btn>span { width: 1rem; height: 0.9rem; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } #top-bar .btn.desktop { display: none; } #top-bar .btn.mobile { display: block; } .home #video-wrapper { margin-top: 3.1rem; margin-bottom: 0; } .home #video-wrapper>div, #video-wrapper #video-player { height: 16rem; } #video-wrapper .btn-video { width: 3.5rem; } #video-wrapper .scroll_down { display: none; } .event_banner { padding: 10.4rem 2.4rem 3rem; margin-bottom: 0; background-color: #232323; background-position: right top; background-size: 200%; margin: 1rem auto; width: 80%; } .event_banner>h4 { font-size: 0.576rem; margin-bottom: 0.5rem; } .event_banner>h3 { font-size: 1.056rem; line-height: 1.7rem; } .event_banner>.btn { width: 100%; margin-top: 1.6rem; border: 0; padding: .7rem 1.5625rem; font-size: 0.6048rem; background: #d5072c; color: #FFF; } .teaser { margin-bottom: 0; } .teaser>div { padding: 3rem 2rem 3.6rem; } .teaser>div.text>h4 { font-size: 0.672rem; margin-bottom: 1.2rem; color: #eee; } .teaser>div.text>h3 { font-size: 1.728rem; line-height: 1; color: #eee; letter-spacing: 0; } .teaser>div.text>p { font-size: 0.96rem; line-height: 1.75; color: #DDD; } .teaser>div.text>.btn { margin-top: 0; font-size: 0.624rem; padding: 0.8rem 1.875rem; } .teaser>div.form { padding: 2.3rem 2rem 0.96rem; } .teaser>div.form>h4 { font-size: 0.624rem; letter-spacing: 0.05em; } .teaser>div.form>h3 { font-size: 1.296rem; line-height: 1.3; letter-spacing: 0.01em; width: 85%; margin-bottom: 0.3rem; } .teaser>div.form>span.red { font-size: 1.152rem; margin-bottom: 1rem; } .teaser>div.form .wpcf7-form input[type="email"], .teaser>div.form .wpcf7-form input[type="tel"], .teaser>div.form .wpcf7-form textarea, .teaser>div.form .wpcf7-form input[type="text"] { font-size: 0.768rem; margin-bottom: 0.3rem; } .teaser>div.form .wpcf7-form input[type="submit"] { font-size: 0.624rem; letter-spacing: 0.15em; } .teaser>.slider.accolades.half { height: 26.5rem; } .teaser>.slider li h4 { font-size: 0.672rem; margin: 3.5rem 0 1.5625rem 0; } .teaser>.slider.accolades.half li>div.left { top: 0; } .teaser>.slider.accolades.half li>div.left h2 { font-size: 2rem; } .teaser>.slider.accolades.half li>div.left .links { margin-top: 2.1rem; } .teaser>.slider.accolades.half li .btn { margin: 0 1.25rem 0.5rem; font-size: 0.528rem; } .teaser>.slider.accolades.half li h2, .teaser>.slider.accolades.half li h3 { font-size: 1.92rem; line-height: 1.2; } .teaser>.slider.accolades.half li>div.facts { font-size: 0.768rem; line-height: 1.3; } .teaser>.slider.accolades.half .custom_pager { bottom: 2.5rem; } .teaser>.slider.accolades.half .custom_pager span { width: 0.35rem; height: 0.35rem; margin: 0 0.3rem; } .slider.accolades.half .cycle-prev, .slider.accolades.half .cycle-next { display: none; } .teaser>div.pa_links { padding: 2.5rem 2.5rem 3.5rem; } .teaser>div.pa_links>h4 { font-size: 0.6528rem; letter-spacing: 0.1em; margin-bottom: 1.6rem; } .teaser>div.pa_links ul li a { font-size: 0.768rem; line-height: 2.5; } .teaser>div.pa_links>.left>li:last-child { border-bottom: 0; } .teaser>div.pa_links .btn { font-size: 0.624rem; letter-spacing: 0.12em; margin-top: 1.8rem; padding: 0.8rem 1.875rem; } .grid_type_testimonials { padding: 3rem 0rem; } .grid_type_testimonials>h4 { font-size: 0.624rem; } .grid_type_testimonials .slider .item p { font-size: 0.96rem; line-height: 1.4; } .grid_type_testimonials .slider .item { padding: 0 2.9rem 4rem; } .grid_type_testimonials .slider .item span:last-child { font-size: 0.7296rem; line-height: 1; } .grid_type_testimonials .btn { margin-top: 2.4rem; width: 18rem; padding: 0.9rem 1.875rem; font-size: 0.624rem; } .home_locations { margin: 0 auto; padding-bottom: 0.1rem; } .home_locations:after { display: none; } .home_locations>h2 { margin-top: 0; margin-bottom: 2.4rem; font-size: 0.624rem; letter-spacing: 0.1em; } .home_locations .location { width: 100%; padding: 1.2rem 0 1.7rem; margin: 2.6rem auto 0 !important; } .home_locations .location h3 { margin-top: 0; margin-bottom: 1.2rem; font-size: 1.152rem; line-height: 1; font-weight: 400; } .home_locations .location img { margin-bottom: 1.3rem; } .home_locations .location p { margin: 0; line-height: 1.3; } .home_locations .location p span.tel { font-weight: 400; font-size: 1.152rem; } .home_locations .location p span.tel:before { width: 1rem; } .home_locations .location p span.tel { padding-left: 1.75rem; margin-bottom: 0; } .home_locations .location p span.address { font-weight: 400; font-size: 0.768rem; line-height: 1.6; } .home_locations .location>.wrap { width: 85%; } .home_locations .location .btn { margin-top: 0.25rem; font-size: 0.5952rem; letter-spacing: 0.15em; padding: 0.88rem 0; } .content_grid { margin-top: 1.3rem; margin-bottom: 3rem; padding: 2.25rem 0 2.8rem; } .content_grid:after, .content_grid:before { width: 80%; height: 4px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .content_grid>h2 { margin-top: 0; font-size: 0.672rem; letter-spacing: 0.1em; margin-bottom: 2.4rem; } .content_grid .grid_type_events li img { width: 200%; margin-right: 0; } .content_grid .grid_type_events li img { width: 190%; max-width: initial; left: -90%; position: relative; } .content_grid .grid_type_events, .content_grid .grid_type_news, .content_grid .grid_type_twitter, .content_grid .grid_type_youtube, .content_grid .grid_type_instagram, .content_grid .grid_type_blog { width: 80% !important; margin: 0 auto 1rem; display: block; } .content_grid .events_competition>.item>div { padding: 1.9rem 2.4rem 2.8rem; font-size: 0.96rem; line-height: 1.4; background: #232323; } .content_grid .events_competition>.item>div::before { font-size: 0.624rem; letter-spacing: 0.1em; font-weight: 400; } .content_grid .events_competition>.item>div>.btn { margin-top: 1.6rem; border: 0; padding: .7rem 1.5625rem; font-size: 0.6048rem; background: #d5072c; } .content_grid .events_competition .custom_pager { display: none; } .content_grid>div h4 { margin-bottom: 1.3rem; font-size: 0.624rem; line-height: 1; } .content_grid .grid_type_twitter li, .content_grid>div h3 { font-size: 0.9024rem; line-height: 1.4; } .content_grid>div div:not(.custom_pager) span:last-child { font-size: 0.672rem; } .content_grid>div div:not(.custom_pager) span:last-child small { font-size: 0.672rem; } .content_grid .grid_type_blog { padding: 1.7rem 0; } .content_grid .grid_type_blog h4 { margin-bottom: 0; margin-left: 1.8rem; } .content_grid .grid_type_blog ul li { padding: 0 1.8rem; } .content_grid .grid_type_blog ul li h3 { font-size: 1.056rem; } .content_grid .grid_type_blog ul li p { font-size: 0.8736rem; line-height: 1.6; font-family: "Playfair Display", serif; font-weight: 300; margin: 0.5rem 0 0; } .awards_wrapper h4 { font-size: 0.624rem; letter-spacing: 0.05em; font-weight: 700; } .awards_wrapper .cycle-prev, .awards_wrapper .cycle-next { display: none; } .awards_wrapper.mobile_alt { margin-bottom: 2rem; } #mega-menu #dl-mega-menu .ajax_search #ajax-search h6 { font-size: 0.624rem; line-height: 1; } #mega-menu #dl-mega-menu .ajax_search #ajax-search input[type="text"] { font-size: 0.768rem; font-family: "Oxygen", sans-serif; } #mega-menu #dl-mega-menu .ajax_search #ajax-search input[type="submit"] { top: 8.1rem; width: 0.6rem; } #mega-menu #dl-mega-menu .dl-menu.dl-menuopen { top: 11.4rem; } #mega-menu #dl-mega-menu .dl-menu li a { font-weight: 700; font-size: 0.624rem; line-height: 1; padding: 1rem 1.6875rem; letter-spacing: 0.05em; margin-top: 0.3rem; } #mega-menu #dl-mega-menu .dl-menu li a:after { width: 0.5rem; top: 50%; right: 1rem; margin-top: -0.58rem; } } .slider.recent_blog, .slider.recent_awards, .slider.accolades { position: relative; } .slider.recent_blog::before, .slider.recent_blog::after, .slider.recent_awards::before, .slider.recent_awards::after, .slider.white::before, .slider.white::after, .slider.black::before, .slider.black::after, .slider.accolades::before, .slider.accolades::after { content: ""; display: block; position: absolute; top: 0; bottom: 0; width: 3rem; height: 100%; z-index: 101; } .slider.accolades::before { left: 0; background: -webkit-gradient(linear, left top, right top, from(#d5072c), to(rgba(213, 7, 44, 0))); background: linear-gradient(to right, #d5072c, rgba(213, 7, 44, 0)); } .slider.accolades::after { right: 0; background: -webkit-gradient(linear, right top, left top, from(#d5072c), to(rgba(213, 7, 44, 0))); background: linear-gradient(to left, #d5072c, rgba(213, 7, 44, 0)); } .slider.white::before, .slider.recent_awards::before { left: 0; background: -webkit-gradient(linear, left top, right top, from(#F6F6F6), to(rgba(246, 246, 246, 0))); background: linear-gradient(to right, #F6F6F6, rgba(246, 246, 246, 0)); } .slider.white::after, .slider.recent_awards::after { right: 0; background: -webkit-gradient(linear, right top, left top, from(#F6F6F6), to(rgba(246, 246, 246, 0))); background: linear-gradient(to left, #F6F6F6, rgba(246, 246, 246, 0)); } .slider.recent_blog::before { left: 0; background: -webkit-gradient(linear, left top, right top, from(#FFF), to(rgba(255, 255, 255, 0))); background: linear-gradient(to right, #FFF, rgba(255, 255, 255, 0)); } .slider.recent_blog::after { right: 0; background: -webkit-gradient(linear, right top, left top, from(#FFF), to(rgba(255, 255, 255, 0))); background: linear-gradient(to left, #FFF, rgba(255, 255, 255, 0)); } .slider.black::before { left: 0; background: -webkit-gradient(linear, left top, right top, from(#000), to(rgba(0, 0, 0, 0))); background: linear-gradient(to right, #000, rgba(0, 0, 0, 0)); } .slider.black::after { right: 0; background: -webkit-gradient(linear, right top, left top, from(#000), to(rgba(0, 0, 0, 0))); background: linear-gradient(to left, #000, rgba(0, 0, 0, 0)); } .slider.recent_blog>.cycle-prev, .slider.recent_blog>.cycle-next, .slider.recent_awards>.cycle-prev, .slider.recent_awards>.cycle-next, .slider.accolades>.cycle-prev, .slider.accolades>.cycle-next { z-index: 102 !important; } .grid_type_testimonials { background: #fff; color: #000; } .grid_type_testimonials .slider .item p, .grid_type_testimonials .slider .item span:last-child, .grid_type_testimonials .btn, .grid_type_testimonials>h4 { color: #000; } .grid_type_testimonials .btn { border-color: #000; } .grid_type_testimonials .slider .item { padding: 0px; } .pa_links { width: 100%; } #video-wrapper { position: relative; } #floating-contact-form { position: absolute; top: 50%; right: 0px; z-index: 2; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .home .content_grid .grid_type_facebook { width: 422px; width: 25rem; height: 379px; height: 23.6875rem; position: relative; } @media all and (min-width: 340px) { .row { margin-left: -5px; margin-right: -5px; } .col-sm-6 { -webkit-box-sizing: border-box; box-sizing: border-box; float: left; width: 50%; padding: 0px 5px; } } .ajax-form input, .ajax-form textarea { width: 100% !important; margin-left: 0px !important; background: #fff; } .ajax-form input[type="text"], .ajax-form input[type="email"], .ajax-form input[type="tel"], .ajax-form textarea { background: #fff !important; } #floating-contact-form .teaser>div.form { background: #e9e9e9; } .img-responsive { width: 100%; height: auto; max-height: 700px; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .scroll_down { z-index: 3; } #floating-text { position: absolute; top: 20px; left: 0px; width: 100%; } #floating-text .container-fluid { max-width: 78rem; margin: auto; color: #fff; font-family: "Playfair Display", serif; font-size: 2.9vw; line-height: 1.3; width: 100%; height: 551px; text-align: left; padding-top: 3.0625rem !important; } @media all and (min-width: 1300px) { #floating-text .container-fluid { /*padding-top: 10px; max-width: calc(100% - 100px);*/ } } @media all and (max-width: 1215px) { #floating-text .container-fluid { padding: 0px 15px; } } .teaser>div.pa_links h4 { margin-bottom: 1.5625rem !important; } .slider.accolades.half .cycle-next { top: 50% !important; } .grid_type_testimonials .slider .cycle-next, .grid_type_testimonials .slider .cycle-prev { -webkit-filter: invert(100%); filter: invert(100%); } .grid_type_testimonials .slider .cycle-prev { left: 0.325rem; } .grid_type_testimonials .slider .cycle-next { right: 0.325rem; } .grid_type_testimonials { padding: 5.4rem 0rem !important; } .grid_type_testimonials .slider .item p { padding-left: 4.8rem; padding-right: 4.8rem; } .grid_type_testimonials .custom_pager.center.middle { display: none !important; } .mobile_poster_new, .mobile-wrapper { display: none; } .a-red-button { font-family: "Oxygen", sans-serif; background: #d5072c; display: block; color: #fff; border: none; text-transform: uppercase; width: 100%; cursor: pointer; margin: 0; height: 35px; line-height: 35px; } @media all and (max-width: 620px) { .home #video-wrapper { margin-top: 0px; } #floating-text { position: absolute !important; } .home #video-wrapper>div, #video-wrapper #video-player { height: auto; } .img-responsive { max-height: 10000px; display: none; } #video-wrapper>div .mobile_poster_new { position: static; width: 100%; height: auto; display: block; } .mobile-wrapper { display: block; position: relative; } .mobile-wrapper .a-red-button { position: absolute; bottom: 15px; left: 50%; width: calc(100% - 30px) !important; -webkit-transform: translateX(-50%); transform: translateX(-50%); } #floating-text { pointer-events: none; } #floating-text .container-fluid { font-size: 6vw; } .col-sm-6 { width: 100%; } #floating-contact-form { -webkit-transform: none; transform: none; } #floating-contact-form .teaser>div.form { background: #fff; } .form.right { text-align: left; } } .grid_type_facebook_post { width: 19.5rem !important; background: #fff !important; } .home .form.right { text-align: left; } .accolades { position: relative; } #more-recent-results { position: absolute; bottom: calc(4.15rem - 25px); left: 50% !important; z-index: 2; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .accolades #more-recent-results { border-color: #fff; } .location.left { cursor: pointer; } .home .content_grid:before { display: none; } .content_grid .grid_type_facebook_post li span:last-child:before { content: '@tjhlaw'; } .content_grid .grid_type_facebook_post li span:last-child:after { background: url(./img/facebook.svg) no-repeat center center; background-size: contain !important; } .grid_type_testimonials .btn, .accolades #more-recent-results { width: calc(80% - 7rem); } .teaser>div.text .btn { width: calc(100% - 4.0625rem); } @media all and (min-width: 620px) { .slider.accolades.half li>div.left { position: absolute; top: 50%; left: 0px; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); left: 50%; width: 80%; margin-top: -16px; } .slider.accolades.half li>div.left br { display: none; } } @media all and (min-width: 620px) { .center-this-content { position: absolute; top: 50%; left: 0px; width: 100% !important; -webkit-transform: translateY(-50%); transform: translateY(-50%); margin-top: 0px !important; max-width: 100% !important; } } @media all and (max-width: 620px) { .grid_type_testimonials .slider .item p { padding-left: 0px; padding-right: 0px; } .slider li>div { max-width: 80%; } .grid_type_testimonials .btn { width: 80%; } .accolades #more-recent-results { width: calc(80% - 4rem); } .float-this-content { position: static !important; } .teaser-block div.text .btn { left: 2rem; width: calc(100% - 8rem); } } .grid_type_testimonials { padding-top: 2.8rem !important; } .float-this-content { position: absolute; left: 0; right: 0; margin: 0 auto; bottom: 10px !important; width: 100%; } .grid_type_testimonials>h4 { font-size: 0.84rem; } .teaser-block div.text { position: relative; } .teaser-block div.text .btn { position: absolute; bottom: 4.0625rem; left: 4.0625rem; width: calc(100% - 12.1875rem); -webkit-transform: translateY(1.1rem); transform: translateY(1.1rem); } @media all and (min-width: 621px) { #floating-contact-form { right: calc((100% - 78rem)/2); } .scroll_down { right: 8rem; } } @media all and (max-width: 620px) { #floating-text { margin-top: 2.6rem; } } .home #video-wrapper>div { /*max-height: 3000px; max-height: 3000rem; height: auto;*/ } .img-responsive { /*max-height: 30000px;*/ } @media all and (min-width: 1550px) { #floating-text .container-fluid { margin-left: 10%; } } @media all and (min-width: 1400px) { #floating-text .container-fluid { font-size: 40.6px; } } .teaser>div.form span.red a { color: #d5072c; } #top-bar .top_locations a { color: #333333; } .mobile { display: none; } @media all and (max-width: 620px) { .mobile { display: block; } .desktop { display: none; } .slider.accolades::before, .slider.accolades::after { display: none; } .teaser-block div.text .btn { bottom: 2rem; } .awards_wrapper.mobile_alt { display: none; } .teaser-block div.text .btn { left: 2rem; width: calc(100% - 8rem); } .teaser>div.pa_links .btn, .accolades #more-recent-results, .grid_type_testimonials .btn, .teaser-block div.text .btn, .teaser>div.form .wpcf7-form input[type="submit"] { font-size: 0.624rem; padding-top: 0.8rem; padding-bottom: 0.8rem; letter-spacing: 0.125rem; line-height: 1.3; } } .accolades #more-recent-results:hover { background: #fff; border-color: #fff; color: #d5072c; -webkit-transition: 0; transition: 0; } .grid_type_testimonials .btn:hover { color: #fff; background: #000; } #top-bar .btn, .teaser>div.form .wpcf7-form input[type="submit"], .home_locations .location .btn { -webkit-transition: 0s; transition: 0s; } #top-bar .btn:hover, .teaser>div.form .wpcf7-form input[type="submit"]:hover, .home_locations .location .btn:hover { background: #fff; color: #d5072c; } #top-bar .btn:hover, .teaser>div.form .wpcf7-form input[type="submit"]:hover { background: #000; color: #fff; } .teaser>div.form h4, .slider li h4, .grid_type_testimonials>h4, .teaser>div.text h4 { font-weight: bold !important; } .grid_type_testimonials .btn, .accolades #more-recent-results, .teaser-block div.text .btn, .teaser>div.pa_links .btn, .slider.accolades.half li .btn { font-size: 0.84rem !important; letter-spacing: 0.125rem !important; font-weight: bold !important; } @media all and (max-width: 370px) { .accolades #more-recent-results, .grid_type_testimonials .btn { width: 80%; padding-left: 7px; padding-right: 7px; } } @media all and (max-width: 470px) { .teaser>.slider.accolades.half li .links .btn { display: block; width: calc(100% + 0rem); margin-left: -0rem; padding-left: 5px; padding-right: 5px; -webkit-box-sizing: border-box; box-sizing: border-box; } } @media all and (max-width: 370px) { .teaser>.slider.accolades.half li .links .btn { width: calc(100% + 1rem); margin-left: -0.5rem; } } /*.slider.accolades.half li .bt { padding-left: 0px; padding-right: 0px; }*/ .slider.accolades li img { display: block; margin: auto; margin-bottom: 10px; } .grid_type_twitter, .grid_type_youtube .right { cursor: pointer; } @media all and (max-width: 619px) { .grid_type_twitter { width: 80% !important; } } .hidden { display: none; } .chat-toggle { margin: 0; border: 0; position: fixed; right: 0; bottom: 0; outline: none; cursor: pointer; display: block; color: #fff; font-size: 14.4px; background: #d5072c; padding: 8px 30px; z-index: 9999; text-transform: uppercase; } .chat-toggle.opened { display: none; } #chat { font-family: "Oxygen", sans-serif !important; width: 350px; display: block; border-radius: 5px; overflow: hidden; position: fixed; right: 15px; bottom: 15px; display: none; z-index: 99999; } #chat .overflow, #chat .overflow-msg { position: absolute; left: 0; right: 0; bottom: 0; background: rgba(255, 255, 255, 0.7); z-index: 99; height: 100%; top: 0; } #chat .overflow-msg>div, #chat .overflow-msg span, #chat .overflow>div, #chat .overflow span { position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 20px; margin: auto; text-align: center; } #chat .overflow-msg { display: none; } #chat .overflow-msg button { display: block; } #chat .overflow-msg .end-conv>div { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; top: 30px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #chat .overflow-msg .end-conv>div button { font-size: 17.28px; } #chat .overflow-msg .end-conv>div button:first-child { color: #d5072c; } #chat button { background: transparent; border: 0; outline: none; cursor: pointer; } #chat .head { height: 60px; background-color: #d5072c; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 0 10px; } #chat .head, #chat .head>div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #chat .head span { color: #fff; text-transform: uppercase; margin: 0 10px; font-size: 17.28px; } #chat .head button { color: #fff; font-size: 13.44px; opacity: .8; -webkit-transition: opacity .2s; transition: opacity .2s; } #chat .head button img { cursor: pointer; max-width: 15px; } #chat .head button:hover { opacity: 1; } #chat .subhead { background-color: #fff; height: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; padding: 5px; } #chat .subhead img { max-width: 30px; } #chat .subhead span { color: #d8d8d8; font-size: 12.48px; margin: 0 10px; } #chat .body { background-color: #f1f1f1; height: 330px; padding: 15px; overflow: auto; } #chat .body .message { width: 65%; background-color: #fff; margin: 10px auto 0 20px; position: relative; border-radius: 3px; } #chat .body .message .arrow-triangle { text-align: left; position: absolute; top: 10px; left: -10px; background: #fff; } #chat .body .message .arrow-triangle.left { left: auto; right: -10px; background: #d46567; } #chat .body .message .arrow-triangle:after, #chat .body .message .arrow-triangle:before { content: ""; position: absolute; background-color: inherit; } #chat .body .message .arrow-triangle, #chat .body .message .arrow-triangle:after, #chat .body .message .arrow-triangle:before { width: .8em; height: .8em; border-top-right-radius: 30%; } #chat .body .message .arrow-triangle.left { -webkit-transform: rotate(-90deg) skewX(-30deg) scaleY(0.866); transform: rotate(-90deg) skewX(-30deg) scaleY(0.866); } #chat .body .message .arrow-triangle.right { -webkit-transform: rotate(-30deg) skewX(-30deg) scaleY(0.866); transform: rotate(-30deg) skewX(-30deg) scaleY(0.866); } #chat .body .message .arrow-triangle:before { -webkit-transform: rotate(-135deg) skewX(-45deg) scale(1.414, 0.707) translateY(-50%); transform: rotate(-135deg) skewX(-45deg) scale(1.414, 0.707) translateY(-50%); } #chat .body .message .arrow-triangle:after { -webkit-transform: rotate(135deg) skewY(-45deg) scale(0.707, 1.414) translate(50%); transform: rotate(135deg) skewY(-45deg) scale(0.707, 1.414) translate(50%); } #chat .body .message .message-head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 10px; color: #6c6c6c; } #chat .body .message .message-head span { font-size: 11.52px; font-family: Oxygen, sans-serif !important; } #chat .body .message .message-head span:last-child { text-transform: uppercase; } #chat .body .message .message-body { font-size: 12.48px; color: #858585; padding: 10px; } #chat .body .message.blue { background-color: #d46567; margin: 10px 20px 0 auto; } #chat .body .message.blue>* { color: #fff; } #chat .footer { background-color: #fff; height: 70px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #chat .footer, #chat .footer>div:first-child { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #chat .footer>div:first-child { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; height: 50px; width: 100%; } #chat .footer>div:first-child button { color: #d5072c; display: -webkit-box; display: -ms-flexbox; display: flex; opacity: .8; -webkit-transition: opacity .2s; transition: opacity .2s; padding-right: 15px; } #chat .footer>div:first-child button:hover { opacity: 1; } #chat .footer>div:first-child button img { max-width: 30px; margin: 0; padding: 0; } #chat .footer>div:first-child textarea { border: 0; width: 80%; resize: none; outline: none; overflow: auto; font-size: 12.48px; padding: 0 5px; max-height: 50px; min-height: 20px; } @media only screen and (max-width: 450px) { #chat { width: auto; top: 10px; left: 10px; right: 10px; bottom: 10px; } #chat .footer { bottom: 0; } #chat .body, #chat .footer { position: absolute; left: 0; right: 0; } #chat .body { height: auto; padding-bottom: 40px; overflow: auto; min-height: 165px; bottom: 70px; top: 100px; } #toggle-end-overview { margin: 0; padding: 10px; } } #footer { background: #000000; color: #fff; padding: 100px 60px; padding: 6.25rem 3.75rem; position: relative; z-index: 5; font-size: 0; line-height: 0; } #footer>.left, #footer>.right { float: none; display: inline-block; vertical-align: top; } #footer>.left { width: 20%; } #footer>.right { width: 76%; } @media screen and (max-width: 619px) { #footer { padding: 90px 60px; padding: 5.625rem 3.75rem; line-height: inherit; } #footer>.left, #footer>.right { width: 100%; } } #footer .left>a { font-size: 11.52px; font-size: 0.72rem; letter-spacing: 1px; letter-spacing: 0.0625rem; font-weight: 500; display: block; text-transform: uppercase; } @media screen and (max-width: 619px) { #footer .left>a { margin-bottom: 40px; margin-bottom: 2.5rem; } } #footer h6 { font-size: 13.44px; font-size: 0.84rem; letter-spacing: 2px; letter-spacing: 0.09375rem; margin: 0 0 20px; margin: 0 0 1.25rem; font-weight: 400; text-transform: uppercase; } #footer #site-search { position: relative; margin: 45px 0 40px; margin: 2.8125rem 0 2.5rem; } #footer #site-search input[type="text"] { background: transparent; width: 100%; height: 43px; height: 2.6875rem; border: 1px solid #484848; padding: 0 20px; padding: 0 1.25rem; font-weight: 300; font-size: 15.36px; font-size: 0.96rem; line-height: 40px; line-height: 2.5rem; color: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; } @media screen and (max-width: 619px) { #footer #site-search input[type="text"] { width: 100%; } } #footer #site-search input[type="submit"] { border: none; -webkit-appearance: none; position: absolute; width: 14px; width: 0.875rem; height: 14px; height: 0.875rem; right: 20px; right: 1.25rem; bottom: 14px; bottom: 0.875rem; background: url("/wp-content/themes/tjh-theme/img/src_icon.svg") no-repeat center center; background-size: contain !important; cursor: pointer; } #footer .footer_menu { max-width: 270px; max-width: 16.875rem; margin: 35px 0 50px; margin: 2.1875rem 0 3.125rem; } @media screen and (max-width: 619px) { #footer .footer_menu { max-width: none; margin-bottom: 20px; margin-bottom: 1.25rem; } } #footer .footer_menu .menu-item { display: block; } #footer .footer_menu .menu-item a { font-size: 15.36px; font-size: 0.96rem; line-height: 34px; line-height: 2.125rem; letter-spacing: 1px; letter-spacing: 0.0625rem; } #footer .footer_widgets { border-bottom: 1px solid #444444; padding-bottom: 80px; padding-bottom: 5rem; margin-bottom: 75px; margin-bottom: 4.6875rem; } #footer .footer_widgets .widget_text { display: inline-block; width: 25%; } @media screen and (max-width: 619px) { #footer .footer_widgets .widget_text { display: block; width: 100%; } } #footer .footer_widgets .widget_text h4 { font-size: 17.28px; font-size: 1.08rem; line-height: 18px; line-height: 1.125rem; letter-spacing: 2px; letter-spacing: 0.125rem; margin-top: 0; margin-bottom: 20px; margin-bottom: 1.25rem; text-transform: uppercase; font-family: "Oxygen", sans-serif; } #footer .footer_widgets .widget_text p { font-size: 15.36px; font-size: 0.96rem; line-height: 27px; line-height: 1.6875rem; font-family: "Oxygen", sans-serif; margin: 0; } #page #primary .text_area .hentry .directions { display: none; } #footer .footer_widgets .widget_text .directions { display: block; white-space: nowrap; margin-top: 0.4rem; } #footer .footer_widgets .widget_text .directions>img, #footer .footer_widgets .widget_text .directions>span { display: none !important; vertical-align: middle; } #footer .footer_widgets .widget_text .directions>img { width: 0.7rem; } #footer .footer_widgets .widget_text .directions>span { margin-left: 0.4rem; text-transform: uppercase; letter-spacing: 0.05em; } #footer #footer-logos img { margin-right: 3rem; max-width: 8.75rem; } #footer #footer-logos img:last-child { margin-right: 0; } @media screen and (max-width: 619px) { #footer #footer-logos img { display: block; margin: 0 auto 50px; margin: 0 auto 3.125rem; } } #footer #footer-small-menu { width: 270px; width: 16.875rem; } @media screen and (max-width: 619px) { #footer #footer-small-menu { width: 100%; text-align: center; } } #footer #footer-small-menu #menu-footer-small { position: relative; } #footer #footer-small-menu #menu-footer-small .menu-item { display: inline-block; text-transform: uppercase; } @media screen and (max-width: 619px) { #footer #footer-small-menu #menu-footer-small .menu-item { display: block; } } #footer #footer-small-menu #menu-footer-small .menu-item a { font-size: 11.52px; font-size: 0.72rem; line-height: 26px; line-height: 1.625rem; letter-spacing: 1px; letter-spacing: 0.0625rem; font-weight: 500; margin-right: 30px; margin-right: 1.875rem; } @media screen and (max-width: 619px) { #footer #footer-small-menu #menu-footer-small .menu-item a { margin: 0; } } @media screen and (max-width: 619px) { #footer { padding: 3.2rem 2.7rem 7rem; } #footer h6 { font-size: 0.624rem; margin-bottom: 0; } #footer .footer_menu { margin-top: 0.6rem; } #footer .footer_menu .menu-item a { font-size: 0.7296rem; line-height: 2; letter-spacing: 0.05em; } #footer #site-search { margin: 1.4rem 0 3.8rem; } #footer #site-search input[type="text"] { font-size: 0.7488rem; } #footer .footer_widgets { display: none; } #footer #footer-logos { width: 7.8rem; height: 11.6rem; position: relative; margin: 0 auto 3.125rem; } #footer #footer-logos img { max-width: 7.8rem; width: 100%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); opacity: 0; -webkit-transition: opacity 500ms ease-in; transition: opacity 500ms ease-in; } #footer #footer-logos img.active { opacity: 1; -webkit-transition: opacity 1000ms ease-out; transition: opacity 1000ms ease-out; } #footer #footer-small-menu #menu-footer-small .menu-item a { font-size: 0.528rem; line-height: 1.4; letter-spacing: 0.1em; } } .page_wrapper.landing_page>.landing_header>.logo { padding: 0.2rem 1.22rem; background-color: #C90427; } @media all and (max-width: 767px) { .page_wrapper.landing_page>.landing_header>.logo { padding: 0.3rem 0; } } .page_wrapper.landing_page>.landing_header>.logo>a { display: block; width: 2.28rem; text-decoration: none; } @media all and (max-width: 767px) { .page_wrapper.landing_page>.landing_header>.logo>a { margin: auto; } } .page_wrapper.landing_page>.landing_header>.logo>a>img { display: block; width: 100%; height: auto; } .page_wrapper.landing_page>.landing_header>.info { padding: 0.28rem 0; font-size: 0; line-height: 0; text-align: center; } @media all and (max-width: 767px) { .page_wrapper.landing_page>.landing_header>.info { padding: 0.32rem 0; } } .page_wrapper.landing_page>.landing_header>.info>.label, .page_wrapper.landing_page>.landing_header>.info>.phone_number, .page_wrapper.landing_page>.landing_header>.info>.available { display: inline-block; vertical-align: middle; font-family: "Playfair Display", serif; line-height: 1; } @media all and (max-width: 767px) { .page_wrapper.landing_page>.landing_header>.info>.label, .page_wrapper.landing_page>.landing_header>.info>.phone_number, .page_wrapper.landing_page>.landing_header>.info>.available { display: block; } } .page_wrapper.landing_page>.landing_header>.info>.label { font-weight: bold; font-size: 0.2rem; color: #C90427; text-transform: uppercase; } @media all and (max-width: 767px) { .page_wrapper.landing_page>.landing_header>.info>.label { margin: 0 0 0.2rem; } } .page_wrapper.landing_page>.landing_header>.info>.phone_number { margin: auto 0.75rem; font-weight: bold; font-size: 0.48rem; color: #C90427; text-transform: uppercase; } @media all and (max-width: 767px) { .page_wrapper.landing_page>.landing_header>.info>.phone_number { display: block; width: 100%; padding: 0.15rem 0; font-weight: 600; font-family: "Oxygen", sans-serif; font-size: 0.14rem; line-height: 1; letter-spacing: 0.02rem; text-transform: uppercase; text-align: center; color: #FFF; background-color: #C90427; border: 1px solid #C90427; cursor: pointer; text-align: center; width: 4.88rem; margin: 0 auto 0.2rem; } .page_wrapper.landing_page>.landing_header>.info>.phone_number:hover { background-color: transparent; color: #C90427; } .page_wrapper.landing_page>.landing_header>.info>.phone_number>.mobile>.icon { display: inline-block; vertical-align: middle; } .page_wrapper.landing_page>.landing_header>.info>.phone_number>.mobile>.icon>img { display: block; width: 0.17rem; } .page_wrapper.landing_page>.landing_header>.info>.phone_number>.mobile>.text { display: inline-block; vertical-align: middle; padding-left: 0.2rem; font-size: 0.19rem; } } .page_wrapper.landing_page>.landing_header>.info>.available { font-size: 0.31rem; color: #000; } .page_wrapper.landing_page>.content { position: relative; padding: 0.92rem 1.22rem; display: -webkit-box; display: -ms-flexbox; display: flex; color: #FFF; } @media all and (max-width: 767px) { .page_wrapper.landing_page>.content { padding: 0.8rem 0.7rem; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .page_wrapper.landing_page>.content>.bgimg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; background-color: #1F1F1F; background-size: cover; background-repeat: no-repeat; background-position: center; } .page_wrapper.landing_page>.content>.col_left>.desktop_intro>.breadcrumb, .page_wrapper.landing_page>.content>.mobile_intro>.breadcrumb { margin-bottom: 0.15rem; font-size: 0.14rem; font-weight: 600; font-family: "Oxygen", sans-serif; text-transform: uppercase; letter-spacing: 0.01rem; line-height: 1; } .page_wrapper.landing_page>.content>.col_left>.desktop_intro>.title, .page_wrapper.landing_page>.content>.mobile_intro>.title { margin: 0 0 0.4rem; font-weight: bold; font-family: "Playfair Display", serif; font-size: 0.49rem; line-height: 1.2; letter-spacing: 0.01rem; text-transform: uppercase; } .page_wrapper.landing_page>.content>.col_left>.desktop_intro>.desc, .page_wrapper.landing_page>.content>.mobile_intro>.desc { margin: 0 0 0.54rem; width: 100%; font-weight: 400; font-family: "Playfair Display", serif; font-size: 0.26rem; line-height: 1.5; } .page_wrapper.landing_page>.content>.mobile_intro { display: none; } @media all and (max-width: 767px) { .page_wrapper.landing_page>.content>.mobile_intro { padding-bottom: 0.3rem; display: block; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } } @media all and (max-width: 767px) { .page_wrapper.landing_page>.content>.col_left>.desktop_intro { display: none; } } .page_wrapper.landing_page>.content>.col_left, .page_wrapper.landing_page>.content>.col_right { display: inline-block; vertical-align: top; } .page_wrapper.landing_page>.content>.col_left { padding-right: 0.65rem; width: 45%; } @media all and (max-width: 767px) { .page_wrapper.landing_page>.content>.col_left { width: 100%; padding-right: 0; -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } } .page_wrapper.landing_page>.content>.col_left>.blocks>.block { padding: 0 0 0.54rem; } .page_wrapper.landing_page>.content>.col_left>.blocks>.block>.title { margin: 0 0 0.34rem; font-weight: 700; font-family: "Playfair Display", serif; font-size: 0.38rem; line-height: 1.2; letter-spacing: 0; } .page_wrapper.landing_page>.content>.col_left>.blocks>.block>.content { width: 4.14rem; font-weight: 400; font-family: "Oxygen", sans-serif; font-size: 0.16rem; line-height: 1.5; } @media all and (max-width: 767px) { .page_wrapper.landing_page>.content>.col_left>.blocks>.block>.content { width: 100%; font-size: 0.21rem; } } .page_wrapper.landing_page>.content>.col_left>.blocks>.block>.content p { line-height: 1.5; } .page_wrapper.landing_page>.content>.col_left>.blocks>.block>.content p:first-child { margin-top: 0; } .page_wrapper.landing_page>.content>.col_left>.blocks>.block>.content ul { padding: 0; margin: 0; font-weight: 400; font-family: "Playfair Display", serif; font-size: 0.2rem; line-height: 2.8; border-top: 1px solid rgba(255, 255, 255, 0.13); list-style: none; } @media all and (max-width: 767px) { .page_wrapper.landing_page>.content>.col_left>.blocks>.block>.content ul { font-size: 0.27rem; } } .page_wrapper.landing_page>.content>.col_left>.blocks>.block>.content ul>li { border-bottom: 1px solid rgba(255, 255, 255, 0.13); padding-left: 0.07rem; } .page_wrapper.landing_page>.content>.col_right { width: 55%; } @media all and (max-width: 767px) { .page_wrapper.landing_page>.content>.col_right { width: 100%; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; padding-bottom: 0.9rem; } } .page_wrapper.landing_page>.content>.col_right>.inner_wrapper { padding: 0.8rem; background-color: #fff; } @media all and (max-width: 767px) { .page_wrapper.landing_page>.content>.col_right>.inner_wrapper { padding: 0.6rem 0.55rem; } } .page_wrapper.landing_page>.content>.col_right>.inner_wrapper>.title { margin: 0 0 0.32rem; width: 3.8rem; max-width: 100%; font-weight: 400; font-family: "Playfair Display", serif; font-size: 0.46rem; line-height: 1.21; letter-spacing: 0; color: #19212A; } .page_wrapper.landing_page>.content>.col_right>.inner_wrapper>.desc { padding-bottom: 0.5rem; font-weight: 400; font-family: "Oxygen", sans-serif; font-size: 0.16rem; line-height: 1.5; color: #19212A; } .page_wrapper.landing_page>.content>.col_right>.inner_wrapper>.phone_number { margin: 0 0 0.26rem; display: block; font-weight: bold; font-family: "Playfair Display", serif; font-size: 0.48rem; color: #C90427; white-space: nowrap; } @media all and (max-width: 767px) { .page_wrapper.landing_page>.content>.col_right>.inner_wrapper>.phone_number { font-size: 0.46rem; } } .page_wrapper.landing_page>.content>.col_right>.inner_wrapper>.form_intro { padding-bottom: 0.45rem; font-weight: 400; font-family: "Playfair Display", serif; font-size: 0.21rem; color: #C90427; line-height: 1; white-space: nowrap; } .page_wrapper.landing_page>.content>.col_right>.inner_wrapper>.frm_forms .frm_form_fields>fieldset { padding-bottom: 0; } .page_wrapper.landing_page>.content>.col_right>.inner_wrapper>.frm_forms .frm_fields_container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .page_wrapper.landing_page>.content>.col_right>.inner_wrapper>.frm_forms .frm_fields_container>div.frm_form_field { width: 49.3%; line-height: 0; font-size: 0; margin-bottom: 0.08rem; } @media all and (max-width: 767px) { .page_wrapper.landing_page>.content>.col_right>.inner_wrapper>.frm_forms .frm_fields_container>div.frm_form_field { width: 100%; } } .page_wrapper.landing_page>.content>.col_right>.inner_wrapper>.frm_forms .frm_fields_container>div.frm_form_field:nth-last-of-type(2) { width: 100%; } .page_wrapper.landing_page>.content>.col_right>.inner_wrapper>.frm_forms .frm_fields_container>div.frm_form_field label { display: none !important; } .page_wrapper.landing_page>.content>.col_right>.inner_wrapper>.frm_forms .frm_fields_container>div.frm_form_field textarea, .page_wrapper.landing_page>.content>.col_right>.inner_wrapper>.frm_forms .frm_fields_container>div.frm_form_field input { padding: 0.2rem; height: auto; border: 1px solid #D9D9D9; border-radius: 0; color: #000; font-weight: 500; font-family: "Oxygen", sans-serif; font-size: 0.16rem; line-height: 1; -webkit-box-sizing: border-box; box-sizing: border-box; } .page_wrapper.landing_page>.content>.col_right>.inner_wrapper>.frm_forms .frm_fields_container>div.frm_form_field .frm_error { line-height: 2; } .page_wrapper.landing_page>.content>.col_right>.inner_wrapper>.frm_forms .frm_submit { width: 100%; } .page_wrapper.landing_page>.content>.col_right>.inner_wrapper>.frm_forms .frm_submit>.frm_button_submit { display: block; width: 100%; padding: 0.15rem 0; font-weight: 600; font-family: "Oxygen", sans-serif; font-size: 0.14rem; line-height: 1; letter-spacing: 0.02rem; text-transform: uppercase; text-align: center; color: #FFF; background-color: #C90427; border: 1px solid #C90427; cursor: pointer; border-radius: 0; margin: 0; } .page_wrapper.landing_page>.content>.col_right>.inner_wrapper>.frm_forms .frm_submit>.frm_button_submit:hover { background-color: transparent; color: #C90427; } @media all and (max-width: 767px) { .page_wrapper.landing_page>.content>.col_right>.inner_wrapper>.frm_forms .frm_submit>.frm_button_submit { font-size: 0.19rem; } } .page_wrapper.landing_page>.landing_footer>.contacts { padding: 0.5rem; font-size: 0; line-height: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; } .page_wrapper.landing_page>.landing_footer>.contacts>.office, .page_wrapper.landing_page>.landing_footer>.contacts>.tel, .page_wrapper.landing_page>.landing_footer>.contacts>.address_wrapper { display: inline-block; vertical-align: top; } .page_wrapper.landing_page>.landing_footer>.contacts>.office { font-weight: bold; font-family: "Playfair Display", serif; font-size: 0.27rem; line-height: 1.4; color: #000; text-align: left; } .page_wrapper.landing_page>.landing_footer>.contacts>.office>.mobile_tel { display: none; } @media all and (max-width: 767px) { .page_wrapper.landing_page>.landing_footer>.contacts>.office>.mobile_tel { margin: auto; font-weight: 400; display: block; padding-left: 0; } } .page_wrapper.landing_page>.landing_footer>.contacts>.office>.mobile_tel>.icon, .page_wrapper.landing_page>.landing_footer>.contacts>.tel>.icon { display: inline-block; vertical-align: middle; } .page_wrapper.landing_page>.landing_footer>.contacts>.office>.mobile_tel>.icon>img, .page_wrapper.landing_page>.landing_footer>.contacts>.tel>.icon>img { display: block; width: 0.24rem; height: auto; } .page_wrapper.landing_page>.landing_footer>.contacts>.office>.mobile_tel>.text, .page_wrapper.landing_page>.landing_footer>.contacts>.tel>.text { display: inline-block; vertical-align: middle; padding-left: 0.2rem; font-weight: bold; font-family: "Playfair Display", serif; font-size: 0.35rem; line-height: 1; color: #D5072C; } .page_wrapper.landing_page>.landing_footer>.contacts>.tel { margin: 0 1.2rem; } @media all and (max-width: 767px) { .page_wrapper.landing_page>.landing_footer>.contacts>.tel { display: none; } } .page_wrapper.landing_page>.landing_footer>.contacts>.address_wrapper { padding-left: 0.25rem; border-left: 1px solid #D0D0D0; text-align: left; } @media all and (max-width: 767px) { .page_wrapper.landing_page>.landing_footer>.contacts>.address_wrapper { margin-left: 0.75rem; } } .page_wrapper.landing_page>.landing_footer>.contacts>.address_wrapper>.address { font-weight: 400; font-family: "Oxygen", sans-serif; font-size: 0.16rem; line-height: 1.68; color: #262626; } @media all and (max-width: 767px) { .page_wrapper.landing_page>.landing_footer>.contacts>.address_wrapper>.address { font-size: 0.21rem; } } .page_wrapper.landing_page>.landing_footer>.contacts>.address_wrapper>.direction { display: block; padding-top: 0.06rem; } .page_wrapper.landing_page>.landing_footer>.contacts>.address_wrapper>.direction>.icon { display: inline-block; vertical-align: middle; width: 0.11rem; height: 0.17rem; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTFweCIgaGVpZ2h0PSIxN3B4IiB2aWV3Qm94PSIwIDAgMTEgMTciIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDUwICg1NDk4MykgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+CiAgICA8dGl0bGU+U2hhcGU8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZGVmcz48L2RlZnM+CiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iMjI5IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtOTg5LjAwMDAwMCwgLTE0MjAuMDAwMDAwKSIgZmlsbD0iIzAwMDAwMCIgZmlsbC1ydWxlPSJub256ZXJvIj4KICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwLTMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDk2MC4wMDAwMDAsIDEzNTYuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMzQuNSw2NCBDMzEuNjEzODc1LDY0IDI5LDY2LjQxMDQ1ODMgMjksNjkuMzg0NzUgQzI5LDcyLjM1ODMzMzMgMzEuMzg0OTM3NSw3NS45MDg1IDM0LjUsODEgQzM3LjYxNTA2MjUsNzUuOTA4NSA0MCw3Mi4zNTgzMzMzIDQwLDY5LjM4NDc1IEM0MCw2Ni40MTA0NTgzIDM3LjM4NjgxMjUsNjQgMzQuNSw2NCBaIE0zNC41LDcxLjc5MTY2NjcgQzMzLjM2MDgxMjUsNzEuNzkxNjY2NyAzMi40Mzc1LDcwLjg0MDM3NSAzMi40Mzc1LDY5LjY2NjY2NjcgQzMyLjQzNzUsNjguNDkyOTU4MyAzMy4zNjA4MTI1LDY3LjU0MTY2NjcgMzQuNSw2Ny41NDE2NjY3IEMzNS42MzkxODc1LDY3LjU0MTY2NjcgMzYuNTYyNSw2OC40OTI5NTgzIDM2LjU2MjUsNjkuNjY2NjY2NyBDMzYuNTYyNSw3MC44NDAzNzUgMzUuNjM5MTg3NSw3MS43OTE2NjY3IDM0LjUsNzEuNzkxNjY2NyBaIiBpZD0iU2hhcGUiPjwvcGF0aD4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+); background-size: contain; background-repeat: no-repeat; background-position: center; } .page_wrapper.landing_page>.landing_footer>.contacts>.address_wrapper>.direction>.text { padding-left: 0.12rem; display: inline-block; vertical-align: middle; font-weight: 600; font-family: "Oxygen", sans-serif; font-size: 0.14rem; line-height: 1; letter-spacing: 0.01rem; text-transform: uppercase; color: #262626; } @media all and (max-width: 767px) { .page_wrapper.landing_page>.landing_footer>.contacts>.address_wrapper>.direction>.text { font-size: 0.16rem; } } .page_wrapper.landing_page>.landing_footer>.awards { padding: 0.4rem 1.66rem; background-color: #F6F6F6; line-height: 0; font-size: 0; } .page_wrapper.landing_page>.landing_footer>.awards>.awards_slider { text-align: center; } .page_wrapper.landing_page>.landing_footer>.awards>.awards_slider>.slick-arrow { position: absolute; top: 50%; width: 0.15rem; height: 0.31rem; background-color: transparent; background-image: url("/wp-content/themes/tjh-theme/img/arrow.svg"); background-size: contain; background-position: center; background-repeat: no-repeat; border: 0; cursor: pointer; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .page_wrapper.landing_page>.landing_footer>.awards>.awards_slider>.slick-arrow:focus { outline: 0; } .page_wrapper.landing_page>.landing_footer>.awards>.awards_slider>.slick-arrow.slick-prev { right: 100%; } .page_wrapper.landing_page>.landing_footer>.awards>.awards_slider>.slick-arrow.slick-next { left: 100%; -webkit-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg); } .page_wrapper.landing_page>.landing_footer>.awards>.awards_slider>.slide { width: 1.24rem; } .page_wrapper.landing_page>.landing_footer>.awards>.awards_slider .slide { display: inline-block; vertical-align: middle; margin: 0 0.22rem; } .page_wrapper.landing_page>.landing_footer>.awards>.awards_slider .slide>img { display: block; width: 100%; height: auto; } .page_wrapper.landing_page>.landing_footer>.links { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 0.62rem 2.9rem; } @media all and (max-width: 767px) { .page_wrapper.landing_page>.landing_footer>.links { display: block; padding: 0.7rem; } } .page_wrapper.landing_page>.landing_footer>.links>.home { display: block; width: 100%; padding: 0.15rem 0; font-weight: 600; font-family: "Oxygen", sans-serif; font-size: 0.14rem; line-height: 1; letter-spacing: 0.02rem; text-transform: uppercase; text-align: center; color: #FFF; background-color: #C90427; border: 1px solid #C90427; cursor: pointer; display: inline-block; vertical-align: middle; width: 49%; margin: auto; } .page_wrapper.landing_page>.landing_footer>.links>.home:hover { background-color: transparent; color: #C90427; } @media all and (max-width: 767px) { .page_wrapper.landing_page>.landing_footer>.links>.home { display: block; width: 100%; margin-bottom: 0.2rem; font-size: 0.19rem; } } .page_wrapper.landing_page>.landing_footer>.links>.location { display: block; width: 100%; padding: 0.15rem 0; font-weight: 600; font-family: "Oxygen", sans-serif; font-size: 0.14rem; line-height: 1; letter-spacing: 0.02rem; text-transform: uppercase; text-align: center; color: #FFF; background-color: #C90427; border: 1px solid #C90427; cursor: pointer; color: #000; background-color: transparent; border: 1px solid #000; display: inline-block; vertical-align: middle; width: 49%; } .page_wrapper.landing_page>.landing_footer>.links>.location:hover { background-color: transparent; color: #C90427; } .page_wrapper.landing_page>.landing_footer>.links>.location:hover { background-color: #000; color: #FFF; } @media all and (max-width: 767px) { .page_wrapper.landing_page>.landing_footer>.links>.location { display: block; width: 100%; font-size: 0.19rem; } } #page #primary.content_area.careers>.sub_wrap>.text_area>.top_content>h1 { margin-bottom: 2rem; } #page #primary.content_area.careers>.sub_wrap>.text_area>.cpages { padding: 3.23rem 0; border-top: 1px solid #E2E2E2; border-bottom: 1px solid #E2E2E2; text-align: center; } #page #primary.content_area.careers>.sub_wrap>.text_area>.cpages>.title { text-align: left; font-weight: bold; letter-spacing: 0.04em; font-family: "Playfair Display", serif; font-size: 1.8rem; margin-bottom: 3.23rem; } #page #primary.content_area.careers>.sub_wrap>.text_area>.cpages>.link { display: inline-block; vertical-align: middle; width: 16.5rem; margin: 0 1.9rem; } @media all and (max-width: 767px) { #page #primary.content_area.careers>.sub_wrap>.text_area>.cpages>.link { display: block; margin: 0 auto 2rem; } } #page #primary.content_area.careers>.sub_wrap>.text_area>.benefits>.title { font-weight: bold; letter-spacing: 0.04em; font-family: "Playfair Display", serif; font-size: 1.8rem; margin: 3.23rem 0; } #page #primary.content_area.careers>.sub_wrap>.text_area>.benefits>.grid { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } body #page #primary.content_area.careers>.sub_wrap>.text_area>.benefits>.grid>.block { position: relative; width: 49%; height: 20rem; background-color: #D5072C; color: #FFF; margin-bottom: 2%; } @media all and (max-width: 619px) { body #page #primary.content_area.careers>.sub_wrap>.text_area>.benefits>.grid>.block { width: 100%; } } body.page-id-35825 #page #primary.content_area.careers>.sub_wrap>.text_area>.benefits>.grid>.block { background-color: #363636; } body.page-id-35825 #page #primary.content_area.careers>.sub_wrap>.text_area>.benefits>.grid>.block.white { background-color: #e9e9e9; } body.page-id-35825 #page #primary.content_area.careers>.sub_wrap>.text_area>.benefits>.grid>.block.white, body.page-id-35825 #page #primary.content_area.careers>.sub_wrap>.text_area>.benefits>.grid>.block.white:hover { color: #000; } body.page-id-35825 #page #primary.content_area.careers>.sub_wrap>.text_area>.benefits>.grid>.block.white:hover { background-color: #000; color: #FFF; } #page #primary.content_area.careers>.sub_wrap>.text_area>.benefits>.grid>.block.mobile { display: none; } @media all and (max-width: 767px) { #page #primary.content_area.careers>.sub_wrap>.text_area>.benefits>.grid>.block.mobile { display: block; } } @media all and (max-width: 767px) { #page #primary.content_area.careers>.sub_wrap>.text_area>.benefits>.grid>.block.desktop { display: none; } } #page #primary.content_area.careers>.sub_wrap>.text_area>.benefits>.grid>.block.white { background-color: #e9e9e9; color: #000; } #page #primary.content_area.careers>.sub_wrap>.text_area>.benefits>.grid>.block.nohover:hover { background-color: #000; color: #FFF; } #page #primary.content_area.careers>.sub_wrap>.text_area>.benefits>.grid>.block:hover:not(.nohover) { background-color: #000; color: #FFF; } #page #primary.content_area.careers>.sub_wrap>.text_area>.benefits>.grid>.block:hover:not(.nohover)>.inner_wrapper>.title { font-family: "Oxygen", sans-serif; margin-bottom: 1.29rem; text-transform: uppercase; font-size: 0.9rem; } #page #primary.content_area.careers>.sub_wrap>.text_area>.benefits>.grid>.block:hover:not(.nohover)>.inner_wrapper>.title_img { display: none; } #page #primary.content_area.careers>.sub_wrap>.text_area>.benefits>.grid>.block:hover:not(.nohover)>.inner_wrapper>.content { display: block; } #page #primary.content_area.careers>.sub_wrap>.text_area>.benefits>.grid>.block>.inner_wrapper { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 90%; text-align: center; } #page #primary.content_area.careers>.sub_wrap>.text_area>.benefits>.grid>.block>.inner_wrapper>.title { font-weight: bold; font-family: "Playfair Display", serif; font-size: 1.81rem; line-height: 1.25; } #page #primary.content_area.careers>.sub_wrap>.text_area>.benefits>.grid>.block>.inner_wrapper>.title_img { display: block; width: 52%; height: auto; margin: auto; } @media screen and (min-width: 1440px) { #page #primary.content_area.careers>.sub_wrap>.text_area>.benefits>.grid>.block>.inner_wrapper>.title_img { width: 200px; } } #page #primary.content_area.careers>.sub_wrap>.text_area>.benefits>.grid>.block>.inner_wrapper>.content { display: none; font-size: 1.035rem; line-height: 1.625; } #page #primary.content_area.careers>.sub_wrap>.text_area>.benefits>.grid>.block>.inner_wrapper>.content a { text-decoration: underline; } @media all and (max-width: 767px) { #page #primary.content_area.careers>.sub_wrap>.text_area>.benefits>.grid>.block { width: 100%; height: 24rem; } } #page #primary.content_area.careers>.sub_wrap>.text_area>.career_testimonials { background-color: #000; color: #FFF; text-align: center; padding-bottom: 4.53rem; } #page #primary.content_area.careers>.sub_wrap>.text_area>.career_testimonials>.title { font-weight: bold; font-size: 0.9rem; text-transform: uppercase; letter-spacing: 0.02em; margin: 0 0 1.62rem; padding-top: 4.53rem; } #page #primary.content_area.careers>.sub_wrap>.text_area>.career_testimonials>.slider { position: relative; min-height: auto; padding-bottom: 3rem; } #page #primary.content_area.careers>.sub_wrap>.text_area>.career_testimonials>.slider>.item>div { float: none; max-width: 42.7rem; margin: auto; } @media all and (max-width: 767px) { #page #primary.content_area.careers>.sub_wrap>.text_area>.career_testimonials>.slider>.item>div { max-width: 90%; } } #page #primary.content_area.careers>.sub_wrap>.text_area>.career_testimonials>.slider>.item>div>.quote { max-width: 100%; color: #FFF; } #page #primary.content_area.careers>.sub_wrap>.text_area>.career_testimonials>.slider>.item>div>.author { color: #FFF; } #page #primary.content_area.legal_guides>.sub_wrap>.text_area { width: 56.3rem; max-width: 100%; } #page #primary.content_area.legal_guides .guides { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 3.62rem 0; border-top: 1px solid #E2E2E2; border-bottom: 1px solid #E2E2E2; } #page #primary.content_area.legal_guides .guides>.guide { position: relative; display: inline-block; vertical-align: middle; width: 27.8rem; height: 17.6rem; margin-bottom: 0.65rem; background-color: #D5072C; } #page #primary.content_area.legal_guides .guides>.guide:hover { background-color: #000; } #page #primary.content_area.legal_guides .guides>.guide:hover>.title { opacity: 0; } #page #primary.content_area.legal_guides .guides>.guide:hover>.desc_wrapper { opacity: 1; } #page #primary.content_area.legal_guides .guides>.guide>.title { position: absolute; top: 50%; left: 50%; width: 18rem; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: #FFF; font-weight: bold; font-family: "Playfair Display", serif; font-size: 1.81rem; line-height: 1.25; text-align: center; } #page #primary.content_area.legal_guides .guides>.guide>.desc_wrapper { position: absolute; top: 50%; left: 50%; width: 60%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); opacity: 0; } #page #primary.content_area.legal_guides .guides>.guide>.desc_wrapper>.desc { margin-bottom: 1.9375rem; text-align: center; font-weight: 400; font-family: "Oxygen", sans-serif; font-size: 1.035rem; color: #FFF; line-height: 1.625; } #page #primary.content_area.legal_guides .guides>.guide>.desc_wrapper>.link_to_guide { font-family: "Oxygen", sans-serif; background: #d5072c; display: block; color: #fff; border: 0; text-transform: uppercase; width: 100%; cursor: pointer; } #page #primary.content_area.legal_guide .top_content>h1 { width: 36rem; max-width: 100%; } @media all and (max-width: 767px) { #page #primary.content_area.legal_guide .top_content>.pfd_wrapper { white-space: nowrap; } } #page #primary.content_area.legal_guide .top_content>.pfd_wrapper>.icon, #page #primary.content_area.legal_guide .top_content>.pfd_wrapper>.info { display: inline-block; vertical-align: middle; } #page #primary.content_area.legal_guide .top_content>.pfd_wrapper>.icon { padding-right: 2.265rem; } @media all and (max-width: 767px) { #page #primary.content_area.legal_guide .top_content>.pfd_wrapper>.icon { padding-right: 1rem; } } #page #primary.content_area.legal_guide .top_content>.pfd_wrapper>.icon>img { display: block; width: 3.82rem; height: auto; } #page #primary.content_area.legal_guide .top_content>.pfd_wrapper>.info>.top { margin-bottom: 0.9rem; display: block; font-weight: 400; font-family: "Oxygen", sans-serif; font-size: 0.9rem; line-height: 1; letter-spacing: 0.13rem; text-transform: uppercase; color: #DC001A; } #page #primary.content_area.legal_guide .top_content>.pfd_wrapper>.info>.bottom { display: block; font-weight: 400; font-family: "Oxygen", sans-serif; font-size: 1.035rem; line-height: 1; } #page #primary.content_area.legal_guide .top_content>.pfd_wrapper>.info>.bottom>img { display: inline-block; vertical-align: middle; width: 0.84rem; height: auto; margin-right: 0.647rem; } #page #primary.content_area.legal_guide .text_area { width: 56.3rem; max-width: 100%; } #page #primary.content_area.legal_guide .text_area>.intro>.featured_image { width: 77vw; margin-left: -7vw; } @media all and (max-width: 767px) { #page #primary.content_area.legal_guide .text_area>.intro>.featured_image { width: 100vw; } } #page #primary.content_area.legal_guide .text_area>.intro>.top_intro_content { margin-top: 3.5rem; font-family: "Playfair Display", serif; font-size: 1.87rem; line-height: 1.3; } #page #primary.content_area.legal_guide .text_area>.intro>.top_intro_content p { margin: 0 0 2.3rem; } #page #primary.content_area.legal_guide .text_area>.intro>.top_intro_content strong { color: #D5072C; font-weight: 400; } #page #primary.content_area.legal_guide .text_area>.intro>.intro_content { font-size: 1.16rem; line-height: 1.55; color: #333333; } #page #primary.content_area.legal_guide .text_area>.intro>.intro_content p, #page #primary.content_area.legal_guide .text_area>.intro>.intro_content blockquote { margin: 0 0 2.3rem; } #page #primary.content_area.legal_guide .text_area>.intro>.intro_content blockquote { padding-left: 2.3rem; } #page #primary.content_area.legal_guide .text_area>.main_content { margin-top: 3.68rem; } #page #primary.content_area.legal_guide .text_area>.main_content>.table_contents { border-top: 1px solid #E2E2E2; padding-top: 2.46rem; } #page #primary.content_area.legal_guide .text_area>.main_content>.table_contents>.title { margin-bottom: 1.68rem; font-weight: 400; font-family: "Oxygen", sans-serif; font-size: 1.04rem; line-height: 1; text-transform: uppercase; letter-spacing: 0.13rem; } #page #primary.content_area.legal_guide .text_area>.main_content>.table_contents>.parts { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } #page #primary.content_area.legal_guide .text_area>.main_content>.table_contents>.parts>.part { position: relative; width: 27.8rem; height: 11.3rem; padding: 2.07rem; margin-bottom: 0.65rem; background-color: #D5072C; color: #FFF; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; } #page #primary.content_area.legal_guide .text_area>.main_content>.table_contents>.parts>.part:hover { background-color: #000; } #page #primary.content_area.legal_guide .text_area>.main_content>.table_contents>.parts>.part>.label { margin-bottom: 0.9rem; font-weight: 400; font-family: "Oxygen", sans-serif; font-size: 1.04rem; line-height: 1; text-transform: uppercase; letter-spacing: 0.13rem; } #page #primary.content_area.legal_guide .text_area>.main_content>.table_contents>.parts>.part>.title { font-weight: bold; font-family: "Playfair Display", serif; font-size: 1.424rem; line-height: 1.45; } #page #primary.content_area.legal_guide .text_area>.main_content>.content { padding-bottom: 7.7rem; border-bottom: 1px solid #E6E6E6; } #page #primary.content_area.legal_guide .text_area>.main_content>.content>.part_content { border-top: 1px solid #E2E2E2; padding-top: 3.236rem; margin-top: 3.236rem; } #page #primary.content_area.legal_guide .text_area>.main_content>.content>.part_content>.label { margin-bottom: 0.9rem; font-weight: 400; font-family: "Oxygen", sans-serif; font-size: 1.04rem; line-height: 1; text-transform: uppercase; letter-spacing: 0.13rem; } #page #primary.content_area.legal_guide .text_area>.main_content>.content>.part_content>.title { width: 60%; margin-bottom: 3.236rem; font-weight: bold; font-family: "Playfair Display", serif; font-size: 2.52rem; line-height: 1.33; color: #19212A; } @media all and (max-width: 767px) { #page #primary.content_area.legal_guide .text_area>.main_content>.content>.part_content>.title { width: 100%; } } #page #primary.content_area.legal_guide .text_area>.main_content>.content>.part_content>.featured_image { margin-bottom: 5.05rem; } #page #primary.content_area.legal_guide .text_area>.main_content>.content>.part_content>.featured_image>img { display: block; width: 100%; height: auto; } #page #primary.content_area.legal_guide .text_area>.main_content>.content>.part_content>.intro { width: 92%; margin-bottom: 2.59rem; font-weight: 400; font-family: "Playfair Display", serif; font-size: 1.877rem; line-height: 1.31; color: #19212A; } #page #primary.content_area.legal_guide .text_area>.main_content>.content>.part_content>.body { width: 92%; color: #333333; font-size: 1.165rem; line-height: 1.55; } #page #primary.content_area.legal_guide .text_area>.main_content>.content>.part_content>.body blockquote { padding-left: 1.94rem; margin: 2.8125rem 0; letter-spacing: 0; } #page #primary.content_area.legal_guide .text_area>.main_content>.content>.part_content>.body blockquote h4 { font-weight: 400; font-family: "Playfair Display", serif; font-size: 1.87rem; letter-spacing: 0; } #page #primary.content_area.legal_guide .text_area>.main_content>.content>.part_content>.body b, #page #primary.content_area.legal_guide .text_area>.main_content>.content>.part_content>.body strong { color: #D1052A; } #page #primary.content_area.legal_guide .text_area>.related { border-top: 1px solid #E6E6E6; padding-bottom: 7.77rem; text-align: center; } #page #primary.content_area.legal_guide .text_area>.related>.title { padding-top: 3.17rem; font-weight: bold; font-family: "Playfair Display", serif; font-size: 1.81rem; line-height: 1; color: #19212A; } #page #primary.content_area.legal_guide .text_area>.related>.guides { padding-top: 3.81rem; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } #page #primary.content_area.legal_guide .text_area>.related>.guides>.guide { position: relative; display: inline-block; vertical-align: middle; width: 27.8rem; height: 17.6rem; margin-bottom: 0.65rem; background-color: #D5072C; } #page #primary.content_area.legal_guide .text_area>.related>.guides>.guide:hover { background-color: #000; } #page #primary.content_area.legal_guide .text_area>.related>.guides>.guide:hover>.title { opacity: 0; } #page #primary.content_area.legal_guide .text_area>.related>.guides>.guide:hover>.desc_wrapper { opacity: 1; } #page #primary.content_area.legal_guide .text_area>.related>.guides>.guide>.title { position: absolute; top: 50%; left: 50%; width: 18rem; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: #FFF; font-weight: bold; font-family: "Playfair Display", serif; font-size: 1.81rem; line-height: 1.25; text-align: center; } #page #primary.content_area.legal_guide .text_area>.related>.guides>.guide>.desc_wrapper { position: absolute; top: 50%; left: 50%; width: 60%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); opacity: 0; } #page #primary.content_area.legal_guide .text_area>.related>.guides>.guide>.desc_wrapper>.desc { margin-bottom: 1.9375rem; text-align: center; font-weight: 400; font-family: "Oxygen", sans-serif; font-size: 1.035rem; color: #FFF; line-height: 1.625; } #page #primary.content_area.legal_guide .text_area>.related>.guides>.guide>.desc_wrapper>.link_to_guide { font-family: "Oxygen", sans-serif; background: #d5072c; display: block; color: #fff; border: 0; text-transform: uppercase; width: 100%; cursor: pointer; } #page #primary.content_area.legal_guide .text_area>.related>.view_all { display: block; width: 100%; padding: 0.15rem 0; font-weight: 600; font-family: "Oxygen", sans-serif; font-size: 0.14rem; line-height: 1; letter-spacing: 0.02rem; text-transform: uppercase; text-align: center; color: #FFF; background-color: #C90427; border: 1px solid #C90427; cursor: pointer; color: #000; background-color: transparent; border: 1px solid #000; display: inline-block; width: auto; font-size: 1.04rem; padding: 1.29rem 2.58rem; margin-top: 1.94rem; } #page #primary.content_area.legal_guide .text_area>.related>.view_all:hover { background-color: transparent; color: #C90427; } #page #primary.content_area.legal_guide .text_area>.related>.view_all:hover { background-color: #000; color: #FFF; } #modal-referral .modal-inner .modal-content>.form_wrapper { width: 700px; width: 43.75rem; max-width: 100%; float: left; line-height: 1; } #modal-referral .modal-inner .modal-content>.form_wrapper>.title { color: #000; font-weight: 700; font-size: 11.52px; font-size: 0.72rem; margin: 0 0 20px; margin: 0 0 1.25rem; text-transform: uppercase; } #modal-referral .modal-inner .modal-content>.form_wrapper input, #modal-referral .modal-inner .modal-content>.form_wrapper textarea { height: auto; border: 0; -webkit-box-shadow: none; box-shadow: none; border-radius: 0; border-bottom: 1px solid #CBCBCB; font-weight: 700; color: #505050; font-size: 0.84rem; line-height: 1.5; padding: 1.0625rem 0.9375rem; font-family: "Oxygen", sans-serif !important; width: 100%; } #modal-referral .modal-inner .modal-content>.form_wrapper .frm_primary_label { display: none; } #modal-referral .modal-inner .modal-content>.form_wrapper .frm_fields_container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-top: 1rem; } #modal-referral .modal-inner .modal-content>.form_wrapper .frm_fields_container>.frm_form_field { width: 100%; margin-bottom: 0; } #modal-referral .modal-inner .modal-content>.form_wrapper .frm_fields_container>.frm_form_field:nth-of-type(1), #modal-referral .modal-inner .modal-content>.form_wrapper .frm_fields_container>.frm_form_field:nth-of-type(2), #modal-referral .modal-inner .modal-content>.form_wrapper .frm_fields_container>.frm_form_field:nth-of-type(3), #modal-referral .modal-inner .modal-content>.form_wrapper .frm_fields_container>.frm_form_field:nth-of-type(4) { width: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; } @media all and (max-width: 767px) { #modal-referral .modal-inner .modal-content>.form_wrapper .frm_fields_container>.frm_form_field:nth-of-type(1), #modal-referral .modal-inner .modal-content>.form_wrapper .frm_fields_container>.frm_form_field:nth-of-type(2), #modal-referral .modal-inner .modal-content>.form_wrapper .frm_fields_container>.frm_form_field:nth-of-type(3), #modal-referral .modal-inner .modal-content>.form_wrapper .frm_fields_container>.frm_form_field:nth-of-type(4) { width: 100%; padding-left: 0 !important; padding-right: 0 !important; } } #modal-referral .modal-inner .modal-content>.form_wrapper .frm_fields_container>.frm_form_field:nth-of-type(1), #modal-referral .modal-inner .modal-content>.form_wrapper .frm_fields_container>.frm_form_field:nth-of-type(3) { padding-right: 0.95rem; } #modal-referral .modal-inner .modal-content>.form_wrapper .frm_fields_container>.frm_form_field:nth-of-type(2), #modal-referral .modal-inner .modal-content>.form_wrapper .frm_fields_container>.frm_form_field:nth-of-type(4) { padding-left: 0.95rem; } #modal-referral .modal-inner .modal-content>.form_wrapper .frm_fields_container .frm_button_submit { border-radius: 0; margin-top: 1.875rem; font-family: "Oxygen", sans-serif; background: #d5072c; display: block; color: #fff; border: none; text-transform: uppercase; width: 245px; width: 15.3125rem; text-align: center; font-size: .84rem; letter-spacing: .125rem; line-height: 1.6875rem; padding: .4375rem 0; } #modal-request .modal-inner .modal-content>.form_wrapper { width: 700px; width: 43.75rem; max-width: 100%; float: left; line-height: 1; } #modal-request .modal-inner .modal-content>.form_wrapper>.title { color: #000; font-weight: 700; font-size: 11.52px; font-size: 0.72rem; margin: 0 0 20px; margin: 0 0 1.25rem; text-transform: uppercase; } #modal-request .modal-inner .modal-content>.form_wrapper input, #modal-request .modal-inner .modal-content>.form_wrapper textarea, #modal-request .modal-inner .modal-content>.form_wrapper .frm_checkbox { height: auto; border: 0; -webkit-box-shadow: none; box-shadow: none; border-radius: 0; border-bottom: 1px solid #CBCBCB; font-weight: 700; color: #505050; font-size: 0.84rem; line-height: 1.5; padding: 1.0625rem 0.9375rem; font-family: "Oxygen", sans-serif !important; width: 100%; } #modal-request .modal-inner .modal-content>.form_wrapper input[type="checkbox"] { width: auto; } #modal-request .modal-inner .modal-content>.form_wrapper .frm_checkbox { border-bottom: 0; } #modal-request .modal-inner .modal-content>.form_wrapper .frm_primary_label { display: none; } #modal-request .modal-inner .modal-content>.form_wrapper .frm_fields_container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-top: 1rem; } #modal-request .modal-inner .modal-content>.form_wrapper .frm_fields_container>.frm_form_field { width: 100%; margin-bottom: 0; } #modal-request .modal-inner .modal-content>.form_wrapper .frm_fields_container>.frm_form_field:nth-of-type(1), #modal-request .modal-inner .modal-content>.form_wrapper .frm_fields_container>.frm_form_field:nth-of-type(2), #modal-request .modal-inner .modal-content>.form_wrapper .frm_fields_container>.frm_form_field:nth-of-type(3), #modal-request .modal-inner .modal-content>.form_wrapper .frm_fields_container>.frm_form_field:nth-of-type(4), #modal-request .modal-inner .modal-content>.form_wrapper .frm_fields_container>.frm_form_field:nth-of-type(6), #modal-request .modal-inner .modal-content>.form_wrapper .frm_fields_container>.frm_form_field:nth-of-type(7), #modal-request .modal-inner .modal-content>.form_wrapper .frm_fields_container>.frm_form_field:nth-of-type(8), #modal-request .modal-inner .modal-content>.form_wrapper .frm_fields_container>.frm_form_field:nth-of-type(9) { width: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; } @media all and (max-width: 767px) { #modal-request .modal-inner .modal-content>.form_wrapper .frm_fields_container>.frm_form_field:nth-of-type(1), #modal-request .modal-inner .modal-content>.form_wrapper .frm_fields_container>.frm_form_field:nth-of-type(2), #modal-request .modal-inner .modal-content>.form_wrapper .frm_fields_container>.frm_form_field:nth-of-type(3), #modal-request .modal-inner .modal-content>.form_wrapper .frm_fields_container>.frm_form_field:nth-of-type(4), #modal-request .modal-inner .modal-content>.form_wrapper .frm_fields_container>.frm_form_field:nth-of-type(6), #modal-request .modal-inner .modal-content>.form_wrapper .frm_fields_container>.frm_form_field:nth-of-type(7), #modal-request .modal-inner .modal-content>.form_wrapper .frm_fields_container>.frm_form_field:nth-of-type(8), #modal-request .modal-inner .modal-content>.form_wrapper .frm_fields_container>.frm_form_field:nth-of-type(9) { width: 100%; padding-left: 0 !important; padding-right: 0 !important; } } #modal-request .modal-inner .modal-content>.form_wrapper .frm_fields_container>.frm_form_field:nth-of-type(1), #modal-request .modal-inner .modal-content>.form_wrapper .frm_fields_container>.frm_form_field:nth-of-type(3), #modal-request .modal-inner .modal-content>.form_wrapper .frm_fields_container>.frm_form_field:nth-of-type(6), #modal-request .modal-inner .modal-content>.form_wrapper .frm_fields_container>.frm_form_field:nth-of-type(8) { padding-right: 0.95rem; } #modal-request .modal-inner .modal-content>.form_wrapper .frm_fields_container>.frm_form_field:nth-of-type(2), #modal-request .modal-inner .modal-content>.form_wrapper .frm_fields_container>.frm_form_field:nth-of-type(4), #modal-request .modal-inner .modal-content>.form_wrapper .frm_fields_container>.frm_form_field:nth-of-type(7), #modal-request .modal-inner .modal-content>.form_wrapper .frm_fields_container>.frm_form_field:nth-of-type(9) { padding-left: 0.95rem; } #modal-request .modal-inner .modal-content>.form_wrapper .frm_fields_container .frm_button_submit { border-radius: 0; margin-top: 1.875rem; font-family: "Oxygen", sans-serif; background: #3d78d4; display: block; color: #fff; border: none; text-transform: uppercase; width: 245px; width: 15.3125rem; text-align: center; font-size: .84rem; letter-spacing: .125rem; line-height: 1.6875rem; padding: .4375rem 0; } #page #primary .sidebar_area .sidebar_form>.form_wrapper { padding-bottom: 3.125rem; } #page #primary .sidebar_area .sidebar_form>.form_wrapper .frm_form_field { margin: 0; } #page #primary .sidebar_area .sidebar_form>.form_wrapper .frm_form_field>label { display: none; } #page #primary .sidebar_area .sidebar_form>.form_wrapper input, #page #primary .sidebar_area .sidebar_form>.form_wrapper textarea { border-radius: 0; border: 1px solid #DADADA; background: #fff; color: #000000; font-size: 0.96rem; line-height: 1rem; padding: 0.3125rem 0.9375rem; font-family: "Oxygen", sans-serif !important; width: 100%; margin-bottom: 0.625rem; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: none; box-shadow: none; height: 2.625rem; } #page #primary .sidebar_area .sidebar_form>.form_wrapper textarea { height: auto; } #page #primary .sidebar_area .sidebar_form>.form_wrapper .frm_button_submit { border-radius: 0; -webkit-box-shadow: none; box-shadow: none; font-family: "Oxygen", sans-serif; background: #d5072c; display: block; color: #fff; border: none; text-transform: uppercase; width: 100%; cursor: pointer; margin: 0.625rem 0 0; font-size: .84rem; padding: .4375rem 0; letter-spacing: .125rem; line-height: 1.6875rem; } #page #primary .text_area .footer.form_wrapper { position: relative; width: 50%; } @media all and (max-width: 767px) { #page #primary .text_area .footer.form_wrapper { width: 100%; } } #page #primary .text_area .footer.form_wrapper .frm_form_field { display: inline-block; vertical-align: middle; margin: 0; width: 50%; padding-right: 0.6rem; -webkit-box-sizing: border-box; box-sizing: border-box; } @media all and (max-width: 767px) { #page #primary .text_area .footer.form_wrapper .frm_form_field { width: 100%; padding-right: 0; } } #page #primary .text_area .footer.form_wrapper .frm_form_field>label { display: none; } #page #primary .text_area .footer.form_wrapper input, #page #primary .text_area .footer.form_wrapper textarea { border-radius: 0; border: 1px solid #DADADA; background: #fff; color: #000000; font-size: 0.96rem; line-height: 1rem; padding: 0.3125rem 0.9375rem; font-family: "Oxygen", sans-serif !important; width: 100%; margin-bottom: 0.625rem; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: none; box-shadow: none; height: 2.625rem; } #page #primary .text_area .footer.form_wrapper textarea { position: absolute; top: 0; left: 100%; height: 5.9rem; } @media all and (max-width: 767px) { #page #primary .text_area .footer.form_wrapper textarea { position: relative; left: auto; } } @media all and (max-width: 619px) { #page #primary .text_area .footer.form_wrapper input, #page #primary .text_area .footer.form_wrapper textarea, #page #primary .text_area .footer.form_wrapper .frm_form_field.frm_fourth { width: 100%; } } #page #primary .text_area .footer.form_wrapper .frm_button_submit { position: absolute; bottom: 0; left: 100%; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; font-family: "Oxygen", sans-serif; background: #d5072c; display: block; color: #fff; border: none; text-transform: uppercase; width: 100%; cursor: pointer; margin: 0.625rem 0 0; font-size: .84rem; padding: .4375rem 0; letter-spacing: .125rem; line-height: 1.6875rem; } @media all and (max-width: 767px) { #page #primary .text_area .footer.form_wrapper .frm_button_submit { position: relative; left: auto; } } .home .form.right .frm_forms .frm_fields_container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .home .form.right .frm_forms .frm_form_field { width: 100%; margin: 0; -webkit-box-sizing: border-box; box-sizing: border-box; } .home .form.right .frm_forms .frm_form_field:nth-of-type(1), .home .form.right .frm_forms .frm_form_field:nth-of-type(2), .home .form.right .frm_forms .frm_form_field:nth-of-type(3), .home .form.right .frm_forms .frm_form_field:nth-of-type(4) { width: 50%; } @media all and (max-width: 767px) { .home .form.right .frm_forms .frm_form_field:nth-of-type(1), .home .form.right .frm_forms .frm_form_field:nth-of-type(2), .home .form.right .frm_forms .frm_form_field:nth-of-type(3), .home .form.right .frm_forms .frm_form_field:nth-of-type(4) { width: 100%; } } .home .form.right .frm_forms .frm_form_field:nth-of-type(1), .home .form.right .frm_forms .frm_form_field:nth-of-type(3) { padding-right: 0.25rem; } @media all and (max-width: 767px) { .home .form.right .frm_forms .frm_form_field:nth-of-type(1), .home .form.right .frm_forms .frm_form_field:nth-of-type(3) { padding-right: 0; } } .home .form.right .frm_forms .frm_form_field:nth-of-type(2), .home .form.right .frm_forms .frm_form_field:nth-of-type(4) { padding-left: 0.25rem; } @media all and (max-width: 767px) { .home .form.right .frm_forms .frm_form_field:nth-of-type(2), .home .form.right .frm_forms .frm_form_field:nth-of-type(4) { padding-left: 0; } } .home .form.right .frm_forms .frm_form_field>label { display: none; } .home .form.right .frm_forms input, .home .form.right .frm_forms textarea { border-radius: 0; border: 1px solid #DADADA; background: #fff; color: #000000; font-size: 0.96rem; line-height: 1rem; padding: 0.3125rem 0.9375rem; font-family: "Oxygen", sans-serif !important; width: 100%; margin-bottom: 0.625rem; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: none; box-shadow: none; height: 2.625rem; } .home .form.right .frm_forms textarea { height: auto; } .home .form.right .frm_forms .frm_submit { width: 100%; } .home .form.right .frm_forms .frm_button_submit { border-radius: 0; -webkit-box-shadow: none; box-shadow: none; font-family: "Oxygen", sans-serif; background: #d5072c; display: block; color: #fff; border: none; text-transform: uppercase; width: 100%; cursor: pointer; margin: 0.625rem 0 0; font-size: .84rem; padding: .4375rem 0; letter-spacing: .125rem; line-height: 1.6875rem; } .event.type-event .frm_forms { width: 40vw; } @media all and (max-width: 767px) { .event.type-event .frm_forms { width: 100%; } } .event.type-event .frm_forms .frm_form_field { margin: 0; } .event.type-event .frm_forms .frm_form_field>label { display: none; } .event.type-event .frm_forms .frm_form_field.frm_half.frm_alignright { margin-left: 0.625rem; } .event.type-event .frm_forms input, .event.type-event .frm_forms textarea { border-radius: 0; border: 1px solid #DADADA; background: #fff; color: #000000; font-size: 0.96rem; line-height: 1rem; padding: 0.3125rem 0.9375rem; font-family: "Oxygen", sans-serif !important; width: 100%; margin-bottom: 0.625rem; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: none; box-shadow: none; height: 2.625rem; } .event.type-event .frm_forms textarea { height: auto; } .event.type-event .frm_forms .frm_submit { width: 100%; } .event.type-event .frm_forms .frm_button_submit { border-radius: 0; -webkit-box-shadow: none; box-shadow: none; font-family: "Oxygen", sans-serif; background: #d5072c; display: block; color: #fff; border: none; text-transform: uppercase; width: 100%; cursor: pointer; margin: 0.625rem 0 0; font-size: .84rem; padding: .4375rem 0; letter-spacing: .125rem; line-height: 1.6875rem; } .home_locations { white-space: nowrap; overflow: hidden; } .home_locations .location { display: inline-block; vertical-align: top; /*width: 14.8rem;*/ } .home_locations .location.cycle-slide { width: 100%; } .home_locations .location h3 { font-size: 1.4rem; } .home_locations .location p span.tel { font-size: 1.2rem; margin-bottom: 0.5rem; } .home_locations .location img { margin-bottom: 1rem; width: 100% !important; } .home_locations .location .btn { margin-top: 1.5rem; border: 1px solid #d5072c; } .page-template-page-locations .locations { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; padding-bottom: 2rem; } .page-template-page-locations .locations .location { width: 17rem; margin-bottom: 1rem; } .page-template-page-locations .locations .location.cycle-slide { width: 100%; } .page-template-page-locations .locations .location>p { width: 100%; } #page #primary .page_banner { margin-left: 0; padding-left: 25%; width: 100%; max-height: initial; height: auto; -webkit-box-sizing: border-box; box-sizing: border-box; } @media all and (max-width: 767px) { #page #primary .page_banner { padding-left: 0; } } #page #primary .page_banner #video-wrapper>div { height: auto; } #page #primary .page_banner #video-wrapper { padding: 0 5rem; -webkit-box-sizing: border-box; box-sizing: border-box; } @media all and (max-width: 767px) { #page #primary .page_banner #video-wrapper { padding: 0; } #page #primary .page_banner #video-wrapper #video-player { width: 100% !important; left: auto; -webkit-transform: none; transform: none; } } .page-template-page-careers #page #primary .page_banner { padding-left: 0; } .page-template-page-careers #page #primary .page_banner #video-wrapper { padding: 0; } .footer_widgets_a { border-bottom: 0px !important; margin-bottom: 0px !important; padding-bottom: 44px !important; } .footer_widgets_b { padding-bottom: 17px !important; padding-top: 35px !important; margin-bottom: 40px !important; border-top: 1px solid #1f1f1f !important; border-bottom: 1px solid #1f1f1f !important; } .footer_widgets_b h6 { text-transform: none !important; font-size: .96rem !important; font-family: "Oxygen", sans-serif !important; } .footer_widgets_b h6 span { font-size: .84rem; } @media all and (max-width: 980px) { .footer_widgets_b { padding-top: 25px !important; } } .event_banner { padding: 5rem 4.0625rem; margin-bottom: 4rem; } .page-template-page-blog-php #page #primary .sidebar_area { background: #363636; } .page-template-page-blog-php #page #primary .sidebar_area .sidebar_form h3 { color: #fff; } .page-template-page-blog-php #page #primary .sidebar_area .sidebar_form h4 { color: #fff; } .page-template-page-blog-php #page #primary .sidebar_area h4.cat { color: #fff; font-weight: bold; font-size: 0.96rem; line-height: 1.75rem; letter-spacing: 0.09375rem; font-weight: 700; } .page-template-page-blog-php #page #primary .sidebar_area .menu li a { color: #fff; line-height: 1.75rem; font-size: 0.96rem; } .page-template-page-blog-php #page #primary .sidebar_area .menu li { /*border-top: 1px solid #5a5a5a; border-bottom: 1px solid #5a5a5a;*/ padding: 2px 0px; } .page-template-page-blog-php #page #primary .sidebar_area .menu { padding-left: 0px; } .page-template-page-blog-php #page .content_area .sub_wrap { margin-top: 0px; } @media screen and (min-width: 1440px) { .page-template-page-blog-php #page #primary .sidebar_area { width: 25%; } } .page-template-page-blog-php #page #primary .sidebar_area.fixed { { position: relative !important; } @media screen and (min-width: 1440px) { .page-template-page-blog-php #page #primary .text_area { top: 0px !important; width: 59%; margin-left: 8%; margin-right: 8%; margin-top: 60px; } } .page-template-page-blog-php #page #primary .sidebar_area { padding-top: 9rem !important; position: relative !important; top: 0px !important; overflow-y: hidden; height: 100%; } .page-template-page-blog-php #page .content_area .sub_wrap { display: table; border-collapse: separate; height: 100%; } .page-template-page-blog-php #page .content_area .sub_wrap .content-row { display: table-row; height: 100%; } @media screen and (min-width: 620px) { .page-template-page-blog-php .top-bar-custom { position: relative !important; } } .page-template-page-blog-php #page #primary { position: relative; height: 100%; margin: 0px !important; padding: 0px !important; } @media screen and (min-width: 620px) { .top-bar-custom { position: relative !important; } } .top-bar-custom { position: relative !important; } body.page-id-35825 .sub_wrap>.text_area>.benefits>.grid>.block { background-color: #363636 !important; } .textwidget { padding-top: 3rem }