#footer_nav ul li a.footer_segment { font-size: 0.8em; position: relative; zoom: 1; border: 0px; box-sizing: border-box; padding: 11px 20px; }
#footer_nav ul { height: 22px; overflow: hidden; }
.bg_color_accent { background-color: #ff9302; }
.bg_color_accent_2 { background-color: #e97400; }
.bg_color_accent_3 { background-color: #ff850c; }
.bg_color_accent_4 { background-color: #ffaa00; }
.bg_color_grey { background-color: #393939; }
.block_nav { text-align: center; position: relative; z-index: 500; overflow: hidden; }.block_nav li { display: inline-block; width: 25%; margin-right: -4px; line-height: 1em; }
.block_nav_box.is_stuck { position: fixed; bottom: 0; width: 100%; z-index: 300; }
.container { min-width: 300px; max-width:1247px; background: #fff; padding: 20px; margin-bottom: 80px; }
.layout-content { background: #FFFFFF; }
.font_type_1 { font-size: 3.2em; line-height: 1.125em; letter-spacing: -0.025em; font-weight: 100; color: #121212; clear: both; margin-bottom: .5em; }
.footer_site_info .l_inline_list a { color: #b8b8b8; text-decoration: none; }.footer_site_info .l_inline_list a:hover { text-decoration: underline; }
.footer_site_info .l_inline_list li { margin-right: 4%; }
.footer_site_info .l_inline_list { font-size: 0.8em; text-transform: uppercase; }
.footer_site_info .made_by { color: #b8b8b8; font-size: 0.8em; display: block; text-decoration: none; text-transform: uppercase; }
.footer_site_info .made_by:hover { text-decoration: underline; }
.hide_on_tablet { display: block; }.l_grid { max-width: 1247px; min-width: 300px; margin-left: auto; margin-right: auto; padding-left:25px; padding-right:25px; -webkit-background-origin: content; -moz-background-origin: content; -ms-background-origin: content-box; -o-background-origin: content-box; background-origin: content-box; -webkit-background-clip: content-box; -moz-background-clip: content-box; background-clip: content-box; }.l_grid:after { content: ""; display: table; clear: both; }.l_inline_list li { display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; margin-right: -4px; }.layout-content.status .masthead-container.basic { min-width: 300px; max-width:1247px; }.page_footer .list a { color: #b8b8b8; text-decoration: none; }
.page_footer .list li { padding-left: 0; margin-bottom: 1.4em; line-height: 1.3em; }
.page_footer .list li:before { display: none; }
.page_footer .list { text-transform: uppercase; }
.page_footer h2 a { color: white; }
.page_footer h2 { font-size: 16px; color: white; }
.page_footer p { color: #b8b8b8; }
.page_footer { color: #b8b8b8; clear: both; font-size: 0.93333em; position: relative; margin-bottom: 0; height: 44px; margin-top: -44px; width: 100%; bottom: 0; left: 0;}
.page_header a { text-decoration: none; }
.page_header { background-color: #121212; color: white; position: relative; }
.page_header { height:92px; }
.page_header_logo .font_type_1 { color: #ffffff; font-size: 2.1em; }
.page_header_logo h1 { margin: 0; }
.page_header_logo i { font-size: 36px; }
.page_header_logo { color: white; display: block; float: left; padding: 12px 0 8px 0; margin-right: 25px; position: relative; z-index: 100; }.page_header_logo:hover { color: inherit; }
.page_header_top_bar .l_grid { position: relative; }
.page_header_top_bar a { color: #b9b9b9 !important; }
.page_header_top_bar { background-color: #393939; font-size: 0.73333em; color: #b9b9b9; top: 0; width: 100%; }
.powered_by { background-image: url("https://www.aarnet.edu.au/images/uploads/main/aarnet-logo.png"); width: 120px; height: 40px;  background-repeat: no-repeat; float: right; margin-top:10px; }
.status-day:nth-child(n+x) { display:none; }
.status-day:nth-child(n+x) { display:none; }
@media (max-width: 768px) { .font_type_1, .ui_section .ui_heading_main, .title_header h1 { font-size: 35px !important; } }
@media (max-width: 768px) { .hide_on_tablet { display: none !important; } }
@media (max-width: 768px) { .page_header .l_grid { padding-left: 0; padding-right: 0; } }
@media (max-width: 768px) { .page_header { padding-top: 0; min-height: 64px; } .page_header:before { border-bottom: 1px solid #393939; content: ""; position: absolute; width: 100%; height: 64px; top: 0; z-index: 50; } }@media (max-width: 768px) { .page_header_logo { padding-left: 15px; padding-top: 15px; } }@media (max-width: 768px) { .page_header_top_bar .l_grid { position: static; } }@media (max-width: 768px) { .page_header_top_bar { display: none; } }ul.page_header_secondary_nav a .i_lock { margin-right: 5px; font-size: 14px; position: relative; top: 1px; }
ul.page_header_secondary_nav a { display: block; font-weight: 700; border-top: 3px solid #393939; padding: 5px 10px; }
ul.page_header_secondary_nav a:hover { border-color: #ff9302; }
ul.page_header_secondary_nav li { float: right; margin-left: .8em; }
ul.page_header_secondary_nav li.is_current a { border-color: #ff9302; color: #E4E4E4 !important; }
ul.page_header_secondary_nav li:first-child a { padding-right: 0; }
ul.page_header_secondary_nav { min-width: 230px; letter-spacing: 0.1em; text-transform: uppercase; float: right; }
ul.page_header_secondary_nav { min-width: 230px; letter-spacing: 0.1em; text-transform: uppercase; float: right; }
div.grouped-item-label div { display: inline-block }
.updates-dropdown-sections-container {text-align:left;}
.updates-dropdown-container a {color:#ffffff;}
.terms_and_privacy_information a, #updates-dropdown-support a {color:#f7931d;}
.layout-content.status .custom-header-container {margin-bottom:10px;}
.updates-dropdown-container .updates-dropdown {right: 5px;}

/* NEW */

html, body {
            margin: 0px;
            font-family: 'Open Sans', sans-serif;
            height: 100vh;
			min-height: 100vh;
        }
	
		ul{
			list-style: none;
		}
	
		*{
			box-sizing: border-box;
		}
	
		.page-wrap {
			min-height: 100vh;
			height: 100vh;			
		}
	
        .container-wrap {
            width: 100%;
			background: url("https://www.aarnet.edu.au/images/hero-cards-background-v5.png");
			background-position: top -10.3125rem center;
			background-repeat: no-repeat;
			background-size: 106.25rem auto;
			margin-bottom: 10px;
        }
		
        .content-body {
			padding: 4rem 0;
			width: 90%;
        }
        
        .content, .footer-internal, .container, .content-body {
            /*customize position*/
            display: block;
			max-width: 77.5rem;
			padding: 0 1.25rem;
			margin: 0 auto;
        }



        h1 {
            padding-top: 40px;
            padding-bottom: 20px;
            font-weight: normal;
        }
        p {
            font-size: 17px;
        }
	
		.header-wrap {
			background: url("https://www.aarnet.edu.au/uploads/images/online-portal-header.jpg");
			display: block;
			min-height: 10.625rem;
			background-position: 50%;
			background-repeat: no-repeat;
			background-size: cover;
		}
	
		.header-internal {
			
			width: calc(100% - 2.5rem);
		}

		.header-menu {
			display: block;
			background: #FFFFFF;
			border-radius: .25rem;
			max-height: 4.375rem;
			width: calc(100% - 2.5rem);
			margin: 2.5rem 0 0 1.25rem;
			padding: 0px 1.25rem;
			box-shadow: 0 0 0.5rem rgb(0 0 0 / 15%);
    		position: fixed;
    		transition: background-color .3s cubic-bezier(.5,0,.5,1),opacity .3s cubic-bezier(.5,0,.5,1);
			z-index: 1002;
		}

		.main-logo {
			float: left;
			display: relative;
			padding-top: 15px;
		}

		.main-logo a, .main-logo a:visited, .main-logo a:active {
			text-decoration: none;
			color: #69747A;
		}

		.main-logo a:hover {
			color: #BECDD4;
		}

		.main-menu {
			float: right;
			display: flex;
			
		}
	
		a.menu-item {
			cursor: pointer;
			font-size: .875rem;
			margin-right: 1.875rem;
    		position: relative;
			color: #000;
			text-decoration: none;
			line-height: 4.375rem;
			-webkit-tap-highlight-color: rgba(0,0,0,.1);
    		transition-duration: .3s;
			transition-property: background-color,color,opacity,border,border-color,background-position,outline,box-shadow,border-bottom,text-decoration,left,top,transform,-webkit-text-decoration;
			transition-timing-function: cubic-bezier(.5,0,.5,1);
			transform-origin: center center;
			font-weight: bold;
		}
	
		a.menu-item:hover {
			color: #f47920;
			
		}
	
		a.menu-item:hover:before {
			background-color: #f47920;
			bottom: 0;
			content: "";
			display: block;
			height: 2px;
			height: 0.125rem;
			left: 0;
			position: absolute;
			width: 100%;	
			box-sizing: border-box;
		}
	
		.divider {
			position: relative;
			margin-left: 20px;
		}
	
		.divider:before {
			background-color: #e1e1e1;
			content: "";
			display: block;
			height: 3.125rem;
			left: -1.5625rem;
			position: absolute;
			top: 0.625rem;
			width: 0.0625rem;
		}
	
		.top-menu {
			float: right;
			color: #FFFFFF;
			margin-top: 15px;
		}
	
		a.top-menu-item {
			color: #FFFFFF;
			text-transform: uppercase;
			text-decoration: none;
		}
	
		a.top-menu-item:hover {
			text-decoration: underline;
		}
		
		.main-text {
			text-align: center;
		}
	
        .button {
            width: 100%;
            padding: 50px;
            display: inline-block;
            text-align: center;
            margin: 10px;
            transition: .3s ease;
			text-decoration: none;
			border-radius: .375rem;
			color: #FFFFFF;
        }
	
		.button.staff-login {
			background-color: #0C5164;
		}
	
		.button.non-aarnet-login {
			background-color: #887EBB;
		}
	
		.button.download-client {
			background-color: #7BAE92;
		}
	
		.button:hover {
			text-decoration: underline;
			color: #FFFFFF;
			background-color: #F7941D;
		}
	
        .btn-text {
            color: #FFFFFF;   /*customize button font color */
            font-size: 1.5rem;
			text-transform: uppercase;
        }
        .made-with {
            padding-top: 15px;
            padding-bottom: 0;
            margin-bottom: 0;
        }
        .made-with a {
            text-decoration: underline;
        }
        .right {
            margin-left: 15px;
        }
        .right > span{
            display: block;
        }

        .zoom-logo {
            width: 400px;
            height: 147px;
        }
        .footer {
            text-align: center;
            background-color: #000000;
			width: 100%;
			position: relative;
			clear: both;
			padding-bottom: 20px;
        }
	
        .footer a {
            font-size: 14px;
            font-weight: normal;
            font-style: normal;
            font-stretch: normal;
            line-height: normal;
            letter-spacing: normal;
			text-decoration: none;
        }
	
		.footer-links {
			color: #b8b8b8;
			line-height: 4rem;
			font-size: .875rem;
		}
	
		.footer-links a, .footer-links a:visited, .footer-links a:active {			
			color: #b8b8b8;		
			text-decoration: none;
			margin-left: 1.5625rem;
		}
	
		.footer-links a:hover {
			opacity: .8;
		}
	
		.acknowledgement {
			color: #FFFFFF;
			line-height: 1.875;
			margin: 0 auto;
			max-width: 43rem;
			font-size: 1.125rem;
			font-weight: bold;
			padding-top: 10px;
		}
	
		.footer-bottom {
			position: relative;
			display: block;
		}
	
		.footer-logo {
			width: 33%;
			position: relative;
		}
	
		.aarnet-footer-logo {
			width: 200px;
		}
	
		.footer-socials img {
			max-height: 36px;
			margin-left: 20px;
			padding-top: 10px;
		}

		.footer-socials img:hover {
			opacity: 0.9;
		}
	
		* {
		  box-sizing: border-box;
		}

		.column {
		  float: left;
		  width: 33.33%;
		  padding: 10px;
		}
	
		.column.main-buttons {
			margin-bottom: 80px;
		}

		.row:after {
		  content: "";
		  display: table;
		  clear: both;
		}

		/* STATUS PAGE */

		.layout-content.status.status-index .page-status {
			border: 0px;
			text-shadow: 0px;
			margin-bottom: 50px;
			margin-top: 20px;
		}

		.layout-content.status.status-index .components-section .components-container.one-column .component-container:nth-child(odd) {
			background-color: #F7F7F7;
		}

		.subscribe-button {
			position:relative;
			float: right;
			clear: both;
			margin-bottom: 15px;
		}

		.show-updates-dropdown {
			border: 2px solid #71C7F0; 
			border-radius: 4px; 
			padding: 0.75rem 1.25rem;
			background-color:#71C7F0;
			transition: all 300ms ease-in-out;
		}

		.show-updates-dropdown:hover {
			border: 2px solid #F7941D;
			background-color:#F7941D;
			transition: all 300ms ease-in-out;
		}

		.portal-header-name {
			position: relative;
			left: 10px;
			font-size: 20px;
			top: 4px;
			border-left: 1px solid #BECDD4;
			padding-left: 15px;
		}

a.show-updates-dropdown:hover {
    color: #FFFFFF;
}
	
		@media screen and (min-width: 820px) {
	
			.side-menu, .nav {
				display: none;
			}
  
  
			
		}
	
		@media screen and (max-width: 1177px) {
	
			.button {
				padding: 50px 80px; 
			}
			
		}
	
		@media screen and (max-width: 1057px) {
	
			.button {
				padding: 50px 60px; 
			}
			
		}
	
		@media screen and (max-width: 937px) {
	
			.button {
				padding: 50px 50px; 
			}
			
		}
	
		@media screen and (max-width: 937px) {
	
			.button {
				padding: 50px 40px; 
			}
			
		}
	
		@media screen and (max-width: 833px) {
	
			.button {
				padding: 50px 25px; 
			}
			
		}

        @media screen and (max-width: 820px) {
			
			.page-wrap {
				min-height: auto;
				height: auto;

			}
  
  			.portal-header-name {
				position: relative;
				font-size: 12px;
				top: -40px;
				left: 145px;
				border-left: 0px;
				padding-left: 0px;
				max-width: 70px;
				word-break: normal;
				display: block;
				line-height: normal;
			}
  
  .updates-dropdown-container .updates-dropdown {
    top: 200px;
  }
			
			.subscribe-button {
				float: none;
				width: 100%;
				text-align: center;
			}
			
			.layout-content.status .custom-header-container .updates-dropdown-container {
				width: 100%;
			}
			
			.show-updates-dropdown {
				width: 100%;
				display: block;
			}
			
			.top-menu {
				float: none;
				display: block;
				text-align: center;
				width: 100%;
				margin: 0 0 0 1.25rem;
				padding-top: 15px;
			}
			
			.main-menu {
				display: none;
			}
			
			.header-menu {
				margin-top: 2.6rem;
			}
			
            .column {
			  float: none;
			  width: 100%;
			  padding: 0px;
			}
			
			.button {
				margin: 0px;
				margin-bottom: 20px;
			}
			
			.column.main-buttons {
				margin-bottom: 0px;
			}
			
			/* MOBILE MENU */
			
			
			/* Nav menu */
				.nav{
					position: fixed;
					background-color: #FFFFFF;
					overflow: hidden;
					top: 125px;
					right: 20px;
					box-shadow: 0 0 0.5rem rgb(0 0 0 / 15%);
					border-radius: .25rem;
					width: calc(100% - 2.5rem);
				}
			
				ul.menu {
					padding-left: 0px;
					margin: 0px;

				}
				.menu a{
					display: block;
					padding: 20px;
					color: #F7941D;
					text-decoration: none;
				}
				.menu a:hover{
					background-color: #F9F9F9;
				}
				.nav{
					max-height: 0;
					transition: max-height .5s ease-out;
				}
			
			/* Menu Icon */
				.hamb{
					cursor: pointer;
					float: right;
					padding: 35px 20px;
				}/* Style label tag */
			
				.hamb-line {
					background: #000000;
					display: block;
					height: 3px;
					position: relative;
					width: 35px;

				} /* Style span tag */

				.hamb-line::before,
				.hamb-line::after{
					background: #000000;
					content: '';
					display: block;
					height: 100%;
					position: absolute;
					transition: all .2s ease-out;
					width: 100%;
				}
				.hamb-line::before{
					top: 8px;
				}
				.hamb-line::after{
					top: -8px;
				}

				.side-menu {
					display: none;
				} /* Hide checkbox */
			
				/* Toggle menu icon */
				.side-menu:checked ~ nav{
					max-height: 100%;
				}
				.side-menu:checked ~ .hamb .hamb-line {
					background: transparent;
				}
				.side-menu:checked ~ .hamb .hamb-line::before {
					transform: rotate(-45deg);
					top:0;
				}
				.side-menu:checked ~ .hamb .hamb-line::after {
					transform: rotate(45deg);
					top:0;
				}
			
        }