/**
 * Theme Name: San Francisco Child
 * Template: sanfran
 * Version: 1.0
 * Description: Responsive WordPress Theme Tailored for Technology and Creative Websites
 * Author: Ninzio
 **/

/* CSS Gabriele */

/*  Background body */

/* Base: attiva il posizionamento dei blob su una Row */
.cb-blob-bg {
  position: relative;
  overflow: hidden;
  z-index: 0;
}
.cb-blob-bg::before,
.cb-blob-bg::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  filter: blur(90px);
  pointer-events: none;
  z-index: -1;
}
/* Il contenuto della row deve restare sopra i blob */
.cb-blob-bg > .vc_row-wrapper,
.cb-blob-bg > .wpb_column {
  position: relative;
  z-index: 1;
}

/* --- Varianti colore + posizione (usale come classi aggiuntive) --- */

/* Rosa - alto sinistra */
.cb-blob-pink-tl::before {
  background: radial-gradient(circle, #EC4899 0%, transparent 70%);
  width: 550px; height: 550px;
  opacity: 0.22;
  left: -180px;
}
/* Ciano - basso destra */
.cb-blob-cyan-br::after {
  background: radial-gradient(circle, #22B8CF 0%, transparent 70%);
  width: 600px; height: 600px;
  bottom: -200px; right: -160px;
  opacity: 0.18;
  position: absolute;
}
/* Giallo - alto destra */
.cb-blob-yellow-tr::after {
  background: radial-gradient(circle, #F4C430 0%, transparent 70%);
  width: 500px; height: 500px;
  right: -150px;
  opacity: 0.20;
  position: absolute;
}
/* Blu - basso sinistra */
.cb-blob-blue-bl::before {
  background: radial-gradient(circle, #1E3A8A 0%, transparent 70%);
  width: 550px; height: 550px;
  top: 33%; left: -170px;
  opacity: 0.15;
  position: absolute;
}
/* Verde oliva - centro (leggero, come tocco di fondo) */
.cb-blob-olive-center::after {
  background: radial-gradient(circle, #6B8E23 0%, transparent 70%);
  width: 550px; height: 550px;
  left: -1%;
  opacity: 0.15;
  position: absolute;
}

/* Selezione Testi */

::selection {
  background-color: #6B8E23;
  color: #ffffff;
}

::-moz-selection {
  background-color: #6B8E23;
  color: #ffffff;
}

/* Head */

body h2 {
    font-weight: 400;
}

#main-nav > ul > li {
    padding: 0px;
}

#site-logo {
    max-width: fit-content;
}

/* HOME */

.deeper-fancy-image.reveal.img-1-sceglierenoi.lr.is-in-view {}.deeper-fancy-image.reveal.img-1-sceglierenoi:before {
    content: "";
    background-image: url(https://core-brand.it/wp-content/uploads/2020/05/dots-blue-5x5-1.png);
    min-width: 250px;
    min-height: 250px;
    position: absolute;
    background-size: contain;
    right: -30%;
    background-repeat: no-repeat;
    bottom: -20%;
}

.imglogo-macroaree img.vc_single_image-img {
    display: block;
    animation: floatSoft 6s ease-in-out infinite;
    will-change: transform;
}

.titolo-macroaree-home {
    margin-top: 50px;
}

@keyframes floatSoft {
  0%, 100% {
    transform: translateY(0) scale(1);
    filter: drop-shadow(0 10px 15px rgba(0, 0, 0, 0.15));
  }
  50% {
    transform: translateY(-12px) scale(1.015);
    filter: drop-shadow(0 25px 20px rgba(0, 0, 0, 0.08));
  }
}

.titolo-macroaree-home .deeper-text {
    font-size: 18px;
    line-height: 1.4;
}

.macroaree-home .url-wrap.align-left {
    margin-top: 15px;
}


.deeper-content-box.card-abbigliamento.hover-effect-1 .inner:after {
    background-color: #ec4899;
}

.deeper-content-box.card-digital.hover-effect-1 .inner:after {
    background-color: #1E3A8A;
}

.deeper-content-box.card-noleggio.hover-effect-1 .inner:after {
    background-color: #F4C430;
}

.deeper-content-box.card-tipografia.hover-effect-1 .inner:after {
    background-color: #6B8E23;
}

.faq-row {
    margin: 80px 0;
}

.background-row-home {
    min-height: 500px;
    display: flex;
    align-items: center;
    background-attachment: fixed;
}

/* Servizi */

.firstrow-servizi {
    padding: 100px 0;
	background: #f6f6f6;
    margin-top: 50px;
    margin-bottom: 80px !important;
}

h2.macroareatext-servizi {
    font-size: 14px;
    color: #ec4899;
    margin: 0;
}

.columntext-firstrow-servizi h1 {
    font-size: 65px;
    font-weight: 400;
}

.paragrafo-firstrow-servizi {
    padding: 25px 0;
    font-size: 20px;
    line-height: 1.4;
}

.columntext-firstrow-servizi a.deeper-button {
    font-size: 17px;
}

.columnimg-firstrow-servizi img.vc_single_image-img {
    border-radius: 30px;
}

.secondrow-servizi .vc_row.wpb_row.vc_inner.vc_row-fluid {
    padding-bottom: 70px;
}

.titolo-secondrow-servizi h1 {
    font-size: 50px;
    font-weight: 400;
}

.titolo-secondrow-servizi h1 b {
    color: #ec4899;
    font-weight: 500;
}

.elenco-puntato-hover h3.heading {
    font-size: 20px;
    margin: 0 !important;
}

.metodo-servizi {
    margin-top: 80px;
    padding-bottom: 80px;
}

.metodo-servizi h3 {
    font-size: 25px;
}

.metodo-servizi span {
    font-size: 18px;
    line-height: 1.3;
}

.scopri-servizi img {
    border-radius: 20px;
}

/* Interior Design */

.titolo-secondrow-servizi.interior-design h1 b {
    color: #22B8CF;
}

.card-interior-design .deeper-icon .icon-wrap i {
    color: #22B8CF;
}

/* Digital */

.titolo-secondrow-servizi.digital h1 b {
    color: #1e3a8a;
}

.elenco-puntato-hover b {
    font-size: 17px;
    color: #f4c430;
}

/* Noleggio Hardware */

.titolo-secondrow-servizi.noleggio h1 b {
    color: #F4C430;
}

/* Tipografia */

.titolo-secondrow-servizi.tipografia h1 b {
    color: #6a8d23;
}

/* Chi siamo */

.valori-about .deeper-icon {
    margin-bottom: 15px;
}

.first-about h2.text {
    font-size: 50px;
}

.mission-about {
    padding-top: 100px;
	padding-bottom: 100px;
}

.mission-about h2.text {
    font-weight: 400;
    font-size: 45px;
}

.valori-about h3.heading {
    margin-bottom: 9px;
}

/* Contatti */

.first-row-contact h1 {
    font-size: 70px;
}

.first-row-contact h1 em {
    color: #6B8E23;
}