/*
	Page Style Customizations
	Intended for specific page styles using the body class option from Genesis
*/

/* Import font for homepage */
@import url('https://fonts.googleapis.com/css?family=Covered+By+Your+Grace');

/* ENROLLMENT CHECKLIST TABLE STYLING */
/*------------------------------------*/

.enrollcheck-table tr:nth-of-type(odd) { 
  background: #f8f8f8; 
}

.enrollcheck-table td, .enrollcheck-table th { 
  padding: 20px; 
  border: 1px solid #ccc; 
  text-align: left; 
}

/*Styles for Table on Small Screens */
@media 
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  {

	/* Force table to not be like tables anymore */
	table, thead, tbody, th, td, tr { 
		display: block; 
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	.enrollcheck-table thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	.enrollcheck-table tr { border: 1px solid #ccc; }
	
	.enrollcheck-table td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
	}
	
}


/* END ENROLLMENT CHECKLIST TABLE STYLING */
/*----------------------------------------*/

/* ADMISSIONS CONTACT START */
/*--------------------------*/

.contact-admissions-table {
	border-collapse: separate;
	border-spacing:15px 0;
}
.contact-admissions-table td {
	background:#222;
	border:0;
	padding:20px;
	border-radius:5px;
	font-size:0.9em;
}

@media 
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  {

	/* Force table to not be like tables anymore */
	.contact-admissions-table td { 
		display: block; 
		margin-bottom:20px;
	}
	
}

/* ADMISSIONS CONTACT END */
/*------------------------*/

/* PARKING AND CAMPUS MAP TABLES */
/* ----------------------------- */

#mapkey td {
	vertical-align: top;
	border-top: 0;
}
#mapkey td:nth-child(2) {
	width:40px;
}
#buildingkey td:nth-child(2) {
	width:auto;
}
#buildingkey tr {
	border-top: 1px solid #EEE !important;
}

/*Styles for Building & Map Table on Small Screens */
@media 
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  {

	/* Maintain data display */
	#buildingkey td {
		display:table-cell !important;
	}
	table#buildingkey, #buildingkey tr { 
		display: block; 
	}
	#buildingkey tr td:first-child {
		width: 40px;
	}
	#mapkey td:nth-child(2) {
		display:none;
	}
}

/* Styles for Fast Facts Table */

#fastfacts th {
	background:#DDD;
	text-align:center;
	line-height:3em;
}
#fastfacts td:first-child {
	font-weight:bold;
}

/* ---------------------------------- STYLES FOR PROGRAM REQUIREMENTS AREA */

#progreq ul {
	margin-bottom:0;
	padding-bottom:0;
}
#progreq ul li p {
	margin-bottom:0;
	font-size:0.8em;
	line-height:0.9em;
}
#progreq .subhead {
	margin-top:.8em;
	display:block;
	font-weight:bold;
}
#progreq div > p {
	margin:.5em 0;
}

#program .catalog-cta,
#program .catalog-cta:link,
#program .catalog-cta:visited,
#program .catalog-cta:active {
    display: inline;
    float: right;
    padding: 10px 30px;
    background-color: #397b8f;
    color: #fff !important;
    text-align: center;
    border-radius: 5px;
    text-transform: uppercase;
    border: 0 !important;
}
#program .catalog-cta:hover {
    background-color: #333;
}

#program #progreq h2.acalog-program-core-name {
	font-size:20px;
	margin:10px 0;
	font-weight:bold;
}
#program #progreq h3.acalog-program-core-name {
	font-size:16px;
	margin:10px 0;
	font-weight:bold;
}
#program #progreq h4.acalog-program-core-name {
	font-size:16px;
	margin:10px 0;
	font-weight:bold;
}
#program #progreq .acalog-program-name { display:none; }
#program #progreq .acalog-program-description { display:none; }
#program #progreq h3.acalog-program-core-name ul.acalog-program-core-courses p { display:none !important; }

/* Styles for program catalog links on small screens */
@media 
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px) {
	#program .catalog-cta,
	#program .catalog-cta:link,
	#program .catalog-cta:visited,
	#program .catalog-cta:active {
		display:block !important;
		float:none !important;
		margin-bottom:1em;
	}
}

/* --------------------------------------- STORIES PAGE */

