/* General Styling */
	h1 {
		font-size: 1.8em;
		font-weight: bold;
	}

	h2 {
		font-weight: bold;
	}

	.ucf-brand {
		background-color: #ffc904;
		color: black;
		padding: 2px 5px;
		font-weight: bold;
	}

	.h-icon { /* Heading icons */
		width: 50px;
		vertical-align: baseline;
	}

	a[download] {
		padding: 0 !important;
	}

	.scroll-button {
		border-radius: 25px;
		user-select: none;
		-webkit-user-select: none;
	}

	button {
		background-color: rgba(0,0,0,0);
		border: none;
		outline: none;
	}

	input, textarea {
		border: 1px solid #999 !important;
		color: #1a1a1a !important;
	}

	input:focus, textarea:focus {
		background-color: rgba(247,247,247,1) !important;
		font-weight: 500;
	}


/* Loading */
	.newpageload {
		background-color: white;
		right: 0;
	}

	.newpageload img {
		opacity: .2;
		width: 100px;
		animation: rotation 1s linear infinite;
	}

/* UI Kit edits */
	.uk-button-secondary {
		background-color: #1a1a1a !important;
	}

	.uk-button {
		-webkit-transition: opacity .2s !important;
		transition: opacity .2s !important;
		display: inline-block !important;
	}

	.uk-button svg {
		margin-top: -4px;
	}

	.uk-link-text {
		text-decoration: underline;
	}

	.uk-label {
		text-transform: lowercase
	}

	.uk-card {
		border-radius: 10px;
	}


/* Lightbox edits */
	.uk-lightbox-toolbar {
		background-color: rgba(0,0,0,0);
	}

	.uk-lightbox-toolbar button {
		background-color: black;
		padding: 10px;
		border-radius: 20px;
	}

	div[uk-lightbox] img {
		-webkit-transition: opacity .3s;
		transition: opacity .3s;
		box-shadow: 0 0 15px rgba(0,0,0,.3);
	}


/* Owl Carousel edits */
	.owl-carousel {
		padding-top: 30px !important;
	}

	.owl-carousel img {
		-webkit-filter: grayscale(100%);
		filter: grayscale(100%);
		opacity: .7;
		-webkit-transition: filter .3s, opacity .3s;
		transition: filter .3s, opacity .3s
	}

/* Nav */

	.project-nav {
		margin-top: 65px;
		margin-left: 115px;
		position: fixed;
	}

	.project-nav button {
		color: black !important;
		font-weight: bold;
		padding: 6px 0;
		background-color: rgba(0,0,0,0);
		border: 2px solid rgba(0,0,0,0);
		user-select: none;
		-webkit-user-select: none;
		-webkit-transition: opacity .2s, border-bottom .3s !important; /* Safari */
	    transition: opacity .2s, border-bottom .3s !important;
	}

	.uk-navbar-container {
		width: 400px !important;
	}

/* Logo */
	.logoContainer {
		z-index: 50;
		height: default;
		cursor: pointer;
		animation: logoMove .3s ease-in 1.3s forwards; /* Logo moves */
		-webkit-transition: transform .3s !important;
		transition: transform .3s !important;
	}

	.logo {
		background-image: url("../img/logos/logo.png");
		background-size: 100%;
		height: 65px;
		width: 65px;
		animation: fadeIn .5s ease-out forwards; /* Logo fades in */
	}

	.logo-bg {
		background-color: #1A1A1A;
		height: 400vw;
		width: 400vw;
		animation: zoomIn .7s ease-in .5s forwards; /* Logo background resize */
	}


/* Info Container */
	.project-side-container {
		position: fixed;
		background-color: white;
		cursor: default;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}

	.project-cycle{
		cursor: pointer;
		border: 1px solid #1a1a1a;
		color: #1a1a1a;
		-webkit-transition: background-color .3s, color .3s !important;
		transition: background-color .3s, color .3s !important;
	}

	.project-cycle-mobile {
		bottom: 60px !important;
	}

	#proj-name {
		letter-spacing: -1px;
	}


/* Contact Side Container */
	.contact-side-container {
		position: fixed;
		left:0;
		background-color: #1a1a1a;
		color: white;
		cursor: default;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		z-index: 100;
	}

	.contact-title {
		color: white;
	}

	.contact-close {
		color: #1a1a1a;
		background-color: white;
		height: 70px;
		width: 70px;
		margin: 30px 0 0 30px;
		top: 0;
		left: 0;
		-webkit-transition: transform .3s !important;
		transition: transform .3s !important;
	}

	.contact-close-container {
		background-color: #1a1a1a;
	}


/* Project Container */
	.project-container {
		border-left: 1px solid #ddd;
		z-index:-1;
		overflow: hidden;
	}

	.projContent {
		width: 100% !important;
	}

	#hero-section {
		overflow: hidden;
	}


