/*
Theme Name: BigHearts Child
Author: WebGeniusLab
Author URI: http://webgeniuslab.net
Description: -
Version: 1.0
Template: bighearts
Text Domain: bighearts-child
*/



body {
	word-spacing: -2px;
}

* {
	text-wrap: pretty;
}

/* inizio di questo nasconde il bottone siamese "guarda il video" nella home */
.custom-hidden {
	visibility: hidden !important;
	width: 1px;
	height: 1px;
	overflow: hidden;
}
/* fine di questo nasconde il bottone siamese "guarda il video" nella home */



/* qui inizia la gestione del menu mobile fatto da Yana */

.hamburger-box, #nav__mobile {
	display: none !important;
}

@media screen and (max-width: 1300.98px) {
  /* --------------------- The side navigation menu ---------------------*/
  .header-wrap-desktop {
    display: none !important;
  }
	
	#mySidenav {
		max-width: 450px;
	}
	
  #nav__mobile {
	  position: fixed;
	  top: 10px;
	  left: 20px;
    display: flex !important; 
    align-items: center;
    justify-content: space-between;
    height: 90px;
    padding: 20px 0;
	  z-index: 999999;
  }
  #nav__mobile-logo {
    height: 50px;
  }
  .sidenav {
    height: 100%;
    width: 100%;
    margin-left: 100%;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: #c1a885;
    overflow-x: hidden;
    padding: 25px;
    transition: 0.5s;
  }
  .sidenav-top-wrap {
    border-bottom: solid 1px white;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding-right: 60px;
    padding-bottom: 15px;
    margin-bottom: 15px;
  }
  .sidenav-main-item {
    display: grid;
    grid-template-columns: repeat(2, [col-start] 1fr);
    gap: 30px;
    padding-bottom: 5px;
    border-bottom: solid 1px white;
    margin-bottom: 5px;
  }

  .sidenav-main-item p {
    font-size: 20px;
    color: yellow;
    font-weight: 400;
  }
  .menu-col-1-2l {
    grid-column: col-start/span 1;
  }
  .menu-col-1-2r {
    grid-column: col-start 2/span 1;
  }
  /* The navigation menu links */
	
  .sidenav a {
    font-weight: 600;
    padding: 6px 6px 6px 0;
    text-decoration: none;
    font-size: 16px;
    color: white !important;
    display: block;
    transition: 0.3s;
  }
  .sidenav a:hover {
    color: #f1f1f1;
  }
	
	.sidenav-main-item > a {
		font-size: 1.5rem;
		padding: 0;
	}
  .sidenav .closebtn {
    color: white;
    position: absolute;
    top: 10px;
    right: 20px;
    font-size: 50px;
    margin-left: 50px;
	  line-height: 1em;
	  
  }
  #main {
    transition: margin-left 0.5s;
    padding: 20px;
  }
  /* --------------------- The side navigation menu - end ---------------------*/
  .blog-grid__item {
    width: 48%;
  }
  .blog-container {
    width: 75% !important;
  }
}


.menu-item__outflow {
	position: absolute;
    top: 24px;
    left: 110px;
    border: none;
    border-left: 1px solid white;
	padding-left: 20px;
}


.menu-item__outflow .sidenav-main-item {
	display: block;
	padding: 0;
	margin: 0;
	border-bottom: none;
}


/* qui finisce la gestione del menu mobile fatto da Yana */

/* Qui inizia la gestione delle proporzioni degli elementi nel header desktop */

@media (min-width: 768px) {
	.elementor-6148 .elementor-element.elementor-element-4ee26bf {
        width: 65.5%;
    }
	
    .elementor-6148 .elementor-element.elementor-element-b181499 {
        width: 10%;
    }
}


/* Qui finisce la gestione delle proporzioni degli elementi nel header desktop */



#main-content > div > section.elementor-section.elementor-top-section.elementor-element.elementor-element-2cb125f.elementor-section-height-min-height.elementor-section-boxed.elementor-section-height-default.elementor-section-items-middle > div > div > div > div > div > section > div > div > div > div > div > div > div > div:nth-child(2) > div > div > div.blog-post_content > div.meta-data > span {
	display: none;
}

