/*
Theme Name: Hello Elementor Child
Author: 
Description: Your description goes here
Version: 1.0
Template: hello-elementor

This is the child theme for Hello Elementor theme, generated with Generate Child Theme plugin by catchthemes.

(optional values you can add: Theme URI, Author URI, License, License URI, Tags, Text Domain)
*/

.elementor a {
	color: #5b5473;
}

.bg-purple {
	display: inline-block;
	background-color: #5b5473;
}

.text-white {
	color: white;
}

.text-grey {
	color: #ADACB8;
}

.p-10 {
	padding: 10px;
}

#footer_newsletter .elementor-field-type-submit button {
	min-height: 50px;
    min-width: 50px;
    margin-right: 5px;
    margin-bottom: 5px;
}

.meet-our-team .elementor-image-box-img {
    width: 150px !important;
    height: 150px !important;
}

.meet-our-team .elementor-image-box-img img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
}

.mona-category-boxes {
	display: flex;
	justify-content: center;
	gap: 30px;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.mona-category-boxes > div {
	width: 25%;
}

.mona-category-boxes > div a {
	display: block;
	width: 100%;
}

.mona-category-boxes > div img {
	display: block;
	width: 100%;
	height: 250px;
	object-fit: cover;
}

.mona-category-boxes > div .title {
	display: block;
	margin-top: 10px;
	text-align: center;
	text-transform: uppercase;
}

@media (max-width: 1280px) {	
	.mona-category-boxes > div .title {
		font-size: 18px;
	}
}

@media (max-width: 1024px) {
	.mona-category-boxes > div img {
		width: 100%;
        height: 400px;
        object-fit: cover;
	}
	
	.mona-category-boxes {
		flex-wrap: wrap;
	}
	
	.mona-category-boxes > div {
    	width: calc(50% - 30px);
	}
	
	.mona-category-boxes > div .title {
		font-size: 20px;
	}
	
	.elementor-widget-nav-menu {
		position: absolute !important;
		left: 20px;
		width: auto !important;
	}
	
	.elementor-nav-menu--toggle .elementor-menu-toggle.elementor-active+.elementor-nav-menu__container {
        left: -20px !important;
        top: 60px !important;
	}
}

@media (max-width: 768px) {
	.mona-category-boxes > div {
    	width: 100%;
	}
	
	.mona-category-boxes > div img {
        height: 250px;
    }
	
	.mona-category-boxes > div .title {
        min-height: initial;
        font-size: 15px;
        text-transform: uppercase;
    }
}