/*
Theme Name: Hometard
Theme URI: http://hometard.com/
Author: Hometard
Description: Hometard is fast, clean and modern responsive multipurpose WordPress theme that has an eye-catching design. This theme is developed for KingComposer drag and drop page builder. Hometard well suited for business websites, creative, corporate, eCommerce (WooCommerce), portfolio, digital agency, product showcase, freelancers and everyone else who appreciate good and flexible design. Theme is responsive, WPML, translation and RTL ready, SEO friendly and supports WooCommerce plugin. Live preview: https://hometard.com/free-demo/ 
Version: 1.0.5
License: GNU General Public License v3
License URI: http://www.gnu.org/licenses/gpl.html
Tags: one-column, two-columns, right-sidebar, custom-background, custom-menu, featured-images, theme-options, translation-ready, custom-logo, photography, threaded-comments, e-commerce, portfolio
Text Domain: hometard

*/

/* The bootstrap.css file is auto-enqueued in functions.php */
/* WordPress Core */
.gallery-caption {
    font-weight: bold;
}
.alignnone {
    margin: 5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}
.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}
.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}
.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}
a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}
a img.alignnone {
    margin: 5px 20px 20px 0;
}
a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}
a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%;
    /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}
img.alignnone {
    max-width: 96%;
    height: auto;
    width: auto;
}
.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}
.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}
.wp-caption p.wp-caption-text {
    font-size: 13px;
    line-height: 17px;
    margin: 0;
    padding: 10px 0 0 0;
}
/* Recommended CSS from WP for defined content width support */
.size-auto,
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
    max-width: 100%;
    height: auto;
}
iframe,
embed {
    max-width: 100%;
}
img {
    max-width: 100%;
    height: auto;
}
.sticky,
.bypostauthor {}
table { 
  width: 100%; 
  border-collapse: collapse; 
}
th { 
  font-weight: bold; 
}
td, th { 
  padding: 6px; 
}
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: polygon(0px 0px, 0px 0px,0px 0px, 0px 0px);
    position: absolute !important;
    white-space: nowrap;
    height: 1px;
    width: 1px;
    overflow: hidden;
}
body {
    font-family: 'Roboto Condensed', sans-serif;
    padding: 0;
    color: #404040;
    font-weight: 400;
    line-height: 1.8;
    font-size: 16px;
    word-wrap: break-word;
}
a, a:active, a:hover, a:focus {
    text-decoration: none;
    color: #000;
}
article a {
    border-bottom: 1px dotted #777777;
    font-weight: bold;
}
a:active {
    border-bottom: 1px solid #ccc;
}
.main-container {
    padding-top: 60px;
    background-color: #fff;
}
.homepage-row.row {
    margin: 0;
    padding: 0;
    background: #fff;
    color: black;
}
.admin-bar #site-navigation {
    top: 32px;
}
@media (min-width: 768px) {
    .nav > li > a:after {
        position: absolute;
        content: '';
        bottom: 0;
        left: 0;
        width: 0;
        height: 2px;
        background-color: #080808;
        -webkit-transition: width 1s;
        transition: width 1s;
    }
    .nav > li:hover > a:after {
        width: 100%;

    }
    .navbar-nav > li > a {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .shrink .navbar-nav > li > a {
        padding-top: 15px;
        padding-bottom: 15px;
        font-size: 14px;
    }
    .navbar-nav li:hover .dropdown-menu{
        visibility:visible;
        border-top: 4px solid #ccc;
        border-radius: 0;
        transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        -webkit-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
    }
}
@media (max-width: 767px) {
    .navbar-nav > li > .dropdown-menu {
        position: relative;
        display: inline-block;
        width: 100%;
        border: 0;
        box-shadow: none;
    }
    .nav > li.active > a:after, .current-page-parent:after {
        height: 0 !important;
        background-color: transparent !important;
    }
    .navbar-nav .dropdown-menu {
        width: 100%;
        display: block !important;
        left: 0 !important;
        position: relative !important;
        border: none !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
    }
    .navbar-collapse.navbar-1-collapse.collapse.in {
        max-height: 280px;
        overflow: hidden;
        overflow-y: auto;
    }
    .navbar-nav .dropdown-menu > li > a, .navbar-nav .dropdown-menu .dropdown-header {
        padding: 3px 15px 3px 20px !important;
    }
}
.dropdown-menu > li > a {
    border-bottom: 0;
}
#site-navigation {
    min-height: 60px;
}
.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}
.navbar-toggle {
    border: 1px solid #ccc;
}
.navbar-toggle .icon-bar {
    background-color: #ccc;
}
.navbar-nav > li > a {
    border-bottom: 0;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
    background-color: transparent;
}
.nav > li.active > a:after, .current-page-parent:after {
    position: absolute;
    content: '';
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #080808;
}
article {
    clear: both;
    float: left;
    margin-bottom: 60px;
    width: 100%;
}
.updated:not(.published) {
    display: none;
}
.space-right {
    margin-right: 5px;
}
.page-header {
    width: 100%;
    margin: 20px 0;
}
.single-entry-summary {
    margin-top: 20px;
}
.single-content.row {
    margin-bottom: 60px;
}
input, textarea {
    background-color: rgba(115, 115, 115, 0.26);
    border: 1px solid transparent;
    padding: 6px;
    color: #464a4c;
    border-radius: 0;
    margin-bottom: 10px;
    width: 100%;
}
select {
    max-width: 100%;
    padding: 5px;
    color: #000;
}
label {
    width: 100%;
}
#sidebar {
    display: block;
    overflow: hidden;
}
.widget {
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}
h1.site-title, .site-title {
    margin: 0;
    padding: 0;
    font-size: 22px;
    line-height: 26px;
}
p.site-description {
    font-size: 13px;
    line-height: 18px;
    margin: 0;
}
.site-branding-logo {
    float: left;
}
.site-branding-logo a {
    border: none;
    z-index: 9999;
    position: relative;
}
.site-branding-logo img {
    max-height: 60px;
    width: auto;
    padding-right: 10px;
}
.navbar-brand {
    padding: 5px 15px;
    height: 60px;
    z-index: 99999;
    position: relative;
}
.navbar-default {
    background-color: #ffffff;
}
#site-navigation, nav a, nav img {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.shrink .site-branding-logo img {
    max-height: 50px;
}
#site-navigation.shrink {
    min-height: 50px;
}
.shrink h1.site-title, .shrink .site-title {
    font-size: 19px;
    line-height: 23px;
}
.shrink p.site-description {
    font-size: 12px;
    line-height: 15px;
}
.shrink .navbar-brand {
    height: 50px;
}
a.featured-thumbnail {
    width: 100%;
    float: left;
    text-align: center;
    border: 0;
}
nav.navigation.pagination {
    text-align: center;
    width: 100%;
    clear: both;
    margin: 20px 0;
}
nav.navigation.pagination .nav-links a, nav.navigation.pagination .current {
    padding: 10px;
    border: 1px solid #b5b5b5;
    border-radius: 5px;
}
nav.navigation.pagination .current {
    background-color: rgba(0, 0, 0, 0.64);
    color: #fff;
}
.footer-credits {
    border-top: 1px solid #ccc;
    padding: 15px;
    clear: both;
}

