/*
Theme Name: umbrella
*/

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}

body {
    line-height: 1
}

ol,
ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

blockquote:after,
blockquote:before,
q:after,
q:before {
    content: '';
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

@font-face {
    font-family: 'Helvetica Neue LT Pro';
    src: url(fonts/HelveticaNeueLTPro-BdCn.eot);
    src: url(fonts/HelveticaNeueLTPro-BdCn.eot?#iefix) format("embedded-opentype"), url(fonts/HelveticaNeueLTPro-BdCn.woff) format("woff"), url(fonts/HelveticaNeueLTPro-BdCn.ttf) format("truetype"), url(fonts/HelveticaNeueLTPro-BdCn.svg#HelveticaNeueLTPro-BdCn) format("svg");
    font-weight: 700;
    font-style: normal
}

.firm-branding .firm-logo,
.hero-nav ul li,
.home .header,
.practice-area-nav ul li,
.slide-1 .firm-branding .firm-logo,
.slide-2 .firm-branding .firm-logo,
.slide-3 .firm-branding .firm-logo,
.sub-nav ul li,
.transition,
a,
input[type=submit] {
    transition-property: all;
    transition-duration: .3s
}

#hero .hero-contact a,
#hero .hero-cta a,
#hero.slide-3 .hero-nav li,
#hero.slide-3 .masthead,
#hero.slide-3 .site-description,
.hero-nav ul li,
.masthead,
.site-description,
.slider-transition {
    transition-property: all;
    transition-duration: 3s
}

.font-smoothing,
body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

em {
    font-style: italic
}

img {
    max-width: 100%
}

dl dd,
dl dt {
    display: inline-block
}

dl dt {
    width: 30%
}

dl dd {
    width: 65%
}

img.alignright {
    float: right;
    margin-left: 1em;
    margin-bottom: 1em
}

img.alignleft {
    float: left;
    margin-right: 1em;
    margin-bottom: 1em
}

body {
    font-size: 16px;
    line-height: 1.4em;
    font-family: Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #515151
}

a {
    color: #3fe7d6;
    text-decoration: none
}

a:hover {
    color: tint(#3fe7d6, 30%)
}

h1,
h2,
h3,
h4,
h5,
h6 {
    line-height: 1.25em
}

.article-title,
.h1,
.hero-slogan,
.page .article-h1,
.page .hero-title,
.post-list-title,
.section-title,
.single .article-h1,
.single .hero-title,
.tease-post .tease-title {
    font-size: 42px;
    font-family: Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
    line-height: 1.2
}

.article-title a,
.h1 a,
.hero-slogan a,
.page .article-h1 a,
.page .hero-title a,
.post-list-title a,
.section-title a,
.single .article-h1 a,
.single .hero-title a,
.tease-post .tease-title a {
    color: #556270
}

.article-title a:hover,
.h1 a:hover,
.hero-slogan a:hover,
.page .article-h1 a:hover,
.page .hero-title a:hover,
.post-list-title a:hover,
.section-title a:hover,
.single .article-h1 a:hover,
.single .hero-title a:hover,
.tease-post .tease-title a:hover {
    color: tint(#556270, 30%)
}

.h3,
.post-sub-head {
    color: #3fe7d6;
    font-size: 18px;
    text-transform: uppercase
}

b,
strong {
    font-weight: 700
}

i {
    font-style: italic
}

p {
    margin-bottom: 1em;
    text-align: justify
}

tbody {
    margin: 1em 0;
    display: block
}

td {
    border: 1px solid #999;
    padding: 1em
}

.post-list-title,
.section-title {
    font-weight: 200;
    margin-bottom: 40px;
    text-transform: uppercase;
    text-align: center
}

.article-title,
.hero-slogan,
.page .article-h1,
.page .hero-title,
.single .article-h1,
.single .hero-title,
.tease-post .tease-title {
    font-weight: 500
}

.base-single-column {
    display: block;
    margin: 0 auto;
    max-width: 540px
}

.base-double-column {
    column-count: 2;
    column-gap: 2em
}

.base-category,
.page .article-category,
.single .article-category,
.tease-post .tease-category {
    text-transform: uppercase
}

.base-author {
    text-transform: uppercase
}

.base-date,
.page .article-date,
.single .article-date,
.tease-post .tease-date {
    color: #c2c3b4;
    text-transform: uppercase
}

.base-blockquote,
.page .article-body blockquote,
.single .article-body blockquote {
    border-left: 1px solid #3fe7d6;
    padding-left: 1em;
    font-size: 24px;
    line-height: 1.25em;
    font-style: italic
}

.article-body ul {
    margin-bottom: 1em;
    list-style-type: disc
}

.article-body ul li {
    margin-left: 1em
}

input,
textarea {
    font-family: Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
    background-color: rgba(0, 0, 0, 0);
    border: 0;
    border-bottom: 1px solid #b7b7b7;
    width: 100%;
    padding: 15px 15px 5px 0;
    font-size: 16px;
    line-height: 17px;
    color: #fff;
    margin-top: 5px;
    box-sizing: border-box
}

input ::-webkit-input-placeholder,
textarea ::-webkit-input-placeholder {
    color: #fff
}

input :-moz-placeholder,
textarea :-moz-placeholder {
    color: #fff
}

input ::-moz-placeholder,
textarea ::-moz-placeholder {
    color: #fff
}

input :-ms-input-placeholder,
textarea :-ms-input-placeholder {
    color: #fff
}

input:focus,
textarea:focus {
    color: #fff
}

textarea {
    border: 1px solid #b7b7b7
}

input[type=submit] {
    border: 0;
    cursor: pointer;
    color: #fff;
    width: 100px;
    padding: 15px 15px 15px 15px;
    text-transform: uppercase;
    background-color: #3fe7d6
}

input[type=submit]:hover {
    background-color: tint(#3fe7d6, 20%)
}

div.modal-contact,
section.contact {
    background-color: #4e5155
}

div.modal-contact h2,
div.modal-contact h4,
section.contact h2,
section.contact h4 {
    color: #fff;
    text-align: center
}

div.modal-contact h2,
section.contact h2 {
    font-size: 33px
}

div.modal-contact h4,
section.contact h4 {
    font-size: 18px;
    margin-top: 10px;
    text-transform: uppercase
}

div.modal-contact input,
div.modal-contact textarea,
section.contact input,
section.contact textarea {
    border: none;
    border-bottom: 2px solid #fff;
    margin-top: 40px
}

div.modal-contact ::-webkit-input-placeholder,
section.contact ::-webkit-input-placeholder {
    color: #fff
}

div.modal-contact :-moz-placeholder,
section.contact :-moz-placeholder {
    color: #fff
}

div.modal-contact ::-moz-placeholder,
section.contact ::-moz-placeholder {
    color: #fff
}

div.modal-contact :-ms-input-placeholder,
section.contact :-ms-input-placeholder {
    color: #fff
}

div.modal-contact input[type=submit],
section.contact input[type=submit] {
    font-size: 16px;
    margin-top: 20px;
    border-bottom: none;
    float: right
}

@media (min-width:600px) {

    div.modal-contact span.contact-email,
    div.modal-contact span.contact-name,
    div.modal-contact span.contact-phone,
    section.contact span.contact-email,
    section.contact span.contact-name,
    section.contact span.contact-phone {
        width: 28.57143%;
        float: left;
        margin-right: 7.14286%
    }
}

@media (min-width:600px) {

    div.modal-contact span.contact-email,
    section.contact span.contact-email {
        float: right;
        margin-right: 0
    }
}

div.modal-contact {
    position: fixed;
    z-index: 9999;
    display: none;
    overflow: auto;
    width: 100%;
    height: 100%;
    background-color: #d38f65ee
}

div.modal-contact:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: ''
}

div.modal-contact .menu-toggle {
    font-size: 30px;
    line-height: 1;
    position: absolute;
    z-index: 10;
    top: 40px;
    right: 40px;
    color: #fff
}

div.modal-contact .menu-toggle:hover {
    color: #fff
}

div.modal-contact .contact-wrap {
    position: absolute;
    z-index: 101;
    top: 50%;
    left: 50%;
    width: 75%;
    height: 75%;
    padding-bottom: 40px;
    transform: translate(-50%, -50%)
}

div.wpcf7-validation-errors {
    color: #c66161;
    float: left;
    border: none;
    margin: 0;
    padding: 0
}

span.wpcf7-not-valid-tip {
    font-size: 14px;
    margin-top: 4px;
    font-style: italic;
}

.disclaimer {
    color: #fff
}

.disclaimer-check .wpcf7-list-item {
    margin-left: 0
}

.disclaimer-check .wpcf7-list-item-label {
    font-weight: 700
}

.disclaimer-check input {
    margin-top: 5px !important;
    float: left;
    width: 22px
}

.post-sub-head {
    font-weight: 700
}

.post-list-title {
    text-align: left
}

.tease-post .tease-image {
    width: 100%;
    margin-bottom: 10px
}

.tease-post .tease-category {
    font-size: 12px
}

.tease-post .tease-title {
    margin: 5px 0;
    font-size: 24px
}

.tease-post .tease-date {
    font-size: 12px
}

.blog-index #content,
.category #content {
    padding-top: 90px;
    padding-bottom: 60px;
    background-color: #ebebeb
}

.blog-index .posts .sidebar h3,
.category .posts .sidebar h3 {
    text-transform: uppercase;
    font-weight: 200;
    font-size: 20px;
    border-bottom: 1px solid #333;
    padding-bottom: 3px;
    margin-bottom: 8px
}

.blog-index .posts .sidebar ul li,
.category .posts .sidebar ul li {
    border-bottom: 1px solid #ebebeb;
    padding-bottom: 8px;
    margin-bottom: 8px
}

.single .post-disclaimer {
    border-top: 1px solid #999;
    padding-top: 1em;
    margin-top: 1em
}

.single .post-disclaimer h2 {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: .25em
}

.single .post-disclaimer p {
    font-size: 14px;
    line-height: 1.2em
}

.page .article-body h1,
.single .article-body h1 {
    color: shade(#8c95a5, 30%);
    margin-bottom: .5em
}

.page .article-body h2,
.single .article-body h2 {
    font-weight: 700;
    color: #3fe7d6;
    font-size: 24px;
    margin-top: 1em;
    margin-bottom: .5em
}

.page .article-body h3,
.single .article-body h3 {
    font-weight: 700;
    color: #fff;
    font-size: 20px;
    margin-bottom: 10px;
    margin-top: 10px
}

.page .article-body .slogan,
.single .article-body .slogan {
    font-size: 24px;
    font-style: italic;
    line-height: 1.3em;
    color: #3fe7d6
}

.page.page-w-featured-image .article-header .inner {
    bottom: 0;
    position: absolute
}

.lawyers-page .tease .tease-image {
    margin-bottom: 20px
}

.lawyers-page .tease .tease-job-title,
.lawyers-page .tease .tease-title {
    text-align: center
}

.lawyers-page .tease .tease-title a {
    font-size: 22px;
    color: #515151
}

.lawyers-page .tease .tease-job-title {
    font-weight: 700
}

.lawyers-page .employee-title {
    font-weight: 700;
    color: #333
}

.lawyers-page .profile-meta {
    margin-top: 1em
}

.lawyers-page .profile-meta dt {
    color: #3fe7d6;
    font-weight: 700
}

.lawyers-page .profile-meta dl {
    width: 100%
}

.lawyers-page .profile-meta dd {
    width: 100%;
    margin-bottom: 1em;
    padding-bottom: 1em;
    border-bottom: 1px solid #9f9f9f
}

.lawyers-page .main-content {
    margin-top: 1em
}

.page-contact-us.page .article-header .article-header-text {
    max-width: 1020px;
    margin-left: auto;
    margin-right: auto;
    margin: 40px auto
}

.page-contact-us.page .article-header .article-header-text:after {
    content: " ";
    display: block;
    clear: both
}

.page-contact-us.page .article-body {
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
    padding: 30px 20px
}

.page-contact-us.page .article-body:after {
    content: " ";
    display: block;
    clear: both
}

.page-contact-us.page .map-block {
    max-width: 100%;
    width: 100%;
    float: right;
    margin-left: 1em;
    margin-bottom: 1em
}

.page-contact-us.page .office-meta {
    max-width: 450px;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    background-color: #8c95a5;
    padding: 1em;
    color: #fff;
    margin-bottom: 2em
}

.page-contact-us.page .office-meta p {
    clear: both;
    text-align: center;
    width: 100%;
}

.page-contact-us.page .office-meta:after {
    content: " ";
    display: block;
    clear: both
}

.page-contact-us.page .office-meta a {
    color: #fff
}

.page-contact-us.page .office-meta h3 {
    color: #fff;
    margin-top: 0;
    font-size: 32px;
    margin-bottom: .5em
}

.page-contact-us.page .office-meta .right {
    margin-top: 1em
}

@media (min-width:600px) {
    .page-contact-us.page .office-meta .left {
        width: 40%;
        float: left;
    }

    .page-contact-us.page .office-meta .right {
        margin-top: 0;
        width: 60%;
        float: right;
        margin-right: 0
    }
}

.page-contact-us.page iframe {
    width: 100%;
    min-height: 350px
}

.case-list li {
    margin-bottom: .5em
}

.case-list li a {
    color: #515151
}

.case-list li a:hover {
    text-decoration: underline
}

.case-list li a span {
    color: #05cc7e;
    font-weight: 700
}

.pagination-block {
    clear: both;
    text-align: center
}

.pagination-block .tool-pagination {
    margin: 0 auto
}

.pagination-block .prev {
    margin-right: 1em
}

.pagination-block .next {
    margin-left: 1em
}

.pagination-block .next,
.pagination-block .prev,
.pagination-block ul {
    display: inline-block
}

.pagination-block ul {
    list-style: none
}

.pagination-block ul li {
    display: inline
}

.hero-nav,
.practice-area-nav,
.sub-nav {
    width: 100%
}

.hero-nav ul a,
.practice-area-nav ul a,
.sub-nav ul a {
    display: block;
    padding: 5px 10px
}

.hero-nav ul li,
.practice-area-nav ul li,
.sub-nav ul li {
    margin: 5px 0;
    font-size: 16px;
    text-transform: uppercase
}

.hero-nav ul li .plus,
.practice-area-nav ul li .plus,
.sub-nav ul li .plus {
    color: #629b96
}

.hero-nav ul {
    max-width: 1020px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px
}

.hero-nav ul:after {
    content: " ";
    display: block;
    clear: both
}

.hero-nav ul a {
    color: #fff;
    font-weight: 200
}

.hero-nav ul li {
    margin: 10px 0;
    max-width: 200px;
    background-color: #4e5155;
    box-shadow: -3px 4px 6px #999
}

.hero-nav ul li:hover {
    background-color: tint(#4e5155, 20%)
}

@media (min-width:700px) {
    .practice-area-nav ul {
        margin-top: 78px
    }
}

.practice-area-nav ul a {
    color: #525151
}

.practice-area-nav ul a:hover {
    color: #fff
}

.practice-area-nav ul li {
    margin: 5px 0 10px;
    background-color: rgba(200, 202, 195, .8)
}

.practice-area-nav ul li a {
    display: table
}

.practice-area-nav ul li a:before {
    content: '+';
    color: #629b96;
    display: table-cell;
    padding-right: 5px
}

.practice-area-nav ul li a:before:hover {
    color: #06f497
}

@media (min-width:950px) {
    .practice-area-nav ul li {
        max-width: 250px
    }
}

.practice-area-nav ul li:hover {
    background-color: rgba(175, 187, 204, .8)
}

.practice-area-nav ul li:hover a:before {
    color: #06f497
}

@media (min-width:700px) {
    .practice-area-nav ul li {
        width: 47.61905%;
        float: left;
        margin-right: 4.7619%
    }

    .practice-area-nav ul li:nth-child(2n) {
        float: right;
        margin-right: 0
    }
}

.nav-main {
    position: absolute;
    right: 65px;
    top: 10px
}

@media (min-width:1020px) {
    .nav-main {
        right: 10px
    }
}

#menu-toggle {
    display: block;
    position: relative;
    top: 0;
    z-index: 1;
    -webkit-user-select: none;
    user-select: none;
    padding: 10px 0
}

#menu-toggle input {
    padding: 1.5em;
    display: block;
    width: 40px;
    height: 32px;
    position: absolute;
    top: 10px;
    left: -7px;
    cursor: pointer;
    opacity: 0;
    z-index: 2;
    -webkit-touch-callout: none
}

#menu-toggle span {
    display: block;
    width: 33px;
    height: 4px;
    margin-bottom: 5px;
    position: relative;
    background: #9e9e9e;
    border-radius: 3px;
    z-index: 1
}

#menu-list {
    top: 0;
    right: 0;
    bottom: 0;
    overflow-y: auto;
    position: fixed;
    width: 100vw;
    padding: 20px 0 0 0;
    background-color: #fff;
    list-style-type: none;
    margin-top: 40px;
    background-color: #ebebeb;
    z-index: 1;
    -webkit-font-smoothing: antialiased
}

@media (min-width:800px) {
    #menu-list {
        width: 50vw
    }
}

