/* Carousel */


.carousel-caption-ac p {
	margin-bottom: 10px;
}
.carousel-caption-ac p.font-medium a{
    color: #232120;
}
.carousel-caption-ac {
	position: absolute;
	bottom: 30%;
	z-index: 10;
	background-color: #68645f;
	color: #fff;
    padding: 15px 20px 5px 20px;
	width: 32%;
}

.carousel-inner .left {
  left: 0;
}

.carousel-inner .right {
  right: 0;
}
  
.carousel-inner .music {
    background-color: #ad2952;
}
    
.carousel-inner .music .font-medium span {
	color: #232120;
    background: #bd5475;
    outline: none;
}

.carousel-inner .dance {
    background-color: #5a3753;
}
    
.carousel-inner .dance .font-medium span {
	color: #232120;
    background: #7b5f75;
    outline: none;
}

.carousel-inner .art {
    background-color: #006a77;
}
    
.carousel-inner .art .font-medium span {
	color: #232120;
    background: #338892;
    outline: none;
}

.carousel-inner .theatre {
    background-color: #657924;
}
    
.carousel-inner .theatre .font-medium span {
	color: #232120;
    background: #849450;
    outline: none;
}

.carousel-inner .word {
    background-color: #ad1403;
}
    
.carousel-inner .word .font-medium span {
	color: #232120;
    background: #bd4335;
    outline: none;
}

.carousel-inner .learning {
    background-color: #c45914;
}
    
.carousel-inner .learning .font-medium span {
	color: #232120;
    background: #d07a43;
    outline: none;
}


/* Keylinks */


.MainContent .keylink-magenta-ac, .KeyLinks .keylink-magenta-ac {
    display: block;
    padding: 10px 48px 9px 20px;
	background-color: #ad2952;
    position: relative;
}
.MainContent .keylink-cyan-ac, .KeyLinks .keylink-cyan-ac {
    display: block;
    padding: 10px 48px 9px 20px;
	background-color: #006a77;
    position: relative;
}
.MainContent .keylink-green-ac, .KeyLinks .keylink-green-ac {
	display: block;
    padding: 10px 48px 9px 20px;
    background-color: #657924;
    position: relative;
}
.MainContent .keylink-orange-ac, .KeyLinks .keylink-orange-ac {
    display: block;
    padding: 10px 48px 9px 20px;
    background-color: #c45914;
    position: relative;
}
.MainContent .keylink-red-ac, .KeyLinks .keylink-red-ac {
    display: block;
    padding: 10px 48px 9px 20px;;
	background-color: #970f02;
    position: relative;
}
.MainContent .keylink-grey-ac, .KeyLinks .keylink-grey-ac {
    display: block;
    padding: 11px 48px 11px 20px;
    background-color: #534334;
    position: relative;
}
.MainContent .keylink-purple-ac, .KeyLinks .keylink-purple-ac {
    background-color: #5a3753;
    display: block;
    padding: 10px 48px 9px 20px;
    position: relative;
}
.MainContent .keylink-blue-ac img, .MainContent .keylink-magenta-ac img, .MainContent .keylink-cyan-ac img, .MainContent .keylink-green-ac img, .MainContent .keylink-orange-ac img, .MainContent .keylink-red-ac img, .MainContent .keylink-grey-ac img, .MainContent .keylink-purple-ac img {
    position: absolute;
    top: 0;
    right: 8px;
}

/* Keylinks-image */


