/*
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.0
Tested up to: 6.6
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%;
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%;
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;
}