#menu-list ul {
    overflow-wrap: anywhere;
}



#menu-list ul li {
    margin-left: 30px;
    margin-right: 30px;
    padding: 10px 0;
    font-size: 15px;
    border-bottom: 1px solid #9a9a9a
}

#menu-list ul li.highlight {
    color: #3fe7d6;
    text-transform: uppercase
}

#menu-list ul li a {
    color: inherit
}

#menu-list ul li a:hover {
    color: #3fe7d6
}

#menu-list ul li:last-child {
    border-bottom: none
}

#menu-list .nav-drop {
    display: none
}

#menu-list .menu-item-has-children {
    cursor: pointer
}

#menu-list .menu-item-has-children i {
    font-style: normal;
    padding-right: 10px;
    color: #3fe7d6
}

.mobile .slider-nav {
    display: none
}

@media (max-width: 768px) {

    #menu-list ul {
        overflow-wrap: anywhere;
        column-count: auto;
        width: 100%;
    }

    #menu-list ul li {
        font-size: 13px;
        margin-left: 0px;
        width: 93% !important;
    }

    #menu-list ul li a {
        padding-left: 16px;
    }

    #menu-list li {
        width: 94% !important;
        margin-right: 0px !important;
    }
}

.testimonials {
    height: 600px
}

.testimonials .testimonial {
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
    height: 100%
}

