/**

 * 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 v3.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 {

	overflow: hidden;

	height: 330px;

}



.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 {

	float: left;

	clear: left;

	padding-bottom: 10px;

	width: 100%;

	border-bottom: 1px solid #dddddd;

}



.featured-post-meta {

	float: right;

}



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



#featured_list {

	padding: 10px;

	height: 330px;

	background: #000000;

}



#featured_list ul li {

	display: block;

	border-bottom: 1px solid #333333;

}



#featured_list ul li:hover {

	cursor: pointer;

}



.featured-list-info h5 {

	margin-top: 0;

	margin-right: 10px;

	margin-bottom: 3px;

	color: #0088cc;

	font-weight: bold;

	font-size: 1em;

}



.featured-list-meta {

	color: #cccccc;

	font-size: 0.8em;

}



/********* Right side ends *********/



/************************* Style for Featured post scrollert ends **********************/



/************************** Style for lightbox starts ******************************/

#lbOverlay {

	position: fixed;

	top: 0;

	left: 0;

	z-index: 9999;

	width: 100%;

	height: 100%;

	background-color: #000000;

	cursor: pointer;

}



#lbCenter, #lbBottomContainer {

	position: absolute;

	z-index: 9999;

	overflow: hidden;

	background-color: #ffffff;

}



.lbLoading {

	background: #ffffff url(../images/slimbox/loading.gif) no-repeat center;

}



#lbImage {

	position: absolute;

	top: 0;

	left: 0;

	border: 10px solid #ffffff;

	background-repeat: no-repeat;

}



#lbPrevLink, #lbNextLink {

	position: absolute;

	top: 0;

	display: block;

	width: 50%;

	outline: none;

}



#lbPrevLink {

	left: 0;

}



#lbPrevLink:hover {

	background: transparent url(../images/slimbox/prevlabel.gif) no-repeat 0 15%;

}



#lbNextLink {

	right: 0;

}



#lbNextLink:hover {

	background: transparent url(../images/slimbox/nextlabel.gif) no-repeat 100% 15%;

}



#lbBottom {

	border: 10px solid #ffffff;

	border-top-style: none;

	color: #666666;

	text-align: left;

	font-size: 10px;

	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;

	line-height: 1.4em;

}



#lbCloseLink {

	display: block;

	float: right;

	margin: 5px 0;

	width: 66px;

	height: 22px;

	outline: none;

	background: transparent url(../images/slimbox/closelabel.gif) no-repeat center;

}



#lbCaption, #lbNumber {

	margin-right: 71px;

}



#lbCaption {

	font-weight: bold;

}



/************************** Style for lightbox ends ******************************/



/************************** Style for widgets starts ******************************/



#widget_boxes_container .box ul {

	margin-left: 0;

}



#widget_boxes_container .box ul li a {

	text-align: left;

}



/************************** Style for widgets ends ******************************/



/************************** Style for boxes starts ******************************/



#boxes_container a,

#boxes_container a:hover {

	display: block;

	text-decoration: none;

}



.box-image-container {

	text-align: center;

}



/************************** Style for boxes ends ********************************/



/******************** Style for Elastislide carousel starts **********************/

.es-carousel-wrapper {

	position: relative;

	margin-bottom: 20px;

	padding: 20px 22px;

	box-shadow: none;

}



.es-carousel {

	overflow: hidden;

	background: transparent;

}



.es-carousel ul {

	display: none;

}



.es-carousel ul li {

	display: block;

	float: left;

	min-width: 100px;

	height: 100%;

}



.es-carousel ul li a {

	display: block;

}



.es-carousel ul li a img {

	display: block;

	min-width: 100px;

	max-width: 100%;

	height: auto;

	border: none;

}



.es-nav span {

	position: absolute;

	top: 50%;

	left: 3px;

	margin-top: -13px;

	width: 14px;

	height: 26px;

	background: transparent url(../images/nav.png) no-repeat top left;

	text-indent: -9000px;

	opacity: 0.8;

	cursor: pointer;

}



.es-nav span:before {

  content: "\2b";

}



.es-nav span.es-nav-next {

	right: 3px;

	left: auto;

	background-position: top right;

}



.es-nav span:hover {

	opacity: 1.0;

}



.carousel-captions {

	position: relative;

	width: 100%;

	text-align: center;

}



/******************** Style for Elastislide carousel ends **********************/



/*********************** Style for Callout starts ******************************/



#callout_container .btn p {

	margin: 0;

}



/* ==================================== Twitter ================================================== */



#twitter_text ul {

	margin: 0;

}



#twitter_text img {

	margin-left: 10px;

	max-width: 48px;

	height: auto;

}



#twitter_text .twitter-followers {

	float: left;

	clear: left;

	margin: 5px 0 0 10px;

	padding: 0;

	font-size: 8px;

	line-height: 1em

}



#twitter_text  ul {

	list-style: none;

}



#twitter_text  li {

	margin-bottom: 10px;

	padding: 10px 0;

}



/* ==================================== MAGAZINE ================================================== */



#magazine [class*="span"] {

	margin-left: 0;

}



#magazine #column_width {

	height: 0;

}



#magazine #gutter_width {

	width: 2.127659574468085%;

	height: 0;

}



#magazine .column-width-4 {

	width: 31.914893617%;

}



#magazine .column-width-6 {

	width: 48.517948717948715%;

}



#magazine .post-container {

	margin-bottom: 20px;

	background: #ffffff;

}



#magazine .post-container .post {

	margin: 10px 10px 20px;

	overflow-wrap: break-word;

}



#magazine .post-title {

	margin-top: 0;

	font-size: 2em;

	line-height: 1.5;

}



#magazine .featured-image {

	width: 100%;

}



#magazine .featured-image img {

	max-width: 100%;

}