.keylinks-image-red-ac h2 {
	border-left: 28px solid #ad1403;
}
.keylinks-image-red-ac h2 a > span {
	background-color: #ad1403;
}
.keylinks-image-orange-ac h2 {
	border-left: 28px solid #c45914;
}
.keylinks-image-orange-ac h2 a > span {
	background-color: #c45914;
}
.keylinks-image-green-ac h2 {
	border-left: 28px solid #657924;
}
.keylinks-image-green-ac h2 a > span {
	background-color: #657924;
}
.keylinks-image-cyan-ac h2 {
	border-left: 28px solid #006a77;
}
.keylinks-image-cyan-ac h2 a > span {
	background-color: #006a77;
}
.keylinks-image-magenta-ac h2 {
	border-left: 28px solid #ad2952;
}
.keylinks-image-magenta-ac h2 a > span {
	background-color: #ad2952;
}
.keylinks-image-blue-ac h2 {
	border-left: 28px solid #1c224b;
}
.keylinks-image-blue-ac h2 a > span {
	background-color: #1c224b;
}
.keylinks-image-purple-ac h2 {
	border-left: 28px solid #5a3753;
}
.keylinks-image-purple-ac h2 a > span {
	background-color: #5a3753;
}

/* Typographical headings */


.MainContent .page-content .typographical-magenta-ac h2 {
	border-left: 20px solid #ad2952;
}
.MainContent .page-content .typographical-magenta-ac h2 span {
    background-color: #ad2952;
}

.MainContent .page-content .typographical-cyan-ac h2 {
    border-left: 20px solid #006a77;
}
.MainContent .page-content .typographical-cyan-ac h2 span {
    background-color: #006a77;
}

.MainContent .page-content .typographical-green-ac h2 {
    border-left: 20px solid #657924;
}
.MainContent .page-content .typographical-green-ac h2 span {
    background-color: #657924;
}

.MainContent .page-content .typographical-orange-ac h2 {
    border-left: 20px solid #c45914;
}
.MainContent .page-content .typographical-orange-ac h2 span {
    background-color: #c45914;
}

.MainContent .page-content .typographical-red-ac h2 {
    border-left: 20px solid #ad1403;
}
.MainContent .page-content .typographical-red-ac h2 span {
    background-color: #ad1403;
}

.MainContent .page-content .typographical-purple-ac h2 {
    border-left: 20px solid #5a3753;
}
.MainContent .page-content .typographical-purple-ac h2 span {
    background-color: #5a3753;
}

/* Event summaries */

.story-wrapper p + p {
	margin: 20px 0 0 0;
}

/* Event calendar */

.table-short-courses .date70x70 span {
    padding-top: 2px;
}
.table-short-courses .date70x70 {
	padding-top: 9px;
}
.table-short-courses .art-event {
    background: none repeat scroll 0 0 #006a77;
}
.table-short-courses .music-event {
    background: none repeat scroll 0 0 #ad2952;
}
.table-short-courses .theatre-event {
    background: none repeat scroll 0 0 #657924;
}
.table-short-courses .dance-event {
    background: none repeat scroll 0 0 #5a3753;
}
.table-short-courses .learning-event {
    background: none repeat scroll 0 0 #c45914;
}
.table-short-courses .word-event {
    background: none repeat scroll 0 0 #ad1403;
}
.table-short-courses .sport-event {
    background: none repeat scroll 0 0 #009edb;
}
/* default calendar colour */

.table-short-courses .arthumanities-event, .table-events-list .arthumanities-event, .table-short-courses .politics-event, .table-events-list .politics-event, .meccsa-event, .outreach-event, .icvww-event, .carols-event, .lcjc-event, .humanities-event {
    background: none repeat scroll 0 0 #68645f;
}

/* Event details */

.ac-details-title {
    font-weight:bold;
    font-size: 16px;
}
.art thead > tr > th {
    border-bottom-color: #006a77;
}
.art tbody > tr > td:first-child {
	color: #006a77;
}

.sport thead > tr > th {
    border-bottom-color: #009edb;
}

.sport tbody > tr > td:first-child {
    color: #009edb;
}

.music thead > tr > th {
    border-bottom-color: #ad2952;
}
.music tbody > tr > td:first-child {
	color: #ad2952;
}

.theatre thead > tr > th {
    border-bottom-color: #657924;
}
.theatre tbody > tr > td:first-child {
	color: #657924;
}

.dance thead > tr > th {
    border-bottom-color: #5a3753;
}
.dance tbody > tr > td:first-child {
	color: #5a3753;
}

.learning thead > tr > th {
    border-bottom-color: #c45914;
}
.learning tbody > tr > td:first-child {
	color: #c45914;
}

