/*
Theme Name: illinoisfst
Author: Tamra Stallings
Version: 2015.1
Template:       twentyfifteen
*/
/******************************************* ----- color  ----- *************************************/

#colophon{
	background: #263D7D;/**Blue**/
	}

h1, h2, h3, h4, h5, h6, h7{
	color: #263D7D;
	}

a, a:visited, p a, p a:visited, ul#manager-nav a:hover, ul#worker-nav a:hover, li a, li a:visited,{
	color:#606EB2;/*darker blue blue*/
	}

p a:hover, li a:hover{
	color:#263d7d;/**Blue**/
	}
	
#masthead{
	background: #00205b; /* Old browsers */
	background: -moz-linear-gradient(left,  #00205b 0%, #606eb2 38%, #eb9860 70%, #d55f02 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#00205b), color-stop(38%,#606eb2), color-stop(70%,#eb9860), color-stop(100%,#d55f02)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  #00205b 0%,#606eb2 38%,#eb9860 70%,#d55f02 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  #00205b 0%,#606eb2 38%,#eb9860 70%,#d55f02 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #00205b 0%,#606eb2 38%,#eb9860 70%,#d55f02 100%); /* IE10+ */
	background: linear-gradient(to right,  #00205b 0%,#606eb2 38%,#eb9860 70%,#d55f02 100%); /* W3C */
	}

#orange-box a, #orange-box a:hover, #blue-box a, #blue-box a:hover, .site-info p, #blue-box h3, 
#orange-box h3, #blue-box, #orange-box,.site-logo h1,.site-logo h4, .site-logo a, .site-info a, .site-info a:visited,
.page-template-page-manager #orange-worker-button a, .page-template-page-manager #orange-worker-button a:visited, 
.page-template-page-worker #orange-worker-button a, .page-template-page-worker #orange-worker-button a:visited, input[type="submit"]{
	color: #ffffff;
	}

#blue-box{
	background: #002056; /* Old browsers */
	background: -moz-linear-gradient(top,  #002056 0%, #606eb2 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#002056), color-stop(100%,#606eb2)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #002056 0%,#606eb2 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #002056 0%,#606eb2 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #002056 0%,#606eb2 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #002056 0%,#606eb2 100%); /* W3C */
	}

#orange-box{
	background: #d45e01; /* Old browsers */
	background: -moz-linear-gradient(top,  #d45e01 0%, #ef995e 100%, #d45e01 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d45e01), color-stop(100%,#ef995e), color-stop(100%,#d45e01)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #d45e01 0%,#ef995e 100%,#d45e01 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #d45e01 0%,#ef995e 100%,#d45e01 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #d45e01 0%,#ef995e 100%,#d45e01 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #d45e01 0%,#ef995e 100%,#d45e01 100%); /* W3C */
	}

#orange-worker-button, #footer-worker-button, #tree-choices li.register, #tree-choices li:hover,
#manager-nav li, #worker-nav li, input[type="submit"]{
	background: #d45e01; /* Old browsers */
	background: -moz-linear-gradient(top,  #d45e01 0%, #ef995e 50%, #d45e01 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d45e01), color-stop(50%,#ef995e), color-stop(100%,#d45e01)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #d45e01 0%,#ef995e 50%,#d45e01 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #d45e01 0%,#ef995e 50%,#d45e01 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #d45e01 0%,#ef995e 50%,#d45e01 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #d45e01 0%,#ef995e 50%,#d45e01 100%); /* W3C */
	}
	
