/*************** ADD CUSTOM CSS HERE.   ***************/
@font-face {
  font-family: 'Neue Montreal';
  src: url('/wp-content/fonts/neue-montreal/NeueMontreal-Regular.woff2') format('woff2');
 
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'NeueMontreal-Light';
  src: url('/wp-content/fonts/neue-montreal/NeueMontreal-Light.woff2') format('woff2');

  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'NeueMontreal-Medium';
  src: url('/wp-content/fonts/neue-montreal/NeueMontreal-Medium.woff2') format('woff2');
 
  font-style: normal;
  font-display: swap;
}


/*
@font-face {
  font-family: 'Neue Montreal';
  src: url('/wp-content/fonts/neue-montreal/NeueMontreal-Italic.woff2') format('woff2');
 
  font-style: italic;
  font-display: swap;
}


@font-face {
  font-family: 'Neue Montreal';
  src: url('/wp-content/fonts/neue-montreal/NeueMontreal-MediumItalic.woff2') format('woff2');
 
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Neue Montreal';
  src: url('/wp-content/fonts/neue-montreal/NeueMontreal-Bold.woff2') format('woff2');
 font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Neue Montreal';
  src: url('/wp-content/fonts/neue-montreal/NeueMontreal-BoldItalic.woff2') format('woff2');
 font-weight: 400;
  font-style: italic;
  font-display: swap;
}


@font-face {
  font-family: 'Neue Montreal';
  src: url('/wp-content/fonts/neue-montreal/NeueMontreal-LightItalic.woff2') format('woff2');

  font-style: italic;
  font-display: swap;
}
*/

body{
    font-family:  "Neue Montreal",  sans-serif;
    
}

.nav > li > a, .mobile-sidebar-levels-2 .nav > li > ul > li > a {
    font-family:  "Neue Montreal", sans-serif;
    
}

h1,h2,h3,h4,h5,h6, .heading-font, .off-canvas-center .nav-sidebar.nav-vertical > li > a{
    font-family: "Neue Montreal", sans-serif;
    
}

.footer-1 ul.menu>li>a {
    padding: 0px 0;
    font-size: 12px;
    color: #000;
}

.footer-1 ul.menu>li {
    line-height: 1;
}

.footer-1 span.widget-title {
    
    font-weight: 400;
    font-size: 12px;
}

strong {
    font-family: "Neue Montreal", sans-serif;
    
}

.alt-font{
    font-family: "Neue Montreal", sans-serif;
}


*, :after, :before, html {
    font-weight: 300;
    
}


/* PRODUTOS */
.product-info .breadcrumbs {
    margin: 0;
    display: none;
}

.product-info {
    padding-top: 0px;
}


.product-container h1.product-title.product_title.entry-title {    
    margin: 0px;
    text-transform: uppercase;
    font-size: 26px;
    line-height: 30px;
    font-weight: 500;    

}

.product-container .product-info .price { 
    margin: 0px;
    margin-bottom: 16px;
}

.product-container label{       
    font-weight: 600;
    color: #000000;
}



    .product-short-description {
        font-size: 14px;
    }

    .accordion-video > div {
        padding: 1em 0em;
    }

    .shop-container .product-info,        
    .shop-container .product-main    
    {
        padding-bottom: 10px;
    }

    /* PRECO */
    
    bdi {
        font-family: "Neue Montreal", sans-serif;
        font-size: 15px;
        font-weight: 100;
        color: #000;
    }

    .product-summary .woocommerce-Price-currencySymbol {
        display: inline-block;
         font-size: 15px !important;
        font-weight: 100;
        padding: 0px 2px;
        vertical-align: baseline !important;

    }

    .price-wrapper {
        margin-top: 5px;
    }

    /***************/

.single_add_to_cart_button.button {    
    width: 100%;
}

.ux-quantity.quantity.buttons_added {
    display: none !important;
}
.product-short-description p{
      font-weight: 100;
}

.current .breadcrumb-step, [data-icon-label]:after, .button#place_order, .button.checkout, .checkout-button, .single_add_to_cart_button.button, .sticky-add-to-cart-select-options-button {
    background-color: #000000 !important;
    font-size: 12px;
}

/* Substituir todos os ícones icon-angle-down por + */
.accordion-title .icon-angle-down:before {
    content: "+" !important;
    font-family: Arial, sans-serif !important;
    font-weight: normal !important;
    transform: none !important;
    transition: transform 0.3s ease;
     font-size: 28px;
     color: #6e6e6e;

}

/* Quando acordeon está aberto, mostrar - */
.accordion-title[aria-expanded="true"] .icon-angle-down:before {
    content: "−" !important;
    transform: none !important;
}

.accordion-title span,
.accordion-title span,
.accordion-title{
    text-transform: uppercase;
    font-weight: 100 !important;
    font-size: 13px;
    text-transform: none;
}

