/*
Theme Name: Divi Child Theme
Theme URI: https://movingchamps.ca
Description: Child Theme For Divi
Author: Your Name
Author URI: https://movingchamps.ca
Version: 4.25.0
Template: Divi
*/

.et_right_sidebar #left-area {
  padding-left: 0;

}

#left-area {
  width: 68.125%;
}
#sidebar {
        float: left;
        width: 31.875%;
    }


        .et_right_sidebar #main-content .container:before{
          display : none;
        }
/* ===============================
   Custom Recent Posts Sidebar
================================= */
 #sidebar {
        position: sticky !important;
        top: 115px;
        height: fit-content;
    }
  #sidebar .custom-recent-posts {
        position: sticky;
        top: 110px;
    }

.custom-recent-posts{
    display:flex;
    flex-direction:column;
    gap:18px;
}

.custom-recent-post-item{
    display:flex;
    align-items:center;
    gap:15px;
    padding:15px;
    background:#fff;
    border:1px solid #ececec;
    border-radius:12px;
    transition:all .3s ease;
    box-shadow:0 3px 12px rgba(0,0,0,.05);
}

.custom-recent-post-item:hover{
    transform:translateY(-3px);
    box-shadow:0 10px 25px rgba(0,0,0,.12);
}

.custom-recent-post-item .post-thumb{
    flex:0 0 90px;
}

.custom-recent-post-item img{
    width:90px;
    height:90px;
    object-fit:cover;
    border-radius:10px;
    transition:.3s;
}

.custom-recent-post-item:hover img{
    transform:scale(1.08);
}

.custom-recent-post-item .post-title{
    color:#222;
    font-size:16px;
    font-weight:700;
    line-height:1.5;
    text-decoration:none;
    transition:.3s;
}

.custom-recent-post-item .post-title:hover{
    color:#ff6b00;
}

.custom-widget-title{
    font-size:26px;
    font-weight:700;
    color:#222;
    margin-bottom:20px;
    position:relative;
    padding-bottom:10px;
}

.custom-widget-title:after{
    content:'';
    width:60px;
    height:4px;
    background:#ff6b00;
    position:absolute;
    left:0;
    bottom:0;
    border-radius:20px;
}
 .custom-recent-post-item .post-title{
      color: #5a668e;
    }
.custom-recent-post-item .post-title:hover {
	color: #333333;
}

/* Mobile */

@media(max-width:767px){

    .custom-recent-post-item{
        gap:12px;
        padding:12px;
    }

    .custom-recent-post-item img{
        width:70px;
        height:70px;
    }

    .custom-recent-post-item .post-title{
        font-size:14px;
    }

}