/*!
 * 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: #fff; color: #000; 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; }

#mainnav, .navbar-header, #icw, #icw--call--content, #icw--call--button, .back-to-top, .footer, #compass, .childnav, .subnav, .filter, .bio .contactDetails ul li.icon, .bio .contactDetails ul li.social, .news .all, .service .form, .service .team, .contactForm, .office .form, .office .people, .pdfcrowd-body header, .cky-consent-container { display: none !important; opacity: 0 !important; }

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

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

.mobile { display: none; }

.link { position: relative; }

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: #000; }
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; }
.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: #000; 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: #000; font-weight: 800; }
a:link, a:visited { text-decoration: none; }
a:hover { outline: 0; color: #000; }
a:focus, a:active { color: inherit; }

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

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: 50px; padding-bottom: 50px; }
.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::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; } }



/* ========================================================================== 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: 30px; left: 0; width: 100%; transition: top .5s; z-index: 50; position: relative; 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 { padding: 0; position: relative; background: url('/wp-content/themes/MorrisJames/images/MorrisJames-print.svg'); width: 100%; height: 75px; background-repeat: no-repeat; }
.site-header .navbar-brand img { display: none !important; }
.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; }

.mobile_nav_header { display: none; }

.header-s2 .nav { padding: 0; }
.header-s2 .navbar { padding: 0; }
.header-s2 .navbar .container { padding: 0; max-width: 1500px; }
.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-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-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; }

.hero { background: none !important; }

.home .hero { height: 675px; display: flex; flex-wrap: wrap; align-content: center; justify-content: center; background: none !important; }
.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; }
.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; }
.home .animated { max-width: 1300px; background: url('/wp-content/themes/MorrisJames/images/Expect-More-print.svg'); width: 100%; height: 205px; background-repeat: no-repeat; background-position: center; }
.home .animated object { display: none; }

.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; color: #fff; }
.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: #000; 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; }

.home .spotlight { border-bottom: 3px solid #B61F24; display: flex; flex-wrap: wrap; }
.home .spotlight .container { max-width: 2200px; margin: 100px auto 0; }
.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 { position: relative; 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%; }

.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 { color: #000; 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: #000; font-weight: 300; }
.people .attorneyDetails .contact a:hover { color: #B61F24; }

.bio .site-header { background: #fff; }
.bio .hero { background: url('/wp-content/themes/MorrisJames/images/bio-bg.jpg') !important; }

.bio .top { padding:175px 0 0; }
.bio .top .container { min-height: 815px; display: flex; }
.bio .top .container .bioDetails { align-content: start; padding: 0 0 0 20px; }
.bio .top .container .bioDetails .quote { display: none; 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: #000; }
.bio .top .container .bioDetails .office a { font-weight: 300; color: #000; }
.bio .top .container .bioDetails .office a:hover { color: #B61F24; }

.bio .contactDetails { height: 120px; align-content: center; }
.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: #000; 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; }
.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; }

.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: 12px; font-weight: 700; text-transform: uppercase; padding: 25px 0 0; text-align: left; margin-bottom: 20px; letter-spacing: .1em; margin-left: 0; margin-right: 0; }

.bio h2 { font-size: 12px; font-weight: 700; font-weight: 700; text-transform: uppercase; text-align: left; margin-bottom: 20px; letter-spacing: .1em; }

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

.bio .col-md-4 ul { list-style: none; padding: 0; }
.bio .col-md-4 ul li { padding: 0 0 10px; }
.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: #000; 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: block !important; padding-bottom: 80px; background: none !important; }
.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: #000; font-weight: 800; line-height: 1.25; }
.bio .news .item a:hover { color: #B61F24; }

.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; 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: #000; 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: #000; 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: block; 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; padding-right: 0; }
.rows .section .col-md-5, .rows .section .col-md-7 { width: 100%; }
.rows .section .col-md-7 { padding-top: 30px; padding-bottom: 30px; }
.rows .section .header { color: #B61F24; font-weight: 700; margin-bottom: 20px; }
.bg.rows { background: none !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; }
.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: #000; letter-spacing: .1em; font-weight: 300; }

.services .practices .container { max-width: 960px; }
.services .practices .accordion .heading { display: flex; color: #000; 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: #000; }
.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: #000; font-weight: 300; display: block; width: 100%; }
.services .accordion ul a { color: #000; 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: #000; 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: 0; }
.service .hero .container { max-width: 1500px; padding-top: 325px; }
.service .hero h1 { color: #40BDAA; font-size: 20px; font-weight: 300; text-transform: uppercase; text-align: left; letter-spacing: .1em; padding: 25px; margin-top: 0; margin-bottom: 35px; border: 2px solid #000; z-index: 1; position: relative; line-height: 1.4; }
.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: 12px; line-height: 1.4; font-weight: 700; text-align: left; letter-spacing: .1em; font-variation-settings: "wdth" 100; margin-top: 35px; padding: 0; }
.service .hero .button { margin-top: 40px; }

.service .tabcontent { padding-top: 20px; }
.service .page-tabs { max-width: 100%; font-size: 12px; line-height: 1.4; font-variation-settings: "wdth" 125; }
.service .page-tabs h2 { font-weight: 700; text-transform: uppercase; text-align: left; margin-top: 0; font-size: 12px; line-height: 1.4; font-variation-settings: "wdth" 100; letter-spacing: .1em; background: none; border: none; color: #000; padding: 0; margin-bottom: 20px; }
.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: left; margin-top: 20px; }
.service .page-tabs .col-md-6 h2:first-child { margin-top: 0; }
.service .noprint { display: none; }
.service .page-tabs .tab { width: 60%; margin-right: 8%; float: left; padding-bottom: 0 !important; }
.service .page-tabs .tab .col-md-6, .service .page-tabs .tab .col-md-5 { margin-bottom: 0; }
.service .page-tabs .tab.news { width: 32%; float: right; }

.service .rows .section { display: flex; border: none; margin: 0 0 20px; padding: 0; }
.service .bg.rows { padding: 0; }
.service .bg.rows .intro { font-size: 12px; line-height: 1.4; margin-bottom: 20px; }
.service .rows .section .header { color: #000; }
.service .cta { font-size: 12px; line-height: 1.4; text-align: left; margin: 20px 0; padding: 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, .service .testimonials { display: none !important; }

.service .news .header { font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .1em; text-align: left; margin-bottom: 20px; border: none; padding-top: 0; font-variation-settings: "wdth" 100; }
.service .news .item { border: none; padding: 0 0 20px; display: flex; flex-wrap: wrap; align-items: center; }
.service .news .item .date { color: #000; font-weight: 300; width: 100%; text-align: left; }
.service .news .item .col-md-10 { border: none; width: 100%; padding: 0; }
.service .news .item a { font-size: 12px; line-height: 1.4; font-weight: 300; }

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

.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; }

.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; 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: #000; }
.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; }

.office h1 { margin-bottom: 0; }
.office .officeDetails { display: flex; min-height: 275px; margin-top: 40px; justify-content: center; }
.office .address { font-size: 1.3em; line-height: 1.5; margin-top: 20px; }
.office .officeDetails a { color: #000; 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: #000; font-weight: 300; }
ul.services li a:hover { color: #B61F24; }

.office .people .col-md-4 { width: 25%; }

.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; padding-bottom: 0; }
.careers .hero .intro { margin: 100px auto; }
.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; }

.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; 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 .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 .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: #000; 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; 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 .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; 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; }

.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; }


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

/* 1625px */
    .about .why .col-md-7 .section:first-child .header::before { width: 44%; }
         
