/* .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 0px 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; 


}





/* HEADER and HEADER LINK FOR ALL ITEMS*/


.blog.myAutoBlog .page-header {


text-align: justify;


border-bottom: 0px solid #fff;


background: #eee;


font-weight: bold;


font-size: 15px;


font-family: Arial;


}


.blog.myAutoBlog .page-header a{


text-align: justify;


color:#1f497c;


font-weight: bold;


font-size: 15px;


font-family: Arial;


}


/* a different color to leading item and other ... (DETAIL OF ITEM HEADER) */


.blog.myAutoBlog .items-leading [class*="leading-"] {


text-align: justify;


background:#fff;


color: #003366;


margin-bottom: 20px;


padding:0px 0px 30px 0px;


position:relative;


}





/* give some color to items and other ... (DETAIL OF ITEM ROWS)*/


.blog.myAutoBlog .items-row [class*="span"] {


text-align: justify;


background:#fff;


color: #003366;


margin-bottom: 20px;


padding:0 0px 40px 0px;


position:relative;


}





/* force items read more button to be always at the bottom right */


.blog.myAutoBlog .readmore {


position: absolute;


right: 5px;


bottom: 0px;


}





/* minor changes, that you can change easy later */


.blog.myAutoBlog h1, .blog.myAutoBlog .page-header {


margin: 0 0 0px 0;


padding: 0 0px 0px;


}


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


}


}