.testimonials .testimonial:after {
    content: '';
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    background-color: rgba(0, 0, 0, .6)
}

.testimonials .testimonial .caption {
    max-width: 700px;
    padding: 20px;
    text-align: center;
    background-color: rgba(144, 173, 173, .8);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
    height: auto;
    width: 90%
}

.testimonials .testimonial .caption p {
    color: #fff;
    line-height: 1.4;
    margin-bottom: 0
}

.testimonials .testimonial .caption .quote {
    font-size: 24px;
    font-weight: 200
}

.testimonials .testimonial .caption .author {
    font-size: 24px;
    font-weight: 700;
    margin-top: 25px
}

.testimonials .testimonial .caption .business {
    font-size: 24px;
    font-weight: 200
}

.testimonials .owl-stage-outer {
    height: 100%;
    min-height: 500px
}

.testimonials .owl-stage-outer .owl-stage {
    height: 100%;
    min-height: 500px
}

.testimonials .owl-stage-outer .owl-stage .owl-item {
    height: 100%;
    min-height: 500px;
    -webkit-animation-duration: 2s !important;
    animation-duration: 2s !important
}

.testimonials .owl-dots {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 20px 0
}

.mobile .testimonials .caption {
    opacity: 1
}

.base-container,
.lawyers-page .article-body,
.lawyers-page .article-header .article-header-text,
.lawyers-page .post-list,
.page .related-posts,
.posts,
.single .article-header,
.single .related-posts {
    max-width: 1020px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 20px
}

.base-container:after,
.lawyers-page .article-body:after,
.lawyers-page .article-header .article-header-text:after,
.lawyers-page .post-list:after,
.page .related-posts:after,
.posts:after,
.single .article-header:after,
.single .related-posts:after {
    content: " ";
    display: block;
    clear: both
}

