/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.4.5.1765536326
Updated: 2025-12-12 10:45:26

*/


/*--- Mobile Menu --*/
.elementor-nav-menu{
	padding:20px 0px !important;
}

.btn-button a{
  position: relative;
  padding: 16px 30px;
  font-size: 16px;
  color: #ffffff !important;
  background: #014065;
  border-radius: 8px;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
  z-index: 1;
}

.btn-button a::before{
  content: "";
  position: absolute;
  inset: -4px;
  background: linear-gradient(
    90deg,
    #106CA2,
    #C22D1F,
    #106CA2
  );
  background-size: 300% 100%;
  border-radius: 12px;
  z-index: -2;
  transition: opacity 0.3s ease;
}
.btn-button a:hover::before{
  opacity: 1;
  animation: gradient-border 2s linear infinite;
}

.btn-button svg {
    height: auto;
    width: 0.8em !important;
}
.btn-button svg {
  width: 0.8em !important;
  transition: transform 0.4s ease;
}

.btn-button a:hover svg {
  transform: rotate(45deg);
}
.btn-button-outline svg {
  width: 0.8em !important;
  transition: transform 0.4s ease;
}
.btn-button-outline a:hover svg {
  transform: rotate(45deg);
}

.btn-button a::after{
  content: "";
  position: absolute;
  inset: 0;
  background: #014065;
  border-radius: 8px;
  z-index: -1;
}
.btn-button a:hover::before{
  opacity: 1;
  animation: gradientMove 2s linear infinite;
}
@keyframes gradientMove {
  0% { background-position: 0% 50%; }
  100% { background-position: 100% 50%; }
}

.btn-button .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted):before {
	opacity:1 !important;
}
.btn-button .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted):after{
   opacity:1 !important;
}
.green{
	color: #2CC343;
}
.posts .elementor-posts-container article .elementor-post__text{
	flex-direction: column-reverse;
    display: flex;
	justify-content: start;
}
.products [data-element_type="container"] .product-title-container .elementor-icon svg {
    transition: transform 0.4s ease;
}

.products [data-element_type="container"]:hover .product-title-container .elementor-icon svg {
    transform: rotate(45deg);
}

.elementor-nav-menu__container a{
	justify-content: space-between;
}

.acf-category-card {
  padding: 8px 0;
}

.acf-category-card h3 {
    font-size: 20px;
    text-align: left;
    color: #000;
    font-weight: 600;
	margin:0;
}
.acf-category-card h3:hover{
	color:#014065;
}

.product-faqs details {
  border-bottom: 1px solid #e5e5e5;
  padding: 15px 0;
}

.product-faqs summary {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  font-weight: 600;
  list-style: none;
  font-size:20px;
  color:#000;	
}

.product-faqs summary::-webkit-details-marker {
  display: none;
}

/* ICON */
.product-faqs .faq-icon::before {
  content: "+";
  font-size: 30px;
  font-weight: 600;
  transition: transform 0.3s ease;
}

/* OPEN STATE */
.product-faqs details[open] .faq-icon::before {
  content: "−";
}

/* ANSWER */
.product-faqs .faq-answer {
  line-height: 1.6;
}

.product-accordion {
  border-top: 1px solid #e5e5e5;
}

.product-accordion details {
  border-bottom: 1px solid #e5e5e5;
  padding: 14px 0;
}

/* Header */
.product-accordion summary {
  font-weight: 600;
  font-size: 18px;
  cursor: pointer;
  list-style: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-family: 'Inter';
  color: #000;
}

.product-accordion summary::-webkit-details-marker {
  display: none;
}

/* Remove default marker */
.product-accordion summary::-webkit-details-marker {
  display: none;
}
.product-accordion summary {
  list-style: none;
  cursor: pointer;
  position: relative;
  padding-right: 32px;
}

/* Custom arrow icon */
.product-accordion summary::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  width: 18px;
  height: 18px;
  background-image: url("https://mid-americasolutions.com/wp-content/uploads/2025/12/arrow.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  transform: translateY(-50%) rotate(0deg);
  transition: transform 0.25s ease;
}

/* CLOSED state (arrow down) */
.product-accordion details:not([open]) summary::after {
  transform: translateY(-50%) rotate(180deg);
}

/* OPEN state (arrow up) */
.product-accordion details[open] summary::after {
  transform: translateY(-50%) rotate(0deg);
}

