/**
 **** Front end styles
 *
 * 01 - author box
 * 02 - related posts
 * 03 - post tags
 * 04 - archive blog styles
 ** 04 - 01 grid
 ** 04 - 02 list
 * 05 - remove sidebar
 * 06 - widgets :: recent posts
 * 07 - widgets :: recent tweets
 * 08 - widgets :: contact info
 * 09 - Social
 ** 09 - 01 Share
 ** 09 - 02 Follow
 *
 **/


/* 01 - author box */
.expand_divi_author_box {
    padding: 40px;
    box-shadow: 1px 1px 25px rgba(0,0,0,0.12);
    margin: 40px auto;    
    overflow: hidden;
}
.expand_divi_author_avatar {
    float: left;
    width:80px;
    margin-right: 20px;
}
.expand_divi_author_avatar img {
    border-radius: 100%;
    border: 1px solid #ccc;
}
.expand_divi_author_bio_wrap {
    width: 84%;
    float: left;
}
h3.expand_divi_author_name {font-weight: bold;}
.expand_divi_author_bio_wrap ul {
    padding-left: 0 !important;
    margin-top: 20px;
}
.expand_divi_author_bio_wrap li {
    float: left;
    margin-right: 20px;
    list-style: none;
}
.expand_divi_author_bio_wrap li:last-child {margin-right: 0;}
@media only screen and ( min-width: 623px ) and ( max-width: 1270px ) {
	.expand_divi_author_bio_wrap {width: 76%;}
}
@media only screen and ( max-width: 622px ) {
    .expand_divi_author_avatar {
        float: none;
        margin: auto;
    }
	.expand_divi_author_bio_wrap {
    	width: 100%;
    	margin-top: 30px;
        text-align: center;
	}
    .expand_divi_author_bio_wrap li {
        float: none;
        display: inline-block;
    }
}


/* 02 - related posts */
.expand_divi_related_posts {
    margin: 30px auto; 
    overflow: hidden;
    padding: 0 17px;
}
.expand_divi_related_post {
    width: 31.3%;
    min-height: 225px;
    float: left;
    box-shadow: 1px 1px 25px rgba(0,0,0,0.12);
    margin-top: 20px;
    margin-right: 3%;
    margin-bottom: 20px;
}
.expand_divi_related_post:nth-of-type(3) {margin-right: 0%;}
.expand_divi_related_post img {
    max-height: 140px;
    object-fit: cover;
}
.expand_divi_related_post h4 {
    padding: 15px;
    font-size: 15px;
}
@media only screen and ( max-width: 767px ) {
    .expand_divi_related_post {
        width: 100%;
        margin-right: 0%;
    }
}


/* 03 - post tags */
.expand-divi-above-tags {margin-bottom: 30px;}
.expand-divi-below-tags {margin: 40px auto;}
.expand-divi-above-tags a:after,
.expand-divi-below-tags a:after {content: ',';}
.expand-divi-above-tags a:last-child:after,
.expand-divi-below-tags a:last-child:after {content: '';}


