@font-face {
  font-family: "Fiona";
  src: url("/wp-content/uploads/2021/08/Fiona-Regular.ttf") format("truetype");
}

@font-face {
  font-family: "Yellow Peas";
  src: url("/wp-content/uploads/2021/08/yellow-peas-demo.ttf") format("truetype");
    font-weight: normal;
}

@font-face {
  font-family: "Yellow Peas";
  src: url("/wp-content/uploads/2021/08/Yellow-Peas-Bold-demo.ttf") format("truetype");
    font-weight: bold;
}


@font-face {
  font-family: "Yellow Peas Bold";
  src: url("/wp-content/uploads/2021/08/Yellow-Peas-Bold-demo.ttf") format("truetype");
    font-weight: bold;
}

.site-title a, .site-title a:hover{
   font-size: 100px;
     font-family: 'Fiona';
}


@media all and (max-width: 800px) {
    .site-title a, .site-title a:hover{
    font-size: 50px;
    }
} 


.site-description {
    font-size: 20px !important;
      font-family: 'Yellow Peas';
      color: black !important;
      font-weight: 500;
      letter-spacing: 10px;
      -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

@media all and (max-width: 800px) {
    .site-description{
    font-size: 17px !important;
        font-weight: 600;
        color: grey !important;
    }
} 

#masthead .site-branding {
    height: fit-content;
    padding-top: 10px;
}


@media all and (max-width: 800px) {
    #masthead .site-branding {
        padding-bottom: 0px;
    }
}

/* Main Menu */

.main-navigation {
    background-color: transparent !important;
    border-bottom: none !important;
}

.main-navigation a {
    color: #444 !important;
    font-family: 'Yellow Peas' !important;
    font-size: 28px !important;
}

@media all and (max-width: 800px) {
    .main-navigation a {
        font-size: 18px !important;
    }
}

.main-navigation a:not(.sub-menu a) {
    padding: 10px 80px;
}



/* #menu-primary-1 .menu-item a {
    font-family: 'Fiona';
    font-size: 18px !important;
}

#menu-primary-1 .menu-item a:hover {
    color: black !important;
}

.main-navigation.main-navigation ul li.current-menu-item a {
    color: black !important;
} */

.main-navigation .sub-menu li a::before {
    display: none;
}

/* Shop Category Page */

@media (max-width: 767px) {
.elementor-widget-wc-archive-products .products {
    grid-template-columns: repeat(1,1fr);
}
    .woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product {
        margin: 0;
    }
 }

.woocommerce ul.products li.product a img {
    height: 300px;
    width: 100%;
    object-fit: contain;
}

.woocommerce-loo-product__title {
    font-family: 'Yellow Peas';
}

.woocommerce-Price-amount {
    font-family: 'Yellow Peas';
}

.add_to_cart_button {
    font-family: 'Yellow Peas' !important;
}

/* Hide Menu Cart */
.woocommerce-menu-container, #toggle-cart {
    display: none !important;
}

/* Share This */
.sd-title {
    font-size: 22px !important;
}

/* # WooCommerce Cart Icon CSS with FontAwesome 5 */

.header-cart-div {
    position: absolute;
    top: 80px;
    right: 50px;
    display: flex;
    z-index: 2;
}

@media all and (max-width: 800px) {
    .header-cart-div {
        top: 10px;
    right: 37vw;
    }
}

.cart-contents {
    position: relative;
    display: flex !important;
    flex-flow: column nowrap;
    justify-content: center;
}

.cart-contents:before {
    font-family: 'Font Awesome 5 Free' !important;
    font-weight: 900;   
    content: "\f07a" !important;
    font-size: 30px;
    color: black;
}

.cart-contents:hover {
    text-decoration: none;
}

.cart-contents-count {
    position: absolute;
        top: 15px;
      left: 25px;
    transform: translateY(-105%) translateX(25%);
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 12px;
    line-height: 22px;
    height: 22px;
    width: 22px;
    vertical-align: middle;
    text-align: center;
    color: #fff;
        background: #000;
        border-radius: 50%;
        padding: 1px;  
}

/* WooCommerce Account Icon */

.account-link {
    position: relative;
    display: flex !important;
    flex-flow: column nowrap;
    justify-content: center;
      padding: 0 20px;
}

.account-link:before {
    font-family: 'Font Awesome 5 Free' !important;
    font-weight: 900;   
    content: "\f007" !important;
    font-size: 30px;
    color: black;
}

.account-link:hover {
    text-decoration: none;
}

/* Contact Info */
.contactInfo a, .contactInfo a:hover {
    color: black;
    font-family: 'Source Sans Pro';
}

/* Footer */
.site-info {
    display: none;
}

/* Cart Page */



.cart_totals h2 {
    font-family: 'Yellow Peas Bold', sans-serif !important;
    font-size: 22px !important;
    text-transform: uppercase;
}

.cart_totals th, .cart_totals bdi{
    font-family: 'Yellow Peas Bold', sans-serif !important;
    font-size: 18px;
    text-transform: uppercase;
    border: 0;
}

.woocommerce-cart-form th {
    font-weight: 100 !important;
    font-family: 'Yellow Peas Bold', sans-serif !important;
    text-transform: uppercase;
    font-size: 18px;
    border: 0;
}

.woocommerce-cart-form td a, .woocommerce-cart-form td a:hover {
    font-family: 'Yellow Peas Bold', sans-serif !important;
    font-size: 18px;
}

.woocommerce-cart-form td {
    border: 0;
}

.cart_totals td {
    border: 0;
}

input[name="coupon_code"] {
    font-family: 'Yellow Peas Bold', sans-serif !important;
    font-size: 18px !important;
    min-width: fit-content;
}

