/*
Theme Name: Kele
Theme URI: http://kele.com
Author: Amalgam
Author URI: http://amalgam.co
Description: Custom theme for Kele Blog
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: kele
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

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.

Kele is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.io/normalize.css/
*/

@font-face {
	font-family: 'ElegantIcons';
	src:url('fonts/ElegantIcons.eot');
	src:url('fonts/ElegantIcons.eot?#iefix') format('embedded-opentype'),
		url('fonts/ElegantIcons.woff') format('woff'),
		url('fonts/ElegantIcons.ttf') format('truetype'),
		url('fonts/ElegantIcons.svg#ElegantIcons') format('svg');
	font-weight: normal;
	font-style: normal;
}

.main-content:before, .main-content:after {content:""; display:table;}
.main-content:after {clear:both;}

.cf:before, .cf:after {content:""; display:table;}
.cf:after {clear:both;}

#promo-container {
	background-color: #4EADDE;	
}

#pageOuterContainer .main-content p, #pageOuterContainer .main-content * {
	font-family: Arial, Helvetica, sans-serif;
}

#pageOuterContainer .entry-meta .posted-on .updated {
	display: none;
}

#pageOuterContainer .main-content img {
	max-width: 100%;
	height: auto;
}

#pageOuterContainer .main-content img.alignleft {
	float: left;
	margin: 0 15px 5px 0;
}

#pageOuterContainer .main-content img.alignright {
	float: right;
	margin: 0 0 5px 15px;
}

.main-content #primary #main {
	padding-right: 25px;
}

.main-content #primary {
	float: left;
	width: 75%;
}

.main-content #secondary {
	float: left;
	width: 25%;
}

.main-content #secondary ul,
.main-content #secondary ol {
	padding: 0 0 0 20px;
	margin: 10px 0;
}

.posts-navigation h2 {
	display: none;
}

h1, h2, h3, h4, h5, h6,
.main-nav li.top-menu-item > a,
.new-free-shipping span,
.page-nav-forum .navlinks a,
#quicklinkwrapper h2,
p.log-in-green {
  font-family: Arial Narrow, Arial, Helvetica, sans-serif;
}

.hide {
	display: none;
}

h1, h2, h3, h4, h5, h6 {
	color: #000033;
}

#pageOuterContainer .main-content h1 {
	font-size: 32px !important;
	line-height: 36px !important;
	font-weight: normal !important;
	margin: 0 0 10px 0;
}

#pageOuterContainer .main-content h3,
#pageOuterContainer .main-content h4,
#pageOuterContainer .main-content h5,
#pageOuterContainer .main-content h6 {
	font-family: Arial, Helvetica, sans-serif !important;
}

#pageOuterContainer .main-content h2 {
	font-size: 22px !important;
	font-weight: normal !important;
}

#pageOuterContainer .main-content .entry-meta,
#pageOuterContainer .main-content .entry-meta a {
	color: #AAA;
}

#pageOuterContainer .main-content .entry-meta a:hover {
	color: #4eadde;
}

body.single .entry-header {
	padding-bottom: 10px;
	border-bottom: 1px solid #EEE;
}

.posts-navigation {
	margin: 30px 0;
}

.post-navigation {
	margin: 30px 0;
	display: none !important;
}

.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: left;
}

.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: right;
}

.entry-header {
	margin-bottom: 15px;
}

.home .post,
.archive .post,
.search-results .post {
	padding: 20px;
	border-bottom: 1px solid #DDD;
}

.entry-footer {
	display: none;
}

.search-results .post:nth-child(even),
.home .post:nth-child(even),
.archive .post:nth-child(even) {
	background: #F5F5F5;
}

.main-content #comments {
	margin: 30px 0;
	padding: 20px;
	background: #F5F5F5;
	border: 1px solid #DDD;
	border-radius: 3px;
}

.main-content #comments label {
	display: block;
}

#pageOuterContainer .main-content .posts-navigation a,
#pageOuterContainer .main-content .btn,
#pageOuterContainer .main-content input[type="submit"] {
	background: #4eadde;
	border: 1px solid #4EADDE;
	padding: 10px 20px;
	display: inline-block;
	color: #FFF;
	text-decoration: none;
}

#pageOuterContainer .main-content .posts-navigation a,
#pageOuterContainer .main-content .btn {
	padding: 8px 20px;
}

