/*
Theme Name: Superhero Child
Theme URI: http://www.kobayashi.ca/
Author: KobayashiOnline
Author URI: http://www.kobayashi.ca/
Template: superhero

Description:This is a child theme of Superhero theme created by Automattic.
Give your blog a clean look with bright pops of color. Superhero features full-bleed featured posts and featured images, a fixed header, and subtle CSS3 transitions.
Version: 1.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: responsive-layout, gray, two-columns, custom-background, custom-header, custom-menu, featured-images, flexible-header, full-width-template, post-formats, sticky-post, translation-ready, rtl-language-support

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Superhero is based on Underscores http://underscores.me/, (C) 2012-2014 Automattic, Inc.

Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
and Blueprint http://www.blueprintcss.org/
*/

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

.kob-masonry-section{
	width: 100%;
	clear: both;
	padding-top: 30px;
	border-top: 6px solid #000;
}

/* ---- grid-item ---- */

.grid {
	margin: 0 auto;
}
.grid:after {
	content: '';
	display: block;
	clear: both;
}
.grid-item {
	float: left;
	margin-bottom: 60px;
	padding: 0 40px;
}
.grid-item img{
	width: 100%;
}
.grid h5{
/*	font-weight:bold;*/
	font-family: 'PT Sans', sans-serif;
	margin-top: 20px;
	margin-bottom: 10px;
	line-height: 1.1;
}
.grid h5 a{
	color: #000;
}
.grid h5 a:hover {
	text-decoration: none;
	color: #09C;
}
.kob-top-row{
	float: left;
	margin-bottom: 30px;
}
.kob-top-row a{
	color: #fff;
}
.kob-top-row a:hover, .kob-top-row a:active{
	text-decoration: none;
	color: #fff;
}
.kob-top-left-column aside{
	position: relative;
	overflow: hidden;
	background: #000;
	text-align: center;
	cursor: pointer;
	margin: 0;
}
.kob-top-right-box{
	position: relative;
	overflow: hidden;
	background: #000;
	text-align: center;
	cursor: pointer;
	margin: 0;
}
.kob-top-right-box:last-child{
	cursor: auto;
}
.kob-latest-articles-box{
	position: relative;
	overflow: hidden;
	background: #000;
	text-align: center;
	cursor: pointer;
	margin: 0;
}
.kob-top-box-image{
	position: relative;
    display: block;
    min-height: 100%;
    max-width: 100%;
}
.kob-top-row img, .kob-latest-articles-box img{
	width: 100%;
    opacity: 0.7;
	background-color: #000;
}
.kob-top-right-column .kob-top-right-box:last-child img{
	opacity: 1 !important;
	background-color: #fff !important;
}
.kob-top-box-image img:hover, .kob-latest-articles-box img:hover{
	opacity: 0;
}
.kob-article-box-text, .kob-top-box-text{
    position: absolute;
    z-index: 20;
	width: 100%;
	height: 100%;
    -o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
	top: 0;
}
.kob-top-box-text:hover, .kob-article-box-text:hover{
	background-color: #000;
}
.kob-top-box-text a{
	display: block;
}
.kob-top-box-category{
	font-family: 'PT Sans', sans-serif;
	border-bottom:1px solid #fff;
	text-align: left;
	padding: 5px 0;
	margin: 10px 30px 0 30px;
	width: 140px;
}
.kob-top-box-title, .kob-latest-articles-box-title{
    color: #FFF;
    /*font-weight: bold;*/
    line-height: 1.18;
    text-align: left;
    font-family: 'PT Sans', sans-serif;
    padding: 0 30px;
    margin-top: 40px;
	-o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
}

