/*
Theme Name: khf theme
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: khf-theme
Tags:

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.

khf theme is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.

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

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
    ## Posts and pages
	## Asides
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust:     100%;
	overflow-x: hidden;
}

body {
	margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden],
template {
	display: none;
}

a {
	background-color: transparent;
}

a:active,
a:hover {
	outline: 0;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

mark {
	background: #ff0;
	color: #000;
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 1em 40px;
}

hr {
	box-sizing: content-box;
	height: 0;
}

pre {
	overflow: auto;
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}

button {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],
html input[disabled] {
	cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input {
	line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

input[type="search"] {
	-webkit-appearance: textfield;
	box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: bold;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

td,
th {
	padding: 0;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
	color: #2e3842;
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
}

p {
	margin: 0.5em 0 1.5em 0;
}

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

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
	font-size: 0.9375rem;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
	box-sizing: border-box;
}

*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

body {
	background: #fff; /* Fallback for when there is no custom background color defined. */
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}

blockquote,
q {
	quotes: "" "";
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul,
ol {
	margin: 0;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

img {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid #2E3842;
	font-weight: bold;
	padding: 10px 20px;
	margin: 0px;
	color: #2E3842;
	transition: opacity 0.2s ease 0s;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image: none;
    background-color: #fff;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	color: #fff;	
	background-color: #2E3842;
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	background: #e2e239; /* Old browsers */
	background: -moz-linear-gradient(left, #e2e239 0%, #008ba0 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#008ba0), color-stop(100%,#008ba0)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, #e2e239 0%,#008ba0 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, #e2e239 0%,#008ba0 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left, #e2e239 0%,#008ba0 100%); /* IE10+ */
	background: linear-gradient(to right, #e2e239 0%,#008ba0 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e239', endColorstr='#008ba0',GradientType=1 ); /* IE6-9 */

}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
	color: #ccc;
	background-color: #f4f4f4;
	border: none;
    border-radius: 0px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
	color: #111;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"] {
	padding: 3px;
}

textarea {
	padding-left: 3px;
	width: 100%;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
	color: #008ba0;
	text-decoration: none;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

a:visited {
	color: #038c9f;
}

a:hover,
a:focus,
a:active {
	color: #e0e13a;
}

a:focus {
	outline: thin dotted;
}

a:hover,
a:active {
	outline: 0;
}
/*--------------------------------------------------------------
## Header
--------------------------------------------------------------*/

.site-header{
	max-width: 1080px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}

.site-branding{
	max-width: 35%;
	float: left;
}

.site-title{
	background: url("/wp-content/uploads/2015/04/KHF-LOGO.png") no-repeat scroll 0% 0% / 100% auto transparent;
	display: block;
	height: auto;
	margin: 3px 0 13px 0;
}

.site-title a{
		text-indent: -999999999px;
		color: transparent;
		display: block;
		height: 96px;
		width: 378px;
}

.site-description{
	display: none;
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/


.main-navigation {
	clear: both;
	display: block;
	position: absolute;
	bottom: 0;
	right: 0;
}

.menu-main-menu-container{
	float: right;
}

.main-navigation ul {
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.main-navigation li {
	float: left;
	position: relative;
	padding: 0 10px;
	border-bottom: 10px solid #2E3842;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;

}
.main-navigation li:hover, .current_page_item, .current-page-ancestor, .current_page_parent{
	border-bottom: 10px solid #139397;  
}

.main-navigation li:hover:first-child, .current_page_item:first-child, .current-page-ancestor:first-child, .current_page_parent:first-child{
	border-bottom: 10px solid #139397;  
}

.main-navigation li:hover:nth-child(2), .current_page_item:nth-child(2), .current-page-ancestor:nth-child(2), .current_page_parent:nth-child(2){
	border-bottom: 10px solid #49a77f;  
}

.main-navigation li:hover:nth-child(3), .current_page_item:nth-child(3), .current-page-ancestor:nth-child(3), .current_page_parent:nth-child(3){
	border-bottom: 10px solid #71b66d;  
}

.main-navigation li:hover:nth-child(4), .current_page_item:nth-child(4), .current-page-ancestor:nth-child(4), .current_page_parent:nth-child(4){
	border-bottom: 10px solid #9ec858;  
}

.main-navigation li:hover:nth-child(5), .current_page_item:nth-child(5), .current-page-ancestor:nth-child(5), .current_page_parent:nth-child(5){
	border-bottom: 10px solid #dee03b;  
}


.main-navigation a {
	display: block;
	text-decoration: none;
	color: #2e3842;
}

.main-navigation a:hover{

}

.main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	top: 1.5em;
	left: -999em;
	z-index: 99999;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul a {
	width: 200px;
}

.main-navigation ul ul li {

}

.main-navigation li:hover > a {
}

.main-navigation ul ul :hover > a {
}

.main-navigation ul ul a:hover {
}

.main-navigation ul li:hover > ul {
	left: auto;
}

.main-navigation ul ul li:hover > ul {
	left: 100%;
}

.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a {
}




/* SEARCH */

input[type="search"]{
	max-width: 350px;
	position: absolute;
	right: 0;
	background-color: transparent;
	border: 1px solid #f4f4f4;
	margin-top: 5px;
}



.search-submit{
	display: none;
}








/* Small menu. */


.menu-toggle {
	display: none;
}

@media screen and (max-width: 600px) {
	.menu-toggle,
	.main-navigation.toggled .nav-menu {
		display: block;
	}

	.main-navigation ul {
		display: none;
	}
}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

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

.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
}

/* Make sure select elements fit in widgets. */
.widget select {
	max-width: 100%;
}

/* Search widget. */
.widget_search .search-submit {
	display: none;
}


#secondary{
	background: #008ba0; /* Old browsers */
	background: -moz-linear-gradient(left, #008ba0 0%, #e2e239 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#008ba0), color-stop(100%,#e2e239)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, #008ba0 0%,#e2e239 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, #008ba0 0%,#e2e239 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left, #008ba0 0%,#e2e239 100%); /* IE10+ */
	background: linear-gradient(to right, #008ba0 0%,#e2e239 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008ba0', endColorstr='#e2e239',GradientType=1 ); /* IE6-9 */

	clear: both;
	margin-top: 20px;
}

.home #secondary{
	margin-top: 0;
}

#secondary aside:first-child{
	float: left;
	max-width: 30%;
	margin: 0 3% 0 0;
}

#secondary aside:first-child li{
	margin: 6px 0;
}

#secondary aside{
	float: left;
	max-width: 43%;
	margin: 0 3%;
}

#secondary aside:last-child{
	float: left;
	max-width: 30%;
	margin: 0;
}



.secondary-inner{
	max-width: 1080px;
	margin: 0 auto;
	height: 300px;
	position: relative;
}

.secondary-inner h1{
	color: #fff;
	font-size: 21px;
	font-weight: 100;
}


.secondary-inner ul {
    list-style: none;
    margin: 0;
    padding: 0 20px;
}

.secondary-inner li {
    margin: 10px 0;
}
.secondary-inner li.current-menu-item a{
	color: #fff;
}

.secondary-inner a {
	font-size: 18px;
    color: #2e3842;
    text-decoration: none;
}

.secondary-inner a:hover {
    color: #fff;
}


/* RECENT POSTS */


.rpwe-block li {
    border-bottom: none !important;
    margin-bottom: 0 !important;
    padding-bottom: 30px !important;
    list-style-type: none;
    position: relative;
}

a.more-link{
	position: absolute;
	bottom: 5px;
	right: 0;
	color: #fff;
	font-size: 15px;
	padding-right: 10px;

}

.rpwe-thumb {
    border: none !important;
    box-shadow: none !important;
    margin: 2px 10px 2px 0px;
    padding: 0px !important;
}





/* LATEST TWEETS */

.juiz_last_tweet_inside .juiz_last_tweet_tweetlist {
    position: relative;
    padding: 10px;
    margin: 0px;
    background-color: #fff;
    background-image: linear-gradient(#FFF, rgba(255, 255, 255, 0));
    border-radius: 6px;
    box-shadow: none;
    border: none;
    font-size: 12px;
}
.juiz_last_tweet_inside .juiz_last_tweet_tweetlist::after {
    position: absolute;
    content: " ";
    bottom: -12px;
    left: 30px;
    border-top: 12px solid #fff;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
}

.secondary-inner li {
    margin: 0;
}


/* RELATED POSTS */

.crp_related_widget ul {
    list-style: inside none none;
    padding: 0 0 0 10px;
}
.crp_related_widget ul li{
	margin: 0 0 70px 0;
}

.crp_title{
	font-size: 18px;
	margin: 10px;
}

.crp_author, .crp_date{
	font-size: 12px;
	margin-bottom: 15px;
}
.crp_excerpt{
	float: left;
}


/* CALENDAR */

#wp-calendar a{
	color: #E0E13A;
}
#wp-calendar a:hover{
	color: #008BA0;
}





