/* 
Theme Name: Digital Marketing Agency - Zyrgon Network Group
Theme URI: https://www.zyrgon.com
Description: Zyrgon Portugal
Author: Zyrgon Team
Author URI: https://www.zyrgon.com
Template: hello-elementor
Version: 1.0
Text Domain: zyrgon-child
*/






/* ---------------------- Tiago ---------------------------------- */


.zyrgon-slides .swiper-slide.swiper-slide-active {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: space-evenly;
}
.zyrgon-slides  .swiper-slide.swiper-slide-next, .zyrgon-slides  .swiper-slide.swiper-slide-prev {
    visibility: hidden;
}
.zyrgon-slides  .swiper-wrapper{
    flex-direction: row;
    align-items: center;
}

.img-slide-zyrgon{
    width:50%;
    padding:40px 60px 40px 0px;
    
}
.zp-rating{
    color:#FFCC17;
    font-size:24px;
}
.zyrgon-slides h2{
    color: #000;
font-family: Inter;
font-size: 30px;
font-style: normal;
font-weight: 700;
line-height: normal;
margin:0px;
padding:15px 0px;
}

.zyrgon-slides h3{
    color: #000;
font-family: Inter;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: normal;
    padding-bottom: 30px;
    margin:0px;
}
.zyrgon-slides .zp-button{

background: #000;
color: #FFF;
text-align: center;
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: normal;
padding:10px 12px;
text-decoration:none
}

.zyrgon-slides .texto{
        padding-left: 100px;
        padding-right:50px;
}
body{
    overflow-x: hidden;
}
.elementor-nav-menu--main .elementor-item.elementor-item-active {
    color: #FFFFFF;
    background-color: #000;
}

.menu_extenso img{
    padding-right:5px;
}

.menu_vertical:not(.section) .elementor-container.elementor-column-gap-default {
    max-width: 800px !important;
    margin-left: 0px;
}

  
.menu_vertical:not(.section) a.elementor-button.elementor-button-link.elementor-size-sm {
position: relative;
align-self: center;
bottom: auto;
top: 50px;
}


.menu_vertical .elementor-icon-box-wrapper:hover .elementor-icon-box-icon span{
 
    height: 125px;
    width: 125px;
     background-repeat: no-repeat;
}
.menu_vertical .elementor-icon-box-wrapper:hover SVG{
    display:none;
     

}

