/*
Theme Name: Creative Deco
Theme URI: https://creativedeco.co.za
Author: Encipher PTY(LTD)
Author URI: https://encipher.co.za
Description: Default theme for 2022.
Tags: one-column, custom-background, custom-colors, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, block-styles, wide-blocks, accessibility-ready
Version: 1.0
Requires at least: 5.0
Tested up to: 5.4
Requires PHP: 7.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: creativedeco
*/
/******************** GLOBAL ********************/

.navbar-nav {
	margin-left: auto !important;
}

.footer_menu ul {
    list-style: none;
}

.footer_menu ul li {
    padding: 0 !important;
    margin: 0 !important;
}

@media screen and (min-width: 3000px) {
	.footer_menu ul {
		margin-top: -2rem !important;
	}
}


/* Wooverides */

/******************** MAIN NAVIGATION ********************/
.navbar {
    padding-bottom: 0;
}

/* .nav-item > a {
    color: white !important;
    font-size: 1.3rem;
} */

.nav-item > a {
    transition: 0.8s !important;
}

.nav-item:hover > a {
    color: #484d55 !important; 
}

/* .dropdown-menu {
    background-color: #fec7c4;
} */

.dropdown-item.active, .dropdown-item:active {
    background-color: #484d55;
    color: #fff !important;
}


.navbar-light .navbar-nav .nav-link.active {
    color: #484d55 !important;
}
.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
    color: #484d55 !important;
}



/* product loop */
.woocommerce .products ul, .woocommerce ul.products {
    width: 100%;
    /* background-color: #f9f9fa; */
    min-width: 900px;
    padding-top: 20px;
    margin: 0;
}

.woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 {
    color: #484d55;
}

body {
    background-color: #f9f9fa !important;
}

.woocommerce ul.products li.product a img {
    border-radius: 16px;
}

/* Product Hover */
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product{
    transition: ease-in-out;
    transition: 0.8s !important;
    padding: 20px;
    background-color: #fff;
    webkit-box-shadow: 0 2px 2px 0 rgb(77 77 79 / 8%), 0 0 2px 0 rgb(77 77 79 / 16%);
    box-shadow: 0 2px 2px 0 rgb(77 77 79 / 8%), 0 0 2px 0 rgb(77 77 79 / 16%);
}

.woocommerce ul.products:hover li.product:hover, .woocommerce-page:hover ul.products:hover li.product:hover {
    box-shadow: 0px 2px 10px rgba(116, 113, 115, 0.8) !important;
    transition: ease-in-out !important;
    transition: 0.8s !important;
}

/* single product view */
.woocommerce .woocommerce-breadcrumb{
    color: #7b9698;
    font-family: 'Montserrat', sans-serif;
    padding: 1.5rem;
}

.product_title.entry-title {
    color: #7b9698;
    font-family: 'Montserrat', sans-serif;
    font-size: 1.8rem;
    font-weight: 200;
}

.woocommerce-product-details__short-description, .deco-font {
    color: #7b9698;
    font-family: 'Montserrat', sans-serif;
}

.woocommerce span.onsale{
    background-color: #7b9698;
    width: auto;
    border-radius: 0;
    font-size: 1.2rem;
}

.woocommerce div.product p.price {
    color: #7b9698;
    padding: 15px 0;
}

.woocommerce div.product .woocommerce-product-rating {
    padding-top: 10px;
}

.product_meta a {
    color: #7b9698;
}

div.product form.cart .button, .checkout-button.button.alt.wc-forward{
    background-color: #7b9698 !important;
    color: #fff;
    border-radius: 0;
    padding: .9rem;
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
    font-weight: 500;
}

div.product form.cart .button:hover, .checkout-button.button.alt.wc-forward:hover{
    background-color: #484d55;
}

.button.wc-backward{
    background-color: #7b9698 !important;
    color: #fff !important;
    border-radius: 0 !important;
    padding: .9rem !important;
    font-family: 'Montserrat', sans-serif !important;
    text-transform: uppercase;
    font-weight: 500 !important;
}

.button.wc-backward:hover{
    background-color: #484d55 !important;
}

.deco-font {
    font-weight: 100;
    text-transform: uppercase;
    font-size: 26px !important;
    padding-top: 120px;
}

