@charset "UTF-8";
/**
 * UT Inspire Resource Center
 */

body {font-family: 'Fira Sans', sans-serif; color: #333;}

h1 {font-family: 'Fira Sans', sans-serif; font-weight: 300; font-size: 2.5rem; line-height: 3rem}
h2 {font-family: 'Fira Sans', sans-serif; font-weight: 400; font-size: 2.25rem; padding-bottom: 1rem;}
h3 {font-family: 'Fira Sans', sans-serif; font-weight: 600; font-size: 1.625rem;}
h4 {font-family: 'Fira Sans', sans-serif; font-weight: 400; font-size: 1.375rem;}
p {font-weight: 400; font-size: 1.25rem;}
a {color:#0099AA;}

.header-wrap {padding: 2rem 5% 2rem 8%;}
.wrap {padding: 2rem 8%;}
.wrap-sm {padding: 1rem 4%;}
.vh {height: 100vh;}
.orbit-container {max-height: 700px;}

/** NAV **/
.stickynav {
  position: -webkit-sticky;
  position: sticky;
  z-index: 999;
  top: 0;
}
.stickynav .orange, .stickynav .teal, .stickynav .lime, .stickynav .purple {
	font-size: 1.5rem;
	color: #fff;
	padding: 1rem;
}

/** SPACING **/
.pb0 {padding-bottom: 0;}
.pt0 {padding-top: 0;}
.pm0 {padding: 0; margin: 0;}
.pt3 {padding-top: 3rem;}
.ptb1 {padding-top: 1rem; padding-bottom: 1rem;}
.ptb2 {padding-top: 2rem; padding-bottom: 2rem;}
.ptb4 {padding-top: 4rem; padding-bottom: 4rem;}
.ptb8 {padding-top: 8rem; padding-bottom: 8rem;}
.ptb12 {padding-top: 12rem; padding-bottom: 12rem;}
.ptb16 {padding-top: 16rem; padding-bottom: 16rem;}
.pr1 {padding-right: 1rem;}
.pl1 {padding-left: 1rem;}

.photos-section h3, .photos-section p {color: #333;}
.photos-section a h3 {color: #0099AA;}
.photos-section .cell {padding: 6rem 10% 4rem 10%;}
.padding {padding: 5%;}

.cig-section {color: #fff;}
.cig-section .download {padding: 2rem 10% 3rem 10%; text-align: center;}

.resources-section {background-color: #e1e1e1;}
.resources-section .download {padding: 2rem 10% 3rem 10%; text-align: center;}

.logo-content {}
.logo-content img {padding: 2rem 0;}
.callout { text-align: center; }

/** COLORS **/
.orange {background-color: #FF7700;}
.red {background-color: #EE3232;}
.lime {background-color: #C1D800;}
.teal {background-color: #0099AA;}
.purple {background-color: #4B3E8D;}
.white {background-color: #FFFFFF;}
.gray {background-color: #e1e1e1;}
.white-text { color: #fff; }
/** IMAGES **/
.event-1-img {
	background-image:url("../images/photo-1.jpg");
}
.event-2-img {
	background-image:url("../images/photo-2.jpg");
}
.event-3-img {
	background-image:url("../images/photo-3.jpg");
}
.intro-img {
	background-image:url("../images/lady-in-gray.jpg");
	background-size: cover;
	background-position: left center;
}
.ci-neuwirth-img {
	background-image:url("../images/Zeev-Neuwirth.jpg");
}
.ci-img {
	background-image:url("../images/community-service.jpg");
}
.cs-logo {
	background-image:url("../images/PD-SCS-logo.png");
	background-position: left center;
	background-size: cover;
	background-repeat: no-repeat;
}
.cs-img {
	background-image:url("../images/cs-img.jpg");
}
.resources-img {
	background-image:url("../images/im-listening.jpg");
}
.cs-img, .video-img, .resources-img, .event-1-img, .event-2-img, .event-3-img, .CI-neuwirth-img, .ci-img {
	background-size: cover;
	background-position: center center;
}

/**  GRADIENT & COLORS **/
.red-orange {
	background: #ff7700; /* Old browsers */
	background: -moz-linear-gradient(45deg,  #ff7700 0%, #ee3232 50%); /* FF3.6-15 */
	background: -webkit-linear-gradient(45deg,  #ff7700 0%,#ee3232 50%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg,  #ff7700 0%,#ee3232 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7700', endColorstr='#ee3232',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.lime-orange {
	background: #C1D800; /* Old browsers */
	background: -moz-linear-gradient(-45deg,  #C1D800 40%, #FF7700 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg,  #C1D800 40%,#FF7700 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg,  #C1D800 40%,#FF7700 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#C1D800', endColorstr='#FF7700',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.purple-red {
	background: #4b3e8d;
	background: -moz-linear-gradient(-45deg,  #4b3e8d 0%, #ee3232 100%);
	background: -webkit-linear-gradient(-45deg,  #4b3e8d 0%,#ee3232 100%);
	background: linear-gradient(135deg,  #4b3e8d 0%,#ee3232 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4b3e8d', endColorstr='#ee3232',GradientType=1 );	
}

.purple-teal {
	background: #4B3E8D; /* Old browsers */
	background: -moz-linear-gradient(-30deg,  #4B3E8D 20%, #0099AA 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-305deg,  #4B3E8D 20%,#0099AA 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(150deg,  #4B3E8D 20%,#0099AA 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4B3E8D', endColorstr='#0099AA',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.lime-teal {
	background: #c1d800;
	background: -moz-linear-gradient(-45deg,  #c1d800 0%, #0099aa 100%);
	background: -webkit-linear-gradient(-45deg,  #c1d800 0%,#0099aa 100%);
	background: linear-gradient(135deg,  #c1d800 0%,#0099aa 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c1d800', endColorstr='#0099aa',GradientType=1 );
}

.teal-lime {
	background: #0099aa;
	background: -moz-linear-gradient(-45deg,  #0099aa 20%, #c1d800 100%);
	background: -webkit-linear-gradient(-45deg,  #0099aa 20%,#c1d800 100%);
	background: linear-gradient(135deg,  #0099aa 20%,#c1d800 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0099aa', endColorstr='#c1d800',GradientType=1 );
}

.lime-white {
	background: #c1d800;
	background: -moz-linear-gradient(-12deg,  #c1d800 0%, #ffffff 50%);
	background: -webkit-linear-gradient(-12deg,  #c1d800 0%,#ffffff 50%);
	background: linear-gradient(168deg,  #c1d800 0%,#ffffff 50%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c1d800', endColorstr='#ffffff',GradientType=1 );
}

/** BUTTON **/
.purple button, .purple .button {
	background-color: #0099AA;
}
button, .button {
	padding: 1.25rem 2rem 1rem 2rem;
	border-radius: 10px;
	font-size: 1.25rem;
	color: #fff;
	background-color: #4B3E8D;
	margin: 20px 0;
	text-transform: uppercase;
}
button:hover, .button:hover {/*background-color:rgba(0, 0, 0, 0.5);*/ background-color: #1a295e;}

/** VIDEO FIX  **/
.flex-video {
  padding-bottom: 57%;
  margin-bottom: 0;
}

/* Medium and Small */
@media screen and (max-width: 63.9375em) {
  .flex-video {padding-bottom: 57%;}
}

/* Small */
@media screen and (max-width: 39.9375em) {
	.wrap {padding: 2rem 5%;}
	.stickynav .orange, .stickynav .teal, .stickynav .lime, .stickynav .purple {font-size: 1rem;}
}