/*
Theme Name: House Of Pots
Theme URI: http://wpbrew.com/
Template: builder-4
Version: 4.0
Updated: 06/22/2025
Author: Billy Aguana
Author URI: http://wpbrew.com/
Description: ACF and ACFE Builder
Tags: acf, acfe
*/

/*------------------------------------------
    #MARK: REMOVE
------------------------------------------*/
/* #region */


.mh { 
    
}

body:not(.wp-admin) {
    
}

/* #endregion */

/*------------------------------------------
    #MARK: ROOT
------------------------------------------*/
/* #region */

@font-face {
  font-family:WooCommerce;
  src:url(woocommerce/assets/fonts/WooCommerce.woff2) format("woff2"),
  url(woocommerce/assets/fonts/WooCommerce.woff) format("woff"),
  url(woocommerce/assets/fonts/WooCommerce.ttf) format("truetype");
  font-weight:400;
  font-style:normal
}

:root {

    --font-size: 16px;
    --font-1: "Poppins";
    --font-2: "Oswald";

    --color1: #666;
    --color2: #314e3e;
    --color3: #314e3e;
    --color4: #c6f4c6;
    --color5: #FFDD58;
   
    --color10: black;
    --color11: white;

    --a: #6F4E37;
    --hover: #A1AEB7;       

    --darktitle:white;
    --darktext:white;

    --woop-button: #314e3e;
}



/* #endregion */

/*------------------------------------------
    #MARK: GENERAL
------------------------------------------*/
/* #region */

.font-2 {
    font-family: var(--font-2);
}

.btitle {
    font-weight: 300;
    text-transform: uppercase;
}

h6.atitle {
}

.ptitle, .mtitle, .astitle {
    font-family: var(--font-2);
    font-size: 42px;
    font-weight: 500;
    color: var(--color2);
    letter-spacing: 0px;
}

.astext, .dtext, .ptext, .ltext.full, .itext,
a .dtext, a .ptext {
    
}

a .dtitle, a .ititle {

}

.dinfo .btn-loop {

}

.post-excerpt {
    
}

[data-theme="dark"] .dtext {

}

.element .wrap {
    padding: 80px 0;
}

.element .btn-loop {
    margin-top: 30px;
}

.element .dtext {
    margin-top: 30px;
}


.bg-grey {
    background-color: #f2f5f1;
}

.bg-green {
    background-color: #f2f5f1;
}

.bg-yellow {
    background-color: #FFFFE3;
}

button.button.alt.disabled:hover {
    background-color: #aaa !important;
    pointer-events: none;
}

.has-checkout-layout--multi-step .fc-step__actions .fc-step__next-step {
    width: auto !important;
    padding: 20px 20px;
    background-color: var(--color2);
    color: white;
}

.woocommerce div.product form.cart .variations label {
    display: block;
}

.woocommerce div.product .product_title {
    color: var(--color2);
    margin-bottom: 10px;
}

.woocommerce ul.cart_list li a, .woocommerce ul.product_list_widget li a {
  font-weight: normal;
  display: flex;
  gap: 10px;
  align-items: center;
}

.woocommerce ul.products li.product, 
.woocommerce-page ul.products li.product {
    padding: 10px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    text-align: center;
}

body .archive-products ul.products li.product .button {
    margin-top: 10px;
    margin-bottom: 10px;
}

.woocommerce nav.woocommerce-pagination ul li a, 
.woocommerce nav.woocommerce-pagination ul li span {
    min-width: 40px;
}

/* #endregion */

/*------------------------------------------
    #MARK: BUTTONS
------------------------------------------*/
/* #region */



.btn .d-icon {  
    display: inline-block !important;
    filter: invert(17%) sepia(71%) saturate(3926%) hue-rotate(96deg) brightness(97%) contrast(104%);
}

.btn-1 {
    background-color: var(--color2);
}

.btn-1:hover,
.btn-1::after {
    
}

.btn-1 span {
    color: white;
}

