/*
Theme Name:     Voice Child
Theme URI:      http://mekshq.com
Description:    Child theme for the Voice Theme
Author:         Meks
Author URI:     http://mekshq.com
Template:       voice
Version:        0.1.0
*/

body, .mks_author_widget h3, .site-description, .meta-category a, textarea, h1, h2, h3, h4, h5, h6, blockquote, .vce-post-link, .site-title, .site-title a, .main-box-title, .comment-reply-title, .entry-title a, .vce-single .entry-headline p, .vce-prev-next-link, .author-title, .mks_pullquote, .widget_rss ul li .rsswidget, #bbpress-forums .bbp-forum-title, #bbpress-forums .bbp-topic-permalink, .main-navigation a, .sidr a { font-family: 'Open Sans', sans-serif;}

/***** Headings  *****/
h1, h1.entry-title { line-height: 50px; }
h2 { font-size: 30px; line-height: 35px; }
h3 { font-size: 25px; line-height: 30px; }
h4 { font-size: 20px; line-height: 25px; }
h5 { font-size: 18px; font-weight: 700; line-height: 23px; margin-bottom: 0; }
h6 { font-size: 16px; line-height: 21px; margin-bottom: 0; }

@media only screen and (max-width: 670px) and (min-width: 200px) {
	h1, h1.entry-title { line-height: 30px; }
	h2 { font-size: 22px; line-height: 27px; }
	h3 { font-size: 20px; line-height: 25px; }
	h4 { font-size: 18px; line-height: 23px; }
	h5 { font-size: 14px; line-height: 19px; }
	h6 { font-size: 14px; line-height: 19px; }
	.entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 { clear: both; }
}

@media only screen and (max-width: 1200px) and (min-width: 1024px) {
	.vce-lay-d .entry-title { font-size: 14px; }
}

/*****  Lists  *****/
.entry-content li { padding-top: 7px; padding-bottom: 7px; }
.entry-content li li { padding-top: 0; padding-bottom: 0; }
@media only screen and (max-width: 1023px) {
	li>ol, li>ul { margin-bottom: 0; margin-left: 1.5em; }
}

