/*!
Theme Name:   Hello Elementor Child
Template:     hello-elementor
Theme URI:    https://github.com/webmandesign/child-theme/
Author:       VegasGeek
Author URI:   https://vegasgeek.com//
Version:      1.0.0
Description:  Child theme for Hello Elementor
License:      GNU General Public License v3
License URI:  http://www.gnu.org/licenses/gpl-3.0.html

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

IMPORTANT:
Read the instructions in https://github.com/webmandesign/child-theme/blob/master/readme.md
and rename CHILD_THEME_NAME and PARENT_THEME_SLUG in this file appropriately!
*/

/* Put your custom CSS styles below... */
header.sticky-header {
    --header-height: 90px;
    --opacity: 0.90;
    --shrink-me: 0.80;
    --sticky-background-color: #000000;
    --transition: .3s ease-in-out;

    transition: background-color var(--transition),
                background-image var(--transition),
                backdrop-filter var(--transition),
                opacity var(--transition);
}
header.sticky-header.elementor-sticky--effects {
    background-color: var(--sticky-background-color) !important;
    background-image: none !important;
    opacity: var(--opacity) !important;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
}
header.sticky-header > .elementor-container {
    transition: min-height var(--transition);
}
header.sticky-header.elementor-sticky--effects > .elementor-container {
    min-height: calc(var(--header-height) * var(--shrink-me))!important;
    height: calc(var(--header-height) * var(--shrink-me));
}
header.sticky-header .elementor-nav-menu .elementor-item {
    transition: padding var(--transition);
}
header.sticky-header.elementor-sticky--effects .elementor-nav-menu .elementor-item {
    padding-bottom: 10px!important;
    padding-top: 10px!important;
}
header.sticky-header > .elementor-container .logo img {
    transition: max-width var(--transition);
}
header.sticky-header.elementor-sticky--effects .logo img {
    max-width: calc(100% * var(--shrink-me));
}

.inthenews .uael-post__content-wrap {
	display: flex;
	flex-direction: column;

}


.inthenews .uael-post__content-wrap,
.inthenews .uael-post__meta-data,
.inthenews .uael-post__excerpt,
.inthenews .uael-post__title {
	width: 100%;
}

.inthenews .uael-post__excerpt {
	order: 10;
	margin-bottom: 0px !important;
	line-height: 12px;
}

.inthenews .uael-post__title {
	order: 20;
	margin-top: 0px;
	text-decoration: underline;
}

.inthenews .uael-post__meta-data {
	order: 30;
}