.srp-widget-title {}



.srp-widget-container {
	display: -webkit-box;  
	display: -moz-box;     
	display: -ms-flexbox;  
	display: -webkit-flex; 
	display: flex;         

	    -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-widget-singlepost {
	margin-bottom  : 10px;
	padding-bottom : 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	margin-left  : 10px;
	margin-right  : 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;  
	display: -moz-box;     
	display: -ms-flexbox;  
	display: -webkit-flex; 
	display: flex;         
}

.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-box {
	margin-right: 20px;
}

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

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



.srp-content-box {
	-webkit-box-flex: 1;   
       -moz-box-flex: 1;   
             width: 20%;   
        -webkit-flex: 1;   
            -ms-flex: 1;   
                flex: 1;   
}

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



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

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



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





@media only screen and (max-width: 40em) {

	
	.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;   
	       -moz-box-flex: none;   
	               width: auto;   
	        -webkit-flex: none;   
	            -ms-flex: none;   
	                flex: none;   
	}

	
	.srp-thumbnail-box {
		margin: 0 0 10px;
	}

}