/*
Theme Name: CCGSE
Theme URI: http://wonilsuh.com/
Description: Custom theme for CCGSE.buffalo.edu
Author: Wonil Suh
Author URI: http://wonilsuh.com
Version: 2.0.0
*/

body{
	font-size:13px;
	margin:0;
	padding:0;
	font-family:Helvetica Neue, Helvetica, Arial, sans-serif;
	color:#333;
}

a{
	color:#269;
	text-decoration:none;
}
	a:hover,
	a:active{
		color:#888;
		text-decoration:underline;
	}

p{
	font-size:1.2em;
	line-height:140%;
	font-family:Georgia;
}

p a{
	color:000;
	text-decoration:underline;
}

li{
    line-height: 1.4em;
    margin-bottom: 0.75em;
}

/*-----------------------------------------------------
 * utilities
 */
.inline{
	display:inline-block;
}

.inline.align-right{
	float:right;
}

/*-----------------------------------------------------
 * page grids
 */

.page-row{
	width:100%;
}

.width-control{
	max-width:1100px;
	width:100%;
	margin-left:auto;
	margin-right:auto;
}

/*-----------------------------------------------------
 * grid system set up
 */

/*
$column-gutter:2.04081632653061%;
$column-width:6.12244897959184%;
*/

[class*=ta-col-12-]{
	padding-right:0.5em;
	padding-left:0.5em;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.ta-columns{
	clear:both;
	width:100%;
	overflow:visible;
	padding-right:0.5em;
	padding-left:0.5em;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.ta-columns:after{
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
.ta-columns.no-padding,
[class*=ta-col-12-].no-padding{
	padding-right:0;
	padding-left:0;
}
.ta-col-12-1{
	width:8.33%;
	float:left;
}
.ta-col-12-2{
	width:16.666%;
	float:left;
}
.ta-col-12-3{
	width:25%;
	float:left;
}
.ta-col-12-4{
	width:33.333%;
	float:left;
}
.ta-col-12-5{
	width:41.666%;
	float:left;
}
.ta-col-12-6{
	width:50%;
	float:left;
}
.ta-col-12-7{
	width:58.333%;
	float:left;
}
.ta-col-12-8{
	width:66.666%;
	float:left;
}
.ta-col-12-9{
	width:75%;
	float:left;
}
.ta-col-12-10{
	width:83.333%;
	float:left;
}
.ta-col-12-11{
	width:91.666%;
	float:left;
}
.ta-col-12-12{
	width:100%;
	clear:both;
}

@media only screen and (max-width:799px){
	[class*=ta-col-12-]{
		width:100%;
	}
}


/*-----------------------------------------------------
 * header
 */
#masthead{
	background-color:#278cdf;
	color:white;
	position:relative;
	padding:1em;

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0069df+0,3d98e2+40,1481db+100 */
	background: #0069df; /* Old browsers */
	background: -moz-linear-gradient(left,  #0069df 0%, #237ee3 40%, #0069df 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#0069df), color-stop(40%,#237ee3), color-stop(100%,#0069df)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  #0069df 0%,#237ee3 40%,#0069df 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  #0069df 0%,#237ee3 40%,#0069df 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #0069df 0%,#237ee3 40%,#0069df 100%); /* IE10+ */
	background: linear-gradient(to right,  #0069df 0%,#237ee3 40%,#0069df 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0069df', endColorstr='#0069df',GradientType=1 ); /* IE6-9 */

}
	#masthead .el-wrap{
		position:relative;
		height:6em;
	}

	#masthead .el-wrap .el{
		box-sizing: border-box;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		height:60%;
	}

	#masthead .el.site-title-wrap{
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		font-size: 1.6em;
		margin-left: 1em;
	}

	body.home #masthead .el-wrap{
		height:11em;
	}
	body.home #masthead .el-wrap .el.site-title-wrap{
		font-size:1.8em;
		left:4em;
	}

	#masthead a{
		text-decoration:none;
		color:white;
	}

	#masthead .ub-logo{
		right:0;
	}

@media only screen and (max-width:740px){
	#masthead .ub-logo{
		display:none;
	}
}

#site-navigation{
	background-color:#041a9b;
	padding:0.75em 0;
}

	#site-navigation .width-control{
		position:relative;
	}

	#site-navigation .el{
		text-transform: uppercase;
		padding:0 1em;
		color:white;
		text-decoration:none;
		font-size:0.85em;
	}

	#site-navigation .el:hover,
	#site-navigation .el:active{
		text-decoration:underline;
	}

	#site-navigation .el:first-child{
		padding-left:0.5em;
	}