.post-2059 .title {
	font-size:1.5em;
}
.post-2059 .rss_content {
	margin-top:1em;
}
.post-2059 .feedzy-rss ul li.rss_item {
	background:#222;
	border-bottom:0 !important;
	padding:30px !important;
	border-radius:5px;
	margin-bottom:30px;
}
.post-2059 .rss_item:nth-child(even) .rss_image {
	float:right;
	margin-right:0;
	margin-left:15px;
}

/* Styles for RSS images on small screens */
@media 
only screen and (max-width: 760px) {
	.post-2059 .rss_item .rss_image {
		width:100px !important;
		height:100px !important;
		margin-bottom:5px;
	}
	.post-2059 .title {
		font-size:1.2em;
	}
}

div.adm-stories {
	display:flex;
	margin-bottom:15px;
}
div.adm-stories span {
	margin-top:auto;
	margin-bottom:auto;
}
div.adm-stories img {
	width:87px !important;
	height: 100px !important;
	margin-right:15px;
	flex: none !important;
}

/* --------------------------------------------- EOP TABLE */

#eop-table th, #eop-table td {
	text-align:center;
}
#eop-table tr:nth-child(even) {
	background:#EEE;
}

/* --------------------------------------------- KEY CALENDAR DATES ACCORDION */
#calendar-dates-widget h4 {
	margin:.5em 0;
	color:white;
	background:#397b8f;
	padding:.5em;
}
#calendar-dates-widget ul li {
	margin:0;
	padding:5px 0;
}
.calendar-accordion-header {
	margin-top: 20px; 
	background-color: #316b7b; 
	padding: 15px; 
	color: #fff;
	border-radius:3px;
}
.calendar-accordion-content {
	background:inherit;
	padding:10px 0;
}

/* --------------------------------------------- MECHANICAL BUILDING PAGE */
#mech-relocation td {
	border-top:1px dotted #666;
}
#mech-relocation tbody {
	border-bottom:1px dotted #666 !important;
}

/* --------------------------------- ACCORDION MENUS PAGE TEMPLATE */
.toggle-on {
	background:url("http://www1.sunybroome.edu/wp-content/uploads/2017/11/acc-downarrow.png") no-repeat top right;
	background-size: 20px 20px;
}
.toggle-off {
	background:url("http://www1.sunybroome.edu/wp-content/uploads/2017/11/acc-rightarrow.png") no-repeat top right;
	background-size: 20px 20px;
}

/* --------------------------------- DENTAL HYGIENE PASS RATES TABLE */

#dh-passrates {
	font-size:.75em;
}
#dh-passrates th, #dh-passrates td {
	text-align:center;
}
#dh-passrates td {
	width:25%;
}

/* ----------------------------------- PAGE CALL TO ACTION BUTTON */

.page-cta, .page-cta:link, .page-cta:visited, .page-cta:active  {
	color:#fff !important;
	display:inline-block;
	padding:10px;
	background-color:#397b8f !important;	
	margin-top:20px;
	text-align:center;
	border-radius:5px;
	text-transform: uppercase;
	border-bottom:0 !important;
}

.page-cta:hover {
	background-color:#CCC !important;
	color:#FFF !important;
}

/* ----------------------------------- END PAGE CALL TO ACTION BUTTON */

/* ----------------------------------- HOMEPAGE MEDIA QUERY MODS */

@media only screen and (max-width: 1023px) {
	/* Add space above footer widget titles */
	.footer-widget-area h4.widget-title { margin-top:1em; }	
}
@media only screen and (max-width: 600px) {
	/* Hide images above apply, ask, take a class, paying for college buttons on mobile */
	#four-col-band img {display: none;}
	/* Reduce padding above & below button area */
	#four-col-band { padding-top:20px; padding-bottom:20px;}
	/* Reduce padding above & below new and events area */
	.sub-footer { padding-top:10px; padding-bottom:20px; }
}

