.translated{
position: absolute;
top: 50%;
left:50%;
transform: translate(-50%,-50%);
}
a,button,input[type="submit"],input.wpcf7-submit,.cover,.trans{
transition: all ease-in-out 0.2s;
-webkit-transition: all ease-in-out 0.2s;
-o-transition: all ease-in-out 0.2s;
-ms-transition: all ease-in-out 0.2s;
-moz-transition: all ease-in-out 0.2s;
}
a:hover{
text-decoration: none !important;
}
.row-eq-height {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
body{
font-family: 'Roboto', sans-serif !important;
font-size: 0.9em;
}
.cover{
position: absolute;
left:0;
top:0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.3);
}
img{
opacity: 0;
}
.carousel img{
opacity: 1;
}
.fade-in {
animation-name: fadeIn;
animation-duration: 300ms;
animation-timing-function: cubic-bezier(0, 0, 0.4, 1);
animation-fill-mode: forwards;
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
header{
background:#fff;
}
img.logo{
height: 100px;
}
.navbar-dark .navbar-nav .nav-link{
color:#000 !important;
opacity: 1 !important;
text-transform: uppercase;
font-size: 0.8em;
}
.dropdown-toggle::after{
display: none !important;
}
.navbar-expand-lg .navbar-nav .dropdown-menu{
background: #FF4F00;
border-radius:0;
border:none;
}
.navbar-expand-lg .navbar-nav .dropdown-menu a{
color: #fff !important; font-weight: bold;
}
.navbar-expand-lg .navbar-nav .dropdown-menu a:hover{
background: #fff;
color: #000 !important;
}
#top_nav.hidden{
-webkit-transform: translate(0,-100%);
-moz-transform: translate(0,-100%);
-ms-transform: translate(0,-100%);
-o-transform: translate(0,-100%);
transform: translate(0,-100%);
}
header .contatti{
background: #F5F5F5;
color: #000;
text-align: center;
font-size: 0.8em;
padding: 5px 0;
}
header .contatti table{
margin:0 !important;
}
header .contatti table td{
padding: 0 !important;
border-top: none !important;
vertical-align: middle !important;
}
header .contatti table td span{
margin:0 5px;
}
header .contatti a{
color: #000;
}
#breadcrumbs{
margin:20px 0;
font-size: 0.9em;
}
#breadcrumbs a{
color: #000;
font-style: italic;
}
.site-header{
border:none;
}
.entry-summary p {
font-size: 0.9em;
}
.entry-summary .more-link{
color: #fff;
display: table;
background: #FF4F00;
padding: 10px 15px;
margin: 10px 0;
font-weight: bold;
text-transform: uppercase;
}
.single header.entry-header{ border-bottom: 1px solid #ccc;
padding-bottom: 15px;
}
.single .entry-content{ }
.single .entry-content h2{
font-size: 1.4em;
font-weight: 300;
}
.single .entry-content h3{
font-size: 1.2em;
margin-bottom:20px;
font-weight: 300;
}
.img_wrapper{
position: relative;
overflow: hidden;
padding:100% 0 0 0;
}
.jumbotron.img_wrapper{
height: 60vh;
margin-bottom: 0;
}
.img_wrapper img{
position: absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
width: 100%;
height: auto;
max-width: none;
}
.cta_prodotto{
background:#FF4F00;
border-radius: 30px 30px 30px 30px !important;
font-size: 1.2em !important;
padding: 15px 40px !important;
}
.cta_prodotto:hover{
border:1px solid #FF4F00;
background: #000;
color: #fff;
}
.wb-bp-front-page .wp-bp-main-content{
padding: 0 0 40px !important;
}
.wp-bp-jumbo-overlay{
background: none !important;
}
.page h1{
font-size: 3em;
font-weight: 300;
}
.page:not(.home) header.entry-header{
background: #efefef;
padding: 30px;
padding: 150px 0;
margin-bottom:15px;
}
.page:not(.home) h1{
margin-bottom: 0;
color: #fff;
}
.home h1{
width: 100%;
padding: 30px 0;
margin: 0 !important;
}
.home h1 span{
display: block;
font-size: 0.8em;
}
.home #main_home p{
font-size: 1em;
font-weight: inherit;
text-align: justify;
margin: 0;
}
.page .entry-content ol{
padding-left:20px;
margin-bottom: 40px;
}
.page-id-24 .entry-content h2{
border-bottom: 1px solid #ccc;
padding-bottom: 15px;
}
.page .entry-content div:not(.wsp-container) ul{
list-style: none;
margin:0 0 20px;
padding-left:0;
}
.page-id-14 .entry-content ul{
list-style: none;
margin:0 0 20px;
padding-left:0;
}
.page-id-14 .entry-content ul li::before {
content: "•";
color: #FF4F00;
}
.page-id-14 .entry-content ul li{
margin:3px 0;
padding-left: 5px;
}
.page .entry-content ol > li > strong{
color:#FF4F00;
text-transform: uppercase;
}
form p{
margin: 0 0 5px;
font-size: 0.8em;
}
.wb-bp-front-page .wp-bs-4-jumbotron{
height: 55vh; background-repeat: no-repeat;
} .single-post #content,
.archive.category #content{
padding: 30px 0 0;
}
.archive.category #content .page-header .img_wrapper{
padding: 15% 0 0 0;
}
.archive.category.category-caldaie-pellet #content .page-header .img_wrapper img,
.archive.category.category-pompe-di-calore #content .page-header .img_wrapper img{
top:0;
}
.archive.category.category-caldaie-legna #content .page-header .img_wrapper img{
top:100%;
}
.archive.category header.page-header{
margin-bottom: 25px;
}
.archive.category:not(.category-prodotti) header,
.archive.category:not(.category-prodotti) header #breadcrumbs a{
color: #fff;
text-align: center;
}
.archive.category.category-prodotti header{
text-align: center;
}
.archive.category header h1{
text-transform: uppercase;
font-size: 3em;
font-weight: 300;
}
.archive.category article{
border:1px solid #ccc;
padding:20px;
margin:0;
}
.archive.category article h2{
color: #2f2f2f;
text-align: left;
margin: 0 0 15px;
font-size: 1.4em;
}
.archive.category article .entry-summary,
.archive.category article .entry-summary p{
margin:0;
}
.archive.category article .entry-summary{
font-size: 0.9em;
}
.select_container p{
margin: 0; line-height: 42px;
} .page-id-12 #incentivi{
padding: 0;
margin-bottom: 50px;
}
.page-id-12 .entry-content{
margin:0;
}
.page-id-12 .entry-content p{
font-size: 1.4em;
margin: 10px 0 0 0;
} #categorie_prodotti ul{
padding: 0;
}
#categorie_prodotti figure{
width: 100%;
}
.home #main_home h1,
.home #main_home p{
text-align: center;
}
.wsp-pages-list li a{
color: #000;
}
.wsp-pages-list li a:hover{
color: #ff4f00;
} @media screen and (min-width: 1441px){
}
@media screen and (max-width: 1440px) and (min-width: 768px){
}
@media screen and (min-width: 1200px){
}
@media screen and (min-width: 1025px){
.navbar-nav{
margin: 0 auto;
}
.navbar{
padding:0 !important;
border-bottom: 4px solid #FF4F00;
}
.navbar-expand-lg .navbar-nav > li > .nav-link{
padding: 20px 15px !important;
}
.navbar-expand-lg .navbar-nav > li > .nav-link:hover{
background: #FF4F00;
color: #fff !important  ;
}
.navbar-expand-lg .navbar-nav .nav-link:hover{
background: #fff;
color: #000 !important;
}
.single h1{
font-size: 2.5em;
font-weight: 300;
}
}
@media screen and (max-width: 1025px){
}
@media screen and (max-width: 768px){
}
@media screen and (min-width: 769px){
}
@media screen and (min-width: 768px){
.jumbotron.img_wrapper video{
width: 100%;
}
} @media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (orientation: landscape)
and (-webkit-min-device-pixel-ratio: 1) {
} @media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (orientation: landscape)
and (-webkit-min-device-pixel-ratio: 2) {
} @media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait){
} @media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio: 2){
}
@media (max-width: 767px){
header .contatti{
display: none;
}
.home h1 span{
font-size: 0.7em;
}
img.logo {
height: 50px;
}
.navbar {
padding: 5px 10px !important;
}
.page h1 {
font-size: 2.5em;
}
.navbar.bg-dark{
box-shadow: 0 0 10px #ccc;
}
.navbar-dark .navbar-toggler{
background: #FF4F00;
}
.entry-content p{
font-size: 1.1em;
}
#incentivi .wrapper h3{
text-align: left;
}
.entry-header.img_wrapper img,
.jumbotron.img_wrapper video{
width: auto;
height: 100%;
}
}