/* 
Theme Name: Virtue Child
Description: Virtue Child Theme
Template: virtue
Version: 1.0.0
Theme URI: http://kadencethemes.com/product/virtue-free-theme/
Description: The Virtue theme is extremely versatile with tons of options, easy to customize and loaded with great features. The clean modern design is built with html5 and css3 and uses the powerful responsive framework from Bootstrap to be a fully responsive and mobile friendly. It's fully ecommerce (Woocommerce) ready with all the tools you need to design an awesome online store. The versatile design is perfect for any kind of business, online store, portfolio or personal site. We built Virtue with a powerful options panel where you can set things like your home layout, sliders, custom fonts, and completely customize your look without writing any CSS. You are going to love how easy this theme is to work with. Virtue was built and designed by <a href="http://kadencethemes.com/">Kadence Themes</a>.
Author: Kadence Themes
Author URI: http://kadencethemes.com/

*/

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

/* =Start From Here
-------------------------------------------------------------- */
/* Title page/Logo when it's text */
header #logo a.brand, .logofont {
  font-weight: 500;
  font-size: 36px;
  color: #444;
}

/* remove date on the latest post listing */
.postdate {
display:none;
}

/* left align the Home Blog Title & Home Portfolio Carousel Title */
.hometitle {
  text-align: left;
}

/* page numbers a that the bottom of image gallery in Portfolio Page */
.pagination-gallery-footer a.page-numbers {
background: #eee;
color: #888;
}
.pagination-gallery-footer a.page-numbers:hover {
background: none;
}
.pagination-gallery-footer span.current {
color: #000;
}

/* footer recents work/portfolio/projects image size */
.kadence_image_grid .imagegrid-widget a.imagegrid_item {
  width: 75px;
  height: 50px;
}
.kadence_image_grid .imagegrid-widget a.imagegrid_item img {
  width: 100%;
  height: 100%;
}
.footercol3 {
  padding-left: 0px;
  padding-right: 5px;
}

/* height for the header & top bar 
header.headerclass .container{
max-height:80px;
}

header.headerclass #topbar.topclass{
max-height:25px;
}*/

/* home blog text color */
.home_blog .entry-content {
color: #444;
}

.home_blog .subhead {
color: grey;
}

.kad-mobile-nav .kad-nav-inner li a, .nav-trigger-case {
  color: rgba(255,255,255,.8);
}

.kad-mobile-nav .kad-nav-inner li a:hover {
  background: rgba(255, 255, 255, 0.2);
}
#mobile-nav-trigger button.nav-trigger-case:hover {
  background: rgba(255, 255, 255, 0.2);
}
/* this is a full screen settings */
@media (min-width: 1200px) {  

/*.portfolio .banner {
  height: 132px;
}*/
/* distance between images and footer on porfolio pages */
.single-portfolio .contentclass {
  padding-bottom: 90px;
}
/* change Posts Pages to full width */
.single-post .main.col-lg-9 {
  width: 100%;
}
/* settings for post gallery */
.post .kad-wp-gallery .grid_item {
  margin: 15px 0 15px;
}
.post .tcol-lg-4 {
  max-height:120px;
}

.portfolio .tcol-lg-4 {
  max-height:155px;
}


/* Blogs page settings */
.col-lg-9.postlist {
  width: 100%;
}
.postlist .col-md-5 {
  width: 30%;
}
.postlist .col-md-5 .img-margin-center {
  height:167px;
  overflow:hidden;
}
.postlist .col-md-7 {
width : 68%;
}

/* next setting we work with white spaces between the latest post and portfolio caurousel */
.home-portfolio.home-padding {
  padding:0 0 50px;
}
.sliderclass {
  padding: 0 0 30px;
}  
.home_blog.home-padding {
  padding:5px 0 ;
}
.page-header {
  border-bottom: 0;
}

/* Below setting for the description part of the page in "Beside" Portfolio Page */
.pcside .pcabove {
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: solid 1px #d6d6d6;
  border-bottom-color: rgba(0,0,0,.1);
  padding-bottom: 10px;
}

.pcside .pcboth {
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: solid 1px #d6d6d6;
  border-bottom-color: rgba(0,0,0,.1);
  padding-bottom: 10px;
  padding-top: 10px;
  margin-top: 10px;
  border-top: solid 1px #d6d6d6;
  border-top-color: rgba(0,0,0,.1);
  padding-bottom: 10px;
}
} /* end of full screen settings */

