/*
Description: 	SX specific css
Version: 		16 Dec 2014
Author: 		AMR
*/

/*===================================================================================*/
/*	Main fonts
/*===================================================================================*/
body {
    font-family: 'Source Sans Pro',Helvetica,Arial,sans-serif;
	background-color: #FFF;
    color: #333;
    font-size: 1.5em;
}


/*===================================================================================*/
/*	Colours - red glider colour
/*===================================================================================*/

a.red:hover {
    background: #e2001a !important;
}
.red-bg {
    background-color: #e2001a !important;
}
.red {
    color: #e2001a !important;
}
.btn.btn-red {
    background: #e2001a;
}
.btn.btn-red {
    background: #e2001a;
}

.dark-bg {
    background-color: #333;
}
.dark-bg,
.dark-bg p,
.dark-bg .item-details li:before {
    color: #ccc;
}

.navbar-nav > li > a {
    color: #333;
}

.navbar-nav  > li.current-page > a, .sidenav  > li.current-page > a{
    color: #f33f3f;
}

.sidenav li a {
    color: #666;
}

.sidenav li.current-page a:hover {
    color: #fff;
}

p a {
/*	border-bottom: 1px solid #CED7E0; */
	border-color: transparent;
}

p a , #content li a {
	color: #CF4C45;
}
p a:hover , #content li a:hover {
	color: #e2001a;
}

/*===================================================================================*/
/*	Headings
/*===================================================================================*/

.sx-title {font-family: Georgia, 'Times New Roman', Times, serif; font-size:20px; font-weight:bold; font-style:italic; color:#6699cc; margin:0 auto;}

#hero.content-heading h1{
	text-transform: none;
	border-bottom: 1px solid #CED7E0;
}

.content-heading h1{
	position: relative;
	width: 100%;
	display: table;
	padding-bottom: 20px;
}

.content-heading h1:after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0px;
	width: 50px;
	border-bottom: 3px solid #F33F3F;
}

@media (min-width: 768px) and (max-height: 1024px) {
	#hero h1 {
		font-size: 44px;
	}
}

/*===================================================================================*/
/*	Accordion "\e84c";
/*===================================================================================*/


.panel-title {
	text-transform: none;
}
h3.panel-title {
	font-size: 20px;
}

.panel-title > a {
    display: block;
    padding: 5px;
}

.panel-title > a  span::after  {
    content: "\00A0\FF0D \00A0";
    color: #202020;
    background-color: #AAA;
}

.panel-title > a.collapsed span::after {
    content: "\00A0\FF0B \00A0";
	color: #fff;
    background-color: #333;
    margin-right: 0.5em;
}


#accordion h3::before {
    content: "\00A0\FF0B \00A0";
    color: #fff;
    background-color: #333;
    margin-right: 0.5em;
}

/*===================================================================================*/
/*	Slides - adjust to cater for non-dymamic images
/*===================================================================================*/
/*
#owl-main.height-lg .item {
	height: 61vh;
}
*/

@media (min-width: 768px) and (max-height: 1024px) {
	
	.height-xs,
	.height-sm,
	#owl-main .item {
		height: 400px;
	}
}

@media (min-width: 768px) and (max-height: 768px) {
	
	.height-xs,
	.height-sm,
	.height-md,
	.height-lg,
	#owl-main .item,
	#owl-main.height-md .item,
	#owl-main.height-lg .item {
		height: 400px;
	}
}

/*===================================================================================*/
/*	TOP Nav - to replace problematic script
/*===================================================================================*/
.navbar-nav > li.dropdown:hover  ul.dropdown-menu{display: block;}

.nav > li.mobile-only {
	display: none;
}


/*===================================================================================*/
/*	LHS & TOP & Media bar Nav mobile
/*===================================================================================*/
/* Hide Quick links on mobile or small screens - match width to bootstrap.min.css*/
@media (max-width: 992px) {
	#quicknav {display:none;}
	#sectionnav {display:none;}
	.nav > li.mobile-only {display: table-cell;}
}


/*===================================================================================*/
/*	Spacing
/*===================================================================================*/
.inner-top-xs {
padding-top: 20px;
}


/*===================================================================================*/
/*	Buttons
/*===================================================================================*/
.btn {font-family: 'Source Sans Pro',Helvetica,Arial,sans-serif;}
.btn-small {text-transform: none;}

