@import 'https://www.flo.com/wp-content/themes/flo/css/components/_panel-call-action.css';
@import 'https://www.flo.com/wp-content/themes/flo/css/components/_two-col-content.css';
@import 'https://www.flo.com/wp-content/themes/flo/css/components/_target-faq.css';
@import 'https://www.flo.com/wp-content/themes/flo/css/components/_cta-panel.css';


h1, h2, h3, h4, h5{font-family: 'Lexend', sans-serif !important; }
p, a{ font-family: 'Manrope', sans-serif !important; text-decoration: none !important;}

.secondary-banner-text h1 { color: #002942; }
.secondary-banner-text p {font-size: 20px; line-height: 28px; color: #fff; }

.network .find-station { margin: -128px 0 0; position:relative; }
.flo-search-inner { padding:32px; border-radius:8px; background:#fff; z-index: 1; position: relative;}
.flo-search-map {z-index: 1; position: relative; height: 44vw;  display: flex;  justify-content: flex-end;  align-items: center; }
.search-map-wrap { overflow: hidden; border-radius:8px; position:absolute; left:0; top:0; height:100%; }
.search-map-wrap img { width:100%; height:100%; object-fit: cover; }
.flo-active-data { z-index: 1; margin:50px 104px 0 0; }

.flo-search-filter { padding:0 0 32px; }
.flo-search-filter .filter-inner { padding:0; width:100%; }

.flo-search-filter label { font-weight:700; font-family: 'Lexend'; padding: 0 0 6px; }
.filter-inner  div.flex-col { max-width: 164px; width:100%; padding:0 0 0 16px; flex:1; }
.filter-inner div.city-zip { max-width:280px; width:100%; padding-left:0; min-width:200px; }
.filter-inner div.distance { max-width: 200px; width:100%; padding-right:28px; border-right: 2px solid #63B5D8; }
.filter-inner div.speed { max-width:177px; width:100%; padding-left:28px; min-width:163px; }
.flo-search-filter .btn { height:40px; font-size: 16px; }

.network .app-download-wrap { padding: 88px 0 6px; }
.network .intro-wrapper { padding: 54px 0 52px; }

.more-filters { display:none; width:303px; padding:20px 50px 20px 20px; font-family: "Lexend"; font-size:14px; line-height: 20px; font-weight:700; letter-spacing: 0.2em; color: #0061A0; position:relative;}
.more-filters:after { content: "\f055"; font-size: 32px;  position: absolute;  right: 10px;  font-family: "Font Awesome 6 Pro";  font-weight: 900; color: #002942; }
.more-filters.show:after { content: "\f056"; }
.network .select-items { border:1px solid; border-color: #63B5D8; box-shadow: 0 2px 15px #e3e3e3; background:#fff; }
body .filter-inner .selectBox-dropdown{min-width: inherit;}



.network .btm-right-curve::before {
  width: 64px;
  height: 32px;
  border-left: 2px solid #63B5D8;
  content: "";
  display: block;
  border-bottom: 2px solid #63B5D8;
  border-radius: 0 0 0px 32px;
  position: absolute;
  top: -32px;
  left: -27px;
  z-index: -1;
}
.network .btm-right-curve {
  border-radius: 0 32px 0 0;
  border-top: 2px solid #63B5D8;
  border-right: 2px solid #63B5D8;
  height: 64px;
  width: calc(100% - 32px);
  margin-left: 32px;
}

/*-- media css starts here --*/
@media only screen and (min-width:1111px) {
   .flo-search-filter .filter-inner div.first{width: 480px;}
  .flo-search-filter .filter-inner div.last {width: calc(100% - 480px); display:flex; border:none; }
  .flo-search-filter .filter-inner div.last-inner { display:flex; flex:auto; align-items: flex-end; justify-content: space-around; }
  .flo-search-filter .filter-inner div.last .filter-btn { flex:0; padding:0 0 0 10px }
}
@media only screen and (max-width:1366px) {
  .flo-active-data {max-width:32vw; }
}
@media only screen and (max-width:1110px) {
  .more-filters { display: flex; flex:1; align-items: center; width: 100%;}
  .flo-search-filter .filter-inner div.last-inner {display: none;  position: absolute;  top: calc(100% - 4px);  z-index: 2;  border: 2px solid #63B5D8; border-top: none;  border-radius: 0 0 8px 8px; background: #fff;  padding: 0 20px 20px; margin: 0; left: -2px;  right: -2px; }
  .filter-inner div.last-inner .flex-col { padding:0 0 16px !important; max-width:100%; }
  .flo-search-filter .filter-inner div.first { width: 490px; margin-right: 15px;}
  .flo-search-filter .filter-inner div.last {  border: 2px solid #63B5D8; border-radius: 8px; flex-direction: column; position: relative; }
  .flo-active-data { margin-right:54px; }
}
@media only screen and (max-width:1030px) {
  .network .app-download-wrap { padding-top:38px; }
}
@media only screen and (max-width:860px) { 
  .flo-search-filter .filter-inner div.last { margin:0 0 0 10px; }
}
@media only screen and (max-width: 767px) and (min-width: 200px) {
  .network .find-station .container{padding: 0 15px;} 
  .more-filters { margin: 0; width:100%; }
  .secondary-banner-text p {font-size: 16px; line-height: 24px;}
  .flo-search-map{height: 585px;}
  #aemap-map{min-height: 550px; height: 550px; border-radius: 0 0 8px 8px;}
  .network .center-aligned .header { min-height:520px; }
  .network .find-station { margin-top:-94px; }
  .flo-search-inner { padding: 0 0 20px; }
  #stationmap-filters{border-radius: 8px 8px 0 0;}
  .flo-search-filter .filter-inner div.first { max-width:100%; margin:0 0 30px; }
  .flo-search-filter .filter-inner { flex-direction: column; }
  .filter-inner div.city-zip { max-width: 185px; }
  .filter-inner div.distance { max-width:206px; padding-right:0; border:none; }
  .network .app-download-wrap { padding-top:16px; }
  .network .intro-wrapper { padding-top:26px; }
  .flo-search-filter .filter-inner div.last-inner { top:auto; position:relative; left:0; right:0; width:100%;  border:none; } 
  .flo-active-data { display:none; }
}