/********************** DEFAULT STYLES **********************/

* { margin:0; padding:0; }

.carousel-control-prev-icon {
	background-image: url('../images/arrowLeft.svg') !important;
}

.carousel-control-next-icon {
	background-image: url('../images/arrowRight.svg') !important;
}

/************************************************************/

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

	.container-01 {
		width: 100%;
		height: auto;
		background-color: #fff;
		padding: 15px 10px 0px 10px;
	}

		.breadcrumbNav {
			display: inline-block;
			width: 100%;
			height: auto;
			font-family: 'Lato', sans-serif;
			font-weight: 400;
			text-transform: uppercase;
			font-size: 0.7em;
			margin: auto;
		}

		.bannerImage {
			display: none;
		}

		.mainHeading {
			display: inline-block;
			font-family: 'Poppins', sans-serif;
			font-weight: 900;
			font-size: 2.75em;
			line-height: 0.8em;
			text-transform: uppercase;
			letter-spacing: 1px;
			padding: 1px 0 1px 20px;
			margin: 10px 0 20px 0px;
			border-left: 10px solid #0468B0;
			width: auto;
		}

		.presentedBy {
			width: auto;
			height: auto;
			display: inline-block;
			float: right;
			margin: auto;
		}

			.presentedBy p {
				text-align: center;
				font-family: 'Lato', sans-serif;
				font-weight: 400;
				text-transform: uppercase;
				font-size: 0.6em;
				margin: auto auto 10px auto;
			}

			.presentedBy img {
				width: 70px;
				height: auto;
				margin: auto;
			}

		.windowBox {
			width: 100%;
			height: auto;
			padding: 0;
		}

			.embeddedWindow {
				width: 100%;
				height: 600px !important;
				margin-bottom: 25px;
			}

			.carousel-indicators {
				/*width: 100%;*/
			    bottom: 0px !important;
			    /*margin: 0 !important;
			    text-indent: unset !important;*/
			}

				#galleryIndicators {
					/*background-color: var(--secondary);*/
				}

				.carousel-indicators li {
					/*width: 50% !important;
					height: auto !important;
					margin: 0 !important;
					padding: 10px;
					text-indent: unset !important;
					background-color: #1a1718 !important;
					text-align: center;
					font-family: 'Lato', sans-serif;
					font-weight: 400;
					color: #fff;
					font-size: 0.8em;*/
				}

				.carousel-indicators .active {
					/*background-color: #414143 !important;*/
				}

			.carousel-control-prev,
			.carousel-control-next {
				width: auto !important;
				opacity: 1 !important;
				padding-top: 50px !important;
			}

			.carousel-control-prev-icon,
			.carousel-control-next-icon {
				width: 40px !important;
				height: 80px !important;
			}

				#photo01 {
					background-image: url('../images_general/window_venueRentals.jpg');
					background-size: 100% auto;
					background-position: 50% 35%;
				}

				#photo02 {
					background-image: url('../images_general/window_exhibitRentals.jpg');
					background-size: 100% auto;
					background-position: 50% 50%;
				}

			.windowContent {
				width: 100%;
				height: 100%;
				background-color: #231f20;
				color: #fff;
			}

				.windowImage {
					height: 200px !important;
					width: 100%;
					float: none;
				}

				.windowText {
					height: 400px !important;
					width: 100%;
					padding: 35px 50px;
					float: none;
				}

					.windowText h2 {
						display: inline-block;
						font-family: 'Poppins', sans-serif;
						font-weight: 900;
						font-size: 1.75em;
						line-height: 1em;
						width: 100%;
					}

					.windowText h4 {
						display: inline-block;
						font-family: 'Lato', sans-serif;
						font-weight: 700;
						font-size: 0.9em;
						line-height: 1.25em;
						margin: 0 0 10px 0;
						width: 100%;
					}

					.windowText p {
						display: inline-block;
						font-family: 'Lato', sans-serif;
						font-weight: 400;
						font-size: 0.75em;
						line-height: 1.25em;
						margin: 0 0 15px 0;
						width: 100%;
					}

					.windowText ul {
						margin-bottom: 10px;
					}

					.windowText li {
						font-family: 'Lato', sans-serif;
						font-weight: 400;
						font-size: 0.75em;
						line-height: 10px;
						margin: 0 0 8px 0;
						width: 100%;
						list-style-type:none;
					}

					.windowText a {
						display: inline-block;
						text-transform: uppercase;
						font-family: 'Lato', sans-serif;
						font-weight: 400;
						font-size: 0.85em;
						line-height: 1.25em;
						padding: 4px 15px;
						background-color: #0468B0;
						color: #fff;
						margin: 5px 0 0 0;
						border-radius: 4px;
						transition: 0.3s;
					}

					.windowText a:hover {
						background-color: lightgrey;
						color: #0468B0;
						text-decoration: none;
					}

					.windowText a:active {
						background-color: lightgrey;
						color: #0468B0;
						text-decoration: none;
					}

					.lastLine {
						width: 100%;
					}

}

