/**
* Theme Name: Brandberry Child
* Description: This is a child theme of Brandberry
* Author: <a href="https://treethemes.com">Treethemes</a>
* Template: brandberry
* Version: 1.0
*/

/*TYPOGRAPHY*/
	@font-face {
		font-family: 'Banana Grotesk';
		src: url('fonts/BananaGrotesk-Regular.woff2') format('woff2'),
				 url('fonts/BananaGrotesk-Regular.woff') format('woff');
		font-weight: normal;
		font-style: normal;
		font-display: swap;
	}
	.elementor-heading-title,
	.title, .subtitle, .wcf--title,
	.elementor-icon-box-title { font-family: 'Banana Grotesk' !important; }

/*VARS*/
	:root {
	  --main-color: #2A2A28;
	  --secondary_color: #DADADA;
	  --cinema-color: #8CB160;
	  --teatro-color: #FAF08A;
	  --mostre-color: #85B9D5;
	  --bb-sticky-bg: #2A2A28;
	  --site-font: 'Banana Grotesk', sans-serif;
	  --font-primary: 'Banana Grotesk', sans-serif;
    --font-secondary: 'Banana Grotesk', sans-serif;
	}

/*HEADER*/
	.site_logo svg { width: 150px !important; }
	/*header.bb-sticky-header:not(.bb-is-sticky) .site_logo { display: none !important; }*/
	header .wcf__nav-menu.desktop-menu-active .menu-item-has-children .sub-menu { padding: 10px !important; }
	header .sub-menu .menu-item a:hover, header .sub-menu .menu-item a:focus { color: var(--main-color) !important; fill: var(--main-color) !important; }
	header .wcf__nav-menu.desktop-menu-active.hover-pointer-dot a:hover:after,
	header .wcf__nav-menu.desktop-menu-active.hover-pointer-dot .current-menu-item a:after { right: 5px !important; }
	header .wcf__nav-menu.desktop-menu-active .menu-item a { color: var(--main-color); fill: var(--main-color); }
	header .wcf__nav-menu.desktop-menu-active .menu-item a:after { background-color: var(--main-color); }
	.wcf__nav-menu.mobile-menu-active .menu-item.current-menu-item a { position: relative; display: inline-block; }
	.wcf__nav-menu.mobile-menu-active .menu-item.current-menu-item a:after { content: ""; position: absolute; right: -15px !important; bottom: 20px; width: 8px !important; height: 8px !important; border-radius: 50%; background-color: var(--secondary_color); z-index: 2; }
	body:not(.home) .wcf__nav-menu.mobile-menu-active .wcf-menu-hamburger { color: var(--main-color) !important; }
	body:.home .wcf__nav-menu.mobile-menu-active .wcf-menu-hamburger { color: var(--secondary_color) !important; }

	/*body:not(.home) .bb-sticky-shell .bb-sticky-clone-target.bb-has-sticky-bg { background-color: var(--secondary_color) !important; }*/
	body:not(.home) .bb-sticky-shell header.bb-sticky-clone-target.bb-has-sticky-bg { background-color: var(--main-color) !important; }
	body:not(.home) .bb-sticky-shell header.bb-sticky-clone-target.bb-has-sticky-bg #b .c { fill: var(--secondary_color) !important; } /*logo*/
	body:not(.home) .bb-sticky-shell header.bb-sticky-clone-target.bb-has-sticky-bg .wcf__nav-menu.desktop-menu-active .menu-item a { color: var(--secondary_color); fill: var(--secondary_color); }
	body:not(.home) .bb-sticky-shell header.bb-sticky-clone-target.bb-has-sticky-bg .wcf__nav-menu.desktop-menu-active .menu-item a:after { background-color: var(--secondary_color); }
	body:not(.home) .bb-sticky-shell header.bb-sticky-clone-target.bb-has-sticky-bg .wcf__nav-menu.mobile-menu-active .wcf-menu-hamburger { color: var(--secondary_color) !important; }

	/*tmp*/
	.wcf__nav-menu.desktop-menu-active .menu-item-has-children .sub-menu a { border-top: none !important; }

