/* Theme Name: Law Firm Sites Theme URI: http://www.lawfirmsites.com/ Description: A simple responsive theme based on the Bootstrap framework. Includes multiple page templates, two different sidebars and a theme options panel. Version: 1 Author: Law Firm Sites Author URI: http://www.lawfirmsites.com/ Tags: black, white, one-column, two-columns, flexible-width, custom-background, custom-colors, custom-menu, full-width-template, theme-options License: License URI: */ /* FONT FACE =================================*/ /*@font-face { font-family: FontName; src: url('fonts/FontName.ttf') format("truetype"); font-weight: normal; }*/ :root { /*FONT SIZE*/ --px12: 0.75rem; --px14: 0.875rem; --px15: 0.938rem; --px16: 1rem; --px17: 1.063rem; --px18: 1.125rem; --px20: 1.25rem; --px21: 1.35rem; --px22: 1.375rem; --px23: 1.438rem; --px24: 1.5rem; --px25: 1.563rem; --px26: 1.625rem; --px27: 1.688rem; --px28: 1.75rem; --px29: 1.75rem; --px30: 1.875rem; --px32: 2rem; --px33: 2.063rem; --px34: 2.125rem; --px35: 2.188rem; --px36: 2.25rem; --px38: 2.375rem; --px39: 2.438rem; --px40: 2.5rem; --px42: 2.625rem; --px45: 2.813rem; --px46: 2.875rem; --px47: 2.938rem; --px48: 3rem; --px49: 3.063rem; --px50: 3.125rem; --px55: 3.438rem; --px58: 3.625rem; --px60: 3.75rem; --px65: 4.063rem; --px66: 4.125rem; --px69: 4.313rem; --px72: 4.5rem; --px75: 4.688rem; --px82: 5.125rem; --px90: 5.625rem; --px92: 5.75rem; --px95: 5.938rem; --px100: 6.25rem; --px120: 7.5rem; --px132: 8.25rem; --PadLeft: 3.813rem; --Rotunda: "rotunda-variable", sans-serif; --Muli: "muli", sans-serif; --Area: "area-normal", sans-serif; --fontvarLight: "wght" 300; --fontvarNorm: "wght" 400; --fontvarMed: "wght" 500; --fontvarSemi: "wght" 600; --fontvarBold: "wght" 700; /*COLOR*/ --Black: #0F0F0F; --Blue: #4285F4; --LightBlue: #9BC1FF; --Yellow: #F4B400; --Red: #E94334; --Dark: #333; --Brown: #927030; } /* BODY =================================*/ html { font-size: 0.833333vw; scroll-behavior: smooth; } body { padding: 0; margin: 0; font-size: var(--px18); font-variation-settings: "wght" 300; font-family:var(--Rotunda); font-weight:400; color: var(--Black);} a:focus , a:hover { outline: none; text-decoration: none; } .scroll { transition: .6s; -moz-transition: .6s; -ms-transition: .6s; -webkit-transition: .6s; -o-transition: .6s; } .sub-menu , .repCasesBtn , a.imgHover:before , a , input , button , .sub-menu { transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -webkit-transition: .5s; -o-transition: .5s; } img { max-width: 100%; width: auto; height: auto; } a.imgHover { display: inline-block; position: relative; vertical-align: top; } a.imgHover img { display: block; margin: 0; } a.imgHover:before { content: ''; display: inline-block; position: absolute; top: 0; left: 0; bottom: 0; width: 100%; } a.imgHover:hover:before { background-color: rgba(0,0,0,.5); } .scroll.open { top: 0; } .admin-bar .scroll.open { top: 32px; } .scroll { position: fixed; display: none; top: -200px; left: 0; width: 100%; z-index: 5000; } a.post-edit-link { display: inline-block; color: #fff; padding: .4rem 2rem; background-color: #000; font: 1.25rem; position: fixed; bottom: 1rem; left: 1rem; z-index: 3000; } a.post-edit-link:hover { background-color: #333; } section:before,section:after { clear: both; display: block; content: ''; } h1,h2,h3,h4,h5,h6,p { margin: 0; } h1 { font-size: var(--px48); font-weight: normal; font-family: var(--Area); } h2 { font-size: var(--px48); font-weight: normal; font-family: var(--Area); } h3 { font-size: var(--px36); font-weight: normal; font-family: var(--Area); } h4 { font-size: var(--px24); } h5 { font-size: var(--px20); line-height:var(--px26); font-variation-settings:var(--fontvarNorm); } h6 {} /* HEADER =================================*/ .navbar-default { border-radius: 0; margin: 0; min-height: 0; background-color: #13283D; color: #fff; border: none; background-color: transparent; border-bottom: 1px solid #fff; } .main-menu { list-style: none; padding: 0; margin: 0; } .main-menu li { position: relative; padding: 0; } .main-menu li a { display: block; font-size: var(--px18); font-weight: 400; font-family: var(--Rotunda); font-variation-settings: var(--fontvarNorm); } .logo { display: inline-block; vertical-align: top; max-width: 16rem; margin: 1.688rem 0 2.125rem; vertical-align: top; } ul.paginations { list-style:none; padding:0; display:flex; flex-wrap:wrap; justify-content:center; gap: 1rem; } #header { background-image:url('images/banner-default.jpg'); background-size: cover; background-position: center top; } .home #header { background-image:url('images/home-banner-bg.jpg'); } #header .flex { justify-content:flex-end; gap: 2rem 2rem; align-items:flex-start; } .phone-top { margin-top:2.563rem; } .phone-top a { background-color:var(--Yellow); display:inline-block; color: #fff; padding: .906rem 2.375rem; border-radius: 1.688rem; } .phone-top a:hover { background-color:var(--Red); } .phone-top a span { font-size:var(--px20);line-height:var(--px26); display:inline-block; vertical-align:middle; font-variation-settings: var(--fontvarBold); } .phone-top a svg { display:inline-block; vertical-align:middle; width: 1.375rem; } .lang-wrap { display:flex; flex-wrap:wrap; margin-top: 3.5rem; } .lang-wrap a { color:#fff; font-size: var(--px18); font-weight: 400; font-family: var(--Rotunda); font-variation-settings: var(--fontvarNorm); } .lang-wrap a:hover { color:var(--Yellow); } .lang-wrap .gt-current-lang { display:none; } /* CONTACT FORM =================================*/ section.bottom-contact { background-color:var(--Blue); color:#fff; padding: 8.1rem 0 6.438rem; } .gform_confirmation_message { background-color: #ddffdd; color: #000; text-align: center; border: 2px solid #4CAF50; padding: 15px 20px; } .form-wrap { margin: 0rem 0 0rem; max-width:55.313rem; width: 100%; font-size: var(--px18); font-variation-settings: var(--fontvarLight); } .form-wrap label { font-weight: normal; } .form-wrap h2 { } .form-wrap ul { list-style: none; padding: 0; } .gform_fields { margin: 0; } .gfield { width: 100%; position: relative; margin-bottom: 1.375rem; } .gfield.hidden_label { margin-bottom:0; } .gfield.hidden_label label.gfield_label { display:none; } .gfield label.gfield_label { margin-bottom: 0.4rem; } .gfield label.gfield_label span { } .form-wrap textarea, .form-wrap input[type="tel"], .form-wrap input[type="email"], .form-wrap input[type="text"] { background-color: #fff; display: block; width: 100%; border: none; border-radius:0; line-height: var(--px36); padding: .875rem 1.75rem; font-size: var(--px18); font-variation-settings: var(--fontvarLight); color: #000; } .form-wrap textarea { resize: none; height: 9.125rem; } .gform_footer { text-align: right; padding-top: .313rem; } .gform_footer input[type="submit"] { border-radius: 1.875rem; width: 13.813rem; height: 3.438rem; background-color: var(--Yellow); color: #fff; border: none; font-size:var(--px18); font-variation-settings:var(--fontvarNorm); } .gform_footer input[type="submit"]:hover { background-color: var(--Red); } p.gform_required_legend { display:none; } .form-wrap h2.gform_submission_error { font-size:var(--px16); line-height:var(--px30); font-family:inherit; color:var(--Red); } .gfield_validation_message, .validation_message { color:var(--Red); font-size:var(--px16); line-height:var(--px30); } section.bottom-contact .div-block { max-width:23.75rem; font-weight: 300; } section.bottom-contact .div-block h5 { margin-bottom: 1.4rem; } section.bottom-contact .div-block .bar { margin:2.5rem 0 3.95rem; } section.bottom-contact .div-block h2 { font-size:var(--px75); line-height:var(--px82); font-weight:600; letter-spacing: -0.25rem; } section.bottom-contact .div-block p { line-height:var(--px28); padding-left: var(--PadLeft); font-variation-settings:var(--fontvarLight); } .bar { display:block; content:''; padding-bottom:0.25rem; width:10.625rem; background-color:#DCAD30; position: relative; } .bar:after { content:'';display:block;position:absolute; top:0; right:0; bottom:0;left:var(--PadLeft); background-color:var(--Red); } /* FOOTER =================================*/ #footer { background-color:var(--Dark); color:#fff; padding:6.688rem 0 2rem; } #footer .footer-top { justify-content:flex-end; gap: 2rem 6rem; margin-bottom: 5.5rem; } #footer .footer-top .div-block { font-variation-settings:var(--fontvarLight); font-size:var(--px16); } #footer .footer-top .div-block a.footer-logo { display:inline-block; vertical-align:top; max-width:23.875rem; } #footer .footer-top .div-block h5 { font-size:var(--px18); font-variation-settings:var(--fontvarNorm); line-height:var(--px28); margin-bottom: 1.3rem; } #footer .footer-top .div-block p { line-height:var(--px28); } #footer .footer-top .div-block p a { text-decoration:underline; color:var(--Yellow); } #footer .footer-top .div-block p a:hover { color:var(--Red); } #footer .footer-top .div-block ul { list-style:none; padding:0; } #footer .footer-top .div-block ul li { line-height:var(--px28); } #footer .footer-top .div-block ul li a { color:#fff; } #footer .footer-top .div-block ul li a:hover { color:var(--Red); } .social-media { display:flex; flex-wrap:wrap; align-items:center; gap: .75rem; } .social-media a { fill:var(--Yellow); } .social-media a:hover { fill:var(--Red); } svg.fb { width:0.946rem; } svg.twitter { width:1.5rem; } svg.linkedin { width:1.545rem; } svg.insta { width:1.546rem; } svg.podcast { width:1.969rem; } svg.youtube { width:2.4rem; } .footer-bottom { gap: .5rem; font-size:var(--px16); font-variation-settings:var(--fontvarLight); } .footer-bottom p { line-height:var(--px28); } .lfs { display:flex; flex-wrap:wrap; align-items:center; justify-content: center; gap: 1.125rem; } .lfs a { color:#fff; display:inline-block; line-height:var(--px28); } .lfs a:hover { color:var(--Red); } .lfs svg { width:8.194rem; position:relative; top:-.1rem; } .bot-links { display:flex; flex-wrap:wrap; justify-content:center; gap: .875rem; } .bot-links a { color:#fff; display:inline-block; line-height:var(--px28); } .bot-links span { display:inline-block; line-height:var(--px28); } .bot-links a:hover , .lfs a:hover { color:var(--Red); } /* HOMEPAGE =================================*/ section.hero { color:#fff; padding: 8.25rem 0 12.188rem; } section.hero .div-block { } section.hero .div-block h4 { font-size:var(--px30); line-height: var(--px39); color: var(--Yellow); font-variation-settings:var(--fontvarNorm); margin-bottom: 1rem; } section.hero .div-block h2 { font-size:var(--px120); line-height:var(--px132); font-weight:600; margin-bottom: 0.4rem; } section.hero .div-block h3 { font-size:var(--px60); line-height:var(--px66); font-weight:600; margin-bottom: 1.1rem; } section.hero .div-block p { max-width:59rem; font-size:var(--px24); font-variation-settings:var(--fontvarLight); line-height: var(--px32); margin-bottom: 4.6rem; } a.Btn { display:inline-block; font-size:var(--px18);line-height:var(--px25); font-variation-settings:var(--fontvarSemi);background-color:var(--Yellow);color:#fff; padding:0.938rem 3.125rem; border-radius:3.75rem; font-family:var(--Rotunda); } a.Btn:hover { background-color:var(--Red); } .h-links { display:flex; flex-wrap:wrap; align-items:center; gap: 2rem 2.438rem; } a.arrow-btn { color:#fff; fill:#fff; display:inline-block; font-size:var(--px18); line-height:var(--px25); font-variation-settings:var(--fontvarSemi); border-bottom: 1px solid var(--Yellow); } a.arrow-btn:hover { color:var(--Yellow); fill:var(--Yellow); border-color:var(--Red); } a.arrow-btn:hover svg { margin-left:1.8rem; } a.arrow-btn svg { display:inline-block; width:1.5rem; transition:.5s; margin-left:1.125rem; } section.home-about { padding:8.438rem 0 0rem; } section.home-about h2 { font-size:var(--px75); line-height:var(--px82); font-weight:600; max-width: 30.5rem; letter-spacing: -.25rem; } section.home-about .div-block { max-width:41.938rem; } section.home-about .div-block .bar { margin:2.5rem 0 2.65rem; } section.home-about .div-block h3 { font-family:var(--Rotunda); font-variation-settings:var(--fontvarMed); font-size:var(--px30); line-height:var(--px40); letter-spacing: -0.05rem; } section.home-about .div-block p { padding-left:var(--PadLeft); line-height:var(--px28); margin-bottom: 1.8rem; } section.home-about figure { display:block; content: ''; background-size: cover; background-position: center; padding-bottom: 28.75rem; margin: 1.8rem 0 -4.188rem; position: relative; z-index: 100; } section.home-service { padding: 11.25rem 0 7.25rem; background-image:url('images/green-pattern.jpg'); background-size: cover; background-position: center; color: #fff; } section.home-service .div-block { padding-top: 0.65rem; } section.home-service .div-block h5 { letter-spacing: -.05rem; margin-bottom: 1.35rem; } section.home-service .div-block h2 { font-size:var(--px75); line-height:var(--px82); font-weight:600; letter-spacing: -0.2rem; } section.home-service .div-block .bar { margin:3.8rem 0 3.6rem; } section.home-service .div-block .bar:after { background-color:#fff; } section.home-service .div-block p { padding-left:var(--PadLeft); line-height:var(--px28); margin-bottom: 2.3rem; } section.home-service .control-slick { margin-top:3.375rem; justify-content: center; } .home-service-list { width:100%; max-width:55.313rem; } .home-service-list .item { width:100%; vertical-align: top; } .home-service-list .item a { position:relative; display:block; min-height:20.438rem; color: #fff; border: 1px solid #fff; fill: #fff; padding: 5.7rem 2.313rem 0rem; } .home-service-list .item svg { transition:.5s; position: absolute; top: 2rem; right: 0; } .home-service-list .item h3 { font-size:var(--px30); font-family:var(--Rotunda); font-variation-settings:var(--fontvarNorm); line-height:var(--px39); letter-spacing: -.05rem; margin-bottom: 0.55rem; transition: .5s; } .home-service-list .item p { line-height:var(--px28); font-variation-settings:var(--fontvarLight); letter-spacing: -.02rem; } .home-service-list svg.svg-1 { stroke:#0f9d58; width:3.95rem; right: 2.75rem; } .home-service-list svg.svg-2 { width:5.625rem; top: 1.688rem; right: 1.875rem; } .home-service-list svg.svg-3 { stroke:#fff; width: 4.465rem; top: 2.063rem; right: 3.125rem; } .home-service-list svg.svg-4 { width:4.658rem; right:3.25rem; } .home-service-list .item a:hover { background-color:#fff; color:var(--Black); fill: #0F9D58; } .home-service-list .item a:hover svg.svg-1 { stroke:#fff; } .home-service-list .item a:hover svg.svg-3 { stroke:#0F9D58; } .home-service-list .item a:hover h3 { color: #0F9D58; } .home-testi-wrap { max-width:24.188rem; } section.home-exp { padding:9.5rem 0 6.8rem; } section.home-exp .flex { justify-content:flex-end; gap: 2rem 4.313rem; } section.home-exp figure { max-width:26.813rem; } section.home-exp .div-block { max-width:21.525rem; } section.home-exp .div-block .bar { margin: 2.5rem 0 3.8rem; } section.home-exp .div-block .cc { padding-left:var(--PadLeft); } section.home-exp .div-block h2 { font-size:var(--px48); line-height:var(--px58); font-weight:600; letter-spacing:-.1rem; margin-bottom: 1.8rem; } section.home-exp .div-block h5 { } .home-testi-wrap { } .home-testi-wrap svg { width:5.375rem; margin-bottom: 2.2rem; } .home-testi-wrap .item { font-variation-settings:var(--fontvarLight); font-size: var(--px18); color:var(--Dark); } .home-testi-wrap .item h3 { font-size:var(--px42); line-height:var(--px49); font-family: var(--Rotunda); font-variation-settings: var(--fontvarNorm); letter-spacing: -.12rem; margin-bottom: 0.85rem; } .home-testi-wrap .item p { line-height:var(--px28); font-variation-settings: var(--fontvarLight); margin-bottom: 1.3rem; } .home-testi-wrap .item h5 { font-size:var(--px23); font-variation-settings:var(--fontvarBold); line-height:var(--px28); } .control-slick { display:flex; flex-wrap:wrap; gap: 2.313rem; } .control-slick span { cursor:pointer; transition:.5s; fill:var(--Yellow); } .control-slick span svg { width:2.968rem; } .control-slick span:hover { fill:var(--Red); } .home-testi-wrap .control-slick { justify-content:flex-end; margin-top:.375rem; } section.ourteam { background-color:var(--Red); color:#fff; padding:8.375rem 0 5rem; } section.ourteam .div-block { max-width:28.313rem; } section.ourteam .div-block h5 { margin-bottom: 1.65rem; } section.ourteam .div-block h2 { font-size:var(--px75); line-height:var(--px82); font-weight:600; letter-spacing:-.1rem; } section.ourteam .div-block .bar { margin: 1.5rem 0 2.65rem; } section.ourteam .div-block .bar:after { background-color:var(--Yellow); } section.ourteam .div-block p { padding-left:var(--PadLeft); line-height:var(--px28); margin-bottom: 2rem; } section.ourteam .div-block a.Btn:hover { background-color:var(--Blue); } .attorney-list-wrap { width:100%; max-width:55.313rem; } .attorney-list-wrap .item { width:100%; max-width:26.813rem; } .attorney-list-wrap .item figure { background-size:cover; background-position: center; margin-bottom: 2.2rem; } .attorney-list-wrap .item figure a { display:block; text-align:right; fill: var(--Yellow); padding: 27.625rem 1.438rem 1.875rem; } .attorney-list-wrap .item figure a:hover { fill:var(--Red); background-color:rgba(220,173,48,.39); } .attorney-list-wrap .item figure svg { width:2.993rem; margin-left:auto; } .attorney-list-wrap .item h3 { line-height:var(--px48); font-family:var(--Rotunda); font-variation-settings:var(--fontvarNorm); letter-spacing:-.12rem; } .attorney-list-wrap .item h3 a {} .home .attorney-list-wrap .item h3 a { color:#fff; } .home .attorney-list-wrap .item h3 a:hover { color:var(--LightBlue); } .attorney-list-wrap .item .bar { margin:1.3rem 0 1.8rem; } .home .attorney-list-wrap .item .bar:after { background-color:var(--Yellow); } .attorney-list-wrap .item p { line-height:var(--px28); max-width: 26.313rem; } .slick-slide { vertical-align:top; } .attorney-list-wrap .control-slick { justify-content:center; margin-top: 2rem; } .bot-vid-wrap { } .bot-vid-wrap .cxc { width:100%; max-width:19.313rem; } .bot-vid-wrap .cxc .vid-box { position:relative; background-size: cover; background-position: center; margin-bottom: 1.5rem; } .bot-vid-wrap .cxc .vid-box .embed-responsive { padding-bottom:16.313rem; } .bot-vid-wrap .cxc .vid-box .vid-btn { position:absolute; transition: .5s; fill: var(--Yellow); top: 5.938rem; left: 0; right: 0; margin: auto; bottom: 0; max-width:3.245rem; cursor: pointer; } .bot-vid-wrap .cxc .vid-box .vid-btn svg { width:3.245rem; } .bot-vid-wrap .cxc .vid-box .vid-btn:hover { fill:var(--Red); } .bot-vid-wrap .cxc h3 { font-size:var(--px25); line-height:var(--px33); font-family: var(--Rotunda); font-variation-settings: var(--fontvarNorm); letter-spacing: -.05rem; } section.bottom-videos { padding: 6.5rem 0 4.4rem; } section.bottom-videos .wrap { position:relative; } section.bottom-videos h2 { font-size:var(--px48); line-height:var(--px58); border-bottom:1px solid #D1D1D1; font-weight:600; letter-spacing:-.12rem; margin-bottom: 3.375rem; padding-bottom: 1.5rem; } /* INNER PAGE =================================*/ section.page-top-banner { color:#fff; } section.page-top-banner .page-title { } section.page-top-banner .page-title h1 { font-size:var(--px100); line-height:var(--px132); font-weight:600; position:relative; } section.inner-page { padding:6.875rem 0 3.4rem; background-image: url('images/wht-layer.jpg'); background-size: 120rem auto; background-repeat: no-repeat; background-position: center top; } article.the-content { font-size:var(--px18); color: #333; } article.the-content .bar { margin: 2.4rem 0 2.65rem; } article.the-content .text-center .bar { margin-right:auto; margin-left:auto; } article.the-content h2 { font-size:var(--px75); line-height:var(--px82); font-weight:600; color: var(--Black); margin-bottom: 0.35rem; letter-spacing:-.12rem; } article.the-content h3 { font-size:var(--px30); line-height:var(--px40); font-variation-settings:var(--fontvarMed); letter-spacing: -.1rem; margin-bottom: 0.7rem; } article.the-content h3.atty-position { text-transform:uppercase; margin-top:-.125rem; } article.the-content h3.atty-position + .bar { margin-top: 1.7rem; } article.the-content h4 { } article.the-content h5 { font-size:var(--px18); line-height:var(--px28); margin-bottom: .5rem; } article.the-content p { line-height: var(--px28); font-variation-settings:var(--fontvarLight); margin-bottom: 1.85rem; } article.the-content ul { line-height: var(--px28); font-variation-settings:var(--fontvarLight); margin-bottom: 1.85rem; } article.the-content ul ul { margin:0; } figure.about-img { max-width:40.5rem; } .inner-pa-list { display:flex; flex-wrap:wrap; gap: 2rem 1.688rem; text-align: center; margin: 4.2rem auto 3rem; justify-content: center; } .inner-pa-list .item { width:100%; max-width:26rem; margin-bottom: 4.5rem; } .inner-pa-list .item figure { background-size:cover; background-position:center; margin-bottom: 1.3rem; } .inner-pa-list .item figure a { display:block; content:''; padding-bottom:17.75rem; } .inner-pa-list .item figure a:hover { background-color:rgba(220,173,48,.37); } .inner-pa-list .item h3 { font-size:var(--px30); line-height:var(--px39); font-family:var(--Rotunda); font-variation-settings:var(--fontvarNorm); letter-spacing: -0.1rem; padding: 0 3rem; } .inner-pa-list .item h3 a { color:var(--Black); } .inner-pa-list .item h3 a:hover { color:var(--Red); } .pa-inner-content { display:flex; flex-wrap:wrap; } aside.pa-sidelinks { background-color:var(--Red); color:#fff; max-width:31.188rem; padding: 3.1rem 2.813rem 4.25rem; width:100%; } aside.pa-sidelinks h2 { line-height:var(--px48); letter-spacing: -.1rem; font-weight: 600; margin-bottom: 1.3rem; } aside.pa-sidelinks ul { list-style:none; padding:0; font-size: var(--px30); margin: 0; } aside.pa-sidelinks ul li {} aside.pa-sidelinks ul li + li { margin-top: 2rem; } aside.pa-sidelinks ul li a { color:#fff; line-height: var(--px40); display: block; position: relative; font-family: var(--Rotunda); letter-spacing: -.1rem; font-variation-settings: var(--fontvarNorm); border-bottom: 2px solid #fff; padding-right:2rem; fill: #fff; padding-bottom: 0.4rem; } aside.pa-sidelinks ul li a:hover { color:var(--Yellow); fill:var(--Yellow); } aside.pa-sidelinks ul li a svg { width:0.469rem; position:absolute; top:.6rem; right:0; } section.inner-page .attorney-list-wrap { max-width:unset; margin: 3.5rem auto 0; } section.inner-page .attorney-list { display:flex; flex-wrap:wrap; justify-content:center; gap: 2rem 3.438rem; } section.inner-page .attorney-list-wrap .item h3 a { color:var(--Black); } section.inner-page .attorney-list-wrap .item h3 a:hover { color:var(--Red); } section.inner-page .attorney-list-wrap .item .text { min-height:7.7rem; } section.inner-page .attorney-list a.arrow-btn { color:var(--Red); border-color:var(--Red); fill:var(--Red); } article.the-content figure.thumb { max-width:40.5rem; margin-bottom:3rem; } .contact-content { gap: 2rem 5.563rem; margin-bottom: 1.7rem; } .contact-content figure.map { width:100%; max-width:61.625rem; } figure.map .embed-responsive { padding-bottom:30.75rem; } .contact-content .div-block { flex:1; font-size: var(--px16); margin-top: 5.1rem; order: 2; } .contact-content .div-block h5 { font-size:var(--px18); line-height:var(--px28); font-variation-settings: var(--fontvarMed); margin-bottom: 1.4rem; } .contact-content .div-block p { line-height:var(--px28); } .contact-content .div-block p + h5 { margin-top: 3.7rem; } .contact-content .div-block p a { text-decoration:underline; color:var(--Yellow); } .contact-content .div-block p a:hover { color:var(--Red); } .testimonial-inner { margin:0 auto; max-width: 56.25rem; } .testimonial-inner .item { margin-bottom:3.5rem; } .testimonial-inner .item svg { width:3.175rem; fill: var(--Red); margin-bottom: 2rem; } .testimonial-inner .item .text { margin-bottom:1.7rem; } .testimonial-inner .item p { line-height:var(--px28); } .testimonial-inner .item h5 { line-height:var(--px28); color:var(--Red); font-variation-settings:var(--fontvarMed); text-align: right; } .blog-content { margin:0 auto; max-width: 68.75rem; } .blog-content article { border-bottom: .125rem solid var(--Red); font-size: var(--px18); padding-bottom: 2rem; margin-bottom: 3.5rem; } .blog-content article h3 { line-height:var(--px48); font-weight:600; } .blog-content article h5 { font-size:var(--px16); text-transform:uppercase; font-variation-settings:var(--fontvarMed); color:var(--Red); margin-bottom:1rem; } .blog-content article h3 a { color:var(--Black); } .blog-content article h3 a:hover { color:var(--Red); } .blog-content article p { line-height:var(--px28); margin-bottom:.5rem; } .blog-content article a.arrow-btn { color:var(--Yellow); border-color:var(--Yellow); fill:var(--Yellow); text-transform:capitalize; } .blog-content article a svg { } article.the-content h5.post-date { font-size:var(--px16); line-height:var(--px28); text-transform:uppercase; color:var(--Red); font-variation-settings:var(--fontvarMed); } article.the-content h2.blog-title { font-size:var(--px48); line-height:var(--px55); } .videos-inner { display:flex; flex-wrap:wrap; gap: 3rem 3.25rem; } .videos-inner .item { position:relative; width: 100%; max-width: 27.813rem; } .videos-inner .item .vid-box { position: relative; background-size: cover; background-position: center; margin-bottom: 1.5rem; } .videos-inner .item .vid-box .embed-responsive { padding-bottom: 16.313rem; } .videos-inner .item .vid-box .vid-btn { position: absolute; transition: .5s; fill: var(--Yellow); top: 5.938rem; left: 0; right: 0; margin: auto; bottom: 0; max-width: 4.245rem; cursor: pointer; } .videos-inner .item .vid-box .vid-btn:hover { fill:var(--Red); } .videos-inner .item .vid-box .vid-btn svg { width: 100%; } .videos-inner .item h3 { font-size: var(--px25); line-height: var(--px33); font-family: var(--Rotunda); font-variation-settings: var(--fontvarNorm); letter-spacing: -.05rem; text-align: center; } .badge-wrap { margin:2.188rem 0 0rem; } .badge-wrap figure.avvo { max-width:10.125rem; } .badge-wrap figure.best-lawyers { max-width:15.438rem; } section.home-exp .badge-wrap figure + figure { margin-top: 2.4rem; } section.home-exp figure { margin: 3.5rem 0 3.063rem; }.process-section { padding: 7rem 0 5rem; }.process-section h2 { margin-bottom: 1.875rem; font-weight: 600; }.process-section p, .process-section ul { margin-bottom: 1.875rem; }ul.process-list { padding-left: 0; }ul.process-list li { list-style: none; border: 0; margin-bottom: 1rem; padding: 1.25rem; border-radius: 0.625rem; background-color: #f8fffc;}ul.process-list li strong { display: block; text-transform: uppercase; font-size: 1.5rem; margin-bottom: 0.625rem; }.process-section .bar { margin-bottom: 2.5rem; }.process-section .flex .div-block + .div-block p,.process-section .flex .div-block + .div-block ul { margin-left: 3.5rem; } @media ( min-width: 768px ) { } @media ( min-width: 992px ) { .process-section .flex .div-block { width: 47%; } section.home-service .div-block { max-width:28.438rem; } .home-service-list .item { max-width:26.75rem; } .home-service-list .item.box-1 p { max-width:17.563rem; } article.the-content figure.thumb { margin-left:4.5rem; margin-bottom:0rem; } .pa-inner-content { display:flex; flex-wrap:wrap; gap: 4rem 5.438rem; } .pa-inner-content article.the-content { flex:1; } figure.about-img { margin-left: 7.438rem; } figure.alignright { float:right; } section.page-top-banner .page-title h1 { top: -1.8rem; } section.page-top-banner .page-title { display:flex; flex-wrap:wrap; align-items:center;justify-content:center; min-height:20.688rem; } section.bottom-videos .wrap a.Btn { position:absolute; top:-0.7rem; right:0; } .bot-vid-wrap { margin:0 -2.125rem; } .bot-vid-wrap .control-slick { display:none; } .bot-vid-wrap .item { padding: 0 2.125rem; } .attorney-list-wrap .control-slick { display: none; } .attorney-list-wrap .slick-slide { max-width:26.813rem; vertical-align: top; } .attorney-list-wrap .slick-slide + .slick-slide { margin-left:1.688rem; } section.home-service .control-slick { display:none; } .home-service-list .item + .item { margin-left:1.813rem; } .home-service-list-wrap .slick-slide > div + div { margin-top:2rem; } section.home-exp .div-block { margin-right:auto; } .lfs { margin-left:auto; } #footer .footer-top .div-block:nth-child(1) { margin-right:auto; } .gform_fields { display:flex; flex-wrap:wrap; justify-content:space-between; } .gfield--width-half { max-width:26.438rem; } a.logo { margin-right:auto; } .container { width: 100%; } .scroll { display: block; } .flex { display: flex; flex-wrap: wrap; } .between { justify-content: space-between; } .align-start { align-items: flex-start; } .wrap { margin: 0 auto; max-width: 90rem; } .main-menu { gap: 2rem; display: flex; flex-wrap: wrap; margin-top: 3.5rem; } .main-menu li { position: relative; } .main-menu > li { display: inline-block; padding-bottom: .5rem; } .main-menu > li:hover a { color:var(--Yellow); } .main-menu li a { color:#fff; } .main-menu > li > .sub-menu { position: absolute; top: 100%; left: -1rem; width: 20rem; padding: 0; z-index: 200; opacity: 0; visibility: hidden; text-align: left; background-color: var(--Red); } .main-menu > li:hover > .sub-menu { opacity: 1; visibility: visible; } .main-menu > li > .sub-menu > li { display: block; } .main-menu > li > .sub-menu > li > a { padding: .8rem 1rem; color: #fff; } .main-menu > li > .sub-menu > li + li > a { border-top:1px solid rgba(0,0,0,.5); } .main-menu > li > .sub-menu > li:hover > a { background-color: rgba(0,0,0,.5); } html[lang="es"] .home-service-list .box-4 h3 br , html[lang="es"] .home-service-list .box-2 h3 br , html[lang="es"] .home-service-list .box-1 h3 br { display:none; } html[lang="es"] .home-service-list .box-4 h3 font , html[lang="es"] .home-service-list .box-2 h3 font , html[lang="es"] .home-service-list .box-1 h3 font { display:block; } html[lang="es"] .home-service-list .item a { min-height: 21.438rem; } html[lang="es"] #footer .footer-top { gap: 2rem 3rem; } #footer .wrap { max-width:fit-content; } } @media ( min-width: 1960px ) { html { font-size:16px; } } @media ( min-width: 992px ) and ( max-width: 1399px ) { :root { /*FONT SIZE*/ --px12: 0.95rem; --px14: 1.075rem; --px15: 1.138rem; --px16: 1.2rem; --px17: 1.263rem; --px18: 1.325rem; --px20: 1.45rem; --px21: 1.55rem; --px22: 1.575rem; --px28: 1.95rem; } #header .flex, .main-menu { gap: 2rem 2.1rem; } #footer .footer-top { gap: 2rem 2.8rem; } section.inner-page .attorney-list-wrap .item .text { min-height: 9.3rem; } .navbar-default .wrap { max-width:fit-content; } .home-service-list .item a { min-height: 24.438rem; } } @media ( max-width: 991px ) { html { font-size: 16px; } body { padding-top: 0; } body.mean-container .mean-bar { position: absolute; top: 0; left: 0; width: 100%; z-index: 3000; background-color:transparent; border-bottom: 1px solid #fff; min-height: 6rem; padding-bottom:0rem; } body.mean-container.admin-bar .mean-bar { top: 32px; } body.mean-container .mean-nav { position: absolute; top:100%; left:0; width:100%; margin:0; background-color: var(--Red); } body.mean-container a.meanmenu-reveal { width: 2.688rem; padding: 0; height: auto; right: 1rem !important; top: 1.75rem; min-height: 2.188rem; } body.mean-container a.meanmenu-reveal strong { position:relative; top: .4rem; } body.mean-container a.meanmenu-reveal span { height: 3px; margin: 0; } body.mean-container a.meanmenu-reveal span + span { margin-top:0.813rem; } body.mean-container .mean-nav ul li a.mean-expand { height: auto; padding: 6px 12px !important; } a.logo { max-width:16.313rem; margin:0; position:absolute; top: .625rem; left: 1rem; z-index:5000; } .navbar-default { border: none; min-height: 6rem; } .phone-top { position:absolute; top:1.188rem; right:4.65rem; z-index:5000; margin:0; } .phone-top a { width:3.25rem; height:3.25rem; padding:0; display:flex; flex-wrap:wrap; justify-content:center; align-items:center; } .phone-top a span { display:none; } section.hero { } section.hero .div-block h4 { font-size:var(--px29); letter-spacing:-.1rem; } section.hero .div-block h2 { font-size:var(--px47); line-height:var(--px55); letter-spacing:-.2rem; } section.hero .div-block h3 { font-size:var(--px27); line-height:var(--px36); letter-spacing:-.1rem; } section.hero .div-block p { font-size:var(--px20); } section.home-about h2 { font-size:var(--px46); line-height: var(--px55); } section.home-about .div-block h3 { font-variation-settings:var(--fontvarNorm); } section.home-about { padding: 2.838rem 0 0rem; } section.home-about figure { background-position: 69% center; padding-bottom:27.938rem; margin-top: 3.4rem; margin-bottom:-23.813rem; } section.home-service { padding:24.913rem 0 5.125rem; } section.home-service .div-block h2 { font-size:var(--px46); line-height:var(--px55); } section.home-service .div-block .bar { margin: 1.85rem 0 2.3rem; } section.home-service .div-block .bar:after { background-color:var(--Red); } .home-service-list-wrap { margin-top: 3.5rem; } .home-testi-wrap { text-align: center; } .home-testi-wrap .control-slick { justify-content:center; margin: 2.975rem 0 0rem; } .home-testi-wrap .control-slick span svg { margin:0; } section.home-exp { padding: 9.5rem 0 1rem; } section.ourteam { padding: 3rem 0 3.563rem; } section.ourteam .div-block h2 { font-size:var(--px46); line-height:var(--px55); } section.ourteam .div-block { } .attorney-list-wrap .item figure { background-position:center top; } .attorney-list-wrap .item figure a { padding: 14.825rem 1.438rem 1.875rem; } .attorney-list-wrap { margin-left:auto; margin-right:auto; max-width:21.063rem; } .attorney-list-wrap .item figure svg { visibility:hidden; } section.bottom-videos { text-align:center; } section.bottom-videos h2 { font-size:var(--px46); line-height:var(--px55); text-align: left; } .bot-vid-wrap { margin-left:auto; margin-right:auto; max-width:19.313rem; } .bot-vid-wrap .cxc h3 { text-align:center; margin-bottom:1rem; } section.bottom-videos .control-slick { justify-content:center; margin: 0 0 2rem; } section.bottom-contact { padding: 5rem 0 5.5rem; } section.bottom-contact .div-block h2 { font-size:var(--px55); line-height:var(--px55); } .gform_footer { text-align:center; } #footer { text-align:center; } .social-media { justify-content:center; } #footer .footer-top .div-block { margin-bottom:2.938rem; } .bot-links { gap: 0.575rem; margin: 1.2rem 0; } #footer .footer-top { margin-bottom:0; } .main-menu li a { font-size:var(--px16); } .form-wrap { margin-top:1.8rem; } section.page-top-banner .page-title h1 { font-size:var(--px40); line-height:var(--px50); } section.page-top-banner .page-title { padding: 4.6rem 0rem 4rem; } section.inner-page { padding-top:5rem; } figure.about-img { margin-bottom: 3rem; } article.the-content h2 { font-size:var(--px40); line-height:var(--px50); } article.the-content h3 { font-size:var(--px26); line-height:var(--px36); } .inner-pa-list { gap: 0rem 1.688rem; justify-content:center; } aside.pa-sidelinks { padding: 3.1rem 1.25rem 4.25rem; } aside.pa-sidelinks ul { font-size:var(--px24); } aside.pa-sidelinks h2 { font-size:var(--px40); line-height:var(--px50); } figure.map .embed-responsive { padding-bottom: 16.75rem; } .contact-content .div-block { margin:0 0 4rem; text-align:center; } .contact-content .div-block p + h5 { margin-top: 2.7rem; } .lang-wrap { margin-top: 0; position: absolute; z-index: 100; top: 8rem; left: 1.25rem; } ul.process-list { margin-bottom: 4rem; } } @media ( max-width: 399px ) { a.logo { top: 1.525rem; max-width: 9.913rem; } a.Btn { padding: 0.938rem 1.5rem; } section.home-exp .div-block .cc { padding-left: 0; } } .hide-text { position: absolute; left: -99999px; top:auto; width: 1px; height: 1px; overflow: hidden; }