/*
 Theme Name:   Neuros Child
 Description:  Neuros Child Theme
 Theme URI:	   https://demo.artureanec.com/themes/neuros
 Author:       Artureanec
 Author URI:   https://demo.artureanec.com
 Template:     neuros
 Version:      1.0.0
 License: GNU  General Public License version 3.0
 License URI:  http://www.gnu.org/licenses/gpl-3.0.html
 Text Domain:  neuros-child
*/

/* =Theme customization starts here
------------------------------------------------------- */


/* ----- custom ----- */
:root{
	--main-color:#8ac52b;
	--main-color-child:#263e56;
}
h5.service-post-title{
	display: -webkit-box; 
    -webkit-box-orient: vertical; 
    -webkit-line-clamp: 1; 
    overflow: hidden; 
    text-overflow: ellipsis; 
	color: #fff;
}
.server-listing .grid-layout {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(400px, 2fr)); 
	gap:20px;
}

.server-listing .grid-layout .item {
    width: 100%; /* Đảm bảo mục phù hợp với cột */
    display: flex;
    justify-content: center;
    align-items: center;
	
}
@media (max-width: 426px) {
    .elementor-3486 .elementor-element.elementor-element-7079eb3 > .elementor-element-populated {
        padding: 0px 30px 0px 30px !important;
    }
}
.server-listing .service-item-wrapper {
    padding: 10px !important;
}
.server-listing .service-item-excerpt {
    color: #fff; 
    display: -webkit-box; 
    -webkit-box-orient: vertical; 
    -webkit-line-clamp: 2; 
    overflow: hidden; 
    text-overflow: ellipsis; 
}
@media (max-width: 426px) {
    .elementor-16317 .elementor-element.elementor-element-6607914 {

        max-width: 100%; 
        --container-widget-width: 100%; 

    }
}
@media (max-width: 426px) {
	.elementor-element.elementor-element-3eaf06b.e-transform.elementor-widget.elementor-widget-neuros_special_text,.elementor-row{
		will-change: transform;
        backface-visibility: hidden;
        transform-style: preserve-3d;
	}
	.elementor-widget-container,.elementor-widget-wrap.elementor-element-populated,.elementor-column.elementor-col-100.elementor-top-column.elementor-element.elementor-element-80b5f23{
		will-change: transform;
        backface-visibility: hidden;
        transform-style: preserve-3d;
	}
    .special-text-wrapper.animate.animated.animation-direction-right {

        will-change: transform;
        backface-visibility: hidden;
        transform-style: preserve-3d;
    }
}
body {
	overflow-x: hidden;
}
.body-container {
	overflow: unset;
}
.o-hidden {
	overflow: hidden;
}
.m-video {
	position: relative;
}
.m-video::after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
.page-loader {
	width: 90%;
    max-width: 400px;
}
.elementor-row {
	flex-wrap: wrap;
}
.row-equal .elementor-widget-wrap > .elementor-element {
	height: 100%;
}
.row-equal .elementor-widget-wrap > .elementor-element > .elementor-widget-container {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.header .main-menu > li ul.sub-menu
.elementor-element-ff32b40 span.neuros-heading-content {
	font-weight: bold;
}
.elementor-element-ff32b40 form div {
	padding: 10px 0px 10px 0px;
}
.elementor-71 .elementor-element.elementor-element-edf4297 a:hover {
	color: var(--main-color) !important;
}
.header .main-menu > li ul.sub-menu {
	background-color: #fff;
	box-shadow: 0 0 60px rgb(0 0 0 / 10%);
}
.header .main-menu ul.sub-menu > li > a {
	color: var(--main-color-child);
	font-size: 14px;
}
.post-more-button a span {
	background-image: linear-gradient(0deg, #8ac52b 0%, #8ac52b 100%);
}
.header .main-menu ul.sub-menu > li > a:hover{
	color: var(--main-color);
}
.post-more-button a svg polyline{
	stroke: var(--main-color);
}
.post-more-button a, .post-more-button a:hover,.header .main-menu ul.sub-menu > li.current-menu-item > a,.header .main-menu ul.sub-menu > li.current-menu-parent > a{
	color: var(--main-color) !important;
}
/*.mobile-header-menu-container .main-menu li.current-menu-item > a {*/
/*    width: 47%;*/
/*}*/
@media only screen and (max-width: 426px) {
    .logo-link img {
        width: 270px !important;
    }
	.elementor-lightbox .elementor-swiper-button-next i, .elementor-lightbox .elementor-swiper-button-prev i {
        padding: 0px !important;
       
    }
}

.elementor-widget-neuros_blog_listing .blog-item .post-media-wrapper picture {
    width: 100%;
    padding-top: 67%;
    position: relative;
}
.elementor-widget-neuros_blog_listing .blog-item .post-media-wrapper picture img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
}


/*.mobile-header-menu-container .main-menu > li > a, .slide-extra .extra-menu > li > a {*/
/*	width: 42%;*/
/*    z-index: 999;*/
/*    position: sticky;*/
/*}*/
.mobile-header-menu-container .main-menu > li .sub-menu-trigger:after {
    
    z-index: 99999;
}
.sidebar .widget .widget-title:first-child {
    border-image: var(--main-color) !important;
}
.footer a:hover, .footer-widgets .widget_neuros_nav_menu_widget ul li a:hover,.footer-widgets .wp-block-social-links.is-style-logos-only:not(.has-icon-color) .wp-block-social-link a:hover svg {
	color: #fff;
}
.footer-section-bottom a:hover {
	color: var(--main-color);
}
.content-wrapper .wp-block-pullquote blockquote:before,.content-wrapper a,.mobile-header-menu-container .main-menu li.current-menu-ancestor > a, .mobile-header-menu-container .main-menu li.current-menu-parent,.mobile-header-menu-container .main-menu li.current-menu-ancestor > .sub-menu-trigger, .mobile-header-menu-container .main-menu li.current-menu-parent > .sub-menu-trigger,.post-meta-header .post-meta-item a:hover{
	color: var(--main-color);
}
.footer-widgets .widget_neuros_nav_menu_widget ul li.current-menu-item > a,.footer-widgets .widget_neuros_nav_menu_widget ul li.current_page_item > a{
	color: #fff;
}
.content-wrapper .widget_calendar .wp-calendar-table:not(.has-text-color) thead th, .content-wrapper .wp-block-calendar .wp-calendar-table:not(.has-text-color) thead th,.mobile-header-menu-container a:hover,.mobile-header-menu-container .main-menu > li.active > .sub-menu-trigger,.mobile-header-menu-container .main-menu li.active > .sub-menu-trigger,.mobile-header-menu-container .main-menu li.active > a{
	color: var(--main-color);
}
.sever-class .service-icon svg path:nth-of-type(1) {
    fill: #ffffff00 !important;
}
.sever-class .service-icon {
    fill: var(--main-color) !important;
}
.sever-class .service-icon path {
    fill: #fff !important;
}
.banner-home sr7-slide {
    border-radius: 25px;
}
.content-wrapper .wp-block-file a.wp-block-file__button:hover{
	border-color: var(--main-color);
}
.elementor-16317 .elementor-element.elementor-element-3eaf06b > .elementor-widget-container,.single-post .post-meta-footer:not(:first-child):before,.content-wrapper .widget_calendar .wp-calendar-table:not(.has-text-color) tbody td#today:before,.breadcrumbs a:before,.content-wrapper .wp-block-file a.wp-block-file__button:hover{
	background-color: var(--main-color) !important;
	background: var(--main-color);
}
.elementor-16317 .elementor-element.elementor-element-d15048d > .elementor-widget-container{
	background-color: var(--main-color-child) !important;
}
.content-wrapper button:not(.customize-partial-edit-shortcut-button):after{
	background: linear-gradient(
    to bottom, 
    var(--main-color), 
    #8ac52b, 
    var(--main-color), 
    #8ac52b
	)
}
.content-wrapper button:not(.customize-partial-edit-shortcut-button):hover:after{
	background: none !important;
}
.content-pagination .page-numbers.current:after,.content-pagination .page-numbers:after,.content-pagination a.page-numbers:hover:after{
	background: var(--main-color);
}
.content-wrapper button:not(.customize-partial-edit-shortcut-button):hover,.content-wrapper button:not(.customize-partial-edit-shortcut-button):hover:after,.post-comment-buttons a.comment-edit-link,.post-comment-buttons a.comment-reply-link:hover,.content-pagination .page-numbers.current,.content-pagination .page-numbers:after,.content-pagination .page-numbers:hover{
	background-color: var(--main-color) ;
	/* border: 1px solid #8ac52b; */
}
.mobile-header-menu-container .main-menu li.current-menu-item > a,.page-title-container .breadcrumbs a:hover{
	color: var(--main-color);
}
.swiper-container .elementor-swiper-button:hover i,.content-wrapper .comment-form button.submit:hover{
	background-color: var(--main-color);
	color: #fff;	
	border-color:var(--main-color)
}
.service-icon path {
    fill: var(--main-color-child);
}
span.neuros-heading-content span {
    font-weight: 700 !important;
}
::-webkit-scrollbar-thumb {
    background-color: var(--main-color) !important;

}
.header .main-menu > li.current-menu-ancestor > a, 
.header .main-menu > li.current-menu-parent > a, 
.header .main-menu > li.current-menu-item > a, 
.header .main-menu > li.current-menu-ancestor > a:hover, 
.header .main-menu > li.current-menu-parent > a:hover, 
.header .main-menu > li.current-menu-item > a:hover, 
.header .mini-cart .mini-cart-trigger, 
.header .main-menu > li > a:hover, 
.header .mini-cart:hover .mini-cart-trigger,
.mobile-header .menu-trigger .hamburger span, 
.compact-menu-trigger:before, 
.compact-menu-trigger:after {
	background-color: var(--main-color);
	color: #fff;
}
.body-container .footer-scroll-top button {
	background-color: var(--main-color);
	color: #fff;
}
.body-container .footer-scroll-top button:hover{
	background-color: var(--main-color-child);
	color: #fff;
}
.slide-sidebar-wrapper{
	background-color: var(--main-color-child);
}
.slide-sidebar-wrapper .slide-sidebar-gradient:after{
	background-color: var(--main-color);
}
.header a, .header .main-menu > li > a{
	color: var(--main-color-child);
}
.callback .callback-text:hover{
	color: var(--main-color);
}
.slide-sidebar-wrapper .wp-block-button:not(.is-style-outline):not(.is-style-fill) .wp-block-button__link:after{
	background: linear-gradient(var(--button-border-gradient-angle), #fff var(--button-gradient-colorstop-1), #fff var(--button-gradient-colorstop-2));
}
.typical-model .project-listing-wrapper .project-item-wrapper .project-item-media::after {
	content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50%;
    background: linear-gradient(0deg, #000 0%, transparent 100%);
}
.typical-model .project-listing-wrapper .project-item-wrapper .project-item-title {
	width: 100%;
    max-width: 100%;
    text-align: center;
    background: transparent !important;
	margin: 0;
	font-weight: 600;
}
.typical-model .project-listing-wrapper .project-item-wrapper .project-item-content-wrapper {
	width: 100%;
	padding: 0;
	text-align: center;
}
.project-listing-wrapper.text-position-inside .project-item-wrapper .project-item-link:hover .project-item-media img {
	filter: initial;
}
.service-listing-wrapper.service-slider-listing .service-item-link {
	margin: 0 0 -20px;
	width: 100%;
	padding-top: 66%;
	border-radius: 0;
}
.service-listing-wrapper.service-slider-listing .service-item-link img {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	object-fit: cover;
	padding: 20px;
	border-radius: 30px;
}
/* ----- end custom ----- */

/* ----- scrollbar ----- */
body::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}

body::-webkit-scrollbar {
	width: 6px;
	background-color: #F5F5F5;
}

body::-webkit-scrollbar-thumb {
	border-radius: 10px;
	background-color: var(--e-global-color-accent);
}
/* ----- end scrollbar ----- */

/* ----- update 25/11/24 ----- */
.home-partner {
	cursor: pointer;
}
.home-partner figure {
	width: 100%;
	padding-top: 35%;
	position: relative;
	border-radius: 10px;
	overflow: hidden;
	background: #fff;
	border: 1px solid transparent;
	transition: .3s;
}
.home-partner figure:hover {
	border-color: #f1f1f1;
}
.home-partner figure img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 10px;
	object-fit: contain;
	transition: inherit;
}
.home-partner figure:hover img {
	transform: scale(.9);
}
@media only screen and (max-width: 575px) {
	.home-partner figure {
		border-color: #f1f1f1;
	}
}
/* ----- end scrollbar ----- */

