html, body{margin:0;
    width:100%;
    height:100%;}

.topBarHolder{position:fixed;
    width:100%;
    z-index:100;
    padding-top:32px;
    padding-bottom:32px;}

.topBarBG.scrolled{background-color:white;
    transition:ease-in-out 0.5s;}    
/* Delete Later
.topBar1{width:100%;
    height:auto;
    float:left;
    background-color:#f1f1f1;
    padding-top:5px;
    padding-bottom:5px;}*/

/* Delete Later
.topBarSMIcons{float:right;
    margin-right:10px;}

.topBarFBIcon, .topBarTWIcon, .topBarLiIcon{float:left;
    margin-right:5px;
    margin-left:5px;}*/

.topBar{width:100%;
    height:auto;
    float:left;
    background-color:transparent;}

.logo{float:left;}

.topBarnavLinks{display:block ruby;}

.dropdown-content {display: none;
    position: absolute;
    background-color:#f5ea00;
    min-width: 160px;
    padding:5px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;}

.dropdown-content a{color:black;
    text-decoration:none;}
  
.dropdown:hover .dropdown-content {display: block;}

.bannerImageSection{position:relative;}

.bannerImageSection img{background-size:cover;}

#homeSearch{margin:auto;
    position:absolute;
    z-index:10;
    border:10px solid #cfc8c4;}

.overlay{width:100%;
    height:100%;
    background-color:#7e726b;
    opacity:0.5;
    position:absolute;}

.productService{float:left;}

.location{float:left;}

#homeSearchBtn{background-color:#fff200;
    border-radius:0px;
    float:left;
    height: 100%;}
/*
.homeSearchBtn .searchIcon{position: relative;
    display: block;
    margin: auto;
    margin-top: 0;
    width: 25px;
    height: 25px;
    background-image: url('../icons/search.svg');
    background-position:10px 12px;
    background-repeat:no-repeat;}*/

.searchIcon {display: inline-flex;
    align-items: center;}
    
.search-img {width: 20px; /* Or any desired size */
    height: 20px;
    object-fit: contain; /* Ensures the SVG maintains its aspect ratio */
    margin-right: 5px; /* Optional: adds space between the icon and text */}
    
.spotlightSection{background-color:#f1f1f1;
    padding-bottom: 30px;}

.spotlightText{color:#313131;
    padding-top:30px;}

.featuredBusinessText{color:#00aeef;}

.featuredBusiness{background-color:white;
    padding:5px;
    margin:10px;}

.featureBusinessTitle{color:#00aeef;}

.square-image {width: 100%;  /* Ensures the image takes up the full width of its container */
    aspect-ratio: 1/1;  /* Ensures the image is always square */
    object-fit: cover;  /* Ensures the image is cropped if necessary to fit the square shape */}

.appSection{background-color:#ffffff;
    padding-top:30px;
    padding-bottom:30px;}
/*
#downloadHolder{}*/

#downloadText{font-weight:500;
    font-size:25px;
    margin-bottom:10px;}

.platformLogo{width:30%;
    margin:auto;}

.platformLogo img{width:100%;}
/*
#downloadLink{}*/

#sendALink{margin-bottom:10px;}

#phoneNumber{float:left;
    height:100%;}

#sendBtn{background-color:#00aeef;
    border-radius:0px;
    color:white;}

.popularSearchesSection{background-color:#ffffff;
    padding-top: 30px;
    padding-bottom: 30px;}