.word thead > tr > th {
    border-bottom-color: #ad1403;
}
.word tbody > tr > td:first-child {
	color: #ad1403;
}

/* default table colour */

.politics thead > tr > th, .arthumanities thead > tr > th, .meccsa thead > tr > th, .outreach thead > tr > th, .icvww thead > tr > th, .carols thead > tr > th, .lcjc thead > tr > th, .humanities thead > tr > th {
    border-bottom-color: #68645f;
}
.politics tbody > tr > td:first-child, .arthumanities tbody > tr > td:first-child, .meccsa tbody > tr > td:first-child, .outreach tbody > tr > td:first-child, .icvww tbody > tr > td:first-child, .carols tbody > tr > td:first-child, .lcjc tbody > tr > td:first-child, .humanities tbody > tr > td:first-child {
    color: #68645f;
}

/* default magenta version */
.table-magenta thead > tr > th {
    border-bottom-color: #d83d96;
}
.table-magenta tbody > tr > td:first-child {
    color: #d83d96;
}


/* Let's look on a mobile */
@media (max-width: 767px) {

  	.MainImage .image-title-container .MainTitle img {
        width: 300px;
        height: auto;
	}
	.font-medium {
    	text-transform: uppercase;
    	font-weight: normal;
      	line-height: 19px
	}

	.carousel-caption-ac {
        background-color: #232120;
        height: 85px;
        padding: 10px;
        text-transform: none !important;
        width: auto;
    	position: relative;
	}
  	
  	.carousel-caption-ac p {
        color: #fff;
        margin-bottom: 0px;
    }
	.carousel-caption-ac .btn {
      	position: absolute;
      	right: 10px;
    	top: 10px;
    }

	/* Event summaries */

	.story-wrapper p + p {
		margin: 20px 0;
	}

/* Keylinks */

	.keylinks-image-red-ac + p, .keylinks-image-magenta-ac + p, .keylinks-image-cyan-ac + p, .keylinks-image-green-ac + p, .keylinks-image-orange-ac + p, .keylinks-image-purple-ac + p {
		border-bottom: 5px solid #efedec;
    	margin-bottom: 30px;
  		padding-bottom: 10px;
	}
  	
	.keylinks-image-red-ac h2 {
		border-left: 18px solid #ad1403;
	}
	.keylinks-image-orange-ac h2 {
		border-left: 18px solid #c45914;
	}
	.keylinks-image-green-ac h2 {
		border-left: 18px solid #657924;
	}
	.keylinks-image-cyan-ac h2 {
		border-left: 18px solid #006a77;
	}
	.keylinks-image-magenta-ac h2 {
		border-left: 18px solid #ad2952;
	}
	.keylinks-image-blue-ac h2 {
		border-left: 18px solid #1c224b;
	}
	.keylinks-image-purple-ac h2 {
		border-left: 18px solid #5a3753;
	}
  	
  
/* Typographical headings */

    .MainContent .page-content .typographical-magenta-ac h2 {
        border-left: 10px solid #ad2952;
    }
    
    .MainContent .page-content .typographical-cyan-ac h2 {
        border-left: 10px solid #006a77;
    }
    
    .MainContent .page-content .typographical-green-ac h2 {
        border-left: 10px solid #657924;
    }
    
    .MainContent .page-content .typographical-orange-ac h2 {
        border-left: 10px solid #c45914;
    }
    
    .MainContent .page-content .typographical-red-ac h2 {
        border-left: 10px solid #ad1403;
    }
    
    .MainContent .page-content .typographical-purple-ac h2 {
        border-left: 10px solid #5a3753;
    }

}

/* Let's look at a tablet! */
@media (min-width: 768px) and (max-width: 991px) {

/* Carousel, course search and font sizing */

    .font-xsmall {
        display: none;
    }
	.MainImage .image-title-container .MainTitle img {
    	width: 300px;
  		height: auto;
	}
  
}


/* A bit of desktop happiness */
@media (min-width: 992px) and (max-width: 1199px) {


}