/*
##Device = Most of the Smartphones Mobiles (Portrait)
##Screen = B/w 320px to 479px/767px
*/
@media only screen and (min-width: 320px) and (max-width: 767px) {
/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body {
line-height: 30px;
line-height: 3rem;
font-size: 20px;
font-size: 2rem;
-webkit-font-smoothing: auto;
}
.h1,
h1 {
font-size: 32px;
font-size: 3.2rem;
line-height: 40px;
line-height: 4rem;
}
.h2,
h2 {
font-size: 29px;
font-size: 2.9rem;
line-height: 36px;
line-height: 3.6rem;
}
.h3,
h3 {
font-size: 20px;
font-size: 2rem;
line-height: 28px;
line-height: 2.8rem;
}
p,
li {
line-height: 30px;
line-height: 3rem;
font-size: 20px;
font-size: 2rem;
}
hr {
margin-bottom: 28px;
margin-bottom: 2.8rem;
margin-top: 28px;
margin-top: 2.8rem;
}
/*--------------------------------------------------------------
# Links
--------------------------------------------------------------*/
.cta {
max-width: 120px;
max-width: 12rem;
line-height: 34px;
line-height: 3.4rem;
font-size: 22px;
font-size: 2.2rem;
}
/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Structure
--------------------------------------------------------------*/
.wrap {
padding-left: 16px;
padding-left: 1.6rem;
padding-right: 16px;
padding-right: 1.6rem;
}
#page .mobile {
display: block;
}
#page .hide-mobile {
display: none;
}
#content {
margin-top: 75px;
margin-top: 7.5rem;
}
/* Sections */
/* Section: Hero */
.hero-section {
/*height: 280px;
height: 28rem;*/
height: inherit;
background: none !important;
}
.hero-section .hero-section-banner .wrap {
min-height: 50px;
min-height: 5rem;
height: auto;
padding-top: 12px;
padding-top: 1.2rem;
padding-bottom: 12px;
padding-bottom: 1.2rem;
}
.hero-section .hero-section-banner #scroll-page a {
display: none;
}
/* Section: Content */
.content-section {
padding-top: 32px;
padding-top: 3.2rem;
padding-bottom: 32px;
padding-bottom: 3.2rem;
}
.content-section .col-wrap {
display: block;
}
.content-section .col-wrap.two-two > .col:nth-child(2n+1),
.content-section .col-wrap.two-two > .col:nth-child(2n+2) {
flex: inherit;
padding-right: 0;
align-items: inherit;
}
.content-section .col-wrap.three,
.content-section .col-wrap.four,
.content-section .col-wrap.five {
margin: 0;
}
.content-section .col-wrap.three > .col,
.content-section .col-wrap.four > .col,
.content-section .col-wrap.five > .col {
padding: 0;
margin-bottom: 26px;
margin-bottom: 2.6rem;
}
.content-section .col-wrap.three > .col:last-child,
.content-section .col-wrap.four > .col:last-child,
.content-section .col-wrap.five > .col:last-child {
margin-bottom: 0;
}
.content-section .col-wrap.three > .col,
.content-section .col-wrap.four > .col,
.content-section .col-wrap.five > .col {
width: 100%;
}
.content-section .section-content h2 {
margin-bottom: 28px;
margin-bottom: 2.8rem;
}
.content-section .section-content h3 {
margin-bottom: 32px;
margin-bottom: 3.2rem;
}
.content-section p:not(:last-of-type) {
margin-bottom: 32px;
margin-bottom: 3.2rem;
}
.content-section ul:not(.no-style):not(.inline) {
margin-top: -20px;
margin-top: -2rem;
margin-bottom: 32px;
margin-bottom: 3.2rem;
}
/* Section: Children List */
#children-list {
display: none;
}
/* Section: Full Parent Content */
.parent-content a.child-content-header {
font-family: "Helvetica", Arial, sans-serif;
font-size: 16px;
font-size: 1.6rem;
line-height: 18px;
line-height: 1.8rem;
font-weight: bold;
display: block;
text-transform: uppercase;
border-bottom: 1px solid #a3891d;
padding: 26px 60px 26px 16px;
padding: 2.6rem 6rem 2.6rem 1.6rem;
}
.parent-content a.child-content-header:hover,
.parent-content .child-content.active a.child-content-header {
color: #fff;
background-color: #a3891d;
}
.parent-content .child-content .section-content {
padding: 34px 16px;
padding: 3.4rem 1.6rem;
border-bottom: 1px solid #a3891d;
}
/* Section: Slider */
#page .slick-slider {
/*margin-top: 28px;*/
margin-top: 0;
padding-left: 0;
padding-right: 0;
padding-top: 28px;
padding-top: 2.8rem;
}
#page .slick-slider .slick-prev {
left: -10px;
left: -1rem;
}
#page .slick-slider .slick-next {
right: -10px;
right: -1rem;
}
#page .slick-slider .slick-dots {
margin-top: 34px;
margin-top: 3.4rem;
}
#page .slick-slider .slick-dots li {
margin: 0 0 0 14px;
margin: 0 0 0 1.4rem;
}
#page .slick-slider .slick-dots li button {
font-size: 14px;
font-size: 1.4rem;
}
#page .slick-slider .slick-track p,
#page .slick-slider .slick-track li {
line-height: 30px;
line-height: 3rem;
margin-bottom: 0;
}
/* Section: Quote */
.quote .h3 {
padding-left: 40px;
padding-left: 4rem;
display: block;
margin-top: -35px;
margin-top: -3.5rem;
}
.quote span.open-quote {
transform: none;
margin: 0;
}
.quote.quote-top {
padding-bottom: 28px;
padding-bottom: 2.8rem;
margin-bottom: 36px;
margin-bottom: 3.6rem;
}
.quote.quote-bottom {
padding-top: 28px;
padding-top: 2.8rem;
margin-top: 36px;
margin-top: 3.6rem;
}
.quote span.close-quote {
display: none;
}
.quote-details {
margin-top: 22px;
margin-top: 2.2rem;
}
/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
.site-header {
position: fixed;
top: 0;
width: 100%;
z-index: 9999;
background: #fff;
}
.site-header > .wrap {
padding: 26px 22px;
padding: 2.6rem 1.6rem;
}
.site-branding {
flex: 0 0 264px;
flex: 0 0 26.4rem;
line-height: 23px;
line-height: 2.3rem;
}
.site-header .main-navigation {
margin-left: auto;
flex: 0;
}
.site-header .main-navigation ul.sub-menu {
display: none;
}
.site-header .main-navigation .menu-toggle {
z-index: 9999;
border: none;
background: rgba(0, 0, 0, 0);
padding: 0;
outline: 0;
border-radius: 0;
}
.site-header .main-navigation .menu-toggle span {
width: 25px;
width: 2.5rem;
height: 18px;
height: 1.8rem;
display: block;
background-image: url(../images/mobile-menu.svg);
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: contain;
}
.nav-toggled .site-header .main-navigation .menu-toggle span {
background-image: url(../images/mobile-menu-close.svg);
}
.site-header .main-navigation ul:not(.sub-menu) {
overflow: auto;
display: block;
position: fixed;
z-index: 999;
top: 75px;
top: 7.5rem;
right: -100%;
width: 100%;
height: calc(100vh - 75px);
float: none;
background: #000;
text-align: center;
padding: 0;
transition: right .4s ease;
}
body.nav-toggled {
overflow: hidden;
}
.nav-toggled .site-header .main-navigation ul:not(.sub-menu) {
right: 0;
}
.site-header .main-navigation ul li {
float: none;
display: block;
background-color: #000;
}
.site-header .main-navigation ul li:not(:first-child) {
margin-left: 0;
}
.site-header .main-navigation ul li a {
color: #edd15a;
padding: 28px 0;
padding: 2.8rem 0;
border-bottom: 0.2rem solid #edd15a;
}
.site-header .main-navigation ul li > a:hover,
.site-header .main-navigation ul li.current_page_item > a,
.site-header .main-navigation ul li.current-menu-item > a,
.site-header .main-navigation ul li.current-menu-parent > a {
color: #edd15a;
border-bottom: 0.2rem solid #edd15a;
}
/*--------------------------------------------------------------
# Home
--------------------------------------------------------------*/
.home #page .hero-section {
height: 80vh;
}
.home #page .slick-slider,
.home #page .slick-track,
.home #page .slick-slide {
height: 80vh;
}
.home .hero-section .hero-section-banner .wrap {
height: inherit;
padding-top: 36px;
padding-top: 3.6rem;
padding-bottom: 44px;
padding-bottom: 4.4rem;
}
.home .hero-section h1 {
font-size: 32px;
font-size: 3.2rem;
line-height: 28px;
line-height: 2.8rem;
margin-bottom: 5px;
margin-bottom: 0.5rem;
}
.home .hero-section h2 {
font-size: 20px;
font-size: 2rem;
line-height: 28px;
line-height: 2.8rem;
}
.home .hero-section .hero-section-banner #scroll-page a {
display: block;
width: 24px;
width: 2.4rem;
height: 12px;
height: 1.2rem;
}
.home #page .hero-section.slide-1 {
opacity: 1 !important;
}
.home #page .hero-section.slide-1 .hero-section-image {
transform: scale(1.3);
}
.home #page .hero-section.slide-2 .hero-section-image {
background: none !important;
}
.home #page .hero-section.slide-2 .hero-section-banner {
background-color: #000;
}
.home #page .hero-section.slide-2 .home-menu-wrap {
padding-bottom: 0;
}
.home #page .hero-section.slide-2 #home-menu li {
width: 100%;
margin-left: 0;
margin-right: 0;
}
.home #page .hero-section.slide-2 #home-menu li:not(:last-child) {
margin-bottom: 10px;
margin-bottom: 1rem;
}
.home #page .hero-section.slide-2 #home-menu li a {
font-size: 28px;
font-size: 2.8rem;
line-height: 30px;
line-height: 3rem;
padding: 14px 0;
padding: 1.4rem 0;
border-width: 1px;
border-width: 0.1rem;
}
.home #page .hero-section.slide-2 #home-menu li a:hover {
color: #fff;
background-color: transparent;
}
.home .site-footer {
border-top: 0;
}
/*--------------------------------------------------------------
# Why DNF?
--------------------------------------------------------------*/
.page-template-page-why-dnf #content-area {
padding: 0;
}
/* Success-Based Fee Arrangements */
.page-id-621 #page .section-content ul {
margin-bottom: 36px;
margin-bottom: 3.6rem;
}
.page-id-621 #page .section-content ul li:not(:last-child) {
margin-bottom: 34px;
margin-bottom: 3.4rem;
}
/*--------------------------------------------------------------
# Practice Areas
--------------------------------------------------------------*/
.post-type-archive-practice-area #content-area {
padding: 0;
}
.post-type-archive-practice-area .section-content img {
margin-bottom: 20px;
margin-bottom: 2rem;
}
.single-practice-area .content-section .notable-matters {
padding-top: 28px;
padding-top: 2.8rem;
margin-top: 36px;
margin-top: 3.6rem;
}
.single-practice-area .content-section .notable-matters ul {
margin-top: 0;
}
.single-practice-area .content-section .notable-matters ul li:not(:last-child) {
margin-bottom: 24px;
margin-bottom: 2.4rem;
}
/*--------------------------------------------------------------
# Lawyers
--------------------------------------------------------------*/
.post-type-archive-lawyer .content-section {
padding-top: 20px;
padding-top: 2rem;
}
.post-type-archive-lawyer .content-section .col img {
margin-bottom: 20px;
margin-bottom: 2rem;
width: 100%;
}
.post-type-archive-lawyer .content-section .col h3 {
font-size: 20px;
font-size: 2rem;
line-height: 20px;
line-height: 2rem;
}
/*--------------------------------------------------------------
# Single Lawyer
--------------------------------------------------------------*/
.single-lawyer .content-section {
padding-top: 0;
}
.single-lawyer .lawyer-image img {
margin-bottom: 40px;
margin-bottom: 4rem;
margin-left: -16px;
margin-left: -1.6rem;
width: calc(100% + 32px);
width: calc(100% + 3.2rem);
max-width: inherit;
}
.single-lawyer .content-section .col-wrap {
display: flex;
flex-direction: column;
}
.single-lawyer .content-section .col-wrap.two-two > .col:nth-child(2n+1) {
padding-right: 0;
}
.single-lawyer h1 {
margin-top: 0;
border-width: 1px;
border-width: 0.1rem;
padding-bottom: 18px;
padding-bottom: 1.8rem;
margin-bottom: 18px;
margin-bottom: 1.8rem;
font-size: 29px;
font-size: 2.9rem;
line-height: 29px;
line-height: 2.9rem;
}
.single-lawyer .col-wrap h2 {
font-size: 20px;
font-size: 2rem;
line-height: 20px;
line-height: 2rem;
}
.single-lawyer .lawyer-contact {
margin-top: 28px;
margin-top: 2.8rem;
margin-bottom: 62px;
margin-bottom: 6.2rem;
}
.single-lawyer .lawyer-section h2 {
margin-bottom: 5px;
margin-bottom: 0.5rem;
font-size: 15px;
font-size: 1.5rem;
line-height: 18px;
line-height: 1.8rem;
}
.single-lawyer .lawyer-section {
width: 100%;
padding-right: 0;
}
.single-lawyer .lawyer-section h2:not(:first-of-type) {
margin-top: 36px;
margin-top: 3.6rem;
}
.single-lawyer .lawyer-section p,
.single-lawyer .lawyer-section li {
line-height: 30px;
line-height: 3rem;
font-size: 20px;
font-size: 2rem;
margin-bottom: 0;
}
.single-lawyer .content-section .lawyer-section ul {
margin-top: 0;
}
.single-lawyer #page .lawyer-content {
margin-top: 32px;
margin-top: 3.2rem;
padding-top: 28px;
padding-top: 2.8rem;
border-top: 1px solid #a3891d;
}
.single-lawyer .lawyer-content img {
display: none;
}
.single-lawyer #page .content-section .notable-matters {
padding-top: 28px;
padding-top: 2.8rem;
margin-top: 36px;
margin-top: 3.6rem;
}
/*--------------------------------------------------------------
# Careers
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Public Interest Commitment
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Contact
--------------------------------------------------------------*/
.page-template-page-contact .hero-section {
height: 500px;
height: 50rem;
width: 100%;
position: absolute;
display: none;
}
.page-template-page-contact .hero-section .hero-section-banner {
display: none;
}
.page-template-page-contact .content-section {
padding-top: 18px;
padding-top: 1.8rem;
}
.page-template-page-contact .content-section .col-wrap.two-two > .col:nth-child(2n+2) {
padding-left: 0;
}
.page-template-page-contact .content-section .col-wrap.two-two:first-child {
padding: 16px;
padding: 1.6rem;
margin: -16px -16px 0 -16px;
margin: -1.6rem -1.6rem 0 -1.6rem;
background-size: cover;
background-repeat: no-repeat;
background-position: 50% 50%;
}
.page-template-page-contact .content-section .col-wrap.two-two:first-child > .col:nth-child(2n+1) {
margin-bottom: 10px;
margin-bottom: 1rem;
}
.page-template-page-contact .content-section .col-wrap.two-two:first-child .col .contact-media {
margin-bottom: 0;
}
.page-template-page-contact .content-section .col-wrap.two-two:first-child .col .contact-media-text {
padding: 34px 28px;
padding: 3.4rem 2.8rem;
background-color: rgba(0,0,0,.5);
width: 100%;
top: 0;
}
.page-template-page-contact .content-section .col .contact-media-text p {
font-size: 22px;
font-size: 2.2rem;
line-height: 30px;
line-height: 3rem;
}
.page-template-page-contact .content-section .col-wrap.two-two:last-child {
padding-top: 40px;
padding-top: 4rem;
}
.page-template-page-contact .content-section .col-wrap.two-two:last-child > .col:nth-child(2n+1) {
margin-bottom: 42px;
margin-bottom: 4.2rem;
}
.page-template-page-contact .content-section .col h2 {
margin-bottom: 22px;
margin-bottom: 2.2rem;
}
.page-template-page-contact .content-section .col h3,
.page-template-page-contact .content-section .col p {
line-height: 28px;
line-height: 2.8rem;
}
.page-template-page-contact .content-section .col a.cta {
margin-top: 22px;
margin-top: 2.2rem;
}
/*--------------------------------------------------------------
# News
--------------------------------------------------------------*/
.blog .hero-section,
.single-post .hero-section,
.archive.date .hero-section,
.search .hero-section {
height: 50px;
height: 5rem;
}
.blog .hero-section .hero-section-banner .wrap,
.single-post .hero-section .hero-section-banner .wrap,
.archive.date .hero-section .hero-section-banner .wrap,
.search .hero-section .hero-section-banner .wrap {
height: 50px;
height: 5rem;
}
.blog .hero-section img,
.single-post .hero-section img,
.archive.date .hero-section img,
.search .hero-section img {
min-height: 50px;
min-height: 5rem;
width: auto;
max-width: inherit;
}
#news-index {
padding-top: 40px;
padding-top: 4rem;
padding-bottom: 62px;
padding-bottom: 6.2rem;
}
#news-posts article {
padding-top: 40px;
padding-top: 4rem;
padding-bottom: 40px;
padding-bottom: 4rem;
}
#news-posts article:first-child {
border-top: 0;
padding-top: 0;
}
#news-posts h2 {
margin-bottom: 25px;
margin-bottom: 2.5rem;
}
#news-posts .col-wrap.two-two.post-info .post-dateline {
margin-bottom: 18px;
margin-bottom: 1.8rem;
}
#news-sidebar {
margin-top: 62px;
margin-top: 6.2rem;
max-width: inherit;
margin-left: inherit;
}
#news-sidebar #yearly-archive {
margin-top: 18px;
margin-top: 1.8rem;
}
#news-sidebar #yearly-archive li {
display: inline-block;
margin-right: 14px;
margin-right: 1.4rem;
}
#paginator {
display: none;
text-align: left;
}
/*--------------------------------------------------------------
# Single
--------------------------------------------------------------*/
.single-post #news-posts article h1 {
font-size: 29px;
font-size: 2.9rem;
line-height: 36px;
line-height: 3.6rem;
margin-bottom: 28px;
margin-bottom: 2.8rem;
}
.single-post #news-posts article h2 {
/*margin-top: 40px;
margin-top: 4rem;*/
margin-bottom: 28px;
margin-bottom: 2.8rem;
}
.single-post #news-posts article .post-dateline span {
padding-bottom: 0;
border-bottom: 0;
}
/*--------------------------------------------------------------
# Legal Terms
--------------------------------------------------------------*/
.page-id-635 #page .hero-section {
height: 50px;
height: 5rem;
}
.page-id-635 #page .hero-section {
height: 50px;
height: 5rem;
}
.page-id-635 #page .hero-section .hero-section-banner .wrap {
height: 50px;
height: 5rem;
}
.page-id-635 #page .hero-section img {
min-height: 50px;
min-height: 5rem;
width: auto;
max-width: inherit;
}
.page-id-635 #page .content-section .section-content h2 {
margin-top: 60px;
margin-top: 6rem;
}
.page-id-635 #page #content .content-section p:last-of-type a {
max-width: 120px;
max-width: 12rem;
line-height: 34px;
line-height: 3.4rem;
font-size: 22px;
font-size: 2.2rem;
}
/*--------------------------------------------------------------
# Error
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
.site-footer {
border-top-width: 1px;
}
.site-footer .wrap {
padding-top: 40px;
padding-top: 4rem;
padding-bottom: 50px;
padding-bottom: 5rem;
}
.site-footer p,
.site-footer .site-copyright p {
font-size: 16px;
font-size: 1.6rem;
line-height: 24px;
line-height: 2.4rem;
}
.site-footer .site-branding {
max-width: 264px;
max-width: 26.4rem;
margin-bottom: 22px;
margin-bottom: 2.2rem;
}
.site-footer .content-section .col-wrap.two-two > .col:nth-child(2n+2) {
margin-top: 30px;
margin-top: 3rem;
display: block;
align-items: inherit;
}
.site-footer .site-copyright p:not(:last-child) {
margin-bottom: 30px;
margin-bottom: 3rem;
}
.site-footer .site-copyright p:first-child {
margin-bottom: 0;
}
.site-footer #footer-legal {
margin-top: 30px;
margin-top: 3rem;
font-size: 15px;
font-size: 1.5rem;
}
.site-footer #scroll-page-up {
display: none;
}
}
/*
##Device = Tablets
##Screen = B/w 768px to 1024px/1023px
*/
@media only screen and (min-width: 768px) and (max-width: 1203px) {
/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body {
font-size: 20px;
font-size: 2rem;
line-height: 32px;
line-height: 3.2rem;
}
.h1,
h1 {
font-size: 50px;
font-size: 5rem;
line-height: 62px;
line-height: 6.2rem;
}
.h2,
h2 {
font-size: 32px;
font-size: 3.2rem;
line-height: 40px;
line-height: 4rem;
}
.h3,
h3 {
font-size: 24px;
font-size: 2.4rem;
line-height: 32px;
line-height: 3.2rem;
}
p,
li {
font-size: 20px;
font-size: 2rem;
line-height: 32px;
line-height: 3.2rem;
}
/*--------------------------------------------------------------
# Links
--------------------------------------------------------------*/
.cta {
max-width: 128px;
max-width: 12.8rem;
line-height: 36px;
line-height: 3.6rem;
}
/*--------------------------------------------------------------
# Structure
--------------------------------------------------------------*/
#content {
margin-top: 75px;
margin-top: 7.5rem;
}
.wrap {
padding-left: 22px;
padding-left: 2.2rem;
padding-right: 22px;
padding-right: 2.2rem;
}
#page .tablet,
#page .tablet.mobile {
display: block;
}
#page .mobile {
display: none;
}
/* Sections */
/* Section: Hero */
.hero-section .hero-section-banner .wrap {
height: 135px;
height: 13.5rem;
}
/* Section: Content */
.content-section {
padding-top: 60px;
padding-top: 6rem;
padding-bottom: 60px;
padding-bottom: 6rem;
}
.content-section .col-wrap.two-two > .col:only-child {
margin-left: inherit;
}
.content-section .col-wrap.two-two > .col:only-child,
.content-section .col-wrap.two-two > .col:nth-child(2n+2) {
flex: 0 0 475px;
flex: 0 0 47.5rem;
}
.content-section .col-wrap.three > .col,
.content-section .col-wrap.four > .col,
.content-section .col-wrap.five > .col {
margin-bottom: 20px;
margin-bottom: 2rem;
}
.content-section .section-content h2 {
margin-bottom: 34px;
margin-bottom: 3.4rem;
}
.content-section .section-content h3 {
margin-bottom: 40px;
margin-bottom: 4rem;
}
.content-section p:not(:last-of-type) {
margin-bottom: 34px;
margin-bottom: 3.4rem;
}
.content-section ul:not(.no-style):not(.inline) {
margin-top: -20px;
margin-top: -2rem;
margin-bottom: 48px;
margin-bottom: 4.8rem;
}
/* Section: Children List */
#children-list {
top: inherit !important;
position: inherit !important;
width: inherit !important
}
#children-list li:not(:last-child) {
margin-bottom: 24px;
margin-bottom: 2.4rem;
}
#children-list li a {
font-size: 13px;
font-size: 1.3rem;
line-height: 15px;
line-height: 1.5rem;
}
/* Section: Quote */
.quote .h3 {
padding-left: 40px;
padding-left: 4rem;
display: block;
margin-top: -35px;
margin-top: -3.5rem;
}
.quote span.open-quote {
transform: none;
margin: 0;
}
.quote.quote-top {
margin-bottom: 48px;
margin-bottom: 4.8rem;
padding-bottom: 48px;
padding-bottom: 4.8rem;
}
.quote.quote-bottom {
margin-top: 48px;
margin-top: 4.8rem;
padding-top: 48px;
padding-top: 4.8rem;
}
.quote span.close-quote {
display: none;
}
.quote-details {
margin-top: 40px;
margin-top: 4rem;
}
/* Section: Paginator */
#paginator a {
font-size: 13px;
font-size: 1.3rem;
line-height: 15px;
line-height: 1.5rem;
}
/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
#page .site-header {
position: fixed;
top: 0;
width: 100%;
z-index: 9999;
background: #fff;
}
.site-header > .wrap {
padding: 26px 22px;
padding: 2.6rem 2.2rem;
}
.site-branding {
flex: 0 0 319px;
flex: 0 0 31.9rem;
line-height: 23px;
line-height: 2.3rem;
}
.site-header .main-navigation {
margin-left: auto;
flex: 0;
}
.site-header .main-navigation ul.sub-menu {
display: none;
}
.site-header .main-navigation .menu-toggle {
z-index: 9999;
border: none;
background: rgba(0, 0, 0, 0);
padding: 0;
outline: 0;
border-radius: 0;
}
.site-header .main-navigation .menu-toggle span {
width: 24px;
width: 2.4rem;
height: 20px;
height: 2rem;
display: block;
background-image: url(../images/mobile-menu.svg);
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: contain;
}
.nav-toggled .site-header .main-navigation .menu-toggle span {
background-image: url(../images/mobile-menu-close.svg);
}
.site-header .main-navigation ul:not(.sub-menu) {
overflow: auto;
display: block;
position: fixed;
z-index: 999;
top: 75px;
top: 7.5rem;
right: -100%;
width: 100%;
height: 100%;
float: none;
background: #000;
text-align: center;
padding: 0;
transition: right .4s ease;
}
body.nav-toggled {
overflow: hidden;
}
.nav-toggled .site-header .main-navigation ul:not(.sub-menu) {
right: 0;
}
.site-header .main-navigation ul li {
float: none;
display: block;
background-color: #000;
}
.site-header .main-navigation ul li:not(:first-child) {
margin-left: 0;
}
.site-header .main-navigation ul li a {
color: #edd15a;
padding: 28px 0;
padding: 2.8rem 0;
border-bottom: 0.2rem solid #edd15a;
}
.site-header .main-navigation ul li > a:hover,
.site-header .main-navigation ul li.current_page_item > a,
.site-header .main-navigation ul li.current-menu-item > a,
.site-header .main-navigation ul li.current-menu-parent > a {
color: #edd15a;
border-bottom: 0.2rem solid #edd15a;
}
/*--------------------------------------------------------------
# Home
--------------------------------------------------------------*/
.home .hero-section {
height: 100vh;
}
.home .slick-slider,
.home .slick-track,
.home .slick-slide {
height: 100vh;
}
.home .hero-section .hero-section-banner {
height: 214px;
height: 21.4rem;
}
.home .hero-section .hero-section-banner .wrap {
height: inherit;
padding-top: 46px;
padding-top: 4.6rem;
padding-bottom: 46px;
padding-bottom: 4.6rem;
}
.home .hero-section h1 {
font-size: 50px;
font-size: 5rem;
line-height: 62px;
line-height: 6.2rem;
margin-bottom: 5px;
margin-bottom: 0.5rem;
}
.home .hero-section h2 {
font-size: 32px;
font-size: 3.2rem;
line-height: 40px;
line-height: 4rem;
}
.home #page .hero-section.slide-2 .home-menu-wrap {
padding-bottom: 0;
}
.home #page .hero-section.slide-2 #home-menu li a {
font-size: 32px;
font-size: 3.2rem;
line-height: 40px;
line-height: 4rem;
}
/*--------------------------------------------------------------
# Practice Areas
--------------------------------------------------------------*/
.single-practice-area .content-section .notable-matters {
padding-top: 48px;
padding-top: 4.8rem;
margin-top: 48px;
margin-top: 4.8rem;
}
.single-practice-area .content-section .notable-matters ul {
margin-top: 0;
margin-bottom: 0;
}
.single-practice-area .content-section .notable-matters ul li:not(:last-child) {
margin-bottom: 34px;
margin-bottom: 3.4rem;
}
/*--------------------------------------------------------------
# Lawyers
--------------------------------------------------------------*/
.post-type-archive-lawyer .content-section .col img {
margin-bottom: 20px;
margin-bottom: 2rem;
}
.post-type-archive-lawyer .content-section .col h2 {
font-size: 29px;
font-size: 2.9rem;
line-height: 36px;
line-height: 3.6rem;
}
.post-type-archive-lawyer .content-section .col h3 {
font-size: 20px;
font-size: 2rem;
line-height: 25px;
line-height: 2.5rem;
}
/*--------------------------------------------------------------
# Single Lawyer
--------------------------------------------------------------*/
.single-lawyer .content-section {
padding-top: 0;
}
.single-lawyer #page .lawyer-image {
display: block;
}
.single-lawyer #page .lawyer-image img {
margin-bottom: 60px;
margin-bottom: 6rem;
margin-left: -22px;
margin-left: -2.2rem;
width: calc(100% + 44px);
width: calc(100% + 4.4rem);
max-width: inherit;
}
.single-lawyer .content-section .col-wrap.two-two > .col:nth-child(2n+1) {
padding-right: 52px;
padding-right: 5.2rem;
}
.single-lawyer .lawyer-section {
padding-right: 0;
width: 100%;
}
.single-lawyer .content-section .col-wrap.two-two > .col:nth-child(2n+2) {
flex: 0 0 0395px;
flex: 0 0 39.5rem;
}
.single-lawyer h1 {
padding-bottom: 22px;
padding-bottom: 2.2rem;
margin-top: 0;
margin-bottom: 22px;
margin-bottom: 2.2rem;
font-size: 50px;
font-size: 5rem;
line-height: 54px;
line-height: 5.4rem;
}
.single-lawyer .lawyer-contact {
margin-top: 30px;
margin-top: 3rem;
margin-bottom: 80px;
margin-bottom: 8rem;
}
.single-lawyer .lawyer-content img {
display: none;
}
.single-lawyer .lawyer-section p,
.single-lawyer .lawyer-section li {
margin-bottom: 0;
}
.single-lawyer #page .content-section .notable-matters {
padding-top: 48px;
padding-top: 4.8rem;
margin-top: 48px;
margin-top: 4.8rem;
}
/*--------------------------------------------------------------
# Contact
--------------------------------------------------------------*/
.page-template-page-contact .content-section .col-wrap.two-two:first-child {
background: none !important;
}
.page-template-page-contact .content-section .col .contact-media {
margin-bottom: 48px;
margin-bottom: 4.8rem;
}
.page-template-page-contact .content-section .col h2 {
margin-bottom: 20px;
margin-bottom: 2rem;
}
.page-template-page-contact .content-section .col h3,
.page-template-page-contact .content-section .col p {
font-size: 20px;
font-size: 2rem;
line-height: 32px;
line-height: 3.2rem;
}
.page-template-page-contact .content-section .col .contact-media-text {
padding: 20px;
padding: 2rem;
}
.page-template-page-contact .content-section .col-wrap.two-two > .col > .col-wrap.two-two .col:nth-child(2n+1) {
flex: 1;
}
.page-template-page-contact .content-section .col-wrap.two-two > .col:nth-child(2n+2) {
padding-left: 0;
}
/*--------------------------------------------------------------
# News
--------------------------------------------------------------*/
.blog .hero-section,
.single-post .hero-section,
.archive.date .hero-section,
.search .hero-section {
height: 86px;
height: 8.6rem;
}
.blog .hero-section .hero-section-banner .wrap,
.single-post .hero-section .hero-section-banner .wrap,
.archive.date .hero-section .hero-section-banner .wrap,
.search .hero-section .hero-section-banner .wrap {
height: 86px;
height: 8.6rem;
}
#news-index {
padding-top: 50px;
padding-top: 6rem;
padding-bottom: 60px;
padding-bottom: 6rem;
}
#news-index > .col-wrap {
display: block;
}
#news-posts article {
padding-top: 60px;
padding-top: 6rem;
padding-bottom: 60px;
padding-bottom: 6rem;
}
#news-posts article:first-child {
border-top: 0;
padding-top: 0;
}
#news-posts .col-wrap.two-two.post-info > .col:nth-child(2n+1) {
flex: 0 0 124px;
flex: 0 0 12.4rem;
}
#news-posts h2 {
margin-bottom: 46px;
margin-bottom: 4.6rem;
}
#news-posts .col-wrap.two-two.post-info .post-dateline {
margin-bottom: 0;
}
#news-sidebar {
margin-top: 60px;
margin-top: 6rem;
max-width: 354px;
max-width: 35.4rem;
margin-left: inherit;
}
#news-sidebar #yearly-archive {
margin-top: 22px;
margin-top: 2.2rem;
}
#news-sidebar #yearly-archive li {
display: inline-block;
margin-right: 14px;
margin-right: 1.4rem;
}
/*--------------------------------------------------------------
# Single
--------------------------------------------------------------*/
.single-post #news-posts article {
max-width: 600px;
max-width: 60rem;
width: 100%;
}
.single-post #news-posts article h1 {
margin-bottom: 46px;
margin-bottom: 4.6rem;
}
.single-post #news-posts article h2 {
margin-bottom: 36px;
margin-bottom: 3.6rem;
margin-top: 46px;
margin-top: 4.6rem;
}
/*--------------------------------------------------------------
# Legal Terms
--------------------------------------------------------------*/
.page-id-635 #page .hero-section,
.page-id-635 #page .hero-section .hero-section-banner .wrap {
height: 86px;
height: 8.6rem;
}
.page-id-635 #page .content-section .section-content h2 {
margin-top: 46px;
margin-top: 4.6rem;
}
.page-id-635 #page #content .content-section p:last-of-type a {
max-width: 128px;
max-width: 12.8rem;
line-height: 36px;
line-height: 3.6rem;
}
/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
.site-footer .wrap {
padding-top: 60px;
padding-top: 6rem;
padding-bottom: 60px;
padding-bottom: 6rem;
}
.site-footer .content-section .col-wrap.two-two > .col:nth-child(2n+1) {
flex: 0 0 268px;
flex: 0 0 26.8rem;
}
.site-footer .content-section .col-wrap.two-two > .col:nth-child(2n+2) {
flex: 0 0 350px;
flex: 0 0 35rem;
margin-left: auto;
}
.site-footer p {
font-size: 18px;
font-size: 1.8rem;
line-height: 24px;
line-height: 2.4rem;
}
.site-footer .site-branding {
margin-bottom: 22px;
margin-bottom: 2.2rem;
}
.site-footer .site-copyright p {
font-size: 16px;
font-size: 1.6rem;
line-height: 22px;
line-height: 2.2rem;
}
.site-footer .site-copyright p:not(:last-child) {
margin-bottom: 32px;
margin-bottom: 3.2rem;
}
.site-footer .site-copyright p:first-child {
margin-bottom: 0;
}
.site-footer #footer-legal {
margin-top: 20px;
margin-top: 2rem;
font-size: 14px;
font-size: 1.4rem;
}
.site-footer #scroll-page-up {
display: none;
}
}
/*
##Device = Tablets, Ipads (landscape)
##Screen = B/w 768px to 1024px
*/
@media only screen and (min-width: 768px) and (max-width: 1203px) and (orientation: landscape) {
/* Header */
#page .site-header .main-navigation ul:not(.sub-menu) {
width: 40%;
}
/* Home */
.home .slick-slider,
.home .slick-track,
.home .slick-slide {
height: 616px;
height: 61.6rem;
}
/* Structure */
.hero-section {
height: 520px;
height: 52rem;
}
body #page .content-section .col-wrap.two-two > .col:only-child,
body #page .content-section .col-wrap.two-two > .col:nth-child(2n+2) {
flex: 0 0 605px;
flex: 0 0 60.5rem;
}
#page .content-section .col-wrap.two-two > .col:only-child {
margin-left: auto;
}
#children-list li a {
font-size: 15px;
font-size: 1.5rem;
line-height: 20px;
line-height: 2rem;
}
/* Carousel */
#page #content-area .slick-slider {
margin-top: 20px;
margin-top: 2rem;
}
#page #content-area .slick-slider .slick-prev {
left: 0;
}
#page #content-area .slick-slider .slick-next {
right: 0;
}
#page #content-area .slick-slider .slick-track p,
#page #content-area .slick-slider .slick-track li {
width: 90%;
margin: 0 auto;
}
#page #content-area .slick-slider .slick-dots {
margin-top: 40px;
margin-top: 4rem;
}
/* Lawyers */
.single-lawyer .lawyer-section h2 {
font-size: 15px;
font-size: 1.5rem;
}
/* News */
#page #news-index > .col-wrap {
display: flex;
flex-direction: column-reverse;
}
#page #news-index #news-sidebar {
flex: inherit;
margin-top: 0;
margin-bottom: 60px;
margin-bottom: 6rem;
}
#page #news-posts article:last-of-type {
border-bottom: 0;
padding-bottom: 0;
}
.single-post #page #news-posts article h2 {
margin-top: 0;
}
/* Contact */
.page-template-page-contact .content-section .col .contact-media-text p {
font-size: 22px;
font-size: 2.2rem;
line-height: 28px;
line-height: 2.8rem;
}
/* Legal */
.page-id-635 #page #content .content-section .col-wrap.two-two > .col {
margin-left: auto;
}
}
/*
##Device = Tablets, Ipads (portrait)
##Screen = B/w 768px to 1024px
*/
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
/* Home */
.home .slick-slider,
.home .slick-track,
.home .slick-slide {
height: 511px;
height: 51.1rem;
}
/* Structure */
.hero-section {
height: inherit;
background: none !important;
}
#page .hero-section img.mobile {
display: block;
width: 100%;
}
#page .content-section .col-wrap.two-two > .col:only-child,
#page .content-section .col-wrap.two-two > .col:nth-child(2n+2) {
flex: 0 0 475px;
flex: 0 0 47.5rem;
}
#page .content-section .col-wrap.two-two > .col:only-child {
margin-left: auto;
}
/* Carousel */
#page #content-area .slick-slider {
margin-top: 20px;
margin-top: 2rem;
}
#page #content-area .slick-slider .slick-prev {
left: 0;
}
#page #content-area .slick-slider .slick-next {
right: 0;
}
#page #content-area .slick-slider .slick-track p,
#page #content-area .slick-slider .slick-track li {
width: 90%;
margin: 0 auto;
}
#page #content-area .slick-slider .slick-dots {
margin-top: 40px;
margin-top: 4rem;
}
/* Lawyers */
.single-lawyer .lawyer-section h2 {
font-size: 15px;
font-size: 1.5rem;
}
/* News */
#page #news-index > .col-wrap {
display: flex;
flex-direction: column-reverse;
}
#page #news-posts .col-wrap.two-two.post-info > .col:nth-child(2n+2) {
flex: inherit;
}
#page #news-index #news-sidebar {
flex: inherit;
margin-top: 0;
margin-bottom: 60px;
margin-bottom: 6rem;
}
#page #news-posts article {
max-width: inherit;
}
#page #news-posts article:last-of-type {
border-bottom: 0;
padding-bottom: 0;
}
.single-post #page #news-posts article h2 {
margin-top: 0;
}
/* Contact */
.page-template-page-contact .content-section .col .contact-media-text p {
font-size: 22px;
font-size: 2.2rem;
line-height: 28px;
line-height: 2.8rem;
}
/* Legal */
.page-id-635 #page #content .content-section .col-wrap.two-two > .col {
margin-left: auto;
}
}
/* Smaller Desktops */
@media only screen and (min-width: 1204px) and (max-width: 1394px) {
/* Header */
.site-header .site-branding {
width: 33.33%;
flex: inherit;
}
.site-header .main-navigation ul li:not(:first-child) {
margin-left: 35px;
margin-left: 3.5rem;
}
.site-header .main-navigation ul li a {
font-size: 15px;
font-size: 1.5rem;
}
/* Structure */
.content-section .col-wrap.two-two > .col:only-child,
.content-section .col-wrap.two-two > .col:nth-child(2n+2) {
flex: 0 0 666px;
flex: 0 0 66.6rem;
}
/* Contact */
.page-template-page-contact .content-section .col-wrap.two-two:first-child {
background: none !important;
}
}
/* Large Desktops */
@media only screen and (min-width: 1395px) {
/* Contact */
.page-template-page-contact .content-section .col-wrap.two-two:first-child {
background: none !important;
}
}