:host,
:root,
html,
::after,
::before {
--primary-color: #0075FF;
--primary-font-color: #ffffff;
--secondary-color: #FF5656;
--secondary-font-color: #ffffff;
---secondary-color: #FF565644;
--a-hover-color: #FF5656;
--heading-color: #2c3e50;
--descprition-color: #6e7da3;
--deaf-font-color: #8894ad;
--deaf-font-color-600: #8894ad1f;
--deaf-font-color-400: #8894ad44;
--label-font-color: #151e42;
--input-font-color-700: #6d7ca3;
--input-font-color-500: #6d7ca388;
---input-font-color-500: #484f5f;
--input-border-color: #d4dcff;
--faded-font-color: #525c84;
--primary-disabled: #0075ff22;
--primary-border-color: #e5edf9;
--primary-border-color-600: #e5edf966;
---primary-border-color: #eaeef7;
--grid-text-color: #424857;
---grid-text-color: #838eaa;
--overlay-color: #000000;
--stats-bg-color: #fcfdfe;
--stars-color: #d1e4fa;
--dashboard-secondary-bg-color: #f5f9fd;
--black-700: #000000;
--white-700: #ffffff;
--white-500: #FFFFFFDE;
--white-200: #ffffff22;
--orange-700: #f8b849;
--purple-700: #4339f2;
--red-700: #fb295b;
--green-700: #34b53a;
--green-500: #5dc461;
--grey-700: #808080;
--cyan-700: #28F8C0;
--golden-700: #FFBB00;
--input-radius: 10px;
--border-radius-lg: 20px;
--border-radius: 12px;
--border-radius-md: 16px;
--border-radius-xs: 4px;
--primary-font: sans-serif;
--icons-font: "Font Awesome 6 Free", emoji;
--transition: 300ms;
--overlay-opacity: 0.6;
/* Icons Variables */
--chevron-down-icon-code: "\f078";
--heart-filled-icon-code: "\f004";
--star-filled-icon-code: "\f005";
--square-icon-code: "\f0c8";
--check-icon-code: "\f00c";
--circle-icon-code: "\f111";
--close-icon-code: "\f00d";
--marker-icon-code: "\f3c5";
--search-icon-code: "\f002";
--remove-heart-icon-code: "\e4ff";
--loading-icon: "\f110";
}
/**
* Default CSS Start
*
* This CSS Will Be Overwrite With Dynamic CSS
*/
.staybnb-loader {
width: 100%;
height: 100%;
position: fixed;
z-index: 9999999999;
background-color: #F1F2F3;
display: flex;
opacity: 1;
visibility: visible;
transition: 0.3s;
align-items: center;
justify-content: center;
}
.staybnb-loader img {
width: 50px;
text-align: center;
}
.staybnb-container {
padding: 0 40px;
}
body {
font-size: 13px;
line-height: 1.5em;
font-weight: 400;
font-family: var(--bs-body-font-family);
color: var(---grid-text-color);
margin: 0 0 0 0;
}
h1 {
font-size: 24px;
line-height: 1.5em;
font-weight: 700;
font-family: var(--bs-body-font-family);
color: var(--heading-color);
margin: 0 0 0 0;
}
h2 {
font-size: 22px;
line-height: 1.5em;
font-weight: 700;
font-family: var(--bs-body-font-family);
color: var(--heading-color);
margin: 0 0 0 0;
}
h3 {
font-size: 20px;
line-height: 1.5em;
font-weight: 700;
font-family: var(--bs-body-font-family);
color: var(--heading-color);
margin: 0 0 0 0;
}
h4 {
font-size: 18px;
line-height: 1.5em;
font-weight: 700;
font-family: var(--bs-body-font-family);
color: var(--heading-color);
margin: 0 0 0 0;
}
h5 {
font-size: 16px;
line-height: 1.5em;
font-weight: 700;
font-family: var(--bs-body-font-family);
color: var(--heading-color);
margin: 0 0 0 0;
}
h6 {
font-size: 14px;
line-height: 1.5em;
font-weight: 700;
font-family: var(--bs-body-font-family);
color: var(--heading-color);
margin: 0 0 0 0;
}
p {
font-size: 13px;
line-height: 1.5em;
font-weight: 400;
font-family: var(--bs-body-font-family);
color: var(---grid-text-color);
margin: 0 0 0 0;
}
label {
font-size: 13px;
line-height: 1.5em;
font-weight: 400;
font-family: var(--bs-body-font-family);
color: var(--heading-color);
margin: 0 0 0 0;
}
ul {
list-style: none;
margin: 0;
padding: 0;
}
.post-page-numbers {
color: var(--primary-color);
}
a:hover,
a:focus {
color: var(--a-hover-color);
}
.p-sm {
font-size: 11px;
line-height: 1.5em;
font-weight: 400;
font-family: var(--bs-body-font-family);
color: var(---grid-text-color);
margin: 0 0 0 0;
}
.p-md {
font-size: 12px;
line-height: 1.5em;
font-weight: 400;
font-family: var(--bs-body-font-family);
color: var(---grid-text-color);
margin: 0 0 0 0;
}
.p-lg {
font-size: 14px;
line-height: 1.5em;
font-weight: 400;
font-family: var(--bs-body-font-family);
color: var(---grid-text-color);
margin: 0 0 0 0;
}
.staybnb-filled-btn,
.staybnb-not-filled-btn {
border: 1px solid;
border-radius: var(--border-radius);
cursor: pointer;
font-family: var(--primary-font);
font-size: 13px;
font-weight: 500;
letter-spacing: 1px;
line-height: 15px;
padding: 13px 23px;
transition: var(--transition);
}
.staybnb-filled-btn i,
.staybnb-not-filled-btn i {
transition: var(--transition);
}
.staybnb-filled-btn,
.staybnb-filled-btn:focus,
.staybnb-not-filled-btn:hover {
background: var(--primary-color);
border-color: var(--primary-color);
color: var(--primary-font-color);
}
.staybnb-filled-btn i,
.staybnb-filled-btn:focus i,
.staybnb-not-filled-btn:hover i {
color: var(--primary-font-color);
}
.staybnb-not-filled-btn,
.staybnb-filled-btn:hover {
background: var(--primary-font-color);
border-color: var(--primary-color);
color: var(--primary-color);
}
.staybnb-offcanvas-menu-btn {
align-items: center;
border-radius: var(--border-radius);
display: flex;
height: 40px;
justify-content: center;
padding: 0;
position: relative;
width: 40px;
}
.staybnb-offcanvas-menu-btn i {
font-size: 15px;
line-height: 12px;
}
.staybnb-breadcrumbs {
padding: 14px 0;
}
.staybnb-breadcrumbs>a {
font-size: 12px;
line-height: 1;
}
.staybnb-breadcrumbs>a:hover {
text-decoration: underline;
}
span.select2-container.select2-container--default.select2-container--open span.select2-dropdown.select2-dropdown--below {
margin-top: 0 !important;
}
.logged-in span.select2-container.select2-container--default.select2-container--open span.select2-dropdown.select2-dropdown--below {
margin-top: 30px !important;
}
/*------------------Select2 ------*/
.cwp-field-dropdown label {
display: block;
}
.select2-container--open .select2-dropdown {
border: none;
}
span.select2-selection.select2-selection--single {
border: none !important;
line-height: 15px;
cursor: text;
padding: 0;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
padding: 0px !important;
line-height: 18px !important;
outline: none;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
display: none;
}
span.select2-container.select2-container--default.select2-container--open span.select2-dropdown.select2-dropdown--below {
border: 0 !important;
border-radius: 25px;
min-width: 200px;
background: transparent;
}
span.select2-container.select2-container--default.select2-container--open span.select2-dropdown.select2-dropdown--below {
margin-top: 0 !important;
}
.logged-in span.select2-container.select2-container--default.select2-container--open span.select2-dropdown.select2-dropdown--below {
margin-top: 30px !important;
}
span.select2-dropdown.select2-dropdown--below span.select2-results {
width: 100%;
min-width: 200px;
}
span.select2-dropdown.select2-dropdown--below span.select2-search.select2-search--dropdown,
span.select2-search.select2-search--dropdown {
border: 0;
padding: 0;
width: 100%;
margin-top: -18px;
}
span.select2-dropdown.select2-dropdown--below span.select2-search.select2-search--dropdown .select2-search__field,
span.select2-search.select2-search--dropdown .select2-search__field {
border: 0;
background: transparent;
height: 20px;
padding: 0;
}
.select2-search.select2-search--dropdown .select2-search__field:focus,
.select2-search.select2-search--dropdown .select2-search__field:focus-visible,
.select2-search.select2-search--dropdown .select2-search__field:focus-within,
.select2-search.select2-search--dropdown .select2-search__field:active {
background: #fff !important;
}
.select2-container.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container.select2-container--default .select2-results__option--highlighted[data-selected],
.select2-container.select2-container--default .select2-results__option[aria-selected=true],
.select2-container.select2-container--default .select2-results__option[data-selected=true] {
background-color: #f7f7f7;
color: #000000;
}
span.select2-results ul.select2-results__options {
width: 100%;
background: #fff;
border: 1px solid #e3e3e3;
border-radius: 14px !important;
box-shadow: 0 0px 2px 0 rgb(0 0 0 / 5%), 0 2px 20px 0 rgb(0 0 0 / 20%);
padding: 0;
margin: 10px 0 0 0;
}
.select2-results .select2-results__options li.select2-results__option {
width: 100%;
padding: 6px;
padding-left: 20px;
font-size: 14px;
line-height: 1.5;
}
span#select2-Locations-container {
cursor: pointer;
}
ul#select2-Locations-results {
min-width: 300px;
border-radius: 32px !important;
padding: 16px;
}
ul#select2-Locations-results li.select2-results__option:before {
content: "\f3c5";
font-family: "Font Awesome 6 Free";
font-weight: 900;
border: 1px solid transparent;
border-radius: 12px;
background: #DDDDDD;
color: #222222;
padding: 8px 9px;
margin-right: 10px;
font-size: 14px;
}
ul#select2-Locations-results li.select2-results__option {
padding: 14px 14px;
margin: 10px 0;
border-radius: 8px;
}
/*---------------- Staybnb Date Picker -----------*/
.theme-staybnb .date-picker-wrapper {
border-radius: 32px !important;
padding: 30px !important;
}
.theme-staybnb .date-picker-wrapper table .caption .next,
.theme-staybnb .date-picker-wrapper table .caption .prev {
border: 0 !important;
}
.theme-staybnb .date-picker-wrapper .month-wrapper table {
width: 270px !important;
border: 0 !important;
}
.theme-staybnb .date-picker-wrapper table th,
.theme-staybnb .date-picker-wrapper table td {
width: 32px !important;
height: 32px !important;
font-weight: 600;
}
.theme-staybnb .date-picker-wrapper .first-date-selected:after,
.theme-staybnb .date-picker-wrapper .last-date-selected:after {
width: 32px !important;
height: 32px !important;
left: 2px !important;
top: -3px !important;
right: 2px !important;
background: var(--primary-color) !important;
}
.theme-staybnb .date-picker-wrapper .last-date-selected:after {
width: 32px !important;
height: 32px !important;
left: unset !important;
top: -3px !important;
}
.theme-staybnb .date-picker-wrapper .date-range-length-tip {
background-color: var(--primary-color) !important;
}
.theme-staybnb .date-picker-wrapper .first-date-selected,
.date-picker-wrapper .month-wrapper table .first-date-selected.day.checked {
border-radius: 50% 0 0 50% !important;
}
.theme-staybnb .date-picker-wrapper .last-date-selected,
.date-picker-wrapper .month-wrapper table .last-date-selected.day.checked {
border-radius: 0 50% 50% 0 !important;
}
/*----------------- Staybnb Dropdown ------------*/
.staybnb-dropdown {
cursor: pointer;
position: relative;
transition: var(--transition);
}
.staybnb-dropdown>.fa-chevron-down {
display: inline-block;
font-size: 12px;
line-height: 12px;
transition: var(--transition);
}
.staybnb-dropdown-items {
background: var(--white-700);
border: 1px solid var(--primary-border-color);
border-radius: 10px;
box-shadow: 0 0 20px 5px var(--deaf-font-color-600);
left: 0;
min-width: 130px;
opacity: 0;
position: absolute;
top: calc(100% - 1px);
transition: var(--transition);
visibility: hidden;
z-index: 99;
pointer-events: none;
}
.staybnb-dropdown-items.drop-left {
left: unset;
right: 0;
}
.staybnb-dropdown-items.drop-left.have-indicator {
left: unset;
right: -20px;
}
.staybnb-dropdown-items.have-indicator:after {
content: "";
background: var(--white-700);
border: 1px solid var(--primary-border-color);
border-bottom: 0;
border-right: 0;
height: 15px;
position: absolute;
right: 15px;
top: calc(-15px / 2);
transform: rotate(45deg);
width: 15px;
}
.staybnb-dropdown-items a {
text-decoration: none;
}
.staybnb-dropdown:not(.staybnb-dropdown-active-event):hover .staybnb-dropdown-items,
.staybnb-dropdown:not(.staybnb-dropdown-active-event):focus .staybnb-dropdown-items,
.staybnb-dropdown.staybnb-dropdown-active-event .staybnb-dropdown-items,
.staybnb-dropdown .staybnb-dropdown-items:focus-within {
opacity: 1;
top: 100%;
visibility: visible;
pointer-events: auto;
}
.staybnb-dropdown:not(.staybnb-dropdown-active-event):hover:before,
.staybnb-dropdown:not(.staybnb-dropdown-active-event):focus:before,
.staybnb-dropdown.staybnb-dropdown-active-event:before {
content: '';
position: absolute;
width: 100%;
height: 20px;
bottom: -10px;
left: 0;
z-index: 3;
background: transparent;
pointer-events: auto;
user-select: auto;
}
.staybnb-dropdown:not(.staybnb-dropdown-active-event):hover .fa-chevron-down,
.staybnb-dropdown:not(.staybnb-dropdown-active-event):focus .fa-chevron-down,
.staybnb-dropdown.staybnb-dropdown-active-event .fa-chevron-down {
transform: rotate(180deg);
}
.staybnb-dropdown-items .staybnb-dropdown-item {
align-items: center;
display: flex;
justify-content: center;
margin: 0;
padding: 10px 20px;
transition: var(--transition);
white-space: nowrap;
}
.staybnb-dropdown-items .staybnb-dropdown-item i {
display: inline-block;
font-size: 13px;
line-height: 9px;
margin: 0 5px 0 0;
}
.staybnb-dropdown-items .staybnb-dropdown-item:hover {
color: var(--primary-color);
}
.staybnb-dropdown-items a:not(:last-of-type) .staybnb-dropdown-item {
border-bottom: 1px solid var(--primary-border-color);
}
.staybnb-filled-btn,
.staybnb-not-filled-btn {
border: 1px solid;
border-radius: var(--border-radius);
cursor: pointer;
font-family: var(--primary-font);
font-size: 13px;
font-weight: 500;
letter-spacing: 1px;
line-height: 15px;
padding: 13px 23px;
transition: var(--transition);
}
.staybnb-filled-btn,
.staybnb-filled-btn:focus,
.staybnb-not-filled-btn:hover {
background: var(--primary-color);
border-color: var(--primary-color);
color: var(--primary-font-color);
}
.staybnb-not-filled-btn.staybnb-items-load-more {
background: #ff385c;
border: 1px solid #ff385c;
border-radius: 5px;
color: #fff;
cursor: pointer;
font-size: 14px;
font-weight: 500;
margin: 0 auto 20px;
padding: 14px 18px;
text-decoration: none;
text-shadow: none;
}
.staybnb-not-filled-btn.staybnb-items-load-more:hover {
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .5);
}
.cwp-frontend-form-container form#cwp-from-cwp_reviews .cwp-review-submitBTN.cwp-from-submit {
border-radius: var(--border-radius);
background-color: var(--primary-color);
border: 1px solid var(--primary-color);
color: var(--primary-font-color);
}
.cwp-frontend-form-container form#cwp-from-cwp_reviews .cwp-review-submitBTN.cwp-from-submit:hover {
background-color: var(--primary-font-color);
color: var(--primary-color);
}
/*----------------- Post Grid Style ----------------*/
.staybnb-post-element-grid {
background: var(--white-700);
border: 1px solid #ededed;
box-shadow: none;
padding: 15px 10px 15px 10px;
margin: 0 0 30px 0;
border-radius: 10px;
}
.staybnb-post-element-grid:hover {
box-shadow: 0 13px 23px var(--deaf-font-color-600);
}
.staybnb-post-grid-thumbnail {
position: relative;
border-radius: 10px;
overflow: hidden;
}
.staybnb-post-grid-thumbnail-url::after {
content: '';
background: #0000004d;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.staybnb-post-grid-thumbnail img {
border-radius: 10px !important;
min-height: 222px;
object-fit: cover;
}
.staybnb-post-element-grid-info span {
color: #424857;
font-size: 10px;
}
.staybnb-post-element-grid-read-more {
padding: 3px 10px 3px 10px;
border: 1px solid #C3CCD3;
color: #C3CCD3;
border-radius: 5px;
margin-top: 5px;
font-size: 10px;
text-align: center;
}
.staybnb-post-grid-thumbnail .staybnb-post-element-grid-term {
position: absolute;
bottom: 0;
text-align: center;
background: var(--secondary-color);
padding: 5px 15px 5px 15px;
color: var(--secondary-font-color);
z-index: 9;
transform: translate(-50%, -50%);
letter-spacing: 1px;
left: 50%;
border-radius: 5px;
font-size: 10px;
font-weight: bold;
}
.staybnb-post-element-grid-content h2 {
font-size: 17px;
color: var(--heading-color);
white-space: nowrap;
text-align: center;
text-overflow: ellipsis;
overflow: hidden;
max-width: 90%;
margin: 0 auto 5px;
}
.staybnb-post-element-grid-content {
text-align: center;
padding: 15px 0 5px 0;
}
.staybnb-empty-search {
margin-top: 50px !important;
margin-bottom: 50px !important;
}
#content .wp-block-button__link {
border: 1px solid var(--primary-color);
background-color: var(--primary-color);
color: var(--primary-font-color);
}
#content .wp-block-button__link:hover {
color: var(--primary-color);
background-color: var(--primary-font-color);
}
#content .is-style-outline>.wp-block-button__link:not(.has-background) {
border: 1px solid var(--primary-color);
background-color: transparent;
color: var(--primary-color);
}
#content .wp-block-button.is-style-outline>.wp-block-button__link:hover {
background-color: var(--primary-color);
color: var(--primary-font-color);
}
.is-style-squared>.wp-block-button__link {
border-radius: 0;
}
.alignright {
text-align: right;
}
blockquote p {
font-size: 22px;
margin: 0 0 10px 0;
}
/*----------------- Pagination --------------------*/
.cwp-pagination {
margin: 72px 0 32px 0;
}
.cwp-pagination>ul {
display: flex;
align-items: center;
justify-content: center;
}
.cwp-pagination ul li {
height: 32px;
width: 32px;
margin: 0 8px;
display: flex;
align-items: center;
justify-content: center;
border: 0;
border-radius: 50%;
font-size: 14px;
}
.cwp-pagination ul li a {
font-size: 14px;
font-weight: 600;
}
.cwp-pagination ul li.active {
background: #222222;
}
.cwp-pagination ul li.active a {
color: #ffffff;
}
.cwp-pagination ul li a svg {
display: block;
}
.staybnb-pagination,
.staybnb-pagination .nav-links {
align-items: center;
display: flex !important;
float: none !important;
justify-content: center;
margin: 30px 0 !important;
}
.staybnb-pagination a,
.staybnb-pagination span {
background: var(--primary-color);
border: 1px solid var(--primary-color);
border-radius: var(--border-radius);
color: var(--primary-font-color) !important;
display: block;
font-size: 13px !important;
line-height: 15px;
margin: 0 10px !important;
padding: 10px 15px !important;
transition: var(--transition);
}
.staybnb-pagination a:hover,
.staybnb-pagination span:hover {
background: var(--primary-font-color) !important;
border-color: var(--primary-color) !important;
color: var(--primary-color) !important;
}
.staybnb-pagination .current {
background: transparent;
border-color: var(--primary-color) !important;
color: var(--primary-color) !important;
cursor: not-allowed !important;
border-radius: var(--border-radius) !important;
}
/*Pagination*/
.cwp-user-dashboard .cwp-user-dashboard-tab-content-container .cwp-pagination {
background: transparent;
padding: 0;
border: 0;
width: 100%;
}
.cwp-user-dashboard .cwp-reviews-head,
.cwp-user-dashboard .cwp-booking-head {
background: var(--primary-color);
}
.cwp-user-dashboard .cwp-user-dashboard-tab-content-container .cwp-pagination li {
margin: 0;
max-height: unset;
}
.cwp-user-dashboard .cwp-user-dashboard-tab-content-container .cwp-pagination li a {
height: unset;
background: unset;
border: 0;
padding: 5px;
}
.cwp-user-dashboard .cwp-user-dashboard-tab-content-container .cwp-pagination li.active a {
background: var(--primary-color);
border-radius: 5px;
color: #222;
padding: 10px 18px;
}
.page .cwp-user-dashboard .cwp-user-dashboard-tabs li.cwp-active-tab a {
background: var(--primary-color);
color: #ffffff;
}
.page .cwp-user-dashboard .cwp-user-dashboard-tabs li.cwp-active-tab::before {
background: var(--primary-color);
}
.page .cwp-user-dashboard .cwp-user-dashboard-tab-content-container .cwp-user-dashboard-tab-content-post-action:focus,
.page .cwp-user-dashboard .cwp-user-dashboard-tab-content-container .cwp-user-dashboard-tab-content-post-action:hover,
.page .cwp-user-dashboard .cwp-user-dashboard-tab-content-container .cwp-dasboard-list-action:hover .cwp-user-dashboard-tab-content-post-action {
background: var(--primary-color);
color: #222;
}
.page .cwp-dashboard-list-content>a {
font-weight: 500;
font-size: 14px;
color: #222;
}
.page .cwp-dashboard-list-content a:hover {
text-decoration: underline;
}
.page .cwp-dashboard-list-content ul.cwp-loop-terms li {
margin: 0 4px 0 0;
}
.page .cwp-dashboard-list-content ul.cwp-loop-terms li:not(:last-child):after {
content: ',';
position: unset;
width: unset;
background: transparent;
}
/* Loader */
.cubewp-processing-ajax,
.cubewp-processing-ajax:hover,
.cwp-frontend-form-container [type=submit].cubewp-processing-ajax,
.cwp-frontend-form-container [type=submit].cubewp-processing-ajax:hover {
pointer-events: none !important;
background-size: 100px 100% !important;
background-image: linear-gradient(45deg, #ff385c 33%, #f78499 0, #f78499 70%, #ff385c 0) !important;
border-color: #ff385c !important;
animation: cubewp-active-ajax-animation 2s linear infinite !important;
}
/*404*/
.staybnb-error404-content {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
margin: 200px 0;
}
.staybnb-error-main-content {
text-align: center;
}
.staybnb-error-main-content .error-image img {
width: 249px;
margin: auto;
height: 204px;
}
.staybnb-error-main-content .staybnb-error-text h1 {
font-size: 34px;
font-family: var(--primary-font);
text-align: center;
font-weight: 500;
letter-spacing: 0;
color: var(--primary-color);
margin: 14px 0 12px 0;
opacity: 1;
}
.staybnb-error-main-content .staybnb-error-text p {
font-size: 17px;
text-align: center;
font-weight: 500;
margin: 0;
letter-spacing: 0;
font-family: var(--primary-font);
color: #000000DE;
opacity: 1;
}
.staybnb-modal .modal-dialog {
padding: 40px;
}
.staybnb-modal .modal-dialog {
margin: 70px auto;
}
@media (min-width: 992px) {
.staybnb-modal .modal-dialog {
max-width: 700px;
}
}
@media (max-width: 767px) {
.staybnb-container {
padding: 0 16px;
}
}
/*404*/
/*----------------- Footer Styling -----------------*/
#staybnb-footer {
padding: 35px 0;
}
#staybnb-footer .staybnb-widget>h5 {
font-size: 14px;
line-height: normal;
margin-bottom: 12px;
padding: 0;
color: #222222;
font-weight: 600;
}
#staybnb-footer .staybnb-widget ul {
list-style: none;
display: grid;
gap: 12px;
}
#staybnb-footer .staybnb-widget a {
font-size: 14px;
line-height: 18px;
color: #222222;
text-decoration: none;
}
#staybnb-footer .staybnb-widget a:hover {
text-decoration: underline;
}
footer a.nav-link {
padding: unset;
display: unset;
}
#staybnb-sub-footer {
padding: 10px 0;
border-top: 1px solid #dddddd;
}
.staybnb-sub-footer-container,
.staybnb-sub-footer-menus-container,
.staybnb-sub-footer-social-shares .sub-footer-socials-list {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
}
.staybnb-sub-footer-menu {
display: flex;
justify-content: center;
}
.staybnb-sub-footer-menu li {
line-height: 15px;
margin: 0 12px 0 0;
padding: 0 12px 0 0;
}
.staybnb-sub-footer-menu li a {
color: #222222;
position: relative;
}
.staybnb-sub-footer-menu li a::before {
content: ".";
position: absolute;
top: -5px;
left: -13px;
font-weight: 500;
}
.staybnb-widget a:hover,
.staybnb-sub-footer-menu li a:hover {
text-decoration: underline;
color: #222222;
}
.staybnb-sub-footer-menu li:last-child {
line-height: 15px;
margin: 0;
padding: 0;
border: 0;
}
.staybnb-footer-copyright {
font-size: 14px;
font-weight: 400;
margin: 0 24px 0 0;
color: #222222;
}
.staybnb-sub-footer-social-shares .sub-footer-socials-list {
gap: 16px;
}
.staybnb-sub-footer-social-shares .sub-footer-socials-list li a {
font-size: 22px;
color: #222222;
}
#staybnb-footer.staybnb-footer-style-1 {
min-height: auto;
padding: 30px 0;
text-align: center;
margin: 30px 0 0 0;
background: #f7f7f7;
}
#staybnb-footer.staybnb-footer-style-1 * {
color: #222;
}
#staybnb-footer.staybnb-footer-style-1 a * {
color: inherit;
}
#staybnb-footer.staybnb-footer-style-1 a *:hover {
text-decoration: underline;
}
#staybnb-footer.staybnb-footer-style-1 a:hover {
color: var(--a-hover-color);
}
.single-post #staybnb-footer.staybnb-footer-style-1 {
margin: 0 0 0 0;
}
#staybnb-footer.staybnb-footer-style-1 .staybnb-footer-copyright {
align-items: flex-end;
font-size: 13px;
}
/* woocommerce page setting */
.staybnb-page-content-container .wp-block-woocommerce-checkout.wc-block-checkout {
margin-top: 20px;
}
.staybnb-page-content-container .wc-block-components-radio-control .wc-block-components-radio-control__input:checked:before {
background: var(--primary-color);
}
.staybnb-page-content-container .wc-block-components-radio-control .wc-block-components-radio-control__input:checked {
border-color: var(--primary-color)
}
.staybnb-page-content-container .wc-block-components-radio-control .wc-block-components-radio-control__input:focus {
outline: none;
}
.staybnb-page-content-container .woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea {
box-sizing: border-box;
outline: 0;
border: 1px solid var(--input-border-color);
border-radius: var(--input-radius);
padding: 8px 12px;
width: 100%;
margin: 10px 0 0 0;
height: 40px;
font-weight: normal;
font-size: 13px;
line-height: 15px;
font-family: var(--primary-font);
color: var(--label-font-color);
}
.staybnb-page-content-container .staybnb-page-content-container>.woocommerce {
margin: 50px auto;
border: 1px solid var(--input-border-color);
padding: 28px 28px 8px 28px;
background: var(--white-700);
border-radius: 20px;
background-color: var(--white-700);
max-width: 70%;
}
.staybnb-page-content-container .woocommerce-billing-fields .select2-selection--single {
padding: 6px 5px !important;
min-height: 41px;
}
.staybnb-page-content-container .woocommerce table.shop_table {
border: 1px solid var(--input-border-color);
}
.staybnb-page-content-container .woocommerce table.shop_table td {
border: auto;
}
.staybnb-page-content-container #order_review_heading {
margin: 10px 0 8px 0;
}
.staybnb-page-content-container table td,
.staybnb-page-content-container table th {
border: unset;
}
.staybnb-page-content-container .woocommerce form .form-row label {
display: block !important;
font-size: 13px !important;
line-height: 17px !important;
font-family: var(--primary-font) !important;
color: var(---input-font-color-500);
font-weight: 600 !important;
margin: 6px 0 2px 0;
word-spacing: 0;
letter-spacing: 0;
}
.staybnb-page-content-container .woocommerce-additional-fields h3,
.staybnb-page-content-container .woocommerce-billing-fields h3 {
margin: 0 0 4px 0;
}
.staybnb-page-content-container #order_comments_field textarea#order_comments {
min-height: 220px;
background: var(--white-700);
}
.staybnb-page-content-container .woocommerce form.checkout_coupon,
.woocommerce form.login,
.woocommerce form.register {
border: 1px solid var(--input-border-color);
}
.staybnb-page-content-container .woocommerce form.checkout_coupon .button.wp-element-button:hover {
background: transparent;
color: var(--primary-color);
}
.staybnb-page-content-container .woocommerce form.checkout_coupon .button.wp-element-button {
margin-top: 9px;
margin-bottom: 0;
}
.staybnb-page-content-container .shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents .button.wp-element-button {
margin: 0;
width: 115px;
height: 40px;
min-height: 40px;
background: var(--primary-color);
box-shadow: 0 4px 10px #00000046;
border-radius: 23px;
border: 3px solid var(--primary-color);
color: var(--primary-font-color);
transition: var(--transition);
font-size: 13px;
line-height: 17px;
font-weight: 500;
letter-spacing: 0.34px;
}
.staybnb-page-content-container .woocommerce table.cart td.actions .input-text,
.woocommerce-page #content table.cart td.actions .input-text,
.staybnb-page-content-container .woocommerce-page table.cart td.actions .input-text {
min-width: 250px;
border: 1px solid var(--input-border-color);
border-radius: var(--input-radius);
padding: 8px 12px;
height: 40px;
font-weight: normal;
font-size: 13px;
line-height: 15px;
font-family: var(--primary-font);
color: var(--label-font-color);
}
.staybnb-page-content-container .wc-proceed-to-checkout .checkout-button.button.alt.wc-forward.wp-element-button {
-webkit-font-smoothing: antialiased;
background-color: var(--secondary-color);
border: 3px solid var(--secondary-color);
color: var(--white-700);
line-height: 14px;
font-weight: bold;
font-family: var(--primary-font);
}
.staybnb-page-content-container .wc-proceed-to-checkout .checkout-button.button.alt.wc-forward.wp-element-button:hover {
background-color: transparent;
color: var(--secondary-color);
}
.staybnb-page-content-container .woocommerce .quantity .qty {
width: 100%;
text-align: left;
border: unset;
}
.staybnb-page-content-container .woocommerce #payment #place_order,
.woocommerce-page #payment #place_order {
background: var(--primary-color);
margin-bottom: 0;
margin-top: 20px;
}
.staybnb-page-content-container .woocommerce #payment #place_order:hover,
.woocommerce-page #payment #place_order:hover {
background: var(--primary-font-color);
color: var(--primary-color);
}
.staybnb-page-content-container #add_payment_method #payment,
.woocommerce-cart #payment,
.woocommerce-checkout #payment {
position: relative;
background: #f9faff;
padding: 30px 20px 20px;
margin: 0 0 30px 0;
border-top: 3px solid var(--primary-color) !important;
border-color: transparent;
border: 1px solid var(---primary-border-color);
}
.staybnb-page-content-container .woocommerce-info .showcoupon {
color: var(--primary-color);
}
.staybnb-page-content-container #add_payment_method #payment div.payment_box::before,
.staybnb-page-content-container .woocommerce-cart #payment div.payment_box::before,
.staybnb-page-content-container .woocommerce-checkout #payment div.payment_box::before {
top: -11px;
left: -21px;
margin: -1em 0 0 2em;
border-bottom: 1em solid #0075ff17;
}
.staybnb-page-content-container #add_payment_method #payment div.payment_box,
.staybnb-page-content-container .woocommerce-cart #payment div.payment_box,
.staybnb-page-content-container .woocommerce-checkout #payment div.payment_box {
background-color: #0075ff17;
}
.staybnb-page-content-container .woocommerce-info {
background: #f9faff;
border-radius: 6px;
margin: 0 0 30px 0;
border-top: 3px solid var(--primary-color) !important;
border-color: transparent;
border: 1px solid var(---primary-border-color);
font-size: 12px;
line-height: 1.5em;
font-weight: 400;
font-family: Source Sans Pro;
color: #838EAA;
}
.staybnb-page-content-container .woocommerce-billing-fields .select2-selection.select2-selection--single {
padding: 11px 10px !important;
}
.staybnb-page-content-container .woocommerce-thankyou-order-received {
padding: 10px 10px 10px 10px;
background: #f9faff;
border-radius: 6px;
margin: 30px 0 30px 0;
border-top: 3px solid var(--primary-color) !important;
border-color: transparent;
box-shadow: 0 13px 23px var(--deaf-font-color-600);
border: 1px solid var(---primary-border-color);
font-size: 12px;
line-height: 1.5em;
font-weight: 400;
font-family: Source Sans Pro;
color: #838EAA;
}
.staybnb-page-content-container .woocommerce ul.order_details::after,
.woocommerce ul.order_details::before {
display: none;
}
.staybnb-page-content-container .woocommerce-thankyou-order-details.order_details {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.staybnb-page-content-container .woocommerce ul.order_details li {
margin-right: 0;
font-size: 10px;
padding-right: 65px;
margin-left: 0;
padding-left: 0;
}
.staybnb-page-content-container .woocommerce ul.order_details {
margin: 0 0 22px 0;
}
.staybnb-page-content-container section.woocommerce-order-details h2 {
margin-bottom: 10px;
}
.staybnb-page-content-container section.woocommerce-customer-details h2 {
margin-bottom: 8px;
}
.staybnb-page-content-container section.woocommerce-customer-details address {
padding: 10px 14px !important;
border-radius: 6px !important;
border-top: 3px solid var(--primary-color) !important;
border-color: transparent;
box-shadow: 0 13px 23px var(--deaf-font-color-600);
border: 1px solid var(---primary-border-color);
font-size: 12px;
line-height: 1.5em;
font-weight: 400;
font-family: Source Sans Pro;
color: #838EAA;
background: #f9faff;
}
@media (max-width: 980px) {
.staybnb-page-content-container .staybnb-page-content-container>.woocommerce {
max-width: 100%;
}
}
@media (max-width: 768px) {
.staybnb-page-content-container .woocommerce table.cart td.actions .input-text,
.staybnb-page-content-container .woocommerce-page #content table.cart td.actions .input-text,
.woocommerce-page table.cart td.actions .input-text {
min-width: 100%;
}
.staybnb-page-content-container .shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents .button.wp-element-button {
width: 100% !important;
height: 40px;
margin-top: 13px;
}
}
.staybnb-page-content-container .woocommerce .button,
.staybnb-page-content-container .wc-block-checkout__actions_row .wc-block-components-checkout-place-order-button {
text-shadow: none;
background: var(--primary-color);
border-radius: 23px;
border: 1px solid var(--primary-color);
color: var(--primary-font-color);
transition: var(--transition);
font-size: 13px;
line-height: 17px;
margin-bottom: 17px;
letter-spacing: 0.34px;
padding: 10px 20px;
}
.staybnb-page-content-container .woocommerce .button:hover,
.staybnb-page-content-container .wc-block-checkout__actions_row .wc-block-components-checkout-place-order-button:hover {
background-color: var(--white-700);
color: var(--primary-color);
}
.woocommerce-MyAccount-navigation li {
padding: 0 0 12px 10px;
border-bottom: 1px solid var(--primary-border-color);
margin: 0 0 11px 0;
}
.woocommerce-MyAccount-navigation li:last-of-type {
border-bottom: none;
}
@keyframes staybnb-spin {
from {
transform: translate(-50%, -50%) rotate(0deg)
}
to {
transform: translate(-50%, -50%) rotate(360deg)
}
}
@keyframes slideup {
0% {
bottom: -100px;
}
100% {
bottom: 15px;
}
}
/*Responsive*/
@media only screen and (max-width: 768px) {
#staybnb-sub-footer .staybnb-sub-footer-container {
flex-direction: column;
justify-content: center;
}
.staybnb-call-to-action-widget {
flex-wrap: wrap;
}
.staybnb-call-to-action-widget h5 {
text-align: center;
margin: 0 5px 10px 5px;
}
}
/* neww css for design impimentations */
.wpro-navbar-brand-container {
max-width: 200px;
}
.header-filter.form-group.pos-relative .form-inline.top-search-form {
background-color: #ffffff;
border: 1px solid #dddddd;
border-radius: 40px;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08), 0 4px 12px rgba(0, 0, 0, 0.05);
transition: box-shadow 0.2s cubic-bezier(0.2, 0, 0, 1);
padding: 5px 6px 5px 22px !important;
display: flex;
align-items: center;
}
.header-filter.form-group.pos-relative .form-inline.top-search-form .input-group-addon.lp-border {
position: unset ! IMPORTANT;
background: #fff0 !important;
height: auto ! IMPORTANT;
line-height: 18px;
font-weight: 400;
width: auto !important;
text-align: left;
padding: 0;
font-size: 12px;
margin-bottom: -5px;
}
.header-filter.form-group.pos-relative .lp-search-btn-header.pos-relative {
width: 78px !important;
}
.header-filter.form-group.pos-relative .form-inline.top-search-form div#searchlocation_chosen {
height: auto !important;
}
.header-filter.form-group.pos-relative .form-inline.top-search-form>.input-group {
display: flex;
flex-direction: column;
margin: 0 !important;
width: 45% !important;
border: unset;
}
.header-filter.pos-relative.form-group.margin-bottom-0.col-md-6 {
max-width: 600px;
}
.header-filter.form-group.pos-relative .form-inline.top-search-form>.input-group #select {
padding: 0;
height: 26px;
}
body .lp-search-btn-header i {
left: 40px;
position: absolute;
top: 14px;
z-index: 9;
font-size: 16px;
}
.header-filter.form-group.pos-relative .form-inline.top-search-form div#searchlocation_chosen a.chosen-single {
border: unset !important;
padding: 0;
}
.header-filter.form-group.pos-relative .form-inline.top-search-form>.input-group #cities {
padding: 0;
height: 26px;
}
.header-filter .top-search-form .chosen-container-single .chosen-single {
padding: 0;
height: 26px ! IMPORTANT;
border: unset;
font-size: 12px;
}
.header-filter .top-search-form .chosen-container-single .chosen-single span {
line-height: 34px;
font-size: 13px;
font-weight: 400;
}
body .top-search-form .lp-search-btn-header .lp-search-btn {
margin: 0;
max-width: 200px;
background-color: #fff0 !important;
border-color: #ff385c;
color: #fff;
border-radius: 50%;
right: 0;
left: unset !important;
width: 50px ! IMPORTANT;
height: 48px ! IMPORTANT;
padding: 0 !IMPORTANT;
top: -1px;
}
.header-filter .top-search-form .chosen-container-single .chosen-single span {
line-height: 28px;
}
.header-filter.form-group.pos-relative .lp-search-btn-header.pos-relative::after {
margin: 0;
max-width: 200px;
background-color: #ff385c;
border-color: #ff385c;
color: #fff;
border-radius: 50%;
right: 0;
left: unset;
width: 50px ! IMPORTANT;
height: 48px ! IMPORTANT;
padding: 0 !IMPORTANT;
top: -1px;
content: '';
position: absolute;
}
.staybnbMap-loader {
width: 100%;
height: 600px;
background: #eee;
background: linear-gradient(110deg, #ECECEC 8%, #F5F5F5 18%, #ECECEC 33%);
border-radius: 5px;
background-size: 200% 100%;
animation: 1.5s shine linear infinite;
}
.header-filter.form-group.pos-relative .form-inline.top-search-form .search-form-field.input-group.width-49-percent.margin-right-15 {
border-right: 1px solid #ddd;
margin-right: 15px !important;
}
body .wpro-navbar-nav li .wpro-navbar-nav-btn {
text-align: inherit;
border: 1px solid #DDDDDD;
border-radius: 30px;
transition: box-shadow 0.2s cubic-bezier(0.2, 0, 0, 1);
padding: 15px 12px;
gap: 0px;
}
.wpro-nav-container {
border-bottom: 1px solid #dddddd9c;
}
.lp-custom-staybnb.staybnb-posts-by-category-container {
padding: 30px 20px 20px 20px;
}
.staybnb-posts-by-category {
padding: 12px 15px;
}
.lp-showlist.staybnb-showmore,
.staybnb-showmap {
position: fixed;
z-index: 999;
bottom: 30px;
left: 0;
right: 0;
margin: auto;
text-align: center;
width: max-content;
}
/* .staybnb-showmap .staybnb-not-filled-btn.staybnb-items-show-map::after {
content: "\f279";
font-family: 'Font Awesome 5 Free' !important;
margin-left: 4px;
} */
.lp-showlist.staybnb-showmore button,
.staybnb-showmap .staybnb-not-filled-btn.staybnb-items-show-map {
position: relative;
background: #222222;
border: unset;
color: #fff;
padding: 17px 19px;
border-radius: 50px;
}
.staybnb-post-categories ul li a.staybnb-post-category span {
font-size: 11px !important;
}
.lp-menu ul li:hover ul.children,
.lp-menu ul li:hover ul.sub-menu,
.lp-join-user-info li:hover .lp-user-menu {
background: #ffffff;
border-radius: 12px;
box-shadow: 0 2px 16px rgba(0, 0, 0, 0.12);
padding: 8px 0;
border: 0;
}
@media (max-width:768px) {
.header-filter.pos-relative.form-group.margin-bottom-0.col-md-6 {
width: 100%;
position: absolute;
left: 0;
bottom: 12px;
}
.header-filter.pos-relative.form-group.margin-bottom-0.col-md-6 i {
display: none;
}
.header-filter.form-group.pos-relative .form-inline.top-search-form .search-form-field.input-group.width-49-percent.margin-right-15 {
margin: 0 !important;
margin-right: 9px !important;
padding-right: 5px !important;
}
.wpro-nav-container {
padding: 25px 25px 100px 25px !important;
}
.header-filter.form-group.pos-relative .lp-search-btn-header.pos-relative {
margin: 2px !important;
}
.wpro-navbar-mobile-nav i {
font-size: 21px;
color: #ff385c;
}
}
html,
body {
scroll-behavior: smooth;
}
body .classic-view-grid-container .lp-new-grid-bottom-button ul li:hover span,
body .classic-view-grid-container .lp-new-grid-bottom-button ul li:hover i,
body .classic-view-grid-container .lp-new-grid-bottom-button ul li:hover a,
body .classic-view-grid-content-area .lp-listing-content-grid a:hover,
body .lp-grid-box-bottom.content .show:hover a,
.lp-grid-box-bottom.content .show:hover i {
color: #FF385C !important;
}
.classic-view-grid-container .classic-view-grid-thumbnail img {
height: 260px !important;
}
.staybnb-header-bar ul {
list-style: none;
margin: 0;
padding: 0;
display: flex;
justify-content: center;
flex-wrap: initial;
}
.staybnb-header-bar ul li{
margin: 0px 12px 0px 12px;
padding: 0px 0px 6px 0px;
border-style: solid;
border-width: 0px 0px 3px 0px;
border-color: #02010100;
border-radius: 0px 0px 0px 0px;
}
.staybnb-header-bar ul li a {
color: #000000;
font-family: "Roboto", Sans-serif;
font-size: 16px;
font-weight: 400;
}
button.staybnb-not-filled-btn {
position: fixed;
bottom: 20px;
right: 20px;
z-index: 1000;
background-color: #0075ff;
padding: 10px 20px;
border: none;
border-radius: 5px;
cursor: pointer;
color: white;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
.staybnb-template-container:hover {
transform: scale(1.04);
}
.staybnb-template-container,
.staybnb-design {
transition: 0.3s;
}
.staybnb-design {
display: none;
}
.staybnb-template-container:hover .staybnb-design{
display: block;
}