/*
	Theme Name: Hello Elementor Child
	Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
	Template: hello-elementor
	Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
	Author: Elementor Team
	Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
	Version: 3.1.0
	Stable tag: 3.1.0
	Requires at least: 6.0
	Tested up to: 6.5
	Requires PHP: 7.4
	License: GNU General Public License v3 or later.
	License URI: https://www.gnu.org/licenses/gpl-3.0.html
	Text Domain: hello-elementor
	Tags: accessibility-ready, flexible-header, custom-colors, custom-menu, custom-logo, featured-images, rtl-language-support, threaded-comments, translation-ready,
*/
/**
 * Loading first in the style.scss & classic-editor.scss
 */
/**
* Document basic styling
* Inspired by Normalize.css, HTML5 Boilerplate & Bootstrap Reboot Projects under MIT License
 */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 * 3. Change from `box-sizing: content-box` so that `width` is not affected by `padding` or `border`.
 */

/* stili per modificare lo stile della scrollbar */
::-webkit-scrollbar {
    width: 6px;
	height: 6px;
}
::-webkit-scrollbar-thumb {
    background-color: var(--e-global-color-primary);
}
::-webkit-scrollbar-track {
    box-shadow: inset 0 0 1.5px black;
}

/* stile per modificare il cookie banner di CookieYes */
.cky-prefrence-btn-wrapper .cky-btn, .cky-notice-btn-wrapper .cky-btn {
	border-radius: 10px;
}

/* stile per far si che un icona inserita dentro il widget "Pulsante" di Elementor abbia la stessa transizione del testo */
.elementor-button i,
.elementor-button svg {
  transition: color 0.3s ease, fill 0.3s ease, background-color 0.3s ease;
}

/* stile per il riquadro dei numeri nei titoli degli accordion es. Faq */
.e-n-accordion-item-title-text .num-accordion {
    font-weight:300;
    background-color:#1f85f812;
    padding-left: 5px;
    margin-right:10px;
}

/* STILE DELLA SIDEBAR DI LEARNING LAB */
.ll-sidebar-container {
	width: 100px !important;
	transition: 0.5s;
}
.ll-sidebar-container .ll-sidebar {
	width: 100px !important;
	position: relative;
	transition: 0.5s;
}
.ll-sidebar-container .ll-sidebar > .ll-sidebar-nested {
	width: 100px !important;
	transition: 0.5s;
}
.ll-sidebar-container .ll-sidebar .sidebar-closed-image {
	display: block;
}
.ll-sidebar-container .ll-sidebar .sidebar-opened-image {
	display: none;
}
.ll-sidebar-container .ll-sidebar .sidebar-menu a:has(.elementor-icon-list-text) {
	justify-content: center;
}
.ll-sidebar-container .ll-sidebar .sidebar-menu .elementor-icon-list-text {
	display: none;
	white-space: nowrap;
}
.ll-sidebar-container .ll-sidebar .sidebar-open-close-btn-container {
	position: absolute;
	top: 65px;
	right: -15px;
	z-index: 100;
}
.ll-sidebar-container .ll-sidebar .sidebar-open-close-btn {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 30px;
	height: 30px;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background-color: var(--e-global-color-f65dab7);
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
}
.ll-sidebar-container .ll-sidebar .sidebar-open-close-btn:hover {
	background-color: #E7E7E7;
}
.ll-sidebar-container .ll-sidebar .sidebar-open-close-btn:hover svg {
	fill: #606060;
}
.ll-sidebar-container .ll-sidebar .sidebar-open-close-btn.active {
	transform: rotate(180deg);
}
.ll-sidebar-container .ll-sidebar .sidebar-btn-container .sidebar-btn {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 10px;
	width: 100%;
	padding: 10px 20px;
	border: none;
	color: var(--e-global-color-f65dab7);
}
.ll-sidebar-container .ll-sidebar .sidebar-btn-container .sidebar-btn:hover,
.ll-sidebar-container .ll-sidebar .sidebar-btn-container .sidebar-btn:focus,
.ll-sidebar-container .ll-sidebar .sidebar-btn-container .sidebar-btn.active {
/* 	background-color: #50a2ff; */
	background-color: #2C3E91;
}
.ll-sidebar-container .ll-sidebar .sidebar-btn-container .sidebar-btn > span {
	display: none;
	white-space: nowrap;
}
.ll-sidebar-container:has(.sidebar-open-close-btn.active) {
	width: 250px !important;
}
.ll-sidebar-container:has(.sidebar-open-close-btn.active) .ll-sidebar {
	width: 250px !important;
}
.ll-sidebar-container:has(.sidebar-open-close-btn.active) .ll-sidebar > .ll-sidebar-nested {
	width: 250px !important;
}
.ll-sidebar-container:has(.sidebar-open-close-btn.active) .ll-sidebar .sidebar-closed-image {
	display: none;
}
.ll-sidebar-container:has(.sidebar-open-close-btn.active) .ll-sidebar .sidebar-opened-image {
	display: block;
}
.ll-sidebar-container:has(.sidebar-open-close-btn.active) .ll-sidebar .sidebar-menu a:has(.elementor-icon-list-text) {
	justify-content: flex-start;
}
.ll-sidebar-container:has(.sidebar-open-close-btn.active) .ll-sidebar .sidebar-menu .elementor-icon-list-text {
	display: block;
}
.ll-sidebar-container:has(.sidebar-open-close-btn.active) .ll-sidebar .sidebar-btn-container .sidebar-btn {
	justify-content: flex-start;
}
.ll-sidebar-container:has(.sidebar-open-close-btn.active) .ll-sidebar .sidebar-btn-container .sidebar-btn > span {
	display: block;
}
/* ------------------------------------------------------------------------------------- */

