/* Sam/Katharine 19/02/20 */

.info-block p {
		display:block;
		color: white!important;
	}

	.info-block p.icon, .info-block p {
		margin-right: 0
		color: white!important
	}

.info-block a {
	color: white!important;
	text-decoration-color: white!important;
}

h1 {
	color: #3f4246!important;
	font-weight: normal;
}
/*.column-1 h2, .column-1 h3, .column-1 h4, .column-1 h5, .column-1 h6 {
	 color: #3f4246 !important;
}*/

ul.nav.nav-tabs {
    font-size: 1.1em !important;
    }

.column-1 p.large {
	font-size: 1.25em!important;
	font-weight: 500!important;
}

.banner-image {
	position: relative;
	margin-bottom: 20px;
}
.banner-buttons {
	position: absolute;
	bottom: 60px;
	width: 25%;
	left: 60px;
}
.copyright{
	margin-top:-1%;
	font-style: italic;
	font-size: 12px;
}
.info-block {
	border-top: none;
	padding: 0px 25px 0px 25px;
}
.info-block:last-child {
	border: 0;
}
.info-block p {
	margin-bottom: 0;	
}
.leftborder {
	margin: 10px 0px 20px 5px;
	padding: 0px 0px 0px 10px;
	border-width: 6px;
	border-left: 5px solid #ececec;
	border-right: none;
}

.margins {
	margin-left: 70px;
	margin-right: 70px;
}
.container-text {
	padding-top: 20px;
}
.spacing {
	padding-top: 2%
}
.spacing-lg {
	padding-top: 4%
}
.transcript {
	font-size: 1.1em;
	text-decoration: underline;
}

@media (min-width: 768px) {
	.row-padding {
		padding: 5px 10px 10px 5px !important;
	}
}

@media (max-width: 768px) {
	.info-block {
		border: 0;
		padding: 0;
		margin-bottom: 25px;
	}
	.container-text {
		padding-top: 0;
	}
	.banner-image {
		margin-bottom: 0;
	}
	.column-1 p.large {
	font-size: 1.25em!important;
	font-weight: 550!important;
}
		.banner-buttons {
		position: relative;
		width: 100%;
		margin-right: 20px;
		left: 0;
		bottom: 0;
		margin-top: 22px;
	}
	.nav-tabs li {
		width: 100%;
		float: none;
	}
	.margins {
		margin-left: 0%;
		margin-right: 0%;
	}
	.spacing {
		padding-top: 4%
	}
	.spacing-lg {
		padding-top: 8%
	}
	.spacing-mobile {
		padding-top: 6%
	}
}

/* Tabs for 2025 UG Branding updated DK Feb 2024 */

.nav-tabs {
	margin-bottom: 3px;
}
.nav-tabs>li.no-accordion>a.has-sub-menu, .nav-tabs>li.other-tab>a, .nav-tabs>li.no-accordion>ul a {
	background-color:#3C1053;
	color: #FFF;
	border-color:#3C1053;
}

.id7-main-content nav ul.nav-tabs>li.active>a:before, 
	.id7-main-content nav ul.nav-tabs>li.active>a:focus:before, 
	.id7-main-content nav ul.nav-tabs>li.active>a:hover:before, 
    .id7-main-content nav ul.nav-tabs>li.no-accordion.active>a.has-sub-menu
	.id7-main-content nav ul.nav-tabs>li.no-accordion>a.has-sub-menu:before,
	.id7-main-content nav ul.nav-tabs>li.no-accordion>a.has-sub-menu:focus:before,
	.id7-main-content nav ul.nav-tabs>li.no-accordion>a.has-sub-menu:hover:before,
    .id7-main-content nav ul.nav-tabs>li.other-tab>a:before, .id7-main-content nav ul.nav-tabs>li.other-tab>a:focus:before, .id7-main-content nav ul.nav-tabs>li.other-tab>a:hover:before {
	background: #505050;
	color: white !important;
	border-color: #505050;
}
.id7-main-content nav ul.nav-tabs>li.active>a, 
.id7-main-content nav ul.nav-tabs>li.active>a:hover, 
.id7-main-content nav ul.nav-tabs>li.active>a:focus, 
li.no-accordion ul.nav-tabs>li.active>a, 
li.no-accordion ul.nav-tabs>li.active>a:hover, 
li.no-accordion ul.nav-tabs>li.active>a:focus {
	background: #505050;
	color: white !important;
}
.nav-tabs {
	border-bottom: 0;
	z-index: 0 !important;
}
.nav-tabs>li>a {
	background: #725984;
	color: white;
}

