/*
Theme Name: Lens Child
Theme URI: http://pixelgrade.com/demos/lens
Author: PixelGrade Team
Template: lens
Author URI: http://pixelgrade.com
Description:  LENS is a surprising premium WordPress theme aimed at photographers in need for a solution that focuses on what matters most to them: their work. Every feature was carefully chosen and designed to ease the way to that perfect photography portfolio website.
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: lens_txtd
Tags: black, brown, orange, tan, white, yellow, light, one-column, two-columns, right-sidebar, flexible-width, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, translation-ready
*/

/* Add your custom CSS rules that overwrite the ones in the main Lens theme here */

/* This file assumes you wish to add new CSS rules that will overwrite the ones in the parent's CSS files
If you wish however, you can copy the whole style.css file from the parent here and hack at it - see functions.php for more details.
In that case please remember that you still need to retain the header above (replace the header of the parent style.css with the one above),
specifically the 'Template: lens' line. */
.masonry__item-image.item-short {
    margin: 3px 0 3px 3px;
}
.gallery-items {
    float: left;
    width: 33.3%;
    padding-left: 13px;
    margin-bottom: 13px;
    height: 160px;
}
.gallery-items:nth-child(3n){
    margin-right: 0;
}
.su-kien-noi-bat {
    text-align: center;
    font-size: 28px;
}

.su-kien-noi-bat h3 {
    text-align: center;
    text-transform: uppercase;
    font-size: 22px;
    margin-bottom: 0;
}

/*Contact form*/
.contact-content {
    background: #30343c;
    margin-top: 30px;
    overflow: hidden;
    position: relative;
}

.contact-content .contact-info {
    padding: 15px;
    background: #e4e4e4;
    float: left;
    width: 50%;
    flex: 1;
    height: 300px;
}

.content-contact-info {
    text-align: center;
    font-weight: 600;
    font-size: 16px;
}
.contact-content .form textarea {
    height: 80px;
    padding-top: 6px;
}
.contact-content .content-contact-info .hotline {
    display: inline-block;
    padding: 3px 7px;
    border: 2px solid #333;
    font-weight: 600;
    font-size: 16px;
    color: red;
}

.content-contact-mid {
    margin: 30px 0 0 0;
}

.content-contact-mid p {
    margin-bottom: 5px;
}

.img-section-first {
    text-align: center;
}

.contact-content .form {
    background: #30343c;
    padding: 20px 25px;
    overflow: hidden;
    width: 50%;
    flex: 1;
}

.contact-content .form h3 {
    color: #fff;
    line-height: normal;
    text-transform: uppercase;
    font-size: 15px;
    padding: 15px;
    margin-bottom: 0;
}

.contact-content .form .short-input input {
    font-size: 14px;
    border-bottom-width: 1px;
    height: 34px;
    padding-bottom: 6px;
    padding-left: 0;
    font-family: 'Arial', sans-serif;
}

.short-input:nth-child(2n) {
    margin-right: 15px;
}

.short-input {
    float: left;
    width: 45%;
}

.contact-content .form #gui-di, .contact-content .form .short-input input, .long-input textarea.wpcf7-textarea {
    border: 0;
    border-bottom: 1px solid #fff !important;
    background: none;
    padding: 2px 15px;
    color: #fff;
    font-size: 7.5pt;
    line-height: 26px;
    letter-spacing: 2.7px;
    font-weight: 200;
    display: block;
}

.contact-content .form .short-input input {
    width: 100%;
    height: 28px;
}

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

.blog-contact h2 i {
    font-size: 25px;
    display: inherit;
}/*
.page-main {
     max-width: auto;
     max-width: auto;
}*/
.widget--sidebar-blog__title {
    padding: 15px 0 5px 0;
    border-bottom: 1px solid #cdcdcd;
    margin: 0 0 10px 0;
    line-height: 1.5;
    font-weight: 600;
    font-size: 15px;
    letter-spacing: 1px;
}
ul.list_post li{
    display: inline-block;
    margin: 0;
    border-bottom: 1px dotted silver;
    clear: both;
    padding: 10px 0;
    width: 100%;
}
ul.list_post li .lvd_text{
    font-weight: 400;
}
ul.list_post li .lvd_text a{
    text-decoration: none;
}
ul.list_post li a.lvd_title{
    color: #444;
    text-decoration: none;
    -webkit-transition: all ease-in-out .2s;
    -o-transition: all ease-in-out .2s;
    transition: all ease-in-out .2s;
    font-size: 13px;
    text-transform: uppercase;
    text-align: justify;
    letter-spacing: 2px;
}
ul.list_post li .lvd_text .date-detail {
    display: block;
    color: #444;
    margin: 3px 0 5px 0;
    font-size: 90%;
}
#list-gallery li {
    float: left;
    padding: 5px 15px;
    border: 1px solid #c5c5c5;
    margin-right: 5px;
    border-radius: 5px;
    margin-top: 15px;
}
#list-gallery li:hover{
    cursor: pointer;
    background-color: rgba(187, 187, 187, 0.63);
    color: #fff
}
#list-gallery li.active{
    background-color: #c0c0c0;
    color: #fff;
    border-color: #000;
}
.single-post .page-side {
    padding-top: 30px;
}
@media (min-width: 500px) {
    /*.blog-contact {
        margin-left: -30%;
    }*/
}

@media (max-width: 600px) {
    .gallery-items {
        width: 100%;
        margin: 0 0 15px;
        height: auto;
        float: none;
    }

    .contact-content .contact-info, .contact-content .form {
        width: 100%;
        height: auto;
    }
}
@media only screen and (min-width: 1201px){
    .page-main{
        max-width: 84%;
    }
    .page-content--with-sidebar .page-main{
        width: 84%;
    }
    .page-side{
        width: 15%;
        padding-left: 0;
        margin-left: 0.5%;
    }
}
/*Contact form*/