/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/

/* SLIDER */

.metaslider {
    margin: 0 auto;
}

.metaslider .caption-wrap {
    top: 10%!important;
    background: transparent !important;
    color: #FFF;
    opacity: 1!important;
    margin: 0px;
    display: block;
    width: 100%;
    line-height: 1.4em;
}

.metaslider .caption {
    padding: 5px 10px;
    word-wrap: break-word;
    max-width: 400px;
    float: right;
    margin-right: 5%;
}

.metaslider .caption h3{
	background: #008ba0; /* Old browsers */
	background: -moz-linear-gradient(left, #008ba0 0%, #e2e239 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#008ba0), color-stop(100%,#e2e239)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, #008ba0 0%,#e2e239 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, #008ba0 0%,#e2e239 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left, #008ba0 0%,#e2e239 100%); /* IE10+ */
	background: linear-gradient(to right, #008ba0 0%,#e2e239 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008ba0', endColorstr='#e2e239',GradientType=1 ); /* IE6-9 */

	margin: 5px 0px;
	padding: 15px;
	font-size: 24px;
	font-weight: 100;

}
.metaslider .caption p{
	padding: 0px 10px;
	font-size: 18px;
}

a.slider-button{
	color: #fff;
	font-size: 18px;
	border: 3px solid #fff;
	padding: 10px 20px;
	bottom: 50px;
	right: 5%;
	position: absolute;
	font-weight: 100;
}

a.slider-button:hover{
	background-color: #fff;
	color: #2e3842;
}








/* CONTENT */

.site-content{
	border-top: 10px solid #2e3842;
	margin-top: -10px;
}
.entry-header.main-title{
    border-bottom: 3px solid rgb(244, 244, 244);
    margin-bottom: 15px;
}

.home .entry-header.main-title{
	border-bottom: none;
	margin-bottom: 0;
}

.home .entry-header{
	background-color: #fff;
	margin: 0;
}

.entry-title {
	max-width: 1080px;
	margin: 0 auto;	
	font-size: 24px;
	font-weight: 100;
	line-height: 50px;
	padding-left: 10px;
}

.entry-meta{
	max-width: 1080px;
	margin: 0 auto;		
}


.home .entry-content{
	background-color: #f4f4f4;
}

.inside-content, .entry-text{
	max-width: 1080px;
	margin: 0 auto;	
}

.inside-content{
	padding: 0 10px;
}

.home-main-text-box{
	padding: 15px 0 !important; 
}

.sticky {
	display: block;
}

.hentry {
	margin: 0;
}

.byline,
.updated:not(.published) {
	display: none;
}

.single .byline,
.group-blog .byline {
	display: inline;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}














/* NEWSLETTER */ 

.newsletter{
	background-color: #2E3842;
	padding: 10px;
	min-height: 220px;
}

.newsletter .widget-title, .widget_wysija{
	color: #fff;
	font-weight: 500;
}

.wysija-paragraph{
	width: 80%;
	float: left;
}

p.wysija-paragraph{
	margin: 1.5em 0;
}

.widget_wysija_cont .wysija-submit {
    display: block;
    margin-top: 1.5em;
    height: 30px;
    width: 20%;
	float: left;
}


.newsletter input[type="text"], .newsletter input[type="email"], .newsletter input[type="url"], .newsletter input[type="password"], .newsletter input[type="search"], .newsletter textarea {
    color: #ccc;
    background-color: #fff;
    width: 100%;
}

.newsletter button, .newsletter input[type="button"], .newsletter input[type="reset"], .newsletter input[type="submit"] {
	border:none;
    color: #fff;
    background: #008ba0; /* Old browsers */
	background: -moz-linear-gradient(left, #008ba0 0%, #e2e239 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#008ba0), color-stop(100%,#e2e239)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, #008ba0 0%,#e2e239 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, #008ba0 0%,#e2e239 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left, #008ba0 0%,#e2e239 100%); /* IE10+ */
	background: linear-gradient(to right, #008ba0 0%,#e2e239 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008ba0', endColorstr='#e2e239',GradientType=1 ); /* IE6-9 */
	padding: 5px;

}






/* BREADCRUMB */

.home .breadcrumb{
	display: none;
}

.breadcrumb{
	background-color: #f4f4f4;
}

p#breadcrumbs{
	max-width: 1080px;
	margin: 0 auto;
	font-size: 12px;
	padding-left: 10px;
}












/* WHAT WE DO */

.menu-what-we-do-menu-container{
	background-color: #f4f4f4;
	margin-top: -15px;
}

.menu-what-we-do-menu-container ul {
    list-style: inside none none;
    padding: 0;
}

.menu-what-we-do-menu-container ul li{
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.menu-what-we-do-menu-container a{
	display: block;
	padding: 10px;
}

.menu-what-we-do-menu-container .current_page_item, .menu-what-we-do-menu-container .current-page-ancestor{
	color: #fff;
	border: none;
}

.menu-what-we-do-menu-container a:hover, .menu-what-we-do-menu-container .current_page_item a, .menu-what-we-do-menu-container .current_page_item a:hover{
	color: #fff;
}


.menu-what-we-do-menu-container ul li:hover:first-child, .menu-what-we-do-menu-container .current_page_item:first-child {
    background-color:  #139397;
}

.menu-what-we-do-menu-container ul li:hover:nth-child(2), .menu-what-we-do-menu-container .current_page_item:nth-child(2){
	background-color: #49a77f;  
}

.menu-what-we-do-menu-container ul li:hover:nth-child(3), .menu-what-we-do-menu-container .current_page_item:nth-child(3){
	background-color: #71b66d;  
}

.menu-what-we-do-menu-container ul li:hover:nth-child(4), .menu-what-we-do-menu-container .current_page_item:nth-child(4){
	background-color: #9ec858;  
}

.menu-what-we-do-menu-container ul li:hover:nth-child(5), .menu-what-we-do-menu-container .current_page_item:nth-child(5){
	background-color: #dee03b;  
}









/* FOOTER */

.site-footer{
	background-color: #2E3842;
}
.site-info{
	max-width: 1080px;
	margin: 0 auto;
}
.site-info .widget{
	margin: 0;
}

.site-info p{
	color: #fff;
	margin: 5px 0;
	text-align: center;
	font-size: 12px;
}

.site-info a{
	color: #008ba0;
}

.site-info a:hover{
	color: #e2e239;
}







/* POSTS */

.blog-img{
	float: left;
	width: 25%;
	height: 200px;
	max-width: 250px;
	position: relative;	
}

.blog-img img{
	position: absolute;
	bottom: 0;

}

.blog .entry-header{
	background-color: transparent;
}

.blog .blog-content .entry-title{
	line-height: 30px;
	margin-top: 25px;
	padding: 0;
}


.blog .entry-content, .archive .entry-content{
	background-color: transparent;
	
}

.archive .page-title{
 	max-width: 1080px;
 	margin: 0 auto;
 	font-size: 24px;
	font-weight: 100;
	line-height: 50px;
	padding-left: 10px;
}



.blog .entry-meta{
	font-size: 14px;
	line-height: 20px;
	padding: 1px 15px 1px 0px;	
}
.posted-on a{
	color: #E0E13A;
}
a .entry-date{
	color: #048d9e;
}

.blog-content{
	float: left;
	width: 65%;
	margin: 0 0 0 5%;
	position: relative;
	min-height: 200px;
}
.blog .entry-content a.more-link{
	border: 1px solid #2E3842;
	font-weight: bold;
	padding: 5px 10px;
	margin: 0;
	color: #2E3842;
	position: relative;
	float: right;
}
.blog .entry-content a.more-link:hover{
	background-color: #2E3842;
	color: #fff;
}


.blog #secondary, .single #secondary{
	margin-top: 50px;
}

footer.entry-footer{
	max-width: 1080px;
	margin: 0px auto;
	height: 20px;
}

.home footer.entry-footer{
	height: 0;
}
footer .entry-meta{
	float: right;
}



/* BLOG SINGLE */

.single .site-main{
	max-width: 1080px;
	margin: 0 auto;
	padding-top: 15px;
}

.single .entry-header{
	background-color: #fff;
}

.single-post .entry-title{
	line-height: 30px;
	margin: 25px 0;
	padding: 0;
}
.single .entry-content{
	background-color: transparent;
}

.single-content{
	max-width: 70%;
	float: left;
	padding: 0 50px 0 20px;
	position: relative;
}
.blog-sidebar{
	max-width: 30%;
	float: left;
	padding-right: 20px;
}

.single-img{
	max-width: 600px;
	max-height: 400px;
	margin: 0 auto;
	overflow: hidden;

}

.single-img img{
	margin: 0 auto;

}


.single .blog-sidebar .widget {
    margin: 0px 0px 70px;
}


.single .entry-meta{
	font-size: 14px;
	line-height: 16px;
}
.navigation.post-navigation{
	display: none;
}

.nav-previous, .nav-next{
	background: #008BA0;
	padding: 5px;
}

.nav-previous a, .nav-next a{ 
	position: relative; 
	color:#fff;
	line-height: 20px;
} 
.nav-next a{
	margin-right: 25px;
}


.post-navigation .nav-previous {
    float: left;
    width: 45%;
}
.post-navigation .nav-next {
    float: right;
    text-align: right;
    width: 45%;
}


















/*--------------------------------------------------------------
## Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
	display: none;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 0 auto;
}

.wp-caption-text {
	text-align: center;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}



/* MEDIA QUERIES */

@media all and (max-width: 1080px){
	#secondary aside:first-child {
    margin: 0px 0px 0px 1%;
	}
	#secondary aside {
    max-width: 38%;
    margin: 0px 3%;
	}
	.rpwe-block li {
    padding-bottom: 15px !important;
	}
	.inside-content {
    padding: 0px 20px;
	}
	.entry-title{
		padding-left: 20px;
	}
	.single-content {
    	padding: 0px 20px;
	}
}




@media all and (max-width: 940px){
	#pgc-8-0-0 {
    width: 65% !important;
	}
	#pgc-8-0-1 {
    width: 35% !important;
	}
	}
	a.slider-button{
		bottom: 10px;
	}


}