/* Content */
.product-accordion .accordion-content {
  padding-top: 12px;
}

.product-accordion ul {
  padding-left: 18px;
}

.product-accordion li {
  margin-bottom: 8px;
   font-family: 'Inter';
  color: #000;	
}

/* ===== GALLERY WRAPPER ===== */
.product-gallery-wrapper {
  max-width: 100%;
  display: flex;
  flex-direction: column;
}

/* ===== MAIN IMAGE ===== */
.product-main {
  width: 100%;
  max-height: 420px;
  overflow: hidden;
  border-radius: 12px;
}
.thumbs-wrapper{
	width: 100%;
    margin: 40px auto;
}
.product-main .swiper-slide {
  display: flex;
  align-items: center;
  justify-content: center;
}

.product-main img {
  width: 100%;
  height: auto;
  max-height: 420px;
  object-fit: contain;
  cursor: zoom-in;
}

/* ===== THUMBS STRIP ===== */
.thumbs-wrapper {
  margin-top: 12px;
  display: flex;
  align-items: center;
  gap: 12px;
}

/* THUMB SWIPER */
.product-thumbs {
  flex: 1;
  overflow: hidden;
}

.product-thumbs .swiper-slide {
  width: auto !important;
}

.product-thumbs img {
  width: 90px;
  height: 90px;
  object-fit: contain;
  background: #f6f6f6;
  padding: 8px;
  border-radius: 10px;
  border: 2px solid transparent;
  cursor: pointer;
}

.product-thumbs .swiper-slide-thumb-active img {
  border-color: #1e73ff;
}

.thumbs-prev,
.thumbs-next {
  position: static !important;
  width: 24px !important;
  height: 24px !important;
  min-width: 20px !important;
  
}

.thumbs-prev::after,
.thumbs-next::after {
  font-size: 26px !important;
}

.swiper-button-prev,
.swiper-button-next {
  top: auto !important;
  transform: none !important;
}
.online_ordering .elementor-widget-icon-box{
	border-radius:22px;
}


/*--- Responsive media --*/

@media (max-width:1366px){
	    .elementor-11 .elementor-element.elementor-element-44d7725 {
        --arrow-prev-left-position: 1156px !important;
    }
}
@media (max-width:1280px){
	    .elementor-11 .elementor-element.elementor-element-44d7725 {
        --arrow-prev-left-position: 1058px !important;
    }
}
@media (max-width:1024px){
	    .elementor-11 .elementor-element.elementor-element-44d7725 {
        --arrow-prev-left-position: 810px !important;
    }
	.elementor-nav-menu .btn-button{
	width: 170px;
    margin-left: 20px;
    margin-top: 10px;
	}
	.mobile-hero-slider	.swiper-slide-inner{
		height:350px !important;
	}
.mobile-hero-slider	.swiper-slide-inner img{
    object-fit: cover !important;
    width: 100%;
    height: 350px !important;
    border-radius: 22px !important;
	}
}
@media (max-width:992px){
	    .elementor-11 .elementor-element.elementor-element-44d7725 {
        --arrow-prev-left-position: 769px !important;
    }
}
@media (max-width:820px){
	    .elementor-11 .elementor-element.elementor-element-44d7725 {
        --arrow-prev-left-position: 600px !important;
    }
}
@media (max-width:768px){
	    .elementor-11 .elementor-element.elementor-element-44d7725 {
        --arrow-prev-left-position: 550px !important;
    }

}

@media (max-width:840px) and (min-width:768px){
		.elementor-1030 .elementor-element.elementor-element-a7d40ae {
        --swiper-slides-to-display:2;
        --arrow-prev-left-position: 555px !important;
    }
}

@media (max-width:767px){
	.elementor-11 .elementor-element.elementor-element-44d7725 {
        --arrow-prev-left-position: 274px ! IMPORTANT;
    }
	footer .elementor-nav-menu {
    padding: 0px 0px !important;
}
	.home 	.elementor-swiper-button-prev{
		margin-left:0px;
	}
	.elementor-swiper-button-prev{
		margin-left:80px;
	}
	
}
@media (max-width:540px){
	    .elementor-11 .elementor-element.elementor-element-44d7725 {
        --arrow-prev-left-position: 230px !important;
    }	
}