/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
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: 1.0.1
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
*/


/* Hide header/footer in maintenance */

.elementor-maintenance-mode .elementor-location-header, .elementor-maintenance-mode .elementor-location-footer {
	display: none;
}

/* Color selection and set standard QOL for texts */
p::selection, div::selection, li::selection, em::selection, u::selection, a::selection, h1::selection, h2::selection, h3::selection, h4::selection, h5::selection, strong::selection, br::selection, span::selection {
background: var( --e-global-color-accent ) !important;
color: #ffffff !important;
}

h1, h2, h3, h4, h5, h6 {
hyphens: auto;
word-wrap: break-word;
overflow-wrap: break-word;
line-break: strict;
-webkit-hyphens: auto; /* Support for older WebKit browsers */
-ms-hyphens: auto; /* Support for older Microsoft browsers */
}

.image-carousel-flat-buttons .swiper-pagination-bullet {
	max-height: 4px !important;
	border-radius: initial !important;
}

.image-carousel-flat-buttons img {
	aspect-ratio: 690/400 !important;
	object-fit: cover !important;
}

.force-square-format img {
	aspect-ratio: 1000/1000 !important;
	object-fit: cover !important;
}

@media screen and (min-width:1200px) {
	/* Custom "backgrounds" */
	.half-width-left-dark-blue::before { 
		content: "";
		position: absolute;
  		top: -45px;
  		left: 0;
  		width: 50%;
  		height: 46px;
  		background: var( --e-global-color-primary );
	}
	
	.half-width-right-dark-blue::before {
		content: "";
		position: absolute;
  		top: -45px;
  		left: 50%;
  		width: 50%;
  		height: 46px;
  		background: var( --e-global-color-primary );
	}
	
	.half-width-right-white::before {
		content: "";
		position: absolute;
  		top: -45px;
  		left: 50%;
  		width: 50%;
  		height: 46px;
  		background: var( --e-global-color-a31616a );
	}
	.half-width-left-white::before {
		content: "";
		position: absolute;
  		top: -45px;
  		left: 0;
  		width: 50%;
  		height: 46px;
  		background: var( --e-global-color-a31616a );
	}
	.half-width-right-light-blue::before {
		content: "";
		position: absolute;
  		top: -45px;
  		left: 50%;
  		width: 50%;
  		height: 46px;
  		background: var( --e-global-color-secondary );
	}
}