/* 04 - archive blog styles */
    /* 04 - 01 grid */
    .expand-divi-blog-grid.blog .et_pb_post,
    .expand-divi-blog-grid.search .et_pb_post,
    .expand-divi-blog-grid.archive .et_pb_post {
        width: 31.3%;
        float: left;
        border: 1px solid #ededed;
        margin-top: 20px;
        margin-right: 3%;
        margin-bottom: 20px;
        padding: 10px;
    }
    .expand-divi-blog-grid.blog .et_pb_post img,
    .expand-divi-blog-grid.search .et_pb_post img,
    .expand-divi-blog-grid.archive .et_pb_post img{margin-bottom: 10px;}
    .expand-divi-blog-grid.blog .et_pb_post:nth-of-type(3n),
    .expand-divi-blog-grid.search .et_pb_post:nth-of-type(3n),
    .expand-divi-blog-grid.archive .et_pb_post:nth-of-type(3n) {margin-right: 0%;}
    @media only screen and ( min-width: 1025px ) {
        .expand-divi-blog-grid.blog .et_pb_post:nth-of-type(3n+4),
        .expand-divi-blog-grid.search .et_pb_post:nth-of-type(3n+4),
        .expand-divi-blog-grid.archive .et_pb_post:nth-of-type(3n+4) {clear: both;}
    }
    @media only screen and ( min-width: 768px ) and ( max-width: 1024px ) {
        .expand-divi-blog-grid.blog .et_pb_post,
        .expand-divi-blog-grid.search .et_pb_post,
        .expand-divi-blog-grid.archive .et_pb_post {width: 48.5%;}
        .expand-divi-blog-grid.blog .et_pb_post:nth-of-type(2n+1),
        .expand-divi-blog-grid.search .et_pb_post:nth-of-type(2n+1),
        .expand-divi-blog-grid.archive .et_pb_post:nth-of-type(2n+1) {margin-right: 3%;}
        .expand-divi-blog-grid.blog .et_pb_post:nth-of-type(2n+2),
        .expand-divi-blog-grid.search .et_pb_post:nth-of-type(2n+2),
        .expand-divi-blog-grid.archive .et_pb_post:nth-of-type(2n+2) {margin-right: 0%;}
    }
    @media only screen and ( max-width: 767px ) {
        .expand-divi-blog-grid.blog .et_pb_post,
        .expand-divi-blog-grid.search .et_pb_post,
        .expand-divi-blog-grid.archive .et_pb_post {
            width: 100%;
            margin-right: 0%;
        }
    }
    /* 04 - 02 list */
    @media only screen and ( min-width: 730px ) {    
        .expand-divi-blog-list.blog #content-area article.format-standard.has-post-thumbnail,
        .expand-divi-blog-list.archive #content-area article.format-standard.has-post-thumbnail,
        .expand-divi-blog-list.search #content-area article.format-standard.has-post-thumbnail,
        .expand-divi-blog-list.blog article.format-video.has-post-thumbnail,
        .expand-divi-blog-list.archive article.format-video.has-post-thumbnail,
        .expand-divi-blog-list.search article.format-video.has-post-thumbnail {
            display: grid;
            grid-template-columns: 30% auto;
            grid-template-rows: auto auto 1fr;
            grid-gap: 0px 22px;
        }
        .expand-divi-blog-list.blog #content-area article.format-standard.has-post-thumbnail .entry-featured-image-url,
        .expand-divi-blog-list.archive #content-area article.format-standard.has-post-thumbnail .entry-featured-image-url,
        .expand-divi-blog-list.search #content-area article.format-standard.has-post-thumbnail .entry-featured-image-url,
        .expand-divi-blog-list.blog #content-area article.format-video.has-post-thumbnail .et_main_video_container,
        .expand-divi-blog-list.archive #content-area article.format-video.has-post-thumbnail .et_main_video_container,
        .expand-divi-blog-list.search #content-area article.format-video.has-post-thumbnail .et_main_video_container {
            grid-row: span 3;
        }
    }

/* 05 - remove sidebar */
.expand-divi-sidebar-global-remove #main-content > .container:before,
.expand-divi-sidebar-posts-remove #main-content > .container:before,
.expand-divi-sidebar-archive-remove #main-content > .container:before {background: none;}
.expand-divi-sidebar-global-remove #sidebar,
.expand-divi-sidebar-posts-remove #sidebar,
.expand-divi-sidebar-archive-remove #sidebar {display: none;}
.expand-divi-sidebar-global-remove #left-area,
.expand-divi-sidebar-posts-remove #left-area,
.expand-divi-sidebar-archive-remove #left-area {
    width: 100% !important;
    padding-right: 0 !important;
}


/* 06 - widgets :: recent posts */
.expand_divi_recent_post {
    overflow: hidden;
    margin-bottom: 10px;
    min-width: 180px;
}
.expand_divi_recent_post img {
    width: 60px;
    height: 60px;
    object-fit: cover;
    float: left;
    margin-right: 9px;
}
.expand_divi_recent_posts_wrap.ed_rounded img {border-radius: 100%;}
.expand_divi_recent_post h5 {
    font-size: 13px;
    line-height: 16px;
}