@media all and (max-width: 884px){
	.site-title{
		width: 310px;
		height: 96px;
	}

}

@media all and (max-width: 870px){
	.rpwe-block h3 {
    	font-size: 10px !important;
	}
	.secondary-inner {
    height: 320px;
	}
}



@media all and (max-width: 780px){
	.site-title{
		width: 273px;
	}
	.site-title a{
		width: 273px;
	}



	#pgc-8-0-0, #pgc-8-0-1 {
    	width: 100% !important;
	}
	.newsletter {
    	background-color: #2E3842;
    	padding: 10px 50px;
    	min-height: 160px;
    	margin: 0 -20px;
	}
	.newsletter input[type="text"]{
		width: 100%;
	}
	.secondary-inner{
		height: 350px;
	}

	.single-content {
    	max-width: 100%;
	}
	.blog-sidebar{
		max-width: 100%;
		padding: 0 30px;
	}
	.widget.widget_archive{
		width: 30%;
		float: left;
	}
	.widget.widget_calendar{
		width: 67%;
		float: left;
		padding-left: 3%;
	}
}











@media all and (max-width: 750px){
	.secondary-inner {
    height: 650px;
	}
	#secondary aside:first-child {
    max-width: 43%;
    margin: 0px 0px 0px 10%;
	}
	#secondary aside {
    max-width: 57%;
    margin: 0px 0 0 10%;
	}
	#secondary aside:last-child {
    max-width: 100%;
    margin: 0 10%;
	}
	.rpwe-block li {
    padding-bottom: 30px !important;
	}
		a.slider-button {
    font-size: 16px;
    border: 1px solid #FFF;
    padding: 5px 10px;
	}
	.metaslider .caption h3 {
    margin: 5px 0px;
    padding: 8px;
	}
	.metaslider .caption p {
    font-size: 16px;
	}
}
@media all and (max-width: 695px){
	#secondary aside {
    max-width: 55%;
	}
	#secondary aside:first-child {
    max-width: 43%;
    margin: 0px 0px 0px 5%;
	}

}


