/* General styles */
h4.ssa_blue_heading {
	color: #5e798f;
}
div.ak_term_dates {
	display:table;
}
div.ak_term {
	display: block;
	width: 100%;
	margin-bottom:20px;
}

.history_portraits {
	display: none;
}

/* Home page styles */
#ssoa_home_courses .template-page {
	padding-top:0px;
}

#home_intro .template-page {
	padding-bottom:0px;
}

sup {
		vertical-align:top;
}

#ssoa_home_courses .home_course_circle {
		opacity:0.75;
}

/* Course list styles */

/* pick these codes up using the inspector in the ALB back-end */

/*
 * clock
 */
.course_enquiry_block li .icon_wrapper span.course_attr_icon_clock:before {
	content: "\e862";
}
/*
 * calendar
 */
.course_enquiry_block li .icon_wrapper span.course_attr_icon_calendar:before {
	content: "\e85b";
}
/*
 * card
 */
.course_enquiry_block li .icon_wrapper span.course_attr_icon_card:before {
	content: "\e8cf";
}
/*
 * tutor
 */
.course_enquiry_block li .icon_wrapper span.course_attr_icon_tutor:before {
	content: "\e8c9";
}
/* Style The Dropdown Button */
.dropbtn {
	background-color: #d2d5db;
	color: white;
	padding: 16px;
	font-size: 16px;
	border: none;
	cursor: pointer;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
	position: relative;
	display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
	display: none;
	position: relative;
	background-color: #f9f9f9;
	min-width: 160px;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
	color: black;
	/*padding: 12px 16px;*/
	text-decoration: none;
	display: inline-blockblock;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #f1f1f1}

/* Show the dropdown menu on hover */
.dropdown .dropdown-content {  
        display: none;
}
.dropdown:hover .dropdown-content {
	display: block;
	width:100%
}

.show {
	display: block;
	width:100%
}

.hide {
	display: none;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
	background-color: #ccc;
}

#ssoa_filter_container {
	padding-top:10px;
	width:100%;
}

#ssoa_filter_container div.dropdown, #ssoa_filter_container button {
	width:100%;
	color: #465a6b;
	border-radius:3px;
}

#dow_dd {
	margin-top:15px;
}

#ssoa_filters .arrow-up {
	width: 0; 
	height: 0; 
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 5px solid #465a6b;
	float:right;
}

#ssoa_filters .arrow-down {
	width: 0; 
	height: 0; 
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid #465a6b;
	float:right;
}

#ssoa_filters input[type="checkbox"] {
	width: 20px;
	height: 20px;
}

#ssoa_filters label {
	vertical-align:text-bottom;
}

#ssoa_filters .filter_row {
	margin-bottom:5px;
}

#ssoa_filter_container {
	width:100%;
}

#filter-display {
	display:none; /* Useful for debugging filters */
}

#top div#list_courses  div.ssoa_course_archive_content, #top div#list_courses p {
	font-size:18px;
	margin-top:10px;
}

#alert {
	display:none;
}


#list_courses {
	background-position:initial;
}
/*Desktop styles*/

@media only screen and (min-width:1024px){
	#top div#list_courses article.tutors div.ssoa_tutor_archive_meta {
	display:table-cell;
	width:16.9%;
	float:left;
	}
	
	#top div#list_courses article.tutors div.ssoa_tutor_archive_content {
	display:table-cell;
	width:79.1%;
	float:right;
	padding-top: 10px;
	}
	
	#top div#list_courses  div.ssoa_course_archive_meta {
	display:table-cell;
	/*width:32.9%;
	float:left;
	min-width:290px;*/

	width:290px;
	}
	
	#top div#list_courses  div.ssoa_course_archive_meta a {
	min-height:228px;	
	}
	
	#top div#list_courses  div.ssoa_course_archive_content {
	display:table-cell;
	/*width:66.1%;*/
	/* float:right;*/
	padding-top: 10px;
	padding-left:10px;
	vertical-align:top;
	}	
	
	#ssoa_single_course_enquiry_block {
	margin-top:0px;
	}
	#ssoa_course_list {
	float: right;
	width:79%
	}
	
	#ssoa_filter_container {
	width:20%;
	display:inline-block;
	padding-top:50px;
	}

	.dropdown .dropdown-content {
	display: block;
	width:100%;
	padding-bottom:5px;
	}


	div.ak_term_dates {
	display:table;
	}
	
	div.ak_term {
	display: table-cell;
	width: 30%;
	}
	
	
}