/*
 Theme Name:   Canard Child Theme
 Theme URI:    https://wordpress.org/themes/canard/
 Description:  Canard Child Theme
 Author:       Charles Cifuentes
 Author URI:   https://www.codeable.io/developers/charles-cifuentes/
 Template:     canard
 Version:      1.0.0
 Text Domain:  canard
*/

#site-top{
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1;
    border-bottom: 1px solid;
    padding-left: 20px;
    padding-right: 20px;
} 

#site-top .menu-item a {
    font-size: 14px;
}

.brand-img {
    float: left;
    margin-right: 20px;
    width: 0;
    transition: width 1s ease-in;
}

.brand-img.is-visible {
    width:170px;
}

.fade-out-section {
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s 1s, opacity 0.8s linear;
}

.fade-in-section {
    visibility: visible;
    opacity: 1;
    transition: opacity 3s linear;
}

.header-img {
    padding-top: 92px;
}

.footer-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-top: 1px solid;
}

.bottom-social {
    display: block;
}

.search-icon .dashicons-search {
    font-size: 30px;
    cursor: pointer;
    float: right;
    color: #000000;
}

.cart-icon .dashicons-cart, .user-icon .dashicons-admin-users {
    font-size: 30px;
    cursor: pointer;
    margin-left: 15px;
    float: right;
    color: #000000;
}

.search-wrapper {
    display: none;
    float: right;
}

.search-wrapper input[type=text] {
        font-size: 15px;
        border: 1px solid rgb(47, 47, 47);
        width: 600px;
        padding-left: 20px;
}

.search-wrapper button[type=submit] {
    border: none;
    background-color: #ffffff;
    color: black    
}

.search-wrapper button[type=submit] .fa {
    font-size: 25px;
}

.search-wrapper .search-close {
    border: none;
    background-color: transparent;
    color: black;
    display: inline-block;
    cursor: pointer;     
}

.search-wrapper .search-close .fa {
    font-size: 25px;
}

.bottom-social > div {
    width: 100%;
}

/** WooCommerce **/
.woocommerce-loop-product__title, .woocommerce-Price-amount, .posted_in a, .product-name a, .shipping-calculator-button, .showcoupon, .woocommerce-terms-and-conditions-link {
    color: #000000;
}

.woocommerce a.remove {
    color: #000000 !important;
}

.woocommerce a.remove:hover {
    background-color: #000000;
}

.woocommerce a.button, .woocommerce button.button.alt, .woocommerce a.button.alt, .woocommerce #respond input#submit, .woocommerce button.button, .woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled] {
    background-color: #000000;
    color: #ffffff;
}

.woocommerce a.button:hover, .woocommerce button.button.alt:hover, .woocommerce a.button.alt:hover, .woocommerce #respond input#submit:hover, .woocommerce button.button:hover {
    background-color: #ffffff;
    color: #000000;
    border: 1px solid;
}

.woocommerce-result-count {
    display: none;
}

.woocommerce-message {
    background-color: #ffffff;
    border-top-color: #000000   ;
}

.woocommerce-message::before {
    color: #000000;
}

.woocommerce .entry-header, .posted_in, .woocommerce-Tabs-panel--description > h2 {
    display: none;
}

.woocommerce-product-details__short-description {
    padding-top: 20px;
    padding-bottom: 40px;
}

.woocommerce .entry-footer, .woocommerce .comments-area {
    display: none;
}

.entry-footer a, .woocommerce-info::before {
    color: #000000;
}

.woocommerce table.shop_table thead, .woocommerce-checkout #payment div.payment_box {
    background-color: #000000;
}

.woocommerce table.shop_table thead tr th, .woocommerce-checkout #payment div.payment_box p {
    color: #ffffff;
}

.woocommerce-info, .woocommerce-checkout #payment {
    background-color: #ffffff;
    border-top-color: #000000;
}

.woocommerce-checkout #payment div.payment_box::before {
    border: 1em solid #000000;
    border-right-color: transparent;
    border-left-color: transparent;
    border-top-color: transparent;
}