/**
Theme Name: Mosis
Author: JSWeb Digital
Author URI: https://jswebdigital.com
Description:
Version: 1.1.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-child
Template: astra
*/

:root {
	--alt-green: #DCF500;
	--lt-background: #faf8f5;
}

/* Header Edits
_________________________________________*/
button.menu-toggle {box-shadow: none!important;}

/*Header Style*/
.ast-desktop .ast-menu-hover-style-underline > .menu-item:hover > .menu-link::before, .ast-desktop .ast-menu-hover-style-overline > .menu-item:hover > .menu-link::before {width: calc(100% - 2em)!important;}
.ast-desktop .ast-menu-hover-style-underline > .menu-item.current-menu-item > .menu-link::before, .ast-desktop .ast-menu-hover-style-overline > .menu-item.current-menu-item > .menu-link::before {
    width: calc(100% - 2em);
    background-color: currentColor;
    transform: scale(1,1) translate(50%,0);}


/*Header Button*/
.cal-but .elementor-button-icon{
    font-size: 20px!important;}
.cal-but span {
    align-self: center;}


/*other buttons*/
.button-arrow .elementor-button-icon {
    font-size: 25px;}
.button-arrow span {
    align-self: center;}


/*featured projects*/
.eael-grid-post-link {
    text-decoration: none!important;}

/* Homepage
_________________________________________*/
.home-grid .eael-post-grid-column .eael-entry-wrapper {padding: 16px 0 0!important;}
.home-grid .eael-entry-media {border-radius: 8px;}
.home-slider img.full-ratio {aspect-ratio: 16 / 9; object-fit: cover;}

/* Services Page
_________________________________________*/

/*Services Order*/
.service-acc .elementor-tab-title{
    display:flex;}
.service-acc .elementor-tab-title .elementor-accordion-icon {
    order:3;}
.service-acc .accordion-icon-prefix {
    order:4;}
.service-acc span{
    order:3;}


/*Services Titles*/
.service-acc h2 {
    margin-bottom: 16px;
    font-size: 36px!important;}
.service-acc p {
    margin-bottom: 10px;
    font-size: 18px!important;}