/*FOOTER*/
	footer .menu-layout-horizontal { gap: 20px; }
	footer .wcf__nav-menu.desktop-menu-active .menu-item-has-children .sub-menu { display: none !important; visibility: hidden !important; }
	footer .wcf__nav-menu.desktop-menu-active.hover-pointer-dot a:after { right: -16px; }
	footer .menu-layout-horizontal .show-only-mobile { display: initial !important; }
	footer .menu-layout-horizontal .menu-item a { padding: 0 !important; }
	.link-inverse.light a { position: relative; }
	.link-inverse.light a:before { content: ''; position: absolute; top: -5px; left: 0; display: block; width: 100%; height: 5px; border-bottom: 1px solid transparent !important; }
	.link-inverse.light a:hover:before { border-bottom: 5px solid #fff !important; }
	.logo_push { height: 25px; }
	.logo_push > a { box-shadow: none !important; }
	.logo_push > a:before { content: none !important; }

/*CONTENT*/
	.hero_logo, .hero_logo svg { width: 100% !important; max-width: 58vw !important; height: auto !important; }

	.blend_mode_difference,
	.blend_mode_difference .elementor-heading-title,
	.blend_mode_difference p { mix-blend-mode: difference; }
/*
	.sticky_circle { isolation: isolate; background: transparent; position: fixed; }
	.sticky_circle .blend_mode_difference svg { color: #fff; display: block; background: transparent; mix-blend-mode: difference; will-change: mix-blend-mode, filter; }
	.sticky_circle .blend_mode_difference svg * { fill: currentColor !important; stroke: none !important; }
*/

	.wcf-hover-cursor-effect { background: #ffffff !important; mix-blend-mode: difference !important; font-size: 0px !important; width: 60px; height: 60px; border-radius: 35px; }

	.internal_page_title > .elementor-widget-heading:not(._mt0) { margin-top: 12vh !important; }

	.swiper-pagination-bullets.swiper-pagination-horizontal { bottom: -25px; }

	.event_text_box img { opacity: 1; filter: blur(0px); transition: opacity 0.4s ease, filter 0.4s ease; }
	.event_text_box:hover img { opacity: 0.6; filter: blur(1px); }

	.no_margin_paragraph p { margin-bottom: 0 !important; }
	
	.elementor-widget-n-carousel .ts-pagination { margin-top: 50px; }
	.bb-portfolio--brave .projects-list-image-inner { top: 0 !important; }
	.bb-portfolio--brave .projects-list-image { object-fit: contain !important; }
	
	.pin-benefits.my_optimized_embed_video video,
	.my_optimized_embed_video.fullbg video { height: 100%; }
	.nostyle a { font-size: 0.9rem !important; font-weight: normal !important; }


/*PROJECTS / EVENTS*/
	.events_grid_data .elementor-heading-title,
	.bb-portfolio--brave.skin-brandberry-portfolio-three .bb-cf--data { font-family: 'Banana Grotesk' !important; font-size: 1.1rem !important; font-weight: 600 !important; text-decoration: none; line-height: 1.2em !important; color: var(--main-color) !important; }
	.events_grid_category .elementor-heading-title,
	.bb-portfolio--brave.skin-brandberry-portfolio-three .projects-list-text .projects-list-categories div { font-family: 'Banana Grotesk' !important; font-size: 1.1rem !important; font-weight: 600 !important; text-transform: uppercase !important; text-decoration: none; line-height: 1.2em !important; }
	.events_grid_title .elementor-heading-title,
	.bb-portfolio--brave.skin-brandberry-portfolio-three .projects-list-text .projects-list-title { font-family: 'Banana Grotesk' !important; font-size: 2.1rem !important; font-weight: 600 !important; text-transform: uppercase !important; text-decoration: none; line-height: 1.2em !important; color: var(--main-color) !important; }
	.events_grid_artist .elementor-heading-title,
	.bb-portfolio--brave.skin-brandberry-portfolio-three .bb-cf--artist { font-family: 'Banana Grotesk' !important; font-size: 1.3rem !important; font-weight: 600 !important; text-transform: uppercase !important; text-decoration: none; line-height: 1.2em; color: var(--main-color) !important; }

	/* Colori per categoria */
	.bb-portfolio--brave.skin-brandberry-portfolio-three .projects-list-categories div.bb-cat--cinema { color: var(--cinema-color) !important; }
	.bb-portfolio--brave.skin-brandberry-portfolio-three .projects-list-categories div.bb-cat--teatro { color: var(--teatro-color) !important; }
	.bb-portfolio--brave.skin-brandberry-portfolio-three .projects-list-categories div.bb-cat--mostre { color: var(--mostre-color) !important; }
	
	.bb-portfolio--brave.skin-brandberry-portfolio-three .projects-list-arrow { background-color: var(--e-global-color-primary); border-radius: 50%; padding: 30px; }
	.bb-portfolio--brave.skin-brandberry-portfolio-three .projects-list-arrow-black, .bb-portfolio--brave.skin-brandberry-portfolio-three .projects-list-arrow-white { inset: 25%; }
	.bb-portfolio--brave.skin-brandberry-portfolio-three .projects-list-arrow-black,
	.bb-portfolio--brave.skin-brandberry-portfolio-three .projects-list-arrow-white { color: var(--main-color); }
	
	.bb-portfolio--brave .projects-list-inner::after { background-color: transparent !important; }
	.service-box-hover:hover .elementor-icon svg { color: #FFF !important; }

	.archive_table {}
	.archive_table .events_grid_title .elementor-heading-title { font-size: 1.6rem !important; }
	.archive_table .events_grid_artist .elementor-heading-title { font-size: 1rem !important; }
	.award-background { background-image: linear-gradient(var(--bb-sticky-bg), var(--bb-sticky-bg)); }
	.archive_table .award-background:hover .events_grid_title .elementor-heading-title,
	.archive_table .award-background:hover .events_grid_artist .elementor-heading-title,
	.archive_table .award-background:hover .events_grid_data .elementor-heading-title { color: #FFFFFF !important; }
	.event_title {}
	.event_artist {}
	.event_data {}
	.event_category {}


/*RESPONSIVE*/
	@media (max-width: 575px) {
	  .vc_hidden-xs { display: none !important; }
	}
	@media (min-width: 576px) and (max-width: 767px) {
	  .vc_hidden-sm { display: none !important; }
	}
	@media (min-width: 768px) and (max-width: 991px) {
	  .vc_hidden-md { display: none !important; }
	}
	@media (min-width: 992px) and (max-width: 1199px) {
	  .vc_hidden-lg { display: none !important; }
	}
	@media (min-width: 1200px) {
	  .vc_hidden-xl { display: none !important; }
	}

	@media screen and (max-width: 767px) {
		.site_logo svg { width: 125px !important; }

		.internal_page_title { margin-top: 0 !important; }
		.internal_page_title > .elementor-widget-heading:not(._mt0) { margin-top: 16vh !important; }

		.mobile_circle_1,
		.mobile_circle_2,
		.mobile_circle_3 { position: relative; }
		.mobile_circle_1::after,
		.mobile_circle_2::after,
		.mobile_circle_3::after {
		  content: ""; position: absolute;
		  width: 300px; height: 300px;
		  background-color: #D1D3D2;
		  border-radius: 50%; transform: translate(-50%, -50%);
		  z-index: -1;
		}
		.mobile_circle_1::after { top: 100px; left: 42%; }
		.mobile_circle_2::after { top: 85px; left: 100%; }
		.mobile_circle_3::after { top: -12px; left: 50%; }
		
		.swiper-pagination .swiper-pagination-bullet { width: 10px !important; height: 10px !important; }
	}