@charset "utf-8";
/* CSS Document for hardwickesaccountants.co.uk written by Yellow Circle Web Solutions Ltd*/

/* structure
*******************************************************************************************/
body {
	margin:1em 0;
	font-family: "museo-sans-rounded",sans-serif;
	color:#7c7c7c;
}

footer {
	border-top: 3px solid #404040;
	margin-top:1em;
	padding:.5em 0;
}

@-moz-document url-prefix() {
  fieldset { display: table-cell; }
}

/* navigation
*******************************************************************************************/
.navbar.navbar-inverse {
	background:#fff;
	border:none;	
}


ul.nav.navbar-nav {
	background:#fff;
	margin-top:-1.2em;
}

.nav.navbar-nav li {
	background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0, #455F77),
	color-stop(1, #334C68)
);
background-image: -o-linear-gradient(bottom, #455F77 0%, #334C68 100%);
background-image: -moz-linear-gradient(bottom, #455F77 0%, #334C68 100%);
background-image: -webkit-linear-gradient(bottom, #455F77 0%, #334C68 100%);
background-image: -ms-linear-gradient(bottom, #455F77 0%, #334C68 100%);
background-image: linear-gradient(to bottom, #455F77 0%, #334C68 100%);
	padding-left:4em;
	padding-right:4em;
	border:1px solid #26384c;
	border-right:1px solid #6381a1;

}

.navbar-inverse .navbar-nav > li > a {
	color:#fff !important;	
}

.navbar-inverse .navbar-nav > li > a:hover {
	color:#ccc !important;
}


.nav.navbar-nav li.active, .nav.navbar-nav li.active a {
	background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0, #B8B8B8),
	color-stop(1, #7C7C7C)
);
background-image: -o-linear-gradient(bottom, #B8B8B8 0%, #7C7C7C 100%);
background-image: -moz-linear-gradient(bottom, #B8B8B8 0%, #7C7C7C 100%);
background-image: -webkit-linear-gradient(bottom, #B8B8B8 0%, #7C7C7C 100%);
background-image: -ms-linear-gradient(bottom, #B8B8B8 0%, #7C7C7C 100%);
background-image: linear-gradient(to bottom, #B8B8B8 0%, #7C7C7C 100%);
}

.nav.navbar-nav li.active {
	border:1px solid #7b7b7b;
	border-right:1px solid #b8b8b8;
}


/* 
.nav.navbar-nav li.active, .nav.navbar-nav li.active a {
background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0, #455F77),
	color-stop(1, #334C68)
);
background-image: -o-linear-gradient(bottom, #455F77 0%, #334C68 100%);
background-image: -moz-linear-gradient(bottom, #455F77 0%, #334C68 100%);
background-image: -webkit-linear-gradient(bottom, #455F77 0%, #334C68 100%);
background-image: -ms-linear-gradient(bottom, #455F77 0%, #334C68 100%);
background-image: linear-gradient(to bottom, #455F77 0%, #334C68 100%);

border:1px solid #000;
border-right:1px solid #ccc;
}
*/

.nav.navbar-nav li.active, .nav.navbar-nav li.active a:hover {
	color:#000 !important;	
}

/* typography
*******************************************************************************************/
h1, h2, h3, h4, h5, h6 {
	color:#415a73;
	display:inline-block;
	padding:0 .5em .5em;
}

.carousel-caption h4 {
	color:#fff !important;	
}

p {
	font-size:1.1em;
	margin-bottom:1.5em;	
}

li.large-list-item {
	font-size:1.3em;
	list-style:none !important;	
	line-height:2.3em;
	list-style:disc !important;	
}

footer h3 {
	margin-top:0;
}

footer address {
	margin-bottom:.5em;	
}

/* useful classes
*******************************************************************************************/ 
.lineRow {
	background:	#fff url(../images/header-line-bg.png) left center repeat-x;	
}

.telephone {
	font-size:1.5em;	
}

.alert-dark, .panel-dark {
background-image: -o-linear-gradient(bottom, #455F77 0%, #334C68 100%);
background-image: -moz-linear-gradient(bottom, #455F77 0%, #334C68 100%);
background-image: -webkit-linear-gradient(bottom, #455F77 0%, #334C68 100%);
background-image: -ms-linear-gradient(bottom, #455F77 0%, #334C68 100%);
background-image: linear-gradient(to bottom, #455F77 0%, #334C68 100%);
color:#fff;
}


.panel-body {
	min-height:100px;	
}
.panel-warning {
	border-color: #fae39d;
	border-radius:0;
}

.panel-warning>.panel-heading {
color: #fae39d;
background-color: #d8a95d;
border-color: #fae39d;
border-radius:0;
}


/* colours
*******************************************************************************************/ 

.bg-white {
	background:#fff;
}

.bg-black {
	background:#000;	
}

.fg-white {
	color:#fff;		
}

.fg-black {
	color:#000;		
}

.fg-dark-blue {
	color:#26384c;
}

.fg-light-blue {
	color:#6381a1;
}


/* extra small devices e.g. smartphones */
@media (max-width: 767px) {
	
.navbar-toggle {
	background:#494949;
	margin-top:2em;
	margin-bottom:-.75em;
}

.navbar-collapse ul {
	padding-top:1em;
	background:#26384c !important;
}

.nav.navbar-nav li {
	background:#26384c !important;
	padding-left:1em;
	padding-right:1em;
	border:none !important;
	border-bottom:1px solid #fff !important;
}

.nav.navbar-nav li.active {
	border:1px solid #7b7b7b;
	border-right:none;
	background:#7c7c7c !important;
}

.nav.navbar-nav li.active a{
	background:none;	
}


h1 {
	font-size:2.7em !important;	
}

h3 {
	font-size:1.45em !important;	
}

li.large-list-item {
	font-size:1em;
	list-style:none !important;	
	line-height:1.8em;
}

.telephone {
	margin-top:-.85em;
}

footer {
	margin-top:.5em;
	padding:.5em 0.5em 0;
}	

footer h3 {
	text-align:center;	
}

footer img {
	display:block;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:.5em;
	border:1px solid #ccc;	
	border:none !important;
}

footer address {
	margin-bottom:.5em;	
	display:block;
	text-align:center;
}
footer small {
	text-align:center;
}

td {
	display:block !important;	
}
}


@media (max-width: 767px) and (orientation : landscape) {
.telephone {
	margin-top:.5em;
	margin-left:.5em !important;
}

.carousel {
	margin-top:1em !important;
}

.navbar-toggle {
	background:#494949;
	margin-top:2em;
	margin-bottom:1.5em;
}
}

/* small devices e.g. tablets in portrait mode */
@media (max-width:991px) {
	.nav.navbar-nav li {
	background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0, #455F77),
	color-stop(1, #334C68)
);
background-image: -o-linear-gradient(bottom, #455F77 0%, #334C68 100%);
background-image: -moz-linear-gradient(bottom, #455F77 0%, #334C68 100%);
background-image: -webkit-linear-gradient(bottom, #455F77 0%, #334C68 100%);
background-image: -ms-linear-gradient(bottom, #455F77 0%, #334C68 100%);
background-image: linear-gradient(to bottom, #455F77 0%, #334C68 100%);
	padding-left:1em;
	padding-right:1em;

}
	h1 {
		font-size:2em;	
	}
}

/* small devices e.g. tablets in landscape mode */
@media (max-width:1199px) {
	
	p {
		font-size:1em !important;	
}
	
	li.large-list-item {
	font-size:1.1em;
	list-style:none !important;	
	line-height:2.3em;
}
}