/* 07 - widgets :: recent tweets */
.expand_divi_tweet_container {
    padding: 10px;
    margin-bottom: 15px;
    box-shadow: 
        0 6px 8px rgba(102,119,136,0.03), 
        0 1px 2px rgba(102,119,136,0.3), 
        0 8px 12px rgba(58,193,203,0.1);
 }
.expand_divi_tweet_text {
    padding-bottom: 0;
    font-size: 12px;
}
.expand_divi_tweet_text a {color: #00aeef;}
.expand_divi_tweet_created_at {
    color: #ccc;
    font-size: 12px;
    font-style: italic;
}


/*08 - widgets :: contact info */
.widget_ed_contact_info li {
    margin-left: 25px;
    padding-left: 0 !important;
    position: relative;
}
.footer-widget .widget_ed_contact_info li:before {display: none;}
.widget_ed_contact_info li span {
    font-family: "Font Awesome\ 5 Brands", "Font Awesome 5 Free";
    left: -25px;
    position: absolute;
    font-size: 16px;
}
.widget_ed_contact_info li span:before {font-weight: 900;}
.widget_ed_contact_info li.ed_company_name span:before {content: "\f1ad";}
.widget_ed_contact_info li.ed_about span:before {content: "\f05a";}
.widget_ed_contact_info li.ed_mobile span:before {content: "\f10b"; font-size: 22px;}
.widget_ed_contact_info li.ed_phone span:before {content: "\f095";}
.widget_ed_contact_info li.ed_address span:before {content: "\f279";}
.widget_ed_contact_info li.ed_fax span:before {content: "\f1ac";}
.widget_ed_contact_info li.ed_website span:before {content: "\f0c1";}
.widget_ed_contact_info li.ed_email span:before {content: "\f1fa";}


/* 09 - Social */
    /* 09 - 01 Share */
    .expand_divi_share_icons {    
        padding: 20px 0;
        overflow: hidden;
    }
    .expand_divi_share_icons ul {padding: 0 !important;}
    .expand_divi_share_icons ul li {
        float: left;
        margin-right: 5px;
        margin-bottom: 10px;
        list-style: none;
        padding: 0 4px;
        min-width: 85px;
        text-align: center;
    }
    .expand_divi_share_icons li:hover {
        opacity: 0.7;
        transition: .5s;
    }
    .expand_divi_share_icons ul li a {
        color: #fff;
        font-size: 12px;
    }
    .expand_divi_share_icons ul li a:before {
        font-family: "Font Awesome\ 5 Brands", "Font Awesome 5 Free";
        padding-right: 5px;
    }
    li.expand_divi_facebook_icon {background: #39599f;}
    li.expand_divi_twitter_icon {background: #45b0e3;} 
    li.expand_divi_pinterest_icon {background: #E00707;}
    li.expand_divi_whatsapp_icon {background: #25d366;}
    li.expand_divi_linkedin_icon {background: #65b7d2;}
    li.expand_divi_reddit_icon {background: #FF5700;}
    li.expand_divi_gmail_icon {background: #B23121;}
    li.expand_divi_email_icon {background: #000;}
    li.expand_divi_facebook_icon a:before {content: "\f09a";}
    li.expand_divi_twitter_icon a:before {content: "\f099";} 
    li.expand_divi_pinterest_icon a:before {content: "\f231";}
    li.expand_divi_whatsapp_icon a:before {content: "\f232";}
    li.expand_divi_linkedin_icon a:before {content: "\f0e1";}
    li.expand_divi_reddit_icon a:before {content: "\f281";}
    li.expand_divi_gmail_icon a:before {content: "\f0e0";}
    li.expand_divi_email_icon a:before {content: "\f0e0";}
    @-webkit-keyframes ed_animate_swing {
        20% {
            -webkit-transform: rotate3d(0, 0, 1, 15deg);
            transform: rotate3d(0, 0, 1, 15deg)
        }
        40% {
            -webkit-transform: rotate3d(0, 0, 1, -10deg);
            transform: rotate3d(0, 0, 1, -10deg)
        }
        60% {
            -webkit-transform: rotate3d(0, 0, 1, 5deg);
            transform: rotate3d(0, 0, 1, 5deg)
        }
        80% {
            -webkit-transform: rotate3d(0, 0, 1, -5deg);
            transform: rotate3d(0, 0, 1, -5deg)
        }
        100% {
            -webkit-transform: rotate3d(0, 0, 1, 0deg);
            transform: rotate3d(0, 0, 1, 0deg)
        }
    }
    .expand_divi_share_icons ul li:hover a:before{
         -webkit-animation-name: ed_animate_swing; 
         animation-name: ed_animate_swing; 
         -webkit-animation-duration: .8s; 
         animation-duration: .8s; 
         -webkit-animation-fill-mode: both; 
         animation-fill-mode: both; 
         display: inline-block
    }
    @media only screen and ( max-width: 383px ) {
        .expand_divi_share_icons ul li {width: 100%;}
    }

    /* 09 - 01 Follow */
    .expand_divi_follow_icons {
        overflow: hidden;
        margin: 20px 0;
    }
    .et_pb_widget .expand_divi_follow_icons {margin: 0;}
    .expand_divi_follow_icons ul {padding: 0 !important;}
    .expand_divi_follow_icons li {
        float: left;
        font-size: 12px;
        margin-right: 10px;
        margin-bottom: 10px;
        padding: 5px;
        list-style: none;
        min-width: 175px;
    }
    .expand_divi_follow_icons li:hover {
        opacity: 0.7;
        transition: .5s;
    }
    .expand_divi_follow_icons ul li a {
        color: #fff !important;
        display: block;
        font-size: 13px;
    }
    .expand_divi_follow_icons ul li a:before {
        font-family: "Font Awesome\ 5 Brands", "Font Awesome 5 Free";
        font-size: 16px;
        padding-right: 15px;
        padding-left: 5px;
    }
    li.expand_divi_facebook_follow_icon {background: #39599f;}
    li.expand_divi_twitter_follow_icon {background: #45b0e3;} 
    li.expand_divi_youtube_follow_icon {background: #e14e42;}
    li.expand_divi_linkedin_follow_icon {background: #65b7d2;}
    li.expand_divi_email_follow_icon {background: #000;} 
    li.expand_divi_rss_follow_icon {background: #F88C00;}
    li.expand_divi_instagram_follow_icon {background: #fb3958;}
    li.expand_divi_whatsapp_follow_icon {background: #25d366;}
    li.expand_divi_soundcloud_follow_icon {background: #f70;}
    li.expand_divi_facebook_follow_icon a:before {content: "\f09a";}
    li.expand_divi_twitter_follow_icon a:before {content: "\f099";}
    li.expand_divi_youtube_follow_icon a:before {content: "\f167";}
    li.expand_divi_email_follow_icon a:before {content: "\f0e0";}
    li.expand_divi_linkedin_follow_icon a:before {content: "\f0e1";}
    li.expand_divi_instagram_follow_icon a:before {content: "\f16d";}
    li.expand_divi_whatsapp_follow_icon a:before {content: "\f232";}
    li.expand_divi_rss_follow_icon a:before {content: "\f09e";font-weight: 900;}
    li.expand_divi_soundcloud_follow_icon a:before {content: "\f1be";}
    .expand_divi_follow_icons ul li:hover a:before{
         -webkit-animation-name: ed_animate_swing; 
         animation-name: ed_animate_swing; 
         -webkit-animation-duration: .8s; 
         animation-duration: .8s; 
         -webkit-animation-fill-mode: both; 
         animation-fill-mode: both; 
         display: inline-block
    }
    @media only screen and ( max-width: 522px ) {
        .expand_divi_follow_icons li {width: 100%;}
    }