#documentation-section .product-card-container .product-card {
    flex-shrink: 0;
    position: relative;
    width: 188px;
    height: 300px;
    cursor: pointer;
    overflow: hidden;
    transition: 0.5s;
}
#documentation-section .product-card-container .product-card::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 5px;
  background-image: linear-gradient(180deg, var(--e-global-color-primary) 0%, var(--e-global-color-secondary) 100%);
  opacity: 0;
  z-index: 1;
}
#documentation-section .product-card-container .product-card::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 5px;
  background-image: url("https://learninglab.siap.cloud/wp-content/uploads/2025/09/AV_24.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;                 
  transition: 0.5s ease;
}
#globo::after {
  background-image: url("https://learninglab.siap.cloud/wp-content/uploads/2025/09/TO_24.jpg") !important;
}
#mice::after {
  background-image: url("https://learninglab.siap.cloud/wp-content/uploads/2025/09/mice-23.jpg") !important;
}
#b4b::after {
  background-image: url("https://learninglab.siap.cloud/wp-content/uploads/2025/09/BT-4.jpg") !important;
}
#estensioni::after {
  background-image: url("https://learninglab.siap.cloud/wp-content/uploads/2025/10/Soluzione-aggiuntve-per-carosello-1-1.jpg") !important;
}
#documentation-section .product-card-container .product-card:hover, #documentation-section .product-card-container .product-card.active {
    width: 370px;
}
#documentation-section .product-card-container .product-card:hover::before, #documentation-section .product-card-container .product-card.active::before {
    opacity: 0.5;
}
#documentation-section .product-card-container .product-card:hover::after, #documentation-section .product-card-container .product-card.active::after {
  	opacity: 1;
}
/* #documentation-section .product-card-container .product-card:hover h2, #documentation-section .product-card-container .product-card.active h2 {
	color: var(--e-global-color-f65dab7);
} */
#documentation-section .product-card-container .product-card:hover .card-circle-icon, #documentation-section .product-card-container .product-card.active .card-circle-icon {
    top: 226px;
}
#documentation-section .product-card-container .product-card:hover .card-circle-icon .elementor-icon, #documentation-section .product-card-container .product-card.active .card-circle-icon .elementor-icon {
	background-color: var(--e-global-color-f65dab7);
}
#documentation-section .product-card-container .product-card:hover .card-circle-icon svg, #documentation-section .product-card-container .product-card.active .card-circle-icon svg {
	fill: var(--e-global-color-primary);
}

.tab-btn-container {
	display: flex;
	gap: 20px;
	margin: 20px;
	padding-bottom: 20px;
	border-bottom: 2px solid #dbe1e8;
}
.tab-btn-container .tab-btn {
	padding: 10px 20px;
	border: none;
	border-radius: 5px;
	color: var(--e-global-color-primary);
}
.tab-btn-container .tab-btn:hover, .tab-btn-container .tab-btn:focus {
	background-color: #dbe1e8;
	color: var(--e-global-color-primary);
}

#globo-documentation, #mice-documentation, #b4b-documentation, #estensioni-documentation,#general-documentation {
	display: none;
}

/* #atlante-plus-documentation, #globo-documentation, #mice-documentation, #b4b-documentation {
	display: none;
} */

.product-documentation {
	display: flex;
	flex-direction: column;
	margin: 20px;
	padding: 20px;
	font-family: 'Poppins';
	background-color: #F3F4F4;
}

.downloadable-content {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 100px;
    position: relative;
	padding: 12px 24px;
	border-radius: 5px;
	text-align: center;
	line-height: 1;
	font-size: 15px;
	color: var(--e-global-color-primary);
	background-color: var(--e-global-color-f65dab7);
	word-wrap: anywhere;
}
.downloadable-content::after {
    content: url("https://learninglab.siap.cloud/wp-content/uploads/2025/10/download.svg");
    position: absolute;
    right: 0;
    bottom: 0;
}

/* #info-and-faq-section {
	display: none;
} */