.id7-main-content nav .nav-tabs>li>a:hover, .id7-main-content nav .nav-tabs>li.no-accordion>a.has-sub-menu:hover, .id7-main-content nav .nav-tabs>li.other-tab>a:hover {
	background: #505050;
	/*here*/
	color: white;
	/*here*/
	border-color: #505050;
}
.nav-tabs>li>a:hover:before {
	background: #505050;
}
.nav-tabs>li>a {
	border-color: #e9e9e9;
    font-size: 1.2em;
}

ul.nav.nav-tabs>li>a:focus {
    background-color: #505050 !important; /* can't get away without the important here */
	color:white !important;
}


.nav-tabs>li.no-accordion.active>a.has-sub-menu, .nav-tabs>li.no-accordion>ul a:hover {
	background-color: #505050;	
}


/*** Old code by Nathan, ITS, 24 Jan 2016 ***/

/* Move edit button away from first tab */

.hp-layout .edit-tabs-link {
	margin-top: 35px;
	margin-left: -10px;
}
/* Improve Bootstrap togglable tabs */

.nav-tabs li {
	margin: 0 0 -1px 0;
}
.nav-tabs li h2 {
	font-size: 1em;
	font-weight: bold;
	margin: 0 0 2px 0;
}
.hp-layout .tab-pane {
	padding-bottom: 20px;
	margin-bottom: 20px;
}
/* Don't use max-width set in site assets > undergraduate-id7.less */

@media (min-width: 992px) {
	.nav-tabs li {
		max-width: 1000px;
	}
}
.mceContentBody .tab-pane.in.active:before {
	content: 'active tab content';
	background-color: #eeeeff;
}
.mceContentBody .tab-pane:before {
	content: 'tab content';
	font-variant: small-caps;
	font-weight: bold;
	color: #999999;
	display: block;
	padding-bottom: 5px;
	border-bottom: dashed 1px #3493a3;
	margin-bottom: 10px;
}
.mceContentBody .tab-pane {
	display: block;
	opacity: 1;
	border: dashed 1px #124696;
	padding: 10px;
}

/* 2022, time for the */


h2, h3 { 
	color: #552D62;
	font-weight: bold;
}

hr.invisible {
	border-color: white;
	margin-top: 0;
	margin-bottom: 0;
}

.nav-sub-menu {
	display: none;
}

.info-block-container {
	margin-top: 20px;
	margin-bottom: 20px;
}

.info-block {
	text-align: center;	
	padding-left: 10px;
	padding-right: 10px;
}

.nav-stacked a, .nav-stacked a:link, .nav-stacked a:visited, .nav-stacked a:hover {
	text-decoration: underline !important;
}

.nav-stacked a, .nav-stacked:link, .nav-stacked a:visited {
	text-decoration-color:black;
}

.nav-stacked a:hover, .nav-stacked a:active, .nav-stacked a:focus, .nav-stacked li.active a {
	text-decoration-color: white;
}

.about-warwick {
	background-color: #f0f0f0;
	padding:20px 20px 20px 20px;
	margin-top: 60px;
	margin-bottom: 0;
}

.about-warwick h3 {
	text-align: center;
}

.about-warwick .panel-group .panel-heading {
	background-color: #555;
}

.about-warwick .panel-group .panel-heading a:link, .about-warwick .panel-group .panel-heading a:visited, .about-warwick .panel-group .panel-heading a:hover, .about-warwick .panel-group .panel-heading a:active {
	color: white;
	text-decoration-color: white;
}

.btn.button-large-rounded, .btn.button-large-rounded-brand {
	font-size: 1.2em;
	padding: 10px 29px;
	border-radius: 23px;
	align-content: center;
	margin: 0 auto;
}

.btn.button-large-rounded {
	background-color: #552D62;
}


.panel-heading a i {
	padding-right: 10px;	
}

.open-day {
	font-size: 1em;
	background: url(piazza-crop.jpg);

	height: 222px;
	background-repeat: no-repeat;
	background-size: cover;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}

.open-day-inner {
	background-color: rgba(255, 255, 255, 0.7);
	padding: 20px;
	width: 90%;
	margin: auto auto;
	text-align: center;	
}


.awards-block {
	background-color: #552D62;
	padding: 20px 3px;
	text-align: center;
	margin-bottom: 20px;

}


div.awards-block p, div.awards-block a:link, div.awards-block a:visited, div.awards-block a:hover, div.awards-block a:active, div.awards-block a .new-window-link {
	color: white!important;
	text-decoration-color: white;
}