.kob-featured-title{
	position: relative;
    font-family: 'PT Sans', sans-serif;
    color: #FFF;
    z-index: 200;
    text-align: center;
}
.kob-featured-title h2{
    position: absolute;
	width: 100%;
	font-size: 28px;
	text-transform: uppercase;
	background-image: url(images/border.png);
	background-position: center bottom;
	background-repeat: no-repeat;
	margin: 10px 0 0 0;
    padding: 5px 0;
}
#mc4wp-form-1{
	position: absolute;
	margin: 0;
	padding: 40px;
	top: 0;
}
.kob-email-title{
	font-weight: bold;
	font-family: 'PT Sans', sans-serif;
	background-image: url(images/mail.png);
	background-repeat: no-repeat;
	background-position: right 10px;
	line-height: 1.1;
	text-align: left;
}
.kob-email-submit{
	margin-top: 20px;
}
.mc4wp-form input[type=submit] {
	width: 100%;
	padding: 6px 20px;
	font-weight: bold;
	font-size: 26px;
	font-family: 'PT Sans', sans-serif;
	background-color: #000 !important;
}
.mc4wp-success {
	font-size: 13px;
    line-height: 1.5;
}
.kor-latest-articles-title {
	color: #fff;
	width: 100%;
	padding: 0 20px;
	background-color: #000;
	text-align: center;
}
.kor-latest-articles-title h5{
	font-size: 24px;
	margin-top: 0;
}
.kob-latest-articles-box img{
	width: 100%;
}
.kob-latest-articles-box-social{
	background-color: #fff;
}
.wpp-thumbnail{
    margin: 0 10px 0 0 !important;
}
aside#text-11 a img {
    width: 12%;
}
.footer-link{
	color: #fff;
}
.footer-link h3 {
    font-size: 18px;
}
.footer-link ul{
	list-style: none;
	padding: 0;
	margin: 0;
}
.footer-link ul li{
	margin-right: 60px;
}
.footer-link ul li h3{
	margin-top: 0;
}
.footer-link ul li li{
	float: none;
	width: 100%;
}
.footer-link ul li li, .footer-link ul li p{
	font-size: 13px;
}
.footer-link a{
	color: #fff;
}
footer .vc-row-fluid{
	clear: both;
}
#site-info {
    font-size: 12px;
}
.home .hentry{
	margin-bottom: 0;
	padding-bottom: 0;
}
.ko-ad {
    text-align: center;
	clear: both;
	margin-bottom: 30px;
}
.ko-ad iframe{
	margin: 0 auto;
	/*border: 1px solid #000 !important;*/
}
#ko-load-more-stories{
	padding: 10px 60px;
	font-size: 24px;
	background-color: #262626;
	color: #fff;
    margin: 0 auto;
    display: block;
    text-align: center;
    width: 260px;
	cursor: pointer;
	font-family: PT Sans;
}
#ko-load-more-stories:hover{
	background-color: #ccc;	
	color: #000;
}
#ko-load-more-stories-loading{
	text-align: center;
	margin-bottom: 10px;
	font-size: 16px;
}
.widget ul li {
    margin-bottom: 2px;
}
.widget img{
	width: 34%;
}
/*INNER PAGE BOTTOM*/

@media screen and (max-width: 400px) {
	.kob-email-title{
		font-size: 32px;
		padding: 0 90px 0 0;
	}
}
@media screen and (max-width: 748px) {
	.kob-email-title{
		font-size: 28px;
		padding: 0 90px 0 0;
	}
	.grid-item {
		padding: 0;
		width: 100%;
	}
	.kob-latest-articles-box{
		width: 100%;
	}
	.kob-top-box-title, .kob-latest-articles-box-title, .grid h5 {
		font-size: 28px;
	}
	.kob-top-row{
		width: 100%;
	}
	#mc4wp-form-1{
		float: none;
		min-height: 200px;
	}
	.kob-email-title{
		padding-top: 10px;
   		padding-bottom: 16px;
	}
	.kob-top-left-column{
		margin-bottom: 50px;
	}
	.kob-top-right-box:last-child {
		cursor: auto;
		background: #fff;
		border: 1px solid #000;
	}
	.kob-top-right-box:last-child img{
		display: none;
	}
	#mc4wp-form-1{
		position: static;
	}
	.footer-link ul li{
		float: none;
		margin-bottom: 20px;
	}
	.footer-link ul li li{
		margin-bottom: 0;
	}
	.kob-masonry-excerpt{
		font-size: 18px;
		line-height: 1.25;
	}
	.kob-top-box-category{
		font-size: 20px;
	}
	.footer-link{
		float: none;
	}
}
@media screen and (min-width: 748px) {
	.grid-item {
		width: 50%;
	}
	.grid{
		margin: 0 -40px;
	}
	.kob-top-left-column aside{
		width: 50%;
		float: left;
	}
	.kob-top-box-category{
		font-size: 22px;
	}
	.kob-top-right-box{
		width: 50%;
		float: left;
	}
	.kob-latest-articles-box{
		width: 100%;
		float: none;
	}
	.kob-top-box-title, .kob-latest-articles-box-title{
		font-size: 28px;
		position: absolute;
		bottom: 30px;
	}
	.kob-email-title{
		font-size: 28px;
		padding: 16px 90px 10px 0;
		background-size:initial;
		background-position: right 10px;
	}
	.kob-top-left-column{
		float: left;
		margin-bottom: 20px;
	}
	.kob-top-right-column{
		float: left;
	}
	.footer-link ul li{
		float: left;
	}
	.kob-masonry-excerpt{
		font-size: 18px;
		line-height: 1.25;
	}
	.footer-link{
		float: left;
	    margin-right: 40px;
	}
	.site-info{
		float: right;
		margin-top: 8px;
	}
}
@media screen and (min-width: 788px) {
	.kob-email-title, .grid h5 {
		font-size: 30px;
	}
}