#menu-main-navigation-menu{
	list-style-type: none;
	-webkit-margin-before:0;
	-webkit-margin-after:0;
	-webkit-margin-start:0;
	-webkit-margin-end: 0;
	-webkit-padding-start: 0;
	padding-left:0;
}
#menu-main-navigation-menu li{
	display:inline-block;
	margin-bottom:0;
}
#menu-main-navigation-menu li a{
	padding:0 1em;
	color:white;
	text-decoration:none;
	font-size: 0.85em;
	text-transform: uppercase;
}
#menu-main-navigation-menu li:first-child a{
	padding-left:0.5em;
}
#menu-main-navigation-menu li a:hover,
#menu-main-navigation-menu li a:active{
	text-decoration:underline;
}

.site{
	min-width:960px;
}

.home-hero-wrap{
	background-color:#010409;
	position:relative;
	color:white;
	background-image:url("assets/home-hero-0.jpg");
	background-position:center;
	background-repeat:no-repeat;
	height:259px;
	overflow:hidden;
	border-bottom:solid 10px #09165d;
}
	.home-hero-wrap .width-control{
		position:relative;
	}	

	.home-hero-wrap .copy-outer-wrap{
		position:relative;
		top:0;
	}

	.home-hero-wrap h1{
		font-size:3em;
		line-height: 120%;
		font-weight:normal;
		margin-bottom:0;
	}

	.home-hero-wrap p{
		margin-top:1em;
		font-size:1.2em;
	}

.home-promo-column{
	padding-left:1em;
	padding-right:1em;
}
	.home-promo-column.col-num-0{
		padding-left:0.5em;
	}
	.home-promo-column.col-num-2{
		padding-right:0.5em;
	}

.home-promo-chip{
	margin-top: 1em;
    margin-bottom: 1em;
    box-sizing: border-box;
    padding: 1em;
    height: 14em;
    position: relative;
    border-bottom: solid 1px #ccc;
    margin-right: 2%;
}
	.home-promo-chip .inner-wrap{
		padding-top:1em;
		padding-bottom:2em;
		position: absolute;
		top: 0;
		left: 0;
	}
	.home-promo-chip .category{
		display:inline-block;
		background-color:#888;
		color:white;
		font-size:0.8em;
		padding:0.3em 0.5em;
	}
		.home-promo-chip .category.home-page-promo-color-blue{
			background-color:#2a73c6;
		}
		.home-promo-chip .category.home-page-promo-color-green{
			background-color:#58b330;
		}
		.home-promo-chip .category.home-page-promo-color-red{
			background-color:#ad1717;
		}
		.home-promo-chip .category.home-page-promo-color-cyan{
			background-color:#17afc1;
		}
		.home-promo-chip .category.home-page-promo-color-peru{
			background-color:#b97d26;
		}
		.home-promo-chip .category.home-page-promo-color-purple{
			background-color:#5c359c;
		}
	.home-promo-chip .title{
		margin-top:0.5em;
		font-size:1.5em;
	}
		.home-promo-chip .title a{
			color:black;
			text-decoration:underline;
		}
	.home-promo-chip .content{
		color:#888;
		margin-top:0.5em;
		margin-bottom:1em;
	}

	.home-promo-chip .readmore{
		position: absolute;
		bottom: 0;
		left: 0;
	}

.readmore a{
	font-size:0.75em;
	color:black;
	text-decoration:none;
}
	.readmore a:hover{
		text-decoration: underline;
	}
	.readmore a:after{
		margin-left:0.5em;
	}
	.readmore a:hover:after{
		text-decoration:none;
	}

.section-title-wrap{
	border-bottom:solid 1px #333;
}
	.section-title-wrap .section-title{
		
	}
	.section-title-wrap .section-title.non-link,
	.section-title-wrap .section-title a{
		display:block;
		margin-top:0.4em;
		margin-bottom:0.2em;
		text-decoration:none;
		color:#aaa;
		font-family:Helvetica Neue, Helvetica, Arial, sans-serif;
		font-weight:lighter;
		font-size:4em;
	}
	.section-title-wrap .section-title a:hover,
	.section-title-wrap .section-title a:active{
		text-decoration:underline;
	}

#footer{
	margin-top:2em;
	color:#333;
	padding-bottom:2em;
}
	#footer .width-control{
		position:relative;
	}
	#footer .ta-columns{
		border-top:solid 1px #333;
		padding-top:1em;
	}
	#footer .copyrights{
		margin-bottom:1em;
	}
	#footer .site-title{
		font-weight:bold;
	}

#comments{
	display:none;
}
footer.entry-meta{
	display:none;
}
#secondary{
	display:none;
}

#main{
	position:relative;
}

.social-wrap{
	position: absolute;
    top: 50%;
    right: 1em;
    transform: translateY(-40%);
}

.social-wrap a{
	width:2em;
	height:2em;
	margin-left:0.25em;
	display:inline-block;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:100%;
}

