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

/* Elementor Overwrite CSS */
p:last-child,
ol:last-child,
ul:last-child {
	margin-bottom:0 !important;
}
.elementor-icon-wrapper {
	display:flex;
}
.elementor-button-icon svg[fill="none"] {
	fill:none !important;
}

/* Header */
header.elementor-location-header {
    position:sticky;
    top:0;
    z-index:999;
}

/* Common CSS */
.text-primary {color:var(--e-global-color-primary)}
.text-secondary {color:var(--e-global-color-secondary)}
.text-white {color:#fff}

.ma_blog_content {
	:where(h2, h3, h4, h5, h6) {
		&:first-child {
			margin-top:0;
		}
		&:not(:first-child) {
			margin:20px 0 10px 0
		}
	}
	h2 {
		font-size:28px;
		color:var(--e-global-color-secondary);
	}
	h3 {font-size:22px}
	h4 {font-size:18px}
	h5 {font-size:16px}
	h6 {font-size:14px}
	
	ul, ol {
		margin-bottom:10px;
	}
	ul {
		padding-left:16px;
	}
	
	@media (max-width:600px) {
		h2 {font-size:20px}
		h3 {font-size:18px}
		h4 {font-size:16px}
		h5 {font-size:15px}
		h6 {font-size:13px}
	}
}

a{
	cursor:pointer;
}
.Ma_transition-img {
	img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		transition: transform 0.5s ease;
		cursor:pointer;
	}
	&:hover {
		img{
			transform: scale(1.04);
		}
	}
}
.Ma_benefit-list ul{
	list-style: none;
	gap: 0;
	padding: 0;
	li{
		border-bottom: 2px solid rgba(204, 199, 174, 0.12);
		padding: 14px 0;
		display: flex;
		gap: 14px;
		align-items: center;
		
		&:before{
			content: '◆';
			color: #ccc7ae;
			font-size: 8px;
		}
	}
}
.Ma_benefit-list-2 ul{
	list-style: none;
	gap: 0;
	padding: 0;
	li{
		border-bottom: 2px solid rgba(204, 199, 174, 0.12);
		padding: 14px 0;
		display: flex;
		gap: 14px;
		align-items: center;
		
		&:before{
			align-self:start;
			content: '—';
			color: #ccc7ae;
			font-size: 14px;
		}
	}
}
.Ma_benefit-list li:last-child {
    border-bottom: none;
}
.Ma_benefit-list3 ul{
	list-style: none;
	gap: 0;
	padding: 0;
	li{
		border-bottom: 1px solid rgba(204, 199, 174, 0.08);
		padding: 4px 0;
		display: flex;
		gap: 14px;
		align-items: center;
		
		&:before{
			content: '◆';
			color: #ccc7ae;
			font-size: 8px;
		}
	}
}
.Ma_benefit-list3 li:last-child {
    border-bottom: none;
}
.Ma_benefit-list-check ul{
	list-style: none;
	gap: 0;
	padding: 0;
	li{
		border-bottom: 1px solid rgba(204, 199, 174, 0.08);
		padding: 13px 0;
		display: flex;
		gap: 14px;
		align-items: center;

		&:before{
			content: '✓';
			font-size: 13px;
			flex-shrink: 0;
			font-weight: 500;
			margin-top: 1px;
		}
	}
}
.Ma_benefit-list3 li:last-child {
    border-bottom: none;
}
.Ma_border-none{
	ul{
		li{
			border:none;
			padding: 8px 0;
		}
		li:last-child{
			margin-bottom:12px;
		}
	}
}
.Ma_benefit-list-desh ul{
	list-style: none;
	gap: 0;
	padding: 0;
	
	li{
	border-bottom: 1px solid rgba(204, 199, 174, 0.08);
		padding: 13px 0;
		display: flex;
		gap: 14px;
		align-items: center;
		
		&:before{
			align-self:start;
			content: '—';
			color: #ccc7ae;
			font-size: 14px;
		}
	}
}

.menu-duration{
	gap: 8px;
	display: ruby;
		
	&:before{
		content: '⏱';
		font-size: 13px;
		padding-right: 8px;
    
	}
}
.Ma_list2-padding{
	Ul{
		li{
			padding:8px 0 ;
			border-bottom: 1px solid #dde3ef;
			&:before{
				align-self:start !important;
			}
		}
	}
}

.MA_sticky{
	  position: sticky;
    top: 100px;
}

/* Testimonials */
.ma_testimonials_carousel {
	.swiper-slide.swiper-slide-active {
		background-color:#f5f7fa;
		border-left:2px solid #dde3ef;
		border-right:2px solid #dde3ef;
	}
}

/* Subscription Form */
.ma_subscription_form form.elementor-form {
	max-width:480px;
	margin:0 auto;
	.elementor-form-fields-wrapper {
		@media (min-width:481px) {
			flex-direction:row;
			flex-wrap:nowrap;
		
			.elementor-field-type-email {
				flex:1;
			}
			.elementor-field-type-submit {
				width:auto;
			}
		}
		@media (max-width:480px) {
			flex-direction:column;
			gap:10px;
			
			.elementor-field-type-submit button {
				width:100%;
			}
		}
	}
}

/* Blog Category List */
ul.ma_blog_cat_list {
	display:flex;
	list-style:none;
	padding:0 20px;
	flex-direction:row;
	flex-wrap:nowrap;
	overflow-x:auto;
	
	li {
		a {
			border-bottom: 2px solid transparent;
			padding: 20px 20px;
			font-size: 12px;
			letter-spacing: 0.14em;
			text-transform: uppercase;
			color: #2d3444;
			font-family: 'Jost', sans-serif;
			font-weight: 400;
			cursor: pointer;
			transition: all 0.2s;
			white-space: nowrap;
			text-decoration: none;
			display: block;
			
			@media (max-width:1024px) {
				padding: 12px 16px;
				white-space:nowrap;
				-webkit-overflow-scrolling: touch;
				scroll-snap-type: x mandatory;
				scrollbar-width: none;

				&:-webkit-scrollbar {
					display:none;
				}
			}
		}
		
		&.current a {
			color: #ccc7ae;
			border-bottom-color: #ccc7ae;
			font-weight: 500;
		}
		&:not(.current) a:hover {
			color:var(--e-global-color-text);
		}
	}
}
body.blog ul.ma_blog_cat_list li:first-child a {
	color: #ccc7ae;
	border-bottom-color: #ccc7ae;
	font-weight: 500;
}