/*
Theme Name: OceanWP Child
Theme URI: https://oceanwp.org/
Template: oceanwp
Author: OceanWP
Author URI: https://oceanwp.org/about-oceanwp/
Description: OceanWP is the perfect theme for your project. Lightweight and highly extendable, it will enable you to create almost any type of website such a blog, portfolio, business website and WooCommerce storefront with a beautiful & professional design. Very fast, responsive, RTL & translation ready, best SEO practices, unique WooCommerce features to increase conversion and much more. You can even edit the settings on tablet & mobile so your site looks good on every device. Work with the most popular page builders as Elementor, Beaver Builder, Brizy, Visual Composer, Divi, SiteOrigin, etc... Developers will love his extensible codebase making it a joy to customize and extend. Best friend of Elementor & WooCommerce. Looking for a Multi-Purpose theme? Look no further! Check the demos to realize that it's the only theme you will ever need: https://oceanwp.org/demos/
Tags: two-columns,right-sidebar,footer-widgets,blog,news,custom-background,custom-menu,post-formats,rtl-language-support,sticky-post,editor-style,threaded-comments,translation-ready,buddypress,custom-colors,featured-images,full-width-template,theme-options,e-commerce,block-styles,wide-blocks,accessibility-ready
Version: 4.0.8.1745920945
Updated: 2025-04-29 10:02:25

*/

.custom-logo-link img {margin-bottom: 15px; }
#mobile-dropdown ul li a {font-size: 22px !important; text-transform: uppercase;}
.oceanwp-mobile-menu-icon a {font-size: 35px !important;}
a:focus {outline: none!important;}
.menu-link {text-transform: uppercase; font-size: 18px !important;}
#site-navigation-wrap .dropdown-menu>li>a {line-height: 98px;}
.topbar-content {font-size: 18px;}
.mobile-menu .oceanwp-text, .mobile-menu .oceanwp-close-text, .oceanwp-recent-posts .recent-posts-comments, .meta-author {display: none !important;}
/* HOME */
.immobili-home-page {display: flex; flex-direction: row;}
.immobili-home-page .immobile {width: 100%; text-align: center; margin: 20px 5px; display: block; }
.immobili-home-page .immobile img {max-width: 100%; width: 100%; }
.immobili-home-page .immobile h3 {text-align: center; margin: 10px 0;}
.immobili-home-page .immobile .btn-dettaglio {margin-bottom: 10px}
.lista-comuni-home {width: 100%; text-align: center;}
#cerca-homepage #searchform-dropdown {position: relative; border-top: none; padding: 0; margin: 20px auto; width: 350px; max-width: 100%; }
.solo-mobile {display: none}
.no-mobile {display: block}


/* SIDEBAR */
.oceanwp-about-me .oceanwp-about-me-avatar img {border-radius: 0 !important; margin: 0 auto; width: 150px;}
#footer-widgets {background-color: #004a70}
#footer-widgets h2 {color: white;}
#footer-widgets img {max-width: 300px}
#footer-widgets p {color: white}
#footer-widgets a {color: white}
#footer-widgets a:hover {color: #004a70}
#footer-widgets .wp-block-button a {border: 1px solid white; border-radius: 5px;}
#footer-widgets .wp-block-button a:hover {color: 004a70; background-color: white}
#footer-bottom {background-color: #003957}


.loghi-portali img {filter: saturate(0);transition: filter 0.3s ease; opacity: .6; }
.loghi-portali img:hover {filter: saturate(1); opacity: 1; }

/* SINGOLO IMMOBILE*/

