/* .myautoblog is for specificity purposes so only in the blog page */
/* with this page class you will have the changes below */

/* margin from images */
.blog.myAutoBlog .pull-left.item-image {
margin: 0 0 10px 0;
}

/* remove the word "Details" above article details - I just do not like it there! */
.blog.myAutoBlog .article-info-term {
display: none;
}

/* Use of the flexbox to make items have same high */
.blog.myAutoBlog .items-row {
display:flex;
}

/* give some color to items and other ... */
.blog.myAutoBlog .items-row [class*="span"] {
background:#eee;
margin-bottom: 15px;
padding:0 0px 50px 0px;
position:relative;
}

/* a different color to leading item and other ... */
.blog.myAutoBlog .items-leading [class*="leading-"] {
background:#ddd;
margin-bottom: 15px;
padding:0px 0px 50px 0px;
position:relative;
}

/* force items read more button to be always at the bottom right */
.blog.myAutoBlog .readmore {
position: absolute;
right: 10px;
bottom: 0px;
}

/* minor changes, that you can change easy later */
.blog.myAutoBlog h2, .blog.myAutoBlog .page-header {
margin: 0 0 5px 0;
padding: 0 5px 3px;
}

.blog.myAutoBlog .page-header {
border-bottom: 0px solid #fff;
background: #0088CC;
}
.blog.myAutoBlog .page-header a{
color:#fff;
font-weight: normal;
}
.blog.myAutoBlog .icons {
padding: 0 10px;
}
.blog.myAutoBlog .myIntrotext {
padding: 0 10px;
}

@media (max-width: 767px) {
/* removes flex and allow items to stack on mobiles */
.blog.myAutoBlog .items-row {
display: block;
}
}