/** Basic theme structure
 * @author Swashata <swashata4u@gmail.com>
 * @package WordPress
 * @subpackage WP Category Post List
 * @since 1.0.0
 */
/*************************
 * THE WIDGET SECTION
 ************************/
/** The main widget */
.wp-cpl-widget, .wp-cpl-widget * {
    margin: 0;
    padding: 0;
}

.wp-cpl-even {
	position:relative;
}

.wp-cpl-odd {
	position:relative;
}

.wp-cpl-widget a:link {
	font-family:Arial, Helvetica, sans-serif;
	font-size:32px;
	line-height:34px;
	color:#000000;
	text-decoration:none;
	font-weight:bold;
	padding-top:0px !important;
}

p.wp-cpl-excerpt {
	font-family:Arial, Helvetica, sans-serif !important;
	font-size:14px !important;
	line-height:18px !important;
	margin:20px 0 0 0 !important;
	padding:0 10px 0 0 !important;
}

.wp-cpl-widget {
    list-style: none !important;
    background: none !important;
}
/** The li */
.wp-cpl-widget li {
    float: none /*!important*/;
    overflow: hidden /*!important*/;
	margin-bottom:40px;
	background-image:url('http://thesocialmediamonthly.com/wp-content/themes/custom/images/striped_lens.png');
	background-repeat:repeat;
	max-height:250px;
	overflow:hidden;
}

/** The thumb */
.wp-cpl-widget li span.wp-thumb-overlay {
    float: left !important;
    padding-right:15px !important;
	line-height: 0 !important;
}
/** The teaser */
.wp-cpl-teaser {
    padding: 5px 0 0 0 !important;
    font-style: italic !important;
    margin: 0 0 5px 0 !important;
}
/** The read more */
.wp-cpl-read-more {
    text-align: right !important;
    padding: 5px 0 0 0 !important;
    font-style: italic !important;
    margin: 0 0 5px 0 !important;
}
/** The comment */
.wp-cpl-comment, .wp-cpl-author {
    display: block !important;
    font-size: 80% !important;
}

.wp-cpl-odd .wp-cpl-date {
	background-color:#E42028 !important;
	display: block !important;
    font-size: 90% !important;
	line-height:1.35em;
	font-weight:bold;
	padding:5px;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	position:absolute;
	width:50px;
	height:50px;
	z-index:10;
	top:0;
	left:0;
}

.wp-cpl-even .wp-cpl-date {
	background-color:#166AB3 !important;
	display: block !important;
    font-size: 90% !important;
	line-height:1.35em;
	font-weight:bold;
	padding:5px;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	position:absolute;
	width:50px;
	height:50px;
	z-index:10;
	top:0;
	left:0;
}

/*************************
 * THE SHORTCODE SECTION
 ************************/
/** Main wrap */
.wp-cpl-sc-wrap, .wp-cpl-sc-wrap * {
    margin: 0 !important;
    padding: 0 !important;
}

/** Entry wrap */
.wp-cpl-sc-wrap .wp-cpl-sc-post {
    margin: 5px 0 !important;
    padding: 5px 10px !important;
    overflow: hidden !important;
}

/** Thumb anchor */
.wp-cpl-sc-wrap .wp-cpl-sc-post .wp-cpl-sc-thumba {
    float: left !important;
    margin: 0 10px 10px 0 !important;
    -moz-border-radius: 4px;
    border-radius: 4px;
    display: block !important;
}
/** Thumb image */
.wp-cpl-sc-wrap .wp-cpl-sc-post .wp-cpl-sc-thumba .wp-cpl-sc-thumb {
    -moz-border-radius: 4px;
    border-radius: 4px;
    display: block !important;
    padding: 4px !important;
}

/** Post h2 */
.wp-cpl-sc-wrap .wp-cpl-sc-post h2 {
    /* We leave it for theme compatibility */
    clear: right !important;
}

/** Post meta box */
.wp-cpl-sc-wrap .wp-cpl-sc-post .wp-cpl-sc-meta {
    clear: right !important;
    margin: 3px 0 !important;
    font-size: 10px !important;
    font-style: italic !important;
    padding: 3px !important;
    overflow: hidden !important;
}

/** Post content */
.wp-cpl-sc-wrap .wp-cpl-sc-post .wp-cpl-sc-entry {
    margin: 3px 0 !important;
}

/** Post readmore */
.wp-cpl-sc-wrap .wp-cpl-sc-post .wp-cpl-sc-readmore {
    text-align: right !important;
    font-size: 11px !important;
    font-style: italic !important;
}
/***************  mobile styling *****************/

/* Non-Retina */
@media screen and (-webkit-max-device-pixel-ratio: 1) {
}

/* Retina */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
}

/* iPhone Portrait */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) 
and (orientation : portrait) { 
.wp-cpl-widget li span.wp-thumb-overlay {
float:none;
    padding-right:15px !important;
	line-height: 0 !important;
}

.wp-cpl-widget li {
    /*overflow: hidden !important;*/
	margin-bottom:40px;
	background-image:url('http://thesocialmediamonthly.com/wp-content/themes/custom/images/striped_lens.png');
	background-repeat:repeat;
	max-height:100%;
}

span.thumb_lay img {
padding-bottom:15px;
clear:both;
}

p.wp-cpl-excerpt {
    font-family: Arial,Helvetica,sans-serif !important;
    font-size: 14px !important;
    line-height: 18px !important;
    margin: 20px 0 0 !important;
    padding: 0 10px 0 0 !important;
	clear:both;
}


}

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) 
and (orientation : landscape) { 
p.wp-cpl-excerpt {
	font-family:Arial, Helvetica, sans-serif !important;
	font-size:14px !important;
	line-height:18px !important;
	margin:20px 0 0 0 !important;
	padding:0 10px 0 0 !important;
	display:none;
}

}


/* iPad Landscape */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)
and (-webkit-min-device-pixel-ratio: 1)  { /* STYLES GO HERE */
p.wp-cpl-excerpt {
	font-family:Arial, Helvetica, sans-serif !important;
	font-size:14px !important;
	line-height:18px !important;
	margin:20px 0 0 0 !important;
	padding:0 10px 0 0 !important;
	display:none;
}
}