/* Comments */
.comment-form #comment, .comment-form #submit {
    width: 100%;
}

cite.fn {
    font-weight: bold;
}
a.comment-reply-link {
    border: 1px solid #ccc;
    padding: 10px 20px;
}
.reply {
    margin: 20px 0;
}
.comment-meta.commentmetadata {
    margin: 10px 0;
    font-size: 12px;
    font-style: italic;
}
.comment-body {
    margin-bottom: 40px;
}
.commentlist li {
    list-style-type: none;
}
img.lazy {
    opacity: 0;
    transition: opacity .3s ease-in;
}
.error-template {
    padding-bottom: 60px;
}

/* WooCommerce */
.woocommerce .woocommerce-breadcrumb {
    margin: 15px 0;
}
.woocommerce .woocommerce-ordering select {
    color: #000;
}
/* WooCommerce Buttons */
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
    padding: 8px 16px;
    border: 1px solid;
    text-transform: uppercase;
    display: inline-block;
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
    border-radius: 0;
    background-color: transparent;
    color: #222222;
}
.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover {
    background-color: transparent;
    opacity: 0.8;
    color: #222222;
}
.woocommerce ul.products li.product .button {
    margin-top: 10px;
    margin-bottom: 15px;
    color: #000;
    white-space: normal;
}

/* WooCommerce Products */
.woocommerce ul.products li.product h3 {
    font-size: 16px;
    color: inherit;
}
.woocommerce ul.products li.product .star-rating, .woocommerce .star-rating span {
    color: #000;
}
.woocommerce .products .star-rating {
    margin: 0 auto;
    margin-bottom: 10px;
}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    text-align: center;
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15);
}
.woocommerce ul.products li.product:hover, .woocommerce-page ul.products li.product:hover {
    -webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.28);
    -moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.28);
    box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.28);
}
.woocommerce ul.products li.product .price, .woocommerce div.product p.price, .woocommerce div.product span.price {
    color: inherit;
    font-size: 18px;
}
.woocommerce ul.products li.product .price del, .woocommerce div.product p.price del {
    font-size: 80%;
    display: inline-block;
}
.woocommerce span.onsale {
    top: 0;
    left: 0;
    border-radius: 0; 
    background-color: #000;
}
.woocommerce ul.products li.product .onsale {
    margin: 0;
}
.woocommerce div.product form.cart .variations label {
    margin-bottom: 0;
}
.woocommerce-variation-price {
    margin-bottom: 10px;
}
.woocommerce .quantity .qty {
    height: 32px;
    margin-right: 10px;
}
.woocommerce div.product form.cart, .woocommerce div.product p.cart {
    margin: 20px 0;
    padding: 15px 0;
    border-top: 1px solid rgba(138, 138, 138, 0.4);
    border-bottom: 1px solid rgba(138, 138, 138, 0.4);
}
.woocommerce .product_meta {
    margin-top: 10px;
    clear: both;
}
.woocommerce .product_meta .sku_wrapper, .woocommerce .product_meta .posted_in, .woocommerce .product_meta .tagged_as {
    display: block;
    font-weight: bold;
    padding: 5px 0 2px 0;
}

