/**
* SRP LAYOUT CSS
* Package: special-recent-posts-free
* Version: 2.0.4
* 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 {
	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 : 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 {
	border-bottom  : 1px dotted #ccc; /* 1px solid #ccc; */
	margin-bottom  : 10px;
	padding-bottom : 10px;
}

.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+ */
}

.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;
}


/**
 * --------------------------------
 * THE THUMBNAIL BOX
 * --------------------------------
*/
.srp-thumbnail-box {
	margin-right: 12px; /* 20px; */
	height: 110px; /* 100px; */
	width: 110px;
}

.srp-post-thumbnail-link {
	display: block;
	height: 110px; /* auto; */
	width: 110px;
}

.srp-thumbnail-box img {
	height: 110px; /* auto; */
	width: 110px;
	/* padding-bottom: 8px; */
	/* background-color: red; */
}


/**
 * --------------------------------
 * THE CONTENT BOX
 * --------------------------------
*/
.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 .srp-post-date,
.widget-area .widget .srp-post-date {
	margin: 4px 0 4px; /* 0 0 10px; */
	padding: 0;
	font-size: 14px; /* 14px; */
	font-style: italic;
	line-height: 1.4;
	color: #999;
	/* font-weight: bold; */
	/* background-color: red; */
}

.srp-content-box .srp-post-title,
.widget-area .widget .srp-post-title {
	margin: 0;
}


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

.srp-content-box .srp-post-stringbreak-link {
	margin: 0 5px 0 0px; /* 0 5px 0 -1px; margin: 0 5px; */
	font-size: 16px; /* 14px; */
	text-decoration: none;
}

.srp-content-box .srp-post-title a {
	color: #36c; /* #333; */
	font-size: 16px; /* 16px; 14px; */
	text-decoration: none;
}
.srp-content-box .srp-post-title a:hover {
	/* color: #376321; /* #333; */
	text-decoration: underline;
}

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


/**
 * --------------------------------
 * MEDIA QUERIES
 * --------------------------------
*/

/* Max-width 640px, mobile-only styles, use when QAing mobile issues */
@media only screen and (max-width: 40em) {

	/**
	 * --------------------------------
	 * The Single Post
	 * --------------------------------
	*/
	.srp-post-content-container {
	-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-content-box {
		-webkit-box-flex: none;   /* OLD - iOS 6-, Safari 3.1-6 */
	       -moz-box-flex: none;   /* OLD - Firefox 19- */
	               width: auto;   /* For old syntax, otherwise collapses. */
	        -webkit-flex: none;   /* Chrome */
	            -ms-flex: none;   /* IE 10 */
	                flex: none;   /* NEW, Spec - Opera 12.1, Firefox 20+ */
	}

	/**
	 * --------------------------------
	 * The Thumbnail Box
	 * --------------------------------
	*/
	.srp-thumbnail-box {
		margin: 10px 0;
	}

}