.popularSearchesText{color:#00aeef;}

.popularSearchesUL{padding-left:0px;}

.popularSearchesUL li{list-style:none;
    display:contents;}

.popularSearchesUL li a{text-decoration:none;
    color:#333;
    margin-right:5px;
    margin-left:5px;}

/* Search Results Page */

.searchResultsSection{background-color:#fafaf2;
    padding-bottom:30px;
    display:flex;
    flex-direction:column;
    min-height:100vh;}

.searchHeader{margin-top:150px;}

.searchResultsList{flex: 1;}

.searchFilter{list-style:none;
    padding-left:0px;}

.searchFilter li{display:inline-block;
    background-color:white;
    border:1px solid black;
    padding:10px;}

.searchFilter li.searchFilterItemActive{background-color:black;
    color:white;}

.searchFilter li.searchFilterItemActive a{color:white;}

.searchFilter li a{color:black;
    text-decoration:none;}
/*
.searchResultsList{}*/

.searchResult{float:left;
    width:100%;
    background-color:white;
    border:1px solid black;
    padding:10px;
    margin-top:10px;}
/*
.searchResultImage{margin-top:50%;}*/

.searchResultContent{float:left;
    width:100%;}

.searchResultTitle a{color:black;
    text-decoration:none;
    font-weight:bold;
    font-size:20px;}

.searchResultLocation{font-size:15px;}

.searchResultIndustry{font-size:15px;}

.searchResultLink a{color:#CCC;
    text-decoration:none;}

.searchResultButton{list-style:none;
    padding-left:0px;
    margin-top:10px;}

.searchResultButton li{display:inline-block;
    background-color:#fff200;
    padding:10px;
    margin-right:1%;
    margin-left:1%;
    border-radius:5px;}

.searchResultButton li a{color:black;
    text-decoration:none;
    font-weight:bold;}

.searchResultsButton li a span{margin-right:10px;}

/* Search Results Page End */

/* Search Item Page */

.searchItemSection{background-color:#fafaf2;
    padding-bottom:30px;}

.searchItem{padding-top:150px;}

.searchItemImage{background-color:white;
    padding:15px;}
/*
.searchItemHeader{}*/

.searchItemTitle{color:black;
    text-decoration:none;
    font-weight:bold;
    font-size:20px;}

.searchItemLocation{font-size:15px;}

.searchItemButton{list-style:none;
    padding-left:0px;
    margin-top:10px;}

.searchItemButton li{display:inline-block;
    background-color:#fff200;
    padding:10px;
    border-radius:5px;}

.searchItemButton li a{color:black;
    text-decoration:none;
    font-weight:bold;}

.searchItemButton li a span{margin-right:10px;}

.searchItemMedia{margin-top:10px;
    padding-left:0px;}

.searchItemMedia li{display:inline-block;}

.searchItemMediaContent{height:177px;
    margin-right:5px;
    background-color:#fff200;
    position:relative;}

.searchItemMediaContent:before{content: '';
    display: block;
    border: 2px dashed #eae8e8;
    border-radius: 2px;
    height: 90%;
    width: 90%;
    margin: 5%;}

.searchItemMediaHolder{text-align:center;
    position:absolute;
    top:50%;
    left:50%;
    -ms-transform:translate(-50%,-30%);
    transform:translate(-50%,-30%);}

.searchItemMediaTitle{width:100%;
    float:left;}

.searchItemReviewSection{background-color:#f8f8f8;
    padding-top:30px;
    padding-bottom:30px;}
/*
.searchItemReview{}*/

.searchItemReviewContent{width:100%;
    height:400px;
    background-color:white;}

.searchItemReviewTitle{padding-top:20px;}

.searchItemRatingBoxHolder{border:1px solid #CCC;}

/* Search Item Page End */

/* Entry Page */

.entrySection{position:relative}

.entryBannerContentHolder{width:100%;
    /*position:absolute;*/}

.entryLogo{background-color:white;
    padding:5px;}

.entryBannerContent{width:100%;
    /*float:left;*/}

.entryBannerTitle{font-weight:bolder;}

.entryBannerDescription{font-weight:200;
    font-weight:lighter;
    margin-bottom:10px;}

#truncatedDescription{width: 100%;
    display: block;
    margin-bottom:10px;}    

.readMoreLink{color:black;
    text-decoration:none;
    background-color:#fff200;
    border-radius:0.375rem;
    padding:0.375rem;} 
/*
.businessRatings{}*/

.ratingStars{padding-left:0px;}

.ratingStars li{list-style:none;
    display:inline;
    margin-right:5px;
    margin-left:5px;}

.entryTabsSection{width:100%;
    background-color:white;
    position:relative;
    z-index:100;}

.entryCallToActionSection{background-color:#fafaf2;}

#saveListingBtn{width:100%;
    margin-top:10px;
    background-color:#565d6d;
    color:white;
    border-radius:0px;}

.shareUL{padding-left:0px;}

.shareUL li{list-style:none;
    display: inline-block;
    margin-right: 5px;
    margin-left: 5px;
    margin-top: 0px;
    margin-bottom: 0px;}

@media(max-width: 992px){.shareUL li{list-style:none;
    display: list-item;
    margin-top: 5px;
    margin-bottom: 5px;}}

#closeShareBtn{width:100%;
    margin-top:10px;
    background-color:#565d6d;
    color:white;
    border-radius:0px;} 

