/**
Theme Name: Sonatrach
Author: M2I Services
Author URI: http://m2i-services.com/
Description: The Sonatrach Corporate Child Theme for Astra is a tailored WordPress theme designed exclusively for Sonatrach, leveraging the powerful Astra framework. It offers a professional and responsive design that aligns with Sonatrach’s corporate branding, ensuring a cohesive and engaging online presence.

This child theme ensures that Sonatrach’s corporate website not only looks professional but also performs efficiently, providing an excellent user experience across all devices.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: sonatrach
Template: astra
*/


/***** Global *****/

@font-face {
    font-family: 'Tajawal';
}

body, button, input, select, textarea, .ast-button, .ast-custom-button {
	font-family: 'Tajawal', sans-serif;
	font-weight: normal;
}

h1, h2, h3, h4, h5, h6 {
	font-family: inherit !important;
	font-weight: 700;
}


/* Header menu */
.main-header-menu > .menu-item {
	font-weight: 700;
}

.main-header-menu > .menu-item > .menu-link {
	font-size: 0.95rem !important;
}

.main-header-menu .sub-menu .mega-menu-item-title a {
	font-size: 0.9rem;
}

.main-header-menu .sub-menu .mega-menu-item-title a:after {
	content: '\e904';
}

.main-header-menu .sub-menu .mega-menu-item-title a:hover:after, .main-header-menu .sub-menu .mega-menu-item-title a:focus:after {
	-webkit-transform: translateX(-10px);
	    -ms-transform: translateX(-10px);
	        transform: translateX(-10px);
}

.main-header-menu .sub-menu .mega-menu-item-subitem a {
	font-weight: 700;
}

.main-header-menu .sub-menu .mega-menu-item-subitem a:before {
	content: '\e919';
	margin-left: 5px;
	margin-right: 0;
}

.main-header-menu .sub-menu .mega-menu-item-subitem a:hover:before, .main-header-menu .sub-menu .mega-menu-item-subitem a:focus:before {
	margin-left: 5px;
	margin-right: 3px;
}

.main-header-menu .sub-menu .mega-menu-item-sub-subitem a {
	padding-left: 0;
	padding-right: 45px;
}

.main-header-menu .sub-menu .mega-menu-item-sub-subitem a:before {
	left: auto;
	right: 0;
}

.main-header-menu .sub-menu .mega-menu-item-sub-subitem a:hover, .main-header-menu .sub-menu .mega-menu-item-sub-subitem a:focus {
	padding-left: 0;
	padding-right: 48px;
}

.ast-icon.icon-search svg {
	margin-top: 10px;
	margin-left: 0px;
}

.ast-search-box.header-cover .search-field {
	text-align: right;
}


/***** Mobile menu *****/
@media (max-width: 1200px) {
	.ast-builder-menu-mobile .main-navigation .menu-item.menu-item-has-children > .ast-menu-toggle {
		right: auto !important;
	}
}

#ast-mobile-popup .ast-search-menu-icon .search-submit {
	left: 0;
	right: auto;
}

#ast-mobile-popup .off-canvas-lang .uagb-container-inner-blocks-wrap {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
		-ms-flex-direction: row-reverse;
			flex-direction: row-reverse;
}


/***** Breadcrumbs *****/
.trail-items li::after {
	content: '\e919';
}


/***** Buttons *****/
.floating-buttons {
	left: 30px;
	right: auto;
}

@media (max-width: 768px) {
	.floating-buttons .floating-btn[title]:after {
		left: 50% !important;
		right: auto !important;
		-webkit-transform: translateX(-50%);
		    -ms-transform: translateX(-50%);
		        transform: translateX(-50%);
	}
}

.floating-buttons .floating-btn[title]:after {
	left: 50px;
	right: auto;
}


/***** Home News *****/
.home-news .uagb-post__cta .uagb-text-link.wp-block-button__link:after {
	content: '\e904';
}

.home-news .uagb-post__cta .uagb-text-link.wp-block-button__link:hover:after, .home-news .uagb-post__cta .uagb-text-link.wp-block-button__link:focus:after {
	-webkit-transform: translateX(-10px);
	    -ms-transform: translateX(-10px);
	        transform: translateX(-10px);
}

[dir="rtl"] .uagb-post__arrow-outside.uagb-post-grid .slick-prev {
	left: auto !important;
	right: 0 !important;
}

[dir="rtl"] .uagb-post__arrow-outside.uagb-post-grid .slick-next {
	left: 0 !important;
	right: auto !important;
}

@media (max-width: 768px) {
	[dir="rtl"] .uagb-post__arrow-outside.uagb-post-grid .slick-prev {
		left: auto !important;
		right: -25px !important;
	}

	[dir="rtl"] .uagb-post__arrow-outside.uagb-post-grid .slick-next {
		left: -25px !important;
		right: auto !important;
	}
}

.home-news.uagb-slick-carousel .slick-prev:before {
	content: '\e91a';
}

.home-news.uagb-slick-carousel .slick-next:before {
	content: '\e919';
}


/***** Read more links *****/
.read-more-link a:after {
	content: '\e904';
}

.read-more-link a:hover:after, .read-more-link a:focus:after {
	-webkit-transform: translateX(-10px);
	    -ms-transform: translateX(-10px);
	        transform: translateX(-10px);
}


/***** Home activities slider *****/
.home-activities-slider .swiper-button-prev {
	left: auto !important;
	right: -20px !important;
}

.home-activities-slider .swiper-button-next {
	left: -20px !important;
	right: auto !important;
}

.home-activities-slider .swiper-button-prev:after {
	content: '\e91a';
}

.home-activities-slider .swiper-button-next:after {
	content: '\e919';
}


/***** Documents *****/
.document-list .document:before, .document-list .document:after {
	left: 0;
	right: auto;
}


/***** Card over picture blocks *****/
.card-over-picture.pic-start .card {
	left: 0;
	right: auto;
}

.card-over-picture.pic-end .card {
	left: auto;
	right: 0;
}

@media (min-width: 769px) {
	.card-over-picture.pic-start:hover .picture {
		-webkit-transform: translateX(-15px);
		    -ms-transform: translateX(-15px);
		        transform: translateX(-15px);
	}
	
	.card-over-picture.pic-end:hover .picture {
		-webkit-transform: translateX(15px);
		    -ms-transform: translateX(15px);
		        transform: translateX(15px);
	}
}


/***** Cookie notice *****/
#cookie-notice .cn-close-icon {
	left: 15px !important;
	right: auto !important;
}


/* Footer menu */
.footer-menu .footer-menu-title a:after {
	content: '\e904';
}

.footer-menu .footer-menu-title a:hover:after, .footer-menu .footer-menu-title a:focus:after {
	-webkit-transform: translateX(-10px);
	    -ms-transform: translateX(-10px);
	        transform: translateX(-10px);
}

.footer-menu .footer-menu-item a:before {
	content: '\e919';
	margin-left: 5px;
	margin-right: 0;
}

.footer-menu .footer-menu-item a:after {
	left: auto;
	right: 0;
}

.footer-menu .footer-menu-item a:hover:before, .footer-menu .footer-menu-item a:focus:before {
	margin-left: 5px;
	margin-right: 3px;
}