.home section.content-1,
.home section.content-2,
.section-container,
div.modal-contact .inner,
footer .footer-content,
footer .main-footer .branding,
section.contact .inner,
section.practice-areas .inner {
    max-width: 1020px;
    margin-left: auto;
    margin-right: auto;
    padding: 70px 20px
}

.home section.content-1:after,
.home section.content-2:after,
.section-container:after,
div.modal-contact .inner:after,
footer .footer-content:after,
footer .main-footer .branding:after,
section.contact .inner:after,
section.practice-areas .inner:after {
    content: " ";
    display: block;
    clear: both
}

.post-list .tease-post {
    margin-bottom: 30px
}

@media (min-width:600px) and (max-width:799px) {
    .post-list .tease-post {
        width: 48.78049%;
        float: left;
        margin-right: 2.43902%
    }

    .post-list .tease-post:first-child {
        width: 100%
    }

    .post-list .tease-post:nth-child(3) {
        float: right;
        margin-right: 0
    }

    .post-list .tease-post:nth-child(4) {
        clear: both
    }
}

@media (min-width:800px) {
    .post-list .tease-post {
        min-height: 475px;
        width: 32.25806%;
        float: left;
        margin-right: 1.6129%
    }

    .post-list .tease-post:first-child {
        width: 66.12903%;
        float: left;
        margin-right: 1.6129%
    }

    .post-list .tease-post:nth-child(2),
    .post-list .tease-post:nth-child(5) {
        float: right;
        margin-right: 0
    }
}

.page .posts {
    padding: 70px 20px
}

.page .article-header {
    height: 75vh;
    position: relative;
    background-size: cover;
    margin-bottom: 1em
}

.page .article-header .inner {
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    max-width: 100%;
    background-color: rgba(144, 173, 173, .8)
}

.page .article-header .article-header-text {
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 20px;
    margin: 40px auto;
    color: #fff
}

.page .article-header .article-header-text:after {
    content: " ";
    display: block;
    clear: both
}

.page .article-body {
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
    padding: 20px
}

.page .article-body:after {
    content: " ";
    display: block;
    clear: both
}

.page #content footer {
    margin-top: 60px;
    padding-top: 60px;
    padding-bottom: 60px;
    background-color: #ebebeb
}

@media (min-width:500px) {

    .blog-index .post-list,
    .category .post-list {
        width: 66.12903%;
        float: left;
        margin-right: 1.6129%
    }
}

.blog-index .post-list .tease-post,
.category .post-list .tease-post {
    min-height: initial;
    margin-bottom: 30px
}

@media (min-width:600px) and (max-width:799px) {

    .blog-index .post-list .tease-post,
    .category .post-list .tease-post {
        width: 48.78049%;
        float: left;
        margin-right: 2.43902%
    }

    .blog-index .post-list .tease-post:first-child,
    .category .post-list .tease-post:first-child {
        width: 100%
    }

    .blog-index .post-list .tease-post:nth-child(3),
    .category .post-list .tease-post:nth-child(3) {
        float: right;
        margin-right: 0
    }

    .blog-index .post-list .tease-post:nth-child(4),
    .category .post-list .tease-post:nth-child(4) {
        clear: both
    }
}

@media (min-width:800px) {

    .blog-index .post-list .tease-post,
    .category .post-list .tease-post {
        width: 48.78049%;
        float: left;
        margin-right: 2.43902%
    }

    .blog-index .post-list .tease-post:first-child,
    .category .post-list .tease-post:first-child {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0
    }

    .blog-index .post-list .tease-post:nth-child(2n+1),
    .category .post-list .tease-post:nth-child(2n+1) {
        float: right;
        margin-right: 0
    }

    .blog-index .post-list .tease-post:nth-child(2n),
    .category .post-list .tease-post:nth-child(2n) {
        clear: both
    }
}

.blog-index .posts .sidebar,
.category .posts .sidebar {
    clear: both
}

@media (min-width:500px) {

    .blog-index .posts .sidebar,
    .category .posts .sidebar {
        clear: none;
        width: 32.25806%;
        float: left;
        margin-right: 1.6129%;
        float: right;
        margin-right: 0
    }

    .blog-index .posts .sidebar .category-list,
    .category .posts .sidebar .category-list {
        padding: 0 20px
    }
}

.blog-index .posts .sidebar .news,
.category .posts .sidebar .news {
    font-size: 16px
}

@media (min-width:500px) {

    .blog-index .posts .sidebar .news,
    .category .posts .sidebar .news {
        padding: 0 20px
    }
}

.blog-index .posts .sidebar .news a,
.category .posts .sidebar .news a {
    color: #515151
}

.blog-index .posts .sidebar .news span,
.category .posts .sidebar .news span {
    color: #05cc7e;
    font-weight: 700
}

.blog-index .posts .sidebar .news li,
.category .posts .sidebar .news li {
    border-bottom: 1px solid #9a9a9a
}

.single .article-header .article-header-text {
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
    margin: 40px auto
}

.single .article-header .article-header-text:after {
    content: " ";
    display: block;
    clear: both
}

.single .article-body {
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 20px
}

.single .article-body:after {
    content: " ";
    display: block;
    clear: both
}

.single #content footer {
    margin-top: 60px;
    padding-top: 60px;
    padding-bottom: 60px;
    background-color: #ebebeb
}

@media (min-width:800px) {
    .single .post-list .tease-post {
        width: 32.25806%;
        float: left;
        margin-right: 1.6129%
    }

    .single .post-list .tease-post:nth-child(3n) {
        float: right;
        margin-right: 0
    }
}

.lawyers-page.page-id-2200 .article-header {
    background-position: -200px top
}

@media (min-width:550px) {
    .lawyers-page.page-id-2200 .article-header {
        background-position: 0 top
    }
}

@media (min-width:800px) {
    .lawyers-page.page-id-2200 .article-header {
        background-position: center top
    }
}

@media (min-width:1200px) {

    .lawyers-page.page-id-2158 .article-header,
    .lawyers-page.page-id-2271 .article-header {
        background-size: contain
    }
}

.lawyers-page .article-header {
    margin-top: 60px;
    margin-bottom: 0;
    background-position: center top;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #afbbcc
}

.lawyers-page .article-header .inner {
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    max-width: 100%;
    background-color: rgba(144, 173, 173, .8)
}

.lawyers-page .article-header .article-header-text .article-h1 {
    color: #fff
}

@media (min-width:700px) {
    .lawyers-page .article-body .main-content {
        width: 74.6988%;
        float: left;
        margin-right: 1.20482%;
        float: right;
        margin-right: 0
    }
}

@media (min-width:700px) {
    .lawyers-page .article-body aside.profile-sidebar {
        width: 24.09639%;
        float: right;
        margin-left: 1.20482%
    }
}

.lawyers-page .article-body .inline-profile-image {
    display: none
}

@media (min-width:800px) {
    .lawyers-page .article-body .inline-profile-image {
        display: block;
        max-width: 400px
    }
}

