/*
Theme Name: Amicashine Beauty Salon
Theme URI:         
Description: A lightweight and modern Wordpress block theme that lets you build beautiful, modern looking beauty salon websites that are SEO friendly.
Version: 1.0.0
Author: Mba-ateeh Godwill
Author URI: https://github.com/Godwill-ghis
Tags: block-patterns, full-site-editing, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, sticky-post, threaded-comments, translation-ready, wide-blocks, blog, portfolio, news
Domain Path: /languages
Text Domain: amicashine-beauty-salon
Tested up to: 6.4
Requires at least: 6.2
Requires PHP: 7.4
License: GNU General Public License v2.0 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
 */

  .amicashine-beauty-salon-home-images-hero {
      position: relative;
  }
 .amicashine-beauty-salon-home-image-1, .amicashine-beauty-salon-home-image-2, .amicashine-beauty-salon-home-image-3 {
    position: absolute;
 }
 .amicashine-beauty-salon-home-image-1 {
    top: 2px;
    left: 3px;
 }

 .amicashine-beauty-salon-home-image-2{
    bottom: 2px;
        left: 8px;
 }
 .amicashine-beauty-salon-home-image-3{
    top: 8px;
    right: 3px;
 }

 .amicashine-beauty-salon-profile-container {
    position: relative;
    min-width: 100px;
    min-height: 40px;
 }
 .amicashine-beauty-salon-profile-1 > img {
    position: absolute;
    left: 0px;
    top: 0px;

 }
 .amicashine-beauty-salon-profile-2 > img {
    position: absolute;
    left: 30px;
    top: 0px;
 }
 .amicashine-beauty-salon-profile-3 > img{
    position: absolute;
    left: 60px;
    top: 0px;
 }

.amicashine-beauty-salon-avatar-container > .amicashine-beauty-salon-awatar-img{
    margin-left: -30px;
}

.wp-block-navigation__responsive-container-content{
    padding: 4rem;
}

.wp-block-navigation__responsive-container-close {
    margin-right: var(--wp--preset--spacing--step-4);
}

 @media (max-width: 768px) {
    .amicashine-beauty-salon-menu-button {
        display: none !important;
    }
    .amicashine-beauty-salon-menu-button{
        display: none;
    }
    .amicashine-beauty-salon-hero-image-column{
        display: none;
    }
 }

/**
 * Force the Social Icons block to display on the front end.
 * This code overrides any conflicting styles from the theme or plugins.
 */

.wp-block-social-links {
    /* Ensure the social links container is visible */
    display: flex !important;
    visibility: visible !important;
}

.wp-block-social-link {
    /* Ensure individual icons are visible */
    display: block !important;
    visibility: visible !important;
}