.row {
    background-color: #fff;
    padding-top: 20px;
}


/* Shop loop button */

.woocommerce ul.products li.product .button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
    background-color: #7b9698 !important;
    color: #fff;
    border-radius: 0;
}

.woocommerce ul.products li.product .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: #484d55 !important;
}

.woocommerce a.added_to_cart {
    padding-left: 10px;
}


/* Shop loop price */
.woocommerce ul.products li.product .price {
    color: #7b9698;
    font-size: 1.2rem;
    padding-bottom: 0;
    margin-bottom: 0;
}


/* Pagination */
.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span{
    color: #7b9698;
}

.woocommerce-pagination {
    padding: 50px 0;
}


/* Details Tabs */
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
    border-top-color: #7b9698;
    border-top-width: 5px;
}

.add_to_cart_button::before {
    font-family: fontAwesome;
    content: "\f07a\00a0";
}

.woocommerce div.product .woocommerce-tabs .panel h2, .related.products h2 {
    font-family: 'Montserrat', sans-serif;
    color: #7b9698;
    font-weight: 100;
    font-size: 1.5em;
}

/* Form Styles */
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {
    padding: 10px;
}

/* New Arrivals */
.row.new.arrivals{
    background-color: #f9f9fa;
}


/* Account */
.woocommerce-account .woocommerce-MyAccount-navigation {
    width: 300px;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul{
    list-style: none;
    padding: 5px;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li {
    background-color: #7b9698;
    padding: 10px;
    font-family: 'Montserrat', sans-serif;
    font-size: 1em;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
    color: #fff;
    transition: 0.8s !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover {
    color: #484d55;
    background-color: #fff;
    padding: 10px;
}

h1 {
    padding: 25px 0;
    color: #7b9698;
    font-family: 'Montserrat', sans-serif;
    text-align: center;
    text-transform: uppercase;
    font-weight: 100;
    font-size: 26px;
}

/* rating */
.woocommerce #review_form #respond p a{
    color: #7b9698;
}

.woocommerce-review-link {
    color: #484d55;
}

.star-rating {
    color: #7b9698;
}

.underline {
    padding-top: 0;
}

.headers {
    padding-bottom: 0;
}

.new_arrivals_section {
    padding-bottom: 150px;
}

/* Footer */
.footer {
    margin-top: 150px;
}


@media screen and (min-width: 450px) {
	.woocommerce .products ul, .woocommerce ul.products {
        min-width: 450px;
    }
}


/* Product Variations */

.woocommerce div.product form.cart .variations {
    margin: 30px 0;
    width: 65%;
}

.woocommerce div.product form.cart .variations td, .woocommerce div.product form.cart .variations th {
    color: #7b9698;
    font-size: 1em;
    text-transform: uppercase;
}

.woocommerce div.product form.cart .variations select {
    padding: 5px;
}

.woocommerce div.product p.price, .woocommerce div.product span.price {
    color: #7b9698;
}

.woocommerce-variation.single_variation {
    padding-bottom: 20px;
}

.page-description {
    padding-bottom: 25px;
}

/* Contact Page */

.row.justify-content-center.contact {
    background-color: #f9f9fa !important;
}

.contact-wrapper{
    background-color: #fff;
    box-shadow: 0 2px 2px 0 rgb(77 77 79 / 8%), 0 0 2px 0 rgb(77 77 79 / 16%);
}

.btn-deco{
    background-color: #7b9698 !important;
    color: #fff;
    transition: ease-in-out;
    transition: 0.8s !important;
    border-radius: 0;
    width: 100px;
}

.btn-deco:hover{
    color: #fff;
    background-color: #484d55 !important;
    transition: ease-in-out;
    transition: 0.8s !important;
}

.wpcf7 {
    padding: 50px;
}

.form-control:focus {
    border-color: #7b9698;
    box-shadow: none;
}


/******************** CF7 ********************/

.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback){
    width: 92% !important;
}

@media only screen and (max-width: 1400px) {
    .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback){
        width: 88% !important;
    }
}

@media only screen and (max-width: 500px) {
    .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback){
        width: 82% !important;
    }
}

@media only screen and (max-width: 320px) {
    .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback){
        width: 75% !important;
    }
} 


.added_to_cart.wc-forward:hover{
    color: #484d55;
}