@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%;
	}
	.cel-intro-left {
	    padding-left: 3em; margin: 1em, 0;
	}
	.cel-intro-right {
	    padding-right: 3em;
	    text-align: right;
	}
	.cel-accomp {
	    font-size: 1.5em;
        font-weight: 200;
        line-height: 1.25;
        -webkit-text-stroke: 0.25px;
	}
	ul.cel-accomp {
	    list-style-position: inside;
	}
	.cel-accomp-2 {
	    padding-left: 1em; margin-top: 1.5em;
	}
	.cel-accomp-3 {
	    padding-left: 2em; margin-top: 1.5em;
	}
	.cel-accomp-4 {
	    padding-left: 3em; margin-top: 1.5em;
	}
}
 @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%;
	}
	.cel-accomp {
	    font-size: 1.5em;
        font-weight: 200;
        line-height: 1.25;
        -webkit-text-stroke: 0.25px;
	}
	ul.cel-accomp {
	    list-style-position: inside;
	}
	.cel-intro-left {
	    padding-left: 5em; margin: 1em, 0;
	}
	.cel-intro-right {
	    padding-right: 5em;
	    text-align: right;
	}
	.cel-accomp-2 {
	    padding-left: 1.5em; margin-top: 1.5em;
	}
	.cel-accomp-3 {
	    padding-left: 3em; margin-top: 1.5em;
	}
	.cel-accomp-4 {
	    padding-left: 4.5em; margin-top: 1.5em;
	}
}
 .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(/sugarland/_images/quote-left_sugar-land_brick_60x60.gif);
	 top: -12px;
	 margin-right: -20px;
	 right: 100%;
}
 .quotation-block blockquote.EN:after {
	/* content: "\f10e";
	 */
	 content: url(/sugarland/_images/quote-right_sugar-land_brick_60x60.gif);
	 margin-left: -20px;
	 left: 100%;
	 top: auto;
	 bottom: -20px;
}
 .quotation-block blockquote.DE:before {
	/* content: "\f10e";
	 */
	 content: url(/sugarland/_images/quote-right_sugar-land_brick_60x60.gif);
	 margin-right: -20px;
	 bottom: -20px;
	 right: 100%;
}
 .quotation-block blockquote.DE:after {
	/* content: "\f10d";
	 */
	 content: url(/sugarland/_images/quote-left_sugar-land_brick_60x60.gif);
	 margin-left: -20px;
	 left: 100%;
	 top: -20px;
	 bottom: auto;
}

 .quotation-block-attribution {
    font-family: 'Crimson Pro', serif;
    font-style: italic;
    line-height: 1.5;
 }

 .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;
}

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

.number-3-4-circ {
  border-radius: 50%;
  width: 150px;
  height: 150px;
  display: inline-block;
  background-color: white;
  border-top: 3px solid transparent;
  border-left: 3px solid #D89B00;
  border-right: 3px solid #D89B00;
  border-bottom: 3px solid #D89B00;
  transform: rotate(90deg);
}
.number-3-4-circ span {
  display: inline-block;
  transform: rotate(-90deg) translate(-10px, 70px);
  font-size: 2em;
}

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

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

.initiatives-extra-box-image {
  background-image: url(../_images/strategic-planning/university-of-houston-at-sugar-land_strategic-planning_trees-looking-up-albert-mamie-george-biulding_862x733.jpg);
  background-position: center;
  background-size: cover;
  height: 274px;
}

.initiatives-extra-box-image-2 {
  background-image: url(../_images/strategic-planning/university-of-houston-at-sugar-land_strategic-planning_close-up-flowers-albert-mamie-george-biulding_862x733.jpg);
  background-position: center;
  background-size: cover;
  height: 274px;
}

.initiatives-extra-box-image-3 {
  background-image: url(../_images/strategic-planning/university-of-houston-at-sugar-land_strategic-planning_albert-mamie-george-building-front-name_862x733.jpg);
  background-position: center;
  background-size: cover;
  height: 274px;
}

.bg-ocher {
  color: #fff;
  background-color: #B97800;
}

