@font-face { font-family: "barcodeFont"; src: url("../../fonts/FREE3OF9.eot?") format("eot"),url("../../fonts/FREE3OF9.woff") format("woff"),url("../../fonts/FREE3OF9.ttf") format("truetype"),url("../../fonts/FREE3OF9.svg#Free3of9") format("svg"); font-weight: normal; font-style: normal;}


#PageContent .kxarrivalpass { margin-top: 30px; padding: 0 0 10px 0; }
#PageContent .kxarrivalpass .kxarrivalpasswrap { color: #696969; padding: 0; }

#PageContent .kxarrivalpass .kxarrivalpasswrap .kxarrivalpassSection1 { border-radius: 10px 10px 0px 0px;background-color: #003a65; border: 1px solid #000000; border-bottom: none; display: block; padding: 20px 20px 20px 20px; min-height: 90px; text-align: center; position: relative; z-index: 1; }
#PageContent .kxarrivalpass .kxarrivalpasswrap .kxarrivalpassSection1 img.arrivalpasslogo {margin:auto; padding: 10px 0; width: 50%; position: relative; z-index: 10; }
#PageContent .kxarrivalpass .kxarrivalpasswrap .kxarrivalpassSection1 p { color: #fff; display: block; font-size: 1em; font-weight: 600; letter-spacing: 1px; position: relative; z-index: 10; }
#PageContent .kxarrivalpass .kxarrivalpasswrap .kxarrivalpassSection1 .kxarrivalpassstudent p { color: #fff; display: block; font-size: 2em; font-weight: 600; letter-spacing: 1px; position: relative; z-index: 10; }
#PageContent .kxarrivalpass .kxarrivalpasswrap .kxarrivalpassSection1 .kxarrivalpassstudentid p { color: #fff; display: block; font-size: 1.25em; font-weight: 600; letter-spacing: 1px; position: relative; z-index: 10; }
#PageContent .kxarrivalpass .kxarrivalpasswrap .kxarrivalpassSection1 h4 { color: #6ec6d9; font-size: 1.1em; margin: 10px 0 0 0; text-transform: uppercase; }

#PageContent .kxarrivalpass .kxarrivalpasswrap .kxarrivalpassSection2 { background-color: #f7f7f8; border-left: 1px solid #000000; border-right: 1px solid #000000; color: #fff; padding: 20px 20px; }
#PageContent .kxarrivalpass .kxarrivalpasswrap .kxarrivalpassSection2 h4 { color:#003a65; font-size: 1.0em; margin: 15px 0 0; text-transform: uppercase; }
#PageContent .kxarrivalpass .kxarrivalpasswrap .kxarrivalpassSection2 p { color: #303030; font-size: 1.0em;  word-wrap: break-word; }

#PageContent .kxarrivalpass .kxarrivalpasswrap .kxarrivalpassSection3 { border: 1px solid #000000; border-top:none; background-color: #fff; color: #303030; margin: 0; padding: 0; }
#PageContent .kxarrivalpass .kxarrivalpasswrap .kxarrivalpassSection3 .barcode { text-align: center; }
#PageContent .kxarrivalpass .kxarrivalpasswrap .kxarrivalpassSection3 .barcode p { font-family: "barcodeFont"; font-size: 7em; margin: 0; padding: 0; text-transform: uppercase;}

#PageContent .kxarrivalpass .kxarrivalpasswrap .kxarrivalpassSection4 { border: 1px solid #000000; border-top: none; border-bottom:none; padding: 20px 20px; }
#PageContent .kxarrivalpass .kxarrivalpasswrap .kxarrivalpassSection4 h4 { color: #003a65; font-size: 1.0em; margin: 10px 0 0 0; text-transform: uppercase; }
#PageContent .kxarrivalpass .kxarrivalpasswrap .kxarrivalpassSection4 p { font-size: 1.2em; font-weight: bold; }
#PageContent .kxarrivalpass .kxarrivalpasswrap .kxarrivalpassSection4 .fas { color: #361163; }
#PageContent .kxarrivalpass .kxarrivalpasswrap .kxarrivalpassSection4 p.key-icon { font-size: 7em; font-weight: bold; }

/*Location based styling*/
#PageContent .kxarrivalpass .kxarrivalpasswrap .kxarrivalpassSection4 .fas { color: #003a65; }


