/*
Theme Name: Seja Design Framework V2.9
Description: theme colour styles - Add all your theme modifications here.
*/

body {	
	background:#231f20;
	font-size:16px;
	/* set a background colour here if required */
}
/* =Fonts
-------------------------------------------------------------- */

/* header fonts */
h1,
h2,
h3,
h4,
h5,
h6,
th,
dt {
	font-family: 'Open Sans', sans-serif;
}
/*content fonts */
p,
ol,
ul,
dd,
pre,
td,
input,
textarea,
address,
form,
#copyright-wrapper  {
	font-family: 'Open Sans', sans-serif;
}
pre,
#respond .form-allowed-tags
{
	font-family: "Courier 10 Pitch", Courier, monospace;
}
code,
kbd {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
/* =Default Font Colours
-------------------------------------------------------------- */

/*main highlight colours */
h1,
h2,
h3,
h4,
h5,
h6,
legend,
th,
address,
.entry-title,
.entry-title a:link,
.entry-title a:visited,
h3#comments-title,
h3#reply-title,
.widget-title,
#wp-calendar caption {
	color:#551717;
}
/* highlight colours */
.highlight {
	color:#ac2020;
}
/* default link colours  */
a:link {
	color: #881919;
}
a:visited {
	color: #881919;
}
/*menu colours */
#navigation a {
	color:#fff;
}
#navigation ul ul a {
	color:#fff;
}
#navigation li:hover > a {
	color: #e6cfcf;
}
#navigation ul ul :hover > a {
	color:#e6cfcf;
}
/*default colour */
p,
ol,
ul,
dd,
pre,
td,
.comment-body p,
.custom-block {
	color:#604141;
}
#footer-widget-area p,
#footer-widget-area ol,
#footer-widget-area ul,
#footer-widget-area dd,
#footer-widget-area pre,
#footer-widget-area td,
#footer-widget-area a:link,
#footer-widget-area a:visited {
	color:#9da0a4;
}
/*
/* light colour */
.entry-meta,
.entry-meta a:link,
.entry-meta a:visited,
.entry-utility,
.entry-utility a:link,
.entry-utility a:visited,
.navigation a:link,
.navigation a:visited,
p.logged-in-as,
p.logged-in-as a:link,
p.logged-in-as a:visited,
p.form-allowed-tags,
p.comment-meta,
.comment-meta a:link,
.comment-meta a:visited {
	color:#999;
}
/* dark colour */
input,
textarea,
.category-title {
	color:#900;
}
/* link hover colours */
a:active,
a:hover,
.entry-title a:active,
.entry-title a:hover,
.entry-meta a:active,
.entry-meta a:hover,
.entry-utility a:active,
.entry-utility a:hover,
.navigation a:active,
.navigation a:hover,
#comments .comment-meta a:active,
#comments .comment-meta a:hover,
p.logged-in-as a:active,
p.logged-in-as a:hover {
	color: #ac2020;
}
#footer-widget-area a:hover,
#footer-widget-area a:active,
.site-info a:active,
.site-info a:hover,
.copyright a:active,
.copyright a:hover {
	color:#b38e8f;
}
/* background colours 
-------------------------------------------------------------- */
#header-shell {
	background:url(../images/menu-bg.png) repeat-x top;
	position:relative;
	z-index:1;
	height:60px;
}
#header {
}
#header-img {
	background:url(../images/headers/elegant-touch-logo-large.png) no-repeat;
	position:absolute;
	top:13px;
	left:0;
	z-index:1000;
	height:300px;
	
	width:100%;
}
#top-content-block {
	background:#1f1f1f;/*1f1e23;*/
}
.top-padding-block {
	max-height:350px;
	min-height:250px;
	overflow:hidden;
	background:#191919;
}
.home .top-padding-block {
	max-height:700px;
}
.top-padding-block > img {
	width:100%;
	height:auto;
}
#content-shell {
	background: rgb(242,242,242);
	background: -moz-linear-gradient(top,  rgba(242,242,242,1) 0%, rgba(214,215,216,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(242,242,242,1) 0%,rgba(214,215,216,1) 100%);
	background: linear-gradient(to bottom,  rgba(242,242,242,1) 0%,rgba(214,215,216,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#d6d7d8',GradientType=0 );
}
#content {
	clear:both;
}
#footer {
	background: rgb(68,71,74);
	background: -moz-linear-gradient(top,  rgba(68,71,74,1) 0%, rgba(35,31,32,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(68,71,74,1) 0%,rgba(35,31,32,1) 100%);
	background: linear-gradient(to bottom,  rgba(68,71,74,1) 0%,rgba(35,31,32,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#44474a', endColorstr='#231f20',GradientType=0 );
}
#colophon {
}
/* Navigation 
-------------------------------------------------------------- */
#navigation {
	position:absolute;
	top:-12px;
	right:0;
	z-index:1001;
}
.header-menu {
	float:right;
}
#seja-framework-menu {
}
#seja-framework-menu li {
}
#seja-framework-menu a {
	text-shadow: 0 1px 0 #000;
	padding:26px 20px 16px;
	font-size:1.125rem;
	font-weight:600;
}
#seja-framework-menu ul {
	top: 72px; /* change this to adjust the drop-down's position */
	background: #444;
	background: -moz-linear-gradient(#444, #111);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#444), to(#111));
	background: -webkit-linear-gradient(#444, #111);    
	background: -o-linear-gradient(#444, #111);	
	background: -ms-linear-gradient(#444, #111);	
	background: linear-gradient(#444, #111);
	-moz-box-shadow: 0 -1px rgba(255,255,255,.3);
	-webkit-box-shadow: 0 -1px 0 rgba(255,255,255,.3);
	box-shadow: 0 -1px 0 rgba(255,255,255,.3);	
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
#seja-framework-menu ul a {
	font-size:0.875rem;
	font-weight:400;
}
#seja-framework-menu ul ul {
	-moz-box-shadow: -1px 0 0 rgba(255,255,255,.3);
	-webkit-box-shadow: -1px 0 0 rgba(255,255,255,.3);
	box-shadow: -1px 0 0 rgba(255,255,255,.3);		
}
#seja-framework-menu ul li {
	-moz-box-shadow: 0 1px 0 #111, 0 2px 0 #666;
	-webkit-box-shadow: 0 1px 0 #111, 0 2px 0 #666;
	box-shadow: 0 1px 0 #111, 0 2px 0 #666;
}
#seja-framework-menu ul a:hover {
	background: rgb(61,38,38);
	background: -moz-linear-gradient(top,  rgba(61,38,38,1) 0%, rgba(48,9,9,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(61,38,38,1) 0%,rgba(48,9,9,1) 100%);
	background: linear-gradient(to bottom,  rgba(61,38,38,1) 0%,rgba(48,9,9,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d2626', endColorstr='#300909',GradientType=0 );

}
#seja-framework-menu ul li:first-child > a {
	-moz-border-radius: 3px 3px 0 0;
	-webkit-border-radius: 3px 3px 0 0;
	border-radius: 3px 3px 0 0;
}	
/*responsive menu */
nav select {
	background:url(../images/bar-light.svg) no-repeat right 16px;
	color:#fff;
	border:none;
	position:absolute;
	right:0;
	font-size:0.8rem;
	text-align:right;
}
nav select option {
	font-size:1rem;
	text-align:left;
}
nav select option::before{
	font-family:'FontAwesome';
	font-size:0.4em;
	content: "\f1db";
	padding-right:12px;
	position:relative;
	top:-5px;
}
@media (max-width:1500px) {
	#header-img {
		background:url(../images/headers/elegant-touch-logo-medium.png) no-repeat 0 30px;
	}
	#seja-framework-menu a {
		font-size:1rem;
	}
}
@media (max-width:1200px) {
	#header-img {
		background:url(../images/headers/elegant-touch-logo-wide.png) no-repeat 0 30px;
		overflow:hidden;
	}
	.top-padding-block {
		margin-top:140px;
	}
}
@media (max-width:920px) {
	.top-padding-block > img {
		width:auto;
		height:250px;
	}
}
@media (max-width:650px) {
	.top-padding-block {
		margin-top:150px;
	}
	.top-padding-block > img {
		position:relative;
		left:-250px;
	}
}
@media (max-width:500px) {
	.top-padding-block {
		margin-top:170px;
	}
}
@media (max-width: 450px)  {
	#header-img {
		background:url(../images/headers/elegant-touch-logo-mobile-hd.png) no-repeat;
		background-size:100% auto;
	}
	.top-padding-block {
		margin-top:105px;
	}
}
@media (max-width: 375px)  {
	.top-padding-block {
		margin-top:80px;
	}
}
/* form elements 
-------------------------------------------------------------- */
input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="url"],
input[type="file"],
select,
textarea { 
	background: #f5f5f5;
	border: 1px solid #ccc;
	-webkit-border-radius: 3px;
	-moz-border-radius:    3px;
	border-radius:         3px;
}
input[type="submit"],
#content input[type="submit"],
a.button {
	border: 1px solid #ccc;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: rgb(121,19,19);
	background: -moz-linear-gradient(top,  rgba(121,19,19,1) 0%, rgba(124,12,8,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(121,19,19,1) 0%,rgba(124,12,8,1) 100%);
	background: linear-gradient(to bottom,  rgba(121,19,19,1) 0%,rgba(124,12,8,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#791313', endColorstr='#7c0c08',GradientType=0 );
	color:#fff;
	text-transform:uppercase;
}
input[type="submit"]:hover,
#content input[type="submit"]:hover,
a.button:hover {
	background: rgb(169,27,27);
background: -moz-linear-gradient(top,  rgba(169,27,27,1) 0%, rgba(179,17,11,1) 100%);
background: -webkit-linear-gradient(top,  rgba(169,27,27,1) 0%,rgba(179,17,11,1) 100%);
background: linear-gradient(to bottom,  rgba(169,27,27,1) 0%,rgba(179,17,11,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a91b1b', endColorstr='#b3110b',GradientType=0 );
}
/* widget search submit button */
.widget_search input#searchsubmit {
	-webkit-border-radius: 0 15px 15px 0;
	-moz-border-radius:    0 15px 15px 0;
	border-radius:         0 15px 15px 0;
}
/* theme specific elements 
-------------------------------------------------------------- */
.separator {
}
.seja-link-div {
	background:#f1f1f1;
}
/* Pagenation THIS NEEDS SOME CORRECTING
-------------------------------------------------------------- */
.pagination span, .pagination a {
	background: #fff; /* background colour of inactive pagination blocks */
}
.pagination .current,
.pagination a:hover{
	color:#fff; /* font colour of current page block */
	/* background colour selected in Admin > Seja Template > Theme Settings > Theme Content */
}
.pagination a:hover{
	background: #f90; /* match both with the theme hover colour */
	border:1px solid #f90;
}
/* add all custom header elements here */

/* add all custom content elements here */

#top-content-block p {
	margin:0;
	padding:0;
}
/* map hack */
.page-id-11 #top-content-block p {
	line-height:0;
}
.home #top-content-block img.aligncenter {
	margin-bottom:0;
	max-height:1800px;
	max-height:1000px;
}
.fb_iframe_widget {
	width:250px;
	margin:0 auto 30px;
	display:block !important;
}
.trading-hours{
	background: rgb(247,248,248);
	background: -moz-radial-gradient(center, ellipse cover,  rgba(247,248,248,1) 0%, rgba(194,196,196,1) 100%);
	background: -webkit-radial-gradient(center, ellipse cover,  rgba(247,248,248,1) 0%,rgba(194,196,196,1) 100%);
	background: radial-gradient(ellipse at center,  rgba(247,248,248,1) 0%,rgba(194,196,196,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f8f8', endColorstr='#c2c4c4',GradientType=1 );
	width:220px;
	margin:50px auto 20px;
	padding:90px 0 20px 30px;
	position:relative;
}
.opening-hours {
	position:absolute;
	top:-20px;
	left:0;
}
.trading-hours .block-day,
.trading-hours .block-hours {
	margin-bottom:0;
	padding-top:0;
	color:#444;
	float:left;
}
.trading-hours .block-day {
	width:90px;
}
.trading-hours .block-hours {
	width:130px;
}
/* add all custom footer elements here */