/*
 Theme Name:     Divi Child
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         Elegant Themes
 Author URI:     https://www.elegantthemes.com
 Template:       Divi
 Version:        1.0.13
*/
 
 
/* =Theme customization starts here
------------------------------------------------------- */  

/*add media query so changes only affect tablet and desktop*/

@media (min-width: 767px) {

    /*set the image width*/
    
    .pa-blog-list .entry-featured-image-url  {
        width: 30%;
        float: left;
        margin-bottom: 0!important;
    }
    
    /*set the details width*/
    
    .pa-blog-list .entry-title,
    .pa-blog-list .post-meta,
    .pa-blog-list .post-content {
        width: 70%;
        float: left;
        padding-left: 30px;
    }
}

/*style the individual posts*/

.pa-blog-list .et_pb_post {
    box-shadow: 0 0 20px #dddddd;
    border-radius: 6px;
 
}
.pa-blog-list .et_pb_post h2{    
    padding-top: 1em;
}

/*style the Divi blog link text as a button*/

.pa-blog-list .et_pb_post a.more-link {
    color: #ffffff;
    background: #0071fc;
    border: 2px solid #0070fc;
    padding: .7em 1.3em;
    margin-top: 20px;
    border-radius: 50px;
    text-transform: capitalize;
    display: inline-block;
    transition: all 0.3s ease-in-out;
}
  
  
/*style the Divi blog link text as a button on hover*/
.pa-blog-list .et_pb_post a.more-link:hover {
    background: transparent;
    color: #0070fc;
    border: 2px solid #0070fc;
    transition: all 0.3s ease-in-out;
}

/*add icon to blog author meta text*/

.pa-blog-meta-icons .post-meta .author a:before {
	content: "\e08a";
	font-family: ETMODULES;
	color: #0071fc;
	font-weight: bold;
	margin-right: 4px;
}