#suggestionComment{width: 100%;
    border: 0px;
    padding: 5px;
    border: 2px solid #CCC;} 
    
#submitSuggestionBtn{width:100%;
    margin-top:10px;
    background-color:#565d6d;
    color:white;
    border-radius:0px;}

#report_subject{width: 100%;
    border: 0px;
    padding: 5px;
    border: 2px solid #CCC;}

#report_description{width: 100%;
    border: 0px;
    padding: 5px;
    border: 2px solid #CCC;}

#submitReportBtn{width:100%;
    margin-top:10px;
    background-color:#565d6d;
    color:white;
    border-radius:0px;}

.feedbackSection{background-color:#fafaf2;}

.feedbackContainer{padding-right:100px;
    padding-left:100px;}

.entryContentSection{background-color: #fafaf2;
    margin-bottom: 30px;
    float: left;
    width: 100%;
    display: flex;
    flex-direction: column;}
  
/* Entry Page - Profile Tab */

.profile{width:100%;
    /*position:absolute;*/
    z-index:20;
    background-color:#fafaf2;}

.showTab{display:block;}

.hideTab{opacity:0;
    pointer-events:none;}

.entryLocation, 
.entryOpenedClosed, 
.entryDescription, 
.entryGallery, 
.entryProductandServices, 
.entryPayment{width:100%;
    float:left;
    background-color:white;
    margin-top:5px;
    margin-bottom:5px;
    padding:10px;}

.entryTitle{font-weight:bold;
    font-size:20px;}

.operatingDaysList{padding-left:0px;}
.operatingDaysList li{list-style:none;}

.paymentMode{margin-top:10px;
    margin-bottom:10px;}    
/* Entry Page - Profile Tab End */

/* Entry Page - Reviews Tab */

.reviews{/*font-weight:bold;
    color:black;
    font-size:20px;*/
    width:100%;
    position:absolute;
    z-index:19;
    background-color:#fafaf2;}

.reviewsTitle{font-weight:bold;
    font-size:20px;}

.reviewsHolder{white-space:normal;
    overflow:scroll;
    height:350px;}

.reviewsItem{width:100%;
    float:left;
    background-color:white;
    padding:2%;
    margin-bottom:10px;}

.reviewsItemHeader{width:100%;
    float:left;}

.reviewerProfilePic{float:left;}

.reviewNameandReview{float:left;}

.reviewerNameandDateHolder{float:left;
    width:100%;}

.reviewerName{color:black;
    float:left;
    font-size:15px;}

.reviewerDate{float:left;
    margin-left:35px;
    font-size:15px;}

.reviewersRatingStars{padding-left:0px;}

.reviewersRatingStars li{list-style:none;
    display:inline-block;
    margin-right:5px;
    margin-left:5px;}

.reviewersReview{font-size:15px;}

.writeReviewHolder{width:100%;
    float:left;
    background-color:white;
    padding:25px;}

.writeAWrite{font-weight:bold;
    color:black;
    font-size:20px;}

.writeReviewRatingStars{padding-left:0px;}

.writeReviewRatingStars li{list-style:none;
    display:inline;
    margin-right:5px;
    margin-left:5px;}

.writeReviewRatingStars li a{display:inline-block;}

.writeReviewRatingStars li.filled a img{filter:grayscale(0) sepia(100%) hue-rotate(90deg) saturate(500%);}

.writeReviewRatings li a img{filter:grayscale(100%);}

.writeReviewFormHolder{padding:15px;}

#writeReview{float:right;
    background-color:#565d6d;
    border-radius:0px;
    color:white;
    margin-top:10px;}

/* Entry Page - Reviews Tab End */

/* Entry Page - Message Tab */

.message{position:absolute;
    z-index:18;
    background-color:#fafaf2;
    width:100%;}

.sendMessageTitle{font-weight:bold;
    font-size:30px;
    color:black;}

.formLabel{width:100%;
    text-align:left;
    font-weight:bold;
    color:black;
    font-size:15px;}

#reviewMessage{width:100%;
    background-color:#565d6d;
    border-radius:0px;
    color:white;
    margin-top:10px;}

/* Entry Page - Message Tab End */

/* Entry Page - Deals & Offers Tab */

.deals{position:absolute;
    width:100%;
    z-index:17;
    background-color:#fafaf2;}

.offersTitle{font-weight:bold;
    font-size:30px;
    color:black;}

.offersSubTitle{font-weight:bold;
    font-size:20px;
    color:black;}

/* Entry Page - Deals & Offers Tab End */

.modal {display: none; 
    position: fixed; 
    z-index: 1; 
    left: 0;
    top: 0;
    width: 100%; 
    height: 100%; 
    overflow: auto; 
    background-color: rgb(0,0,0); 
    background-color: rgba(0,0,0,0.4);}

.modal-content {background-color: #fefefe;
    margin: 15% auto; 
    padding: 20px; 
    border: 1px solid #888;
    width: 80%;}

.close {color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;}

.close:hover,
.close:focus {color: black;
    text-decoration: none;
    cursor: pointer;}

/* Entry Page End */

/* User Registration Page */

.userRegistrationSection{padding-bottom:30px;
    height:auto;}

.registrationFormHolder{width:100%;
    float:left;
    background-color:#f8f9fb;
    position:relative;}

.userRegistrationForm{position:relative;
    float:left;
    z-index:11;
    transition: opacity 0.5s ease-in-out;}

.userFormActive{display:block;}

.userFormInactive{opacity: 0;
    pointer-events: none;}

#userRegistrationText{width:100%;
    margin-top:10px;
    margin-bottom:10px;}

#userFNameRegister{width:100%;
    border:0px;
    padding:5px;
    border:2px solid #CCC;}

#userLNameRegister{width:100%;
    border:0px;
    padding:5px;
    border:2px solid #CCC;}

#userEmailRegister{width:100%;
    border:0px;
    padding:5px;
    border:2px solid #CCC;}

#userPhoneNumberRegister{width:100%;
    border:0px;
    padding:5px;
    border:2px solid #CCC;}

#userPasswordRegister{width:100%;
    border:0px;
    padding:5px;
    border:2px solid #CCC;}

#userConfirmPasswordRegister{width:100%;
    border:0px;
    padding:5px;
    border:2px solid #CCC;}

.agreementText{margin-top:10px;
    margin-bottom:10px;} 

.termsOfUse, .privacyPolicy, .signIn, .register{text-decoration:none;}

#userRegisterBtn{width:100%;
    margin-top:10px;
    background-color:#565d6d;
    color:white;
    border-radius:0px;}