div.awards-block a:focus, div.awards-block a:focus .new-window-link {
	color: black !important;
	text-decoration-color: black;
}



#international-content {
	margin-top: 10px;
	display: none;
	padding: 17px;
	background-color: #f5f5f5;	
}

.discover-uni-block, .standard-about-block {
	margin-top: 40px;	
}

/** Sticky C2A Buttons Style. ED and CH. Dec 2023 **/
		
		.sticky-cta-buttons {
			overflow: hidden;
        	background-color: #3C1053;
		 	width: calc(100% - 90px);
			z-index:2;
			display:flex;
			margin: 0px 45px 40px 45px;
			transition: 0.3s linear;
			border-bottom: 2px solid white;
		}
		
		.sticky-cta-buttons p {
			display:contents;
		}
		
		.sticky-cta-buttons a {
  			color: white;
  			padding: 14px 20px;
  			width:33.3333%;
  			text-decoration: none;
  			font-size: 1em;
			font-weight:500;
			display:flex;
			justify-content: flex-start;
			align-items: center;
		}
		
        .sticky-cta-buttons a:hover {
        	background-color: #a7e1d4;
	        color: #3C1053;
		}
		
		.sticky-cta-buttons p:nth-child(2) a {
			border-right:2px solid;
			border-left:2px solid;
		}
		
		.sticky-cta-buttons a i {
			padding-left: 0.5em;
		}

		.sticky-cta-buttons a i:first-child {
			margin-left: auto;
		}

		.sticky-cta-buttons a .new-window-link {
			color: inherit;
			transition: inherit;
		}

		.sticky {
  			position: sticky;
    		top: 0;
    		width: calc(100% + 40px)!important;
    		margin-left: -20px!important;
		}
		
		.info-block-container {
   			margin-bottom: 0px!important;
		}
		

	@media (max-width: 768px) {
		.sticky-cta-buttons {
			margin-left:0px;
			margin-right:0px;
			width:100%!important;
			transition: 0s linear;}
		
		.sticky-cta-buttons a {
  			font-size: 1em;
			padding: 10px 10px;
		}
		
		.sticky {
  			position: fixed;
		}
		
		.stickypadding {
			padding-top:100px;
		}
	}

	
/** Sticky C2A Buttons Style. ED and CH. Dec 2023 **/


/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
	.hp-layout, .course-intro-container {
		display: flex;	
	}

	.awards-block {
		width: 100%;
	}

	.awards-block div {
		padding: 0px 25px 0px 25px;	
	}

	.course-intro-container {
		margin-left: 70px;
		margin-right: 70px;
	}

	.course-intro {
		width: 50%;
		padding-right: 25px;
	}

	.course-intro-video {
		width: 50%;
		text-align: center;
		padding-left: 25px;
	}

	.hp-layout nav, .tab-content-footer-nav {
		width:300px;
	}

	.nav>li>a {
		padding: 6px 10px;
	}

	#eng-tabs-content { 
		width: 100%;
		padding-top:20px;
		border:1px solid #ccc;
	}

	.tab-pane {
		margin:0 30px;
	}

	div.info-block :first-of-type {
		margin-left: 0;
		padding-left: 0;
	}

	.info-block-container {
		margin-left: 45px;
		margin-right: 45px;
	}

	.container-text {
		padding-top: 0;	
	}

	.nav-sub-menu {
		margin-left: 20px;
		margin-top: 1px;
		font-size: 0.9em;
	}	

	.open-day button.btn.btn-primary {
		padding: 10px 30px;
	}

	div.awards-block, div.open-day {
		margin: 0;	
	}

	.open-day {
		width: 100%;	
		height:270px;
	}

	.tab-content-footer-container {
		display: flex;	
	}

	.tab-content-footer {
		width: 100%;	
	}

}

@media (min-width: 768px) {
	.id7-main-content-area {
		font-size: 1.6rem;
	}

	.info-block {
		margin-top: 30px;
	}

	.info-block p.icon {
		display: block;
		width: auto;
		margin-right: 0;
		vertical-align: top;

	}

	.info-block-container {
		margin-bottom: 40px;
	}

	.course-intro-container {
		margin-top: 38px;
	}
}

/* tablet only */
@media (min-width: 768px) and (max-width:992px) {
	.course-intro-video {
		margin-left:-20px;
		margin-right:-20px;
		margin-top:-20px;
		text-align:center;
		height:300px;
	}

	.video.full-width {
		height: 450px;
	}

	.video-container {
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		overflow: hidden;
	}

	.video-container > iframe {
		flex: 0 0 auto;
		max-width: none;
	}

	.course-intro-video-tablet {
		height: 250px;
		position: relative;
		margin-bottom: 18px;
	}

	.margins {
		margin-left: 70px;
		margin-right: 70px;
	}

	.full-width-sm, .about-warwick {
		margin-left: -100px;
		margin-right: -100px;
	}

	.info-block-container { 
		margin-left: 50px;
		margin-right: 50px;
	}
}