/************************************************************/

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

	.breadcrumbNav {
		width: 60%;
	}

	.presentedBy {
		margin-top: 0px;
	}

	.windowBox {
	}

		.embeddedWindow {
		}

		.windowContent {
		}

			.windowImage {
				width: 100%;
			}

			.windowText {
				/*padding: 45px 60px 25px 60px;*/
			}

				.windowText h2 {
					font-size: 2em;
					line-height: 1em;
					width: 100%;
				}

				.windowText p {
					font-size: 0.75em;
					line-height: 1.25em;
					margin: 0 0 10px 0;
				}

				.windowText a {
					font-size: 0.85em;
					line-height: 1.25em;
					padding: 4px 15px;
					margin: 5px 0 0 0;
					border-radius: 4px;
				}

			.carousel-control-prev,
			.carousel-control-next {
				width: auto !important;
				opacity: 1 !important;
				padding-top: 100px !important;
			}

	

}

/************************************************************/

@media only screen 
    and (device-width : 375px) 
    and (device-height : 812px) 
    and (-webkit-device-pixel-ratio : 3) {

    .windowBox {
	}

		.embeddedWindow {
		}

		.windowContent {
		}

			.windowImage {
				width: 100%;
			}

			.windowText {
				padding: 45px 60px 25px 60px;
			}

				.windowText h2 {
					font-size: 2em;
					line-height: 1em;
					width: 100%;
				}

				.windowText p {
					font-size: 0.75em;
					line-height: 1.25em;
					margin: 0 0 10px 0;
				}

				.windowText a {
					font-size: 0.85em;
					line-height: 1.25em;
					padding: 4px 15px;
					margin: 5px 0 0 0;
					border-radius: 4px;
				}

			.carousel-control-prev,
			.carousel-control-next {
				width: auto !important;
				opacity: 1 !important;
				padding-top: 100px !important;
			}


}

/************************************************************/

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


	.windowBox {
	}

		.embeddedWindow {
			height: 625px !important;
		}

		.windowContent {
		}

			.windowImage {
				width: 100%;
			}

			.windowText {
				/*padding: 35px 60px 35px 60px;*/
			}

				#venueText {
					padding: 30px 60px 20px 60px;
				}

				#exhibitText {
					padding: 45px 60px 20px 60px;
				}

				.windowText h2 {
					font-size: 2.25em;
					line-height: 1em;
					width: 100%;
				}

				.windowText h4 {
					font-size: 1em;
					line-height: 1.25em;
					margin: 0 0 15px 0;
					width: 100%;
				}

				.windowText p {
					font-size: 0.9em;
					line-height: 1.25em;
					margin: 0 0 15px 0;
				}

				.windowText li {
					font-size: 0.9em;
					line-height: 1.25em;
					margin: 0 0 2px 0;
				}

				.windowText a {
					font-size: 0.9em;
					line-height: 1.25em;
					padding: 4px 15px;
					margin: 5px 0 0 0;
					border-radius: 4px;
					float: none;
				}

			.lastLine {

			}


}

/************************************************************/

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

	

}

