/*
Theme Name: Onova Child
Theme URI: http://demos.casethemes.net/onova/
Author: CaseThemes
Author URI: https://themeforest.net/user/case-themes/portfolio/portfolio
Description: Onova is a IT Solutions and Services Company WordPress Theme suitable for Agency, Marketing, Consulting, start-up, IT Solutions, and Services Company. Onova is a fully responsive and retina ready so it works nicely on Smartphone, tablet PCs and desktops. We built Onova with the latest Bootstrap responsive framework, because we want our customers would find a light awesome, powerful, and easy to use theme.  
Version: 1.1.1
License: ThemeForest
License URI: https://themeforest.net/licenses
Template: onova
Text Domain: onova-child
Tags: agency, business, corporate, creative, IT services, modern, multipurpose, portfolio, seo, services, solutions, startup, technology  
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/* Fancy Box layout 2 draws the watermark without the FA5 weight class. Match the foreground icon. */
.ct-fancybox-layout2 .ct-fancybox-icon i.icon-fal ~ .icon-hover {
    font-weight: 300;
}
.ct-fancybox-layout2 .ct-fancybox-icon i.icon-far ~ .icon-hover {
    font-weight: 400;
}
.ct-fancybox-layout2 .ct-fancybox-icon i.icon-fab ~ .icon-hover {
    font-family: "Font Awesome 5 Brands";
    font-weight: 400;
}

/* Feature icons can be Font Awesome 5. Pe Icon 7 Stroke keeps its own face. */
.ct-service-carousel-layout3 .service-features li i.fac {
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    font-style: normal;
}
.ct-service-carousel-layout3 .service-features li i.fac.icon-far {
    font-weight: 400;
}
.ct-service-carousel-layout3 .service-features li i.fac.icon-fal {
    font-weight: 300;
}
.ct-service-carousel-layout3 .service-features li i.fac.icon-fab {
    font-family: "Font Awesome 5 Brands";
    font-weight: 400;
}

/* Let the article column shrink to its grid width when the comment form is wide. */
.single-post #primary.content-has-sidebar,
.single-post #secondary.widget-has-sidebar {
    min-width: 0;
}
.single-post .comment-form .comment-field input,
.single-post .comment-form .comment-field textarea {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

/* Single posts keep the sidebar beside the article from 768px. Parent adds a top gap below 992px. */
@media (min-width: 768px) and (max-width: 991px) {
    .single-post #primary.content-has-sidebar + #secondary {
        margin-top: 0;
    }
    .single-post .content-has-sidebar.float-right {
        order: 2;
    }
    .single-post .content-has-sidebar.float-right + #secondary {
        order: 1;
    }
}

/* Fancy Box layout 2 can opt out of the large watermark icon. */
.ct-fancybox-layout2.ct-fancybox-no-icon-hover .ct-fancybox-icon .icon-hover {
    display: none !important;
}

/* Bootstrap underlines every link on hover. Level-1 items already have the theme bar. */
#header-wrap .primary-menu > li > a:hover,
#header-wrap .primary-menu > li > a:focus,
#header-wrap .primary-menu > li > a:active {
    text-decoration: none;
}

/* Keep the next page of a filtered portfolio grid out of the first paint. */
.ct-grid-masonry:not(.isotope) > .grid-item.ct-filter-pending {
    display: none;
}

/* Homepage featured projects use the same card as Dự án & Kinh nghiệm. */
.home #ct_portfolio_grid .item-featured + .item-content {
    padding-left: 0;
    padding-right: 0;
    margin-top: 0;
}
.home #ct_portfolio_grid .item-content-inner {
    padding: 24px;
    gap: 12px;
}
.home #ct_portfolio_grid .item-category {
    font-size: 12px;
    line-height: 22px;
    letter-spacing: 1px;
}
.home #ct_portfolio_grid .item-title {
    font-size: 23px;
    line-height: 32px;
}
.home #ct_portfolio_grid .item-holder {
    min-width: 0;
}

/* Keep the end-of-content rating clear of the footer. */
.kk-star-ratings.kksr-auto.kksr-valign-bottom {
    margin-bottom: 40px;
}

/* Blog posts: give in-article h2 headings room above the previous block. */
.single-post .content-area .entry-content h2 {
    margin-top: 40px;
}