.btn-1 span::before {

}

.btn[title="Shop Now"] span::before,
.btn[title="Our Shop"] span::before {
    font-family:WooCommerce;
    content: '\e01d';
    margin-right: 10px;
}

.btn-1:hover span {
    color: var(--color2);
}

.btn[data-icon="btn"], 
.btn-2 {
    border: 1px solid var(--color2);
    background-color: transparent;
}

.btn-2:hover,
.btn-2::after {
    background-color: var(--color2);
}

.btn[data-icon="btn"] {
    padding-left: 40px;
}
.btn[data-icon="btn"] img {
    max-width: 20px;
}

.btn[data-icon="btn"]:hover,
.btn[data-icon="btn"]:after {
    background-color: var(--color4);
}

.btn-n span,
.btn-2 span {
    color: var(--color2);
}

.btn-2.active span,
.btn-2:hover span {
    color: white;
}

.btn.w-icon {
    margin-top: 15px;
}

[data-theme="dark"] .btn-1 {

}

[data-theme="dark"] .btn-2 span {
}    


.-preview [data-theme="dark"] {
    background-color: rgba(0, 0, 0, 0.1);
}

/* #endregion */

/*------------------------------------------
    #MARK: HEADER
------------------------------------------*/
/* #region */

.navbar-brand {
    width: 180px;
}

header .menu_wrap {
  
}

header.sticky-head .menu_wrap {
    background: white;
    padding: 10px 0;
    box-shadow: 3px 3px 10px rgba(0,0,0,0.08);
}

.page.home header .menu_wrap {
    position: relative;
}

/* #endregion */

/*------------------------------------------
    #MARK: MENUS
------------------------------------------*/
/* #region */

#navbar-home {
    align-items: flex-end;
}

#navbar-home .menu-extension {
    margin-left: 50px;
}

#navbar-home .navbar-nav {
    gap: 30px;
}

.main-menu .navbar-nav  .nav-link {
    padding: 0;
}

.main-menu .nav-link span {
    font-size: 17px;
    font-weight: 300;
    color: var(--color2);
}

.main-menu .menu-item {
    
}

.main-menu .menu-item span {

}

.main-menu .menu-item.active .nav-link span,
.main-menu .menu-item .nav-link:hover span {
    
}


.main-menu .dmenu-0 .dropdown-item  {
    
}

.main-menu .dmenu-0 .dropdown-item:hover {

}

.main-menu .dmenu-0 .dropdown-item span {

}

.menu-extension a img {
    width: auto;
    
}

.menu-extension .menu-fb img {
    height: 23px;
}

.menu-extension .menu-acct img {
    width: auto;
}

.menu-extension .menu-fb img {
    width: auto;
}

/* #endregion */

/*------------------------------------------
    #MARK: FOOTER
------------------------------------------*/
/* #region */

footer.element {
    background-color: var(--color2);
}

footer.element .bg-img {
    mix-blend-mode: multiply;
    opacity: 0.3;
}
footer.element .wrap {
    padding: 60px 0;
}