#pageOuterContainer .main-content .posts-navigation a,
#pageOuterContainer .main-content .btn:hover,
#pageOuterContainer .main-content input[type="submit"]:hover {
	background: #FFF;
	color: #4EADDE;
}

#pageOuterContainer .main-content .posts-navigation a {
	margin: 10px 0;
}

#pageOuterContainer .main-content .posts-navigation a:hover {
	color: #000033;
	border-color: #000033;
}

#pageOuterContainer .main-content textarea,
#pageOuterContainer .main-content input[type="text"],
#pageOuterContainer .main-content input[type="url"],
#pageOuterContainer .main-content input[type="search"],
#pageOuterContainer .main-content input[type="email"],
#pageOuterContainer .main-content input[type="password"],
#pageOuterContainer .main-content input[type="tel"] {
	border: 1px solid #CCC;
	padding: 7px;
	outline: none;
	-webkit-appearance: none;
	box-shadow: none;
	font-weight: normal;
	color: #000033;
}

#pageOuterContainer .main-content textarea:focus,
#pageOuterContainer .main-content input[type="text"]:focus,
#pageOuterContainer .main-content input[type="url"]:focus,
#pageOuterContainer .main-content input[type="search"]:focus,
#pageOuterContainer .main-content input[type="email"]:focus,
#pageOuterContainer .main-content input[type="password"]:focus,
#pageOuterContainer .main-content input[type="tel"]:focus {
	border-color: #4eadde;
}

#pageOuterContainer .main-content .page-header .page-title {
	margin: 10px 0 20px 0;
}

#pageOuterContainer .main-content {
margin: 0;
padding: 20px 10px;
color: #777;
}

#pageOuterContainer .main-content p {
	margin: 0 0 15px 0;
}

.shareaholic-share-buttons-container,
.shareaholic-share-buttons-heading-image {
	display: none !important;
}

#pageOuterContainer .main-content .entry-content .shareaholic-share-buttons-container {
	display: block !important;
}

#pageOuterContainer .main-content p,
#pageOuterContainer .main-content li,
#pageOuterContainer .main-content {
	font-size: 15px !important;
	line-height: 22px !important;
	color: #666 !important;
	font-family: Arial, Helvetica, sans-serif !important;
}

body.single .post {
	padding: 20px;
}

#pageOuterContainer .main-content .widget_categories ul {
	padding-left: 0;
}

#pageOuterContainer .main-content .widget_categories li {
	list-style: none;
	display: block;
	margin: 0;
}

#pageOuterContainer .main-content .widget_categories li a {
	display: block;
	text-decoration: none;
	padding: 10px;
	border-bottom: 1px solid #4eadde;
	background: #000033;
	color: #FFF;
	font-weight: bold;
	font-size: 13px;
}

#pageOuterContainer .main-content .widget_categories li a:hover {
	background: #4eadde;
}

.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

#comments ol {
	list-style: none;
	padding-left: 0;
}

#comments ol.children {
	padding-left: 15px;
}

#comments .comment-author {
	margin-bottom: 5px;
}

#comments .comment-author img {
	vertical-align: bottom;
	width: 25px;
	height: auto;
}

.widget_search .search-submit {
	visibility: hidden;
}

#pageOuterContainer .main-content .entry-title a {
	color: #000033;
	text-decoration: none;
}

