/* Realign arrow on archive year tab ED 20.3.25 */

.other-tab .standard-tab {
	display: flex;
	align-items: center;
}

.standard-tab i {
	margin-left: auto;
}

/* Mobile button update */

.mobile-2021-link {
    border-radius: 0px !important;
    width: 100%;
    background-color: #715883;
}

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

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

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

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

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%
	}
	.info-block-container {
		padding-top:20px;
	}
	
}

/* Tabs for 2026 PG Branding KP, MF, ED Mar 2025 */

ul.nav.nav-tabs>li.active>a {
    background-color: #D9D9D9 !important;
}

.nav-tabs>li.active {
    background-color: #D3D3D3 !important;
    border-left: 4px solid #3c1053; /* Purple left border for active tab */
}

.nav-tabs>li>a:focus {
    background-color: #D3D3D3 !important;
    outline: none !important; /* Remove outline */
    border-left: 4px solid #3c1053 !important; /* Keep the purple left border on focus */
    box-shadow: 0 -2px #ffbf47, 0 6px #ffbf47, 2px 0 #ffbf47, -2px 0 transparent !important; /* Yellow box shadow around top, right, and bottom (no left side) */
}

/* Remove pseudo-element */
.nav-tabs>li>a:before {
    display: none !important;
}

/* Update text color to a slightly lighter grey */
.id7-main-content nav .nav-tabs>li>a {
    background: #F2F2F2; /* Light grey background */
    color: #222222; /* Slightly lighter grey text color */
    border: 1px solid #e9e9e9; /* Border for tabs */
    font-size: 1em;
    font-weight: bold;
    position: relative;
    padding-left: 12px; /* Add padding for the purple line */
    box-sizing: border-box; /* Prevent box-shadow from affecting layout */
    transition: background 0.3s ease, padding-left 0.3s ease, color 0.3s ease; /* Smooth transition */
    border-left: 4px solid transparent; /* Transparent left border by default */
}

/* Apply purple left border on hover with smooth transition */
.id7-main-content nav .nav-tabs>li>a:hover {
    background: #F0F0F0; /* Slightly darker grey */
    color: #222222; /* Very dark grey text on hover */
    border-left: 4px solid #3c1053; /* Purple left border on hover */
    padding-left: 12px; /* Ensure padding stays aligned */
    transition: border-left 0.3s ease; /* Smooth transition for the left border on hover */
}

/* Active tab purple left border */
.nav-tabs>li.active>a {
    background-color: #D3D3D3; /* Light grey background for active state */
    color: #222222; /* Very dark grey text for active tab */
    border-left: 4px solid #3c1053; /* Purple left border for active tab */
    padding-left: 12px; /* Ensure padding stays aligned */
    border: none !important; /* Remove the default border */
}

/* Fix to prevent double border on hover for active tab */
.nav-tabs>li.active>a:hover {
    border-left: 4px solid #3c1053; /* Keep the same purple left border on hover for active tab */
    border: none !important; /* Remove the default border on hover */
}

/* Ensure no underline or box-shadow issues */
.nav-tabs>li>a {
    border-bottom: none !important; /* Remove any black underline (border-bottom) */
    box-shadow: none !important; /* Remove any box-shadow */
}

/* Ensure no outline on hover, focus, or active states */
.nav-tabs>li>a:focus,
.nav-tabs>li>a:active,
.nav-tabs>li>a:hover {
    outline: none !important; /* Force removal of outline */
    /* No box-shadow removed here */
}

/* Specific tab behaviors (Sub-menu behavior) */
.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: #808080;
    border-color: #3C1053;
}

/*** 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-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: visible;
			z-index:2;
			display:flex;
			margin: 0px 75px 40px 75px;
			transition: 0.3s linear;
			gap: 10px;
			padding: 5px 0px 75px;
		}
		
		.sticky-cta-buttons p {
			display:contents;
		}
		
		.sticky-cta-buttons a {
  			color: black;
  			padding: 10px 20px;
			text-decoration: none;
			display:flex;
			justify-content: flex-start;
			align-items: center;
		}
		
	
		.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;
		}

		
		.info-block-container {
   			margin-bottom: 0px!important;
		}
		

@media (max-width: 768px) {
		.sticky-cta-buttons {
			flex-direction: column;
	}
		
			.sticky-cta-buttons {
				margin: 0px;
				padding-bottom: 45px; 
	}
}


/* Removing apply button from sticky links */

a.sticky-link.apply {
    display: none;
}



/* Primary Button Style */

.btn-primary {
	color: var(--w-sys-colors-bg) !important;
    background-color: #000000;
    font-weight: 600;
    font-size: 16px;
    display: flex;
    border-radius: 0px;
	border: black;
    align-items: center;
    box-shadow: 0 0 0 0px #000;
    transition: box-shadow 0.3s cubic-bezier(0.57, 0.19, 0.26, 1.15);
}

