/*
 Theme Name:	Bielle
 Theme URI:	    https://cresoft.eu/
 Description:	Tema creato da Cresoft per Bielle srl
 Author:		Cresoft
 Author URI:	https://www.cresoft-eu/
 Template:		Divi
 Version:		1.0.0
 License:		GPLv3
 License URI:	https://www.gnu.org/licenses/gpl-3.0.en.html
 Tags:			infissi, porte, finestre
 Text Domain:	Bielle
*/

 
/* =Personalizzazioni

/*---------------------------------------
   S L I D E R 2
-----------------------------------------*/
/*
.slider-top2 .et_pb_slide_description { 
	float: left; 
    padding-top: 40px!important;
}
.slider-top2 .et_pb_slide_content h1  {
	color: #fff !important;
	font-family: 'Playfair Display',Georgia,"Times New Roman",serif; 
	font-size: 66px !important; 
	font-weight: 400 !important;
	letter-spacing: 1px !important;
	margin: 20px 0 !important; 
	position: relative;
    width: 750px;
    text-align: left;
}

.slider-top2 .et_pb_slide_content h1 span  {
    font-weight: 300;
}

.et_pb_slider .et_pb_slide_0 .et_pb_slide_description, .et_pb_slider_fullwidth_off .et_pb_slide_0 .et_pb_slide_description {
    padding-top: 40px!important;
}

.slider-top2 .et_pb_slide_description .et_pb_slide_content {
   margin-bottom: 16px;
   animation: BounceFromLeft 1.4s linear 1; 
}  

.slider-top2 .et_pb_slide_description p  {     
	position: relative;
	color: #ffffff;
	font-size: 22px;
    text-align: left;
	margin-top: 15px;
	margin-bottom: 30px;
	font-weight: 200;
	z-index: 1;
	max-width: 665px;
    animation: fadeInLeft  1.1s linear 1; 	
}

.slider-top2 .et_pb_more_button.et_pb_button  { 
   animation: bounce
}	  
*/
/*---------------------------------------
   S L I D E R
-----------------------------------------*/

.slider-top .et_pb_slide_description { /*border: 1px dotted rgb(153,0,0); */ 
/*	width: 800px; */
	float: left; 
    padding-top: 40px!important;
}
.slider-top .et_pb_slide_content h1  {
	color: #fff !important;
	font-family: 'Playfair Display',Georgia,"Times New Roman",serif; 
	font-size: 66px !important; 
	font-weight: 400 !important;
	/*line-height: 100px !important;*/
	letter-spacing: 1px !important;
	margin: 20px 0 !important;
	position: relative;
    width: 750px;
    text-align: left;
}

.slider-top .et_pb_slide_content h1 span  {
    font-weight: 300;
}


.et_pb_slider .et_pb_slide_0 .et_pb_slide_description, .et_pb_slider_fullwidth_off .et_pb_slide_0 .et_pb_slide_description {
    padding-top: 40px!important;
}

.slider-top .et_pb_slide_description .et_pb_slide_content { /*border: 1px dotted rgb(153,0,0); */
   margin-bottom: 16px;
   animation: BounceFromLeft 1.4s linear 1; 
}  


.slider-top .et_pb_slide_description p  {     
	position: relative;
	color: #ffffff;
	font-size: 22px;
    text-align: left;
	margin-top: 15px;
	margin-bottom: 30px;
	font-weight: 200;
/*	opacity: 0; */
	z-index: 1;
	max-width: 665px;
    animation: fadeInLeft  1.1s linear 1; 	
}



.slider-top .et_pb_more_button.et_pb_button  { 
   animation: bounceIn 1.75s;            
}

/* 
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/
/*
@media (min-width: 320px) and (max-width: 480px) {
	.slider-top .et_pb_slide_content h1 { 
		font-size: 28px !important;
		width: 320px;
	}  
	
	.slider-top .et_pb_slide_description p  {     
		font-size: 16px;	
	}
}
*/



/************************************************/
@keyframes BounceFromLeft  {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);   
    transform: translate3d(-50%);    
  } 

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}


/*----------------*/
@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);  
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0%);
    transform: translate3d(0%);
  }
}


@-webkit-keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
/* ====================== */

.colore-testo {
    color: #cc2026;
}

/* Footer MENU */
.footer-menu ul li {
	width: 80%;
    font-size: 14px;
    line-height: 28px;
    margin: 8px 0px;
    border-bottom: 1px dotted #e9e4d0;     
}  

.footer-menu ul li a {
	color: #e9e4d0;
}
.footer-menu ul li:hover a {
	color: #fff;
}

.footer-menu ul li i {
	margin-right: 20px;
}

.footer-menu .icona { 
	color: #e9e4d0;
	display: inline-block;
    font-family: ETmodules !important;
	font-style: normal;
    margin-right: 6px;
}
.footer-menu ul li:hover .icona {
	color: #fff;
}

.footer-menu .freccina-dx::before {
	content: "\35";    
} 

.copy .ftr_txt_azienda {
	text-transform: uppercase;
	font-weight: 700;
}

/*---------------------------------------
    S I T E M A P  
-----------------------------------------*/
#bl-sitemap h3 {  
    color: #3d2316;
}

#bl-sitemap ul li {  
    list-style: none;
}

#bl-sitemap ul li a {  
	color: #3d2316;    
}
#bl-sitemap ul li a:hover {  
    color: #3d2316;
    font-weight: 600;     
}

#bl-sitemap ul li::before { 
    font-family: ETmodules; 
    content: "\35";  
    font-size: 18px;
	color: #ca1e26;
    margin-right: 4px;
}
#bl-sitemap ul li:hover::before {
    font-weight: 600;
}

/* sitemap su due colonne */
@media all and (min-width: 767px) {   
  .flex-columns .wsp-posts-list {
    display:flex;
    flex-wrap: wrap;
  }
  .flex-columns .wsp-posts-list>li>ul {
    width: 300px;
    padding: 2% 10% 10% 5%;
  }
  .colonne-sitemap .wsp-container {
    column-count: 2;
  }     
}


/*---------------------------------------
   B A C K  T O  T O P 
-----------------------------------------*/
/* posizione e forma del btn */
.et_pb_scroll_top.et-pb-icon {
    padding: 8px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    right: 20px;
    background: #ca1e26;
}

/*---------------------------------------
   C O N T A T T I
-----------------------------------------*/
.row-contatti .col-contatti { 
    position: relative;
    background: #fff;
    /*display: block; */
    border-radius: 7px;
    box-shadow: 0 0 40px rgba(0, 0, 0, 0.15);
  /*  padding: 35px 50px 35px 30px; */
    transition: .5s; 
}

/* blurb icona */
.row-contatti .col-contatti .et-pb-icon {   
    position:relative; 
    border-radius: 50%;
    font-size: 40px;
    color: #ca1e26;
    background-color: #f2f3f5;
    line-height: 76px;
    text-align: center; 
    height: 76px;
    width: 76px;
    display: block;   
    z-index: 1;   
    transition: .5s;
}

.row-contatti .col-contatti .et-pb-icon:before { 
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;    
    border-radius: 50%;    
    background: #ca1e26;   
    z-index: -1;
    transform: scale(0,0);   
    transition: all 500ms ease;    
}

.row-contatti .col-contatti:hover .et-pb-icon {
    color: #fff;
    border-color: #ca1e26;
}

.row-contatti .col-contatti:hover .et-pb-icon:before {
  transform: scale(1,1);
}
/* //blur contatti */