@media screen and (max-width: 767px) {
    #PageContent .kxarrivalpass .kxarrivalpasswrap .kxarrivalpassSection3 .barcode p { font-size: 8em; }
}

/*


@media screen and (max-width: 1500px) {
    .kxarrivalpass .kxarrivalpasswrap .arrivalStub .arrivalStubwrap p { font-size: 4em; font-size: 6vw; }
}

@media screen and (max-width: 980px) {
    .kxarrivalpass .kxarrivalpasswrap .arrivalStub .arrivalStubwrap p { font-size: 4em; font-size: 12vw; }
}

@media screen and (max-width: 767px) {
    .kxarrivalpass { padding: 20px 10px; }
    .kxarrivalpass .kxarrivalpasswrap .arrivalStub .arrivalStubwrap p { font-size: 4em; font-size: 20vw; }
}*/

/*@media print {
	#PageContent { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }
	#PageContent nav, header, section, footer, .nav-container, .noPrint, .screenLogo { display: none; }
	#PageContent .printLogo { display: block; }

	html, body {*/
		/*changing width to 100% causes huge overflow and wrap*/
		/*height: 100%;
		width: 100%;
	}

	body * { visibility: hidden; }
	#section-to-print, #section-to-print * { visibility: visible; }
	#section-to-print { position: absolute; left: 0; top: 0;  }

	#PageContent .kxarrivalpass { font-family: 'Roboto', sans-serif; color: #303030; margin: auto; width: 374px; }
	#PageContent .kxarrivalpass .kxarrivalpasswrap { border: solid 2px #72aeab; color: #303030; padding: 7px; width:450px; }
    #PageContent .kxarrivalpass .kxarrivalpasswrap .kxarrivalpassSection1 { background-color: #72aeab; display: block; padding: 30px 20px; min-height: 90px; text-align: center; position: relative; z-index: 1; }
    #PageContent .kxarrivalpass .kxarrivalpasswrap .kxarrivalpassSection1 .printBG { background-color: #eee; top: 0; left: 0; right: 0; bottom: 0; position: absolute; z-index: 1; }
    #PageContent .kxarrivalpass .kxarrivalpasswrap .kxarrivalpassSection1 .printBG img { height: 100%; width: 100%; z-index: 1; }
    #PageContent .kxarrivalpass .kxarrivalpasswrap .kxarrivalpassSection1 img.arrivalpasslogo { padding: 10px 0; width: 70%; position: relative; z-index: 10; }
    #PageContent .kxarrivalpass .kxarrivalpasswrap .kxarrivalpassSection1 span { color: #808080; display: block; font-weight: bold; position: relative; z-index: 10; }
	#PageContent .kxarrivalpass .kxarrivalpasswrap .kxarrivalpassSection2 { border: solid 2px #72aeab; display: block; padding: 0 15px; }
	#PageContent .kxarrivalpass .kxarrivalpasswrap .kxarrivalpassSection2 h4 { color: #72aeab; font-size: 1em; font-weight: bold; margin: 15px 0 0; text-transform: uppercase; }
	#PageContent .kxarrivalpass .kxarrivalpasswrap .kxarrivalpassSection2 p { font-size: 1.5em; font-weight: bold; text-transform: uppercase; margin: 0 0 10px 0; padding: 0; }
	#PageContent .kxarrivalpass .kxarrivalpasswrap .kxarrivalpassSection3 { border-left: solid 2px #72aeab; border-right: solid 2px #72aeab; display: block; padding: 20px 0; text-align: center; }
	#PageContent .kxarrivalpass .kxarrivalpasswrap .kxarrivalpassSection3 .col-sm-6 { display: block; float: left; padding: 0 15px; width: 40%; }
	#PageContent .kxarrivalpass .kxarrivalpasswrap .kxarrivalpassSection3 div:last-child { clear: both; display: block; padding: 10px 0; width: 100%; }
	#PageContent .kxarrivalpass .kxarrivalpasswrap .kxarrivalpassSection3 h4 { color: #a5ad18; font-size: 1em; font-weight: bold; margin: 15px 0 0; text-transform: uppercase; }
	#PageContent .kxarrivalpass .kxarrivalpasswrap .kxarrivalpassSection3 p { font-size: 1.1em; font-weight: bold; margin: 0 0 10px 0; padding: 0; }
	#PageContent .kxarrivalpass .kxarrivalpasswrap .kxarrivalpassSection3 .fa { color: #303030; font-weight: normal; }
	#PageContent .kxarrivalpass .kxarrivalpasswrap .arrivalStub { border: solid 2px #72aeab; border-top: dashed 2px #72aeab; }
	#PageContent .kxarrivalpass .kxarrivalpasswrap .arrivalStub .arrivalStubwrap { text-align: center; }
	#PageContent .kxarrivalpass .kxarrivalpasswrap .arrivalStub .arrivalStubwrap p { font-family: "barcodeFont"; font-size: 6em;  margin: 0; padding: 0; }
}*/

