/*
CSS file for Chesworths Solicitors written by Yellow Circle Web Solutions Ltd
Version 1.0
*/

/****************************************************************
*				          Structure								*
*****************************************************************/
.row {margin-bottom:1em;}
/****************************************************************
*						  Navigation							*
*****************************************************************/
.navbar {border-radius:0px; padding:1em 0;}
.navbar-default {background:#a1a1a1; }
.navbar-nav {margin-top:18px;}
.navbar-nav li {border-right:0px solid #fff;}
.navbar-nav li.active a {background-color:#30a65f !important; color:#fff !important;}
.navbar-nav > li > a:link, .navbar-nav > li > a:visited {color:#fff;}
.navbar-nav > li > a:hover, .navbar-nav > li > a:active, .navbar-nav > li > a:focus {color:#2a2a2a;}
.navbar-default .navbar-nav .open .dropdown-menu>li>a, .navbar-default .navbar-nav .open .dropdown-menu,
.dropdown-menu {padding:5px;}
.dropdown-menu li a {display:block;}
.navbar-brand >img {padding:0; margin-top:-1em;}
.navbar-default .navbar-toggle {border:0px;}
.navbar-default .navbar-toggle .icon-bar {background-color:#fff; box-shadow:0 0 0; border:0px;}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {background-color: transparent;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {border-color: transparent; box-shadow: 0 0 0;}

/****************************************************************
*						   Footer	                            *
*****************************************************************/

footer small {font-size:.75em;}
 /***************************************************************
*						Typography								*
*****************************************************************/
html body {font-family:arial, sans-serif; color:#292929;}
h1 {color:#30a65f; font-size:1.2em; font-weight:bold;}
h2 {color:#30a65f; font-size:2.2em; font-weight:normal; line-height:1.2em; margin-top:0; padding-top:0;}
.page-header {margin-top:0; border-bottom:2px solid #a1a1a1;}
header p {font-size:1em; margin:0;}
.telephone-text {font-size:1.1em;}
.large-text {font-size:1.8em; margin-top:-1em;}
.large-footer-text {font-size:1.2em; color:#a1a1a1; padding-top:.5em;}
.white-text-green-block {background-color:#30a65f; color:#fff; font-size:1.3em; text-align:center; padding:.5em 0; margin-top:-2em; margin-bottom:-1em;}	
 /***************************************************************
*						Colours									*
*****************************************************************/
.fg-green, .bg-green, .bg-green-mobile-only {color:#30a65f;}
.fg-white {color:#fff;}

/****************************************************************
*						Links									*
*****************************************************************/
a:link, a:visited {color:#30a65f;}
a:hover, a:active, a:focus {color:#ccc; text-decoration:none;}

/****************************************************************
*						Lists			          			    *
*****************************************************************/

 /***************************************************************
*						Images									*
*****************************************************************/
.bordered-image {border:5px solid #30a65f; margin-bottom:1em;}

 /***************************************************************
*						Sliders									*
*****************************************************************/

/****************************************************************
*						Forms									*
*****************************************************************/
form.contact-form {padding-top:3em;}
.form-control {border:2px solid #30a65f; margin-bottom:1em; border-radius:0px; padding:7px 10px;}
.contact-form .btn-success {display:block; width:100%; font-size:1.3em; border-radius:0;}
.contact-form textarea {height:170px;}
/****************************************************************
*						Buttons								    *
*****************************************************************/
.btn-success {background:#30a65f; border-color:#30a65f; font-size:1em; margin-bottom:1em;}
/****************************************************************
*						Custom Styles					        *
*****************************************************************/
.top-spacing {padding-top:2em;}
.page-spacing-top {padding-top:100px;}
.add-margin-top {margin-top:1px !important}

/****************************************************************
*				      Extra small devices	          			*
*****************************************************************/
@media only screen and (min-width : 480px) {}

/****************************************************************
*				      Small devices, tablets					*
*****************************************************************/
@media only screen and (min-width : 768px) {
.btn-success {background:#30a65f; border-color:#30a65f; padding-left:4em; padding-right:4em; font-size:1.2em; margin-bottom:0;}
.large-footer-text {font-size:1.5em; color:#a1a1a1; padding-top:.5em;}
.reduced-size-large-screens {max-width:70%;}
}

/****************************************************************
*	Nav bar on tablets in portrait mode				*
*****************************************************************/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
 navbar-default .navbar-collapse {display: none !important;}
  .nav > li:first-child > a {border-left:1px solid #fff; margin-left:12px;}
 .navbar-nav li {font-size:.8em; padding-left:-15px; padding-right:-15px;}
 .nav>li>a {border-right:1px solid #fff; padding: 10px 5px !important;}
 
}


/****************************************************************
*				     Medium devices, desktops					*
*****************************************************************/
@media only screen and (min-width : 992px) {
.page-spacing-top {padding-top:0px;}
.image-spacing-top {margin-top:1em;}
.navbar {border-radius:0px; padding:0;}
.navbar-nav {margin-top:0;}
.nav > li:first-child > a {border-left:1px solid #fff; margin-left:5px;}
.nav > li > a {padding-left:6px; padding-right:7px; border-right:1px solid #fff; font-size:.9em;}
.white-text-green-block {background-color:#30a65f; color:#fff; font-size:1.5em; text-align:center; padding:.25em 0; margin:-1em 0 0;}
footer {margin-top:1em;}
footer small {font-size:.85em;}	
.bordered-top {border-top:2px solid #a1a1a1; padding-top:1em;}
.bordered-bottom{border-bottom:2px solid #a1a1a1; padding-bottom:1em;}
	
	#sra-logo {float: right;}
	#conveyancing-quality img {margin: 15% auto;}

}

/****************************************************************
*				   Large devices, widescreens					*
*****************************************************************/
@media only screen and (min-width : 1200px) {
.nav > li:first-child > a {border-left:1px solid #fff; margin-left:2px;}
.nav > li > a {padding-left:13px; padding-right:14px; font-size:1em;}	
	
	#sra-logo {float: right;}
	#conveyancing-quality img {margin: 13% auto;}
}


.top-spacing-list li {
	padding-bottom: 5px;
}
.top-spacing-list li:last-of-type {
	padding-bottom: 0px;
}