/************************************************************/

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

	.container-01 {
		padding: 20px 10px;
	}

		.breadcrumbNav {
			margin: auto 10px;
			width: 60%;
		}

		.mainHeading {
			margin: 10px 0 20px 10px;
			width: 100%;
		}

		.presentedBy {
			margin: 8px 10px auto auto;
		}

		.windowBox {
			padding: 0 10px;
		}

			.embeddedWindow {
				width: 100%;
				height: 300px !important;
			}

			.windowContent {
				width: 100%;
				height: 100%;
				background-color: #231f20;
				color: #fff;
			}

				.windowImage {
					height: 300px !important;
					width: 30%;
					float: left;
				}

					#photo01 {
						background-size: auto 100%;
					}

					#photo02 {
						background-size: auto 100%;
					}

				.windowText {
					height: 300px !important;
					width: 70%;
					float: left;
					background-color: #231f20;
				}

				#venueText {
					padding: 30px 50px 20px 30px;
				}

				#exhibitText {
					padding: 45px 50px 20px 30px;
				}

					.windowText h2 {
						font-size: 1.5em;
						line-height: 1em;
						width: 100%;
						margin-bottom: 0px;
					}

					.windowText h4 {
						font-size: 0.9em;
						width: 100%;
						margin-bottom: 5px;
					}

					.windowText p {
						font-size: 0.75em;
					}

					.windowText li {
						font-size: 0.75em;
					}

					.windowText a {
						font-size: 0.75em;
						line-height: 1.25em;
						float: right;
						margin-top: 3px;
					}

					.lastLine {
						width: 50% !important;
					}

			.carousel-control-prev,
			.carousel-control-next {
				width: auto !important;
				opacity: 1 !important;
				padding-top: 0px !important;
			}

			.carousel-indicators {
				/*width: 100%;
			    bottom: 0px !important;
			    margin: 0 !important;
			    text-indent: unset !important;*/
			}

				#galleryIndicators {
					/*background-color: var(--secondary);*/
				}

				.carousel-indicators li {
					/*width: 50% !important;
					height: auto !important;
					margin: 0 !important;
					padding: 10px;
					text-indent: unset !important;
					background-color: #1a1718 !important;
					text-align: center;
					font-family: 'Lato', sans-serif;
					font-weight: 400;
					color: #fff;
					font-size: 0.8em;*/
				}

				.carousel-indicators .active {
					/*background-color: #414143 !important;*/
				}

}

/************************************************************/

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

	.mainHeading {
		margin-top: 10px;
		margin-bottom: 12px;
	}

		.windowBox {
		}

			.embeddedWindow {
			}

			.windowContent {
			}

				.windowImage {
				}

				.windowText {
				}

					.windowText h2 {
					}

					.windowText p {
					}

					.windowText a {
						margin-right: 75px;
					}

					#venueText {
						padding: 30px 50px 20px 30px;
					}

					#exhibitText {
						padding: 45px 50px 20px 30px;
					}

}

/************************************************************/

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

	.mainHeading {
		margin-top: 20px;
		margin-bottom: 12px;
		width: 100%;
	}

	.windowBox {
		}

			.embeddedWindow {
				height: 400px !important;
			}

			.windowContent {
			}

				.windowImage {
					height: 400px !important;
					width: 40%;
				}

				.windowText {
					height: 400px !important;
					width: 60%;
				}

					.windowText h2 {
						font-size: 2.25em;
					}

					.windowText h4 {
						font-size: 1.2em;
						margin: 5px auto;
					}

					.windowText p {
					}

					.windowText a {
						margin-right: 75px;
					}

					#venueText {
						padding: 60px 50px 20px 30px;
					}

					#exhibitText {
						padding: 70px 50px 20px 30px;
					}

}

/************************************************************/

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

	.container-01 {
		padding: 25px 25px 0 25px;
	}

		.breadcrumbNav {
			margin-left: 0px;
			width: 100%;
		}

		.bannerImage {
			display: inline-block;
			background-image: url('../images_general/donate_topBanner.jpg');
			background-size: 100% auto;
			background-position: 50% 30%;
			width: 100%;
			height: 175px;
			margin: 10px auto;
			padding: 20px;
		}

			.bannerImage img {
				height: 100%;
				width: auto;
			}

		.mainHeading {
			margin-left: 0px;
			font-size: 3em;
		}

		.presentedBy {
			margin-right: 0px;
			margin-top: 0px;
		}

	.windowBox {
		width: 100%;
		height: auto;
		padding: 0 0 25px 0;
	}

		.embeddedWindow {
			width: 100%;
			height: 400px !important;
		}

		.windowContent {
			width: 100%;
			height: 400px;
		}

			.windowImage {
				height: 400px !important;
				width: 60%;
				float: left;
			}

				#photo01 {
					background-size: 100% auto;
				}

				#photo02 {
					background-size: 100% auto;
				}

			.windowText {
				height: 400px !important;
				width: 40%;
			}

				.windowText h2 {
					font-size: 2em;
				}

				.windowText h4 {
					font-size: 1em;
					margin: 5px auto;
				}

				.windowText p {
				}

				.windowText a {
					margin-right: 0px;
					margin-top: 5px;
				}

				#venueText {
					padding: 35px 50px 20px 30px;
				}

				#exhibitText {
					padding: 55px 50px 20px 30px;
				}


}

/************************************************************/

