/*-------------------------  GENERAL STYLING  ----------------------------*/
.bx-wrapper {
  box-shadow: none;
  border: 0px;
}

h1 {
color: #67769A!important;
font-family: 'Open Sans', sans-serif; font-size: 25px!important;
}

h2 {
font-size: 18px!important;
}

h3, h4 {
font-family: 'Open Sans', sans-serif;
}

span.sub-text {
font-size: 155%;
font-family: 'Open Sans', sans-serif;
}


/*-------------------------  HEADER  ----------------------------*/


div.body-wrapper {
background: url(/wp-content/uploads/2012/12/background.png) repeat-x;
}

.logo-wrapper, div.outer-social-wrapper {
display: none;
}

div.navigation-wrapper {
margin: 0 0 0 -10px!important;
box-shadow: none;
border-top: none!important;
}

div.header-wrapper {
background: #C5CCDF;
width: 980px;
height: 155px!important;
margin: 0 0 0 -10px!important;
position: fixed;
z-index: 200;
}

#logo img {
float: left;
margin: 15px 20px 10px 30px;
}

#logo h1 {
font-family: 'Open Sans', sans-serif;
font-weight: 800!important;
color: #013976!Important;
font-size: 136%!important;
position: relative;
top: 65px;
text-indent: -9999px!important;
}

#logo a span {
font-size: 9px!important;
color: #60646D;
margin: 0 30px 0 0;
position: relative;
left: -9999px;
}

#logo span.phone {
float: right;
font-size: 180%!important;
color: #6C7FA0;
font-family: 'Open Sans', sans-serif;
font-weight: 600;
margin: 45px 30px 0 0;
}

/*-------------------------  MENU  ----------------------------*/

#menu-nav {
width: 980px!important;
margin: 0 0 0 -10px;
}

.sf-menu li {
padding: 0!important;
}

.sf-menu li a {
padding: 8px 15px!important;
}

.sf-menu li:hover, .sf-menu li a:hover, .navigation-wrapper .sf-menu .current-menu-ancestor a, .navigation-wrapper .sf-menu .current-menu-item a {
background: #C5CCDF!important;
}

ul.sub-menu li a {
padding: 4px 0 4px 15px!important;
}

div.slider-bottom-gimmick {
background: none!important;
}

div.slider-wrapper.fullwidth, div.stunning-text-wrapper, div.navigation-wrapper {
margin: 155px 0 0 -20px;
}

.flex-control-nav, .flex-direction-nav {
display: none;
}





/*------------------------  BODY  ----------------------------*/



.testimonials-widget-testimonial q, .testimonials-widget-testimonial blockquote {
color: #152547 !important;
font-style: normal;
font-size: 12px;
background: #C5CCDF!important;
position: relative;
left: 5px;
padding: 10px 10px 0 ;
}

.testimonials-widget-testimonial cite, .testimonials-widget-testimonial div.credit {
font-weight: bold;
background: #C5CCDF!important;
float: right;
width: 88%;
position: relative;
top: -22px;
padding: 0 10px 10px 10px;
}

.testimonials-widget-testimonial .open-quote:before , .testimonials-widget-testimonial .close-quote:after {
display: none;
}

.container {
margin: 0 auto 0 auto!important;
box-shadow: none!important;
}

#qualifications {
float: right;
}

.container .five.columns {
width: 250px!important;
}

.bx-controls.bx-has-controls-auto {
display: none;
}

div.blog-item-holder .blog-item0 .blog-thumbnail-title {
font-weight: 600;
font-size: 120%;
text-decoration: underline;
}

div.blog-item-holder .blog-item0 .blog-thumbnail-title:hover {
color: #C5CCDF!important;
}

input[type="text"], input[type="password"], input[type="email"], textarea, select {
color: #888888;
background-color: #ffffff;
border: 1px solid #cfcfcf;
-webkit-box-shadow: #ececec 0px 1px 4px inset, #f8f8f8 -5px -5px 0px 0px, #f8f8f8 5px 5px 0px 0px, #f8f8f8 5px 0px 0px 0px, #f8f8f8 0px 5px 0px 0px, #f8f8f8 5px -5px 0px 0px, #f8f8f8 -5px 5px 0px 0px;
box-shadow: #ececec 0px 1px 4px inset, #f8f8f8 -5px -5px 0px 0px, #f8f8f8 5px 5px 0px 0px, #f8f8f8 5px 0px 0px 0px, #f8f8f8 0px 5px 0px 0px, #f8f8f8 5px -5px 0px 0px, #f8f8f8 -5px 5px 0px 0px;
max-width: 90%;
width: 320px;
}


