/* ====================== Mobile and Up ========================== */
/*No Media Query for Mobile*/

/*char test*/

.text-black-hover:hover, .text-black-focus:focus {
	color: black;
}

/* --- Mobile Styles --- */

/* ===/// General styles \\\=== */

.title-stack {
	line-height: 1.5em;
}

/* ===/// Page Header styles \\\=== */

/* ===/// Section 1 styles \\\=== */

/* ===/// Section 2 styles \\\=== */

/* ===/// Section 3 styles \\\=== */

.bg-image.bg-galleries {
	background: url(/artdesign/images/homepage/bg-gallery.jpg) top left/cover no-repeat;
}

/* ===/// Section 4 styles \\\=== */
.events.bg-image {
	background-image: url(/arts/images/assets/icons/avc_icon.png);
	background-repeat: repeat;
	background-size: auto;
    position: relative;
	overflow: hidden;
}

.events.bg-image:before {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	top:0;
	left:0;
    background: white;
    opacity: .7;
	display: block;
	z-index:1;
}

.events.bg-image *, .bg-sloped .container-fluid * {
	position: relative;
	z-index: 5;
}

.events .ticket {
	width: 145%;
	max-width: 1094px;
	left: -25%;
}

.button-border {
    background-color: transparent;
    border-radius: 2px;
}

.button-border:hover {
    background-color: #d45d00;
    color: white;
}

.announce.button-border {
    border: 2px solid #ebebeb;
    color: #285e39;
}

.announce.button-border:hover, .announce.button-border:focus {
    background-color: #F5F5F5;
}

/* ===/// Section 5 styles \\\=== */

.bg-sloped {
    background-color: #00843D;
	background-image: url(/arts/images/assets/icons/museum_icon.png);
	background-repeat: repeat;
	background-size: auto;
    color: black;
    position: relative;
    padding-top: 100px;
    padding-bottom: 100px;
}

.bg-sloped .container-fluid:before {
    background-color: white;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: .9;
    display: block;
    z-index: 1;
}

.bg-sloped:before, .bg-sloped:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    z-index: 10;
    right: 0;
}

.bg-sloped:before {
    border-top: 5vw solid #004C48;
    border-left: 100vw solid transparent;
    top: 0;
}

.bg-sloped:after {
    border-bottom: 5vw solid #004C48;
    border-right: 100vw solid transparent;
    bottom: 0;
}
/* --- End Mobile and Up Styles --- */

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

	/* ===/// Page Header styles \\\=== */

	/* ===/// Section 1 styles \\\=== */
	.pictureCard1.margin-bottom-10 {
		margin-bottom: 0;
	}

	/* ===/// Section 2 styles \\\=== */

	/* ===/// Section 3 styles \\\=== */

	/* ===/// Section 4 styles \\\=== */
	.events .ticket {
		position: absolute;
		width: 135%;
		max-width: 1094px;
		bottom: -2%;
		left: -10%;
	}

}/*End of Tablet Media Query*/

/* ====================== Landscape Tablet and Up (Overrides Mobile Styles) ========================== */
@media only screen and (min-width: 992px) {
	
	/* ===/// General styles \\\=== */

	/* ===/// Page Header styles \\\=== */

	/* ===/// Section 1 styles \\\=== */

	/* ===/// Section 2 styles \\\=== */

	/* ===/// Section 3 styles \\\=== */

	/* ===/// Section 4 styles \\\=== */
	
	.events .ticket {
		position: absolute;
		width: 154%;
		max-width: 1094px;
		bottom: -21%;
		left: -25%;
	}

}/*End of Tablet Media Query*/
/* ====================== Desktop Only (Overrides Mobile and Tablet Styles) ========================== */
@media only screen and (min-width: 1200px) {

	/* ===/// General styles \\\=== */

	/* ===/// Page Header styles \\\=== */

	/* ===/// Section 1 styles \\\=== */

	/* ===/// Section 2 styles \\\=== */

	/* ===/// Section 3 styles \\\=== */

	/* ===/// Section 4 styles \\\=== */


}/*End of Desktop Media Query*/
/*=======================END OF DOCUMENT=========================*/
/*=======================NO CODE BELOW THIS LINE==========================*/