/**
 * Theme Name: Blocksy Child
 * Description: Blocksy Child theme
 * Author: Creative Themes
 * Template: blocksy
 * Text Domain: blocksy
 */


/* workaround for Elementor not supporting :hover on columns */
.brown-hover .elementor-icon,
.brown-hover .elementor-icon-box-title,
.brown-hover .elementor-icon-box-description {
	transition: color 0.3s ease !important;
}

.brown-hover:hover .elementor-icon,
.brown-hover:hover .elementor-icon-box-title,
.brown-hover:hover .elementor-icon-box-description {
	color: #fff !important;
}
/* Force visibility and base styles */
#elementor-popup-modal-2723 .dialog-close-button {
  position: absolute;
  top: 16px !important;
  right: 16px !important;
  background-color: #E65616 !important;
  border-radius: 50%;
  width: 48px;
  height: 48px;
  display: flex !important;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: transform 0.5s ease, background-color 0.3s ease;
  z-index: 999999 !important;
  border: none;
}

/* Correct SVG styling */
#elementor-popup-modal-2723 .dialog-close-button svg {
  width: 20px;
  height: 20px;
  fill: white !important;
  transition: fill 0.3s ease;
  pointer-events: none;
}

/* Hover effects */
#elementor-popup-modal-2723 .dialog-close-button:hover {
  transform: rotate(360deg);
  background-color: #313131 !important;
  border: 2px solid #E65616 !important;
}

/* Hover effect for icon */
#elementor-popup-modal-2723 .dialog-close-button:hover svg {
  fill: #E65616 !important;
}