/* Estilizar o botão toggle */
.accordion-title .toggle {
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;    
    background: white;
    transition: all 0.3s ease;    
}

.accordion-item div,
.accordion-item p{
      font-weight: 100 !important;
}

.accordion .toggle {
  right: 0 !important;
  left: auto !important;
  margin-left: 5px !important;
  margin-right: 0 !important;
}

.accordion-title:not(.toggle) {    
    padding-left: 0px;
}



.row.category-page-row, .row.category-page-row .row.row-small {
    max-width: none;
}




.title-especial p span,
div.title-especial h2,
div.title-especial h3  {
 
    color: #fff !important;
 
}

button.wishlist-button.button.is-outline.circle.icon {
    border: 0px !important;
}

button.wishlist-button i.icon-heart {
    
}

.produtos-principal button.wishlist-button {
    display: none;
}


.archive bdi { 
    font-weight: 100;
    color: #454545;
    font-size: 12px;
}

.archive span.woocommerce-Price-currencySymbol {
    padding-right: 2px;
}

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
    
    .category-page-row {
        padding-top: 0px !important;
    }

    body.archive.tax-product_cat .row .col , 
    body.archive.tax-product_cat .section {

       padding: 0 !important; 

    }
    
    .shop-container .wishlist-icon {
        position: relative;
        top: 506px;
        right: -14px;
        z-index: 3300;
    }

    .col-principal {
        padding-right: 10px !important;
    }

    .product-container h1.product-title.product_title.entry-title {
        font-size: 24px;
        padding-top: 10px;
            }

        .title-especial p span,
        div.title-especial h2, div.title-especial h3  {
            font-size: 24px !important;
            color: #fff !important;
        
        }


        /* STICKY: titulo acompanha o scroll dentro do banner 
        .banner.sticky-section .title-especial{
            position: sticky;
            top: 20px;
            z-index: 100;
            pointer-events: none;
        }*/

        /* Tipografia do título especial (e sua versão fixa clonada) 
        .banner .title-especial h1,
        .banner .title-especial h2,
        .banner .title-especial h3,
        .jj-sticky-title-fixed,
        .jj-sticky-title-fixed h1,
        .jj-sticky-title-fixed h2,
        .jj-sticky-title-fixed h3{
            font-family: "Neue Montreal", sans-serif !important;
            color: #fff !important;
            font-weight: 400 !important;
            line-height: 1 !important;
            font-size: 2.9em !important;
        }

        div.title-especial h2  {
            font-family: "Neue Montreal", sans-serif !important;
            color: #fff !important;
            font-weight: 400 !important;
            line-height: 1 !important;
            font-size: 2.9em !important;
        }

           
        .banner .title-especial strong,
        .jj-sticky-title-fixed strong{
            font-weight: 400;
        }

      
        .banner .text.title-especial,
        .banner .text.title-especial h1,
        .banner .text.title-especial h2,
        .banner .text.title-especial h3,
        .jj-sticky-title-fixed,
        .jj-sticky-title-fixed h1,
        .jj-sticky-title-fixed h2,
        .jj-sticky-title-fixed h3{
            font-family: "Neue Montreal", sans-serif !important;
            color: #fff !important;
            font-weight: 400 !important;
            line-height: 1 !important;
            font-size: 2.9em !important;
        }

        .banner .text.title-especial strong,
        .jj-sticky-title-fixed strong{
            font-weight: 400 !important;
            color: inherit !important;
        }


        .banner .text-box-content.text.dark .text-inner .title-especial h1,
        .banner .text-box-content.text.dark .text-inner .title-especial h2,
        .banner .text-box-content.text.dark .text-inner .title-especial h3,
        .banner .text-box-content .text-inner .title-especial h1,
        .banner .text-box-content .text-inner .title-especial h2,
        .banner .text-box-content .text-inner .title-especial h3,
        .jj-sticky-title-fixed h1,
        .jj-sticky-title-fixed h2,
        .jj-sticky-title-fixed h3,
        .jj-sticky-title-fixed .uppercase,
        .jj-sticky-title-fixed .uppercase strong{
            font-family: "Neue Montreal", sans-serif !important;
            color: #fff !important;
            font-weight: 400 !important;
            line-height: 1 !important;
            font-size: 2.9em !important;
        }

        .title-especial h2 {
            font-size: 38px !important;
            color: #fff !important;
        }

        
        .jj-sticky-title-fixed.text.title-especial > h2.uppercase,
        .jj-sticky-title-fixed.text.title-especial > h2.uppercase > strong{
            font-family: "Neue Montreal", sans-serif !important;
            color: #fff !important;
            font-weight: 400 !important;
            line-height: 1 !important;
            font-size: 2.9em !important;
        }*/

}