/*
Theme Name:    Member Theme - One-Page
Theme URI:
Description:	Quickly and easily publish your very own professional Voice-Over website using this modern and slick one-page theme. Choose from three color schemes to fit your on-air style and personality.
Author:         Eclarian
Author URI:     https://eclarian.com
Template:       kleo
*/


/* ------ Table of Contents ------------------------------------------------------------------------------------
01. General
02. Navigation
03. Header
05. Buttons
10. Onepage Hero
20. Onepage About Me
30. Onepage Clients & Projects
40. Onepage Testimonials
50. Onepage Blog Grid
60. Onepage Contact
70. Blog List
75. Blog Page
90. Footer
/** ------ 01. General ------------------------------------------------------------------------------------ */
h1,h2,h3,h4,h5,h6,div,p,span {
	letter-spacing: .1em;
}
p {
	/*margin-top: 0;*/
}
.kleo-socials {
	display: inline-block;
}
.kleo-socials .kleo-social-icons {
	display: inline-block;
	padding: 0;
	margin: 0;
	vertical-align: middle;
}
.kleo-socials .kleo-social-icons li {
	list-style-type: none;
	display: inline-block;
	border-radius: 50%;
	font-size: 24px;
	line-height: 40px;
	height: 40px;
	width: 40px;
	margin: 0 10px 0 0;
	transition: all .15s;
	overflow: hidden;
}
.kleo-socials .kleo-social-icons li a {
	color: #fff;
	width: 40px;
	height: 40px;
	display: block;
	padding: 2px 9px;
}
.kleo-socials .kleo-social-icons li .ts-text {
	margin: 0 10px;
	display: none;
}
.kleo-icon-anchor i::before {
	font-size: 16px;
	transition: .15s all;
	-webkit-transition: .15s all;
}
.kleo-icon-anchor .flexbox-container {
	padding: 10px 0 0;
}
.kleo-icon-text {
	margin-left: 8px;
	font-family: 'Roboto';
	font-size: 16px;
	color: #444;
	transition: .15s all;
	-webkit-transition: .15s all;
}
@media screen and (max-width: 767px) {
	.wpb_column {
		margin-bottom: 50px;
	}
}
/** ------ 02. Navigation ------------------------------------------------------------------------------------ */
li.menu-item a {
	font-size: 18px;
	text-transform: uppercase;
	color: #fff;
}
.navbar-transparent.on-light-bg .navbar .kleo-main-header.header-scrolled {
	background-color: #192225;
}
.navbar .kleo-main-header {
	background-color: #192225;
}
body.navbar-transparent.on-light-bg button.navbar-toggle span.icon-bar {
	background-color: #fff !important;
}
/** ------ 03. Header ------------------------------------------------------------------------------------ */
.main-title {
	text-transform: uppercase;
	border: none;
	margin-bottom: 40px;
}
/** ------ 05. Buttons ------------------------------------------------------------------------------------ */
.vc_btn3.vc_btn3-size-lg {
	padding: 10px 30px;
	font-size: 14px;
	letter-spacing: 1.25px;
	border: none !important;
} 
.vc_btn3.vc_btn3-size-lg:hover {
	border: none !important;
}
/** ------ 10. Onepage Hero------------------------------------------------------------------------------------ */
.onepage-hero-container {
	height: 500px;
	background-image: url(/wp-content/uploads/sites/226/2017/01/home_banner_3.jpg);
	background-size: cover;
	background-position: center;
}

