/*
Theme Name: proweb
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
div#wide-nav {
    border-top: 1px solid #ccc;
}
input#s {
    border-radius: 5px;
    height: 43px;
}
.nav-column>li>a, .nav-dropdown>li>a, .nav-vertical-fly-out>li>a, .nav>li>a {
    color: #273653;
    transition: all .2s;
}
.text-banner h2 {
    line-height: 49px;
}
.button span {
    font-weight: normal;
}
.box-cate {
    background: #fff;
    align-items: center;
    border-radius: 15px;
    box-shadow: 0 6px 11px #ccc;
}
.box-cate .icon-box-text {
    padding: 15px 0 15px 20px;
}
.ux-menu-link__link {
    min-height: 14px;
    font-size: 15px;
    padding-bottom: 0px;
}
.ux-menu-link__link:hover {
    color: #49ADFF !important;
    min-height: 14px;
    font-size: 15px;
    padding-bottom: 0px;
}
.box-blog-post {
    background: #fff;
    padding: 15px;
    border-radius: 15px;
    text-align: left;
}
.box-blog-post  .box-image {
    width: 25%;
    float: left;
    margin-right: 14px;
}
.box-blog-post .box-heading {
    float: left;
    width: 100%;
    margin-bottom: 15px;
}
.star-rating span:before {
    color: #FB9D46;
}
.star-rating:before, .woocommerce-page .star-rating:before {
    color: #7D7D7D;
    font-size: 14px;
}
.box-information .box-title a {
    font-weight: 700;
    font-size: 20px;
    color: #334155;
}
.box-blog-post .box-image img {
    border-radius: 10px;
}
.box-information .box-title a:hover {
    color: #49ADFF;
}
.star-rating span {
    font-size: 14px;
}
.pricing_model {
    font-weight: 700;
    margin-bottom: 6px;
}
.box-blog-post .post-excerpt p {
    margin-bottom: 5px;
    color: #6C7280;
    font-size: 14px;
    line-height: 23px;
    word-wrap: break-word;
    white-space: normal;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    min-height: 16px;
}
a.cate-info {
    font-size: 13px;
    margin-right: 7px;
    color: #49ADFF;
}
a.cate-info:hover {
    text-decoration: underline;
}
.post-categories {
    height: 55px;
}
.link_affiliate {
    text-align: right;
}
.link_affiliate a {
    border: 2px solid #49ADFF;
    padding: 5px 24px;
    border-radius: 6px;
    color: #49ADFF;
    background: #fff;
}
.link_affiliate a:hover {
    border: 2px solid #49ADFF;
    padding: 5px 24px;
    border-radius: 6px;
    color: #fff;
    background-color: #49ADFF;
}
i.icon-expand {
    font-size: 14px;
}
.article-inner .box-image img {
    width: 76px;
    border-radius: 15px;
}
.article-inner .box-heading {
    display: inline-flex;
    align-items: center;
}
.article-inner .box-information {
    margin-left: 15px;
}
.article-inner .box-title {
    font-size: 34px;
    line-height: 39px;
    font-weight: 700;
    color: #263552;
}
.article-inner .post-excerpt {
    font-size: 20px;
    color: #64748B;
    margin-top: 15px;
    line-height: 30px;
}
.article-inner a.cate-info {
    font-size: 16px;
    margin-right: 7px;
    color: #026DC7;
}
.article-inner  .pricing_model {
    font-weight: normal;
    margin-bottom: 6px;
}
.article-inner .post-excerpt p {
    margin-bottom: 18px;
}
.article-inner .link_affiliate {
    text-align: left;
    margin-top: 24px;
}
.article-inner .link_affiliate a {
    border: 2px solid #49ADFF;
    padding: 10px 45px;
    border-radius: 6px;
    color: #fff;
    width: 161px !important;
    background: #49ADFF;
}
.article-inner .link_affiliate a:hover {
    border: 2px solid #49ADFF;
    padding: 10px 45px;
    border-radius: 6px;
    color: #49ADFF;
    width: 161px !important;
    background: #fff;
}
.video-post iframe {
    width: 100%;
    height: 350px;
}
.article-inner ul {
    margin-left: 30px;
}
.title-des {
    border-bottom: 1px solid #ccc;
    font-size: 23px;
    font-weight: 700;
    margin-bottom: 20px;
}
.title-des span {
    border-left: 5px solid #49ADFF;
    padding-left: 10px;
    color: #49ADFF;
}
.post-right .box-image {
    width: 25%;
    float: left;
    margin: 0;
}
.post-right  .pricing_model {
    font-weight: 700;
    margin-bottom: 6px;
}
.post-right .link_affiliate {
    text-align: right;
}
.post-right .link_affiliate a {
    border: 2px solid #49ADFF;
    padding: 5px 24px;
    border-radius: 6px;
    color: #49ADFF;
    background: #fff;
    width: auto !important;
}
.post-right .link_affiliate a:hover {
    border: 2px solid #49ADFF;
    border-radius: 6px;
    padding: 5px 24px;
    color: #fff;
    background: #49ADFF;
    width: auto !important;
}
.post-right  a.cate-info {
    font-size: 13px;
    margin-right: 7px;
    color: #026DC7;
}
.post-right .box-image img {
    width: 89px;
    border-radius: 15px;
}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
.video-post iframe {
    width: 100%;
    height: 204px;
}

}