@media print {
	@page { size: A4; }
	#PageContent .kxarrivalpass .kxarrivalpasswrap .kxarrivalpassSection1 img.arrivalpasslogo {    filter: invert(100%) grayscale(1); }

	#PageContent { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }
	#PageContent nav, header, footer, section, #page-title, #main-footer, #copyright, .nav-container, .noPrint, .screenLogo { display: none; }
	#PageContent .printLogo { display: block; }
	#PageContent .kxarrivalpass .kxarrivalpasswrap { border: solid 2px #9C5FB5; color: #303030; padding: 7px; }
    #PageContent .kxarrivalpass .kxarrivalpasswrap .kxarrivalpassSection1 { background-color: #9C5FB5; display: block; padding: 30px 20px; min-height: 90px; text-align: center; position: relative; z-index: 1; }
	#PageContent .kxarrivalpass .kxarrivalpasswrap .kxarrivalpassSection1 p { padding-top: 5px; }
    #PageContent .kxarrivalpass .kxarrivalpasswrap .kxarrivalpassSection1 .printBG { background-color: #eee; top: 0; left: 0; right: 0; bottom: 0; position: absolute; z-index: 1; }
    #PageContent .kxarrivalpass .kxarrivalpasswrap .kxarrivalpassSection1 .printBG img { height: 100%; width: 100%; z-index: 1; }
    #PageContent .kxarrivalpass .kxarrivalpasswrap .kxarrivalpassSection1 img.arrivalpasslogo { padding: 10px 0; width: 70%; position: relative; z-index: 10; }
    #PageContent .kxarrivalpass .kxarrivalpasswrap .kxarrivalpassSection1 img.arrivalpasslogo:after { padding: 10px 0; width: 70%; position: relative; z-index: 10; content: "University of Hertfordshire"; }

	#PageContent .kxarrivalpass .kxarrivalpasswrap .kxarrivalpassSection1 span { color: #808080;  font-weight: bold; position: relative; z-index: 10; }
	#PageContent .kxarrivalpass .kxarrivalpasswrap .kxarrivalpassSection2 { border: solid 2px #9C5FB5; display: block; padding: 0 15px; }
	#PageContent .kxarrivalpass .kxarrivalpasswrap .kxarrivalpassSection2 h4 { color: #9C5FB5; font-size: 1em; font-weight: bold; margin: 15px 0 0; text-transform: uppercase; }
	#PageContent .kxarrivalpass .kxarrivalpasswrap .kxarrivalpassSection2 p { font-size: 1.0em; text-transform: uppercase; margin: 0 0 10px 0; padding: 0; }
	#PageContent .kxarrivalpass .kxarrivalpasswrap .kxarrivalpassSection3 { display: block; padding: 0px 0; text-align: center; }
		#PageContent .kxarrivalpass .kxarrivalpasswrap .kxarrivalpassSection4 p.key-icon {
			font-size: 4em;
			font-weight: bold;
			padding:0px;
			margin:0px;
		}

	#PageContent .kxarrivalpass .kxarrivalpasswrap .kxarrivalpassSection3 .barcode { text-align: center; padding:0px;margin:0px }
	#PageContent .kxarrivalpass .kxarrivalpasswrap .kxarrivalpassSection3 .barcode p { font-family: "barcodeFont"; font-size: 7em; margin: 0; padding: 0; text-transform:uppercase; }
	#PageContent .kxarrivalpass .kxarrivalpasswrap .arrivalStub { border: solid 2px #9C5FB5; border-top: dashed 2px #9C5FB5; }
	#PageContent .kxarrivalpass .kxarrivalpasswrap .arrivalStub .arrivalStubwrap { text-align: center; }
	#PageContent .kxarrivalpass .kxarrivalpasswrap .arrivalStub .arrivalStubwrap p { font-family: "barcodeFont"; font-size: 6em;  margin: 0; padding: 0; text-transform:uppercase;  }
	
}