/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Hanlding Updates
-----------------------------------------------------------------*/


/* Makes top nav black with pink hover state */
.dark #primary-menu:not(.dark) ul a:hover,
#primary-menu.dark ul a:hover {
    color: #000 !important;
	background-color:#e973a3 !important
}

/*makes sub menu black with whhite text */

.dark #primary-menu:not(.dark) ul ul a,
#primary-menu.dark ul ul a {
    color: #fff !important;
	background-color:#000 !important
}



.facultybar {
	background-color:#000 !important;
	background-image:url(../images/faculty/bars.png); background-position:right; background-repeat:repeat-y
}
	
.facultybar a{
	color:#fff !important}
	
	
.topbarfaculty {
	background-color:#000 !important;
	background-image:url(../images/faculty/bars.png); background-position:right; background-repeat:repeat-x
}



.faculty{
	background-color:#000 !important;
	
}
.faculty h1 {
		color:#fff !important;
        font-family: 'Humanist', sans-serif;
}


button-fashion a{
	background-color:#E973A3 !important;
}
.fashionblack {
	background-color:#E973A3 !important;
	color: #333 !important
}
.fashionblack h2 {
		color:#333 !important
}
.fashionblack span {
		color:#333 !important
}
 
 
.adf {
	background-color:#ff5c26 !important;
	
} 
.adf h1 {
		color:#fff !important;
        font-family: 'Humanist', sans-serif;
}

.uclannav a{
	color:#999 !important}
	
/* --------------------  control h2 size on homepage slider one ----------------------------- */

.device-lg slider-caption-bg2 a { font-size: 64px; }
 
.device-md .slider-caption-bg2 a { font-size: 26px; padding: 16px 14px; }

.device-sm .slider-caption-bg2 a { font-size: 26px; padding: 12px 10px; }
 
.device-xs .slider-caption-bg2 a { font-size: 16px; padding: 6px 10px; }
 
.device-xxs .slider-caption-bg2 a { font-size: 14px; padding: 3px 5px; }
/* --------------------------------------- */


/* --------------------  control h2 size on homepage slider two ----------------------------- */

.device-lg .slider-caption-bg3 h2 { font-size: 48px; }
 
.device-md .slider-caption-bg3 h2  { font-size: 26px; padding: 16px 14px; }

.device-sm .slider-caption-bg3 h2  { font-size: 26px; padding: 1px 1px; }
 
.device-xs .slider-caption-bg3 h2  { font-size: 16px; padding: 1px 1px; }
 
.device-xxs .slider-caption-bg3 h2  { font-size: 14px; padding: 3px 5px; }

.device-lg .slider-caption-bg3 { font-size: 20px; padding: 16px 20px; }
 
.device-md .slider-caption-bg3  { font-size: 18px; padding: 16px 14px; }

.device-sm .slider-caption-bg3  { font-size: 18px; padding: 12px 10px; }
 
.device-xs .slider-caption-bg3  { font-size: 14px; padding: 6px 10px; }
 
.device-xxs .slider-caption-bg3  { font-size: 12px; padding: 3px 5px; }

/* --------------------------------------- */


/* --------------- slider images ------------------ */


.architectureslider { background-image: url(../faculty-assets/hp-slider-architecture.jpg); }

@media (max-width: 500px) {
    .architectureslider { background-image: url(../faculty-assets/hp-slider-architecture-500.jpg); }
}

.fineartslider { background-image: url(../faculty-assets/hp-slider-fine-art.jpg); }

@media (max-width: 500px) {
    .fineartslider { background-image: url(../faculty-assets/hp-slider-fine-art-500.jpg); }
}

.designslider { background-image: url(../faculty-assets/hp-slider-design.jpg); }

@media (max-width: 500px) {
    .designslider { background-image: url(../faculty-assets/hp-slider-design-500.jpg); }
}

.fashionslider { background-image: url(../faculty-assets/hp-slider-fashion.jpg); }

@media (max-width: 500px) {
    .fashionslider { background-image: url(../faculty-assets/hp-slider-fashion-500.jpg); }
}

.humanitiesslider { background-image: url(../faculty-assets/hp-slider-humanities.jpg); }

@media (max-width: 500px) {
    .humanitiesslider { background-image: url(../faculty-assets/hp-slider-humanities-500.jpg); }
}

.journalismslider { background-image: url(../faculty-assets/hp-slider-journalism.jpg); }

@media (max-width: 500px) {
    .journalismslider { background-image: url(../faculty-assets/hp-slider-journalism-500.jpg); }
}

.languagesslider { background-image: url(../faculty-assets/hp-slider-languages.jpg); }

@media (max-width: 500px) {
    .languagesslider { background-image: url(../faculty-assets/hp-slider-languages-500.jpg); }
}

.lawslider { background-image: url(../faculty-assets/hp-slider-law.jpg); }

@media (max-width: 500px) {
    .lawslider { background-image: url(../faculty-assets/hp-slider-law-500.jpg); }
}

.mediaslider { background-image: url(../faculty-assets/hp-slider-media.jpg); }

@media (max-width: 500px) {
    .mediaslider { background-image: url(../faculty-assets/hp-slider-media-500.jpg); }
}

.performanceslider { background-image: url(../faculty-assets/hp-slider-performance.jpg); }

@media (max-width: 500px) {
    .performanceslider { background-image: url(../faculty-assets/hp-slider-performance-500.jpg); }
}

.landingslider { background-image: url(../faculty-assets/hp-slider-landing.jpg); }

@media (max-width: 500px) {
    .landingslider { background-image: url(../faculty-assets/hp-slider-landing-500.jpg); }
}

/* ------------------ */

/* --------------------  SUBJECT COLOURS ----------------------------- */
.architecture {
    background-color: #ff5c26 !important
}
.design{
    background-color: #68318d !important
}
.fineart {
    background-color: #dc2035 !important
}
.fashion {
	background-color:#E75892 !important;
}
.media {
	background-color:#0c5a96 !important;
}
.performance {
	background-color:#69a330 !important;
}
.journalism {
	background-color:#428068 !important;
}
.humanities {
	background-color:#3e79bc !important;
}
.law {
	background-color:#cc0066 !important;
}
.languages {
	background-color:#b08f00 !important;
}

/* --------------------------------------- */

/* -------------------- SUBJECT PAGE STYLES ----------------------------- */

#adbar {
	text-align:right;
	color: #fff !important;
	font-weight: 300;
	font-size: 16px !important;
	text-transform: uppercase;
	padding:0px;
	margin:0px
}
#adbar a{
	color: #fff !important;
	text-decoration:underline !important
}
#adbar p{
	margin-bottom:0px}

