/** ------------------------------------------------------ **/
/** ------------------- standard ------------------------- **/
body {
	font-family: 'Poppins', sans-serif;
}

p {
	color: #000;
	font-size: 1.1em;
    margin: 1.5rem 0;
    line-height: 1.5em;	
	padding:0px;
}

h1 {
	color: #000;
	font-size: 1.8em;
	font-weight: 300;
	line-height: 1.4em;	
}

h2 {
	color: #000;
	font-size: 1.8em;
	font-weight: 300;
	line-height: 1.4em;	
	text-decoration: none;
}

h3 {
	color: #000;
	font-size: 1.3em;
	font-weight: 400; 
}

h4 {

}

a, a:visited {
	color: #000;
	text-decoration: none;
}
a:hover {
	color: #000;
	text-decoration: underline;
}
img {
	border: 0px;
	height: auto;
    max-width: 100%;
}

ul, ol{
	color: #000000;
	
}
ul li, ol li{
	font-size: 1em;
	line-height:1.4em;
}

.greentext{
	color:#6fc692;
}
.whitetext{
	color:#FFFFFF;
}
.lightgreytext{
	color:#D7D7D7;
}
.darkgreytext {
	color: #8B8B8D;
}

.pink-link-button {
	background-color: #d3a7aa;
	color: #ffffff;
}

.college-text{
	color:#ED1D24;
}	
.courses-text{
	color:#803f8d;
}	
.students-text{
	color:#ed7913;
}	
.exhibition-text{
	/*color:#34b5f1;*/
	color:#43b649;
}	
.news-text{
	color:#910966;
}	
.support-text{
	color:#819e25;
}

.qac-enterprises-text{
	color:#43b649;
}
.get-in-touch-text{
	color:#f1d034;
}	

.embed-responsive {
	position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden;
}
.embed-responsive-16by9 {}
.img-fluid {}


p.iframe {
	/* left empty so video doesn't stretch to 100% on desktop 
	   style is applied @767px in responsive.css */
}
	
/** ------------------------------------------------------ **/
/** ------------------- alignment ------------------------ **/

.alignRight {	
	margin-bottom: 16px;
	margin-left: 20px;
	text-align:right;
}

img.alignRight{
	border: 0px;
	float:right;
	margin-bottom: 16px;
	margin-left: 20px;
}

.alignLeft {
	margin-bottom: 16px;
	margin-right: 20px;
	text-align:left;
}

img.alignLeft{
	border: 0px;
	float:left;
	margin-bottom: 16px;
	margin-right: 20px;
}

.alignCentre {
	border: 0px;
	text-align:center;
	margin-bottom: 16px;
	margin-left:auto;
	margin-right:auto;
	display: block;
  	vertical-align: middle;
} 


/** ------------------------------------------------------ **/
/** ------------------- bespoke -------------------------- **/

table.tableStyleA {
	background-color:#FFFFFF !important;
	margin: 10px 0px 10px 0px;
	border-style:solid;
	border-width: 1px;
	border-color:#000000;
	border-collapse: collapse;
}

table.tableStyleA td, th{
	text-align:left;
	vertical-align:top;
	border-style:solid;
	border-width: 1px;
	border-color:#000000;
	padding: 5px 5px 5px 5px;
}
table.tableStyleB {
	background-color:#EEEEEE !important;
	margin: 10px 0px 10px 0px;
	border-style:solid;
	border-width: 1px;
	border-color:#000000;
	border-collapse: collapse;
}

table.tableStyleB td, th{
	text-align:left;
	vertical-align:top;
	border-style:solid;
	border-width: 1px;
	border-color:#000000;
	padding: 5px 5px 5px 5px;
}

table td p {
	padding: 0px;
	margin: 0px;
}


.TemplateClear {
	clear: both; 
	height: 0px;
}

.TemplateHeadshotColContainer{
	margin-bottom:22px;
}

.Template4colContainer {
	margin-top:50px;
	width: 714px; 
}

.Template4colColumn {
	float: left; 
	margin-right: 9px;
	width: 169px; 
}

.TemplateHeadshotColImageColumn{
	float:left;
	max-width: 235px;
    margin-left: auto;
    margin-right: auto;
	width:25%;
}
.TemplateHeadshotColTextColumn h3{
	margin:1.5rem 0;
}


.TemplateHeadshotColTextColumn{
	float:left;
	width:75%;
}
	

/* add a background colour/image to these divs when editing in WYSIWYG editor */ 

.mce-content-body .Template4colContainer, .mce-content-body .TemplateHeadshotColContainer{
	background-color: #ffffff;
}
.mce-content-body .Template4colColumn, .mce-content-body .TemplateHeadshotCol{
	background-color: #e1e1e1;
	background-image: url(/admin/images/wysiwyg-template-bg.gif);
	background-repeat: repeat;
}