#main {
	padding: 40px 0 0 0 !important;
}

.wgl-logotype-container .logo-name {
	font-size: 1.2rem;
  font-size: clamp(1.2rem, 0.99rem + 1.05vw, 2.25rem) !important;
}


#main-content > div > section.elementor-section.elementor-top-section.elementor-element.elementor-element-2cb125f.elementor-section-height-min-height.elementor-section-boxed.elementor-section-height-default.elementor-section-items-middle > div > div > div > div > div > section > div > div > div > div > div > div > div > div:nth-child(2) > div > div > div.blog-post_content > div.meta-data:after {
	content: "MOSTRA IN ALLESTIMENTO";
	font-size: 24px;
	color: #E0770B;
}

.single-product > .page-header {
	display: none !important;
}

#search-2 {
	display: none;
}

a.product_type_simple {
	display: none !important;
}

.wgl-header-row_wrapper > .h_align_center {
	flex: 3 !important;
}

.cfg-shop-autore {
	background-color: #E6E6E6;
	padding: 40px;
	border-radius: 10px;
	display: flex;
	flex-direction: row;
	gap: 20px;
}

.cfg-shop-autore__img {
	width: 150px;
	border-radius: 10px;
}

#scroll_up:empty {
	color: #c1a885;
	background-color: #c1a885;
}

.widget_price_filter > .title-wrapper > span.title {
	visibility:hidden !important;
}

.widget_price_filter > .title-wrapper > span.title:before {
	content: "Prezzo";
	color: black;
  visibility: visible;
}

.widget_product_categories > .title-wrapper > span.title {
	visibility:hidden !important;
}

.mobile_nav_wrapper .primary-nav > ul > li.current_page_item > a {
  color: #c1a885;
}

.primary-nav ul li[class*=current] > a {
	color: #c1a885;
}

.mobile-hamburger-close {
    background: #c1a885 !important;
}

.header_search {
	display: none !important;
}

.widget_products > .title-wrapper > span.title {
	visibility:hidden !important;
}


.widget_products > .title-wrapper > span.title:before {
	content: "I più venduti";
	color: black;
  visibility: visible;
}



.widget_product_categories > .title-wrapper > span.title:before {
	content: "Categorie";
	color: black;
  visibility: visible;
}

.widget_shopping_cart > .title-wrapper > span.title {
	visibility:hidden !important;
}


.widget_shopping_cart > .title-wrapper > span.title:before {
	content: "Carrello";
	color: black;
  visibility: visible;
}

.blog-post_media > .post_categories {
	visibility: hidden;
}

.post_date {
	font-family: 'Kulim Park', sans-serif !important;
}

.blog-post_meta-wrap > .meta-data {
	display: none !important;
}

.post_likes {
	display: none !important;
}

.woocommerce-product-gallery__image {
	border-radius: 10px !important;
}

.grecaptcha-badge {
visibility: hidden !important;
}

.formtitle {
	margin-bottom: 20px;
	color: #717171;
}

.wpcf7-response-output {
	margin: 15px 0 !important;
}

.page-id-10493 > #main {
	padding: 0 !important;
} 

.page-id-10518 > #main {
	padding: 0 !important;
} 

.yellow {
	color: #ffac00;
}



.menu-item.dnone > a > .menu-item__plus,
.menu-item.dnone > a > .button_switcher,
.menu-item.dnone > .wgl-mega-menu{
	display: none !important;
}
.elementor-section > .extended-parallax,
.menu-item.soon-event,
.menu-item.soon-event a{
	pointer-events: none;
}

.dbl__subtitle {
	position: relative;
	margin-bottom: 40px !important;
}
.dbl__subtitle:after {
	content: "";
	width: 120px;
	height: 2px;
	background: grey;
	position: absolute;
	bottom: -25px;
	left: 0;
}

figure.wgl-image-box_img > span > img {
	border-radius: 10px 10px 0 0 !important;
	width: 100%;
}

.centrato {
	position:relative;
}
.centrato > .elementor-widget-container > .wgl-double_heading > .dbl__subtitle:after {
	content: "";
	width: 100%;
	height: 2px;
	background: yellow;
	position: absolute;
	bottom: -25px;
	left: 0;
}



