/* Department CSS Document */
/*For mobile first adaptive design place styles for mobile and up in the mobile and up area.
Place styles for tablet and up inside the media query in the tablet and up area.
Place styles for desktop only inside the media query in the desktop only area.

For questions or media query training contact Web Development Services.
*/
/* ====================== Mobile and Up ========================== */



/*repeated styles*/
		.text-not-quite-lime {
			color: var(--notQuiteLime);
		}
		.bg-not-quite-lime {
			background-color: var(--notQuiteLime);
		}
		/* extra bold */
		.bolder {
			font-weight: 900;
		}
		/* achevies the look of the xd 60px fonts */
		.largerish {
			font-size: 2.5rem;
			line-height: 2.7rem;
		}

a {
	text-decoration: underline;
}

h4 {
	font-weight: 900;
	color: var(--color-uvu-primary);
	font-size: 1.25em;
	font-variant: capitalize;
}
		
.accessible-button {
	display: inline-block;
    position: relative;
    text-decoration: none;
    font-family: 'Rajdhani', sans-serif;
    border-radius: 10px;
    padding: 15px 20px;
    margin-bottom: 10px;
    text-transform: uppercase;
	background-color: var(--notQuiteLime);
	border-color:  var(--notQuiteLime);
	color: #fff;
	font-weight: bold;
	font-size: 1.25em;
	min-width: 150px;
	max-width: 100%;
	text-wrap: balance;
}		
		
/* Hero heading */
.shadow {
	text-shadow: 0px 3px 6px #00000029;
	line-height: 2.6rem;
}
.hero {
	padding-top: 20px;
	max-width: !100%;
}

/*LISTS*/
/* Wrap to 2 columns and other formatting of college list */ 


ul.two-column li {
	padding: 0;
	margin: 0 0 1.15em;
}
ul.no-dots {
	list-style:none;
	padding-left:0;
}
.todo {
		font-size: 1.25em;
		font-weight: bold;
	}
	
ul.todo li {
	padding-left: 2em;
}
ul.todo li:before {
	font-family: "Font Awesome 5 Pro";
	font-size: 22px;
	top: 0;
	left: 0;
	position: absolute;
	content: "\f111";
}
ul.todo li.checked:before {
	font-family: "Font Awesome 5 Pro";
	font-size: 22px;
	top: 0;
	left: 0;
	position: absolute;
	content: "\f058";
}

ul.fa-ul.stuff-done-list {
    color: var(--notQuiteLime);
    font-size: 20px;
    font-weight: bold;
    font-family: "Raleway";
}
ul.fa-ul.stuff-done-list li {
    margin: 15px;
}
ul.fa-ul.stuff-done-list .fa-li {
    top: -7px;
    color: var(--notQuiteLime);
    font-size: 30px;
}

/* flip the zig zag shape and put in upper left */
.zigtop {
	background: url('/welcomeweek/images/bottom-corner-zigzag.svg') no-repeat right top;
	height: 82px;
	transform: rotate(180deg);
}

.zigbottom {
	background: url('/welcomeweek/images/bottom-corner-zigzag.svg') no-repeat right bottom;
	padding: 20px 80px 40px;
	justify-content: center;
}


/* background image and overlayed link in map section */
.map-fun {
	background: url('/welcomeweek/images/map.png') no-repeat right center;
	background-size: 80%;
	min-height: 150px;
	padding-bottom: 20px;
	padding-top: 150px;
}
.map-fun a, .button a  {
	background-color: var(--notQuiteLime);
	padding: 10px 20px;
	font-size: 1.25em;
	font-weight:bold;
	
}
.map-fun p a, .button a{
	color: #fff;
}

.table {
	border-radius: 5px;
	background-color: #fff;
	padding: 20px;
	margin-bottom: 0;
}
.table .row {
	border-top: 1px solid var(--uvuGreen);
}
.table .row:last-child {
	border-bottom: 1px solid var(--uvuGreen);
}

/* table css */
.table-responsive {
    border: none;
}
.table-responsive .table>tbody>tr>td {
	padding: 15px 10px;
	border-top: 1px solid var(--uvuGreen) !important;
}
.table-responsive .table>tbody>tr:last-child {
	border-bottom: 1px solid var(--uvuGreen) !important;
}


/* stuck rsvp tag */
#rsvp {
	background-color: var(--notQuiteLime);
	position: fixed;
	height: 35px;
	top: 0;
	left: 0;
	color: #fff;
	padding: 5px 20px;
	font-weight: 900;
	font-size: 1em;
	z-index: 10;
	
}
#rsvp a{
	color: #fff;
}
#rsvp a:hover{
	text-decoration: none;
}

.activity-icon{
	font-size: 40px;
	padding-right: 10px;	
}

/*End mobile and up styles*/
/* ====================== Tablet and Up (Overrides Mobile Styles) ========================== */
@media only screen and (min-width: 768px) {

.zigbottom {
	padding: 120px 0 100px 20px;
}
.table {
	padding: 40px;
}
	
}

/*end media query*/
/*End tablet and up styles*/
/* ====================== Landscape Tablet and Up (Overrides Mobile Styles) ========================== */
@media only screen and (min-width: 992px) {

	
	
/* 	right align callout next to form on larger screens */
	.coming {
		max-width: 700px;
		margin: auto;
	}
	
/* 	maintain map overlay correctly on larger screens */
	.map-fun{
		min-height: 388px;
		padding-left: 10%;
		padding-top: 200px;
	}
	
/*activity day icons growing. */
.activity-icon{
	font-size: 60px;
	padding-right: 60px;
}
	
	.table {
		padding: 65px 80px 60px;
		margin-bottom: 0;
}
		.heading-space{
			padding: 80px;
		}
	ul.no-dots {
	font-size: 1.66em;
}
	.todo {
		font-size: 1.25em;
		font-weight: bold;
	}
	
}

/*end media query*/
/*End landscape tablet and up styles*/
/* ====================== Desktop Only (Overrides Mobile and Tablet Styles) ========================== */
@media only screen and (min-width: 1200px) {
	
/* 	flip rsvp on big screens */
	#rsvp {	
				transform: rotate(90deg);
		top: 20%;
		left: -80px;
		height: 60px;
		padding: 10px 40px 20px;
			font-size: 1.5em;
			}
	#rsvp .flipped {
				transform: rotate(-90deg);
}
	.makeroom {
		padding-left: 60px;
	}
	.hero {
		padding-top: 0;
	}
}

/*end media query*/
/*End desktop only styles*/
/*END OF DOCUMENT*/