footer.element .comp {
    justify-content: space-evenly;
    align-items: center;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    margin-top: 30px;
    padding: 20px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

footer.element .ntop {
    justify-content: space-between;
    flex-direction: column;
    gap: 30px;
    align-items: center;
    padding:  0 30px;
}

footer.element .menu-links a {
    color: #FFDD58;
    opacity: 0.7;
}

footer.element .menu-links a:hover {
    opacity: 1;
}

footer.element .social-icons .soc-link img {
    filter: brightness(0) invert(1);
    transition: 0.3s;
}

footer.element .social-icons .soc-link:hover img {
    filter: brightness(1) invert(0);
}

footer.element .social-div .social-icons {
    margin-top: 0;
}

footer.element .main-logo {
    filter: brightness(0) invert(1);
}

footer.element .sc-div {
    flex: 0 0 25%;
    align-items: flex-start;
    justify-content: center;    
}

footer.element .sc-div a {
    color: white;
    font-weight: 300;
}

footer.element .sc-div a:hover {
    color: #FFDD58;
}

footer.element .ssc img.sc-icon {
    filter: invert(79%) sepia(91%) saturate(389%) hue-rotate(331deg) brightness(104%) contrast(101%);
}

footer.element .social-div {
    margin: 0;
}

footer.element .copyright {
    margin: 20px 0;
    text-align: center;
}

footer.element .copy {
    color: white;
    font-weight: 300;
}

footer.element .footer-menu .menu-title {
    display: none;
}

footer.element ul {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
    gap: 20px
}

/* #endregion */

/*------------------------------------------
    #MARK: HERO 01
------------------------------------------*/
/* #region */

.hero-ss-01 .wrap {
    height: 760px;
}
.hero-ss-01 .color-top {
    background: linear-gradient(180deg,rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
    height: 150px;
    z-index: 3;
}
.hero-ss-01 .overlay.bg-img {
    z-index: 3;
    top: unset;
    bottom: 0;
    height: 100px;
    min-height: unset;
    background-size: 100%;
    background-position: bottom right;
}

.hero-ss-01 .mtitle {
    font-size: 60px;
    font-weight: 600;
    letter-spacing: 0px;
    line-height: 120%;
    letter-spacing: -1px;
    color: var(--color2);
}

.hero-ss-01 .mtitle::after {
    content: '';
    width: 100px;
    border-top: 5px solid #265e3f;
    display: block;
    margin-top: 30px;
}

.hero-ss-01 img.obj-cover {
    object-fit: cover;
    object-position: bottom right;

}

.hero-ss-01 .btn-loop {
    margin-top: 40px;
}

.element .owlish {
    background-color: rgba(0,0,0,0.05);
}
.element .owlbtn img {
    filter: invert(17%) sepia(71%) saturate(3926%) hue-rotate(96deg) brightness(97%) contrast(104%);
}
.element .custom-dots .dot {
    color: var(--color2);
}
.element .custom-dots {
    bottom: 50px;
    z-index: 4;
}

/* #endregion */

/*------------------------------------------
    #MARK: MR 01
------------------------------------------*/
/* #region */

.rowxmedia-01 .dmedia {
    position: relative;
}

.rowxmedia-01 .dmedia img {
    border-radius: 30px;
}

.rowxmedia-01 .dmedia .addlogo {
    width: 100px;
    height: 100px;
    position: absolute;
    border-radius: 100%;
    top: -30px;
    left: -30px;
}

/* #endregion */

/*------------------------------------------
    #MARK: CARD SLIDE 01
------------------------------------------*/
/* #region */

.cardsxslider-01 .wrap {
    background-color: #f2f5f1;
    padding: 80px 0;
    margin: 0 auto;
}

.cardsxslider-01 .dtop {
    text-align: center;
    margin-bottom: 40px;
}
.cardsxslider-01 .dbtm {
    margin-top: 40px;
    text-align: center;
}

.cardsxslider-01 .slide-cards .dmedia {
    height: 300px;
    border-bottom: 1px solid rgba(0,0,0,0.05);
}

.cardsxslider-01 .item .pad {
    padding: 10px 5px;
}

.cardsxslider-01 .dtitle {
    font-family: var(--font-2);
    color: var(--color2);
    text-transform: uppercase;
    font-size: 20px;
    font-weight: normal;
}


.cardsxslider-01 .short-info {
    padding-right: 20px;
}

.cardsxslider-01 .mtitle {
    font-weight: 600;
}

.cardsxslider-01 .ptext {
    margin-top: 10px;
}

.cardsxslider-01 .row {
    align-items: center;
}

.cardsxslider-01 a.div-link {
    padding: 10px;
    transition: 0.3s;
    background-color:  var(--color3);
    border: 1px solid rgba(0, 0, 0, 0.1) !important;
}

.cardsxslider-01 a.div-link .dtitle {
    color: white;
}
.cardsxslider-01 a.div-link .more {
    color: #999;
}

.cardsxslider-01 a:hover {
    background-color: white;
}
.cardsxslider-01 a:hover .dtitle {
    color: var(--color2);
}
.cardsxslider-01 a .dmedia {
    overflow: hidden;
}
.cardsxslider-01 a .dmedia img {
    transition: 0.3s;
}
.cardsxslider-01 a:hover .dmedia img {
    transform: scale(1.1);
}

.cardsxslider-01 .is-grid .owlprev {
    left: -50px;
}
.cardsxslider-01 .is-grid .owlnext { 
    right: -50px;
}

.cardsxslider-01 .owlbtn.btn-round {
    border: none;
}

/* #endregion */

/*------------------------------------------
    #MARK: HERO 01
------------------------------------------*/
/* #region */

.section-title-01 .wrap {
    padding-bottom: 0;
}

.section-title-01 .dinfo .dtext {
    margin-top: 10px;
}

.headerxbutton-01 .wrap {
    padding-bottom: 20px;
}

.headerxbutton-01 .dtext {
    margin-top: 10px;
}
/* #endregion */

/*------------------------------------------
    #MARK: HERO 01
------------------------------------------*/
/* #region */

.separator-01 .wrap {
    padding: 0;
}

/* #endregion */

/*------------------------------------------
    #MARK: HERO 01
------------------------------------------*/
/* #region */

.cardsxicons-01 .ititle {
    font-family: var(--font-2);
    color: var(--color2);
    text-transform: uppercase;
    font-size: 28px;
    font-weight: normal;
}

.cardsxicons-01 .div-icon {
    height: 45px;
}

.cardsxicons-01 .flex-item .div-link {
    padding: 30px 30px;
    height: 100%;
    position: relative;
}

.cardsxicons-01 .flex-item .div-link .pad,
.cardsxicons-01 .flex-item .div-link .div-icon {
    position: relative;
    z-index: 2;
}

.cardsxicons-01 .flex-item .div-link::before {
    height: 100%;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    content: '';
    display: block;
    position: absolute;
    background-color: white;
}

.cardsxicons-01 .flex-item:nth-child(2) .div-link::before {
    background-color: var(--color2);    
    height: calc(100% + 60px);
}

.cardsxicons-01 .flex-item:nth-child(2) .ititle {
    color: white;
}

.cardsxicons-01 .flex-item:nth-child(2) .ptext {
    color: #ddd;
}


.cardsxicons-01 .flex-item:nth-child(2) .d-icon {
    filter: brightness(0) invert(1);
}

/* #endregion */

/*------------------------------------------
    #MARK: HERO 01
------------------------------------------*/
/* #region */



.bg-cluster .jarallax {
    position: absolute;
    opacity: 0.5;
}

.bg-cluster .overlay.color {
    background-color: rgba(0, 20, 0,0.6);
}


/* #endregion */




/*------------------------------------------
    #MARK: HERO 01
------------------------------------------*/
/* #region */

body .archive-products ul.products li.product .button {
    background-color: #314e3e;
}

.woocommerce-products-header__title.page-title {
    color: var(--color2);
    font-family: var(--font-2);
    font-size: 40px;
}

.cptxloop-01 .cpt-post {
    background-color: white;
    border: none;
    padding: 10px;
    /* box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); */
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.cptxloop-01 .cpt-post .dmedia {
    background-color: white;
    height: 300px;
}

.cptxloop-01 .cpt-post .dmedia img {
    transition: 0.3s;
}

.cptxloop-01 .cpt-link:hover .dmedia img {
    opacity: 1;
}

.cptxloop-01 .cpt-meta {
    align-items: center;
    justify-content: space-between;
    font-size: 90%;
}

.cptxloop-01 .product-category {
    flex: 1;
}

.cptxloop-01 .product-price {
    /*
    margin-top: 5px;
    display: flex;
    justify-content: space-between;
    width: 100%;
    */
}

.cptxloop-01 .price-var {
    display: none;
}

.cptxloop-01 .cpt-meta .amount {
    font-size: 20px;
    color: var(--color3);
}

.cptxloop-01 .flex-item .cpt-title {
    font-family: var(--font-2);
    font-weight: 400;
    font-size: 22px;
    margin-top: 10px;
 }

 .cptxloop-01 .flex-item .cpt-title::after {
    border-bottom: 1px solid var(--color2);
    width: 50px;
    content: '';
    display: block;
    margin: 20px 0 10px;
 }

 .cptxloop-01 .flex-item .cpt-link img {
    object-position: top center;
 }

 .cptxloop-01 .woocommerce-Price-currencySymbol {
    margin-right: 10px;
 }

 .archive-products ul.products li.product a img {
    margin-bottom: 0;
 }

/* #endregion */




/*------------------------------------------
    #MARK: HERO 01
------------------------------------------*/
/* #region */

.google-business .ititle {
    font-family: var(--font-2);
    font-weight: 400;
    font-size: 22px;
    color: var(--color2);
}

.google-business .dtitle {
    color: var(--color2);
}
.google-business .dtext {
    margin-top: 0;
}

.google-business a {
    
}

.google-business img {
    filter: invert(25%) sepia(15%) saturate(1025%) hue-rotate(94deg) brightness(92%) contrast(84%);
}

.google-business .oh-day {
    color: var(--color2);
}

/* #endregion */

.element .pop-link {
    border-radius: 10px;
    overflow: hidden;
}

.element .pop-link .play img {
    display: block !important;
    max-width: unset;
    width: 60px;
    height: 60px;
    opacity: 1;
}

.element .pop-link .overlay {
    opacity: 1;
}

.element .pop-link:hover .overlay {
    opacity: 0;
}

.ctaxmedia-01 .wrap .overlay.color {
    background-color: rgba(0, 0, 0, 0);
}

.ctaxmedia-01 .wrap .bg-img {
    background-position: top center;
    opacity: 0.2;
}

.ctaxmedia-01 .mtitle {
    font-size: 50px;
}
.ctaxmedia-01 .dtext {
    margin-top: 15px;
}

.ctaxmedia-01 .iwrap {
    border-radius: 10px;
    overflow: hidden;
}

.woocommerce a.added_to_cart {
    padding-top: 0;
}

.rowxmedia-01 .mtitle::after {
    content: '';
    width: 100px;
    border-top: 5px solid #265e3f;
    display: block;
    margin-top: 30px;
}


/*------------------------------------------
    #MARK: HERO 01
------------------------------------------*/
/* #region */
.cluster-1 .bg-img {
    opacity: 0.1;
}

.woocommerce ul.cart_list li a, 
.woocommerce ul.product_list_widget li a {
    font-weight: normal;
}

.single-product .price-var {
    display: none;
}

.cart-popup-content .mini_cart_item a.remove {
    display: flex;
    justify-content: center;
    align-items: center;
}

.archive-products ul.products li.product a img {
    height: 310px;
}

body .archive-products ul.products li.product .product_type_variable.add_to_cart_button {
    display: none !important;
}

.woocommerce .yith-quick-view .yith-quick-view-content.woocommerce div.summary .single_add_to_cart_button {
    border-radius: 5px;
}
.woocommerce div.product form.cart .variations td, .woocommerce div.product form.cart .variations th {
    vertical-align: middle;
}

.single div.product div.images img {
    max-height: 700px;
    object-fit: cover;
}

.product-type-variable .price-var {
    display: none;
}

td .thwvsf_fields {
    float: left;
}

.cart-popup-box { padding: 3rem 1rem 1rem 1rem; }

.forminator-module-edit-link { display: none; }
.forminator-ui.forminator-custom-form[data-design="default"] .forminator-label {
    font-weight: 300 !important;
}
.forminator-ui.forminator-custom-form[data-design="default"] .forminator-button {
    box-shadow: none !important;
    background-color: var(--color2);
    color: white;
}