@charset "utf-8";
/* CSS Document */

.sticky {position:sticky; top:0px;}
.header_logos_container .content_container .col-sm-2 .col-xs-6 .navbar-toggle {display:block;}

.content_topper {min-height: auto; background-color:#0a243f;}
.content_topper img {width:100%;}
.content_topper .content_container {padding:0px; position:relative; z-index: 1;}
.content_topper .topper-whitebar {height: 22%;
    background-color: #fff;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;}

.content_topper.index .content_container {width:100%;}
.content_topper.index .content_container .text {padding:10%;}

.topper-content {padding: 4%;}
.topper-content .text {text-align: center; color:#fff;}
.topper-content .text .title {font-weight: 600; text-transform: uppercase; font-size:1.6em; margin:2% auto;}
.topper-content .text .info {}


.contact .content_container .content_row_title h2.title01 {color:#03244d; background-color:#7EB0F0; font-weight:600; text-transform: uppercase; text-align: center; margin:2% auto; }
.contact iframe {width:100%;}


.index-calendar .content_container .content_row_title h2.title01 {color:#03244d; background-color:#7EB0F0; font-weight:600; text-transform: uppercase; text-align: center; margin:2% auto; }

.index-calendar .content_container .events-list {max-width:1000px; margin:0px auto;}
.index-calendar .events-list .item {padding:3% 0px; border-top:1px solid #000;}
.index-calendar .events-list .item .date-time {padding:0px;}
.index-calendar .events-list .item .title {font-weight:600;}
.index-calendar .events-list .item:nth-child(even) {background-color:#eaeaea;}
.index-calendar .events-list .item [class*="col-"] {}

.index-calendar .content_container .content_row_title h2.title01 {color:#03244d; background-color:#f4dea2; font-weight:600; text-transform: uppercase; text-align: center; margin:2% auto; }


h2.title01 {font-weight:600; color:#5273AD; font-size: 1.1em; padding-top:0px;}
h3 {color:#03244d; padding-top:0px;}

.sidebar {}
.icons .item {padding:3%; text-align: center;}
.icons .item .image img {width:100%;}

.intro-row .pageintro {font-weight: 600; color: #5273AD; font-family: myriad-pro; font-size:1.75em; text-align: center; margin:2% auto;}
.intro-row .item {text-align: center;}
.intro-row .item img {width:70%;}
.intro-row .item .info {font-size:1.3em;}


.programs {}
.programs .program {margin:5% auto;}
.programs .program h3 {text-align: center; font-size:2em; font-weight:600;}
.programs .program .icons {margin:3% auto; }
.programs .program .icons:before, .program .icons:after {display: table; content: " ";}
.programs .programs .program .icons:after {clear: both;}
.programs .program .icons .item {text-align: center;}
.programs .program .icons .item .image {text-align: center;}
.programs .program .icons .item .image img {max-width:140px;}

.groups {}
.groups .group {margin-bottom:5% auto; padding-bottom:3%;}
.groups .group:last-child {border-bottom:0px;}
.groups .group h3 {font-size:2em; font-weight:600;}
.groups .group h4 {color:#cc4e0b; font-size:1.5em; font-weight:600;}

.opportunities .opportunity {margin-bottom:5% auto; padding:3%;}
.opportunities .opportunity:last-child {border-bottom:0px;}
.opportunities .opportunity h3 {font-size:2em; font-weight:600;}
.opportunities .item {display:table; width:100%;}
.opportunities .item .image {display:table-cell; float:none; vertical-align: middle; }
.opportunities .item .info {display:table-cell; float:none; vertical-align: middle;}
.opportunities .item .image {text-align: left; padding:0px;}
.opportunities .item .image img {width:100%;}






.index.item {text-align: center;}
.index.item {padding:2%;}
.index.item img {width:70%;}

.register {text-align: center;}


.HoursandLocations .content_container .content_row_title {background-color:#8da4ca; text-align:center; padding:1%; margin:2% auto;}

.HoursandLocations p {font-size:1.2em;}


.index.item.icon img {width:100%; box-shadow:3px 3px 8px #a1a1a1; transform: scale(.75); transition: all .25s;}
.index.item.icon img:hover {transform: scale(.90)}

.examples [class*="col-"] {padding:2%;}
.examples [class*="col-"] .item {border:1px solid #a1a1a1; }
.examples [class*="col-"] .item .text {text-align: center;}
.examples [class*="col-"] .item .text .name {font-size:1.2em; font-weight: 600; margin:2%;}
.examples [class*="col-"] .item .text .major {margin:2%;}
.examples [class*="col-"] .item img {width:100%; transition: all .25s;}
 
.uwc-meetings .table-container table {border:1px solid #03244d; width:100%;}
.uwc-meetings .table-container table tr {border-bottom:1px solid #03244d;}
.uwc-meetings .table-container table tr th {background-color:#03244d; color:#fff; width:50%; padding:1%; font-size:1.5em;}
.uwc-meetings .table-container table tr td {padding:1%;}


.staff-list {}
.staff-list .member {border-bottom:1px solid #a1a1a1; margin:2% auto; padding:2% 0px;}
.staff-list .member:last-child {border-bottom:0px;}
.staff-list .member .image img {width:100%;}
.staff-list .member .info .staff-name {font-weight:600; font-size:1.3em;}


	
	
	
	.events-intro {width:100%; margin:0px auto;}
	.events-intro .content_container {margin:2% auto; max-width:1200px;}
	.events-intro .content_container .search {text-align: center;}
	.events-intro .content_container .search input {width:100%;}
	
	.calendar-container .item {color:#03244d; border-bottom:1px solid #a1a1a1; padding:3%;}
	.calendar-container .item:nth-child(even) {background-color:#eaeaea;}
	.calendar-container .item:last-child {border-bottom:0px;}
	
	.calendar-container .item .calendar-header {text-transform: uppercase; font-weight:600; color:#03244d; font-size:1.2em;}
	.calendar-container .item .date-time .date {font-weight:600; padding:0px;}
	.calendar-container .item .date-time .time {}
	
	.calendar-container .item .title-info {}
	.calendar-container .item .title-info .title {font-size:1.5em; font-weight:600; color:#0E3C75;}
	.calendar-container .item .title-info .info {}
	.calendar-container .item .title-info .glyphicon {color:#0E3C75; cursor: pointer;}
	.calendar-container .item .title-info .glyphicon:hover {cursor: pointer; color:#cc4e0b;}
	.calendar-container .item .title-info .glyphicon:focus {background-color:#cc4e0b; color:#fff;}
	.calendar-container .item .audience {font-size:16px;}
	.calendar-container .item .audience ul {padding:4%;}
	.calendar-container .item .audience li {line-height: 1.25;}
	
	.calendar-container .item .btn-default {margin:1% auto; padding:1%; font-size:1.1em;}
	
	.calendar-container .item .btn-default:focus {background-color:#eaeaea; color:#03244d;}
	.calendar-container .item .btn-default:hover {background-color:#eaeaea; color:#03244d;}

	

@media (min-width:768px) {
	
	.content_topper.index .content_container {display:table; width:100%;}
	.content_topper.index .content_container [class*="col-"] {display:table-cell; vertical-align: middle; float:none;}
	.content_topper.index .content_container .text {padding:0px 5%;}
	.content_topper.index .content_container .text .title {font-size:2em;}
	.content_topper.index .content_container .text .info {font-size:1.2em;}
	
	.index-calendar .events-list .item {padding:1%;}
	.index-calendar .events-list .item .date-time {text-align: center;}
	.index-calendar .events-list .item .date-time .date {text-align: center;}
	.index-calendar .events-list .item .date-time {margin-bottom:0px;}

	.calendar-container .item .date-time .date {padding:inherit;}
	.calendar-container .item .title-info {border-left:1px solid #a1a1a1;}
	
	.plan-intro .icons .item {width:20%; float:left;}
	
	ul.nav-tabs {margin:3% auto;}
	.nav-tabs.nav-justified a {background-color:#eaeaea; border-radius:0px 0px 0px 0px; color:#03244d; font-size:1.2em; font-weight:600;}
	.nav-tabs.nav-justified>.active>a, .nav-tabs.nav-justified>.active>a:focus, .nav-tabs.nav-justified>.active>a:hover {background-color:#03244d; color:#fff;}
	.tab-pane > .register {margin:3% auto;}
}

@media (min-width:996px) {
	

	.sidebar {position:sticky; top:4%;}
	
}

@media (min-width:1200px) {

	.content_topper.index .content_container .text .title {font-size:3em;}
	.content_topper.index .content_container .text .info {font-size:1.5em;}
	
	.examples [class*="col-"] .item img {width:100%; opacity:1; transition: all .25s; position:relative;}
	.examples [class*="col-"] .item:hover img {width:100%; opacity:0; transition: all .25s;}
	.examples [class*="col-"] .item a:focus img {width:100%; opacity:0; transition: all .25s;}
	.examples [class*="col-"] .item {position:relative;}
	.examples [class*="col-"] .item .text {position:absolute; background-color:rgba(3, 36, 77, 0.95); color:#fff; top:0; bottom:0; left:0; right:0; padding-top:20%; z-index: -1;}
	.examples [class*="col-"] .item .text .name {font-size:1.2em; font-weight: 600; margin:2%; transform:scale(.75); transition: all .25s;}
	.examples [class*="col-"] .item .text .major {margin:2%; transform:scale(.75); transition: all .25s;}
	.examples [class*="col-"] .item:hover .text .name {transform:scale(1);}
	.examples [class*="col-"] .item:hover .text .major {transform:scale(1);}
	.examples [class*="col-"] .item a:focus .text .name {transform:scale(1);}
	.examples [class*="col-"] .item a:focus .text .major {transform:scale(1);}
	
	/* .examples .item img:hover {transform: scale(.90)} */
	
}