/*
 * Theme Name:     2016KC
 * Theme URI:      http://www.presscoders.com/designfolio
 * Description:    Child theme for TwentySixteen
 * Author:         John Smith
 * Author URI:     http: //www.presscoders.com/
 * Template:       twentysixteen
 * Version:        0.1.0
 * Text Domain:    2016KC
 * 
*/

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

.site-header {
	padding-top: 10px; padding-right: 7.6923%; padding-bottom: 0px; padding-left: 7.6923%;
	background-color: #3366cc;
    background-image: url(/gifs/header_eyes.png);
    background-repeat: no-repeat;
    background-position-x: right;
    background-position-y: top;
}

.site-header-main {
}

.site-branding {
	margin: 0 0 0 0;
}

.site-branding .site-title a {
	color: white;
	text-shadow: 2px 2px #000000;
}

.site-description {
	/* site tagline text */
	color: lightyellow;
	text-shadow: 1.5px 1.5px #000000;
}

.entry-title {
	/* RED text colour of article headlines */
	color: #ea1111;
}

.entry-content h2, .entry-summary h2, .comment-content h2, .textwidget h2 {
	/* BLUE text colour of article subheads */
	color: #0000cc;
}

.entry-content h3 {
	/* PURPLE third level header colour */
	color: #8600b3;
}


body {
	font-family: "Verdana", "Trebuchet", "Arial", sans-serif;
}

.primary-menu a {
	color: #ffffcc;
	font-family: verdana, sans-serif;
	font-size: 15px;
	//background-color: #000080c0;
	background-color: rgba(0, 0, 128, 0.70);
	border-width: 0.5px;
	border-color: #fff;
}

/* hovered menu item colour */

.main-navigation a:hover, .main-navigation a:focus {
    //color: #a0f4ff; cyan
    color: #ffeb3b;
    background-color: #DDDDDD;
}


.kc_yellow_head { color: darkorange };
.kc_green_head { color: darkgreen };
.kc_red_head { color: darkred };
.kc_blue_head { color: darkblue };

/* ========================== */
/* Responsive grid system - see 
 * http://www.responsivegridsystem.com/calculator/
 */

/*  SECTIONS  */
.rgsection {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  COLUMN SETUP  */
.rgcol {
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
}
.rgcol:first-child { margin-left: 0; }

/*  GROUPING  */
.rggroup:before,
.rggroup:after { content:""; display:table; }
.rggroup:after { clear:both;}
.rggroup { zoom:1; /* For IE 6/7 */ }

/*  GRID OF TWO  */
.span_2_of_2 {
	width: 100%;
}
.span_1_of_2 {
	width: 49.2%;
}


.kctickerframe: {
	max-width: 80%;
	height: 50px;
	margin: auto;
}

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 800px) {
	.rgcol { 
		margin: 1% 0 1% 0%;
	}
	.kctickerframe {
		width: 100%;
		height: 90px;
		margin: auto;
	}
}

@media only screen and (max-width: 580px) {
	.span_2_of_2, .span_1_of_2 { width: 100%; }
	.kctickerframe {
		width: 100%;
		height: 140px;
		margin: auto;
	}
}

/* hide the ticker under certain page width */
.tickerhidden {
	display: block;
}

@media only screen and (max-width: 768px) {
        .tickerhidden  {
                display: none;
        }
}


/* ============================================
 * Ninja tables
 * ============================================ */

.kc_table {
	background: blue;
	color: white;
}


.footable-details.table-striped>tbody>tr:nth-child(odd),.footable.table-striped>tbody>tr:nth-child(odd){
background-color:#c9c9f9 !important
}
.footable-details.table-hover>tbody>tr:hover,.footable.table-hover>tbody>tr:hover{
background-color:#f5c5c5 !important
}

.footable-details.table-hover>tbody>tr:hover,.footable.table-hover>tbody>tr:hover{
background-color:#c5f5c5
}

.semantic_ui .ui_table {
	color: #000;	// text body color in ninjatable
}

.semantic_ui .ui.table thead {
	background: #087df3; // background colour of table header
	color: white;
}

.semantic_ui .ui.table {
	background: #d4e9f7;
}