.lawyers-page #content article footer {
    margin-top: 0
}

.lawyers-page #content article footer aside {
    max-width: 1020px;
    margin-left: auto;
    margin-right: auto
}

.lawyers-page #content article footer aside:after {
    content: " ";
    display: block;
    clear: both
}

@media (min-width:450px) and (max-width:649px) {
    .lawyers-page .tease {
        width: 48.78049%;
        float: left;
        margin-right: 2.43902%
    }

    .lawyers-page .tease:nth-child(2n) {
        float: right;
        margin-right: 0
    }
}

@media (min-width:650px) {
    .lawyers-page .tease {
        width: 32.25806%;
        float: left;
        margin-right: 1.6129%;
        min-height: 330px
    }

    .lawyers-page .tease:nth-child(3n) {
        float: right;
        margin-right: 0
    }
}

.lawyers-page .tease .tease-image {
    width: 100%
}

.practice-areas-page .article-header {
    margin-bottom: 90px
}

.practice-areas-page .article-header .article-header-text {
    max-width: 1020px;
    margin-left: auto;
    margin-right: auto
}

.practice-areas-page .article-header .article-header-text:after {
    content: " ";
    display: block;
    clear: both
}

.practice-areas-page section.practice-areas .post-list-title,
.practice-areas-page section.practice-areas .section-title {
    display: none
}

.page-id-2240 .article-content .article-body ul li {
    margin-bottom: .5em
}

footer {
    clear: both
}

footer p {
    text-align: left
}

footer .main-footer {
    background-image: url(https://www.sommersandroth.com/wp-content/themes/umbrella/static/images/main-footer-bg.jpg);
    background-size: cover;
    background-position-y: -100px;
    padding: 60px 20px;
    position: relative
}

footer .main-footer .branding {
    padding: 1em 1em 1em 0
}

footer .main-footer .branding .logo {
    height: 50px
}

footer .main-footer .branding a {
    color: #fff
}

footer .main-footer .masthead img {
    width: 100%;
    max-width: 500px
}

footer .main-footer .site-description {
    color: #fff;
    font-size: 17px;
    font-weight: 200;
    text-transform: uppercase;
    margin-bottom: 1em
}

@media (min-width:650px) {
    footer .main-footer .site-description {
        font-size: 17px;
        letter-spacing: 8px
    }
}

footer .main-footer .footer-nav {
    display: none;
    float: right;
    font-weight: 600;
}

@media (min-width:500px) {
    footer .main-footer .footer-nav {
        display: block
    }
}

footer .main-footer .footer-nav .nav-desktop li {
    margin-bottom: .25em;
    font-size: 16px;
    display: block
}

footer .main-footer .footer-nav .nav-desktop li a:hover {
    color: #8c95a5
}

footer .main-footer .footer-nav .social-media-links,
footer .main-footer .footer-nav .telephone {
    float: right;
    margin-right: 1em
}

footer .main-footer .primary-nav {
    clear: both;
    margin-bottom: .25em;
    border-bottom: 1px solid #fff
}

footer .main-footer .primary-nav li {
    display: inline;
    margin-right: 1em
}

footer .main-footer .primary-nav li a {
    color: #fff
}

footer .footer-content {
    padding: 20px 20px;
    clear: both;
    background-color: rgba(0, 0, 0, .4)
}

footer .footer-content .column {
    color: #fff;
    margin-bottom: 1em
}

footer .footer-content .column.description-column {
    font-size: 16px
}

footer .footer-content .column a {
    color: #fff
}

@media (min-width:700px) {
    footer .footer-content .column {
        width: 24.09639%;
        float: left;
        margin-right: 1.20482%
    }

    footer .footer-content .column:last-child {
        float: right;
        margin-right: 0
    }
}

footer {
    clear: both
}

footer .site-legal {
    color: #fff;
    padding: 5px;
    font-size: 12px;
    line-height: 22px;
    text-align: center;
    background-color: #1b1b1b
}



.firm-branding .firm-logo,
.firm-branding .firm-name {
    display: inline-block
}

.firm-branding .firm-logo {
    display: none;
    font-family: Arial, Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 58px;
    line-height: 50px;
    color: #4f6688
}

@media (min-width:1024px) {
    .firm-branding .firm-logo {
        display: inline-block
    }
}

.slide-1 .firm-branding .firm-logo {
    color: #20657f
}

.slide-2 .firm-branding .firm-logo {
    color: #673f33
}

.slide-3 .firm-branding .firm-logo {
    color: #f1f3a3
}

.firm-branding .firm-logo .bar {
    border-left: 3px solid #65615c;
    display: inline-block;
    height: 45px;
    margin: 0 4px 0 6px
}

.firm-branding .firm-logo .bar .slide-3 {
    border-left: 3px solid #fff
}

.firm-branding .masthead {
    font-size: 32px
}

.firm-branding .site-description {
    font-size: 18px;
    letter-spacing: 4px
}

.slide-0 .firm-branding .site-description {
    color: #4f6688
}

.slide-1 .firm-branding .site-description {
    color: #20657f
}

.slide-2 .firm-branding .site-description {
    color: #000000;
}

.header {
    z-index: 200;
    position: fixed;
    top: 0;
    width: 100%;
    height: 67px;
    background-color: #fff;
    box-shadow: -10px 0 10px 1px #aaa
}

.header .wrapper {
    max-width: 1020px;
    margin-left: auto;
    margin-right: auto;
    position: relative
}

.header .wrapper:after {
    content: " ";
    display: block;
    clear: both
}

.header .branding {
    z-index: 10;
    position: relative;
    float: left;
    padding: 0 20px;
    width: 100%;
    background-color: #fff
}

@media (min-width:1020px) {
    .header .branding {
        padding: 0
    }
}

.header .masthead {
    margin-top: 14px;
    display: inline-block;
    float: left
}

.header .masthead img {
    height: 38px;
    margin-bottom: 3px
}

@media (min-width:550px) {
    .header .masthead img {
        height: 36px;
        margin-bottom: 0
    }
}

.header .site-description {
    display: none;
    font-size: 14px;
    font-weight: 200;
    text-transform: uppercase
}

@media (min-width:500px) {
    .header .site-description {
        display: block
    }
}

.header .contact-block {
    display: none;
    float: right;

    margin-top: 10px;
    font-size: 18px
}

@media (min-width:850px) {
    .header .contact-block {
        display: block
    }
}

.header .contact-block .contact-cta {
    background-color: #4e5155;
    display: inline-block;
    padding: 5px 10px;
    text-transform: uppercase;
    font-size: 16px;
    float: left;
    margin-top: 9px;
    margin-right: 18px;
    color: #fff
}

.header .contact-block .phone-block {
    display: inline-flex;
}

ul.phone-block li {
    margin-right: 14px;
    margin-top: 10px;
}

.home .header {
    opacity: 1
}

.home .header.active {
    opacity: 1
}



#hero {
    position: relative;
    transition-property: all;
    transition-duration: 1s;
    width: 100%;
    max-width: 100vw;
    height: 100vh;
    overflow: hidden;
    opacity: 0
}

