/*
|--------------------------------------------------------------------------
| Variables
|--------------------------------------------------------------------------
*/

:root{

    --kmg-primary:#E18C08;
    --kmg-primary-hover:#c77700;

    --kmg-white:#ffffff;
    --kmg-black:#000000;

    --kmg-border:#e5e7eb;

    --kmg-radius:12px;

}

/*
|--------------------------------------------------------------------------
| Grid
|--------------------------------------------------------------------------
*/

.kmg-grid-cards{

    display:grid;

    grid-template-columns:
        repeat(3,1fr);

    gap:30px;

}

.kmg-grid-cards-4{

    display:grid;

    grid-template-columns:
        repeat(4,1fr);

    gap:30px;

}

/*
|--------------------------------------------------------------------------
| Cards
|--------------------------------------------------------------------------
*/

.kmg-card{

    background:#fff;

    overflow:hidden;

}
.kmg-card2{
    background-color: white;
    border-radius: 8px;
    box-shadow:
            0 8px 25px rgba(0,0,0,0.6),
            0 0 12px rgba(225,140,8,0.25);
}

.kmg-card-content{

    padding:15px;

}

.kmg-card-content h3{

    font-size:20px;

}

.kmg-card-content hr{

    margin:0;

}

.kmg-card-content p{

    font-size:18px;

    margin-bottom:0;

}

/*
|--------------------------------------------------------------------------
| Card Links
|--------------------------------------------------------------------------
*/

.kmg-card-link{

    text-align:right;

}

.kmg-card-link a{

    font-size:18px;

    color:var(--kmg-primary);

    text-decoration:none;

}

.kmg-card-link a:hover{

    color:var(--kmg-primary-hover);

}

/*
|--------------------------------------------------------------------------
| Profile Card
|--------------------------------------------------------------------------
*/

.kmg-profile-card-top{

    background:#000;

    display:flex;

    flex-direction:row;

    height:180px;

}

.kmg-profile-col-left{

    width:75%;

}

.kmg-profile-col-right{

    width:25%;

    padding:3%;

    display:flex;

    flex-direction:column;

}

.kmg-profile-col-left img{

    width:100%;

    height:100%;

    object-fit:cover;

    display:block;

}

/*
|--------------------------------------------------------------------------
| Breadcrumb
|--------------------------------------------------------------------------
*/

.kmg-breadcrumb{

    margin-top: 40px;

    margin-bottom:20px;

    font-size:14px;

    color:#666;

    border:1px solid var(--kmg-border);

    border-radius: 8px;

    padding:5px;

}

.kmg-breadcrumb a{

    color:#666;

    text-decoration:none;

}

.kmg-breadcrumb a:hover{

    color:var(--kmg-primary);

}

.kmg-breadcrumb a i{

    color:var(--kmg-primary);

    margin-right:5px;

}

.kmg-breadcrumb-separator{

    margin:0 8px;

    color:#999;

}

.kmg-breadcrumb-current{

    font-weight:600;

    color:#222;

}

.kmg_et_pb_section {
    padding: 5px 0px 40px 0px!important;
    z-index: 1!important;
}

.kmg_et_pb_row {
    width : 90%!important;
    max-width: 90%!important;
}

.kmg-empty{
    padding:30px;
    text-align:center;
    border:1px solid #e5e5e5;
    border-radius:8px;
    background:#f8f8f8;
    color:#666;
    font-size:16px;
}

/* ==================================================
   RESPONSIVE GLOBAL
   ================================================== */

@media (max-width: 980px){

    .kmg-grid-cards, .kmg-grid-cards-4 {

        grid-template-columns:
            repeat(2, 1fr);

    }
    .kmg_et_pb_section {
        padding: 5px 0px 40px 0px!important;
        z-index: 1!important;
    }

    .kmg_et_pb_row:not([class*=et_flex_column]) {
        width : 90%!important;
        max-width: 90%!important;
    }

}

@media (max-width: 767px){

    .kmg-grid-cards, .kmg-grid-cards-4{

        grid-template-columns:1fr;

    }
    .kmg-card-content h3{
        font-size:18px;
    }

    .kmg-card-content p{
        font-size:16px;
    }
    .kmg-breadcrumb{

        font-size:12px;

        padding:8px;

        overflow-x:auto;

        white-space:nowrap;

        margin-top:20px;

        margin-bottom:15px;

    }

}