@media screen and (min-width: 1240px) {
	.kob-top-left-column{
		width: 48.6%;
		float: left;
	}
	.kob-top-right-column{
		width: 48.6%;
		float: right;
	}
	.kob-top-right-box{
		width: 50%;
		float: left;
	}
	.kob-top-box-category{
		font-size: 18px;
	}
	.kob-latest-articles-box{
		width: 48%;
		margin-bottom: 3.6%;
		max-height: 424px;
	}
	.kob-latest-articles-box:nth-child(even){
		float: right;
	}
	.kob-latest-articles-box:nth-child(odd){
		float: left;
	}
	.kob-top-box-title, .kob-latest-articles-box-title {
		font-size: 22px;
	}
	.grid h5 {
		font-size: 24px;
	}
	.kob-email-title{
		font-size: 20px;
		line-height: 1.1;
		padding: 0 56px 0 0;
		background-size: 20%;
		background-position: right 5px;
	}
		.grid-item {
		width: 25%;
	}
	.kob-masonry-excerpt{
		font-size: 14px;
		line-height: 1.2;
	}
}
@media screen and (min-width: 1500px) {
	.kob-masonry-excerpt{
		font-size: 18px;
		line-height: 1.25;
	}
	.kob-top-box-title, .kob-latest-articles-box-title, .grid h5 {
		font-size: 25px;
	}
	.kob-email-title{
		font-size: 24px;
		line-height: 1.1;
		padding: 0 60px 0 0;
		background-size: 23%;
		background-position: right 5px;
	}
	.kob-top-box-category{
		font-size: 22px;
	}
}
@media screen and (min-width: 1604px) {
	.kob-top-box-title, .kob-latest-articles-box-title{
		font-size: 28px;
	}
	.grid h5 {
		font-size: 32px;
	}
	.kob-email-title{
		font-size: 32px;
		line-height: 1.1;
		padding: 0 90px 0 0;
		background-size:initial;
		background-position: right 10px;
	}
}
.main-navigation li {
	vertical-align: middle;
}
li.menu-item a[rel="search"] {
	background-color: transparent;
	background-image: url('images/search-icon.png');
	background-repeat: no-repeat;
	font-size: 0;
	width: 18px;
	height: 18px;
}
#mysearchform {
	position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 999999;
    display: none;
}
.bgbg {
	position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
}
.closebtn {
	position: fixed;
	top: 10px;
	right: 10px;
	color: #fff;
	font-size: 30px;
	cursor: pointer;
}
.searchbox {
	max-width: 500px;
	position: fixed;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.searchbox #searchform label, .searchbox #searchform input[type="submit"] {
	display: none;
}
.searchbox #searchform input[type="text"] {
	background-color: transparent;
	background-image: none;
	border: none;
	border-bottom: 1px solid #ccc;
	width: 100%;
	display: block;
	max-width: 100%;
	height: auto;
	outline: none;
	padding: 15px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: #fff;
	font-family: 'PT Sans', sans-serif;
	font-size: 18px;
	font-weight: bold;
}
.searchbox #searchform input[type="text"]::-webkit-input-placeholder {
	color: #fff;
	font-family: 'PT Sans', sans-serif;
}
.searchbox #searchform input[type="text"]:-moz-placeholder {
	color: #fff;
	font-family: 'PT Sans', sans-serif;
}
.searchbox #searchform input[type="text"]::-moz-placeholder {
	color: #fff;
	font-family: 'PT Sans', sans-serif;
	opacity: 1;
}
.searchbox #searchform input[type="text"]:-ms-input-placeholder {
	color: #fff;
	font-family: 'PT Sans', sans-serif;
}
.searchbox #searchform input[type="text"]:focus {
	border-bottom: 3px solid #fff;
	outline: none;
}
#post-138039 > div > div > div > div > div.wpb_row.vc_row-fluid,
#post-138032 > div > div > div > div > div.wpb_row.vc_row-fluid,
#post-138036 > div > div > div > div > div.wpb_row.vc_row-fluid {
	display: none;
}