.social-wrap a.facebook{
	background-image:url('assets/social-facebook.png');
}
.social-wrap a.twitter{
	background-image:url('assets/social-twitter.png');
}

body.post-type-archive-news-article #main{
	width:60%;
}

body.single-format-standard .entry-header .ccgse-author-email,
body.category-news-and-events .entry-header .ccgse-author-email{
	display:none;
}

.post.category-news-and-events{
    border-bottom: solid 1px #888;
    padding-bottom: 2em;
}
.post.category-news-and-events .entry-title a{
	text-decoration:none;
	color:black;
}
	.post.category-news-and-events .entry-title a:hover,
	.post.category-news-and-events .entry-title a:active{
		text-decoration:underline;
		color:#888;
	}

.news-event-post{
    padding: 1.5em 0 2em;
    margin: 0.5em 0;
    border-bottom: solid 1px #ccc;
}
	.news-event-post:last-child{
		border-bottom:none;
	}
	
	.news-event-post .type{
		display:inline-block;
		background-color:#041a9b;
		color:white;
		font-size:0.8em;
		padding:0.3em 0.5em;
		margin-bottom:1em;
	}

	.news-event-post .title{
		font-size:1.5em;
		text-decoration:underline;
		margin-bottom:0.5em;
	}
		.news-event-post .title a{
			color:#000;
		}
	.news-event-post .excerpt{
		margin-top:0.5em;
		margin-bottom:0.5em;
		color:#888;
	}

	.news-event-post .date{
		font-size: 0.8em;
		color:#888;
	}

.back-button{
	font-size:0.8em;
	margin-top:1em;
	margin-bottom:3em;
}
	.back-button a{
		color:#333;
	}
	.back-button a:before{
		margin-right:0.5em;
		text-decoration:none;
	}
	body.post-type-archive-news-article .back-button,
	body.category-news-and-events .back-button{
		display:none;
	}
	.post .ccgse-excerpt{
		display:none;
	}
	body.post-type-archive-news-article .post .ccgse-excerpt,
	body.category-news-and-events .post .ccgse-excerpt{
		display:block;
	}
	body.post-type-archive-news-article .post .ccgse-content,
	body.category-news-and-events .post .ccgse-content{
		display:none;
	}
	.ccgse-article-date{
		font-size:0.8em;
		color:#888;
	}

#subnav{
	margin-top:1em;
	padding:0;
}
	#subnav .page_item{
		border-bottom:solid 1px #ccc;
		width:90%;
		display:block;
	}
		#subnav .children .page_item{
			width:100%;
		}
		#subnav .page_item:last-child{
			border-bottom:none;
		}
		#subnav .page_item a{
			display:block;
			padding:0.75em 0;
			padding-left:1em;
			color:#333;
			font-weight:bold;
			font-size:1.25em;
			text-decoration:none;
		}
			#subnav .page_item a:hover{
				text-decoration: underline;
			}
		#subnav .page_item.current_page_item > a{
			background-color:#e8e8e8;
		}

#ub-masthead{
	background-color:#041a9b;
}
.ubheader .print{display:none;}

.ccgse-news-events-pagination-inner-wrap{
	margin-top:1em;
	border-top:solid 1px #888;
	padding-top:2em;
}
.ccgse-news-events-pagination-inner-wrap a{
	color:#666;
	text-decoration: none;
}
.ccgse-news-events-pagination-inner-wrap a:hover,
.ccgse-news-events-pagination-inner-wrap a:active{
	text-decoration: underline;
}

h1.entry-title{
	font-size:2em;
	margin-bottom:0.3em;
}

.wp-caption-text{
	font-size:0.8em;
	color:#666;
	padding:0.5em 0;
}

.leave-reply{
	display:none;
}

 .ccgse-faculty-wrap{
 	padding-top: 1.25em;
    border-top: solid 1px #ccc;
 }
	.ccgse-faculty-wrap:last-child{
		border-bottom: solid 1px #ccc;
	}
.ccgse-faculty-img-wrap{
	vertical-align:top;
	width:5em;
}
.ccgse-faculty-img-wrap img{
	width:100%;
}
.ccgse-faculty-text-wrap{
	padding-left:1em;
	vertical-align:top;
	color:#888;
}
.ccgse-faculty-name{
	display:block;
	font-size:1.25em;
	margin-bottom:0.25em;
	color:#222;
}

.ccgse-intro-text{
	font-family:Georgia;
	font-size: 1.6em;
	font-weight: normal;
	margin-toP: 0;
	letter-spacing: 0.02em;
	line-height:1.2em;
}

.end-of-page{
	text-align:center;
}
	body.home .end-of-page,
	body.page-parent .end-of-page{
		display:none;
	}