/*****  Links  *****/
.main-navigation .nav-menu a:hover { color: #1898c8 !important; }
.entry-title a:hover, article h1 a:hover, article h2 a:hover, article h3 a:hover, article h4 a:hover, article h5 a:hover, article h6 a:hover  { color: #003c5e; }

a:hover, .entry-title a:hover, .main-box-title a:hover, .vce_posts_widget .vce-post-list a:hover, .widget li a:hover { text-decoration: underline; }
#vce-pagination .next.page-numbers:hover, #vce-pagination .page-numbers:hover, #vce-pagination .prev.page-numbers:hover, #vce-pagination a:hover, .mks_author_link:hover, .mks_themeforest_widget .more:hover, .pagination-wapper a:hover, .sidebar .bbp_widget_login .button:hover, .vce-404-menu a:hover, .vce-button:hover, .vce-featured-section a:hover, .vce-lay-g .vce-featured-info .meta-category a:hover, .vce-lay-h .meta-category a:hover, .vce-link-pages a:hover, .vce-load-more a:hover, .vce-mega-menu-posts-wrap .owl-nav>div:hover, .vce-post-big .meta-category a:hover, .vce-post-slider .meta-category a:hover, .vce-share-items li a:hover, .vce-slider-pagination .owl-nav>div:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce #respond input#submit:hover, .woocommerce a.button.alt:hover, .woocommerce a.button:hover, .woocommerce button.button.alt:hover, .woocommerce button.button:hover, .woocommerce input.button.alt:hover, .woocommerce input.button:hover, .woocommerce ul.products li.product .added_to_cart:hover, a.mks_button:hover, button:hover, input[type=button]:hover, input[type=reset]:hover, input[type=submit]:hover { text-decoration: underline; } /* Above 2 lines to add underline to all links on hover */

a:focus, .entry-footer a:focus { outline: 3px solid #39659b; -moz-outline: 3px solid #39659b; outline-offset: 2px; }
.top-header a:focus, .main-header .site-title a:focus { outline-color: #ffffff; outline-offset: 0; }
nav a:focus, .main-navigation a:focus { outline-offset: 0; }
footer a:focus, .site-footer a:focus { outline-color: #ffffff; }
#sb_instagram a:focus { outline: 3px solid #ffffff !important; }

#vce-pagination .vce-action-link, #vce-pagination.vce-load-more a { text-transform: capitalize; }

.meta-category a { color: #666665; }

/***** Header *****/
.top-header, .vce-wrap-left img, .soc-nav-menu a { height: 60px; }
.top-header .vce-wrap-center { width: 62%; text-align: right; }
.soc-nav-menu a { line-height: 60px; }
.top-nav-menu { padding-top: 10px; padding-right: 30px; }
.top-nav-menu li a { margin-left: 10px; }
.top-nav-menu li:before { content: "\007C"; }
.top-nav-menu li:first-child:before { content: "";}
/* Top Bar Search */
 .top-header .vce-search-form { padding-top: 10px; }
 .top-header .vce-search-form .vce-search-input { font-family: 'Open Sans'; background-color: #fff; color: #666665; font-size: 13px; }
 .top-header .vce-search-form .vce-search-input:focus { width: auto; }
 .top-header .vce-search-submit { background-color: #00659e; width: 30px; right: 1px; top: 10px; height: 28px; margin-top: 6px; }
/* CalPERS Logo */
#calpLogo { background: #00659e; display: none; }/* #calpLogo added to display blue top bar with CalPERS Logo on responsive display */
#calpLogo img { height: 36px; }
.sidr-class-calpLogo img { height: 45px; margin-left: 28%;  }
.main-navigation a.calpLogo { display: none; }
.sidr ul.sidr-class-nav-menu { padding-top: 15px; }
/* PERSpective Logo */
.has-logo img { width: 300px; } /* changed from 100% for browser compatibility */
/* Sticky Header */
.header-sticky { height: auto; background: rgba(255,255,255,1); }
.header-sticky .site-title img { width: auto !important; }
.header-sticky #menu-item-378, .header-sticky #menu-item-514, #menu-item-514, #sidr-id-menu-item-514 { display: none; }
/* Responsive Nav */
.vce-responsive-nav { color: #fff !important; } /* responsive nav icon color */


 @media only screen and (max-width: 1200px) {
	 .top-nav-menu { padding-right: 20px; }
 }

/***** Search Related *****/
/* following two line corrects search button & icon on mobile nav display */
.sidr-class-vce-search-submit .sidr-class-fa { font: normal normal normal 14px/1 FontAwesome; font-size: inherit; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; text-rendering: auto; color: #ffffff; }
.sidr-class-vce-search-submit .sidr-class-fa-search:before { content: "\f002"; }
.betaSearch { display: none; }

 @media only screen and (max-width: 1023px) {
	 .betaSearch { display: inline-block; position: absolute; float: right; right: 0; padding-top: 12px;  }
	 .betaSearch .search-header-wrap { width: 40px; }
	 .betaSearch a { color: #00659e; padding: 6px 10px; border: 1px solid #ffffff; border-radius: 4px; background-color: #ffffff; }
	 .betaSearch a.search_header:before { content: ""; padding-right: 0; }
	 .betaSearch .search-header-wrap>ul {
		display: block;
	    opacity: 0;
	    -webkit-transform: scale(0);
	    -moz-transform: scale(0);
	    -ms-transform: scale(0);
	    -o-transform: scale(0);
	    transform: scale(0);
	    -webkit-transition: all .15s ease-in-out;
	    -moz-transition: all .15s ease-in-out;
	    -ms-transition: all .15s ease-in-out;
	    -o-transition: all .15s ease-in-out;
	    transition: all .15s ease-in-out;
	 }
	 .betaSearch .search-header-wrap.vce-zoomed>ul.search-header-form-ul {
	    display: block;
	    opacity: 1;
	    visibility: visible;
	    -webkit-transform: scale(1);
	    -moz-transform: scale(1);
	    -ms-transform: scale(1);
	    -o-transform: scale(1);
	    transform: scale(1);
	 }
	 .betaSearch .search-header-form-ul { text-align: left; width: 90vw; margin: 5px 0 0 0; }
	 .betaSearch ul { position: absolute; top: 100%; opacity: 0; visibility: hidden; display: block; z-index: 99999; background-color: #ffffff; }
	 .betaSearch li { display: inline-block; vertical-align: top; position: relative; }
	 .betaSearch .search-header-form .search-input, .betaSearch .search-header-form .search-input:focus { width: calc(100% - 61px); }
 }

/*****  Author Meta Display  *****/
.vce-single .meta-author { margin-top: 35px; }
.vce-single .meta-author .meta-author-img { display: none; }

/***** Sidebar  *****/
.sidebar { padding-bottom: 30px; }
.widget_categories ul.children li a { padding-left: 40px; }
.meta-tags a:before, .tagcloud a:before { content: ""; }
.entry-footer .meta-tags a { font-size: 14px; margin: 0 2px 2px 0; padding: 2px 7px; border: 1px solid #1898c8; border-radius: 4px; }
.entry-footer .meta-tags a:hover { background-color: #1898c8; color: #ffffff; }

/***** Footer *****/
.site-footer .vce-wrap-center { width: 100%; }
.site-info p, .site-info ul { font-size: 13px; }
ul.list-inline { padding-left: 0; list-style: none; margin-left: -5px; }
ul.list-inline li { line-height: 1em; padding: 5px 0; }
ul.list-inline li a { margin: 0 10px; }
.list-inline > li { display: inline-block; }
.text-uppercase { text-transform: uppercase; }
.text-uppercase li:before { content: "\007C"; }
.text-uppercase li:first-child:before { content: "";}
.site-footer #mks_social_widget-2 { padding-bottom: 5px; }
.site-footer #mks_social_widget-2 ul.mks_social_media_ul, .site-footer #mks_social_widget-2>ul { padding-top: 15px; }
.site-footer button.btn { background: #1898c8; text-transform: capitalize; min-width: 130px; margin: 13px 0; }


/*.vce-featured { min-height: 650px !important; }*/
.vce-featured .vce-featured-info { width: 100%; margin-left: 0; left: 0; top: unset !important; bottom: 0; }
.vce-hover-effect { width: 100%; background: rgba(255,255,255,.4); }
.vce-featured-full-slider  .owl-item.active img, .vce-featured:hover a img 
 {-webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    -ms-transform: none;
    transform: none;
 }

/***** Play button centered over featured article images on home page *****/
.vce-lay-b .vce-format-icon i, .vce-lay-c .vce-format-icon i { margin-right: 4px; position: relative; top: 100px; height: 80px; width: 80px; padding: 18px 0 0; font-size: 35px; }

/*YARPP Display full article title*/
.yarpp-thumbnails-horizontal .yarpp-thumbnail-title{
	overflow:visible;
}

.yarpp-thumbnails-horizontal .yarpp-thumbnail{
	height:auto !important;
}

 /***** Main Menu Search *****/
 .search-header-wrap { width: 101px; }
 a.search_header:before { content: "Search"; padding-right: 5px; }
 .main-navigation .search-header-form-ul { text-align: left; width: 400px; }
 .search-header-form .search-input, .search-header-form .search-input:focus { height: 40px !important; width: 85.5%; }
 .search-header-form-ul .vce-search-submit, .sidr-class-vce-search-form .sidr-class-vce-search-submit { display: inline-block; }
 .search #post-0 .vce-search-form .vce-search-input, .vce-search-form .vce-search-input, .vce-search-form .vce-search-input:focus { width: 85.5%; }
 aside .vce-search-form .vce-search-input, aside .vce-search-form .vce-search-input:focus { width: 200px; }
 
/***** Skip to Content *****/ 
 #skip-to-content { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }
 .hidden { display: none; }
 
 /***** Social Network Widgets *****/
 .calpSocial { text-align: center; }
 .widget .calpSocial li { display: inline-block; border: none; padding: 0 5px; }
 .widget .calpSocial li a { color: #00659e; }
 .widget .calpSocial li a:hover { color: #0099cc; }
 .calpSocial .fa { font-size: 35px; line-height: 35px; }
 #footer .calpSocial { padding-top: 15px; }
 #footer .widget .calpSocial li { padding: 0 5px; }
 #footer .widget .calpSocial li a { color: #f9f9f9; }
 #footer .calpSocial .fa { font-size: 45px; line-height: 45px; }
 
 /***** Post Layouts  *****/
 .meta-image { overflow: inherit; }
 .single .main-box-single .meta-image { overflow: hidden; }
 /* Option A */
 .optionA .vce-single .meta-image { max-height: 400px; }
 /* Option B */
 .optionB .vce-single .meta-image, .optionB .vce-single .entry-header, .optionB .vce-single h1.entry-title { width: 600px; }
 .optionB .vce-single .meta-image { margin: 0 auto; }
 .optionB .vce-single .entry-header { margin: 30px auto; text-align: left; }
 /* Option C */
 .optionC .vce-single .optionImgEx { width: 600px; margin: 0 auto; }
 .optionC .optionImgEx:after { clear: both; content: ""; display: table; }
 .optionC .vce-single .meta-image { float: left; width: 50%; }
 .optionC .vce-single .entry-headline { float: right; width: 50%; padding: 0 20px; margin: 0; }
 /* Option D */
 .optionD .vce-single .optionImgEx { background-color: #e5e9ea; max-height: 250px; overflow:hidden;/*width: 600px; margin: 0 auto;*/ }
 .optionD .optionImgEx:after, .optionE .optionImgEx:after { clear: both; content: ""; display: table; }
 .optionD .vce-single .meta-image { float: left; width: 50%; }
 .optionD .vce-single .entry-headline { float: right; width: 50%; padding: 30px 60px; margin: 0; text-align: center; color: #00659e; }
 .optionD .pQuote {}
 .optionD .vce-single .entry-headline p { font-size: 1.8rem; }
 .optionD .qCite { font-size: 1.9rem; font-weight: bold; }
 /* Option E */
 .optionE .vce-single .optionImgEx { max-height: 250px; overflow:hidden; }
 .optionE .vce-single .meta-image { float: right; width: 45%; padding: 0 0 0 15px; }
 .optionE .vce-single .entry-headline { margin: 0 auto; }
 .optionE .vce-single .entry-headline p { margin-bottom: 0; }
 .optionE .vce-single .entry-header { width: 600px; margin: 30px auto; text-align: left; }
 .optionE h1.entry-title { width: 100% !important; }

 @media screen and (max-width: 1200px) and (min-width: 1025px) {
	 .optionD .vce-single .optionImgEx { max-height: 212px; }
	 .optionD .vce-single .entry-headline { padding: 15px 35px; }
 }
 
 @media screen and (max-width: 1024px) and (min-width: 951px) {
	 .optionD .vce-single .optionImgEx { max-height: 212px; }
	 .optionD .vce-single .entry-headline { padding: 50px 35px; }
 }
 
  @media screen and (max-width: 950px) and (min-width: 768px) {
	 .optionD .vce-single .optionImgEx { max-height: 170px; }
	 .optionD .vce-single .entry-headline { padding: 15px 35px; }
 }
 
   @media screen and (max-width: 767px) {
	 .optionD .vce-single .optionImgEx { max-height: 100%; }
	 .optionD .vce-single .meta-image, .optionD .vce-single .entry-headline { float: none; width: 100%; }
	 .optionD .vce-single .entry-headline { padding: 35px 35px; }
	 .optionE .vce-single .optionImgEx { max-height: 100%; }
	 .optionE .vce-single .meta-image { float: none; width: 100%; padding: 0; }
	 .optionE .vce-single .entry-headline { margin: 30px auto 0; }
 }
 
 @media screen and (max-width: 670px) {
	 .optionE .vce-single .entry-header { width: 100%!important; padding-left: 20px; padding-right: 20px; }
	 .optionE .vce-single h1.entry-title { padding: 0 20px 0 0; }
 }
 
 @media screen and (max-width: 420px) {
	 .vce-single .entry-headline p { font-size: 1.9rem; }
	 /*.optionA .vce-single .meta-image { height: 250px; }*/
	 .optionB .vce-single .entry-header { width: 100%; padding-right: 20px; padding-left: 20px; }
	 .optionB .vce-single h1.entry-title { width: 100%; padding: 0; }
	 .optionC .vce-single .optionImgEx { width: 100%; }
	 .optionC .vce-single .meta-image { float: none; width: 100%; }
	 .optionC .vce-single .entry-headline { padding-top: 20px; }
	 /*.optionD .vce-single .optionImgEx { max-width: 100%; max-height: 100%; }
	 .optionD .vce-single .meta-image { float: none; width: 100%; max-height: 215px; }*/
	 /*.optionE .vce-single .meta-image { float: none; width: 100%; padding: 0; max-height: 250px; }*/
 }