#pageOuterContainer .main-content a {
	color: #4eadde;
}
.main-content li {
	margin-bottom: 10px;
}
.main-content .widget {
	margin: 30px 0;
}
body.ez-search-focused .site-container .main-header, body.ez-search-focused .site-container .main-nav, body.ez-search-focused .main-header .mobile-search-bar {
transition: all .25s ease-in-out;
}
body .site-container {
background: #FFF;
}
body.ez-search-focused {
background: #FFF !important;
}
body.ez-search-focused .footer,
body.ez-search-focused .site-container > *:not(.main-header),
body.ez-search-focused .main-header > *:not(.main-nav),
body.ez-search-focused .main-header .top-menu-item {
opacity: 1;
}
body.ez-search-focused .site-container .footer,
body.ez-search-focused .site-container .footer .btn-green,
body.ez-search-focused .site-container .main-header, 
body.ez-search-focused .site-container .main-nav, 
body.ez-search-focused .main-header .mobile-search-bar{ 
background: #C0C0CC !important;
}
body.ez-search-focused #pageOuterContainer {
opacity: .25;
}
body.ez-search-focused .main-header .top-menu-item {
pointer-events:none;
}
#pageOuterContainer {
transition: all .15s ease-in-out;
}
body > div.site-container > div.main-header > div.order-nav > div.search {
position: absolute;
top: 50%;
right: 30px;
left: 30px;
}
.main-header .logo {
margin-bottom: 40px !important;
height: 52px;
}
.main-nav li.search input {
margin: 0 !important;
}
#voiceEnable {
display: none;
position: absolute;
top: 0;
right: 35px;
width: 25px;
height: 25px;
margin: 2px 0;
cursor: pointer;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
body > div.site-container > div.main-header > div.order-nav > div.search {
right: 60px !important;
}
.search #voiceEnable {
right: -32px;
transition: all .25s ease-out;
background: none;
}
.search #voiceEnable:hover {
opacity: 0.5;
}
@media (max-width: 900px) {
body > div.site-container > div.main-header > div.order-nav > div.search {
right: 40px !important;
}
}
}
.ez-nextopia-search {
position: relative;
padding-right: 45px;
}
.ez-nextopia-search .submit-search {
position: absolute;
top: 0;
right: 0;
bottom: 0;
width: 40px;
background: #008049 url(//assets.kele.com/images/search_box_icon.png) no-repeat 50% 50%;
border: none;
outline: none;
overflow: hidden;
color: transparent;
text-indent: -9999em;
border-radius: 2px;
transition: opacity .2s linear;
}
.ez-nextopia-search .submit-search:hover {
opacity: .85;
}
.ez-nextopia-search .input-search {
display: block;
width: 100%;
height: 32px;
border: 1px solid #000033;
outline: none;
background: #FFF;
box-sizing: border-box;
padding: 6px 10px;
color: #000;
font-size: 15px;
font-weight: normal;
border-radius: 1px;
-webkit-appearance: none;
}
body.ez-search-focused.ez-search-keydown .ez-nextopia-search .input-search {
border-bottom-color: #FFF;
}
.ez-nextopia-autocomplete {
display: none;
position: absolute;
top: 31px;
left: 0;
right: 45px;
background: #FFF;
z-index: 99999;
box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, .1);
border: 1px solid #000033;
border-top: none;
}
body.ez-search-keydown .ez-nextopia-search .ez-nextopia-autocomplete {
display: block;
}
.ez-auto-cols {
padding: 0 0 20px 0;
}
.ez-auto-cols .col {
float: left;
width: 25%;
box-sizing: border-box;
}
.ez-auto-cols .col-product {
width: 50%;
}
.ez-auto-cols .col h4 {
color: #000;
font-size: 17px;
font-weight: bold;
text-transform: lowercase;
margin: 0;
padding: 15px;
}
.ez-auto-cols .col-terms ul {
border-left: 1px solid #CCC;
border-right: 1px solid #CCC;
min-height: 300px;
}
.ez-auto-cols .col ul {
margin: 0;
padding: 0 15px;
max-height: 300px;
overflow: auto;
}
.ez-auto-cols .col ul li {
margin: 0;
display: block !important;
background: none;
padding: 0;
float: none;
}
.ez-auto-cols .col ul li:last-child {
position: static;
}
.ez-auto-cols .col ul li:last-child a,
.ez-auto-cols .col ul li a {
color: #666;
font-size: 13px;
text-transform: lowercase;
font-weight: bold;
display: block;
padding: 6px 0;
transition: color .2s linear;
width: auto;
height: auto;
}
.ez-auto-cols .col ul li a:hover {
color: #4EADDE;
}
.ez-auto-cols .col-product ul li:last-child a,
.ez-auto-cols .col-product ul li a {
text-transform: uppercase;
font-size: 12px;
padding: 4px 0;
}
.ez-auto-cols .col-product ul li {
width: 49%;
display: inline-block !important;
}
.ez-auto-cols .col-product ul li:last-child a img,
.ez-auto-cols .col-product ul li a img {
width: 50px;
height: auto;
}
.ez-auto-cols .col-product ul li:last-child a img {
display: inline;
}
@media (max-width: 900px) {
body > div.site-container > div.main-header > div.order-nav > div.search {
top: 50%;
left: 10px;
right: 10px;
}
}
@media (max-width: 768px) {
	.main-content #primary {
	float: none;
	width: 100%;
}
.main-content #primary #main {
	padding-right: 0;
}
body.single .post {
	padding: 0;
}
.main-content #secondary {
	float: none;
	width: 100%;
}
body > div.site-container > div.main-header > div.order-nav > div.search {
top: 43px;
bottom: auto;
}
#pageOuterContainer .main-content {
padding: 20px 10px;
}
.ez-auto-cols .col-cats {
display: none;
}
.ez-auto-cols .col-terms ul {
border-right: none;
min-height: 200px;
}
.ez-auto-cols .col-terms ul li a {
font-weight: normal !important;
}
.ez-auto-cols .col-product {
width: 75%;
}
.ez-auto-cols .col ul {
max-height: 200px;
}
	body .site-container .main-nav .sub-nav-1-container .sub-nav-1-top {
		background-color: #FFF!important;
	}
	body .site-container .main-nav .sub-nav-1-container .sub-nav-1-top .sub-sub-nav {
		background-color: #F5F5F5!important;
	}
}
@media (max-width: 520px) {
.ez-auto-cols .col-terms {
display: none;
}
.ez-auto-cols .col-product {
width: 100%;
}
.ez-auto-cols .col-product ul li {
width: 100%;
}
}
@media (max-width: 480px) {
.main-content {
margin-top: 2px !important;
}
.site-container .main-header {
height: 95px !important;
min-height: 95px !important;
}
}