.accountText{margin-top:15px;
    margin-bottom:15px;} 

/* User Registration Page End */

/* Business Registration Page */

.businessRegistrationForm{position:absolute;
    float:left;
    z-index:10;
    transition: opacity 0.5s ease-in-out;}

.businessFormActive{display:block;}

.businessFormInactive{opacity: 0;
    pointer-events: none;}

#businessRegistrationText{width:100%;
    margin-top:10px;
    margin-bottom:10px;}

#businessNameRegister{width:100%;
    padding:5px;
    border:2px solid #CCC;}

#businessEmailRegister{width:100%;
    padding:5px;
    border:2px solid #CCC;}

#businessPasswordRegister{width:100%;
    padding:5px;
    border:2px solid #CCC;}

#businessConfirmPasswordRegister{width:100%;}

#businessRegisterBtn{width:100%;
    margin-top:10px;
    background-color:#565d6d;
    color:white;
    border-radius:0px;}

/* Business Registration Page End */

/* Sign In Page */

.userSignInSection{height:100vh;}

.signInFormHolder{width:100%;
    float:left;
    background-color:#f8f9fb;}

#userSignInText{width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;}

.emailUserSignIn{width:100%;
    border:0px;
    padding:5px;
    border:2px solid #CCC;}

.passwordUserSignIn{width:100%;
    border:0px;
    padding:5px;
    border:2px solid #CCC;}    

#userSignInBtn{width:100%;
    margin-top:10px;
    background-color:#565d6d;
    color:white;
    border-radius:0px;}

.passwordResetText{margin-top:15px;
    margin-bottom:15px;}

.reset{text-decoration:none;}

/* Sign In Page End */

/* Password Reset Request Page */

.passwordResetRequestSection{height:100vh;}

.passwordResetRequestFormHolder{width:100%;
    float:left;
    background-color:#f8f9fb;}

#passwordResetRequestText{width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;}

.passwordRequestResetEmail{width: 100%;
  border: 0px;
  padding: 5px;
  border: 2px solid #CCC;}

#passwordRequestResetBtn{width: 100%;
  margin-top: 10px;
  background-color: #565d6d;
  color: white;
  border-radius: 0px;}

.passwordResetRequestCancelText{margin-top:15px;
    margin-bottom:15px;}

.cancel{text-decoration:none;}

/* Password Reset Request Page End */

/* Password Reset Page */

.passwordResetSection{height:100vh;}

.passwordResetFormHolder{width:100%;
    float:left;
    background-color:#f8f9fb;}

#passwordResetText{width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;}

.passwordReset, .passwordResetConfirm{width: 100%;
  border: 0px;
  padding: 5px;
  border: 2px solid #CCC;}

#passwordResetBtn{width: 100%;
  margin-top: 10px;
  background-color: #565d6d;
  color: white;
  border-radius: 0px;}

.passwordResetCancelText{margin-top:15px;
    margin-bottom:15px;}

/* Password Reset Page End */

/* Listing (Business Backend) Page */

.listingSection{padding-bottom:30px;}

.listingContent{background-color:#f8f9fb;
    float:left;
    width:100%;
    padding:40px;}

.listingForm{float:left;
    width:100%;}

.listingFormStep{float:left;
    width:100%;
    display:none;}

.listingFormStepActive{display:block;}

.listingText{font-weight:bold;
    font-size:20px;}

.productsTitle{font-weight:bold;
    font-size:20px;}

.listingProductsHolder{margin-bottom:20px;
    float:left;}

.mainProductsText{font-weight:bold;
    font-size:15px;}

.secondaryProductsText{font-weight:bold;
    font-size:15px;}

.customersTitle{font-weight:bold;
    font-size:20px;}

.listingCustomerHolder{margin-bottom:20px;
    float:left;}

.areasServedText{font-weight:bold;
    font-size:15px;}  

.contactNumberText{font-weight:bold;
    font-size:15px;}

.hoursTitle, .daysTitle, .paymentsTitle{font-weight:bold;
    font-size:20px;}

.hoursOpenList{padding-left:0px;}
.hoursOpenList li{width:100%;
    float:left;
    list-style:none;
    margin-right:5px;
    margin-left:5px;}

.radioBtn{float:left;
    margin-top:6px;}

.radioText{float:left;
    margin-left:10px;}

.daysOpenList{padding-left:0px;}
.daysOpenList li{width:100%;
    float:left;
    list-style:none;
    margin-right:5px;
    margin-left:5px;}

.paymentAcceptedList{padding-left:0px;}
.paymentAcceptedList li{width:100%;
    float:left;
    list-style:none;
    margin-right:5px;
    margin-left:5px;}

.businessTitle{font-weight:bold;
    font-size:20px;}

.listingBusinessHolder{margin-bottom:20px;
    float:left;}

.businessNameText{font-weight:bold;
    font-size:15px;}

.businessTypeText{font-weight:bold;
    font-size:15px;}   

.businessLocationText{font-weight:bold;
    font-size:15px;}
    
.cityText{font-weight:bold;
    font-size:15px;}

.countyText{font-weight:bold;
    font-size:15px;}

.postalAddressText{font-weight:bold;
    font-size:15px;}  
    
.businessDescriptionText{font-weight:bold;
    font-size:15px;}

.businessLogoInput{margin-top:15px;}

#prevBtn1, #prevBtn2, #nextBtn1, #nextBtn2{margin:auto;
    background-color:#565d6d;
    border-radius:0px;
    color:white;
    margin-top:10px;}

#listingSubmitBtn{margin:auto;
    background-color:#565d6d;
    border-radius:0px;
    color:white;
    margin-top:10px;}   

.stepsToggle{padding-left:0px;}

.stepsToggle li{list-style:none;
    display:inline-block;;
    /*margin-right:5px;
    margin-left:5px;*/
    margin: 0 10px;
    padding:5px 10px;
    border-radius:5px;
    border:1px solid #000;}

.stepsToggle li.active{background-color:#f8eb00;
    color:white;
    font-weight:bold;}

.feedback-message {display: none;
    color: red;
    font-size: 1em;
    margin-bottom: 10px;
    text-align: center;}
    
.feedback-message.visible {display: block;}    

/* Listing (Business Backend) Page End */

/* About Us Page */

.aboutUsSection{height:100vh;
    padding-bottom:30px;}

/* About Us Page End */

/* Contact Us Page */

.contactUsSection{height:100vh;
    padding-bottom:30px;}

/* Contact Us Page End */

/* Careers Page */

.careersSection{height:100vh;
    padding-bottom:30px;}

/* Careers Page End */

/* Privacy Policy Page */

.privacyPolicySection{height:100vh;
    padding-bottom:30px;}

/* Privacy Policy Page End */

/* Terms of Use Page */

.termsOfUseSection{height:100vh;
    padding-bottom:30px;}

/* Terms of Use Page End */

/* Report Error Page */

.reportErrorSection{height:100vh;
    padding-bottom:30px;}

.reportErrorIntro{margin-top:50px;}

.reportErrorBox{margin:auto;}

#reportSubject{width: 100%;
    border: 0px;
    padding: 5px;
    border: 2px solid #CCC;} 

#errorMessage{width: 100%;
    border: 0px;
    padding: 5px;
    border: 2px solid #CCC;}

.attachment-icon {padding: 10px;
    margin-top:10px;
    float:left;
    text-align: center;}

.attach-a-screenshot{float: left;
    margin-top: 18px;}

#submitErrorBtn{width:100%;
    margin-top:10px;
    background-color:#efe300;
    color:black;
    border-radius:0px;}

/* Report Error Page End */

/* Help Page */

.helpSection{height:100vh;
    padding-bottom:30px;}

/* Help Page End */

.footer{background-color:#f1f1f1;
    padding-top:30px;
    padding-bottom:30px;}