/* Theme Name: Traveler Child Description: Traveler Child Theme URI: https://Midiyasoft.com/ Author: the Midiyasoft Author URI: https://midiyasoft.com Version: 3.1.1 Template: traveler */ * { touch-action: manipulation; } html, body { overflow-x: hidden; } body.st-mod-style { overflow-x: hidden !important; padding: 0 !important; } body ,p , input, q,textarea,label,select,button,.button,.elementor-icon-list-text,.cate.category-color ul li a{ font-family: DM Sans, Tahoma !important; } .elementor-nav-menu a, .elementor-nav-menu li,.elementor-item,.elementor-button-text { font-family: 'DM Sans'; } h1, h2, h3, h4, h5, h6{ font-family: 'DM Sans', Tahoma ; } body.st-mod-style .st-style-elementor h1 { font-size: 32px; } body.st-mod-style .st-style-elementor h2 { font-size: 28px; } body.st-mod-style .st-style-elementor h3 { font-size: 22px; } /* border radius */ .extra-service-select, .extra-service-select * { cursor:pointer; } .single-st_tours #st-content-wrapper.st-style-elementor .st-form-book-wrapper .form-more-extra a, .single-st_activity #st-content-wrapper.st-style-elementor .st-form-book-wrapper .form-more-extra a, .single-st_cars #st-content-wrapper.st-style-elementor .st-form-book-wrapper .form-more-extra a, .single-st_rental #st-content-wrapper.st-style-elementor .st-form-book-wrapper .form-more-extra a { display: none !important; } .single-st_tours #st-content-wrapper .form-more-extra .extras, .single-st_rental #st-content-wrapper .form-more-extra .extras, .single-st_cars #st-content-wrapper .form-more-extra .extras, .single-st_activity #st-content-wrapper .form-more-extra .extras, .single-hotel_room #st-content-wrapper .form-more-extra .extras { display: block !important; } .single-st_tours #st-content-wrapper .form-more-extra, .single-st_rental #st-content-wrapper .form-more-extra, .single-st_cars #st-content-wrapper .form-more-extra, .single-st_activity #st-content-wrapper .form-more-extra, .single-hotel_room #st-content-wrapper .form-more-extra { border: 1px solid #ccc; border-radius: 15px 15px 0 0; margin-bottom: -20px; } .single-room-form .form-group.form-more-extra { border-radius: 15px !important; margin-top: 8px !important; border: 1px solid #ccc !important; } .st-single-tour .st-fixed-form-booking .st-form-booking-action form .st-group-form { border-radius: 0 0 20px 20px !important; } .singe-hotel-layout-4 .st-fixed-form-booking .st-form-booking-action form .st-group-form { border-radius: 20px 20px !important; } form#form-booking-inpage .st-group-form { border-radius: 20px !important; } .st-single-tour form#form-booking-inpage .st-group-form { border-radius: 0 0 20px 20px !important; margin-top: 10px; border-top: none; } .st-single-car-3 form#form-booking-inpage .st-group-form { border-radius: 20px !important; border-top: 1px solid #ccc; } .cart-item .media { justify-content: space-between; } .woocommerce .st-woo-thankyou-page{ padding: 30px !important; box-shadow: 2px 4px 24px rgb(0,0,0,0.05); margin-top: 50px; border-radius: 20px; margin-bottom: 50px; } .woocommerce .lost_reset_password, .woocommerce .woocommerce-cart-form { margin-top: 30px; } .woocommerce div#st-content-wrapper{ margin: 0 !important; } .woocommerce .st-woo-cartpage, .woocommerce .st-coupon-wrapper, .woocommerce .st-woo-thankyou-page, .woocommerce-page .st-woo-cartpage, .woocommerce-page .st-coupon-wrapper, .woocommerce-page .st-woo-thankyou-page { padding: 0; } .woocommerce-account .woocommerce-MyAccount-content, .woocommerce-account .woocommerce-MyAccount-navigation { padding-top: 30px; } .woocommerce-account .woocommerce-MyAccount-navigation ul { padding: 30px; list-style: none; border-radius: 20px; line-height: 40px; background-image: linear-gradient(to right,#1c4c8c,#1c4c8c,#673AB7,#1c4c8c); background-size: 300% 100%; -webkit-transition: .4s ease-in-out; transition: .4s ease-in-out; } .woocommerce-account .woocommerce-MyAccount-navigation ul li a{ color: #fff; font-size: 18px; } .woocommerce-account .woocommerce-MyAccount-navigation ul li:hover { background-color: #fff; border-radius: 10px; padding-right: 10px; -webkit-transition: .4s ease-in-out; transition: .4s ease-in-out; } .woocommerce-account .woocommerce-MyAccount-navigation ul li:hover a{ color: #1c4c8c; } .woocommerce form .form-row .input-text, .woocommerce-page form .form-row .input-text { height: 45px; border-radius: 8px; padding-right: 15px; padding-left: 15px; } /*.stt-menu-transparent header.header #main-menu > li a:hover { background-color: #fff; }*/ .header__center #st-main-menu .main-menu > li.active > a, .header__center #st-main-menu .main-menu > li:hover > a, .header__center #st-main-menu .main-menu > li.current-menu-item > a { color: #ffc107 !important; } .header__center #st-main-menu .main-menu > li > a { height: 50px; max-height: 50px; padding: 0 6px !important; display: flex; align-content: center; justify-content: center; align-items: center; } .header__center #st-main-menu .main-menu > li:hover > a { color: #ffc107 !important; /* filter: brightness(115%); background-color: #1c4c8c; border-radius: 50px;*/ } .single #st-content-wrapper.st-style-elementor .widget-box.st-logo-box img { max-width: 200px; margin: 0 auto; display: flex; } .services-item.item-elementor .item .featured-image a .image-feature { min-height: 240px; object-fit: cover; max-height: 240px; } /*.st-relate.car-layout3 .services-item.item-elementor .item .featured-image a .image-feature { min-height: min-content; object-fit: contain; max-height: max-content; } .car-layout4 .services-item.item-elementor .item .featured-image a .image-feature { min-height: min-content; object-fit: cover; max-height: max-content; }*/ .st-single-blog--solo .single-blog--heading { margin: 0 auto; box-shadow: 0px 0px 20px 3px rgb(0 0 0 / 34%); } .st-single-blog--solo .st-blog .blog-content .blog-content--center .article--detail-solo .post-content h3 { margin: 20px 0px 10px 0px !important; padding-top: 15px; } .rank-math-list-item { box-shadow: 0 0 10px 0 rgb(0, 0, 0, 0.1); padding: 0px 20px; border-radius: 10px; } .rank-math-answer { padding-bottom: 1px; } .st-banner-search-form.style_2 .st-search-form-el { border: 1px solid #fff !important; box-shadow: 0px 1px 20px rgba(0, 0, 0, 0.08), 0px 4px 12px rgba(0, 0, 0, 0.05) !important; border-radius: 20px !important; } .st-banner-search-form.style_2 .st-search-form-el .st-search-el .search-form .form-date-field .date-item-wrapper { min-height: 66px !important; } .st-banner-search-form.style_2 .st-search-form-el .st-search-el .search-form .st-focus { border-radius: 10px !important; } .btn-v2 { border-radius: 10px !important; } .st-banner-search-form.style_2 .st-search-form-el .button-search-wrapper .btn-search { height: 50px !important; border-radius: 15px !important; } .services-item.item-elementor .item .content-item .price-wrapper { font-size: 12px !important; } .services-item.item-elementor .item .content-item .price-wrapper .price { font-size: 14px !important; flex-direction: column-reverse !important; } #st-content-wrapper .hotel-target-book-mobile { box-shadow: 2px 4px 25px rgb(0,0,0,0.2); } .single #st-content-wrapper.st-style-elementor .services-nearby h2.st-heading { margin-bottom: 0px !important; } body .services-nearby .st-owl-slider .services-item.item-elementor { direction: rtl; } #st-login-form .modal-dialog .modal-body .login-form-wrapper form .form-group input[type=submit], #st-login-form-page .modal-dialog .modal-body .login-form-wrapper form .form-group input[type=submit], #st-forgot-form-page .modal-dialog .modal-body .login-form-wrapper form .form-group input[type=submit] { border-radius: 10px !important; } .modal-content .account-tabs li.active { color: #fff !important; background-color: #1c4c8c; padding: 4px 20px; border-radius: 8px; text-decoration: none !important; } #st-login-form .modal-dialog .modal-body .login-form-wrapper form .create-account-action .open-signup, #st-login-form-page .modal-dialog .modal-body .login-form-wrapper form .create-account-action .open-signup, #st-forgot-form-page .modal-dialog .modal-body .login-form-wrapper form .create-account-action .open-signup { color: #fff !important; text-decoration: none !important; } #st-login-form .modal-dialog .modal-body .login-form-wrapper form .create-account-action, #st-login-form-page .modal-dialog .modal-body .login-form-wrapper form .create-account-action, #st-forgot-form-page .modal-dialog .modal-body .login-form-wrapper form .create-account-action { background-color: #1c4c8c; border-radius: 10px; text-decoration: none !important; line-height: 40px; } .woocommerce table.cart td.actions .coupon .input-text, .woocommerce-page table.cart td.actions .coupon .input-text , body.st-mod-style .st-style-elementor .button{ border: 1px solid #1c4c8c !important; border-radius: 10px !important; height: 40px; } body.st-mod-style .st-style-elementor .button { background-color: #1c4c8c !important; color: #fff !important; display: flex; justify-content: center; align-items: center; margin-left: 5px; } body.st-mod-style .st-style-elementor .button:hover{ background-color: #ffc107 !important; border: 1px solid #ffc107 !important; color: #000; } .rw_varition_price_form .btn-book-ajax { width: 100%; border: none!important; display: block; color: #fff!important; border-radius: 50px!important; background: var(--main-color,#3B71FE); } .rw_varition_price_form input.form-control, #rw_varition_select { border: 1px solid #1c4c8c82; box-sizing: border-box; border-radius: 10px; padding: 10px 15px; font-weight: 400; font-size: 16px; line-height: 33px; color: var(--grey-color,#5E6D77); box-shadow: 2px 4px 15px rgb(0,0,0,0.08); } .rw_varition_price_form .form-control:focus { color: #212529; background-color: #fff; border-color: #ffc107; outline: 0; box-shadow: 0 0 0 0.25rem rgba(13,110,253,.25); } .st-blog--banner, .stt-menu-transparent:not(.single-st_rental) #st-content-wrapper:not(.st-style-elementor) { margin-top: -45px; } .st-blog-solo--wrapper .st-blog--search .blog-wrapper .st-blog--bg .st-blog--item .thumb a img { width: 100%; } .st-blog-solo--wrapper .st-blog--search .blog-wrapper .st-blog--bg .st-blog--item .thumb-caption .blog-date li:not(:first-child):after { right: -11px; left: auto; } .st-blog-solo--wrapper .st-blog--search .blog-wrapper .st-blog--bg .st-blog--item .thumb-caption .blog-date li.blog-location { margin-left: 20px; margin-right: 0 !important; } .st-single-blog--solo .single-blog--heading .st-title--bg { z-index: 10 !important; } #st-content-wrapper .banner.st-banner-solo .st-breadcrumb { position: relative !important; } #st-content-wrapper .banner.st-banner-solo .st-breadcrumb ul li a{ color: #fff !important; } #st-content-wrapper .banner.st-banner-solo .st-breadcrumb ul li.active, #st-content-wrapper .banner.st-banner-solo h1 { color: #FFC107 !important; } .col-xs-12.col-sm-12.col-md-8.blog-tablet { width: 100%; } #whatsapp-btn .elementor-button-content-wrapper { display: flex; flex-direction: row; align-content: center; flex-wrap: nowrap; justify-content: center; align-items: center; } #whatsapp-btn .elementor-button-icon .e-font-icon-svg { height: 2em; width: 2em; } .header__right .items li:not(:first-child) { margin-left: 10px !important; margin-right: 10px; } #dropdown-language img { height: 30px !important; width: 30px !important; } ul#main-menu { display: flex; } div#wpml-widget-left { transform: translate3d(-30px, 0px, 10px); transition: 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955); } div#wpml-widget-left:hover { transform: translate3d(0px, 0px, 10px); } .wpml-ls-legacy-list-horizontal .wpml-ls-flag+span { margin-right: .4em !important; margin-left: .4em !important; } #menu-item-wpml-ls-150-fa, #menu-item-wpml-ls-150-en .menu-item { display: flex !important; direction: ltr; } .single-st_tours #st-content-wrapper.st-style-elementor .st-form-book-wrapper .form-more-extra .extra-service-select, .single-st_activity #st-content-wrapper.st-style-elementor .st-form-book-wrapper .form-more-extra .extra-service-select, .single-st_cars #st-content-wrapper.st-style-elementor .st-form-book-wrapper .form-more-extra .extra-service-select, .single-st_rental #st-content-wrapper.st-style-elementor .st-form-book-wrapper .form-more-extra .extra-service-select { background: url("data:image/svg+xml;utf8,") no-repeat; background-repeat: no-repeat; background-position: calc(100% - 10px) 16px; background-size: 10px; border: 1px solid #1c4c8c; border-radius: 7px; margin-left: 7px; text-align: left; } #write-review .stt-icon-arrow-down:before, #write-review .stt-icon-arrow-up:before { top: 5px; position: relative; } .form-more-extra .extras, .st-flex.space-between span { font-size: 13px; } .guest_name_input .guest_name_control .control-item select{ border: 1px solid #1c4c8c; background: url("data:image/svg+xml;utf8,") no-repeat; padding: 5px; background-size: 10px; background-position: calc(100% - 42px) 16px; background-repeat: no-repeat; background-color: #fff; border-radius: 7px; margin-left: 7px; } .single-st_tours #st-content-wrapper.st-style-elementor .form-guest-search .guest-wrapper, .single-st_activity #st-content-wrapper.st-style-elementor .form-guest-search .guest-wrapper, .single-st_cars #st-content-wrapper.st-style-elementor .form-guest-search .guest-wrapper, .single-st_rental #st-content-wrapper.st-style-elementor .form-guest-search .guest-wrapper { padding: 10px 20px; } .wpml-ls-menu-item .wpml-ls-flag+span { margin-left: 0.3em !important; margin-right: 0.3em; margin-top: 0.3em; } #menu-item-wpml-ls-150-fa .menu-item img, #menu-item-wpml-ls-150-en .menu-item img { width: 17px; height: 17px; } .page-template-template-tour-search #modern-search-result .service-tour .services-item.item-elementor .item .content-item .section-footer .unit , .home .services-item.item-elementor .item .content-item .price-wrapper .unit, .activity-layout4 .services-item.item-elementor .item .content-item .price-wrapper .unit{ position: relative; top: -85px; } .rental-grid.service-tour .unit , .car-layout3 .unit, div#nav-list-of_servicest_cars .unit{ top: unset !important; position: unset!important; } section.woocommerce-bacs-bank-details { display: flex; flex-direction: column; width: 100%; justify-content: space-between; margin: 0 auto; position: relative; background-color: #1c4c8c !important; border-radius: 28px; max-width: 380px; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); padding: 25px; margin-bottom: 30px; } ul.wc-bacs-bank-details.order_details.bacs_details:before { background-image: url(img/card/chip.png); background-repeat: no-repeat; background-size: contain; content: ''; width:60px; height: 40px; position: absolute; left: 25px; top: 25px; } .woocommerce ul.order_details { padding: 0 !important; } .woocommerce ul.order_details li { border: none !important; color: #fff !important; display: flex; align-content: center; align-items: center; justify-content: space-between; float: none; width: 100%; margin: 0 !important; padding: 0 !important; } .woocommerce ul.order_details li strong { font-family: Poppins; } .woocommerce .wc-bacs-bank-details-account-name { color: #fff !important; font-size: 20px !important; } h2.wc-bacs-bank-details-heading { color: #fff !important; } .st-woo-thankyou-page p { margin: 0 auto; text-align: center; margin-bottom: 20px; font-size: 20px; font-weight: bold; line-height: 1.5; } .woocommerce ul.products li.product a.added_to_cart.wc-forward { display:none!important; } /* Single Product*/ .elementor-add-to-cart.elementor-product-variable { margin-top: 30px; } .elementor-add-to-cart.elementor-product-variable li.product-variation { display: flex; justify-content: space-between; border-bottom: 1px solid #f2f2f7; padding: 5px 20px 5px 20px; height: 50px; align-items: center; transition: 0.5s all; } .elementor-product-variable ul li .single_add_to_cart_button { background-color: #f2f2f7 !important; padding: 10px; border-radius: 30px; max-width: 100px; min-width: 100px; font-weight: 700; display: flex; align-items: center; justify-content: center; } .elementor-product-variable ul li:hover { background-color: #1c4c8c; color: #fff; border-radius: 7px; } .elementor-product-variable ul li:hover .single_add_to_cart_button .price:before { content: "انتخاب"; white-space: nowrap; background-color: #2196F3; color: #fff; z-index: 99; position: absolute; top: 0; right: 0; padding: 10px; border-radius: 30px; max-width: 100px; min-width: 100px; font-weight: 700; display: flex; align-items: center; justify-content: center; } .elementor-product-variable ul li .single_add_to_cart_button .price{ color: #1c4c8c; font-size: 0.75em; } /* .services-item.item-elementor .item .content-item .section-footer .price-wrapper .price { display: flex !important; flex-direction: column-reverse !important; }*/ .services-item.grid.item-elementor.stt-item-rental-loop .section-footer .price-wrapper .price { flex-direction: row !important; } /* Single Activity */ /*.container.st-single-service-content .col-lg-4 { width: 40% ; } .container.st-single-service-content .col-lg-8 { width: 60% ; }*/ .service-list-wrapper.service-tour .services-item.item-elementor .price-wrapper .price .sale-top { white-space: nowrap; } .guest_name_control option:nth-child(2) { display:none; } /* comment form dubai visa */ #commentform .comment-form-author ,#commentform .comment-form-email { display: flex; flex-direction: column; width: 49%; } input#author ,input#email{ background: #FFFFFF; border: 1px solid #DEDEDE; box-sizing: border-box; border-radius: 10px; padding: 10px 15px; font-weight: 400; font-size: 16px; line-height: 26px; color: #83929D; height: unset; margin-top: 0px; } textarea#comment { background: #FFFFFF; border: 1px solid #DEDEDE; box-sizing: border-box; border-radius: 10px; padding: 10px 15px; font-weight: 400; font-size: 16px; line-height: 26px; color: #83929D; height: unset; margin-top: 0px; min-height: 250px !important; width: 49% !important; } @media screen and (max-width: 991px){ .header__right .items .dropdown.dropdown-minicart .dropdown-menu .cart-item { justify-content: flex-start !important; } ul#main-menu { display: block; } .header__right .dropdown-language { display: none; } .header__right .dropdown-currency { margin-top: 10px; } #menu-item-wpml-ls-150-fa, #menu-item-wpml-ls-150-en .menu-item { display: flex !important; direction: ltr; } #menu-item-wpml-ls-150-fa a:before , #menu-item-wpml-ls-150-en a:before{ content: ''; background: url(assets/images/wpml-black.svg); background-repeat: no-repeat; background-size: contain; position: relative !important; left: 10px; width: 17px; height: 17px; } .header__center #st-main-menu .main-menu li.menu-item-has-children .fa { left: auto !important; right: 10px !important; } .header__right .items .dropdown .dropdown-menu { padding: 10px 30px !important; } .header__right .items .dropdown.dropdown-currency .dropdown-menu li { margin: 10px 0 !important; } .st-banner-search-form.style_2 .st-search-form-el .button-search-wrapper .btn-search { border-radius:0 0 15px 15px !important; } .st-banner-search-form.style_2 .st-search-form-el .st-search-el .search-form .button-search-wrapper { margin-right: -2px; margin-left: -2px; margin-bottom: -2px; } .btn-v2.btn-primary.btn-mpopup.btn-green { padding: 15px 9px !important; white-space: inherit; width: 30%; text-align: center; display: flex; align-items: center; justify-content: center; } #st-content-wrapper.st-style-elementor .st-bg-feature .st-banner-search-form { z-index: 3 !important; } .st-service-header2 .reviews span.summary { font-size: 12px; } #st-content-wrapper .hotel-target-book-mobile .st-review-booking-form{ display: none; } .hotel-target-book-mobile .price-wrapper #mobile-price .price { display: flex; flex-direction: column; } .single-st_rental #form-booking-inpage .form-group, .single-st_cars #form-booking-inpage .form-group, .single-st_activity #form-booking-inpage .form-group, .single-hotel_room #form-booking-inpage .form-group { padding: 15px; } .single-st_tours #st-content-wrapper.st-style-elementor .st-form-book-wrapper, .single-st_activity #st-content-wrapper.st-style-elementor .st-form-book-wrapper, .single-st_cars #st-content-wrapper.st-style-elementor .st-form-book-wrapper, .single-st_rental #st-content-wrapper.st-style-elementor .st-form-book-wrapper { padding: 0; z-index: 9999 !important; } .st_overflow .hotel-target-book-mobile { display:none !important; } .st-gallery .owl-carousel .owl-item img { object-fit: cover; height: 400px; } #st-content-wrapper.st-style-elementor .st-fixed-form-booking .close-icon { margin-top: 20px; } } .price-wrapper .price span.text-small.lh1em.item.onsale + .sale-top .item, .price-wrapper .price span.text-small.lh1em.item.onsale + .sale-top .org-price { /*color: #1a2b48 !important;*/ color: #1a2b48 !important; font-weight: bold; } .price-wrapper .price span.text-small.lh1em.item.onsale { color: red !important; font-weight: bold; font-size:12px !important; display: flex !important; justify-content: flex-end; } .price-wrapper .price span.text-small.lh1em.item.onsale .org-price { text-decoration: line-through; } .price .item:eq(1) { display:none; } /*Cart */ :root { --color-blue-100: #f5faff; --color-blue-200: #b8dcff; --color-blue-300: #7ab8ff; --color-blue-400: #3d90ff; --color-blue-500: #0064fe; --color-blue-600: #0046d1; --color-blue-700: #002ba3; --color-blue-800: #001575; --color-blue-900: #000647; --color-green-100: #f0fcf5; --color-green-200: #b4eece; --color-green-300: #78e0a7; --color-green-400: #3cd180; --color-green-500: #00c159; --color-green-600: #009645; --color-green-700: #006a31; --color-green-800: #003f1d; --color-green-900: #001309; --color-gray-100: #f3f5f6; --color-gray-200: #d0d8dd; --color-gray-300: #aebac2; --color-gray-400: #8d9ca7; --color-gray-500: #6c7d8b; --color-gray-600: #576674; --color-gray-700: #424e5c; --color-gray-800: #2e3843; --color-gray-900: #1c212a; --color-white: white; --color-black: black; --color-border: var(--color-gray-200); --space-0: 0; --space-1: 0.25rem; --space-2: 0.5rem; --space-3: 0.75rem; --space-4: 1rem; --space-5: 1.25rem; --space-6: 1.5rem; --space-8: 2rem; --space-10: 2.5rem; --space-12: 3rem; --space-16: 4rem; --space-20: 5rem; --space-24: 6rem; --text-sm: 0.875rem; --text-md: 1rem; --text-lg: 1.25rem; --text-xl: 1.5rem; --radius: 6px; --round: 1000px; --border: 1px solid var(--color-border); --shadow: 0px 2px 8px rgba(0, 0, 0, 0.06), 0px 1px 3px rgba(0, 0, 0, 0.05); --shadow-large: 0px 5px 18px rgba(0, 0, 0, 0.1), 0px 1px 3px rgba(0, 0, 0, 0.05); --shadow-focus: 0 0 0 var(--space-1) var(--color-blue-200); --transition-curve: cubic-bezier(0.2, 0.7, 0.3, 1); --transition-curve-bounce: cubic-bezier(0.175, 0.885, 0.32, 1.275); --transition-speed: 0.25s; --transition-speed-slow: 1s; --transition: all var(--transition-speed) var(--transition-curve); --transition-bounce: all var(--transition-speed) var(--transition-curve-bounce); --opacity-25: 0.25; --opacity-50: 0.5; --opacity-75: 0.75; --opacity-100: 1; } td.product-quantity .quantity { display: flex; justify-content: center; align-items: center; width: auto; height: var(--space-10); border-radius: var(--radius); border: 1px solid var(--color-blue-800); } button.minus,button.plus { display: flex; justify-content: center; align-items: center; width: var(--space-8); height: var(--space-8); border:none; border-radius: var(--radius); background-color: var(--color-white); } input.input-text.qty.text { appearance: none !important; border: none; } /* CheckOut */ .woocommerce-checkout .woocommerce-checkout-review-order-table header { padding: 10px 0 !important; border-bottom: 1px dashed #cacaca !important; margin: 0 0.2rem !important; } .woocommerce-checkout .woocommerce-checkout-review-order-table header .col-left .booking-item-payment-title, p.booking-item-description { font-size: 14px !important; } .woocommerce-checkout .woocommerce-checkout-review-order-table header .booking-item-payment-img { display: none; } /*tr.woocommerce-cart-form__cart-item.cart_item td.product-quantity {*/ /* display: none;*/ /*}*/ /* Mini CART MOKA */ .header__right .items .dropdown.dropdown-minicart .dropdown-toggle i.input-icon.st-border-radius.field-icon.fa { display: none; } .media-right a.remove:hover { background: transparent; } .header__right .items .dropdown.dropdown-minicart .dropdown-menu .cart-item .media-body { margin-right: 0 !important; } .header__right .items .dropdown .dropdown-menu li a.remove:hover { background: transparent !important; } .modal-title { font-weight: bold; font-size: 16px; } h4.media-heading .st-link { color: #757575; font-size: 14px !important; font-weight: bold; pointer-events: none; } .media-body.ms-3 .price-wrapper .price { color: rgb(220,53,69); font-weight: 600; font-size: 13px; } .remove .fa svg g{ stroke: rgb(220,53,69) !important; } .modal-header { font-size: 16px; padding-bottom: 10px !important; border-bottom: 1px solid #e6e6e6 !important; font-weight: 600; margin-bottom: 10px; text-align: center; align-items: center; justify-content: center; } .modal-header button.close { position: absolute; left: 20px; font-size: 24px; } ul.modal-mini-cart { list-style: none; padding: 0; } ul.modal-mini-cart .cart-item { padding: 10px 0; border-bottom: 1px dashed #cacaca; margin: 0 0.2rem; display: flex; justify-content: space-between; } ul.modal-mini-cart a.remove:hover { color: unset !important; background: unset !important; } .media-right .remove { position: absolute; right: 0; } ul.modal-mini-cart li.cart-total { margin-left: 0.25rem!important; margin-right: 0.25rem!important; padding-top: 0.25rem!important; padding-bottom: 0.25rem!important; margin-top: 1rem; } span.price.woocommerce-mini-cart__total.total { display: flex; justify-content: space-between; align-items: center; } .header__right .items .dropdown.dropdown-minicart .dropdown-menu .cart-item { display: flex; justify-content: space-between; } div#cartModal { padding: 15px !important; } .modal-footer { flex-wrap: nowrap !important; align-items: center !important; padding: 0.7rem 0 0 !important; gap:5px; } #cartModal .ms-3 { margin: 0 !important; } #cartModal .media-left { padding: 0 !important; } .modal-content { border-radius: .8rem !important; } .woocommerce-message { border-top-color: #1c4c8c !important; } .woocommerce-message::before { color: #1c4c8c !important; } .modal-content { padding: 15px !important; } li.woocommerce-mini-cart-item.mini_cart_item { padding: 10px 0; border-bottom: 1px dashed #cacaca; margin: 0 0.2rem; } li.woocommerce-mini-cart-item.mini_cart_item a { color: #757575; font-size: 13px; } li.woocommerce-mini-cart-item.mini_cart_item .quantity { color: #dc3545; font-weight: 600; font-size: 13px; } li.woocommerce-mini-cart-item.mini_cart_item a .wp-post-image { display: none; } .modal-content .quantity-input { width: 100px; position: absolute; left: 0; text-align: center; height: 42px; margin-top: -20px; } p.woocommerce-mini-cart__total.total { margin-top: 1rem!important; padding-top: 0.25rem!important; padding-bottom: 0.25rem!important; display: flex; justify-content: space-between; } button#continueBuy, button#selectMore { background: rgba(28,76,140,0.9); color: #FFF; height: 40px; display: flex; align-items: center; font-size: 14px; width: calc(100% - 230px); justify-content: center; margin: 0; border-radius: 0.375rem; width: 100%; } button#selectMore { background: #dadcde; color: #000; } .woocommerce .booking-list .cart_item .booking-item-price, .woocommerce-page .booking-list .cart_item .booking-item-price, .woocommerce .booking-list .cart_item .booking-item-title a, .woocommerce-page .booking-list .cart_item .booking-item-title a, body.st-mod-style .st-style-elementor .button { font-size: 14px !important; } .header__right .items .dropdown.dropdown-minicart .dropdown-menu .cart-item .media-left { display: none; } .header__right .items .dropdown.dropdown-minicart .dropdown-menu .cart-text-empty { text-align: center; } .media-right a.remove .fa svg g { stroke: #da3838; } .header__right .items .dropdown.dropdown-minicart .dropdown-menu .cart-item .media-body .price-wrapper .price { font-size: 14px !important; color: #3b71fe !important; } @media (min-width: 576px){ .modal-dialog { margin: 3rem auto !important; }} /* custom label */ .services-item.item-elementor .item .featured-image .st-tag-popular-label, .services-item.item-elementor .item .featured-image .st-tag-featured-label { margin-bottom: 5px; z-index: 1; } .services-item.item-elementor .item .featured-image .st-tag-feature-sale { position: unset; position: absolute; } .services-item.item-elementor .item .featured-image .st-tag-feature-sale .featured { margin-bottom: 5px; } .services-item.item-elementor .item .featured-image .st-tag-popular-label .popular-label , .services-item.item-elementor .item .featured-image .st-tag-featured-label .featured-label { position: unset; padding: 4px 8px; font-weight: 700; font-size: 14px; line-height: 20px; color: #fff; border-radius: 5px; background: orange; display: inline-block; } .services-item.item-elementor .item .featured-image .st-tag-popular-label .popular-label { background: green; } .place-of-receipt { width: 100%; border: 1px solid #DEDEDE; margin-top: 10px; height: 70px; border-radius: 10px; resize: none; padding: 8px; } .woocommerce-terms-and-conditions-link{ color: #0075ff !important; font-weight: bold; } .header__right .items .dropdown.dropdown-minicart .dropdown-menu .heading { margin-top: 10px !important; } .header__right .items .dropdown.dropdown-minicart .dropdown-menu .heading .st-heading-section { font-size: 20px !important; text-align: center; } .st-style-elementor .sidebar-filter .sidebar-item .item-content.range-slider .min-max-value { flex-direction: row-reverse; } .td-date { border-radius: 0 !important; } .single.st-mod-style .daterangepicker .calendar .calendar-table .table-condensed tbody tr .td-date { border-radius: 0 !important; } .rate-calendar .st-availability-calendar-wrapper, .rate-calendar .show-calendar { top: 0 !important; left: 0 !important; right: 0 !important; } .elementor-products-grid ul.products.elementor-grid li.product { border-radius: 8px; } .elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .button { flex-direction: row; right: 10px; left: auto; } .contact-us-links svg.e-font-icon-svg.e-fab-whatsapp { fill: #1ac81a; } .contact-us-links svg.e-font-icon-svg.e-fab-telegram { fill: #0088ff; } .st-single-car-2 form#form-booking-inpage .st-group-form { border-top: 1px solid #ccc !important; border-radius: 20px 20px 0 0 !important; } @media screen and (max-width: 563px){ .st-header-9 .st-search-form-calendar .calendar-time-wrapper .calendar-time.right , .st-header-9 .st-search-form-calendar .calendar-time-wrapper .calendar-time.left{ padding-left: 5px !important; } .st-header-9 .st-search-form-calendar .calendar-time-wrapper .calendar-time.left { display: flex; justify-content: flex-end; } } @media screen and (max-width: 767px){ .map-view-popup .gm-style .infoBox .item-service-map, .map-view-popup .gm-style .infoBox .item-service-map-new .services-item .item { flex-direction: column; } .map-view-popup .gm-style .infoBox .item-service-map .thumb, .map-view-popup .gm-style .infoBox .services-item.item-elementor .item .featured-image { width: auto; } .elementor-products-grid ul.products.elementor-grid li.product { padding: 10px 5px 5px 5px!important; } .woocommerce-checkout .st-woo-checkout-form .woocommerce-billing-fields__field-wrapper { display: flex; flex-direction: column; } .woocommerce-checkout .woocommerce-billing-fields__field-wrapper .form-row { width: 100% !important; } td.product-quantity { display: flex !important; justify-content: space-between; } } h2.billing-address-dubaifarda , .st-woo-thankyou-page .woocommerce-customer-details{ display: none; } .author-sv-list .content-item .org-price { display: none; } .author-sv-list .service-list-wrapper .item .section-footer .price-wrapper .price { white-space: nowrap; } div#tab-all .search-result-page.st-rental .org-price { display: none; } .chiller-theme .sidebar-wrapper .sidebar-menu .sidebar-dropdown.active > a { color: #FFEB3B !important; } ::-webkit-inner-spin-button { display: none !important; } .woocommerce table.shop_table_responsive tr td, .woocommerce-page table.shop_table_responsive tr td { background-color: #fff !important; } .woocommerce .quantity .qty { width: 2rem !important; } .form-check-input:hover { background-color: #e0e7e4; border-color: #0d6efd; transition: all .5s; } /* .term-dubai-visa .woocommerce-mini-cart .py-2.mini-cart-quantity-warp { display: none !important; } /*.woocommerce .blockUI.blockOverlay { position: relative !important; display: none !important; } */ .woocommerce .blockUI.blockOverlay:before,.woocommerce .loader:before { height: 2em; width: 2em; margin-left: -.5em; margin-top: -.5em; display: block; content: ""; -webkit-animation: none; -moz-animation: none; animation: none; background: url('https://dubaifarda.com/wp-content/themes/traveler-child/assets/images/spinner.svg') center center; background-size: cover; line-height: 1; text-align: center; font-size: 1.5em; } .blockUI.blockOverlay { background-color: transparent !important; } /* cart loading */ .lds-ring { display: flex; align-content: center; justify-content: center; align-items: center; text-align: center; position: relative; width: 20px; height: 20px; margin:0 auto; } .lds-ring div { box-sizing: border-box; display: block; position: absolute; width: 20px; height: 20px; margin: 0; border: 3px solid rgb(13, 110, 253); border-radius: 50%; animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; border-color: rgb(13, 110, 253) transparent transparent transparent; } .lds-ring div:nth-child(1) { animation-delay: -0.45s; } .lds-ring div:nth-child(2) { animation-delay: -0.3s; } .lds-ring div:nth-child(3) { animation-delay: -0.15s; } @keyframes lds-ring { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } tr.cart-discount span.woocommerce-Price-amount.amount { color: red; } /* .header__right .items .dropdown .dropdown-menu li a { margin-right: -5px; }*/ td.woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-actions a { margin: 10px 0; } #gotop { left: 40px; right:auto !important; } .st_sale_class { background-color: red !important; } .services-item.item-elementor .service-add-wishlist.added svg path { fill: red !important; } .services-item.item-elementor .item .featured-image .st-tag-feature-sale .st_sale_class { margin-bottom: 5px!important; } /* ChatBoard */ @media (max-width: 464px){ .woocommerce-checkout .sb-chat ,.woocommerce-checkout #gotop{ display: none !important; } .sb-chat .sb-body .sb-scroll-area .sb-header.sb-header-main .sb-dashboard-btn { top: 30px; } .sb-rtl.sb-chat .sb-responsive-close-btn { left: 20px !important; top: 10px; } .sb-chat .sb-responsive-close-btn:before { font-size: 14px !important; top: 12px !important; left: 17px !important; } /*.sb-chat .sb-responsive-close-btn { display: none !important; } .sb-header-main > .sb-responsive-close-btn, .sb-queue-active .sb-responsive-close-btn { display: block !important; }*/ .sb-responsive-close-btn { display: none !important; } .sb-active .sb-responsive-close-btn { display: block !important; background-color: #133db9; } } .sb-list .sb-message { font-family: iransans; font-size: 14px !important; } .sb-chat .sb-scroll-area .sb-header .sb-text,.sb-title,.sb-rtl > div .sb-header-agent .sb-profile,.sb-content, .sb-message,.sb-chat .sb-dashboard > div > .sb-btn{ font-family: 'IRANSans'; } .sb-editor textarea, .sb-list .sb-message, .sb-list .sb-message a, .sb-chat .sb-dashboard > div > .sb-title, .sb-chat .sb-dashboard > div > .sb-top, .sb-chat .sb-dashboard > div > div > .sb-title, .sb-chat .sb-dashboard > div > div > .sb-top, .sb-chat .sb-init-form > .sb-title, .sb-chat .sb-init-form > .sb-top, .sb-chat .sb-init-form > div > .sb-title, .sb-chat .sb-init-form > div > .sb-top, .sb-input > input, .sb-input > select, .sb-input > textarea, .sb-articles > div > div, .sb-articles > div > span, .sb-article .sb-content, .sb-chat .sb-departments-list > div span, .sb-chat .sb-agents-list > div span, .sb-chat .sb-channels-list > div span, .sb-rich-message .sb-top, .sb-rich-message .sb-title, .sb-rich-message .sb-text, .sb-user-conversations > li > div .sb-message, .sb-user-conversations > li > div { font-size: 14px; font-family: 'IRANSans'; } .grecaptcha-badge { display: none !important; } .page-id-707 .grecaptcha-badge { display: block !important; } .cart-subtotal span, .order-total span { color: #000; } .col-right h2.st-woo-heading { text-align: center; } h2#modern-result-string { display: none; } .faq-hotel { background: #FCFCFC; border: 1px solid #DEDEDE; box-sizing: border-box; border-radius: 16px; padding: 16px; margin-bottom: 12px; } .woocommerce-checkout #st-content-wrapper.st-style-elementor.search-result-page, .woocommerce-cart #st-content-wrapper.st-style-elementor.search-result-page { padding-bottom: 0; } button#place_order ,.checkout-button.button.alt.wc-forward { font-size: 16px !important; padding: 22px !important; } table.shop_table.booking-item-payment tr:first-child th, table.shop_table.booking-item-payment tr:first-child td { border-top: none !important; } .woocommerce .cart-collaterals, .woocommerce-page .cart-collaterals { padding-bottom: 0px !important; } .woocommerce-checkout .woocommerce-checkout-review-order-table header { margin-bottom: 1rem !important; } /* .service-list-wrapper .item .featured-image a { height: 285px; } .service-list-wrapper .item a.service-avatar { height: 35px !important; }*/ .e--ua-edge form.woocommerce-form.woocommerce-form-login.login { width: 50%; margin: 0 auto; } /* Gravity Style*/ #gform_fields_3 #field_3_5 { margin-top: -10px; } input#gform_submit_button_3 { width: 100%; } .gform_legacy_markup_wrapper textarea , textarea#input_4_5 { border: 1px solid #dae1e7 !important; border-radius: 10px !important; } @media screen and (max-width: 991px){ .single-st_activity .sb-main { display:none !important; } } #affiliateLinkGeneratorModal .modal-content .modal-header { padding: 20px; } #affiliateLinkGeneratorModal .modal-header button.close { font-size: 35px; top: 15px; } #st-content-wrapper .st-gallery .shares .st-gallery-popup { color: #fff !important; font-size: 14px !important; } @media screen and (max-width: 767px) { .st-mod-style .daterangepicker.dropdown-menu { width: calc(100% - 22px); } body .page-id-14829 .container, body .page-id-14829 .container-sm { padding: 0; } .e--ua-edge form.woocommerce-form.woocommerce-form-login.login { width: 100%; } } @media screen and (max-width: 991px) { .single-st_tours.st-header-9 .daterangepicker.single, .single-st_activity.st-header-9 .daterangepicker.single, .single-st_cars.st-header-9 .daterangepicker.single, .single-st_rental.st-header-9 .daterangepicker.single { width: calc(100% - 22px) !important; } .single-st_tours.st-header-9 .daterangepicker, .single-st_activity.st-header-9 .daterangepicker, .single-st_cars.st-header-9 .daterangepicker, .single-st_rental.st-header-9 .daterangepicker { width: calc(100% - 22px) !important; } .uap-ap-top-theme-3 { display: flex; flex-direction: column; justify-content: center; align-items: center; } } @media (max-width: 570px) { .uap-user-page-top-wrapper .uap-left-side, .uap-user-page-top-wrapper .uap-middle-side { max-width: 100% !important; width: 100% !important; text-align: center; } .uap-ap-top-theme-3 .uap-right-side { width: 100% !important; } } .uap-ap-top-theme-3 .uap-user-page-details { margin: 0 !important; } .single-hotel_room #st-content-wrapper.st-style-elementor .st-form-book-wrapper .book-v2 .form-book-wrapper .submit-group .btn-book-ajax, .single-st_hotel #st-content-wrapper.st-style-elementor .st-form-book-wrapper .book-v2 .form-book-wrapper .submit-group .btn-book-ajax, .single-st_rental #st-content-wrapper.st-style-elementor .st-form-book-wrapper .book-v2 .form-book-wrapper .submit-group .btn-book-ajax, .single .st-fixed-form-booking .st-form-booking-action form .submit-group button { display: flex !important; justify-content: center; align-items: center; gap: 5px; } /* Offer-box */ .offer-box { background-color: #f9f9f9; border: 2px solid #ff9800; border-radius: 10px; padding: 20px; text-align: center; margin: 20px auto; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); } .offer-box p { font-size: 16px; color: #333; } .offer-box a { color: #ff9800; text-decoration: none; font-weight: bold; } .offer-box a:hover { text-decoration: underline; } .offer-box strong { color: #e91e63; } /* hotel-info */ .hotel-info { display: flex; justify-content: space-between; padding: 20px; flex-wrap: wrap; } .hotel-info .info-section { display: flex; flex-wrap: wrap; } .hotel-info .info-column { width: 47%; background-color: #fff; padding: 15px; margin: 10px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); border-radius: 10px; } .hotel-info h3 { color: #007BFF; margin-bottom: 10px; } .hotel-info ul { list-style-type: none; padding-left: 0; } .hotel-info ul li:before { content: "•"; color: #007BFF; position: absolute; left: 0; top: 0; } .hotel-info .info-column:hover { box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2); } .hotel-info { line-height: 1.6; margin: 20px; padding: 20px; background-color: #f9f9f9; border-radius: 8px; box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1); } .hotel-info .section { margin-bottom: 20px; } .hotel-info h2 { font-size: 18px; color: #333; margin-bottom: 10px; } .hotel-info ul li { background-color: #ffffff; padding: 10px; margin-bottom: 5px; border-right: 4px solid #007bff; border-radius: 4px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); } .hotel-info ul li:last-child { margin-bottom: 0; } .hotel-info ul li:hover { background-color: #007bff; color: #fff; transition: background-color 0.3s ease; } .hotel-info a { color: #007bff; text-decoration: none; } .hotel-info a:hover { text-decoration: underline; } .page-id-16758 #st-content-wrapper, .page-id-18206 div#st-content-wrapper ,.privacy-policy #st-content-wrapper { padding-top: 45px !important; } .page-id-16758 #st-content-wrapper.st-page-default .banner { background-color: #ccedff !important; background-size: contain !important; } @media screen and (max-width: 768px) { .info-column { width: 100% !important; } } /* Tour Box Custom */ .custom-box { background: linear-gradient(135deg, #f9f9f9, #e0f7fa); border: 1px solid #ddd; padding: 25px; border-radius: 12px; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); color: #333; margin: 20px auto; text-align: center; } .custom-box p { margin-bottom: 20px; line-height: 1.8; } .custom-box a { border-radius: 5px; text-decoration: none; font-weight: bold; transition: background-color 0.3s ease; } .custom-box a:hover { background-color: #0056b3; color: white !important; padding: 5px !important; } .custom-box:hover { box-shadow: 0 7px 14px rgba(0, 0, 0, 0.15); } .ticket-section { display: flex; justify-content: space-between; padding: 0px 20px; margin: 20px 0; border: 1px solid #ccc; border-radius: 10px; background-color: #f9f9f9; flex-wrap: wrap; flex-direction: column; } .ticket-content-left, .ticket-content-right { width: 48%; background-color: #f0f0f0; padding: 15px; border-radius: 10px; } .ticket-section h3 { color: #133db9 !important; padding: 10px 15px; margin-bottom: 20px; font-weight: bold !important; border-bottom: 3px solid #133db9; text-align: center; } .ticket-section ul { list-style-type: none; padding-left: 0; margin-top: -10px; } .ticket-section ul li { margin-bottom: 0px; font-size: 14px; } .ticket-section li::before { content: "•"; color: #007bff; margin-left: 5px; font-size:30px; } .ticket-section a { color: #007bff; text-decoration: none; } .ticket-section a:hover { text-decoration: underline; } .ticket-table { display: table; width: 100%; margin: 20px 0; } .ticket-row { display: table-row; border-bottom: 1px solid #ddd; } .ticket-column { display: table-cell; padding: 10px; text-align: left; } .ticket-column strong { color: #333; } .ticket-row:nth-child(even) { background-color: #f9f9f9; } .info-container { width: 100%; margin: 50px auto; background-color: #fff; overflow: hidden; direction: rtl; transition: all 0.3s ease; border: 1px solid #DEDEDE; box-sizing: border-box; box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.08), 0px 4px 12px rgba(0, 0, 0, 0.05); border-radius: 20px; } .info-row { display: flex; justify-content: space-between; padding: 20px; border-bottom: 1px solid #e0e0e0; transition: background-color 0.3s ease; align-items: center; } .info-row:last-child { border-bottom: none; } .info-row .label { font-weight: bold !important; font-size: 14px !important; color: #1c4c8c !important; flex: 1; transition: color 0.3s ease; letter-spacing: -.25px !important; padding: 0 0 0 20px; line-height: 1.5 !important; } .info-row .value { flex: 2; text-align: right; font-size: 13px; color: #555; } .info-row .value p { margin: 0; font-size: 13px; } /* تغییر رنگ پس‌زمینه هر ردیف */ .info-row:nth-child(odd) { background-color: #fff; /* رنگ آبی کمرنگ */ } .info-row:nth-child(even) { background-color: #f9f9f9 ; /* رنگ کرمی کمرنگ */ } /* هنگامی که روی ردیف موس حرکت می‌کند */ .info-row:hover { background-color: #faf0e6 !important; } .info-row:hover .label { color: #0056b3 !important; } .info-row:hover .value { color: #333 !important; } .info-container:hover { box-shadow: 0 6px 16px rgba(0, 0, 0, 0.15); } /* Optional: Add hover effects to links inside the value, if any */ .value a { color: #007BFF; text-decoration: none; } .value a:hover { text-decoration: underline; } .st-gallery.st-border-radius.style-slider.mod-tour-2 img.item-gallery { min-height: 590px; object-fit: cover; max-height: 620px; } @media (min-width: 768px) { .st-single-activity-5.container-md, .st-single-activity-5.container-sm, .st-single-activity-5.container, .st-single-activity-5.container-fluid { max-width: 1290px !important; } } @media (min-width: 768px) { .container-md, .container-sm, .container, .container-fluid { max-width: 1290px !important; } } @media screen and (max-width: 991px) { .st-gallery.st-border-radius.style-slider.mod-tour-2 img.item-gallery { min-height: 450px !important; } } .reviews span.summary, .reviews span.rate { font-size: 13px !important; } .single .st-fixed-form-booking .st-form-head-book .st-price-origin .price { font-size: 16px !important; } .page-template-template-cars-search .st-banner-search-form { max-width: unset!important; } .st-banner-search-form.style_2 #nav-st_cars { max-width: 1130px!important } .st-banner-search-form.style_2 #nav-st_hotel { max-width: 1130px !important; margin: 0px auto; } .search_form_item_name_nb span { margin-right: 20px; margin-left: 16px; color:#5E6D77!important; } .search_form_item_name_nb label { color: #232323!important; font-size: 15px!important; } .search_form_item_name_nb .render input::placeholder{ color: #5E6D77!important; } .search_form_item_name_nb .render input:hover{ } .nb_slider4 .profile-container { border-radius: 50%; background-image: url("img/insta_img3.jpg"); padding: 4.5px; width: 70px; height: 70px; background-position: center; background-repeat: no-repeat; background-size: cover; float: right; margin-left: 10px; margin-top: -10px; } .nb_slider4 .profile-container img { width: 100%; height: 100%; border: 2px solid white; float: left; border-radius: 50px; } .nb_slider4 #instagram-verified-icon { width: 13px; } .nb_custom_old_price { color: #939393 !important; font-weight: unset !important; } .sb-select-phone>div>p { direction: ltr; } .sb-rtl .sb-input-select-input>div { right: auto !important; left: 6px; padding-right: 0 !important; padding-left: 5px !important; } .elementor-widget-search .e-search-form { max-height: 60px; } .specs-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; direction: rtl; } .spec-title { background-color: #d0e1f9; padding: 10px; font-weight: bold; } .spec-value { background-color: #f2f7fc; padding: 10px; } .fotorama__img { border-radius: 10px !important; } /* podcast player */ .mejs-container, .mejs-container .mejs-controls, .mejs-embed, .mejs-embed body { direction: ltr; background: #15487b !important; border-radius: 10px; } /* Villa Form */ .form-villa{ background-color: rgba(255, 255, 255, 0.8); padding: 20px 30px; border-radius: 10px; max-width: 400px; width: 100%; box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1); } .form-villa label { display: block; font-weight: bold; margin-bottom: 5px; color: #555; } .form-villa input, .form-villa textarea,#input_6_1_3,#input_6_3 { width: 100%; padding: 10px; border: 1px solid #ccc; border-radius: 10px; outline: none; transition: all 0.3s ease; } #input_6_3:focus, #input_6_1_3:focus,textarea:focus { border-color: #007bff; /* رنگ حاشیه در حالت فوکوس */ box-shadow: 0px 0px 8px rgba(0, 123, 255, 0.2); } .form-villa input:focus, .form-villa textarea:focus { border-color: #0056b3; /* رنگ حاشیه در حالت فوکوس */ box-shadow: 0px 0px 8px rgba(0, 86, 179, 0.2); } .form-field textarea { resize: vertical; height: 100px; } label.gform-field-label.gform-field-label--type-sub { opacity: 0; } input#gform_submit_button_6 { width: 100%; padding: 12px; border: none; border-radius: 10px; background: linear-gradient(135deg, #003366, #336699); /* گرادیان رنگ سرمه‌ای */ color: white; font-weight: bold; cursor: pointer; transition: background 0.3s ease; } input#gform_submit_button_6:hover { background: linear-gradient(135deg, #336699, #003366); /* تغییر رنگ در حالت هاور */ } .form-villa input, .form-villa textarea, #input_6_1_3, #input_6_3 { width: 100%; padding: 10px; border: 1px solid #ccc; border-radius: 10px; outline: none; transition: all 0.3s ease; } label.gform-field-label.gform-field-label--type-sub { opacity: 0; } input#gform_submit_button_6 { padding: 5px 20px; font-size: 14px; background-color: #daa520; color: #fff; } .form-villa .center{ border-radius: 10px 0 10px 0 !important; } .service-list-wrapper .item .featured-image { padding: 0 !important; } .page-template-template-cars-search .st-style-elementor .services-item.item-elementor .item .featured-image a:not(.service-avatar), .page-template-template-transfer-search .services-item.item-elementor .item .featured-image a:not(.service-avatar) { border-radius: 14px 14px 0 0; } /* Main container for amenities sections with Flexbox */ .amenities-sections { display: flex; flex-wrap: nowrap; justify-content: space-between; max-width: 1200px; margin: 20px auto; border-radius:10px; border: 1px solid #d1d9e6; } .amenities-section { padding: 20px; flex: 1 1 33%; } .amenities-section h3 { color: #2b3e50; font-size: 1.2em; text-align: center; border-bottom: 2px solid #4a90e2; padding-bottom: 10px; margin-bottom: 15px; } .amenities-list { list-style-type: none; padding-left: 0 !important; } .amenities-list li { display: flex; align-items: center; background-color: #eef3fa; padding: 10px; border-radius: 5px; margin-bottom: 8px; font-size: 1em; color: #333; } .amenities-list .icon { color: #4a90e2; font-size: 1.2em; margin-left: 10px; } /* Responsive adjustments */ @media (max-width: 768px) { .amenities-section { flex: 1 1 45%; } } @media (max-width: 480px) { .amenities-section { flex: 1 1 100%; } } .amenities-list .icon { margin-left: 15px; } ul.amenities-list strong { padding: 0 2px; } .actions .button, .actions .coupon .button { padding: 10px; max-width: 200px; } div#nav-st_cars .destination-search.st-search-destination-tour { width: 25%; justify-content: center; display: flex; } .nb_extra_price { display: contents; } .nb_extra_price span{ font-weight: bold; border-radius: 10px; font-size: 11px !important; display: inline-block; padding: 0px .5rem; height: 18px; line-height: 18px; } .nb_extra_price_popular_label { background-color: #fde112; } .nb_extra_price_discounted_label { background-color: #dc2626; color: #fff; } .nb_tooltip { position: relative; display: inline-block; text-decoration: none; border: 0 !important; } .nb_tooltip img { width: 18px; } .nb_tooltip .nb_tooltip_text { visibility: hidden; width: 250px; background-color: rgba(31,41,55,.9); color: #fff; text-align: center; padding: 5px 0; border-radius: 6px; position: absolute; z-index: 1; line-height: 12px; overflow: auto; height: auto; } .nb_tooltip:hover .nb_tooltip_text { visibility: visible; } @media (max-width: 480px) { .single-st_tours.st-header-9 #st-package-popup, .single-st_activity.st-header-9 #st-package-popup, .single-st_cars.st-header-9 #st-package-popup, .single-st_rental.st-header-9 #st-package-popup { transform: unset !important; margin-top: 100%!important; } } .single-st_rental #form-booking-inpage .form-date-search { padding: 0px!important; } [dir=rtl] #st-package-popup { direction: rtl!important; text-align: right!important; } [dir=rtl] #st-package-popup .item .header h5 { float: right!important; } #st-package-popup .item .header span i { font-family: 'traveler-icon' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #st-package-popup .item .header span i:before { content: "\e965"; } #st-package-popup .item .header { min-height: unset!important; max-height: unset!important; } [dir=rtl] #st-package-popup .item .header span { float: left!important; } /* =========================== Custom Style - 2025-08-19 ============================ */ .menu-aed { display: none !important; } @media (max-width: 990px) { .menu-aed { display: flex !important; align-items: center !important; background: linear-gradient(135deg, #f8f9fa, #ffffff); border-radius: 8px; margin: 8px 0; font-family: inherit; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05); border: 1px solid #e9ecef; pointer-events: none; animation: rate-update 1s ease-in-out; justify-content: center !important; } } .top-menu-aed { display: flex; align-items: center; } .menu-aed::before, .top-menu-aed::before { content: ""; position: relative; width: 10px; height: 10px; background-color: #4CAF50; border-radius: 50%; animation: pulse-green 1.5s infinite ease-in-out; margin-left: 10px; } .menu-aed::after { content: ""; display: inline-block; width: 16px; height: 16px; margin-right: 10px; background: url('data:image/svg+xml;utf8,') no-repeat center; background-size: contain; } .top-menu-aed::before { position: relative; display:block; } @keyframes pulse-green { 0% { transform: scale(1); opacity: 1; } 50% { transform: scale(1.6); opacity: 0.5; } 100% { transform: scale(1); opacity: 1; } } @keyframes rate-update { 0% { background-color: #d4edda; } 100% { background-color: transparent; } } .menu-aed.rate-changed { animation: rate-update 1s ease-in-out; } /* By Hamid */ .empty-state-voucher { padding: 24px; text-align: center; border: 1px dashed #ddd; border-radius: 12px; font-size: 15px; margin: 8px 0 24px; } @media screen and (max-width: 782px) { body.admin-bar .header__center #st-main-menu { top: 0; } .business-register-card { margin: 25px 15px; } } @media screen and (max-width: 991px) { .single-business .btn-v2.btn-primary.btn-mpopup.btn-green { width: 40%; } #form_get_voucher_card .st-form-book-wrapper{ margin: 0 15px; } } #form_get_voucher_card .form-group { display: flex; align-items: center; } #form_get_voucher_card .date-item-wrapper { padding: 10px !important; } #form_get_voucher_card .st-group-form { border-radius: 20px !important; } #form_get_voucher_card .form-group.first { border-top: none !important; } /* Sidebar Card CTA */ .business-register-card { background: var(--light-grey-color); border: 1px solid var(--main-color); border-radius: 20px; padding: 28px 22px; margin: 25px 0; text-align: center; box-shadow: 0 6px 20px rgba(0,0,0,0.08); transition: transform 0.3s ease, box-shadow 0.3s ease; } .business-register-card:hover { transform: translateY(-5px); box-shadow: 0 12px 28px rgba(0,0,0,0.15); } /* آیکن بالای کارت */ .business-register-card .icon-wrap { background: var(--main-color); width: 64px; height: 64px; display: flex; justify-content: center; align-items: center; border-radius: 50%; margin: 0 auto 15px; box-shadow: 0 4px 12px rgba(28, 76, 140, 0.25); } .business-register-card .icon-wrap i { font-size: 28px; color: #fff; } /* عنوان */ .business-register-card h3 { font-size: 19px; font-weight: 700; margin-bottom: 12px; color: var(--main-color); } /* متن توضیحات */ .business-register-card p { font-size: 14px; line-height: 1.7; color: var(--grey-color); } /* Description expand/collapse styles */ .st-description[data-show-all], #st-description[data-show-all] { transition: max-height 0.6s cubic-bezier(0.4, 0, 0.2, 1); position: relative; overflow: hidden; display: block; } .st-description[data-show-all].open, #st-description[data-show-all].open { overflow: visible; transition: max-height 0.6s cubic-bezier(0.4, 0, 0.2, 1); } .st-description .cut-gradient, #st-description .cut-gradient { position: absolute; bottom: 0; left: 0; right: 0; height: 60px; width: 100%; background-image: linear-gradient(rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 50%, white 100%); pointer-events: none; z-index: 1; } .st-description.open .cut-gradient, #st-description.open .cut-gradient { display: none !important; } #st-description[data-show-all] + .st-link, #st-description[data-show-all] + a[data-show-target], .st-description[data-show-all] + .st-link, .st-description[data-show-all] + a[data-show-target] { margin-top: 10px; margin-bottom: 10px; cursor: pointer; display: inline-block; position: relative; z-index: 2; pointer-events: auto !important; } .business-register-card .btn-business-register { display: inline-block; background: var(--main-color); color: #fff !important; padding: 12px 28px; border-radius: 14px; font-size: 15px; font-weight: 600; text-decoration: none; transition: all 0.3s ease; box-shadow: 0 4px 12px rgba(28, 76, 140, 0.25); } .business-register-card .btn-business-register:hover { background: var(--orange-color); color: #fff; box-shadow: 0 6px 18px rgba(250, 86, 54, 0.3); } @media (max-width: 768px) { #voucher-results .show-filter-mobile, .button-filter { display: flex !important; } } @media (max-width: 991px) { .sidebar-filter-mobile { display: none; position: fixed; top: 0px; left: 0px; width: 100%; z-index: 999999; overflow-y: auto; height: 100%; background: rgb(255, 255, 255); padding: 30px; } .sidebar-filter-mobile .close-sidebar { font-size: 21px; color: var(--heading-color); margin-bottom: 20px; display: inline-block; cursor: pointer; display: block; } .sidebar-filter-mobile .sidebar-item{ background: #F7F8FA; border-radius: 20px; margin-bottom: 30px; border: none; } .sidebar-filter-mobile .sidebar-item.top-filter{ display: block !important; } .sidebar-filter-mobile .sidebar-item .item-title div { font-weight: 700; font-size: 18px; line-height: 26px; color: var(--heading-color); } } .st-results .sidebar-item { padding: 30px 20px; background: #F7F8FA; border-radius: 20px; margin-bottom: 30px; border: none; } .page-template-template-voucher-search .sidebar-item .st-icheck-item input:checked ~ .checkmark { background: var(--main-color, #3B71FE) !important; border-color: var(--main-color, #3B71FE) !important; } .page-template-template-voucher-search .sidebar-item .st-icheck-item label .checkmark { border: 1px solid #83929D; border-radius: 5px; width: 20px; height: 20px; top: 3px; } .page-template-template-voucher-search .sidebar-item .st-icheck-item input:checked ~ .checkmark:after { border-color: #fff; } .page-template-template-voucher-search .sidebar-item .st-icheck-item label .checkmark:after { left: 6px; top: 3px; width: 6px; height: 10px; } @media screen and (max-width: 991px) { body.single-st_voucher #gotop, body.single-st_activity #gotop, body.single-st_cars #gotop, body.single-st_hotel #gotop, body.single-st_tours #gotop { display: none !important; } .fixed-on-mobile { padding:0 15px; } #voucher-results .toolbar { display: flex !important; justify-content: space-between; padding: 0 5px !important; } } .btn-clear-filter { margin-right: 10px; margin-left: auto; } .btn-clear-filter { display: none; /* پیش‌فرض مخفی */ align-items: center; gap: 6px; padding: 6px 14px; background: #f9f9f9; border: 1px solid #ddd; border-radius: 999px; /* گرد کامل */ font-size: 14px; color: #444; cursor: pointer; transition: all 0.2s ease-in-out; text-decoration: none !important; } .btn-clear-filter:hover { background: #ffefef; border-color: #ff8c8c; color: #d93025; } .btn-clear-filter i { font-size: 14px; color: inherit; } #voucher-results .item .content-item .section-footer { margin: 0; padding-top: 10px; padding-bottom: 10px; } #voucher-results .price-wrapper .price { margin: 0 !important; } #voucher-results .price-wrapper .price .sale-top .item { font-size: 1rem !important; overflow: visible; margin: 0; display: flex; align-items: center; gap: 8px; flex-wrap: wrap; } #voucher-results .sale-top .org-price { display: inline-block; background: #ECFDF5; color: #16A34A; font-weight: 700; padding: 6px 10px; border-radius: 5px; font-size: 1rem; line-height: 1.4; box-shadow: 0 2px 6px rgba(34, 197, 94, 0.15); } .voucher-count { display: inline-flex; align-items: center; gap: 6px; background: #EFF6FF; color: #2563EB; font-weight: 700; padding: 6px 10px; border-radius: 5px; font-size: 1rem; line-height: 1.4; box-shadow: 0 2px 6px rgba(37, 99, 235, 0.15); transition: all 0.2s ease-in-out; } .voucher-count i { font-size: 1.1rem; color: #2563EB; } /* Review Single voucer */ .single-business .review-box { display: flex; flex-direction: row; justify-content: space-around; align-content: center; align-items: center; } .reviews-right { color: #009688; } .reviews-right , .reviews-left { gap: 4px; font-size: 13px; font-weight: 600; margin: 0 !important; } .services-item { transition: all 0.35s ease-in-out; border-radius: 12px; border: 1px solid transparent; } .services-item:hover { background: linear-gradient(145deg, #ffffff, #f0fdfa); border-color: #b2dfdb; box-shadow: 0 12px 25px rgba(0, 128, 128, 0.25); border-radius: 15px; cursor: pointer; } .reviews-wrapper .reviews .rate { margin-left: 3px !important; margin-right: 3px !important; } .single .st-fixed-form-booking .st-form-booking-action form .submit-group { margin-bottom: 25px; } .reviews-wrapper{ padding-bottom: 15px; } /****** Refactor Gallery *****/ .st-gallery { position: relative; } .st-gallery .social-share-btn { position: absolute; top: 30px; left: 30px; z-index: 3; } .st-gallery .social-share-btn .share-item { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; background: #f8f8f8; color: #000; font-size: 18px; box-shadow: 0 4px 12px rgba(0, 0, 0, .15); transition: all .3s ease; border-radius:50px !important; } .st-gallery .social-share-btn .share-item:hover { background: #f8f8f8; color: #000; } .st-gallery .social-share-btn .share-wrapper { position: absolute; top: -5px; left: 55px; border-radius: 12px; padding: 6px 0; display: none; flex-direction: row; gap: 10px; align-items: center; justify-content: center; white-space: nowrap; z-index: 99; border-radius: 50px !important; } .st-gallery .social-share-btn.open .share-wrapper { display: flex; } /* icons - badge */ .st-gallery .social-share-btn .share-wrapper li { list-style: none; } .st-gallery .social-share-btn .share-wrapper li a { width: 44px; height: 44px; border-radius: 50%; background: #f8f8f8; box-shadow: 0 6px 16px rgba(0,0,0,0.2); display: flex; align-items: center; justify-content: center; font-size: 19px; color: #1c4c8c; transition: all .3s ease; } .st-gallery .social-share-btn .share-wrapper li a:hover { background: #e0e0e0; color: #000; } .social.shares .share-item{ margin-right:auto !important; } .single-business .st-gallery { border-radius: 16px; overflow: hidden; } .single-business .st-gallery .st-list-item-gallery { display: grid; width: 100%; height: 100%; gap: 2px; grid-auto-rows: 200px; max-height: 629px; } .single-business .gallery-count-1 .st-list-item-gallery { grid-auto-rows: auto; } .single-business .st-gallery .st-list-item-gallery a { width: 100% !important; height: 100%; display: block; overflow: hidden; padding: 2px !important; } .single-business .st-gallery .st-list-item-gallery img { width: 100%; height: 100%; object-fit: cover; border-radius: 0; } /* Gallery slider */ .single-business .owl-carousel .owl-item img { height: 620px; object-fit: cover; max-height: 620px; } .single-business .st-gallery.style-slider .shares { bottom: 30px; top: unset !important; } .single-business .st-gallery .shares .st-gallery-popup{ background: rgba(0, 0, 0, 0.4); border: 1px solid rgba(255, 255, 255, 0.7); box-sizing: border-box; border-radius: 40px !important; } @media screen and (max-width: 991px) { .single-business .st-gallery .st-list-item-gallery img ,.single-business .st-gallery .owl-carousel .owl-item img{ max-height: 350px; border-radius: 18px; } } @media (max-width: 575px) { .single-business .st-gallery .st-list-item-gallery img { max-height: 350px; border-radius: 18px; } } .alert { position: relative; padding: 12px 16px; margin-bottom: 1rem; border: 1px solid transparent; border-radius: 6px; font-size: 14px; line-height: 1.5; } .alert-success { color: #0f5132; background-color: #d1e7dd; border-color: #badbcc; } .alert-danger { color: #842029; background-color: #f8d7da; border-color: #f5c2c7; } .alert-warning { color: #664d03; background-color: #fff3cd; border-color: #ffecb5; } .alert-info { color: #055160; background-color: #cff4fc; border-color: #b6effb; } .single-business .st-gallery .owl-carousel { display: block; } .single-business .st-gallery .shares { right: 15px !important; } /* Icons - badge */ .stt-icon-phone:before { font-family: 'traveler-icon' !important; content: "\E971"; } .stt-icon-instagram:before { font-family: 'traveler-icon' !important; content: "\E982"; } .stt-icon-location:before { font-family: 'traveler-icon' !important; content: "\E987"; } .st-list-badge span { font-size: 24px; color: #1c4c8c; border: 1px solid; padding: 5px; border-radius: 10px; } .single-business .hotel-target-book-mobile, .single-business .btn-voucher ,.single-business .price.off{ display:none; z-index: 3!important; } .single-business .st-form-book-wrapper { margin-bottom: 30px; overflow: hidden; } #form_get_voucher_card .form-group.first { border-bottom: 1px solid #DEDEDE; } .single-business .sb-chat-btn { display: block; } @media (max-width: 768px) { .single-business .sb-chat-btn { display: none !important; } .single-business .review-box { flex-direction: column; } } .single-business #st-content-wrapper.st-style-4 .review-box .st-summany .item { width: 100%; } .google-map-btn { cursor: pointer; } .cursor-pointer { cursor: pointer!important; } .fa, .far, .fas { font-family: "Font Awesome 5 Free" !important; } .nb_date_time_wrapper { background: #F7F8FA; border-radius: 10px; display: flex; } .nb_date_time_wrapper .calendar-time{ width: unset!important; float:unset!important; } .nb_date_time_wrapper .calendar-time select { background: #FFFFFF; border: 1px solid #DEDEDE; border-radius: 10px; font-weight: 500; font-size: 16px; line-height: 26px; color: var(--main-color, #3B71FE); padding: 8px; width: 65px; margin-right: 5px; } .nb_date_time_wrapper .calendar-time label { direction: ltr!important; } .nb_date_time_wrapper_ranges { margin-top: 15px; } .nb_date_time_wrapper_ranges button { color:white!important; } #nav-list-of_servicest_hotel .services-item .item .content-item .price-wrapper .unit { top: unset; } .row.border.rounded.py-2.mini-cart-quantity-warp { height: 35px; margin: 0px; max-width: 115px; width: 100%; border-radius: 0.375rem !important; display: flex; justify-content: center; align-items: center; flex-wrap: nowrap; } i.stt-icon.stt-icon-minus-r { font-size: 25px; font-weight: bold; line-height: 22px; } .woocommerce-mini-cart .cart-item .row.border.rounded.py-2.mini-cart-quantity-warp { position: absolute; left: -1px; width: 80px; display: flex; align-content: center; justify-content: center; } [dir=rtl] #topbar.style-elementor .topbar-items > li:not(:last-child) { direction: ltr; } ul.list.nav-drop-menu .right { display: none; } .header__right .items li.st-header-link a { padding: 12px; font-size: 14px; } [dir=rtl] #topbar a.cursor { direction: rtl !important; } #topbar.style-elementor .topbar-items li.topbar-item.link.social { direction: ltr; margin: 0 15px !important; } [dir=ltr] .header__right .items li:not(:first-child) { margin-left: 19px !important; margin-right: 4px!important; } [dir=ltr] .header__center #st-main-menu .main-menu > li > a { justify-content: flex-start; } @media screen and (max-width: 991px) { .header__left .logo img { width: 140px; } } #topbar.style-elementor .topbar-items li.topbar-item.link.social::after { right: -8px; } [dir="rtl"] #topbar.style-elementor .topbar-items > li:not(:last-child)::after { right: 21px !important; left: auto !important; margin-top: -7px; } .dropdown-currency { display: none; } @media screen and (max-width: 991px) { .services-item.item-elementor .item .featured-image a .image-feature { object-fit: cover; min-height: 250px !important; max-height: 250px !important; } div#nav-st_cars .destination-search.st-search-destination-tour { justify-content: flex-start; } .st-banner-search-form.style_2 .st-search-form-el .st-search-el .search-form .destination-search.st-search-destination-tour { justify-content: flex-start !important; width: 100% !important; } body header .header__center #st-main-menu.open ~ .st-list-mobile { justify-content: center; padding:0; } [dir="rtl"] body header .header__center #st-main-menu.open ~ .st-list-mobile { justify-content: flex-start; } body header .header__center #st-main-menu.open ~ .st-list-mobile li.dropdown-currency { width: unset; } body header .header__center #st-main-menu.open ~ .st-list-mobile li.dropdown-currency .dropdown-menu { inset:auto auto 0px 0px!important; } } .single-st_activity .relate-rooms .services-item .section-footer .unit { position: relative; top: -85px; } #dropdown-destination-activity .render input { min-width: 225px; } @media (min-width: 769px) { #main-menu li:has(> a.main_menu_business_panel_register) { display: none!important; } [dir="rtl"] #topbar.style-elementor .topbar-items > li:not(:last-child)::after { display: none !important; } } #main-menu li .main_menu_business_panel_register { background: var(--main-color, #3B71FE); border-radius: 14px; font-weight: 500; font-size: 16px; line-height: 20px; color: #fff !important; padding: 12px 22px; transition: all 0.3s; text-align: center; display: block !important; margin-top: 8px; } .archive-vouchers .reviews-right { color: #1A2B48!important; } .archive-vouchers .nb_disable, .list-tab-wrapper .nb_disable, .service-list-wrapper .nb_disable { pointer-events: none; opacity: 0.6; filter: grayscale(100%); } .st_sale_class_business { position: absolute; width: 113px; height: 46px; transform: rotate(-47deg); left: -37px; top: 0px; line-height: 55px; text-align: center; color: #fff; font-size: 15px; z-index: 8; background-color: red !important; } .single-business .review-box { display: flex; } .single-business .review-box .st-summany { padding-right: 70px; padding-left: 0 !important; width: 59.42%; } .single-business .review-box .infor-avg-wrapper { padding-top: 30px; padding-bottom: 30px; } .single-business .review-box .infor-avg-wrapper .review-score-text { margin-top: 6px; margin-bottom: 6px; margin-left: 8px; } .single-business .review-box .infor-avg-wrapper .review-score { color: var(--main-color, #3B71FE); font-size: 30px; line-height: 40px; } .single-business .review-box .st-review-box-top { padding-left: 70px; border-left: 1px solid #DEDEDE; border-right: none !important; padding-right: 0 !important; } .single-business .review-box .st-summany .item { margin-top: 0px; width: 100%; } .single-business .review-box .st-summany .item .label { width: 130px; } .single-business .review-box .st-summany .item .progress { margin-left: 20px; margin-right: 15px; } .single-business .review-box .st-summany .item .number { width: 25px; } .single-business .review-box { padding: 20px !important; } @media screen and (max-width: 767px) { .single-business #st-content-wrapper.st-style-4 .review-box .st-review-box-top { width: 100%; border: unset; padding: 0px; } .single-business .review-box .st-summany { width: 100%; padding: 0px; } } .archive-vouchers .map-view { position: relative; background: url(../traveler/inc/modules/layouts/elementorv2/assets/images/map-view-2.png) center center no-repeat; padding-top: 60px; padding-bottom: 20px; line-height: unset; background-size: cover; border-radius: 20px; overflow: hidden; } .archive-vouchers .map-view .icon-marker { font-size: 29px; color: #DA3838; display: block; margin-bottom: 35px; } .page-template-template-voucher-search .sidebar-filter .close-sidebar { display: block; margin: 11px; font-size: 21px; } @media screen and (max-width: 767px) { #voucher-results .toolbar { display: unset !important; } #voucher-results .map-view-mobile { display: flex; } [dir="ltr"] .single.st-header-9 .daterangepicker.dropdown-menu.single .calendar { width: 100% !important; } [dir="ltr"] .st-header-9 .st-search-form-calendar .calendar-time-wrapper .calendar-time.left { display: block!important; } [dir=ltr] .room-rates .daterangepicker { transform:unset!important; } [dir=ltr] .rate-calendar .daterangepicker { transform:unset!important; position: relative!important; z-index: 98!important; } .single-business .st-gallery .count { display: none; } } [dir=ltr] .services-item.item-elementor .item .content-item .price-wrapper .unit { position: relative; top: -85px; } [dir=ltr] .page-template-template-hotel-search .services-item.item-elementor .item .content-item .price-wrapper .unit { top: unset!important; } [dir=ltr] .services-item.item-elementor .item .content-item .price-wrapper .price { margin-right: 0px; margin-left: 4px; } [dir=ltr] .service-list-wrapper.service-tour .services-item.item-elementor .price-wrapper .price .sale-top .item { font-size: 14px !important; margin-left: 8px; } [dir=ltr] .content-item .org-price, .room-item .content .org-price { position: absolute; right: 20px; direction: rtl; } [dir="ltr"] .single.st-header-9 .daterangepicker.dropdown-menu .calendar.single { width: 100% !important; } [dir=ltr] .page-template-template-rental-search .services-item.item-elementor .item .content-item .price-wrapper .unit { top:unset!important; } [dir=ltr] .single-st_rental .services-item.item-elementor .item .content-item .price-wrapper .unit { top:unset!important; } .single-business .st-gallery .st-video-popup { border: 1px solid rgba(255, 255, 255, 0.7); margin-left: 15px; border-radius: 27px !important; font-size: 17px; height: 50px; width: 50px; color: #c9c9c9; background: rgba(0, 0, 0, 0.35); } .single-business .st-gallery .st-video-popup:hover { border: 1px solid #c3c0c0; color: #c3c0c0; } [dir=ltr] .single-business .st-gallery .st-video-popup { margin-right: 15px; margin-left: unset!important; } .single-business .mfp-content .mfp-close { right: 3px !important; top: 4px !important; } [dir=ltr] .single-business .form-booking-price .st-price-origin { display: contents!important; float: right!important; } @media screen and (max-width: 991px) { .single-st_rental #st-content-wrapper.st-style-elementor .st-hotel-room-content .hotel-target-book-mobile { z-index: 98!important; } [dir=rtl] .st-banner-search-form.style_2 .st-search-form-el .st-search-el .search-form .destination-search .dropdown-menu { min-width: 327px!important; left: 3.8% !important; } [dir=rtl] .page-template-template-rental-search .st-banner-search-form.style_2 .st-search-form-el .st-search-el .search-form .destination-search .dropdown-menu, [dir=rtl] .page-template-template-hotel-search .st-banner-search-form.style_2 .st-search-form-el .st-search-el .search-form .destination-search .dropdown-menu { left: 0.8% !important; } [dir=ltr] .page-template-template-rental-search .st-banner-search-form.style_2 .st-search-form-el .st-search-el .search-form .destination-search .dropdown-menu, [dir=ltr] .page-template-template-hotel-search .st-banner-search-form.style_2 .st-search-form-el .st-search-el .search-form .destination-search .dropdown-menu { min-width: 327px!important; left: unset !important; } [dir=ltr] .st-banner-search-form.style_2 .st-search-form-el .st-search-el .search-form .destination-search .dropdown-menu { min-width: 327px !important; left: -4.2% !important; } } .page-template-elementor_header_footer .st-banner-search-form.style_2 .st-search-form-el .st-search-el .search-form .destination-search .dropdown-menu { left: unset !important; } [dir=ltr] .single-business .st-single-service-content .hotel-target-book-mobile .btn-voucher { padding: 15px !important; width: 46%; } [dir=ltr] .search-form form .st-form-dropdown-icon { padding-left: 0px!important; } [dir=ltr] .business-template-default .form-booking-price .st_sale_class_business { right: -62px !important; left: unset; transform: rotate(51deg); width: 153px; height: 50px; line-height: 72px; } [dir=ltr] .business-template-default .st-price-origin .price { flex: auto; } .single-business #gotop { z-index: 2; } .nb_activity_description_sectional .accordion-body .content-itinerary ul li::marker { display: none!important; content: ""; } .nb_activity_description_sectional .accordion-body .content-itinerary ul, .nb_activity_description_sectional .accordion-body .content-itinerary ul li { list-style: none !important; padding-left: 0 !important; margin-left: 0 !important; } .nb_activity_description_sectional .accordion-body .content-itinerary ul li { padding-left: 0; padding-right: 0; } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box; } .swiper-slide { border-style: solid; border-width: 0; overflow: hidden; transition-duration: .5s; transition-property: border, background, transform; will-change: transform; } .swiper-slide { flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform; } [dir=ltr] .b_stt_mailchimp_form_fa { display: none; } [dir=rtl] .nb_stt_mailchimp_form_en { display: none; } .single-location .st-blog .services-item .section-footer .price-wrapper .unit { position: relative; top: -85px; } [dir=ltr] .single-business .review-box .st-review-box-top { padding-right: 70px!important; border-right: 1px solid #DEDEDE!important; border-left: none !important; padding-left: 0 !important; } .st-banner-search-form.style_2 #nav-voucher_business{ max-width: 1070px; margin: auto; } [dir=rtl] #nav-st_hotel > div > div > div > form > div.destination-search.st-search-destination-tour.border-right { width: 14%!important; } [dir=ltr] #st-content-wrapper .st-breadcrumb ul li { padding-left: 11px !important; } .nb-total-price-book { margin-top: 20px; } /* Mobile Login Styles */ .login-form-wrapper { transition: opacity 0.3s ease, transform 0.3s ease; opacity: 0; transform: translateX(20px); pointer-events: none; position: absolute; width: 100%; left: 0; top: 0; } .login-form-wrapper.active { opacity: 1; transform: translateX(0); pointer-events: all; position: relative; } .mobile-component .mobile-login-steps { position: relative; } .mobile-component .mobile-login-step { transition: opacity 0.3s ease, transform 0.3s ease; opacity: 0; transform: translateX(20px); pointer-events: none; position: absolute; width: 100%; left: 0; top: 0; } .mobile-component .mobile-login-step.active { opacity: 1; transform: translateX(0); pointer-events: all; position: relative; } .btn-login-mobile, .st-login-mobile-link { display: flex; align-items: center; justify-content: center; gap: 10px; width: 100%; padding: 12px 20px; background-color: #1c4c8c; color: #fff; border-radius: 10px; text-decoration: none; margin-bottom: 3px; transition: background-color 0.3s ease; border: none; cursor: pointer; } .btn-login-mobile:hover, .st-login-mobile-link:hover { background-color: #153a6b; color: #fff; text-decoration: none; } .btn-login-mobile .icon, .st-login-mobile-link .icon { display: flex; align-items: center; } .btn-login-mobile .icon svg, .st-login-mobile-link .icon svg { width: 18px; height: 18px; fill: currentColor; } .btn-login-mobile .text, .st-login-mobile-link .text { font-weight: 500; } .social-login { display: flex; flex-direction: column; gap: 15px; margin-bottom: 0 !important; padding-bottom: 0 !important; } .social-login:last-child { margin-bottom: 0 !important; } .advanced { margin-bottom: 0 !important; padding-bottom: 0 !important; margin-top: 15px; } .advanced:last-child { margin-bottom: 0 !important; padding-bottom: 0 !important; } .advanced .social-login:last-child { margin-bottom: 0 !important; gap: 15px; height: 130px; } .register-component .advanced .social-login:last-child { margin-top: 16px; } .social-login .buttonDiv, .social-login .buttonDivSignUp { width: 100% !important; min-height: 48px !important; height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; border-radius: 10px !important; margin-bottom: 0 !important; padding: 0 !important; position: relative !important; overflow: hidden !important; } /* Placeholder for Google button while loading */ .social-login .buttonDiv:empty::before, .social-login .buttonDivSignUp:empty::before { content: ''; display: block; width: 100%; height: 48px; min-height: 48px; background-color: #f5f5f5; border-radius: 10px; position: absolute; top: 0; left: 0; z-index: 0; opacity: 0.5; } /* Hide placeholder when button is loaded */ .social-login .buttonDiv:not(:empty)::before, .social-login .buttonDivSignUp:not(:empty)::before { display: none; } /* Hide Google auto-generated divs */ .S9gUrf-YoZ4jf { display: none !important; visibility: hidden !important; opacity: 0 !important; height: 0 !important; width: 0 !important; position: absolute !important; left: -9999px !important; } /* Hide buttonDiv completely */ .buttonDiv, .buttonDivSignUp { display: none !important; visibility: hidden !important; opacity: 0 !important; height: 0 !important; width: 0 !important; position: absolute !important; left: -9999px !important; overflow: hidden !important; pointer-events: none !important; } /* Static Google login button styles */ .btn-login-google { width: 100%; height: 48px; min-height: 48px; display: flex; align-items: center; justify-content: center; gap: 10px; background-color: #fff; border: 1px solid #dadce0; border-radius: 10px; color: #3c4043; text-decoration: none; font-size: 14px; font-weight: 500; transition: all 0.3s ease; cursor: pointer; margin: 0 !important; padding: 0 !important; margin-bottom: 0 !important; margin-top: 0 !important; } .btn-login-google:hover { background-color: #f8f9fa; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); text-decoration: none; color: #3c4043; } .btn-login-google .icon { display: flex; align-items: center; justify-content: center; width: 20px; height: 20px; } .btn-login-google .icon svg { width: 100%; height: 100%; } /* Ensure Google button fills the container */ .social-login .buttonDiv > *, .social-login .buttonDivSignUp > * { width: 100% !important; height: 100% !important; min-height: 48px !important; position: relative; z-index: 1; } .social-login .buttonDiv .nsm7Bb-HzV7m-LgbsSe, .social-login .buttonDivSignUp .nsm7Bb-HzV7m-LgbsSe { width: 100% !important; height: 48px !important; min-height: 48px !important; padding: 12px 20px !important; border-radius: 10px !important; display: flex !important; align-items: center !important; justify-content: center !important; } .social-login .S9gUrf-YoZ4jf { width: 100% !important; height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; } #verification-code-input { font-size: 24px; letter-spacing: 8px; font-weight: bold; text-align: center; } /* Verification Code Boxes */ .verification-code-container { display: flex; justify-content: center; align-items: center; gap: 12px; margin: 20px 0; direction: ltr; } .verification-code-box { width: 56px; height: 56px; border: 1px solid #ddd; border-radius: 8px; text-align: center; font-size: 24px; font-weight: bold; background-color: #fff; transition: all 0.2s ease; outline: none; padding: 0; box-sizing: border-box; } .verification-code-box:focus { border-color: #5191FA; border-width: 2px; box-shadow: 0 0 0 3px rgba(81, 145, 250, 0.1); } .verification-code-box:not(:placeholder-shown) { border-color: #5191FA; } .verification-code-box::-webkit-outer-spin-button, .verification-code-box::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .verification-code-box[type="text"] { -moz-appearance: textfield; } /* RTL Support */ html[dir="rtl"] .verification-code-container { direction: ltr; } .mobile-component .form-group.text-center { margin-top: 20px; } .mobile-component .back-to-login, /* Verify Buttons Wrapper */ .verify-buttons-wrapper { display: flex; gap: 10px; width: 100%; } .verify-main-btn { flex: 0 0 55%; width: 55%; } .btn-resend-code { flex: 0 0 45%; width: 45%; } .btn-resend-code:disabled, .btn-resend-code.disabled { background-color: #cccccc !important; color: #666666 !important; cursor: not-allowed !important; opacity: 0.6; } .btn-resend-code:not(:disabled):not(.disabled):hover { opacity: 0.9; } .mobile-component .resend-code { text-decoration: none; font-size: 14px; color:#fff; } /* Mobile Back Button in Header */ .modal-header { position: relative; } .modal-header .d-flex { flex: 1; justify-content: center; align-items: center; gap: 15px; } .modal-header .account-tabs { margin: 0; } .mobile-back-btn { display: none; /* Hidden by default */ align-items: center; gap: 6px; background: none; border: none; color: #1c4c8c; font-size: 14px; font-weight: 500; cursor: pointer; padding: 6px 10px; transition: all 0.3s ease; border-radius: 6px; white-space: nowrap; position: absolute; left: 0; z-index: 10; } .mobile-back-btn.show, .mobile-back-btn[style*="display: block"], .mobile-back-btn[style*="display:flex"] { display: flex !important; } .mobile-back-btn:hover { background-color: rgba(28, 76, 140, 0.1); color: #1c4c8c; } .mobile-back-btn:active { background-color: rgba(28, 76, 140, 0.2); } .mobile-back-btn .stt-icon { font-size: 16px; display: inline-flex; align-items: center; } /* RTL Support for back button */ html[dir="rtl"] .mobile-back-btn { left: auto; right: 0; } html[dir="rtl"] .mobile-back-btn .stt-icon-arrow-left { transform: scaleX(-1); } /* Mobile Display Wrapper in Step 2 */ .mobile-display-wrapper { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 16px; background-color: #f5f5f5; border-radius: 8px; margin-bottom: 20px; } .mobile-display-text { flex: 1; font-size: 15px; font-weight: 500; color: #333; } .mobile-number-display { color: #1c4c8c; font-weight: 600; } .btn-change-mobile { display: inline-flex; align-items: center; gap: 6px; background: none; border: 1px solid #1c4c8c; color: #1c4c8c; font-size: 13px; font-weight: 500; cursor: pointer; padding: 6px 14px; transition: all 0.3s ease; border-radius: 6px; white-space: nowrap; } .btn-change-mobile:hover { background-color: #1c4c8c; color: #fff; } .btn-change-mobile:active { background-color: #153a6b; border-color: #153a6b; } /* RTL Support */ html[dir="rtl"] .mobile-display-wrapper { direction: rtl; } .mobile-component .back-to-login:hover, .mobile-component .resend-code:hover { text-decoration: underline; } /* Country Selector Styles */ .mobile-input-wrapper { position: relative; display: flex; align-items: center; border: 1px solid #ddd; border-radius: 10px; background: #fff; direction: ltr; /* Force LTR to keep country code on left */ flex-direction: row; /* Ensure country code is first */ } .country-selector { position: relative; flex-shrink: 0; z-index: 10000; order: -1; /* Ensure country selector comes first */ } .login-regiter-popup .modal-body { overflow: visible !important; padding-bottom: 10px !important; } .login-regiter-popup .modal-content { overflow: visible !important; padding-bottom: 0 !important; } .login-regiter-popup .modal-dialog { overflow: visible !important; } .login-regiter-popup .login-form-wrapper { overflow: visible !important; } .country-selector .country-flag { display: flex; align-items: center; gap: 8px; padding: 12px 15px; cursor: pointer; background: #f8f9fa; border-right: 1px solid #ddd; user-select: none; min-width: 90px; } .country-selector .country-flag { border-right: 1px solid #ddd; border-left: none; border-radius: 10px 0px 0px 10px; } .mobile-input-wrapper .mobile-number-input { border-radius: 0px 10px 10px 0px!important; } .country-selector .country-flag .flag-icon { font-size: 20px; line-height: 1; } .country-selector .country-flag .country-code { font-size: 14px; font-weight: 500; color: #333; } .country-dropdown { position: absolute; top: 100%; left: 0; background: #fff; border: 1px solid #ddd; border-radius: 8px; box-shadow: 0 4px 12px rgba(0,0,0,0.15); z-index: 9999; max-height: 300px; overflow-y: auto; margin-top: 5px; min-width: 250px; width: auto; white-space: nowrap; } .country-dropdown-hidden { display: none !important; } [dir="rtl"] .country-dropdown { left: 0; right: auto; } .country-option { display: flex; align-items: center; gap: 12px; padding: 12px 15px; cursor: pointer; transition: background 0.2s; border-bottom: 1px solid #f0f0f0; } .country-option:last-child { border-bottom: none; } .country-option:hover { background: #f8f9fa; } .country-option .flag-icon { font-size: 24px; line-height: 1; flex-shrink: 0; } .country-option .country-name { flex: 1; font-size: 14px; color: #333; } .country-option .country-dial { font-size: 13px; color: #666; font-weight: 500; } .mobile-number-input { flex: 1; border: none !important; padding: 12px 15px !important; border-radius: 0 !important; } .mobile-number-input:focus { outline: none; box-shadow: none; } .mobile-number-input::-webkit-inner-spin-button, .mobile-number-input::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } .mobile-number-input[type="tel"] { -moz-appearance: textfield; } #st-login-form button { border-radius: 7px; } [dir="rtl"] #register-email-input { direction: rtl!important; text-align: right!important; } .page-template-template-voucher-search .sort-menu{ width: 180px; } .register-component .advanced{ height: 185px; } .login-form-wrapper .btn-login-mobile{ color: #fff!important; } [dir=ltr] .st-banner-search-form.style_2 .st-search-form-el .st-search-el .search-form .field-guest { min-width: 17%!important; }