/* ============================= */
/* Blog Loop Layout Fix */
/* ============================= */

html, body {
    overflow-x: hidden;
}

/* Wrapper */
.blog-loop-wrapper{
    padding-top:40px;
    padding-right:7vw;
    padding-bottom:50px;
    padding-left:6vw;
}

/* Align fix */
body.blog .is-layout-constrained > .alignfull{
    margin-left:calc(1rem * -1);
}

/* GRID LAYOUT FIX */
.blog-loop-columns{
    display:grid !important;
    grid-template-columns:repeat(2, minmax(0,1fr)) !important;
    gap:40px !important;
    width:100%;
}

/* Card */
.blog-loop-column{
    display:flex;
    flex-direction:column;
    width:100% !important;
}

/* Image */
.blog-loop-column img{
    width:100% !important;
    height:auto;
    border-radius:12px;
    object-fit:cover;
}

/* Title */
.blog-loop-title{
    font-size:38px;
    margin-top:20px;
}
/*blog-date*/
.blog-loop-date {
    font-size: 0.9rem;
    color: #532f6b;
    margin: 4px 0 12px;
}
/* Excerpt */
.blog-loop-excerpt{
    line-height:1.7;
    margin-top:10px;
}

/* Button */
.blog-loop-button{
    border-radius:0.33rem;
    background-color:#532f6b;
    font-size:14px;
    color:#fff;
    text-decoration:none;
    padding:10px 20px;
    display:inline-block;
    margin-top:15px;
}
.blog-loop-button{
    background:#532f6b;
    color:#fff;
    font-size:14px;
    padding:10px 18px;
    border-radius:6px;
    text-decoration:none;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:auto !important;
    max-width:max-content;
    margin-top:15px;
}
.blog-loop-pagination {
    text-align: center;
    width: 100%;
    margin-top: 30px;
    margin-bottom: 20px;
}

.blog-loop-pagination .page-numbers {
    display: inline-block;
    padding: 8px 14px;
    margin: 0 4px;
    border: 1px solid #ccc;
    border-radius: 4px;
    text-decoration: none;
    color: #333;
}

.blog-loop-pagination .current {
    background: #6b2d5c;
    color: #fff;
    border-color: #6b2d5c;
}
.blog-loop-wrapper.wp-block-group.alignfull.has-background-background-color.has-background{
background:#ffffff !important;
margin:40px auto;
}
.blog-loop-button:hover{
    background-color:#0040d1;
}

/* SINGLE POST WIDTH */
body.single-post{
    --wp--style--global--content-size:1200px;
}

body.single-post .has-global-padding{
    padding-top:30px !important;
}

/* MOBILE */
@media(max-width:768px){

.blog-loop-columns{
    grid-template-columns:1fr !important;
}

}