:root{
  --wp--preset--font-family--ToyotaType:ToyotaType, Arial, Helvetica, sans-serif;
}

a{color: #282830;}
a:hover {
  color: #282830;
  text-decoration:underline;
}
h1, h2, h3, h4, h5, p {
	color:#282830;
}

.editor-visual-editor{font-family: ToyotaType, Arial, Helvetica, sans-serif;}
.editor-visual-editor h1, .page h1{font-weight: 300 !important;}
.editor-visual-editor h2, .page h2{font-weight: 300 !important;padding-left: 0px !important;}

/* banner tipo */
.ttfs_column_strip p{font-weight: 500; font-size: 17px; opacity:.55}

/* banner nero */
.ttfs_column_black{background-color: #111111; color: #fff;}
.ttfs_column_black .ttfs_column_strip h2, .ttfs_column_black .ttfs_column_strip p, .ttfs_column_black .ttfs_column_strip .wp-block-group {padding: 3rem 4rem 0; border-left: 9px solid transparent; }
.ttfs_column_black .ttfs_column_strip h2{border-color: #E73635; }

.ttr-40{font-size: 40px !important; line-height: 1.1em !important; font-weight: 500; text-transform: uppercase}

.ttsb-16{font-size: 16px !important; line-height: 1.4em !important; font-weight: 500;}
.ttsb-17{font-size:	17px !important; line-height: 1.2em !important; font-weight:normal;}
.ttsb-21{font-size: 21px !important; line-height: 1.4 !important; font-weight: 400;}
.ttsb-22{font-size: 22px !important; line-height: 1.1em !important; letter-spacing: -0.2%; font-weight: normal;}
.ttsb-28{font-size: 22px !important; line-height: 1.05 !important; text-transform: uppercase; font-weight: 500;}
.ttsb-65{font-size: 32px !important; line-height: 1.05 !important; text-transform: uppercase; font-weight: 300;}
.ttb-100{font-size: 40px !important; line-height: 1.05 !important; text-transform: uppercase; font-weight: 300;}
//sfondo griggio
.ttfs_column_grey{background-color: #F2F2F2; color: #000000;}
@media(min-width: 992px){
.ttsb-28{font-size: 22px !important; line-height: 1.05 !important; text-transform: uppercase; font-weight: 500;}
.ttsb-65{font-size: 40px !important; line-height: 1.05 !important; text-transform: uppercase; font-weight: 300;}
.ttb-100{font-size: 100px !important; line-height: 1.05 !important; text-transform: uppercase; font-weight: 300;}
}

.default-button a, a.default-button{padding: 1rem 2rem; display: inline-block; text-decoration: none; cursor: pointer; color: #000; background-color: #fff; min-width: 180px; text-align: center;}
.default-button a:hover, a.default-button:hover{filter:invert(.1)}

.pb-5{padding-bottom: 3rem !important;}

.wp-block-details summary {position: relative; font-size: 22px;}
.wp-block-details summary:hover {background-color: #eee;}
.wp-block-details summary::marker {content: '';}

.wp-block-details summary:after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' width='20'%3E%3Cpath d='M267.3 395.3c-6.2 6.2-16.4 6.2-22.6 0l-192-192c-6.2-6.2-6.2-16.4 0-22.6s16.4-6.2 22.6 0L256 361.4 436.7 180.7c6.2-6.2 16.4-6.2 22.6 0s6.2 16.4 0 22.6l-192 192z' /%3E%3C/svg%3E");
  position: absolute;
  right: 0;
}
.wp-block-details[open=""] summary:after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' width='20'%3E%3Cpath d='M244.7 116.7c6.2-6.2 16.4-6.2 22.6 0l192 192c6.2 6.2 6.2 16.4 0 22.6s-16.4 6.2-22.6 0L256 150.6 75.3 331.3c-6.2 6.2-16.4 6.2-22.6 0s-6.2-16.4 0-22.6l192-192z' /%3E%3C/svg%3E");
  position: absolute;
  right: 0;
}

#evssSlider-0 .swiper .swiper-slide .slideContent{padding: 0 !important;}
.evssSlider h2, .slideContent h2 {
    font-size: 56px;
    color: #fff !important;
    border-left: .5rem solid #E73635;
    padding-left: 20px !important;
    text-transform: uppercase;
}
.evssSlider p, .slideContent p{color: #fff !important; padding-left: 2rem;}
.evssSlider .default-button a, .evssSlider a.default-button, .slideContent .default-button a, .slideContent a.default-button{color: #000;}
@media(min-width: 992px){
  
  
.evssSlider h2, .slideContent h2 {
    font-size: 100px;
    color: #fff !important;
    border-left: .5rem solid #E73635;
    padding-left: 20px !important; 
    text-transform: uppercase;
    margin-top: 0; padding-top: 26px;
}
}

.immagine-con-striscia {
  position: relative;
  display: inline-block;
}

.immagine-con-striscia::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  height: 40%; 
  width: 2%; 
  background-color: red;
  z-index: 1;
}

.immagine-con-striscia img {
  display: block;
  position: relative;
  z-index: 0; 
}

/* immagine con striscia right*/
.immagine-con-striscia-right {
  position: relative;
  display: inline-block;
}

.immagine-con-striscia-right::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  height: 50%;
  width: 2%;
  background-color: red;
  z-index: 1;
}

.immagine-con-striscia-right img {
  display: block;
  position: relative;
  z-index: 0;
}