/*
 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
*/

body, * {
  font-family: 'DM Sans', sans-serif;
}
h1.title-style {
	font-size: 7rem;
	color: white;
}
h2.subtitle-style {
	font-size: 3rem;
	color: white;
	font-weight: 300;
}

.small-txt p {
	font-weight: 600;
    font-size: 2rem;
    color: var(--imn-red);
    text-transform: uppercase;
    margin-bottom: 10px;
}
.wrap-icons {
	display: flex;
	gap: 30px;
	align-items: center;
	padding-top: 30px;
	flex-wrap: wrap;
	
}
.icon-style.single-icon-c,
.wrap-icons .icon-style {
		display: flex;
        gap: 12px;
        align-items: center;
        padding: 20px 3rem 20px 2rem;
        background: var(--imn-darkgrey);
        border-radius: 50px;
		.icon {
			background: var(--imn-red);
			width: 50px;
			height: 50px;
			min-width: 50px;
			display: flex;
			align-items: center;
			justify-content: center;
			border-radius: 50px;
			
			i {
				font-size: 28px;
				color: white;
			}
		}
		h3 {
			font-size: 15px;
			text-transform: uppercase;
			font-weight: 700;
			color: var(--imn-red);
		}
		p {
			font-size: 18px;
			font-weight: 600;
			color: var(--imn-title-black);
		}
	}
.radius-img {
	border-radius: 8px;
}
.list-style {
	display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;
}
@media (max-width: 600px) {
	.list-style {
		 grid-template-columns: repeat(1, 1fr);
	}
}
.list-style li .content {
	display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.list-style li {
	font-size: 1.8rem;
    font-weight: 600;
    background: white;
    padding: 20px;
    border-radius: 8px;
	line-height: 1.2;
    
	i {
		color: var(--imn-red);
		font-size: 5rem;
		margin-bottom: 10px;
	}
}

#accordion-style .tab-title {
	padding: unset;
    position: relative;
    border-radius: 10px;
    overflow: hidden;
	
	
	
	.brxe-text-basic {
		position: absolute;
		bottom: 0;
		padding: 20px;
		font-weight: 600;
		color: white;
		font-size: 2.5rem;
		z-index: 9;
	}
	
}
#accordion-style .tab-title:not(.brx-open):before {
	content: "";
	position: absolute;
	z-index: 8;
	width: 100%;
	height: 100%;
	background: linear-gradient(360deg, #00000099, #00000000);
}
#accordion-style .tab-title:hover:before,
#accordion-style .tab-title.brx-open:before {
	content: "";
	position: absolute;
	z-index: 8;
	width: 100%;
	height: 100%;
	background: linear-gradient(360deg, #b9271de6, #b9271d8a);
}
#accordion-style .brxe-block.tab-content {
	border: unset;
	padding: 50px 0 0;
}
.carousel-marchi .brxe-image {
	padding: 20px;
}
.ul-style ul {
	list-style-type: none;
    padding-left: unset;
}
.ul-style ul li i {
	font-size: 16px;
	margin-right: 10px;
	color: var(--imn-red);
}
.ul-style ul li i:before {
	font-family: Font Awesome\ 6 Solid;
    font-style: normal;
    font-weight: 900;
}

.form-style textarea {
	padding: 2rem 1.8rem;
    border-radius: 8px;
    border: unset;
    background: var(--imn-darkgrey);
	min-height: 200px;
}
.form-style input:not([type="checkbox"]) {
	height: 55px;
    padding: 0 1.8rem;
    border-radius: 8px;
    border: unset;
    background: var(--imn-darkgrey);
}
#brx-header {
	background: white;
	box-shadow: 0 1px 10px 0 #00000026;
}
#footer-style {
	color: #adadadf2;
	strong {
		color: white;
	}
	a {
		font-weight: 400;
		color: #adadadf2;
	}
	.title-footer strong {
		font-weight: 600;
		color: white;
		font-size: 2.3rem;
	}
}