@media all and (max-width: 662px){
	.main-navigation li {
    padding: 0px 5px;
	}
	.main-navigation li a{
	font-size: 14px;
	}


}

@media all and (max-width: 640px){
	.blog-img {
    float: none;
    width: 100%;
    height: 200px;
    max-width:250px;
    margin: 0 auto;
    position: relative;
	}
	.blog-content {
    float: none;
    width: 90%;
    margin: 0px 5%;
    position: relative;
    min-height: 200px;
}
}

@media all and (max-width: 600px){
	.site-title{
		height: 70px;
	}

	.site-branding {
    max-width: 100%;
	}

	a.slider-button{
		display: none;
	}

	.main-navigation{
		position: relative;
		width: 100%;
	}
	.menu-main-menu-container{
		width: 100%;
	}


	button.menu-toggle{
		height: 40px;
		width: 50px;
		background-color: #2E3842;
		padding: 10px;
		position: absolute;
		bottom: 0px;
		right: 0px;
	}

	button.menu-toggle span, 
	button.menu-toggle span:before,
	button.menu-toggle span:after {
  		cursor: pointer;
  		border-radius: 1px;
  		height: 3px;
  		width: 30px;
  		background: white;
  		position: absolute;
  		display: block;
  		content: '';
	}
	button.menu-toggle span:before {
  		top: -10px;
	}
	button.menu-toggle span:after {
  		bottom: -10px; 
	}


	.menu-main-menu-container{
		background-color: #2E3842;
		z-index: 1000000 !important;
	}
	.main-navigation{
		top:0;
	}

	.main-navigation li {
		float: none;
		border-bottom: none;
		padding: 10px 5px;

	}
	.main-navigation li a{
		color: #fff;
	}
	.main-navigation a:hover, .main-navigation .current_page_item a, .main-navigation .current_page_item a:hover{
		color: #fff;
	}
	.main-navigation ul li, .main-navigation ul li:hover{
		border-bottom: none !important;
	}
	.main-navigation ul li:hover:first-child, .main-navigation .current_page_item:first-child {
    	background-color:  #139397;
	}
	.main-navigation ul li:hover:nth-child(2), .main-navigation .current_page_item:nth-child(2){
		background-color: #49a77f;  
	}

	.main-navigation ul li:hover:nth-child(3), .main-navigation .current_page_item:nth-child(3){
		background-color: #71b66d;  
	}
	.main-navigation ul li:hover:nth-child(4), .main-navigation .current_page_item:nth-child(4){
		background-color: #9ec858;  
	}
	.main-navigation ul li:hover:nth-child(5), .main-navigation .current_page_item:nth-child(5){
		background-color: #dee03b;  
	}
}


