@charset "UTF-8";
/* CSS Document */

/* ENSURE YOU CHANGE THE MOBILE PARTNER PANEL LINK AT THE BOTTOM! ------------------------------------------------------ */

body.STA {
		background-color: #FFF;
	}

	/* 2026 COLOURS

	Tan — #a64e1b
	Yellow — #f2a81d
	Blue — #1c66a6
	Orange — #d86a21

	*/
	
	/* FOR TOP MASTHEAD BACK BIT */
	
	.microsite .masthead .mast {
		background: #1c66a6; /* BLUE */
		background-color: #1c66a6; /* BLUE */
		border-bottom: none!important;
		/* BOX SHADOW */
		-webkit-box-shadow: 0px 12px 18px -7px rgba(0,0,0,0.5);
		-moz-box-shadow: 0px 12px 18px -7px rgba(0,0,0,0.5);
		box-shadow: 0px 12px 18px -7px rgba(0,0,0,0.5);
	}
	
	.microsite .masthead .mast .micrositeBack a {
		color:#FFF!important;
	}
	
	.i-microsite-back-arrow-dims, .microsite .masthead .mast .micrositeBack a::before {
		background-image: url("https://db3paky6dzm2s.cloudfront.net/Pictures/web/b/k/t/awardschevrons_128745.svg");
		background-position-x: 0;
		background-position-y: 0;
		background-repeat: no-repeat;
		color: #FFF!important;
	}
	
	span.assistive {
		color: #FFF!important;
	}
	
	span.assistive a:hover {
		opacity: 0.75;
	}
	
	.masthead #mastNav.loggedin > ul li.user > a {
		color:#FFF!important;
	}
	
	/* FOR REGISTER & SIGN IN TEXT TOP RIGHT */
	ul#mastnav a {
		color:#FFF!important;
	}
	
	.microsite .masthead .menuToggle .toggleIcon a span {
		color:#222;
	}
	.microsite.showMenu .masthead .menuToggle .toggleIcon a span {
		color:#222;
	}

	/* FOR LOGGED IN DROPDOWN MENU */

	.masthead .mastNav.loggedin>ul li.user ul {
		background: #1c66a6; /* BLUE */
	}
	
	/* FOR MASTHEAD SECTION */
	
	/* BACKGROUND OF MASTHEAD CONTAINER SECTION */
	.micrositeMastLogo.container {
		background-image: url("https://db3paky6dzm2s.cloudfront.net/Pictures/1920xAny/P/web/z/j/w/stawards2026backgroundrgb_919711.jpg");
		background-color: #a64e1b; /* TAN */
		background-position: center; /* Center the image */ /* NB: Was previously top-center */
		background-repeat: no-repeat; /* Do not repeat the image */
		background-size: cover; /* Resize the background image to cover the entire container */
		/* height: 800px;  You must set a specified height */
		padding-bottom:0!important;
		margin-bottom:0;
	}
	
	#STA-logo-container {
		/* border: 1px solid #F00; */
		float:left;
		max-width: 600px;
		padding: 40px 0;
		position: relative;
	}
	
	img.STALogo {
		display: inline-block;
		height: auto;
		width: 280px;
	}
	
	#STA-mission-container {
		/* border: 1px solid #FF0; */
		float:right;
		max-width: 600px;
		padding: 130px 0px;
		text-align: center;
		text-shadow: 0 0 24px rgba(0,0,0,0.5);
	}
	
	#STA-mission-container h2 {
		font-size: 2.6rem;
		line-height: 3rem;
	}
	
	.microsite .masthead .mast .mastControls {
	    width: auto;
	}

	/* BACKGROUND OF MAIN NAV BAR */
	.desktopNavigation {
		background: #1c66a6; /* BLUE */
		/* BOX SHADOW */
		-webkit-box-shadow: 0px -12px 18px -7px rgba(0,0,0,0.5);
		-moz-box-shadow: 0px -12px 18px -7px rgba(0,0,0,0.5);
		box-shadow: 0px -12px 18px -7px rgba(0,0,0,0.5);
	}
	
	/* FOR AWARDS BUTTON */
	
	a.button-awards {
		color: #fff;
	}
	
	.button-awards /*, button */ {
		cursor: pointer;
		display: inline-block;
		padding: 7px 16px;
	}
	
	.button-awards /*, button */ {
		border: 0;
		border-radius: 5px;
		font-size: .889rem;
		font-weight: 700;
		font-family: PT Sans,sans-serif;
		text-transform: uppercase;
		text-align: center;
		color: #fff;
		background-color: #d86a21; /* ORANGE */
		transition: background-color .25s ease-in;
	}