@media only screen 
    and (device-width : 812px) 
    and (device-height : 375px) 
    and (-webkit-device-pixel-ratio : 3) {

    .container-01 {
		padding: 65px;
	}

		.bannerImage {
			display: inline-block;
			background-size: 100% auto;
			background-position: 50% 30%;
			width: 100%;
			height: 175px;
			margin: 10px auto;
		}

		.mainHeading {
		}

		.presentedBy {
			margin-right: 0px;
			margin-top: 0px;
		}

	.windowBox {
		width: 100%;
		height: auto;
	}

		.embeddedWindow {
			width: 100%;
			height: 375px !important;
		}

		.windowContent {
			width: 100%;
			height: 375px;
		}

			.windowImage {
				height: 375px !important;
				width: 60%;
				float: left;
			}

				#photo01 {
					background-size: 100% auto;
				}

				#photo02 {
					background-size: 100% auto;
				}

			.windowText {
				height: 375px !important;
				width: 40%;
			}

				.windowText h2 {
					font-size: 2em;
				}

				.windowText h4 {
					font-size: 1em;
					margin: 5px auto;
				}

				.windowText p {
				}

				.windowText a {
					margin-right: 0px;
					margin-top: 5px;
				}

				#venueText {
					padding: 30px 50px 20px 30px;
				}

				#exhibitText {
					padding: 50px 50px 20px 30px;
				}


    	
}

/************************************************************/

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

	.container-01 {
		padding: 240px 40px 0 40px;
	}

		.breadcrumbNav {
			width: 100%;
			margin-left: 0px;
		}

		.mainHeading {
			margin-bottom: 30px;
		}

		.gridSection {
			width: 103%;
			margin-left: -10px;
		}

			.gridCard {
				width: 31%;
				margin: auto 1% 40px 1%;
			}

				.gridCopy {
					height: 60px;
				}

	.windowBox {
		width: 100%;
		height: auto;
		padding: 0 0 40px 0;
	}

		.embeddedWindow {
			width: 100%;
			height: 500px !important;
		}

		.windowContent {
			width: 100%;
			height: 500px;
		}

			.windowImage {
				height: 500px !important;
				width: 60%;
				float: left;
			}

				#photo01 {
					background-size: 100% auto;
				}

				#photo02 {
					background-size: 100% auto;
				}

			.windowText {
				height: 500px !important;
				width: 40%;
			}

				.windowText h2 {
					font-size: 2.75em;
				}

				.windowText h4 {
					font-size: 1.125em;
					margin: 10px auto;
				}

				.windowText p {
					font-size: 0.9em;
				}

				.windowText ul {
					margin: 0px auto 20px auto;
				}

				.windowText li {
					font-size: 0.9em;
				}

				.windowText a {
					font-size: 1.125em;
					margin-right: 0px;
					margin-top: 5px;
				}

				#venueText {
					padding: 50px 50px 20px 30px;
				}

				#exhibitText {
					padding: 65px 50px 20px 30px;
				}
}

/************************************************************/

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


}

/************************************************************/

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

}

/************************************************************/

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

	.container-01 {
		width: 1280px;
		margin: auto;
	}

		.mainHeading {
			font-size: 4em;
			padding: 0 0 0 20px;
			margin: 30px 0 30px 0;
		}

		.presentedBy img {
			width: 100px;
		}

	.windowBox {
		width: 100%;
		height: auto;
		margin: auto;
	}

		.embeddedWindow {
			width: 100%;
			height: 550px !important;
		}

		.windowContent {
			width: 100%;
			height: 550px;
		}

			.windowImage {
				height: 550px !important;
				width: 70%;
				float: left;
			}

				#photo01 {
					background-size: 100% auto;
				}

				#photo02 {
					background-size: 100% auto;
				}

			.windowText {
				height: 550px !important;
				width: 30%;
			}

				.windowText h2 {
					font-size: 3em;
				}

				.windowText h4 {
					font-size: 1.125em;
					margin: 10px auto;
				}

				.windowText p {
					font-size: 0.9em;
				}

				.windowText ul {
					margin: 0px auto 20px auto;
				}

				.windowText li {
					font-size: 0.9em;
				}

				.windowText a {
					font-size: 1.125em;
					margin-right: 0px;
					margin-top: 5px;
				}

				#venueText {
					padding: 60px 50px 20px 30px;
				}

				#exhibitText {
					padding: 75px 50px 20px 30px;
				}
}

/************************************************************/

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



}

/************************************************************/

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

}

/************************************************************/


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

}

/************************************************************/

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

}

/************************************************************/