/*
 Theme Name:   Kina Theme
 Theme URI:    https://www.kina.it/
 Description:  Use this child theme to extend functionality.
 Author:       KINA
 Template:     bricks
 Version:      1.1
 Text Domain:  kina
*/

/*FONTS*/
@font-face {
	font-family: "Lexend-Variable";
	src: url("/wp-content/uploads/fonts/Lexend-Variable.woff2") format("woff2-variations"),
		url("/wp-content/uploads/fonts/Lexend-Variable.woff2") format("woff2 supports variations");
	font-weight: 100 900;
	font-style:"normal";
	    font-display: swap;
}
@font-face {
	font-family: "Montserrat-Variable";
	src: url("/wp-content/uploads/fonts/Montserrat-Variable.woff2") format("woff2-variations"),
		url("/wp-content/uploads/fonts/Montserrat-Variable.woff2") format("woff2 supports variations");
	font-weight: 100 900;
	font-style:"normal";
		    font-display: swap;

}
@font-face {
	font-family: "Montserrat-Italiac-Variable";
	src: url("/wp-content/uploads/fonts/Montserrat-Italic-Variable.woff2") format("woff2-variations"),
		url("/wp-content/uploads/fonts/Montserrat-Italic-Variable.woff2") format("woff2 supports variations");
	font-weight: 100 900;
	font-style:"italic";
		    font-display: swap;

}
strong, .grassetto {font-weight:700}
a {transition:all 0.4s cubic-bezier(.17,.67,.83,.67)}
textarea {height:150px}
.menu__pallini
.menu__pallini li {position:relative}
.menu__pallini li::before {position:absolute;content:'';left:0;top:8px;width:0.8rem;height:0.8rem;border-radius:2rem}
.menu__medicina li::before {background:var(--color-medicina);}
.menu__dimar li::before {background:var(--color-dimar);}
.menu__hmc li::before {background:var(--color-hmc);}
.maiuscolo {text-transform:uppercase}

.undervideo {width:100%;height:100%;object-fit:cover}
.video__onhover.no-bg .video__onhover-image {
  background-image: none !important;
}

.breadcrumbs .last {font-weight:600}
.splide__pagination {left: 50%;list-style:none;padding:0.8rem 1.6rem !important;
	background:var(--color-variabile);position: absolute !important;transform: translateX(20%) !important;z-index: 1;border-radius:3rem;bottom:0 !important;height:4.8rem !important}
.splide__arrows {left: 50%;position: absolute !important;transform: translateX(-100%);z-index: 1;width:11rem;bottom:0 !important;height:4.8rem !important}

.brxe-text-basic p:not(:last-child) {margin-bottom:1.6rem}
.splide__pagination .is-active {color:white !important;background-color:white !important}
.splide__pagination,.contenitore__titoli__tabella,.bottone__icona-big-wrapper-icon-pdf, .splide__arrow--next, .splide__arrow--prev, .bottone__ancore-big {background:var(--color-variabile) !important}



/*Timeline story */
.timeline-stop {
	z-index: 1;
	top: -8rem;
}

.timeline-container:nth-child(odd) .timeline-stop{
	offset-anchor: right top;
		position: relative;
		left: 25.3%;
}

.timeline-container:nth-child(even) .timeline-stop {
	offset-anchor: left top;
	position: relative;
	left: -25.3%;
	transform: scaleX(-1);

}


@media screen and (max-width: 767px) {
	.timeline-container:nth-child(odd) .timeline-stop, .timeline-container:nth-child(even) .timeline-stop {
		offset-anchor: right top;
			position: relative;
			left: -25.1%;
			transform: scaleX(-1);
	} }


		@media screen and (max-width: 478px) {
			.timeline-stop {
				top: -2.5rem;
			}

		}


.left img, .right img {mix-blend-mode: multiply !important;}
.wpml-ls-menu-item {display:flex}


/*Forms*/
.row {display: flex;justify-content: space-between;gap:4.8rem;margin:2.4rem 0;flex-direction:row}
.col-lg-6,.col-md-6 {width:calc(50% - 2.4rem)}
.col-lg-12,.col-md-12,.col-sm-12,.col-xs-12 {width:100%}
.formstyle h3 {margin:4.8rem 0;font-size:var(--h4)}
.wpcf7-submit {padding:0.8rem 2.4rem;background:var(--color-hmc);font-size:2rem;color:#fff;border:none;border-radius:3.2rem}

.form__cta .row {margin-top:8px;margin-bottom:8px}
.scrolled {bottom:32px !important}

/*Colori tabelle*/
.dehp-img {
	width: 40px;
}

.colours-table {
	width: 12px;
	height: 12px;
	display: inline-block;
	border-radius: 50%;
	border: 1px solid black;
	position: relative;
	top: 2px;
}

.colours-table.dot-red {
	background: #d04646;
}

.colours-table.dot-neutral {
	background: rgba(0,0,0,0);
}

.colours-table.dot-blue {
	background: #485ae2;
}

.colours-table.dot-ambered {
	background: #daaf32;
}

.colours-table.dot-white {
	background: #fff;
}

.colours-table.dot-violet {
	background:#a282ee
}

.colours-table.dot-yellow {
	background:#ffff85;
}

.colours-table.dot-green {
	background:#55b555;
}

.colours-table.dot-gray {
	background:#c1c1c1;
}

.colours-table.dot-light_green {
	background:#a7de99;
}

.colours-table.dot-light_blue {
	background:#aeceff;
}

.colours-table.dot-black {
	background:#000;
}

.colours-table.dot-dark_green {
	background:#567756;
}

.colours-table.dot-orange {
	background:#ffa736;
}

.brxe-text h3, .brxe-text h4, .brxe-text h5 {margin-bottom:2.4rem}
.brx-dropdown-content > li .brxe-text-link {
  display: flex;
  justify-content: end;
}

.bottone__cta {
/* From https://css.glass */
background: rgba(53, 127, 45, 0.6);
border-radius: 16px;
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(5px);
-webkit-backdrop-filter: blur(5px);
border: 1px solid var(--color-hmc);
}

.box-btn_whistleblowing,.container-istruzioni {
  display: flex;
  gap: 32px;
	margin-bottom:32px
}
.btn_verde {
  background: #1a5637;
  color: #fff !important;
}
.btn_whistleblowing {
  border-radius: 30px !important;
}
.btn {
  text-transform: uppercase;
  padding: 6px 16px;
  font-weight: 400;
}
.btn_grigio {
  background: #d6d6d6;
  color: #000 !important;
}
.btn_whistleblowing_istruzioni {
  border-radius: 30px;
}

@media screen and (max-width:767px)
{
.row {flex-direction:column}
	.splide__pagination {display:none !important}
	.splide__arrows {
  transform: translateX(-50%) !important;

}
 .cmplz-message { 
  overflow: scroll !important; 
  height: 50px !important;
 } 
	.box-btn_whistleblowing,.container-istruzioni {
flex-direction:column !important;
		align-items: flex-start;
}
}

@media screen and (max-width:478px) and (orientation:landscape)
{
	.menu__mobile {justify-content: flex-start !important;}
}




.cta__hide {display:none !important}
.cta__show {display:flex !important}

#brxe-lfpprb {outline:none !important}