/*
Theme Name: Procrea Superfici
Template: generatepress
Author: Child Theme Configurator
Version: 1.0.1654081715
Updated: 2022-06-01 11:08:35

*/

.grecaptcha-badge { 
    visibility: hidden;
}

#ct-ultimate-gdpr-cookie-open {background: rgba(0,0,0,0.5) !important; z-index: 500;}
.uc-side-menu-wrapper.menu-left-open {z-index: 600;}

.articlebody a {
	text-decoration: none;
	
	font-weight: 700;
  position: relative;
}

.articlebody a::before {
content: '';
    background-color: rgba(196,196,196,.75);
    position: absolute;
    left: 0;
    bottom: -4px;
    width: 100%;
    height: 5px;
    z-index: -1;
    transition: all .3s ease-in-out;
}

.articlebody a:hover::before {
  bottom: 0;
  height: 100%;
}

.articlebody a:hover {color:#222;}

.wpml-ls-native {
font-family: "Raleway", Sans-serif;
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
}

.wpml-ls-current-language .wpml-ls-native{
  font-weight: 600;
}

.wpml-ls-first-item .wpml-ls-native::after{
  content: "/";
  font-weight: 400;
}

.wpml-ls-legacy-list-horizontal a {padding: 0;}

    

 body .carouseldidascalie .elementor-image-carousel-caption span{
      font-weight: 400;
      font-size: 15px !important;   }

  
  body .carouseldidascalie  .swiper-pagination-bullets {bottom: -10px;}


  body .carouseldidascalie .elementor-image-carousel-caption{
  color: #000000 !important;
  font-family: "Raleway", Arial !important;
  font-weight: 500 !important;
  font-size: 17px !important;
  }


  table.variations tr {
    display: flex;
    flex-direction: column;
  }

  .woo-variation-swatches .variable-items-wrapper  {flex-wrap: nowrap;}
  th.label {text-align: left; padding: 0px;}
  .e-atc-qty-button-holder {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }

  .single_add_to_cart_button {margin-left: 0px !important;
    background-color: #F8AB2B !important;
    border-radius: 35px !important;
    width: 400px !important;
    color: #000000 !important;
    font-family: 'Raleway', Arial, sans-serif !important;
    font-weight: 700 !important;}


.qib-button {margin-left: 0px !important; background-color: #fff;}
.qib-button-wrapper .minus.qib-button  {
border-radius: 35px 0 0 35px !important;
    border-right: 0 !important;
    padding: 0 !important;
    height: 38px !important;

}

.qib-button-wrapper .plus.qib-button  {
  border-radius: 0 35px 35px 0 !important;
      border-left: 0 !important;
      padding: 0 !important;
      height: 38px !important;
  
  }

  .quantity.wqpmb_quantity {height: 38px !important;}
  .qib-button-wrapper .quantity input.input-text.qty.text {
    width: 100px !important;
    height: 38px !important;
    border-right: 0!important;;
    border-left: 0!important;;
}

body .qib-button-wrapper {
  margin-bottom: 30px;
  margin-top: 12px;
}

span.qty, .variations tbody .label label, .woocommerce div.product form.cart .variations label {
  color: #000000 !important;
  font-family: 'Raleway', Arial, sans-serif !important;
  font-weight: 400 !important;
  font-size: 20px !important;
}



body .carouseldidascalie.pavimentazioni .elementor-carousel-image-overlay{

  text-transform: uppercase;
  align-items: center;
  font-size: 14px !important;
  text-align: center;
}


body .carouseldidascalie.pavimentazioni .swiper-container, .carouseldidascalie.pavimentazioni .swiper {
  padding-bottom: 70px !important;
}



/** INFINITE MARQUEE **/

/* Marquee styles */
.marquee {
  --gap: 2rem;
  position: relative;
  display: flex;
  overflow: hidden;
  user-select: none;
  gap: var(--gap);
  list-style: none;
}

.marquee__content {
  flex-shrink: 0;
  display: flex;
  justify-content: space-around;
  gap: var(--gap);
  min-width: 100%;
  list-style: none;
  margin-bottom: 0px;
}

.marquee__content h2,  .marquee h2 {
     margin-bottom: 0 !important;
}
.marquee__content h2 a, .marquee h2 a {
        color: var(--e-global-color-951b1d5);
    font-family: "Raleway", Sans-serif;
    font-size: 50px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 41px;
   
}

@keyframes scroll {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(calc(-100% - var(--gap)));
  }
}


/* Enable animation */
.marquee__content {
  animation: scroll 30s linear infinite;
}

/** ANCHOR FIX **/

body:not(.elementor-editor-active) .elementor-widget-menu-anchor {
  position: relative;
  z-index: -1;
}
body:not(.elementor-editor-active) .elementor-menu-anchor:before {
  content: "";
  display: block;
  height: 100px; 
  margin: -100px 0 0; 
  visibility: hidden;
  pointer-events: none;
}
/*
@media (min-width: 769px) {

body.parent-pageid-143:not(.elementor-editor-active) .elementor-menu-anchor:before {

  height: 200px; 
  margin: -200px 0 0; 

}
}
*/


/** HORIZONTAL NAV **/


.horizontalNav {
--nav-padding: 0; /* set to 0 if you don't use the SVG arrows, 0 20px if you use them */
--nav-item-margin: 0 6px; /* spacing between nav items */
--nav-item-padding: 10px 30px;
--nav-item-border-radius: 30px;
--nav-item-font-weight: 700;
--nav-item-font-size: 14px;
--nav-item-font-family: "Work Sans", sans-serif;
--nav-item-text-transform: uppercase;
--nav-item-bg-color: #cecece;
--nav-item-color: #000;
--nav-item-hover-bg-color: #000000; /* background color on hover */
--nav-item-hover-color: #ffffff; /* text color on hover */
--nav-item-active-bg-color: #000000; /* active background color */
--nav-item-active-color: #ffffff; /* active text color */
--tab-style-border: 0px solid #000; /* to add a tab style border, change to 2px */
--nav-gradient-width: 60px; /* width of gradients */
--nav-gradient-color: #ffffff; /* color of gradients */
--scrollable-navigation-width: 30px;
--nav-item-border: 2px solid #000;
}


.horizontalNav.calcestruzzo{

  --nav-item-bg-color: #F8AB2B !important;

}
.horizontalNav.decorative{

  --nav-item-bg-color: #EB5E3E !important;
  --nav-item-color: #ffffff !important;

}
.horizontalNav.architettoniche{

  --nav-item-bg-color: #009FE3 !important;
  --nav-item-color: #ffffff !important;
}

.horizontalNav.sportive{

  --nav-item-bg-color: #B43757 !important;
  --nav-item-color: #ffffff !important;

}

.horizontalNav.resine{

  --nav-item-bg-color: #009640!important;
  --nav-item-color: #ffffff !important;

}

.horizontalNav {
border-bottom: var(--tab-style-border);
}

.horizontalNav .elementor-nav-menu.elementor-nav-menu.elementor-nav-menu {
overflow-x: auto;
display: flex;
flex-wrap: nowrap;
justify-content: start;
position: relative;
padding: var(--nav-padding);
}

.horizontalNav .elementor-nav-menu>.menu-item {
white-space: nowrap;
margin: var(--nav-item-margin);
}

.horizontalNav .elementor-nav-menu>.menu-item>.elementor-item {
padding: var(--nav-item-padding);
background-color: var(--nav-item-bg-color);
border-radius: var(--nav-item-border-radius);
color: var(--nav-item-color);
font-weight: var(--nav-item-font-weight);
font-size: var(--nav-item-font-size);
text-transform: var(--nav-item-text-transform);
font-family: var(--nav-item-font-family);
border: var(--nav-item-border);
}

/* styles of nav items on hover */
.horizontalNav .elementor-nav-menu>.menu-item>.elementor-item:hover {
background-color: var(--nav-item-hover-bg-color);
color: var(--nav-item-hover-color);
border: var(--nav-item-border);
}

/* styles of active nav item */
.horizontalNav .elementor-nav-menu>.menu-item>.elementor-item.elementor-item-active {
background-color: var(--nav-item-active-bg-color);
color: var(--nav-item-active-color);
border-top: var(--tab-style-border);
border-left: var(--tab-style-border);
border-right: var(--tab-style-border);
border: var(--nav-item-border);
}

/* SVG arrows */
.horizontalNav .scrl-button.scrl-button.scrl-button.scrl-button.scrl-button {
background: none;
outline: none;
border: none;
padding: 0;
margin: 0;
}

.horizontalNav .scrl-button.scrl-button.scrl-button.scrl-button.scrl-button:focus-visible {
outline: auto;
}

.horizontalNav .scrollable-navigation {
position: absolute;
height: 100%;
left: 0;
width: var(--scrollable-navigation-width);
display: grid;
place-content: center;
z-index: 7;
}

.horizontalNav .scrollable-navigation-right {
left: initial;
right: 0;
}

.horizontalNav .scrollable-navigation svg {
width: var(--scrollable-navigation-width);
height: var(--scrollable-navigation-width);
}

.horizontalNav .scrollable-navigation-right svg {
transform: rotate(180deg);
}

.horizontalNav .elementor-nav-menu__container:not(.show-right-mask) .scrollable-navigation-right,
.horizontalNav .elementor-nav-menu__container:not(.show-left-mask) .scrollable-navigation-left {
opacity: 0.4;
pointer-events: none;
}

/* hide the svg arrows from 800px viewport and up, adjust as you need */
@media (min-width: 800px) {
.horizontalNav .scrl-button {
display: none;
}
}

/* END OF SVG arrows */

/* gradients on each side when it is possible to scroll more */
.horizontalNav .elementor-nav-menu__container {
position: relative;
}

.horizontalNav .elementor-nav-menu__container::before,
.horizontalNav .elementor-nav-menu__container::after {
content: "";
position: absolute;
width: var(--nav-gradient-width);
top: 0;
bottom: 0;
transform: scaleX(0);
background: linear-gradient(to right, var(--nav-gradient-color), transparent);
transition: transform 0.4s ease-in-out;
z-index: 4;
pointer-events: none;
}

.horizontalNav .elementor-nav-menu__container::before {
left: -2px;
transform-origin: 0 50%;
}

.horizontalNav .elementor-nav-menu__container::after {
right: -2px;
transform-origin: 100% 50%;
background: linear-gradient(to left, var(--nav-gradient-color), transparent);
}

.horizontalNav .elementor-nav-menu__container.show-left-mask::before,
.horizontalNav .elementor-nav-menu__container.show-right-mask::after {
transform: scaleX(1);
}

/* END OF gradients on each side when it is possible to scroll more */

/* remove the scroll bar */
.horizontalNav .elementor-nav-menu::-webkit-scrollbar {
display: none;
}

/* screen reader only styles */
.sr-only {
border: 0;
clip: rect(0,0,0,0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}

.mobile-break{
  display: none;
}
.elementor-nav-menu li.richiedi-info {display: none !important;
}

span.desk {display: inline}

.elementor-nav-menu li.richiedi-info span{
  background-color: #000000;
  padding: 10px 20px;
  border-radius: 40px;
  color: #fff;
  font-weight: 700;
  font-family: 'Work Sans', Arial, sans-serif;
  letter-spacing: 0.7px;

}


/* edit the hamburger and close icon colors here */

.lytbox-button {
	--hamburger-color: #000;
	--close-x-color: #000;
	display: block;
	height: 18px;
	cursor: pointer;
	position: relative;
	z-index: 101;
}


/* must add in elementor template ID number to make the menu full width */
.elementor-4715 {
	width: 100%;
}




/* end editing */

.lytbox-navigation {
	position: fixed;
	top: 0;
	left: 0;
	transform: translateX(100%);
	overflow: hidden;
	transition: transform 0.2s;
	width: 100%;
	height: 100vh;
	z-index: 100;
}

.lytbox-navigation {
	display: flex;
	justify-content: center;
	align-items: center;
}


.lytbox-navigation li.menu-item-293 a {justify-content: space-between; flex-direction: row; display: flex;}

.lytbox-navigation li.menu-item-293 a .sub-arrow {
  transition: transform 0.2s;

}
.lytbox-navigation li.menu-item-293 a.highlighted .sub-arrow {
  transform: rotate(45deg);
  transition: transform 0.2s;
}

/* toggle hamburger*/

.lytbox-button .hamburguer {
	position: relative;
}

.lytbox-button .hamburguer span{
	display: block;
	height: 2px;
	width: 24px;
	background: var(--hamburger-color);
	transform-origin: 50% 50%;
	transition: all 0.1s 0.2s ease, transform 0.2s ease;
}

.lytbox-button .hamburguer span:nth-child(2) {
	transform: translate(0, 6px);
}

.lytbox-button .hamburguer span:nth-child(3) {
	transform: translate(0, 12px);
		
}

.lytbox-nav_control {
	position: absolute;
	left: -9999px;
	width: 100%;
	clip: rect(0, 0, 0, 0);
}

.lytbox-nav_control:checked~.lytbox-navigation {
	transform: translateX(0);
	opacity: 1;
	transition: transform 0.3s, opacity 0.3s;
}

.lytbox-nav_control:checked~.lytbox-button .hamburguer {
	transition: all 0.1s 0s ease;
}





/* closed X */

.lytbox-nav_control:checked~.lytbox-button .hamburguer span {
	background: var(--close-x-color);
	transition: all 0.1s ease, transform 0.1s 0.2s ease;
}

.lytbox-nav_control:checked~.lytbox-button .hamburguer span:first-child {
	opacity: 0;
}

.lytbox-nav_control:checked~.lytbox-button  .hamburguer span:nth-child(2) {
	transform: translate(0, 6px) rotate(45deg);
}

.lytbox-nav_control:checked~.lytbox-button .hamburguer span:nth-child(3) {
	transform: translate(0, 4px) rotate(-45deg);

}



.featured-image.page-header-image.grid-container.grid-parent {display: none !important;}


@media (max-width: 767px) {
  body .carouseldidascalie .elementor-carousel-image-overlay {
    font-size: 14px !important; 
        top:110% !important;

    }

.category-blog .elementor-post__excerpt {display: none;}

.single_add_to_cart_button {
  width: 100% !important;
}
.elementor-nav-menu li.richiedi-info {display: block !important;}
.mobile-break {
  display: block;
}
span.desk{
display: none;
}
}