/* Include the custom Rounded Elegance font */ @font-face { font-family: 'RoundedElegance'; src: url('path-to-your-font-file.ttf') format('truetype'); /* You will need to replace 'path-to-your-font-file.ttf' with the actual path to your font file */ } /* Style for the tabs with Chub Gothic font */ .tab-container { display: flex; flex-direction: column; } .tab { display: none; padding: 10px; border: 1px solid #000; /* Add a black border around the tabs */ border-top: none; /* Remove the top border from the first tab */ margin-bottom: -1px; /* Overlap the bottom borders to create a continuous line */ background-color: #fff; /* Set tab background color to white */ } /* Style for the active tab */ .active { display: block; } /* Style for the tab buttons with Chub Gothic font */ .tab-button { background-color: #fff; /* Set button background color to white */ border: none; color: #333; padding: 10px 20px; text-align: left; cursor: pointer; width: 100%; display: flex; justify-content: space-between; /* Move the "+" icon to the right */ font-family: 'Chub Gothic', sans-serif; /* Apply Chub Gothic font */ border-top: 1px solid #000; /* Add a black line above each button */ } /* Style for the active tab button */ .active-button { background-color: #fff; /* Set active button background color to white */ } /* Style for the icon */ .tab-icon { font-size: 20px; /* Adjust the size of the icons */ margin-right: 10px; } /* Apply the Century Gothic font to dropdown texts */ .dropdown-text { font-family: 'Century Gothic', sans-serif; word-wrap: break-word; /* Break words to the next line if necessary */ } /* Style for checkmarks in front of the words */ .checkmark-separated { white-space: nowrap; } .checkmark-separated span::before { content: "✓ "; } /* Style for the black tab button */ .black-tab-button { text-decoration: none; font-family: 'Chub Gothic', sans-serif; background-color: #000; color: #fff; border: 2px solid #000; border-radius: 5px; padding: 10px 20px; /* Increased padding for a bigger button */ margin-bottom: -1px; cursor: pointer; transition: background-color 0.3s, color 0.3s; /* Smooth transition effect */ display: inline-block; /* Make it inline-block to fit the title size */ line-height: 1; /* Remove extra vertical space */ font-size: 16px; /* Adjust the font size */ } /* Change background and text color on hover */ .black-tab-button:hover { background-color: #fff; color: #000; } --> WHITE HAZE 190g Spicy and woody with a hint of white fig and lemon. A walk in a forest on a trail unknown, lose yourself in the lush greenery and let your senses lead the way. Notes+ Cardamom │ White Fig │ Lemon │ Cannabis │ Cedarwood │ Musk │ Sandalwood Ingredients+ Virgin Coconut Soy Wax │ Essential Oils Details + Vegan blend │ Medium projection │ Green & Spicy Accords │ 10 hours function toggleTab(tabId) { var tab = document.getElementById(tabId); var tabButton = document.querySelector('[onclick="toggleTab(\'' + tabId + '\')]'); if (tab.style.display === 'block') { // Close the tab tab.style.display = 'none'; tabButton.classList.remove('active-button'); } else { // Open the tab tab.style.display = 'block'; tabButton.classList.add('active-button'); } }