@media (max-width: 767px) {
	#adbar {
	text-align: center;
	font-size: 14px !important;
	margin-bottom:-50px
	}
	
	.subjectbar {
		margin-top:-5px
}
	.opendaybox {
		margin-top:20px;
		padding-bottom:-20px!important;
}
	.subjectbaropendays h1{
		margin:-25px 0px 5px 0px !important;
}
#page-title {
		margin-top:0px
}

	
}

@media (min-width: 768px) and (max-width: 990px) {
			#adbar {
	text-align: left;
	margin-bottom:-50px
	}
		#page-title {
		margin-top:-5px
}
.opendaybox {
		padding-bottom:-20px!important;
}

}



.opendaybox {
		padding-bottom:50px!important;
}

.subjectbar h1 {
		color:#fff !important;
        font-family: 'Humanist', sans-serif;
		
}



.subjectbaropendays h1 {
		color:#fff !important;
        font-family: 'Humanist', sans-serif;
		padding-top:20px !important
}


.areatitle h2 {
		color:#fff !important;
        font-family: 'Humanist', sans-serif;
}
/* --------------------------------------- */
.facultycta a:hover{
	background-color:#fff !important;
	color:#000 !important
}
.vtour-video-container {
	    position: relative ;
    padding-bottom: 56.25%;
    padding-top: 35px;
    height: 0;
    overflow: hidden;
}
.vtour-video-container iframe {
	position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}
