/* ==========================================================================
   cireseamare.ro - homepage hero
   Show the three intro texts (Dulceturi / Activitati in livada / Fotografii
   in natura) all the time instead of only on hover.

   The three columns carry per-element Custom CSS inside Elementor (page 9,
   each column > Advanced > Custom CSS) which by default sets:
       .elementor-image-box-description { opacity: 0 }
       .img-box-1 { overflow: hidden; max-height: 50px }
   and only lifts both on :hover.

   These rules make that expanded state the default. !important is used
   deliberately: this stylesheet is enqueued BEFORE post-9.css, and the
   Elementor rules use the same specificity, so without it they would win on
   load order. post-9.css contains no !important of its own, so nothing else
   is affected. The Elementor :hover rules still fire, they simply no longer
   change anything. To undo this,
   delete this file and the enqueue in functions.php - the original hover
   behaviour comes straight back.
   ========================================================================== */

.elementor-9 .elementor-element.elementor-element-e553123 .elementor-image-box-description,
.elementor-9 .elementor-element.elementor-element-986cb1f .elementor-image-box-description,
.elementor-9 .elementor-element.elementor-element-b457b0c .elementor-image-box-description,
.elementor-9 .elementor-element.elementor-element-4b79991 .elementor-image-box-description {
	opacity: 1 !important;
}

/* the wrapper was clipped to 50px, which hid the text even at opacity 1.
   max-height:none rather than the hover value of 250px so a long line can
   never be cut off on narrow screens. */
.elementor-9 .elementor-element.elementor-element-e553123 .img-box-1,
.elementor-9 .elementor-element.elementor-element-986cb1f .img-box-1,
.elementor-9 .elementor-element.elementor-element-b457b0c .img-box-1,
.elementor-9 .elementor-element.elementor-element-4b79991 .img-box-1 {
	height: auto !important;
	max-height: none !important;
}
