/*
custom css for ViettelPay
*/
.intro-block{
    background-image: linear-gradient(to right, #00BDA0 , #007DDD);
    color: #fff;
    padding: 0;
    margin: 0;
    margin-bottom: 20px;
}
.intro-text-center .intro-block h1{
    font: 28px 'Montserrat', sans-serif;
    margin: 10px;
    padding: 0;
    text-align: center;
}
.intro-text-center .intro-block h1 a, .intro-text-center .intro-block h1 a:hover{
    color: #fff;

}
.site-header{
    padding: 0 1.875em;
}
#main-slider{
    width: 65%;
    float: left;
}
#main-slider .nivo-caption{
    padding: 20px 0 !important;
}
#register-form{
    background: url('https://viettelpaykiengiang.com/wp-content/themes/simple-melody/inc/img/bg-viettelpay-form.png') bottom right no-repeat;
    background-size:cover;
    float: right;
    width: 33%;
    -webkit-box-shadow: 3px 3px 6px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 3px 3px 6px 0px rgba(0,0,0,0.75);
    box-shadow: 3px 3px 6px 0px rgba(0,0,0,0.75);
    padding: 20px;
}

#register-form .input {
    background: #fff;
    color: #666;
    border: none;
    width: 100%;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    border-radius: 0;
}
#register-form p{
    margin: 0;
    color: #c3c3c3;
}
#register-form h3{
    color: #fff;
    text-align: center;
    font: 16px 'Montserrat', sans-serif;
    font-weight: 700;
}
#register-form .submit-button{
    background-image: linear-gradient(to right, #00BDA0 , #007DDD);
    border-radius: 5px;
    font-weight: 700;
    border: 1px solid #fff;
    box-shadow: 3px 3px 6px 0px rgba(0,0,0,0.5);

}
#register-form .submit-button:hover{
    color:  #ffe81c;
}
#register-form .msg_error{
    color: #ffea00;
    font-size: 12px;
    text-align: right;
    padding-left: 16px;
    font-weight: 700;
    text-shadow: 3px 3px 2px #fff;
}
#support-nav{
    float: right;
    width: 33%;
}
#support-nav h2{
    font: 18px 'Montserrat', sans-serif;
    text-align: center;
    font-weight: 700;
    color: #ffea00;
}
.support-nav{
    background-image: linear-gradient(to right, #00BDA0 , #007DDD);
    color: #fff;
    padding: 10px;
}
.support-nav ul{
    margin-bottom: 0;
    margin-left: 0;
    list-style-type: none; 
}
.support-nav li{
    content:"\2611";
    padding: 5px 10px;
}
.support-nav li:before {content:"\2713\0020";}
.support-nav a{
    color: #fff;
}
.support-nav a:hover{
    color: #ffea00;
}
#download-viettelpay{
    text-align: right;
}
#download-viettelpay img{
    margin-right: 10px;
}
/*end header */
/*content */
.blog .hentry, .archive .hentry, .site-main-home .hentry{
    width: 31.5%;
    margin: 0 2.5% 2.5% 0 !important;
    min-height: 368px;
}
.blog .hentry:nth-of-type(3n), .archive .hentry:nth-of-type(3n), .site-main-home .hentry:nth-of-type(3n){
    margin-right: 0 !important;
}
.blog .hentry.has-post-thumbnail .post-effect figcaption .entry-header, .archive .hentry.has-post-thumbnail .post-effect figcaption .entry-header, .site-main-home .hentry.has-post-thumbnail .post-effect figcaption .entry-header{
    opacity: 1;
}
.blog .hentry.has-post-thumbnail .entry-header, .archive .hentry.has-post-thumbnail .entry-header, .site-main-home .hentry.has-post-thumbnail .entry-header{
    top: 250px;
    padding: 10px;
    width: 100%;
}
.blog .hentry.has-post-thumbnail .post-effect figcaption h2, .archive .hentry.has-post-thumbnail .post-effect figcaption h2, .site-main-home .hentry.has-post-thumbnail .post-effect figcaption h2{
    font-size: 16px;
    line-height: 0.9
}
.blog .hentry .entry-meta, .archive .hentry .entry-meta, .site-main-home .hentry .entry-meta{
    padding: 0;
    margin: 0;
    text-align: right;

}
.blog .hentry .entry-meta a{
    color:#ffa913
}
.blog .hentry.has-post-thumbnail .post-effect img, .archive .hentry.has-post-thumbnail .post-effect img, .site-main-home .hentry.has-post-thumbnail .post-effect img{
    max-height: 258px;
}
.blog .hentry img{
    max-height: 258px;
}
.single.sidebar-none .content-area{
    width: 100%;
}
.entry-content iframe { height: 500px}
.block-hentry{
    width: 48%;
    float: left;
}
.block-hentry:nth-of-type(2n){
    float: right;
}
.block-hentry article{
    display: block;
    clear: both;
    margin-bottom: 20px;
}
.block-hentry figure{
    margin: 0;
}

