/* 
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;
}
.topbarmenu ul li a {
  color: #444;
}

/* 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;
}

/* this is a full screen settings */
@media (min-width: 1200px) {  
/* Change the width of the page for web browser only */
.container {
  width: 940px;
}
.portfolio .banner {
  height: 132px;
}


/* settings for portfolio 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) {
.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, #nav-second ul.sf-menu ul li a {
  font-size: 16px;
}
.sf-menu ul li {
  border-bottom: 0;
}

.post .tcol-md-4 {
  max-height: 128px;
  overflow: hidden;
  margin: 10px 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 Post & Portfolio Pages */
.portfolio .tcol-lg-4,
.post .tcol-lg-4 {
  width: 25%;
  overflow:hidden;
}

.portfolio .col-md-8,
.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
}