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

.header-black .elementor-widget-image img {
    filter: contrast(0%) brightness(200%) !important;
}

.custom-button-animated .elementor-button:hover rect {
    fill: #000000 !important;
    transition: .3s;
}

.box-overlay {
    height: 60vh;
    overflow: hidden;
}

.box-overlay-bg {
    width: 100%;
    height: 60vh;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    /* animation for bg zooming */
    background-size: 100% auto;
    transition: background-size 0.3s ease;
}

.box-overlay:hover .box-overlay-bg  {
    background-size: 110% auto;
    overflow: hidden;
}

.box-overlay-content {
    opacity: 0;
    height: 60vh;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    background: rgba(17, 123, 144, 0.8);
    padding: 30px;
    pointer-events: none;
    animation: fadeOutOverlay 0.3s forwards;
}

.box-overlay:hover .box-overlay-content {
    animation: fadeInOverlay 0.3s forwards;
    pointer-events: auto;
}

@keyframes fadeInOverlay {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes fadeOutOverlay {
    from { opacity: 1; }
    to { opacity: 0; }
}

.box-overlay-content h2{
    font-family: "Public Sans", sans-serif;
    color: white;
    font-weight: 300;
}

.box-overlay-content p {
    font-family: "Public Sans", sans-serif;
    color: white;
    font-weight: 300;
    margin-bottom: 20px;
    line-height: 23px;
    font-size: 18px;
    width: 50%;
}

@media (max-width: 768px) {
    
    .box-overlay-content p {
        width: 100%;
        font-size: 16px;
    }
}


nav.elementor-nav-menu--dropdown.elementor-nav-menu__container {
    position: absolute;
    right: 0px;
    top: 60px;
}


@media screen and (max-width: 767px) {
	.elementor-nav-menu--dropdown.elementor-nav-menu__container{
		position: absolute;
		right: 0px;
		top: 30px;
	}
	body{
		width: 100vw !important;
		overflow-x: hidden !important;
	}
}

/* Common marquee container */
.marquee-l,
.marquee-r {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  box-sizing: border-box;
  position: relative;
}

.marquee-l__inner,
.marquee-r__inner {
  display: inline-flex;     /* spans in a row */
  min-width: 200%;          /* ensure duplication fills space */
}

/* Every span = one copy of the text */
.marquee-l__inner span,
.marquee-r__inner span {
  padding: 0 2rem;          /* spacing between copies */
  font-size: 1.5rem;        /* example */
  display: inline-block;
}

/* LEFT-moving marquee */
.marquee-l__inner {
  animation: marquee-left 120s linear infinite;
}

@keyframes marquee-left {
  0%   { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

/* RIGHT-moving marquee */
.marquee-r__inner {
  animation: marquee-right 120s linear infinite;
}

@keyframes marquee-right {
  0%   { transform: translateX(-50%); }
  100% { transform: translateX(0); }
}




.marquee-l__inner span,
.marquee-r__inner span{
  display: inline-block;
  padding-right: 50px;       /* spacing between copies */
	color: white;
	letter-spacing: -0.3vw;
	font-family: 'Urbanist';
	font-weight: 600;
	font-size: 9vw;
}

@keyframes marquee-r {
  0%   { transform: translateX(-100%); }  /* start left */
  100% { transform: translateX(0); }      /* move right */
}

@keyframes marquee-l {
  0%   { transform: translateX(0); }
  100% { transform: translateX(-100%); }
}


@media screen and (max-width: 767px) {
	.marquee-r__inner span,
	.marquee-l__inner span{
	font-size: 40px;
}
}