:root {   --main:#b88b46;   --font2:"Oswald";   --font3:"Playfair Display"; } #header {   width:100%;   position:fixed;   top:0;   padding-top:0;   padding-bottom:0;   padding-left:105px;   padding-right:40px;   transition:all .3s; } #header.sticky {   padding-top:30px;   padding-bottom:30px;   background-color:#FFF;   box-shadow:0 10px 20px rgba(0, 0, 0, .1); } #header .logo {   position:relative;   width:229px;   height:232px;   display:flex;   justify-content:center;   align-items:center;   background-color:#FFF;   overflow:hidden; } #header .logo::before {   content:"";   display:block;   width:calc(100% - 16px);   height:100%;   border:1px solid var(--main);   position:absolute;   top:-8px; left:8px; } #header.sticky .logo {   width:auto;   height:auto; } #header.sticky .logo::before {   display:none; } #header .logo a {   position:relative;   z-index:4; } #header .logo img {   max-height:158px;   transition:all .3s; } #header.sticky .logo img {   max-height:130px; } .navbar {   padding:0;   margin:0; } .navbar .navbar-nav > li {   position:relative;   height:21px;   margin:0 22px;   transition:all .3s; } .navbar .navbar-nav > li:not(:last-of-type)::after {   content:"|";   color:#c1c1c1;   font-size:18px;   font-weight:300;   position:absolute;   top:-8px;   right:-22px; } .navbar .navbar-nav .nav-link {   color:#FFF;   font-size:18px;   font-weight:500;   line-height:100%;   letter-spacing:-0.36px;   padding:0;   margin:0;   border-bottom:3px solid transparent; } #header.sticky .navbar .navbar-nav .nav-link {   color:#000; } .navbar .navbar-nav .current-menu-parent .nav-link, .navbar .navbar-nav .current-menu-item .nav-link, .navbar .navbar-nav .current-page-parent .nav-link, .navbar .navbar-nav .current-page-ancestor .nav-link, .navbar .navbar-nav .menu-item:hover .nav-link {   border-color:var(--main); } .navbar .navbar-nav .dropdown .nav-link::after, .navbar .navbar-nav .dropdown .dropdown > .dropdown-item::after {   display:inline;   content:"\f107";   color:#000;   font-family:"Font Awesome 5 Free";   font-size:12px;   font-weight:700;   border:0;   margin-left:7px;   vertical-align:unset; } .navbar .navbar-nav .dropdown .nav-link::after {   color:#FFF; } #header.sticky .navbar .navbar-nav .dropdown .nav-link::after {   color:#000; } .navbar .navbar-nav .dropdown .dropdown > .dropdown-item::after {   content:"\f105";   font-size:11px; } .navbar .navbar-nav .dropdown-menu {   width:240px;   top:100%;   left:-20px;   padding:10px 0;   border:0;   border-radius:2px;   box-shadow:0 5px 15px rgb(0 0 0 / 10%); } .navbar .navbar-nav .dropdown-menu > li > a {   width:100%;   color:#000;   font-size:15px;   font-weight:400;   line-height:20px;   letter-spacing:0;   text-transform:none;   padding:10px 20px;   margin:0;   white-space:unset; } .navbar .navbar-nav .dropdown-menu a:hover, .navbar .navbar-nav .dropdown-menu .current-menu-ancestor > a, .navbar .navbar-nav .dropdown-menu .current-menu-parent > a, .navbar .navbar-nav .dropdown-menu .current-menu-item > a {   color:var(--main);   background-color:transparent; } .navbar .navbar-nav .dropdown-menu .dropdown-menu {   padding:10px 0;   margin:0;   box-shadow:0 3px 15px rgb(0 0 0 / 5%);   top:0%;   left:90%; } .navbar .navbar-nav .dropdown-menu .dropdown-menu > li > a {   font-size:14px;   line-height:22px;   padding:10px 20px;   margin:0;   white-space:normal; } #header .phone {   margin:0 25px 0 135px; } #header .phone a {   color:#FFF;   font-size:22px;   font-weight:500;   line-height:100%;   letter-spacing:-0.44px;   padding:0;   margin:0; } #header.sticky .phone a {   color:#000; } #header .phone a i {   color:var(--main);   font-size:17px;   padding-right:10px;   margin-top:-2px; } #header .phone a:hover {   color:var(--main);   text-decoration:none; } #header .schedule a {   display:inline-block;   height:48px;   color:#FFF;   font-size:17px;   font-weight:500;   line-height:44px;   letter-spacing:-0.34px;   padding:0 35px;   margin:0;   background-color:var(--main);   border:2px solid var(--main);   border-radius:2px; } #header .schedule a:hover {   text-decoration:none;   background-color:transparent; } #header.sticky .schedule a:hover {   color:#000; }  #hero {   height:900px;   padding-bottom:115px;   background-size:cover;   background-position:top center; } #hero .hero_head3 {   color:#FFF;   font-family:var(--font2);   font-size:21px;   font-weight:400;   line-height:100%;   letter-spacing:1.26px;   text-transform:uppercase;   padding:0;   margin:0; } #hero .hero_head2 {   color:#FFF;   font-family:var(--font3);   font-size:68px;   font-weight:400;   line-height:100%;   letter-spacing:-2.24px;   padding:0;   margin:30px 0 55px 0; } #hero .box {   margin:0 55px; } #hero .box .icon {   width:106px;   height:106px;   display:flex;   justify-content:center;   align-items:center;   background-color:var(--main);   border-radius:50%; } #hero .box p {   color:#c6c6c6;   font-size:20px;   font-weight:300;   line-height:25px;   letter-spacing:-0.3px;   text-align:left;   padding:0 0 0 20px;   margin:0; } #hero .box p strong {   color:#FFF;   font-family:var(--font3);   font-size:24px;   font-weight:400;   letter-spacing:-0.72px; }  .fast-contact .row {   margin-top:-66px;   box-shadow:0 0 62px rgba(0, 0, 0, .13); } .fast-contact .phone a {   display:flex;   align-items:center;   padding:30px 0;   background-color:#0c2347; } .fast-contact .phone a:hover {   text-decoration:none; } .fast-contact .phone a::after {   content:"→";   color:#FFF;   font-family:"Arial";   font-size:20px;   position:absolute;   right:50px;   transition:all .3s; } .fast-contact .phone a:hover::after {   right:65px; } .fast-contact .phone .icon {   width:160px;   text-align:center;   padding:5px 0;   margin:0 30px 0 0;   border-right:1px solid rgba(255, 255, 255, .3); } .fast-contact .phone .content p {   color:var(--main);   font-size:15px;   font-weight:700;   line-height:100%;   letter-spacing:-0.3px;   text-transform:uppercase;   padding:0;   margin:0 0 7px 0; } .fast-contact .phone .content h3 {   color:#FFF;   font-size:30px;   font-weight:300;   line-height:100%;   letter-spacing:-0.6px;   padding:0;   margin:0;   transition:all .3s; } .fast-contact .phone .content h3 strong {   font-weight:500;   border-bottom:1px solid transparent;   transition:all .3s; } .fast-contact .phone a:hover .content h3 strong {   border-color:#FFF; } .fast-contact .schedule a {   display:flex;   align-items:center;   padding:30px 0;   background-color:#FFF; } .fast-contact .schedule a:hover {   text-decoration:none; } .fast-contact .schedule a::after {   content:"→";   color:var(--main);   font-family:"Arial";   font-size:20px;   position:absolute;   right:50px;   transition:all .3s; } .fast-contact .schedule a:hover::after {   right:65px; } .fast-contact .schedule .icon {   width:160px;   text-align:center;   padding:5px 0;   margin:0 30px 0 0;   border-right:1px solid #e7e7e7; } .fast-contact .schedule .content p {   color:var(--main);   font-size:15px;   font-weight:700;   line-height:100%;   letter-spacing:-0.3px;   text-transform:uppercase;   padding:0;   margin:0 0 7px 0; } .fast-contact .schedule .content h3 {   color:#0c2347;   font-size:30px;   font-weight:700;   line-height:100%;   letter-spacing:-0.6px;   padding:0;   margin:0;   border-bottom:1px solid transparent;   transition:all .3s; } .fast-contact .schedule a:hover .content h3 {   border-color:#0c2347; }  .fast-contact.mini .row {   margin-top:70px;   box-shadow:unset; } .fast-contact.mini .phone {   flex:0 0 calc(50% - 125px);   max-width:calc(50% - 125px);   margin-left:125px; } .fast-contact.mini a {   padding:25px 0;   box-shadow:0 0 60px rgba(0, 0, 0, .07); } .fast-contact.mini a::after {   right:40px; } .fast-contact.mini a:hover::after {   right:40px; } .fast-contact.mini .icon {   width:130px; } .fast-contact.mini .icon img {   max-height:48px; } .fast-contact.mini .content p {   font-size:13px;   letter-spacing:-0.26px; } .fast-contact.mini .content h3 {   font-size:28px;   letter-spacing:-0.56px; } .fast-contact.mini .schedule {   flex:0 0 calc(50% - 125px);   max-width:calc(50% - 125px);   margin-right:125px; }  #about {   position:relative;  overflow:hidden; } #about::before {   content:"";   display:block;   width:100%;   height:435px;   background-color:#fafafa;   background-image:url(https://www.wilson-lawoffice.com/wp-content/themes/click5-wp/img/icons/icon-logo.png);   background-size:851px auto;   background-position:top -155px left 60px;   background-repeat:no-repeat;   position:absolute;   bottom:0; left:0;   z-index:-1; } .page-template-lasalle #about::before {   height:310px; } #about .headline p {   color:#555555;   font-size:17px;   font-weight:300;   line-height:100%;   letter-spacing:1.02px;   text-transform:uppercase;   padding:0;   margin:0; } #about .headline p::after {   content:"";   display:block;   width:184px;   height:4px;   margin:20px auto 17px;   background:rgb(210,142,41);   background:-moz-linear-gradient(90deg, rgba(210,142,41,1) 0%, rgba(94,53,9,1) 23%, rgba(240,236,116,1) 55%, rgba(147,93,28,1) 77%, rgba(243,184,71,1) 100%);   background:-webkit-linear-gradient(90deg, rgba(210,142,41,1) 0%, rgba(94,53,9,1) 23%, rgba(240,236,116,1) 55%, rgba(147,93,28,1) 77%, rgba(243,184,71,1) 100%);   background:linear-gradient(90deg, rgba(210,142,41,1) 0%, rgba(94,53,9,1) 23%, rgba(240,236,116,1) 55%, rgba(147,93,28,1) 77%, rgba(243,184,71,1) 100%);   filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#d28e29",endColorstr="#f3b847",GradientType=1);   border-radius:2px; } #about .headline h1 {   color:#0d2b5a;   font-family:var(--font3);   font-size:52px;   font-weight:400;   line-height:100%;   letter-spacing:0;   padding:0;   margin:0 0 138px 0; } #about .content:nth-child(even) {   padding-right:40px; } #about .content:nth-child(odd) {   padding-left:40px; } #about .content p {   color:#0a0a0a;   font-size:18px;   font-weight:300;   line-height:29px;   letter-spacing:0;   padding:0; } #about .content p:last-of-type {   margin-bottom:0; } #about .content p strong {   font-size:20px;   font-weight:400;   line-height:31px; }  #practice {   position:relative;   background-color:#f8f8f8; } #practice::before {   content:"";   display:block;   width:100%;   height:54px;   background-color:#FFF;   position:absolute;   bottom:0; left:0; } #practice .headline {   height:500px;   margin-bottom:70px;   background-size:cover;   background-position:center right; } #practice .headline p {   color:#FFF;   font-size:18px;   font-weight:300;   line-height:100%;   letter-spacing:1.08px;   text-transform:uppercase;   padding:0;   margin:0 0 18px 0; } #practice .headline .practice_head {   color:#FFF;   font-family:var(--font3);   font-size:75px;   font-weight:400;   line-height:100%;   letter-spacing:-1.5px;   padding:0;   margin:0; } #practice .box:nth-child(n+4) {   margin-top:30px; } #practice .box a {   position:relative;   display:block;   text-align:center;   padding:65px 0 40px 0;   background-size:cover;   background-position:center;   background-blend-mode:saturation; } #practice .box a:hover {   text-decoration:none; } #practice .box a::before, #practice .box a::after {   content:"";   display:block;   width:100%;   height:100%;   background-color:rgba(12, 35, 71, .7);   position:absolute;   top:0; left:0;   transition:all .3s;   z-index:1; } #practice .box a::after {   background-color:#FFF;   z-index:2; } .page-template-practice-areas #practice .box a::after {   background-color:#f8f8f8; } #practice .box a:hover::after {   background-color:transparent; } #practice .box a > * {   position:relative;   z-index:4; } #practice .box img {   display:block;   margin:0 auto;   transition:all .3s; } #practice .box a:hover img {   filter:brightness(0) invert(1); } #practice .box h2 {   position:relative;   display:inline-block;   color:#0a0a0a;   font-family:var(--font3);   font-size:26px;   font-weight:400;   line-height:100%;   letter-spacing:-0.52px;   padding:0;   margin:30px 0 21px 0;  transition:all .3s; } #practice .box h2::after {   content:"";   display:block;   width:100%;   height:4px;   background:rgb(210,142,41);   background:-moz-linear-gradient(90deg, rgba(210,142,41,1) 0%, rgba(94,53,9,1) 23%, rgba(240,236,116,1) 55%, rgba(147,93,28,1) 77%, rgba(243,184,71,1) 100%);   background:-webkit-linear-gradient(90deg, rgba(210,142,41,1) 0%, rgba(94,53,9,1) 23%, rgba(240,236,116,1) 55%, rgba(147,93,28,1) 77%, rgba(243,184,71,1) 100%);   background:linear-gradient(90deg, rgba(210,142,41,1) 0%, rgba(94,53,9,1) 23%, rgba(240,236,116,1) 55%, rgba(147,93,28,1) 77%, rgba(243,184,71,1) 100%);   filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#d28e29",endColorstr="#f3b847",GradientType=1);   border-radius:2px;   visibility:hidden;   opacity:0;   transition:all .3s; } #practice .box a:hover h2 {   color:#FFF; } #practice .box a:hover h2::after {   visibility:visible;   opacity:1; } #practice .box span {   display:block;   color:#555555;   font-size:14px;   font-weight:300;   line-height:100%;   letter-spacing:0.84px;   text-transform:uppercase;   padding:0;   margin:0;   transition:all .3s; } #practice .box a:hover span {   color:#FFF; }  #attorney {   position:relative; } #attorney::before {   content:"";   display:block;   width:100%;   height:100%;   background-image:url(https://www.wilson-lawoffice.com/wp-content/themes/click5-wp/img/icons/icon-logo-2.png);   background-size:1094px auto;   background-position:top left;   background-repeat:no-repeat;   position:absolute;   top:500px;   left:-470px; } #attorney::after {   content:"";   display:block;   width:100%;   height:110px;   background-color:#0c121d;   position:absolute;   bottom:0; left:0;   z-index:-1; } #attorney .content h3 {   color:#555;   font-size:17px;   font-weight:300;   line-height:100%;   letter-spacing:1.02px;   text-transform:uppercase;   padding:0 0 17px 0;   margin:90px 0 0 0; } #attorney .content .attorney_head {   display:block;   color:#0c2347;   font-family:var(--font3);   font-size:52px;   font-weight:400;   line-height:100%;   letter-spacing:-1.56px;   padding:0;   margin:0; } #attorney .content .attorney_head::after {   content:"";   display:block;   width:175px;   height:4px;   margin:20px 0 60px 0;   background:rgb(210,142,41);   background:-moz-linear-gradient(90deg, rgba(210,142,41,1) 0%, rgba(94,53,9,1) 23%, rgba(240,236,116,1) 55%, rgba(147,93,28,1) 77%, rgba(243,184,71,1) 100%);   background:-webkit-linear-gradient(90deg, rgba(210,142,41,1) 0%, rgba(94,53,9,1) 23%, rgba(240,236,116,1) 55%, rgba(147,93,28,1) 77%, rgba(243,184,71,1) 100%);   background:linear-gradient(90deg, rgba(210,142,41,1) 0%, rgba(94,53,9,1) 23%, rgba(240,236,116,1) 55%, rgba(147,93,28,1) 77%, rgba(243,184,71,1) 100%);   filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#d28e29",endColorstr="#f3b847",GradientType=1);   border-radius:2px; } #attorney .content .d-block {   position:relative;   padding-left:80px;   margin-top:47px; } #attorney .content h2 {   position:relative;   color:#0c2347;   font-family:var(--font3);   font-size:23px;   font-weight:400;   line-height:100%;   letter-spacing:0;   padding:0 0 16px 0;   margin:0; } #attorney .content h2::before {   content:"\f00c";   color:var(--main);   font-family:"Font Awesome 5 Free";   font-size:18px;   font-weight:700;   position:absolute;   top:3px;   left:-32px; } #attorney .content p {   color:#0a0a0a;   font-size:19px;   font-weight:300;   line-height:30px;   letter-spacing:0;   padding:0;   margin:0; } #attorney .photo {   flex:0 0 calc(50% + 120px);   max-width:calc(50% + 120px);   margin-right:-120px; } #attorney .photo > div {   display:block;   width:100%;   height:900px;   background-size:cover;   background-position:top center;   box-shadow:0 10px 43px rgba(0, 0, 0, .22); }  #award {   padding-top:10px;   padding-bottom:60px;   background-color:#0c121d; } #award .award img {   margin-left:10px; } #award .content { max-width:calc(50% + 120px);   margin-right:-120px; } #award .content h2 {   color:#FFF;   font-family:var(--font3);   font-size:31px;   font-weight:400;   line-height:100%;   letter-spacing:0;   padding:50px 0 20px 0;   margin:0; } #award .content p {   color:rgba(255, 255, 255, .8);   font-size:18px;   font-weight:300;   line-height:29px;   letter-spacing:0;   padding:0;   margin:0; } #award .content p::after {   content:"";   display:block;   width:140px;   height:1px;   margin-top:16px;   margin-bottom:20px;   background-color:#FFF; } #award .content a {   display:inline-block;   color:#FFF;   font-size:17px;   font-weight:500;   line-height:100%;   letter-spacing:0;   padding:0;   margin:0;   border-bottom:1px solid #FFF; } #award .content a:hover {   text-decoration:none;   border-color:transparent; }  #testimonials {   position:relative;   background-color:#f8f8f8; } .page-template-testimonials #testimonials {   background-color:transparent; } #testimonials::before {   content:"";   display:block;   width:100%;   height:201px;   background-color:#FFF;   position:absolute;   top:0; left:0;   z-index:1; } #testimonials::after {   content:"";   display:block;   width:100%;   height:54px;   background-color:#FFF;   position:absolute;   bottom:0; left:0;   z-index:1; } .page-template-testimonials #testimonials::before, .page-template-testimonials #testimonials::after {   display:none; } #testimonials .row {   position:relative;   z-index:4; } #testimonials .headline p {   color:#555;   font-size:17px;   font-weight:300;   line-height:100%;   letter-spacing:1.02px;   text-transform:uppercase;   padding:0;   margin:0 0 17px 0; } #testimonials .headline .test_head {   color:#0c2347;   font-family:var(--font3);   font-size:52px;   font-weight:400;   line-height:100%;   letter-spacing:0;   padding:0;   margin:0; } #testimonials .headline .test_head::after {   content:"";   display:block;   width:235px;   height:4px;   margin:35px auto;   background:rgb(210,142,41);   background:-moz-linear-gradient(90deg, rgba(210,142,41,1) 0%, rgba(94,53,9,1) 23%, rgba(240,236,116,1) 55%, rgba(147,93,28,1) 77%, rgba(243,184,71,1) 100%);   background:-webkit-linear-gradient(90deg, rgba(210,142,41,1) 0%, rgba(94,53,9,1) 23%, rgba(240,236,116,1) 55%, rgba(147,93,28,1) 77%, rgba(243,184,71,1) 100%);   background:linear-gradient(90deg, rgba(210,142,41,1) 0%, rgba(94,53,9,1) 23%, rgba(240,236,116,1) 55%, rgba(147,93,28,1) 77%, rgba(243,184,71,1) 100%);   filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#d28e29",endColorstr="#f3b847",GradientType=1);   border-radius:2px; } #testimonials .slick-track {   display:flex !important; } #testimonials .item {   height:auto;   padding-left:15px;   padding-right:15px;   padding-bottom:30px;   padding-top:30px; } .page-template-testimonials #testimonials .item {   padding-top:0;   padding-bottom:0; } .page-template-testimonials #testimonials .item:nth-child(n+3) {   padding-top:30px; } #testimonials .item .content {   position:relative;   height:100%;   padding:75px 70px 160px 70px;   background-color:#FFF;   border:1px solid #f2f2f2;   box-shadow:0 8px 12px rgba(0, 0, 0, .02); } #testimonials .item .content > p {   position:relative;   color:#0a0a0a;   font-size:18px;   font-weight:300;   line-height:30px;   letter-spacing:0;   text-indent:65px;   padding:0;   margin:0; } #testimonials .item .content > p::before {   content:'“';   color:var(--main);   font-family:"Montserrat";   font-size:135px;   font-weight:700;   position:absolute;   top:11px; left:-80px; } #testimonials .item .content .overview {   width:calc(100% - 140px);   padding:40px 0;   border-top:1px solid #e7e7e7;   position:absolute;   bottom:0;   left:70px; } #testimonials .item .content .overview p {   color:#0a0a0a;   font-family:var(--font3);   font-size:18px;   font-weight:400;   line-height:100%;   letter-spacing:0;   padding:0;   margin:0; } #testimonials .item .content .overview span {   display:block;   color:#707070;   font-size:14px;   font-weight:300;   line-height:100%;   letter-spacing:0;   text-transform:uppercase;   padding:0;   margin:6px 0 0 0; } #testimonials .fast-contact.mini .row {   margin-top:90px; }  #memberships .headline p {   color:#555;   font-size:17px;   font-weight:300;   line-height:100%;   letter-spacing:1.02px;   text-transform:uppercase;   padding:0;   margin:0; } #memberships .headline p::after {   content:"";   display:block;   width:183px;   height:4px;   margin:22px auto 17px;   background:rgb(210,142,41);   background:-moz-linear-gradient(90deg, rgba(210,142,41,1) 0%, rgba(94,53,9,1) 23%, rgba(240,236,116,1) 55%, rgba(147,93,28,1) 77%, rgba(243,184,71,1) 100%);   background:-webkit-linear-gradient(90deg, rgba(210,142,41,1) 0%, rgba(94,53,9,1) 23%, rgba(240,236,116,1) 55%, rgba(147,93,28,1) 77%, rgba(243,184,71,1) 100%);   background:linear-gradient(90deg, rgba(210,142,41,1) 0%, rgba(94,53,9,1) 23%, rgba(240,236,116,1) 55%, rgba(147,93,28,1) 77%, rgba(243,184,71,1) 100%);   filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#d28e29",endColorstr="#f3b847",GradientType=1);   border-radius:2px; } #memberships .headline .member_head {   color:#0c2347;   font-family:var(--font3);   font-size:52px;   font-weight:400;   line-height:100%;   letter-spacing:0;   padding:0;   margin:0 0 65px 0; } #memberships .container-fluid {   padding:65px 0;   background-color:#fafafa; } #memberships .content h2 {   color:#0c2347;   font-family:var(--font3);   font-size:33px;   font-weight:500;   line-height:44px;   letter-spacing:-0.33px;   padding:0;   margin:0; } #memberships .content p {   color:#0a0a0a;   font-size:18px;   font-weight:300;   line-height:29px;   letter-spacing:0;   padding:0; } #memberships .content p strong {   font-weight:500; } #memberships .content p a {   color:var(--main);   border-bottom:1px solid transparent; } #memberships .content p a:last-of-type {   border-color:var(--main); } #memberships .content p a:hover {   text-decoration:none;   border-color:var(--main); } #memberships .content p:last-of-type {   margin-bottom:0; } #memberships .slick-track {   display:flex !important; } #memberships .item {   height:auto;   display:flex;   justify-content:center;   align-items:center; } #memberships .item img {   max-height:78px;   margin:0 auto;   opacity:0.8;   -webkit-filter:grayscale(100%);   filter:grayscale(100%);   transition:all .3s; } #memberships .item a:hover img {   opacity:1;   -webkit-filter:grayscale(0);   filter:grayscale(0); }  #form {   position:relative;   background-color:#fafafa; } #form::before {   content:"";   display:block;   width:100%;   height:75px;   background-color:#FFF;   position:absolute;   top:0; left:0; } #form .photo {   flex:0 0 calc(41.666667% + 240px);   max-width:calc(41.666667% + 240px);   margin-left:-240px; } #form .photo > div {   display:block;   width:100%;   height:875px;   padding-left:240px;   background-size:cover;   background-position:top right; } #form .photo p {   color:#FFF;   font-size:18px;   font-weight:400;   line-height:100%;   letter-spacing:0;   text-transform:uppercase;   padding:0;   margin:0; } #form .photo h2 {   color:#FFF;   font-family:var(--font3);   font-size:72px;   font-weight:400;   line-height:70px;   letter-spacing:0;   padding:0;   margin:10px 0 63px 0; } #form .photo h2::after {   content:"";   display:block;   width:230px;   height:10px;   margin:12px 0 0 0;   background:rgb(210,142,41);   background:-moz-linear-gradient(90deg, rgba(210,142,41,1) 0%, rgba(94,53,9,1) 23%, rgba(240,236,116,1) 55%, rgba(147,93,28,1) 77%, rgba(243,184,71,1) 100%);   background:-webkit-linear-gradient(90deg, rgba(210,142,41,1) 0%, rgba(94,53,9,1) 23%, rgba(240,236,116,1) 55%, rgba(147,93,28,1) 77%, rgba(243,184,71,1) 100%);   background:linear-gradient(90deg, rgba(210,142,41,1) 0%, rgba(94,53,9,1) 23%, rgba(240,236,116,1) 55%, rgba(147,93,28,1) 77%, rgba(243,184,71,1) 100%);   filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#d28e29",endColorstr="#f3b847",GradientType=1);   border-radius:2px; } #form .photo h3 {   color:#FFF;   font-size:27px;   font-weight:700;   line-height:100%;   letter-spacing:0;   text-transform:uppercase;   padding:0;   margin:5px 0 0 0; } #form .photo a {   color:#FFF;   font-size:45px;   font-weight:500;   line-height:100%;   letter-spacing:-0.9px;   padding:0;   margin:30px 0 97px 0; } #form .photo a:hover {   text-decoration:none; } #form .photo a img {   padding-right:18px; } #form .form {   flex:0 0 calc(50% + 115px);   max-width:calc(50% + 115px);   margin-right:-115px;   padding-bottom:95px; } #form .form h2 {   color:#080808;   font-size:20px;   font-weight:500;   line-height:100%;   letter-spacing:0;   text-transform:uppercase;   text-align:center;   padding:0;   margin:0; } #form .form h2::after {   content:"";   display:block;   width:170px;   height:4px;   margin:9px auto 65px;   background:rgb(210,142,41);   background:-moz-linear-gradient(90deg, rgba(210,142,41,1) 0%, rgba(94,53,9,1) 23%, rgba(240,236,116,1) 55%, rgba(147,93,28,1) 77%, rgba(243,184,71,1) 100%);   background:-webkit-linear-gradient(90deg, rgba(210,142,41,1) 0%, rgba(94,53,9,1) 23%, rgba(240,236,116,1) 55%, rgba(147,93,28,1) 77%, rgba(243,184,71,1) 100%);   background:linear-gradient(90deg, rgba(210,142,41,1) 0%, rgba(94,53,9,1) 23%, rgba(240,236,116,1) 55%, rgba(147,93,28,1) 77%, rgba(243,184,71,1) 100%);   filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#d28e29",endColorstr="#f3b847",GradientType=1);   border-radius:2px; }  #footer {   background-color:#0c121d; } #footer .c-1 .row {   padding-top:90px;   padding-bottom:90px; } #footer .c-1 .row > div {   padding-left:15px;   padding-right:15px; } #footer .logo img {   max-height:205px; } #footer .logo p {   display:none;   color:rgba(255, 255, 255, .5);   font-size:15px;   font-weight:300;   line-height:28px;   letter-spacing:0;   padding:0;   margin:35px 0 0 0; } #footer h3 {   color:#FFF;   font-family:var(--font3);   font-size:19px;   font-weight:400;   line-height:100%;   letter-spacing:0;   padding:0;   margin:20px 0 0 0; } #footer h3::after {   content:"";   display:block;   width:50px;   height:3px;   margin:13px 0 20px 0;   background-color:var(--main); } #footer .links ul {   padding:0;   margin:0;   list-style:none; } #footer .links ul li {   color:rgba(255, 255, 255, .8);   font-size:16px;   font-weight:300;   line-height:34px;   letter-spacing:0;   padding:0;   margin:0; } #footer .links ul li a:hover {   color:#FFF; } #footer .contact .phone {   display:inline-block;color:#FFF;   font-size:25px;   font-weight:500;   line-height:100%;   letter-spacing:0;   padding:0;   margin:7px 0 16px 0;   border-bottom:1px solid transparent; } #footer .contact .phone:hover {   text-decoration:none;   border-color:#FFF; } #footer .contact p, #footer .contact .mail {   color:rgba(255, 255, 255, .7);   font-size:16px;   font-weight:300;   line-height:24px;   letter-spacing:0;   padding:0;   margin:0; } #footer .contact .mail {   display:inline-block;   margin-top:12px;   border-bottom:1px solid rgba(255, 255, 255, .7); } #footer .contact .mail:hover {   color:#FFF;   border-color:#FFF; } #footer .c-2 .row {   position:relative;   padding-top:45px;   padding-bottom:45px; } #footer .c-2 .row::before {   content:"";   display:block;   width:calc(100% - 30px);   height:1px;   background-color:#424242;   position:absolute;   top:0; left:15px; }  #hero-sub {   height:645px;   padding-bottom:135px;   background-size:cover;   background-position:top center; } #hero-sub .content .hero_subpage_head {   color:#FFF;   font-family:var(--font3);   font-size:76px;   font-weight:400;   line-height:100%;   letter-spacing:-2.5px;   padding:0;   margin:0; } #hero-sub.contact .content h1::after {   content:"";   display:block;   width:145px;   height:4px;   margin:19px auto 0;   background:rgb(210,142,41);   background:-moz-linear-gradient(90deg, rgba(210,142,41,1) 0%, rgba(94,53,9,1) 23%, rgba(240,236,116,1) 55%, rgba(147,93,28,1) 77%, rgba(243,184,71,1) 100%);   background:-webkit-linear-gradient(90deg, rgba(210,142,41,1) 0%, rgba(94,53,9,1) 23%, rgba(240,236,116,1) 55%, rgba(147,93,28,1) 77%, rgba(243,184,71,1) 100%);   background:linear-gradient(90deg, rgba(210,142,41,1) 0%, rgba(94,53,9,1) 23%, rgba(240,236,116,1) 55%, rgba(147,93,28,1) 77%, rgba(243,184,71,1) 100%);   filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#d28e29",endColorstr="#f3b847",GradientType=1);   border-radius:2px; } #hero-sub .content h3 {   color:#FFF;   font-family:var(--font2);   font-size:23px;   font-weight:400;   line-height:100%;   letter-spacing:3.22px;   text-transform:uppercase;   padding:0;   margin:32px 0 0 0; } #hero-sub.contact .content h3 {   margin:0 0 23px 0; } #hero-sub:not(.contact) .content h3::after {   content:"";   display:block;   width:115px;   height:3px;   margin:13px auto 0;   background-color:var(--main); } #page-wrapper, #index-wrapper, #single-wrapper, .page-template-testimonials #testimonials, #practice-area {   position:relative; } #page-wrapper::before, #index-wrapper::before, #single-wrapper::before, .page-template-testimonials #testimonials::before, #practice-area::before {   content:"";   display:block;   width:1099px;   height:945px;   background-image:url(https://www.wilson-lawoffice.com/wp-content/themes/click5-wp/img/icons/icon-logo-2.png);   background-size:1099px auto;   background-position:top left;   background-repeat:no-repeat;   opacity:0.05;   position:absolute;   bottom:-250px;   left:-400px; } #contact {   position:relative;   background-color:#f9f9f9; } #contact::before {   content:"";   display:block;   width:100%;   height:54px;   background-color:#FFF;   position:absolute;   bottom:0; left:0;   z-index:1; } #contact .row {   position:relative;   z-index:4; } #contact .text {   padding-right:60px; } #contact .text h3 {   color:#555;   font-size:17px;   font-weight:300;   line-height:100%;   letter-spacing:1.02px;   text-transform:uppercase;   padding:0 0 17px 0;   margin:110px 0 0 0; } #contact .text .contact_head {   display:block;   color:#0a0a0a;   font-family:var(--font3);   font-size:52px;   font-weight:400;   line-height:100%;   letter-spacing:-1.56px;   padding:0;   margin:0; } #contact .text .contact_head::after {   content:"";   display:block;   width:165px;   height:4px;   margin:20px 0 35px 0;   background:rgb(210,142,41);   background:-moz-linear-gradient(90deg, rgba(210,142,41,1) 0%, rgba(94,53,9,1) 23%, rgba(240,236,116,1) 55%, rgba(147,93,28,1) 77%, rgba(243,184,71,1) 100%);   background:-webkit-linear-gradient(90deg, rgba(210,142,41,1) 0%, rgba(94,53,9,1) 23%, rgba(240,236,116,1) 55%, rgba(147,93,28,1) 77%, rgba(243,184,71,1) 100%);   background:linear-gradient(90deg, rgba(210,142,41,1) 0%, rgba(94,53,9,1) 23%, rgba(240,236,116,1) 55%, rgba(147,93,28,1) 77%, rgba(243,184,71,1) 100%);   filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#d28e29",endColorstr="#f3b847",GradientType=1);   border-radius:2px; } #contact .text p {   color:#0a0a0a;   font-size:18px;   font-weight:400;   line-height:29px;   letter-spacing:0;   padding:0; } #contact .text p:last-of-type {   font-size:20px;   font-weight:300;   line-height:30px;   margin-bottom:0; } #contact .photo {   flex:0 0 calc(50% + 120px);   max-width:calc(50% + 120px);   margin-right:-120px; } #contact .photo > div {   display:block;   width:100%;   height:655px;   background-size:cover;   background-position:top center;   box-shadow:0 10px 43px rgb(0 0 0 / 22%); } #contact .fast-contact.mini .row {   margin-top:-54px; } .entry-content h1, .entry-content h2, h1.post-title {   color:#0d2b5a;   font-family:var(--font3);   font-size:40px;   font-weight:400;   line-height:48px;   letter-spacing:0; } .entry-content h3, .sitemap_by_click5 h2 {   color:var(--main);   font-size:26px;   font-weight:500;   line-height:34px;   letter-spacing:-0.26px; } .entry-content h4 {   color:#0a0a0a;   font-size:22px;   font-weight:500;   line-height:30px;   letter-spacing:-0.22px; } .entry-content h5, .entry-content h6 {   color:var(--main); } .entry-content p, .entry-content ul li, .entry-content ol li {   color:#4b4b4b;   font-size:18px;   font-weight:400;   line-height:31px;   letter-spacing:-0.18px;   padding:0; } .entry-content p strong {   font-weight:700; } .entry-content p:last-of-type {   margin-bottom:0; } .entry-content img.aligncenter, .entry-content .video img.aligncenter {   display:block;   height:auto;   margin:0 auto; } .entry-content img.alignright {   float:right;   margin-left:30px;   margin-bottom:20px;   margin-top:20px; } .entry-content img.alignleft {   float:left;   margin-right:30px;   margin-bottom:20px;   margin-top:20px; } .entry-content ul {   list-style:none;   padding-left:20px; } .entry-content ul li {   position:relative;   padding-left:25px;   margin-top:5px; } .entry-content ul li::before {   content:"\f054";   color:var(--main);   font-family:"Font Awesome 5 Free";   font-size:10px;   font-weight:600;   line-height:31px;   position:absolute;   left:0; } .entry-content ol {   margin-left:10px; } .entry-content ol li {   padding-left:7px;   margin-top:5px; } .entry-content blockquote:before {   width:6px;   background-color:var(--main);   border-radius:3px;  } .entry-content blockquote p {   font-size:20px;   font-weight:500;   line-height:36px;   margin:0; } .entry-content .gallery {   display:flex;   flex-wrap:wrap;   margin-top:25px; } .entry-content .gallery.gallery-columns-2 .gallery-item {   flex:0 0 calc(50% - 10px);   max-width:calc(50% - 10px);   text-align:center;   margin:5px; } .entry-content .gallery.gallery-columns-3 .gallery-item {   flex:0 0 calc(33.3333% - 10px);   max-width:calc(33.33333% - 10px);   text-align:center;   margin:5px; } .entry-content .gallery.gallery-columns-4 .gallery-item {   flex:0 0 calc(25% - 10px);   max-width:calc(25% - 10px);   text-align:center;   margin:5px; } .entry-content .gallery .gallery-item a {   display:block;   width:100%;   height:190px;   background-size:cover;   background-position:center;   background-repeat:no-repeat;   outline:none;   overflow:hidden; } .entry-content .gallery .gallery-item a:hover {   text-decoration:none; } .entry-content .gallery .gallery-item a img {   height:auto; } .entry-content .gallery .gallery-item .gallery-caption {   color:#20083b;   font-size:18px;   font-weight:500;   line-height:28px;   letter-spacing:-0.18px;   padding:10px 0 0 0;   margin:0; }  #practice-area .headline {   position:relative;   padding-bottom:50px; } #practice-area .headline::after {   content:"";   display:block;   width:120px;   height:4px;   margin:0 auto;   background:rgb(210,142,41);   background:-moz-linear-gradient(90deg, rgba(210,142,41,1) 0%, rgba(94,53,9,1) 23%, rgba(240,236,116,1) 55%, rgba(147,93,28,1) 77%, rgba(243,184,71,1) 100%);   background:-webkit-linear-gradient(90deg, rgba(210,142,41,1) 0%, rgba(94,53,9,1) 23%, rgba(240,236,116,1) 55%, rgba(147,93,28,1) 77%, rgba(243,184,71,1) 100%);   background:linear-gradient(90deg, rgba(210,142,41,1) 0%, rgba(94,53,9,1) 23%, rgba(240,236,116,1) 55%, rgba(147,93,28,1) 77%, rgba(243,184,71,1) 100%);   filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#d28e29",endColorstr="#f3b847",GradientType=1);   border-radius:2px;   position:absolute;   bottom:0; left:0; right:0; } #practice-area .headline h1 {   color:#0d2b5a;   font-family:var(--font3);   font-size:40px;   font-weight:400;   line-height:100%;   letter-spacing:0;   padding:0;   margin:0; } #practice-area .headline p {   color:#555;   font-size:17px;   font-weight:300;   line-height:100%;   letter-spacing:1.02px;   text-transform:uppercase;   padding:0;   margin:24px 0 0 0; } #practice-area .container-fluid {   background-color:#fafafa; } #practice-area .entry-content.content-1 {   max-width:90%;   margin:0 auto 70px; } #practice-area .entry-content.content-2, #practice-area .entry-content.content-5, #practice-area .entry-content.content-6 {   padding-right:40px; } #practice-area .entry-content.content-3, #practice-area .entry-content.content-7 {   padding-left:40px; } #practice-area .entry-content p strong {   font-size:20px;   font-weight:500; } #practice-area .entry-content h2 {   padding-top:0;   margin-bottom:17px; } #practice-area .entry-content h2::after {   content:"";   display:block;   width:120px;   height:4px;   margin:37px 0 0 0;   background:rgb(210,142,41);   background:-moz-linear-gradient(90deg, rgba(210,142,41,1) 0%, rgba(94,53,9,1) 23%, rgba(240,236,116,1) 55%, rgba(147,93,28,1) 77%, rgba(243,184,71,1) 100%);   background:-webkit-linear-gradient(90deg, rgba(210,142,41,1) 0%, rgba(94,53,9,1) 23%, rgba(240,236,116,1) 55%, rgba(147,93,28,1) 77%, rgba(243,184,71,1) 100%);   background:linear-gradient(90deg, rgba(210,142,41,1) 0%, rgba(94,53,9,1) 23%, rgba(240,236,116,1) 55%, rgba(147,93,28,1) 77%, rgba(243,184,71,1) 100%);   filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#d28e29",endColorstr="#f3b847",GradientType=1);   border-radius:2px; } #practice-area .entry-content h3 {   font-size:21px;   font-weight:500;   padding-top:0;   margin-bottom:0; } #practice-area .entry-content h4 {   font-size:19px;   font-weight:500;   padding-bottom:0; } #practice-area .entry-content ul {   padding-top:10px;   padding-left:0;   columns:2; } #practice-area .entry-content ul li {   margin-top:0; } #practice-area .photo {   flex:0 0 calc(50% + 165px);   max-width:calc(50% + 165px);   margin-right:-165px;   padding-left:40px; } #practice-area .photo > div {   display:block;   width:100%;   height:500px;   background-size:cover;   background-position:center; }  #contact-boxes {   position:relative;   margin-top:-63px; } #contact-boxes::before {   content:"";   display:block;   width:100%;   height:50%;   background-color:#f8f8f8;   position:absolute;   bottom:0; left:0; } #contact-boxes .row {   box-shadow:0 0 62px rgba(0, 0, 0, .13); } #contact-boxes a {   height:100%;   display:flex;   align-items:center;   padding:30px 60px;   background-color:#FFF; } #contact-boxes .phone a {   background-color:#0c2347; } #contact-boxes .location a {   background-color:#f3f3f3; } #contact-boxes a:hover {   text-decoration:none; } #contact-boxes .content {   padding-left:30px; } #contact-boxes .content p {   color:var(--main);   font-size:15px;   font-weight:700;   line-height:100%;   letter-spacing:-0.3px;   text-transform:uppercase;   padding:0;   margin:0 0 5px 0; } #contact-boxes .content h3 {   color:#0a0a0a;   font-size:28px;   font-weight:500;   line-height:100%;   letter-spacing:-0.56px;   padding:0;   margin:0; } #contact-boxes .phone .content h3 {   color:#FFF;   font-size:30px; } #contact-boxes .location .content h3 {   font-size:18px;   font-weight:300;   line-height:23px; } #contact-wrapper {   background-color:#f8f8f8; } #contact-wrapper .form .content {   max-width:90%;   margin:0 auto;   padding:80px 160px;   background-color:#FFF; } #contact-wrapper .form .content h2 {   color:#0a0a0a;   font-size:20px;   font-weight:300;   line-height:100%;   letter-spacing:0;   text-align:center;   text-transform:uppercase;   padding:0;   margin:0; } #contact-wrapper .form .content h2 strong {   font-weight:500; } #contact-wrapper .form .content h2::after {   content:"";   display:block;   width:100px;   height:4px;   margin:9px auto 64px;   background-color:var(--main); } #contact-call {   background-color:var(--main); } #contact-call h2 {   color:#FFF;   font-family:var(--font3);   font-size:40px;   font-weight:400;   line-height:100%;   letter-spacing:0;   padding:0;   margin:0; } #contact-call p {   color:#FFF;   font-size:26px;   font-weight:300;   line-height:100%;   letter-spacing:0.52px;   text-transform:uppercase;   padding:0;   margin:20px 0 0 0; } #contact-call p a {   font-weight:700;   border-bottom:2px solid transparent; } #contact-call p a:hover {   text-decoration:none;   border-color:#FFF; }  #widget-area {   padding-left:40px; } #widget-area h3 {   color:var(--main);   font-size:24px;   font-weight:600;   line-height:100%;   letter-spacing:-0.72px;   padding:0 0 30px 0;   margin:0; } #widget-area ul {   padding:0;   margin:0;   list-style:none; } #widget-area ul li {   position:relative;   line-height:26px;   padding-left:20px;   margin-bottom:20px; } #widget-area ul li::before {   content:"\f105";   color:var(--main);   font-family:"Font Awesome 5 Free";   font-size:13px;   font-weight:700;   line-height:46px;   position:absolute;   left:0; } #widget-area ul li::before {   line-height:28px; } #widget-area ul li a {   color:var(--text);   font-size:17px;   font-weight:400;   line-height:100%;   letter-spacing:-0.42px;   padding:0;   margin:0;   border-bottom:1px solid transparent; } #widget-area ul li a:hover {   text-decoration:none;   border-color:var(--main); } #widget-area ul li a[aria-current="page"] {   color:var(--main);   font-weight:600;   border-color:var(--main); } .page-template-lasalle #hero h1, .page-template-lasalle #hero h3, #practice .headline h1 {  color:#FFF;  font-family:var(--font3); }