#hero.visible {
    filter: blur(0)
}

@media (min-width:500px) and (max-width:768px) {
    #hero {
        height: 75vh
    }
}

@media (min-width:950px) {
    #hero {
        height: 100vh
    }
}

#hero .slide {
    position: absolute;
    min-width: 100%;
    height: 100%;
    z-index: 20;
    opacity: 0
}

#hero .slide.next {
    z-index: 1;
    opacity: 1
}

#hero .slide.on-deck {
    z-index: 2;
    opacity: 1
}

#hero .slide.active {
    z-index: 30;
    opacity: 1
}

#hero .slide.portrait {
    width: 100vw
}

#hero .hero-image {
    top: 0;
    right: 0;
    min-height: 100%;
    min-width: 100%;
    max-width: initial;
    max-height: 100%;
    position: absolute
}

#hero .slider-nav {
    max-width: 200px;
    text-align: center
}

#hero .slider-nav span {
    width: 10px;
    height: 10px;
    margin-right: .25em;
    border-radius: 10px;
    background-color: #8c95a5;
    cursor: pointer;
    display: inline-block
}

#hero .slider-nav span.active,
#hero .slider-nav span:hover {
    background-color: #3fe7d6
}

#hero .slider-nav span.last-child {
    margin-right: 0
}

#hero .branding {
    position: absolute;
    opacity: 0;
    width: 100%;
    height: 100%
}

@media (min-width:500px) {
    #hero .branding {
        display: block
    }
}

#hero .branding .inner {
    max-width: 1020px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 18vh;
    padding-left: 20px;
    position: relative;
    z-index: 100
}

#hero .branding .inner:after {
    content: " ";
    display: block;
    clear: both
}

#hero .hero-contact,
#hero .hero-cta {
    font-size: 18px;
    margin-bottom: 6px;
    text-transform: uppercase;
    color: #05cc7e
}

#hero .hero-contact a,
#hero .hero-cta a {
    color: #05cc7e
}

#hero .hero-cta {
    margin: 4px 0 1em 0
}

#hero.slide-1 .hero-contact,
#hero.slide-2 .hero-contact {
    color: #3fe7d6
}

#hero.slide-1 .hero-contact a,
#hero.slide-2 .hero-contact a {
    color: #3fe7d6
}

#hero.slide-3 .masthead {
    color: #ebebeb
}

#hero.slide-3 .site-description {
    color: #ebebeb
}

#hero.slide-3 .hero-nav li {
    box-shadow: -3px 4px 6px rgba(0, 0, 0, .9)
}

.masthead {
    font-family: Arial, Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    color: #383531;
    font-size: 50px;
    line-height: .9;
    letter-spacing: -2px
}

.site-description {
    font-family: Arial, Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #59554e;
    font-size: 21px;
    letter-spacing: -1px;
    text-transform: uppercase
}

.mobile #hero .hero-image {
    max-width: 100%
}

.hero-slogan {
    display: block;
    opacity: 0;
    font-weight: 200;
    max-width: 700px;
    position: absolute;
    z-index: 10;
    bottom: 15%;
    right: 2%;
    text-transform: uppercase;
    color: #fff;
    padding: .5em;
    background-color: rgba(0, 0, 0, .6)
}

.hero-slogan span {
    color: #05cc7e
}

.hero-slogan p {
    text-align: left;
    line-height: 1.2em;
    margin-bottom: 0;
    font-size: 32px;
    color: #fff
}

.mobile .hero-slogan {
    opacity: 1;
    bottom: 150px
}

.slide.active .hero-slogan {
    opacity: 1
}

.hero-bottom {
    width: 114%;
    bottom: 0;
    position: absolute;
    margin-left: -7%;
    z-index: 100
}

@media (min-width:500px) {
    .hero-bottom {
        max-height: 120px
    }
}

.hero-bottom .award {
    width: 100%;
    float: left;
    background-color: rgba(175, 187, 204, .8)
}

.hero-bottom .award:nth-child(2) {
    background-color: rgba(144, 173, 173, .8)
}

.hero-bottom .award img {
    width: 40%;
    max-width: 300px;
    margin: 5px auto;
    display: block
}

@media (min-width:500px) {
    .hero-bottom .award {
        -ms-transform: skew(-40deg);
        -webkit-transform: skew(-40deg);
        transform: skew(-40deg);
        width: 50%
    }

    .hero-bottom .award img {
        -ms-transform: skew(40deg);
        -webkit-transform: skew(40deg);
        transform: skew(40deg);
        width: 37%
    }
}

.home section .section-sub-head {
    font-weight: 700
}

.home section.content-1 {
    padding: 70px 20px
}

.home section.content-1 h2 {
    margin-bottom: 1em
}

@media (min-width:700px) {
    .home section.content-1 .content {
        column-count: 2;
        column-gap: 2em
    }
}

.home section.content-2 {
    padding: 70px 20px
}

@media (min-width:700px) {
    .home section.content-2 .content {
        column-count: 2;
        column-gap: 2em
    }
}

.home section.posts {
    padding: 70px 20px
}

