.header-area.political-home:before { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-image: linear-gradient(45deg, #191D33, #E70F47); content: ''; z-index: -1; opacity: .8; } .header-area.political-home { padding: 325px 0 320px; } .header-area.political-home .left-image-wrap { position: absolute; bottom: -10%; left: 5%; } .header-area.political-home .header-area .title { font-size: 60px; line-height: 69px; } .header-area.political-home .boxed-btn.political { border-radius: 3px; background-color: #fff; color: var(--political-color); } .header-area.political-home .boxed-btn.political:hover { background-color: var(--political-color); border-color: var(--political-color); color: #fff; } .header-area.political-home .btn-wrapper .boxed-btn.political{ margin-top: 30px; } /* navbar */ .header-style-03.header-variant-11 { position: relative; z-index: inherit; } .header-style-03.header-variant-11 .navbar-area { position: absolute; left: 0; top: auto; z-index: 2; width: 100%; } .header-variant-11 .navbar-area.nav-fixed { position: fixed; top: 0; width: 100%; background-color: var(--heading-color); z-index: 999; } .header-style-03.header-variant-11 .navbar-area .nav-container { box-shadow: none; padding: 0; border-radius: 0; background-color: transparent; } .header-style-03.header-variant-11 .navbar-area .nav-container .navbar-collapse .navbar-nav li:before { color: rgba(255, 255, 255, 0.6); } .header-style-03.header-variant-11 .navbar-area .nav-container .navbar-collapse .navbar-nav li a { color: rgba(255, 255, 255, 0.6); transition: all 300ms; } .header-style-03.header-variant-11 .navbar-area .nav-container .navbar-collapse .navbar-nav li a:hover { color: var(--political-color); } .header-style-03.header-variant-11 .navbar-area .nav-container .nav-right-content ul li a { color: rgba(255, 255, 255, 0.6); transition: all 300ms; } .header-style-03.header-variant-11 .navbar-area .nav-container .nav-right-content ul li a:hover { color: var(--political-color); } .header-style-03.header-variant-11 .navbar-area .nav-container .nav-right-content ul li.cart a { color: rgba(255, 255, 255, 0.6); transition: all 300ms; } .header-style-03.header-variant-11 .navbar-area .nav-container .nav-right-content ul li.cart a:hover { color: var(--political-color); } .header-style-03.header-variant-11 .navbar-area .nav-container .nav-right-content ul li.cart .pcount { color: #fff; background-color: var(--political-color); } .header-style-03.header-variant-11 .navbar-area .nav-container .mobile-cart a .pcount { color: var(--political-color); } /* key features */ .political-feature-list { display: flex; justify-content: space-evenly; margin: 0; padding: 0; list-style: none; } .political-feature-list li.style-1 { background-color: #FF872A; } .political-feature-list li.style-2 { background-color: #303960; } .political-feature-list li.style-3 { background-color: #00B3F6; } .political-feature-list li { background-color: var(--political-color); text-align: center; width: 100%; display: block; padding: 60px 40px; } .political-feature-list li .icon { font-size: 70px; line-height: 70px; color: #fff; margin-bottom: 10px; } .political-feature-list li .title { font-size: 18px; line-height: 20px; color: #fff; } .header-bottom-area.margin-minus-100 { margin-top: -120px; } /* about area */ .lawyer-about-area .left-content-area { margin-right: 80px; } .lawyer-about-area .left-content-area .subtitle { font-size: 16px; line-height: 26px; margin-bottom: 10px; display: block; color: var(--political-color); } .lawyer-about-area .left-content-area .title { font-size: 45px; line-height: 50px; margin-bottom: 30px; } .lawyer-about-area .left-content-area .btn-wrapper { margin-top: 30px; } .lawyer-about-area .left-content-area .btn-wrapper .boxed-btn { border-radius: 3px; background-color: var(--political-color); border: 1px solid var(--political-color); } .lawyer-about-area .left-content-area .btn-wrapper .boxed-btn:hover { color: var(--political-color); background-color: transparent; border-color: var(--political-color); } .lawyer-about-area .right-content-area { position: relative; } .lawyer-about-area .right-content-area:before { position: absolute; right: -30px; bottom: -30px; width: 150px; height: 150px; background-color: var(--political-color); content: ''; z-index: -1; } /* video area */ .political-video-wrap .img-wrap { position: relative; border: 10px solid #fff; } .political-video-wrap .img-wrap .video-play-btn { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .political-video-wrap { bottom: -100px; z-index: 1; position: relative; } /* Call to action area */ .political-cta-area-wrapper { padding: 240px 0 140px; text-align: center; position: relative; } .political-cta-area-wrapper:before { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #191D33; content: ''; opacity: .9; } .political-cta-area-wrapper .subtitle { font-size: 16px; line-height: 26px; color: rgba(255,255,255,.8); } .political-cta-area-wrapper .title { font-size: 45px; line-height: 55px; font-weight: 700; color: #fff; margin-bottom: 30px; } .political-cta-area-wrapper p { color: rgba(255,255,255,.6); } .political-cta-area-wrapper .btn-wrapper .boxed-btn { border-radius: 3px; background-color: var(--political-color); border: 1px solid transparent; } .political-cta-area-wrapper .btn-wrapper .boxed-btn:hover { background-color: transparent; border-color: var(--political-color); color: #fff; } .political-cta-area-wrapper .btn-wrapper{ margin-top: 30px; } .section-title.political-home .subtitle { text-transform: capitalize; color: var(--political-color); } /* service area */ .political-single-what-we-cover-item { position: relative; } .political-single-what-we-cover-item .hover { visibility: hidden; opacity: 0; position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding: 40px; text-align: center; background-color: var(--political-color); display: flex; justify-content: center; align-items: center; flex-direction: column; transition: all 300ms; } .political-single-what-we-cover-item .content { padding: 20px; background-color: #fff; box-shadow: 0 0 15px 0 rgba(0,0,0,0.1); } .political-single-what-we-cover-item .content .title{ font-size: 24px; line-height: 34px; transition: all 300ms; } .political-single-what-we-cover-item .content .readmore:hover, .political-single-what-we-cover-item .content .title:hover { color: var(--political-color); } .political-single-what-we-cover-item .content .readmore { transition: all 300ms; } .political-single-what-we-cover-item:hover .hover { visibility: visible; opacity: 1; } .political-single-what-we-cover-item .hover .title { font-size: 26px; line-height: 30px; font-weight: 700; color: #fff; margin-bottom: 20px; } .political-single-what-we-cover-item .hover p { color: rgba(255,255,255,.7); } /* counterup */ .lawyer-counterup-area { position: relative; z-index: 0; } .lawyer-counterup-area:after { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; content: ''; background-color: var(--political-color); opacity: .6; } .lawyer-home-counterup-item .icon { font-size: 40px; line-height: 50px; margin-bottom: 15px; color: #fff; } .lawyer-home-counterup-item { text-align: center; } .lawyer-home-counterup-item .count-wrap { font-size: 30px; line-height: 40px; font-weight: 700; color: #fff; } .lawyer-home-counterup-item .title { font-size: 16px; line-height: 20px; margin-top: 10px; color: rgba(255,255,255,.8); } /* event area */ .political-single-event-item-wrap { display: flex; margin-bottom: 30px; } .political-single-event-item-wrap .content { padding: 30px; } .political-single-event-item-wrap .thumb { width: 50%; position: relative; } .political-single-event-item-wrap .thumb .time-wrap.style-1 { background-color: #00B3F6; } .political-single-event-item-wrap .thumb .time-wrap.style-2 { background-color: #FF872A; } .political-single-event-item-wrap .thumb .time-wrap { position: absolute; left: 10px; top: 10px; text-align: center; width: 60px; height: 60px; background-color: var(--political-color); font-weight: 700; border-radius: 3px; line-height: 26px; font-size: 18px; color: #fff; } .political-single-event-item-wrap .thumb .time-wrap span { display: block; } .political-single-event-item-wrap .content .title { font-size: 24px; line-height: 30px; margin-bottom: 20px; } .political-single-event-item-wrap .content .description { margin-bottom: 20px; } .political-single-event-item-wrap .content ul { margin: 0; padding: 0; list-style: none; } .political-single-event-item-wrap .content ul li+li { margin-top: 10px; } .political-single-event-item-wrap .content ul li i { color: var(--political-color); } .political-single-event-item-wrap .thumb .time-wrap .date { margin-bottom: 0; line-height: 16px; padding-top: 12px; } /* testimonial area */ .logistic-single-testimonial-item.political-home { background-color: #fff; position: relative; } .logistic-single-testimonial-item.political-home i { color: var(--political-color); } .logistic-single-testimonial-item.political-home .content .author-details { border-color: var(--political-color); } .logistic-single-testimonial-item.political-home:before { position: absolute; right: 0; top: 0; width: 200px; content: ""; background-color: var(--political-color); height: 100%; } /* news area */ .single-portfolio-blog-grid.political-home .thumb .time-wrap { background-color: var(--political-color); } .single-portfolio-blog-grid.political-home .content { padding: 0; background-color: transparent; padding-top: 50px; } .single-portfolio-blog-grid.political-home .content .title{ color: var(--heading-color); } .single-portfolio-blog-grid.political-home .content p { color: var(--paragraph-color); } .single-portfolio-blog-grid.political-home .content .readmore { color: var(--political-color); text-decoration: none; } .header-area .title { font-weight: 700; } .lawyer-about-area .left-content-area .title { font-weight: 700; } /* responsive */ @media only screen and (min-width: 1201px) and (max-width: 1366px) { } @media only screen and (min-width: 992px) and (max-width: 1200px) {} @media only screen and (max-width: 991px) { .header-style-03.header-variant-11 .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-mega-menu:before { top: 25px; right: 20px; color: var(--heading-color); } .header-area.political-home .left-image-wrap{ display: none; } .header-style-03.header-variant-11 .navbar-area .nav-container .navbar-collapse .navbar-nav li a { color: var(--heading-color); } .header-style-03.header-variant-11 .mobile-cart a { display: inline-block; position: absolute; right: 80px; top: 15px; } .header-area.political-home { padding: 180px 0 220px; } .lawyer-about-area .left-content-area { margin-bottom: 40px; } .lawyer-home-counterup-item { margin-bottom: 30px; } } @media only screen and (max-width: 767px) { } @media only screen and (max-width: 599px) { .political-feature-list { flex-wrap: wrap; } .lawyer-about-area .left-content-area { margin-right: 0; } .lawyer-about-area .left-content-area .title { font-size: 42px; line-height: 46px; } } @media only screen and (max-width: 450px) {} @media only screen and (max-width: 414px) { .logistic-single-testimonial-item.political-home:before{ display: none; } .lawyer-about-area .left-content-area .title { font-size: 36px; line-height: 45px; } .political-cta-area-wrapper .title { font-size: 36px; line-height: 46px; } } @media only screen and (max-width: 330px) { .header-style-03.header-variant-11 .navbar-area .nav-container .responsive-mobile-menu .logo-wrapper{ max-width: 140px; } }