/* xs only */
@media (max-width: 767px) {
	.full-width-xs {
		margin-left: -20px;
		margin-right: -20px;
	}

	/* hinting fa icons */
	i.fas.fa-calendar-day {
		padding-left: 2px;
	}

	i.far.fa-clock {
		padding-left: 1px;
	}

	i.fas.fa-graduation-cap {
		margin-left: -2px;
	}

	i.fas.fa-chalkboard-teacher {
		margin-left: -4px;
	}
	
	.navbar-secondary {
		display: none;	
	}
}

/* Switch off nav animations */
.nav-tabs>li>a, .nav-tabs>li>a:before {
	transition: none;
}

/* force first h4 in a boxstyle to have a zero top margin, so it doesn't start half way down the box */ 
.tab-content section.boxstyle_.box2 h4:first-of-type {
    margin-top: 0;
}

/* change of plan, full-width awards footer everywhere */
.tab-content-footer-nav {
    display: none;
}

/** switch positions of the course intro text for tablets only */
@media (min-width: 768px) and (max-width: 992px) {
	.course-intro-container {
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: start;
		-webkit-align-items: flex-start;
		align-items: flex-start;
	}

	.video-container {
		position: relative;
	}

	.course-intro-container  > div.course-intro.hidden-sm {
		-webkit-box-ordinal-group: 2;
		-moz-box-ordinal-group: 2;
		-ms-flex-order: 2;
		-webkit-order: 2;
		order: 2;
		overflow:visible;
		display:block !important;
		margin:0 80px
	}

	.course-intro.margins.hidden-xs.hidden-md.hidden-lg.hidden-xl {
		display:none;
	}

	.course-intro-container  > div.video-container {
		-webkit-box-ordinal-group: 1;
		-moz-box-ordinal-group: 1;
		-ms-flex-order: 1;
		-webkit-order: 1;
		order: 1;
	}
}

/*Inline Accordion Headings */

.panel-title h4 {
display:inline;
}

/* New 2025 UG Branding Elements DK Feb 2024 */

.purple-md {
	color: #735984!important;
	font-size: 30px!important;
	line-height: 1.1em;
	font-weight: bold;
}
	
.gray-md {
	color: #404246!important;
	font-size: 30px!important;
	line-height: 1.1em;
	font-weight: bold;
}

.boxstyle-lg.box5,.boxstyle-md.box5,.boxstyle-sm.box5,.boxstyle-xs.box5,.boxstyle_.box5 p {
    color: #fff!important;
}
	
.image-container {
  position: relative;
  width: 100%; /* Adjust as per your requirement */
  max-width: 1170px; /* Limit maximum width */
  height: auto; /* Adjust as per your requirement */
  margin: 0 auto; /* Center the container horizontally */

}

.image-with-text {
  height: 100%;
}

.overlay-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%; /* Adjust to fit your overlay image */
  height: 100%; /* Adjust to fit your overlay image */
  opacity: 1; /* Adjust the opacity as needed */
}

@media (max-width: 767px) {
  .image-container {
    max-width: none; /* Remove max-width constraint */
    padding-bottom: 4em; /* Adjust padding for smaller screens */
  }

.overlay-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 105%; /* Adjust to fit your overlay image */
  height: 100%; /* Adjust to fit your overlay image */
  opacity: 1; /* Adjust the opacity as needed */
}
}

.nav-stacked a, .nav-stacked a:link, .nav-stacked a:visited, .nav-stacked a:hover {
	text-decoration: none !important;
}

.nav-stacked a.one, .nav-stacked a.one:link, .nav-stacked a.one:visited, .nav-stacked a.one:hover {
	text-decoration: underline !important;
}

	.info-block p {
		display:block;
		color: white!important;
	}

	.info-block p.icon, .info-block p {
		margin-right: 0
		color: white!important
	}

/* level banner style */

.level-banner {
    display: flex;
    justify-content: center;
	background-color: #6DCDB8;
    color: black;
    padding: 3px;
    margin: 5px;
    width: calc(100% - 90px);
    z-index: 2;
    margin: 0px 45px 0px 45px;
}


@media (max-width: 768px) {
    .level-banner {
        margin-left: 0%;
        margin-right: 0%;
		width:100%;
    }
}