@media (min-width: 992px) {
/* Change the width of the page for web browser only */
.container {
  width: 940px;
}
}

/* this is anything but full screen settings */
@media (max-width: 991px) { 
.single-portfolio .grid_item img {
  width: 320px;
  height: 213px;
}
#portfoliowrapper .tcol-ss-12 {
  max-height: 179px;
  overflow: hidden;
  margin: 15px 0;
}
.post .tcol-ss-12,
.single-portfolio .tcol-ss-12 {
  max-height: 250px;
  overflow: hidden;
  margin: 10px 0;
}
} /* end of anything but full screen settings */

/* this is a small phone (iphone 4) screen settings */
@media (min-width: 480px) { 
.single-portfolio .grid_item img {
  width: 320px;
}
.post .tcol-xs-6,
.single-portfolio .tcol-xs-6 {
  max-height: 200px;
  overflow: hidden;
  margin: 8px 0;
}
#portfoliowrapper .tcol-xs-6 {
  max-height: 178px;
  overflow: hidden;
  margin: 8px 0;
}
} /* end of small phone (iphone 4) screen settings */

/* this is any phone screen settings */
@media (max-width: 767px) { 
.postlist .col-md-5 .img-margin-center {
  height:243px;
  overflow: hidden;
}
}

@media (min-width: 768px) { /* this is a big phone (iphone 6) screen settings */
.single-portfolio .grid_item img {
  width: 220px;
}
.single-portfolio .tcol-sm-4 {
  max-height: 147px;
  overflow: hidden;
  margin: 5px 0;
}

.post .tcol-sm-4, 
#portfoliowrapper .tcol-sm-4 {
  max-height: 151px;
  overflow: hidden;
  margin: 5px 0;
}
.postlist .col-md-5 .img-margin-center {
  height:243px;
  overflow: hidden;
}
} /* end of big phone (iphone 6) screen settings */

/* this is a tablet (ipad) screen settings */
@media (min-width: 992px) { 
/* secondary menu settings for main menu */
.sf-menu ul {
  background-color:#ffffff; 
}
#nav-main ul.sf-menu ul li a {
  font-size: 16px;
}

.sf-menu ul li {
  border-bottom: 0;
}

/* change the color of the main & secondary menu when hovering over */
#nav-main ul.sf-menu a:hover {
  background: rgba(255, 255, 255, 0.2);
}
#nav-main ul.sf-menu ul li a:hover {
background: rgba(0, 0, 0, .1);
}

/* Next settings are to change height of the thumbnails size for Post */
.post .tcol-md-4 {
  max-height: 170px;
  overflow: hidden;
  margin: 5px 0;
}

#portfoliowrapper .tcol-md-3 {
  max-height: 142px;
  overflow: hidden;
  margin: 15px 0;
}

/* latest posts is full-width instead of 2 columns web browser only  */
.home_blog .col-md-6{
  width: 100%;
}
.home_blog .tcol-md-5 {
  width: 25%;
}
.home_blog .tcol-md-7 {
  width: 68%;
}

/* Blogs page settings */
.col-lg-9.postlist {
  width: 100%;
}
.postlist .col-md-5 {
  width: 30%;
}
.postlist .col-md-5 .img-margin-center {
  height:167px;
  overflow:hidden;
}
.postlist .col-md-7 {
width : 68%;
}


/* Next settings are to change the thumbnails size for Portfolio Pages */
.portfolio .tcol-lg-4
{
  width: 25%;
  overflow:hidden;
}
/* Next settings are to change the thumbnails size for Post Pages */
.post .tcol-lg-4 {
  width: 25%;
  overflow:hidden;
}

.post .col-md-8
 {
  width: 100%;
}
} /* end of tablet (ipad) screen settings */

/* Events list setting */
.tribe-events-list .type-tribe_events h2 a {
color: #333
}