@font-face {
    font-family: Titan One;
    src: url(https://fonts.googleapis.com/css?family=Titan+One);
    font-weight: normal;
}

article {
	margin-bottom: 75px;
}

/* BEGIN CAROUSEL CSS */
/*Hide the section overflow*/
.ds-carousel-section {
    width: 100%;
    overflow: hidden;
}
 
/*Set the row width*/
.ds-carousel-row {
    overflow: hidden;
    width: 1000vw !important;
    max-width: 1000vw !important;
}
 
@media all and (max-width: 1024px) {
/*Override Divi's width setting on tablets*/
    .ds-carousel-section .ds-carousel-row {
        max-width: 1000vw !important;
    }
}
 
@media all and (max-width: 799px) {
/*Override Divi's width setting on mobiles*/
    .ds-carousel-section .ds-carousel-row {
        max-width: 1000vw !important;
    }
}
 
/*Style the navigation arrows*/
.ds-arrow-left,
.ds-arrow-right {
    color: #cc6600 !important;
    /*background: gray !important;*/
    font-family: 'ETModules' !important;
    font-size: 40px !important;
    padding: 5px 30px !important;
    border-style: none !important;
    border-radius: 0 !important;
    cursor: pointer !important;
    /*-webkit-box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.3) !important;
    box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.3) !important;*/
    -webkit-transition: all 0.3s !important;
    transition: all 0.3s !important;
}
 
/*Position the left arrow*/
.ds-arrow-left {
    float: left !important;
    margin-left: 25px !important;
}
 
/*Position the right arrow*/
.ds-arrow-right {
    float: right !important;
    margin-right: 25px !important;
}
 
/*Style navigation arrows on hover*/
.ds-arrow-left:hover,
.ds-arrow-right:hover {
	color: #4eadde !important;
   /* -webkit-box-shadow: 3px 3px 6px 1px rgba(0, 0, 0, 0.2) !important;
    box-shadow: 3px 3px 6px 1px rgba(0, 0, 0, 0.2) !important;*/
}
 
/*Style navigation arrows on click*/
.ds-arrow-left:active,
.ds-arrow-right:active {
	color: #cc6600 !important;
    /*-webkit-box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.2) inset !important;
    box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.2) inset !important;*/
}
 
/*Make sure the modules span their entire container*/
.ds-carousel-module .column {
    float: left;
    width: 100% !important;
    margin-right: 0 !important;
}
 
/*Set the module width*/
.ds-carousel-module {
    width: 15vw; /*Change this value to increase or decrease the module displayed per page*/
    padding: 0 30px !important;
    float: left;
    position: relative;
    margin-bottom: 0 !important;
}
 
/*Adjust for smaller screens*/
@media all and (max-width: 1024px) {
    /*Show 3 modules per page on tablets*/
    .ds-carousel-module {
        /*width: 33.33vw;*/
		width: 100vw;
    }
    /*Align the navigation on smaller screens*/
    #ds-arrow-row .et_pb_column {
        width: 50% !important;
    }
}
 
@media all and (max-width: 799px) {
    /*Show 1 module per page on mobiles*/
    .ds-carousel-module {
        width: 100vw;
		clear: both;
		display: inline-flex;
		align-items: center;
		justify-content: center;
    }
}
/* END CAROUSEL CSS */