/**
* SRP LAYOUT CSS
* Package: special-recent-posts-pro
* Version: 3.0.6
* Author: Luca Grandicelli <lgrandicelli@gmail.com>
* Copyright (C) 2011-2014 Luca Grandicelli
* The stylesheet of the SRP widget layout
*/


/**
 * --------------------------------
 * THE WIDGET TITLE
 * --------------------------------
*/
.srp-widget-title {}


/**
 * --------------------------------
 * THE POSTS CONTAINER
 * --------------------------------
*/
.srp-widget-container,
.srp-widget-row {
	display: -webkit-box;  /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;     /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;  /* TWEENER - IE 10 */
	display: -webkit-flex; /* NEW - Chrome */
	display: flex;         /* NEW, Spec - Opera 12.1, Firefox 20+ */
}

.srp-container-single-column {
	-webkit-box-orient: vertical;
       -moz-box-orient: vertical;
  -webkit-flex-direction: column;
   	 -moz-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;

	   -webkit-flex-wrap: nowrap;
          -moz-flex-wrap: nowrap;
           -ms-flex-wrap: nowrap;
               flex-wrap: nowrap;
}

.srp-container-single-row {
	-webkit-box-orient: horizontal;
       -moz-box-orient: horizontal;
       -webkit-flex-direction: row;
          -moz-flex-direction: row;
           -ms-flex-direction: row;
               flex-direction: row;

	     -webkit-flex-wrap: nowrap;
	        -moz-flex-wrap: nowrap;
	         -ms-flex-wrap: nowrap;
	             flex-wrap: nowrap;
}

.srp-container-multi-column {
	-webkit-box-orient: vertical;
       -moz-box-orient: vertical;
  -webkit-flex-direction: column;
   	 -moz-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;

	   -webkit-flex-wrap: nowrap;
          -moz-flex-wrap: nowrap;
           -ms-flex-wrap: nowrap;
               flex-wrap: nowrap;
}

/**
 * --------------------------------
 * THE SINGLE POST
 * --------------------------------
*/
.srp-widget-singlepost {
	margin-bottom  : 0px;
	padding-bottom : 0px;
}

.srp-container-single-column .srp-widget-singlepost {
	width: 225px;
	height: 750px;
}

.srp-widget-container > .srp-widget-singlepost:last-child {
	border-bottom  : 0;
	margin-bottom  : 0;
	padding-bottom : 0;
}

.srp-post-content-container {
	display: -webkit-box;  /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;     /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;  /* TWEENER - IE 10 */
	display: -webkit-flex; /* NEW - Chrome */
	display: flex;         /* NEW, Spec - Opera 12.1, Firefox 20+ */
	background: #FFFFFF;
	height: 750px;
}

.srp-thumbnail-position-default {
	-webkit-box-orient: horizontal;
       -moz-box-orient: horizontal;
       -webkit-flex-direction: row;
          -moz-flex-direction: row;
           -ms-flex-direction: row;
               flex-direction: row;

	     -webkit-flex-wrap: nowrap;
	        -moz-flex-wrap: nowrap;
	         -ms-flex-wrap: nowrap;
	             flex-wrap: nowrap;
}

.srp-thumbnail-position-above {
	-webkit-box-orient: vertical;
       -moz-box-orient: vertical;
  -webkit-flex-direction: column;
   	 -moz-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;

	   -webkit-flex-wrap: nowrap;
          -moz-flex-wrap: nowrap;
           -ms-flex-wrap: nowrap;
               flex-wrap: nowrap;
}

.srp-container-multi-column .srp-post-multi-column,
.srp-widget-container .srp-post-single-row  {
	margin-right: 15px;
	-webkit-box-flex: 1;   /* OLD - iOS 6-, Safari 3.1-6 */
       -moz-box-flex: 1;   /* OLD - Firefox 19- */
    width: 225px;
	height: 750px;
        -webkit-flex: 1;   /* Chrome */
            -ms-flex: 1;   /* IE 10 */
                flex: 1;   /* NEW, Spec - Opera 12.1, Firefox 20+ */
}

.srp-container-multi-column .srp-post-multi-column:nth-of-type(3n),
.srp-widget-container .srp-post-single-row:nth-of-type(3n)  {
	margin-right: 0px;
}

.srp-widget-container .srp-post-single-row:last-child {
	margin: 0;
}

.srp-container-multi-column .srp-post-multi-column:last-child {
	margin-right: 0;
}


/**
 * --------------------------------
 * THE THUMBNAIL BOX
 * --------------------------------
*/
.srp-thumbnail-position-default .srp-thumbnail-box {
	margin-right: 0px;
}