@media (max-width:650px) {
	.form__ritratti-stile {
	flex-direction: column;
}
.larger > span > label > input {
        width: 30px !important;
        height: 30px !important;
      }
	
	.ritratti-istituzionale:after, .ritratti-emozionale:after, .ritratti-azione:after {
		top: 50px;
	} 
	

	
	.wgl-woocommerce-sorting {
		display: none !important;
	}
	
	ul.wgl-products {
    --products-width: 50% !important;
}
	.cfg-shop-autore {
		flex-direction: column;
		padding: 25px;
	}
	
}

.lista-finta {
	position: relative;
	padding-inline-start: 2.2rem;
}
.lista-finta:before {
	content: '';
	position: absolute;
	top: 4px;
	left: 0;
	width: 1rem;
	height: 1rem;
	border-radius: 50%;
	background-color: var(--bighearts-secondary-color);
	
}



.cards-shadow {
	box-shadow: 11px 10px 38px 0px rgba(0, 0, 0, 0.1);
}

.page-id-11903 a, .page-id-11903 a:visited, .page-id-11903 a:active {
		color: grey;
	}

.page-id-11903 a:hover {
	color: var(--bighearts-primary-color);
	text-decoration: underline;
}



.invisibile-db::before {
	content: "Diego Beltramo ";
}

.invisibile-indirizzo::after {
	content: "info@studiobeltramo.com" !important;
	position: absolute;
	left: calc(50% - 6.55rem);
	top: 1.5rem;
}

@media (max-width:660px) {
	.invisibile-indirizzo::after {
		left: calc(50% - 5.55rem);
	}
}





/* qui inizia la parte che gestisce il Mason R delle gallerie */

.masonry-grid {
  columns: 3 200px;
  column-gap: 1em;
}
.masonry-grid .grid-item {
  display: inline-block;
  width: 100%;
  margin: 0 0 1em;
}
.masonry-grid img {
  width: 100%;
  height: auto;
  display: block;
}

/* qui finisce la parte che gestisce il Mason R delle gallerie */

/* qui inizia la parte che gestisce il Popup maker, quello con i testi */


.catblock__wrap {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 40px;
	justify-content: center;
}

.catblock__wrap .n2-ss-slider-4 {
	max-width: 1100px;
}

.catblock__wrap h2 {
	font-size: 1.75rem;
	line-height: 1.2em;
	margin-bottom: 1rem;
}


/* @media (max-width: 660px) */
@media (orientation: portrait) {
  .catblock__wrap {
    flex-direction: column-reverse;
	gap: 0;
	min-height: 90svh;
  }
}
.catblock__left {
  width: 65%;
	
}

/* @media (max-width: 660px) */
@media (orientation: portrait) {
  .catblock__left {
    width: 100%;
	  flex-grow: 1;
  }
}

.catblock__right {
  flex-grow: 1;
  padding: 0 20px 20px 0;
	    display: flex;
    flex-direction: column;
    padding-top: 14%;
	max-width: 35%;
}

/* @media (max-width: 660px) */
@media (orientation: portrait) {
	.catblock__right {
		padding-top: 5rem;
		padding-bottom: 0;
		flex-grow: 0;
		max-width: 100%;
	}
	
}

.pum-container.pum-responsive.pum-responsive-medium {
        margin-left: 0 !important;
        width: 95% !important;
		left: 2.5% !important;
		top: 2% !important;	
		height: 95% !important;
    }



.pum-theme-13073 .pum-content + .pum-close, .pum-theme-tema-predefinito .pum-content + .pum-close {
	background-color: var(--e-global-color-438efc6) !important;
}

.pum-container {
	background-color: white !important;
	box-shadow: none !important;
}


.n2-ss-slider [data-mode=center] .n2-ss-slide-background-image img {
    object-fit: contain;
	
}

