/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/

:root {
	--imn-verdeacqua: #01a49c; /*#42aa7f*/
	--imn-white: #ededed;
	--imn-background: #f5f4ee;
	--imn-orange: #ef863f;
	--imn-green: #7ab036;
	--imn-blue: #4f9ad4;
	--imn-red: #da4537;
	--imn-text: #212e3b;
}


h1.title,
h2.title,
h3.title,
h4.title {
	font-size: 70px;
	color: var(--imn-white);
	padding-bottom: 45px;
	line-height: 90px;
}
h1.title strong,
h2.title strong,
h3.title strong,
h4.title strong {
	font-weight: 700;
	color: var(--imn-verdeacqua);
}
h1.title.blue strong,
h2.title.blue strong,
h3.title.blue strong,
h4.title.blue strong {
	font-weight: 700;
	color: var(--imn-blue);
}
h1.title.blue,
h2.title.blue,
h3.title.blue,
h4.title.blue {
	padding-bottom: 0;
}
#brxe-dgbhtc::before {
	background-image: linear-gradient(hsla(0, 0%, 0%, 0.23), hsl(0deg 0% 0% / 72%))!important;
}
.txt-white {
	color: #fafafa;
	font-size: 18px;
	font-weight: 600;
}
.img-illustrazione {
	opacity: 0.2;
}
h2 strong {
	font-weight: 700;
	color: var(--imn-verdeacqua);
}
.container-str {
	width: 100%;
	display: grid;
	grid-template-columns: 1fr 1fr;
}
.clm-str {
	padding-right: calc((100vw -  1450px) / 2 + 2.5rem);
}
.service-box-title h3 {
	font-size: 34px;
    padding-bottom: 25px;
}
.mr-30 {
	margin-right: 30px;
}
.mt-30 {
	margin-top: 30px;
}
.box-home {
	justify-content: space-around;
}
.txt-pre-title {
	font-size: 16px;
    text-transform: uppercase;
    font-weight: 700;
    opacity: 0.8;
}
.txt-pre-title.white {
	color: #fafafa;
}
.div-pre-title {
	padding-bottom: 25px;
}
.scrolling-wrapper {
    overflow: hidden;
    width: 100%;
    white-space: nowrap;
}
.scrolling-track {
    display: flex;
    width: max-content;
    animation: scrollLeft 20s linear infinite;
    gap: 70px;
	opacity: 0.5;
}
.scrolling-item {
    display: flex;
    align-items: center;
    gap: 70px;
    font-size: 64px;
    font-weight: 600;
    text-transform: uppercase;
    flex-shrink: 0;
	color: var(--imn-text);
}
.icon {
    font-size: 40px;
	color: var(--imn-verdeacqua);
}
@keyframes scrollLeft {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(-50%);
    }
}
.title-white,
.title-white strong {
	color: #fff;
}
img {
	border-radius: 15px;
}
.simple-txt-white {
	color: #fafafa;
}
.title-imn.blue strong {
	color: var(--imn-blue);
}
.title-imn.orange strong {
	color: var(--imn-orange);
}
.title-imn.green strong {
	color: var(--imn-green);
}
.contact-info {
	font-size: 15px;
    font-weight: 500;
}
.menu-item:hover {
	color: var(--imn-verdeacqua);
}
h5.title-footer {
	font-size: 22px;
	color: #fafafa;
	padding-top: 20px;
	padding-bottom: 15px;
}
p.txt-footer {
	color: #fafafa;
	font-size: 15px;
	margin-top: 15px;
}
p.txt-footer.pt-0 {
	margin-top: 0;
}



/*PULSANTI*/
.bricks-button,
.bricks-background-secondary,
.bricks-background-light,
.bricks-background-dark,
.bricks-background-muted {
	position: relative;
	padding: 9px 21px;
	padding-right: 50px!important;
}
.bricks-button:after,
.bricks-background-primary:after,
.bricks-background-secondary:after,
.bricks-background-light:after,
.bricks-background-dark:after,
.bricks-background-muted:after {
	position: absolute;
	content: '';
	background: url("img/freccia.svg");
	background-repeat: no-repeat;
	height: 25px;
	width: 25px;
	top: 50%;
	right: 10px;
	transform: translateY(-50%);
}
.bricks-background-primary {
	position: relative;
	padding: 0;
	padding-right: 0;
	margin-top: 75px;
}
.bricks-background-primary:after {
	background: url("img/freccia-white.svg");
	background-repeat: no-repeat;
	height: 90px;
    width: 90px;
	right: -10px;
	top: 0;
}
.bricks-background-secondary:after {
	background: url("img/freccia-green.svg");
	background-repeat: no-repeat;
}
.bricks-background-light:after {
	background: url("img/freccia-blue.svg");
	background-repeat: no-repeat;
}
.bricks-background-dark:after {
	background: url("img/freccia-orange.svg");
	background-repeat: no-repeat;
}
.bricks-background-muted:after {
	background: url("img/freccia-green-background.svg");
	background-repeat: no-repeat;
}