/*
Theme Name: Stout’s
Version: 1.0
Description: A child theme of Hello Elementor
Author: stouts
Template: hello-elementor
*/

@import url("../hello-elementor/style.css");

:root{
  --c-mint:  #90D5AC;
  --c-blue:  #0075C9;
  --c-navy:  #093D7C;
}

.contact-border:after{
    content:""; 
    position:absolute; 
    display:block; 
    left:0; 
    bottom:0; 
    width:100%; 
    height:6px; 
    background: linear-gradient(45deg, var(--c-mint) 20%, var(--c-blue) 49%, var(--c-navy) 100%); 
    z-index:99;
}

.box{max-width:680px;}

#breadcrumbs > span{display: flex; flex-direction: row; gap: 15px;}
#breadcrumbs .breadcrumb_last{font-weight: 700;}

#header-contet::before{content:""; position:absolute; display:block; left:0; top:0; width:100%; height:15px; background: linear-gradient(45deg, #002E6D 0%, #0075C9 100%);}
#header-contet::after{content:""; position:absolute; display:block; left:0; bottom:0; width:100%; height:5px; background: linear-gradient(45deg, var(--c-mint) 2%, var(--c-blue) 49%, var(--c-navy) 100%); z-index:2;}

#hero-home .e-con-inner > *{max-width: 50rem;}
#banner-title .elementor-heading-title span{display:block; font-size:30px; font-weight:300;}



#our-values .item-services .elementor-image-box-img,
#our-services .item-services .elementor-image-box-img{display:flex; justify-content:center;}

.item-services .elementor-image-box-title{margin:0;}

#team-banner-box::before{content:""; position:absolute; left:50%; top:50%; width:calc(100% - 30px); height:calc(100% - 30px); transform:translate(-50%, -50%); background: linear-gradient(28deg, var(--c-mint) 2%, var(--c-blue) 49%, var(--c-navy) 100%); z-index:99;}
#team-banner-box::after{content:""; position:absolute; left:50%; top:50%; width:calc(100% - 36px); height:calc(100% - 36px); transform:translate(-50%, -50%); background:#fff; z-index:99;}
#team-banner-box > *{z-index:999;}

#our-values::before{content:""; width:40%; height:100%; position:absolute; left:0; top:0; background-image: linear-gradient(90deg, #007F6E6E 0%, #007F6E00 100%);}


#services-menu .item-services.bg-active{background-color:#c9d8e9 !important;}
#services-menu .item-services .elementor-image-box-img{display:flex; justify-content:center;}
#services-menu .item-services .elementor-image-box-title{margin:0;}



/*----------- BUS LIST -----------*/

#buses-grid {display: grid; grid-template-columns: repeat(1, 1fr); gap: 2rem; }
#buses-grid .bus-card {background: #F3F3F3;padding: 1.875rem 1.5rem;text-align: center;box-shadow: 0 2px 8px rgba(0,0,0,0.00);transition: transform 0.2s ease, box-shadow 0.2s ease;}
#buses-grid.white .bus-card {background: #FFF;}
#buses-grid .bus-card:hover {transform: translateY(-5px);box-shadow: 0 4px 12px rgba(0,0,0,0.1);}
#buses-grid .bus-media img {max-width: 100%;height: auto;border-radius: 6px;margin-bottom: 1rem;}
#buses-grid .bus-title {font-size: 1.375rem; line-height:1.875rem; font-weight: 700; margin-bottom: 1.4375rem; color: #000000; text-align:start;}
#buses-grid .bus-key-features ul{text-align:start; padding-left: 1.2rem;}
#buses-grid .bus-features {list-style: disc;padding-left: 1.2rem;text-align: left;font-size: 1.125rem;line-height:1.5rem;color: #000;}



/*----------- BUS LIST -----------*/

#footer-top-line{background: linear-gradient(45deg, var(--c-mint) 2%, var(--c-blue) 49%, var(--c-navy) 100%); z-index:99;}
#footer-content .contet-left .e-search .e-search-input{ padding: 13px 10px 13px 50px; box-shadow: 0px 0px 15px 5px rgba(0, 0, 0, 0.10);  border: none; min-width:300px;}
#footer-content .contet-left .e-search .e-search-submit{position: absolute; top: 50%; transform: translateY(-50%); font-size: 0; padding: 13px 10px 13px 16px; display: flex; align-items: center; justify-content: center; background: transparent; margin: 0;}
#footer-content .contet-left .e-search .e-search-submit svg{fill: #000000;}
#footer-content .contet-right > .elementor-element{width:max-content;}



@media (min-width: 768px) {
	
	#banner-title .elementor-heading-title span{font-size:50px;}
	
	/*----------- BUS LIST -----------*/

	#buses-grid {grid-template-columns: repeat(2, 1fr); gap: 1.5rem; }
	#buses-grid .bus-title {font-size: 1.75rem; line-height:2.375rem;}
	
	/*----------- BUS LIST -----------*/
	
	#footer-content .contet-left .e-search .e-search-input{min-width:300px;}
}

@media (min-width: 1024px) {
	
	/*----------- BUS LIST -----------*/

	#buses-grid {grid-template-columns: repeat(3, 1fr); gap: 2rem; }
	#buses-grid .bus-title {font-size: 2.1875rem; line-height:2.8125rem;}
	/*----------- BUS LIST -----------*/
	
	#footer-content .contet-left .e-search .e-search-input{min-width:440px;}
	
}