/*
 Theme Name:     Chiron 2017
 Theme URI:      http://wordpress.org/
 Author: 		 Brafton
 Author URI: 	 http://brafton.com/
 Template: 		 twentysixteen
 Version:        2.0.0
/*

/* =Imports styles from the parent theme
-------------------------------------------------------------- */

@import url('../twentysixteen/style.css');

body, button, input, select, textarea {
	font-family: 'Avenir Regular', Arial, sans-serif;
}

h1, h2, h3, h4, h5, h6 {
	clear: none;
}

a.button, input[type="submit"] {
    font-size: 20px;
    text-transform: uppercase;
    color: #222222;
    padding: 15px 22px;
    font-weight: normal;
    margin-top: 20px;
    border-bottom: 3px solid #920d2a;
    line-height: 100%;
    letter-spacing: 1px;
    background: #eaeaeb;
}

body:before, body:after {
	content: none!important;
}

div, ul, li {
	box-sizing: border-box;
}

.site {
	margin: 0;
}

/* Add padding to blog headlines on resources page */

.page-id-155 .main-content .hoh {
padding-top: 60px!important;
}

/* Hide course categories from blog category list */

#categories-2 li.cat-item-12,
#categories-2 li.cat-item-13,
#categories-2 li.cat-item-3,
#categories-2 li.cat-item-5,
#categories-2 li.cat-item-8,
#categories-2 li.cat-item-9 {
display: none;
}

/* Change link color of phone # */

.site-header .site-inner .phone a {
	color: #1a1a1a;
}

/* Display search form on click */

.site-header .site-inner .site-header-menu .search-form, .site-header.shrink .site-inner .site-header-menu .search-form {
	top: 0px;
	right: 0px;
}

.site-header .site-inner .site-header-menu .search-form form {
	display: block;
}

/* Reduce size of paragraph text on homepage */

.home .main-content .site-inner .text p, .home .courses .site-inner p {
	font-size: 1.5em!important;
	text-align: left;
	line-height: 135%!important;
}

/* Add padding to related events on events pages */
.single-event .site-content .event-container .site-inner article .entry-content .related ul li {
	padding: 0 1em 2em 1em;
}

/* Remove border on Archive page header */

.archive .page-header {
	border-top: 0px;
	margin-top: 0px;
	padding-top: 0px;
}

.archive .page-header h1 {
	font-family: "Avenir Regular", arial, sans-serif;
	font-size: 2.2rem;
}

/* Change background and button for all forms */

.form {
	background-image: url("library/images/form-bg.png");
	background-color: #13204d;
    	background-size: cover;
    	background-position: center center;
}

.form form input[type="submit"] {
   	 text-transform: none;
    	color: #fff;
    	border-radius: 10px;
    	font-size: 1.5em;
    	background: #4c8b3f;
    	padding: 20px;
    	box-shadow: 3px 3px 0px #222222;
	font-family: "Avenir Medium" !important;
}

.form form input[type="submit"]:hover {
	background: #4c8b3f;
}

/* Make footer padding important */

.site-footer {
	padding: 70px 0px!important;
}

/* Fix font on single posts */

.single .entry-content p {
font-family: 'Arial', sans-serif;
}

/* Fix bg images on HOH */

.homepost {
	background-size: cover;
	background-position: center center;
}

/* Blog mobile styles */

@media (max-width: 1200px) {
	.blog #primary main, .single #primary main, .archive #primary main {
		padding: 0px 20px;
	}
	.blog #content .entry-right {
		width: 100%!important;
		margin-right: 0px!important;
	}
	.blog .sidebar, .single .sidebar, .archive .sidebar {
		padding: 0px 20px;
	}
	.blog #content .featured-entry .site-inner {
		height: 450px;
		width: 100%;
		display: table;
	}
	.blog #content .featured-entry .site-inner article {
		width: 100%;
		padding: 40px;
		display: table-cell;
		vertical-align: bottom;
		text-align: center;
	}
	.blog #content .featured-entry article .button {
		margin: 0 auto;
	}
	.single .entry-content {
		margin: 0px;
		padding: 20px;
	}
}

@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; 
	}
	
	.cellHeading {
		display:none; 
		
		}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	tr { border: 1px solid #ccc; }
	
	td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%; 
	}
	
	td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
	}
	
	/*
	Label the data
	*/
	td:nth-of-type(1):before { content: "Course Name"; }
	td:nth-of-type(2):before { content: "LEVEL"; }
	td:nth-of-type(3):before { content: "ILT Days;" }
	td:nth-of-type(4):before { content: "Mode"; }
	td:nth-of-type(5):before { content: "Code"; }
	td:nth-of-type(6):before { content: "Price"; }
	
}

@media (max-width: 1000px) {
	/* Reduce size of homepage paragraph font on mobile */
	.home .main-content .site-inner .text p, .home .courses .site-inner p {
		font-size: 1.2em!important;
	}
}