.btn-primary:hover {
	background-color: #000;
    box-shadow: 0 0 0 5px #000;
}


/* Seconary Button Style */

.btn-secondary {
	border: 1px solid black;
	color:black!important;
	background:none;
}

.btn-secondary:hover {
	background-color: #000;
	color: white!important;
}

.pg-dark .btn-secondary {
	border: 1px solid white;
    color: white !important;
}

.pg-dark .btn-secondary:hover {
	background-color: #fff;
	color: black!important;
}



.btn-primary i.new-window-link, .btn-secondary i.new-window-link {
    display: none;
}

/* Button Disabled */

.btn-disabled {
    background-color: #999999;
    cursor: inherit;
    padding: 10px 20px;
}

.btn-disabled:hover, .btn-disabled:focus, .btn-disabled:active {
    background-color: #999999!important;
	box-shadow: revert!important;
}


/** 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;
	}

	.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: 45px;
		margin-right: 45px;
	}

}

/* 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;
}

.rust-md {
    color: #CB333B !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: #333333!important;
	}

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

.info-block-container {
	background-color: #f0f0f0!important;
}

/* level banner style */

.level-banner {
    display: flex;
    justify-content: center;
    color: white;
    padding: 3px;
    margin: 5px;
    width: calc(100% - 90px);
    z-index: 2;
    margin: 40px 30px 0px;
}

.level-banner.pgr {
    background: rgb(202,51,58);
background: linear-gradient(90deg, rgba(202,51,58,1) 80%, rgba(60,16,83,1) 100%);
	color:white;
}

.level-banner.pgt {
	   background: rgb(202,51,58);
background: linear-gradient(90deg, rgba(202,51,58,1) 0%, rgba(60,16,83,1) 20%);
color:white;

}

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

.info-block:hover {
    background-color: inherit !important;
    color: inherit !important;
}


/* Key info update - including level banner ED 20.3.25*/

.info-block {
    width: 33.333%;
	margin-top:10px;
	text-align: left;
	padding-left: 30px;
}


@media (max-width: 768px) {
	.info-block {
    width: 50%;
	padding-left: 0px;
	}
}

.row.equal-height-xs {
    padding: 0px 10px;
}



.row.equal-height-md.hidden-xs.info-block-container.margins {
    display: flex;
    flex-wrap: wrap;
	padding-bottom: 30px !important;
}

p.icon {
    display: none!important;!importan;!importa;!import;!impor;!impo;!imp;!im;!i;!;
}

.info-title {font-weight: normal;}

.info-title strong {
    font-weight: 400;
}

.info-content p {
    font-weight: bold;
}

.info-block-container > .col1:nth-of-type(1),
  .info-block-container > .col2:nth-of-type(4) {
    width: 33.333% !important;
}

.id7-main-content {
    padding-top: 0px !important;
}

.info-block-container h1 {
    width: 100%;
    border: none;
    margin: 20px 30px 0px;
    font-weight: bold;
}

.level-banner {
	position:relative;
}

hr.invisible {
	display:none;
}

.level-banner {
	width: fit-content;
	padding: 5px 20px;
	justify-content: left;
}

.level-banner.pgt {
	background: rgb(119 88 135); 
}

.level-banner.pgr {
	background: rgb(202 51 58);
}

    .tab-content {
        border-top: 3px solid #3c1053!important;
	}

.row.equal-height-md.hidden-xs.info-block-container.margins {
    border-radius: 0 0 10px 10px;
}

/* Fixes to mobile */

@media (max-width: 768px) {
    .info-block-container h1 {
        width: auto;
		margin: 20px 0px 0px;
    }
	    .info-block-container {
        padding-top: 0px;
    }
	
}

@media (max-width: 992px) {
	
	.tab-content {
    border-top: 0px!important;
}
}

.row.hidden-sm.hidden-md.hidden-lg.hidden-xl.info-block-container.margins {
    margin-top: -3em;
    position: relative;
}

/* PG style from RO - ED 28.3.25 */

.id7-left-border, .id7-right-border {
background: white;
}

@media (max-width: 767px) {
    .id7-main-content-area {
        overflow-x: hidden!important;
    }
}


   /* Nav bar full width */


.id7-header-text.clearfix.headroom.headroom--not-bottom.affix.headroom--not-top.headroom--pinned, .id7-header-text.clearfix.headroom.headroom--not-bottom.affix.headroom--pinned.headroom--top {
    box-shadow: 0 0 0 100vmax #ffffff;
    clip-path: inset(0px -100vmax);
}


