/*
Theme Name:   cnn
Description:  Light weight, stripped back theme
Author:       Katrien Moore
Author URI:   https://bemoore.com
Template:     BeMo
Version:      1.0.0
*/

#header > div.row.header-main-1.header-on-large > div.col-md-2.col-sm-12.header-logo-1.match_height.d-flex.justify-content-center.align-items-center > a > img,
#header > div.row.header-main-1.header-on-small > div.col-md-2.col-sm-12.header-logo-1.match_height.d-flex.justify-content-center.align-items-center > a > img {
    height: 120px;
}

#search-2 > form > label > input {
    Border: 1px solid #ccc;
    border-radius: 0px;
}

#search-2 > form > input {
    background: var(--blue);
    border: 1px solid var(--blue);
    color: white;
}

div.wc-block-checkout__actions_row > button {
    background: var(--light-pink);
}

.woocommerce ul.products li.product .button {
    background: var(--green);
    border: 1px solid var(--green);
    color: #fff;
}

.woocommerce ul.products li.product .button:hover {
    background: #fff;
    border: 1px solid var(--green);
    color: var(--green);
}

bdi {
    color: var(--brown);
    font-size: 1.6rem;
    font-weight: bold;
}

section.related.products {
    margin-top: 100px;
}

div.wc-block-cart__submit.wp-block-woocommerce-proceed-to-checkout-block > div:nth-child(2) > a {
    background: var(--blue);
    color: white;
}

/*--------checkout--------*/
.woocommerce-input-wrapper > input,
.woocommerce-input-wrapper > textarea,
.woocommerce-input-wrapper > select {
    border: 1px solid #BFC3C8 !important;
    border-radius: 3px;
    padding: 5px !important;
}

#payment > ul > li > label > img {
    width: 90px;
}

div.wp-block-button.wc-block-grid__product-add-to-cart > a {
    background: var(--green);
    color: #fff;
}

.woocommerce ul.products.columns-3 li.product,
.woocommerce-page ul.products.columns-3 li.product {
    text-align: center;
}

form.woocommerce-ordering {
    display: none;
}

.woocommerce ul.products li.product a img {
    border: 1px solid #dedede;
    padding: 10px;
}

.woocommerce ul.products li.product a img {
    border: 1px solid #dedede;
    padding: 10px;
}

.woocommerce ul.products.columns-3 li.product,
.woocommerce-page ul.products.columns-3 li.product {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.woocommerce div.product div.images .flex-control-thumbs li::before {
    display: none;
}

.woocommerce div.product .woocommerce-product-gallery--columns-4 .flex-control-thumbs li {
    padding: 10px;
    margin-top: 10px;
}