/*
Theme Name: BB Law
Description: Custom CSS file for BB Law
Author: Yellow Circle Web Solutions
Text Domain: ultimatum
ULT ID: 1
*/

/*BB Law Custom CSS File*/
body {
  font-family: 'Signika', sans-serif !important;
  background: #fff;
  color: #555;
}
/*Typography*/
h1, h2, h4 {
  color: #523eae !important;
}
h1, h2 {
  color: #523eae;
  font-size: 1.4em;
}
#col-3-1 h1 {
  font-size: 2em;
  text-align: center;
}
#col-3-1 h2 {
  text-align: center;
}
h1.super-title {
  text-transform: uppercase;
  border: medium none;
  margin-bottom: 0.5em;
  font-size: 1.3em;
  font-weight: normal;
}
h3 {
  line-height: 1;
  word-wrap: break-word;
  font-size: 1.1em;
  margin: 0.5em 0px;
  color: #555;
  font-weight: normal
}
h3.mobile-only {
  display: none;
}
h3.post-header a {
  color: #555 !important;
  font-size: 1.4em;
  line-height: 40px;
}
h3.element-title {
  font-size: 1.2em;
  margin: 1em 0 0;
  background: #523eae;
  color: #fff;
  padding: 10px 10px 10px 10px;
}
h4 {
  background-color: #523eae !important;
  color: #fff !important;
  text-align: left !important;
  font-size: 1.2em;
  padding: 10px 10px 10px 15px;
  font-weight: normal;
  margin-bottom: 0px !important;
}
/* purple widget header used on the news and blog pages*/
h4.recentposth3 {
  background: none !important;
  padding-left: 10px;
  color: #fff;
}
.no-margin-top {
  margin-top: 0px !important;
}
.margin-bottom-20 {
  margin-bottom: 20px !important;
}
dd {
  display: inline;
}
dt {
  display: inline;
  margin-right: 10px;
}
.recenposts.vertical {
  background: #e7e8f0;
}
.recenposts.vertical p {
  padding: 0 10px 1em;
  margin-bottom: -1em;
}
.recenposts.vertical p:after {
  content: url('https://www.birchallblackburn.co.uk/wp-content/uploads/2014/11/horizontal-divider-grey.png');
  display: block;
  margin: 0 auto;
}
.orange-bg-header {
  background-color: #e37114 !important;
}
.green-bg-header {
  background-color: #37bc37 !important;
}
.blue-bg-header {
  background-color: #3873dc !important;
}
.pink-bg-header {
  background-color: #df3bad !important;
}
a {
  color: #523eae;
}
ul a {
  color: #333;
}
a:link, a:vistied {
  color: #fff !important;
}
a:hover, a:active {
  text-decoration: none !important;
}
a.recentlink {
  margin: 0 !important;
}
li.listing-item {
  margin-bottom: 15px;
}
.listing-item a {
  color: #523EAE;
  font-size: 16px;
}
.pink-bg {
  background-color: #df3bad !important;
  padding: 5px 5px 25px 5px;
  color: #fff !important;
  text-align: center !important;
  font-size: 1.2em !important;
}
.large-text {
  font-size: 2.6rem !important;
}
.grey-text {
  color: #666666;
}
.orange-text {
  color: #e37114 !important;
}
.blue-text {
  color: #3873dc !important;
}
.green-text {
  color: #37bc37 !important;
}
.pink-text {
  color: #df3bad !important;
}
.white-text {
  color: #fff !important;
}
/*Schema Reviews CSS*/
.tt_theme_card .tt_info-left {
  min-width: 30%;
  background-color: #523eae !important;
}
/* Button Styling CSS */
.btn-primary {
  margin: 0px auto !important;
  display: block;
  background-color: #523eae !important;
  background-image: none;
}
/* Youtube Lightbox CSS */
.pp_close {
  z-index: 999;
}
/* iFrame CSS */
iframe {
  margin-top: 15px;
}
.green-bg {
  background-color: #37bc37 !important;
  padding: 12px 5px 12px 5px;
  color: #fff !important;
  text-align: center !important;
  font-size: 1em !important;
}
.blue-bg {
  background-color: #3873dc !important;
  padding: 12px 5px 12px 5px;
  color: #fff !important;
  text-align: center !important;
  font-size: 1em !important;
}
.dark-blue-bg {
  background-color: #182131 !important;
  padding: 12px 5px 12px 5px;
  color: #fff !important;
  text-align: center !important;
  font-size: 1em !important;
}
.pink-bg {
  background-color: #df3bad !important;
  padding: 12px 5px 12px 5px;
  color: #fff !important;
  text-align: center !important;
  font-size: 1em !important;
}
.orange-bg {
  background-color: #e37114 !important;
  padding: 12px 5px 12px 5px;
  color: #fff !important;
  text-align: center !important;
  font-size: 1em !important;
}
.large-text-purple-bg {
  background-color: #523eae !important;
  color: #fff !important;
  text-align: left !important;
  font-size: 1.2em;
  padding: 10px 10px 10px 15px;
}
.grey-bg-wrapper {
  background-color: #e7e8f0;
  padding: 20px 10px;
  border: 1px solid #d1d1d1;
  min-height: 225px;
}
.grey-bg-wrapper-w-logo {
  padding: 20px 10px;
  border: 1px solid #d1d1d1;
  min-height: 225px;
  background-image: url("https://www.birchallblackburn.co.uk/wp-content/uploads/2014/12/twitter-block-bg.jpg");
  background-color: #e7e8f0;
}
.purple-bg-wrapper {
  background-color: #523eae;
  padding: 0px 10px 20px 10px;
  min-height: 300px;
  color: #fff !important;
}
.orange-bg-wrapper {
  background-color: #e37114;
  padding: 0px 10px 20px 10px;
  min-height: 300px;
  color: #fff !important;
}
.blue-bg-wrapper {
  background-color: #3873dc;
  padding: 0px 10px 20px 10px;
  min-height: 300px;
  color: #fff !important;
}
.green-bg-wrapper {
  background-color: #37bc37;
  padding: 0px 10px 20px 10px;
  min-height: 300px;
  color: #fff !important;
}
.pink-bg-wrapper {
  background-color: #df3bad;
  padding: 0px 10px 20px 10px;
  min-height: 300px;
  color: #fff !important;
}
a.read-more-button {
  z-index: 99 !important;
}
/*This is the code that makes the the box around the dropdown menus that are on the level 3 pages of each service section*/
.services-level-3-box {
  min-height: 350px;
  background: #d6d6d6 url('https://www.birchallblackburn.co.uk/wp-content/uploads/2015/02/dropdown-menu-bg.jpg') left top no-repeat;
}
.services-level-3-box .colwrapper {}
.green-bg-wrapper a, .blue-bg-wrapper a, .orange-bg-wrapper a, .pink-bg-wrapper a, .purple-bg-wrapper a {
  color: #fff !important;
}
a.read-more-button:link, a.read-more-button:visited {
  padding: 10px;
  background-color: #523eae;
  border-radius: 5px;
  color: #fff;
  float: right;
  margin-right: 15px;
  margin-top: -30px;
}
a.read-more-button:hover, a.read-more-button:active {
  background-color: #7464bd;
  text-decoration: none;
}
a.text-button:link, a.text-button:visited {
  padding: 10px;
  background-color: #523eae;
  border-radius: 5px;
  color: #fff;
  float: right;
  margin-right: 15px;
  margin-top: -30px;
}
a.text-button:hover, a.text-button:active {
  background-color: #7464bd;
  text-decoration: none;
}
a.brand {
  display: none !important;
}
.orange-bg a, .pink-bg a, .green-bg a, .blue-bg a, .dark-blue-bg a {
  color: #fff !important;
}
.post-meta {
  border-bottom: 2px solid #523eae;
  margin-bottom: 1em;
  padding: .5em 0 1em;
}
#col-155-1 .post-meta {
  border-bottom: 0px solid #523eae;
  margin-bottom: 1em;
  padding: .5em 0 1em;
}
.date::before {
  content: "Posted on ";
}
ul .date::before {
  content: "";
}
/*Structure*/
.wpcf7-form .wpcf7-control input[type="text"] {
  color: #f00 !important;
}
#wp-live-chat-2-info {
  width: 91.5%;
}
::-moz-placeholder {
  color: #000 !important;
}
/* This style the form underneath the google map on the locations page*/
#wpgmaps_directions_editbox_3 table {
  max-width: 60% !important;
}
/*This creates the purple bar at the very top of the screen*/
.headwrapper #wrapper-4, .headwrapper #wrapper-8, .headwrapper #wrapper-17, .headwrapper #wrapper-25, .headwrapper #wrapper-39, .headwrapper #wrapper-45 {
  background-color: #201f37 !important;
  width: 100% !important;
  height: 30px;
  padding-top: 5px;
  display: block;
  color: #fff !important;
  text-align: center;
}
/* horizontal rule styling */
hr {
  margin: 20px 0px;
  border-right: 0px none;
  border-left: 0px none;
  -moz-border-top-colors: none;
  -moz-border-right-colors: none;
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  border-image: none;
  border-width: 1px 0px;
  border-style: solid none;
  border-color: #ccc -moz-use-text-color #FFF;
}
/* widget styles */
.textwidget {
  margin: 1em 0 1em;
}
#ultimatum-custom-css-form {
  display: none !important;
}
/*Contact form callback styling*/
input[type="text"], input[type="email"] {
  padding: 0px 10px 0px 10px !important;
  height: 25px;
}
/*Search box styling*/
.form-search .btn {
  background-color: #efefef !important;
  color: #000 !important;
}
/*Form Styling Orange*/
form p {
  font-size: 1.1em !important;
}
form button {
  background-color: #e37114 !important;
  border: none !important;
  color: #fff !important;
  padding: 5px !important;
}
.wpcf7-submit {
  background-color: #e37114 !important;
  border: none !important;
  color: #fff !important;
  padding: 5px !important;
}
/* this is the get directions form on the location pages */
.wpgmaps_directions_outer_div table td {
  border: 1px solid #ccc;
  padding: 7px 5px 0px;
}
/* Essential Grid filter button styling */
.esg-selected-filterbutton {
  background-color: #523eae;
  color: #fff !important;
}
/*Form Styling Pink*/
#col-20-1 form button, #col-22-1 form button {
  background-color: #df3bad !important;
  border: none !important;
  color: #fff !important;
  padding: 5px !important;
}
#col-20-1 .wpcf7-submit, #col-22-1 .wpcf7-submit {
  background-color: #df3bad !important;
  border: none !important;
  color: #fff !important;
  padding: 5px !important;
}
/*Form Styling green*/
#col-23-1 form button, #col-23-1 form button, #col-27-1 form button, #col-27-1 form button {
  background-color: #37bc37 !important;
  border: none !important;
  color: #fff !important;
  padding: 5px !important;
}
#col-23-1 .wpcf7-submit, #col-23-1 .wpcf7-submit, #col-27-1 .wpcf7-submit, #col-27-1 .wpcf7-submit {
  background-color: #37bc37 !important;
  border: none !important;
  color: #fff !important;
  padding: 5px !important;
}
/*This is for the image blocks on the service landing pages where there's a link to each sub-service*/
.one_third {
  position: relative;
}
.one_third .text-button {
  position: absolute;
  top: 230px !important;
  left: 30px !important;
}
.one_fourth {
  position: relative;
}
.one_fourth .text-button {
  position: absolute;
  bottom: 50px !important;
  left: 30px !important;
}
/*Footer styling - this puts the purple line above it*/
#col-5-1 .widget {
  border-top: 1px solid #523eae !important;
  padding-top: 5px;
}
/*This is for the positioning of the read more buttons on the home page*/
#col-3-1 .one_fourth {
  position: relative;
}
.one_fourth .read-more-button {
  position: absolute;
  bottom: 50px !important;
  right: 10px !important;
}
/*Edit to the ultimatum one-third since the margins aren't right at all*/
.one_third {
  margin-right: 4% !important;
}
.last {
  margin-right: 0% !important;
}
/*This makes the orange wrapper on the personal injury pages for the blocks on the bottom of this page*/
#container-13 .widget {
  background-color: #e7e8f0 !important;
  padding: 5px 10px 5px 10px !important;
  margin-bottom: 20px !important;
}
#container-13 h3 {
  background-color: #e37114 !important;
  display: block !important;
  color: #fff !important;
  padding: 5px 10px;
}
#container-13 a {
  color: #555 !important;
}
/*This makes the blue wrapper on the services for business pages that are for the blocks on the bottom of this page*/
#container-44 .widget {
  background-color: #e7e8f0 !important;
  padding: 5px 10px 5px 10px !important;
  margin-bottom: 20px !important;
}
#container-44 h3 {
  background-color: #3873dc !important;
  display: block !important;
  color: #fff !important;
  padding: 5px 10px;
}
#container-44 a {
  color: #555 !important;
}
/*This makes the orange and green wrapper on the service pages for the blocks on the bottom of these pages*/
#container-21 .widget {
  background-color: #e7e8f0 !important;
  padding: 5px 10px 5px 10px !important;
  margin-bottom: 20px !important;
}
#container-21 h3 {
  background-color: #df3bad !important;
  display: block !important;
  color: #fff !important;
  padding: 5px 10px;
}
#container-21 a {
  color: #555 !important;
}
#container-24 .widget {
  background-color: #e7e8f0 !important;
  padding: 5px 10px 5px 10px !important;
  margin-bottom: 20px !important;
}
#container-24 h3 {
  background-color: #37bc37 !important;
  display: block !important;
  color: #fff !important;
  padding: 5px 10px;
}
#container-24 a {
  color: #555 !important;
}
/*This is the same as below which makes the green text in the green section of the services but works for the green section in services*/
#col-23-1 .inner-container, #col-14-1 .inner-container, #col-27-1 .inner-container {
  color: #37bc37;
  padding: 10px;
  margin-bottom: 10px;
}
#col-23-1 .inner-container p, #col-27-1 .inner-container p {
  font-size: 1.4em;
}
#col-23-1 .inner-container ul li, #col-27-1 .inner-container ul li {
  margin-bottom: 5px;
}
/*This is the same as below but works for the orange section in services*/
#col-20-1 .inner-container, #col-14-1 .inner-container, #col-22-1 .inner-container {
  color: #df3bad;
  padding: 10px;
  margin-bottom: 10px;
}
#col-20-1 .inner-container p, #col-22-1 .inner-container p {
  font-size: 1.4em;
}
#col-20-1 .inner-container ul li, #col-22-1 .inner-container ul li {
  margin-bottom: 5px;
}
/*This is the same as above but work for the pink section in services*/
#col-7-1 .inner-container, #col-14-1 .inner-container {
  color: #c46111;
  padding: 10px;
  margin-bottom: 10px;
}
#col-7-1 .inner-container p {
  font-size: 1.4em;
}
#col-7-1 .inner-container ul li {
  margin-bottom: 5px;
}
.orange-bg {
  background-color: #c46111 !important;
}
/*This adds in the space between the header and where the slider starts*/
#wrapper-6 {
  margin-top: 15px !important;
  margin-bottom: 15px !important;
}
#container-6 {
  background-color: #eaeaea !important;
}
/*This is for the main header area which is the lighter purple color and the other one is for the orange where the color is set in the template and this will also have code with affects all the different coloured service areas*/
.headwrapper #container-1, .headwrapper #container-40 {
  background-color: #523eae !important;
  padding-top: 10px;
  color: #fff !important;
  text-align: center;
}
.headwrapper #container-9, .headwrapper #container-18, .headwrapper #container-26, .headwrapper #container-46 {
  padding-top: 10px;
  color: #fff !important;
  text-align: center;
}
.padded-header-block {
  padding-left: 40px;
  padding-right: 40px;
}
/*Side menu styling on services*/
.ultimatum-nav li a {
  color: #666 !important;
  border-bottom: 1px dotted #666;
}
.ultimatum-nav ul li.current-menu-item {
  font-weight: bold;
}
/*Main Menu Styling - Purple*/
.navbar-inner {
  background: none !important;
  border: none !important;
  box-shadow: none !important;
}
.navbar .nav {
  float: right !important;
}
.nav {
  background-color: #523eae !important;
  background-image: none !important;
  border: none !important;
  color: #fff !important;
  text-transform: uppercase !important;
}
.nav li a {
  color: #fff !important;
  text-transform: uppercase !important;
}
.nav li a:link, .nav li a:visited {
  background-color: #7464bd !important;
  border-left: 1px solid #523eae !important;
}
.nav li a:hover, .nav li a:active {
  box-shadow: inset 0 -20px 0px -15px #392b77;
}
/* this is the little potiner next to menu items with drop-down links */
.navbar .nav li.dropdown > .dropdown-toggle .caret {
  border-top-color: #fff;
  border-bottom-color: #fff;
}
/* drop down menu options */
ul.dropdown-menu {
  background-color: #fff !important;
}
.dropdown-menu > li > a {
  border-bottom: 1px solid #fff;
}
.dropdown-menu > li > a:hover {
  color: #fff !important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #007FBF), color-stop(1, #007FBF));
  background-image: -o-linear-gradient(bottom, #007FBF 0%, #007FBF 100%);
  background-image: -moz-linear-gradient(bottom, #007FBF 0%, #007FBF 100%);
  background-image: -webkit-linear-gradient(bottom, #007FBF 0%, #007FBF 100%);
  background-image: -ms-linear-gradient(bottom, #007FBF 0%, #007FBF 100%);
  background-image: linear-gradient(to bottom, #007FBF 0%, #007FBF 100%);
  box-shadow: inset 0 -20px 0px -15px #007FBF;
}
/*Main Menu Styling - Green*/
#container-26 .navbar, #container-26 .nav {
  background-color: #37bc37 !important;
}
#container-26 .navbar li a:link, #container-26 .nav li a:visited {
  background-color: #5dc95d !important;
  border-left: 1px solid #2a8e2a !important;
}
#container-26 .navbar li a:hover, #container-26 .nav li a:active {
  box-shadow: inset 0 -20px 0px -15px #2a8e2a;
}
#container-26 .navbar .btn-navbar {
  background: #5dc95d !important;
}
/*Main Menu Styling - Pink*/
#container-18 .navbar, #container-18 .nav {
  background-color: #df3bad !important;
}
#container-18 .navbar li a:link, #container-18 .nav li a:visited {
  background-color: #e561bd !important;
  border-left: 1px solid #b61f88 !important;
}
#container-18 .navbar li a:hover, #container-18 .nav li a:active {
  box-shadow: inset 0 -20px 0px -15px #b61f88;
}
#container-18 .navbar .btn-navbar {
  background: #e561bd !important;
}
/*Main Menu Styling - Orange*/
#container-9 .navbar, #container-9 .nav {
  background-color: #e37114 !important;
}
#container-9 .navbar li a:link, #container-9 .nav li a:visited {
  background-color: #e98c42 !important;
  border-left: 1px solid #e98c42 !important;
}
#container-9 .navbar li a:hover, #container-9 .nav li a:active {
  box-shadow: inset 0 -20px 0px -15px #c46111;
}
#container-9 .navbar .btn-navbar {
  background: #e98c42 !important;
}
/*Main Menu Styling - Blue*/
#container-46 .navbar, #container-46 .nav {
  background-color: #3873dc !important;
}
#container-46 .navbar li a:link, #container-46 .nav li a:visited {
  background-color: #5e8ee3 !important;
  border-left: 1px solid #5e8ee3 !important;
}
#container-46 .navbar li a:hover, #container-46 .nav li a:active {
  box-shadow: inset 0 -20px 0px -15px #295cb5;
}
#container-46 .navbar .btn-navbar {
  background: #5e8ee3 !important;
}
/* images */
.fimage-align-left {
  margin-bottom: 2em;
  margin-top: 1em;
}
.bordered-center-image {
  display: block;
  width: 100% !important;
  border: 1px solid #e7e8f0;
}
/* breadcrumbs */
.breadcrumb {
  padding-left: 0 !important;
  margin: .5em 0;
  background: none;
  border-radius: 0px;
}
/*forms */
form {
  background-color: #EAEAEA;
  background-image: -moz-linear-gradient(center top, #FFF, #EAEAEA);
  border-width: 1px;
  border-style: solid;
  border-color: #CCC #CCC #AAA;
  -moz-border-top-colors: none;
  -moz-border-right-colors: none;
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  border-image: none;
  border-radius: 4px;
  clear: both;
  margin-top: 1em;
  padding: 1em;
}
input, select {
  cursor: pointer;
}
select, input[type="text"], input[type="password"], input[type="email"] {
  box-shadow: 0px 1px 0px #FFF, 0px 1px 1px rgba(0, 0, 0, 0.2) inset;
  background-color: #FFF;
  box-sizing: border-box;
  border-width: 1px;
  border-style: solid;
  border-color: #AAA #AAA #CCC;
  -moz-border-top-colors: none;
  -moz-border-right-colors: none;
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  border-image: none;
  cursor: text;
  margin: 0px;
  outline: medium none;
  padding: 0.4em 0.2em;
  vertical-align: middle;
  width: 100%;
  font-size: .9em;
}
input[type="text"], input[type="email"], textarea {
  padding: .75em;
}
input[type="submit"] {
  box-shadow: 1px 1px 1px #392B77;
  background-color: #523EAE !important;
  border: medium none;
  border-radius: 2px;
  color: #FFF;
  cursor: pointer;
  display: inline-block;
  font-size: 1em;
  line-height: 1;
  margin: 0px;
  padding: 0.3em 0.8em;
  text-decoration: none;
  vertical-align: middle;
  white-space: nowrap;
}
area, textarea {
  background-color: #FFF;
  box-shadow: 0px 1px 0px #FFF, 0px 1px 1px rgba(0, 0, 0, 0.2) inset;
  box-sizing: border-box;
  border-width: 1px;
  border-style: solid;
  border-color: #AAA #AAA #CCC;
  -moz-border-top-colors: none;
  -moz-border-right-colors: none;
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  border-image: none;
  border-radius: 2px;
  height: auto;
  overflow: auto;
  margin: 0px;
  outline: medium none;
  padding: 8px 10px;
  width: 100%;
}
/* iPad */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
  /***** Structure *****/
  /*This pushes the links in the footer down a bit in iPad because they come up a bit too close*/
  #col-5-1 {
    padding-top: 30px !important;
  }
  /***** Small Styling *****/
  /*This forces the phone numbers to go white on iPad since Apple automatically turns them into a link and loses its colors*/
  #col-40-1 a, #col-9-1 a, #col-26-1 a, #col-46-1 a, #col-1-1 a {
    color: #fff !important;
  }
  /*This makes it so each coloured header on the home page is the same height since residential goes way longer on iPad*/
  .green-bg, .pink-bg, .orange-bg, .blue-bg {
    min-height: 40px;
  }
  .one_third .text-button {
    position: absolute;
    top: 180px !important;
    left: 30px !important;
  }
  .recenposts.vertical p:after {
    content: url('https://www.birchallblackburn.co.uk/wp-content/uploads/2014/11/horizontal-divider-grey.png');
    display: none;
    margin: 0 auto;
  }
  /*This changes the phone numbers that get forced into being links by iPad*/
  .green-bg-wrapper a, .blue-bg-wrapper a, .orange-bg-wrapper a, .pink-bg-wrapper a, .purple-bg-wrapper a {
    color: #fff !important;
  }
}
/* iPad portrait */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
  .large-text {
    font-size: 2rem !important;
  }
  .one_third .text-button {
    position: absolute;
    top: 140px !important;
    left: 20px !important;
    font-size: 12px !important;
  }
  .one_fourth h4 {
    display: none !important;
  }
}
/* mobile phone */
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) {
  /* structure */
  body {
    padding-top: 20px;
  }
  /* This style the form underneath the google map on the locations page*/
  #wpgmaps_directions_editbox_3 table {
    max-width: 90% !important;
  }
  /*This pushes the links in the footer down a bit on phones because they come up a bit too close*/
  #col-5-1 {
    padding-top: 30px !important;
  }
  .padded-header-block {
    display: none;
  }
  #col-4-1, #wrapper-4, #col-39-1, #col-8-1, #wrapper-8, #wrapper-25, #wrapper-45, #wrapper-17 {
    display: none !important;
  }
  .green-bg-wrapper a, .blue-bg-wrapper a, .orange-bg-wrapper a, .pink-bg-wrapper a, .purple-bg-wrapper a {
    color: #fff !important;
  }
  .services-level-3-box {
    min-height: 40px !important;
  }
  h3.mobile-only {
    display: block !important;
    color: #fff !important;
  }
  h3.mobile-only a {
    color: #fff !important;
  }
  .hidden-xs {
    display: none;
  }
  /* navigation */
  a.brand, #container-9 a.brand, #container-26 a.brand, #container-46 a.brand {
    display: block !important;
    color: #fff !important;
    font-size: 1.1em !important;
  }
  .navbar {
    position: fixed !important;
    top: 0 !important;
    width: 100% !important;
    display: block;
    margin-left: -20px !important;
    padding-left: 0px !important;
    z-index: 100000 !important;
    border-radius: 0px;
    background: #523eae;
  }
  .navbar .btn-navbar {
    background: #40287e !important;
    padding: 8px !important;
  }
  .nav {
    width: 100% !important;
  }
  .nav li {
    font-size: .9em;
    display: block;
    width: 100% !important;
    text-align: left;
  }
  .nav ul.dropdown-menu {
    margin-left: 0 !important;
    padding-left: 0 !important;
    background: none !important;
  }
  .nav ul.dropdown-menu li {
    margin-bottom: 0 !important;
    border-bottom: 0 !important;
  }
  /* this code fixes the problem with the sub menu links closing on click on mobiles */
  .dropdown:hover .dropdown-menu {
    display: block;
  }
  .dropdown-submenu {
    position: relative !important;
  }
  .dropdown-submenu > .dropdown-menu {
    top: 0 !important;
    left: 100% !important;
    margin-top: -6px !important;
    margin-left: -1px !important;
    border-radius: 0 !important;
  }
  .dropdown-submenu:hover > .dropdown-menu {
    display: block !important;
  }
  /*This is for the image blocks on the service landing pages where there's a link to each sub-service*/
  .one_third .text-button {
    position: absolute;
    top: 180px !important;
    left: 30px !important;
  }
  .one_fourth .text-button {
    position: absolute;
    bottom: 50px !important;
    left: 30px !important;
  }
  /* typography */
  h1 {
    line-height: 1.2em;
  }
}
/* boostrap css needed for the site */
.col-xs-pull-12 {
  right: 100%;
}
.col-xs-pull-11 {
  right: 91.66666667%;
}
.col-xs-pull-10 {
  right: 83.33333333%;
}
.col-xs-pull-9 {
  right: 75%;
}
.col-xs-pull-8 {
  right: 66.66666667%;
}
.col-xs-pull-7 {
  right: 58.33333333%;
}
.col-xs-pull-6 {
  right: 50%;
}
.col-xs-pull-5 {
  right: 41.66666667%;
}
.col-xs-pull-4 {
  right: 33.33333333%;
}
.col-xs-pull-3 {
  right: 25%;
}
.col-xs-pull-2 {
  right: 16.66666667%;
}
.col-xs-pull-1 {
  right: 8.33333333%;
}
.col-xs-pull-0 {
  right: auto;
}
.col-xs-push-12 {
  left: 100%;
}
.col-xs-push-11 {
  left: 91.66666667%;
}
.col-xs-push-10 {
  left: 83.33333333%;
}
.col-xs-push-9 {
  left: 75%;
}
.col-xs-push-8 {
  left: 66.66666667%;
}
.col-xs-push-7 {
  left: 58.33333333%;
}
.col-xs-push-6 {
  left: 50%;
}
.col-xs-push-5 {
  left: 41.66666667%;
}
.col-xs-push-4 {
  left: 33.33333333%;
}
.col-xs-push-3 {
  left: 25%;
}
.col-xs-push-2 {
  left: 16.66666667%;
}
.col-xs-push-1 {
  left: 8.33333333%;
}
.col-xs-push-0 {
  left: auto;
}
/* Online payment Fix */
#payment-form input[type="text"], #payment-form input[type="password"], #payment-form input[type="email"], #payment-form.contact-form select, #payment-form textarea {
  padding: 0 7px;
  height: 30px;
  line-height: 30px;
}
/* Validate page */
p#Response {
  line-height: 32px;
}

*/ hiding of callback form to eradicate web page display errors 

https://www.birchallblackburn.co.uk/specialist-and-commercial-property/ - old layout Enfranchisment leashold
https://www.birchallblackburn.co.uk/equity-release-solicitors/ - old layout - Equity release
https://www.birchallblackburn.co.uk/leasehold-enfranchisement/ - old layout Enfranchisment leashold
https://www.birchallblackburn.co.uk/family-law/ - old layout Family Law
https://www.birchallblackburn.co.uk/personal-injury-advice/ - old layout Personal Injury Advice Layout
https://www.birchallblackburn.co.uk/wills-probate-lpa/ - old layout Wills LPA Probate layout
https://www.birchallblackburn.co.uk/solicitor-in-morecambe/ - old layout Morecambe solicitor layout