#text-13 {
display: none;
}
#text-17 {
margin: 20px 0;
}
#footer-upper {
display: flex;	
flex-wrap: wrap;
padding: 40px 0;
margin-bottom: 0 !important;
}
#text-14,
#text-25 {
min-width: 320px;
}
#recent-posts-2 {
width: 30% !important;
min-width: 300px;
flex-grow: 1;
}
#nav_menu-4 {
width: 25% !important;
min-width: 220px;
}
#addresses h5 {
float: none;
display: block;
clear: both;	
}
#addresses .grid {
width: 100%;
border-bottom: 0;
overflow: hidden;
margin-bottom: 10px;
border-left: 3px solid rgb(255 255 255 / 25%);
padding-left: 10px;
}
#addresses h5 {
float: none;
display: block;
clear: both;
}
aside#footer-upper section {
width: auto;
float: none;
margin: 10px;
}
.site-footer { background-color: #a6192e;
}
.site-footer, 
.site-footer a {
color: #fff;
text-decoration: none;
font-size: 0.9rem;
}
.site-footer a:hover {
color: #fff !important;
}
.site-footer a:hover::before {
color: #CB0008 !important;
}
#tiles ul {
margin: 0;
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 30px;
width: 100%;
}
#tiles ul li {
background-size: cover !important;
background-repeat: no-repeat;
height: 300px;
border-radius: 10px;
overflow: hidden;
width: 100%;
float: none;
margin: 0;
}
#tiles ul li a {
display: flex;
text-align: center;
text-decoration: none;
padding: 10px;
word-spacing: 0;
letter-spacing: 0;
align-content: center;
justify-content: center;
height: 100%;
align-items: center;
font-weight: 600;
background-color: rgb(15 65 100 / 10%) !important;
-webkit-transition: 250ms cubic-bezier(.645, .045, .355, 1);
transition: 250ms cubic-bezier(.645, .045, .355, 1);
transition-property: all;
transition-duration: 250ms;
transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
transition-delay: 0s;
}
#tiles ul li a:hover {
background-color: rgb(15 65 100 / 50%) !important;
}
#tiles ul li a .title {
color: #fff;
display: block;
font-size: 1.4rem;
line-height: 1.1;
letter-spacing: -0.5px;
margin-bottom: 0em;
background: #a6192ecc;
padding: 10px 15px;
border-radius: 100px;
}
#tiles {
background-color: #f9f9f9;
overflow: hidden;
padding: 20px !important;
}
#testimonials-home {
overflow: hidden;
padding-bottom: 4em;
background: #efefee;
border-bottom: 1px solid #ccc;
}
#testimonials-home .inner {
max-width: 720px;
}
.site-info {
clear: both;
padding: 30px;
text-align: center;
background-color: #300303;
}
.site-info a {
font-size: 0.75rem;
}
.SRA { 
width: 120px !important;
height: 70px !important;
max-width: none !important;
max-height: none !important;
}
.accreditations-footer {
display: flex;
justify-content: center;
align-content: center;
flex-wrap: wrap;
flex-direction: row;
align-items: stretch;
}
#footer-lower {
margin: 0 auto !important;
padding-top: 20px !important;
padding-bottom: 20px!important;
}
#text-16 {
margin-bottom: 0;	
}
#colophon #map {
background-image: none;
background-size: 100% auto;
background-position: center center;
overflow: hidden;
background-color: #701020; }
.invert-colours {
-webkit-filter: invert(100%);
filter: invert(100%);	
}
.accreditations-footer img,
.SRA {
display: block;	
margin: 20px 10px;
}
.site-branding {
width: 100%;
text-align: center;
margin-top: 30px;
margin-bottom: 10px;
}
.site-branding img {
width: 390px;
height: auto;
margin-bottom: 0px;
margin-left: 15px;
margin-right: 15px;
}
.site-branding a {
display: inline-block;
}
.head-tel {
margin-right: 0px !important;
float: none !important;
}
#top-menu-mob {
max-height: none !important;
padding-top: 0 !important;
display: hidden;
justify-content: center;
flex-wrap: wrap;
flex-direction: row;
align-content: center;
align-items: stretch;
order: -1;
}
#header-bar {
background: #701020;
padding: 5px 10px;
}
#header-bar .widget {
float: none;
width: auto;
}
#header-bar li {
margin: 0 !important;
padding: 0 5px;
float: none;
}
.header-bar-inner {
max-width: 80em;
width: 100%;
margin: 0 auto;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
align-items: stretch;
}
#menu-header-bar-menu {
display: flex;	
}
#menu-header-bar-menu ul.sub-menu {
border-radius: 6px;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
padding: 0px 5px 0px 10px;
font-size: 16px;
font-weight: 600;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:hover {
background: transparent;	
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator:after {
margin: 0;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-toggle-on > a.mega-menu-link {
font-weight: bold;
background: #701020;
border-radius: 6px 6px 0 0;
}
.small-screen-topm {
display: none;
}
#homepage #cta-section {
background: linear-gradient( rgb(43 65 112 / 40%), rgb(43 65 112 / 40%) ), url(//www.markreynoldssolicitors.co.uk/wp-content/uploads/2022/04/bg3.jpg);
background-position: center 85%;
background-size: cover;
}
#homepage #cta-section .cta-form-container {
background-color: hsl(220deg 50% 20% / 60%) !important;
}
.welcome-left hr {
display: none;
}
.welcome-left {
text-align: left;
color: #fff;
display: flex;
align-items: flex-start;
align-content: center;
height: 100%;
flex-direction: column;
justify-content: center;
padding: 30px;
}
#homepage #cta-section .cta-content-container {
padding-top: 0px;
}
.welcome-left h1 {
font-size: 2.8rem;
font-weight: 600;
margin: 0;
width: auto;
border-bottom: 2px solid hsl(0deg 100% 50%);
display: inline-block;
}
.welcome-left h2 {
font-style: normal;
font-weight: 100;
max-width: 500px;
font-size: 1.4rem;
}
#practice-areas h3 {
font-size: 2.125rem;
margin: 40px 0 0px 0;
font-weight: bold;
text-align: center;
color: #000;
text-transform: uppercase;
}
#practice-areas {
background-color: #f9f9f9;
}
.cta-form h3 {
font-size: 1.4rem;
font-weight: bold;
margin-bottom: 20px;
}
.callus {
font-size: 1.2rem;
font-weight: bold;	
}
.wpcf7-form input[type="submit"] {
border-radius: 50px;
font-weight: bold;
}
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea {
width: 100%;
padding: 0.6em;
border: 0px solid #111;
background-color: #fff;
color: #111;
border-radius: 5px;
box-shadow: 0px 0px 5px rgb(0 0 0 / 10%);
margin-top: 5px;
}
#homepage #cta-section .cta-content-container,
#homepage #cta-section .cta-form-container,
#homepage #cta-section {
height: 620px;
}
#secondary #text-2 {
background-color: #eee;
padding: 1.5em 7.5%;
border: 0px solid #999;
border-radius: 6px;
}
.wpcf7-form input, .wpcf7-form textarea {
margin-bottom: 0px;
}
.contactfomm div {
text-transform: uppercase;
font-size: 0.8rem;
color: #777;
font-weight: bold;
margin-bottom: 15px;
}
select {
box-shadow: 0px 0px 5px rgb(0 0 0 / 10%);
border-radius: 5px;
border: 0px solid #111;
}
.site-content .widget-area {
border-left: 0px dotted #ddd;
overflow: hidden;
padding-right: 0;
min-width: 360px;
margin-left: 40px;
padding-left: 0;
}
#secondary h3.widget-title {
background-color: transparent;
padding: 10px 0;
}
input[type="submit"] {
border-radius:50px;
margin: 5px 0;
float: none;
}
input[type="search"] {
width: 95% !important;
margin: 4px;
float: none;
}
.search-submit {
width: 100% !important;
text-transform: uppercase;
font-weight: bold;	
}
.widget_search,
#text-23,
text-2 {
padding: 20px;
background: #eee;
border-radius: 5px;
}
#primary {
padding: 0;
max-width: 70em;
}
h1.entry-title {
border-bottom: 0px solid #ccc;
}
.content-area {
float: none;
margin: 0;
width: 100%;	
}
.site-main {
margin: 0;	
}
textarea {
height: 150px;	
}
#content {
padding: 15px;
display: flex;
max-width: 70em;
flex-direction: row;
align-content: flex-start;
justify-content: center;
align-items: stretch;
max-width: 70em;
}
#area-pages-menus {
padding: 20px 30px;
border-radius: 5px;
font-size: 0.8rem;
}
article {
color: #333;
max-width: 800px;
}
hr {
background-color: #ddd;
margin-bottom: 1.5em;
margin-top: 1.5em;
}
.content-area h1, 
.content-area h2, 
.content-area h3, 
.content-area h4, 
.content-area h5, 
.content-area h6 {
color: #000
}
.banner {
background-color: #efefef;
border-left: 6px solid #bf1212;
padding: 1em 16px;
font-size: 1rem !important;
font-weight: bold;
margin-bottom: 30px !important;
clear: both;
}
h2.entry-title {
text-transform: inherit;
}
#masthead {
background-color: #a6192e;
}
#mega-menu-wrap-primary {
background: transparent;
z-index: 99;
}
button, input[type="button"], input[type="reset"], input[type="submit"] {
background-color: #a6192e;
}
#mega-menu-wrap-primary .mega-menu-toggle {
background: #a6192e;
} @media screen and (max-width: 960px) {
#mega-menu-wrap-primary .mega-menu-toggle + #mega-menu-primary {
background: #701020;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item ul.mega-sub-menu a.mega-menu-link {
padding-left: 30px;
background: #f9f9f9;
}
#content {
flex-direction: column;
}
.site-content .widget-area {
min-width: 100%;
margin-left: 0px;
padding-left: 0;
}
.welcome-left h2 {
max-width: none;
font-size: 1.1rem;
}
#homepage #cta-section .cta-content-container,
#homepage #cta-section .cta-form-container {
height: auto;
}
#homepage #cta-section {
min-height: 680px;
}
.cta-form {
color: #fff;
max-width: 360px;
margin: 0 auto;
}
.welcome-left {
text-align: center;
color: #fff;
display: flex;
align-items: center;
align-content: center;
height: 100%;
flex-direction: column;
justify-content: center;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
padding: 0px 10px 0px 10px;
}
.fixthewidth {
width: 100%;
}
#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-label {
color: #fff;
font-size: 16px;
font-weight: bold;
}
#tiles ul {
grid-template-columns: 1fr 1fr;
}
#header-bar li {
float: none!important;
}
#top-menu-mob {
display: flex;
}
#nav_menu-3 {
display: none;
}
#header-bar {
max-height: none !important;
}
#mega-menu-wrap-primary .mega-menu-toggle {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
} @media screen and (max-width: 48em) {
.entry-content {
margin: 0em;
}
.cta-form h3 {
font-size: 1.3rem !important;
}
#homepage #cta-section .cta-content-container,
#homepage #cta-section .cta-form-container,
#homepage #cta-section {
height: auto;
}
.welcome-left h1 {
width: auto !important;
font-size: 6vw !important;
}
.site-branding {
margin-top: 0;
margin-bottom: 0;
}
.site-branding img {
width: 300px;
padding: 10px;
}
.head-tel {
background-color: transparent;
width: 100%;
text-align: center;
float: none;
position: relative;
}
.head-tel a {
padding-left: 0 !important;
}
#tiles ul li a .title {
font-size: 1rem;
margin-bottom: 0;
}
#tiles ul {
margin: 0;
grid-template-columns: 1fr;
grid-gap: 15px;
}
#tiles ul li{
height: 30vw;
min-height: 100px;
}
#tiles .inner {
margin-top: 0em;
}
#top-menu-mob {
order: 1;
}
.header-bar-inner {
flex-direction: column;
}
}