/*------------------------  CONTACT FORM  ----------------------------*/

span.wpcf7-form-control-wrap textarea {
width: 305px;
}


/*------------------------  LEFT SIDEBAR  ----------------------------*/

div.left-sidebar-wrapper {
width: 215px!important;
padding-top: 20px;
}

div.custom-sidebar {
margin-bottom: 0;
}

div.menu-services-container, div.menu-clients-container, div.menu-case-container, div.menu-developments-container {
background: #99A6C2;
padding: 10px 20px 20px 20px;
margin: 0!important;
}

div.custom-sidebar ul li {
padding: 0 0 0 14px;
background: url("https://woodley.britwebtest.co.uk/wp-content/themes/woodley/images/icon/dark/arrow4.png") no-repeat scroll 0 10px transparent!important;
}

.custom-sidebar-title, .custom-sidebar.gdl-divider ul li a {
color: #fff;
display: block;
padding: 4px 0 4px 0!important;
width: 100%!important;
}

.custom-sidebar-title, .custom-sidebar.gdl-divider ul li a:hover {
color: #000;
}

div.left-sidebar-wrapper .custom-sidebar-title {
padding: 10px 0 10px 10px!important;
margin: 0 0 10px 0!important;
background: #99A6C2;
width: 205px!important;
}

div.left-sidebar-wrapper h4 {
background: #99A6C2;
padding: 10px 0 10px 10px!important;
}

#side-box {
background: #B1BBD1;
padding: 10px;
margin: 10px 0 0 0;
}

#side-box p {
margin: 0;
}

#side-box strong {
margin: 0 0 0 90px;
font-size: 120%;
}

div.testimonialswidget_testimonial {
background: #C5CCDF!important;
padding: 10px;
margin: 0 0 50px 0;
}

span.testimonialswidget_author {
font-weight: 600;
}


/*------------------------  RIGHT HOME SIDEBAR  ----------------------------*/

#contacts h3, #studies h3 {
color: #67769A;
margin: 5px 5px 10px 5px;
}

#contacts, #studies {
background: #B7C0D3;
padding: 5px;
}

#contacts {
margin: 0 0 10px 0;
overflow: hidden;
}

#contacts ul {
width: 190px;
float: left;
margin: 0 0 10px 10px;
}

#contacts ul.address {
font-weight: 600;
}

#contacts ul li {
list-style: none;
}

#studies {
clear: left;
overflow: hidden;
}


/*-------------------------  GALLERY  ----------------------------*/

img.gdl-gallery-image {
width: 100px;
height: 100px;
}




/*-------------------------  Contact Form  ----------------------------*/

span.wpcf7-form-control-wrap input[type="text"], span.wpcf7-form-control-wrap input[type="[password"], span.wpcf7-form-control-wrap textarea, input[type="text"], input[type="password"], input[type="email"], textarea, select {
width: 100%;
}





/*-------------------------  SOCIAL LINKS  ----------------------------*/

.social ul {
margin: 10px 0 0 0;
}

div.custom-sidebar .social ul li {
list-style: none;
border: none!important;
background: none!important;
float: left;
}

#contacts .social ul li {
list-style: none;
border: none!important;
background: none!important;
float: left;
width: 22px;
height: 22px;
margin: 0 10px 0 0;
}

.custom-sidebar.gdl-divider .social ul li a {
margin: 0 10px 10px 0!important;
padding: 0!important;
width: 22px!important;
height: 22px!important;
text-indent: -9999px;
}

#contacts .social ul li a {
padding: 5px 0 3px 0;
margin: 0 10px 10px 0!important;
width: 22px!important;
height: 22px!important;
text-indent: -9999px!important;
color: transparent;
font-size: 10px;
}

.social ul li.face a {
background: url(/wp-content/uploads/2012/11/social-links.png) 130px 0!important;
}

.social ul li.linked a {
background: url(/wp-content/uploads/2012/11/social-links.png) 88px 0;
}

.social ul li.twit a {
background: url(/wp-content/uploads/2012/11/social-links.png)  47px 0;
}



/*-------------------------  FOOTER  ----------------------------*/

div.footer-wrapper {
box-shadow: none!important;
background: none;
}

div.footer-widget-wrapper {
padding: 20px 0 0 0;
color: #C4CCDF;
}

div.copyright-wrapper {
box-shadow: none!important;
padding: 0 0 100px 0;
margin-right: 0!important;
}

