/*
Theme Name: Webest360
Theme URI: http://
Author: Leon
Version: 2010-10-25
*/

html {
    -webkit-text-size-adjust: none;
}

body {
    margin: 0;
    font-size: 15px;
    line-height: 180%;
    color: #333;
    font-family: Helvetica, Arial, 'Microsoft YaHei', "微软雅黑", SimHei;
    background-color: #fff;
}


a.post-edit-link {
    display: block;
    padding: 2px 6px;
    background: #000;
    color: #fff;
    border: 1px #ccc dashed;
    position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: 9999;
}

.space {
    height: 90px;
}

@media (max-width: 990px) {
    .space {
        height: 60px;
    }
}

/*reset Bootstrap*/
.container-fluid {
    padding: 0 50px;
}

@media (max-width: 768px) {
    .container-fluid {
        padding: 0 30px;
    }
}

@media (max-width: 540px) {
    .container-fluid {
        padding: 0 20px;
    }
}

@media (min-width: 1360px) {
    .container-fluid {
        padding: 0 50px;
    }

    .container-xl {
        max-width: 1200px;
    }
}

/*@media (min-width: 1600px) {*/
/*.container-xl {*/
/*max-width: 1380px;*/
/*}*/
/*}*/

.btn {
    padding-left: 2em;
    padding-right: 2em;
}

.btn-primary {
    background-color: #35ade3;
    border: none;
}

.btn-primary:hover {
    background-color: #4fbde7;
}

.carousel-item {
    height: 55vw;
    min-height: 400px;
    max-height: 850px;
}

.carousel-control-next, .carousel-control-prev {
    width: 50px !important;
    background: transparent !important;
    opacity: .25;
    border: none !important;
}

/* header */
header {
    height: 90px;
    background: #333;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 900;
}

#logo {
    display: block;
    width: 100%;
    max-width: 300px;
    height: 90px;
    background: url(images/logo.png) left center no-repeat;
    background-size: auto 52px;
}

#mega-menu-wrap-primary {
    padding-top: 25px;
}

#mega-menu-primary li[class^='mega-lang-item'] > a.mega-menu-link > img {
    padding-top: 11px;
    box-sizing: content-box;
}

@media (max-width: 990px) {
    header {
        height: 60px;
    }

    #logo {
        height: 60px;
        background-size: auto 38px;
    }

    #mega-menu-wrap-primary {
        padding-top: 10px;
    }

    #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.lang-item {
        display: inline-block;
    }
}

.lang-item img {
    filter: grayscale(100%);
}

.lang-item.lang-item-zh img {
    filter: grayscale(100%) brightness(200%);
}


.lang-item.current-lang img, .lang-item:hover img,
.lang-item.lang-item-zh.current-lang img, .lang-item.lang-item-zh:hover img {
    filter: grayscale(0) brightness(100%);
}

/*Footer*/
footer {
    color: #ccc;
    background-color: #272727;
}

.logo-footer {
    width: auto;
    height: 50px;
}

footer i.fa {
    width: 1.25em;
    text-align: center;
}

footer h3 {
    line-height: 25px;
    padding-top: 25px;
}

footer .wpcf7-text, footer .wpcf7-textarea {
    width: 100%;
    box-sizing: border-box;
    border: 0;
    outline: none;
    background: #1f1f1f;
    color: #ccc;
    margin-bottom: 10px;
    line-height: 20px;
    padding: 10px;
}

footer .wpcf7-textarea {
    height: 80px;
}

footer .wpcf7-submit {
    font-size: 18px;
}

.bottom {
    color: #999;
    background-color: #1f1f1f;
}

.bottom .fa {
    font-size: 20px;
    margin: .5em;
}

@media (max-width: 990px) {
    .bottom .fa {
        font-size: 16px;
        margin: 0 .5em 0 0;
    }
}

#wxqr {
    position: relative;
}

#wxqr img {
    display: none;
    opacity: 0;
    width: 120px !important;
    max-width: 120px !important;
    height: 120px;
    position: absolute;
    right: 30px;
    bottom: 30px;
}

#wxqr:hover img {
    display: block;
    opacity: 1;
}

/*NewsList*/
.news-list {
    padding: 1px 0 0 1px !important;
}

.list-item {
    padding: 0 1px 1px 0 !important;
}


.list-item > div {
    padding: 2em;
}

/*@media (min-width: 1260px) {*/
/*.news-list .list-item:nth-child(1) {*/
/*max-width: 40%;*/
/*flex: 0 0 40%;*/
/*}*/

/*.news-list .list-item:nth-child(2) {*/
/*max-width: 33%;*/
/*flex: 0 0 33%;*/
/*}*/

/*.news-list .list-item:nth-child(3) {*/
/*max-width: 27%;*/
/*flex: 0 0 27%;*/
/*}*/

/*.news-list .list-item:nth-child(4),*/
/*.news-list .list-item:nth-child(5),*/
/*.news-list .list-item:nth-child(6) {*/
/*max-width: 33.333%;*/
/*flex: 0 0 33.333%;*/
/*}*/
/*}*/

@media (min-width: 1560px) {
    .list-item > div {
        padding: 3em;
    }
}