/*=========TABLET PORTRAIT STYLES============*/

@media screen and (min-width: 750px) {

	/*START HEADER SECTION STYLES*/
		/*START LOGO HEADER STYLES*/
			.header-logo {
				width: 75px;
				height: auto;
				top: 20px;
				opacity: 0.95;
			}
		/*END LOGO HEADER STYLES*/
	/*END HEADER SECTION STYLES*/

	/*START LANDING SECTION STYLES*/
		.photo-credit {
			font-size: 0.75em;
			letter-spacing: 2px;
			color: #f1f1f1;
			opacity: 0.75;
			transform: translateY(-30px);
		}

		.header-gradient {
			height: 25vw;
		}
	/*END LANDING SECTION STYLES*/

	/*START ABOUT SECTION STYLES*/
		.header-script {
			font-size: 3.25em;
			transform: translateX(0);
		}

		.header-serif {
			font-size: 5em; 
		}

		.about-buttons {
			width: 80%;
		}

		.about-button {
			display: inline-block;
			width: calc(49.25% - 5px);
			height: 20px;
			padding: 5px 0;
			padding-top: 12px;
		}

		.donate-button {
			margin-top: 0;
		}

		.book-button {
			margin-left: calc(10px);
		}
	/*END ABOUT SECTION STYLES*/

	/*START CAPACITIES SECTION STYLES*/
		.capacities-section {
			padding-top: 50px;
		}

		.mobile-room-invisible {
			margin-top: 15px;
		}

		.mobile-room-capacity {
			margin-top: 10px;
		}

		.mobile-capacity-text {
			font-size: 0.8em;
		}

		.mobile-room-button {
			height: 35px;
			font-size: 0.8em;
		}
	/*END CAPACITIES SECTION STYLES*/

	/*START EVENTS SECTION STYLES*/
		.events-section {
			padding-top: 50px;
		}

		.events-slider {
			position: relative;
			width: 900vw;
			height: 100%;
			padding-top: 40px;
			transform: translateX(0);
			transform-style: preserve-3d;
			transition: all 0.2s ease-out;
			-webkit-user-select: none !important;
			user-select: none !important;
		}

		.events-slider.position-1 {
			transform: translateX(17.5vw);
			transition: all 0.2s ease-out;
		}

		.events-slider.position-2 {
			transform: translateX(-55vw);
			transition: all 0.2s ease-out;
		}

		.events-slider.position-3 {
			transform: translateX(-127.5vw);
			transition: all 0.2s ease-out;
		}

		.events-slider.position-4 {
			transform: translateX(-200vw);
			transition: all 0.2s ease-out;
		}

		.events-slider.position-5 {
			transform: translateX(-272.5vw);
			transition: all 0.2s ease-out;
		}

		.events-slider.position-6 {
			transform: translateX(-345vw);
			transition: all 0.2s ease-out;
		}

		.events-slider.position-7 {
			transform: translateX(-417.5vw);
			transition: all 0.2s ease-out;
		}

		.events-slider.position-8 {
			transform: translateX(-490vw);
			transition: all 0.2s ease-out;
		}

		.events-slider.position-9 {
			transform: translateX(-562.5vw);
			transition: all 0.2s ease-out;
		}

		.events-slider.position-10 {
			transform: translateX(-635vw);
			transition: all 0.2s ease-out;
		}

		.event-item {
			margin-right: 7.5vw;
			width: 65vw;
			height: 100%;
		}

		.event-item.active {
			width: 65vw;
			margin-right: 7.5vw;
		}

		.events-invisible {
			width: 65vw;
			height: 100vw;
		}

		.event-image-container {
			width: 65vw;
			height: 65vw;
		}

		.event-image {
			width: 65vw;
			height: auto;
		}

		.event-image.event-image-landscape {
			height: 65vw;
			width: auto;
			transform: translateX(0);
			transition: all 0.2s ease-out;
		}

		.event-image.event-image-portrait {
			width: 65vw;
			height: auto;
			transition: all 0.2s ease-out;
		}

		.event-image.host-image {
			width: 65vw;
			height: auto;
		}

		.event-info-container {
			width: 63vw;
		}

		.event-tags {
			margin-top: 10px;
		}

		.event-buttons {
			width: 64vw;
			margin-top: 20px;
		}

		.event-button {
			display: inline-block;
			width: calc(31.5vw - 5px);
			height: 20px;
			padding: 5px 0;
			padding-top: 12px;
		}

		.tickets-button {
			margin-top: 0;
		}

		.facebook-button {
			margin-left: 10px;
		}
	/*END EVENTS SECTION STYLES*/

	/*START GALLERY SECTION STYLES*/

		.album-info {
			text-align: left;
		}

		.album-title {
			padding-left: 30px;
			margin-top: 13.25vw;
			font-size: 1.1em;
			transform: translateY(0);
			text-shadow: 0 0 2px rgba(0,0,0,0.5);
		}

		.album-count {
			position: relative;
			padding-left: 30px;
			display: block;
			margin-top: 5px;
			font-size: 0.85em;
			font-weight: 300;
			text-transform: none;
			text-shadow: 0 0 1px rgba(0,0,0,0.5);
		}

		.gradient-overlay {
			position: absolute;
			top: 0;
			left: 0;
			height: 120%;
			width: 100%;
			opacity: 1;
			z-index: 2;
			transform: translateY(-5%);
		}

		.album-img-overlay {
			position: absolute;
			z-index: 2;
			width: 100%;
			height: 100%;
			top: 0;
			left: 0;
			background: #555;
			opacity: 0.2;
			-webkit-mix-blend-mode: multiply;
			mix-blend-mode: multiply;
		}
	/*END GALLERY SECTION STYLES*/

	/*START CONTACT SECTION STYLES*/
		.contact-map {
			width: 1200px;
			height: auto;
			transform: translateX(-20px) translateY(-300px);
		}

		.contact-tooltip {
			margin-top: 60px;
			margin-left: 145px;
			width: 280px;
			height: auto;
		}

		/*START CONTACT CARD STYLES*/
			.contact-card {
				margin-top: 320px;
				width: 90vw;
				height: auto;
				padding-top: 50px;
				padding-bottom: 50px;
			}

			.social-icon {
				width: 18px;
				height: auto;
			}

			/*START CONTACT FORM STYLES*/
				.form-btn {
					display: inline-block;
					width: calc(33vw - 5px);
					height: 40px;
				}

				#reset {
					margin-left: 10px;
				}
			/*END CONTACT FORM STYLES*/
		/*END CONTACT CARD STYLES*/
	/*END CONTACT SECTION STYLES*/

	/*START MENU OVERLAY STYLES*/
		.menu-overlay {
			overflow-x: hidden;
			overflow-y: hidden;
		}

		.overlay-logo {
			top: 20px;
			width: 75px;
			height: auto;
		}

		.menu-items {
			margin-top: 80px;
			padding-bottom: 0;
		}

		.menu-link {
			font-size: 3.8em;
			line-height: 1.8em;
		}

		.menu-overlay-img {
			bottom: 20px;
			width: 150vw;
			height: auto;
			opacity: 0.3;
			transform: translateX(-16%);
		}
	/*END MENU OVERLAY STYLES*/

	/*START CAPACITIES OVERLAY STYLES*/
		.room-overlay-gallery {
			height: 40vw;
		}
	/*END CAPACITIES OVERLAY STYLES*/

	/*START ALBUM OVERLAY STYLES*/
		.album-overlay-close {
			right: 25px;
			top: 25px;
		}

		.masonry-container {
			padding-bottom: 0;
		}

		.panel {
			width: calc((90vw - 20px)/3);
			height: calc((90vw - 20px)/3);
		}


		.panel:nth-child(9n+1) {
			margin-left: 0;
			width: calc((90vw - 20px)/3);
			height: calc((90vw - 20px)/3);
		}

		.panel:nth-child(9n+2) {
			width: calc((90vw - 20px)/3);
			height: calc((90vw - 20px)/3);
		}

		.panel:nth-child(9n+3) {
			margin-left: 10px;
			width: calc((90vw - 20px)/3);
			height: calc((90vw - 20px)/3);
		}

		.panel:nth-child(9n+4) {
			margin-left: 0;
			width: calc(60vw - 5px);
			height: calc((90vw - 20px)/3);
		}

		.panel:nth-child(9n+5) {
			margin-left: 10px;
			width: calc((90vw - 20px)/3);
			height: calc((90vw - 20px)/3);
		}

		.panel:nth-child(9n+6) {
			margin-left: 0;
			width: calc((90vw - 20px)/3);
			height: calc((90vw - 20px)/3);
		}

		.panel:nth-child(9n+7) {
			margin-left: 10px;
			width: calc(60vw - 5px);
			height: calc((90vw - 20px)/3);
		}

		.panel:nth-child(9n+8) {
			margin-left: 0;
			width: calc(45vw - 5px);
			height: calc((90vw - 20px)/3);
		}

		.panel:nth-child(9n+9) {
			margin-left: 10px;
			width: calc(45vw - 5px);
			height: calc((90vw - 20px)/3);
		}

		.panel-img.landscape {
			height: 105%;
			width: auto;
			transform: translateX(-20%) translateY(-2%);
		}

		.panel:nth-child(3n+3) > .panel-wrapper > .panel-img.landscape {
			height: 105%;
			width: auto;
			transform: translateX(-20%) translateY(-2%);
		}

		.panel:nth-child(9n+4) > .panel-wrapper > .panel-img.landscape {
			width: 115%;
			height: auto;
			transform: translateX(0) translateY(-5%);
		}

		.panel:nth-child(9n+7) > .panel-wrapper > .panel-img.landscape {
			width: 115%;
			height: auto;
			transform: translateX(0) translateY(-5%);
		}

		.panel:nth-child(9n+8) > .panel-wrapper > .panel-img.landscape {
			height: 115%;
			width: auto;
			transform: translateX(0) translateY(-5%);
		}

		.panel:nth-child(9n+9) > .panel-wrapper > .panel-img.landscape {
			height: 115%;
			width: auto;
			transform: translateX(0) translateY(-5%);
		}

		.panel-img.portrait {
			width: 105%;
			height: auto;
		}
	/*END ALBUM OVERLAY STYLES*/

	/*START LIGHTBOX CONTAINER STYLES*/
		.lightbox-close {
			right: 25px;
			top: 25px;
		}

		.lightbox-details.details-top-right {
			top: 50px;
			transition: all 0.2s ease-out;
		}

		.lightbox-details.details-bottom-left {
			position: absolute;
			bottom: 50px;
			left: 0;
			margin-left: 20vw;
			width: calc(70vw * 0.45);
			height: calc(10vh - 50px);
		}

		.lightbox-details.details-bottom-right {
			position: absolute;
			bottom: 50px;
			left: auto;
			right: 0;
			margin-right: 20vw;
			max-width: calc(70vw * 0.35);
			width: auto;
			height: calc(10vh - 50px);
		}
	/*END LIGHTBOX CONTAINER STYLES*/

	/*START LIGHTBOX ANIMATION STYLES*/
		.lightbox-img {
		    max-width: 75vw;
		    max-height: 75vh;
		    width: auto;
		    height: auto;
		}
	/*END LIGHTBOX ANIMATION STYLES*/

}