.n2-ss-slider [data-mode=fit] .n2-ss-slide-background-image img {
    max-width: 1100px !important;
	top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
	
.n2-ss-slider {
    height: 90vh !important;
}

@media (orientation: portrait) {
		.n2-ss-slider-1 {
		min-width: 86vw !important;
		min-height: 500px;
		
	}
	
	.n2-ss-slider {
    height: 80vh !important;
	}
	
	
.pum-theme-13073 .pum-content + .pum-close, .pum-theme-tema-predefinito .pum-content + .pum-close {
	top: 30px !important;
	}
}
	

/* qui finisce la parte che gestisce il Popup maker, quello con i testi */

	
/* qui inizia la parte che gestisce il colore di fondo (bianco) del Light box di GT tre */
	
	.gt3pg_pro_gallery_wrap, .gt3pg_pro_slide_footer, .gt3pg_pro_slide_header {
		background: white !important;
	}

.gt3pg_pro_caption_current {
	color: black !important;
}

.gt3pg_pro_gallery_wrap .gt3pg_pro_controls .gt3pg_pro_prev_wrap .gt3pg_pro_prev {
	background-image: url(https://studiobeltramo.com/wp-content/uploads/2025/07/verti-4.webp) !important;
}

.gt3pg_pro_gallery_wrap .gt3pg_pro_controls .gt3pg_pro_next_wrap .gt3pg_pro_next {
	background-image: url(https://studiobeltramo.com/wp-content/uploads/2025/07/verti-4.webp) !important;
}

/* qui finisce la parte che gestisce il colore di fondo (bianco) del Light box di GT tre */





/* qui inizia la parte che gestisce le miniaturine nel caption o descrizione del meow lightbox */


.caption-logos {
	display: flex;
	justify-content: center;
  margin: 20px 0;
}

.caption-logos img {
  display: inline-block;
  width: 80px;
  height: 80px;
  margin: 0 10px;
  vertical-align: middle;
}


/* qui finisce la parte che gestisce le miniaturine nel caption o descrizione del meow lightbox */





/* Qui inizia la parte che gestisce tutto ciò che è FORM */

.wpforms-container .wpforms-form .wpforms-field-label {
	font-size: 24px !important;
}

@media (max-width: 660px) {
	.wpforms-container .wpforms-one-third {
	width: 100% !important;
		margin-left: 0 !important;
	}
}


.wpform-button-submit {
	width: 100% !important;
  background: var(--bighearts-primary-color) !important;
  border-radius: 30px !important;
	text-transform: uppercase !important;
}

.wpform-button-submit:hover {
  background: var(--bighearts-button-color-hover) !important;
}


/* Qui finisce la parte che gestisce tutto ciò che è FORM */



.blog-fix-mobile {
    min-height: 620px !important; /* adatta al tuo contenuto */
}



/* qui inizia la parte del guarda anche */


.related-carousel .wgl-carousel .slick-slide {
	margin-right: 20px;
}


.related-carousel .wgl-carousel .slick-slide .cards-shadow {
	box-shadow: none !important;
}

@media (max-width: 1500px) {
	.related-carousel > .elementor-widget-container {
	padding-right: 0 !important;
	padding-left: 100px !important;
	}
	
	
	.related-carousel .wgl-carousel_wrapper, .related-carousel .wgl-carousel_slick {
		overflow: visible !important;
	}
	
	.related-carousel  .wgl-carousel .slick-slide {
		position: relative;
    	left: -40px;
	}
}

@media (max-width: 880px) {
	.related-carousel > .elementor-widget-container {
	padding-left: 70px !important;
	}
}
	

.related-carousel .elementor-heading-title {
	font-size: 1rem !important;
	min-height: 3.125rem;
}


/* qui finisce la parte del guarda anche */

/* qui inizia la parte che gestisce lo spazio che il titolo crea nei blog miniature */

.blog-post_text {
	line-height: 1.2em;
}

h3.blog-post_title {
	min-height: 4rem;
	line-height: 0.5em !important;
}

.post_categories {
	display: none !important;
}


/* qui finisce la parte che gestisce lo spazio che il titolo crea nei blog miniature */


/* inizio dei vari aggiustamenti nel footer */

footer p, footer a {
	color: #C1A885;
}

footer .elementor-social-icon-instagram.elementor-icon {
	background-color: #69727d !important;
}

/* fine dei vari aggiustamenti nel footer */

.hero-max-width {
	max-width: 710px;
}