/* Milestones timeline */
ul.rig2 {
    list-style: none;
    font-size: 0px;
    margin-top: 0;
}
ul.rig2 li {
	display: inline-block;
	padding: 18px;
	/* margin: 0 1.25% .75% 1.25%; */
	font-size: 16px;
	font-size: 1rem;
	vertical-align: top;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
ul.rig2 li img {
	max-width: 100%;
	height: auto;
	margin: 0 0 10px;
}
ul.rig2 li p {
	/* font-size: .9em; */
	line-height: 1.5em;
	/* color: #999; */
}
/* class for 2 columns */
ul.rig2.columns-2 li {
	width: 47.5%; /* this value + 2.5 should = 50% */
}
/* class for 3 columns */
ul.rig2.columns-3 li {
	width: 30.83%; /* this value + 2.5 should = 33% */
}
/* class for 4 columns */
ul.rig2.columns-4 li {
	width: 22.5%; /* this value + 2.5 should = 25% */
}
li.right-side {
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 45px, #C8102E 4px,   #C8102E);
    background-size: 50% 49px;
    background-repeat: no-repeat;
    background-position: left top;
    margin: 0 2.5% .75% 0;
}
li.left-side {
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 45px, #C8102E 4px,   #C8102E);
    background-size: 50% 49px;
    background-repeat: no-repeat;
    background-position: right top;
    margin: 0 0 .75% 2.5%;
}
 
@media (max-width: 1024px) {
	ul.grid-nav li {
		display: block;
		margin: 0 0 5px;
	}
	ul.grid-nav li a {
		display: block;
	}
	ul.rig, ul.rig2 {
		margin-left: 0;
	}
	ul.rig li, ul.rig2 li {
		width: 100% !important; /* over-ride all li styles */
		margin: 0 0 20px;
	}
	li.right-side {
	    background: none;
	    margin: 0 2.5% .75% 0;
	}
	li.left-side {
	    background: none;
	    margin: 0 0 .75% 2.5%;
	}
}

.tlItem {
  /* margin-left: 3%; */
  border-radius: 0 0 6px 6px;
  background: #FFF;
  font-weight: bold;
  font-size: 130%;
}
.tlColorGrey {
  padding: 8px;
  border-radius: 0 0 6px 6px;
  background: rgba(136, 139, 141, 0.5);
  /* background: linear-gradient(to right, rgba(136, 139, 141, 1), rgba(84, 88, 90, 0.5)); */
}
/* .tlColorGrey:hover {
  background: linear-gradient(to right, rgba(136, 139, 141, .5), rgba(84, 88, 90, 0));
  color: rgba(255,255,255, .33);
}
.tlColorGreen {
  padding: 8px;
  border-radius: 0 0 6px 6px;
  background: #00B388;
  background: linear-gradient(to right, rgba(0, 179, 136, .9), rgba(0, 134, 108, 0.3));
}
.tlColorGreen:hover {
  background: linear-gradient(to right, rgba(0, 179, 136, 0.55), rgba(0, 134, 108, 0));
  color: rgba(255,255,255, .35);
}
.tlColorGold {
  padding: 8px;
  border-radius: 0 0 6px 6px;
  background: #F6BE00;
  background: linear-gradient(to right, rgba(246, 190, 0, .9), rgba(216, 155, 0, 0.3));
}
.tlColorGold:hover {
  background: linear-gradient(to right, rgba(246, 190, 0, 0.55), rgba(216, 155, 0, 0));
  color: rgba(255,255,255, .35);
}
.tlColorGrey:hover a:link, .tlColorGreen:hover a:link, .tlColorGold:hover a:link { 
  color: rgba(200,16,46, .35); 
} */
.tlHeader{
  background: #C8102E;
  /* background: linear-gradient(to right, #C8102E, #960C22); */
  color: white;
  padding: .2em;
  margin: 5px 0 0 0;
  border-bottom: thick solid white;
  border-radius: 6px 6px 0 0;
}
.redLine {
    width: 100%;
    height: 95%;
	background: linear-gradient(to right, 
	                              transparent 0%, 
	                              transparent calc(50% - 0.5px), 
	                              #C8102E calc(50% - 4px), 
	                              #C8102E calc(50% + 4px), 
	                              transparent calc(50% + 0.5px), 
	                              transparent 100%); 
	}
	
.left-side::after {
  content: '';
  position: absolute;
  width: 25px;
  height: 25px;
  right: -17px;
  background-color: white;
  border: 4px solid #FF9F55;
  top: 15px;
  border-radius: 50%;
  z-index: 1;
}

.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;
}