#blue-manager-button, #tree-choices li, #tree-choices li.register:hover, input[type="submit"]:hover,
#manager-nav li:hover, #worker-nav li:hover,
.page-template-page-manager #footer-worker-button:hover, .page-template-page-worker #footer-worker-button:hover,
.page-template-page-manager #orange-worker-button:hover, .page-template-page-worker #orange-worker-button:hover{
	background: #00205b; /* Old browsers */
	background: -moz-linear-gradient(top,  #00205b 0%, #606eb2 50%, #00205b 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00205b), color-stop(50%,#606eb2), color-stop(100%,#00205b)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #00205b 0%,#606eb2 50%,#00205b 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #00205b 0%,#606eb2 50%,#00205b 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #00205b 0%,#606eb2 50%,#00205b 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #00205b 0%,#606eb2 50%,#00205b 100%); /* W3C */
	}
	
#top-text h2, #top-text h5{
	color: #606EB2;
	}

/** * 10.0 Header*/

#masthead{
	overflow:hidden;
	width: 100%;
	margin-left: auto; margin-right: auto;
	}

.site-branding, #right-margin{
    float:left;
	}

.site-logo{
    float:left;
    text-align: left;
    width: 99%;
    padding-right: 2.5%;
    padding-left: 2.5%;
	}

#top-text{
		width: 95%;
	}
/*** 12.0 Content*/

#content{
	width: 95%;
	padding-right: 2.5%;
   padding-left: 2.5%;
	}

/*** footer******/

.site-footer {
	text-align: left;
    padding-right: 2.5%;
    padding-left: 2.5%;
    padding-top: 1px; padding-bottom: .5px;
	}
	
.site-info p{
	font-size: .8em;
	padding-left: 1em;
	padding-bottom: 1em;
	}

/*******decision tree**/
#tree-choices {
	max-width: 300px;
	overflow: hidden;
	margin-left: auto; margin-right: auto;
	text-align: center;
	padding: 0;
	}
		 
#tree-choices ul{
	list-style: none;		 
    margin: 0;
    padding: 0;
    }
    
#tree-choices li{
	display: inline-block;
	text-align: center;
	width:6em;
	 margin: .5em;
	 border-radius: 10px;
	 padding-top: .25em;  padding-bottom: .25em;
	}
		
#tree-choices li a{
	 width: 20%;
	 color: #ffffff;
	 text-align: center;
	}	

#tree-choices li.register{
	width:70%;
}	 
/*******Home page****/

#post-42 .entry-title, #post-468 .entry-title, .secondary-toggle{
	display: none;
	}


#box-wrapper{
	margin-top: 20px;
	margin-left: auto; margin-right: auto;
	overflow: hidden;
	}


#blue-box, #orange-box{
	width: 285px;
	margin-bottom: 20px;
	padding: 10px;
	margin-left: auto; margin-right: auto;
	}
	
	
		
#right-column{
	margin-left: auto; margin-right: auto;
	overflow: hidden;
}

#orange-box-list{
	padding-top: 2.5em;
	padding-botom: 2.5em;
	margin-bottom: 1em;
	margin-left: .5em;
}	

#orange-worker-button, #blue-manager-button, #footer-worker-button{
	max-width: 80%;
	margin-left: auto; margin-right: auto;
	text-align: center;
	padding-top: 5px; padding-bottom: 5px;
	margin-bottom: -1.5em;
}

#orange-worker-button{
	margin-bottom: 2.5em;
	
}

#news-box{
	margin-left: auto; margin-right: auto;
	font-size: .7em;
	width: 285px;
	padding-top: 1em;
	margin-bottom: 2em;
	overflow: hidden;
	color: #263D7D;

}

.page-template-page-manager #orange-worker-button,.page-template-page-landing #orange-worker-button, .page-template-page-worker #orange-worker-button{
	margin-top: 1em;
	max-width: 250px;
	border-radius: 10px;
	box-shadow: 10px 10px 5px #cccccc;
	}
.page-template-page-landing #orange-worker-button,.page-template-page-manager #footer-worker-button, .page-template-page-worker #footer-worker-button{
	margin-top: .5em;
	margin-bottom: 1.5em;
	max-width: 250px;
	border-radius: 10px;
	box-shadow: 10px 10px 5px #cccccc;
	}
#orange-worker-button a:hover{
	color: #263d7d;
	text-decoration: none;
	}