/*===================================================================================*/
/*	Tables
/*===================================================================================*/
.table-bordered  {margin-bottom:1em;}
.table-bordered th, .table-bordered td {padding: 0.25em 0.5em 0.25em 0.5em;}

.table-form {border:1px solid #E6E9ED; margin-bottom:1em; border-collapse: collapse;}
.table-form th {border-bottom:1px solid #E6E9ED;}
.table-form th {background-color: #F5F7FA;}
.table-form th, .table-form td {padding: 0.25em 0.5em 0.25em 0.5em;}

.table-compact th, .table-compact td {padding: 0 0.25em 0 0.25em; font-size:0.9em;}
.table-links th a, .table-links td a {color: #e2001a;}

.myintentions_day {
  float:left;
  width:400px;
  margin: 5px 5px 5px 5px;
}

.aef-booked {background-color: #FAD5AB !important;}
.intentions-alert {background-color: #F0B2B2 !important;}

@media (max-width: 992px) {
.table-bordered th, .table-bordered td {padding: 0 0.25em 0 0.25em; font-size:0.9em;}
.table-compact th, .table-compact td {padding: 0 0.1em 0 0.1em;}
.table-form th, .table-form td {padding: 0 0.25em 0 0.25em;}
}


/*===================================================================================*/
/*	Forms
/*===================================================================================*/
select, textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"] {
    height: 2em;
}

.sm-input {width:3em;} 

/*===================================================================================*/
/*	Figures
/*===================================================================================*/
figure figcaption p {
	font-style: italic;
}

figure .bordered  {
	padding: 0.5em;
}

/*===================================================================================*/
/*	Footer 
/*===================================================================================*/

footer {
	font-family: 'Source Sans Pro',Helvetica,Arial,sans-serif;
	font-size: 12px;
	line-height: 16px;
	border-top: 6px solid #F33F3F;
}
footer.dark-bg {
    color: #333;
}


.footer-bottom {
    background: #222;
	color: #EEE;
}

.footer-bottom p,
.footer-bottom a {
	color: #EEE;
}

/*===================================================================================*/
/*	SKROLLR ANIMATIONS - these are used for header
/*===================================================================================*/

.navbar-brand img {
	max-height: 80px;
}
.navbar-collapse {
	padding-top: 10px;
	padding-bottom: 10px;
}
@media (min-width: 768px) {
	.navbar-collapse.collapse {
		padding-bottom: 10px;
	}
}

.navbar-collapse.collapse.stuck .navbar-brand img {
max-height: 40px;
}

.navbar .navbar-collapse {
	-skrollr-animation-name: shrink-header;
}

.navbar .navbar-brand img {
	-skrollr-animation-name: shrink-logo;
}

@-skrollr-keyframes shrink-header {
	80 {
		padding-top: 10px;
		padding-bottom: 10px;
		-webkit-box-shadow: 0 10px 10px rgba(0,0,0,0);
		   -moz-box-shadow: 0 10px 10px rgba(0,0,0,0.0);
				box-shadow: 0 10px 10px rgba(0,0,0,0);
	}

	300 {
		padding-top: 0;
		padding-bottom: 0;
		-webkit-box-shadow: 0 10px 10px rgba(0,0,0,0.1);
		   -moz-box-shadow: 0 10px 10px rgba(0,0,0,0.1);
				box-shadow: 0 10px 10px rgba(0,0,0,0.1);
	}
}

@-skrollr-keyframes shrink-logo {
	80 {
		max-height: 80px;
	}

	300 {
		max-height: 40px;
	}
}


/*===================================================================================*/
/*	Generic
/*===================================================================================*/

.right {text-align: right;}
.float-left {float: left; margin-right:1em;}
.float-right {float: right; margin-left:1em;}
.clear-both {clear: both;}
.err {font-style:italic; color: red; font-size:0.9em;}


/*===================================================================================*/
/*	Print, mainly to stop blank page in IE
/*===================================================================================*/

@media print{*
.navbar{display:inline !important;}
.mobile-only {display:none !important;}
.navbar-header .navbar-brand{display:inline !important;}
/*.navbar-collapse.collapse {display:inline !important;} */

.inner-xs {padding-top: 10px; padding-bottom: 10px;}
.inner-bottom-xs {padding-bottom: 10px;}

a[href]:after{content:""}
[class^="col"][style] {opacity: 1.0 !important;}
}