/* 1550px */
    .bio .contactDetails ul { gap: 4%; }
       
/* 1500px */
    .about .people .container { flex-wrap: wrap; }
    .about .people .person { max-width: 350px; }

/* 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: contain !important; background-position: bottom center !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: 12px; line-height: 1.4; }
    .bio .top .container .bioDetails .office { font-size: 12px; line-height: 1.4; }
    .bio .contactDetails ul { font-size: 12px; line-height: 1.4; }
    
    .about .why .col-md-7 .section:first-child .header::before { width: 35%; }
    
/* 1400px */
    .container { width: 100%; }
    .header-s2 .navbar .container { width: 92%; }
    
    .service .hero { height: auto; padding-bottom: 100px; }
    .service .hero .container { padding-top: 225px; }  
    

/* 1350px */    
    .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: 6em; }
    
    .careers h1 { font-size: 6em; }
    
    .flex h1 { font-size: 6em; }
        
/* 1300px */    
    body { font-size: 18px; font-weight: 300; line-height: 28px; -webkit-text-size-adjust: 100%; }
    
    .home .hero { padding: 0 40px; }
        
    .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%; }

/* 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 { 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; }

    
    .nav-mobile { display: none; }
    .nav-mobile.slide-in { display: block; }
    .navbar .container { width: 100%; max-width: 100%; }
    
    .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; }
    
    .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; }
    
    .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.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; }
    .header-s2.is-transparent .navbar-collapse { color: #fff; z-index: 1; background-color: transparent; width: 100%; height: 100%; position: fixed; overflow: scroll; }
        
    .header-search { top: -45px; width: 60%; margin: 0 auto; }
    
    .people .container .col-md-3 { width: 33%; }
    
    .bio .top .container .bioDetails .quote { font-size: 1.15em; }
    .bio .top .container .bioDetails h1 { font-size: 20px; letter-spacing: .1em; }
        
/* 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%; }

/* 1150px */
    .site-header.sticky ~ .sticky { top: 0; z-index: 1; }
    
    .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: 0; }
    
    .about .why .col-md-7 { width: 100%; }
    .about .why .col-md-4 { width: 100%; }
    
    .service .tab .col-md-1 { display: none; }
    .service .tabcontent .col-md-5 { display: none; width: 100%; padding-top: 0; 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 { display: none; width: 100%; padding: 0 0 20px 0; margin: 0; }
    
    .about .why .col-md-7 .section:first-child .header::before { display: none; }
    
/* 1100px */    
    .home .hero { padding: 0; }
    
    .home .intro, .intro, .cta, .contact .hero .intro { font-size: 1.2em; line-height: 1.75; }
    .service .hero .intro { font-size: 12px; line-height: 1.4; }
    
    .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; }
    .home .spotlight .item .photo { padding-bottom: 20px; }
    
    .people .container .col-md-3 { width: 50%; }
    
    .bio .top .container { min-height: 100%; height: 275px; display: block; flex-wrap: wrap; width: 100%; padding: 0; }
    .bio .top .container .col-md-6:first-of-type { margin: 0 auto; height: 275px; width: 45%; float: left; background-size: 75% !important; background-position: top center !important; }
    .bio .top .container .bioDetails { width: 55%; padding: 30px 10px 30px 30px; text-align: left; background: #fff; float: left; height: 275px; border: 2px solid #000; }
    .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 { display: none; }
    .bio .contactDetails.print { display: block; height: auto; margin-top: 30px; }
    .bio .contactDetails .container { padding: 0; }
    .bio .contactDetails ul { flex-wrap: wrap; text-align: left; }
    .bio .contactDetails ul li { padding: 0; width: 100%; }
    
    .tabcontent .container { width: 100%; padding: 0; }
    .tabcontent .col-md-7 { padding: 0; }
    .tabcontent .col-md-4 { padding: 0 30px; }
    .page-tabs .tab.news .section .header { margin-left: 0; margin-right: 0; }
    .photoslides { width: 95%; margin: 0 auto; }
    
    .bio .intro { font-size: 12px;line-height: 1.4; }
    .bio .tabcontent { padding-top: 35px; padding-bottom: 35px; }
    .bio .tabcontent .col-md-7 { width: 60%; margin-right: 8%; }
    .bio .tabcontent .col-md-1 { display: none; }
    .bio .tabcontent .col-md-4 { width: 32%; padding: 0; font-size: 12px; line-height: 1.4; }
    .bio .page-tabs { font-size: 12px;line-height: 1.4; }
    .bio .page-tabs .tab { padding-bottom: 0; }
    
    .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; 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: 0; }
    .service .breadcrumb { display: none; }
    
    .service .tabcontent .container { padding: 0; }
    .service .tabcontent .col-md-6 { 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: 0; }
    
    .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: 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; }
    
    .resources .hero { height: auto; min-height: auto; }
    .resources .hero .container { max-width: 100%; width: 100%; padding: 225px 30px 0; }
    .resources h1 { margin-top: 0; }
    
    .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: 100%; margin: 0 auto; width: 50%; float: left; }
    
    .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: 0; }
    .careers .hero .container { max-width: 100%; width: 100%; padding: 225px 30px 0; }
    .careers .hero .intro { margin: 50px auto; }
    
    .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: 0; }
    
    .maincs .col-md-4 { width: 100%; margin-top: 60px; }
    .maincs .people { display: flex; flex-wrap: wrap; }

/* 1025px */
    
    .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; }

/* 991px */    
    .team .hero .container { padding-top: 175px; }
    
    .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; }
    
/* 767px */ 
@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; }
    
    .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; }
    
    .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 .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; }
        
    .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; }
        
    
    
}