#orange-worker-button a{
	color: #ffffff;
	text-decoration: none;
	}
	
	
#blue-manager-button a:hover{
	color: #d45e01;
	text-decoration: none;
	}
	
	
	 
/*******manager pages****/	
#manager-nav ul{
	list-style: none;		 
    margin: 0;
    padding: 0;
    }
    
#manager-nav li{
	display: inline-block;
	text-align: center;
	 margin-top: .5em; margin-bottom: .5em;
	 border-radius: 10px;
	 padding-top: .25em;  padding-bottom: .25em;
	 width:250px;
	}
		
#manager-nav li a{
	 color: #ffffff;
	 text-align: center;
	 text-decoration: none;
	}	

#manager-nav {
	max-width: 250px;
	overflow: hidden;
	margin-left: auto; margin-right: auto;
	text-align: center;
	padding: 0;
	}

/** * 3.0 Typography */


body{
   font-family: "Carme", Palatino, serif;	
   font-size: 1em;
	line-height: 1.6;
	font-weight: 300;
	margin-bottom: 0;
	margin-top: 0;
	}



button,
input,
select,
textarea {
   font-family: "Carme", Palatino, serif;	
   font-size: 1em;
	line-height: 1.6;
	font-weight: 300;
	}


h1{/*logo & page titles*/
	font-weight: 500;
	font-size: 1.2em;
	margin-top: 1.75em;
	}

.site-logo h1{/*logo & page titles*/
	margin-bottom: .25em;
	margin-top: .75em;
	}

h2{/* home page convient... */
	font-weight: 100;
	font-size: .8em;
	font-style: italic;
	margin-bottom: 0;
	margin-top: 2.2em;
	text-align: center;
	}

h3{/*home page box text*/
	font-size: 1.1em;
	text-align: center;
	font-weight: 100;
	}

h4{/*header logo subtext*/
	font-weight: 100;
	margin-top: 0;
	font-size: .55em;
	font-style: italic;
	}


h1, h4, h6, h7{
	text-align: left;
	}
	
h5{/* home page in asso with... */
	font-size: .6em;
	font-style: italic;
	text-align: center;
	font-weight: 100;
	margin-top: 0;
	}
	
h6{/* faq questions and course outline sub heads*/
	font-size: 1em;
	font-weight: 500;
   letter-spacing: .05em;
	margin-bottom: 0em;
	margin-top: 0em;
	}

h7{/* faq subheads*/
	font-size: 1em;
	font-weight: 500;
   line-height: 2em;
   margin-bottom: 0em;
   	}



b,strong {
	font-weight: bold;
	}

dfn, cite, em, i {
	font-style: italic;
	}

#box-wrapper{
	font-size: 1.2em;
	}

/** * 2.0 - Genericons*/

.social-navigation a:before,
.secondary-toggle:before,
.dropdown-toggle:after,
.bypostauthor > article .fn:after,
.comment-reply-title small a:before,
.comment-navigation .nav-next a:after,
.comment-navigation .nav-previous a:before,
.posted-on:before,
.byline:before,
.cat-links:before,
.tags-links:before,
.comments-link:before,
.entry-format:before,
.edit-link:before,
.full-size-link:before,
.pagination .prev:before,
.pagination .next:before,
.image-navigation a:before,
.image-navigation a:after,
.format-link .entry-title a:after,
.entry-content .more-link:after,
.entry-summary .more-link:after,
.author-link:after {
	display: inline-block;
	font-family: "Genericons";
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	line-height: 1;
	speak: none;
	text-align: center;
	/*text-decoration: inherit;*/
	text-transform: none;
	vertical-align: top;
}



/** * 6.1 Links */


a, .site-logo a:hover {
	text-decoration: none;
	}

a:hover{
		text-decoration: underline;
	}




/*** 8.0 Alignments*/