.button-awards:hover {
	background-color: #a64e1b; /* TAN */
	text-decoration: none;
	transition: background-color .25s ease-in;
}

.sleeve .scrollHead .sectionhead h2 {
	border-bottom: 4px solid #f2a81d !important; /* YELLOW */
}
	
	/* FOR FOOTER */

		#footer {
			background-color: #1c66a6; /* BLUE */
			color: #FFF;
		}
		
		.footer .footerTopNavPageText {
			background-color: #1c66a6; /* BLUE */
			border-top: none !important;
			border-bottom: 1px solid #FFF;
			padding-bottom: 0;
		}
		
		.awards-footer {
			background-color: #1c66a6; /* BLUE */
			color: #FFF;
			font-family: PT Sans,sans-serif;
			font-size: 16px!important;
			font-weight: 700;
			padding: 0 10px;
			overflow: hidden;
			text-transform: uppercase;
		}
		
		.awards-footer a {
			color: #FFFFFF; /* WHITE */
			text-decoration: none;
		}
		
		.awards-footer a:hover {
			opacity: 0.8;
			text-decoration: underline;
		}
		
		.awards-footer a:active {
			color: #FFFFFF;
		}
		
		.footercol1 {
			display: table;
			margin: 0 auto;
		}
		
		.footercol1 ul li {
			list-style: none;
			display: inline;
			font-size: 16px;
			margin:0;
			padding-left: 0;
		}
		
		.footercol1 li {
			padding-bottom: 10px;
			padding-left: 0;
		}
		
		li.last {
			font-weight:300;
		}
		
		.footercol1 ul li a:current {
			color: #FFFFFF;
		}
		
		.footer .footerSocial {
			border-top:none;
		}
		
		.footer .webvision {
			color: #FFF;
		}
		
		.footer .webvision a {
			color: #FFF;
			font-weight: 600;
		}
		
	
	/*------------------- MEDIA QUERIES -----------------------*/

	@media only screen and (max-width : 1020px) {
	/* Styles */
	
	#STA-logo-container {
		float:left;
		max-width: 600px;
		padding: 50px 0 0 20px;
	}
	
	}
	
	@media only screen and (max-width : 939px) {
	
	#STA-logo-container {
		/* border: 1px solid #FF0; */
		float:none;
		max-width: 100%;
		padding: 30px 0 0 0;
		text-align: center;
	}
	
	img.STALogo {
		height: auto;
		margin: 0 auto;
		width: 280px;
	}
	
	#STA-mission-container {
		float:none;
		height: auto;
		max-width: 100%;
		padding: 20px 30px 30px 30px;
		text-align: center;
	}
	
	}
	
	/* FOR FOOTER */
	
	@media only screen and (max-width : 927px) {
			
			.awards-footer {
				padding: 10px 10px 0 0;
			}
			
			.footercol1 {
				width: 50%;
			}
			
			.footercol1 ul li {
			/* list-style: none; */
			display: list-item;
			/* display: inline-block; */
			margin:0;
			padding-left: 0;
			}
			
			.hide { display: none; }
		
			}


	@media only screen and (max-width: 719px) {
	/* Styles */
	
	#STA-mission-container h2 {
		font-size: 1.6rem;
		line-height: 1.84rem;
	}
}
	
	/* FOR FOOTER */
	
	@media only screen and (max-width : 616px) {
			
			.footercol1 {
				width: 100%;
			}
		}

/* FOR PARTNER PANEL IMAGE ON MOBILE */

@media only screen and (max-width: 480px) {
	
	img.partner-panel {
                display:none!important;
            }
            
			/* CHANGE HEIGHT HERE FOR THE MOBILE VERSION OF THE PARTNER PANEL */
            span#partner-swap { display:inline-block; width: 300px!important; height: 525px!important; background-image: url('https://mediapack.schooltravelorganiser.com/wp-content/uploads/2026/02/ST-Awards-Partners-Mobile.png') !important; background-size: cover; }
}