/*===================================================================================*/
/*	CUSTOM CSS STYLES
/*===================================================================================*/

/*
 * Change navbar-header bg, link colors 
 * default white, change to blue at md breakpoint
 * */
.navbar-header {
	background-color:#fff;
}
.navbar-header .info li a, .social li a i{
	color:#fff;
}
/* Change logo */
.navbar-brand img {
	display: inline-block;
	max-width:400px;
}
/* Mega menu float fix */
#menu-kcsos-main{float:none;}
/* Change mega menu spacing */
.navbar-nav > li > a {
	padding:40px 20px;
}
/* Fix sidebar standard WP widget menu */
.sidebar_kcsos .menu {
	background: #F5F7FA;
	padding: 0;
	border: 1px solid #E6E9ED;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin: 0 0 20px 0;
}
.sidebar_kcsos .menu li {
	border-bottom: 1px solid #E6E9ED;
}
.sidebar_kcsos .menu li a{
	display: block;
	position: relative;
	font-size: 14px;
	font-weight: 700;
	line-height: 20px;
	text-transform: uppercase;
	color: #506A85;
	padding: 13px 18px;
}
.sidebar_kcsos .menu li a:hover{
	background: #005CA8;
	color: #FFF;
}
.sidebar_kcsos .menu li a:after {
	position: absolute;
	right: 18px;
	content: "\e762";
	font-family: 'fontello';
	font-size: 18px;
	-webkit-transition: all 200ms ease-out;
	-moz-transition: all 200ms ease-out;
	-o-transition: all 200ms ease-out;
	transition: all 200ms ease-out;
	opacity: 0;
}
.sidebar_kcsos .menu li a:hover:after {
	opacity: 1;
}
/* Fix IS sub-menu */
.sidebar_kcsos .textwidget .panel_title a{
	text-decoration:none;
}
/* Change default button color */
.btn{background-color:#004d7c;/*#005CA8;*/}


/* Spacers */
.inner-bottom-xxs{padding-bottom:10px;}
.spacer-xs{margin:5px 0;}
.spacer-bottom-xs{margin-bottom:5px;}
.spacer-sm{margin:25px 0;}
.spacer-bottom-sm{margin-bottom:25px;}
.spacer-md{margin:60px 0;}
.spacer-bottom-md{margin-bottom:60px;}
.spacer-lg{margin:100px 0;}
.spacer-bottom-lg{margin-bottom:100px;}
.spacer-right{margin-right:20px;}
.spacer-left{margin-left:20px;}
/* Change tab default size */
.tabs-lg .etabs{width:35%;}
/* Datables align to top */
table.dataTable tbody td{vertical-align:top;}
/*
 * Main links colors
 */
/* apply to all inks in page-content */
#page-content li a, #page-content p a,#page-content .table tbody tr td a,#page-content .modal-text,.sidebar_kcsos .textwidget a{text-decoration:underline;color:#005CA8;}
#page-content li a:hover, #page-content p a:hover,#page-content .table tbody tr td a:hover,#page-content .modal-text:hover,.sidebar_kcsos .textwidget a:hover, #page-content .panel .lists li a:hover{text-decoration:none;color:#f26419;}
/* remove from certain styles */
#page-content .btn,.sidebar_kcsos .textwidget .btn{text-decoration:none;}
p a{border-bottom:none !important;}
/* Update default .btn hover to orange */
#page-content a.btn:hover,.sidebar_kcsos .textwidget a.btn:hover{background:#f26419;}
/* Re-do .btn-orange to new orange with default blue */
#page-content .btn-orange, .sidebar_kcsos .textwidget .btn-orange{background:#f26419;}
#page-content .btn-orange:hover, .sidebar_kcsos .textwidget .btn-orange:hover{background:#005CA8 !important;}
/* Update tabs hover to white text */
#page-content .tabs li a:hover{color:#fff;}

/*
 * Migration from KCSOS 2013 theme
 */
.lists li::before,
#lists li::before{
	font-family: 'FontAwesome';
	content: '\f0da';
	margin: 0 10px 0 -15px;
}

/*
 * Page level fixes
 * */
/* Breadcrumb link fixes, bottom menu link fixes */
#hero .breadcrumbs a:hover,#buy-template .breadcrumbs a:hover,.footer-menu a:hover{color:#91C4E5;}
/* archive.php fixes */
.classic-blog .post{background:#F2F5F7;}
/* Standard buttn removal of left margin (main.css:1938) */
p .btn{margin-left:0;}

/*
 * Media Breakpoints 
 **/

/* xs: Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {
}
/* sm: Small Devices, Tablets */
@media only screen and (min-width : 768px) {
}
/* md: Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
	/* Change logo */
	.navbar-brand img {
		max-width:300px;
	}
}
/* HACK: for issue with blue bg with width>992 & <1024, those 32px's */ 
@media only screen and (min-width : 1025px) {
	/* Change logo */
	.navbar-brand img {
		height:100px;/*70px;*/
	}
	/* Change menu bg */
	.navbar-header{
		background-color:#004d7c; /*#004b87;*/
	}
	/* Mega menu float fix */
        #menu-kcsos-main{float:right;}
}

/* lg: Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
	/* Change logo */
	.navbar-brand img {
		max-width:260px; /*290px;*/
	}
}

/* Fixing Gravity forms for 'Annual Comprehensive School Safety Plan Certification Form' id=8 */
.gform_body .gfield_checkbox input[type=checkbox], .gform_body .gfield_radio input[type=radio]{width:5%;}

/* Fix mobile float issue in some posts */
@media only screen and (max-width : 768px) {
	.no-pull-mobile{float:none !important;}
}

/* New category css for articles */
#story .img{padding-bottom:20px;}
#story .sidebyside{background:#fff;}
#story .sidebyside .title h1{padding:10px 0 0 0;}
#story .sidebyside .title_boe h1{padding:10px 0 0 0;}
#story .content{font-size:24px;line-height:160%;padding:10px 20px 40px 20px;}
#story .item-details li{font-size:18px;display:inline-block;margin:0 6px 30px 6px;box-sizing:border-box;}
#story .item-details li::after{content:"|";margin-left:12px;}
#story .item-details li:last-child::after{content:"";}
#story blockquote{margin:50px 40px;}
#story blockquote p{font-size:34px;font-weight:700;font-style:italic;}
#story blockquote footer{font-size:30px;}
@media( min-width: 992px ){
	#story .img{padding:0;}
	#story .title{padding:60px 25px 0 25px;}
	#story .title h1{font-size:38px;}
	#story .sidebyside{background:#005CA8;}
	#story .sidebyside .title h1{color:#fff;padding:20px 40px 0 40px;}
	#story .sidebyside .title_boe h1{color:#fff;padding:20px 40px 0 40px;}
	#story .sidebyside .title ul.item-details{color:#fff;padding:0 40px;}
	#story .sidebyside .title ul.item-details li::before{color:#fff;}
	#story .content{padding:40px 10px;}
	#story blockquote{margin:50px 90px;}
}
@media( min-width: 1200px ){
	#story .title{padding:50px 0 0 0;}
	#story .title h1{font-size:60px;}
	#story .sidebyside .title h1{font-size:56px;padding-top:60px;}
	#story .sidebyside .title_boe h1{font-size:56px;padding-top:60px;}
}

/* IS menu fix */
.kcsos_blue{color:#005CA8 !important;}
.kcsos_blue:hover{color:#f26419 !important;}


.gform_body .gfield_checkbox input[type="checkbox"], .gform_body .gfield_radio input[type="radio"] {width: 100% !important;}