.alignleft {
	display: inline;
	float: left;
	margin: 0 10px 0 10px;
	}

.alignright {
	display: inline;
	float: right;
	}

.aligncenter {
	display: block;
	margin-right: auto;
	margin-left: auto;
	max-width: 300px;
	height: auto;
	}

img{
	max-width: 100%;
}
/*** 9.0 Clearings*/

.clear:before,
.clear:after,
.site:before,
.site:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-content:before,
.site-content:after,
.nav-links:before,
.nav-links:after,
.comment-navigation:before,
.comment-navigation:after,
.social-navigation ul:before,
.social-navigation ul:after,
.textwidget:before,
.textwidget:after {
	content: "";
	display: table;
}

.clear:after,
.site:after,
.entry-content:after,
.comment-content:after,
.site-content:after,
.nav-links:after,
.comment-navigation:after,
.social-navigation ul:after,
.textwidget:after {
	clear: both;
}





/*contact page*/

#wpcf7-f55-p28-o1{
	margin-left: auto; margin-right: auto;
	max-width: 300px;
	}

input, text{
	max-width: 280px;
	margin-bottom: .25em;
	}

textarea
	{
	max-width: 290px;
	}

input[type="submit"] {
	width: 200px;
	margin-left: auto; margin-right: auto;
	border-radius: 25px;
}


/*coming soon page*/

#soon{
	margin-top: 2em;
	margin-left: auto; margin-right: auto;
	font-size: 2em;
	text-align: center;
	}

/*manager nav*/
.page-template-page-manager #main{
	width: 100%
	}

#desk-nav{
	width: 100%;
	margin-top: 1em;
	margin-bottom: 1em;
}	

/** * 7.0 Accessibility*/

/* Text meant only for screen readers */
.says,
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	overflow: hidden;
	position: absolute !important;
	width: 1px;
	}

/* must have higher specificity than alternative color schemes inline styles */
.site .skip-link {
	background-color: #f1f1f1;
	box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.2);
	color: #21759b;
	display: block;
	font: bold 14px/normal "Noto Sans", sans-serif;
	left: -9999em;
	outline: none;
	padding: 15px 23px 14px;
	text-decoration: none;
	text-transform: none;
	top: -9999em;
	}

.logged-in .site .skip-link {
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	font: bold 14px/normal "Open Sans", sans-serif;
	}

.site .skip-link:focus {
	clip: auto;
	height: auto;
	left: 6px;
	top: 7px;
	width: auto;
	z-index: 100000;
	}

a, a:visited, p a, p a:visited{
	color:#606EB2;/*darker blue blue*/
	}

#orange-worker-button,
#footer-worker-button,
#tree-choices li a:hover{
	text-decoration: none;
	color: #ffffff;
	}
			



/*** 15.0 Media Queries*/


/*** 15.1 Mobile Large 620px--Kendel*/

@media screen and (min-width: 37.5em) {

.site {
		width: 100%;
		}

.aligncenter{
	max-width: 580px;
	}

.page-template-page-tree #main{
	max-width:500px;
	margin-left: auto; margin-right: auto;
	}

#tree-choices{
	    text-align: center;
	    margin-bottom: 3em;
	    margin-top: 2em;
	    max-width: 500px;
		 }

#tree-choices li.register{
	width:40%;
}	 

.wpcf7-form{
	max-width: 400px;
	}
	
input, text{
	max-width: 400px;
	}

textarea{
	max-width: 400px;
	}
	
input[type="image"]{
		max-width: 200px;
		}	
	
}/*** end--Kendel*/

/** * large tablet, like ipad*/

@media screen and (min-width: 700px) {
	

.site-logo{
	width: 100%;
	padding-right: 20px;
   padding-left: 20px;
	margin-left: 1em;
	}

.site {
		max-width: 100%;
		}


.entry-content{
	width:99%;
	margin-left: auto; margin-right: auto;
	}
	
.page-template-page-landing #main{
	width: 500px;
	margin-left: auto; margin-right: auto;
}
		