/** ------ 20. Onepage About Me ------------------------------------------------------------------------------------ */
section.onepage-about-me-header {
	background-color: transparent;
	margin-top: -120px;
	padding-bottom: 0 !important;
}
section.onepage-about-me-header > .section-container {
	background-color: #fff;
	padding: 30px 50px 0 !important;
}
section.onepage-about-me-container {
	padding-top: 0 !important;
}
section.onepage-about-me-container > .section-container {
	background-color: #fff;
	padding: 0 50px 30px !important;
}
.main-color .mejs-container {
	border-radius: 5px;
	overflow: hidden;
	height: 25px !important
}
.main-color .mejs-container .mejs-controls {
	background-color: #333;
	height: 26px;
}
.main-color .mejs-container .mejs-horizontal-volume-slider {
	display: none !important;
}
.main-color .mejs-container div.mejs-time-rail {
	width: 65% !important;
	position: relative;
}
.main-color .mejs-container .mejs-time-total {
	width: 95% !important;
}
.main-color .mejs-container .mejs-controls>div {
	height: 25px;
	min-height: 0;
}
.main-color .mejs-container .mejs-controls .mejs-button button:before {
	color: #fff;
}
.main-color .mejs-container .mejs-controls .mejs-button button {
	margin-top: 9px;
}
.main-color .mejs-container .mejs-controls .mejs-time {
	padding-top: 9px;
}
.main-color .mejs-container .mejs-controls .mejs-time span {
	color: #fff;
}
@media screen and (max-width: 1450px) {
	.main-color .mejs-container div.mejs-time-rail {
		width: 61% !important;
	}
}
@media screen and (max-width: 1200px) {
	.main-color .mejs-container div.mejs-time-rail {
		width: 50% !important;
	}
}
@media screen and (max-width: 991px) {
	.main-color .mejs-container .mejs-controls .mejs-time {
		display: none;
	}
	.main-color .mejs-container div.mejs-time-rail {
		width: 65% !important;
	}
}
@media screen and (max-width: 991px) {
	.main-color .mejs-container .mejs-controls .mejs-time {
		display: block;
	}
	.main-color .mejs-container div.mejs-time-rail {
		width: 80% !important;
	}
}
@media screen and (max-width: 750px) {
	.main-color .mejs-container div.mejs-time-rail {
		width: 78% !important;
	}
}
@media screen and (max-width: 700px) {
	.main-color .mejs-container div.mejs-time-rail {
		width: 76% !important;
	}
}
@media screen and (max-width: 650px) {
	.main-color .mejs-container div.mejs-time-rail {
		width: 74% !important;
	}
}
@media screen and (max-width: 600px) {
	.main-color .mejs-container div.mejs-time-rail {
		width: 71% !important;
	}
}
@media screen and (max-width: 550px) {
	.main-color .mejs-container div.mejs-time-rail {
		width: 67% !important;
	}
}
@media screen and (max-width: 500px) {
	.main-color .mejs-container div.mejs-time-rail {
		width: 62% !important;
	}
}

@media screen and (max-width: 450px) {
	.main-color .mejs-container div.mejs-time-rail {
		width: 56% !important;
	}
}

/** ------ 30. Clients ------------------------------------------------------------------------------------ */
.onepage-clients {
	margin-bottom: 40px;
}
.client {
	margin: 0 5px 20px;
	background-color: #cdcfc7;
	padding: 30px 50px;
}
/** ------ 40. Testimonials ------------------------------------------------------------------------------------ */
.testimonial-image {
	display: none;
}
.testimonial-meta {
	margin-top: 40px;
}
.kleo-testimonials p,
.kleo-testimonials .testimonial-name,
.kleo-testimonials .testimonial-subtitle {
	max-width: 900px;
	margin-left: auto;
	margin-right: auto;
	font-family: 'Roboto', sans-serif;
	font-size: 15px;
	font-style: italic;
	color: #ccc;
}
.kleo-testimonials .testimonial-name {
	font-style: italic;
	font-family: 'Roboto Condensed', sans-serif;
	color: #fff;
}
.kleo-testimonials .testimonial-name::after {
	content: ',';
}
.kleo-testimonials .testimonial-subtitle {
	font-weight: 100;
	font-style: italic;
}
.kleo-testimonials .testimonial-meta {
	margin-top: 15px;
}
.kleo-testimonials .kleo-carousel-pager a {
	width: 10px;
	height: 10px;
	margin: 10px 5px;
}
.kleo-carousel-testimonials .testimonial-content {
	font-weight: 100;
}
/** ------ 50. Onepage Blog Grid ------------------------------------------------------------------------------------ */
.onepage-blog {
	background-color: #e5e5e5;
}
.onepage-blog .vc_grid-container {
	margin-bottom: 0;
}
.onepage-blog .vc_pageable-load-more-btn {
	display: none;
}
.onepage-blog-grid .vc_gitem-zone {
	background-color: transparent !important;
}
.onepage-blog-grid .vc_gitem-animated-block .vc_gitem-zone {
	height: 225px;
}
.onepage-blog-grid .vc_gitem-zone .vc_gitem-col {
	padding: 0;
}
.onepage-blog-grid .vc_custom_heading h4 {
	border-bottom: 2px solid #bbb;
	padding-bottom: 10px;
}
.onepage-blog-grid .vc_gitem-post-data-source-post_excerpt,
.onepage-blog-grid .vc_gitem-post-data-source-post_excerpt p {
	margin-bottom: 0;
}
.onepage-blog-grid .vc_btn3.vc_btn3-color-juicy-pink, .vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat {
	background-color: transparent;
	color: inherit;
}
.onepage-blog-grid .vc_btn3-container a.vc_btn3 {
	padding: 14px 0;
	text-transform: capitalize;
	border: none;
	color: #d64c2f;
}
.onepage-blog-grid .vc_btn3-container a.vc_btn3:hover {
	background-color: inherit;
	color: inherit;
	border: none;
	color: #192225;
}