/* update 27/11/24 */
.m-box-tech .elementor-widget-image .elementor-widget-container {
	width: 100%;
	position: relative;
	padding-top: 56.25%;
}
.m-box-tech .elementor-widget-image .elementor-widget-container img {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	object-fit: cover;
}
.single-project .project-post-title {
	color: var(--main-color);
}
.single-neuros_project .post-navigation-item.archive-icon-link {
	display: none;
}
.single-neuros_service .body-container > .content-wrapper {
	justify-content: center;
}
.single-neuros_service .body-container > .content-wrapper > .sidebar {
	display: none;
}

@media only screen and (min-width: 768px) {
	.single-project .project-post-content {
		position: sticky;
		top: 11em;
	}
}

/* language switch */
.lang-item > span, .mobile-header-menu-container .lang-item.active {
	display: inline-flex !important;
	align-items: center;
	gap: 5px;
}
.lang-item img {
	align-self: initial;
	width: 12px;
    height: 12px;
    object-fit: cover;
    border-radius: 100%;
}

.footer-additional-menu li {
	display: inline-block;
    position: relative;
    margin-right: 15px;
    padding-right: 15px;
}
.footer-additional-menu li:after {
	content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 12px;
    width: 1px;
    background-color: #666;
}
.footer-additional-menu li.menu-item:last-child {
    margin-right: 0;
    padding-right: 0;
}

.footer-additional-menu li.menu-item:last-child:after {
    display: none;
}