/* @import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css");
 */
 @media (max-width: 768px) {
	 .key-priority-name {
		 font: 3.6em 'League Gothic', sans-serif;
		 line-height: 0.95;
		 color: #54585a;
	}
	 .key-priority-container {
		 padding-top: 10%;
		 padding-bottom: 10%;
	}
}
 @media (min-width: 768px) {
	 .key-priority-name {
		 font: 3em 'League Gothic', sans-serif;
		 line-height: 0.95;
		 color: #54585a;
	}
	 .key-priority-container {
		 padding-top: 12%;
		 padding-bottom: 12%;
	}
}
 @media (min-width: 992px) {
	 .key-priority-name {
		 font: 4em 'League Gothic', sans-serif;
		 line-height: 0.95;
		 color: #54585a;
	}
	 .key-priority-container {
		 padding-top: 15%;
		 padding-bottom: 5%;
	}
}
 @media (min-width: 1200px) {
	 .key-priority-name {
		 font: 5.1em 'League Gothic', sans-serif;
		 line-height: 0.95;
		 color: #54585a;
	}
	 .key-priority-container {
		 padding-top: 15%;
	}
}
 .key-priority-text {
	 font: bold 2em 'Milo', sans-serif;
	 color: #c8102e;
}
 div.priority-image {
	 padding: 0;
}
 section#key-priorities {
	 padding-top: 0;
	 padding-bottom: 0;
}
 figure.effect-bubba figcaption div.center-text {
	/* display: none;
	 */
	 opacity: 0;
	 transition: opacity 1s ease-in-out;
	 -moz-transition: opacity 1s ease-in-out;
	 -webkit-transition: opacity 1s ease-in-out;
}
 figure.effect-bubba:hover figcaption div.center-text {
	 display: block;
	 color: #fff;
	 opacity: 1;
	/* transition: opacity .15s ease-in-out;
	 -moz-transition: opacity .15s ease-in-out;
	 -webkit-transition: opacity .15s ease-in-out;
	 */
}
 section#steering-committee {
	 padding-bottom: 0;
}
 section#printable-pdf {
	 padding-bottom: .1rem;
	 padding-top: .4rem;
}
/* Quote styles */
 .quotation-block {
	/* font-family: "Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
	 */
	/* width: 750px;
	 */
	 width: 100%;
	 margin:0 auto;
	 padding: 3rem;
}
 .quotation-block blockquote.quote {
	 position: relative;
	 text-align: center;
	 padding: 1rem 1.2rem;
	 width: 80%;
	/* create space for the quotes */
	 color: #54585a;
	 margin: 1rem auto 2rem;
	 border-left-width: 0;
	 font-size: 2rem;
}
 .quotation-block blockquote.EN {
	 background: linear-gradient(to right, #960C22 4px, transparent 4px) 0 100%, linear-gradient(to left, #960C22 4px, transparent 4px) 100% 0, linear-gradient(to bottom, #960C22 4px, transparent 4px) 100% 0, linear-gradient(to top, #960C22 4px, transparent 4px) 0 100%;
	 background-repeat: no-repeat;
	 background-size: 20px 20px;
}
 .quotation-block blockquote.DE {
	 background: linear-gradient(to right, #960C22 4px, transparent 4px) 0% 0%, linear-gradient(to bottom, #960C22 4px, transparent 4px) 0% 0%, linear-gradient(to left, #960C22 4px, transparent 4px) 100% 100%, linear-gradient(to top, #960C22 4px, transparent 4px) 100% 100%;
	 background-repeat: no-repeat;
	 background-size: 20px 20px;
}
/* -- create the quotation marks -- */
 .quotation-block blockquote.quote:before, .quotation-block blockquote.quote:after {
	 font-family: 'Times New Roman', Times, serif;
	 position: absolute;
	 color: #960C22;
	 font-size: 4rem;
}
 .quotation-block blockquote.EN:before {
	/* content: "\f10d";
	 */
	 content: url(/katy/_images/quote-left_brick_60x60.gif);
	 top: -12px;
	 margin-right: -20px;
	 right: 100%;
}
 .quotation-block blockquote.EN:after {
	/* content: "\f10e";
	 */
	 content: url(/katy/_images/quote-right_brick_60x60.gif);
	 margin-left: -20px;
	 left: 100%;
	 top: auto;
	 bottom: -20px;
}
 .quotation-block blockquote.DE:before {
	/* content: "\f10e";
	 */
	 content: url(/katy/_images/quote-right_brick_60x60.gif);
	 margin-right: -20px;
	 bottom: -20px;
	 right: 100%;
}
 .quotation-block blockquote.DE:after {
	/* content: "\f10d";
	 */
	 content: url(/katy/_images/quote-left_brick_60x60.gif);
	 margin-left: -20px;
	 left: 100%;
	 top: -20px;
	 bottom: auto;
}
 .priority-navigation {
	 font-size: 1.45em;
	 font-weight: bold;
	 text-transform: uppercase;
}

 .number-circle {
	 width: 70px;
	 line-height: 60px;
	 border-radius: 50%;
	 text-align: center;
	 font-size: 1.6em;
	 border: 6px solid #c8102e;
	 display: inline-block;
}

.number-halves-circle {
    height: 70px;
    width: 70px;
    border: 6px solid;
    border-radius: 50%;
    border-color: #888b8d #888b8d #c8102e #c8102e;
    transform: rotate(45deg);
    text-align: center;
    font-size: 1.6em;
}

.number-circle-text {
    transform: rotate(315deg);
}
 .active-priority {
	 border: 6px solid #fff;
}
.number-active-priority {
  border-color: #888b8d #888b8d #fff #fff;
}
 .initiative-box-height {
	 background-color: black;
}
 .initiative-box {
	 color: white;
}

 @media (min-width: 992px) {
	 .initiative-box-height {
		 background-color: black;
		 min-height: 274px;
	}
}

.growth-box-image {
    background-image: url(../_images/strategic-planning/university-of-houston-at-katy_strategic-plan_leaves-covering-building-view_862x733.jpg);
    background-position: center;
    background-size: cover;
    height: 274px;
}

.download-box {
    border-left: 5px solid #960C22;
}

a.sp-link::after {
	 content: "\00a0>";
	 display: inline;
}

.gallery {
    list-style-type: none;
}
.gallery li {
    float: left;
    margin: 0 10px 10px 0;
    width: 250px;
    min-height: 350px
}
.gallery img {
    display: block;
    width: 150px;
}