/**
 * Title: Elements css
 *
 * Description: Define style for elements
 *
 * Please do not edit this file. This file is part of the Cyber Chimps Framework and all modifications
 * should be made in a child theme.
 *
 * @category Cyber Chimps Framework
 * @package  Framework
 * @since    1.0
 * @author   CyberChimps
 * @license  http://www.opensource.org/licenses/gpl-license.php GPL v2.0 (or later)
 * @link     http://www.cyberchimps.com/
 */

/************************* Style for Slider pro starts **********************/
#slider img {
  width: 100% !important;
  /* height: auto; */
}

/************************* Style for Slider pro ends **********************/

/************************* Style for Featured post scroller starts **********************/

.featured-posts {
  margin-bottom: 20px;
}

.featured-posts-container {
  padding: 15px;
  border: 1px solid #dddddd;
}

/********* Left side starts *********/

.featured-posts #featured_post {
  height: 330px;
  overflow: hidden;
}

.featured-posts ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

#featured_post li {
  display: none;
}

#featured_post li img {
  float: left;
}

#featured_post li h2.title {
  width: 100%;
  padding-bottom: 10px;
  float: left;
  clear: left;
  border-bottom: 1px solid #dddddd;
}

.featured-post-meta {
  float: right;
}

/********* Right side starts *********/

#featured_list {
  height: 330px;
  background: #000000;
  padding: 10px;
}

#featured_list ul li {
  display: block;
  border-bottom: 1px solid #333333;
}

#featured_list ul li:hover {
  cursor: pointer;
}

.featured-list-info h5 {
  fo