@media all and (max-width: 551px){
	#secondary aside:first-child {
    	max-width: 30%;
	}
	#secondary .secondary-inner ul{
		padding: 0;
	}
	ul.juiz_last_tweet_tweetlist{
		padding: 10px !important;
	}
}


@media all and (max-width: 485px){
	.newsletter {
    	min-height: 185px;
	}
}

@media all and (max-width: 460px){
	input[type="search"]{
		display: none;
	}
	.metaslider .caption{
		font-size: 14px;
		line-height: 16px;
		padding: 0 !important;
	}

	.metaslider .caption h3{
		display: block;
		margin: 0;
		padding: 5px;
		font-size: 16px;
		line-height: 14px;
	}
	.metaslider .caption p {
    padding: 5px 5px 0; 
    line-height: 16px;
	}
	.widget.widget_archive{
		width: 100%;
	}
	.widget.widget_calendar{
		width: 97%;
		padding-left: 3%;
	}
}


@media all and (max-width: 400px){
	.secondary-inner {
    height: 900px;
	}
	#secondary aside{
		max-width: 100%;
	}
	#secondary aside:first-child ul{
		padding-left: 20%;
	}

}

@media all and (max-width: 340px){
		.site-title{
		width: 250px;
	}
	.site-title a{
		width: 250px;
	}

}

@media all and (max-width: 340px){
.metaslider .caption p {
    line-height: 14px;
}
}