/* This needs merging with the main file via the preporcessor */



#brunelcookies{
  background:#002646;
}

#brunelcookies a{
   color: $white!important;
    border-bottom: 1px solid #fff!important;
    padding: 10px 0px 7px 0 !important;
    display: inline-block!important;
    margin: 10px 20px!important;
    font-weight: bold!important;
}

.course-detail__placement .clearing-pill {
    font-style: normal;
    margin-right: 10px;
    padding-bottom: 6px;
    padding-top: 6px;
}
.clearing-pill {
    background-color: #C8151A;
    border-radius: 20px;
    color: #fff;
    display: inline-block;
    font-size: 0.875rem;
    font-style: italic;
    margin-top: 5px;
    padding: 0 10px;
}

.jointhonors-pill, 
.distancelearning-pill {
	background-color: #E5ECF2;
    border-radius: 20px;
    color: #000;
    display: inline-block;
    font-size: 0.875rem;
    font-style: italic;
    margin-top: 5px;
    padding: 0 10px;
}

.resultsContainer__resultNone {
	clear: both;
}


.secNav .secondaryNav__active, .secNav .secondaryNav__active:hover  {
	text-decoration: underline;
  	color:#DE1C8F;
}


/* Start clearing course list fix – Duplicated classes to remove 1023px limit NS */

@media only screen and (min-width: 1023px) {
    .resultsContainerAllScreens__filter {
        background: #eff1f0 url(../images/boxAlt.png) left no-repeat;
        color: #595a5c;
        border-radius: 0;
        text-align: left;
        font-weight: normal;
        padding: 15px 0px 15px 62px;
        background-size: 23px;
        margin-left: 0px;
        line-height: 22px;
        margin-bottom: 0px;
        float: left;
        border: none;
        box-sizing: border-box;
        background-position: 20px;
    }
}

@media only screen and (min-width: 1023px) {
	.resultsContainerAllScreens__filter:hover {
	    background: #eff1f0 url(../images/boxAlt.png) left no-repeat;
	    color: #9e1c96;
	    background-size: 23px;
	    border: none;
	    background-position: 20px;
	    opacity: 1;
	}
}

@media only screen and (min-width: 1023px) {
	.resultsContainerAllScreens__filter:focus {
	    background: #eff1f0 url(../images/checkAlt.png) left no-repeat;
	    color: #9e1c96;
	    background-position: 20px;
	}
}

/* End clearing course list fix */

@media only screen and (min-width: 958px) {
  .resultsContainerAllScreens__filter {
    min-width: 33%;
  }
}


@media only screen and (min-width: 1520px) {
  .resultsContainerAllScreens__filter {
    min-width: 25%;
  }
}

.resultsContainer__filter--active,
.resultsContainer__filter--active:hover,
.resultsContainer__filter--active:focus,
.resultsContainerAllScreens__filter--active,
.resultsContainerAllScreens__filter--active:hover,
.resultsContainerAllScreens__filter--active:focus {
    background: #eff1f0 url("../images/checkAlt.png") no-repeat scroll 20px center;
    color: #9e1c96;
}

.bg--clinical .textBox__title, 
.bg--clinical .textBox__desc {
	/*color: #00325b;*/
}
.bg--clinical {
	background-color: #0051b8;
}

@media screen and (min-width: 960px) {
  .pageTitle--withBanner {
    margin-top: -87px;
  }
}

@media only screen and (min-width: 800px) and (max-width: 1023px) {

	.resultsContainer__filter:hover {
    	background-image: none;
	}

	.resultsContainer__filter:focus {
		background-image: none;
	}
}


.dropdownAllScreens-pane {
    background-color: #eff1f0;
  	width: auto;
  	transition: 0s;
  	-webkit-transition: 0s;
}

.resultsContainerAllScreens__filter {
  	transition: 0s;
  	-webkit-transition: 0s;
}

/* Start open day CTA on event pages, July 2016, NS */
.button--openday {
	background-color: #00a19c;
    background-image: none;
	font-size: 14px;
	margin: 0 10px 20px 0;
	padding: 10px 15px;
}
.button--openday:hover, 
.button--openday:focus {
    background-image: none;
}

/* End open day CTA on event pages */


/* Start amends to existing classes for clearing course list work, http://wcms-preview.brunel.ac.uk/SandPit/SandPitNS/clearing/Clearing-courses, July 2016, NS */

@media only screen and (max-width: 1023px) {

    .filter--results .dropdown-pane {
        background: #eff1f0;   /* changed from none to grey bg NS */
        /*background-color: #eff1f0 !important;*/
    }

    .revisedSearch__title {
        /* margin-bottom: 12px; */
        margin-bottom: 0;
        padding: 22px 0.625rem;
    }
}
/* End amends to existing classes for clearing course list */



/* Start form style corrections NS Oct 2016*/

form .sys_cms-form-body input.sys_medium, form .sys_cms-form-body select.sys_medium {width: 100%}
form .sys_buttons {text-align: left}

/* End form style corrections */


/* Start image alignment options, Dec 2016, NS */

	img.left {
      	float: left;
      	margin-right: 1.25rem;
    }

	img.right {
      	float: right;
      	margin-left: 1.25rem;
    }

/* End image alignment options, Dec 2016, NS */


/* Start generic classes NS */
	.nowrap {white-space: nowrap;}
	.valigntop {vertical-align: top;}
	.hide {display: none;}
	.p20px {padding: 20px;}
	.abs1rem {position: absolute; top: 1rem; left: 1rem;}
/* End generic classes */


/**
 * Top menu fixes NS Mar 2017  to stop nav block dropping down
 */

@media screen and (min-width: 1050px) {
	.mainNav .mainNav__level1 {
	    margin: 0 3px;
	}
}

@media screen and (min-width: 1100px) {
	.mainNav .mainNav__level1 {
	    margin: 0 4px;
	}
}


/**
 * News info padding NS Mar 2017 
 */

.article__info {
	margin-bottom: 1.875rem;
}

.article__info--reporter {
  	line-height: 1.3rem;
}

/**
 * Anchor scroll fix NS Mar 2017 - to compensate for the height of fixed header on desktop
 */

@media screen and (min-width: 1049px){
  :target:before {
    content:"";
    display:block;
    height:89px; /* fixed header height*/
    margin:-89px 0 0; /* negative fixed header height */
  }
}


/* Form CSS overrides NS Aug 2017*/

.sys_cms-form-body li div label {
    font-size: 1rem;
}

.sys_cms-form-body li input, .sys_cms-form-body li select, .sys_cms-form-body li textarea, .sys_cms-form-body li label, .sys_cms-form-body li .sys_legend, .sys_cms-form-body li .sys_fieldlabel {
    font-size: 1rem;
    margin-bottom: 15px;
}

/* End form overrides */

/* Start Accommodation facilities guide formatting NS Oct 2017*/
	.tick-yes {color:green;}
	.tick-no {color:red;}
/* End Accommodation facilities guide formatting */