a.ccm-block-page-list-rss-feed {
    position: absolute;
    top: 0;
    right: 0;
}

div.ccm-block-page-list-wrapper {
    position: relative;
}

div.ccm-block-page-list-page-entry-horizontal {
    display: table;
    width: 100%;
}

div.ccm-block-page-list-page-entry-horizontal,
div.ccm-block-page-list-page-entry {
    margin-bottom: 10px;
}


div.ccm-block-page-list-page-entry-horizontal div.ccm-block-page-list-page-entry-thumbnail {
    display: table-cell;
    vertical-align: top;
    width: 1px;
}

div.ccm-block-page-list-page-entry-horizontal div.ccm-block-page-list-page-entry-thumbnail img {
    width: 120px;
    max-width: none;
}


div.ccm-block-page-list-page-entry-horizontal div.ccm-block-page-list-page-entry-text {
    display: table-cell;
    padding-left: 20px;
    vertical-align: top;
}

div.ccm-block-page-list-page-entry-text div.ccm-block-page-list-title {
    font-weight: bold;
}

div.ccm-block-page-list-page-entry-read-more {
    margin-top: 20px;
}

.ccm-block-page-list-page-img {  
	margin-top: 2em;
	border-radius: 100%;  
	border: 5px solid #EB5A09;
	display: block;
	box-shadow: 5px 5px 5px 5px #808080;
    margin-left: auto;
    margin-right: auto;
	width: 80%;
}

.ccm-block-page-list-page-title {
	text-align: center
}

div.ccm-block-page-list-page-text {
	text-align: center
}

.flex-container {
   display: -webkit-flex;
   display: -ms-flex;
   display: flex;
   -webkit-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
}

.flex-div {
  display: -webkit-flex; 
  display: -ms-flexbox; 
  display: flex;
  align-content: stretch;
  flex-direction: column;
}

.sg-lined-paper-background {
	background-color: #fff;
	background-image:
	linear-gradient(90deg, transparent 79px, #abced4 79px, #abced4 81px, transparent 81px),
	linear-gradient(#eee .1em, transparent .1em);
	background-size: 100% 1.2em;
	margin : 10px;
	padding :10px;
	border-style : solid;
	border-color : lightgrey;
	border-width : 1px;
	box-shadow: 5px 5px 5px 5px #808080;
}	

.sg-lined-paper-item {
	padding : 10px;
}

.sg-lined-paper-background picture img {
	transform:rotate(6deg);
	box-shadow: 0 2.1rem 2rem rgba(0,0,0,0.3);
}

.sg-lined-paper-background picture img:hover {
	transform:rotate(0deg);
	padding : 0px;
	box-shadow: none;
	transition: all 0.35s;
}

.sg-lined-paper-description {
	text-decoration : none;
	color : black;
}