Motel in Eutaw
Travel Inn Eutaw
<>
.calendercontainer {margin: 0 auto;background: white;border-radius: 16px;box-shadow: 0 20px 40px rgba(0000.1);padding-top:15px;}
.nav-tabs-ld {display: flex;background: #f8f9fa;padding: 0 24px;overflow-x: auto;border-radius: 15px 15px 0px 0px;margin-bottom: 0px;background: #ffffff;}
.nav-tab-ld {display: flex;align-items: center;gap: 8px;padding: 16px 20px;border: none;background: none;color: #595b5d;font-size: 14px;font-weight: 600;cursor: pointer;white-space: nowrap;border-bottom: 3px solid transparent;transition: all 0.2s;}
.nav-tab-ld.active {color: #4285f4;border-bottom-color: #4285f4;}
.nav-tab-ld:hover {color: #4285f4;}
.calendercontainer .stay-type-ld {padding: 24px;display: flex;gap: 12px;}
.calendercontainer .stay-type-ld h3{color: #484848;}
.calendercontainer .stay-toggle-ld {padding: 8px 20px;border: 2px solid #e9ecef;background: white;border-radius: 24px;font-size: 14px;font-weight: 500;cursor: pointer;transition: all 0.2s;}
.calendercontainer .stay-toggle-ld.active {background: #4285f4;color: white;border-color: #4285f4;}
.calendercontainer .booking-form-ld {padding: 0 24px 50px 24px;min-height: 130px;}
.calendercontainer .search-input-container-ld {position: relative;margin-bottom: 15px;}
.calendercontainer .search-input-ld {width: 100%;padding: 16px 16px 16px 48px;border: 2px solid #e9ecef;border-radius: 12px;font-size: 16px;outline: none;transition: border-color 0.2sbox-shadow 0.2s;margin-top: 12px;height: auto;}
.calendercontainer .search-input-ld:focus {border-color: #4285f4;box-shadow: 0 0 0 3px rgba(661332440.1);}
.calendercontainer .search-icon-ld {position: absolute;left: 10px;top: 58%;transform: translateY(-50%);color: #6c757d;font-size: 24px;}
.calendercontainer .form-row-ld {display: grid;grid-template-columns: 1fr 1fr 1fr;gap: 16px;margin-bottom:15px;}
.calendercontainer #serachRentCarForm .form-row-ld {display: grid;grid-template-columns: 1fr 1fr 1fr 1fr;gap: 16px;margin-bottom:15px; }
.calendercontainer .form-row-ld.carFrmFld {display: flex !important;gap: 16px;}
.form-row-ld.carFrmFld .form-pair-ld{display: flex;flex: 1;gap: 0px}
.form-row-ld.carFrmFld .form-pair-ld .form-field-ld{width: 50%;}
.form-input-ld#pickup-date.time-select-ld#car_pickup_time{border-radius: 12px 0 0 12px;}
.form-input-ld#dropoff-date.time-select-ld#car_dropoff_time{border-radius: 0px 12px 12px 0px;}
.calendercontainer .form-field-ld {position: relative;background:#fff}
.calendercontainer .form-input-ld {width: 100%;padding: 12px 16px 12px 52px;border: 2px solid #e9ecef;border-radius: 12px;font-size: 16px;background: white;cursor: pointer;outline: none;transition: border-color 0.2sbox-shadow 0.2s;display: flex;flex-direction: column;justify-content: center;line-height: 1.2;height: auto;align-items: flex-start;position: relative;background: transparent;}
.form-input-ld#guests {padding: 20px 16px 20px 55px;}
.form-input-ld:focus.form-input-ld.active {border-color: #4285f4;border-right: 1px solid #4285f4 !important;box-shadow:0 0 0 3px rgba(661332440.1);}
.form-icon-ld {position: absolute;left: 10px;top: 48%;transform: translateY(-50%);color: #6c757d;font-size: 30px;}
.form-icon-ld.guest-ld{top:42%}
.dropdown-arrow-ld {position: absolute;right: 16px;top: 46%;transform: translateY(-50%);color: #6c757d;}
.date-label-ld {font-weight: 600;color: #333;margin-bottom: 4px;}
.date-sublabel-ld {font-size: 12px;color: #6c757d;}
.search-button-ld {position: absolute;width: 40%;left: 30%;padding: 18px;background:linear-gradient(to right#f45315#ff6c00);color: white !important;border: none;border-radius: 12px;font-size: 24px;font-weight: 600;cursor: pointer;transition: background-color 0.2s;text-decoration: none;bottom: -35px;}
.search-button-ld:hover {background: linear-gradient(to right#f43a15#ff6c00);color: white;}
/* Calendar Popup */
.calendar-popup-ld {position: absolute;top: 100%;left: 0;right: 0;background: white;border: 1px solid #e9ecef;border-radius: 12px;box-shadow: 0 10px 30px rgba(0000.15);z-index: 1000;opacity: 0;visibility: hidden;transform: translateY(-10px);transition: all 0.3s cubic-bezier(0.400.21);margin-top: 8px;width: 100%;min-width: 650px;max-width: none;}
.calendar-popup-ld.show {opacity: 1;visibility: visible;transform: translateY(0);}
.calendar-header-ld {display: flex;border-bottom: 1px solid #e9ecef;}
.calendar-tab-ld {flex: 1;padding: 16px;text-align: center;border: none;background: none;font-size: 14px;font-weight: 500;cursor: pointer;color: #6c757d;border-bottom: 3px solid transparent;}
.calendar-tab-ld.active {color: #4285f4;border-bottom-color: #4285f4;}
.calendar-content-ld {padding: 24px;overflow: visible;}
.calendar-nav-ld {display: flex;justify-content: space-between;align-items: center;margin-bottom: 24px;color: #000;}
.calendar-nav-ld button {background: none;border: none;font-size: 20px;cursor: pointer;padding: 8px;border-radius: 50%;color: #4285f4;font-weight: bold;}
.calendar-nav-ld button:hover {background: #f8f9fa;}
.calendar-months-ld {display: grid;grid-template-columns: 1fr 1fr;gap: 32px;min-height: 300px;width: 100%;}
.calendar-month-ld {text-align: center;min-width: 280px;}
.month-header-ld {font-size: 16px;font-weight: 600;margin-bottom: 16px;color: #333;}
.calendar-grid-ld {display: grid;grid-template-columns: repeat(71fr);gap: 4px;}
.day-header-ld {padding: 8px 4px;font-size: 12px;font-weight: 500;color: #6c757d;}
.calendar-day-ld {width: 36px;height: 36px;border: none;background: none;border-radius: 50%;font-size: 14px;cursor: pointer;transition: all 0.2s;margin: 0 auto;position: relative;justify-content: center;display: flex;align-items: center;color: #333;}
.calendar-day-ld.other-month-ld{opacity:0;color: #ccc;cursor: not-allowed;}
.calendar-day-ld:hover:not(.disabled):not(.selected-ld):not(.range-start-ld):not(.range-end-ld) {background: #f8f9fa;transform: scale(1.1);color: #4285f4;}
.calendar-day-ld.selected-ld {background: #4285f4;color: white;box-shadow: 0 2px 8px rgba(661332440.3);transform: scale(1.05);}
.calendar-day-ld.in-range-ld {background: #e3f2fd;color: #4285f4;border-radius: 0;animation: rangeHighlight 0.3s ease-in-out;}
.calendar-day-ld.range-start-ld {background: #4285f4;color: white;border-radius: 50% 0 0 50%;box-shadow: 0 2px 8px rgba(661332440.3);transform: scale(1.05);animation: selectDate 0.3s ease-in-out;}
.calendar-day-ld.range-start-ld:hover{background: #4285f4;}
.calendar-day-ld.in-range-ld{color: #1751ae;background: #e3edff;border-radius: 0px;}
.calendar-day-ld.range-end-ld {background: #4285f4;color: white;border-radius: 0 50% 50% 0;box-shadow: 0 2px 8px rgba(661332440.3);transform: scale(1.05);animation: selectDate 0.3s ease-in-out;}
.calendar-day-ld.single-selected-ld {background: #4285f4;color: white;border-radius: 50%;box-shadow: 0 2px 8px rgba(661332440.3);transform: scale(1.05);animation: selectDate 0.3s ease-in-out;}
.calendar-day-ld.disabled {color: #ccc;cursor: not-allowed;}
/* Guest Popup */
.guest-popup-ld {position: absolute;top: 100%;left: 0;right: 0;background: white;border: 1px solid #e9ecef;border-radius: 12px;box-shadow: 0 10px 30px rgba(0000.15);z-index: 1000;opacity: 0;visibility: hidden;transform: translateY(-10px);transition: all 0.3s cubic-bezier(0.400.21);margin-top: 8px;padding: 20px;}
.guest-popup-ld.show {opacity: 1;visibility: visible;transform: translateY(0);}
.guest-row-ld {display: flex;justify-content: space-between;align-items: center;padding: 12px 0;color: #000;}
.guest-counter-ld {display: flex;align-items: center;gap: 12px;}
.counter-btn-ld {width: 32px;height: 32px;border: 1px solid #e9ecef;background: white;border-radius: 50%;cursor: pointer;display: flex;align-items: center;justify-content: center;font-size: 16px;transition: all 0.2s;}
.counter-btn-ld:hover {border-color: #4285f4;color: #4285f4;}
.counter-btn-ld:disabled {opacity: 0.5;cursor: not-allowed;}
.counter-value-ld {min-width: 20px;text-align: center;font-weight: 500;}
.newClndCBox{display: inline-block;width: 100%;text-align: left;}
.newClndCBox .child-ages-box-inner select{width:100%;border: 2px solid #e9ecef;border-radius: 8px;font-size: 16px;background: white;cursor: pointer;outline: none;transition: border-color 0.2sbox-shadow 0.2s;padding: 10px;height: auto;}
.calendercontainer .form-row-ld.carFrmSrch{grid-template-columns: 1fr 1fr !important;margin-bottom: 0 !important;}
.form-row-ld.carFrmSrch .search-input-container-ld{width: 100%;}
.form-trasfer-icon-ld{position: absolute;top: 26px;left: -25px;display: flex;justify-content: center;align-items: center;font-size: 24px;background: #ebebeb;padding: 5px;border-radius: 6px;box-shadow: rgba(0000.2) 0px 1px 3px 1px;background-color: rgb(255255255); color: #a7a7a7;height: 34px;width: 34px;}
.locIcon-ld{left: 20px !important;font-size: 32px !important;}
.newClndHeader .returncarLocChkbox{display:none;}
.popupClose.getdateSearchModalWindow{background: #e35000 !important;}
.child-ages-box-inner{display: grid;grid-template-columns: 1fr 1fr;gap: 5px;}
/* Added s for airport transfer form */
.time-select-ld {padding: 20px 16px 21px 52px;border: 2px solid #e9ecef;border-radius: 8px;font-weight: 500;color: #333333;background: white;cursor: pointer;width: 100%;}
.time-select-ld:focus {outline: none;border-color: #4285f4;box-shadow: 0 0 0 3px rgba(661332440.1);}
/* Added s for date and day name spans */
.date-main-ld {font-weight: 600;color: #333;font-size: 16px;}
.date-day-ld {font-size: 14px;color: #6c757d;margin-top: 1px;}
.ld-calender-wrop .srchFormSec{padding:0px}
.ld-calender-wrop .booking_form{margin:0px;padding:0px;border-radius: 0 0 15px 15px;}
.ld-calender-wrop .auto-search-wrap ul.typeahead{top:73px !important}
.loading-spinner{top:28px}
.form-row-ld.dateClnd-ld{margin-top:15px}
.hero.innerpages .wrapper h1.hero.innerpages .wrapper h3.hero.innerpages .wrapper h2{margin-top:3px}
.auto-search-wrap.tourTb{margin-top:7px}
/*.hero.jarallax.innerpages.hero.home-search.jarallax{background: linear-gradient(to right#f44336#ff9800) !important;}*/
/*.hero.HomPg .wrapper small{background: #2a2a2a;color:#fff;}*/
.chldAgsB{display: inline-block !important;}
.form-icon-ld img{width: 34px;position: relative;top: -2px;z-index: 0;}
/* Responsive Design */
@media (max-width: 768px) {
.form-row-ld {grid-template-columns: 1fr;}
.calendar-months-ld {grid-template-columns: 1fr;gap: 24px;}
.nav-tabs-ld {padding: 0 16px;}
.booking-form-ld {padding: 0 16px 2px 16px;}
.stay-type-ld {padding: 16px;}
.calendar-popup-ld {min-width: auto;left: -20px;right: -20px;width: calc(100vw - 40px);}
.calendar-month-ld {min-width: auto;}
.form-row-ld.dateClnd-ld{grid-template-columns: repeat(21fr);}
.form-field-ld.childBox-ld{ grid-column: 1 / span 2; }
.calendercontainer .form-input-ld{padding:12px 6px 12px 40px}
.date-main-ld{font-size: 13.5px;}
.date-day-ld{font-size: 12px;margin-top:0px}
.search-button-ld{width: 60%;left: 20%;bottom: -20px;font-size:18px}
.calendercontainer .booking-form-ld {padding: 0 2px 45px 2px; min-height:auto;}
.calendercontainer .search-input-container-ld { margin-bottom: 5px;}
.calendercontainer .search-input-ld{margin-top:2px}
form#frmsrc{padding:0px 10px}
form#serachRentCarForm{padding:0px 10px}
form#frmsrcTorus{padding:0px 10px}
.newClndHeader .returncarLocChkbox{display:none;}
.calendercontainer .form-row-ld.carFrmSrch{grid-template-columns: 1fr !important;margin-top: 22px;gap: 4px;}
.form-trasfer-icon-ld{top: -25px;left: 45%;}
.calendercontainer .form-row-ld.carFrmFld{display: inline-block !important;width:100%;}
.form-row-ld.carFrmFld .form-pair-ld{gap:10px;margin-bottom:8px}
.carFrmFld .form-trasfer-icon-ld{top: -25px;}
.carFrmFld .form-input-ld#pickup-date.carFrmFld .time-select-ld#car_pickup_time{border-radius:12px}
.carFrmFld .form-input-ld#dropoff-date.carFrmFld .time-select-ld#car_dropoff_time{border-radius:12px}
.search-input-container-ld.auto-search-wrap:nth-child(1){margin-bottom:-5px}
.form-icon-ld{left:1px;top:30px;font-size:28px}
.calendercontainer .search-icon-ld{top:32px}
.date-main-ld{font-size:14px}
.time-select-ld{padding:20px 8px 21px 40px}
.hero.medium-height.innerpages{min-height: 520px !important;height: 530px !important;}
.hero.medium-height.innerpages.HomPg{height: 530px !important;}
.bk-bxs2 .topfixedTotalBar.fixedBookBtn {top: 40px !important;}
.form-icon-ld img{left:4px}
.search-button-ld{background: linear-gradient(to right#152849#181b5d);}
.search-button-ld:hover{background: linear-gradient(to right#152849#181b5d);}
}
@media (max-width: 480px) {
.calendar-content-ld {padding: 16px;}
.calendar-day-ld {width: 32px;height: 32px;font-size: 12px;}
.calendar-popup-ld {left: -10px;right: -10px;width: calc(100vw - 20px);}
.form-row-ld.dateClnd-ld{grid-template-columns: repeat(21fr);}
.form-field-ld.childBox-ld{ grid-column: 1 / span 2; }
.calendercontainer .form-input-ld{padding:12px 6px 12px 40px}
.date-main-ld{font-size: 13.5px;}
.date-day-ld{font-size: 12px;margin-top:0px}
.search-button-ld{width: 60%;left: 20%;bottom: -20px;font-size:17px}
.calendercontainer .booking-form-ld {padding: 0 2px 45px 2px;min-height:auto}
.calendercontainer .search-input-container-ld { margin-bottom: 5px;}
.calendercontainer .search-input-ld{margin-top:2px}
.newClndHeader .searchBarTabs ul li.activTab{background: #ccdbff;border: 2px solid #08349c;color: #0f2559;}
.newClndHeader .searchBarTabs ul li{border: 2px solid #ebebf2;}
.newClndHeader .booking_form input#checkBoxReturnInput{height: 12px}
.newClndHeader .returncarLocChkbox{top: 12px;left: 10px;}
.newClndHeader .booking_form input.date-input-field{border: 2px solid #e9ecef;border-radius:8px !important}
.newClndHeader .booking_form input.date-input-field.fld1{border-radius: 8px 0px 0px 8px !important;}
.newClndHeader .booking_form input.date-input-field.fld2{border-radius: 0px 8px 8px 0px !important;}
.newClndHeader .booking_form input.guest-input-field{border: 2px solid #e9ecef;border-radius: 8px 0px 0px 8px;}
.newClndHeader .booking_form input.guest-input-field.fld2{border-radius: 0px;}
.newClndHeader .booking_form input.guest-input-field.fld3 {border-radius:0px 8px 8px 0px;}
.newClndHeader .booking_form.mobCarF select.guest-input-field{border: 2px solid #e9ecef;border-radius:0px 8px 8px 0px;}
.newClndHeader .booking_form input.date-input-field#hdestsearchlocation{border: 2px solid #e9ecef;}
.newClndHeader .returncarLocChkbox{color: #f44336;}
.newClndHeader .calendercontainer{ padding-top:2px;padding-bottom: 15px;}
.newClndHeader .filterFixedClass{top: 115px;}
.newClndHeader .ftHead{top: 75px}
.newClndHeader .returncarLocChkbox{display:none;}
.calendercontainer .form-row-ld.carFrmSrch{grid-template-columns: 1fr !important;margin-top: 22px;gap: 4px;}
.form-trasfer-icon-ld{top: -25px;left: 45%;}
.calendercontainer .form-row-ld.carFrmFld{display: inline-block !important;width:100%;}
.form-row-ld.carFrmFld .form-pair-ld{gap:10px;margin-bottom:8px}
.carFrmFld .form-trasfer-icon-ld{top: -25px;}
.carFrmFld .form-input-ld#pickup-date.carFrmFld .time-select-ld#car_pickup_time{border-radius:12px}
.carFrmFld .form-input-ld#dropoff-date.carFrmFld .time-select-ld#car_dropoff_time{border-radius:12px}
.search-input-container-ld.auto-search-wrap:nth-child(1){margin-bottom:-5px}
.form-icon-ld{left:1px;top:30px;font-size:28px}
.calendercontainer .search-icon-ld{top:32px}
.date-main-ld{font-size:14px}
.time-select-ld{padding:20px 8px 21px 40px}
.hero.medium-height.innerpages{min-height: 520px !important;height: 530px !important;}
.hero.medium-height.innerpages.HomPg{height: 530px !important;}
.bk-bxs2 .topfixedTotalBar.fixedBookBtn {top: 40px !important;}
.form-icon-ld img{left:4px}
.search-button-ld{background: linear-gradient(to right#152849#181b5d);}
.search-button-ld:hover{background: linear-gradient(to right#152849#181b5d);}
}
@media only screen and (min-device-width: 1024px) and (max-device-height: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait){
header.fixed_header{background-color: rgb(24 24 53) !important;border-bottom: 1px solid #757575 !important;position: relative !important;
-webkit-transition: none !important;transition: inherit !important;}
.search-button-ld{background: #181835;}
}
@media only screen and (min-device-width: 1024px) and (max-device-height: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape){
.hero.home-search .opacity-mask{background: linear-gradient(to right#f44336#ff9800) !important;padding-top:10px}
.bgSolidBanner{background: linear-gradient(to right#f44336#ff9800) !important;}
header.fixed_header{background-color: rgb(24 24 53) !important;border-bottom: 1px solid #757575 !important;position: relative !important;
-webkit-transition: none !important;transition: inherit !important;}
.search-button-ld{background: #181835;}
}
/* Smooth Animations for Date Selection */
@keyframes selectDate {
0% {transform: scale(1);}
50% {transform: scale(1.2);}
100% {transform: scale(1.05);}
}
@keyframes rangeHighlight {
0% {background: transparent;}
100% {background: #e3f2fd;}
}
/* for RTL lang */
.calendercontainer.rtl .search-icon-ld {left: auto;right: 6px;}
.calendercontainer.rtl .form-icon-ld {left: auto;right: 6px;}
.calendercontainer.rtl .dropdown-arrow-ld {right: auto;left:5px;}
.calendercontainer.rtl .search-input-ld {padding: 16px 48px 16px 16px;}
.calendercontainer.rtl .form-input-ld{padding: 12px 48px 12px 16px;}
.calendercontainer.rtl .time-select-ld{padding: 20px 48px 21px 16px;}
.calendercontainer.rtl .form-input-ld#guests {padding: 20px 55px 20px 16px;}
.calendercontainer.rtl .calendar-nav-ld {flex-direction: row-reverse;}
.calendercontainer.rtl .guest-row-ld {flex-direction: row-reverse;}
.calendercontainer.rtl .guest-counter-ld {flex-direction: row-reverse;}
/* Added RTL support for calendar range styling */
.calendercontainer.rtl .calendar-day-ld.range-start-ld {border-radius: 0 50% 50% 0;}
.calendercontainer.rtl .calendar-day-ld.range-end-ld {border-radius: 50% 0 0 50%;}
>
< type="text/css">
#jarallax-container-custom{position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;overflow: hidden;z-index: -100;clip-path: polygon(0px 0px100% 0px100% 100%0px 100%);}
#jarallax-container-custom img.jarallax-img-custom{object-fit: cover;object-position: 50% 50%;position: fixed;top: 0px;left: 0px;overflow: hidden;pointer-events: none;transform-: preserve-3d;backface-visibility: hidden;background-color: rgb(28 29 45);width: 100% !important;max-width: 100% !important;z-index: 0;margin-top: 0px !important;transform: none !important;height: 70vh !important;}
>
< type="text/css">
.restAttrSlid.nbatr{padding-top:0px;}
>