.menu_vertical .t_shirts .elementor-icon-box-wrapper:hover .elementor-icon-box-icon span {
    background-image: url(https://estampas.zyrgon.dev/wp-content/uploads/2024/05/Icone-produtos-t-shirt-hover.svg);
}
.menu_vertical .polos .elementor-icon-box-wrapper:hover .elementor-icon-box-icon span {
    background-image: url(https://estampas.zyrgon.dev/wp-content/uploads/2024/05/Icone-produtos-polos-hover.svg);
}
.menu_vertical .casacos .elementor-icon-box-wrapper:hover .elementor-icon-box-icon span {
    background-image: url(https://estampas.zyrgon.dev/wp-content/uploads/2024/05/Icone-moletons-hover.svg);
}
.menu_vertical .chapeu .elementor-icon-box-wrapper:hover .elementor-icon-box-icon span {
    background-image: url(https://estampas.zyrgon.dev/wp-content/uploads/2024/05/Icone-produtos-chapeus-hover.svg);
}
.menu_vertical .sacos  .elementor-icon-box-wrapper:hover .elementor-icon-box-icon span {
    background-image: url(https://estampas.zyrgon.dev/wp-content/uploads/2024/06/Icone-produtos-sacos-hover-1.svg);
}
.menu_vertical .canecas .elementor-icon-box-wrapper:hover .elementor-icon-box-icon span {
    background-image: url(https://estampas.zyrgon.dev/wp-content/uploads/2024/05/Icone-produtos-canecas-hover.svg);
}
.menu_vertical .garrafas .elementor-icon-box-wrapper:hover .elementor-icon-box-icon span {
    background-image: url(https://estampas.zyrgon.dev/wp-content/uploads/2024/06/Icone-produtos-garrafas-hover.svg);
}
.menu_vertical .lanyards .elementor-icon-box-wrapper:hover .elementor-icon-box-icon span {
    background-image: url(https://estampas.zyrgon.dev/wp-content/uploads/2024/06/Icone-produtos-lanyards-hover.svg);
}


.menu_vertical .elementor-button:hover, {
background: -webkit-linear-gradient(90deg, #AA5FE0, #FF8666);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
 border-width: 1px; /* Largura da borda */
border-style: solid; /* Estilo da borda */
border-image: linear-gradient(to right, #AA5FE0, #FF8666) 1; /* Gradiente linear como imagem de borda */
}

.elementor-button, [type=submit]{
    transition: 0s;
}
.cta_fundo_rosa .elementor-button:hover, .zp-button:hover, .newsletter_footer_wrapper #gform_submit_button_3:hover, .formulario_contacto_wrapper [type=submit]:hover,
.artigo_principal .elementor-posts--skin-skin_artigos .elementor-post__read-more:hover, .search_form_main [type=submit]:hover{
background: -webkit-linear-gradient(0deg, #AA5FE0, #FF8666);
color:#FFF !important;
 
}

/* woo */
.side_bar_woo  img, .side_bar_woo  mark{
display:none !important;
}



.side_bar_woo .product-category.first{
 border-bottom:1px solid #D9D9D9; 

 
}
.side_bar_woo ul.products li.product .woocommerce-loop-category__title{
padding:15px;
 
}
.side_bar_woo .product-category.first:hover{
 background-color: #D9D9D9;   

    
}
.side_bar_woo  .elementor-wc-products ul.products {
    grid-column-gap: 0px !important;
    grid-row-gap: 0px !important;
}

.front_page_woo .custom-search-ordering {
    display: flex;
    justify-content: flex-end;
}
.front_page_woo .orderby{
    display:none;
}
.front_page_woo ul.products li.product a img  {
    margin:0px 0px 15px;
 
}
.front_page_woo  ul.products li.product .woocommerce-loop-product__link .woocommerce-loop-product__title{
    color: #000;
font-family: Inter;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: normal;
}
.front_page_woo .produto-sku{
    color: #000;
font-family: Inter;
font-size: 10px;
font-style: normal;
font-weight: 400;
line-height: normal;
}

.front_page_woo  ul.products li.product .woocommerce-loop-product__link .price{
color: #FEB736 ;
font-family: Inter;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 100%; /* 20px */
}

.front_page_woo .woocommerce ul.products li.product .button{
    display:none;
}
.front_page_woo span.woocommerce-Price-amount.amount:after {
    content: 'desde';
    display: flex;
    color: #000;
text-align: right;
font-family: Inter;
font-size: 10px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
/* fim woo */


/* search pag inicial */

.search_form_main ul{
    padding:0px;
}
.search_form_main .searchandfilter ul {
    display: flex;
}

.search_form_main [type=submit]{
    color: #FFF;
    background-color:#000;
    border:1px #000;
  
}
.search_form_main input{
      border-radius:0px;
       border:0px;
}

.search_form_main ::placeholder{
    padding-left:25px;
    color: #D6C2C2;
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: normal;
}
/* Fim search pag inicial */



 .top_cta .elementor-shape-bottom {
display:none;
}

 .estampas_inicial   .elementor-column.elementor-col-16{
        width:25% !important;
    }
@media (min-width:1025px) and (max-width:1550px){

    .menu_vertical:not(.section) .elementor-container.elementor-column-gap-default {
    max-width: 700px !important;

}
.elementor-274 .elementor-element.elementor-element-f2b0a1f{
    padding:0px;
}
}

@media (min-width:768px) and (max-width:1024px){
    .box_contactos_tablet, .box_contact .elementor-element-populated, .box_contact .elementor-widget-wrap{
        background-color: rgba(255, 255, 255, 0.90) !important;
        backdrop-filter: blur(2px);
        box-shadow: none !important;
    }
   .menu_vertical .elementor-icon-box-wrapper:hover .elementor-icon-box-icon span {
    height: 100px;
    width: 100px;
    background-size: cover;

} 

.zyrgon-slides .texto{
        padding-left: 60px;
        padding-right:50px;
}
.zyrgon-slides h2{
font-size: 20px;
}
.zyrgon-slides h3{
font-size: 14px;
}


}

@media (max-width:767px){
    .box_contactos_tablet, .box_contact .elementor-element-populated, .box_contact .elementor-widget-wrap{
    background-color: rgba(255, 255, 255, 0.90) !important;
    backdrop-filter: blur(2px);
    box-shadow: none !important;
    }
    
    .estampas_inicial .elementor-column.elementor-col-16{
    width:33.33% !important;
    }
    
    .main_menu ul li.elementor-icon-list-item.elementor-inline-item:last-child {
    display: none;
    }
    
    .menu_mobile  .elementor-nav-menu li:hover {
    background-color: #fff !important;
    }
     .menu_mobile  .elementor-nav-menu--dropdown a:hover,  .menu_mobile  .elementor-button .elementor-button-text:hover{

    background: -webkit-linear-gradient(90deg, #AA5FE0, #FF8666);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    
    }
    .menu_mobile li.menu-item.menu-item-type-custom:first-child {
    display: none;
    }
    
    

    .top_cta .elementor-shape-bottom {
    display:block;
    }
    
    .zyrgon-slides .swiper-slide.swiper-slide-active {
    flex-direction: column;
    align-items: center;
}
.img-slide-zyrgon{
    padding:0px;
    width:100%;
}
.zyrgon-slides .texto{
    padding:0px;
}
.zyrgon-swiper-btn {
    top: 200px !important;
    color: #fff !important;
}



.banner_clip img, .banner_clip video{
    clip-path: polygon(0 0, 100% 0%, 100% 91%, 0 100%);

}





 .menu_vertical h3.elementor-icon-box-title {
    max-height: 30px;
}


.elementor-container .elementor-column.elementor-col-50.banner_clip .elementor-widget-image img {
   
    
    object-fit: cover; 
}
}
@media (min-width:768px){
    .elementor-194 .elementor-element.elementor-element-35d6625 {
        width: 81%;
    }
    .elementor-194 .elementor-element.elementor-element-13b5329{
    width:0% !important;
}
    .elementor-194 .elementor-element.elementor-element-8211c73 {
        width: 17%;
    }
    
.banner_clip  img, .banner_clip video{
    clip-path: polygon(10% 0, 100% 0%, 100% 100%, 0 100%) !important;
    
}
}


.elementor-7 .elementor-element.elementor-element-afab362 {
    max-width: 60vw;
}

@media (min-width:1025px){
    .benificios_cinza  .elementor-element-populated{
    
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100vw;
    right:auto;
    
    
}
 .banner_clip .elementor-widget-wrap{
 
    
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 50vw;
    right:auto;
    
    
}


}

@media (min-width:1025px) and (max-width:1210px){
    .top_cta .elementor-heading-title{
        font-size:30px !important;
    }
  
}

@media (min-width:1110px) and (max-width:1205px){
       .top_cta .elementor-col-50:first-child{
         padding: 30px 0px;
     }
}
@media (min-width:1450px) and (max-width:1650px){
   .top_cta .elementor-col-50:first-child{
         padding: 30px 0px;
     }
    
}
@media (min-width:1651px){
   .top_cta .elementor-col-50:first-child{
         padding: 60px 0px;
     }
    
}