section.practice-areas {
    overflow: hidden;
    position: relative;
    background-size: cover;
    background-image: url(https://www.sommersandroth.com/wp-content/themes/umbrella/static/images/ekg-bg.jpg)
}

@media (min-width:800px) {
    section.practice-areas {
        background-image: none
    }
}

.mobile section.practice-areas {
    background-image: url(https://www.sommersandroth.com/wp-content/themes/umbrella/static/images/ekg-bg.jpg) !important
}

@media (min-width:950px) {

    section.practice-areas .content-left,
    section.practice-areas .content-right {
        width: 48.78049%;
        float: left;
        margin-right: 2.43902%
    }

    section.practice-areas .content-right {
        float: right;
        margin-right: 0
    }
}

section.practice-areas .post-list-title,
section.practice-areas .section-title,
section.practice-areas p {
    color: #f7f7f7
}

section.practice-areas .post-list-title,
section.practice-areas .section-title {
    font-size: 30px;
    text-align: left
}

section.practice-areas video {
    z-index: -1;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    transform: translate(-50%, -50%)
}

section.practice-areas:after {
    content: '';
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    position: absolute;
    background-color: rgba(0, 0, 0, .4)
}

.social-icon-block {
    margin: 0 30px 30px 30px
}

.social-icon-block .social-icon {
    margin-right: 10px
}

.social-icon-block .social-icon:hover {
    color: #3fe7d6
}

.social-icon-block .social-icon svg {
    height: 25px;
    fill: #fff
}

div.wpcf7-response-output {
    margin: 2em .5em 1em;
    padding: .2em 1em;
    border: 2px solid #398f14;
    color: #fff
}

div.wpcf7-response-output {
    margin-top: 55px
}

.lawfirm-badges.award-logo-flex-wrp a.bestLawyerAward {
    margin-right: 1rem
}

.lawfirm-badges.award-logo-flex-wrp a.bestLawyerAward:last-child {
    margin-right: 0rem;
}

@media (max-width:991px) {
    .lawfirm-badges.award-logo-flex-wrp {
        flex-wrap: wrap
    }

    .lawfirm-badges.award-logo-flex-wrp a.bestLawyerAward {
        margin-left: 0;
        margin-top: 12px;
        max-width: 245px;
    }

    .lawfirm-badges.award-logo-flex-wrp.lawyers-page {
        justify-content: center
    }
}

@media (max-width:767px) {
    .lawfirm-badges.award-logo-flex-wrp img {
        margin-top: 12px
    }

    .lawfirm-badges.award-logo-flex-wrp a.bestLawyerAward {
        margin-right: 0
    }

    .lawfirm-badges.award-logo-flex-wrp a.bestLawyerAward img {
        margin-top: 0
    }

    .lawfirm-badges.award-logo-flex-wrp {
        justify-content: space-around !important
    }

    .lawfirm-badges.award-logo-flex-wrp br {
        display: none
    }

    .lawfirm-badges.award-logo-flex-wrp img {
        margin-right: 0 !important;
        margin-left: 0 !important
    }
}

@media (max-width:481px) {
    .lawfirm-badges.award-logo-flex-wrp img {
        margin-right: 0 !important;
        margin-left: 0 !important;
        margin-bottom: 12px;
        width: 100%;
        height: auto
    }

    .lawfirm-badges.award-logo-flex-wrp a.bestLawyerAward {
        margin-top: 0;
        width: 100%
    }

    .lawfirm-badges.award-logo-flex-wrp img {
        margin-top: 0
    }
}

.th2 {
    font-weight: 700;
    color: #3fe7d6;
    font-size: 24px;
    margin-top: 1em;
    margin-bottom: .5em
}

.th2 {
    font-weight: 700;
    color: #3fe7d6;
    font-size: 24px;
    margin-top: 1em;
    margin-bottom: .5em
}

.sb {
    padding-bottom: 10px
}

.pst {
    line-height: 1.2
}

@media (max-width:767px) {
    .lh {
        line-height: 1
    }
}

.s-h2 {
    font-size: 33px;
    color: #fff;
    text-align: center;
    line-height: 1.2
}

.s-h2 p {
    font-size: 33px;
    color: #fff;
    text-align: center;
    line-height: 1.2
}

section h1 {
    font-size: 36px;
    text-transform: uppercase;
    letter-spacing: 2px;
    padding: 0 12px
}

section h1,
section h2,
section h3 {
    padding-left: 0px;
    margin-left: 0px !important;
}


section p {
    font-size: 16px;
    letter-spacing: 1px;
    text-transform: initial;
    padding: 10px 12px
}

section p {
    padding-left: 0px;
}

.Accordion_item {
    width: 100%;
    height: auto;
    margin: 5px 0
}

.Accordion_item:first-child {
    margin-top: 50px
}

@media (max-width:1199px) {
    .Accordion_item:first-child {
        margin-top: 0
    }
}

.Accordion_item:last-child {
    margin-bottom: 50px
}

@media (max-width:1199px) {
    .Accordion_item:last-child {
        margin-bottom: 20px
    }
}

.Accordion_item .title_tab {
    width: 100%;
    background-color: #3fe7d6;
    color: #fcfcfc;
    padding: 5px 30px;
    cursor: pointer;
    transition: background-color .3s ease-in;
    border-radius: 4px
}

.Accordion_item .title_tab .title {
    font-size: 20px;
    position: relative;
    font-weight: 500
}

.Accordion_item .title_tab .title .icon {
    position: absolute;
    right: -1%;
    top: calc(50% - 8px);
    width: 15px;
    height: 15px;
    background-color: transparent;
    transform: rotate(-180deg);
    transition: transform .3s ease-in
}

.Accordion_item .title_tab .title .icon:after,
.Accordion_item .title_tab .title .icon:before {
    content: '';
    position: absolute;
    height: 100%;
    width: 2px;
    background-color: #fff
}

.Accordion_item .title_tab .title .icon:before {
    top: 0;
    left: 2px;
    transform: rotate(-42deg)
}

.Accordion_item .title_tab .title .icon:after {
    top: 0;
    right: 2px;
    transform: rotate(42deg)
}

.inner_content {
    width: 100%;
    height: auto;
    display: none;
    overflow: hidden
}

.inner_content p {
    width: 98%;
    margin: auto;
    padding: 18px 15px;
    font-size: 16px;
    line-height: 28px;
    letter-spacing: 1px;
    opacity: 0;
    transform: translate3d(0, 60px, 0);
    transition: transform .6s cubic-bezier(0, .99, .44, 1.01), opacity .8s .1s cubic-bezier(0, .99, .44, 1.01)
}

.Accordion_item .title_tab.active {
    background-color: #3fe7d6;
    transition: background-color .3s ease-in
}

.Accordion_item .title_tab.active .title .icon {
    transform: rotate(0);
    transition: transform .3s ease-in
}

.Accordion_item .title_tab:hover {
    background-color: #556270;
    transition: background-color .3s ease-in
}

.Accordion_item .inner_content p.show {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    transition: opacity .8s cubic-bezier(0, .99, .44, 1.01), transform .6s .1s cubic-bezier(0, .99, .44, 1.01)
}

.inner_content p span {
    font-size: 14px;
    line-height: 30px;
    text-align: justify
}

.inner_content p b {
    color: #f44336;
    font-size: 18px
}

@media (max-width:1199px) {
    .Accordions {
        max-width: 800px
    }
}

@media (max-width:991px) {
    .Accordions {
        max-width: 665px
    }
}

@media (max-width:767px) {
    .Accordions {
        max-width: 550px
    }
}

@media (max-width:480px) {
    .Accordions {
        max-width: 270px
    }

    .Accordion_item .title_tab .title .icon {
        right: -5%
    }
}

.next-right,
.prev-left {
    background: #4e5155;
    color: #fff;
    display: inline-block;
    margin-right: auto;
    padding: 6px 10px;
    font-size: 16px;
    text-transform: uppercase
}

.next-right a,
.prev-left a {
    color: #fff
}

.next-right:hover,
.prev-left:hover {
    background: #3fe7d6
}

.next-right {
    float: right;
    margin-right: -56px
}

@media (max-width:1199px) {
    .next-right {
        margin-right: 40px
    }
}

@media (max-width:991px) {
    .next-right {
        margin-right: 5px
    }
}

@media (max-width:767px) {
    .next-right {
        margin-right: 20px
    }
}

@media (max-width:480px) {
    .next-right {
        margin-right: 7px
    }
}

.scontent-1 {
    max-width: 1020px;
    margin-left: auto;
    margin-right: auto
}

.scontent-1 .sorry {
    padding: 240px 0 150px;
    text-align: center
}

@media (max-width:1199px) {
    .scontent-1 .sorry {
        padding: 140px 0 40px
    }
}

.scontent-1 .sorry p {
    text-align: center
}

.sorry h1 span {
    display: block;
    font-size: 14px;
    text-transform: inherit;
    font-weight: 400;
    line-height: 1.2;
    margin-top: -10px
}

.sorry h1 {
    font-weight: 700;
    font-size: 60px
}

.sorry p a:hover {
    text-decoration: underline
}

@media (max-width:480) {
    .sorry p br {
        display: none
    }
}

.section-title.mn-hd {
    line-height: 1.2
}

.str {
    font-weight: 700;
    color: #fff;
    font-size: 20px;
    margin-bottom: 10px;
    margin-top: 10px;
    color: #000
}

.office-meta h2.cntl {
    color: #fff;
    margin-top: 0;
    font-size: 32px;
    margin-bottom: .5em
}

.single .post-disclaimer h2.fg {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: .25em;
    color: #515151
}

body.post-template-default #content {
    padding-top: 90px
}

body.post-template-default #content section.article-content {
    padding-top: 70px
}

