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

body {	
	background:#174962;
	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:#015d68;
}
/* highlight colours */
.highlight {
	color:#680101;
}
/* default link colours  */
a:link {
	color: #1a9c9a;
}
a:visited {
	color: #1a9c9a;
}
/*menu colours */

#navigation a {
	color:#004147;
}
#navigation ul ul a {
	color:#004147;
}
#navigation li:hover > a {
	color: #e51600;
}
#navigation ul ul :hover > a {
	color:#e51600;
}

/*default colour */
p,
ol,
ul,
dd,
pre,
td,
.comment-body p,
.custom-block {
	color:#222;
}
#footer-widget-area p,
#footer-widget-area ol,
#footer-widget-area ul,
#footer-widget-area dd,
#footer-widget-area pre,
#footer-widget-area td {
	color:#fff;
}
/*
/* 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,
.site-info a:active,
.site-info a:hover,
.copyright a:active,
.copyright a:hover {
	color: #e51600;
}

/* background colours 
-------------------------------------------------------------- */

#header-shell {
	background: url(../images/chittering-springs-header-bg.png) repeat-x bottom #85d1f7; 
}
#header {}
#top-content-block {}
#content-shell {
	background: #fff;
}
.full-width-column {
	width:100%;
	padding:30px 0 20px;
}
.alt-bg {
	background: #eff8f8;
}
#content {
	
}
#footer {
}
#colophon {
}

/* Navigation 
-------------------------------------------------------------- */
.header-menu {
	width:100%; 
	/* add float right if you want a right justified menu (NOTE: Right float menu is not suitable if you're going to add drop down elements (especially if they are at the right hand side) */
}
#seja-framework-menu {
}
#seja-framework-menu li {
}
#seja-framework-menu a {
	/* text-transform: uppercase; */
}
#seja-framework-menu ul {
	top: 45px; /* change this to adjust the drop-down's position */
	background: #85d1f7;
}
#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 {
}
#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;
}
#seja-framework-menu ul li:first-child > a::after,
#seja-framework-menu ul li:first-child > a:hover::after {
	border-bottom-color: #e51600;
}
#seja-framework-menu ul ul li:first-child a:after,
#seja-framework-menu ul ul li:first-child a:hover:after {
	border-right-color:#e51600;
}

/*responsive menu */
nav select {
	border: 1px solid #000;
	background:url(../images/bar.svg) #015468 no-repeat 8px 16px;
	color:#fff;
}
nav select option::before {
	font-family:'FontAwesome';
	font-size:0.4em;
	content: "\f1db";
	padding-right:12px;
	position:relative;
	top:-5px;
}
/* NOTE: to set colour of the navbar icon you will need to edit the bar.svg file in the images folder */

/* form elements 
-------------------------------------------------------------- */
input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="file"],
input[type="url"],
select,
textarea { 
	background: #fafafa;
	border: 1px solid #333;
	-webkit-border-radius: 3px;
	-moz-border-radius:    3px;
	border-radius:         3px;
}
input[type="submit"],
#content input[type="submit"],
a.button {
	border: 1px solid #444;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background: rgb(42,118,127);
	background: -moz-linear-gradient(top,  rgba(42,118,127,1) 0%, rgba(0,97,106,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(42,118,127,1) 0%,rgba(0,97,106,1) 100%);
	background: linear-gradient(to bottom,  rgba(42,118,127,1) 0%,rgba(0,97,106,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a767f', endColorstr='#00616a',GradientType=0 );
	color:#fff;
	text-transform:uppercase;
}
input[type="submit"]:hover,
#content input[type="submit"]:hover,
a.button:hover {
	background: rgb(181,26,9);
	background: -moz-linear-gradient(top,  rgba(181,26,9,1) 0%, rgba(130,11,0,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(181,26,9,1) 0%,rgba(130,11,0,1) 100%);
	background: linear-gradient(to bottom,  rgba(181,26,9,1) 0%,rgba(130,11,0,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b51a09', endColorstr='#820b00',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 */
#header-img {
	margin-left:50px;
	width:220px;
	float:left;
}
.header-contact-right {
	display:none;
}
#navigation {
	width:920px;
	margin:40px 0 0;
	float:left;
	clear:none;
	position:relative;
	z-index:9999;
}
@media (max-width: 920px) {
	#navigation {
		width:100%;
		float:none;
		clear:both;
	}
}
/* add all custom content elements here */
.page-template-home-page #top-content-block {
	position:relative;
}
.page-template-home-page #top-content-block p {
	margin:0;
}
/* slidedeck 3 fix 
.slidedeck-frame {
	position:relative;
	z-index:1;
}
.slidedeck-frame,
.slidedeck-frame dl.slidedeck,
.slidedeck-frame dl.slidedeck dd {
	width:100% !important;
}
*/
.sd2-ress-wrapper {
	min-height:500px;
	overflow:hidden;
}
.cta-overlay {
	position:absolute;
	width:100%;
	bottom:50px;
	z-index:10;
}
@media (max-width:1260px) {
	.cta-overlay {
		width:calc(100% - 40px);
		left:20px;
	}
}
.cta-overlay .link-div {
	background: rgba(255,0,0,0.6);
	text-shadow:1px 1px 1px #000;
	border: 1px solid #fff;
	padding:8px 30px;
	-webkit-border-radius: 15px;
	-moz-border-radius:    15px;
	border-radius:         15px;
	float:left;
	width:220px;
	margin-right:20px;
	margin-bottom:20px;
}
.cta-special .offer {
	width:calc(100% - 120px);
	padding:20px 50px;
	border:10px solid #1993b0;
	background: rgb(252,252,252);
	background: -moz-linear-gradient(top,  rgba(252,252,252,1) 0%, rgba(245,245,245,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(252,252,252,1) 0%,rgba(245,245,245,1) 100%);
	background: linear-gradient(to bottom,  rgba(252,252,252,1) 0%,rgba(245,245,245,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#f5f5f5',GradientType=0 );
	-moz-border-radius:    50px;
	border-radius:         50px;
}
.cta-special .offer h2 {
	font-size:2rem;
	font-weight:300;
}
.cta-special .offer p,
.cta-special .offer ul {
	font-size:0.75rem;
}
@media (max-width:950px) {
	.cta-overlay .link-div {
		width:200px;
	}
}
.cta-overlay h3 {
	color:#fff;
	margin:0 0 8px;
	font-size:1.5rem;
}
.cta-overlay .cta-special-offers {
	margin-right:0;
}
.cta-overlay p,
.cta-overlay a {
	color:#a0e9f0;
}
.cta-overlay a {
	text-decoration:none;
}
h1.entry-title,
h2.block-title {
	font-size:2.25rem;
	font-weight:400;
	
}
.custom-block {
	width:60%;
	padding-right:40%;	
}
.land-sales {
	background:url(../images/background-image-1.jpg) no-repeat top right;
}
.country-retreat {
	background:url(../images/background-image-2.jpg) no-repeat top right;
}
@media (max-width:900px) {
	.custom-block {
		width:100%;
		padding-right:0;	
	}
	.land-sales,
	.country-retreat {
		background:none;
	}
}
/* add all custom footer elements here */