/**
 * Theme Name: Blocksy Child
 * Description: Blocksy Child theme
 * Author: Creative Themes
 * Template: blocksy
 * Text Domain: blocksy
 */


/*   ----   HEADER   ----   HEADER   ----   HEADER   ----   */


header div[data-row="middle"] > div.ct-container-fluid{
	max-width: 84vw;
	margin-right: 8vw;
	margin-left: 8vw;
}
*
/* header button.ct-header-trigger{
	background-color: #78F60A !important;
	border-radius: 50% !important;
	height: 20px;
	width: 20px;
}

header button.ct-header-trigger svg.ct-icon{
	display: none;
 */

div.ct-drawer-canvas > div#offcanvas{
    align-items: end;

    & > div.ct-panel-inner{
		/* height: 50vh;*/
		border-radius: 40px 0px 0px 40px;
		align-self: auto;
	}
}

body.single-product header{
	height: 190px;
}

@media only screen and (min-width: 768px){
	header button.ct-header-trigger{
		height: 33px;
		width: 33px;
	}
}   

/*   ----   HOME   ----   HOME   ----   HOME   ----   */


.cstm-home-tile{
	padding: 10px!important;
	min-height: 15vw;
}

.cstm-mini-title{
	height: 50px;
	align-content: center;
	text-align: center;
}
.cstm-mini-desc{
	height: 85px;
	align-content: center;
	text-align: center;
}
.cstm-text-90 > h1{
	font-size: 90px;
}
.cstm-text-12pad > h2{
	padding-right: 12%;
	padding-left: 12%;
}
@media only screen and (max-width: 1600px){
	.cstm-text-90 > h1{
		font-size: 70px;
	}
}

/*	 ----    FLIPBOX    ----	*/
.cstm-flip-box {
  background-color: transparent;
  width: 300px;
  height: 200px;
  perspective: 500px; 
}

.cstm-flip-box-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.5s;
  transform-style: preserve-3d;
  border-radius: 45px;
}

.cstm-flip-box:hover .cstm-flip-box-inner {
  transform: rotateY(180deg);
}

.cstm-flip-box-front, .cstm-flip-box-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.cstm-flip-box-front {
  background-color: #bbb;
  color: black;
}

.cstm-flip-box-back {
  background-color: dodgerblue;
  color: white;
  transform: rotateY(180deg);
} 
/*   ----   AZIENDA   ----   AZIENDA   ----   AZIENDA   ----   */


.cstm-text-130 > h2{
	font-size: 130px;
}
.cstm-text-37 > p{
	font-size: 37px;
}
.cstm-text-20 > p{
	font-size: 20px;
}

@media only screen and (max-width: 1600px){
	.cstm-text-130 > h2{
		font-size: 110px;
	}
	.cstm-text-25 > p{
		font-size: 20px;
	}
	.cstm-text-37 > p{
		font-size: 30px;
	}
	.cstm-text-20 > p{
		font-size: 16px;
	}
}


/*   ----   CONTATTACI   ----   CONTATTACI   ----   CONTATTACI   ----   */


form#wpforms-form-198, form#wpforms-form-460{

	& > div.wpforms-field-container > div.wpforms-field-text, > div.wpforms-field-container > div.wpforms-field-email, div.wpforms-field-container > div.wpforms-field-textarea{
		border-bottom: 1px;
		border-style: solid;
	}

	& input, textarea{
		background-color: transparent;
		border-width: 0px;
		color: white;
		font-family: lato;
		font-weight: 300;
		font-size: 29px;
		text-align: right;
	}

	& input::placeholder, textarea::placeholder{
		color: white;
	}

	& input:focus, textarea:focus{
		box-shadow: none;
	}

	& div.wpforms-field-checkbox label{
		color: white;
		font-size: 13px;
	}

	& .wpforms-submit-container{
		float: right;
	}

	& button{
		background-color: #78F60A;
		color: #2A2A2A;
		font-family: lato;
		font-weight: 300;
		border-radius: 31px;
		padding-right: 40px;
		padding-left: 40px;
	}
}

.cstm-map{
	height: 50vh;
	border-radius: 40px;
	filter: grayscale(100%);
}

@media only screen and (max-width: 1000px){
	form#wpforms-form-198 input, form#wpforms-form-198 textarea{
		font-size: 20px;
	}
}

@media only screen and (max-width: 767px){
	form#wpforms-form-198 input, form#wpforms-form-198 textarea{
		text-align: center;
	}
}

/*   ----   FOOTER   ----   FOOTER   ----   FOOTER   ----   */


footer > div[data-row="top"] > .ct-container-fluid{
	margin: 0px;
	width: 100%;
}