/*
Theme Name: armanikgschool-child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.4.9.1779851922
Updated: 2026-05-27 03:18:42

*/

/* Header */
header.sticky-header {
	--shrink-header-to: 0.6;
	--transition: all 0.2s ease-out;
	transition: background-color var(--transition),
				backdrop-filter var(--transition),
				box-shadow var(--transition);
}

header.sticky-header.elementor-sticky--effects {
	background-color: rgba(21, 131, 150, 1) !important;
}

header.sticky-header > .e-con-inner {
	min-height: var(--header-height);
	transition: min-height var(--transition);
}

header.sticky-header.elementor-sticky--effects > .e-con-inner {
	min-height: calc( var(--header-height) * var(--shrink-header-to) );
}

header.sticky-header .logo img {
	transition: var(--transition);
}

header.sticky-header.elementor-sticky--effects .logo img {
	max-width: 80%;
}

@media only screen and (max-width: 767px) {
	header.sticky-header.elementor-sticky--effects .logo.elementor-widget.elementor-widget-theme-site-logo.elementor-widget-image {
		display: none !important;
	}
}

@media only screen and (max-width: 1025px) {
	.elementor-element.elementor-element-b8403b6:not(.elementor-motion-effects-element-type-background) {
		background-color: #158396 !important;
	}
}

/* Global */
::placeholder {
	opacity: 1 !important;
}
.dropcap-text {
	font-size: 2em;
	font-weight: 600;
}

/* Levels */
li.levels-arrow a.elementor-item {
    padding: 15px 20px !important;
	color: #808080;
    background-color: #FFFFFF;
	border-radius: 5px;
}

li.levels-arrow a.elementor-item.elementor-item-active, li.levels-arrow a.elementor-item:hover {
    padding: 15px !important;
	color: #FFFFFF;
    background-color: #158396;
}

li.levels-arrow a.elementor-item {
    display: flex !important;
    justify-content: space-between !important;
}

li.levels-arrow a.elementor-item:after {
    content: "\23f5";
    background-color: transparent !important;
    position: relative;
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-between !important;
    margin-left: 30px !important;
	opacity: 1 !important;
}

li.levels-arrow a.elementor-item:after:hover {
	color: #FFFFFF !important;
}

/* Activities */
#act-loop .ee-post__metas--has-metas {
    align-self: flex-start !important;
    border-radius: 50px !important;
/* 	order: -1 !important; */
}

#act-news-loop .elementor-post__text {
    align-content: center !important;
}

li.activities-menu a.elementor-item {
    color: #808080 !important;
    background-color: #FFF !important;
    border-radius: 5px !important;
}

li.activities-menu a.elementor-item:hover {
    color: #FFF !important;
    background-color: #158396 !important;
}

li.activities-menu a.elementor-item.elementor-item-active {
    color: #FFF !important;
    background-color: #158396 !important;
}

/* News & Events */
#news-events-loop .ee-post__metas--has-metas {
    align-self: flex-start !important;
    border-radius: 50px !important;
}

#news-events-loop  .elementor-post__text {
    align-content: center !important;
}

li.news-events-menu a.elementor-item {
    color: #808080 !important;
    background-color: #FFF !important;
    border-radius: 5px !important;
}

li.news-events-menu a.elementor-item:hover {
    color: #FFF !important;
    background-color: #158396 !important;
}

li.news-events-menu a.elementor-item.elementor-item-active {
    color: #FFF !important;
    background-color: #158396 !important;
}