/* Theme Name: devivoshowroom
 Template: hello-elementor
 Author: BrandDiretto
 Description: Un tema figlio per il tema principale
 Version: 1.0
*/
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}

body {
  font-family: 'Raleway', sans-serif !important;
}


h1, h2, h3, h4, h5, h6 {
  color: #0F1B57;
  font-family: 'Raleway', sans-serif !important;
}
p, li, a,  .elementor-button {  font-family: 'Raleway', sans-serif !important;}

.page-template-default h1.elementor-heading-title, .archive h1.archive-title, .blog h1.archive-title {
	font-size:clamp(36px, 4vw, 3rem) !important;
	font-weight: 800 !important;
	letter-spacing: 1px !important;
}

.single-post h1, .single-post h2, .single-post h3, .single-post h4, .single-post h5, .single-post h6 {
 margin-top: 1em;
	color: #2e276a;
}
.single-post .post-content p {
    font-size: 18px;
    line-height: 160%;
}
.single-post ul {margin-bottom: 1em;}
.single-post ul li{
    margin-bottom: .5em;
}
p, li, ol {
  font-weight: 500;
  /*color: #58595b;*/
  line-height: 1.6em;
}
a {
  color: inherit;
}
a.page-numbers, footer a {
	color:#051acb;
}
a.btn {
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 2px;
}
.home #splide button.splide__arrow{
	    height: 32px;
	width:32px;
}
.home #splide  button.splide__pagination__page{
	height:6px;
	width:6px;
	background-color:#051acb;
}
.home  #splide button.splide__pagination__page.is-active {
	background-color:#051acb;
	opacity:1 !important;
}
.site-header {
    background: #fff;
    border-bottom: 1px solid #ddd;
}

.site-header .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.site-header .container-fluid {
	max-width:1440px !important;
}

.site-header .logo {
    align-content: center;
}
.site-header .logo img, .site-footer .footer-logo img {
  width: 200px;
}
.site-header .main-navigation {
    flex: 2;
    align-content: center;
}

.site-header .main-navigation ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
        justify-content: space-evenly;
}

.site-header .main-navigation ul li {
    position: relative;
    align-content: center;
}

.site-header .main-navigation ul li a {
    display: block;
    padding: 10px;
    text-decoration: none;
    color: #0F1B57;
    font-size: 14px;
font-weight: 600;
line-height: 16px;
text-align: center;
}
.site-header .main-navigation ul li a:hover {
    color: #051ACB;

}

.site-header .main-navigation ul li > ul {
  display: none;
  transform: translateY(40px);
  opacity: 0;
   transition: all .3s;
}
.site-header .main-navigation ul li:hover > ul {
    display: block;
    opacity: 1;
 transition: all .3s;
 transform: translateY(0px);
}
.site-header .main-navigation ul ul {
    position: absolute;
    top: 100%;
    left: 0;
    background: #fff;
    border: 1px solid #dddddd80;
    padding: 10px;
    list-style: none;
    z-index: 99;
    border-radius: 10px;
    box-shadow: 0px 10px 60px -40px #0F1B57;

}

.site-header .main-navigation ul ul li {
    width: 200px;
}

.site-header .main-navigation ul ul li a {
    padding: 10px;
    white-space: nowrap;
    text-align: left;
}

.site-header .discovery-button {
    text-align: right;
    align-content: center;
}

.site-header .btn a{
    color: #fff !important;
    text-decoration: none;
}