/* RWC Page */

	#rwc1 {
		background-color: #ffc904;
		padding: 5% 0 5% 0;
	}

	#rwc1 .uk-text-meta,
	#rwc2 .uk-text-meta {
		color: #1a1a1a;
	}

	#rwc1 h1 {
		font-size: 2em !important;
		color: white;
	 	background-color: #1a1a1a;
	 	padding: 10px;
		margin-top: 10px !important;
		-ms-transform: skew(0deg,-1deg); /* IE 9 */
		-webkit-transform: skew(0deg,-1deg); /* Safari */
		transform: skew(0deg,-1deg); /* Standard syntax */
	 }

	#rwc1 .owl-carousel {
		background-color: white;
		-ms-transform: skew(0deg,-1deg); /* IE 9 */
		-webkit-transform: skew(0deg,-1deg); /* Safari */
		transform: skew(0deg,-1deg); /* Standard syntax */
	}

	#rwc2 {
		background-color: #1a1a1a;
		padding: 5% 0 5% 0;
	}

	#rwc2 h1 {
		font-size: 2em !important;
		color: #1a1a1a;
	 	background-color: #ffc904;
	 	padding: 10px;
		margin-top: 10px !important;
		-ms-transform: skew(0deg,1deg); /* IE 9 */
		-webkit-transform: skew(0deg,1deg); /* Safari */
		transform: skew(0deg,1deg); /* Standard syntax */
	 }

	#rwc2 .owl-carousel {
		background-color: #ffc904;
		-ms-transform: skew(0deg,1deg); /* IE 9 */
		-webkit-transform: skew(0deg,1deg); /* Safari */
		transform: skew(0deg,1deg); /* Standard syntax */
	}

	#rwc2 .owl-carousel img {
		height: inherit;
	}


/* Sightsy Page */

	#sightsy1 {
		background-color: rgba(245,181,55,.9);
	}


/* CNCF Page */
	#cncf1 {
		background-color: rgba(0,123,156,.9);
	}


/* Adventure Page */
	#adventure1 {
		background-image: url("../img/adventure/adventurebg1.jpg");
	}

	#adventure1 hr {
		background-color: black;
	}

	#adventure1 .owl-carousel {
		top:0;
		transform: translate(0,25%);
		background-color: white;
	}

/* Slice & Dice Page */
	#slicedice1 {
		background-color: #ff4d4d;
	}

/* Booklet Page */
	#booklet_nav, #alarie_nav {
		background-color: white;
		padding: 7px 0;
		border-bottom: 1px solid #E5E5E5;
		max-width: 100%;
		align-items: center;
		margin-left: 0;
	}

	#booklet_nav a, #alarie_nav a {
		margin-top: 7px !important;
		margin-bottom: 7px !important;
		line-height: normal;
		padding-top: .5rem;
		padding-bottom: .5rem;
	}

	#booklet_nav .uk-active, #alarie_nav .uk-active {
		animation: .6s ease-out 0s 1 active_booklet;
		background-color: #151515;
		color: white;
	}

	@keyframes active_booklet {
		0% {
			background-color: white;
			color: #9A9A9A;
		}
		100% {
			background-color: #151515;
			color: white;
		}
	  }

/* Alarie Page */
	  #alarie_section img {
		max-height: 450px;
		width: auto;
	  }

	  .tilt-right::after {
		position: relative;
		content: " ";
		background-color: white;
		display: block;
		left: -5%;
		bottom: -98vh;
		transform: rotate(-1deg);
		width: 110%;
		height: 60px;
	}	

/* Media Queries */

	@media (max-width: 960px) { /* Mobile Only */

		body {
			position: relative;
		}

		.newpageload {
			z-index: 10000 !important;
		}

		.logo {
			height: 55px;
			width: 55px;
		}

		.project-nav {
			margin-top: 0;
			margin-left: 70px;
			position: absolute;
		}

		.project-nav button {
			height: 70px !important;
			font-size: 1em;
		}
	
		.project-container {
			position: relative !important;
		}

		.tilt-right::after {
			position: absolute;
			bottom: -6vh;
		}

		.mobile-hero {
			padding: 5vh 5vh 0 5vh;
		}

		.mobile-container {
			background-color: white;
			height: 95vh;
		}

		.mobile-container-info {
			width: 80%;
		}

		.contact-close {
			margin: 0;
			color: white;
			background-color: #1a1a1a
		}

		.contact-close-container {
			vertical-align: middle;
		}

		.contact-close-container h3 {
			vertical-align: middle;
			color: white
		}

		#rwc1 .content, #rwc2 .content {
			padding: 15px !important;
		}
		
		#booklet_nav, #alarie_nav {
			display: none;
		}

		.owl-carousel img {
		-webkit-filter: grayscale(0%);
		filter: grayscale(0%);
		opacity: 1;
		}


	}

	@media (min-width: 960px) { /* Desktop Only */
		.logoContainer.logoRotate:hover, .contact-close:hover { /* Rotating logo hover */
			transform: rotate(25deg);
		}

		.project-nav button:hover,
		.project-nav button:focus { /* Hover for nav buttons */
			opacity: .4;
			border-bottom: 2px solid black;
		}

		.regularlb img:hover,
		.regularlb img:focus { /* Hover for lightbox images */
			opacity: .7;
		}

		.uk-button:hover,
		.uk-button:focus { /* Hover for button links */
			opacity: .7;
		}

		.project-cycle:hover,
		.project-cycle:focus { /* Hover for project cycling */
			background-color: #1a1a1a;
			color: white;
		}

		.owl-carousel img:hover,
		.owl-carousel img:focus { /* Owl carousel items over */
			opacity: 1;
			-webkit-filter: none;
			filter: none;
		}
	}

/* Animations */


	@keyframes fadeIn {
		from {opacity: 0;}
		to {opacity: 1;}
	}

	@keyframes fadeOut {
		from {opacity: 1;}
		to {opacity: 0;}
	}

	@keyframes zoomIn {
		from {height: 400vw; width: 400vw; border-radius: 0;}
		to {height: 0px; width: 0px; border-radius: 50%;}
	}

	@keyframes logoMove {
		from {width:100%;}
		to {width: 70px; height: 70px; min-height: 70px; margin: 30px 0 0 30px;}
	}

	@keyframes rotation {
		from {transform: rotate(0deg);}
		to {transform: rotate(360deg);}
	}


.test {
	background-color: blue;
}