.item {background: #fef4f4;display:block;float:left;width:19%;}
.item p {color:#6f6f6f;font-family: "Guardian TextSans Web", "Helvetica Neue", Helvetica, sans-serif;line-height:1.5;margin-bottom:1rem;}
.item h2, .item h3, .item h4 {color:#666;margin:0 0 1rem 0;font-weight:400;}
.item h2 {font-size:24px;}
.item h3 {font-size:20px;}
.item h4 {font-size:2rem;}
.item:nth-child(odd)  { }
.item:nth-child(even) { }
.item img {display:block;max-width:100%;}
.item p:last-child {margin-bottom:0;}

.plain {background:#fff; border:1px solid #c7c7c7; width:24%;}
.plain h3 {color:#333 !important;font-size:1.8rem !important;line-height:1.3; font-weight:600 !important;}

.itemText {padding:1.5rem;}
.itemText h4 {font-weight:400;}

.itemCard {padding:0;}

.itemDate {background-color:#dd8d00;display:inline-block;padding:1rem;}
.itemDate h4 {color:#fff;font-style:italic;font-weight:500;margin:0;}

.itemEvent {display:inline-block;}
.itemEvent p {font-size:1.5rem;font-weight:400;padding:0 2rem;text-align:right;}

.items-container.nested-items-parent .item {width: 48%;}

.flexible-rows .item {
    -moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box; 
    border: 1px solid #eee;
    box-sizing: border-box;
    margin: 0 1% 1% 0;
	padding: 0;
}

.flexible-rows .item:last-of-type {
    margin: 0 0 1% 0;
}



.timeline-entry {position:relative;}


/* responsive */

@media only screen and (max-width: 1024px) {
    .item, .plain {width: 32%;}
}

@media only screen and (max-width: 767px) {
    .item, .plain {width: 48%;}
	.flexible-rows .item {margin: 0% 2% 2% 0;}
}

@media only screen and (max-width: 480px) {
    .item, .plain {width: 99%;margin-left: 0;margin-right: 0;}
	.item h4 {font-size: 1.6rem;}
	.flexible-rows .item {margin-bottom: 2%;}
}