body.post-template-default header.article-header {
    text-align: center
}

@media (max-width:767px) {
    body.post-template-default #content {
        padding-top: 20px
    }
}

@media (max-width:481px) {
    .single .article-h1 {
        font-size: 30px;
        word-break: break-word
    }

    .single p.article-meta {
        text-align: left
    }
}

@media (min-width:992px) {
    .header .contact-block .phone-block.cpc_phone {
        min-height: 45px;
        display: flex;
        flex-direction: column;
        justify-content: center
    }
}

aside.profile-sidebar .profile-awards img {
    max-width: 200px;
}

@media (max-width:767px) {
    aside.profile-sidebar .profile-awards img {
        max-width: 200px
    }

    aside.profile-sidebar .profile-awards br {
        display: none
    }

    aside.profile-sidebar .profile-awards a:first-child img {
        margin-right: 10px
    }
}

@media (min-width: 1200px) {
    .header .wrapper {
        max-width: 95%;
        margin-left: auto;
        margin-right: auto;
        position: relative;
        padding: 0 10px;
    }

    li#menu-list .menu-item-has-children:hover > .nav-drop li {
        display: block;
    }

    #menu-list {
        top: auto !important;
        right: 0px;
        position: relative;
        width: 100%;
        text-align: center;
        right: 0 !important;
        background-color: #fff;
    }

    .wrapper ul > li {}

    #menu-list li {
        margin-left: 4px;
        margin-right: 4px;
        padding: 10px 2px;
        font-size: 13px;
        border-bottom: none;
        display: inline-block;
    }

    .wrapper .phone-block {
        display: none;
    }

    .wrapper .social-icon-block {
        display: none;
    }

    #menu-list > li {
        position: relative
    }

    #menu-list > li > ul.nav-drop {
        position: absolute;
        left: 0;
        z-index: 2;
        top: 40px;
    }

    .nav-drop li {
        width: 160px;
        display: block !important;
        background-color: #fff;
        border: 1px solid #9a9a9a1c !important;
    }

    .header {
        height: auto;
        top: 0 !important;
    }

    #menu-list {
        overflow-y: initial;
    }

    .nav-drop li {
        position: relative;
    }

    .nav-drop li ul {

        display: none;
    }

    ul.nav-drop > li:hover > ul {
        position: absolute;
        left: -175px;
        top: 0px;
        display: block;
    }

    #menu-toggle {
        display: none;
    }

    #menu-list li:hover > .nav-drop {
        display: block;
    }

    i.plus {
        background-image: url(https://www.sommersandroth.com/wp-content/uploads/2021/08/arrow-down-sign-to-navigate.jpg);
        background-repeat: no-repeat;
        background-size: 15px;
    }

    #menu-list .menu-item-has-children i {
        color: transparent;
    }

}

li.menu-item-4367 ul {
    column-count: 2;


}

.nav-drop {
    background-color: #fff;
    padding: 10px 5px;
}

#menu-list > li {
    margin: 0 8px;
}

.wpcf7-form .s-h2 span {
    color: #3fe7d6 !important;
}

.wpcf7-textarea.service-message {
    border-bottom: -1px solid !important;
}

.social-icon-block {
    margin: 15px 30px 30px 0px;
}

.social-icon-block .social-icon svg {
    fill: #ffffff !important;
}

@media only screen and (min-width: 992px) {
    .practice-area-nav ul li {
        min-height: 55px;
    }
}


.mid-form {}

.mid-form {
    display: none;
}

.practice-areas [data-aos^=fade][data-aos^=fade] {
    opacity: 1;
}


@media (max-width: 768px) {
    ul.phone-block li a.contact-cta {
        padding-left: 0px !important;
    }
}

.accordion {
    margin-bottom: 10px;
}

.accordion .accordion-btn {
    position: relative;
    background-color: #3fe7d6;
    background-image: linear-gradient(122deg, #3fe7d6, #3fe7d6);
    border: none;
    padding: 15px 20px;
    text-align: left;
    cursor: pointer;
    font-weight: bold;
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.25);
    list-style-image: none;
    color: #fff;
}

@media (max-width: 767px) {
    .accordion .accordion-btn {
        padding: 15px 50px 15px 13px !important;
    }
}

.accordion .accordion-btn::-webkit-details-marker {
    background: none;
    color: transparent;
}

.accordion .accordion-btn::after {
    content: "›";
    position: absolute;
    top: 50%;
    right: 10px;
    font-size: 35px;
    font-family: monospace;
    width: 35px;
    height: 35px;
    text-align: center;
    border-radius: 50%;
    color: #fff;
    border: 2px solid #fff;
    transform: translate(0%, -50%) rotate(0deg);
    box-sizing: border-box;
    display: flex;
    align-items: center;
    padding-bottom: 4px;
    padding-left: 2px;
    justify-content: center;
    font-weight: normal;
    transition: all 0.3s ease;
}

.accordion .accordion-content {
    background-color: #fff;
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.25);
}

.accordion .accordion-content > * {
    padding: 10px 20px;
}

.accordion[open] .accordion-btn::after {
    transform: translate(0%, -50%) rotate(90deg);
}

.accordion[open] summary ~ * {
    overflow: hidden;
    animation: heightUp 1s ease-in-out;
}

@keyframes heightUp {
    0% {
        max-height: 0;
    }

    100% {
        max-height: 2000px;
    }
}


.faq .accordion-btn {
    list-style: none !important;
}

.faq .accordion-btn h3 {
    color: #fff !important;
}

span.medi_anch a {
    color: #005400;
    font-weight: 800;
}