/* 
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 */


/*********Palazzaccio Kar**********/
.elementor-shortcode {
    text-align: center;
}
#karaoke { 
    font-size: 28px; 
    line-height: 1.2;
    margin-top: 2rem;
}
button { 
    font-size: 18px; 
    margin: 5px; 
    padding: 10px 20px; 
}

#toggleBtn {
  background: #2c9749;       /* verde base */
  color: white;                /* testo scuro per contrasto */
  border: 2px solid #ffed00; /* bordo giallo */
  padding: 10px 20px;
  font-size: 16px;
  font-weight: bold;
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.3s ease;
}

#toggleBtn:hover {
  background: #ffed00;       /* giallo al passaggio */
  color: #222;                /* testo scuro per contrasto */
  box-shadow: 0 0 10px #2c9749, 0 0 20px #ffed00;
}

#toggleBtn:active {
  transform: scale(0.95);
}
#comments {
  margin: 0 200px;
}


@media (max-width: 767px) {
  #karaoke {
    font-size: 16px;
    line-height: 1.4;
    text-align: center;
  }
  #comments {
    margin: 0 20px;
  }
}