@font-face {
    font-family: 'CircularStd-Book';
    src: url('/wp-content/themes/ffe/font/CircularStd-Book.woff2') format('woff2'),
        url('/wp-content/themes/ffe/font/CircularStd-Book.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'CircularStd-Book';
    src: url('/wp-content/themes/ffe/font/CircularStd-Book.woff2') format('woff2'),
        url('/wp-content/themes/ffe/font/CircularStd-Book.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'CircularStd-Book';
    src: url('/wp-content/themes/ffe/font/CircularStd-Book.woff2') format('woff2'),
        url('/wp-content/themes/ffe/font/CircularStd-Book.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'CircularStd-Book';
    src: url('/wp-content/themes/ffe/font/CircularStd-Book.woff2') format('woff2'),
        url('/wp-content/themes/ffe/font/CircularStd-Book.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'CircularStd';
    src: url('/wp-content/themes/ffe/font/CircularStd-Bold.woff2') format('woff2'),
        url('/wp-content/themes/ffe/font/CircularStd-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'CircularStd';
    src: url('/wp-content/themes/ffe/font/CircularStd-BlackItalic.woff2') format('woff2'),
        url('/wp-content/themes/ffe/font/CircularStd-BlackItalic.woff') format('woff');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'CircularStd';
    src: url('/wp-content/themes/ffe/font/CircularStd-Black.woff2') format('woff2'),
        url('/wp-content/themes/ffe/font/CircularStd-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'CircularStd';
    src: url('/wp-content/themes/ffe/font/CircularStd-BoldItalic.woff2') format('woff2'),
        url('/wp-content/themes/ffe/font/CircularStd-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'CircularStd';
    src: url('/wp-content/themes/ffe/font/CircularStd-BookItalic.woff2') format('woff2'),
        url('/wp-content/themes/ffe/font/CircularStd-BookItalic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'CircularStd';
    src: url('/wp-content/themes/ffe/font/CircularStd-MediumItalic.woff2') format('woff2'),
        url('/wp-content/themes/ffe/font/CircularStd-MediumItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'CircularStd';
    src: url('/wp-content/themes/ffe/font/CircularStd-Medium.woff2') format('woff2'),
        url('/wp-content/themes/ffe/font/CircularStd-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

:root {
--corpo: #262626;
--blue:#003087;
--yellow:#FFCC00;
--lightblue:#EBEFF6;
}


body {
  font-family: 'CircularStd-Book';
font-style: 500;
	 font-weight: normal;
	color:var(--corpo)

}


h1,
h2,
h3{
 font-family: 'CircularStd';
	 font-weight: bold;

} 
h1 {
	color: var(--yellow)
}
	.post-type-archive-capire-la-finanza h1 {
		font-size: 4.5rem;
		line-height: 1.0
	}
.post-type-archive-capire-la-finanza .testata-capire h3 {
    color: #fff;
    font-size: 2.2rem;
}
#menu-menu-principale {
	margin-top: -20px
}

.testata-capire .container {
    position: absolute;
    top: 20px;
    width: 100%;
    margin: auto;
    left: 0;
    right: 0;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.testata-capire h3 {
	color:#fff
}

.bg-lightblue {
	background: var(--lightblue)
}
.bg-yellow {
	background: var(--yellow)
}

.scheda .nascosto {
  		display: none;
    visibility: hidden;
}
.scheda:hover .sotto {
    visibility: visible;
    height: 100%;
	-webkit-transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
-ms-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;
transition: all 0.6s ease-in-out;
}
.scheda:hover .sotto .nascosto {
	visibility: visible;
	display: block
}
.facetwp-facet {
    margin-bottom: 0 !important;
	margin-left: 10px;
	margin-right: 10px
}

.scheda {
		background: #B9C9E5;
    height: 380px;
	position: relative;
	margin-bottom: 80px
}

.scheda .sopra {
	    padding: 20px;
	 height: 35%;
}

.scheda .sotto {
    padding: 20px;
    background: var(--blue);
    color: #fff;
    height: 65%;
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
    position: absolute;
    width: 100%;
    bottom: 0;
    top: auto;

}

.scheda h3 {
	font-size: 28px;
	font-weight: bold
}


.scopri {
	padding: 5px 10px;
    position: absolute;
    bottom: 20px;
    z-index: 1111;
    width: auto;
    color: var(--blue);
    background: var(--yellow);
    display: table;
    left: 20px;
    text-transform: uppercase;
    font-size: 14px;
}

.scheda:hover .scopri, 
.scopri:hover {
    background: var(--white);


}

.nascosto {
	color: var(--yellow)
}

.tematica {
	background: var(--lightblue);
	text-transform: uppercase;
	color: var(--blue);
	width: auto;
    display: table;
    padding: 2px 10px;
    font-size: 15px;
}
.scheda:after {
    content: '';
    position: absolute;
    bottom: -40px;
    right: 30px;
    background: url(https://finanzaetica.info/wp-content/uploads/2024/06/CapireLaFinaza_Fumetto.svg) no-repeat center center;
    background-size: contain;
    width: 40px;
    height: 40px;
}

.facetwp-reset {
	border: 1px solid var(--lightblue);
    background: var(--lightblue);
    font-size: 14px;
    padding: 4px 10px;
    text-transform: uppercase;
}

.scarica {
	padding: 5px 10px;
    width: auto;
    color: var(--yellow);
	border: 1px solid var(--blue);
    background: var(--blue);
    display: table;
    text-transform: uppercase;
    font-size: 14px;
	font-weight: bold;
	border-radius: 0;
		font-family: 'CircularStd';
}


.scarica:hover {
	padding: 5px 10px !important;
    width: auto  !important;
    color: var(--blue)  !important;
	border: 1px solid var(--yellow)  !important;
    background: var(--yellow)  !important;
    display: table  !important;
    text-transform: uppercase  !important;
    font-size: 14px   !important; 
	font-weight: bold;
	border-radius: 0;
		font-family: 'CircularStd';


}

.realtive {
	position: relative
}

b, strong {
		font-weight: bold;
		font-family: 'CircularStd';
}

.wpcf7-form-control-wrap {
    position: relative;
    margin-right: 5px;
}

.mc4wp-checkbox.mc4wp-checkbox-contact-form-7  span {
	    margin-left: 8px;
}

#text-search.open, #text-search-mobile.open {
    z-index: 1;
}
@media (min-width: 1650px) {
	.testata-capire video {
		height: 640px !important
	}
	.intro {
		margin-top: 13em !important
	}
}

@media (max-width: 767px) {
.post-type-archive-capire-la-finanza h1 {
    font-size: 4rem;
    line-height: 1.0;
	padding-left: 10px
}
	.post-type-archive-capire-la-finanza h3 {
		padding-left: 10px
	}
	.intro {
		margin-top: 3em;
	}
.facetwp-facet {
    margin-bottom: 0 !important;
    margin-left: 0;
    margin-right: 0;
    width: 100%;
    margin-top: 10px;
}
	.testata-capire .container {
    height: 80%;
	}
		.testata-capire .container div {
	justify-content: center;
    display: flex;
    flex-direction: column;
			        padding-left: 20px !important;
	}
.fs-wrap {
    width: 100%;
}
	.px-0-mobile {
		padding-left: 0;
		padding-right: 0
	}
	input[type='text'],
	input[type='email']{
		height: 60px
	}
}