@charset "UTF-8";
 body {
font: 16px/1.4 "freight-sans-pro", sans-serif !important;
-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
color: #28333D;
font-weight: 400;
}
a {
text-decoration: none;
color: #004C8C;
transition: 0.3s;
}
a:hover {
text-decoration: underline;
color: #CB0062;
}
a:focus {
color: #CB0062;
}
em {
font-style: italic;
}
p,
dl,
hr,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
ul,
pre,
table,
address,
fieldset,
figure {
margin: 10px 0 5px 0;
}
small {
font-size: 13px;
}
blockquote {
position: relative;
padding: 0;
margin: 0 0 10px 32px;
font-size: 16px;
font-style: italic;
font-weight: 500;
border-left: 0px;
}
blockquote:before {
position: absolute;
color: #CB0062;
content: "“";
font-size: 46px;
line-height: 0.1em;
top: 21px;
left: -40px;
float: left;
}
blockquote p {
display: inline;
} h1, h2, h3, h4, h5, h6 {
font-weight: 600;
}
h1 {
font-size: 36px;
font-weight: 500;
}
h2 {
font-size: 32px;
}
h3 {
font-size: 28px;
}
h4 {
font-size: 24px;
}
h5 {
font-size: 16px;
}
h6 {
font-size: 14px;
} ol {
list-style: decimal;
padding-left: 15px;
}
ol ol, ol ul {
padding-left: 30px;
}
ul {
list-style: disc inside url(//www.worthingtonslaw.co.uk/wp-content/themes/worthingtons/dist/images/icons/chevron-double-right.png);
list-style-position: outside;
padding-left: 19px;
}
li {
margin-bottom: 20px;
}         body {
overflow-x: hidden;
}
strong {
font-weight: 600;
}
img {
max-width: 100%;
height: auto;
}
h2 a, h3 a, h4 a {
color: #28333D;
}
h2 a:hover, h3 a:hover, h4 a:hover {
color: #0a0c0f;
}
.center-align-vert {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center;
}
.center-align-vert-v2 {
display: -ms-flexbox;
display: flex;
-webkit-flex-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
.center-align {
display: -webkit-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
justify-content: center;
-ms-justify-content: center;
}
.cta-pink {
background: #CB0062; border: none;
display: inline-block;
padding: 7px 15px;
margin: 20px 20px 0 0;
font-size: 16px;
font-weight: 500;
color: #FFFFFF;
border-radius: 100px;
transition: all 0.3s ease;
}
.cta-pink:hover {
background: #b20056 !important;
color: #FFFFFF;
text-decoration: none;
transform: translateY(-1px);
}
.cta-pink:active {
color: #FFFFFF;
}
.cta-pink:focus {
color: #FFFFFF;
background: #980049;
}
@media only screen and (max-width: 480px) {
.cta-pink {
font-size: 13px;
padding: 8px 10px;
}
}
.cta-white {
background: #fff; border: none;
display: inline-block;
padding: 7px 15px;
margin: 20px 20px 0 0;
font-size: 16px;
font-weight: 500;
color: #28333D;
border-radius: 100px;
transition: all 0.3s ease;
}
.cta-white:hover {
background: #f2f2f2 !important;
color: #28333D;
text-decoration: none;
transform: translateY(-1px);
}
.cta-white:active {
color: #28333D;
}
.cta-white:focus {
color: #28333D;
background: #e6e6e6;
}
@media only screen and (max-width: 480px) {
.cta-white {
font-size: 13px;
padding: 8px 10px;
}
}
.cta-dark-blue {
background: #004C8C; border: none;
display: inline-block;
padding: 7px 15px;
margin: 20px 20px 0 0;
font-size: 16px;
font-weight: 500;
color: #fff;
border-radius: 100px;
transition: all 0.3s ease;
}
.cta-dark-blue:hover {
background: #003e73 !important;
color: #fff;
text-decoration: none;
transform: translateY(-1px);
}
.cta-dark-blue:active {
color: #fff;
}
.cta-dark-blue:focus {
color: #fff;
background: #003059;
}
@media only screen and (max-width: 480px) {
.cta-dark-blue {
font-size: 13px;
padding: 8px 10px;
}
}
.cta-blue {
background: #0B97FF; border: none;
display: inline-block;
padding: 7px 15px;
margin: 20px 20px 0 0;
font-size: 16px;
font-weight: 500;
color: #fff;
border-radius: 100px;
transition: all 0.3s ease;
}
.cta-blue:hover {
background: #008af1 !important;
color: #fff;
text-decoration: none;
transform: translateY(-1px);
}
.cta-blue:active {
color: #fff;
}
.cta-blue:focus {
color: #fff;
background: #007bd7;
}
@media only screen and (max-width: 480px) {
.cta-blue {
font-size: 13px;
padding: 8px 10px;
}
}
.cta-purple {
background: #CB0062; border: none;
display: inline-block;
padding: 7px 15px;
margin: 20px 20px 0 0;
font-size: 16px;
font-weight: 500;
color: #fff;
border-radius: 100px;
transition: all 0.3s ease;
}
.cta-purple:hover {
background: #b20056 !important;
color: #fff;
text-decoration: none;
transform: translateY(-1px);
}
.cta-purple:active {
color: #fff;
}
.cta-purple:focus {
color: #fff;
background: #980049;
}
@media only screen and (max-width: 480px) {
.cta-purple {
font-size: 13px;
padding: 8px 10px;
}
}
.cta-orange {
background: #CB0062; border: none;
display: inline-block;
padding: 7px 15px;
margin: 20px 20px 0 0;
font-size: 16px;
font-weight: 500;
color: #fff;
border-radius: 100px;
transition: all 0.3s ease;
}
.cta-orange:hover {
background: #b20056 !important;
color: #fff;
text-decoration: none;
transform: translateY(-1px);
}
.cta-orange:active {
color: #fff;
}
.cta-orange:focus {
color: #fff;
background: #980049;
}
@media only screen and (max-width: 480px) {
.cta-orange {
font-size: 13px;
padding: 8px 10px;
}
}
.cta-navy {
background: #0B97FF; border: none;
display: inline-block;
padding: 7px 15px;
margin: 20px 20px 0 0;
font-size: 16px;
font-weight: 500;
color: #fff;
border-radius: 100px;
transition: all 0.3s ease;
}
.cta-navy:hover {
background: #008af1 !important;
color: #fff;
text-decoration: none;
transform: translateY(-1px);
}
.cta-navy:active {
color: #fff;
}
.cta-navy:focus {
color: #fff;
background: #007bd7;
}
@media only screen and (max-width: 480px) {
.cta-navy {
font-size: 13px;
padding: 8px 10px;
}
}
.mt-50 {
margin-top: 50px;
display: block;
}
.fancybox-slide {
width: 100vw;
height: 100vh;
padding: 15vh 15vw;
}
.clearMobileStyling a {
color: #28333D;
}
body.single .alignleft {
display: inline;
width: 45%;
float: left;
margin: 20px 20px 20px -50px;
}
body.single .alignright {
display: inline;
width: 45%;
float: right;
margin: 20px -50px 20px 20px;
}
body.single .aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
}
.gallery-item {
display: inline-block;
text-align: left;
vertical-align: top;
margin: 0 0 1.5em;
padding: 0 1em 0 0;
width: 50%;
}
.gallery-columns-1 .gallery-item {
width: 100%;
}
.gallery-columns-2 .gallery-item {
max-width: 50%;
}
.gallery-caption {
display: block;
text-align: left;
padding: 0 10px 0 0;
margin-bottom: 0;
}
.gallery-item {
max-width: 25%;
}
.gallery-columns-1 .gallery-item {
max-width: 100%;
}
.gallery-columns-2 .gallery-item {
max-width: 50%;
}
.gallery-columns-3 .gallery-item {
max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
max-width: 25%;
}
.gallery-columns-5 .gallery-item {
max-width: 20%;
}
.gallery-columns-6 .gallery-item {
max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
max-width: 11.11%;
}
a .article-panel {
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
transition: 0.3s;
margin: 15px 0;
}
a .article-panel:hover {
-webkit-transform: translateY(-2px);
transform: translateY(-2px);
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.24);
cursor: pointer;
text-decoration: none;
}
a .article-panel .article-panel-featured-image {
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: cover;
width: 100%;
height: 242px;
}
a .article-panel .article-panel-text {
padding: 0 20px 28px 20px;
height: 213px;
}
a .article-panel .article-panel-text p {
color: #28333D;
}
a .article-panel .article-panel-text .view-article {
color: #CB0062;
text-transform: uppercase;
font-weight: 700;
font-size: 14px;
}
a .article-panel h2, a .article-panel h3 {
color: #28333D;
font-size: 25px;
font-weight: 600;
}
a:hover {
text-decoration: none;
} @media only screen and (max-width: 991px) {
a .article-panel .article-panel-featured-image {
height: 165px;
}
} @media only screen and (max-width: 767px) {
a .article-panel {
width: 100%;
float: left;
}
a .article-panel .article-panel-featured-image {
width: 40%;
height: 144px;
float: left;
}
a .article-panel .article-panel-text {
padding: 0 20px 20px 20px;
float: left;
width: 60%;
height: auto;
}
.article-panel-summary {
display: none !important;
}
}
#content-area .payment-container * {
font-family: freight-sans-pro, sans-serif !important;
}
#content-area .payment-box {
border: 0px;
box-shadow: 0 0 0;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
#content-area .fields, #content-area #gd-form-amounts {
margin: 0;
}
#content-area .fields:before {
content: "Case Reference *";
font-weight: 400;
display: inline-block;
max-width: 100%;
margin-bottom: 5px;
font-size: 16px;
}
#content-area #gd-form-div-5 .payment-box {
border-color: rgba(0, 0, 0, 0);
background-color: rgba(0, 0, 0, 0);
}
#content-area #gd-form-div-5 .title {
background-color: rgba(0, 0, 0, 0);
text-transform: capitalize;
text-align: left;
font-size: 26px;
font-weight: 500;
color: #004C8C;
}
#content-area #gd-form-div-5 .fields input, #content-area #gd-form-div-5 .amount .gri-df-button {
width: 100%;
height: 36px;
padding: 6px 12px;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
display: block;
font-size: 16px;
line-height: 1.42857;
color: #555;
}
#content-area #gd-form-div-5 .amount .gri-df-button {
padding: 0;
}
#content-area #gd-form-amounts:before {
content: "Amount (£) *";
font-weight: 400;
display: inline-block;
max-width: 100%;
margin-bottom: 5px;
font-size: 16px;
}
#content-area #gd-form-div-5 .amount .gri-df-button.selected input {
color: #555;
font-size: 16px;
height: 36px;
}
#content-area .payment-button {
background: #cb0062;
border: none;
display: inline-block;
padding: 7px 15px;
margin: 7px 20px 0 0;
font-size: 16px;
font-weight: 500;
color: #fff;
border-radius: 100px;
transition: all 0.3s ease;
text-transform: capitalize;
width: auto;
}
#content-area .woocommerce form .form-row input.input-text, #content-area .woocommerce form .form-row textarea {
box-sizing: border-box;
width: 100%;
margin: 0;
outline: 0;
line-height: normal;
width: 100%;
padding: 6px 12px;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
#content-area .woocommerce form .form-row input.input-text {
height: 36px;
}
#content-area .woocommerce #respond input#submit.alt, #content-area .woocommerce a.button.alt, #content-area .woocommerce button.button.alt, #content-area .woocommerce input.button.alt {
-webkit-font-smoothing: antialiased;
background: #cb0062;
border: none;
display: inline-block;
padding: 7px 15px;
margin: 20px 20px 0 0;
font-size: 16px;
font-weight: 500;
color: #fff;
border-radius: 100px;
transition: all 0.3s ease;
}
header {
float: left;
width: 100%;
padding: 18px 0 0 0;
background: #004C8C;
}
header .top-nav {
float: right;
width: 100%;
margin: -44px 0 0 0;
}
header .menu-top_nav-container {
float: left;
width: 100%;
padding: 0 calc((100vw - 1170px) / 2);
}
header .menu-top_nav-container ul#menu-top_nav {
margin: 0;
padding: 0;
list-style: none;
float: right;
}
header .menu-top_nav-container ul#menu-top_nav li {
display: inline-block;
text-align: right;
text-decoration: none;
text-transform: capitalize;
font-size: 16px;
color: white;
list-style: none;
font-weight: 600;
margin-left: 26px;
margin-bottom: 0;
padding-bottom: 38px;
}
header .menu-top_nav-container ul#menu-top_nav li.menu-item-has-children:hover a {
position: relative;
}
header .menu-top_nav-container ul#menu-top_nav li.menu-item-has-children:hover a:after {
bottom: -33px;
left: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-bottom-color: #FFFFFF;
border-width: 14px;
margin-left: -14px;
}
header .menu-top_nav-container ul#menu-top_nav li:first-child {
margin-left: 0;
}
header .menu-top_nav-container ul#menu-top_nav li:hover a {
color: #004C8C;
background: #FFFFFF;
text-decoration: none;
}
header .menu-top_nav-container ul#menu-top_nav li:hover .sub-menu {
visibility: visible;
opacity: 1;
}
header .menu-top_nav-container ul#menu-top_nav li:hover .sub-menu .sub-menu {
visibility: hidden;
opacity: 0;
}
header .menu-top_nav-container ul#menu-top_nav li a {
color: #FFFFFF;
padding: 6px 15px;
border-radius: 20px;
}
header .menu-top_nav-container ul#menu-top_nav li.current-menu-item a, header .menu-top_nav-container ul#menu-top_nav li.current-menu-ancestor a {
background: #FFFFFF;
color: #004C8C;
}
header .menu-top_nav-container ul#menu-top_nav li .sub-menu {
margin: 38px 0 0;
background: #FFFFFF;
padding: 0 20px;
visibility: hidden;
opacity: 0;
left: 0;
position: absolute;
text-align: center;
width: 100%;
z-index: 4;
transition: all 0.3s ease;
box-shadow: 0px 12px 15px -1px rgba(0, 0, 0, 0.14);
}
header .menu-top_nav-container ul#menu-top_nav li .sub-menu a {
background: transparent;
}
header .menu-top_nav-container ul#menu-top_nav li .sub-menu a:hover {
background: transparent;
text-decoration: underline;
}
header .menu-top_nav-container ul#menu-top_nav li .sub-menu li {
margin: 0;
display: inline-block;
padding: 10px 50px 10px 0;
}
header .menu-top_nav-container ul#menu-top_nav li .sub-menu li.menu-item-has-children:hover a {
position: relative;
}
header .menu-top_nav-container ul#menu-top_nav li .sub-menu li.menu-item-has-children:hover a:after {
bottom: -36px;
left: 50%;
transform: rotate(180deg);
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-bottom-color: #fff !important;
border-width: 14px;
margin-left: -14px;
}
header .menu-top_nav-container ul#menu-top_nav li .sub-menu li:hover .sub-menu {
visibility: visible;
opacity: 1;
}
header .menu-top_nav-container ul#menu-top_nav li .sub-menu li a {
display: block;
font-weight: 400;
padding: 6px 0px;
color: #28333D;
}
header .menu-top_nav-container ul#menu-top_nav li .sub-menu li a:after {
border-bottom-color: transparent !important;
}
header .menu-top_nav-container ul#menu-top_nav li .sub-menu li ul.sub-menu {
margin: 8px 0 0 0;
background: #eff4f8;
column-count: 4;
padding: 20px calc((100vw - 1170px) / 2) 45px;
text-align: left;
z-index: -1;
}
header .menu-top_nav-container ul#menu-top_nav li .sub-menu li ul.sub-menu:after {
left: 58%;
border-bottom-color: #eff4f8;
}
header .menu-top_nav-container ul#menu-top_nav li .sub-menu li ul.sub-menu li {
float: none;
border-bottom: 1px solid rgba(0, 76, 140, 0.5);
width: calc(100% - 40px);
}
header .menu-top_nav-container ul#menu-top_nav li .sub-menu li ul.sub-menu li a {
text-align: left;
}
header .menu-top_nav-container ul#menu-top_nav li .sub-menu li ul li a:after {
border-width: 0 !important;
}
.home header {
position: absolute;
z-index: 2;
top: 0;
background: rgba(0, 76, 140, 0.77);
}
.home header .menu-top_nav-container ul#menu-top_nav li .sub-menu {
margin: 73px 0 0 0;
top: 46px;
}
body.modal-open {
width: 100%;
height: 100%;
}
.hamburger {
float: right;
padding: 0;
display: inline-block;
cursor: pointer;
transition-property: opacity, filter;
transition-duration: 0.15s;
transition-timing-function: linear;
font: inherit;
color: inherit;
text-transform: none;
background-color: transparent;
border: 0;
margin: 25px 0;
padding: 6px 0;
overflow: visible;
}
.hamburger:hover {
background: transparent !important;
opacity: 0.7;
}
.hamburger:focus {
outline: none;
background: transparent !important;
}
.hamburger-box {
width: 30px;
height: 16px;
display: inline-block;
position: relative;
top: 8px;
}
.hamburger-inner {
display: block;
top: 50%;
margin-top: -2px;
}
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
width: 26px;
height: 4px;
background-color: #FFFFFF;
border-radius: 1px;
position: absolute;
transition-property: transform;
transition-duration: 0.15s;
transition-timing-function: ease;
}
.hamburger-inner::before, .hamburger-inner::after {
content: "";
display: block;
}
.hamburger-inner::before {
top: -10px;
}
.hamburger-inner::after {
bottom: -10px;
} .hamburger--collapse .hamburger-inner {
top: auto;
bottom: 0;
transition-duration: 0.13s;
transition-delay: 0.13s;
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--collapse .hamburger-inner::after {
top: -20px;
transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
}
.hamburger--collapse .hamburger-inner::before {
transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--collapse.is-active .hamburger-inner {
background-color: #FFFFFF;
transform: translate3d(0, -10px, 0) rotate(-45deg);
transition-delay: 0.22s;
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--collapse.is-active .hamburger-inner::after {
top: 0;
opacity: 0;
background-color: #FFFFFF;
transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
}
.hamburger--collapse.is-active .hamburger-inner::before {
top: 0;
background-color: #FFFFFF;
transform: rotate(-90deg);
transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
}
#navModal {
color: #707070;
text-align: left;
}
#navModal .menu-mobile_nav-container {
padding-top: 113px;
}
#navModal ul {
padding: 0;
margin: 0;
list-style: none;
text-align: left;
}
#navModal ul li {
margin: 0px;
padding: 10px 0;
font-size: 18px;
font-family: "freight-sans-pro", sans-serif;
text-transform: capitalize;
font-weight: 500;
border-bottom: 1px solid #707070;
position: relative;
}
#navModal ul li:last-child {
border-bottom: 0;
}
#navModal ul li a {
color: #707070;
}
#navModal ul li a:hover {
text-decoration: none;
}
#navModal ul li span.menu-toggle {
display: block;
position: absolute;
right: 5px;
top: 2px;
width: 40px;
height: 40px;
font-size: 26px;
font-weight: 500;
text-align: center;
cursor: pointer;
}
#navModal ul li span.menu-toggle:after {
content: "+";
}
#navModal ul li span.menu-toggle.visible:after {
content: "-";
}
#navModal ul .sub-menu {
display: none;
}
#navModal ul .sub-menu.visible {
display: block;
}
#navModal ul .sub-menu li {
border-bottom: 0px !important;
}
#navModal ul .sub-menu li:before {
content: "-";
margin-right: 5px;
}
.modal-backdrop {
z-index: 0 !important;
background-color: rgba(255, 255, 255, 0.95) !important;
}
.modal-backdrop.in {
opacity: 1;
}
.modal:before {
height: auto;
} @media only screen and (max-width: 1200px) {
header .menu-top_nav-container {
padding: 0 calc((100vw - 970px) / 2);
}
header .menu-top_nav-container ul li {
margin-left: 10px;
}
header .menu-top_nav-container ul#menu-top_nav li .sub-menu li ul.sub-menu {
padding: 20px calc((100vw - 970px) / 2) 45px;
}
}  @media only screen and (max-width: 767px) {
.home header, header {
position: fixed;
z-index: 10;
padding-bottom: 10px;
}
} #breadcrumbs {
float: left;
width: 100%;
background: #FFFFFF;
color: #28333D;
}
#breadcrumbs #breadcrumbs-container {
padding: 14px 0;
}
#breadcrumbs #breadcrumbs-container span {
font-weight: 600;
}
#breadcrumbs #breadcrumbs-container a {
color: #28333D;
}
#breadcrumbs #breadcrumbs-container a span {
font-weight: 400;
} @media only screen and (max-width: 767px) {
#breadcrumbs {
margin-top: 113px;
}
}
.services-sidebar ul {
padding: 0;
margin: 0 0 0 80px;
}
.services-sidebar ul li {
list-style: none;
margin: 0 0 10px 0;
white-space: nowrap;
}
.services-sidebar ul li a {
color: #28333D;
}
.services-sidebar ul ul {
margin-left: 10px;
}
.services-sidebar ul ul li:before {
content: "> ";
}
.resources-sidebar ul {
padding: 0;
margin: 0 0 0 80px;
}
.resources-sidebar ul li {
list-style: none;
margin: 0 0 10px 0;
white-space: nowrap;
}
.resources-sidebar ul li a {
color: #28333D;
}
@media only screen and (min-width: 1920px) {
.services-sidebar ul, .resources-sidebar ul {
margin: 0 0 0 160px;
}
}
@media only screen and (max-width: 1366px) {
.services-sidebar ul, .resources-sidebar ul {
margin: 0 0 0 30px;
}
} @media only screen and (max-width: 990px) {
.services-sidebar ul, .resources-sidebar ul {
margin: 0;
}
.services-sidebar ul li, .resources-sidebar ul li {
white-space: initial;
}
}
#homepage-legal-services {
float: left;
width: 100%;
padding: 30px 0;
}
#homepage-legal-services h2 {
font-size: 36px;
font-weight: 500;
margin-bottom: 20px;
}
#homepage-legal-services p {
font-size: 18px;
font-weight: 400;
}
#homepage-legal-services ul.homepage-legal-service-list {
list-style: none;
padding-left: 0;
width: 100%;
float: left;
margin-bottom: 45px;
}
#homepage-legal-services ul.homepage-legal-service-list li {
margin: 6px 18px 17px 0;
float: left;
}
#homepage-legal-services ul.homepage-legal-service-list li a {
text-transform: capitalize;
font-size: 16px;
font-weight: 500;
padding: 4px 16px;
color: #FFFFFF;
background: #0B97FF;
border-radius: 20px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.16);
transition: all 0.15s ease;
}
#homepage-legal-services ul.homepage-legal-service-list li a:hover {
transform: translateY(-1px);
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
cursor: pointer;
text-decoration: none;
}
#homepage-services-cta {
float: left;
width: 100%;
background: rgba(0, 76, 140, 0.08);
height: 348px;
position: relative;
}
#homepage-services-cta #homepage-services-cta-image {
background-repeat: no-repeat;
background-position: center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
width: 50%;
height: 100%;
position: absolute;
right: 0;
}
#homepage-services-cta #homepage-services-cta-image-container {
padding: 66px 0;
}
#homepage-services-cta #homepage-services-cta-image-container h2 {
font-size: 42px;
font-weight: 400;
margin-top: 0px;
}
#homepage-services-cta #homepage-services-cta-image-container p {
font-size: 21px;
}
#homepage-services-cta #homepage-services-cta-image-container .cta-pink {
font-size: 16px;
font-weight: 600;
text-transform: uppercase;
} @media only screen and (max-width: 1200px) {
#homepage-services-cta #homepage-services-cta-image-container {
padding: 22px 0;
}
} @media only screen and (max-width: 991px) {
#homepage-services-cta #homepage-services-cta-image-container h2 {
font-size: 38px;
}
} @media only screen and (max-width: 767px) {
#homepage-services-cta {
height: auto;
}
#homepage-services-cta #homepage-services-cta-image {
display: none;
}
} #homepage-clients-say-and-pay {
float: left;
width: 100%;
background: #FFFFFF;
position: relative;
padding: 66px 0;
font-size: 21px;
font-weight: 400;
}
#homepage-clients-say-and-pay h2 {
font-size: 28px;
font-weight: 500;
}
#homepage-clients-say-and-pay blockquote {
font-size: 21px;
font-weight: 400;
font-style: normal;
border-left: 3px solid #004C8C;
margin: 0px;
padding: 0 0 0 20px;
position: relative;
}
#homepage-clients-say-and-pay blockquote:before {
content: none;
}
#homepage-clients-say-and-pay blockquote:after {
content: close-quote;
}
#homepage-clients-say-and-pay #split-line {
border: 1px solid #DBDBDB;
width: 0px;
height: 215px;
margin: 0 auto;
}
#homepage-clients-say-and-pay .cta-pink {
font-size: 18px;
font-weight: 600;
text-transform: uppercase;
} @media only screen and (max-width: 767px) {
#homepage-clients-say-and-pay {
padding: 33px 0;
}
#homepage-clients-say-and-pay blockquote {
margin-bottom: 20px;
}
}
#homepage-contact-us-cta {
float: left;
width: 100%;
background: #004C8C;
position: relative;
padding: 66px 0;
color: #FFFFFF;
}
#homepage-contact-us-cta h2 {
font-size: 28px;
font-weight: 400;
margin-bottom: 20px;
}
#homepage-contact-us-cta p {
font-size: 28px;
float: left;
}
#homepage-contact-us-cta a {
color: white;
}
#homepage-contact-us-cta a.cta-blue {
float: left;
margin-top: 11px;
font-size: 18px;
text-transform: uppercase;
font-weight: 600;
padding: 11px 23px;
margin-left: 14px;
}
#homepage-contact-us-cta .homepage-contact-us-cta-icon {
width: 33%;
float: left;
text-align: center;
padding-top: 49px;
}
#homepage-contact-us-cta .homepage-contact-us-cta-icon:nth-child(2) img {
margin-bottom: 10px;
}
#homepage-contact-us-cta .homepage-contact-us-cta-icon img {
max-height: 36px;
max-width: 45px;
}
#homepage-contact-us-cta .homepage-contact-us-cta-icon h3 {
font-size: 28px;
font-weight: 400;
margin-top: 0px;
}
#homepage-latest-articles-news-case-study {
float: left;
width: 100%;
background: #EFF4F8;
padding: 60px 0;
}
#homepage-latest-articles-news-case-study h2 {
font-size: 16px;
color: #004C8C;
}
#homepage-latest-articles-news-case-study h3 {
font-size: 21px;
}
#homepage-latest-articles-news-case-study .home-articles {
padding-right: 40px;
}
#homepage-latest-articles-news-case-study .home-news {
padding: 0 20px;
}
#homepage-latest-articles-news-case-study .home-twitter {
padding-left: 40px;
} @media only screen and (max-width: 767px) {
#homepage-latest-articles-news-case-study .home-articles {
padding-right: 0px;
}
#homepage-latest-articles-news-case-study .home-news {
padding: 0 0px;
}
#homepage-latest-articles-news-case-study .home-twitter {
padding-left: 0px;
}
#homepage-latest-articles-news-case-study .home-articles, #homepage-latest-articles-news-case-study .home-news, #homepage-latest-articles-news-case-study .home-twitter {
margin-bottom: 33px;
}
}
#homepage-recognised-awards {
float: left;
width: 100%;
text-align: center;
background: #FFFFFF;
padding: 75px 0;  }
#homepage-recognised-awards h2 {
margin-bottom: 25px;
font-size: 28px;
font-weight: 400;
text-align: left;
}
#homepage-recognised-awards img {
margin: 0 20px;
display: inline-block;
}
#homepage-recognised-awards .tall {
max-height: 130px;
}
#homepage-recognised-awards .wide {
max-height: 82px;
}
@media only screen and (max-width: 991px) {
#homepage-recognised-awards img {
margin-bottom: 30px;
}
}
@media only screen and (max-width: 767px) {
#homepage-recognised-awards h2 {
text-align: center;
}
}
.hp-content, .subpage-content {
display: table-cell;
vertical-align: bottom;
color: white;
}
.hp-overlay {
width: 45%;
height: 450px;
background-repeat: no-repeat;
background-position: center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-image: url(//www.worthingtonslaw.co.uk/wp-content/themes/worthingtons/dist/images/hp-overlay.png);
background-position: right center;
position: absolute;
bottom: 0;
} .landing-page-lg {
display: table;
float: left;
width: 100%;
background-repeat: no-repeat;
background-position: center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
height: 450px;
position: relative;
overflow: hidden;
}
.landing-page-lg h1 {
font-size: 32px;
margin: 0 0 30px 0;
line-height: 1.2;
}
.landing-page-lg h1 span {
font-size: 54px;
font-weight: 700;
}
.landing-page-sm, .landing-page-xs {
display: table;
float: left;
width: 100%;
background-repeat: no-repeat;
background-position: center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
height: 350px;
position: relative;
overflow: hidden;
}
.landing-page-sm h1, .landing-page-xs h1 {
font-weight: 700;
margin: 0 0 30px 0;
}
.subpage-overlay {
width: 50%;
height: 350px;
position: absolute;
bottom: 0;
-webkit-clip-path: polygon(0 0, 70% 0, 88% 100%, 0 100%);
clip-path: polygon(0 0, 70% 0, 88% 100%, 0 100%);
}
.landing-page-xs {
height: 200px;
}
.landing-page-xs .subpage-overlay {
height: 200px;
} .feature-icons-section {
float: left;
width: 100%;
padding: 75px 0;
text-align: center;
}
.feature-icons-section .feature-icon {
padding: 0 50px;
margin: 40px 0;
}
.feature-icons-section .feature-icon img {
display: block;
margin: 0 auto;
}
.feature-icons-section .feature-icon a {
font-size: 21px;
font-weight: 500;
color: #28333D;
display: block;
margin: 15px 0 5px 0;
}
.feature-icons-section .feature-icon a:hover {
color: #28333D;
text-decoration: none;
}
.feature-icons-section .feature-icon p {
margin: 0;
} .left-half-container-v1, .left-half-container-v2, .left-half-container-vision {
float: left;
width: 100%;
position: relative;
}
.left-half-content-v1, .left-half-content-v2, .left-half-content-vision {
float: left;
width: 100%;
position: absolute;
top: 0;
color: white;
height: 400px;
}
.left-half-container-v1 {
margin-bottom: 30px;
} .left-half-img-v1 {
width: 50%;
float: left;
height: 400px;
width: 57%;
-webkit-clip-path: polygon(0% 0%, 100% 0, 88% 100%, 0 100%);
clip-path: polygon(0% 0%, 100% 0, 88% 100%, 0 100%);
}
.right-half-img-v1 {
width: 50%;
float: left;
background: #CB0062 url(//www.worthingtonslaw.co.uk/wp-content/themes/worthingtons/dist/images/corner-overlay.png) center center no-repeat;
background-size: cover;
height: 400px;
margin-left: -7%;
width: 50%;
clip-path: none;
} .left-half-img-v2 {
width: 50%;
float: left;
background: #004C8C url(//www.worthingtonslaw.co.uk/wp-content/themes/worthingtons/dist/images/corner-overlay.png) center center no-repeat;
background-size: cover;
height: 400px;
width: 50%;
-webkit-clip-path: polygon(0% 0%, 100% 0, 88% 100%, 0 100%);
clip-path: polygon(0% 0%, 100% 0, 88% 100%, 0 100%);
}
.right-half-img-v2 {
width: 50%;
float: left;
height: 400px;
margin-left: -7%;
width: 57%;
clip-path: none;
} .left-half-img-vision {
width: 50%;
float: left;
height: 400px;
width: 50%;
-webkit-clip-path: polygon(0% 0%, 100% 0, 88% 100%, 0 100%);
clip-path: polygon(0% 0%, 100% 0, 88% 100%, 0 100%);
}
.right-half-img-vision {
width: 50%;
float: left;
background: #004C8C url(//www.worthingtonslaw.co.uk/wp-content/themes/worthingtons/dist/images/corner-overlay.png) center center no-repeat;
background-size: cover;
height: 400px;
margin-left: -7%;
width: 57%;
clip-path: none;
}
.homepage-intro {
float: left;
width: 100%;
padding: 75px 0;
}
.homepage-intro p {
font-size: 24px;
}
.inline-list-services {
margin: 0;
padding: 0;
}
.inline-list-services li {
list-style: none;
font-size: 14px;
margin: 0;
display: inline;
}
.inline-list-services li:after {
content: ",";
}
.inline-list-services li:last-of-type:after {
content: "";
}
.recognised-awards {
text-align: center;
}
.recognised-awards h3 {
margin-bottom: 25px;
}
.recognised-awards img {
margin: 0 20px;
display: inline-block;
}
.for-you, .medical-negligence, .litigation, .family, .residential-property, .estate, .education, .for-business, .commercial, .commercial-property, .employment {
float: left;
width: 100%;
color: white;
background: #004C8C;
}
#service-cta-panel-content-container {
padding: 75px 0;
}
#service-cta-panel-content-container p {
font-size: 21px;
}
#service-cta-panel-content-container .cta-blue {
font-size: 18px;
font-weight: 600;
text-transform: uppercase;
padding: 11px 21px;
}
#find_out_more_panel_image {
background-repeat: no-repeat;
background-position: center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
float: right;
position: relative;
width: 40%;
height: 395px;
} @media only screen and (max-width: 1200px) {
#service-cta-panel-content-container {
padding: 62px 0;
}
} @media only screen and (max-width: 991px) {
#find_out_more_panel_image {
display: none;
}
}
.service-intro h2 {
margin-bottom: 25px;
font-weight: 500;
}
.areas-we-cover .cta-white {
margin-right: 25px;
}
.areas-we-cover-list ul {
margin: 20px 0;
padding: 0;
float: left;
}
.areas-we-cover-list ul li {
float: left;
width: 33.333%;
margin: 5px 0;
padding: 0 30px 0 0;
list-style: none;
}
.areas-we-cover-list ul li a {
color: white;
}
.areas-we-cover-list ul li:before {
content: "- ";
}
.heavy-content-section, .heavy-content-section-half-bg {
float: left;
width: 100%;
padding: 75px 0;
}
.heavy-content-section h2, .heavy-content-section h3, .heavy-content-section h4, .heavy-content-section h5, .heavy-content-section-half-bg h2, .heavy-content-section-half-bg h3, .heavy-content-section-half-bg h4, .heavy-content-section-half-bg h5 {
margin: 30px 0 10px 0;
}
.heavy-content-section h3:first-of-type, .heavy-content-section-half-bg h3:first-of-type {
margin-top: 0;
}
.heavy-content-section span.post-date, .heavy-content-section-half-bg span.post-date {
margin-bottom: 30px;
display: block;
}
.heavy-content-section-half-bg {
background: linear-gradient(90deg, #fff 68%, #EFF4F8 0);
}
.content-section {
float: left;
width: 100%;
background: rgba(0, 76, 140, 0.08);
padding: 75px 0;
}
.content-section #content-area {
padding: 30px 0 70px 0;
}
.section {
float: left;
width: 100%;
}
#side-panel {
background: rgba(0, 76, 140, 0.16);
width: 100%;
float: left;
}
.lighter-grey {
background: #EFF4F8;
}
.lighter-grey-overlay {
background: #EFF4F8 url(//www.worthingtonslaw.co.uk/wp-content/themes/worthingtons/dist/images/corner-overlay.png) center center no-repeat;
background-size: cover;
}
.rgba-blue {
background: rgba(0, 76, 140, 0.85);
}
.rgba-purple {
background: rgba(203, 0, 98, 0.85);
}
.rgba-navy {
background: rgba(11, 151, 255, 0.5);
}
.align-text-right-grey {
text-align: right;
color: #28333D;
}
.align-text-right-grey h3 {
font-size: 30px;
font-weight: 300;
position: relative;
}
.align-text-right-grey h3:after {
background: #28333D;
content: "";
height: 3.5px;
margin: 0;
position: absolute;
width: 120px;
bottom: -15px;
right: 0;
}
.align-text-right-grey h4 {
font-size: 18px;
font-weight: 600;
margin-top: 25px;
}
.align-text-right-purple {
text-align: right;
color: #CB0062;
}
.align-text-right-purple h3 {
font-size: 30px;
font-weight: 300;
position: relative;
}
.align-text-right-purple h3:after {
background: #CB0062;
content: "";
height: 3.5px;
margin: 0;
position: absolute;
width: 120px;
bottom: -15px;
right: 0;
}
.align-text-right-purple h4 {
font-size: 18px;
font-weight: 600;
margin-top: 25px;
}
.align-text-right-purple a {
color: #CB0062;
}
.align-text-right-purple a:hover {
text-decoration: none;
}
.align-text-right-blue {
text-align: right;
color: #004C8C;
}
.align-text-right-blue h3 {
font-size: 30px;
font-weight: 300;
position: relative;
}
.align-text-right-blue h3:after {
background: #004C8C;
content: "";
height: 3.5px;
margin: 0;
position: absolute;
width: 120px;
bottom: -15px;
right: 0;
}
.align-text-right-blue h4 {
font-size: 18px;
font-weight: 600;
margin-top: 25px;
}
body.page-template-template-home .align-text-right-purple h3 {
font-size: 42px;
}
.cta-panel {
float: left;
width: 100%;
background: #EFF4F8;
padding: 75px 0;
text-align: center;
}
.cta-panel p {
font-size: 21px;
}
.cta-panel a {
margin: 20px 10px 0 10px;
}
.one-article {
float: left;
width: 100%;
padding: 40px 0;
border-bottom: 1px solid #EFF4F8;
}
.one-article:first-child {
padding-top: 0;
}
.one-article span {
font-size: 14px;
font-weight: 600;
display: block;
margin-bottom: 10px;
color: #0B97FF;
}
.one-article span a {
color: #0B97FF;
}
.read-more {
display: block;
margin-top: 10px;
font-size: 14px;
font-weight: 600;
text-transform: uppercase;
}
ul.resource-topics {
list-style: none;
padding-left: 0;
width: 100%;
float: left;
margin-bottom: 45px;
}
ul.resource-topics li {
margin: 0 18px 23px 0;
float: left;
}
ul.resource-topics li a {
text-transform: capitalize;
font-size: 18px;
font-weight: 500;
padding: 4px 16px;
background: #FFFFFF;
border-radius: 20px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.16);
transition: all 0.15s ease;
}
ul.resource-topics li a:hover {
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
cursor: pointer;
}
ul.resource-topics li a:hover {
background: #0B97FF;
text-decoration: none;
color: #FFFFFF;
}
#related-employee-job-title {
color: #707070;
margin-top: 0;
}
#related-articles-list {
margin-bottom: 45px;
}
#related-articles-list h5 {
margin-bottom: 14px;
}
#related-articles-list a {
font-size: 18px;
font-weight: 600;
text-decoration: underline;
}
#author-of-this-article .related-employee-details {
margin-top: 10px !important;
}
.about-intro h2 {
font-size: 24px;
}
.our-team-careers {
background: linear-gradient(90deg, #CB0062 50%, #EFF4F8 0);
}
.our-team-content {
color: white;
}
.page-template-template-about #solicitors-for-top-banner {
background-position: top;
padding-top: 70px;
}
.page-template-template-about #solicitors-for-top-banner .cta-white {
font-size: 24px;
font-weight: 600;
text-shadow: 0 0 black;
}
.page-template-template-about #homepage-recognised-awards {
padding: 50px 0;
}
.page-template-template-about #homepage-recognised-awards h2 {
font-weight: 500;
font-size: 30px;
}
.page-template-template-about #homepage-recognised-awards p {
font-weight: 400;
font-size: 22px;
text-align: left;
}
.page-template-template-about #homepage-recognised-awards #award-images {
padding: 40px 0;
}
.page-template-template-about #homepage-services-cta #homepage-services-cta-image-container {
padding: 50px 0;
}
.page-template-template-about #homepage-clients-say-and-pay #careers-at-worthingtons .cta-blue {
text-transform: uppercase;
font-size: 18px;
font-weight: 600;
} @media only screen and (max-width: 1199px) {
.page-template-template-about #homepage-recognised-awards #award-images {
padding: 10px 0;
}
.page-template-template-about #homepage-recognised-awards #award-images .wide {
margin: 0 48px 25px;
}
.page-template-template-about #homepage-services-cta #homepage-services-cta-image-container {
padding: 22px 0;
}
} @media only screen and (max-width: 991px) {
.page-template-template-about #solicitors-for-top-banner {
padding-top: 0px;
}
.page-template-template-about #homepage-recognised-awards #award-images {
padding: 22px 0;
}
.page-template-template-about #homepage-services-cta #homepage-services-cta-image-container h2 {
font-size: 35px;
}
.page-template-template-about #homepage-clients-say-and-pay h2 {
font-size: 24px;
}
.page-template-template-about #homepage-clients-say-and-pay blockquote, .page-template-template-about #homepage-clients-say-and-pay p {
font-size: 18px;
}
} @media only screen and (max-width: 767px) {
.page-template-template-about #homepage-recognised-awards {
padding: 10px 0;
}
.page-template-template-about #homepage-recognised-awards #award-images {
padding: 22px 0 0 0;
}
} @media only screen and (max-width: 480px) {
.page-template-template-about #solicitors-for-top-banner {
padding-top: 70px;
}
.page-template-template-about #solicitors-for-top-banner h1 {
font-size: 39px;
}
}
#team-intro {
padding: 35px 0 45px;
}
#team-intro p {
font-size: 24px;
font-weight: 400;
}
.our-team {
padding: 35px 0 15px;
}
.our-team:nth-child(even) {
background: rgba(0, 76, 140, 0.16);
}
.our-team:nth-child(odd) {
background: rgba(0, 76, 140, 0.08);
}
.our-team h2 {
font-size: 24px;
font-weight: 500;
text-transform: uppercase;
text-align: center;
margin-bottom: 20px;
}
.our-team a:nth-of-type(4n+5) {
display: block;
clear: both;
}
a .team-member {
float: left;
height: 280px;
margin-bottom: 30px;
border-radius: 5px;
transition: 0.3s;
}
a .team-member img {
border-radius: 5px;
box-shadow: rgba(27, 49, 67, 0.2) 0 3px 6px;
}
a .team-member img, a .team-member .team-member-summary {
transition: 0.3s;
}
a .team-member .team-member-summary {
padding-bottom: 18px;
}
a .team-member h4 {
font-weight: 500;
margin: 5px 0;
color: #28333D;
}
a .team-member h5 {
font-size: 16px;
font-weight: 500;
margin-top: 0;
color: #707070;
}
a .team-member p {
font-size: 14px;
margin-top: 5px;
font-weight: 600;
text-transform: uppercase;
}
a .team-member:hover {
background: #FFFFFF;
transform: scale(1.05);
box-shadow: rgba(27, 49, 67, 0.2) 0 3px 6px;
}
a .team-member:hover img {
border-radius: 5px 5px 0 0;
box-shadow: rgba(27, 49, 67, 0) 0 0 0;
}
a .team-member:hover .team-member-summary {
padding: 0 18px 18px;
} @media only screen and (max-width: 1200px) {
a .team-member {
height: 291px;
}
} @media only screen and (max-width: 991px) {
a .team-member {
height: 291px;
}
} @media only screen and (max-width: 767px) {
a .team-member {
height: 291px;
}
} #employee-profile {
padding: 0px;
}
#employee-profile h1 {
font-size: 32px;
font-weight: 500;
}
#employee-profile #work-department {
font-size: 26px;
color: #707070;
}
#employee-profile #membership {
text-transform: uppercase;
color: #004C8C;
font-size: 14px;
font-weight: 500;
}
#employee-profile .employee-details {
margin-bottom: 6px;
}
#employee-profile .employee-details h3 {
font-weight: 400;
margin-top: 0;
}
#employee-profile .career-highlights, #employee-profile .areas-of-expertise, #employee-profile .employee-logos {
padding-top: 30px;
}
#employee-profile .career-highlights h2, #employee-profile .areas-of-expertise h2, #employee-profile .employee-logos h2 {
font-size: 21px;
}
#employee-profile .employee-logos {
width: 100%;
height: auto;
}
#employee-profile .employee-logos img {
width: 100%;
max-width: 148px;
margin: 20px 20px 0 0;
}
#employee-profile #employee-latest-article {
margin-top: 64px;
background: white;
border-radius: 10px;
padding: 26px 24px;
box-shadow: 0 3px 6px rgba(27, 49, 67, 0.2);
}
#employee-profile #employee-latest-article h3 {
font-size: 16px;
font-weight: 600;
color: #1D4980;
text-transform: uppercase;
margin-top: 0px;
}
#employee-profile #employee-latest-article a h2 {
font-size: 21px;
font-weight: 600;
color: #3A3A3A;
text-transform: capitalize;
}
#employee-profile #employee-latest-article p {
font-size: 16px;
font-weight: 400;
color: #3A3A3A;
}
#employee-profile #employee-latest-article #employee-latest-article-read-more {
font-size: 14px;
font-weight: 600;
color: #1D4980;
text-transform: uppercase;
}
#employee-profile #profile-pic {
width: 100%;
}
#employee-profile #side-panel-content {
padding: 23px 40px;
}
#employee-profile #side-panel-content p {
margin-bottom: 20px;
font-size: 16px;
font-weight: 500;
}
#employee-profile #side-panel-content p img {
margin-right: 10px;
}
#employee-profile #staff-contact-details {
padding: 10px 0;
}
#employee-profile #staff-contact-details p img {
margin-right: 10px;
}
#employee-profile #staff-testimonial {
padding-top: 30px;
}  @media only screen and (max-width: 991px) {
#employee-profile #side-panel-content {
padding: 23px 23px;
}
}  #solicitors-for-top-banner {
float: left;
width: 100%;
background-repeat: no-repeat;
background-position: 50%;
background-size: cover;
width: 100%;
height: 397px;
}
#solicitors-for-top-banner h1, #solicitors-for-top-banner p {
text-align: center;
color: white;
text-shadow: 0 3px 6px #28333D;
}
#solicitors-for-top-banner h1 {
font-size: 48px;
padding: 0 5%;
margin-top: 26px;
margin-bottom: 26px;
}
#solicitors-for-top-banner p {
font-size: 24px;
font-weight: 500;
padding: 0px 15%;
}
#solicitors-for-top-banner .solicitors-for-view-other-areas {
padding-top: 47px;
margin: 0 auto;
width: 320px;
display: block;
}
#solicitors-for-top-banner .solicitors-for-view-other-areas button {
padding: 15px 24px;
border-radius: 50px;
font-size: 21px;
font-weight: 600;
width: 320px;
text-align: left;
background: #FFFFFF;
text-transform: capitalize;
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.125);
}
#solicitors-for-top-banner .solicitors-for-view-other-areas button #arrow {
float: right;
width: 16px;
transform: rotate(180deg);
margin-top: 7px;
}
#solicitors-for-top-banner .solicitors-for-view-other-areas button.dropdown-toggle {
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.125);
}
#solicitors-for-top-banner .solicitors-for-view-other-areas .dropdown-menu {
font-size: 18px;
margin: 50px 0 0 0;
border: 0px;
border-radius: 0px 0px 30px 30px;
box-shadow: 0 0 0;
width: 320px;
box-shadow: 0 6px 5px rgba(0, 0, 0, 0.125);
}
#solicitors-for-top-banner .solicitors-for-view-other-areas .dropdown-menu ul {
list-style: none;
padding-left: 0;
}
#solicitors-for-top-banner .solicitors-for-view-other-areas .dropdown-menu li {
border-top: 1px solid rgba(0, 76, 140, 0.25);
padding: 6px 24px;
margin: 0;
}
#solicitors-for-top-banner .solicitors-for-view-other-areas .dropdown-menu li a {
color: #28333D;
font-weight: 500;
}
#solicitors-for-top-banner .solicitors-for-view-other-areas.open button {
border-radius: 30px 30px 0 0;
}
#solicitors-for-top-banner .solicitors-for-view-other-areas.open button #arrow {
transform: rotate(0deg);
margin-top: 7px;
}
#homepage-legal-services {
float: left;
width: 100%;
padding: 30px 0;
}
#homepage-legal-services h2 {
font-size: 36px;
font-weight: 500;
margin-bottom: 20px;
}
#homepage-legal-services p {
font-size: 18px;
font-weight: 400;
}
#homepage-legal-services ul.homepage-legal-service-list {
list-style: none;
padding-left: 0;
width: 100%;
float: left;
margin-bottom: 45px;
}
#homepage-legal-services ul.homepage-legal-service-list li {
margin: 6px 18px 17px 0;
float: left;
}
#homepage-legal-services ul.homepage-legal-service-list li a {
text-transform: capitalize;
font-size: 16px;
font-weight: 500;
padding: 4px 16px;
color: #FFFFFF;
background: #0B97FF;
border-radius: 20px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.16);
transition: all 0.15s ease;
}
#homepage-legal-services ul.homepage-legal-service-list li a:hover {
transform: translateY(-1px);
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
cursor: pointer;
text-decoration: none;
}
#homepage-services-cta {
float: left;
width: 100%;
background: rgba(0, 76, 140, 0.08);
height: 348px;
position: relative;
}
#homepage-services-cta #homepage-services-cta-image {
background-repeat: no-repeat;
background-position: center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
width: 50%;
height: 100%;
position: absolute;
right: 0;
}
#homepage-services-cta #homepage-services-cta-image-container {
padding: 53px 0;
}
#homepage-services-cta #homepage-services-cta-image-container h2 {
font-size: 40px;
font-weight: 400;
margin-top: 0px;
line-height: 0.9;
}
#homepage-services-cta #homepage-services-cta-image-container p {
font-size: 21px;
}
#homepage-services-cta #homepage-services-cta-image-container .cta-pink {
font-size: 16px;
font-weight: 600;
text-transform: uppercase;
} @media only screen and (max-width: 1200px) {
#homepage-services-cta #homepage-services-cta-image-container {
padding: 22px 0;
}
#solicitors-for-top-banner h1 {
font-size: 42px;
}
#solicitors-for-top-banner p {
padding: 0 10%;
}
} @media only screen and (max-width: 991px) {
#homepage-services-cta #homepage-services-cta-image-container {
padding: 40px 0;
}
#homepage-services-cta #homepage-services-cta-image-container h2 {
font-size: 33px;
}
#solicitors-for-top-banner h1 {
font-size: 40px;
}
#solicitors-for-top-banner p {
font-size: 20px;
}
} @media only screen and (max-width: 767px) {
#homepage-services-cta {
height: auto;
}
#homepage-services-cta #homepage-services-cta-image {
display: none;
}
#solicitors-for-top-banner p {
display: none;
}
} #homepage-clients-say-and-pay {
float: left;
width: 100%;
background: #FFFFFF;
position: relative;
padding: 66px 0;
font-size: 21px;
font-weight: 400;
}
#homepage-clients-say-and-pay h2 {
font-size: 28px;
font-weight: 500;
}
#homepage-clients-say-and-pay blockquote {
font-size: 21px;
font-weight: 400;
font-style: normal;
border-left: 3px solid #004C8C;
margin: 0px;
padding: 0 0 0 20px;
position: relative;
}
#homepage-clients-say-and-pay blockquote:before {
content: none;
}
#homepage-clients-say-and-pay blockquote:after {
content: close-quote;
}
#homepage-clients-say-and-pay #split-line {
border: 1px solid #DBDBDB;
width: 0px;
height: 215px;
margin: 0 auto;
}
#homepage-clients-say-and-pay .cta-dark-blue {
font-size: 18px;
font-weight: 600;
text-transform: uppercase;
} @media only screen and (max-width: 767px) {
#homepage-clients-say-and-pay {
padding: 33px 0;
}
#homepage-clients-say-and-pay blockquote {
margin-bottom: 20px;
}
}
#homepage-contact-us-cta {
float: left;
width: 100%;
background: #004C8C;
position: relative;
padding: 66px 0;
color: #FFFFFF;
}
#homepage-contact-us-cta h2 {
font-size: 28px;
font-weight: 400;
margin-bottom: 20px;
}
#homepage-contact-us-cta p {
font-size: 28px;
float: left;
}
#homepage-contact-us-cta a.cta-blue {
float: left;
margin-top: 11px;
font-size: 18px;
text-transform: uppercase;
font-weight: 600;
padding: 11px 23px;
margin-left: 14px;
}
#homepage-contact-us-cta .homepage-contact-us-cta-icon {
width: 33%;
float: left;
text-align: center;
padding-top: 49px;
}
#homepage-contact-us-cta .homepage-contact-us-cta-icon:nth-child(2) img {
margin-bottom: 10px;
}
#homepage-contact-us-cta .homepage-contact-us-cta-icon img {
max-height: 36px;
max-width: 45px;
}
#homepage-contact-us-cta .homepage-contact-us-cta-icon h3 {
font-size: 28px;
font-weight: 400;
margin-top: 0px;
}
#homepage-latest-articles-news-case-study {
float: left;
width: 100%;
background: #EFF4F8;
padding: 60px 0;
}
#homepage-latest-articles-news-case-study h2 {
font-size: 16px;
color: #004C8C;
}
#homepage-latest-articles-news-case-study h3 {
font-size: 21px;
}
#homepage-latest-articles-news-case-study .home-articles {
padding-right: 40px;
}
#homepage-latest-articles-news-case-study .home-news {
padding: 0 20px;
}
#homepage-latest-articles-news-case-study .home-twitter {
padding-left: 40px;
} @media only screen and (max-width: 767px) {
#homepage-latest-articles-news-case-study .home-articles {
padding-right: 0px;
}
#homepage-latest-articles-news-case-study .home-news {
padding: 0 0px;
}
#homepage-latest-articles-news-case-study .home-twitter {
padding-left: 0px;
}
#homepage-latest-articles-news-case-study .home-articles, #homepage-latest-articles-news-case-study .home-news, #homepage-latest-articles-news-case-study .home-twitter {
margin-bottom: 33px;
}
}
#homepage-recognised-awards {
float: left;
width: 100%;
text-align: center;
background: #FFFFFF;
padding: 75px 0;  }
#homepage-recognised-awards h2 {
margin-bottom: 25px;
font-size: 28px;
font-weight: 400;
text-align: left;
}
#homepage-recognised-awards img {
margin: 0 20px 20px;
display: inline-block;
}
#homepage-recognised-awards .tall {
max-height: 130px;
}
#homepage-recognised-awards .wide {
max-height: 82px;
}
@media only screen and (max-width: 991px) {
#homepage-recognised-awards img {
margin: 0 10px 30px;
}
}
@media only screen and (max-width: 767px) {
#homepage-recognised-awards h2 {
text-align: center;
}
}
.hp-content, .subpage-content {
display: table-cell;
vertical-align: bottom;
color: white;
}
.hp-overlay {
width: 45%;
height: 450px;
background-repeat: no-repeat;
background-position: center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-image: url(//www.worthingtonslaw.co.uk/wp-content/themes/worthingtons/dist/images/hp-overlay.png);
background-position: right center;
position: absolute;
bottom: 0;
} .landing-page-lg {
display: table;
float: left;
width: 100%;
background-repeat: no-repeat;
background-position: center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
height: 450px;
position: relative;
overflow: hidden;
}
.landing-page-lg h1 {
font-size: 32px;
margin: 0 0 30px 0;
line-height: 1.2;
}
.landing-page-lg h1 span {
font-size: 54px;
font-weight: 700;
}
.landing-page-sm, .landing-page-xs {
display: table;
float: left;
width: 100%;
background-repeat: no-repeat;
background-position: center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
height: 350px;
position: relative;
overflow: hidden;
}
.landing-page-sm h1, .landing-page-xs h1 {
font-weight: 700;
margin: 0 0 30px 0;
}
.subpage-overlay {
width: 50%;
height: 350px;
position: absolute;
bottom: 0;
-webkit-clip-path: polygon(0 0, 70% 0, 88% 100%, 0 100%);
clip-path: polygon(0 0, 70% 0, 88% 100%, 0 100%);
}
.landing-page-xs {
height: 200px;
}
.landing-page-xs .subpage-overlay {
height: 200px;
} .feature-icons-section {
float: left;
width: 100%;
padding: 75px 0;
text-align: center;
}
.feature-icons-section .feature-icon {
padding: 0 50px;
margin: 40px 0;
}
.feature-icons-section .feature-icon img {
display: block;
margin: 0 auto;
}
.feature-icons-section .feature-icon a {
font-size: 21px;
font-weight: 500;
color: #28333D;
display: block;
margin: 15px 0 5px 0;
}
.feature-icons-section .feature-icon a:hover {
color: #28333D;
text-decoration: none;
}
.feature-icons-section .feature-icon p {
margin: 0;
} .left-half-container-v1, .left-half-container-v2, .left-half-container-vision {
float: left;
width: 100%;
position: relative;
}
.left-half-content-v1, .left-half-content-v2, .left-half-content-vision {
float: left;
width: 100%;
position: absolute;
top: 0;
color: white;
height: 400px;
}
.left-half-container-v1 {
margin-bottom: 30px;
} .left-half-img-v1 {
width: 50%;
float: left;
height: 400px;
width: 57%;
-webkit-clip-path: polygon(0% 0%, 100% 0, 88% 100%, 0 100%);
clip-path: polygon(0% 0%, 100% 0, 88% 100%, 0 100%);
}
.right-half-img-v1 {
width: 50%;
float: left;
background: #CB0062 url(//www.worthingtonslaw.co.uk/wp-content/themes/worthingtons/dist/images/corner-overlay.png) center center no-repeat;
background-size: cover;
height: 400px;
margin-left: -7%;
width: 50%;
clip-path: none;
} .left-half-img-v2 {
width: 50%;
float: left;
background: #004C8C url(//www.worthingtonslaw.co.uk/wp-content/themes/worthingtons/dist/images/corner-overlay.png) center center no-repeat;
background-size: cover;
height: 400px;
width: 50%;
-webkit-clip-path: polygon(0% 0%, 100% 0, 88% 100%, 0 100%);
clip-path: polygon(0% 0%, 100% 0, 88% 100%, 0 100%);
}
.right-half-img-v2 {
width: 50%;
float: left;
height: 400px;
margin-left: -7%;
width: 57%;
clip-path: none;
} .left-half-img-vision {
width: 50%;
float: left;
height: 400px;
width: 50%;
-webkit-clip-path: polygon(0% 0%, 100% 0, 88% 100%, 0 100%);
clip-path: polygon(0% 0%, 100% 0, 88% 100%, 0 100%);
}
.right-half-img-vision {
width: 50%;
float: left;
background: #004C8C url(//www.worthingtonslaw.co.uk/wp-content/themes/worthingtons/dist/images/corner-overlay.png) center center no-repeat;
background-size: cover;
height: 400px;
margin-left: -7%;
width: 57%;
clip-path: none;
}
.homepage-intro {
float: left;
width: 100%;
padding: 75px 0;
}
.homepage-intro p {
font-size: 24px;
}
.inline-list-services {
margin: 0;
padding: 0;
}
.inline-list-services li {
list-style: none;
font-size: 14px;
margin: 0;
display: inline;
}
.inline-list-services li:after {
content: ",";
}
.inline-list-services li:last-of-type:after {
content: "";
}
.recognised-awards {
text-align: center;
}
.recognised-awards h3 {
margin-bottom: 25px;
}
.recognised-awards img {
margin: 0 20px;
display: inline-block;
}
.for-you, .medical-negligence, .litigation, .family, .residential-property, .estate, .education, .for-business, .commercial, .commercial-property, .employment {
float: left;
width: 100%;
color: white;
background: #004C8C;
}
#service-cta-panel-content-container {
padding: 75px 0;
}
#service-cta-panel-content-container p {
font-size: 21px;
}
#service-cta-panel-content-container .cta-blue {
font-size: 18px;
font-weight: 600;
text-transform: uppercase;
padding: 11px 21px;
}
#find_out_more_panel_image {
background-repeat: no-repeat;
background-position: center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
float: right;
position: relative;
width: 40%;
height: 395px;
} @media only screen and (max-width: 1200px) {
#service-cta-panel-content-container {
padding: 62px 0;
}
} @media only screen and (max-width: 991px) {
#find_out_more_panel_image {
display: none;
}
}
.service-intro h2 {
margin-bottom: 25px;
font-weight: 500;
}
.areas-we-cover .cta-white {
margin-right: 25px;
}
.areas-we-cover-list ul {
margin: 20px 0;
padding: 0;
float: left;
}
.areas-we-cover-list ul li {
float: left;
width: 33.333%;
margin: 5px 0;
padding: 0 30px 0 0;
list-style: none;
}
.areas-we-cover-list ul li a {
color: white;
}
.areas-we-cover-list ul li:before {
content: "- ";
}
#solicitors-for-sub {
float: left;
width: 100%;
padding: 0px;
}
#solicitors-for-sub h1 {
font-size: 32px;
font-weight: 500;
}
#solicitors-for-sub #content-area h3 {
font-size: 26px;
font-weight: 500;
color: #004C8C;
}
#solicitors-for-sub .solicitors-for-sub-header {
margin-bottom: 21px;
}
#solicitors-for-sub .solicitors-for-sub-header h3 {
font-weight: 400;
margin-top: 0;
}
#solicitors-for-sub #featured-pic {
width: 100%;
}
#solicitors-for-sub #side-panel-content {
width: 100%;
float: left;
padding: 12px 28px;
}
#solicitors-for-sub #side-panel-content h3 {
font-size: 24px;
font-weight: 500;
}
#solicitors-for-sub #side-panel-content .related-employee-details {
float: left;
width: 100%;
margin: 25px 0 30px 0;
}
#solicitors-for-sub #side-panel-content .related-employee-details img.attachment-post-thumbnail {
float: left;
width: 160px;
height: 142px;
object-fit: cover;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
#solicitors-for-sub #side-panel-content .related-employee-details-content {
float: left;
padding-left: 16px;
}
#solicitors-for-sub #side-panel-content .related-employee-details-content h4 a {
font-size: 18px;
}
#solicitors-for-sub #side-panel-content p {
margin-bottom: 0px;
font-size: 16px;
font-weight: 500;
}
#solicitors-for-sub #side-panel-content p img {
margin-right: 10px;
width: 15px;
}
#solicitors-for-sub .solicitors-for-view-other-areas {
padding-top: 16px;
}
#solicitors-for-sub .solicitors-for-view-other-areas button {
padding: 15px 24px;
border-radius: 50px;
font-size: 18px;
font-weight: 600;
width: 400px;
text-align: left;
text-transform: capitalize;
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.125);
}
#solicitors-for-sub .solicitors-for-view-other-areas button #arrow {
float: right;
width: 16px;
transform: rotate(180deg);
margin-top: 7px;
}
#solicitors-for-sub .solicitors-for-view-other-areas button.dropdown-toggle {
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.125);
}
#solicitors-for-sub .solicitors-for-view-other-areas .dropdown-menu {
font-size: 18px;
margin: 0px;
border: 0px;
border-radius: 0px 0px 30px 30px;
box-shadow: 0 0 0;
width: 400px;
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.125);
}
#solicitors-for-sub .solicitors-for-view-other-areas .dropdown-menu ul {
list-style: none;
padding-left: 0;
}
#solicitors-for-sub .solicitors-for-view-other-areas .dropdown-menu li {
border-top: 1px solid rgba(0, 76, 140, 0.25);
padding: 6px 24px;
margin: 0;
}
#solicitors-for-sub .solicitors-for-view-other-areas .dropdown-menu li a {
color: #28333D;
font-weight: 500;
}
#solicitors-for-sub .solicitors-for-view-other-areas.open button {
border-radius: 30px 30px 0 0;
}
#solicitors-for-sub .solicitors-for-view-other-areas.open button #arrow {
transform: rotate(0deg);
margin-top: 7px;
}
#solicitors-for-sub-experts-mobile {
background: rgba(0, 76, 140, 0.16);
width: 100%;
float: left;
padding: 0px;
}
#solicitors-for-sub-experts-mobile h3 {
font-size: 24px;
font-weight: 500;
}
#solicitors-for-sub-experts-mobile .related-employee-details {
float: left;
width: 100%;
margin: 25px 0 30px 0;
}
#solicitors-for-sub-experts-mobile .related-employee-details img.attachment-post-thumbnail {
float: left;
width: 160px;
height: 142px;
object-fit: cover;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
#solicitors-for-sub-experts-mobile .related-employee-details-content {
float: left;
padding-left: 16px;
}
#solicitors-for-sub-experts-mobile .related-employee-details-content h4 a {
font-size: 18px;
}
#solicitors-for-sub-experts-mobile p {
margin-bottom: 0px;
font-size: 16px;
font-weight: 500;
}
#solicitors-for-sub-experts-mobile p img {
margin-right: 10px;
width: 15px;
}
.solicitors-for-cta-panel {
float: left;
width: 100%;
padding: 56px 0;
background: #004C8C;
}
.solicitors-for-cta-panel h3, .solicitors-for-cta-panel p {
font-size: 28px;
font-weight: 400;
color: #FFFFFF;
}
.solicitors-for-cta-panel .cta-blue {
font-size: 18px;
text-transform: uppercase;
font-weight: 600;
margin-left: 10px;
padding: 10px 20px;
}
.solicitors-for-cta-panel a {
color: #FFFFFF;
}
#solicitors-for-sub-related-article {
float: left;
width: 100%;
}
.related-service-article-container {
float: left;
width: 100%;
padding: 40px 0;
}
.related-service-article-container h3 {
font-size: 16px;
color: #004C8C;
text-transform: uppercase;
}
.related-service-article span {
text-transform: uppercase;
letter-spacing: 3px;
color: #0B97FF;
}
.related-service-article a {
display: block;
margin: 10px 0;
font-weight: 600;
text-transform: uppercase;
}
.related-service-article h4 {
font-size: 21px;
}
.related-service-article h4 a {
text-transform: capitalize;
}  @media only screen and (max-width: 991px) {
#solicitors-for-sub #side-panel-content {
padding: 23px 23px;
}
#solicitors-for-sub #side-panel-content .related-employee-details img.attachment-post-thumbnail {
width: 100%;
}
} @media only screen and (max-width: 767px) {
#solicitors-for-sub-related-article {
padding: 40px 0 20px;
}
.related-service-article-container {
padding: 0 0 20px 0;
}
#solicitors-for-sub-experts-mobile {
padding: 12px 28px;
}
#solicitors-for-sub .solicitors-for-view-other-areas button {
font-size: 15px;
font-weight: 600;
max-width: 400px;
width: 100%;
min-width: 290px;
}
#solicitors-for-sub .solicitors-for-view-other-areas button #arrow {
margin-top: 2px;
margin-left: 10px;
}
#solicitors-for-sub .solicitors-for-view-other-areas .dropdown-menu {
width: 290px;
}
} .page-error404 {
float: left;
width: 100%;
text-align: center;
}
.page-error404 .search-form {
margin-top: 20px;
}
.page-template-template-contact #solicitors-for-top-banner {
background-position: bottom;
height: 33.251953125vw;
max-height: 397px;
}
.contact h3 {
margin-bottom: 25px;
}
.contact label {
font-weight: 400;
}
.page-template-template-contact .content-section {
padding: 25px 0;
}
.page-template-template-contact .content-section #contact-intro {
padding: 0px 0 40px 0;
}
#clients-pay {
float: left;
width: 100%;
position: relative;
padding: 22px 0;
font-size: 21px;
font-weight: 400;
}
#clients-pay h2 {
font-size: 28px;
font-weight: 500;
}
#clients-pay .cta-pink {
font-size: 18px;
font-weight: 600;
text-transform: uppercase;
}
footer {
float: left;
width: 100%;
padding: 53px 0;
background-color: #28333D;
color: #FFFFFF;
}
footer a {
color: #FFFFFF;
}
footer a:hover {
text-decoration: none;
}
footer p {
margin: 0;
}
footer small {
font-size: 16px;
font-weight: 500;
display: block;
}
footer ul {
margin: 0;
padding: 0;
list-style: none;
}
footer ul li {
list-style: none;
margin: 0 0 13px 0;
font-weight: 600;
}
footer .location-title {
margin-bottom: 8px;
}
footer small, footer #social-media-links {
text-align: right;
}
footer #social-media-links {
margin-bottom: 30px;
}
footer #social-media-links a {
margin-left: 31px;
}
footer #social-media-links a:nth-child(1) {
margin-left: 0;
} @media only screen and (max-width: 767px) {
footer .menu-footer_nav-container {
columns: 2;
padding-bottom: 20px;
}
footer #social-media-links {
margin-top: 30px;
}
footer small, footer #social-media-links {
text-align: left;
}
}
.blog #solicitors-for-top-banner, .category #solicitors-for-top-banner, .search #solicitors-for-top-banner, .page-template-template-careers #solicitors-for-top-banner {
height: 273px;
}
.blog #solicitors-for-top-banner p, .category #solicitors-for-top-banner p, .search #solicitors-for-top-banner p, .page-template-template-careers #solicitors-for-top-banner p {
padding: 0 21%;
}
.blog .heavy-content-section-half-bg, .category .heavy-content-section-half-bg, .search .heavy-content-section-half-bg, .page-template-template-careers .heavy-content-section-half-bg {
padding: 25px 0 43px;
background: #fff;
width: 100%;
float: left;
}
.blog .heavy-content-section-half-bg h2, .category .heavy-content-section-half-bg h2, .search .heavy-content-section-half-bg h2, .page-template-template-careers .heavy-content-section-half-bg h2 {
font-weight: 500;
}
.blog .heavy-content-section-half-bg .one-article, .category .heavy-content-section-half-bg .one-article, .search .heavy-content-section-half-bg .one-article, .page-template-template-careers .heavy-content-section-half-bg .one-article {
padding: 13px 0;
border-bottom: 0px solid #eff4f8;
}
.blog .heavy-content-section-half-bg .one-article h3, .category .heavy-content-section-half-bg .one-article h3, .search .heavy-content-section-half-bg .one-article h3, .page-template-template-careers .heavy-content-section-half-bg .one-article h3 {
font-size: 21px;
font-weight: 600;
margin: 0px;
}
.blog .heavy-content-section-half-bg .one-article span, .category .heavy-content-section-half-bg .one-article span, .search .heavy-content-section-half-bg .one-article span, .page-template-template-careers .heavy-content-section-half-bg .one-article span {
font-size: 21px;
font-weight: 500;
color: #28333D;
}
.blog #article-nav a, .category #article-nav a, .search #article-nav a, .page-template-template-careers #article-nav a {
background: #0B97FF;
border: none;
display: inline-block;
padding: 7px 15px;
margin: 20px 20px 0 0;
font-size: 16px;
font-weight: 500;
color: #fff;
border-radius: 100px;
transition: all 0.3s ease;
}
.blog #article-nav a:hover, .category #article-nav a:hover, .search #article-nav a:hover, .page-template-template-careers #article-nav a:hover {
background: #008af1 !important;
color: #fff;
text-decoration: none;
transform: translateY(-1px);
}
#newsletter-sign-up {
float: left;
width: 100%;
padding: 20px 0 43px 0;
background: #EAF0F5;
}
#newsletter-sign-up h2 {
color: #004C8C;
font-size: 28px;
font-weight: 600;
}
#newsletter-sign-up p {
font-size: 21px;
}
#newsletter-sign-up .mc4wp-form-fields {
float: left;
width: 100%;
}
#newsletter-sign-up .mc4wp-form-fields p {
width: 20%;
float: left;
padding: 0 3% 0 0;
}
#newsletter-sign-up .mc4wp-form-fields p label {
font-size: 18px;
font-weight: 500;
}
#newsletter-sign-up .mc4wp-form-fields p input {
width: 100%;
border: 1px solid #707070;
padding: 8px;
height: 52px;
}
#newsletter-sign-up .mc4wp-form-fields #newsletter-signup-your-email {
width: 35%;
}
#newsletter-sign-up .mc4wp-form-fields #newsletter-signup-button input {
margin-top: 33px;
color: #FFFFFF;
border-radius: 40px;
font-size: 18px;
background: #0B97FF;
padding: 3px 15px;
font-weight: 500;
transition: all 0.3s ease;
border: 0px;
font-size: 18px;
font-weight: 600;
text-transform: uppercase;
}
#newsletter-sign-up .mc4wp-form-fields #newsletter-signup-button input:hover, #newsletter-sign-up .mc4wp-form-fields #newsletter-signup-button input:focus {
background: #008af1 !important;
text-decoration: none;
transform: translateY(-1px);
outline: none;
}
.resources-sidebar h2 {
font-size: 24px;
}
.resources-sidebar #resources-search label.screen-reader-text {
position: absolute;
left: -10000px;
top: auto;
width: 1px;
height: 1px;
overflow: hidden;
}
.resources-sidebar #resources-search input#s {
width: 100%;
border: 1px solid #707070;
padding: 8px;
height: 52px;
}
.resources-sidebar #resources-search input#searchsubmit {
margin-top: 20px;
color: #FFFFFF;
border-radius: 17px;
font-size: 18px;
background: #3A3A3A;
padding: 3px 15px;
font-weight: 500;
transition: all 0.3s ease;
}
.resources-sidebar #resources-search input#searchsubmit:hover, .resources-sidebar #resources-search input#searchsubmit:focus {
background: #2d2d2d !important;
text-decoration: none;
transform: translateY(-1px);
outline: none;
}
.resources-sidebar #resources-categories ul {
margin: 0px;
}
.resources-sidebar #resources-categories li {
float: left;
}
.resources-sidebar #resources-categories li a {
background: #0B97FF;
border: none;
display: inline-block;
padding: 7px 15px;
margin: 7px 15px 0 0;
font-size: 16px;
font-weight: 500;
color: #fff;
border-radius: 100px;
transition: all 0.3s ease;
}
.resources-sidebar #resources-categories li a:hover {
background: #008af1 !important;
color: #fff;
text-decoration: none;
transform: translateY(-1px);
} @media only screen and (max-width: 991px) {
#newsletter-sign-up .mc4wp-form-fields p {
width: 27%;
}
#newsletter-sign-up .mc4wp-form-fields #newsletter-signup-your-email {
width: 46%;
}
#newsletter-sign-up .mc4wp-form-fields #newsletter-signup-button {
clear: both;
}
#newsletter-sign-up .mc4wp-form-fields #newsletter-signup-button input {
margin-top: 7px;
}
} @media only screen and (max-width: 767px) {
#newsletter-sign-up .mc4wp-form-fields #newsletter-signup-your-email, #newsletter-sign-up .mc4wp-form-fields p {
width: 100%;
padding: 0;
}
}
#latest-articles {
padding: 16px 0;
width: 100%;
float: left;
}
#latest-articles h2 {
font-size: 32px;
font-weight: 500;
margin-top: 0px;
}
.page-template-template-careers #solicitors-for-top-banner {
background-position: top;
} @media only screen and (max-width: 767px) {
.page-template-template-careers #solicitors-for-top-banner h1 {
margin-top: 90px;
}
}
.explore-area {
width: 100%;
position: relative;
}
.explore-area .btn-group {
padding: 0;
width: 100%;
}
.explore-area .btn-group button {
margin: 0;
padding: 14px 20px;
background: #28333D;
color: #fff;
border-radius: 0px;
border: 0px;
font-size: 16px;
font-weight: 700;
width: 100%;
text-align: left;
text-transform: capitalize;
box-shadow: 0 0 0 rgba(0, 0, 0, 0);
white-space: normal;
}
.explore-area .btn-group button span#explore-area-icon {
float: right;
font-weight: 900;
font-size: 20px;
margin-top: -5px;
transition: transform 0.3s;
}
.explore-area .btn-group button.dropdown-toggle {
box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}
.explore-area .btn-group .dropdown-menu {
font-size: 16px;
margin: 0px;
padding: 0px;
border: 0px;
border-radius: 0px;
box-shadow: 0 0 0;
width: 100%;
box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.3);
}
.explore-area .btn-group .dropdown-menu ul {
width: 100%;
list-style: none;
margin: 0px;
padding: 6px 24px 24px;
}
.explore-area .btn-group .dropdown-menu li {
width: 100%;
border-bottom: 1px solid rgba(0, 76, 140, 0.5);
padding: 6px 0;
margin: 0;
}
.explore-area .btn-group .dropdown-menu li a {
color: #28333D;
text-transform: capitalize;
}
.explore-area .btn-group.open button {
border-radius: 0;
}
.explore-area .btn-group.open button span#explore-area-icon {
transform: rotate(-90deg);
}
#explore-area-section {
float: left;
width: 100%;
background: rgba(0, 76, 140, 0.08);
}
#explore-area-section .explore-area .btn-group button {
position: relative;
}
#explore-area-section .explore-area .btn-group .dropdown-menu {
position: relative;
}