.woocommerce div.product .woocommerce-tabs ul.tabs {
    border-bottom: 1px solid #D3D3D3;
    margin-bottom: 0;
    margin-left: 0;
    padding-left: 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
    border: 0;
    background-color: transparent;
    border-radius: 0;
    margin: 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs:before {
    border-bottom: 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
    background: transparent;
    border-bottom-color: transparent;
    padding: 0 20px 0 10px;
    color: #FFFFFF;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active:before {
    border: 0;
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    display: inline-block;
    background: #000;
    z-index: -1;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li:before,
.woocommerce div.product .woocommerce-tabs ul.tabs li:after,
.woocommerce div.product .woocommerce-tabs ul.tabs li.active:after {
    border: 0;
    box-shadow: none;
}
.woocommerce div.product .woocommerce-tabs .panel {
    background: transparent;
}
#add_payment_method #payment, .woocommerce-checkout #payment {
    background: transparent;
    background: rgba(148, 148, 148, 0.2);
}
.woocommerce a.added_to_cart {
    display: block;
    padding: 5px;
}
/* WooCommerce categories */
#flex-carousel-woo-cat-carousel ul.products {
    margin-left: 0;
    padding-left: 0;
}
.woo-categories-section ul.products li.first {
    clear: none;
}
.woo-categories-section ul.products li.product {
    margin-bottom: 0;
}
li.product-category.product {
    text-align: center;
    border: 1px solid #dbdbdb;
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
    padding: 5px;
    position: relative;
}
li.product-category.product h3 {
    text-transform: uppercase;
    font-size: 16px;
    margin: 15px 0 10px 0;
    font-weight: bold;
}
li.product-category.product .count {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    color: #fff;
    opacity: 0;
    padding-top: 40%;
    -webkit-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    width: 100%;
}
li.product-category.product:hover .count {
    opacity: 1;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text {
    padding: 1em;
}
.woocommerce #reviews #comments ol.commentlist {
    padding: 0;
}
/* WooCommerce my account css */
.woocommerce-MyAccount-navigation ul {
    padding: 0;
    list-style-type: none;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 25px;
}
li.woocommerce-MyAccount-navigation-link {
    padding: 10px 15px;
    border-bottom: 1px solid;
}
li.woocommerce-MyAccount-navigation-link:hover {
    background-color: rgba(169, 169, 169, 0.20);
}
li.woocommerce-MyAccount-navigation-link.is-active {
    background-color: #000;
    color: #ffffff;
}
li.woocommerce-MyAccount-navigation-link.is-active a {
    color: #ffffff;
}

.woocommerce-checkout input,
.woocommerce-checkout label {
    width: inherit;
}
.woocommerce form .form-row .input-checkbox {
    position: relative;
}
#checkout label {
    width: inherit;
}
.woocommerce-cart-form input {
    width: inherit;
}
/* Floating Cart */
.float-cart {
    position: fixed;
    top: 18%;
    right: 0;
    z-index: 999;
}
.float-cart .amount-title {
    display: none;
}
.float-cart .amount-cart {
    clear: both;
    display: block;
}
.float-cart i.fa-shopping-cart,
.float-cart .amount-number,
.float-cart .amount-cart {
    float: none;
    line-height: 40px;
    padding: 0;
}
.float-cart .header-cart-inner {
    padding: 15px;
    margin: -1px;
    float: none;
    border: 1px solid rgba(211, 211, 211, 0.43);
    background: rgba(255, 255, 255, 0.6);
    position: relative;
    z-index: 1000;
    text-align: center;
    color: #252424;
}
.float-cart.header-cart .count {
    background-color: rgba(255, 255, 255, 0.6);
}
.float-cart .site-header-cart {
    top: 0;
    right: -450px;
    display: block;
    z-index: 998;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}
.float-cart .header-cart-inner:hover .site-header-cart {
    right: 100%;
}
.site-header-cart {
    position: absolute;
    top: 100%;
    padding: 5px;
    border: 1px solid #1E1E1E;
    display: none;
    opacity: 0;
    z-index: 999999;
    min-width: 350px;
    right: -15px;
    background-color: #fff;
    color: #000;
}
.header-cart-inner:hover .site-header-cart {
    display: block;
    opacity: 1;
}

/* KC title slider fix */
.kc_tabs.kc-tabs-slider ul.kc-tabs-slider-nav {
    text-align: center;
    margin-bottom: 25px !important;
}
ul.kc-tabs-slider-nav li {
    background-color: transparent;
    border: 2px solid #9a9696;
    margin-right: 10px;
    border-radius: 5px;
}
ul.kc-tabs-slider-nav li.kc-title-active {
    background: rgba(0, 0, 0, 0.08) !important;
}
ul.kc-tabs-slider-nav li a {
    color: black;
    font-weight: 700;
}