/*

Theme Name: Impose
Theme URI: http://sarahana.com
Author: Sarahana
Author URI: http://sarahana.com
*/


@charset "UTF-8";
@import url(css/global.css?v=4);
@import url(css/mobile-v2.css?v=20) screen and (max-device-width: 767px);
/*@import url(css/tablet.css) screen and (device-width: 768px);*/


/* @import must be at top of file, otherwise CSS will not work */

	

/* #Clearing
================================================== */
/* Self Clearing Goodness */
.container:after {
	content:"\0020";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

/* Use clearfix class on parent to clear nested columns,
    or wrap each row of columns in a <div class="row"> */
.clearfix:before,.clearfix:after,.row:before,.row:after, .tt-dropdown-menu:after, .tt-dataset-images .tt-suggestions:after {
	content:'\0020';
	display:block;
	overflow:hidden;
	visibility:hidden;
	width:0;
	height:0;
}

.row:after,.clearfix:after, .tt-dropdown-menu:after, .tt-dataset-images .tt-suggestions:after {
	clear:both;
}

.row,.clearfix,.tt-dropdown-menu, .tt-dataset-images .tt-suggestions {
	zoom:1;
}

.column {
	float: left;
	display: block;
}

/* You can also use a <br class="clear" /> to clear columns */
.clear {
	clear:both;
	display:block;
	overflow:hidden;
	visibility:hidden;
	width:0;
	height:0;
}

.yarpp-thumbnail {
    float: left;
    height: 115px;
    width: 100%;
    border-bottom: 1px solid #efefef;
}

.yarpp-thumbnail-default {
    float: left;
    width: 35%;
    margin-top: 7px;
}

.yarpp-thumbnail-title {
    color: #161616;
    float: left;
    font-family: "Open Sans",sans-serif;
    font-size: 13px;
    font-weight: 800;
    padding: 0;
    text-transform: uppercase;
    margin-left: 20px; 
    margin-top: 10px; 
    text-align:left; 
    width:55%; 
}

.yarpp-thumbnails-horizontal a:last-child{
   border-top: none;
   border-bottom: none;
}

a.yarpp-thumbnail:hover{
  background-color: #4c2f43;
}

.yarpp-thumbnail:hover span{
  color: #f06954;
}

span.yarpp-thumbnail-default>img{
   padding: 5px 5px 0px 12px; 
   height: 90px;
   width: 100px; 
}

.attachment-yarpp-thumbnail {
    float: left;
    width: 100px; 
    height: 90px;
    margin-top: 7px;
    padding: 5px 0px 0 12px;
}

#sidebar .yarpp-related-widget {
    display: block;
}
.yarpp-related-widget {
    display: none;
}

/* Inline Related Posts Styles */
.ctaButton {
    display: none !important;
}
.IRPP_ruby-content .postTitle {
    font-family: 'sans serif' !important;
    font-size: 16px !important;
}
.IRPP_ruby-content .ctaText {
    color: #f78164 !important;
    font-size: 15px !important;
}
a.IRPP_ruby {
    /*background-color: #4C2F43 !important;*/
}