.block-hentry .post_thumb{
    float: left;
    width: 230px;
    height: 160px;
    margin: 5px 10px 10px 0;
    border: 1px solid #f1f1f1;
    padding: 5px;
}
.block-hentry h2.title{
    border-bottom: 5px solid #00acad;
}
.block-hentry h2.title a{
    color: #00acad;
}
.block-hentry .post-title{
    font-size: 23px;
    margin-bottom: 0;

}
.block-hentry h2{
    clear: inherit;
}
/* end content */

/* footer */
.site-footer{
    background-color: #0a4877;
    color: #fff;
}
.site-info{
    padding: 5px;
    background: #012948;
    color: #c3c5c7;
    font-size: 12px;
    font-weight: 700;
}
.site-info a{
    padding: 0;
    color: #c3c5c7;
    text-decoration: none;
}
.footer-block{
    font-family: 'Montserrat', sans-serif;
    padding: 10px;
    border: none;
}
.footer-block p{
    padding: 0;
    margin: 0;
}
.footer-block .widget{
    margin: 0;
    color: #fff;

} 
.footer-block .widget .widget-title{
    margin: 0;
    color: #c3c5c7;
    font: 15px 'Montserrat', sans-serif;
    font-weight: 700;
}
.appstore a img {
    transition: all .2s;
    -moz-transition: all .2s;
    -webkit-transition: all .2s;
}
.appstore{
    margin-top: 16px;
}
.appstore .qrcode{
    display: none;
}
/* end footer */
@media screen and (max-width: 979px) { 

    .site-branding {
        margin-top: 38px;
        margin-bottom: 0;
        padding: 0 0;
        text-align: center;
    }
    .main-navigation{
        background-color: #0a4877;
    }
    .main-navigation{
        background-color: #0a4877;
    }
    .main-navigation ul > li{
        padding: 8px;
    }
    .main-navigation ul > li > a{
        color: #0a4877;
    }
    #main-slider{
        display: none;
    }
    .intro-block{
        display: none;
    }
    #main-slider .nivo-caption{
        display: none !important;

    }
    #main-slider .nivo-controlNav{
        display: none !important;
    }
    #register-form, #support-nav{
        float: none;
        width: 100%;
        
        margin-bottom: 10px;
    }
    #support-nav li{
        padding: 3px;
        margin: 0;
    }
    #download-viettelpay{
        display: block;
        clear: both;
        padding-top: 16px;
    }
    #register-form .input{
        height: 32px;
    }
    #register-form .submit-button{
        height: 30px;
        padding: 8px 10px;
    }
    .blog .hentry, .archive .hentry, .site-main-home .hentry,  .block-hentry{
        width: 100%;
    }
    .blog .hentry img{
        height: inherit !important;
    }
    .blog .hentry.has-post-thumbnail .entry-header, .archive .hentry.has-post-thumbnail .entry-header, .site-main-home .hentry.has-post-thumbnail .entry-header{
        top: 0;
    }
    .blog .hentry, .archive .hentry, .site-main-home .hentry{
        min-height: 298px;
    }
    .widget {
        text-align: center;

    }
    .entry-content iframe { height: 330px !important;}
    .block-hentry .post-meta{
        display: none;
    }
    .block-hentry .post_thumb{
        width: 138px;
        height: 98px;

    }
    .block-hentry h2.title{
        font-size: 22px;
        background-image: linear-gradient(to right, #00BDA0 , #007DDD);
        text-align: center;
        padding: 5px;
        border: none;
    }
    .block-hentry h2.title a{
        color: #fff;
    }
    .block-hentry h2.title a:hover{
        color: #ffea00;
    }
    .block-hentry .post-title{
        font-size: 18px;
        background: none;
    }

    .block-hentry article{
        display: block;
        clear: both;
        border-bottom: 1px dashed #eeeeee;
        min-height: 118px;
    }
}


button, input[type="button"], input[type="reset"], input[type="submit"]{
    background: #0a4877;
}
.main-navigation .current_page_item > a, .main-navigation .current-menu-item > a, .main-navigation .current_page_ancestor > a{

}