/* Theme Name: Budget Hotel Theme URI: https://glthemes.com/wordpress-theme/budget-hotel/ Description: Budget Hotel is a free and modern WordPress solution for hotels, resorts, lodges, and guest houses. It comes with everything you need to create a professional hotel website where you can showcase rooms, amenities, and services to attract more guests. Built as a child theme of Hotell, Budget Hotel integrates all the essential features in a clean and elegant design. This WordPress theme is the best choice for managing hotel bookings, promoting special packages, or sharing travel-related content. With its sleek design, refined color palette, and appealing typography, Budget Hotel ensures a visually pleasing experience and loads amazingly fast to help your site rank higher on search engines. Whether viewed on a desktop, tablet, or mobile device, this responsive theme adapts seamlessly across all screen sizes. No need to worry about technicalities when you have an excellent support team, timely updates, and well-crafted documentation in place. Instead, you can focus on building your brand, business and recognition. Don’t take our words for it; try out the theme here: https://demo.glthemes.com/budget-hotel/. For any issues or queries, refer to the official documentation: https://glthemes.com/documentation/hotell/ or leave an inquiry at https://glthemes.com/support/. Author: Good Looking Themes Author URI: https://glthemes.com/ Template: hotell Version: 1.0.2 Tested up to: 6.8 Requires PHP: 8.1 License: GNU General Public License v3 or later License URI: https://www.gnu.org/licenses/gpl-3.0.html Text Domain: budget-hotel Tags: blog, one-column, two-columns, right-sidebar, left-sidebar, footer-widgets, custom-background, custom-header, custom-menu, custom-logo, featured-images, threaded-comments, rtl-language-support, translation-ready, theme-options This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned. */ :root { --hotel-primary-color: #373e29 !important; --hotel-primary-font: "Aboreto", sans-serif !important; --hotel-secondary-font: "Inter", sans-serif !important; --hotel-secondary-color: #724d20 !important; --hotel-tertiary-color: #d8ded7 !important; --hotel-background-color: #efeee1 !important; --hotel-text-primary: #402302 !important; --hotel-text-secondary: #000000 !important; } p, span, li { font-weight: 300 !important; } h1, h2, h3, h4, h5, h6 { font-weight: 400 !important; line-height: 150% !important; } @media screen and (min-width: 1199px) { h2, .section-header__title-2 { font-size: 40px; } body, html { font-size: 16px; } } body { background-color: var(--hotel-background-color); color: var(--hotel-text-secondary); } /* button styling */ .btn-primary { border-radius: 8px; padding: 8px 16px; border: 1px solid #000000; background: transparent; font-size: 16px; font-weight: 300; color: var(--hotel-text-secondary); line-height: 160%; justify-content: space-between; display: flex; align-items: center; gap: 8px; } .btn-primary::after { content: ""; mask-image: url('data:image/svg+xml,'); mask-repeat: no-repeat; mask-position: center; mask-size: contain; background-color: var(--hotel-text-secondary); width: 12px; height: 24px; transition: all 0.2s ease; display: inline-block; } .btn-primary:hover, .btn-primary:focus { background-color: var(--hotel-primary-color); color: #fff; } .btn-primary:hover::after, .btn-primary:focus::after { background-color: #fff; } /* section spacing */ .section-padding, .page-grid, .post-navigation, .comment-list + .comment-respond, .archive.full-width .grid-layout-wrap, .about, .rooms, .cta-image, .rnb, .offers, .news-and-blogs, .contact, .recent-posts { padding: 40px 0; } @media screen and (min-width: 767px), print { .section-padding, .page-grid, .post-navigation, .comment-list + .comment-respond, .archive.full-width .grid-layout-wrap, .about, .rooms, .cta-image, .rnb, .offers, .news-and-blogs, .contact, .recent-posts { padding: 64px 0; } } @media screen and (min-width: 1199px) { .section-padding, .page-grid, .post-navigation, .comment-list + .comment-respond, .archive.full-width .grid-layout-wrap, .about, .rooms, .cta-image, .rnb, .offers, .news-and-blogs, .contact, .recent-posts { padding: 112px 0; } } /* header styling start */ .site-header .header-top { background-color: var(--hotel-primary-color); padding: 16px 0; } .site-header .info a:hover, .site-header .info span:hover { color: var(--hotel-tertiary-color) !important; } .site-header .info a:hover svg, .site-header .info span:hover svg { fill: var(--hotel-tertiary-color) !important; } .social-networks li { margin-right: 15px; } .site-header .header-bottom .site-branding { width: unset !important; } .site-header .header-wrapper { justify-content: space-between; } .site-header .header-bottom { padding: 0; background-color: var(--hotel-background-color); } .site-header .header-bottom:not(:has(.menu a)) { padding: 16px 0; } .site-header .header-left ul a { padding: 32px 16px; font-weight: 300; } .site-header .header-left ul li.menu-item-has-children::after, .site-header .header-left ul li .angle-down::after { right: 0; } .site-header .header-left ul ul { background-color: var(--hotel-background-color); } .site-header .mobile-header .header-bottom { padding: 8px 0; } /* header styling end */ /* banner styling start */ .banner { margin-bottom: 0; } .banner__wrap { position: static !important; transform: unset; } .banner__wrap .container { padding-left: 40px; } .banner .banner__stitle { font-size: 16px; } .banner__title { line-height: 160%; margin: 0; } .banner__title, .banner__stitle, .banner__title a, .banner__stitle a { color: #fff; } .banner-content { background-color: var(--hotel-primary-color); align-content: center; } .banner .banner__text { max-width: 520px; text-align: left; } .banner .btn-wrap { margin-top: 96px; justify-content: left; } .banner .btn-wrap .btn:first-child { background-color: #f5ead8; color: var(--hotel-primary-color); } .banner .btn-wrap .btn:first-child::after { background-color: var(--hotel-primary-color); } .banner .btn-wrap .btn:first-child:hover, .banner .btn-wrap .btn:first-child:focus { background-color: transparent; color: #fff; border-color: #fff; } .banner .btn-wrap .btn:first-child:hover::after, .banner .btn-wrap .btn:first-child:focus::after { background-color: #fff; } .banner .btn-wrap .btn.btn-white { border-color: #fff; color: #fff; } .banner .btn-wrap .btn.btn-white::after { background-color: #fff; } .banner .btn-wrap .btn.btn-white:hover, .banner .btn-wrap .btn.btn-white:focus { background-color: #f5ead8; color: var(--hotel-primary-color); } .banner .btn-wrap .btn.btn-white:hover::after, .banner .btn-wrap .btn.btn-white:focus::after { background-color: var(--hotel-primary-color); } .banner .banner__text { padding: 0; } @media screen and (min-width: 1199px) { .banner__title { font-size: 48px; } .banner__wrap .container { padding-left: 62px; } .banner img { max-height: 800px; height: 800px; } } @media screen and (max-width: 992px) { .banner-content { padding: 64px 0; } .banner__wrap .container { padding: 0 20px; } .banner .btn-wrap { margin-top: 40px; } .banner img { max-height: 450px; height: 450px; } } @media screen and (max-width: 768px) { .banner-content { padding: 40px 0; } .banner .btn-wrap { margin-top: 24px; } .banner img { max-height: 350px; height: 350px; } } /* banner styling end */ /* about section styling start */ .about .two-col__wrap { gap: 112px; } .about .two-col__wrap .two-col__intro { display: flex; flex-direction: column; margin-top: 0; justify-content: space-between; } .about-content p { margin-bottom: 0; } .about .two-col__wrap .about-image { margin-bottom: 32px; height: 350px; border-radius: 8px; margin-top: 0; } .about .two-col__wrap .about-image img { height: 100%; width: 100%; object-fit: cover; border-radius: 8px; } .section-header__tag, .breadcrumb-tag { color: var(--hotel-text-primary); margin-bottom: 15px; font-family: var(--hotel-primary-font); font-weight: 400 !important; font-size: 16px; } .section-header__title { color: var(--hotel-text-primary); } .about .section-header__title { margin-bottom: 0; } .about .btn-primary { border: none; border-bottom: 1px solid var(--hotel-text-primary); color: var(--hotel-text-primary); border-radius: 0; width: fit-content; padding: 0; padding-bottom: 4px; gap: 12px; } .about .btn-primary::after { background-color: var(--hotel-text-primary); } .about .btn-primary:hover, .about .btn-primary:focus { background-color: transparent; } .about .btn-primary:hover::after, .about .btn-primary:focus::after { transform: translateX(12px); } .section-header { text-align: left; } @media screen and (min-width: 992px), print { .about .two-col__wrap .two-col__intro { width: 30%; } .about .two-col__wrap .two-col__item { width: 70%; } } @media screen and (max-width: 1199px) { .about .two-col__wrap { gap: 72px; } .about .two-col__wrap .about-image { height: 300px; } } @media screen and (max-width: 992px) { .about .two-col__wrap { gap: 56px; flex-direction: column; } .about .two-col__wrap .about-image { height: 300px; } } @media screen and (max-width: 768px) { .about .two-col__wrap { gap: 40px; } .about .two-col__wrap .about-image { height: 250px; } .two-col__wrap .section-header { margin-bottom: 16px; } .about .two-col__wrap .about-image { margin-bottom: 24px; } } /* about section styling end */ /* cta section styling start */ .cta-section .two-col__wrap { gap: 16px; padding-left: 22px; padding-right: 22px; } @media screen and (min-width: 992px), print { .cta-section .cta-content { width: 40%; } .cta-section .cta-wrap { width: 60%; } .cta-section .cta-content .container { padding: 0; } } .cta-section .cta-image { margin: 0; padding: 0; height: 450px; } .cta-section .cta-image img { height: 100%; width: 100%; border-radius: 16px; object-fit: cover; } .cta-section .cta-content { background-color: var(--hotel-tertiary-color); padding: 40px; border-radius: 16px; border: 1px solid var(--hotel-tertiary-color); transition: all 0.4s ease; align-content: center; } .cta-section .cta-content:hover { border: 1px solid var(--hotel-text-primary); } .cta-section .cta-content .section-header__title { margin-bottom: 32px; } .cta-section .btn-primary { border: none; border-bottom: 1px solid var(--hotel-text-primary); color: var(--hotel-text-primary); border-radius: 0; width: fit-content; padding: 0; padding-bottom: 4px; gap: 12px; } .cta-section .btn-primary::after { background-color: var(--hotel-text-primary); } .cta-section .btn-primary:hover, .cta-section .btn-primary:focus { background-color: transparent; /* color: var(--hotel-primary-color); */ } .cta-section .btn-primary:hover::after, .cta-section .btn-primary:focus::after { transform: translateX(12px); } @media screen and (max-width: 992px), print { .cta-section .cta-content .section-header__title, .two-col__wrap .section-header { margin-bottom: 24px; } .cta-section .cta-image { height: 350px; } .cta-section .cta-content { padding: 32px 0; } } @media screen and (max-width: 576px), print { .cta-section .two-col__wrap { padding: 0 16px; } .cta-section .cta-content .section-header__title, .two-col__wrap .section-header { margin-bottom: 16px; } .cta-section .cta-image { height: 250px; } } /* cta section styling end */ /* gallery section styling start */ .gallery-container { display: flex; justify-content: space-between; align-items: stretch; gap: 42px; } .gallery-container .section-header { text-align: center; font-weight: 300; margin-bottom: 0; text-transform: capitalize; padding: 0 38px; } .gallery-container .section-header__title { margin-bottom: 32px; } .section-header__tag::before, .section-header__tag::after { display: none; } .gallery-col { display: flex; flex-direction: column; } .gallery-col figure { align-content: end; } .gallery-archive .card__content svg { display: none; } .gallery-archive .card__content a { width: 100%; height: 100%; } .gallery-col:nth-child(1), .gallery-col:nth-child(3) { width: 30%; padding-top: 145px; justify-content: end; } .gallery-col:nth-child(2) { width: 40%; text-align: center; justify-content: space-between; } .gallery-col:nth-child(1) .image, .gallery-col:nth-child(3) .image { height: 400px; } .gallery-col .image figure, .gallery-col .image img, .gallery-archive .card__content, .gallery-item { border-radius: 8px; } .gallery-sub-col { display: flex; gap: 16px; margin-top: 2rem; } .gallery-item { background: transparent; } .gallery-item:hover .card__content { opacity: 0.6; } .gallery-sub-col .gallery-item { flex: 1; } .gallery-sub-col .gallery-item figure { height: 160px; } .gallery-container .card__img { width: 100%; height: 100%; } .gallery-container .card__img img { border-radius: 8px; width: 100%; height: auto; object-fit: cover; } @media screen and (max-width: 1199px), print { .gallery-container { gap: 32px; } .gallery-sub-col .gallery-item figure { height: 120px; } .gallery-container .section-header { padding: 0; } .gallery-container .section-header__title { margin-bottom: 24px; } .gallery-col:nth-child(1), .gallery-col:nth-child(3) { padding-top: 100px; } } @media screen and (max-width: 992px), print { .gallery-col:nth-child(1) .image, .gallery-col:nth-child(3) .image { height: unset; } .gallery-container .section-header__tag { margin-bottom: 8px; font-size: 14px; } .gallery-container .section-header__title { font-size: 22px; margin-bottom: 16px; } .gallery-sub-col .gallery-item figure { height: 100px; } .gallery-container .section-header { font-size: 14px; } .gallery-sub-col { margin-top: 16px; } } @media screen and (max-width: 768px), print { .gallery-container .section-header { font-size: 0; } .gallery-container .section-header__title { margin-bottom: 0; } .gallery-sub-col .gallery-item figure { height: unset; } .gallery-container .section-header__tag { font-size: 12px; } .gallery-container { gap: 16px; } .gallery-col:nth-child(1), .gallery-col:nth-child(3) { padding-top: 40px; } } @media screen and (max-width: 576px), print { .gallery-container .section-header__title { font-size: 16px; } .gallery-container, .gallery-sub-col { gap: 8px; } } /* gallery section styling end */ /* video block styling start */ .video-block { margin: 0; border-radius: 8px; overflow: hidden; height: 595px; align-content: center; position: relative; } .video-block__text { position: absolute; right: 0; top: 0; max-width: 500px; border-radius: 0 0 0 8px; background-color: var(--hotel-background-color); padding: 48px 32px; } .video-block__text h2 { color: var(--hotel-text-primary); margin-top: 0; text-align: left; } /* .video-block__text h2{ position: relative; } */ .video-block__text::before, .video-block__text::after { content: ""; position: absolute; width: 32px; height: 32px; border: 3px solid var(--hotel-background-color); /* corner border */ } .video-block__text::before { top: -2px; left: -30px; border-right: none; border-bottom: none; rotate: 90deg; border-radius: 8px 0 0 0; } .video-block__text::after { bottom: -30px; right: -2px; border-left: none; border-top: none; rotate: 270deg; border-radius: 0 0 8px 0; } @media screen and (max-width: 1440px), print { .video-block__text::before { top: -3px; left: -29px; } .video-block__text::after { bottom: -29px; right: -3px; } } @media screen and (max-width: 992px), print { .video-block { height: 450px; } .video-block__text { padding: 32px 24px; max-width: 350px; } } @media screen and (max-width: 768px), print { .video-block { height: 350px; } .video-block__text { padding: 24px 16px; /* max-width: 250px; */ } } @media screen and (max-width: 576px), print { .video-block { height: 300px; } .video-block__text { max-width: 250px; padding: 16px; } .video-block__text h2 { font-size: 20px; } } /* video block styling end */ /* blog section styling start */ .blogs_title_wrap { display: flex; justify-content: space-between; align-items: stretch; gap: 72px; } .blogs_left { width: 27%; } .blogs_right { width: 73%; } .news-and-blogs .post .card, .archive-style-two .post .card { flex-direction: column; background: transparent; border-radius: 8px; padding: 24px; height: 100%; /* margin-right: 42px; */ border: 1px solid #998b70; } .news-and-blogs .post .card__img + .card__content, .archive-style-two .post .card__img + .card__content { margin: 0; box-shadow: none; padding: 0; } .news-and-blogs .post .card__img, .archive-style-two .post .card__img { height: 205px; max-height: 205px; border-radius: 4px; } .news-and-blogs .post .card__img img, .archive-style-two .post .card__img img, .post .card__img .svg-holder { border-radius: 4px; } .post .card__content p { margin: 16px 0 32px 0; } .post .card__content h5 { margin-top: 32px; } .news-and-blogs .post .meta { margin: 0; color: #474a57; } .news-and-blogs .post .meta li:first-child svg path { fill: var(--hotel-primary-color); } .news-and-blogs .post .meta li:last-child svg path { stroke: var(--hotel-primary-color); } /* Owl Carousel equal heights for blog items */ .news-and-blogs__slider .owl-item { display: flex; height: auto; } .news-and-blogs__slider .owl-item .post { width: 100%; margin-left: 4px; } .news-and-blogs__slider .owl-stage { display: flex; align-items: stretch; } .news-and-blogs__slider.owl-carousel { position: static; } .blogs_title_wrap { position: relative; } .news-and-blogs .news-and-blogs__slider .owl-prev, .news-and-blogs .news-and-blogs__slider .owl-next { bottom: 32px; top: unset; position: absolute; box-shadow: none; left: 0px; background: transparent !important; border: 1px solid var(--hotel-text-primary) !important; } .news-and-blogs .news-and-blogs__slider .owl-next { right: unset; left: 60px; } .news-and-blogs .news-and-blogs__slider .owl-prev span, .news-and-blogs .news-and-blogs__slider .owl-next span { color: var(--hotel-text-primary); } .news-and-blogs .news-and-blogs__slider .owl-prev:hover, .news-and-blogs .news-and-blogs__slider .owl-next:hover { background: var(--hotel-text-primary) !important; } .news-and-blogs .news-and-blogs__slider .owl-prev:hover span, .news-and-blogs .news-and-blogs__slider .owl-next:hover span { color: #fff !important; } @media screen and (max-width: 1199px), print { .blogs_title_wrap { gap: 48px; } } @media screen and (max-width: 992px), print { .blogs_title_wrap { gap: 32px; flex-direction: column; padding-bottom: 80px; } .blogs_left { width: 100%; } .blogs_right { width: 100%; } .news-and-blogs .news-and-blogs__slider .owl-prev, .news-and-blogs .news-and-blogs__slider .owl-next { bottom: 0; } } @media screen and (max-width: 768px), print { .blogs_title_wrap { padding-bottom: 72px; } /* .news-and-blogs .news-and-blogs__slider .owl-next{ right: unset; left: 40px; } */ .news-and-blogs__slider .owl-nav { display: block; } } /* blog section styling end */ /* partners section styling start */ .foot-top.section-padding { margin: 0; padding: 80px 0; } .foot-top .section-header__title { margin-bottom: 48px; } .foot-top__title, .foot-top__right { max-width: 100%; } .foot-top__right a { max-width: 200px; padding-left: 0; } @media screen and (max-width: 1199px), print { .foot-top__right a { max-width: 150px; } } @media screen and (max-width: 992px), print { .foot-top.section-padding { padding: 62px 0; } .foot-top .section-header__title { margin-bottom: 32px; } } @media screen and (max-width: 768px), print { .foot-top.section-padding { padding: 40px 0; } } /* partners section styling end */ /* footer styling start */ .site-footer { background-color: var(--hotel-primary-color); } .site-footer .footer-top ul.menu { padding: 0; } .site-footer .footer-top ul li:not(:last-of-type) { padding-bottom: 12px; } .site-footer .footer-top ul.menu li:before { display: none; } .site-footer .footer-top .widget-title, .site-footer .footer-top h4, .site-footer .footer-top h2, .site-footer .footer-top h3 { margin-bottom: 20px; } .site-footer .widget-title, .site-footer.wp-block-heading { font-size: 20px !important; } @media screen and (min-width: 1199px) { .widget { margin: 0 0 40px; } } @media screen and (min-width: 992px), print { .site-footer .footer-top { padding: 112px 0 62px; } } .footer-top .wp-block-button__link { border: none; border-bottom: 1px solid #fff; color: #fff; border-radius: 0; width: fit-content; padding: 0; font-weight: 400; display: flex; align-items: center; gap: 12px; padding-bottom: 4px; gap: 12px; } .footer-top .wp-block-button__link::after { content: ""; mask-image: url('data:image/svg+xml,'); mask-repeat: no-repeat; mask-position: center; mask-size: contain; background-color: #fff; width: 12px; height: 24px; transition: all 0.2s ease; display: inline-block; } .footer-top .wp-block-button__link:hover, .footer-top .wp-block-button__link:focus { background-color: transparent; /* color: var(--hotel-primary-color); */ } .footer-top .wp-block-button__link:hover::after, .footer-top .wp-block-button__link:focus::after { transform: translateX(12px); } .footer-top p { margin-bottom: 12px; } .footer-top .widget .wp-block-social-links li { width: 16px; height: 16px; margin: 0 !important; padding: 0 !important; } .widget .wp-block-social-links li a { padding: 0 !important; } .site-footer .footer-top ul { margin-top: 16px; } .site-footer .footer-bottom .site-info { padding: 24px 0; font-size: 16px; } .site-footer .footer-bottom .site-info a, .site-footer .footer-top ul.menu li a { text-decoration: underline; } .site-footer .footer-bottom .site-info a:hover { color: var(--hotel-tertiary-color); } .foot-top.section-padding { background-color: #d8ded7; } /* contact page */ .contact .section-header { text-align: center; } .breadcrumb-text .entry-header .entry-title, .blog-card .card__content h5 a, .wp-block-latest-posts__post-title{ word-break: break-all; }