/*services icon*/
.service-acc .theplus-accordion-wrapper .accordion-icon-prefix  {
    background: #FFFFFF00;}
.service-acc .accordion-icon-prefix {
    align-self:start!important;}
.service-acc .theplus-accordion-wrapper .plus-accordion-header .accordion-icon-prefix svg {
    width: 56px!important;
    height: 56px!important;
    margin-top: 5px;}
.service-acc .accordion-icon-prefix {
    width: 58px!important;
    height: 58px!important;}


/*Services Order Right*/
.service-acc-right .elementor-tab-title{
    display:flex;}
.service-acc-right .elementor-tab-title .elementor-accordion-icon {
    order:4;}
.service-acc-right .accordion-icon-prefix {
    order:3;}
.service-acc-right span{
    order:3;}


/*Services Titles Right*/
.service-acc-right h2 {
    margin-bottom: 16px;
    font-size: 36px!important;
    text-align: right;}
.service-acc-right .elementor-tab-title p {
    margin-bottom: 10px;
    font-size: 18px!important;
    text-align: right;}


/*services icon Right*/
.service-acc-right .theplus-accordion-wrapper .accordion-icon-prefix  {
    background: #FFFFFF00;}
.service-acc-right .accordion-icon-prefix {
    align-self:start!important;}
.service-acc-right .theplus-accordion-wrapper .plus-accordion-header .accordion-icon-prefix svg {
    width: 56px!important;
    height: 56px!important;
    margin-top: 5px;}
.service-acc-right .elementor-accordion-icon.elementor-accordion-icon-left{
    margin: 0 0 0 5px!important;
    padding: 0 0 0 25px!important;}
.service-acc-right .elementor-accordion-icon {
    justify-content: right;}


/*Icons active rotate*/
.service-acc .active .accordion-icon-prefix svg, .service-acc-right .active .accordion-icon-prefix svg { transition: 300ms;  transform: rotate(90deg);}
.service-acc .accordion-icon-prefix svg, .service-acc-right .accordion-icon-prefix svg {  transition: 300ms;}


/*services centering*/
.service-acc-right span, .service-acc span {  max-width:688px;}
.service-acc .elementor-tab-title, .service-acc-right .elementor-tab-title { justify-content: center;}
.service-acc .plus-content-editor, .service-acc-right .plus-content-editor { max-width: 688px; margin: auto;}


/*Services Background Coloring*/
.service-acc .elementor-tab-title.plus-accordion-header.active, .service-acc-right .elementor-tab-title.plus-accordion-header.active {
    background-color: var(--lt-background);}
.service-acc .elementor-element.elementor-element-ebade37 .theplus-accordion-wrapper .theplus-accordion-item .plus-accordion-content , .service-acc-right .elementor-239 .elementor-element.elementor-element-ebade37 .theplus-accordion-wrapper .theplus-accordion-item .plus-accordion-content.active {
    background-color: var(--lt-background)!important;}
.post-239 .elementor-widget-container:hover {
    background-color: var(--lt-background)!important;}


/*Button Centering*/
.button-arrow .elementor-button-text, .cal-but .elementor-button-text { margin-top: 3px;}

/*homepage smart slider*/
.elementor-element-0ad69ea .e-con-inner { padding-bottom: 0!important;}

/* Works Template
_________________________________________*/
.facetwp-facet-work_categories {display: flex; gap: 24px; flex-wrap: wrap; position: relative;}
.facetwp-facet-work_categories .facetwp-counter { display: none; }
.facetwp-facet-work_categories .facetwp-radio {background-image: none; background-color: var(--e-global-color-astglobalcolor6); border: 1px solid var(--e-global-color-astglobalcolor8); border-radius: 8px; padding: 8px 16px; margin-bottom: 0; font-size: 20px; font-weight: 500; line-height: 1; } 
.facetwp-facet-work_categories .facetwp-radio.checked, .facetwp-facet-work_categories .facetwp-radio:hover {background-image: none; background-color: var(--alt-green); color: var(--ast-global-color-7); border-color: var(--alt-green); }

/*FacetWP Work Grid*/
.work-column .work-img img {object-fit: cover; border-radius: 8px; aspect-ratio: 17 / 12;}
.work-column .work-group {position: relative;}
.work-column .work-group .work-wrap-group {position: absolute; bottom: 0; padding: 16px; border-radius: 0px 8px 0px 8px; background: rgba(24, 28, 31, 0.80); box-shadow: inset 0px 4px 4px 0px rgba(0, 0, 0, 0.25); backdrop-filter: blur(4px); max-width: 85%;}
.work-column .work-group .work-title {color: var(--ast-global-color-6); font-size: 24px; font-weight: 500; margin-bottom: 8px;}
.work-column .work-group .work-company {color: var(--ast-global-color-6); font-size:16px;  margin-bottom: 8px;}
.work-column .work-group .work-read-more a {color: var(--alt-green); text-decoration: none;}

/*Work Template Pages*/
.custom-post-css .elementor-icon-list-item .elementor-icon-list-text.elementor-post-info__item {display: flex;}
.custom-post-css .elementor-icon-list-item .elementor-icon-list-text.elementor-post-info__item .elementor-post-info__item-prefix {word-break: keep-all; padding-right: 4px;}
.custom-post-css .elementor-post-info__item-prefix {color: var(--e-global-color-astglobalcolor6);}
.custom-post-css .elementor-icon-list-text .elementor-post-info__terms-list-item { padding: 6px 12px; margin: 0 4px; border-radius: 8px; border: solid 1px var(--ast-global-color-8)!important; color: var(--ast-global-color-7)!important; background-color: var(--alt-green);}
.custom-post-css .elementor-post-info__terms-list .elementor-post-info__terms-list-item  {display: inline-block!important; margin-bottom: 10px; line-height: 1;}
.custom-post-css .elementor-post-info__terms-list .elementor-post-info__terms-list-item:last-of-type {margin-bottom: 0;}

.work-gallery .elementor-image-carousel-wrapper .elementor-image-carousel {aspect-ratio: 7 / 5; border-radius: 8px; height: 100%;}
.work-gallery .elementor-image-carousel-wrapper .elementor-image-carousel .swiper-slide a {aspect-ratio: 7 / 5; height: 100%; display: block; overflow: hidden;}
.work-gallery .swiper-slide  .swiper-slide-inner {height: 100%;}
.work-gallery .swiper-slide-inner .swiper-slide-image { object-fit: cover; aspect-ratio: 7 / 5; height: 100%;}
.work-gallery .elementor-image-carousel-wrapper .elementor-swiper-button {top: auto!important; bottom: -67px;}
.work-gallery .elementor-image-carousel-wrapper .elementor-swiper-button-prev {left: 45%!important; padding-top: 20px;}
.work-gallery .elementor-image-carousel-wrapper .elementor-swiper-button-next {right: 45%!important; padding-top: 20px;}



@media screen and (max-width: 1320px) {
	.work-gallery .elementor-image-carousel-wrapper .elementor-swiper-button-prev {left: 42%!important;}
.work-gallery .elementor-image-carousel-wrapper .elementor-swiper-button-next {right: 42%!important;}
}
@media screen and (max-width: 1020px) {
	.work-listing-block .fwpl-layout.work-column {grid-template-columns: repeat(2, 1fr);}
	.work-column .work-group .work-wrap-group {max-width: 100%;}
}
@media screen and (max-width: 880px) {
	.work-gallery .elementor-image-carousel-wrapper .elementor-swiper-button-prev {left: 40%!important;}
	.work-gallery .elementor-image-carousel-wrapper .elementor-swiper-button-next {right: 40%!important;}
}
@media screen and (max-width: 767px) {
	.work-listing-block .fwpl-layout.work-column {grid-template-columns: repeat(1, 1fr);}
	.work-gallery .elementor-image-carousel-wrapper .elementor-swiper-button { bottom: 0;}
	.work-gallery .elementor-image-carousel-wrapper .elementor-swiper-button-prev {left: 43%!important;}
	.work-gallery .elementor-image-carousel-wrapper .elementor-swiper-button-next {right: 43%!important;}
}
@media screen and (max-width: 570px) {
	.work-gallery .elementor-image-carousel-wrapper .elementor-swiper-button-prev {left: 40%!important;}
	.work-gallery .elementor-image-carousel-wrapper .elementor-swiper-button-next {right: 40%!important;}
}
@media screen and (max-width: 370px) {
	.work-gallery .elementor-image-carousel-wrapper .elementor-swiper-button-prev {left: 38%!important;}
	.work-gallery .elementor-image-carousel-wrapper .elementor-swiper-button-next {right: 38%!important;}
}

/* Contact Page
_________________________________________*/

.get-in-touch .elementor-icon-list-text div { text-decoration: underline; font-size: 20px; font-weight: 500;}