.site-header .discovery-button .btn:hover {
    background-color: #2e276a;
}
footer p, footer *{color: #58595b;}
/* Hamburger menu styles */
.hamburger-menu {
    display: none;
    flex-direction: column;
    cursor: pointer;
    align-items: end;
}

.hamburger-menu span {
    width: 25px;
    height: 3px;
    background: #333;
    margin: 4px 0;
    transition: 0.4s;
}


.single-post a {color:#051ACB;}
.single-post a.btn-primary {color: white;}
.single-post .post-meta {
  font-size: .9em;
	opacity:0.9;
}
.single-post .reading-time  {
  font-size: .8em;
	opacity:0.8;
}
.single-prodotto .splide  {
    width: 100%;
}
.single-prodotto .splide__slide img {
    vertical-align: bottom;
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.single-prodotto  ul.splide__pagination.splide__pagination--ltr {
    bottom: -30px;
}
.single-prodotto .splide__pagination__page.is-active {
    background: #051acb;
    transform: scale(1.2);
    z-index: 1;
    opacity: 1;
}
.single-prodotto .splide__pagination__page:hover {
  background-color: #6c757d;
}

.single-prodotto button.splide__arrow.splide__arrow--next {
    top: 20px;
    width: 50px;
    height: 50px;
    right: 10px;
}

.single-prodotto button.splide__arrow.splide__arrow--prev {
    top: 20px;
    left: inherit;
    right: 70px;
    width: 50px;
    height: 50px;
}
.single-prodotto .splide__arrow:disabled:hover {
    background: #2e276a !important;
    opacity: .3;
    border: 2px solid #2e276a !important;
}

.single-prodotto button.splide__arrow {background: #2e276a; border: 2px solid #2e276a;}
.single-prodotto button.splide__arrow:hover {opacity: 1;}

.single-prodotto .splide__arrow svg {
    fill: white;
    width: 10px;
}

.single-prodotto .hero a.btn {
  font-weight: 400;
  text-transform: none;
  letter-spacing: 0px;
}
.single-prodotto .title, .single-post .title  {
  font-weight: 700;
  margin-top: inherit;
}


.single-prodotto .badge {
  font-size: 14px;
}

.single-prodotto .badge-light {
  color: #051ACB;
}

.single-prodotto img.img-fluid.wp-post-image, .single-post img.img-fluid.wp-post-image, .single-portfolio img.img-fluid.wp-post-image {
  border-radius: 10px;
}

.single-prodotto section.hero, .page-template-categoria_prodotto section.hero, .page-template-pagina-prodotti section.hero, .single-post section.hero, .single-portfolio section.hero,
.single-testimonianze section.hero
{
  background: rgba(23, 41, 131, 0.05);
  padding: 40px 0px;
}

.testimonianza-content p {
    font-size: 1.1rem;
    margin-bottom: 10px;
}
.testimonianze-archive .pagination {
    display: flex;
    justify-content: center;
    margin: 20px auto;
}
.testimonianze-archive .pagination * {
    margin: 0px 10px;
}
.single-prodotto a.cateogry-link, .single-post a.cateogry-link, .single-portfolio a.cateogry-link  {
  color: #051ACB;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 12px;
  margin-bottom: 1em;
  display: inline-block;
  letter-spacing: 2px;

}

.single-prodotto a.cateogry-link svg, .single-post a.cateogry-link svg, .single-portfolio a.cateogry-link svg {
  margin-right: 10px;
}

.single-prodotto .hero .subtitle {
  font-size: 1.15rem;
}
.single-prodotto .related-products a img, .single-post .related-products a img, .single-testimonianze .related-products a img, .single-portfolio .related-products a img, .single-post .related-post .wp-post-image {
    aspect-ratio: 4/3;
    object-fit: cover;
    border-radius: 10px;
}
.single-prodotto .coperture-zero,.single-post .coperture-zero  {
    box-shadow: 0px 20px 20px -10px #0f1b571f;
    border: 1px solid #0f1b5722;
    padding: 30px;
    border-radius: 10px;
    margin-top: 60px;
    top:110px;
}
.single-prodotto .card-correlati a {
  color: #051ACB;
}
.single-post .banner-dx {
  box-shadow: 0px 20px 20px -10px #0f1b571f;
  border: 1px solid #0f1b5722;
  border-radius: 10px;
  top:40px;
}
.single-prodotto  .coperture-zero img {
  margin-top: -90px;
}
.btn-primary {
  color: #fff;
  background-color: #051ACB;
  border-color: #051ACB;
}

.archive .wp-post-image {
    aspect-ratio: 7 / 5;
    object-fit: cover;
    background-size: cover;
    border-radius: 10px 10px 0 0;
    transition: all 0.3s;

}
.archive article.post .wp-post-image:hover {
    transform: scale(1.05);
}
.archive article.post .box-img {
    overflow: hidden;
}
.archive .entry-title a {
  color: #2e276a;
}
.archive .entry-title a:hover {
  color: #1a17c8;
}

.archive article.post {
    background: white;
    height: calc(100% - 20px);
        margin-bottom: 10px;
    border-radius: 10px;
}

.archive article.post  h3.entry-title {
    font-size: 1.4rem;
}

.archive article.post .box-text {
  padding: 20px;
}
.archive article.post  p {
    font-size: 14px;
}
.archive  article.post .post-meta{
  font-size: 10px;
  margin-bottom: 5px;
}

.page-template-categoria_prodotto #banner-configuratore {
  background-size: cover;
  background-position: center;
  min-height: 90vh;
  display: flex;
  align-items: center;
}
.page-template-categoria_prodotto .categoria-prodotto-contenuto img {
  aspect-ratio:1;
 object-fit: cover;
 margin-bottom: 1em;
}

.page-template-categoria_prodotto .categoria-prodotto-excerpt p {
    font-size: 1.2rem;
    margin: 0px;
}

.page-template-categoria_prodotto img.card-img-top.wp-post-image {
	aspect-ratio: 3 / 2;
  object-fit: cover;
}


.page-template-categoria_prodotto .card-title {
  margin-bottom: .75rem;
  font-weight: 700;
}

.page-template-categoria_prodotto .product-thumbnail {
  overflow: hidden;
  position: relative;
}

.page-template-categoria_prodotto a h5.card-title.product-title {
  text-transform: uppercase;
  text-decoration: none !important;
  font-size: 1.15rem;
  font-weight: 500;
  letter-spacing: 2px;
}

.page-template-categoria_prodotto .card-deck {
	    display: flex;
    flex-wrap: wrap;
  	row-gap:20px;
	column-gap:20px;
}

.page-template-categoria_prodotto .card.product-item {
  border: none;
  flex: 0 1 30%;
  margin: 0px;
  overflow: hidden;
  border-radius: 20px;
  box-shadow: 0px 0px 0px -40px #0F1B57;

  transition: all .3s;
}
.page-template-categoria_prodotto .card.product-item:hover {
  transform: translateY(-10px);
    box-shadow: 0px 10px 60px -40px #0F1B57;
}

.page-template-categoria_prodotto .card.product-item a {
  text-decoration: none !important;
  color: #051ACB;
}

.page-template-categoria_prodotto .card.product-item a:hover .card-title.product-title {
  color: #051ACB !important;
}

.page-template-categoria_prodotto .card.product-item .product-thumbnail {
  background: #0F1B57;
}

.page-template-categoria_prodotto .card.product-item a:hover img {
  opacity: .6;
  transform: scale(1.05);
  transition: .3s;
}

.page-template-categoria_prodotto .card.product-item a img {
  transition: .3s;
}

.page-template-categoria_prodotto .card.product-item a:hover svg.dgwt-rwpgg-ico-loupe {
  opacity: 1;
  transform: translateY(0px);
}

.page-template-categoria_prodotto .card.product-item a svg.dgwt-rwpgg-ico-loupe {
  position: absolute;
  left: 50%;
  margin-left: -14px;
  top: 50%;
  margin-top: -14px;
  opacity: 0;
  transform: translateY(-50px);
  transition: all .3s;
}

.page-template-categoria_prodotto .card-features {
    font-size: 12px;
	display: flex;
	gap: 0px;
    line-height: 1.2em;
    color: #444;
    font-weight: 500;
	padding-top:1em;
	border-top:1px solid #dedede;
	    margin-right: -10px;
    margin-left: -10px;
	justify-content: center;
    text-align: center;
		   font-family: 'Roboto';
}

.page-template-categoria_prodotto .card-features span {
       padding: 5px 10px;
    position: relative;
    border-radius: 0px;
width: 100%;
    height: fit-content;
		border-right: 1px solid #dedede;
	    word-wrap: normal;
    font-family: 'Raleway';

}
.page-template-categoria_prodotto .card-features span:last-child {
	border:none;
}

.page-template-pagina-prodotti img.wp-post-image {
    width: 100%;
    height: 300px;
    object-fit: cover;
    border-radius: 10px;
}

.page-template-pagina-prodotti ul.portfolio-category-filter li {
    list-style: none;
    border-top: 1px solid #E4E4F0;
padding: 10px 20px;
}

.page-template-pagina-prodotti ul.portfolio-category-filter {
    padding: 0px;
    background: #fff;
    border-radius: 10px;
}

.page-template-pagina-prodotti ul.portfolio-category-filter  a {
  color: #0F1B57;
}
.page-template-pagina-prodotti ul.portfolio-category-filter  a:hover {
  color: #051ACB;
}
.page-template-pagina-prodotti ul.portfolio-category-filter  a.selected {
  color: #051ACB; font-weight: 800;
}
.page-template .bg-light{
  background-color: #F3F4F9 !important;
}

.grid-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 20px;
}

.grid-item {
  width: 50%;
width: calc(50% - 20px);
position: relative !important;
border-radius: 10px;
    overflow: hidden;
    transition: all .3s;
}
.grid-item a .grid-item-image:before {
    background: linear-gradient(0deg, #0F1B57 0%, rgba(23, 41, 131, 0) 50%);
    content: "";
    position: absolute;
    top: 0px;
    height: 100%;
    width: 100%;
      z-index: 9;
      transform-origin: bottom;
}
.grid-item:hover {transform: translateY(-10px);    box-shadow: 0px 10px 60px -40px #0F1B57;}
.grid-item a:hover .grid-item-image img {transform: scale(1.05);transition: all .6s !important;}
.grid-item a:hover .grid-item-image:before { transform: scaleY(2);transition: all .3s !important;}
.grid-item a:hover .grid-item-title  {  transform: translateY(-10px);transition: all .3s !important;}

.grid-item a .grid-item-image img.attachment-large.size-large.wp-post-image {
    aspect-ratio: 600/360;
    object-fit: cover;
    transition: all .2s;
}


.grid-item-title {
    position: absolute;
    bottom: 0px;
    padding: 1em 2em;
    z-index: 99;
    transition: all .3s;
}

.grid-item-title h3, .grid-item-title h4, .grid-item-title h5 {
    margin: 0px;
    color: white !important;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 400;
    text-shadow: 1px 2px 5px #00000050;
}
.categoria-prodotto-correlato .grid-item {
  width: 33%;
width: calc(33% - 20px);
}
.categoria-prodotto-correlato .grid-item-title {
    padding: 1em 1em;
}

.single-testimonianze h1.title {margin-top: 1em; font-size: 2rem;}
.single-testimonianze .related-products a, .single-portfolio .related-products a {
  color: #0F1B57cc;
}
.single-testimonianze .related-products a:hover, .single-portfolio .related-products a:hover {
  color: #0F1B57;
  text-decoration: none;
}
.single-testimonianze .related-products h5, .single-portfolio .related-products h5, .single-post .related-post h5  {
    font-size: 1.05rem;
    font-weight: 600;
	text-decoration:none;
}
.single-testimonianze img.wp-post-image{
  aspect-ratio: 4/3;
  object-fit: cover;
  border-radius: 10px;
}
.single-testimonianze .prodotto p {
    font-size: 20px;
    color: #0F1B57;
}
.single-testimonianze .recensione {
    padding-top: 20px;
}
.single-testimonianze .recensione * {
  font-size: 18px;
  font-style: italic;
}
.single-testimonianze .categoria {
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 4px;
    color: #1a17c8;
    margin-top: 20px;
}
.single-testimonianze .slick-slide img {
    aspect-ratio: 4 / 3;
    object-fit: cover;
    width: 100%;
}
.single-testimonianze figure.gallery-item {
    padding: 2px;
}
.single-testimonianze a.category-link {
    font-size: 14px;
    color: #1a17c8;

}
.single-testimonianze a.category-link svg {
    margin-right: 5px;
}
.single-portfolio .portfolio-info p {
  font-size: 14px;
  margin-bottom: .5em;
}
.testimonianze-archive .testimonianza-text {
    color: #555559;
    font-size: 15px;
    font-weight: 500;
}
.testimonianze-archive i.fa-solid {
    color: #2e276a;
}
.testimonianze-archive  h4.testimonianza-title {
  margin-bottom: 0.5em;
font-weight: 700;
line-height: 1.4rem;
margin-top: 0;
}
.testimonianze-archive h4.testimonianza-title a {
    font-size: 20px;
    text-decoration: none;
    color: #2e276a;
}
.testimonianze-archive h4.testimonianza-title a:hover {
    color: #1a17c8;
}



.testimonianze-archive p.testimonianza-date,.testimonianze-archive .testimonianza-category  {
  font-size: 11px;
  margin-right: 10px;
}
.testimonianze-archive p.testimonianza-prodotto {
    margin-bottom: 1em;
    padding-bottom: 1em;
    border-bottom: 1px solid #dedede;
	 font-size: .8em;
}

.testimonianze-archive p.testimonianza-prodotto b {
    color: #2e276a;
}
.testimonianze-archive .testimonianze-grid {
  gap:10px;
  justify-content: space-around;
}
.testimonianze-archive .testimonianza-item {
  padding: 0;
  background: white;
  border-radius: 5px;
  flex: 0 0 calc(50% - 10px);
  margin-bottom: 10px;
}
.testimonianze-archive .testimonianza-content {
  padding: 8%;
}
.testimonianze-archive .testimonianza-text {
    position: relative;
}

.testimonianze-archive .toggle-button {
  display: inline-block;
      margin-top: 0px;
      padding: 5px;
      font-size: 0.9em;
      color: #1a17c8;
      border: none;
      cursor: pointer;
      font-weight: 700;
}
.testimonianze-archive .testimonianza-thumbnail img {
    width: 100%;
    object-fit: cover;
    aspect-ratio: 16 / 9;
    border-radius: 5px 5px 0px 0px;
}

.testimonianze-archive .toggle-button:hover {
    background-color: #e1e1e1;
}
.testimonianze-archive a {color: #007bff;}
.testimonianze-archive button:focus {background-color: #4114c530;}



/*archivio lavori eseguiti*/
.post-type-archive-portfolio .archive-title, .page-template-archive-portfolio .archive-title,
.post-type-archive-testimonianze .archive-title, .blog .archive-title {
  color: white !important;
  font-weight: 300;
  text-transform: uppercase;
  letter-spacing: 5px;
  font-size: 30px;
  margin: 0px;
}
.portfolio-archive .portfolio-thumbnail {
    overflow: hidden;
}
.portfolio-archive .portfolio-thumbnail img {
    transform: scale(1);
    transition: all .5s;
}
.portfolio-archive .portfolio-thumbnail:hover img {
    transform: scale(1.05);
    transition: all .5s;
}
.portfolio-archive .portfolio-content {
	padding: 8%;
}
.portfolio-archive .portfolio-content  .gallery-link, .testimonianze-archive .gallery-link {
    border-top: 1px solid #dedede;
    padding-top: 1em;
}
.portfolio-archive  h4.portfolio-title {
    margin-bottom: 0.5em;
    margin-top: 0em;
        line-height: 1.4em !important ;
	    font-size: 18px;

}
.portfolio-archive h4.portfolio-title a {
      color: #0F1B57;
      font-weight: 600;

}
.portfolio-archive h4.portfolio-title a:hover {
  text-decoration: none;
  color: #1a17c8;

}

.portfolio-archive .portfolio-meta p {
  margin-bottom: 5px;
  line-height: 1.2em
}
.portfolio-archive .portfolio-meta .portfolio-category {
  font-size: 11px;
}
.portfolio-archive .portfolio-meta .portfolio-prodotto {
  font-size: 14px;
}
.portfolio-archive p.portfolio-date  {
  font-size: 10px;
  margin-top: 10px;
}

.portfolio-archive .portfolio-meta b {
    color: #2e276a;
}
.portfolio-archive .portfolio-grid  {
  display: flex;
  gap: 10px;
}
.portfolio-archive .portfolio-item {
  padding: 0px;
  background: white;
  border-radius: 5px;
  flex: 0 0 calc(33% - 10px);
  margin-bottom: 10px;
	overflow: hidden;
}
.portfolio-archive .portfolio-text {
    position: relative;
}

.portfolio-archive .toggle-button {
    display: inline-block;
    margin-top: 0px;
    padding: 5px 10px;
    font-size: 0.9em;
    color: #0073aa;
    background-color: #f1f1f1;
    border: none;
    cursor: pointer;
}
.portfolio-archive .portfolio-thumbnail img {
    width: 100%;
    object-fit: cover;
    aspect-ratio: 4 / 3;
    border-radius: 0px;
}

.portfolio-archive .toggle-button:hover {
    background-color: #e1e1e1;
}
.portfolio-archive .gallery-link a, .testimonianze-archive .gallery-link a {    
	color: #051acb;
    font-weight: 500;
	font-size:.9em;
}

/* Responsive styles */
@media (min-width: 1200px) {
  .site-header .container-fluid {max-width: 1200px; padding: 0px;}
  .container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1200px;
  }

  .single-prodotto .title {
    font-size: 48px;
  }
}

@media (max-width: 768px) {
  .site-header {padding: 10px !important; }
  .site-header .logo {flex:2;}
  .site-header .discovery-button {flex:1;}
  .page-tempalte-categoria_prodotto #banner-configuratore {
    background: none;
  }
  .single-post img.wp-post-image{
    width: 100%;
  }
  .single-prodotto section.hero, .page-template-categoria_prodotto section.hero, .page-template-pagina-prodotti section.hero, .single-post section.hero {
      padding: 16px 0px;
  }
  .single-prodotto .title, .single-post .title {
    font-size: 32px;
  }
    ul#primary-menu {
        display: none;
        flex-direction: column;
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        background: #fff;
    }

    ul#primary-menu.open {
        display: flex;
        z-index: 9999;
    }

    .hamburger-menu {
        display: flex;
    }
	.page-template-pagina-prodotti .grid-container .grid-item {
		width:100%;
	}
	.page-template-categoria_prodotto .card-deck {
  	row-gap:10px;
	column-gap:10px;
	}
	.page-template-categoria_prodotto img.card-img-top.wp-post-image {
    object-fit: cover;
    aspect-ratio: 3 / 2;
	}
	.page-template-categoria_prodotto .card.product-item {
		    flex: 1 0 100%;
		 width: 100%;
	}
	.categoria-prodotto-correlato .grid-item {
		    width: 100%;
	}
	.single-prodotto img.img-fluid.wp-post-image, .single-post img.img-fluid.wp-post-image, .single-portfolio img.img-fluid.wp-post-image {
		width:100%;
	}
	.testimonianze-archive .testimonianza-item {
		flex:100%;
	}
	.portfolio-archive .portfolio-item {
  		flex: calc(50% - 10px);
	}
	.single-testimonianze img.wp-post-image { width:100%;}
	.single-testimonianze h1.title, .single-portfolio  h1.title{font-size:30px;}
	.portfolio-archive  h4.portfolio-title {
			font-size: 16px;
		line-height:1.2em;
		}
	.portfolio-archive .gallery-link a {
    		font-size: .8em;
		        line-height: 1.2em;
	}
}