/** ------------------------------------------------------ **/
/** ------------------- fonts -------------------------- **/

.fontArial {
	font-family: Arial;
}
.fontGeorgia {
	font-family: Georgia;
}


/** ------------------------------------------------------ **/
/** ------------------- bespoke -------------------------- **/
.qac-red {
	color: #ee3b34;
}
.qac-red-background {
	color: #ee3b34;
}


.homepage-header {
	font-size: 1.4em;
	text-align: center;
	font-weight: 400;
	
	margin-top: 40px;
}


/***** START: expandable section ****/
.expandablesection {
/*	margin: 0;
	padding: 0;*/
}
.expandablesection-heading {
	margin: 1px;
	padding: 3px 10px;
	cursor: pointer;
	position: relative;
	font-weight: bold;
}
.heading-on {
	color: #000;
	background-color:#f1d034;
}
.heading-off {
	color: #fff;
	background-color:#272727;
}
.expandablesection-content {
	padding: 5px 10px;
	background-color:#fafafa;
}
/***** END: expandable section ****/



/********** START: COURSE CATEGORIES SECTION RELATED STYLES **********/
.subnavheader-coursecategories {
	background-color: #803f8d;
	color: #FFF;
	font-size: 1.2em;
	font-weight: bold;
	padding: 8px;
}


#coursespage-categories ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
}

#coursespage-categories li {
	height: 59px;

	margin-top: 5px;
}

#coursespage-categories ul li a, #coursespage-categories ul li a:visited {
	font-size: 1.1em;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
	display: block;
/*	width: 410px;*/
	height: 59px;
	
	padding-top: 20px;
	padding-left: 15px;
}
* html #coursespage-categories ul li a, #coursespage-categories ul li a:visited {
/*	width: 425px;
	w\idth: 410px;*/
	
	height: 79px;
	h\eight: 59px;
}

#coursespage-categories li.zebColour {
}

/********** END: COURSE CATEGORIES SECTION RELATED STYLES **********/



/********** START: SPECIFIC COURSE (e.g. ART AND DESIGN) SECTION RELATED STYLES **********/
#coursepage-courses ul {
/*	width: 470px;*/
	
	list-style: none;
	padding: 0px;
	margin: 0px;
}

#coursepage-courses li {
/*	background-image:url(/images/coursespage-default.gif);
	width: 470px;*/

	background-color: #803f8d;
	height: 59px;

	margin-top: 5px;
}

#coursepage-courses ul li a, #coursepage-courses ul li a:visited {
	font-size: 1.0em;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
	display: block;
/*	width: 400px;*/
	height: 59px;

	padding-top: 10px;
	padding-left: 20px;
}
* html #coursepage-courses ul li a, #coursepage-courses ul li a:visited {
/*	width: 420px;
	w\idth: 400px;*/
	
	height: 69px;
	h\eight: 59px;
}

#coursepage-courses li.zebColour {
/*	background-image:url(/images/coursespage-zebcolour.gif);*/
}
/********** END: SPECIFIC COURSE (e.g. ART AND DESIGN) SECTION RELATED STYLES **********/

/********** START: EXHIBITIONS SECTION RELATED STYLES **********/
.subnavheader-exhibitions {
	/*background-color: #34b5f1;*/
	background-color: #43b649;
	color: #FFF;
	font-size: 1.2em;
	font-weight: bold;
	padding: 8px;
}

#exhibitions-pages ul {
	/*width: 470px;*/
	
	list-style: none;
	padding: 0px;
	margin: 0px;
}

#exhibitions-pages li {
	background-image:url(/images/exhibitionspage-default.png);
	background-position: right;
    background-repeat: no-repeat;
    /*background-color: #00A9CC;*/
	background-color: #43b649;
	/*width: 470px;
	height: 59px;*/
	margin-top: 5px;
}

#exhibitions-pages ul li a, #exhibitions-pages ul li a:visited {
	font-size: 1.1em;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
	display: block;
	/*width: 410px;
	height: 59px; */
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 15px;
	padding-right: 60px;
}

#exhibitions-pages li.zebColour {
	background-image:url(/images/exhibitionspage-zebcolour.gif);
	background-position: right;
    background-repeat: no-repeat;
	background-color:#272727;
}
.exhibitorcontact-header {
	width: 100px;
	float: left;
	padding-bottom: 15px;
	font-weight: bold;
}
.exhibitorcontact-data {
	float: left;
	padding-bottom: 15px;
}

/********** END: EXHIBITIONS SECTION RELATED STYLES **********/