/*
Theme Name: ECOPRINCE
Description: Total Child Theme
Theme URI: https://hashthemes.com/wordpress-theme/total/
Author: RL
Author URI: https://hashthemes.com
Description: Total as its name suggest is a complete package theme with all the feature that you need to make a complete website. The theme has clean and elegant design with vibrant color(Theme Color Changable Option) and parallax sections. The home page consist of slider, featured section with icon, about us section with progress bar, portfolio section with masonary layout, team section, testimonial section, counter section, blog section with option to add 3, 6 or 9 blog posts, clients logo carousel slider and call to action section. The theme is fully responsive and is built on customizer that enable you to configure the website with live preview. The theme is SEO friendly, Cross browser compatible, fully translation ready and is compatible with WooCommerce - an ecommerce plugin and all other major plugins. The theme can also be used with all major page builder plugins like Elementor, SiteOrigin, WpBakery VisualComposer and Beaver Builder. DEMO: http://demo.hashthemes.com/total/
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: total
Text Domain: ecoprince
Tags: two-columns, right-sidebar, custom-background, custom-menu, editor-style, featured-images, footer-widgets, theme-options, threaded-comments, translation-ready, portfolio, photography, holiday, custom-logo
*/
@import url("../total/style.css");

html {
    min-width: 1170px;
}

body {
    min-width: 1170px;
}

#ht-masthead {
    min-width: 1170px;
}

@media screen and (max-width: 1000px) {
    .toggle-bar {
        display: none;
        position: absolute;
        top: 22px;
        right: 20px;
        height: 50px;
        width: 50px;
        background: #FFC107;
        cursor: pointer;
    }

    .toggle-bar span {
        position: absolute;
        top: 50%;
        margin-top: -2px;
        height: 4px;
        left: 8px;
        right: 8px;
        background: #FFF;
        box-shadow: 0 10px 0 0 #FFF, 0 -10px 0 0 #FFF;
    }

    .ht-sticky-header #ht-masthead {
        position: static;
    }

    .ht-sticky#ht-masthead {
        height: 94px;
    }

    #ht-site-navigation {
        width: 70%;
    }

    #ht-site-branding {
        width: 30%;
    }

    .ht-sticky #ht-site-branding {
        padding: 15px 0;
    }

    .ht-sticky-header #ht-content {
        padding-top: 0;
    }

    .ht-main-navigation .ht-menu {
        display: unset;
        position: unset;
        background: unset !important;
        z-index: 999;
    }

    .ht-main-navigation li {
        float: left;
        margin-left: 10px;
        text-align: unset;
    }

    .page-template-home-template .ht-main-navigation .current_page_item > a,
    .page-template-home-template .ht-main-navigation .current-menu-item > a,
    .page-template-home-template .ht-main-navigation .current_page_ancestor > a,
    .home.blog .ht-main-navigation .current_page_item > a,
    .home.blog .ht-main-navigation .current-menu-item > a,
    .home.blog .ht-main-navigation .current_page_ancestor > a,
    .ht-main-navigation a {
        color: #444;
    }

    .ht-main-navigation ul ul {
        position: static;
        padding: 0;
        margin-top: 0;
    }

    .ht-main-navigation ul ul ul {
        margin: 0;
    }

    #ht-team-section {
        padding-bottom: 30px;
    }

    .ht-team-member {
        width: 48%;
        margin-bottom: 30px;
    }
}

@media screen and (max-width: 768px) {

    .ht-featured-post {
        float: left;
        margin-left: 3%;
        width: 30.33%;
    }

}

@media (max-width: 640px) {

    .col-gn-3 {
        width: calc(100%/3) !important;
    }

    .col-gn-4 {
        width: 25% !important;
    }
}

.m-0 {
    margin: 0;
}

.p-0 {
    padding: 0;
}

.pb-0 {
    padding-bottom: 0;
}

.ht-main-navigation a {
    font-size: 1.125rem;
}

.current-page-ancestor a {
    background: #969696;
    color: #FFF;
}

.ht-slide-overlay {
    display: none;
}

.ht-slide-caption {
    display: none;
}

#ht-company-post-section .ht-featured-post-wrap img {
    margin-left: 2%;
}

.ht-section-title {
    padding-left: 2%;
}

.ht-featured-post-wrap {
    margin-left: 0;
}

.ht-featured-post {
    margin-left: 2%;
    width: 23%;
    background-color: white;
    color: black;
    padding: 0;
    border-width: 0;
}

.ht-featured-post h5 {
    margin-top: 8px;
    margin-bottom: 8px;
    font-weight: bold;
}

.ht-featured-link {
    transform: translateY(0);
    line-height: initial;
    margin-bottom: 8px;
}

.ht-featured-link a {
    line-height: initial;
    border-width: 0;
}

#menu-product {
    border-color: lightgray;
    border-style: solid;
    border-width: 0 1px 1px;
    padding: 10px 20px;
}

.menu-product-title {
    text-align: center;
    font-size: 24px;
    border: solid 1px lightgray;
    background-color: lightgray;
    color: white;
    padding: 16px 0;
}

#ht-menu-sub-nav ul {
    display: inline-block;
    list-style: none;
    /*border: solid 1px black;*/
    border-top: solid 1px black;
    border-right: solid 1px black;
    border-bottom: solid 1px black;
}

#ht-menu-sub-nav li {
    display: inline-block;
}

#ht-menu-sub-nav li a {
    display: block;
    padding: 4px 20px;
    background: #ededed;
    border-left: solid 1px black;
}

#ht-menu-sub-nav .current_page_item a {
    background: white;
}

#container_title {
    text-align: center;
}

#ht-top-footer {
    text-align: center;
    display: none;
}

.ht-top-footer {
    margin-left: 2%;
}

.ht-footer {
    float: initial;
    width: initial;
    margin-left: initial;
    text-align: center;
}

.ht-footer1 {
    display: inline-block;
}

.ht-footer1 .textwidget {
    text-align: left;
}

.ht-footer1 .textwidget ul {
    list-style: disc inside !important;
    list-style-position: inside;
}

.ht-footer1 .textwidget strong {
    vertical-align: top;
}

.ht-footer1 .textwidget div {
    display: inline-block;
    vertical-align: top;
}

#ht-bottom-footer {
    padding: 16px 0;
}

.ht-site-info {
    text-align: left;
    margin-left: 2%;
}

.ht-site-info div {
    display: inline-block;
    vertical-align: middle;
}

.ht-site-text {
    font-size: 35px;
    /*color: white;*/
}

.ht-site-info-detail {
    text-align: left;
    padding: 0 20px;
}