.id7-navigation .navbar-primary {
	background: #343333;
    margin: 0 -100vh;
    padding: 0px 100vh;
}

.id7-navigation .navbar-primary .navbar-nav>li:focus, .id7-navigation .navbar-primary .navbar-nav>li:hover {
	background: #0C0C0C!important;
}

.id7-navigation .navbar-primary .navbar-nav .dropdown-menu {
	background: #343333;
}

.id7-navigation .navbar-primary .navbar-nav .dropdown-menu>li>a:focus, .id7-navigation .navbar-primary .navbar-nav .dropdown-menu>li>a:hover {
	background: #0C0C0C!important;
}


	nav.navbar.navbar-secondary {
    		background: #666666;
	    	margin: 0 -100vh;
 	        padding: 0px 100vh;
	}

.navbar-secondary .navbar-nav>li:focus, .navbar-secondary .navbar-nav>li:hover {
	background: #343333;
}


	nav.navbar.navbar-tertiary {
		background: #999999;
    	margin: 0 -100vh;
    	padding: 0px 100vh;
	}


.navbar-tertiary .navbar-nav>li:focus, .navbar-tertiary .navbar-nav>li:hover {
	background: #CCCCCC;
	color:black;
}


/* Header image fixes */


.image-with-text {
	box-shadow: 0 0 0 100vmax #EFEFEF;
    clip-path: inset(0 -100vmax);
    height: 300px;
    width: 100%;
}

.image-with-text.full-width {
	    margin: -1px -20px 0px -20px !important;
    width: calc(100% + 40px);
}

.image-with-text img{
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}


.image-with-text img {
    max-width: revert;
}

    .id7-main-content .image-with-text {
        overflow: hidden;
        position: relative;
    }



/* Background full width at top */

body {
  overflow-x: hidden;
}

.image-with-text.full-width {
    box-shadow: 0 0 0 100vmax #EFEFEF;
    clip-path: inset(0 -100vmax);
}

.row.equal-height-md.hidden-xs.info-block-container.margins {
    box-shadow: 0 0 0 100vmax #EFEFEF;
    clip-path: inset(0 -100vmax);
}

.sticky-cta-buttons {
    box-shadow: 0 0 0 100vmax #efefef;
    clip-path: inset(0px -100vmax);
    background: #efefef;
}

/* Key info - desktop */

.row.equal-height-md.hidden-xs.info-block-container.margins {
    margin-top: -8px !important;
}

/* Key info - mobile */

.row.hidden-sm.hidden-md.hidden-lg.hidden-xl.info-block-container.margins {
    box-shadow: 0 0 0 100vmax #EFEFEF;
    clip-path: inset(0 -100vmax);
}

/* Hiding intro heading */

.container-text.margins > h2 {
  display: none;
}


/* Apply button align */

.tab-pane .layout-col .container-component.boxstyle_ {
display: flex;
flex-direction: column;
}

.tab-pane .layout-col .container-component.boxstyle_ .buttons-component {
margin-top: auto;
padding-top: 20px;
}

/* Why Warwick */


.pg-careers {
    background: linear-gradient(270deg, #c9333a 10%, #3c1053 40%);
    margin: 0 calc(-100vh + 0px);
    padding: 80px 100vh 60px;
    color: white;
}

.pg-careers h2 {
	color:white!important;
}

.pg-careers p {
    margin: 20px 0px;
}


.pg-video {
    padding: 80px 70px;
}

.pg-video p {
    margin-bottom: 50px;
}

@media (max-width: 768px) {
.pg-video {
    padding: 80px 0px;
}
}


.why-warwick {
    box-shadow: 0 0 0 100vmax #EFEFEF;
    clip-path: inset(0 -100vmax);
    background-color: #efefef;
    padding: 80px 0px;
}

.why-warwick .box1 {
    background: linear-gradient(360deg, #c9333a 10%, #3c1053 40%);
    color: white;
}

.why-warwick h3 {
    color: white !important;
	font-size: 0.8em;
    font-weight: normal;
}

.why-warwick h4 {
	color: white !important;
    font-size: 2em;
    margin: 30px 0px;
}

.pg-guide {
    background: #3C1053;
    margin: 0 calc(-100vh + 0px);
    padding: 80px 100vh 60px;
    color: white;
}

.pg-guide h2 {
	color:white!important;
}

.pg-guide p {
    margin: 20px 0px;
}



/* Footer */

.id7-site-footer {
    box-shadow: 0 0 0 100vmax #e6e6e6;
    clip-path: inset(0 -100vmax);
}

.id7-app-footer {
    box-shadow: 0 0 0 100vmax #0C0C0C;
	clip-path: inset(0 -100vmax);
}