.descrizione-intro {font-size: 2rem; margin-bottom: 30px;}
.titolo-immobile h1 {color: #004a70; font-size: 3rem; margin: 20px 0;}
.comune-provincia h2 {font-size: 2rem; font-weight: normal; color: #54595F }
.prezzo-immobile h3 {color: #54595F}
.ottieni-informazioni-immobile {text-align: center; margin: 25px 0;}
.ottieni-informazioni-immobile:hover a, .wpforms-submit:hover {color: #004A70; background-color: white !important; }
.ottieni-informazioni-immobile a, .wpforms-submit {background-color: #004A70!important; padding: 12px 25px; color: white;  border-radius: 10px; border: 1px solid #004A70; max-width: 100%;}
.cerca-altri-immobili, .torna-alla-lista {margin: 35px 0; text-align: center;}
.cerca-altri-immobili span, .torna-alla-lista span {padding: 12px 25px; color: #4a4a4a;  border-radius: 10px; border: 1px solid #4a4a4a; max-width: 100%; display: block;}
.torna-alla-lista:hover span { background-color: #4a4a4a !important;}
.torna-alla-lista:hover span a {color: white}

/* LISTA IMMOBILI */
.btn-filtra {padding: 4px 8px; text-decoration: none !important; border: 1px solid #54595F; margin: 5px; display: inline-block;}
.btn-filtra span {position: absolute; background-color: #004a70; border: 2px solid white; border-radius: 50%; color: white; font-size: 12px !important; width: 25px; height: 25px; text-align: center; margin-top: -10px; margin-left: -4px; opacity: 0; transition: all .4s}
.btn-filtra:hover span {opacity: 1}
.btn-attivo {background-color: #54595F; color: white;}
.btn-attivo:hover {color: white;}
.btn-attivo span {opacity: 1}
.immobile-thumb {width: 250px; height: auto; display: block; margin-bottom: 0; border-radius: 8px 0 0 8px;}
.immobile {display: flex; align-items: center; gap: 20px; padding: 0; border: 1px solid #e9e9e9; border-radius: 10px; margin-bottom: 20px; position: relative;}
.immobile h3 {margin: 20px 0 0 0 ; line-height: 20px; }
.immobile .lista-prezzo {color: #004a70; font-weight: bold; font-size: 1.5rem; margin-bottom: 0;}
.lista-immobili-img {flex: 0 0 340px;}
.lista-immobili-img img {width: 100%; height: auto; border-radius: 8px 0 0 8px; object-fit: cover;}
.lista-immobili-dati {flex: 1; display: flex; flex-direction: column; padding: 0;}
.lista-immobili-dati p {margin: 0 !important; margin-bottom: 0;}
.btn-dettaglio {display: inline-block; margin: 20px 0; padding: 8px 12px; background-color: #004a70;
    color: white; text-decoration: none !important; border-radius: 5px; border: 1px solid #004a70; }

.btn-dettaglio:hover {background-color: white; color: #004a70;}



/* SLIDER */
.swiper {border-radius: 10px;}
.immobile-gallery-main {width: 100%; aspect-ratio: 4 / 3; overflow: hidden; position: relative;}

.immobile-gallery-main img {position: absolute; top: 50%; left: 50%; width: auto; height: 100%; transform: translate(-50%, -50%); object-fit: cover; }

.swiper-slide img {width: 100%; aspect-ratio: 4/3; overflow: hidden; }
.immobile-gallery-thumbs {display: flex; flex-wrap: wrap; gap: 15px;}
.immobile-gallery-thumbs .swiper-slide {width: auto; flex: 0 0 auto; cursor: pointer; opacity: 0.6;}
.immobile-gallery-thumbs .swiper-slide-thumb-active {opacity: 1; border-radius: 10px;}
.immobile-gallery-thumbs .swiper-slide img {height: 90px; width: auto; margin: 15px 15px 15px 0; object-fit: cover; display: block; border-radius: 5px;}
.swiper-button-next, .swiper-button-prev {color: white !important;}

.immobile-dettagli {
  display: flex;
  flex-wrap: wrap;
  border: 1px solid #e9e9e9;
  border-radius: 8px;
  overflow: hidden;
  font-size: 1.5rem;
  color: #54595F;
}


.immobile-dettagli i {font-size: 1.8rem; margin-right: 5px;}

.immobile-dettagli-cella {
  flex: 1 1 calc(33.333% - 1px);
  padding: 12px;
  border-left: 1px solid #e9e9e9;
  border-top: 1px solid #e9e9e9;
  text-align: left;
  box-sizing: border-box;
}

/* LIGHTBOX */
#lightbox-overlay {
  position: fixed;
  top: 0; left: 0; right: 0; bottom: 0;
  background: rgba(0,0,0,0.85);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
}

#lightbox-content {
position: absolute; top: 0; left: 0; height: calc(100% - 40px);
  width: calc(100% - 40px);
  margin: 20px; display: flex;
}

#lightbox-content img {
  max-width: 100%;
  max-height: 100%;
  display: block;
  border-radius: 20px;
 margin: auto;
	opacity: 0;
  animation: fadeInAnim 1s forwards;
	
}

@keyframes fadeInAnim { to { opacity: 1; } }

#lightbox-close {
  position: absolute;
  top: 20px;
  right: 20px;
  font-size: 25px;
line-height: 25px;
  color: white;
  cursor: pointer;
  user-select: none;
	background-color: black;
	border: 2px solid white;
	border-radius: 50%; 
	padding: 5px;
    width: 40px;
    height: 40px;
    text-align: center;
}

.lightbox-arrow {
  position: absolute;
  top: 50%;
  font-size: 2rem;
  color: white;
  padding: 0 10px;
  cursor: pointer;
  user-select: none;
  transform: translateY(-50%);
  background: black;
  border-radius: 3px; z-index: 99;
}

#lightbox-prev { left: 10px;}
#lightbox-next { right: 10px; }

/* Prima riga: togli il bordo-top alle prime 3 */
.immobile-dettagli-cella:nth-child(-n+3) {
  border-top: none;
}

/* Prima colonna di ogni riga: togli il bordo-left */
.immobile-dettagli-cella:nth-child(3n+1) {
  border-left: none;
}

/* Responsivo: sotto i 768px */
@media (max-width: 768px) {
  .immobile-dettagli-cella {flex: 1 1 100%; border-left: none;}
.immobili-home-page {display: flex; flex-direction: column;}
.immobile h3 {margin-bottom: 0; line-height: 20px; }
.page-header {display: none}
.immobile {display: block}
.immobile-thumb {width: 100%; height: auto; display: block; margin-bottom: 15px; border-radius: 8px 8px 0 0;}
.lista-immobili-dati {text-align: center}
.immobile h3, .immobile p {text-align: center}
.descrizione-intro {font-size: 1.5rem;}
.immobile-dettagli-cella:first-child {border-top: none;}
.solo-mobile {display: block}
.no-mobile {display: none}
}