/**

* 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 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: 20px;

}



.srp-post-thumbnail-link {

	display: block;

}



.srp-thumbnail-box img {

	height: auto;

}





/**

 * --------------------------------

 * 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+ */
				
				  margin-left: 5px;

}



.srp-content-box .srp-post-date,

.widget-area .widget .srp-post-date {

	margin: 0 0 10px;

}



.srp-content-box .srp-post-title,

.widget-area .widget .srp-post-title {

	margin: 0;

          margin-right: 25px;

}





/**

 * --------------------------------

 * THE POST TITLE

 * --------------------------------

*/

.srp-content-box .srp-post-title,

.widget-area .widget .srp-post-title {

  margin: 0;
    margin-right: 21px;

}



.srp-content-box .srp-post-stringbreak-link {

  margin: 0 5px;

}





/**

 * --------------------------------

 * 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: 0 0 10px;

	}



}