/*
Theme Name: Château Lamothe
Author: PLUSCOM
Author URI: https://pluscom.fr
Description: Thème enfant de Hello Elementor
Theme URI: https://pluscom.fr
Requires at least: WordPress 6.0
Version: 1.0
Text Domain: lamothe
Template: hello-elementor
*/


/*
*@colors
*/
:root{
    --sg-vert:#505338;
    --sg-beige:#ebe4d7;
    --sg-jaune:#ffc600;
  }
  
  /*
    ####  ###### #    # ###### #####    ##   #
   #    # #      ##   # #      #    #  #  #  #
   #      #####  # #  # #####  #    # #    # #
   #  ### #      #  # # #      #####  ###### #
   #    # #      #   ## #      #   #  #    # #
    ####  ###### #    # ###### #    # #    # ######
  */
  
.no-separator {
	    --e-nav-menu-divider-height: 0 !important;
}
footer a:hover {
  text-decoration: underline;
  text-decoration-color: white;
}
.logo-display-underline{
  display:none !important;
}
.logo-display-underline :after{
  content: none !important;
}

  
  /*
   #    # ###### #    # #    #
   ##  ## #      ##   # #    #
   # ## # #####  # #  # #    #
   #    # #      #  # # #    #
   #    # #      #   ## #    #
   #    # ###### #    #  ####
  */

  
  /*
    ####   ####  #    # ##### ###### #    # #    #
   #    # #    # ##   #   #   #      ##   # #    #
   #      #    # # #  #   #   #####  # #  # #    #
   #      #    # #  # #   #   #      #  # # #    #
   #    # #    # #   ##   #   #      #   ## #    #
    ####   ####  #    #   #   ###### #    #  ####
  */
  
  /*
   ######  ####   ####  ##### ###### #####
   #      #    # #    #   #   #      #    #
   #####  #    # #    #   #   #####  #    #
   #      #    # #    #   #   #      #####
   #      #    # #    #   #   #      #   #
   #       ####   ####    #   ###### #    #
  */


  /*
   #####  ######  ####  #####   ####  #    #  ####  # #    # ######
   #    # #      #      #    # #    # ##   # #      # #    # #
   #    # #####   ####  #    # #    # # #  #  ####  # #    # #####
   #####  #           # #####  #    # #  # #      # # #    # #
   #   #  #      #    # #      #    # #   ## #    # #  #  #  #
   #    # ######  ####  #       ####  #    #  ####  #   ##   ######
  */
  
  /* Small devices (landscape phones, 576px and up) */
  @media (min-width: 576px) {
  
  }
  
  /* Medium devices (tablets, 768px and up) */
  @media (min-width: 768px) {
  .fleche-gauche::before {
      content: '';
      position: absolute;
      top: 35%;
      left: -30px;
      width: 0;
      height: 0;
      border-top: 20px solid transparent;
      border-bottom: 20px solid transparent;
      border-right: 30px solid #a0b793;
      z-index: 2
  }
  .fleche-droite::after {
  content: '';
      position: absolute;
      top: 35%;
      right: -30px;
      width: 0;
      height: 0;
      border-top: 20px solid transparent;
      border-bottom: 20px solid transparent;
      border-left: 30px solid #a0b793;
      z-index: 2
  }
  .fleche-gauche-domaine::before {
      content: '';
      position: absolute;
      top: 20%;
      left: -30px;
      width: 0;
      height: 0;
      border-top: 20px solid transparent;
      border-bottom: 20px solid transparent;
      border-right: 30px solid #a0b793;
      z-index: 2
  }
  .fleche-droite-domaine::after {
  content: '';
      position: absolute;
      top: 80%;
      right: -30px;
      width: 0;
      height: 0;
      border-top: 20px solid transparent;
      border-bottom: 20px solid transparent;
      border-left: 30px solid #a0b793;
      z-index: 2
  }
}
  
  /* Large devices (desktops, 992px and up) */
  @media (min-width: 992px) {
  
  }

  /* Wordpress menu responsive breakpoint */
  @media (min-width: 1024px) {
    .logo-display-underline {
      display: flex !important;
    }
  }
  
  /* Extra large devices (large desktops, 1200px and up) */
  @media (min-width: 1200px) {
  
  }
  

  /* beurk, du code QUE pour téléphone */
  @media (max-width: 576px) {

  }