div.copyright-wrapper p {
padding: 15px 70px 10px 0;
background: url(https://www.bakersgatedevelopments.com/wp-content/uploads/2017/08/bakersgate-developments-logo.png) no-repeat 100% 60%;
margin: 0!important;
background-size: 60px;
}

.container .two-thirds.column {
padding: 0!important;
text-align: center;
width: 100%!important;
margin: 0;
}

div.custom-sidebar .textwidget {
margin-top: 0;
}

div.copyright-left {
margin: 10px 0 0 0;
}

div.copyright-left a {
color: #152547!important;
}

div.copyright-left a:hover {
color: #68789C!important;
}

span.footer-details {
text-align: left;
margin: 0 28px 0 0;
font-size: 80%;
line-height: 1.4;
}

span.footer-details ul {
margin: 5px 20px 0 0;
}

span.footer-details ul li {
list-style: none;
line-height: 1.4;
}

span.footer-details p.info {
background: none;
padding: 0;
margin: 0;
}





/* =============================  MEDIA QUERIES ============================= */

@media (max-width:995px) {
div.header-wrapper {
width: 100%!important;
margin: 0!important;
}
.container .sixteen.columns {
width: 100%!important;
}
div.slider-wrapper.fullwidth, div.navigation-wrapper {
width: 105%!important;
border-bottom: none!Important;
}
#logo span.phone {
margin: 45px 50px 0 0;
}
div.slider-wrapper.fullwidth, div.footer-wrapper, div.container .top-navigation-wrapper-gimmick {
width: 100%!Important;
margin-left: 0!important;
}
body.home .container .sixteen.columns {
width: 100%!important;
}
div.footer-widget-wrapper div.textwidget p {
width: 80%;
margin: 0 auto 20px auto;
}
div.footer-wrapper div.container.mt0 {
padding-left: 0;
padding-right: 0;
}
div.footer-wrapper div.two-thirds.column.mt0 {
margin: 20px 0 0 0!important;
}
div.container {
padding-left: 0;
padding-right: 0;
max-width: 100%!important;
}
div.navigation-wrapper, div.sixteen.columns.mt0 {
margin: 0!important;
}
}




@media (max-width:960px) {
#logo img {
  margin: 15px 20px 10px 0;
}
#logo span.phone {
margin: 45px 24% 0 0;
}
div.navigation-wrapper, div.header-wrapper {
margin: 0!important;
}
div.sixteen.columns.mt0 {
margin: 40px 0px 0px 0px;
}
div.slider-wrapper.fullwidth, div.navigation-wrapper {
margin-left: 0!important;
}
div.left-sidebar-wrapper {
width: 200px!Important;
}
div.left-sidebar-wrapper .custom-sidebar-title {
width: 100%!important;
}
div.left-sidebar-wrapper {
padding-right: 10px;
}
.sidebar-included .gdl-page-item {
width: 64%!important;
margin-right: 2%;
}
div.five.columns.mt0.gdl-left-sidebar {
width: 30%!important;
}
.container .sidebar-included .gdl-page-item .sixteen.columns {
width: 100%!important;
}
.container .sixteen.columns {
width: 100%!important;
}
div.gdl-page-float-left {
float: none!important;
}
div.content-wrapper.sidebar-included div.gdl-page-content {
margin: 15px 10px 0 10px!important;
}
}




@media (max-width:767px) {
div.header-wrapper {
position: relative;
width: 100%;
}
div#logo {
padding-top: 10px!important;
}
div#logo a img {
display: none;
}
div.logo-wrapper {
max-width: 60%!Important;
float: left;
margin-top: 0!important;
}
#logo span.phone {
float: none;
margin: 0 auto;
}
#menu-nav {
width: 90%!important;
max-width: 90%!important;
margin: 0 auto;
}
div.slider-wrapper.fullwidth {
margin: 0;
width: 100%!important;
margin-left: 0!important;
}
div.sixteen.columns.mt0 {
width: 100%!important;
margin: 0!important;
}
.container .columns, .container .column {
margin: 20px 10px 0px 10px!important;
}
div.copyright-wrapper {
padding: 0 0 10px 0;
}
.sidebar-included .gdl-page-item {
width: 100%!important;
margin-right: 0;
}
div.five.columns.mt0.gdl-left-sidebar {
width: 100%!important;
}
div.left-sidebar-wrapper {
width: 96%!important;
}
div.left-sidebar-wrapper .custom-sidebar-title {
width: 97%!important;
}
ul.address {
float: none!important;
}
.testimonials-widget-testimonial cite, .testimonials-widget-testimonial div.credit {
width: 60%;
}
span.info {
margin: 0 0 0 50px!important;
}
}