/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */
/* ====== FOOTER ====== 
#custom-footer {
    width: 100%;
    position: fixed;
    bottom: 0;
}*/

body {
    margin-bottom: 0 !important;
}


/*
 * toggle button logout - page streaming
 */

.switch-logout {
  display: inline-flex;
  align-items: center;
  background-color: #000;
  border: 1px solid #d4af37;
  border-radius: 999px;
  overflow: hidden;
  color: white;
  text-decoration: none;
  font-family: sans-serif;
  font-size: 16px;
  height: 30px;
  padding: 0;
  transition: all 0.3s ease;
  position: relative;
}

.switch-circle {
  background-color: #d4af37;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.3s ease;
}

.switch-arrow {
  width: 18px;
  height: 18px;
}

.switch-label {
  padding: 0 16px;
  color: white;
  line-height: 30px;
  white-space: nowrap;
}

.switch-logout.active .switch-circle {
  transform: translateX(100px);
}