.srp-thumbnail-position-above .srp-thumbnail-box {
	margin: 0;
}

.srp-post-thumbnail-link {
	display: block;
}

.srp-thumbnail-box .avatar {}

.srp-thumbnail-box img {
	height: auto;
}


/**
 * --------------------------------
 * THE CONTENT BOX
 * --------------------------------
*/
.srp-thumbnail-position-default .srp-content-box {
	-webkit-box-flex: 1;   /* OLD - iOS 6-, Safari 3.1-6 */
       -moz-box-flex: 1;   /* OLD - Firefox 19- */
             width: 20%;   /* For old syntax, otherwise collapses. */
        -webkit-flex: 1;   /* Chrome */
            -ms-flex: 1;   /* IE 10 */
                flex: 1;   /* NEW, Spec - Opera 12.1, Firefox 20+ */
}

.srp-content-box {
	padding: 15px 20px 15px 20px;
}

.srp-post-meta-container {
	display: -webkit-box;  /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;     /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;  /* TWEENER - IE 10 */
	display: -webkit-flex; /* NEW - Chrome */
	display: flex;         /* NEW, Spec - Opera 12.1, Firefox 20+ */

	-webkit-box-orient: horizontal;
       -moz-box-orient: horizontal;
       -webkit-flex-direction: row;
          -moz-flex-direction: row;
           -ms-flex-direction: row;
               flex-direction: row;

	       -webkit-flex-wrap: wrap;
	          -moz-flex-wrap: wrap;
	           -ms-flex-wrap: wrap;
	               flex-wrap: wrap;

	-webkit-justify-content: flex-start;
	   -moz-justify-content: flex-start;
	    -ms-justify-content: flex-start;
	        justify-content: flex-start;
}


/**
 * --------------------------------
 * THE POST TITLE
 * --------------------------------
*/
.srp-content-box .srp-post-title,
.widget-area .widget .srp-post-title {
	margin: 0;
}

.srp-content-box .srp-post-stringbreak-link {
	margin: 0 5px;
}


/**
 * --------------------------------
 * THE POST META BOXES
 * --------------------------------
*/
.srp-post-meta-container > div {
	margin: 0px 0px 10px 0px;
}

.srp-content-box .srp-post-title,
.widget-area .widget .srp-post-title {
	font-family: Georgia Regular, "Times New Roman", Times, serif; 
	font-weight: normal;
	font-size: 20px;
	line-height: 24px;
	letter-spacing: 0.020em; 
	text-decoration: none;
	color: #60605b;
	margin: 0px 0px 10px 0px;
}

.srp-content-box .srp-post-title a,
.widget-area .widget .srp-post-title a {
	color: #60605b;
	text-decoration: none; 
}

.srp-content-box .srp-post-author,
.widget-area .widget .srp-post-author {
   -ms-flex-order: 1;
    -webkit-order: 1;
	   -moz-order: 1;
	        order: 1;
}

.srp-content-box .srp-post-date,
.widget-area .widget .srp-post-date {
   -ms-flex-order: 2;
    -webkit-order: 2;
	   -moz-order: 2;
	        order: 2;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px; 
	line-height: 18px;	
	letter-spacing: 0.020em;
	color: #6d6f71;
}

.srp-content-box .srp-post-category,
.widget-area .widget .srp-post-category {
   -ms-flex-order: 3;
    -webkit-order: 3;
	   -moz-order: 3;
	        order: 3;
}

.srp-content-box .srp-post-comments,
.widget-area .widget .srp-post-comments {
   -ms-flex-order: 4;
    -webkit-order: 4;
	   -moz-order: 4;
	        order: 4;
}

.srp-content-box .srp-post-tags,
.widget-area .widget .srp-post-tags {
	margin: 0 0 10px;
}


/**
 * --------------------------------
 * THE POST CONTENT
 * --------------------------------
*/
.srp-content-box .srp-post-content,
.widget-area .widget .srp-post-content {
	font-family: Georgia Regular, "Times New Roman", Times, serif; 
	font-weight: normal;
	font-size: 14px;
	line-height: 18px;
	letter-spacing: 0.020em; 
	text-decoration: none;
	color: #60605b;
}

.srp-post-content a.read-more {
	display: block;
	overflow: hidden;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px; 
	line-height: 18px;	
	letter-spacing: 0em;
	text-transform: uppercase;
	text-decoration: none;
	color: #e28c05;
	margin: 10px 0px 0px 0px;
}