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

body {
	overflow-x: hidden;
}

/* Improved Animations Stylesheet from https://element.how/elementor-improve-entrance-animations/ , works for the 'fade' animations */

@keyframes fadeDown {
    from {
        opacity: 0;
        transform: translate3d(0,-15px,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.elementor-element.fadeInDown {
    animation-name: fadeDown
}

@keyframes fadeLeft {
    from {
        opacity: 0;
        transform: translate3d(-15px,0,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.elementor-element.fadeInLeft {
    animation-name: fadeLeft
}

@keyframes fadeRight {
    from {
        opacity: 0;
        transform: translate3d(15px,0,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.elementor-element.fadeInRight {
    animation-name: fadeRight
}

@keyframes fadeUp {
    from {
        opacity: 0;
        transform: translate3d(0, 15px, 0);
    }

    to {
        opacity: 1;
        transform: none
    }
}

.elementor-element.fadeInUp {
    animation-name: fadeUp
}

@media only screen and (max-width: 767px) {
	.hero_title {
		font-size: 30px !important;
	}
	
	.asban_video_player .e-inner-tabs-content-wrapper {
		border: none !important;
	}
}

.asban_mobile_nav {
	list-style-type: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-direction: column;
	gap: 7px;
}

.asban_mobile_nav li {
	display: flex;
	flex-direction: column;
}

.asban_mobile_nav li ul {
	padding: 15px 5px 8px 20px;
	background-color: rgb(0 0 0 / 15%);
	-webkit-columns: 2;
	-moz-columns: 2;
	columns: 2;
	list-style-position: inside;
	-webkit-column-gap: 0px;
	-moz-column-gap: 0px;
	column-gap: 0px;
	margin-top: 5px;
	margin-bottom: 5px;
}

.asban_mobile_nav li ul li {
	margin-bottom: 7px;
}

.asban_mobile_nav li ul li a {
	text-transform: capitalize;
	font-size: 15px;
	font-weight: 500;
	text-decoration: underline;
}

.a_nav_fr li ul li a {
	text-transform: none !important;
}

.asban_mobile_nav li a {
	font-size: 17px;
	text-transform: uppercase;
	color: #b18b5d;
	font-weight: 500;
	letter-spacing: 0.5px;
	transition: all 0.5s ease;
}

.asban_mobile_nav li a:hover {
	color: #b18b5d;
}

.asban-small-blog {
    flex-direction: column;
}