/*
* University of Gloucestershire.
* IT Acceptable Use Policy Styles.
* Last updated: CP LTI Web Team 2023-07-20.
*/


/* #Base HTML elements.
================================================== */
	
	* {
		box-sizing: border-box;
	}
	
	HTML {
		height: 100%;
	}
	
	BODY {
		background: #188178;
		background-attachment: fixed;
		background-repeat: no-repeat;
		color: #21221f;
		font: 84% "Gotham", Arial, sans-serif;
		height: 100%;
		line-height: 1.5em;
		margin: 0;
		padding: 0;
	}
		
	ARTICLE, ASIDE, FIGCAPTION, FIGURE, FOOTER, HEADER, NAV, SECTION {
		display: block;
	}

	FOOTER {
		width: 100%;
	}

	A, A:link, A:visited {
		color: #0872b1;
		text-decoration: underline;
	}

	A:hover {
		color: #488ecb;
		text-decoration: underline;
	}

	H1, H2, H3, H4, H5, H6 {
		color: #188178;
		margin: 0 0 0.6em 0;
	}

	H1, H2, H3 {
		font-weight: 700;
	}
	
	P {
		margin: 0 0 0.4em 0;
	}

	INPUT, BUTTON {
		font-family: "Gotham", Arial, sans-serif;
	}


/* #Page structure.
================================================== */

	.main-panel-outer {
		background-color: #f5f6f7;
		margin: 50px auto 50px auto;
		max-width: 1000px;
		min-height: 300px;
		padding-top: 0.05px; /* Prevent margin collapse without using overflow: hidden. */
	}

	.main-panel-inner {
		margin: 50px;
	}
	
	.error-header-msg {
		background: #ef463f;
		color: #fff;
		font-size: 0.9em;
		font-weight: 700;
		padding: 15px;
	}

	.header {
		overflow: hidden;
		margin-bottom: 25px;
	}

		.uog-logo {
			float: right;
			margin-top: 1px;
			width: 100px;
		}

		.header H1.page-title {
			color: #353637;
			float: left;
			font-family:"Gotham";
			font-size: 3em;
			font-weight:800;
			line-height: 1.05em;
			margin: 0;
			width: 65%;
			text-transform:uppercase;
		}

	.main-content {
		min-height: 300px;
	}

	.footer-nav {
		background-color: #fff;
		border-top: 1px solid #e9eaeb;
		font-size: 0.86em;
		font-weight: 700;
		list-style: none;
		margin: 0;
		overflow: hidden;
		padding: 15px 20px;
	}

		.footer-nav LI {
			border-right: 1px solid #b7b4b4;
			float: left;
			padding: 0 10px;
		}

		.footer-nav LI:first-child {
			padding-left: 0;
		}

		.footer-nav LI:last-child {
			border-right: 0px;
			float: left;
			padding-right: 0;
		}

		.footer-nav A {
			text-decoration: none;
		}
		
		.footer-nav A:hover {
			text-decoration: underline;
		}

/* #Element formatting.
================================================== */

	.spacer {
		display: block;
	}
	
		.spacer-10 {
			height: 10px;
		}
		
	.indent {
		display: block;
		margin-left: 15px;
	}
	
	.mt-0 {
		margin-top: 0;
	}

/* #Page elements.
================================================== */

	/* Grid. */

	.row {
		margin: 0 0 25px 0;
	}

		.row.bg-color {
			background-color: #e6f8f2;
			padding: 2% 4%;
		}
		
		.row.no-margin {
			margin: 0;
		}

	/* Terms container. */

	.terms-outer {
		background: #fff;
		border: 0;
		box-sizing: border-box;
		height: auto;
		padding: 10px 25px 20px 25px;
		width: 100%;
	}

		/* Scrollbar styling (webkit only). */
		
		::-webkit-scrollbar { /* width */
		  width: 12px;
		}

		::-webkit-scrollbar-track { /* Track */
		  background: #f1f1f1; 
		}
		 
		::-webkit-scrollbar-thumb { /* Handle */
		  background: #aaa; 
		}

		::-webkit-scrollbar-thumb:hover { /* Handle on hover */
		  background: #888; 
		}
		
		.terms-inner {
			font-size: 0.88em;
		}
	
		.terms-inner H2 {
			color: 353637;
			margin-top: 1em;
		}
		
		.terms-inner H3 {
			margin-top: 0.8em;
		}
		
			.terms-inner H3:first-child {
				margin-top: 0;
			}
		
		.terms-inner UL {
			margin: 5px 0 5px 10px;
			padding: 0 0 0 10px;
		}
		
		.terms-inner TABLE {
			border-collapse: collapse;
			margin: 15px 0;
		}
		
		.terms-inner TH,.terms-inner TD {
			border: 1px solid #d8cec4;
			padding: 5px 8px;
		}

	.important-msg {
		color: #353637;
		font-size: 1.3em;
		line-height: 1.4em;
		margin-bottom: 15px;
	}
	
		.important-msg.centered {
			text-align: center;
		}
		
	.attribute {
		font-size: 0.86em;
		margin-bottom: 12px;
		text-transform: uppercase;
	}


/* #Media queries.
================================================== */

	@media only screen and (max-width: 1439px) {
		
		.main-panel-outer {
			margin-top: 40px;
		}
		
	}

	@media only screen and (max-width: 1279px) {
		
		.main-panel-outer {
			max-width: 90%;
		}
		
	}

	@media only screen and (max-width: 767px) {
		
		.main-panel-outer {
			margin: 0;
			max-width: 100%;
		}
		
		.main-panel-inner {
			margin: 30px;
		}
				
		.row.bg-color {
			padding: 4%;
		}
		
		.terms-outer {
			padding: 10px 20px 20px 20px;

		}

		.important-msg {
			font-size: 1.2em;
		}
				
	}

	@media only screen and (max-width: 479px) {
		
		.main-panel-inner {
			margin: 25px;
		}

		.header {
			margin-bottom: 15px;
		}
				
		.header H1.page-title {
			float: none;
			font-size: 2.2em;
			margin-top: 48px;
			width: auto;
		}
		
		.row.bg-color {
			padding: 5%;
		}

		.footer-nav LI {
			border-right: 0;
			float: none;
			padding: 0;
		}

	}