input.qty {
    font-family: 'Yellow Peas Bold', sans-serif !important;
    font-size: 16px !important;
}

.woocommerce-cart-form bdi {
    font-family: 'Yellow Peas Bold', sans-serif !important;
}

.woocommerce-cart-form button {
    font-family: 'Yellow Peas Bold', sans-serif !important;
    font-size: 18px !important;
    width: 200px;
}

.woocommerce a.button.alt {
    font-family: 'Yellow Peas Bold', sans-serif !important;
}

/* Checkout Page */

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

.woocommerce-info a {
    font-size: 16px;
}

form.checkout input, form.checkout label, form.checkout textarea, form.checkout select span {
    font-size: 16px !important;
    font-family: sans-serif;
}

form.checkout .form-row {
    margin-bottom: 1.4rem !important;
}

article#post-42 .entry-title {
    color: #444;
    font-weight: 800;
}

article#post-42 .woocommerce-info {
    border-top-color: #444 !important;
}

article#post-42 .woocommerce {
    max-width: 1000px;
    font-family: sans-serif;
}

article#post-42 .woocommerce th, article#post-42 .woocommerce td, article#post-42 .woocommerce bdi {
    font-family: sans-serif !important;
}

button#place_order {
    font-size: 20px !important;
}

/* Product Page */

.price span.woocommerce-Price-amount bdi {
    font-weight: bold;
}

.woocommerce-product-details__short-description {
    margin-bottom: 2em;
}

.woocommerce div.product form.cart div.quantity {
    margin-bottom: 2em;
}

.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
    background-color: #243335;
}

section.related.products img {
    width: 200px !important;
    height: 200px !important;
    object-fit: cover;
}

section.related.products h2 {
    margin-bottom: 2em;
}

.woocommerce-loop-product__title {
    font-family: 'Yellow Peas Bold' !important;
    font-size: 15px !important;
    min-height: 30px;
}

/* My Account Page */

.woocommerce-account .woocommerce-MyAccount-navigation {
    width: 20%;
}

.woocommerce-form.woocommerce-form-register.register, .woocommerce-form.woocommerce-form-login.login {
    font-weight: 600;
}

/* Home Login Form */

@media all and (max-width: 900px) {
    .homeLogin .woocommerce form.login {
        width: 98vw !important;
    }
}

.homeLogin h2 {
    display: none;
}

.homeLogin .woocommerce form.login {
    border: none;
    width: 38vw;
    margin: auto;
}

.homelogin label {
    display: none;
}

.homelogin input {
    border-radius: 50px;
    padding: 10px 25px;
    border-style: double;
  border-width: 9px;
}

.homelogin input[type="submit"] {
    font-size: 20px;
    color: white;
    width: 100%;
    background-color: #243335;
}

@media all and (max-width: 800px) {
    .homelogin {
        width: 90vw;
    }
}

.elementor-login__logged-in-message {
    text-align: center;
    font-size: 30px;
    color: black !important;
}

/* Product attributes */
.woocommerce-shop .product-meta,
.woocommerce-page .product-meta{
    font-size: 16px;
}

/* Remove boxshadow in search */
#wpcas_search_keyword{
    box-shadow: none !important;
}

.search-product:before {
    font-family: 'Font Awesome 5 Free' !important;
    font-weight: 900;   
    content: "\f002" !important;
    font-size: 30px;
    color: black;
}
.wpcas-area .wpcas-area-mid .wpcas-product-inner .wpcas-product-info .wpcas-product-price span{
    font-size: 20px !important;
    font-weight: 700 !important;
}
.single-product .price small{
    font-family: 'Montserrat';
    font-weight: 400;
    font-size: 16px;
    display: block;
    text-transform: capitalize;
}

.single-product .price .woocommerce-Price-amount,
.single-product .price .woocommerce-Price-amount{
    color: var(--e-global-color-primary) !important;
    font-size: 20px !important;
}
.woocommerce-page .products .price{
    display: flex !important;
    flex-direction: column;
    gap: 20px;
}
.woocommerce-page .products .price small{
    width: 100%;
    font-family: 'Montserrat';
    font-size: 12px;
}
.woocommerce-page .products .price small .woocommerce-Price-amount{
    font-size: 18px;
}

.single-product .related .product .price{
    gap: 0 !important;
}

.woocommerce-shop ul.products .btn-success,
.woocommerce-shop ul.products .add_to_cart_button,
.tax-product_cat ul.products .btn-success,
.single-product ul.products .btn-success{
    font-family: "Montserrat", Josefin Sans !important;
    font-weight: 400;
    background-color: #fff !important;
    color: #54595F !important;
    text-transform: uppercase;
    font-size: 16px !important;
    text-shadow: none;
    text-align: center;
    height: auto !important;
    padding: 16px 20px !important;
    border: solid 1px #d6d6d6 !important;
    border-radius: 5px !important;
}
.single-product ul.products .btn-success{
    font-size: 14px !important;
    padding: 8px 20px !important;
}
.woocommerce-shop ul.products .btn-success:hover,
.woocommerce-shop ul.products .add_to_cart_button:hover,
.tax-product_cat ul.products .btn-success:hover,
.single-product ul.products .btn-success:hover{
    background-color: #000 !important;
    color: #fff !important;
    border: solid 1px #000 !Important;
}
.woocommerce-shop ul.products .add_to_cart_button{
    width: 100% !important;
    text-align: center !important;

}
.woocommerce-shop ul.products .added_to_cart {
    width: 100% !important;
    text-align: center !important;
    margin-top: 8px !important;
}