/* ----------------------------------- SEARCH RESULTS PAGE */
#search-results table, #search-results tbody, #search-results th, #search-results td {
	border:0 !important;
	font-family:Lato, Arial, sans-serif !important;
}
#search-results table {
	margin-bottom:0 !important;
}
#search-results .gsc-result-info-container .gsc-result-info {
	font-size:1.3em;
}
#search-results .gsc-webResult, #search-results .gsc-result {
	border-bottom:1px dotted #CCC !important;
	padding-bottom:1em;
	margin-bottom:.5em;
	font-family:Lato, Arial, sans-serif !important;
}
#search-results .gsc-webResult:hover, #search-results .gsc-result:hover {
	border-left:0;
}
#search-results div.gs-title {
	text-decoration:none !important;
	color:#397b8f !important;
}
#search-results .gs-title a b {
	color:inherit !important;
	font-size:inherit !important;
}
#search-results .gs-title a {
	border:0;
	font-size:1.05em !important;
	text-decoration:none !important;
	color:#397b8f !important;
}
#search-results .gs-title:hover{
	color:#ca9e2d !important;
}
#search-results .gsc-url-top {
	margin-bottom:.2em;
	color:#316b7b !important;
}
#search-results .gs-fileFormat {
	margin-left:4px;
}

#search-results .gsc-cursor-page {
	font-size:1.5em !important;
	padding:5px;
	color:#888 !important;
	background:none;
}
#search-results div.gsc-cursor-page.gsc-cursor-current-page {
	color:#888 !important;
	padding:5px;
	background:none;
}

@media only screen and (max-width: 600px) {
	#search-results .gs-title {
		line-height:1.5em !important;
		height:auto;
		margin-bottom:10px;
	}
	#search-results .gsc-url-top {
		display:none;
	}
	#search-results .gs-web-image-box-portrait, #search-results .gsc-thumbnail{
		padding-left:0 !important;
		margin-left:0 !important;
		margin-right:8px;
	}
	#search-results .gs-snippet, #search-results .gs-fileFormat {
		margin-left:0;
		line-height:1.5em;
	}
}

/* --------------------------------- TIME.LY SIDEBAR AGENDAS */

.sidebar .ai1ec-agenda-widget-view .ai1ec-date {
	background:none !important;
	padding:3px;
	border:0 !important;
}
.sidebar .ai1ec-agenda-widget-view .ai1ec-date:nth-child(odd) {
	background:#3e3e3e !important;
}
.sidebar .ai1ec-agenda-widget-view .ai1ec-date-title {
	border: none !important;
	background:#fff !important;
}
.sidebar .ai1ec-date-events a {
	background:none !important;
	border:0 !important;
	color:#50adc9 !important;
}
.sidebar .ai1ec-btn {
	float:right;
	z-index:999 !important;
}

/* ----------------------------------- TIME.LY HOMEPAGE CALENDAR */
#text-6 .ai1ec-agenda-widget-view {
	max-width:100%;
	border: 2px #ccc solid;
}
#text-6 .ai1ec-agenda-widget-view .ai1ec-date {
	background:#1c4f5f !important;
	padding:5px;
	border:0 !important;
}
#text-6 .ai1ec-agenda-widget-view .ai1ec-date:nth-child(odd) {
	background:#143945 !important;
}
#text-6 .ai1ec-agenda-widget-view .ai1ec-date-title {
	border: none !important;
	background:#fff !important;
}
#text-6 .ai1ec-date-events a {
	background:none !important;
	border:0 !important;
	color:#FFF !important;
	font-size:16px !important;
}

/* --------------------------------- FEEDZY RSS SIDEBARS */
aside.sidebar div.feedzy-rss li.rss_item { border-bottom:1px dotted #666; }
aside.sidebar .widget_feedzy_wp_widget {
	border-bottom:0;
}
aside.sidebar div.feedzy-rss li.rss_item:first-of-type { padding-top:0 !important; }
aside.sidebar div.feedzy-rss li.rss_item:last-of-type { padding-bottom:0 !important; border-bottom:0; }
.widget_feedzy_wp_widget { padding:0 !important; margin:0 !important; }
.widget_feedzy_wp_widget .widget-wrap { padding:0 !important; }

/* ----------------------------------- HOMEPAGE CHAT NOW BUTTON */

#chatnow { 
	display: flex;
	justify-content: center;
	width:200px;
	height:60px;
	position: fixed;
  	bottom:0;
	right:10%;
	z-index:100000000;
}
#chatnow > a {
	background:#EEB310;	
	border-top-right-radius: 8px;
	border-top-left-radius: 8px;
	box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5);
	display: flex;
	justify-content: center;
	align-items: center;
	color:black !important;
	text-transform:uppercase;
	font-weight:bold;
	font-size:1.3em;
	width:100%;
	height:100%;
}
#chatnow > a:hover {
	background:white;
	color:black !important;
}
@media only screen and (max-width: 600px) {
	#chatnow { 
		left:50%;
		margin-left:-100px;
	}
}