/* CSS Document */

html, body, table, th, tr, td, p, img, hr, ul, li, h1, h2, h3, h4, h5, div, form, fieldset {padding:0; margin:0; border:none;}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    html, body, table, th, tr, td, p, img, hr, ul, li, h1, h2, h3, h4, h5, div, form, fieldset {padding:0; margin:0; border:none;}
    h1 {font-weight:normal;}
}

div { position:relative; }

:root {
    font-size:16px;
    --basic_font_size: 20px;
    --orange:#FF8000;
	--navy:#151F72;
	--lt_blue:#A4ACEF;
	--aqua:#14C2ED;
}

html { width:100%; height:100vh; }

body {
	width:100%;
	min-height:100vh;
	overflow-x: hidden;
    font-family:'Lato', sans-serif;
    font-weight:400;
    color:#000000;
    background-color: var(--orange);
}
	
div#header_wrap, div#upper_wrap, div#middle_wrap, div#lower_wrap, div#footer_wrap {
	width:100%;
	height:12rem;
	background-color:white;
}

div#upper_wrap { height:44rem; background-color:var(--navy); }
div#middle_wrap { height:auto; background-color:white; }
div#lower_wrap { height:auto; background-color:var(--navy); }
div#footer_wrap { height: 8rem; background-color:var(--orange); }

div#header_content, div#upper_content, div#middle_content, div#lower_content, div#footer_content {
	width:1728px;
	height:100%;
	margin: 0 auto;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color:white;
}

div#upper_content { background-color: var(--navy); }
div#middle_content { display: block; text-align:center; box-sizing: border-box; padding: 2rem; }
div#lower_content { text-align:left; box-sizing: border-box; padding: 2rem; background-color:var(--navy); }
div#footer_content { background-color: var(--orange); }


div#header_content_wrap {
	display:flex;
	align-items: center;
}

div#header_logo {
	width:10rem;
	height:10rem;
	background:url("_img/UNI-HIGH_logo.png") no-repeat;
	background-size:contain;
	margin:0 2rem 0 0;
}

div#header_headline {
	font-family:"Arvo",serif;
	font-weight:700;
	color:var(--navy);
	font-size:2.7rem;
}

div#upper_left,div#upper_right {
	width:40%;
	height:100%;
	box-sizing: border-box;
	padding:3rem 4rem 4rem 3rem;
}

div#upper_left { background: url("_img/Uni_100_anniversary-2048x1592.jpg") no-repeat center -680px; background-size:300%; }
div#upper_right { width:60%; color:white; font-size: 1.2rem; line-height: 1.5rem;  }

div#lower_left { width: 65%; height:100%; box-sizing: border-box; padding:3.5rem 0 3.5rem 9rem; font-size:1.2rem; line-height: 1.5rem; }
div#lower_right { width: 35%; height:100%; box-sizing: border-box; display:flex; justify-content: center; align-items: center; }

h1, h2 { font-size:3.5rem; font-weight: 700; font-family: "Arvo", serif; line-height: 2.7rem; margin-bottom:1rem; text-align: center;}
h2 { color:var(--orange); }
h3 { color:var(--navy); font-size:3rem; font-family: "Lato", sans-serif; font-weight:700; margin-bottom:1rem; }
h5 { color:var(--lt_blue); font-style:italic; font-weight: 300; font-size:2rem; text-align: center;}
p { margin: 1rem 0 0 0; }
p.photo_caption {
	color:black;
	font-size:1rem;
	position:absolute;
	right:2rem;
	bottom:2rem;
	z-index:100;
}

div#middle_content p, div#lower_content p {
	font-size: 2rem;
	line-height:2.6rem;
	margin: 0 0 1rem 0;
	color:var(--navy);
}

div#lower_content p { color:white; text-align: left; font-size:1.4rem; line-height: 1.6rem; }

div#middle_content p.prices {
	font-size:2.4rem;
	line-height:3.8rem;
}

div.aqua_box {
	width:calc(100% - 25rem);
	background-color:var(--aqua);
	color:white;
	font-family:"Lato",sans-serif;
	font-size:2.4rem;
	font-weight:700;
	padding:1.4rem;
	text-align:center;
	margin:2rem auto;
}

div#hotel_photo_wrap {
	width:100%;
	height:auto;
	display:flex;
	justify-content: space-around;
	margin-bottom: 2rem;
}

a, a:active, a:visited, a:hover { color:inherit; }
a.button, a.button:active, a.button:visited, a.button:hover { text-decoration: none; }

ul { font-size:1.8rem; margin:2rem 0 3rem 2rem; }
li { line-height: 2.4rem; margin-bottom: 1.5rem; }
li::marker { color:var(--orange); }

div#but_orange, div#but_navy, div#but_white { 
	width:17.5rem; 
	height:3.5rem; 
	border-radius: 2rem; 
	background-color:var(--orange); 
	color:white; 
	font-family:'Lato',sans-serif; 
	font-weight:700;
	text-align: center;
	font-size:1.6rem; 
	line-height:3.5rem;
	cursor: pointer;
}

div#but_navy { background-color: var(--navy); }
div#but_white { background-color:white; color:var(--navy); }

div#ig_footer_button {
	color:white;
	font-size:1.6rem;
	margin:0 1rem;
	display:flex;
	align-items: center;
}

.bold { font-weight: 700; }
.orange { color:var(--orange); }
.white { color:white; }
.serif { font-family:"Arvo", serif; }
.sans-serif {font-family: "Lato", sans-serif; }
.align_c { text-align: center; }
.align_l { text-align: left; }
.small { font-size: 1.4rem !important; line-height: 1.5rem !important; }
.wavy { text-decoration:underline 3px solid; text-decoration-style:wavy; text-decoration-color: var(--orange) !important; text-underline-offset: .3rem; }