/* Global CSS
* use this file for CSS rules which apply globally in Elementor
* use separate file per widget for each widget
*/
.elementor-section.has-columns-background { position: relative; }
.elementor-section.has-columns-background > .elementor-background-overlay { display: none; }
.elementor-section.has-columns-background .section-column-overlay { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 0; background-position: center; background-size: cover; background-repeat: no-repeat; transition: opacity .5s ease; opacity: 0; }
.elementor-section.has-columns-background .section-column-overlay.section-column-overlay--visible { opacity: 1; }
@media (max-width: 767.98px) { .elementor-section.has-columns-background .section-column-overlay { display: none !important; } }
.elementor-section.has-columns-background .elementor-column.has-sections-background { transition: opacity .3s ease; }
.elementor-section.has-columns-background .elementor-column.has-sections-background.disabled-column { opacity: .6; }

.elementor-widget-video .elementor-custom-embed-play { opacity: 0; transition: opacity .5s ease; }
.elementor-widget-video .elementor-custom-embed-image-overlay:hover .elementor-custom-embed-play, .elementor-widget-video .elementor-custom-embed-image-overlay:focus .elementor-custom-embed-play { opacity: 1; }