.subjectpic {
background-repeat:no-repeat !important;
-webkit-background-size:cover !important;
-moz-background-size:cover !important;
-o-background-size:cover !important;
background-size:cover !important;
background-position:center center !important;	

}

/*button formatting for CTAs and subject pages */
.device-lg .subjectbtn,
.device-md .subjectbtn { font-size: 16px; }

.device-sm .subjectbtn { font-size: 12px; }

.device-xs .subjectbtn,
.device-xxs .subjectbtn { font-size: 10px;}

/* makes rollovers work on mobiles */

body.device-touch.device-xs .portfolio-notitle .portfolio-desc,
body.device-touch.device-xxs .portfolio-notitle .portfolio-desc,
body.device-touch.device-xs .portfolio-notitle .portfolio-overlay,
body.device-touch.device-xxs .portfolio-notitle .portfolio-overlay { display: block !important; 
}

.device-xxs #logo img {
    height: 75px;
    margin: 6px 0;
}


#logo h1 {line-height:5px !important}
#logo h1{line-height:5px!important}
.fbox-dark p{color:#000}
.fbox-light p{color:#000}
.lead{color:#000}
blockquote footer{color:#000}

.cenquiries a{color:#1BC5A3!important}

.schooltext {color:#1BC5A3!important}
.schoollink{color:#1BC5A3!important}

/* dark-pink button*/
.button-darkpink { background-color: #e0246f; }
.button-3d.button-darkpink:hover,
.button-reveal.button-darkpink:hover,
.button-border.button-darkpink:hover,
.button-border.button-darkpink.button-fill:before { background-color: #e0246f !important; }

.button-border.button-darkpink {
	color: #e0246f;
	border-color: #e0246f;
}

/*Homepage slider icons */

.swiper-links {
	position: absolute;
	z-index: 1000;
	bottom: 20px;
	left: 55%;
	margin-left: -14px;
	width: 28px;
	height: 28px;
	font-size: 28px;
	text-align: center;
	color: #222;
    }
	
	.swiper-link-pause
	{
	position: absolute;
	z-index: 3;
	bottom: 20px;
	left: 52%;
	margin-left: -13px;
	width: 26px;
	height: 26px;
	font-size: 26px;
	text-align: center;
	color: #222;
	font-weight:normal}
	
	.swiper-link-play {
	position: absolute;
	z-index: 3;
	bottom: 20px;
	left: 54%;
	margin-left: -13px;
	width: 26px;
	height: 26px;
	font-size: 26px;
	text-align: center;
	color: #222;
	font-weight:normal
	}
    
    .swiper-link-pause {
            color: #fff;
            opacity: 0.75;
     }
	
	.swiper-link-play {
            color: #fff;
            opacity: 0.75;

        }

	
@media (max-width: 767px) {
	.swiper-link-play { display: none !important; }
	.swiper-link-pause { display: none !important; }
}







/* slider pause button  */

 .swiper-links {
	position: absolute;
	z-index: 1000;
	bottom: 20px;
	left: 55%;
	margin-left: -14px;
	width: 28px;
	height: 28px;
	font-size: 28px;
	text-align: center;
	color: #222;
    }
	
	.swiper-link-pause
	{
	position: absolute;
	z-index: 3;
	bottom: 20px;
	left: 52%;
	margin-left: -13px;
	width: 26px;
	height: 26px;
	font-size: 26px;
	text-align: center;
	color: #222;}
	
	.swiper-link-play {
	position: absolute;
	z-index: 3;
	bottom: 20px;
	left: 54%;
	margin-left: -13px;
	width: 26px;
	height: 26px;
	font-size: 26px;
	text-align: center;
	color: #222;
	}
    
    .swiper-link-pause {
            color: #fff;
            opacity: 0.5;
     }
	
	.swiper-link-play {
            color: #fff;
            opacity: 0.5;

        }

	
@media (max-width: 767px) {
	.swiper-link-play { display: none !important; }
	.swiper-link-pause { display: none !important; }
}


/*countdown clock style */

.courseclock .countdown-section {
	padding: 0 15px;
	border-left-color: rgba(255,255,255,0.3);
	color: #CCC;
}

.courseclock .countdown-amount { color: red; font-family:'Orbitron'; font-size:32px; font-weight:bold}

@media (max-width: 767px) {
.courseclock .countdown-amount { font-size:18px; font-weight:bold}
}
/*drama course page text at bottom*/
.venture a{color:#E85E95}
.venture a:hover {text-decoration:underline}

/* search bar */

#top-search-input {
	float: right;
	margin: 33px 0 33px 15px;
	-webkit-transition: margin .4s ease;
	-o-transition: margin .4s ease;
	transition: margin .4s ease;
	color: #fff !important
}

#top-search-input form {
	width: 160px;
	height: 34px;
	padding: 0;
	margin: 0;
}

.input-group {
		color: #fff !important
}

#header.sticky-header #top-search-input { margin: 13px 0 13px 15px; }

.form-control {
	color:#FFFFFF
	}

@media (max-width: 991px) {

	#top-search-input {
		float: none;
		margin: 20px 0;
		color: #fff !important
	}

	#top-search-input form {
		margin: 0 auto;
		width: 300px;
	}
	.input-group {
		color: #fff !important
}
.form-control {
	color:#FFFFFF
	}

}

.device-xs #top-search-input form { width: 100%; }


#header.full-header #primary-menu > ul {
    float: left;
    padding-right: 0;
    margin-right: 0;
    border-right: 0;
}

@media (min-width: 992px) and (max-width: 1199px) {
    #primary-menu ul li a {
        padding: 40px 8px;
        font-size: 12px;
        letter-spacing: 0;
    }
}

/* STAFF PAGE */
.staff-title {
	color:#fff}
	
.staff-item {
	height:120px !important;
	}


.portfolio-filter li.btn-arch.activeFilter a  {
	background-color: #ff5c26 !important
}

.portfolio-filter li.btn-design.activeFilter a  {
    background-color: #68318d !important
}
.portfolio-filter li.btn-fineart.activeFilter a  {
    background-color: #dc2035 !important
}
.portfolio-filter li.btn-fashion.activeFilter a  {
	background-color:#E75892 !important;
}
.portfolio-filter li.btn-media.activeFilter a  {
	background-color:#0c5a96 !important;
}
.portfolio-filter li.btn-performance.activeFilter a  {
	background-color:#69a330 !important;
}
.portfolio-filter li.btn-journalism.activeFilter a  {
	background-color:#428068 !important;
}
.portfolio-filter li.btn-humanities.activeFilter a  {
	background-color:#3e79bc !important;
}
.portfolio-filter li.btn-law.activeFilter a  {
	background-color:#cc0066 !important;
}
.portfolio-filter li.btn-languages.activeFilter a  {
	background-color:#b08f00 !important;
}

/**leaders in residence - portfolio items**/

.portfolio-itemlir {
/**width: 16.66666667%; **/
/**padding: 0 6px 6px 0; **/
height: 380px !important
/**float: left;  **/
}

@media (min-width: 300px) and (max-width: 767px) {
.portfolio-itemlir {
height: 450px !important

}
}

/**cookie bar - link underline**/
.cc-link {
	text-decoration:underline !important
}

/** footer ad bar links **/
#footer .cenquiries a {
text-decoration:underline !important	
}

/** virtual tour size **/
.vtour-video-container iframe{
	width:100%
}
iframe {
	border:none
}

/** uclan dance colours **/

.dance-residence {
	border-bottom:5px #2883B8 solid
}

.dance-research {
	border-bottom:5px #6038B0 solid
}

.dance-outreach {
	border-bottom:5px #FF5757 solid
}

.dance-performance {
	border-bottom:5px #FFDE59 solid
}

.dance-courses {
	border-bottom:5px #7ED957 solid
}