/*!
 * Table of Content
 * 1.0 - Fonts
 * 2.0 - Resets
 * 2.1 - General
 * 3.0 - Header/Navbar
 * 4.0 - Banner/Slider
 * 5.0 - Page Content
 * 6.0 - Responsive
 */
/* ====================
	1.0 FONTS 
==================== */

@import url('https://fonts.googleapis.com/css2?family=Archivo:ital,wdth,wght@0,62..125,100..900;1,62..125,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');

/* ==================== 2.0 Resets ====================*/
body { font-family: 'Archivo', sans-serif; background-color: #000; color: #fff; font-size: 20px; font-weight: 300; line-height: 32px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-optical-sizing: auto; font-variation-settings: "wdth" 100; }

.otgs-development-site-front-end { display: none; }

.expanded { font-variation-settings: "wdth" 125; }

.mobile, .icw--launcher--text { display: none; }

h1, h2, h3, h4, h5, h6 { margin: 0 0 20px; }
p, ul, ol, table { margin: 0 0 20px; }
h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child, p:last-child, ul:last-child, ol:last-child, table:last-child { margin-bottom: 0; }

h1, h2, h3, h4, h5, h6 .h1, .h2, .h3, .h4, .h5, .h6 { line-height: 1.1; color: #fff; }
h1 + .image:not([class*="mt-"]), h2 + .image:not([class*="mt-"]), h3 + .image:not([class*="mt-"]), h4 + .image:not([class*="mt-"]), h5 + .image:not([class*="mt-"]), h6 .h1 + .image:not([class*="mt-"]), .h2 + .image:not([class*="mt-"]), .h3 + .image:not([class*="mt-"]), .h4 + .image:not([class*="mt-"]), .h5 + .image:not([class*="mt-"]), .h6 + .image:not([class*="mt-"]) { margin-top: 20px; }

h1, .h1, .heading-lg, .heading-lg-lead { font-size: 3.75em; font-weight:300; }

h2, .h2 { font-size: 3em; font-weight:300; }

h3, .h3, h4, .h4, .heading-md, .heading-md-lead { font-size: 1.2em; font-weight: 700; }

h4, .h4, h4.heading-md { font-size: 1.2em; margin-bottom: 12px; font-weight: 700; }

h5, .h5 { font-size: 1.1em; margin-bottom: 8px; }

h6, .h6, .heading-sm, .heading-sm-lead { font-size: .875em; }

ul, ol { margin: 0px; padding-left: 25px; }
ul { list-style: disc; }
ul li, ol li { padding-left: 15px; padding-bottom: 10px; }
ul ul, ul ol, ol ol, ol ul { padding-left: 25px; }
.footer ul li, .footer ol li { list-style: none; }
.section-content .col-md-8 ul, .section-content .col-md-8 ol { padding: 0 0 0 20px; margin: 0px; }
.section-content .col-md-8 ul li, .section-content .col-md-8 ol li { list-style: disc; }

blockquote { font-family: "Playfair Display", serif; font-size: 1.75em; color: #fff; line-height: 1.4; text-align: center; border-top: 1px solid #40BDAA; border-bottom: 1px solid #40BDAA; border-left: none; padding: 30px 70px; margin: 60px auto 40px; font-weight: 500; font-style: italic; }
blockquote div { font-family: 'Archivo', sans-serif; font-size: .57em; font-style: normal; font-weight: 300; }

blockquote.quote { white-space: pre-line; text-align: left; margin-top: 0; margin-bottom: 40px; margin-left: 40px; word-break: break-word; font-style: normal; font-size: 1.35em; border: none; padding: 0; }
blockquote.quote::before { content: "{"; font-size: 4em; font-style: normal; padding-right: 30px; line-height: 1em; margin-left: -55px; margin-right: 0px; position: absolute; margin-top: 25px; color: #40BDAA; font-weight: 300; }
blockquote.quote .quote_link { margin-left: 0; font-size: 0.55em; text-decoration: none; font-style: normal; line-height: 1em; text-align: right; }

p + h1, p + h2, p + h3, p + h4, p + h5, p + h4, ul + h1, ul + h2, ul + h3, ul + h4, ul + h5, ul + h4, ol + h1, ol + h2, ol + h3, ol + h4, ol + h5, ol + h4, table + h1, table + h2, table + h3, table + h4, table + h5, table + h4 { margin-top: 35px; }

ul + p, ul + ul, ul + ol, ol + ol, ol + ul, ul + table, ol + table, ol + p { margin-top: 20px; }

b, strong { font-weight: 800; }

a { outline: 0; transition: all 0.5s; color: #fff; font-weight: 800; }
a:link, a:visited { text-decoration: none; }
a:hover { outline: 0; color: #B61F24; }
a:focus, a:active { color: inherit; }

a.readMore { color: #B61F24; font-size: 16px; font-weight: 700; text-transform: uppercase; }
a.readMore:hover { color: #fff; }

img { outline: 0; border: 0 none; max-width: 100%; height: auto; vertical-align: top; -ms-border-radius: 0px; border-radius: 0px; }
img + h2, img h3, img h4 { margin-top: 15px; }
img.alignright { padding: 0; float: right; margin: 5px 0 10px 30px; }
h3 img.alignright, h4 img.alignright, h2 img.alignright, h1 img.alignright { margin-top: 0; }

img.alignleft { padding: 0; float: left; margin: 5px 30px 10px 0; }
h3 img.alignleft, h4 img.alignleft, h2 img.alignleft, h1 img.alignleft { margin-top: 0; }
img.aligncenter { float: none; display: block; margin: 5px auto 15px; }
img.aligncenter:first-child { margin-top: 0; }
img.aligncenter:last-child { margin-bottom: 0; }

hr, .hr { margin: 45px 0; border-top: 1px solid #939292; }
hr:first-child, .hr:first-child { margin-top: 0; }
hr:last-child, .hr:last-child { margin-bottom: 0; }

input:focus { border-color: #66afe9; outline: 0; box-shadow: 0 0 0 transparent; }

.al-center, .center { text-align: center; }
.al-center .with-line:after, .center .with-line:after { left: 50%; margin-left: -35px; }

.al-right { text-align: right; }
.al-right .with-line:after { right: 0; }

.al-left { text-align: left; }

.ucap { text-transform: uppercase; }

.container.thin { max-width: 1280px; }

.section-pad { padding-top: 65px; padding-bottom: 65px; }
.section-pad-xs { padding-top: 20px; padding-bottom: 20px; }
.section-pad-sm { padding-top: 40px; padding-bottom: 40px; }
.section-pad-sm-2 { padding-top: 40px; padding-bottom: 40px; padding-left: 0; padding-right: 0; }
.section-pad-md { padding-top: 60px; padding-bottom: 60px; }
.section-pad-md-2 { padding-top: 60px; padding-bottom: 60px; }
.section-pad-lg { padding-top: 110px; padding-bottom: 110px; }
.section-pad.nopd { padding-top: 0; padding-bottom: 0; }
.section-pad.nopdtop { padding-top: 0; padding-bottom: 60px; }
.nopdbottom { padding-top: 40px; padding-bottom: 0; }

.section-overup[class*="section-pad"] { margin-top: -60px; padding-top: 0; }

.section-overup-lg[class*="section-pad"] { margin-top: -110px; padding-top: 0; }

.pad-0, .nopd { padding: 0px; }

.noborder { border:none; }

.npl { padding-left: 0px; }

.npr { padding-right: 0px; }

.space-top { margin-top: 20px; }
.space-top-sm { margin-top: 15px; }
.space-top-md { margin-top: 30px; }
.space-bottom { margin-bottom: 20px; }
.space-bottom-sm { margin-bottom: 15px; }
.space-bottom-md { margin-bottom: 30px; }

.nomg { margin-top: 0; margin-bottom: 0; }

.wide-lg { max-width: 1170px; margin: 0 auto; }
.wide-md { max-width: 970px; margin: 0 auto; }
.wide-sm { max-width: 770px; margin: 0 auto; }
.wide-xs { max-width: 570px; margin: 0 auto; }

.row-vm { align-items: center; display: flex; }
.row-vm.reverses > div:last-child { order: 1; }
.row-vm.reverses > div:first-child { order: 2; }

.container-fluid > .row > .row { margin-left: 0; margin-right: 0; }

.flex-center { display: flex; align-items: center; }

.row-column:not(:first-child) { margin-top: 60px; }
.row-column-md:not(:first-child) { margin-top: 45px; }
.row-column-sm:not(:first-child) { margin-top: 30px; }

div[class*="row-column"].mgfix { margin-top: -45px; }
div[class*="row-column"].mgauto { margin-top: 0; }
div[class*="row-column"].mgtop { margin-top: 60px; }
div[class*="row-column"].mgtop-md { margin-top: 45px; }
div[class*="row-column"].mgtop-sm { margin-top: 30px; }

div[class*="wide-"] + div[class*="row-column"]:not([class*="mg"]):not([class*="mt-"]) { margin-top: 60px; }

.clear-all { clear: both; display: block; height: 0; width: 100%; }

.clear { clear: both; }

.clear-left { clear: left; }

.clear-right { clear: right; }

.first[class*="col-"] { clear: left; }

.nomg[class*="wide-"] { margin: 0; }

.img-shadow { box-shadow: 0 2px 26px 0 rgba(0, 0, 0, 0.16); }

.round { -ms-border-radius: 48px; border-radius: 48px; }
.toponly { border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; }
.bottomonly { border-top-left-radius: 0 !important; border-top-right-radius: 0 !important; }
.round-sm { -ms-border-radius: 16px; border-radius: 16px; }
.round-md { -ms-border-radius: 24px; border-radius: 24px; }
.round-lg { -ms-border-radius: 72px; border-radius: 72px; }

.circle { -ms-border-radius: 50%; border-radius: 50%; }

.image { margin-bottom: 20px; }
.image:last-child { margin-bottom: 0; }
.image img { max-width: 100%; height: auto; }
.image[class*="round"] a, .image[class*="round"] img, .image.circle a, .image.circle img { border-radius: inherit; }
.image.circle:not([class*="al-"]) { text-align: center; }
.image.circle:not(.image-md) img { width: 100%; max-width: 555px; }
.image-md img { width: 90%; max-width: 220px; }

.imagebg { position: absolute; height: 100%; right: 0; top: 0; left: 0; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; z-index: 0; opacity: 0; transition: opacity .4s; }
.fixed-bg .imagebg { background-attachment: fixed; }
.imagebg img { display: none; }

.image-on-left .imagebg, .image-on-right .imagebg { width: 50%; }

.image-on-left .imagebg { right: 50%; }

.image-on-right .imagebg { left: 50%; }

.image-slice .imagebg { width: 40%; left: 0; }
.image-slice .imagebg + .imagebg { width: 60%; left: 40%; }
.image-slice .section-bg:not(.section-bg-r):after { content: ""; position: absolute; left: 0; bottom: 0; top: 0; opacity: .9; width: 100%; }
.image-slice .section-bg.section-bg-alt:not(.section-bg-r):after { background: #31536C; }

.pd-x1 { padding: 10px; }
.pd-x2 { padding: 20px; }
.pd-x3 { padding: 30px; }
.pd-x4 { padding: 40px; }
.pd-x5 { padding: 50px; }

.mg-x1 { margin: 10px; }
.mg-x2 { margin: 20px; }
.mg-x3 { margin: 30px; }
.mg-x4 { margin: 40px; }
.mg-x5 { margin: 50px; }

.mt-x1 { margin-top: 10px; }
.mt-x2 { margin-top: 20px; }
.mt-x3 { margin-top: 30px; }
.mt-x4 { margin-top: 40px; }
.mt-x5 { margin-top: 50px; }

.mb-x1 { margin-bottom: 10px; }
.mb-x2 { margin-bottom: 20px; }
.mb-x3 { margin-bottom: 30px; }
.mb-x4 { margin-bottom: 40px; }
.mb-x5 { margin-bottom: 50px; }

.bg-light, .box-s2 { background: #f4f8f8; }

.bg-white, .box-s1 { background: #fff; }

.bg-dark { background: #666; }

.bg-grey { background: #e8e8ee; }

.bg-secondary, .box-s4 { background: #B52031; }

.bg-alternet { background: #FFC426; }

.bg-light-primary { background-color: rgba(255, 153, 51, 0.1); }

.bg-light-secondary { background-color: rgba(255, 83, 38, 0.1); }

.bg-light-alternet { background-color: rgba(255, 196, 38, 0.1); }

.bdr { border: 1px solid rgba(0, 0, 0, 0.04); }
.bdr-y { border-top: 1px solid rgba(0, 0, 0, 0.04); border-bottom: 1px solid rgba(0, 0, 0, 0.04); }
.bdr-x { border-left: 1px solid rgba(0, 0, 0, 0.04); border-right: 1px solid rgba(0, 0, 0, 0.04); }
.bdr-top { border-top: 1px solid rgba(0, 0, 0, 0.04); }
.bdr-bottom { border-bottom: 1px solid rgba(0, 0, 0, 0.04); }
.bdr-none { border-color: transparent; }

.navbar-toggle { margin-right: 0px; }

.table-responsive { margin-bottom: 30px; }
.table-responsive:last-child, .table-responsive .table { margin-bottom: 0; }

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th { border-color: #ececec; }

.table.bdr-top, .table.bdr-bottom { border-color: #ececec; }

.table-s1 > tbody > tr > td, .table-s1 > tbody > tr > th, .table-s1 > tfoot > tr > td, .table-s1 > tfoot > tr > th, .table-s1 > thead > tr > td, .table-s1 > thead > tr > th { padding: 20px; }

.table-vertical > tbody > tr > td { vertical-align: middle; }

.button { color: #fff; background-color: #B61F24; font-weight: 700; line-height:1.5; padding: 8px 40px; display: inline-block; cursor: pointer; transition: all 0.5s; text-align: center; z-index: 1; position: relative; text-transform: uppercase; letter-spacing: .1em; }
.button:hover { color: #B61F24; background-color: #fff; text-decoration: none !important; }

.moreButton { color: #fff; background-color: transparent; border: 1px solid #46111A; font-weight: 500; line-height:1.5; padding: 2px 75px; display: inline-block; cursor: pointer; transition: all 0.5s; text-align: center; z-index: 1; position: relative; text-transform: uppercase; letter-spacing: .1em; }
.moreButton a { color: #fff; font-weight: 500; }
.moreButton:hover { color: #fff; background-color: #000; border: 1px solid #46111A; text-decoration: none !important; }
.moreButton:hover a { color: #fff; }

.show-all .clearBtn { padding: 5px 16px; margin-top: 15px; line-height: 1.7; }
.show-all .clearBtn:hover { text-decoration: none; }

.link_arrow { font-weight: 700; text-transform: uppercase; margin-right: 62px; color: #B61F24; }
.link_arrow:hover { color: #fff; }
.link_arrow::after { content: url('/wp-content/themes/MorrisJames/images/red-arrow.svg'); position: absolute; margin-left: 10px; width: 52px; }
.link_arrow:focus, .link_arrow:active { color: #B61F24; }

@keyframes fadeInLeft { from { opacity: 0; transform: translate3d(-50px, 0, 0); }
  to { opacity: 1; transform: none; } }
@keyframes fadeInRight { from { opacity: 0; transform: translate3d(50px, 0, 0); }
  to { opacity: 1; transform: none; } }
@keyframes fadeInUp { from { opacity: 0; transform: translate3d(0, 50px, 0); }
  to { opacity: 1; transform: none; } }
@keyframes fadeIn { from { opacity: 0; }
  to { opacity: 1; } }

.sticky { position: fixed; top: 0; left: 0; right: 0; z-index: 9999; transition: top .5s; }
.site-header.sticky ~ .sticky { top: 125px; }

/* ========================================================================== 2.1 General / Common ========================================================================== */

.content ul li { position: relative; margin-left: 20px; list-style: disc; }
.content ul li:last-child { margin-bottom: 0; }
.content ul.nav-tabs li:before { content:none; }
.content ul.nav-tabs li { padding-left: 0;}

.light .content ul li:before, .box-s3 .content ul li:before, .box-s4 .content ul li:before, .call-action:not(.dark) .content ul li:before { color: #fff; }

.content ul.dots li:before { content: '\f111'; font-size: 6px; top: 5px; }
.content ul.checkmark li { padding-left: 28px; }
.content ul.checkmark li:before { content: '\f00c'; font-size: 18px; line-height: 18px; top: 4px; }
.content ul.list-sitemap li { margin-bottom: 10px; font-weight: 400; }
.content ul.list-sitemap li:last-child { margin-bottom: 0; }
.content ul.list-sitemap li ul { margin-top: 5px; }
.content ul.list-sitemap li ul li { margin-top: 3px; font-weight: 400; }
.content ul.style-v2 li { margin-bottom: 2px; }
.content ul.style-v2 li:before { color: #9aa4ae; font-size: 6px; }
.content ol { margin-left: 25px; }
.content ol li { list-style: decimal; padding-left: 5px; margin-bottom: 8px; }
.content ol li:last-child { margin-bottom: 0; }
.content ul li { list-style: disc; }


/* ========================================================================== 3.0 Header/Navbar ========================================================================== */

.site-header { padding-top: 40px; left: 0; width: 100%; transition: top .5s; z-index: 50; position: fixed; z-index: 11111; }
.site-header .navbar { border-radius: 0; border: 0 none; height: 125px; padding: 20px 0 0; color: #36454e; margin: 0; z-index: 9;  }
.site-header .navbar-brand { height: auto; width: auto; padding: 0; position: relative; }
.site-header .navbar-brand img { width: auto; max-height: 77px; margin-top: 0; }
.site-header .navbar-header .quote-btn { display: none; }
.site-header .navbar-collapse { padding: 0; background-color: transparent; color: #4D4B4B; }
.site-header .logo-light { display: none; }
.site-header .quote-btn { padding: 0; display: inline-block; }
.site-header .quote-btn .btn { padding: 6px 25px; font-size: 12px; line-height: 24px; font-weight: 700; text-transform: uppercase; color: #fff; background-color: #31536C; border: 2px solid #31536C; margin: 0; vertical-align: middle; }
.site-header .quote-btn .btn:hover { border-color: #FFC426; color: #fff; background-color: #FFC426; }
.site-header .quote-btn .btn.btn-outline { background: transparent; }
.site-header .quote-btn .btn.btn-outline:hover { background: #31536C; border-color: #31536C; }

.site-header.animate { top: -175px; }
.site-header.sticky.animate { top: 0; padding-top: 0; position: fixed; z-index: 11111; background: #000; }
.site-header.sticky.animate .navbar-brand img { margin-top: 20px; }
.site-header.sticky.animate .nav { padding-top: 10px; }
.site-header.sticky.animate .navbar-nav li ul { }
.site-header.sticky.animate .navbar-nav li.has-children:hover::after { content: " "; position: absolute; top: -40px; width: 200vw; height: 265px; left: -100vw; background: #000; z-index: -1; }

.mobile_nav_header { display: none; }

.navbar-nav { width: 100%; }
.navbar-nav > li.mobile { display: none; }
#mainnav:not(.nav-mobile) .navbar-nav { display: block !important; }
.navbar-nav > li > a { background: transparent; color: inherit; font-weight: 400; font-size: 18px; line-height: 18px; padding: 14px 16px; transition: background 350ms, color 350ms, border-color 350ms; }
.navbar-nav > li.active > a, .navbar-nav > li > a:hover { color: #ED1C24; background: transparent; }
.navbar-nav > li > ul ul { top: 0; margin-top: 0; }
.navbar-nav > li:hover > ul { top: 100%; padding: 10px 0; opacity: 1; visibility: visible; }
.navbar-nav > li.quote-btn { margin-left: 12px; float: right; }
.navbar-nav > li.quote-btn .btn { padding: 9px 24px 8px; font-size: 14px; font-weight: 700; letter-spacing: inherit; }
.navbar-nav li ul li { padding: 0 0 10px 5px; }
.navbar-nav li ul li ul { left: 240px; opacity: 0; visibility: hidden; }
.navbar-nav li ul li:hover ul { opacity: 1; visibility: visible; z-index: 100; }
.navbar-nav li ul li.has-children > a:after { content: "\f0c8"; display: block; position: absolute; top: 50%; right: 8px; opacity: .5; margin-top: -7px; height: 14px; width: 12px; text-align: center; font-size: 6px; line-height: 14px; font-family: "FontAwesome"; transition: transform .4s; }
.navbar-nav li ul > .active > a, .navbar-nav li ul > .active > a:focus, .navbar-nav li ul > .active > a:hover { color: #40BDAA; }
.navbar-nav ul li.active > a, .navbar-nav ul li.active > a:focus .navbar-nav ul li.active > a:hover, .navbar-nav ul li.rollover > a { }
.navbar-nav ul li.active > a, .navbar-nav ul li.rollover > a {  }
.navbar-nav .label { margin-top: -3px; vertical-align: middle; display: inline-block; margin-left: 5px; text-transform: uppercase; padding: 3px 10px 4px; -ms-border-radius: 20px; border-radius: 20px; }
.navbar-nav li ul { position: absolute; border: 0px; padding: 18px 0 0 18px !important; left: 0; top: -999em; z-index: 99; display: block; opacity: 0; visibility: hidden; transition: opacity .5s, visibility .4s; list-style: none; }
.navbar-nav li ul li a { font-size: 20px; font-weight: 700; line-height: 1.5; color: #fff; white-space: nowrap; text-decoration: none !important; text-transform: uppercase; }
.navbar-nav li ul li a:hover { color: #B61F24; }

.navbar-nav li ul.two-col { column-count: 2; text-align: right; padding-bottom: 0 !important; }
.navbar-nav li ul.center { width: fit-content; left: 50% !important; transform: translateX(-50%); text-align: left; }
.navbar-nav li ul.two-col li { padding-left: 30px; }
.navbar-nav li ul.center li { padding-left: 30px; }
.navbar-nav li ul.two-col li ul { column-count: 2; background: none; position: static; text-align: left; padding-left: 0 !important; padding-right: 0 !important; padding-bottom: 0 !important; border-top: 1px solid #000; border-radius: 0; margin-left: 0 !important; padding-top: 10px !important; margin-top: 10px; opacity: 1; visibility: visible; }
.navbar-nav li ul.two-col li ul li { padding-left: 0; padding-bottom: 26px; }
.navbar-nav li ul.two-col li ul li a:hover { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 4px; }
.navbar-nav li ul.two-col li.has-children a::after { display:none; }

.header-s2 .nav { padding: 0; }
.header-s2 .navbar { padding: 0; }
.header-s2 .navbar .container { padding: 0; max-width: 1500px; }
.header-s2 .navbar-nav > li  { padding: 0 25px; display: flex; }
.navbar-nav li.has-children:hover::after { content: " "; position: absolute; top: -40px; width: 200vw; height: 265px; left: -100vw; background: rgba(0,0,0,.5); z-index: -1; }
.header-s2 .navbar-nav > li > a { padding: 0; }
.header-s2 .navbar-nav > li.quote-btn { margin-top: 27px; }
.header-s2 .navbar-nav > li.last { padding-right: 0; }
.header-s2 .navbar-nav > li.mobile { display: none; }
.header-s2 .navbar-brand { margin: 0 !important; }
.header-s2 .navbar-collapse { float: right; width: auto; }
.header-s2.is-transparent .navbar { width: 100%; z-index: 9; }
.header-s2.is-transparent .navbar-nav li ul { color: #596570; }
.header-s2.is-transparent .navbar-nav > li > a, .header-s2.is-transparent .navbar-nav > li.active > a, .header-s2.is-transparent .navbar-nav > li.has-children > a:after { color: #fff; font-size: 20px; font-weight: 600; line-height: 24px; text-underline-offset: 8px; text-decoration: underline; text-decoration-thickness: auto; text-decoration-thickness: 3px; text-decoration-color: transparent; transition: all 350ms; text-transform: uppercase; letter-spacing: .1em; z-index: 100; }
.header-s2.is-transparent .navbar-nav > li > a:hover, .header-s2.is-transparent .navbar-nav > li.rollover a { text-underline-offset: 8px; text-decoration: underline; text-decoration-thickness: auto; text-decoration-thickness: 3px; text-decoration-color: #B61F24; }
.header-s2.is-transparent .navbar-nav > li.search a:hover { color: #B61F24; }
.header-s2.is-transparent .navbar-nav > li.current > a, .header-s2.is-transparent .navbar-nav > li.current > a:hover, .header-s2.is-transparent .navbar-nav > li.current > a:focus, .header-s2.is-transparent .navbar-nav > li.current.has-children > a:after { color: #fff; }
.header-s2.is-transparent .navbar-nav > li.current > a:not(.btn)::before { content: ""; position: absolute; left: 18px; top: 18px; right: 18px; height: 2px; background-color: #B51F30; opacity: 1; transition: all .4s; }
.header-s2.is-transparent .navbar-nav > li.current > a:not(.btn)::after { content: ""; position: absolute; left: 18px; top: 91px; right: 18px; height: 2px; background-color: #B51F30; opacity: 1; transition: all .4s; }
.header-s2.is-transparent .navbar-brand .logo-light { display: block; }
.header-s2.is-transparent .navbar-brand .logo-dark { display: none; }

@keyframes slide-down {
    0% {
        opacity: 0;
        transform: translateY(-100%);
    } 
    100% {
        opacity: 0.9;
        transform: translateY(0);
    } 
}

.header-s2.header-dark .navbar { }
.header-s2.header-dark .navbar-nav > li > a, .header-s2.header-dark .navbar-nav > li.active > a, .header-s2.header-dark .navbar-nav > li > a:hover { color: #fff; }
.header-s2.header-dark .navbar-nav li.quote-btn .btn:hover { background: #FFC426; }
.header-s2.header-dark .navbar-brand .logo-dark { display: none; }
.header-s2.header-dark .navbar-brand .logo-light { display: block; }

.header-search { display: none; position: relative; top: -15px; right: 3px; height: 60px; background-color: #000; width: 100%; z-index: 111; }
.header-search.open { display: block; }
.header-search .submit { position: absolute; right: 75px; top: 0; border-bottom: 3px solid #B61F24; height: 59px; text-align: center; }
.header-search .submit button { margin: 10px 0 0; border: 0; background-color: #000; font-size: 20px; color: #fff; }
.header-search .submit button:hover { color: #B61F24; }
.header-search .field { position: absolute; left: 0; right: 100px; top: 0; border-bottom: 3px solid #B61F24; }
.header-search .field input[type='text'] { width: 100%; height: 56px; border: 0; background-color: #000; font-size: 20px; color: #fff; margin-left: 10px; }
.header-search .field input[type='text']::-webkit-input-placeholder { color: #9b9b9b; opacity: 1; }
.header-search .field input[type='text']:-ms-input-placeholder { color: #9b9b9b; opacity: 1; }
.header-search .field input[type='text']::-ms-input-placeholder { color: #9b9b9b; opacity: 1; }
.header-search .field input[type='text']::placeholder { color: #9b9b9b; opacity: 1; }
.header-search .close { position: absolute; right: 0; top: 6px; width: 66px; height: 60px; text-align: center; opacity:1; }
.header-search .close button { margin: 10px 0 0; border: 0; background-color: #000; font-size: 20px; color: #fff; }
.header-search .close button:hover { color: #B61F24; }
.header-search .close button:active { padding: 0; }


/* ========================================================================== 4.0 Banner/Slider ========================================================================== */
.pageTitle { background: #fff; }
.pageTitle h1 { outline: solid 2px #76A4EA; outline-offset: -10px; display: flex; align-items: center; justify-content: center; background: #335892; width: 1280px; margin: 0 auto; color: #fff; font-size: 74px; line-height: 89px; font-weight: 100; text-align: center; text-transform: uppercase; height: 200px; top: -12px; position: relative; }

@-webkit-keyframes zoomin {
  0% {transform: scale(1);}
  50% {transform: scale(1.1);}
  100% {transform: scale(1.1);}
}
@keyframes zoomin {
  0% {transform: scale(1);}
  50% {transform: scale(1.1);}
  100% {transform: scale(1.1);}
}

/* ========================================================================== 5.0 Page Content - About, Service etc ========================================================================== */
.top { z-index: 1; position: relative; }

.top .pageIntro { width: 90%; max-width:730px; text-align: left; margin: 0 auto; color: #fff; }

.pageContent { margin:30px 0 60px; padding: 0; }
.pageContent .container { width: 90%; max-width:730px; }

.pageContent .container a { font-weight: 700; }
.pageContent .container a:hover { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 4px; }
.pageContent .container h2 { font-size: 2em; color: #131312; font-weight: 700; }
.pageContent .container h3 { font-size: 1.5em; color: #131312; font-weight: 700; }
.pageContent .container h4 { font-size: 1.25em; color: #131312; font-weight: 700; }

.mjpage .pageContent { margin:30px 0 60px; padding: 0; }
.mjpage .pageContent .container { max-width: 1200px; width: 90%; }

.textIntro { font-style: italic; font-size: 2em; line-height: 1.2; }

.title { font-size: 1.3em; line-height: 1.5; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; margin-bottom: 20px; }

.banner.hero { background-position: bottom !important; }

.home .hero { height: 1075px; display: flex; flex-wrap: wrap; align-content: center; justify-content: center; }
.home .hero h1 { color: #40BDAA; font-weight: 300; font-size: 30px; line-height: 1; text-transform: uppercase; letter-spacing: .2em; margin: 0; width: 100%; text-align: center; margin-top: -15px; }
.home .hero h2 { color: #40BDAA; font-weight: 300; font-size: 42px; line-height: 1; text-transform: uppercase; letter-spacing: .2em; margin: 0; width: 100%; text-align: center; margin-top: 80px; margin-bottom: -10px; }
.home .animated { width: 100%; max-width: 1300px; }

.breaking { border-bottom: 3px solid #B61F24; margin-top: -49px; z-index: 1; position: absolute; bottom: 0; width: 100%; }
.breaking .close { color: #fff; opacity: 1; z-index: 1; position: absolute; top: 20px; right: 20px; text-shadow: none; }
.breaking .close:hover { color: #000; }
.breaking .container { visibility: hidden; position: relative; bottom: -46px; z-index: 2; }
.breaking .newsslides { background: #B61F24; display: flex; }
.breaking .newsslides .item { width: 95% !important; padding: 50px; }
.breaking .title { margin-bottom: 30px; }
.breaking .title a { font-size: 36px; line-height: 1.1; color: #fff; font-weight: 800; }
.breaking .content { font-size: 28px; line-height: 1.5; color: #fff; font-weight: 500; width: 85%; margin: 0 auto; }
.breaking .content + .moreButton { margin-top: 30px; }

.slick-dots { display: block; padding: 0; margin: 0; list-style: none; position: absolute; left: 20px; align-self: center; }
.slick-dots li { position: relative; width: 10px; height: 10px; padding: 10px 0; cursor: pointer; }
.slick-dots li button { display: inline-block; text-indent: -99999px; overflow: hidden; background-color: transparent; width: 10px; height: 10px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; }
.slick-dots li button::before { content: ''; display: block; position: absolute; top: 50%; left: 50%; width: 10px; height: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background-color: #fff; opacity: 1; transition: background-color 0.3s; }
.slick-dots li.slick-active button::before, .slick-dots li:hover button::before { background-color: #000; opacity: 1; }

.home .intro { font-size: 1.3em; line-height: 2; font-weight: 300; border-bottom: 3px solid #B61F24; }
.home .intro .container { max-width: 1280px; }

.home .middle { border-bottom: 3px solid #B61F24; }
.home .middle .container { width: 100%; max-width: 2200px; min-height: 1200px; margin: 0 auto; display: flex; padding: 0;}
.home .middle.noitems .container { min-height: auto; }
.home .middle .left, .home .middle .right { padding-top: 110px; padding-bottom: 110px; }
.home .middle .left { display: flex; flex-wrap: wrap; }
.home .middle .item { width: 100%; max-width: 640px; margin: 0 auto; }
.home .middle .item:first-of-type { color: #000; align-content: flex-start; }
.home .middle .item:last-of-type { align-content: flex-end; }
.home .middle .link { margin-top: 20px; }
.home .middle .link a { letter-spacing: .1em; color: #B61F24; text-transform: uppercase; }
.home .middle .link a:hover { color: #fff; }

.home .middle .right .title { max-width: 640px; margin: 0 auto 20px auto; text-align: center; }
.home .middle .right .news { max-width: 640px; margin: 0 auto; display: flex; flex-wrap: wrap; }
.home .middle .right.col-md-12 .title { max-width: 1200px; }
.home .middle .right.col-md-12 .news { max-width: 1200px; }
.home .middle .right.col-md-12 .item { max-width: 1200px; }

.news .item { border-top: 1px solid #939292; padding: 20px 0; display: flex; flex-wrap: wrap; align-items: center;  }
.news .item .photo { padding: 0 0 20px 0; }
.news .item .photo img { width: 100%; }
.news .item .date { color: #B61F24; font-weight: 700; padding: 0; }
.news .item a { font-size: 1.2em; color: #fff; font-weight: 800; line-height: 1.25; display: block; }
.news .item a:hover { color: #B61F24; }
.news .item .col-md-10 { border-left: 1px solid #939292; padding-left: 20px; }
.news .all { border-top: 1px solid #939292; padding: 20px 0; width: 100%; text-align: center; text-transform: uppercase; }
.news .all a { font-weight: 700; margin-right: 62px; }
.news .all a:hover { color: #fff; }

.home .spotlight { border-bottom: 3px solid #B61F24; display: flex; flex-wrap: wrap; }
.home .spotlight .container { max-width: 2200px; margin: 100px auto 0; display: flex; align-items: center; }
.home .spotlight .container:first-child { margin: 0 auto; }
.home .spotlight .item { max-width: 640px; margin: 0 auto; border-bottom: 1px solid #939292; display: flex; flex-wrap: wrap; padding-bottom: 40px; }
.home .spotlight .col-md-12 .item { max-width: 1200px; }
.home .spotlight .item .photo { padding-left: 0; }
.home .spotlight .col-md-12 .item .photo { text-align: center; }
.home .spotlight .title { font-size: 1.3em; line-height: 1.5; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; margin-bottom: 40px; border-top: 1px solid #939292; border-bottom: 1px solid #939292; padding: 20px 0; text-align: center; width: 100%; }
.home .spotlight .headline { margin-bottom: 20px; font-weight: 800; }
.home .spotlight .link { margin-top: 20px; }
.home .spotlight .link a { letter-spacing: .1em; color: #B61F24; text-transform: uppercase; }
.home .spotlight .link a:hover { color: #fff; }

.team .hero { height: 100%; padding-bottom: 40px; }
.team .hero .container { max-width: 1500px; padding-top: 275px; }
.team .hero .intro { font-size: 1.5em; line-height: 2; font-weight: 300; margin-bottom: 10px; padding-bottom: 0; }
.team .hero h1 { color: #40BDAA; font-weight: 300; font-size: 42px; line-height: 1; text-transform: uppercase; letter-spacing: .2em; margin: 0; }

.team .search-filter-results { display: inline-flex; flex-wrap: wrap; width: 100%; }


.filter h4::after { font-family: "Font Awesome 5 Free";font-weight: 900;content: "\f067"; font-size: 14px;position: absolute;right: 20px;}
.filter h4.toggled::after { font-family: "Font Awesome 5 Free";font-weight: 900;content: "\f068"; font-size: 14px;position: absolute;right: 20px;}

.filter { width: 100%; max-width: 2200px; margin: 160px auto 0; }
.searchandfilter { text-align: left; color: #fff; font-weight: 700; padding: 0; z-index: 2; position: relative; }
.searchandfilter.hide, .searchandfilter.show { display: block; }
.searchandfilter ul { list-style: none; padding: 0; text-align: center; }
.searchandfilter ul li { padding: 0 !important; }
.searchandfilter .sf-field-post-meta-services, .searchandfilter .sf-field-post-meta-positions, .searchandfilter .sf-field-post-meta-admissions, .searchandfilter .sf-field-post-meta-offices, .searchandfilter .sf-field-post-meta-judicial_clerkships, .searchandfilter .sf-field-post-meta-law_school, .searchandfilter .sf-field-taxonomy-news_type, .searchandfilter .sf-field-taxonomy-related_service, .searchandfilter .sf-field-taxonomy-related_attorney { width: 33.33333%; float: left; }
.sf-field-post-meta-wpcf-bio_letter { display: none !important; }
.sf-field-post-meta-wpcf-news_category h4 { display: none !important; }
.sf-field-post-meta-wpcf-news_category ul { display: block !important; }
.sf-field-post-meta-wpcf-news_category ul li { width: 33%; float: left;  padding-right: 10px !important; }
.sf-field-post-meta-wpcf-news_category .sf-input-checkbox + label { font-size: 22px; border-bottom: 2px solid #B61F24; padding-bottom: 5px; padding-left: 0 !important; }
.sf-field-post-meta-wpcf-news_category .sf-input-checkbox:checked + label::after { left: 6px; }
.searchandfilter ul li.sf-field-search { width: 100%; grid-column: 1 / -1; padding-left: 0; }
.searchandfilter ul li label { cursor: pointer; color: #E6E3E3; display: flex; position: relative; transition: all 0.5s; }
.searchandfilter ul li label:hover { color: #B61F24; }
.searchandfilter ul li ul { display: none; position: absolute; z-index: 1; background: rgb(0, 0, 0); width: 33.45%; border-left: 2px solid #939292; border-right: 2px solid #939292; border-bottom: 2px solid #939292; padding: 10px 20px; margin-top: -2px; margin-left: -2px !important; overflow: auto; scrollbar-color: #E6E3E3 #000; scrollbar-width: thin; max-height: 442px; } 
.searchandfilter ul li ul::-webkit-scrollbar { background: #000; }
.searchandfilter ul li ul::-webkit-scrollbar-track { background: #fff; }
.searchandfilter ul li ul::-webkit-scrollbar-thumb { background-color: #E6E3E3; }
.searchandfilter ul li:nth-child(3) ul, .searchandfilter ul li:nth-child(6) ul { border-right: none; }
.searchandfilter ul li ul.toggled { display: block !important; }
.searchandfilter .sf-field-post-meta-services li { }
.searchandfilter .sf-field-post-meta-services label { color: #aaa; }
.searchandfilter .sf-field-post-meta-services label:before { border: 1px solid #aaa; }
.searchandfilter .sf-field-post-meta-services .parent-prac { border-top: 1px dotted #fff; margin-top: 10px; padding-top: 10px !important; }
.searchandfilter .sf-field-post-meta-services .parent-prac + li { border-top: 1px dotted #fff; margin-top: 10px; padding-top: 10px !important; }
.searchandfilter .sf-field-post-meta-services .parent-prac label { color: #E6E3E3; font-weight: bold; }
.searchandfilter .sf-field-post-meta-services .parent-prac label:hover { color: #B61F24; }
.searchandfilter .sf-field-post-meta-services .grand-prac { }
.searchandfilter h4 { color: #fff; font-weight: 700; font-size: 1em !important; padding: 14px 0 !important; margin-bottom: 0 !important; border-top: 2px solid #939292; border-bottom: 2px solid #939292; border-right: 2px solid #939292; justify-content: center; position: relative; align-items: center; display: flex; cursor: pointer; text-transform: uppercase; letter-spacing: .1em; background: #000; transition: all 0.5s; }
.searchandfilter h4:hover { color: #B61F24; }
.searchandfilter ul li:nth-child(4) h4, .searchandfilter ul li:nth-child(5) h4, .searchandfilter ul li:nth-child(6) h4 { border-top: none; }
.searchandfilter ul li:nth-child(3) h4, .searchandfilter ul li:nth-child(6) h4 { border-right: none; }
.searchandfilter h4.toggled { color: #B61F24; }
.searchandfilter ul li ul li { padding-top: 5px; padding-bottom: 0; padding-left: 0; text-align: left; }
.searchandfilter ul li ul li:first-of-type { grid-column: 1; }
.searchandfilter > ul > li:nth-child(3n+4) { clear: left; }
.sf-input-checkbox { display: none; }
.sf-input-checkbox + label { color: #092440; font-size: 1.1em; font-weight: 300; }
.searchandfilter ul li.sf-field-reset { width: 100%; grid-column: 1 / -1; padding-top: 30px !important; padding-bottom: 0; padding-left: 0; clear: both !important; }
.sf-field-reset { clear: both; }
.sf-field-reset a { font-size: 20px; color: #B61F24; font-weight: 700; text-transform: uppercase; text-align: center; letter-spacing: .1em; }
.sf-field-reset a:hover { color: #fff; }
.sf-field-post-meta-wpcf-att_letter, .sf-field-search { display: none !important; }

.report .searchandfilter .sf-field-taxonomy-related_attorney, .report .searchandfilter .sf-field-taxonomy-de_business_litigation_report { width: 50%; float: left; }
.report .searchandfilter ul li:nth-child(2) h4, .report .searchandfilter ul li:nth-child(2) ul { border-right: none; }
.report .searchandfilter ul li ul { width: 50.1%; }

.searchandfilter ul li[data-sf-count="0"] { pointer-events: none; }
.searchandfilter ul li[data-sf-count="0"] label { color: #666; }
.searchandfilter ul li[data-sf-count="0"] .sf-input-checkbox + label::before { border: 1px solid #666; }

.sf-input-checkbox:checked + label:before { content: ''; background: #B61F24; border: 1px solid #fff; display: inline-block; vertical-align: middle; min-width: 22px; min-height: 22px; width: 22px; height: 22px; padding: 2px; margin-right: 20px; text-align: center; }
.sf-input-checkbox:checked + label:after {content: ""; padding: 2px; text-align: center; position: absolute; width: 2px; height: 11px; border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(30deg); -webkit-transform: rotate(30deg); -ms-transform: rotate(30deg); left: 18px; top: 10px; }
.sf-input-checkbox + label::before { content: ''; display: inline-block; min-width: 22px; min-height: 22px; width: 22px; height: 22px; padding: 2px; margin-right: 20px; text-align: center; border: 1px solid #fff; background: transparent; top: 6px; position: relative;}
.sf-input-checkbox + label { color: #E6E3E3; font-size: 20px; display: flex; }
.searchandfilter .sf-field-taxonomy-news_type label, .searchandfilter .sf-field-taxonomy-related_service label, .searchandfilter .sf-field-taxonomy-de_business_litigation_report label { text-transform: capitalize; }

.filter ul.name_filter { display: flex !important; flex-wrap: wrap; list-style: none; padding-left: 0; width: 100%; justify-content: center; padding-bottom: 20px; padding-top: 20px; }
.filter ul.name_filter li { display: inline-flex; font-weight: 700; justify-content: center; text-align: center; text-transform: uppercase; padding-top: 0; padding-left: 2%; padding-bottom: 2%; }
.filter ul.name_filter li:first-child { padding-left: 0; }
.filter ul.name_filter li a { font-size: 1.7em; color: #fff; text-decoration: none; font-weight: 500; }
.filter ul.name_filter li a:hover { color: #B61F24; }
.filter ul.name_filter li a.active { color: #B61F24; }
.filter ul.name_filter li a.disabled { color: #939292; }

.people .container { width: 100%; max-width: 100%; padding: 0; display: inline-flex; flex-wrap: wrap; }
.people .container .col-md-3 { padding: 0; }
.people .attorneyPhoto { padding: 0; background-image: url("../images/bio-landing-bg.jpg"); background-size: cover; }
.people .attorneyPhoto img { padding: 20px 20px 0 20px; }
.people .attorneyDetails { background: #000; color: #fff; text-align: center; padding: 30px 20px; margin-top: -1px; }
.people .attorneyDetails h2 { color: #40BDAA; ont-weight: 800; margin-bottom: 10px; text-align: center; text-transform: uppercase; font-size: 22px; font-weight: 300; }
.people .attorneyDetails h2 a { color: #40BDAA; text-transform: uppercase; font-size: 22px; font-weight: 300; }
.people .attorneyDetails h2 a:hover { color: #B61F24; }
.people .attorneyDetails .position { font-size: 18px; line-height: 24px; margin-bottom: 10px; text-transform: uppercase; font-weight: 700; letter-spacing: .1em; }
.people .attorneyDetails .contact { font-size: 18px; line-height: 28px; font-weight: 300; padding-top: 0 !important; }
.people .attorneyDetails .contact a { color: #fff; font-weight: 300; }
.people .attorneyDetails .contact a:hover { color: #B61F24; }

.bio .top { padding:175px 0 0; }
.bio .top .container { min-height: 815px; display: flex; }
.bio .top .container .bioDetails { align-content: center; padding: 0 0 0 20px; }
.bio .top .container .bioDetails .quote { font-size: 1.5em; line-height: 1.6; margin-bottom: 70px; }
.bio .top .container .bioDetails h1 { font-size: 2.1em; color: #40BDAA; font-weight: 300; padding-bottom: 20px; margin-bottom: 0; letter-spacing: .2em; text-transform: uppercase; }
.bio .top .container .bioDetails .position { font-size: 1.3em; text-transform: uppercase; font-weight: 700; letter-spacing: .1em; padding-bottom: 20px; }
.bio .top .container .bioDetails .office { font-size: 1.3em; font-weight: 300; color: #fff; }
.bio .top .container .bioDetails .office a { font-weight: 300; color: #fff; }
.bio .top .container .bioDetails .office a:hover { color: #B61F24; }

.bio .contactDetails { height: 120px; align-content: center; }
.bio .contactDetails.print { display: none; }
.bio .contactDetails ul { display: flex; gap: 5%; justify-content: center; list-style: none; font-size: 1.3em; font-weight: 300; padding-left: 0; }
.bio .contactDetails ul li { padding: 0; margin: 0; align-content: center; }
.bio .contactDetails span { color: #40BDAA; }
.bio .contactDetails a { color: #fff; font-weight: 300; }
.bio .contactDetails a:hover { color: #B61F24; }
.bio .contactDetails .icon a { color: #40BDAA; font-weight: 600; font-size: 1.3em; }
.bio .contactDetails .icon a:hover { color: #B61F24; }
.save-as-pdf-pdfcrowd-button .fa-print { color: #40BDAA; font-weight: 600; font-size: 1.3em; line-height: 1.3em; transition: all 0.5s; }
.save-as-pdf-pdfcrowd-button .fa-print:hover { color: #B61F24; }
.bio .contactDetails .icon a:hover { color: #B61F24; }
.bio .contactDetails .social a { border-radius: 50%; background: #40BDAA; height: 45px; width: 45px; line-height: 45px; text-align: center; display: flex; justify-content: center; }
.bio .contactDetails .social a:hover { background: #B61F24; color: #fff; }

.subnav { background: #000; border-top: 3px solid #B61F24; border-bottom: 3px solid #B61F24; }
.subnav .container { width: 100%; max-width: 100%; padding: 0; }
.subnav .page-tab-navigation { width: 100%; }
.subnav .page-tab-navigation ul { display: flex; justify-content: center; list-style: none; padding-left: 0; }
.subnav .page-tab-navigation ul li { padding: 0; display: flex; align-items: center; }
.subnav .page-tab-navigation ul li a { font-weight: 700; color: #fff; cursor: pointer; text-transform: uppercase; letter-spacing: .1em; text-decoration: none; padding: 10px 3vw; display: inline-block; }
.subnav .page-tab-navigation ul li a:hover { color: #B61F24; }
.subnav .page-tab-navigation ul li a.active { background: #B61F24; color: #fff; }

.bio .intro { font-size: 1.3em; font-weight: 700; line-height: 1.5; margin-bottom: 20px; text-transform: uppercase; letter-spacing: .1em; padding: 0; }
.bio .tab.community .intro { font-size: 1.3em; font-weight: 700; text-transform: uppercase; border-top: 1px solid #939292; border-bottom: 1px solid #939292; padding: 25px; text-align: center; margin-bottom: 20px; letter-spacing: .1em; }

.bio h2 { font-size: 1.3em; font-weight: 700; text-transform: uppercase; }

.bio .page-tabs .expanded { margin-bottom: 80px; }
.bio .page-tabs a { color: #939292; font-weight: 300; }
.bio .page-tabs a:hover { color: #40BDAA; }
.bio .page-tabs .section { margin-top: 80px; }
.bio .page-tabs .section:first-of-type { margin-top: 0; }
.bio .page-tabs .section .header { font-size: 1.3em; font-weight: 700; text-transform: uppercase; border-top: 1px solid #939292; border-bottom: 1px solid #939292; padding: 25px; text-align: center; margin-bottom: 20px; letter-spacing: .1em; }

.bio .col-md-4 ul { list-style: none; padding: 0; }
.bio .col-md-4 ul li { padding: 0 0 15px; }
.bio .col-md-4 ul li ul li:last-of-type { padding-bottom: 0; }
.bio .col-md-4 ul li ul, .bio .col-md-4 ul li ol, .bio .col-md-4 ol li ol, .bio .col-md-4 ol li ul { padding-top: 15px; padding-left: 25px; }
.bio .col-md-4 a { color: #939292; font-weight: 300; }
.bio .col-md-4 a:hover { color: #40BDAA; }

.bio .services a { color: #fff; font-weight: 300; }
.bio .services a:hover { color: #B61F24; }

.page-tabs { max-width: 1000px; }
.full .page-tabs { max-width: 85%; margin: 0 auto; box-shadow: 0 0 0px 0px rgba(0,0,0,0.4), 0 -9px 0px 0px white, 12px 0 15px -4px rgba(0,0,0,0.4), -12px 0 15px -4px rgba(0,0,0,0.4); -webkit-transform: translateY(-60px); -ms-transform: translateY(-60px); transform: translateY(-60px); }
.page-tabs .tab { display: none; }
.page-tabs .tab img { width: 100%; height:auto; }
.page-tabs .tab.open { display: block; }
.page-tabs .tab .col-md-6, .page-tabs .tab .col-md-5 { margin-bottom: 60px; }

.bio .page-tabs .news .header { margin-bottom: 0; border-bottom: none; }
.bio .news .item .date { width: 13%; }
.bio .news .item .col-md-10 { width: 87%; }
.bio .news .item a { color: #fff; font-weight: 800; line-height: 1.25; }
.bio .news .item a:hover { color: #B61F24; }
.bio .news .all a { font-weight: 700; color: #B61F24; }
.bio .news .all a:hover { color: #fff; }

.photoslides { display: flex !important; }
.photoslider .slick-dots { left: -20px; }
.photoslider .slick-dots li.slick-active button::before, .photoslider .slick-dots li:hover button::before { background-color: #40BDAA; opacity: 1; }
.photoslides .slick-list { padding: 0 15px; margin: 0 auto; }
.photoslides .slick-slide { margin: 0px auto; padding: 0; }
.photoslides .slick-slide p:first-of-type { margin-top: 20px; }

.about .hero { height: 1075px; }
.about .hero .container { max-width: 1500px; padding-top: 325px; }
.about h1 { text-align: center; font-size: 8em; text-transform: uppercase; font-weight: 100; font-variation-settings: "wdth" 100; line-height: .95; }
.subhead { font-variation-settings: "wdth" 125; font-size: 30px !important; clear: both; display: block; font-weight: 300; letter-spacing: .2em; margin-bottom: 10px; margin-top: 10px; }
.about .intro { max-width: 1280px; font-size: 1.3em; line-height: 2.25; margin-bottom: 60px; }
.about .hero .intro { margin: 100px auto 0; padding: 0; }

.about .top h2 { color: #40BDAA; font-size: 2.1em; letter-spacing: .2em; text-transform: uppercase; margin-bottom: 40px; }
.about .top p { max-width: 1280px; font-size: 1.3em; line-height: 2.25; }

.about .core .header { font-size: 1.3em; color: #fff; line-height: 2.25; width: 80%; margin: 60px auto 0; }
.about .core h2 { color: #40BDAA; font-size: 2.1em; letter-spacing: .2em; text-transform: uppercase; }

.about .values .accordion .heading { display: flex; color: #B61F24; font-weight: 800; cursor: pointer; border-top: 1px solid #939292; padding-top: 10px; }
.about .values .accordion .heading span { width: 100%; }
.about .values .accordion .toggled .heading { color: #fff; }

.values .container { display: flex; align-items: center; }
.values .arrow { position: absolute; top: calc(50% - 120px); left: calc(50% - 75px); transform: rotate(320deg); -webkit-transition: transform .25s ease; -moz-transition: transform .25s ease; -ms-transition: transform .25s ease; -o-transition: transform .25s ease; transition: transform .25s ease; content: url('/wp-content/themes/MorrisJames/images/arrow-green.svg'); position: absolute; width: 150px; }

.accordion { margin-top: 50px; position: relative; }
.accordion .accordionRow .heading .open { display: block; color: #939292; font-size: 16px; text-align: center; align-self: center; padding-right: 0; text-shadow: none; }
.accordion .accordionRow .heading .close { display: none; text-shadow: none; }
.accordion .accordionRow.toggled .heading .open { display: none; }
.accordion .accordionRow.toggled .heading .close { display: block; color: #fff; font-size: 16px; text-align: center; opacity: 1; align-self: center; padding-right: 0; }
.accordion .content { margin-top: 20px; }

.about .why h2 { color: #40BDAA; font-size: 2.1em; letter-spacing: .2em; text-transform: uppercase; border-bottom: 1px solid #939292; margin-bottom: 40px; padding-bottom: 40px; }
.about .why .content { font-size: 1.3em; line-height: 2.25; }
.about .why .section { padding-top: 60px; }
.about .why .header { color: #B61F24; font-size: 1.3em; font-weight: 700; text-transform: uppercase; letter-spacing: .1em; margin-bottom: 20px; }
.about .why .col-md-4 .header { color: #fff; font-size: 1.3em; font-weight: 700; text-transform: uppercase; letter-spacing: .1em; margin-bottom: 20px; }
.about .why .col-md-4 .section:first-child .header { color: #B61F24; }

.rows .section { display: flex; align-items: center; clear: both; border-top: 1px solid #939292; padding: 20px 0; }
.mjpage .rows .section:last-child { border-bottom: 1px solid #939292; }
.rows h2 { color: #40BDAA; font-size: 2.1em; font-weight: 300; text-transform: uppercase; text-align: center; letter-spacing: .2em; margin-bottom: 60px; }
.rows.bottom .section { border-bottom: 1px solid #939292; margin-bottom: 60px; }
.rows .section .col-md-5:first-child, .rows .section .col-md-12 { padding-left: 0; }
.rows .section .col-md-7:last-child { padding-right: 0; }
.rows .section .header { color: #B61F24; font-weight: 700; margin-bottom: 20px; }
.bg.rows { background-size: contain !important; background-repeat: no-repeat !important; }
.bg.rows h2 { background: #3E3E3E; color: #40BDAA; font-size: 1.3em; font-weight: 700; text-transform: uppercase; text-align: center; font-variation-settings: "wdth" 100; letter-spacing: .1em; padding: 20px; margin-top: 60px; margin-bottom: 40px; border-top: 3px solid #E6E3E3; line-height: 1.3; }
.bg.rows .intro { margin-bottom: 60px; }

.about .news .header, .service .news .header { font-size: 1.3em; font-weight: 700; text-transform: uppercase; letter-spacing: .1em; text-align: center; margin-bottom: 20px; border-top: 1px solid #939292; padding-top: 20px; }
.about .news .item .date, .service .news .item .date, .resources .news .item .date { width: 12%; }
.about .news .item .col-md-10, .service .news .item .col-md-10, .resources .news .item .col-md-10 { width: 88%; }
.about .news .item .col-md-10.photo, .service .news .item .col-md-10.photo, .resources .news .item .col-md-10.photo { border-left: none; }
.about .news .item .col-md-10.photo img, .service .news .item .col-md-10.photo img, .resources .news .item .col-md-10.photo img { width: 100%; }

.about .courts h2 { margin-top: 200px; }
.about .courts h2:first-of-type { margin-top: 0; }
.about .courts h3 { background: #3E3E3E; color: #40BDAA; font-size: 1.3em; font-weight: 700; text-transform: uppercase; text-align: center; font-variation-settings: "wdth" 100; letter-spacing: .1em; padding: 20px 0; margin-top: 60px; margin-bottom: 40px; border-top: 3px solid #E6E3E3; }

.about .people { margin-top: 65px; }
.about .people .container { display: flex; justify-content: center; }
.about .people .person { max-width: 400px; }
.about .people .attorneyDetails .name { margin-bottom: 10px; color: #40BDAA; font-size: 16px; font-weight: 300; text-transform: uppercase; letter-spacing: .1em; line-height: 1.5; }
.about .people .attorneyDetails .name a { color: #40BDAA; font-size: 16px; font-weight: 300; text-transform: uppercase; letter-spacing: .1em; line-height: 1.5; }
.about .people .attorneyDetails .name a:hover { color: #B61F24; }
.about .people .attorneyDetails .position { font-size: 14px; line-height: 16px; }

.alumni.rows .section { border-top: none; justify-content: center; }
.alumni h2 { padding-top: 100px; }
.alumni h2:first-of-type { padding-top: 0; }
.alumni .people { align-items: flex-start !important; flex-wrap: wrap; }
.alumni .people .col-md-4 { padding: 0 0 40px 0; }
.alumni .people .attorneyPhoto { background: none; }
.alumni .people .attorneyPhoto img { padding: 0; }
.alumni .people .attorneyDetails .name { color: #40BDAA; font-size: 22px; font-weight: 300; text-transform: uppercase; letter-spacing: .1em; line-height: 1.5; }
.alumni .people .attorneyDetails .name a { font-size: 22px; }
.alumni .nopic { font-size: 14px; text-transform: uppercase; font-weight: 700; letter-spacing: .1em; padding-top: 0 !important; margin-top: 0; }
.alumni .nopic .attorneyDetails { padding: 0; }
.alumni .nopic .attorneyDetails .name { padding-top: 40px; }

.timeline .item { padding-top: 65px; clear: both; }
.timeline .item .header { color: #40BDAA; font-size: 2.1em; letter-spacing: .1em; border-bottom: 1px solid #939292; text-align: center; margin-bottom: 20px; padding-bottom: 20px; line-height: 1.25; }
.timeline .item .photo { text-align: center; margin-bottom: 20px; }
.timeline .item .photo img { max-height: 615px; }
.timeline .item.right .photo { float: right; padding-left: 70px; width: 50%; }
.timeline .item.right .photo img { max-height: 100%; }
.timeline .item.right .content { float: left; width: 50%; }

.services .hero { height: 540px; }
.services .hero .container { max-width: 1500px; padding-top: 325px; }
.services h1 { text-align: center; font-size: 2.1em; text-transform: uppercase; color: #40BDAA; letter-spacing: .1em; font-weight: 300; padding-bottom: 40px; }
.services h2 { text-align: center; font-size: 2.1em; text-transform: uppercase; color: #fff; letter-spacing: .1em; font-weight: 300; }

.services .practices .container { max-width: 960px; }
.services .practices .accordion .heading { display: flex; color: #fff; font-weight: 300; cursor: pointer; border-top: 3px solid #939292; padding-top: 10px; text-transform: uppercase; letter-spacing: .2em; }
.services .practices .accordion:first-of-type .heading { border-top: none; }
.services .practices .accordion .heading span { width: 100%; }
.services .practices .accordion .toggled .heading { color: #fff; }
.services .accordion { margin-top: 10px; }
.services .accordion .accordionRow.toggled .heading .close { color: #939292; }
.services .accordion ul { padding: 0; margin: 20px 0 40px; }
.services .accordion ul li { list-style: none; padding-left: 0; margin-left: 0; border-bottom: 1px solid #939292; margin-bottom: 5px; padding-bottom: 5px; }
.services .accordion a { color: #fff; font-weight: 300; display: block; width: 100%; }
.services .accordion ul a { color: #fff; font-weight: 300; display: flex; width: 100%; align-content: center; align-items: center; padding-right: 60px; }
.services .accordion a::after { content: url('/wp-content/themes/MorrisJames/images/red-arrow.svg'); position: absolute; margin-left: 10px; width: 52px; right: 0; }
.services .accordion a:hover { color: #B61F24; }
.services .practices .accordion .serviceRow a { display: flex; color: #fff; font-weight: 300; cursor: pointer; border-top: 3px solid #939292; padding-top: 10px; text-transform: uppercase; letter-spacing: .2em; width: 100%; }
.services .practices .accordion:first-of-type .serviceRow a { border-top: none; }
.services .practices .accordion .serviceRow a::after { content: none; }

.service .hero { min-height: 1075px; margin-bottom: 60px; }
.service .hero .container { max-width: 1500px; padding-top: 325px; }
.service .hero h1 { background: #3E3E3E; color: #40BDAA; font-size: 2.1em; font-weight: 300; text-transform: uppercase; text-align: center; letter-spacing: .1em; padding: 40px; margin-top: 60px; margin-bottom: 40px; border-top: 3px solid #E6E3E3; box-shadow: 0px 25px 25px 0px rgb(0, 0, 0); z-index: 1; position: relative; }
.service .hero .headline { font-size: 2.1em; line-height: 1.1; text-transform: uppercase; letter-spacing: .1em; margin-top: 100px; }
.service .hero .intro { max-width: 1280px; margin: 0 auto; font-size: 1.3em; line-height: 2.25; margin-top: 40px; padding: 0; }
.service .hero .button { margin-top: 40px; }

.service .page-tabs { max-width: 100%; }
.service .page-tabs h2 { font-size: 1.3em; font-weight: 700; text-transform: uppercase; }
.service .page-tabs .col-md-5 h2 { margin-top: 60px; }
.service .page-tabs .col-md-5 h2:first-child { margin-top: 0; }
.service .page-tabs .col-md-6 h2 { text-align: center; margin-top: 60px; }
.service .page-tabs .col-md-6 h2:first-child { margin-top: 0; }

.service .leaders .container { display: flex; justify-content: center; margin-top: 40px; }
.service .leaders .person { max-width: 312px; }
.service .people .container { max-width: 100%; display: inline-flex; justify-content: center; flex-wrap: wrap; }
.service .people .attorneyDetails { padding: 20px; }
.service .people .attorneyDetails .name { margin-bottom: 10px; color: #40BDAA; font-size: 16px; font-weight: 300; text-transform: uppercase; letter-spacing: .1em; line-height: 1.5; }
.service .people .attorneyDetails .name a { color: #40BDAA; font-size: 16px; font-weight: 300; text-transform: uppercase; letter-spacing: .1em; line-height: 1.5; }
.service .people .attorneyDetails .name a:hover { color: #B61F24; }
.service .people .attorneyDetails .position { font-size: 14px; line-height: 16px; }
.service .people .col-md-4 { width: 25%; padding: 0; }

.service .team { padding-top: 65px; }

.investigation { max-width: 640px; margin: 0 auto; border-top: 1px solid #939292; padding-top: 20px; padding-bottom: 40px; }
.investigation .title { font-size: 1.2em; text-transform: none; font-variation-settings: "wdth" 100; font-weight: 800; line-height: 1.25; border-bottom: 1px solid #E6E3E3; margin-top: 20px; padding-bottom: 10px; margin-bottom: 10px; letter-spacing: normal; }

.representations { position: relative; border: 1px solid #939292; padding: 60px; }
.representations ul { padding: 0; margin: 20px 0 0; }
.representations ul li { list-style: none; padding-left: 0; margin-left: 0; border-bottom: 1px solid #939292; margin-bottom: 5px; padding-bottom: 5px; }
.representations ul li ul { padding-left: 25px; margin-top: 10px; }
.representations ul li ul li { border-bottom: none; }
.representations a { color: #939292; font-weight: 300; }
.representations a:hover { color: #fff; }

.cta { font-size: 1.3em; line-height: 2.25; }

.service .news .section { margin-top: 80px; }
.service .news .section:first-of-type { margin-top: 0; }

.service .form { margin-top: 100px; }
.service .form h2 { color: #40BDAA; font-size: 2.1em; font-weight: 300; text-transform: uppercase; text-align: center; letter-spacing: .1em; }
.service .form .intro { font-size: 1.3em; line-height: 2.25; text-align: center; }

.testimonial { background: #3E3E3E; color: #40BDAA; font-size: 1.3em; font-weight: 700; text-align: center; font-variation-settings: "wdth" 100; letter-spacing: .1em; padding: 20px; margin-top: 60px; margin-bottom: 10px; border-top: 3px solid #E6E3E3; text-transform: uppercase; }
.author { font-size: .9em; line-height: 1.4; font-style: italic; text-align: center; }

.contact .hero { min-height: 540px; }
.contact .hero .container { max-width: 1500px; padding-top: 325px; }
.contact h1 { background: #3E3E3E; color: #40BDAA; font-size: 2.1em; font-weight: 300; text-transform: uppercase; text-align: center; letter-spacing: .1em; padding: 40px; margin-bottom: 40px; border-top: 3px solid #E6E3E3; box-shadow: 0px 25px 25px 0px rgb(0, 0, 0); z-index: 1; position: relative; }
.contact .hero .intro { max-width: 850px; margin: 0 auto; font-size: 1.3em; line-height: 2.25; margin-top: 40px; }
.contact h2 { font-size: 1.3em; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; margin-top: 100px; margin-bottom: 30px; text-align: center; }
.contact h2:first-of-type { margin-top: 0; }

.contact .office { margin-bottom: 20px; }
.contact .office .title { font-size: 1.2em; border-bottom: 1px solid #E6E3E3; font-weight: 800; letter-spacing: normal; text-transform: none; position: relative; }
.contact .office .title a { color: #fff; }
.contact .office .title a::after { content: url('/wp-content/themes/MorrisJames/images/red-arrow.svg'); position: absolute; margin-left: 10px; width: 52px; right: 0; }
.contact .office .title a:hover { color: #B61F24; }
.contact .office .details { font-size: .8em; font-weight: 300; line-height: 1.6; }
.contact .office .details a { color: #fff; font-weight: 300; }
.contact .office .details a:hover { color: #B61F24 }

.contact .people .attorneyDetails .name { margin-bottom: 10px; color: #40BDAA; font-size: 16px; font-weight: 300; text-transform: uppercase; letter-spacing: .1em; line-height: 1.5; }
.contact .people .attorneyDetails .name a { color: #40BDAA; font-size: 16px; font-weight: 300; text-transform: uppercase; letter-spacing: .1em; line-height: 1.5; }
.contact .people .attorneyDetails .name a:hover { color: #B61F24; }
.contact .people .attorneyDetails .position { font-size: 14px; line-height: 16px; margin-bottom: 15px; }
.contact .people .attorneyDetails .contact { font-size: 16px; }

.gfield { display: flex; align-items: center; border-bottom: 1px solid #E6E3E3; margin-bottom: 5px; }
.contactForm .gfield_label { float: left; margin-bottom: 0 !important; font-size: 1.2em !important; font-weight: 800 !important; text-wrap: nowrap !important; white-space: nowrap; }
.gform_wrapper.gravity-theme .gfield_required { font-size: inherit !important; }
.ginput_container { width: 100%; }
.contactForm input[type="text"] { background: transparent; border: none; width: 100% !important; height: 40px; color: #fff; font-size: 18px !important; font-weight: 400; padding: 0 10px !important; margin-bottom: 0 !important; }
.contactForm .gfield--input-type-textarea { display: block; border-bottom: none; }
.contactForm .gfield--input-type-textarea label { margin-bottom: 10px !important; }
.contactForm .gfield--input-type-textarea .textarea { background: transparent; border: 1px solid #E6E3E3 !important; height: 300px !important; width: 100% !important; padding: 10px !important; font-size: 18px !important; }
.contactForm select { background: transparent; border: none; width: 100% !important; height: 40px; color: #fff; font-size: 18px !important; font-weight: 400; padding: 0 10px !important; margin-bottom: 0 !important; }
.contactForm select option { background: black; }
.contactForm input:focus, .contactForm textarea:focus, .contactForm textarea:focus-visible { outline: none !important; }
.contactForm input[type="submit"] { letter-spacing: .1em; color: #B61F24; text-transform: uppercase; background: none; border: none; margin: 0; padding: 0; }
.contactForm legend { color: #fff; }
.contactForm input[type="submit"]:hover { color: #fff; }

.gform_heading { display: none; }
.gform_submission_error { color: yellow; font-size: 30px; }
.validation_message { color: yellow; margin-top: -10px; margin-bottom: 10px; }
.contactForm #field_1_12 .validation_message { color: yellow; margin-top: 0; margin-bottom: 10px; }
.contactForm input[type="checkbox"]:checked:before { content: ''; background: #c02b0a; display: block; width: 22px; height: 22px; text-align: center; }
.contactForm input[type="checkbox"]:checked:after { content: ''; padding: 2px;text-align: center;position: absolute;width: 1px;height: 12px;border: solid #fff;border-width: 0 2px 2px 0;transform: rotate(45deg);-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);top: 2px;left: 8px;}
.contactForm input[type="checkbox"] { min-width:24px; min-height:24px; width:24px; height:24px; margin-right: 10px; -webkit-border-radius: 0; -moz-appearance:none; -webkit-appearance:none; -o-appearance:none; border: 1px solid #fff; margin-top: 0; position: relative; }
.gfield--type-captcha { display: none; }
.gform_wrapper.gravity-theme .gfield_error [aria-invalid="true"] { border: none !important; }
.gform_wrapper.gravity-theme .gfield_error.gfield--type-textarea [aria-invalid="true"] { border: 1px solid #E6E3E3 !important; }

.gform_wrapper.gravity-theme .gform_validation_errors { background: yellow !important; border: 1.5px solid yellow !important; margin-bottom: 20px !important; }
.gform_wrapper.gravity-theme .gform_validation_errors > h2 { color: #000 !important; }
.gform_wrapper.gravity-theme .gfield_validation_message, .gform_wrapper.gravity-theme .validation_message { display: none !important; }
.gform_wrapper.gravity-theme .gfield_error label { color: yellow !important; }

.office h1 { margin-bottom: 0; }
.office .officeDetails { display: flex; min-height: 275px; margin-bottom: 40px; justify-content: center; }
.office .address { font-size: 1.3em; line-height: 1.5; margin-top: 20px; }
.office .officeDetails a { color: #fff; font-weight: 300; }
.office .officeDetails a:hover { color: #B61F24; }
.office .directions { margin: 20px 0; }
.office .directions a { color: #B61F24; font-weight: 700; }
.office .directions a:hover { color: #fff; }
.office .officeDetails .col-md-8 { align-content: center; }
.office .officeDetails ul { display: flex; gap: 5%; justify-content: center; list-style: none; font-size: 1.3em; font-weight: 300; padding-left: 0; }
.office .officeDetails ul li { padding: 0; margin: 0; align-content: center; list-style: none; }
.office .officeDetails span { color: #40BDAA; }

.office .page-tabs { max-width: 100%; }
.office h2 { text-align: left; margin-top: 60px; }
.office h2:first-of-type { margin-top: 0; }
ul.services { list-style: none; padding: 0; margin: 0; text-transform: capitalize; }
ul.services li { list-style: none; padding: 0; margin: 0 0 10px 0; }
.bio .col-md-4 ul.services li { margin: 0; }
ul.services li a { color: #fff; font-weight: 300; }
ul.services li a:hover { color: #B61F24; }

.office .form { margin-top: 100px; }
.office .form h2 { color: #40BDAA; font-size: 2.1em; font-weight: 300; text-transform: uppercase; text-align: center; letter-spacing: .1em; }

.office .people .col-md-4 { width: 25%; padding: 0; }
.office .people .attorneyDetails { padding: 20px; }

.careers .hero { height: 1075px; }
.careers .hero .container { max-width: 1500px; padding-top: 325px; }
.careers h1 { text-align: center; font-size: 8em; text-transform: uppercase; font-weight: 100; font-variation-settings: "wdth" 100; line-height: .95; }
.careers .intro { max-width: 1280px; font-size: 1.3em; line-height: 2.25; }
.careers .hero .intro { margin: 100px auto 0; }
.careers .hero .content { max-width: 1280px; margin: 60px auto 0; text-align: left; padding: 0 15px; }

.careers .top h2 { color: #40BDAA; font-size: 2.1em; letter-spacing: .1em; text-transform: uppercase; margin-bottom: 40px; }
.careers .top p { max-width: 980px; font-size: 1.3em; line-height: 2.25; margin: 0 auto; }
.childnav { list-style: none; margin: 0; padding: 40px 0; display: flex; justify-content: center; gap: 9%; }
.childnav .link_arrow { margin-right: 0; }

.careers .rows .content { border-top: 1px solid #939292; padding-top: 10px; margin-top: 60px; }
.careers .rows .content blockquote { max-width: 90%; }
.careers .rows .intro { max-width: 980px; margin: 0 auto; padding: 0; }

.careers .bottom .header { font-size: 1.3em; font-weight: 700; text-transform: uppercase; letter-spacing: .1em; text-align: center; margin: 60px 0 20px; border-top: 1px solid #939292; padding: 20px; border-bottom: 1px solid #939292; }
.careers .bottom .row { border-bottom: 1px solid #939292; margin: 0; padding: 0 0 20px 0; display: flex; align-items: center; }
.careers .bottom .row .col-xs-12 { padding: 0; }
.careers .bottom .row .col-md-3 { text-align: center; }
.careers .bottom .disclaimer { font-size: .8em; margin-top: 100px; }

.careers .page-tabs { max-width: 100%; }
.careers.interior h2 { margin-bottom: 40px; padding-top: 100px; }
.careers.interior .intro + h2 { padding-top: 0; }
.careers.interior h2 + .intro { padding-top: 0; }
.careers.interior .expanded .intro { padding-top: 100px; }
.careers.interior .expanded:first-of-type .intro { padding-top: 0; }
.careers .rows h3 { background: #3E3E3E; color: #40BDAA; font-size: 1.3em; font-weight: 700; text-transform: uppercase; text-align: center; font-variation-settings: "wdth" 100; letter-spacing: .1em; padding: 20px 0; margin-top: 60px; margin-bottom: 40px; border-top: 3px solid #E6E3E3; }

.job { border-top: 1px solid #939292; margin-bottom: 40px; padding-top: 10px; }
.job .title { font-size: 1em; color: #B61F24; text-transform: none; letter-spacing: normal; }
.job .apply { text-align: right; margin-right: 65px; }
.careers.interior .col-md-3 h2 { color: #fff; font-size: 1.3em; font-weight: 700; text-transform: uppercase; letter-spacing: .1em; margin-bottom: 20px; padding: 0; font-variation-settings: "wdth" 100; }
.careers .people .attorneyDetails .name { margin-bottom: 10px; color: #40BDAA; font-size: 16px; font-weight: 300; text-transform: uppercase; letter-spacing: .1em; line-height: 1.5; }
.careers .people .attorneyDetails .name a { color: #40BDAA; font-size: 16px; font-weight: 300; text-transform: uppercase; letter-spacing: .1em; line-height: 1.5; }
.careers .people .attorneyDetails .name a:hover { color: #B61F24; }
.careers .people .attorneyDetails .position { font-size: 14px; line-height: 16px; margin-bottom: 15px; }
.careers .people .attorneyDetails .contact { font-size: 16px; }
.careers.interior .rows .content { border: none; }
.careers .bottom .content { font-size: 1.2em; }
.careers .bottom .header { margin-top: 20px; }

.resources .hero { min-height: 100%; }
.resources .hero .container { max-width: 1500px; padding-top: 325px; }
.resources h1 { background: #3E3E3E; color: #40BDAA; font-size: 2.1em; font-weight: 300; text-transform: uppercase; text-align: center; letter-spacing: .1em; padding: 40px; margin-bottom: 40px; border-top: 3px solid #E6E3E3; box-shadow: 0px 25px 25px 0px rgb(0, 0, 0); z-index: 1; position: relative; }
.resources .hero .intro { max-width: 850px; margin: 0 auto; font-size: 2.1em; line-height: 2.25; margin-top: 40px; text-transform: uppercase; letter-spacing: .1em; padding: 0; }

.resources .filter { margin-top: 100px; }

.resources .meta, .search .meta { color: #B61F24; font-weight: 700; text-transform: capitalize; transition: all 0.5s; }
.resources .col-md-10:hover, .search .item .col-md-12:hover { cursor: pointer; }
.resources .col-md-10:hover .meta, .search .item .col-md-12:hover .meta { color: #fff; }
.resources .meta span, .search .meta span { padding: 0 10px; }
.resources .news .item, .search .news .item { align-items: flex-start; }
.resources .search-filter-results .col-md-10:hover a, .search .item .col-md-12:hover a { color: #B61F24; }

.resources .col-md-3 h2 { font-size: 1.3em; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; margin-top: 0; margin-bottom: 30px; text-align: center; }
.resources .people .attorneyDetails .name { margin-bottom: 10px; color: #40BDAA; font-size: 16px; font-weight: 300; text-transform: uppercase; letter-spacing: .1em; line-height: 1.5; }
.resources .people .attorneyDetails .name a { color: #40BDAA; font-size: 16px; font-weight: 300; text-transform: uppercase; letter-spacing: .1em; line-height: 1.5; }
.resources .people .attorneyDetails .name a:hover { color: #B61F24; }
.resources .people .attorneyDetails .position { font-size: 14px; line-height: 16px; margin-bottom: 15px; }
.resources .people .attorneyDetails .contact { font-size: 16px; }

.detail .hero .container.thin { max-width: 1280px; }
.detail h1 { font-size: 2.1em; color: #fff; font-weight: 300; padding-bottom: 40px; margin-bottom: 0; letter-spacing: .1em; text-transform: uppercase; background: none; border: none; box-shadow: none; }
.detail .meta { color: #B61F24; font-weight: 700; font-size: 1.3em; text-transform: uppercase; letter-spacing: .1em; }
.detail .news .col-xs-12 { padding: 0; }
.detail .date { font-size: 1.3em; font-weight: 700; margin-bottom: 40px; }
.detail .tags { margin-bottom: 40px; margin-top: -30px; }
.detail .tags .tag { text-transform: capitalize; }
.detail h2 { font-size: 1.3em; font-weight: 700; font-variation-settings: "wdth" 100; }
.detail p + h2 { margin-top: 60px; }

.mjpage .hero { min-height: 100%; }
.mjpage .hero .container { max-width: 1500px; padding-top: 325px; }
.mjpage h1 { background: #3E3E3E; color: #40BDAA; font-size: 2.1em; font-weight: 300; text-transform: uppercase; text-align: center; letter-spacing: .1em; padding: 40px; margin-bottom: 40px; border-top: 3px solid #E6E3E3; box-shadow: 0px 25px 25px 0px rgb(0, 0, 0); z-index: 1; position: relative; }
.mjpage .hero .intro { max-width: 850px; margin: 0 auto; font-size: 2.1em; line-height: 2.25; margin-top: 40px; text-transform: uppercase; letter-spacing: .1em; }

.search .search_wrapper { align-items: center; background-color: transparent; display: flex; padding: .4em; max-width: 1200px; margin: 0 auto 40px; border-bottom: 1px solid #E6E3E3; }
.search .search_wrapper form { display: contents; }
.search .search_wrapper #news_search { background-color: transparent; margin: 0 .4em 0 2px; padding: .4em 1em; width: 100%; border: 0; color: #fff; }

.search .search_wrapper #news_search_button { margin-left: auto; white-space: nowrap; background-color: transparent; color: #fff; line-height: 18px; outline: 0; transition: all .2s; border: 2px solid transparent; cursor: pointer; font-size: 20px; font-weight: 900; }
.search .search_wrapper #news_search_button:hover { color: #B61F24; }

.search form.searchandfilter { max-width: 1200px; margin: 40px auto 0; }
.search form.searchandfilter ul li.sf-field-search { display: none; }
.search form.searchandfilter ul li.sf-field-search label { display: block; width: 100%; }
.search form.searchandfilter .sf-field-post_type { padding: 2rem; }
.search form.searchandfilter h4::after { display: none; }
.search form.searchandfilter h4 { cursor: auto; border: none; font-weight: 600; text-transform: none; color: #fff; letter-spacing: normal; text-transform: uppercase; }
.search form.searchandfilter h4:hover { color: #fff; }
.search form.searchandfilter ul li { flex-basis: auto; }
.search form.searchandfilter ul li ul { display: flex; background: transparent; border: none; width: auto; position: relative; gap: 30px; align-items: center; padding: 20px; justify-content: center; margin-top: 10px; border: 1px solid #939292; }
.search form.searchandfilter ul li ul li { padding:0; }
.search form.searchandfilter ul li label:hover { color: #B61F24; }
.search .sf-input-checkbox:checked + label::before { background: #B61F24; }
.search .sf-input-checkbox + label::before { background: transparent; }
.search .sf-input-checkbox + label { color: #fff; font-size: 1em; }
.search form.searchandfilter .sf-field-post_type ul li:nth-child(5), .search form.searchandfilter .sf-field-post_type ul li:nth-child(6), .search form.searchandfilter .sf-field-post_type ul li:nth-child(7), .search form.searchandfilter .sf-field-post_type ul li:nth-child(8) { display: none; }
.search form .sf-input-text { border: 1px solid rgba(18,57,41,.25); border-radius: 8px; color: #28303D; font-weight: 400; position: relative; font-size: 16px; display: block; padding: 9px 14px; margin-bottom: 0; background: transparent; cursor: auto; width: 100%; }
.search .search-filter-results .search_meta { display: none; }
.search .search-filter-results .search_meta:first-of-type { display: block; }
.search .sf-input-checkbox + label::before { margin-left: 0; }
.search .sf-input-checkbox:checked + label::after { left: 17px; }
.search form.searchandfilter ul li ul li { padding-top: 0; min-width: auto; max-width: auto; }

.search .item .title { text-transform: none; letter-spacing: normal; font-size: 1em; font-weight: 800; line-height: 1.25; margin-bottom: 5px; }

.flex .hero { margin-bottom: 200px; }
.flex .hero .container { max-width: 1500px; padding-top: 325px; }
.flex h1 { text-align: center; font-size: 8em; text-transform: uppercase; font-weight: 100; font-variation-settings: "wdth" 100; line-height: .95; }
.flex .intro { max-width: 1280px; font-size: 1.3em; line-height: 2.25; margin-bottom: 60px; }
.flex .hero .intro { margin: 100px auto 0; padding: 0; }
.flex .rows.bottom .section:last-child { margin-bottom: 0; }

.maincs .headline h2 { color: #40BDAA; font-size: 2.1em; letter-spacing: .2em; text-transform: uppercase; border-bottom: 1px solid #939292; padding-bottom: 40px; margin-bottom: 60px; }
.maincs .col-md-7 h2 { color: #B61F24; font-size: 1.3em; font-weight: 700; text-transform: uppercase; letter-spacing: .1em; margin-bottom: 20px; padding-top: 20px; }
.maincs .section { margin-top: 140px; }
.maincs .section .header { font-size: 1.3em; font-weight: 700; text-transform: uppercase; border-top: 1px solid #939292; border-bottom: 1px solid #939292; padding: 25px; text-align: center; margin-bottom: 20px; letter-spacing: .1em; }
.maincs .col-md-4 h2 { color: #fff; font-size: 1.3em; font-weight: 700; text-transform: uppercase; letter-spacing: .1em; margin-bottom: 20px; padding-top: 20px; }
.maincs .people { display: inline-block; }
.maincs .person { max-width: 325px; }
.maincs .people .attorneyDetails .name { margin-bottom: 10px; color: #40BDAA; font-size: 16px; font-weight: 300; text-transform: uppercase; letter-spacing: .1em; line-height: 1.5; }
.maincs .people .attorneyDetails .name a { color: #40BDAA; font-size: 16px; font-weight: 300; text-transform: uppercase; letter-spacing: .1em; line-height: 1.5; }
.maincs .people .attorneyDetails .name a:hover { color: #B61F24; }
.maincs .people .attorneyDetails .position { font-size: 14px; line-height: 16px; margin-bottom: 15px; }

.twl h2 { font-size: 1.2em; color: #fff; font-weight: 800; text-transform: none; font-variation-settings: "wdth" 100; letter-spacing: .1em; margin-bottom: 40px; }
.twl .bottom .header { font-size: 1.3em; font-weight: 700; text-transform: uppercase; letter-spacing: .1em; text-align: center; margin: 60px 0 20px; border-top: 1px solid #939292; padding: 20px; border-bottom: 1px solid #939292; }
.twl .bottom .header:first-child { margin-top: 0; }
.twl .bottom .row { border-bottom: 1px solid #939292; margin: 0; padding: 0 0 20px 0; display: flex; align-items: center; }
.twl .bottom .row .col-xs-12 { padding: 0; }
.twl .bottom .row .col-md-3 { text-align: center; }

.colitp h2 { color: #40BDAA; font-size: 2.1em; letter-spacing: .2em; text-transform: uppercase; margin-bottom: 40px; }
.colitp.header p { font-size: 1.3em; line-height: 2.25; }
.colitp.bottom { padding-top: 0; }
.colitp.rows.bottom .section { border-bottom: none; margin-bottom: 0; }

.twocoltpc h2 { font-size: 1.3em; font-weight: 700; text-transform: uppercase; }
.twocoltpc .title { font-size: 1.2em; text-transform: none; letter-spacing: normal; border-bottom: 1px solid #E6E3E3; margin-bottom: 20px; padding-bottom: 10px; }
.twocoltpc .photo { border-top: 1px solid #939292; margin-top: 30px; padding-top: 20px; margin-bottom: 20px; }

.breadcrumb { background: none; text-transform: uppercase; font-weight: 600; letter-spacing: .15em; font-size: 16px; margin: 0; padding: 0; margin-bottom: -40px; }
.breadcrumb a { color: #fff; font-weight: 600; }
.breadcrumb a:hover { color: #40BDAA; }

.footer { padding-top: 80px; padding-bottom: 0; clear: both; }
.footer .container { max-width: 1500px; padding: 0; display: flex; align-items: center; }
.footer .container .col-md-4 { padding: 0; }
.footer .logo { margin-left: 0; }
.footer .logo img { max-height: 77px; }
.footer ul { display: flex; justify-content: right; padding: 0 !important; }
.footer ul.tools { margin-top: 0; }
.footer ul li { list-style: none !important; float: left; padding: 0; margin-right: 40px; display: flex; align-items: center; }
.footer ul li a { color: #fff; font-weight: 600; text-transform: uppercase; letter-spacing: .1em; font-size: 15px; }
.footer ul li a:hover { color: #B61F24; }
.footer ul li.social { margin-right: 25px; }
.footer ul li.social a { font-size: 26px; font-weight: normal; border-radius: 50%; background: #B61F24; color: #fff; height: 45px; width: 45px; line-height: 45px; text-align: center; transition: all 0.5s; display: flex; justify-content: center; }
.footer ul li.social a img { max-height: 27px; align-content: center; align-items: center; align-self: center; }
.footer ul li.social a:hover { background: #B61F24; text-decoration: none; color:#fff; }
.footer ul li.social.last { margin-right: 50px; }
.footer ul li.search { margin-right: 0; }

.footer .copyright { padding: 80px 0 40px; width: 100%; color: #092440; font-size: 18px; font-weight: 500; display: flex; align-items: center; letter-spacing: .1em; }
.footer .copyright .container { max-width: 1500px; display: flex; align-content: center; align-items: center; }
.footer .copyright .container .col-md-11 { padding-left: 0; }
.footer .copyright .container .col-md-1 { padding-right: 0; }
.footer .copyright .col-md-11 { padding: 0; }
.footer .copyright ul { color: #fff; font-size: 15px; font-weight: 500; padding: 0; justify-content: flex-start; text-transform: uppercase;  }
.footer .copyright ul li { list-style: none; padding: 0; margin: 0; }
.footer .copyright ul li::after { content: "|"; font-weight: 500; color: #B61F24; padding: 0 20px; }
.footer .copyright ul li:last-child::after { content: ""; }
.footer .copyright a { color: #fff; font-weight: 500; }
.footer .copyright a:hover { color: #B61F24; }
.footer .copyright .lisi { float: right; }

.back-to-top { position: fixed; z-index: 10000; left: 40px; bottom: 40px; height: 45px; width: 45px; border-radius: 100px; background-color: #B61F24; -webkit-box-shadow: 0 1px 3px 0 rgba(52,2,3,.32); box-shadow: 0 1px 3px 0 rgba(52,2,3,.32); display: none; -webkit-transition: top .2s; transition: top .2s; }
.back-to-top::before { position: absolute; left: 0; right: 0; top: 15px; content: ''; display: block; width: 100%; height: 14px; background-image: url(/wp-content/themes/MorrisJames/images/white-arrow-up.png); background-position: center; background-size: contain; background-repeat: no-repeat; -webkit-transition: top .2s; transition: top .2s; }
.back-to-top:hover::before { top: 12px; }

.payment .buttons { display: block; }
.buttonInput { display: block;  margin: 10px 0; border: none; color: #B61F24; font-weight: 700; text-transform: uppercase; background: url('https://www.morrisjames.com/wp-content/themes/MorrisJames/images/red-arrow.svg'); background-repeat: no-repeat; background-position: right; padding-right: 62px; background-size: 53px; transition: all 0.5s; }
.buttonInput:hover { color: #fff; }

.pay #field_9_1 legend { display: none; }
.pay form { margin-top: -20px; }
.pay form label { font-size: 20px !important; font-weight: 300; }
.pay .gform_button { letter-spacing: .1em; color: #B61F24; text-transform: uppercase; background: none; border: none; margin: 0; margin-bottom: 0px; padding: 0; transition: all 0.5s; }
.pay .gform_button:hover { color: #fff; }

.pay .gchoice { z-index:1; position:relative; margin:0 0 10px 0; padding:0; height:70px; width: 100%!important; }
.pay input.gfield-choice-input { z-index:2; appearance:none; margin:0; padding:0; width: 100%; border-radius: 5px; height:100%; background: white; transition: .3s all ease-in-out; position:absolute; background:#dfe1e5; position:absolute; }
.pay input.gfield-choice-input:hover, .pay .gchoice label:hover { cursor:pointer; }
.pay input.gfield-choice-input:checked { background:#B61F24; }
.pay input.gfield-choice-input:checked + label { color:white; }
.pay .gchoice label { z-index:3; font-weight:700; color:#141c25; display:block; position: absolute; padding: 0 0 0 50px; top: 50%; transform: translateY(-50%); width:100%; overflow:visible; }
.pay input.gfield-choice-input + label:before { content: ""; position: absolute; left: 10px; transform: translateY(-50%); width: 30px; height: 30px; border: 2px solid #c5c9d2; z-index: 2; top: 50%; transition: .3s all ease-in-out; color: white; font-size: 24px; text-align: center; line-height: 25px; font-weight: 500; }
.pay input[type="checkbox"].gfield-choice-input + label:before { border-radius: 5px; }
.pay input[type="radio"].gfield-choice-input + label:before { border-radius:50px; }
.pay input.gfield-choice-input:checked + label:before { content: "\23FA"; border: 2px solid white; }
.gfield--type-hcaptcha label { display: none !important; }

.post-password-form input { color: #000; }


/* ========================================================================== 6.0 Responsive Style ========================================================================== */


@media only screen and (min-width: 2100px) {
            
    .container { max-width: 2200px; }
    
    .people .container .col-md-3 { width: 20%; }
    
    .service .people .col-md-4 { width: 20%; }
    
    .service .people .col-md-4 { width: 20%; }
    
    .office .people .col-md-4 { width: 20%; }
    
}

@media only screen and (min-width: 2500px) {
        
}

@media only screen and (min-width: 3000px) {
        
}

@media only screen and (max-width: 1700px) { 
         
}

@media only screen and (max-width: 1625px) { 
    .about .why .col-md-7 .section:first-child .header::before { width: 44%; }
         
}

@media only screen and (max-width: 1600px) { 
               
}

@media only screen and (max-width: 1550px) { 
    .bio .contactDetails ul { gap: 4%; }
       
}

@media only screen and (max-width: 1500px) {
    .header-s2.is-transparent .navbar-nav > li > a, .header-s2.is-transparent .navbar-nav > li.active > a, .header-s2.is-transparent .navbar-nav > li.has-children > a::after { font-size: 16px; }
    .navbar-nav li ul li a { font-size: 16px; }
    .footer ul li { font-size: 15px; }
    .footer ul li a { font-size: 15px; }
    
    .about .people .container { flex-wrap: wrap; }
    .about .people .person { max-width: 350px; }

    
}

@media only screen and (max-width: 1450px) {
    
    .container { width: 98%; }
    
    .people .attorneyDetails h2 { font-size: 20px; }
    .people .attorneyDetails h2 a { font-size: 20px; }
    .people .attorneyDetails .position { font-size: 16px; margin-bottom: 0; }
    .people .attorneyDetails .contact { font-size: 16px; }
    
    .bio .top { padding: 100px 0 0; }
    .bio .top .container .col-md-6:first-of-type { background-size: contain !important; background-repeat: no-repeat !important; background-position: bottom !important; }
    .bio .top .container .bioDetails .quote { font-size: 1.25em; }
    .bio .top .container .bioDetails h1 { font-size: 1.75em; }
    .bio .top .container .bioDetails .position { font-size: 1.1em; }
    .bio .top .container .bioDetails .office { font-size: 1.1em; }
    .bio .contactDetails ul { font-size: 1.1em; }
    
    .about .why .col-md-7 .section:first-child .header::before { width: 35%; }
    
}

@media only screen and (max-width: 1400px) {
    
    .container { width: 98%; }
    .header-s2 .navbar .container { width: 92%; }
    .header-s2 .navbar-nav > li { padding: 0 20px; }
    
    .service .hero { height: auto; padding-bottom: 100px; }
    .service .hero .container { padding-top: 225px; }  
    
    .childnav { gap: 0; flex-wrap: wrap; }
    .childnav li { width: 50%; padding-left: 0; }
    
    .footer .container { width: 95%; }
    
}

@media only screen and (max-width: 1350px) {
    .header-s2 .navbar-nav > li { padding: 0 12px; }
    .navbar-nav li ul { padding: 15px !important; }
    .navbar-nav li ul li { padding: 0; }
    .footer ul li { margin-right: 20px; }
    .footer .copyright ul li::after { padding: 0 10px; }
    
    .home .middle .item { max-width: 90%; }
    .home .middle .news .item { max-width: 100%; }
    
    .home .spotlight .item { max-width: 100%; }
    .home .spotlight .item .photo { width: 40%; }
    .home .spotlight .item .col-md-6:last-of-type { width: 60%; }
    
    .about h1 { font-size: 7em; }
    
    .careers h1 { font-size: 7em; }
    
    .flex h1 { font-size: 7em; }
        
}

@media only screen and (max-width: 1300px) { 
    
    body { font-size: 18px; font-weight: 300; line-height: 28px; -webkit-text-size-adjust: 100%; }
    
    .home .hero { padding: 0 40px; }
    
    .subnav .page-tab-navigation ul li a { padding: 10px 30px; }
    
    .service .tab .col-md-5 { width: 55%; }
    .service .tab .col-md-1 { width: 5%; }
    .service .tab .col-md-6 { width: 40%; }
    
    .service .leaders .container { flex-wrap: wrap; }
    
    .contact .offices .container .col-md-8 { width: 60%; }
    .contact .offices .container .col-md-1 { width: 5%; }
    .contact .offices .container .col-md-3 { width: 35%; }
    
}

@media only screen and (max-width: 1250px) {
    
    .mobile_nav_header { display: block; position: absolute; z-index: 2; background-color: #f0ecdd; width: 320px; right: 0; padding-top: 10px; border-bottom: 1px solid #D8D4C6; }
    .mobile_nav_header a img { width: 100px; margin-left: 24px; }
    .mobile_nav_header p { display: flex; position: relative; }
    .mobile_nav_header form { padding: 24px; }
    .mobile_nav_header form label { display: none; }
    .mobile_nav_header form input.m-search-form { border: none; padding-bottom: 8px; padding-top: 8px; width: 100%; border-radius: 0; padding-left: 10px; padding-right: 43.19px; position: relative; background: #fff; }
    .mobile_nav_header form button { border-radius: 0; border-right: 3px solid transparent !important; bottom: 0; box-shadow: none; overflow: hidden; padding: 0; position: absolute; right: 0; white-space: nowrap; width: 43.19px; z-index: 4; background-color: transparent !important; border: none !important; height: 100%; }
    .mobile_nav_header form button span { display: none; }

    
    .site-header { padding-left: 0; height: 125px; }
    .site-header.sticky.animate + .top { margin-top: 165px !important; }    
    .site-header.sticky { top:0; }
    .site-header .navbar-brand img { margin: 0 0 0 50px; }
    .site-header .navbar { height: 110px; }
    .header-s2 .navbar .container { max-width: 100%; width: 100%; margin: 0; }
    .site-header .navbar-brand img { width: auto; max-height: 110px; }
    .header-s2 .contact { display: none; }
    .header-s2.is-transparent .navbar-brand .logo-light { margin: 0 60px; }
    .header-s2.animate .navbar-brand .logo-light { margin: 20px 60px 0; }
    .header-s2 .col-xs-12.logo { padding: 0; width: 100%; display: flex; justify-content: center; }
    .header-s2 .col-xs-12.nav { background: #fff; position: absolute; right: 0; width: auto; height: 125px; }
    .site-header.sticky.animate .col-xs-12.nav { height: 125px; }
    
    .nav-mobile { display: none; }
    .nav-mobile.slide-in { display: block; }
    .navbar .container { width: 100%; max-width: 100%; }
    .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand { position: relative; width: auto; z-index: 2; }
    
    .navbar-toggle { float: left; margin-top: 8px; margin-bottom: 8px; padding: 10px 12px; }
    .navbar-toggle .icon-bar { background-color: #B61F24; height: 3px; width: 30px; transition: all .2s; }
    .navbar-toggle.collapsed .icon-bar + .icon-bar { margin-top: 6px; }
    .navbar-toggle .icon-bar + .icon-bar { margin-top: 2px; }
    .nav { top: -200px; position: relative; z-index: 1; padding-top: 150px !important; }
    .navbar-header { clear: both; width: 100%; padding: 0 15px; }
    .navbar-nav { display: none; width: 100%; position: relative; background-color: rgba(0,0,0,1); top: 0; margin: 0 auto; padding: 50px 0; -webkit-transform: translateY(-60px); -ms-transform: translateY(-60px); transform: translateY(-60px); transition: transform .3s; padding-bottom: 50px !important; }
    .navbar-nav.is-active { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); display: block; }
    
    .mobile .navbar-brand { width: 100% !important; }
    
    .mobile.search { border: none !important; }
    .mobile form label { display: none; }
    .mobile form input { border: 1px solid #889D2C; font-size: 18px; line-height: 1; padding-bottom: 8px; padding-left: 15px; padding-top: 7px; background-color: #fff; color: #B2B2AF !important; position: relative; width: 100%; max-width: 420px; height: 40px; padding-right: 50px; }
    .mobile form input::-webkit-input-placeholder { color:#B2B2AF; opacity: 1; }
    .mobile form input::-moz-placeholder { color:#B2B2AF; opacity: 1; }
    .mobile form input::-ms-placeholder { color:#B2B2AF; opacity: 1; }
    .mobile form input::placeholder { color:#B2B2AF; opacity: 1; }
    .mobile form button { background: none; border: none; font-size: 18px; color: #889D2C; margin-left: -45px; position: absolute; border-left: 1px solid #889D2C; width: 45px; height: 40px; transition: background 350ms, color 350ms, border-color 350ms; display: inline-flex; align-items: center; justify-content: center; }
    .mobile form button:hover { color: #092440; }
    .mobile form button span { display: none; }
    
    .header-s2 .navbar-nav > li { display: flex; justify-content: center; }
    .header-s2 .navbar-nav > li:first-child { border: none !important; }
    .navbar-nav > li.has-children ul { padding: 0 !important; margin: 0; }
    .navbar-nav > li.has-children ul li { padding: 0 !important; margin: 0 0 10px 0; width: 100%; height: auto; }
    .navbar-nav li ul li::before {display: none; }
    .navbar-nav > li.has-children ul li:first-child { margin-top: 0; }
    .navbar-nav > li.has-children ul li:last-child { margin-bottom: 20px; }
    .header-s2 .navbar-nav > li { width: 80vw; max-width: 80vw; min-width: 300px; min-height: 50px; position: relative; padding: 0; order: 2; margin: 0 auto; display: block; }
    .navbar-nav > li.has-children a .fa-solid { display: none; }
    .navbar-nav > li.has-children a { padding: 0 !important; margin: 0; font-size: 16px; font-weight: 600; color: #fff; letter-spacing: .1em; }
    .navbar-nav li ul li a { line-height: 22px; white-space: pre-wrap; min-height: auto; text-align: center; display: block !important; width: 100% !important; }
    .navbar-nav > li.has-children a:hover { color: #B61F24; text-decoration: none; }
    .navbar-nav > li.has-children a:hover span { text-decoration: none; }
    .header-s2.is-transparent .navbar-nav > li > a:hover, .header-s2.is-transparent .navbar-nav > li.rollover a { text-decoration: none; }
    .navbar-nav > li.has-children.nav-opened > a::after { content: "\f068" !important; position: absolute; }
    .navbar-nav li ul.center { width: 100%; transform: none; }
    .navbar-nav li ul.two-col { column-count: 1; }
    .navbar-nav li ul.two-col .has-children ul { display: block !important; padding-left: 10px !important; height: 100% !important; }
    .navbar-nav li ul.two-col .has-children.nav-opened ul { display: block !important; height: 100% !important; }
    .navbar-nav li ul.two-col .has-children ul li { margin: 10px 0; }
    .navbar-nav li ul.two-col .has-children ul li:first-child { margin-top: 20px; }
    .navbar-nav li ul.two-col .has-children ul li a { font-size: 14px; }
    .navbar-nav li ul.two-col .has-children ul li a:hover { font-size: 14px; text-decoration: none; }
    .navbar-nav li ul.two-col li ul { column-count: 1; border-top: none; padding-top: 0 !important; margin-top: 0; }
    .navbar-nav li a { position: relative; transition: color .4s, background .4s; padding: 13px 0 !important; line-height: auto !important; min-height: 50px; }
    .navbar-nav li a.btn { width: 150px; margin: 6px auto 0; }
    .navbar-nav li.quote-btn { float: none; border-bottom: 0; }
    .navbar-nav li.quote-btn .btn:hover { background: #FFC426; }
    .navbar-nav li ul { position: static; background: none; width: 100%; display: none; opacity: 1 !important; visibility: visible !important; box-shadow: none; text-align: left; float: none; margin: 10px 0; }
    .navbar-nav li ul li { border-bottom: 0 none; padding: 0; height: 30px; }
    .navbar-nav li ul li ul li a { padding: 3px 15px; }
    .navbar-nav li ul li ul li:last-child > a { padding-bottom: 14px; }
    .navbar-nav > li.active > a, .navbar-nav > li > a:hover { color: #ED1C24; }
    .navbar-nav ul li.has-children > a::after { top: 22px; margin-right: 10px; }
    .navbar-nav ul li.has-children.nav-opened > a::after { transform: rotate(90deg); }
    .navbar-nav.is-expanded li ul { display: block; }
    .navbar-nav > li:hover > ul { padding:0; }
    .navbar-nav li.has-children ul { left: -400px; }
    .navbar-nav li.has-children:hover::after { height: 100px; }
    .site-header .navbar-header { float: left; margin: 5px 0 0; }
    .site-header .navbar-collapse { float: none; text-align: center; }
    .header-s2 .navbar .container { padding-left: 0; padding-right: 0; height: 100px; }
    .site-header.sticky .navbar-brand img {  }
    .header-s2 .navbar-brand { position: relative; text-align: center; width: 100%; margin-top: 20px; margin-bottom: 20px; }
    body.no-scroll .navbar-brand { z-index: -1; }
    .header-s2 .navbar-toggle { float: right; position: absolute; top: 200px; right: 21px; z-index: 3; transition: all .2s; }
    .header-s2.animate .navbar-toggle { margin-top: 30px; }
    .header-s2 .navbar-toggle.active span.first-bar { display: none; }
    .header-s2 .navbar-toggle.active span.second-bar { -webkit-transform: translateZ(0) rotate(-45deg); transform: translateZ(0) rotate(-45deg); top: 4px; position: relative; }
    .header-s2 .navbar-toggle.active span.third-bar { -webkit-transform: translate3d(0, -10px, 0) rotate(45deg); transform: translate3d(0, -10px, 0) rotate(45deg); top: 4px; position: relative; }
    .header-s2 .navbar-header { background: none; padding: 0; margin-top: 0; }
    .header-s2 .navbar-header .quote-btn { display: inline-block; float: right; margin: 10px 12px 10px 0; }
    .header-s2 .navbar-header .quote-btn .btn { padding: 6px 15px; }
    .header-s2 .navbar-collapse::before { content:" "; }
    .header-s2 .navbar-collapse { margin: 0; background-color: #f0ecdd; color: #f0ecdd; width: 320px; padding:10px 0 15px; border-top: 0; box-shadow: none; }
    .header-s2 .navbar-nav > li.has-children > a:after { color: #123929; content: "\f067"; font-weight: 900; display: inline-block; text-align: center; margin-left: 15px; font-size: 16px !important; line-height: .9; font-family: "Font Awesome 5 Free"; transition: transform .4s; align-self: center; position: absolute; }
    .header-s2.is-transparent .navbar { position: static; }
    .header-s2.is-transparent .navbar-brand .logo-dark { display: block; margin: 0 auto; }
    .header-s2.is-transparent:after { display: none; }
    .navbar-nav li.mobile { display: block; }
    .navbar-nav li.mobile.seperator { background: url("../images/nav-logo-cross.png"); background-repeat: repeat-x; width: 100%; height: 111px; margin-bottom: -30px; margin-top: -30px; z-index: -1; }
    .header-s2.is-transparent .navbar-nav > li.has-children a { display: flex; width: 100%; justify-content: center; }
    .header-s2 .navbar-nav > li.mobile { display: table; margin-bottom: 0; order: 1; }
    .header-s2 .navbar-nav > li.mobile p { margin-bottom: 10px; }
    .header-s2 .navbar-nav > li.mobile .phone { color: #fff; font-weight: 800; font-size: 24px; }
    .header-s2 .navbar-nav > li.mobile .button { color: #fff; background-color: #227EB2; font-size: 18px; font-weight: 500; text-transform: uppercase; height: 40px; width: 50vw; max-width: 400px; min-width: 300px; display: flex; align-items: center; justify-content: center; margin: 0 auto; padding: 0; }
    .header-s2 .navbar-nav > li.mobile .button:hover { color: #227EB2; background-color: #fff; }
    .header-s2 .navbar-nav > li.nb { order: 3; }
    .header-s2 .navbar-nav > li.nb { margin-top: 15px; }
    .header-s2 .navbar-nav > li.bottom { margin-top: 0; }
    .header-s2 .navbar-nav > li:first-of-type { border-top: none; }
    .header-s2.is-transparent .navbar-nav > li > a, .header-s2.is-transparent .navbar-nav > li.active > a, .header-s2.is-transparent .navbar-nav > li.has-children > a::after { height: 100%; display: flex; align-content: center; align-items: center; justify-content: center; }
    .navbar-nav li.has-children a::after { font-weight: 600 !important; right:0 !important; }
    .header-s2.is-transparent .navbar-nav > li.phone > a { font-size: 31px; color: #76A4EA; }
    .header-s2.is-transparent .navbar-nav > li > span { width:100%; display: block; font-weight: 800; }
    .header-s2.is-transparent .navbar-nav > li > span a { font-size: 32px; text-align: center;font-weight: 700; color: #231F20; padding:0; }
    .header-s2.is-transparent .navbar-nav .quote-btn .btn { color: #fff; font-size: 12px; }
    .header-s2.is-transparent .navbar-nav > li > a, .header-s2.is-transparent .navbar-nav > li.active > a { color: #fff; font-size: 16px; font-weight: 600; text-decoration: none; text-underline-offset: 8px; text-decoration: underline; text-decoration-thickness: auto; text-decoration-thickness: 3px; text-decoration-color: transparent; transition: all 350ms; text-transform: uppercase; letter-spacing: .1em; z-index: 100; }
    .header-s2.is-transparent .navbar-nav > li.has-children > a:after { color: #fff; font-size: 16px; font-weight: 600; text-decoration: none; } 
    .header-s2.is-transparent .navbar-nav > li > a:hover, .header-s2.is-transparent .navbar-nav > li.active > a:hover, .header-s2.is-transparent .navbar-nav > li.nav-opened > a { text-underline-offset: 8px; text-decoration: underline; text-decoration-thickness: auto; text-decoration-thickness: 3px; text-decoration-color: #B61F24; }
    .header-s2.is-transparent .navbar-nav > li.search > a { color: #fff; font-size: 16px; font-weight: 600; text-decoration: none; text-underline-offset: 0; text-decoration: none; text-decoration-thickness: auto; text-decoration-thickness: 0; text-decoration-color: transparent; transition: all 350ms; text-transform: uppercase; letter-spacing: .1em; z-index: 100; }
    .header-s2.is-transparent .navbar-nav > li.search > a:hover { text-underline-offset: 8px; text-decoration: none; text-decoration-thickness: auto; text-decoration-thickness: 3px; color: #B61F24; }
    .header-s2.is-transparent .navbar-nav > li.mobile > a, .header-s2.is-transparent .navbar-nav > li.mobile.active > a, .header-s2.is-transparent .navbar-nav > li.mobile.has-children > a:after { color: #B61F24; font-size: 20px; font-weight: 700; text-decoration: none;}
    .header-s2.is-transparent .navbar-nav > li.mobile > a:hover, .header-s2.is-transparent .navbar-nav > li.mobile.active > a:hover, .header-s2.is-transparent .navbar-nav > li.mobile.has-children > a:hover:after { color: #092440; text-decoration: none; }
    .header-s2.is-transparent .navbar-collapse { color: #fff; z-index: 1; background-color: transparent; width: 100%; height: 100%; position: fixed; overflow: scroll; }
    .navbar-nav li ul li:last-child a { border-bottom: none; }
    .navbar-nav li.has-children:hover::after { background: #fff; content: " "; position: absolute; width: auto; height: auto; left: -100vw; box-shadow: none; padding:0; }
    .header-s2 .navbar-nav > li.last a { padding-left:0;}
    .navbar-nav li.has-children ul { box-shadow: none; display: none; }
    
    .site-header.sticky.animate .navbar-nav li ul { background: transparent; }
    
    .header-search { top: -45px; width: 60%; margin: 0 auto; }
    
    .people .container .col-md-3 { width: 33%; }
    .filter ul.name_filter li { padding-left: 20px; padding-bottom: 20px; }
    
    .bio .top .container .bioDetails .quote { font-size: 1.15em; }
    .bio .top .container .bioDetails h1 { font-size: 1.5em; letter-spacing: .1em; }
    
    .service .people .col-md-4 { width: 33%; }
    
    .office .people .col-md-4 { width: 33%; }
    
    .footer .container { flex-wrap: wrap; }
    .footer .container .col-md-4 { flex: 0 0 100%; text-align: center; }
    .footer .container .col-md-8 { flex: 0 0 100%; text-align: center; margin: 40px 0 0; }
    .footer .container .col-md-8 ul { flex-wrap: wrap; justify-content: center; }
    .footer .container .col-md-8 ul li.last { margin-right: 0; }
    .footer .container .col-md-8 ul li.social { order: 2; }
    .footer .container .col-md-8 ul li:not(.social) { order: 1; flex: 0 0 100%; justify-content: center; margin-bottom: 20px; margin-right: 0; }
    .footer .container .col-md-8 ul li.search { margin-bottom: 60px; }
    
    .footer .copyright { padding: 60px 0; }
    .footer .copyright .container .col-md-11 { flex: 0 0 100%; text-align: center; padding-right: 0; }
    .footer .copyright .container .col-md-11 ul { flex-wrap: wrap; justify-content: center; }
    .footer .copyright .container .col-md-11 ul li { flex: 0 0 100%; justify-content: center; margin-top: 10px; }
    .footer .copyright ul li::after { display: none; }
    .footer .copyright .container .col-md-1 { justify-content: center; display: flex; flex: 0 0 100%; text-align: center; padding-left: 0; padding-top: 40px; }
        
}

@media only screen and (max-width: 1200px) {  
    
    body { font-size: 18px; font-weight: 300; line-height: 28px; -webkit-text-size-adjust: 100%; }
    
    .intro { font-size: 20px; line-height: 35px; padding-top: 60px; padding-bottom: 60px; }
    .title { font-size: 20px; line-height: 35px; }
    .home .middle .container { min-height: 100%; }
    .news .item a { font-size: 18px; line-height: 28px; }
    .home .spotlight .col-md-12 { padding: 0; }
    .home .spotlight .title { font-size: 20px; line-height: 35px; }
    .home .spotlight .item .photo { width: 100%; padding-bottom: 20px; }
    .home .spotlight .item .col-md-6:last-of-type { width: 100%; }
    .home .spotlight .headline { margin-top: 20px; font-size: 20px; line-height: 35px; }
    
    .bio .top { padding: 0; }
    
    .office .officeDetails .col-md-4 { width: 40%; }
    .office .officeDetails .col-md-8 { width: 60%; }
    
    
    
}

@media only screen and (max-width: 1150px) {
    .subnav .page-tab-navigation ul { flex-wrap: wrap; text-align: center; }
    .subnav .page-tab-navigation ul li { width: 100%; }
    .subnav .page-tab-navigation ul li a { width: 100%; }
    .site-header.sticky ~ .sticky { top: 0; z-index: 1; }
    .subnav.sticky { position: relative; }
    
    .tabcontent .col-md-7 { width: 100%; }
    .tabcontent .col-md-4 { width: 100%; }
    .tabcontent.mobile_hide .col-md-4 { display: none; }
    .page-tabs { max-width: 100%; }
    
    .about .hero { height: auto; min-height: auto; padding-bottom: 150px; }
    
    .about .why .col-md-7 { width: 100%; }
    .about .why .col-md-4 { width: 100%; }
    
    .service .tabcontent .col-md-5 { width: 100%; padding-top: 65px; padding-left: 0; padding-right: 0; }
    .service .tabcontent .col-md-6 { width: 100%; }
    
    .service .page-tabs .tab.news { margin-left: auto; margin-right: auto; }
    .service .page-tabs .tab.news .photo { width: 100%; padding: 0 0 20px 0; margin: 0; }
    
    .about .why .col-md-7 .section:first-child .header::before { display: none; }
    
}

@media only screen and (max-width: 1100px) {   
    
    .home .hero { padding: 0 40px; }
    
    .home .intro, .intro, .service .hero .intro, .cta, .contact .hero .intro { font-size: 1.2em; line-height: 1.75; }
    
    .breaking .container { padding: 0; }
    .breaking .title a { font-size: 30px; line-height: 35px; }
    .breaking .content { font-size: 20px; line-height: 30px; }
    
    .home .spotlight .container { display: flex; flex-wrap: wrap; }
    .home .spotlight .col-md-6 { flex: 0 0 100%; }
    .home .spotlight .col-md-6:last-of-type { margin-top: 60px; }
    .home .spotlight .item .col-md-6:last-of-type { margin-top: 0; }
    
    .home .middle .container { flex-wrap: wrap; }
    .home .middle .left { flex: 0 0 100%; min-height: 800px; background-position: center !important; }
    .home .middle .right { flex: 0 0 100%; padding: 40px 0; }
    .home .middle .right .title { max-width: 100%; }
    .home .middle .right .news { max-width: 100%; }
    .home .middle .news .item { width: 100%; }
    .home .middle .news .item .photo img { width: 100%; }
    .news .item .date { text-align: center; }
    
    .home .spotlight { padding-top: 60px; }
    .home .spotlight .container { width: 100%; padding: 0; }
    .home .spotlight .col-md-6 { padding: 0; }
    .home .spotlight .item .col-md-6 { padding: 0 30px; text-align: center; }
    .home .spotlight .item .col-md-6:last-of-type { padding: 0 30px; }
    .home .spotlight .item .photo { padding-bottom: 20px; }
    
    .people .container .col-md-3 { width: 50%; }
    
    .bio .top .container { min-height: 500px; display: flex; flex-wrap: wrap; width: 100%; padding: 0; }
    .bio .top .container .col-md-6:first-of-type { margin: 150px auto 0; height: 600px; width: 100%; }
    .bio .top .container .bioDetails { width: 100%; background: #000; padding: 40px 30px; text-align: center; }
    .bio .top .container .bioDetails .quote { margin-bottom: 40px; }
    .bio .top .container .bioDetails h1 { padding-bottom: 5px; }
    .bio .top .container .bioDetails .position { padding-bottom: 5px; }
    
    .bio .contactDetails { height: auto; padding-bottom: 40px; }
    .bio .contactDetails ul { flex-wrap: wrap; text-align: center; }
    .bio .contactDetails ul li { padding: 5px 0; width: 100%; }
    .bio .contactDetails ul li.icon, .bio .contactDetails ul li.social { width: auto !important; float: left; margin-top: 10px; }
    
    .tabcontent .container { width: 100%; padding: 0; }
    .tabcontent .col-md-7 { padding: 0 30px; }
    .tabcontent .col-md-4 { padding: 0 30px; }
    .bio .page-tabs .section .header { margin-left: -30px; margin-right: -30px; }
    .page-tabs .tab.news { margin-left: -30px; margin-right: -30px; }
    .page-tabs .tab.news .section .header { margin-left: 0; margin-right: 0; }
    .bio .tab.community .intro { margin-left: -30px; margin-right: -30px; }
    .photoslides { width: 95%; margin: 0 auto; }
    
    .bio .intro { font-size: 1.2em; line-height: 1.75; }
    
    .about .intro { font-size: 1.2em; line-height: 1.75; }
    .about .core .header { font-size: 1.2em; line-height: 1.75; }
    .about .core h2 { font-size: 1.75em; }
    
    .about .hero .container { max-width: 100%; width: 100%; padding: 225px 30px 0; }
    .about .hero .intro { margin: 50px auto 0; font-size: 1.2em; line-height: 1.75; }
    .container.thin { max-width: 100%; width: 100%; padding-left: 30px; padding-right: 30px; }
    .about .why .container { max-width: 100%; width: 100%; padding-left: 30px; padding-right: 30px; }
    .about .why .col-md-7 { padding: 0; }
    .about .why .col-md-4 { padding: 0; }
    .about .why h2 { font-size: 1.75em; }
    .about .why .content { font-size: 1.15em; line-height: 1.75; }
    
    .about .top h2 { font-size: 1.75em; }
    
    .dei .intro { font-size: 1.2em; line-height: 1.75; padding: 0; margin-bottom: 0; }
    .dei .intro + .section { margin-top: 60px; }
    
    .about .top p { font-size: 1.2em; line-height: 1.75; }
    .bg.rows .intro { margin: 0 0 60px; padding: 0; }
    
    .rows h2 { font-size: 1.75em; }
    
    .alumni .people .col-md-4 { width: 50%; }
    
    .timeline .item .header { font-size: 1.75em; }
    
    .courts .intro { padding: 0; }
    .about .courts h2  { margin-top: 0; }
    .about .courts h3 { font-size: 20px; padding: 20px; }
    
    .services .hero { height: auto; min-height: auto; padding-bottom: 150px; }
    .services .hero .container { max-width: 100%; width: 100%; padding: 225px 30px 0; }
    
    .service .hero { height: auto; min-height: auto; padding-bottom: 150px; }
    .service .hero .container { max-width: 100%; width: 100%; padding: 225px 30px 0; }
    
    .service .tabcontent .container { padding: 0 30px; }
    .service .tabcontent .col-md-6 { padding: 0; }
    
    .service .page-tabs .tab.news { margin-left: -30px; margin-right: -30px; }
    
    .service .people .col-md-4 { width: 50%; }
    .service .tabcontent .people .container { padding: 0; }
    
    .contact .hero { height: auto; min-height: auto; }
    .contact .hero .container { max-width: 100%; width: 100%; padding: 225px 30px 0; }
    .contact h1 { margin-top: 60px; }
    
    .contact .offices .container { max-width: 100%; width: 100%; padding: 0 30px; }
    .contact .offices .container .col-md-8 { width: 100%; padding: 0; }
    .contact .offices .container .col-md-1 { width: 0%; }
    .contact .offices .container .col-md-3 { width: 100%; padding: 60px 0 0; }
    
    .contact .person { max-width: 350px; margin: 0 auto; }
    
    .office .address { font-size: 20px; line-height: 35px; }
    .office .officeDetails ul { font-size: 20px; line-height: 35px; }
    
    .office .tabcontent .col-md-4 { padding-top: 60px; }
    
     .office .tabcontent .people .col-md-4 { padding-top: 0; }
    .office .people .col-md-4 { width: 50%; }
    
    .resources .hero { height: auto; min-height: auto; }
    .resources .hero .container { max-width: 100%; width: 100%; padding: 225px 30px 0; }
    .resources h1 { margin-top: 60px; }
    
    .resources .news .container { max-width: 100%; width: 100%; padding: 0; }
    .resources .news .col-md-8 { width: 100%; padding: 0;}
    .resources .news .col-md-3 { width: 100%; padding: 0; margin-top: 60px; }
    .resources .news .photo { width: 100% !important; padding: 0 0 20px 0; margin: 0; }
    .resources .person { max-width: 350px; margin: 0 auto; }
    
    .resources .searchandfilter li { width: 100% !important; } 
    .resources .searchandfilter h4 { border-bottom: 2px solid #939292; border-top: none; border-left: none; border-right: none; }
    .resources .searchandfilter li:first-of-type h4 { border-top: 2px solid #939292; }
    .resources  .searchandfilter ul li ul { width: 100%; border-right: none; }
    
    .detail .news .container { padding: 0 30px; }
    .resources .col-md-3 h2 { clear: both; }
    .detail ul.services { text-align: center; }
    
    .careers .intro { font-size: 1.2em; line-height: 1.75; }
    .careers .core .header { font-size: 1.2em; line-height: 1.75; }
    
    .careers .hero { height: auto; min-height: auto; padding-bottom: 150px; }
    .careers .hero .container { max-width: 100%; width: 100%; padding: 225px 30px 0; }
    .careers .hero .intro { margin: 50px auto 0; }
    
    .careers .top h2 { font-size: 1.75em; }
    .careers .top p { font-size: 1.15em; line-height: 1.75; }
    
    .careers .tabcontent .col-md-9 { width: 100%; }
    .careers .tabcontent .col-md-3 { width: 100%; }
    .careers .tabcontent .col-md-3 .person { max-width: 350px; margin: 0 auto; }
    
    .mjpage .hero { height: auto; min-height: auto; }
    .mjpage .hero .container { max-width: 100%; width: 100%; padding: 225px 30px 0; }
    .mjpage h1 { margin-top: 60px; }
    
    .maincs .col-md-4 { width: 100%; margin-top: 60px; }
    .maincs .people { display: flex; flex-wrap: wrap; }
    
}

@media only screen and (max-width: 1025px) {
    .searchandfilter .sf-field-post-meta-services, .searchandfilter .sf-field-post-meta-positions, .searchandfilter .sf-field-post-meta-admissions, .searchandfilter .sf-field-post-meta-offices, .searchandfilter .sf-field-post-meta-judicial_clerkships, .searchandfilter .sf-field-post-meta-law_school, .searchandfilter .sf-field-taxonomy-news_type, .searchandfilter .sf-field-taxonomy-related_service, .searchandfilter .sf-field-taxonomy-related_attorney { width: 50%; float: left; }
    .searchandfilter > ul > li:nth-child(3n+4) { clear: none; }
    .searchandfilter > ul > li:nth-child(3n+5) { clear: left; }
    .searchandfilter ul li:nth-child(3) h4, .searchandfilter ul li:nth-child(6) h4 { border-top: none; border-right: 2px solid #939292; }
    .searchandfilter ul li:nth-child(3) ul, .searchandfilter ul li:nth-child(6) ul { border-right: 2px solid #939292; }
    .searchandfilter ul li:nth-child(2) h4, .searchandfilter ul li:nth-child(4) h4, .searchandfilter ul li:nth-child(6) h4 { border-right: none; }
    .searchandfilter ul li:nth-child(2) ul, .searchandfilter ul li:nth-child(4) ul, .searchandfilter ul li:nth-child(6) ul { border-right: none; }
    .searchandfilter ul li ul { width: 50%; }
    .sf-input-checkbox + label { font-size: 18px; }
    
    .resources .searchandfilter ul li:nth-child(3) h4 { border-right: none; }
    .resources .searchandfilter ul li:nth-child(3) ul { border-right: none; }
    
    .careers .bottom .row { flex-wrap: wrap; }
    .careers .bottom .row .col-xs-12 { width: 100%; }
    .careers .bottom .row .col-md-3 { padding-top: 10px; }
    
    .twl .bottom .row { flex-wrap: wrap; }
    .twl .bottom .row .col-xs-12 { width: 100%; }
    .twl .bottom .row .col-md-3 { padding-top: 10px; }

    
}

@media only screen and (max-width: 991px) { 
    
    .team .hero .container { padding-top: 175px; }
    .filter { margin-top: 100px; }
    .filter ul.name_filter { width: 90%; margin: 0 auto; }
    
    .twocoltpc .col-md-5 { margin-top: 35px; }
    
    .services .hero { padding-bottom: 0; }
    .service .hero { padding-bottom: 0; }
    
    .values .container { display: flex; align-items: center; flex-wrap: wrap; margin-bottom: 60px; }
    .values .container .col-md-4 { width: 100%; order: 1; }
    .values .container .col-md-4:first-of-type { order: 2; }
    .values .container .col-md-4:last-of-type { order: 3; }
    .values .container .col-md-4 img { display: flex; margin: 0 auto; max-height: 400px; }
    .values .arrow { display: none; }
    .values .accordion { margin-top: 20px; }
    .values .accordion .content { display: block !important; }
    .values .accordion .accordionRow .heading .open, .values .accordion .accordionRow .heading .close { display: none !important; }
    .about .values .accordion .heading { cursor: default !important; }
    .about .values .accordion .toggled .heading { color: #40BDAA; }
    
    
}

@media only screen and (max-width: 900px) { 
    
    
    
}

@media only screen and (max-width: 767px) {
    
    .home .middle .news .item { }
    .news .item .date { text-align: left; margin-left: 15px; padding-left: 15px; border-left: 1px solid #E6E3E3; }
    .news .item .col-md-10 { margin-left: 15px; padding-left: 15px; border-left: 1px solid #E6E3E3; }
    
    .home .middle .left { padding: 60px 15px; min-height: 900px; }
    .home .middle .left .item { max-width: 100%; padding: 0 15px; }
    
    .team .hero .intro { font-size: 20px; }
    .team .hero h1 { font-size: 20px; }
    
    .searchandfilter .sf-field-post-meta-services, .searchandfilter .sf-field-post-meta-positions, .searchandfilter .sf-field-post-meta-admissions, .searchandfilter .sf-field-post-meta-offices, .searchandfilter .sf-field-post-meta-judicial_clerkships, .searchandfilter .sf-field-post-meta-law_school, .searchandfilter .sf-field-taxonomy-news_type, .searchandfilter .sf-field-taxonomy-related_service, .searchandfilter .sf-field-taxonomy-related_attorney { width: 100%; float: left; }
    .searchandfilter > ul > li:nth-child(3n+4) { clear: none; }
    .searchandfilter > ul > li:nth-child(3n+5) { clear: none; }
    .searchandfilter ul li h4 { border-left: none; border-right: none; }
    .team .searchandfilter ul li:nth-child(1) h4 { border-bottom: none; }
    .team .searchandfilter ul li:nth-child(3) h4, .team .searchandfilter ul li:nth-child(6) h4 { border-top: none; border-right: none; }
    .team .searchandfilter ul li:nth-child(3) ul, .team .searchandfilter ul li:nth-child(6) ul { border-right: none; }
    .team .searchandfilter ul li:nth-child(2) h4, .team .searchandfilter ul li:nth-child(4) h4, .team .searchandfilter ul li:nth-child(6) h4 { border-right: none; }
    .team .searchandfilter ul li:nth-child(2) ul, .team .searchandfilter ul li:nth-child(4) ul, .team .searchandfilter ul li:nth-child(6) ul { border-right: none; }
    .searchandfilter ul li ul { width: 100%; border-left: none; border-right: none; margin-left: 0 !important; }
    
    .bio .top .container .bioDetails .quote { font-size: 20px; line-height: 35px; }
    .bio .top .container .bioDetails h1 { font-size: 20px; }
    .bio .top .container .bioDetails .position { font-size: 16px; }
    .bio .top .container .bioDetails .office { font-size: 16px; }
    .bio .contactDetails ul { font-size: 20px; }
    .bio .intro { font-size: 20px; line-height: 28px; }
    
    .about h1 { font-size: 5em; }
    .subhead { font-size: 20px !important; }
    .about .intro { font-size: 1.2em; line-height: 1.75; }
    .about .core .header { font-size: 20px; line-height: 35px; }
    .about .core h2 { font-size: 30px; line-height: 40px; }
    .about .why h2 { font-size: 30px; line-height: 40px; }
    .about .why .content { font-size: 20px; line-height: 35px; }
    
    .about .why .header { font-size: 20px; line-height: 1.5; margin-bottom: 5px; }
    
    blockquote { font-size: 25px; line-height: 1.4; padding: 30px 0; }
    blockquote div { font-size: 16px; }
    
    blockquote.quote { font-size: 22px; line-height: 35px; }
    
    .link_arrow { font-size: 16px; }
    
    .about .why .col-md-4 .header { font-size: 20px; line-height: 1.5; margin-bottom: 5px; }
    
    .bottom .container { padding: 0; }
    .rows .section { flex-wrap: wrap; }
    .rows .section .col-md-5 img { width: 100%; }
    .rows .section .col-md-7 { padding: 30px; }
    .rows .section .header { font-size: 20px; }
    .rows.bottom .section { border-bottom: none; margin-bottom: 0; }
    
    .about .top h2 { font-size: 28px; line-height: 40px; }
    
    .rows .section .col-md-5 { padding-left: 0; padding-right: 0; }
    .rows .section .col-md-7:last-child { padding: 30px 0 0; }
    .bottom.rows .section .col-md-12 { padding-left: 30px; padding-right: 30px; }
    .rows h2 { font-size: 28px; line-height: 40px; }
    .dei .rows h2 { font-size: 24px; line-height: 1.5; }
    
    .container.thin .news { margin-left: -30px; margin-right: -30px; }
    
    .timeline .item.right .photo { float: none; padding-left: 0; width: 100%; }
    .timeline .item.right .content { float: none; width: 100%; }
    
    .alumni .people .attorneyDetails .name, .alumni .people .attorneyDetails .name a { font-size: 20px; }
    .alumni .rows h2 { font-size: 24px; line-height: 1.5; }
    
    .services h1 { font-size: 42px; line-height: 1; }
    .services h2 { font-size: 30px; line-height: 1; }
    .services .practices .accordion .heading span { font-size: 16px; letter-spacing: .1em; margin-right: 40px; line-height: 24px; }
    .services .accordion a { width: 80%; line-height: 22px; font-size: 14px; display: flex; align-items: center; }
    
    .service .hero h1 { font-size: 42px; margin-top: 0; padding: 40px; line-height: 1; }
    .service .hero .headline { font-size: 30px; margin-top: 60px; }
    
    .service .page-tabs h2 { font-size: 20px; line-height: 28px; }
    .investigation .title { font-size: 20px; line-height: 28px; }
    
    .service .form { margin-top: 0; }
    .service .form h2 { font-size: 28px; margin-top: 0; line-height: 1; }
    .service .form .intro { font-size: 1.2em; line-height: 1.75; }
    
    .contactForm .gfield_label { text-wrap: wrap !important; font-size: 1em !important; width: 300px; }
    .contactForm .gfield--input-type-textarea .textarea { height: 200px !important; }
    
    .representations { padding: 30px; }
    
    .contact h1 { font-size: 42px; margin-top: 0; padding: 40px; line-height: 1; }
    .contact .hero .intro { padding-top: 40px; }
    
    .contact h2 { font-size: 20px; line-height: 28px; }
    .office .form { margin-top: 0; }
    .office .form h2 { font-size: 28px; margin-top: 0; padding: 0; line-height: 1; }
    
    .office .officeDetails { flex-wrap: wrap; }
    .office .officeDetails .col-md-4 { width: 100%; height: 300px; }
    .office .officeDetails .col-md-8 { width: 100%; }
    .office .address { margin-top: 20px; }
    
    .resources .news .item .col-md-10.photo { margin-left: 0; padding-left: 0; }
    .resources h1 { font-size: 42px; margin-top: 0; padding: 40px; line-height: 1; }
    .resources .hero .intro { font-size: 30px; }
    
    .resources .hero .container { width: 100%; max-width: 100%; padding: 175px 0 0; }
    .detail h1 { padding: 40px 30px; font-size: 30px; }
    .detail .meta { font-size: 16px; padding: 0 20px; }
    .detail h2 { font-size: 20px; line-height: 28px; }
    .detail .col-md-3 h2 { font-size: 20px; line-height: 28px; }
    
    .careers h1 { font-size: 5em; }
    .careers .intro { font-size: 1.2em; line-height: 1.75; }
    
    .childnav li { width: 100%; }
    .childnav .link_arrow { margin-right: 62px; }
    
    .careers .top h2 { font-size: 30px; line-height: 40px; }
    
    .careers .rows .content { margin-top: 30px; }
    
    .careers .hero .content { padding: 0; }
    
    .mjpage h1 { font-size: 42px; margin-top: 0; padding: 40px; line-height: 1; }
    .mjpage .hero .intro { font-size: 30px; }
    
    .flex h1 { font-size: 5em; }
    .flex .intro { font-size: 1.2em; line-height: 1.75; }
    
    .twocoltb.bottom .container { padding: 0 30px; max-width: 98%; }
    
    .colitp.bottom .container { padding: 0 30px; max-width: 98%; }
    
    .twl .container.thin { padding: 0 30px; max-width: 98%; }
    
    .colitp .container.thin { padding: 0 30px; max-width: 98%; }
    
    .breadcrumb { margin-bottom: 20px; }
        
    
    
}

@media only screen and (max-width: 600px) {
    
    .site-header.sticky.animate { padding-top: 40px; }
    .header-s2.animate .navbar-toggle { margin-top: 10px; }
    
    .header-s2 .navbar-header { padding: 10px 28px; }
    .header-s2 .navbar-toggle { position: relative; top: 0; right: 0; }
    .header-s2.is-transparent .navbar-brand .logo-light { margin: 0; width: 100%; padding: 0 40px; }
    .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand { width: 100%; }
    
    .header-search { width: 80%; margin-right: 25px; }
    
    .home .hero { height: 86vh; }
    .home .hero h2 { font-size: 20px; line-height: 30px; letter-spacing: .1em; max-width: 300px; }
    .home .hero h1 { font-size: 20px; line-height: 30px; letter-spacing: .1em; max-width: 300px; }
    
    .breaking .title a { font-size: 18px; line-height: 25px; }
    .title { font-size: 18px; line-height: 25px; }
    .breaking .content { font-size: 18px; line-height: 25px; }
    
    .people .container .col-md-3 { width: 100%; }
    
    .bio .top .container .col-md-6:first-of-type { height: 500px; }
    
    .about .intro { font-size: 1.1em; line-height: 1.5; }
    
    .about h1 { font-size: 3em; line-height: 1; }
    .subhead { margin: 10px 0; line-height: 24px; }
    
    .dei h1 { font-size: 3em; }
    
    .alumni h1 { font-size: 3em; }
    
    .alumni .people .col-md-4 { width: 100%; }
    .alumni .people .attorneyPhoto img { width: 100%; }
    
    .services h1 { font-size: 30px; }
    .services h2 { font-size: 20px; }
    
    .service .hero h1 { font-size: 20px; padding: 40px 20px; line-height: 1.35; }
    .service .hero .headline { font-size: 20px; }
    
    .service .people .col-md-4 { width: 100%; }
    
    .testimonial { font-size: 20px; }
    .author { font-size: 14px; }
    
    .contact h1 { font-size: 26px; }
    
    .contactForm .gfield_label { font-size: 18px; }
    
    .office .officeDetails ul { display: block; }
    
    .office .people .col-md-4 { width: 100%; }
    
    .resources h1 { font-size: 26px; }
    .resources .hero .intro { font-size: 20px; }
    
    .careers h1 { font-size: 3.5em; line-height: 1; }    
    .careers .intro { font-size: 1.1em; line-height: 1.5; }
    
    .mjpage h1 { font-size: 26px; }
    .mjpage .hero .intro { font-size: 20px; }
    
    .flex h1 { font-size: 3.5em; line-height: 1; }
    .flex .intro { font-size: 1.1em; line-height: 1.5; }
    
    .breadcrumb { font-size: 14px; }
                
}

@media only screen and (max-width: 480px) {
    .header-s2 .navbar-header { padding: 10px 8px; }
    .header-s2.is-transparent .navbar-brand .logo-light {  padding: 0 20px; }
    
    .dei h1 { font-size: 45px; }
    
    .alumni h1 { font-size: 45px; }
    
    .footer .container { width: 100%; }
    .footer .container .col-md-4 { padding: 0 20px; }
    
}

@media only screen and (max-width: 420px) {
    
    .bio .top .container .col-md-6:first-of-type { height: 400px; }
    
    
}

@media only screen and (max-width: 380px) {  
    
    
}

@media only screen and (max-width: 325px) {    
        
}

@media only screen and (max-width: 1280px) { /* parallax disable on ipad/iphone */
    .has-parallax { background-position: 50% 50% !important; background-attachment: scroll !important; }
}