/*======================================
Theme Name: DIVI child them
Theme URI: https://divicake.com/
Description: NO DESCRIPTION
Version: 1.0
Author: mkbrows
Author URI: https://mkbrows.art
Template: Divi
======================================*/


/* You can add your own CSS styles here. Use !important to overwrite styles if needed. */

/***** Footer CSS - start  ****/

#footer-info{
    width: 100%; 
}
#footer-info span{
    float: right;
}

#footer-widgets .footer-widget li {
    padding-left: 0;
}
#footer-widgets .footer-widget li:before{
    content:none;
}
#main-footer .footer-widget h4 {
    margin-bottom: 20px;
}
/***** Footer CSS - End  ****/


/***** FORM CSS - Start  ****/




input[type=submit],input.text, input.title, input[type=email], input[type=password], input[type=tel], input[type=text], select, textarea {
    padding: 10px 20px;
    width: 100%;
}

.et_pb_row_padding_0 {
    width: 100%;
    padding: 0;
}
.wpcf7-form-control-wrap {
    display: table;
    width: 100%;
    margin-bottom: 15px;
}
.wpcf7-submit{
    background: #333;
    color: #fff;
    border: 0;
    padding: 12px 20px!important;
    width: auto!important;
    min-width: 150px;
}
.text-right{
    text-align: right;
} 
.mc4wp-form  input[type=submit]{
    background: #fff;
    border: 0;
    color: #005AAB;
    font-weight: bold;
    width: auto;
    min-width: 150px;
    padding: 15px 20px;
}
.mc4wp-form input[type=email]{
    width: 100%;
    padding: 15px 20px;
    text-align: center;
}

/***** FORM CSS - End  ****/


/***** Theme spacial CSS - start  ****/


/* width */
::-webkit-scrollbar {
    width: 4px;
}
::-webkit-scrollbar {
    height: 4px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #f1f1f1; 
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #005AAB; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #555; 
}

.themetitle.white:after{
    border-top-color: #fff;
}

.themetitle h1{
    font-size: 32px!important;
}

.hidden{
    display: none;
}

.themetitle{
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 20px;
}
.themetitle:after{
    content: " ";
    position: absolute;
    z-index: 10;
    bottom: 0px;
    left: 0;
    width: 30px;
    height: 3px;
    border-top-color: #0c71c3;
    border-top-width: 3px;
    border-top-style: solid;
} 
.themetitle.text-center:after{
    left: calc(50% - 15px);
}

.custom-pagination{
    display: table;
    width: 100%;
    text-align: center;
}
.custom-pagination a{
    padding: 0 8px;
}

.themebtn{
    background: #333;
    color: #fff;
    padding: 12px 20px;
    min-width: 150px;
    display: inline-block;
} 

.text-center{
    text-align:center;
}

.et_pb_button {
    min-width:150px;
    height: 46px;
    line-height: 28px!important;
    text-align: center;
} 
/***** Theme spacial CSS - end  ****/

/***** Blog  CSS - Start  ****/

article.et_pb_post.grid .box{
    padding: 15px; 
    position: relative;
    font-weight: normal;
}
article.et_pb_post.grid .post-meta{
    position: absolute;
    left: -45px;
    width: 50px;
    background: #005aab;
    top: 10px;
    padding: 5px 5px 5px 10px;
    color: #fff;
    text-align: center;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}
article.et_pb_post.grid .post-meta .published span{
    font-size: 30px;
} 


@media (max-width: 767px){

    .wpcf7-form	.et_pb_row {
        width: 100%;
    }
    .wpcf7-form .et_pb_column{
        margin-bottom: 0;
    }
    
    #footer-widgets .footer-widget #menu-footer-menu li{  
        width: 50%;
        float: left;
    }

    .et_pb_post.grid.col_2 {
        border-radius: 10px;
        overflow: hidden;
        background: #fff;

    }
    .et_pb_post.grid.col_3 {
        border-radius: 10px;
        overflow: hidden;
        background: #fff;

    }

}
@media (min-width: 767px){

    article.et_pb_post.grid.col_3:nth-child(3n+1){
        margin-right: 0!important;
    }
    article.et_pb_post.grid.col_2:nth-child(2n){
        margin-right: 0!important;
    }
    .et_pb_post.grid.col_2 {
        width: 48.35%;
        border-radius: 10px;
        overflow: hidden;
        background: #fff;
        float: left;
        margin-right: 3.3%;
    }
    .et_pb_post.grid.col_3 {
        width: 31.12%;
        border-radius: 10px;
        overflow: hidden;
        background: #fff;
        float: left;
        margin-right: 3.3%;
    }

}

/***** Blog  CSS - end  ****/

/***** Get In Touch Button  CSS - Start  ****/



body #enquirybtn:before {
    background-image: url(https://sp-ao.shortpixel.ai/client/q_glossy,ret_img/https://vantec.com.sg/wp-content/uploads/2024/04/icons8-whatsapp-128.png);
    background-size: cover;
    background-position: center;
    width: 30px;
    height: 30px;
    margin-bottom: 10px;
    display: inline-block;
    content: "";
}



/***** Get In Touch Button  CSS - End  ****/