/*
Theme Name:     SUNYIT Course Catalog
Theme URI:      http://sunyit.edu/
Description:    Theme for SUNYIT's Ungraduate and Graduate course catalogs
Author:         Zac Wasielewski
Author URI:     http://wasielewski.org
Template:       twentytwelve
Version:        0.1.0
*/

@import url("../twentytwelve/style.css");

/*
font-size: 14px;
line-height: 24px;
1rem = 14px
*/

/*
a,a:link,
.widget-area .widget a,
.widget-area .widget a:link{
	color:#004e8c;
}
a:visited,
.widget-area .widget a:visited{
	color:#004e8c;
}
a:hover,
a:active,
.widget-area .widget a:hover,
.widget-area .widget a:active{
	color:#81a7c6;
}
*/

#masthead{
	border-bottom: 1px solid #ededed;
}

header.site-header hgroup {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	flex-wrap: wrap;
}

header.site-header hgroup h1{
	font-size: 36px;
	font-weight: 900;
}

header.site-header hgroup h1 a,
header.site-header hgroup h1 a:link,
header.site-header hgroup h1 a:visited{
	vertical-align: middle;
	color: #013668 !important;
}

img.header-image {
	float: left;
	box-shadow: none;
	margin-top: 0;
	margin-right: 1rem;
	width: 140px;
}

@media all and (min-width: 768px) {
	.title-wrapper {
		flex-basis: 90%;
		width: 90%;
	}
	.site-logo {
		flex-basis: 10%;
		width: 10%;
	}
}

@media all and (max-width: 767px) {
	.title-wrapper {
                flex-basis: 72%;
                width: 72%;
        }
	header.site-header hgroup h1.site-title {
		font-size: 30px;
	}
        .site-logo {
                flex-basis: 23%;
                width: 23%;
        }
}

h1.site-title{
	clear: none;
}

.site-logo img {
	width: 100%;
}

.widget-area{
	margin-top:	3.429rem; /* 36px */;
}
.widget-area .widget h3 {
	margin-bottom: 0.64285714285rem;
}

.entry-header .entry-title {
	font-size: 24px;
	font-size: 2.14285714285rem;
	line-height: 3.429rem; /* 48px */
	font-weight: bold;
	xbackground-color: #eec;
	margin-top: 6px;
	margin-bottom: 1.714rem;
}

.entry-content h2, .comment-content h2 {
	font-size: 22px;
	margin: 0.857rem 0 0.42857142857rem 0;
	line-height: 2.57142857143rem; /* 36px */
	line-height: 36px;
	font-size: 1.571rem;
	xbackground-color: #ecc;
}

.entry-content h3, .comment-content h3 {
	font-size: 16px;
	margin: 0.857rem 0 0.42857142857rem 0;
	line-height: 1.71428571429rem; /* 24px */
	font-size: 1.143rem;
}

.entry-content h4, .comment-content h4 {
	margin: 0.64285714285rem 0;
}

.entry-content p,
.entry-content p span{
	/*margin: 0.64285714285rem 0;*/
	margin: 0 0 0.85714285714rem 0;
	/*line-height: 1.571rem; /* 22px */
}

.entry-content ol,
.entry-content ul{
	margin: 0.64285714285rem 0;
}
.entry-content ol li,
.entry-content ul li{
	padding-left: 0;
	margin-left: 1.5rem;
}

.entry-content table{
	margin: 1rem 0 1.571rem 0;
	line-height: 1.286rem;
}

.entry-content table thead th{
	line-height: 0.85714285714rem;
	padding: 0.85714285714rem 0.5rem;
}

.entry-content table tbody td {
	padding: 0.429em 0.5rem;
}

ul.menu .current-menu-item > a {
	font-weight: bold;
}

ul.menu li.menu-item ul.sub-menu {
	display: none;
}

ul.menu li.menu-item.current-menu-item ul.sub-menu,
ul.menu li.menu-item.current-menu-ancestor ul.sub-menu {
	display: block;
}

.breadcrumbs {
	border-bottom: 1px solid #ededed;
	margin: 0.64285714285rem 0;
	padding: 0.85714285714rem 0 1.71428571429rem 0;
	font-size: 0.928571429rem;
}
.breadcrumbs a.current-item {
	font-weight: bold;
	text-decoration: none;
}

tr.sunyit th,
tr.sunyit td,
th.sunyit,
td.sunyit {
	background-color: rgb(204, 204, 255);
}

tr.secon th,
tr.secon td,
th.secon,
td.secon {
	background-color: rgb(204, 204, 204);
}

@media print {
	body {
		font-size: 10pt;
		margin: 0;
		padding: 0;
	}
	.site{
		margin: 0.5in 1in 1.5in 1in;
		padding: 0;
	}
	.site-header {
		margin-bottom: 36px;
		margin-bottom: 2.571rem;
	}
	.site-header h1 {
		font-size: 24px;
		font-weight: 800;
		line-height: 54px;
		text-align: left;
	}
	.site-header h1:before {
		
	}
	.site-header h2 {
		color: #000;
		font-size: 10pt;
		text-align: left;
	}
	.site-header h1 a,
	.site-header h2 a {
		color: #000;
	}
	
	.entry-content h1 {
		font-size: 2rem;
		line-height: 1.5;
	}
	.entry-content h2 {
		font-size: 1.5rem;
		line-height: 1.5;
	}
	.entry-content h3 {
		font-size: 1rem;
		line-height: 1.5;
	}
	.entry-content h4 {
		font-size: 1rem;
		margin-bottom: 0;
		line-height: 1.5;
	}
	
	.breadcrumbs {
		display: none;
	}
	img.header-image {
		display: block;
		float: left;
	}
	.wrapper {
		border-top: none;
		box-shadow: none;
	}
	.site-content {
		margin: 0;
		width: auto;
	}
	.entry-header .entry-title,
	.entry-title,
	.singular .entry-title {
		font-size: 21pt;
	}
	footer.entry-meta,
	footer.entry-meta a {
		font-size: 10pt;
	}

}