/** ------ 60. Onepage Contact ------------------------------------------------------------------------------------ */
.onepage-contact-header {
	padding-bottom: 0 !important;
}
.onepage-contact {
	padding-top: 0 !important;
}
.onepage-contact form p {
	margin: 0;
}
.onepage-contact input,
.onepage-contact textarea {
	background-color: #efefeb !important;
}
.onepage-contact .wpcf7 input[type=submit] {
	margin: 15px 0;
	background-color: #d64c2f !important;
	color: #fff;
	padding: 10px 30px;
	font-size: 14px;
	letter-spacing: 1.25px;
	border: none;
	font-family: 'Roboto';
}
.onepage-contact .wpcf7 input[type=submit]:hover {
	background-color: #192225 !important;
}
.onepage-contact form .two-field-row .wpcf7-form-control-wrap {
	display: inline-block;
	width: calc(50% - 5px);
}
.onepage-contact form .two-field-row .wpcf7-form-control-wrap:first-child {
	margin-right: 5px;
}
.onepage-contact form .two-field-row .wpcf7-form-control-wrap:last-child {
	margin-left: 5px;
}
.onepage-contact .twitter-timeline {
	margin-top: 50px !important;
}
/** ------ 70. Blog List ------------------------------------------------------------------------------------ */
body.archive .post-title,
body.blog .post-title {
	font-family: 'Roboto';
}
body.archive .post-meta,
body.blog .post-meta {
	margin-top: 0;
}
body.archive .item-likes::before
body.blog .item-likes::before {
	display: none;
}
body.archive .post-image,
body.blog .post-image {
	overflow: hidden;
	height: 165px;
}
body.archive .post-image a,
body.blog .post-image a {
	height: 165px;
}
body.archive .post-image img,
body.blog .post-image img {
	max-width: none;
	max-height: 100%;
}
body .sidebar .widget-title {
	text-transform: uppercase;
}
body .sidebar .widget_tag_cloud a {
	border-radius: 0;
	padding: 8px 15px;
}
@media screen and (max-width: 767px) {
	body.archive .post-image img,
	body.blog .post-image img {
		max-height: none;
	}
}
/** ------ 75. Blog Page ------------------------------------------------------------------------------------ */

/** ------ 90. Footer ------------------------------------------------------------------------------------ */
#socket {
	text-align: left;
	font-size: 16px;
	line-height: 16px;
	color: #fff;
	padding: 40px 0;
	margin-top: 80px;
}
#socket .kleo-socials .kleo-social-icons li {
	background-color: #fff;
	font-size: 16px;
	line-height: 24px;
	height: 24px;
	width: 24px;
	margin: 0 8px 0 0;
}
#socket .kleo-socials .kleo-social-icons li a {
	width: 24px;
	height: 24px;
	padding: 1px 5px;
}

/* Custom */
.kleo-testimonials .testimonial-name::after {
    content: '' !important;
}