#top-text{
	width:99%;
	margin-left: auto; margin-right: auto;
	margin-top: 40px; margin-bottom: 20px;
	text-align: center;
	}
	
h2{
	font-size: 1.5em;
	}

h5{
	font-size: 1.1em;
	}

#box-wrapper{
	max-width: 690px;
	margin-left: auto; margin-right: auto;
	}

#blue-box, #orange-box{
	float:left;
	margin-right: 20px;
	margin-left: 20px;
	width: 285px;

	}
	

#orange-box-list a{
		line-height: 1.75em;
	}

#news-box{
	width: 305px;
	padding-top: 2.5em;
	margin-bottom: 0em;
}

h1{
	font-size: 1.5em;
	}

h4{
	font-size: .9em;
	}

.wpcf7-form, .wpcf7 {
	max-width: 500px;
	padding-left: 5em;
	overflow: hidden;
	}
	
input, text{
	width: 500px;
	margin-bottom: .25em;
	}

textarea{
	max-width: 800px;
	}

#tree-choices {
	max-width: 500px;
	}
#tree-choices li.register{
	width:65%;
}	 


}/*** end--tablets*/

/*** 15.4 Desktop Small 955px*/

@media screen and (min-width: 900px) {
	


.site-logo, #content, #footer, .entry-content, #top-text{
	max-width: 900px;
	}

.site {
		margin: 0 auto;
		max-width: 900px;
		}
	
h1{
	font-size: 1.7em;
	}

.site-logo h1{
	font-size: 2.5em;
	margin-top:.5em;
	}

.page-template-page-landing #main{
	width: 600px;
}
	

#box-wrapper{
	margin-top: 60px; 
	}

#top-text{
	margin-top: 60px;
	}
	
h2{
	font-size: 1.4em;
	}
h6{/* faq questions and course outline sub heads*/
	font-size: 1.4em;
	}

h7{/* faq subheads*/
	font-size: 1.1em;
   	}
   	
#tree-choices{
	    text-align: center;
	    margin-bottom: 1em;
		 }
#tree-choices li.register{
	width:40%;
}	 

#orange-box{
	margin-bottom: 35px;

	}

/** * 10.0 Header*/


#masthead{
		border-bottom: 0;
		margin-top: 10em;
		margin-left: 0;
	}


.site-info p{
	padding-left: .25em;
	padding-bottom: .25em;
	}



.sidebar{
		position: relative !important;
		margin-top: -10em;
		}
	
.page-template-page-manager #main,
.page-template-page-worker #main{
	width:70%;
	float: left;
	overflow: hidden;
	}

#manager-nav{
	float:right;
	padding-right: 0;
	margin-top: .5em;
	}
	
#manager-nav li, #worker-nav li{
	background: #00205b; /* Old browsers */
	background: -moz-linear-gradient(top,  #00205b 0%, #606eb2 50%, #00205b 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00205b), color-stop(50%,#606eb2), color-stop(100%,#00205b)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #00205b 0%,#606eb2 50%,#00205b 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #00205b 0%,#606eb2 50%,#00205b 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #00205b 0%,#606eb2 50%,#00205b 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #00205b 0%,#606eb2 50%,#00205b 100%); /* W3C */
	}

#manager-nav li:hover, #worker-nav li:hover{
	background: #d45e01; /* Old browsers */
	background: -moz-linear-gradient(top,  #d45e01 0%, #ef995e 50%, #d45e01 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d45e01), color-stop(50%,#ef995e), color-stop(100%,#d45e01)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #d45e01 0%,#ef995e 50%,#d45e01 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #d45e01 0%,#ef995e 50%,#d45e01 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #d45e01 0%,#ef995e 50%,#d45e01 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #d45e01 0%,#ef995e 50%,#d45e01 100%); /* W3C */
	}

img{
	max-width: 100%;
}

}/*** end--desktops*/