:root {
--theme-color-white: #ffffff;
--theme-color-light: #f8f5f0;
--theme-color-gray: #f6f6f6;
--theme-color-silver: #eee;
--theme-color-dark: #333;
--theme-color-dark2: #222;
--tm-container-pt: 120px;
--tm-container-pb: 120px;
--body-font-family: "Barlow", sans-serif;
--heading-font-family: "Gilda Display", sans-serif;
--font-current-theme3: "Barlow Condensed", sans-serif;
--body-font-size: 1rem;
--body-font-weight: 400;
--body-font-bold: bold;
--body-font-bold-color: #333;
--body-bg: #fff;
--text-color: #666666;
--link-color: #352f27;
--link-hover-color: #5b8c51;
--headings-color: #222222;
--entry-meta-color: #819291;
--entry-meta-color-light: #a1a1a1;
--line-height-base: 1.8;
--line-height-widget-li: 2.5rem;
--headings-line-height: 1.3;
--headings-line-height-smaller: 1.4;
--btn-font-size: 14px;
--h1-font-size: 3.8rem;
--h1-font-size-mob: 3.2rem;
--h2-font-size: 3rem;
--h2-font-size-mob: 2.625rem;
--h3-font-size: 1.75rem;
--h4-font-size: 1.5rem;
--h5-font-size: 1.25rem;
--h6-font-size: 1rem;
--headings-font-weight-h1: 400;
--headings-font-weight-h2: 400;
--headings-font-weight-h3: 400;
--headings-font-weight-h4: 400;
--headings-font-weight-h5: 400;
--headings-font-weight-h6: 400;
--section-title-color: var(--headings-color);
--section-title-font-size: 50px;
--section-title-line-height: 1.2em;
--section-title-font-family: var(--heading-font-family);
--section-title-font-weight: var(--headings-font-weight-h2);
--section-title-subtitle-color: var(--text-color);
--section-title-subtitle-font-size: 18px;
--section-title-subtitle-line-height: 1.4;
--section-title-subtitle-font-family: var(--font-current-theme3);
--section-title-subtitle-font-weight: normal;
--news-widget-archive-icon-color: var(--theme-color1);
--mobile-menu-bg-color: var(--theme-color-white);
--mobile-menu-hamburger-color: var(--theme-color-dark);
--mobile-menu-item-link-text-color: var(--theme-color-dark);
--mobile-menu-item-link-bg-color: transparent;
--mobile-menu-item-link-bg-border-color: rgba(241, 241, 241, 0.24);
--mobile-menu-item-link-text-color-hover: #111;
--mobile-menu-item-indicator-bg-color: var(--theme-color2);
--mobile-menu-item-indicator-text-color: var(--theme-color2-text-color);
--menuzord-primary-nav-font-size: 14px;
--menuzord-primary-nav-font-weight: 500;
--menuzord-primary-nav-font-transform: uppercase;
--menuzord-brand-width: 155px;
--menuzord-brand-width-responsive: 100px;
--default-header-bg-color: #fff;
--default-header-menu-color: #222;
--footer-bg-color: #111416;
--footer-primary-text-color: #cccccc;
--footer-link-color: #cccccc;
--footer-link-color-hover: #fff;
--footer-link-fontsize: 1rem;
--footer-widget-title-color: #fff;
--sidebar_link_color: #404040;
--blockquote-text-color: #333;
--blockquote-cite-color: #777;
--pre-code-text-color: #000;
--sidebar_widget_common_bg: var(--theme-color-light);
--sidebar_widget_common_border: var(--theme-color-light);
--sidebar_widget_search_bg: var(--theme-color-silver);
--sidebar_widget_search_border: var(--theme-color-silver);
--sidebar_widget_heading_border_color: var(--theme-color-white);
--sidebar_widget_heading_border_color2: var(--theme-color1);
--sidebar_widget_list_icon_color: var(--theme-color2);
--form_control_common_bg: rgba(241, 238, 246, 0.5);
--form_control_common_bg_focus: #fff;
--form_control_common_border: rgba(241, 238, 246, 0.5);
--r: 30px; --s: 50px; --_m: /calc(2 * var(--r)) calc(2 * var(--r)) radial-gradient(#000 70%, #0000 72%) no-repeat;
} @media (prefers-reduced-motion: no-preference) {
html.tm-html-enable-localscroll {
scroll-behavior: smooth;
}
}
html,
body {
margin: 0;
padding: 0;
width: 100%;
line-height: 150%;
}
html {
font-size: 100%;  overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
--dark-bg ::selection {
background: var(--theme-color-dark);
color: var(--theme-color-white);
text-shadow: none;
}
::-moz-selection {
background: var(--theme-color-dark); color: var(--theme-color-white);
text-shadow: none;
}
::-webkit-selection {
background: var(--theme-color-dark); color: var(--theme-color-white);
text-shadow: none;
}
:active,
:focus {
outline: none !important;
}
body {
line-height: var(--line-height-base);
color: var(--text-color);
font-size: var(--body-font-size);
font-family: var(--body-font-family);
font-weight: var(--body-font-weight);
background-color: var(--body-bg);
background-attachment: fixed;
-ms-word-wrap: break-word;
word-wrap: break-word;
counter-reset: my-sec-counter;
}
a {
color: var(--link-color);
text-decoration: none;
font-weight: var(--body-font-weight);
transition: all 0.3s ease;
}
a:hover, a:focus {
color: var(--hover-theme-color);
text-decoration: none;
}
a b,
a strong {
transition: all 0.3s ease;
}
a img {
border: none;
}
b,
strong {
color: var(--body-font-bold-color);
font-weight: var(--body-font-bold);
}
img {
max-width: 100%;
}
iframe {
border: none !important;
} h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
font-family: var(--heading-font-family);
color: var(--headings-color);
margin-bottom: 1rem;
margin-top: 0.75rem;
}
h1 small,
h1 .small,
h2 small,
h2 .small,
h3 small,
h3 .small,
h4 small,
h4 .small,
h5 small,
h5 .small,
h6 small,
h6 .small,
.h1 small,
.h1 .small,
.h2 small,
.h2 .small,
.h3 small,
.h3 .small,
.h4 small,
.h4 .small,
.h5 small,
.h5 .small,
.h6 small,
.h6 .small {
font-weight: normal;
line-height: 1;
color: var(--headings-color);
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a,
.h1 a,
.h2 a,
.h3 a,
.h4 a,
.h5 a,
.h6 a {
color: inherit;
font-weight: inherit;
}
.h1,
.h2,
.h3,
h1,
h2,
h3 {
line-height: var(--headings-line-height);
margin-bottom: 1rem;
margin-top: 0.75rem;
}
h4,
h5,
h6,
.h4,
.h5,
.h6 {
line-height: var(--headings-line-height-smaller);
margin-bottom: 1rem;
margin-top: 0.75rem;
}
h1,
.h1 {
font-size: var(--h1-font-size);
}
h2,
.h2 {
font-size: var(--h2-font-size);
}
@media (max-width: 767.98px) {
h2,
.h2 {
font-size: var(--h2-font-size-mob);
}
}
h3,
.h3 {
font-size: var(--h3-font-size);
}
h4,
.h4 {
font-size: var(--h4-font-size);
}
h5,
.h5 {
font-size: var(--h5-font-size);
}
h6,
.h6 {
font-size: var(--h6-font-size);
}
h1,
.h1 {
font-weight: var(--headings-font-weight-h1);
}
h2,
.h2 {
font-weight: var(--headings-font-weight-h2);
}
h3,
.h3 {
font-weight: var(--headings-font-weight-h3);
}
h4,
.h4 {
font-weight: var(--headings-font-weight-h4);
}
h5,
.h5 {
font-weight: var(--headings-font-weight-h5);
}
h6,
.h6 {
font-weight: var(--headings-font-weight-h6);
} p,
pre,
ul,
ol,
dl,
dd,
blockquote,
address,
table,
fieldset {
margin-bottom: 10px;
}
table p {
margin-bottom: 0;
}
p {
margin-bottom: 20px;
}
p a:not(.button):not(.btn):not(.added_to_cart):hover, p a:not(.button):not(.btn):not(.added_to_cart):focus {
text-decoration: underline;
}
.wp-block-quote {
margin: 20px 0;
}
caption {
caption-side: top;
}
.main-content-area ul > li,
.main-content-area ol > li,
.page-content ul > li,
.page-content ol > li,
.post-content ul > li,
.post-content ol > li,
.post-excerpt ul > li,
.post-excerpt ol > li,
.wpb_text_column ul > li,
.wpb_text_column ol > li,
.comment-list ul > li,
.comment-list ol > li {
margin-bottom: 10px;
}
.main-content-area ul > li > ul,
.main-content-area ul > li > ol,
.main-content-area ol > li > ul,
.main-content-area ol > li > ol,
.page-content ul > li > ul,
.page-content ul > li > ol,
.page-content ol > li > ul,
.page-content ol > li > ol,
.post-content ul > li > ul,
.post-content ul > li > ol,
.post-content ol > li > ul,
.post-content ol > li > ol,
.post-excerpt ul > li > ul,
.post-excerpt ul > li > ol,
.post-excerpt ol > li > ul,
.post-excerpt ol > li > ol,
.wpb_text_column ul > li > ul,
.wpb_text_column ul > li > ol,
.wpb_text_column ol > li > ul,
.wpb_text_column ol > li > ol,
.comment-list ul > li > ul,
.comment-list ul > li > ol,
.comment-list ol > li > ul,
.comment-list ol > li > ol {
margin-top: 10px;
} .drop-caps > p {
text-align: justify;
}
.drop-caps > p:first-child:first-letter {
color: var(--theme-color-dark);
display: block;
float: left;
font-size: 48px;
line-height: 48px;
margin: 6px 3px;
padding: 10px 18px;
}
address {
color: #777;
font-style: italic;
}
ol,
ul {
list-style-position: inside;
margin: 0;
padding: 0;
}
ol ol li,
ol ul li,
ul ol li,
ul ul li {
padding-left: 20px;
}  html {
font-size: 100%;
max-width: 100%;
}
@media (max-width: 991.98px) {
html {
font-size: 98%;
}
}
@media (max-width: 767.98px) {
html {
font-size: 96%;
}
}
@media (max-width: 575.98px) {
html {
font-size: 94%;
}
}
html,
html a {
-webkit-font-smoothing: antialiased;
}
body {
max-width: 100%;
overflow-x: hidden;
position: relative;
}
img {
height: auto;
max-width: 100%;
}
iframe,
embed,
object {
margin-bottom: 1.5em;
max-width: 100%;
}
iframe {
display: block;
margin: 0;
max-width: 100%;
}
ul,
ol {
margin: 0 0 1.5em 0;
}
ul {
list-style-type: disc;
}
.media-object {
max-width: none;
} .line-bottom-footer-widget {
position: relative;
padding-bottom: 10px;
}
.line-bottom-footer-widget:after {
bottom: -5px;
content: "";
height: 3px;
left: 0;
position: absolute;
width: 54px;
background: #555;
}
.line-bottom-centered {
position: relative;
margin: 10px 0 20px;
}
.line-bottom-centered:after {
background: #2b96cc none repeat scroll 0 0;
bottom: -8px;
content: "";
height: 1px;
left: 0;
margin-left: auto;
margin-right: auto;
margin-top: 0;
position: absolute;
right: 0;
width: 30px;
} .scroll-to-top {
display: none;
}
.scroll-to-top a {
background-size: 200% auto;
box-shadow: 0 7px 30px rgba(0, 0, 0, 0.3);
bottom: 15px;
border-radius: 50%;
height: 50px;
padding: 2px;
position: fixed;
right: 15px;
text-align: center;
text-decoration: none;
width: 50px;
z-index: 99999;
opacity: 0.4;
display: flex;
align-items: center;
justify-content: center;
}
.scroll-to-top a i {
color: var(--theme-color1-text-color);
font-size: 28px;
}
.scroll-to-top a:hover {
text-decoration: none;
opacity: 1;
} .main-content-area table,
.comment-body .comment-text table {
width: 100%;
margin: 0 0 40px;
}
.main-content-area table td,
.main-content-area table th,
.comment-body .comment-text table td,
.comment-body .comment-text table th {
padding: 10px 20px;
border: 1px solid var(--theme-color-silver);
text-transform: capitalize;
}
.main-content-area table th,
.comment-body .comment-text table th {
color: var(--theme-color-dark);
font-weight: var(--body-font-bold);
}
@media (max-width: 1199.98px) {
.hidden-mobile-mode {
display: none !important;
}
}
.alert {
padding: 1.25rem 1.25rem;
}
.alert-dismissible .close {
padding: 1.5rem;
}
.alert-dismissible .btn-close {
top: 50%;
transform: translateY(-50%);
filter: invert(1);
}
[data-tm-layout=dark] .alert-dismissible .btn-close {
filter: invert(0);
}
.btn-close {
box-sizing: content-box;
width: 1em;
height: 1em;
padding: 0.25em 0.25em;
color: #000;
background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
border: 0;
border-radius: 0.25rem;
opacity: 0.5;
}
.nice-select {
font-size: 0.95rem;
padding-left: 20px;
padding-right: 38px;
background-color: var(--theme-color-white);
color: var(--theme-color-dark);
border: solid 1px var(--theme-color-silver);
box-shadow: 0px 10px 20px rgba(5, 5, 5, 0.05);
}
[data-tm-layout=dark] .nice-select {
background-color: var(--theme-color-gray);
}
.nice-select:after, .nice-select:before {
height: 8px;
width: 8px;
}
.nice-select:after {
right: 18px;
left: auto;
}
.nice-select:hover, .nice-select:focus {
border: solid 1px var(--theme-color-silver);
}
[data-tm-layout=dark] .nice-select .option {
color: #a9a9a9 !important;
}
.nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus {
background-color: var(--theme-color-gray);
}
.nice-select .option.selected {
font-weight: var(--body-font-bold);
}
[data-tm-layout=dark] .nice-select span.current {
color: #a9a9a9 !important;
}
.nice-select .list {
overflow-y: scroll;
max-height: 300px;
background-color: var(--theme-color-white);
}
[data-tm-layout=dark] .nice-select .list {
box-shadow: 0 0 0 1px rgba(211, 211, 211, 0.16);
}
.description-list dt {
color: var(--headings-color);
}
.tm-one-vertical-line:before {
content: "";
background-color: var(--theme-color1);
height: 100px;
width: 2px;
position: absolute;
top: -50px;
left: 50%;
}
.tm-enable-four-vertical-line {
z-index: 0;
}
.tm-enable-four-vertical-line .tm-four-vertical-line {
position: absolute;
top: 0;
bottom: 0;
left: 25px;
right: 25px;
z-index: -1;
}
.tm-enable-four-vertical-line .tm-four-vertical-line .line {
position: absolute;
top: 0;
bottom: 0;
width: 2px;
background: rgba(204, 204, 204, 0.25);
}
.tm-enable-four-vertical-line .tm-four-vertical-line .line-1 {
left: 0;
}
.tm-enable-four-vertical-line .tm-four-vertical-line .line-2 {
left: 33.33333%;
}
.tm-enable-four-vertical-line .tm-four-vertical-line .line-3 {
left: 66.66666%;
}
.tm-enable-four-vertical-line .tm-four-vertical-line .line-4 {
right: 0;
}
::-webkit-scrollbar {
width: 6px;
}
::-webkit-scrollbar-track {
box-shadow: inset 0 0 5px grey;
border-radius: 10px;
}
::-webkit-scrollbar-thumb {
background: var(--theme-color1);
border-radius: 10px;
} .container .container {
width: 100%;
}
.container .container,
.container .container-fluid,
.container-fluid .container,
.container-fluid .container-fluid {
padding-left: 0;
padding-right: 0;
}
@media (min-width: 1200px) {
.container {
max-width: 1170px;
}
}
@media (min-width: 992px) {
body.container-970px .container {
width: 970px;
}
body.container-100pr .container {
width: 100%;
}
body.container-100pr .container,
body.container-100pr .container-fluid {
padding-left: 40px;
padding-right: 40px;
}
body.container-100pr .container .container,
body.container-100pr .container .container-fluid,
body.container-100pr .container-fluid .container,
body.container-100pr .container-fluid .container-fluid {
padding-left: 0;
padding-right: 0;
}
}
section {
position: relative;
}
section > .container,
section > .container-fluid {
padding-top: 0;
padding-bottom: 0;
}
body .main-content-area,
body .sidebar-area {
padding-top: var(--tm-container-pt);
padding-bottom: var(--tm-container-pb);
}
body .main-content-area,
body .sidebar-area {
padding-top: var(--tm-container-pt);
padding-bottom: var(--tm-container-pb);
}
@media (max-width: 991.98px) {
body .sidebar-area {
padding-top: 0;
}
}
body.elementor-page:not(.single-post):not(.single-room) .main-content-area,
body.elementor-page:not(.single-post):not(.single-room) .sidebar-area {
padding-top: 0;
padding-bottom: 0;
}  body.elementor-page:not(.single-post) .main-content-section-wrapper .container {
max-width: 100% !important;
width: 100% !important;
}
body.elementor-page:not(.single-post) .main-content > .main-content-section-wrapper > .container > .row > div {
padding-left: 0;
padding-right: 0;
}
.elementor * :last-child,
.elementor * p:last-child {
margin-bottom: 0;
}
.main-content .elementor-section-stretched .elementor-container.elementor-column-gap-extended,
.site-footer-custom .elementor-container.elementor-column-gap-extended {
margin: 0 -15px;
}
.main-content .elementor-section-stretched.elementor-section-boxed .elementor-container.elementor-column-gap-default,
.site-footer-custom .elementor-section-stretched.elementor-section-boxed .elementor-container.elementor-column-gap-default {
margin: 0 auto;
}
.main-content .elementor-section-stretched.elementor-section-boxed .elementor-container.elementor-column-gap-default .elementor-column .elementor-column-gap-extended,
.site-footer-custom .elementor-section-stretched.elementor-section-boxed .elementor-container.elementor-column-gap-default .elementor-column .elementor-column-gap-extended {
margin: 0 -10px;
}
.main-content .elementor-section-stretched.elementor-section-boxed .elementor-container.elementor-column-gap-extended,
.site-footer-custom .elementor-section-stretched.elementor-section-boxed .elementor-container.elementor-column-gap-extended {
margin: 0 auto;
}
.main-content .elementor-section-stretched.elementor-section-boxed .elementor-container.elementor-column-gap-extended .elementor-column .elementor-column-gap-extended,
.site-footer-custom .elementor-section-stretched.elementor-section-boxed .elementor-container.elementor-column-gap-extended .elementor-column .elementor-column-gap-extended {
margin: 0 -15px;
}
.post-single .entry-content .elementor-widget-container p:last-of-type {
margin-bottom: 0;
}
.elementor-widget-image a img[src$=".svg"] {
max-width: 92% !important;
}
.elementor-editor-active #header .elementor:not(.elementor-edit-area-active),
.elementor-editor-active .main-content .elementor:not(.elementor-edit-area-active) {
display: none;
}
.elementor-editor-active #header .elementor:has(.elementor.elementor-edit-area-active),
.elementor-editor-active .main-content .elementor:has(.elementor.elementor-edit-area-active) {
display: block;
}
.elementor-editor-active #header .elementor-edit-area,
.elementor-editor-active .main-content .elementor-edit-area {
display: block;
}
.elementor-editor-active #header .tab-content-inner .elementor,
.elementor-editor-active .main-content .tab-content-inner .elementor {
display: block;
}
.elementor-editor-active #header #elementor-header-top-mobile .tm-header-branding,
.elementor-editor-active #header #elementor-header-top-mobile .tm-menu-close,
.elementor-editor-active .main-content #elementor-header-top-mobile .tm-header-branding,
.elementor-editor-active .main-content #elementor-header-top-mobile .tm-menu-close {
display: none;
}
.elementor-editor-active .main-content .container {
max-width: 100%;
width: 100%;
}
.elementor-editor-active .main-content .container > .row > div {
padding-left: 0;
padding-right: 0;
}
.menuzord-menu > li > .megamenu .elementor {
width: 100%;
}
body.single-post.elementor-editor-active .tm-blog-sidebar-row > div {
padding: 0 16px !important;
} .elementor-editor-active .elementor-widget-tm-ele-floating-objects {
min-height: 30px;
background-color: #cb9494;
}
.tm-ele-floating-objects > .each-object {
position: absolute;
width: 100px;
height: 100px;
z-index: 0;
background-repeat: no-repeat;
background-position: center;
} .layer-overlay {
position: relative;
}
.layer-overlay::before {
background: rgba(17, 17, 17, 0.5) none repeat scroll 0 0;
content: " ";
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 0;
}
.layer-overlay {
z-index: 0;
}
.layer-overlay:before {
z-index: -1;
}  @media (min-width: 1025px) {
body:not(.elementor-editor-active) header .elementor-header-top-transparent {
z-index: 11;
position: absolute;
top: 0;
left: 0;
right: 0;
}
}
body:not(.elementor-editor-active) header #elementor-header-top-sticky {
opacity: 0;
z-index: -1;
visibility: hidden;
width: 100%;
position: fixed;
top: 0;
left: 0;
display: block;
-webkit-transform: translate(0px, -140px);
-moz-transform: translate(0px, -140px);
-ms-transform: translate(0px, -140px);
transform: translate(0px, -140px);
transition: all 0.4s ease-out;
}
body:not(.elementor-editor-active) header #elementor-header-top-sticky.visible {
opacity: 1;
z-index: 11;
visibility: visible;
-webkit-transform: translate(0px, 0px);
-moz-transform: translate(0px, 0px);
-ms-transform: translate(0px, 0px);
transform: translate(0px, 0px);
}
@media (min-width: 1025px) {
body:not(.elementor-editor-active) header #elementor-header-top-mobile {
display: none;
}
}
body:not(.elementor-editor-active).tm-header-sticky-mobile header #elementor-header-top-mobile, body:not(.elementor-editor-active).tm-header-sticky-mobile-always header #elementor-header-top-mobile {
width: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 11;
opacity: 1;
display: block;
visibility: visible;
transition: all 0.4s ease-out;
}
@media (min-width: 1025px) {
body:not(.elementor-editor-active).tm-header-sticky-mobile header #elementor-header-top-mobile, body:not(.elementor-editor-active).tm-header-sticky-mobile-always header #elementor-header-top-mobile {
opacity: 0;
visibility: hidden;
display: none;
}
}
body:not(.elementor-editor-active).tm-header-sticky-mobile header #elementor-header-top-mobile.scrolling-down, body:not(.elementor-editor-active).tm-header-sticky-mobile-always header #elementor-header-top-mobile.scrolling-down {
position: fixed;
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%);
}
body:not(.elementor-editor-active).tm-header-sticky-mobile header #elementor-header-top-mobile.visible, body:not(.elementor-editor-active).tm-header-sticky-mobile-always header #elementor-header-top-mobile.visible {
position: fixed;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}  .menuzord,
.menuzord * {
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.menuzord {
padding: 0 30px;
position: relative;
}
.menuzord a {
-o-transition: color 0.3s linear, background 0.3s linear;
-moz-transition: color 0.3s linear, background 0.3s linear;
-webkit-transition: color 0.3s linear, background 0.3s linear;
transition: color 0.3s linear, background 0.3s linear;
}
.menuzord-menu.scrollable > .scrollable-fix {
display: none;
} .menuzord-brand {
display: inline-block;
color: var(--headings-color);
text-decoration: none;
font-size: 24px;
font-weight: 600;
line-height: 1.3;
cursor: pointer;
font-family: var(--heading-font-family);
}
.menuzord-brand img {
width: var(--menuzord-brand-width);
} .menuzord-menu {
margin: 0;
padding: 0;
float: left;
list-style: none;
}
.menuzord-menu > li {
display: inline-block;
float: left;
}
@media (min-width: 1025px) {
.menuzord-menu > li {
padding: 20px 0;
}
}
.menuzord-menu > li > a {
padding: 7px 16px;
display: inline-block;
text-decoration: none;
color: var(--default-header-menu-color);
outline: 0;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-tap-highlight-color: transparent;
}
.menuzord-menu > li > .megamenu {
top: 100%;
}
.menuzord-menu ul.dropdown {
top: 100%;
}
.menuzord-menu ul.dropdown li ul.dropdown {
top: 0;
}
.menuzord-menu > li.active > a,
.menuzord-menu > li:hover > a {
color: var(--theme-color-dark);
} .menuzord-menu ul.dropdown,
.menuzord-menu ul.dropdown li ul.dropdown {
list-style: none;
margin: 0;
padding: 0;
display: none;
position: absolute;
z-index: 99;
min-width: 230px;
background: var(--theme-color-white);
}
.menuzord-menu ul.dropdown li {
clear: both;
width: 100%;
border: 0 none;
position: relative;
display: block;
}
.menuzord-menu ul.dropdown li ul.dropdown {
left: 100%;
}
.menuzord-menu ul.dropdown li ul.dropdown.dropdown-left {
left: -100%;
}
.menuzord-menu ul.dropdown li a {
width: 100%;
background: none;
text-decoration: none;
display: inline-block;
float: left;
clear: both;
position: relative;
outline: 0;
}
.menuzord-menu ul.dropdown li:hover > a {
padding-left: 28px;
padding-right: 19px;
color: var(--theme-color-dark);
}
.menuzord-menu ul.dropdown.dropdown-left {
left: none;
} .menuzord-menu li .indicator {
margin-left: 0;
margin-right: 0;
}
.menuzord-menu > li > a .indicator {
display: none;
}
@media (min-width: 1025px) {
.menuzord-menu li ul.dropdown li .indicator {
position: absolute;
top: 50%;
right: 15px;
transform: translateY(-50%);
font-size: 15px;
line-height: 1;
}
} .menuzord-menu > li > .megamenu {
position: absolute;
display: none;
z-index: 99;
}
.menuzord-menu > li > .megamenu.megamenu-half-width {
width: 50%;
left: auto;
}
.menuzord-menu > li > .megamenu.megamenu-quarter-width {
width: 25%;
left: auto;
}
.menuzord-menu > li > .megamenu .megamenu-row {
width: 100%;
margin: 0 auto;
}
.menuzord-menu > li > .megamenu .megamenu-row:after {
clear: both;
}
.menuzord-menu > li > .megamenu .megamenu-row [class*=col]:first-child {
margin-left: 0;
}
.menuzord-menu > li > .megamenu .megamenu-row:before,
.menuzord-menu > li > .megamenu .megamenu-row:after {
display: table;
content: "";
line-height: 0;
}
.menuzord-menu > li > .megamenu .megamenu-row .col1,
.menuzord-menu > li > .megamenu .megamenu-row .col2,
.menuzord-menu > li > .megamenu .megamenu-row .col3,
.menuzord-menu > li > .megamenu .megamenu-row .col4,
.menuzord-menu > li > .megamenu .megamenu-row .col5,
.menuzord-menu > li > .megamenu .megamenu-row .col6,
.menuzord-menu > li > .megamenu .megamenu-row .col7,
.menuzord-menu > li > .megamenu .megamenu-row .col8,
.menuzord-menu > li > .megamenu .megamenu-row .col9,
.menuzord-menu > li > .megamenu .megamenu-row .col10,
.menuzord-menu > li > .megamenu .megamenu-row .col11,
.menuzord-menu > li > .megamenu .megamenu-row .col12 {
display: block;
min-height: 20px;
} @media (min-width: 1025px) {
.menuzord .showhide {
display: none;
}
}  .menuzord-menu > li > a > i {
margin: 0 5px 0 0;
font-size: 18px;
display: inline-block;
line-height: 1;
font-family: "Font Awesome 5 Free";
} @media (min-width: 1025px) {
header#header.header .top-primary-nav-clone-parent {
display: none !important;
}
}
@media (max-width: 1024px) { .menuzord-responsive.menuzord {
padding: 0;
}
header#header.header .nav-side-icon-parent {
display: none;
} .menuzord-responsive .menuzord-brand {
margin: 8px 30px 10px 20px;
font-size: 20px;
line-height: 1.55;
}
.elementor-element .menuzord-responsive .showhide {
margin-right: 5px;
} .menuzord-responsive .menuzord-menu {
width: 100%;
float: left !important;
margin-top: 5px;
padding: 0;
display: none;
}
.elementor-element .menuzord-responsive .menuzord-menu {
padding: 0 5px 5px;
display: block;
} .menuzord-responsive .menuzord-menu.scrollable {
overflow-y: auto;
-webkit-overflow-scrolling: touch;
}
.menuzord-responsive .menuzord-menu.scrollable > .scrollable-fix {
display: block;
} .menuzord-responsive .menuzord-menu > li {
width: 100%;
display: block;
position: relative;
}
.menuzord-responsive .menuzord-menu > li > a {
width: 100%;
padding: 12px 20px;
display: block;
border-bottom: solid 1px var(--mobile-menu-item-link-bg-border-color);
}
.menuzord-responsive .menuzord-menu > li:first-child > a {
border-top: solid 1px var(--mobile-menu-item-link-bg-border-color);
} .menuzord-responsive .menuzord-menu ul.dropdown,
.menuzord-responsive .menuzord-menu ul.dropdown li ul.dropdown {
width: 100%;
left: 0;
position: static;
border: none;
background: var(--theme-color-white);
float: left;
} .menuzord-responsive .menuzord-menu ul.dropdown li {
position: relative;
}
.menuzord-responsive .menuzord-menu ul.dropdown li a {
border-bottom: solid 1px #f0f0f0;
}
.menuzord-responsive .menuzord-menu.menuzord-indented > li > ul.dropdown > li > a {
padding-left: 30px !important;
}
.menuzord-responsive .menuzord-menu.menuzord-indented > li > ul.dropdown > li > ul.dropdown > li > a {
padding-left: 50px !important;
}
.menuzord-responsive .menuzord-menu.menuzord-indented > li > ul.dropdown > li > ul.dropdown > li > ul.dropdown > li > a {
padding-left: 70px !important;
} .menuzord-responsive .menuzord-menu li .indicator {
width: 27px;
height: 27px;
position: absolute;
right: 15px;
top: 13.5px;
left: auto;
font-size: 12px;
text-align: center;
line-height: 1;
display: flex;
align-items: center;
justify-content: center;
background: var(--mobile-menu-item-indicator-bg-color);
color: var(--mobile-menu-item-indicator-text-color);
border-radius: 5px;
transform: rotate(-90deg);
transition: all 0.3s ease;
}
.menuzord-responsive .menuzord-menu li .indicator.active {
background: var(--theme-color1);
color: var(--theme-color1-text-color);
transform: rotate(0deg);
}
.menuzord-responsive .menuzord-menu li ul.dropdown li .indicator {
transform: rotate(0);
}
.menuzord-responsive .menuzord-menu li ul.dropdown li .indicator.active {
transform: rotate(90deg);
} .menuzord-responsive .menuzord-menu .megamenu .megamenu-row {
display: block;
}
.menuzord-responsive .menuzord-menu > li > .megamenu {
width: 100% !important;
left: 0 !important;
position: static;
border-top: none;
border-bottom: solid 1px #f0f0f0;
}
.menuzord-responsive .menuzord-menu > li > .megamenu .megamenu-row [class*=col] {
float: none;
display: block;
width: 100% !important;
margin-left: 0;
margin-top: 15px;
} .menuzord-responsive .menuzord-menu > li.search form {
width: 100%;
margin: 4px 0;
padding: 10px 16px !important;
}
.menuzord-responsive .menuzord-menu > li.search form input[type=text] {
width: 100%;
} .menuzord-responsive .menuzord-tabs-nav {
width: 100%;
}
.menuzord-responsive .menuzord-tabs-content {
width: 100%;
}
}
@media (max-width: 767.98px) {
header#header .header-nav .header-nav-container .top-primary-nav-clone-parent .menuzord-menu {
padding-bottom: 10px;
}
} header#header .header-nav .header-nav-container {
background-color: var(--default-header-bg-color);
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
} .header-nav .header-nav-wrapper .menuzord-container {
transition: all 0.3s ease;
}
.header-nav .header-nav-wrapper.navbar-scrolltofixed {
min-width: 100%;
transition: all 0.3s ease;
}
.header-nav .header-nav-col-row > .menuzord-primary-nav .showhide {
display: none !important;
}
.header-nav .header-nav-col-row > .menuzord-side-icon-list {
display: none;
}
@media (max-width: 1024px) {
.header-nav .header-nav-col-row > .menuzord-brand-parent {
flex: 0 0 auto;
width: auto;
}
.header-nav .header-nav-col-row > .menuzord-mobile-showhide {
flex: 1;
display: flex;
align-items: center;
justify-content: end;
}
.header-nav .header-nav-col-row > .menuzord-primary-nav {
flex-basis: 100%;
}
}
.menuzord-primary-nav {
min-height: 1px;
}
.menuzord-primary-nav.menuzord {
padding: 0;
}
.menuzord-primary-nav .menuzord-menu li a {
transition: all 0.3s ease;
}
.menuzord-primary-nav .menuzord-menu > li {
position: relative;
}
.menuzord-primary-nav .menuzord-menu > li > a {
font-size: 1rem;
padding-left: 16px;
padding-right: 16px;
}
@media (max-width: 1199.98px) {
.menuzord-primary-nav .menuzord-menu > li > a {
padding-left: 0;
padding-right: 16px;
}
}
.menuzord-primary-nav .menuzord-menu > li > a .indicator {
right: 0;
}
.menuzord-primary-nav .menuzord-menu ul.dropdown {
border: 1px solid var(--theme-color-silver);
box-shadow: 1px 1px 35px rgba(0, 0, 0, 0.08);
}
.menuzord-primary-nav .menuzord-menu ul.dropdown li {
margin: 0;
padding-left: 0;
}
@media (min-width: 1025px) {
.menuzord-primary-nav .menuzord-menu ul.dropdown li {
border-bottom: 1px solid var(--theme-color-silver);
}
}
.menuzord-primary-nav .menuzord-menu ul.dropdown li a {
color: var(--theme-color-dark);
font-size: 1rem;
padding: 12px 25px 12px 22px;
}
.menuzord-primary-nav .menuzord-menu ul.dropdown li a:hover {
background-color: var(--theme-color-gray);
padding-left: 25px;
}
.menuzord-primary-nav .menuzord-menu ul.dropdown li a:after {
content: "";
display: inline-block;
height: 0;
width: 4px;
vertical-align: middle;
margin-right: 0;
opacity: 0;
visibility: hidden;
background: var(--theme-color1);
-webkit-transition: height 0.4s, opacity 0.4s ease, top 0.4s ease;
-o-transition: height 0.4s, opacity 0.4s ease, top 0.4s ease;
-moz-transition: height 0.4s, opacity 0.4s ease, top 0.4s ease;
transition: height 0.4s, opacity 0.4s ease, top 0.4s ease;
position: absolute;
top: 50%;
left: 0;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
.menuzord-primary-nav .menuzord-menu ul.dropdown li:hover > a {
background: var(--theme-color-gray) none repeat scroll 0 0;
color: var(--theme-color-dark);
}
.menuzord-primary-nav .menuzord-menu ul.dropdown li:hover > a:after {
top: 0;
left: -1px;
height: -webkit-calc(100% + 1px);
height: -moz-calc(100% + 1px);
height: calc(100% + 1px);
opacity: 1;
visibility: visible;
}
.menuzord-primary-nav .menuzord-menu ul.dropdown li a.tm-submenu-title {
font-size: 1rem;
font-family: var(--heading-font-family);
font-weight: var(--headings-font-weight-h5);
color: #222;
}
.menuzord-primary-nav .menuzord-menu > li > ul.dropdown {
border-top: 0;
background-color: var(--theme-color-light);
}
.menuzord-primary-nav .menuzord-menu .tm-menu-badge {
display: inline;
font-size: 65%;
line-height: 1;
text-transform: uppercase;
padding: 0 4px 0px 4px;
margin: 0 0 0 5px;
background-color: #f44336;
color: #fff;
}
@media (max-width: 1024px) {
.menuzord-primary-nav.menuzord-responsive .menuzord-menu > li > a {
color: var(--mobile-menu-item-link-text-color);
background-color: var(--mobile-menu-item-link-bg-color);
border-bottom-color: var(--mobile-menu-item-link-bg-border-color);
}
.menuzord-primary-nav.menuzord-responsive .menuzord-menu ul.dropdown {
border-top: 0;
border-bottom: 0;
border-color: var(--mobile-menu-item-link-bg-border-color);
}
.menuzord-primary-nav.menuzord-responsive .menuzord-menu ul.dropdown li a {
color: var(--mobile-menu-item-link-text-color);
background-color: var(--mobile-menu-item-link-bg-color);
border-bottom-color: var(--mobile-menu-item-link-bg-border-color);
}
.menuzord-primary-nav.menuzord-responsive .menuzord-menu .widget {
margin-bottom: 15px;
}
.menuzord-primary-nav.menuzord-responsive .menuzord-menu .megamenu .megamenu-row [class*=col] {
margin-top: 0;
}
}
#top-primary-nav-clone .showhide,
#top-primary-nav-sticky-clone .showhide {
display: none !important;
}
#top-primary-nav-clone .menuzord-menu,
#top-primary-nav-sticky-clone .menuzord-menu {
display: none;
margin-bottom: 30px;
}
@media (max-width: 768px) {
#top-primary-nav-clone .menuzord-menu,
#top-primary-nav-sticky-clone .menuzord-menu {
margin-bottom: 20px;
}
}
@media (max-width: 575.98px) {
#top-primary-nav-clone .menuzord-menu,
#top-primary-nav-sticky-clone .menuzord-menu {
margin-bottom: 0;
}
}
header#header .menuzord-brand {
transition: all 0.3s ease;
}
@media (max-width: 1024px) {
header#header .menuzord-brand {
margin-right: 20px;
padding: 10px 0;
}
}
@media (max-width: 767.98px) {
header#header .menuzord-brand {
margin-right: 0;
}
}
header#header .menuzord-brand img {
width: auto;
transition: all 0.3s ease;
} .menuzord-menu > li > .megamenu {
background: none;
padding: 0;
}
@media (min-width: 1200px) {
.menuzord-menu > li > .megamenu {
min-width: 400px;
}
}
.menuzord-menu > li > .megamenu.megamenu-three-quarter-width {
left: auto;
width: 75%;
}
.menuzord-menu > li > .megamenu .megamenu-row {
border-top: 3px solid var(--theme-color1);
background: #fcfcfc;
box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
display: flex;
}
.menuzord-menu > li > .megamenu .megamenu-row .col1 {
width: 8.33333333%;
}
.menuzord-menu > li > .megamenu .megamenu-row .col2 {
width: 16.66666667%;
}
.menuzord-menu > li > .megamenu .megamenu-row .col3 {
width: 25%;
}
.menuzord-menu > li > .megamenu .megamenu-row .col4 {
width: 33.333%;
}
.menuzord-menu > li > .megamenu .megamenu-row .col5 {
width: 41.66666667%;
}
.menuzord-menu > li > .megamenu .megamenu-row .col6 {
width: 50%;
}
.menuzord-menu > li > .megamenu .megamenu-row .col7 {
width: 58.33333333%;
}
.menuzord-menu > li > .megamenu .megamenu-row .col8 {
width: 66.66666667%;
}
.menuzord-menu > li > .megamenu .megamenu-row .col9 {
width: 75%;
}
.menuzord-menu > li > .megamenu .megamenu-row .col10 {
width: 83.33333333%;
}
.menuzord-menu > li > .megamenu .megamenu-row .col11 {
width: 91.66666667%;
}
.menuzord-menu > li > .megamenu .megamenu-row .col12 {
width: 100%;
}
.menuzord-menu > li > .megamenu .megamenu-row > [class^=col] {
float: none;
margin-left: 0;
border-right: 1px solid #eee;
background-repeat: no-repeat;
background-position: bottom right;
}
@media (min-width: 1200px) {
.menuzord-menu > li > .megamenu .megamenu-row > [class^=col] {
padding: 15px 10px;
border-right: 1px solid #eee;
}
}
@media (max-width: 1199.98px) {
.menuzord-menu > li > .megamenu .megamenu-row > [class^=col] {
padding: 10px 10px;
border-bottom: 1px solid #eee;
}
}
.menuzord-menu > li > .megamenu .megamenu-row > [class^=col]:last-child {
border-right: none;
}
.menuzord-menu > li > .megamenu .megamenu-row li {
border: 0 none;
clear: both;
margin: 0;
padding: 2px;
position: relative;
width: 100%;
}
.menuzord-menu > li > .megamenu .megamenu-row li a {
color: #777;
display: block;
font-size: 1rem;
line-height: 1.65;
padding: 5px 12px 5px;
}
.menuzord-menu > li > .megamenu .megamenu-row li a i {
color: #777;
padding-right: 6px;
}
.menuzord-menu > li > .megamenu .megamenu-row li a.tm-submenu-title {
font-size: 1rem;
font-family: var(--heading-font-family);
font-weight: var(--headings-font-weight-h5);
color: #222;
}
.menuzord-menu > li > .megamenu .megamenu-row li.active > a:not(.tm-submenu-title), .menuzord-menu > li > .megamenu .megamenu-row li:hover > a:not(.tm-submenu-title) {
color: #111;
padding-left: 15px;
background-color: #f5f5f5;
}
.menuzord-menu > li > .megamenu .megamenu-row li.active > a:not(.tm-submenu-title) i, .menuzord-menu > li > .megamenu .megamenu-row li:hover > a:not(.tm-submenu-title) i {
color: #555;
padding-right: 6px;
}
.menuzord-menu > li > .megamenu .megamenu-row .widget {
margin-bottom: 0;
} .admin-bar .tm-header-menu {
top: 32px;
}
@media screen and (max-width: 782px) {
.admin-bar .tm-header-menu {
top: 46px;
}
}
.tm-close {
border-radius: 50%;
background: rgba(255, 255, 255, 0.7);
border: 9px solid transparent;
color: #777;
width: 36px;
height: 36px;
display: inline-flex;
justify-content: center;
align-items: center;
position: relative;
cursor: pointer;
}
.tm-close:before, .tm-close:after {
content: "";
position: absolute;
height: 2px;
width: 100%;
top: 50%;
left: 0;
margin-top: -1px;
transform-origin: 50% 50%;
transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
background-color: #1b1b1b;
}
.tm-close:before {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.tm-close:after {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.tm-close:hover:before, .tm-close:hover:after {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
@media (max-width: 1024px) {
#tm-header-default,
#elementor-header-top-mobile {
position: relative;
box-shadow: 0 0px 15px rgba(0, 0, 0, 0.08);
background-color: var(--mobile-menu-bg-color);
}
[data-tm-layout=dark] #tm-header-default,
[data-tm-layout=dark] #elementor-header-top-mobile {
box-shadow: 0 0px 15px rgba(255, 255, 255, 0.18);
}
#tm-header-default .tm-header-main,
#elementor-header-top-mobile .tm-header-main {
position: relative;
}
#tm-header-default .tm-header-branding,
#elementor-header-top-mobile .tm-header-branding {
min-height: 50px;
align-items: center;
display: flex;
}
#tm-header-default .tm-header-branding img,
#elementor-header-top-mobile .tm-header-branding img {
height: 65px;
}
#tm-header-default #tm-nav-mobile,
#elementor-header-top-mobile #tm-nav-mobile {
display: block;
position: absolute;
top: 50%;
right: 15px;
-webkit-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
display: flex;
flex-wrap: wrap;
align-items: center;
}
#tm-header-default #tm-nav-mobile .tm-mobile-meta-item,
#elementor-header-top-mobile #tm-nav-mobile .tm-mobile-meta-item {
margin-left: 10px;
}
.tm-nav-mobile-button {
width: 34px;
height: 20px;
position: relative;
cursor: pointer;
}
.tm-nav-mobile-button:before, .tm-nav-mobile-button:after,
.tm-nav-mobile-button span {
content: "";
background-color: var(--mobile-menu-hamburger-color);
height: 2px;
position: absolute;
left: 0;
right: 0;
margin: auto;
transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.tm-nav-mobile-button:before {
top: 0;
width: 24px;
}
.tm-nav-mobile-button:after {
bottom: 0;
width: 24px;
}
.tm-nav-mobile-button span {
top: 9px;
width: 100%;
}
.tm-nav-mobile-button.active:before, .tm-nav-mobile-button.active:after {
width: 100%;
}
.tm-header-menu-backdrop {
z-index: 998;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100vh;
background-color: rgba(0, 0, 0, 0.6);
transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
opacity: 0;
visibility: hidden;
}
.tm-header-menu {
position: fixed;
height: 100vh;
width: 350px;
top: 0;
left: 0;
bottom: 0;
margin: 0;
overflow: hidden;
z-index: 999;
transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%);
visibility: hidden;
box-shadow: 0 0 15px rgba(0, 0, 0, 0.08);
background-color: #fff;
overflow-y: scroll;
}
.tm-header-menu.active {
visibility: visible;
opacity: 1;
-webkit-transform: translateX(0%);
-moz-transform: translateX(0%);
-ms-transform: translateX(0%);
transform: translateX(0%);
}
.tm-header-menu.active + .tm-header-menu-backdrop {
opacity: 1;
visibility: visible;
}
.tm-header-menu-scroll {
padding: 55px 0 40px;
}
.tm-menu-close {
background-color: rgba(0, 0, 0, 0.03);
position: absolute;
top: 0;
right: 0;
border-radius: 0px;
}
#elementor-header-top-mobile .tm-header-elementor-main,
#elementor-header-top-mobile .tm-header-elementor-sticky {
display: none;
}
#elementor-header-top-mobile #tm-header-mobile {
display: block;
box-shadow: 0 3px 18px rgba(2, 21, 78, 0.09);
position: relative;
z-index: 999;
}
} @media (max-width: 1024px) {
header#header.header-nav-left .header-nav-col-row {
padding: 10px 0;
}
header#header.header-nav-left .header-nav-col-row :first-child {
order: 1;
}
}
header#header.header-layout-type-header-default .menuzord-brand, header#header.header-layout-type-header-side-panel-nav .menuzord-brand {
margin-bottom: 15px;
margin-top: 15px;
}
@media (max-width: 991.98px) {
header#header.header-layout-type-header-default .menuzord-brand, header#header.header-layout-type-header-side-panel-nav .menuzord-brand {
margin-bottom: 5px;
margin-top: 5px;
}
}
header#header.header-layout-type-header-default .menuzord-brand img, header#header.header-layout-type-header-side-panel-nav .menuzord-brand img {
width: var(--menuzord-brand-width);
height: auto;
}
@media (max-width: 991.98px) {
header#header.header-layout-type-header-default .menuzord-brand img, header#header.header-layout-type-header-side-panel-nav .menuzord-brand img {
width: var(--menuzord-brand-width-responsive);
}
}
@media (max-width: 767.98px) {
header#header.header-layout-type-header-side-panel-nav .header-nav-container {
padding: 0 20px;
}
}
[data-tm-layout=dark] body header#header .header-nav {
border-top-color: #151515;
}
[data-tm-layout=dark] body header#header .header-nav {
border-top-color: #151515;
}  .menuzord-menu .tm-elementor-megamenu > ul.dropdown, .menuzord-menu .tm-elementor-megamenu > .megamenu:not(.elementor-megamenu-wrapper) {
display: none !important;
} .side-push-panel {
overflow-x: hidden; }
.side-push-panel.has-side-panel .menuzord .showhide {
float: left;
} .has-side-panel .side-panel-body-overlay {
background-color: rgba(17, 17, 17, 0.8);
height: 100vh;
left: 0;
opacity: 0;
pointer-events: none;
position: fixed;
top: 0;
width: 100%;
z-index: 1111;
transition: all 0.5s ease;
}
.has-side-panel.side-panel-open .side-panel-body-overlay {
opacity: 1;
pointer-events: auto;
}
.side-panel-open:not(.device-xxs):not(.device-xs):not(.device-sm) .side-panel-body-overlay:hover {
cursor: url(//www.reggiadeitessali.it/wp-content/themes/hoteler/assets/images/close.png) 15 15, default;
} .side-panel-container {
-webkit-backface-visibility: hidden;
background-color: var(--theme-color-white);
height: 100vh;
overflow: hidden;
position: fixed;
right: -480px;
top: 0;
text-align: left;
width: 480px;
z-index: 1112;
transition: all 0.4s ease;
}
@media (max-width: 991.98px) {
.side-panel-container {
width: 300px;
}
}
.side-panel-container ul {
padding-left: 0;
}
.side-panel-container .side-panel-wrap {
bottom: 0;
height: 100%;
left: 0;
overflow: auto;
padding: 0;
position: absolute;
top: 0;
width: 100%;
}
.side-panel-container .widget.widget-side-push-panel {
width: 100%;
}
.side-panel-container .widget.widget-side-push-panel .textwidget {
color: var(--theme-color-dark);
}
.side-panel-container .widget.widget-side-push-panel.widget-horizontal-row {
margin-top: 0;
margin-bottom: 0;
}
.side-panel-container .widget.widget-side-push-panel.widget-image-widget .thumb {
margin-bottom: 20px;
}
body.rtl .side-panel-container {
left: auto !important;
}
.side-panel-open .side-panel-container {
right: 0;
}
.side-panel-left .side-panel-container {
left: -480px;
right: auto;
}
.side-panel-left.side-panel-open .side-panel-container {
left: 0;
right: auto;
}
.device-touch .side-panel-container .side-panel-wrap {
overflow-y: scroll;
} .side-panel-trigger {
cursor: pointer;
display: block;
z-index: 11;
}
.side-panel-trigger-close {
position: absolute;
right: 0;
top: 0;
z-index: 1;
}
.side-panel-trigger-close .side-panel-trigger-icon {
font-size: 18px;
color: var(--theme-color-dark);
margin-top: 20px;
margin-right: 15px;
background: var(--theme-color-silver);
padding: 13px 16px 14px 16px;
border-radius: 30px;
transition: all 0.4s ease;
}
.side-panel-trigger-close .side-panel-trigger-icon:hover {
color: var(--theme-color1-text-color);
background: var(--theme-color1);
} .side-push-panel.fullwidth-page #wrapper,
.side-push-panel.fullwidth-page header .header-nav-wrapper.tm-sticky-menu .container {
transition: all 0.4s ease;
} .hamburger-box {
display: inline-block;
height: 20px;
position: relative;
width: 40px;
padding: 12px 15px;
}
.hamburger-box .hamburger-inner {
margin-left: 3px;
top: 16px;
}
.hamburger-box .hamburger-inner,
.hamburger-box .hamburger-inner:after,
.hamburger-box .hamburger-inner:before {
background-color: #444;
border-radius: 4px;
height: 2px;
position: absolute;
width: 24px;
transition: all 0.15s ease;
}
.hamburger-box .hamburger-inner:after,
.hamburger-box .hamburger-inner:before {
display: block;
content: "";
}
.hamburger-box .hamburger-inner:before {
top: -9px;
}
.hamburger-box .hamburger-inner:after {
bottom: -9px;
}
.hamburger-box .hamburger-inner {
width: 16px;
}
.hamburger-box .hamburger-inner:after {
width: 24px;
}
.hamburger-box .hamburger-inner:before {
width: 24px;
}
.hamburger-box:hover .hamburger-inner,
.hamburger-box:hover .hamburger-inner:after,
.hamburger-box:hover .hamburger-inner:before {
height: 2px;
background-color: var(--theme-color-dark);
}
.hamburger-box:hover .hamburger-inner {
width: 24px;
}
.hamburger-box:hover .hamburger-inner:after {
width: 16px;
}
.hamburger-box:hover .hamburger-inner:before {
width: 16px;
}
body.elementor-editor-active .side-panel-container {
height: auto;
position: relative;
right: 0;
top: 0;
text-align: left;
width: 480px;
overflow: visible;
}
body.elementor-editor-active .side-panel-container .side-panel-wrap {
position: relative;
overflow: inherit;
} .top-nav-search-btn .search-icon {
color: var(--theme-color-dark);
font-size: 18px;
line-height: 1;
padding: 3px;
transition: all 0.3s ease;
}
.top-nav-search-btn .search-icon:hover {
color: var(--hover-theme-color);
}
@media (max-width: 1024px) {
.top-nav-search-btn {
margin-top: 12px;
}
}
.top-nav-search-form {
background: rgba(15, 15, 15, 0.993);
opacity: 0;
display: flex;
align-items: center;
justify-content: center;
position: fixed;
visibility: hidden;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
transform: scale(0.9);
z-index: -1;
transition: all 0.3s ease;
}
.top-nav-search-form.active {
transform: scale(1);
z-index: 111;
opacity: 1;
visibility: visible;
}
.top-nav-search-form .nav-search-inner {
text-align: center;
}
.top-nav-search-form form {
margin-bottom: 0;
}
.top-nav-search-form .input-group {
color: #fff;
position: relative;
display: inline-block;
padding-bottom: 5px;
border-bottom: 3px solid rgba(255, 255, 255, 0.1);
}
.top-nav-search-form input[type=text] {
-webkit-appearance: none;
display: inline-block;
padding: 15px 20px 15px 0;
box-shadow: none;
outline: none;
border: 0;
background: transparent;
-webkit-transition: all 350ms ease;
transition: all 350ms ease;
position: relative;
top: 1px;
color: #fff;
font-size: 36px;
width: 450px;
}
@media (max-width: 767.98px) {
.top-nav-search-form input[type=text] {
font-size: 26px;
width: 250px;
}
}
.top-nav-search-form input[type=text]::-webkit-input-placeholder {
color: #fff;
}
.top-nav-search-form input[type=text]::placeholder {
color: #fff;
}
.top-nav-search-form button {
position: relative;
white-space: nowrap;
margin-left: -1px;
z-index: 2;
display: inline-block;
text-align: center;
vertical-align: middle;
-webkit-appearance: button;
border: 0;
background: transparent;
cursor: pointer;
outline: none;
border-radius: 0;
padding: 0 0 0 20px;
}
.top-nav-search-form button i {
color: #fff;
font-size: 28px;
line-height: 0;
transition: all 0.3s ease;
}
@media (max-width: 767.98px) {
.top-nav-search-form button i {
font-size: 20px;
}
}
.top-nav-search-form button i:hover {
color: var(--hover-theme-color);
}
.top-nav-search-form .close-search-btn {
color: #eee;
font-size: 28px;
line-height: 75px;
display: flex;
justify-content: center;
align-items: center;
margin-top: 20px;
position: fixed;
right: 30px;
top: 30px;
}
.top-nav-search-form .close-search-btn:hover {
color: var(--hover-theme-color);
}
html.html-search-block-active {
overflow: hidden;
} .tm-page-title {
background-color: #0b0706;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
text-align: center;
}
.tm-page-title:before {
background-color: transparent;
background-image: linear-gradient(310deg, rgba(30, 30, 30, 0) 0%, rgba(0, 0, 0, 0.9098039216) 100%);
opacity: 0.9;
}
.tm-page-title .container,
.tm-page-title .container-fluid {
padding-top: 50px;
padding-bottom: 50px;
}
.tm-page-title .padding-medium {
padding-top: 100px;
padding-bottom: 120px;
}
.tm-page-title .title {
color: #fff;
margin-bottom: 20px;
margin-top: 0;
font-size: var(--h1-font-size);
text-transform: capitalize;
}
@media (max-width: 767.98px) {
.tm-page-title .title {
font-size: var(--h1-font-size-mob);
line-height: 1.3;
}
}
.tm-page-title .title b,
.tm-page-title .title strong {
color: #f5f5f5;
}
.tm-page-title .subtitle {
color: #aaa;
font-weight: 600;
margin: 0;
margin-top: 10px;
}
.tm-page-title.page-title-standard .breadcrumbs {
margin-top: 10px;
}
.tm-page-title.page-title-standard .subtitle + .breadcrumbs {
margin-top: 15px;
}
.tm-page-title-elementor .breadcrumbs,
.tm-page-title .breadcrumbs {
display: inline-block;
margin: 0;
padding: 0;
background-color: transparent;
font-size: 18px;
}
.tm-page-title-elementor .breadcrumbs > li,
.tm-page-title .breadcrumbs > li {
display: inline-block;
padding: 0;
float: none;
}
.tm-page-title-elementor .breadcrumbs .trail-item a:not(.btn),
.tm-page-title .breadcrumbs .trail-item a:not(.btn) {
color: #fff;
}
.tm-page-title-elementor .breadcrumbs .trail-item a:not(.btn):hover,
.tm-page-title .breadcrumbs .trail-item a:not(.btn):hover {
color: var(--theme-color1);
}
.tm-page-title-elementor .breadcrumbs .trail-item:not(:last-child),
.tm-page-title .breadcrumbs .trail-item:not(:last-child) {
margin-right: 20px;
padding-right: 20px;
position: relative;
}
.tm-page-title-elementor .breadcrumbs .trail-item:not(:last-child) .tm-breadcrumb-arrow-icon,
.tm-page-title .breadcrumbs .trail-item:not(:last-child) .tm-breadcrumb-arrow-icon {
color: #eee;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
font-size: 12px;
position: absolute;
right: -4px;
top: 50%;
transform: translateY(-50%);
transition: all 0.3s ease;
}
.tm-page-title-elementor .breadcrumbs .trail-item.trail-end,
.tm-page-title .breadcrumbs .trail-item.trail-end {
color: #ddd;
}
.tm-page-title-elementor .breadcrumbs .trail-item.trail-end a,
.tm-page-title .breadcrumbs .trail-item.trail-end a {
color: #ddd;
}
.tm-page-title-elementor .breadcrumbs .trail-item.trail-end .tm-breadcrumb-arrow-icon,
.tm-page-title .breadcrumbs .trail-item.trail-end .tm-breadcrumb-arrow-icon {
display: none;
}
.tm-page-title .breadcrumbs {
font-size: 18px;
text-align: center;
display: inline-block;
color: var(--theme-color1);
}
.tm-page-title .breadcrumbs > li {
font-family: var(--heading-font-family);
}
.tm-page-title .breadcrumbs .trail-item a:not(.btn):hover {
color: var(--theme-color1);
} body.container-970px .e-con {
--container-max-width: 970px;
}
@media (min-width: 1000px) {
body.container-970px .container,
body.container-970px .megamenu-fullwidth .megamenu-row {
max-width: 970px;
width: 970px;
}
}
body.container-1230px .e-con {
--container-max-width: 1230px;
}
@media (min-width: 1300px) {
body.container-1230px .container,
body.container-1230px .megamenu-fullwidth .megamenu-row {
max-width: 1230px;
width: 1230px;
}
}
body.container-1300px .e-con {
--container-max-width: 1300px;
}
@media (min-width: 1400px) {
body.container-1300px .container,
body.container-1300px .megamenu-fullwidth .megamenu-row {
max-width: 1300px;
width: 1300px;
}
}
body.container-1340px .e-con {
--container-max-width: 1340px;
}
@media (min-width: 1400px) {
body.container-1340px .container,
body.container-1340px .megamenu-fullwidth .megamenu-row {
max-width: 1340px;
width: 1340px;
}
}
body.container-1440px .e-con {
--container-max-width: 1440px;
}
@media (min-width: 1500px) {
body.container-1440px .container,
body.container-1440px .megamenu-fullwidth .megamenu-row {
max-width: 1440px;
width: 1440px;
}
}
body.container-1500px .e-con {
--container-max-width: 1500px;
}
@media (min-width: 1560px) {
body.container-1500px .container,
body.container-1500px .megamenu-fullwidth .megamenu-row {
max-width: 1500px;
width: 1500px;
}
}
body.container-1600px .e-con {
--container-max-width: 1600px;
}
@media (min-width: 1660px) {
body.container-1600px .container,
body.container-1600px .megamenu-fullwidth .megamenu-row {
max-width: 1600px;
width: 1600px;
}
}
body.container-100pr .e-con {
--container-max-width: 100%;
}
body.container-100pr .container,
body.container-100pr .container-fluid,
body.container-100pr .megamenu-fullwidth .megamenu-row {
max-width: 100%;
width: 100%;
} .select2-container--default .select2-selection--single .select2-selection__arrow b {
margin-left: -10px;
}
.select2 .selection .select2-selection {
background-color: var(--form_control_common_bg);
border: 1px solid var(--form_control_common_border);
height: calc(1.8rem + 32px);
padding: 14px 20px;
}
.select2 .selection .select2-selection .select2-selection__rendered {
color: #686a6f;
line-height: 30px;
padding-left: 0;
font-weight: normal;
font-size: 1rem;
}
.select2 .selection .select2-selection .select2-selection__arrow {
height: 100%;
position: absolute;
right: 6px;
top: 0;
width: 20px;
}
.form-control,
.input-text,
.comment-respond textarea,
.comment-respond input[type=email],
.comment-respond input[type=url],
.comment-respond input[type=text] {
height: calc(1.8rem + 32px);
padding: 14px 20px;
outline: 0;
background-color: var(--form_control_common_bg);
border: 1px solid var(--form_control_common_border);
color: var(--text-color);
font-size: 1rem;
width: 100%;
}
.form-control::placeholder,
.input-text::placeholder,
.comment-respond textarea::placeholder,
.comment-respond input[type=email]::placeholder,
.comment-respond input[type=url]::placeholder,
.comment-respond input[type=text]::placeholder {
color: #686a6f;
opacity: 1;
}
.form-control:-ms-input-placeholder,
.input-text:-ms-input-placeholder,
.comment-respond textarea:-ms-input-placeholder,
.comment-respond input[type=email]:-ms-input-placeholder,
.comment-respond input[type=url]:-ms-input-placeholder,
.comment-respond input[type=text]:-ms-input-placeholder {
color: #686a6f;
}
.form-control::-ms-input-placeholder,
.input-text::-ms-input-placeholder,
.comment-respond textarea::-ms-input-placeholder,
.comment-respond input[type=email]::-ms-input-placeholder,
.comment-respond input[type=url]::-ms-input-placeholder,
.comment-respond input[type=text]::-ms-input-placeholder {
color: #686a6f;
}
.form-control:focus,
.input-text:focus,
.comment-respond textarea:focus,
.comment-respond input[type=email]:focus,
.comment-respond input[type=url]:focus,
.comment-respond input[type=text]:focus {
color: var(--text-color);
background-color: var(--form_control_common_bg);
}
.form-control:active, .form-control:focus,
.input-text:active,
.input-text:focus {
box-shadow: 0 0 0 1px var(--theme-color1);
border-color: var(--theme-color1);
}
textarea.form-control,
.comment-respond textarea {
height: auto;
padding-top: 15px;
padding-bottom: 15px;
}  .isotope-layout-filter,
.carousel-layout-filter {
margin-bottom: 30px;
}
.isotope-layout-filter a,
.carousel-layout-filter a {
transition: all 0.3s ease-in-out 0s;
color: #777;
font-size: 15px;
font-weight: 500;
margin: 0 5px 10px;
padding: 8px 20px 6px;
display: inline-block;
position: relative;
text-transform: uppercase;
border: 2px solid;
border-color: transparent;
}
.isotope-layout-filter a.active, .isotope-layout-filter a:focus, .isotope-layout-filter a:hover,
.carousel-layout-filter a.active,
.carousel-layout-filter a:focus,
.carousel-layout-filter a:hover {
color: #fff;
background: #343434;
}
.isotope-layout-filter.filter-style-2 a,
.carousel-layout-filter.filter-style-2 a {
border-color: #343434;
}
.isotope-layout-filter.filter-style-3 a,
.carousel-layout-filter.filter-style-3 a {
border-color: #eee;
}
.isotope-layout-filter.filter-style-4 a,
.carousel-layout-filter.filter-style-4 a {
background-color: #f7f7f7;
}
.isotope-layout-filter.filter-style-4 a.active, .isotope-layout-filter.filter-style-4 a:focus, .isotope-layout-filter.filter-style-4 a:hover,
.carousel-layout-filter.filter-style-4 a.active,
.carousel-layout-filter.filter-style-4 a:focus,
.carousel-layout-filter.filter-style-4 a:hover {
background: #343434;
}
.isotope-layout-filter.filter-style-5 a,
.carousel-layout-filter.filter-style-5 a {
border-radius: 7px;
}
.isotope-layout-filter.filter-style-6 a,
.carousel-layout-filter.filter-style-6 a {
border-radius: 7px;
border-color: #343434;
} .isotope-layout {        }
.isotope-layout .isotope-layout-inner {
position: relative;
}
.isotope-layout .isotope-item {
padding: 0 15px;
margin: 0 0 30px;
float: left;
width: 24.98%; }
.isotope-layout .isotope-item .isotope-item-inner {
position: relative;
height: 100%;
}
.isotope-layout .isotope-item.tm-masonry-large-wide, .isotope-layout .isotope-item.tm-masonry-large-width-height {
width: 49.98%;
}
.isotope-layout .isotope-item.isotope-item-sizer {
padding: 0 !important;
margin-bottom: 0 !important;
width: 24.98%;
}
.isotope-layout .isotope-item.isotope-item-sizer.tm-masonry-large-wide, .isotope-layout .isotope-item.isotope-item-sizer.tm-masonry-large-width-height {
width: 49.98%;
}
.isotope-layout .isotope-item .thumb img {
width: 100%;
}
.isotope-layout.isotope-layout-single-item:not(.shop-archive):not(.blog-archive) {
margin-left: 0;
}
.isotope-layout.isotope-layout-single-item:not(.shop-archive):not(.blog-archive) .isotope-layout-inner {
margin-left: 0;
margin-right: 0;
}
.isotope-layout.isotope-layout-single-item:not(.shop-archive):not(.blog-archive) .isotope-item {
padding-right: 0;
padding-left: 0;
margin-bottom: 0;
width: 100% !important;
position: relative !important;
}
.isotope-layout.isotope-layout-single-item:not(.shop-archive):not(.blog-archive) .isotope-item .hentry {
margin-bottom: 0;
padding-bottom: 0;
}
.isotope-layout.grid-1 .isotope-item {
width: 100% !important;
}
.isotope-layout.grid-1 .isotope-item.tm-masonry-large-wide, .isotope-layout.grid-1 .isotope-item.tm-masonry-large-width-height {
width: 100% !important;
}
.isotope-layout.grid-2 .isotope-item {
width: 49.98%;
}
.isotope-layout.grid-2 .isotope-item.tm-masonry-large-wide, .isotope-layout.grid-2 .isotope-item.tm-masonry-large-width-height {
width: 100%;
}
.isotope-layout.grid-3 .isotope-item {
width: 33.2%;
}
.isotope-layout.grid-3 .isotope-item.tm-masonry-large-wide, .isotope-layout.grid-3 .isotope-item.tm-masonry-large-width-height {
width: 66.4%;
}
.isotope-layout.grid-4 {
width: 100.1%;
width: calc(100% + 1px);
}
.isotope-layout.grid-4 .isotope-item {
width: 24.98%;
}
.isotope-layout.grid-4 .isotope-item.tm-masonry-large-wide, .isotope-layout.grid-4 .isotope-item.tm-masonry-large-width-height {
width: 49.98%;
}
.isotope-layout.grid-5 .isotope-item {
width: 20%;
}
.isotope-layout.grid-5 .isotope-item.tm-masonry-large-wide, .isotope-layout.grid-5 .isotope-item.tm-masonry-large-width-height {
width: 40%;
}
.isotope-layout.grid-6 .isotope-item {
width: 16.5%;
}
.isotope-layout.grid-6 .isotope-item.tm-masonry-large-wide, .isotope-layout.grid-6 .isotope-item.tm-masonry-large-width-height {
width: 33%;
}
.isotope-layout .isotope-layout-inner {
margin: 0 -15px;
}
.isotope-layout .isotope-item {
padding: 0 15px;
margin: 0 0 30px;
}
.isotope-layout.gutter .isotope-layout-inner {
margin: 0 -15px;
}
.isotope-layout.gutter .isotope-item {
padding: 0 15px;
margin: 0 0 30px;
}
.isotope-layout.gutter-0 .isotope-layout-inner {
margin: 0;
}
.isotope-layout.gutter-0 .isotope-item {
padding: 0;
margin: 0;
}
.isotope-layout.gutter-5 .isotope-layout-inner {
margin: 0 -5px;
}
.isotope-layout.gutter-5 .isotope-item {
padding: 0 5px;
margin: 0 0 10px;
}
.isotope-layout.gutter-10 .isotope-layout-inner {
margin: 0 -10px;
}
.isotope-layout.gutter-10 .isotope-item {
padding: 0 10px;
margin: 0 0 20px;
}
.isotope-layout.gutter-15 .isotope-layout-inner {
margin: 0 -15px;
}
.isotope-layout.gutter-15 .isotope-item {
padding: 0 15px;
margin: 0 0 30px;
}
.isotope-layout.gutter-20 .isotope-layout-inner {
margin: 0 -20px;
}
.isotope-layout.gutter-20 .isotope-item {
padding: 0 20px;
margin: 0 0 40px;
}
.isotope-layout.gutter-30 .isotope-layout-inner {
margin: 0 -30px;
}
.isotope-layout.gutter-30 .isotope-item {
padding: 0 30px;
margin: 0 0 60px;
}
.isotope-layout.gutter-40 .isotope-layout-inner {
margin: 0 -40px;
}
.isotope-layout.gutter-40 .isotope-item {
padding: 0 40px;
margin: 0 0 80px;
}
.isotope-layout.gutter-50 .isotope-layout-inner {
margin: 0 -50px;
}
.isotope-layout.gutter-50 .isotope-item {
padding: 0 50px;
margin: 0 0 100px;
}
.isotope-layout.gutter-60 .isotope-layout-inner {
margin: 0 -60px;
}
.isotope-layout.gutter-60 .isotope-item {
padding: 0 60px;
margin: 0 0 120px;
} @media (max-width: 767px) {
.isotope-layout .isotope-item {
width: 33.2% !important;
}
.isotope-layout .isotope-item.tm-masonry-large-wide, .isotope-layout .isotope-item.tm-masonry-large-width-height {
width: 100% !important;
}
}
@media (max-width: 1024px) {
.isotope-layout .isotope-item {
width: 49.98% !important;
}
.isotope-layout .isotope-item.tm-masonry-large-wide, .isotope-layout .isotope-item.tm-masonry-large-width-height {
width: 100% !important;
}
}
@media (max-width: 991.98px) {
.isotope-layout .isotope-item {
width: 49.98% !important;
}
.isotope-layout .isotope-item.tm-masonry-large-wide, .isotope-layout .isotope-item.tm-masonry-large-width-height {
width: 100% !important;
}
}
@media (max-width: 767.98px) {
.isotope-layout .isotope-item {
width: 100% !important;
}
.isotope-layout .isotope-item.tm-masonry-large-wide, .isotope-layout .isotope-item.tm-masonry-large-width-height {
width: 100% !important;
}
}
@media (max-width: 575.98px) {
.isotope-layout .isotope-item {
width: 100% !important;
}
.isotope-layout .isotope-item.tm-masonry-large-wide, .isotope-layout .isotope-item.tm-masonry-large-width-height {
width: 100% !important;
}
}
.isotope-layout:not(.isotope-rendered) .isotope-item {
float: left;
}
.isotope-layout:not(.isotope-rendered).grid-2 > .isotope-item {
width: 50%;
}
.isotope-layout:not(.isotope-rendered).grid-3 > .isotope-item {
width: 33%;
}
.isotope-layout:not(.isotope-rendered).grid-4 > .isotope-item {
width: 25%;
}
.isotope-layout:not(.isotope-rendered).grid-5 > .isotope-item {
width: 19%;
}
.isotope-layout:not(.isotope-rendered).grid-6 > .isotope-item {
width: 16%;
}
.tm-swiper-container,
.tm-testimonial-single-carousel {
margin-left: auto;
margin-right: auto;
position: relative;
list-style: none;
padding: 0;
z-index: 1;
}
.tm-swiper-container .swiper-container-inner,
.tm-testimonial-single-carousel .swiper-container-inner {
overflow: hidden;
}
.tm-swiper-container .tm-swiper-button-next,
.tm-swiper-container .tm-swiper-button-prev,
.tm-testimonial-single-carousel .tm-swiper-button-next,
.tm-testimonial-single-carousel .tm-swiper-button-prev {
position: absolute;
top: 50%;
margin-top: calc(0px - var(--swiper-navigation-size) / 2);
cursor: pointer;
width: 52px;
height: 52px;
background-color: #fff;
display: flex;
justify-content: center;
align-items: center;
-webkit-border-radius: 50%;
-khtml-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
-webkit-transition: all 0.3s ease;
-khtml-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
z-index: 10;
box-shadow: 0 0 15px rgba(0, 0, 0, 0.14);
}
.tm-swiper-container .tm-swiper-button-next i,
.tm-swiper-container .tm-swiper-button-prev i,
.tm-testimonial-single-carousel .tm-swiper-button-next i,
.tm-testimonial-single-carousel .tm-swiper-button-prev i {
color: #000;
font-size: 16px;
-webkit-transition: all 0.3s ease;
-khtml-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.tm-swiper-container .tm-swiper-button-next:hover,
.tm-swiper-container .tm-swiper-button-prev:hover,
.tm-testimonial-single-carousel .tm-swiper-button-next:hover,
.tm-testimonial-single-carousel .tm-swiper-button-prev:hover {
background-color: var(--theme-color1);
}
.tm-swiper-container .tm-swiper-button-next:hover i,
.tm-swiper-container .tm-swiper-button-prev:hover i,
.tm-testimonial-single-carousel .tm-swiper-button-next:hover i,
.tm-testimonial-single-carousel .tm-swiper-button-prev:hover i {
color: var(--theme-color1-text-color);
}
.tm-swiper-container .tm-swiper-button-next,
.tm-swiper-container .swiper-rtl .tm-swiper-button-prev,
.tm-testimonial-single-carousel .tm-swiper-button-next,
.tm-testimonial-single-carousel .swiper-rtl .tm-swiper-button-prev {
right: -26px;
left: auto;
}
.tm-swiper-container .tm-swiper-button-prev,
.tm-swiper-container .swiper-rtl .tm-swiper-button-next,
.tm-testimonial-single-carousel .tm-swiper-button-prev,
.tm-testimonial-single-carousel .swiper-rtl .tm-swiper-button-next {
left: -26px;
right: auto;
}
.tm-swiper-container .tm-swiper-button-prev:hover i::before,
.tm-testimonial-single-carousel .tm-swiper-button-prev:hover i::before {
content: "\e879";
}
.tm-swiper-container .tm-swiper-button-next:hover i::before,
.tm-testimonial-single-carousel .tm-swiper-button-next:hover i::before {
content: "\e87a";
}
.tm-swiper-container .swiper-pagination,
.tm-swiper-container .swiper-pagination-fraction,
.tm-testimonial-single-carousel .swiper-pagination,
.tm-testimonial-single-carousel .swiper-pagination-fraction {
position: relative;
width: auto;
left: 50%;
bottom: 0;
margin-top: 20px;
transform: translateX(-50%);
}
.tm-swiper-container .swiper-pagination-bullet,
.tm-testimonial-single-carousel .swiper-pagination-bullet {
width: 12px;
height: 12px;
opacity: 1;
position: relative;
background: #e7e7e7;
border-radius: 10px;
transition: all 0.3s ease-in-out 0s;
}
.tm-swiper-container .swiper-pagination-fraction,
.tm-testimonial-single-carousel .swiper-pagination-fraction {
font-size: 20px;
}
.tm-swiper-container .swiper-pagination-progressbar,
.tm-testimonial-single-carousel .swiper-pagination-progressbar {
background-color: #e1e1e1;
}
.tm-swiper-container .swiper-pagination-progressbar > span,
.tm-testimonial-single-carousel .swiper-pagination-progressbar > span {
background-color: var(--theme-color1);
}
.tm-swiper-container .swiper-pagination-bullet.swiper-pagination-bullet-active,
.tm-testimonial-single-carousel .swiper-pagination-bullet.swiper-pagination-bullet-active {
background-color: var(--theme-color1);
}
.tm-slider-overflow-visible-yes .tm-swiper-container .swiper-container-inner {
overflow: visible;
}  .page-404-wrapper {
text-align: center;
}
.page-404-wrapper.page-404-wrapper-padding {
padding-top: 100px;
padding-bottom: 50px;
}
.page-404-wrapper .page-404-main-content {
margin-bottom: 25px;
}
.page-404-wrapper .page-404-main-content .title {
font-size: 11rem;
line-height: 1;
margin-top: 0;
margin-bottom: 2rem;
}
@media (max-width: 767.98px) {
.page-404-wrapper .page-404-main-content .title {
font-size: 8rem;
}
}
.page-404-wrapper .page-404-main-content .sub-title {
font-size: 2rem;
line-height: 1;
margin-top: 0;
margin-bottom: 1.7rem;
}
.page-404-wrapper .page-404-main-content .content,
.page-404-wrapper .page-404-main-content .content p {
margin-bottom: 1.7rem;
}
.page-404-wrapper .search-box {
margin-bottom: 2rem;
}
.page-404-wrapper .search-box .paragraph {
margin-bottom: 1rem;
}
.page-404-wrapper .helpful-links {
margin-bottom: 25px;
}
.page-404-wrapper .helpful-links ul {
list-style: none;
}
.page-404-wrapper .helpful-links ul li {
padding-left: 15px;
position: relative;
margin-bottom: 5px;
}
.page-404-wrapper .helpful-links ul li::before {
content: "\f0da";
left: 0;
top: 0;
position: absolute;
font-family: "Font Awesome 5 Free";
font-weight: 600;
color: #ccc;
}
.page-404-wrapper .helpful-links ul li a {
color: var(--text-color);
}
.page-404-wrapper.page-404-layout-split .page-404-main-content .title {
font-size: 8rem;
line-height: 1;
margin-top: 0;
margin-bottom: 1rem;
}
.page-404-wrapper.page-404-layout-split .page-404-main-content .sub-title {
font-size: 1.7rem;
line-height: 1;
margin-top: 0;
margin-bottom: 1.2rem;
}
.page-404-wrapper.page-404-layout-split .page-404-main-content .content,
.page-404-wrapper.page-404-layout-split .page-404-main-content .content p {
margin-bottom: 1rem;
}
.page-404-wrapper .page-404-main-content {
text-align: center;
}
.page-404-wrapper .page-404-main-content .title {
color: var(--theme-color1);
}
.page-404-wrapper .helpful-links ul li::before {
color: var(--theme-color1);
}
.page-404-wrapper .helpful-links ul li a:hover {
color: var(--hover-theme-color);
} .menuzord-primary-nav .menuzord-menu > li > a {
font-size: var(--menuzord-primary-nav-font-size);
font-weight: var(--menuzord-primary-nav-font-weight);
text-transform: var(--menuzord-primary-nav-font-transform);
} body.archive .main-content-area article:not(.type-post) {
margin-bottom: 20px;
border-bottom: 1px solid rgba(240, 240, 240, 0.5);
}  article .entry-content .post-content ul:not(.tm-sc-list):not(.list):not(.blocks-gallery-grid):not(.wp-block-post-template):not(.wp-block-page-list),
article .entry-content .post-content ol,
article .entry-content .post-excerpt ul:not(.tm-sc-list):not(.list):not(.blocks-gallery-grid):not(.wp-block-post-template):not(.wp-block-page-list),
article .entry-content .post-excerpt ol {
padding-left: 10px;
}
article .box-hover-effect .thumb {
text-align: center;
}
.blog-posts .main-content-area .post .post-sticky-icon {
display: none;
}
body.archive .blog-posts .main-content-area article,
body.blog .blog-posts .main-content-area article {
margin-bottom: 3rem;
}
body.archive .blog-posts .main-content-area .row > div:last-child article,
body.blog .blog-posts .main-content-area .row > div:last-child article {
margin-bottom: 0;
}
body.archive .blog-posts .main-content-area .post.sticky,
body.blog .blog-posts .main-content-area .post.sticky {
box-shadow: none;
position: relative;
padding: 25px;
padding-bottom: 0;
border: 2px solid var(--theme-color1);
box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.07);
}
body.archive .blog-posts .main-content-area .post.sticky .bottom-box .comments,
body.blog .blog-posts .main-content-area .post.sticky .bottom-box .comments {
display: none;
}
body.archive .blog-posts .main-content-area .post.sticky .post-sticky-icon,
body.blog .blog-posts .main-content-area .post.sticky .post-sticky-icon {
display: block;
position: absolute;
right: 12px;
top: 8px;
z-index: 1;
}
body.archive .blog-posts .main-content-area .post.sticky .post-sticky-icon i,
body.blog .blog-posts .main-content-area .post.sticky .post-sticky-icon i {
font-size: 30px;
color: #ccc;
transform: rotate(45deg);
}
.main-content-area article .entry-meta {
font-size: 14px;
margin-bottom: 1rem;
color: var(--entry-meta-color-light);
text-transform: uppercase;
}
.main-content-area article .entry-meta li:first-child {
padding-left: 0;
}
.main-content-area article .entry-meta li {
padding-right: 5px;
margin-bottom: 0;
}
.main-content-area article .entry-meta li:last-child {
padding-right: 0;
}
.main-content-area article .entry-meta i {
margin-right: 5px;
}
.main-content-area article .entry-meta .categories-links,
.main-content-area article .entry-meta a,
.main-content-area article .entry-meta span,
.main-content-area article .entry-meta .sl-wrapper span {
color: var(--entry-meta-color-light);
font-weight: normal;
}
.main-content-area article .entry-meta .categories-links a:hover,
.main-content-area article .entry-meta a:hover,
.main-content-area article .entry-meta .sl-wrapper span:hover {
color: var(--hover-theme-color);
}
.main-content-area article .post-excerpt {
margin-bottom: 20px;
}
.main-content-area article .post-excerpt p {
margin-bottom: 28px;
}
.main-content-area .pagination {
margin-top: 40px;
list-style: none;
}
pre {
font-family: "Courier 10 Pitch", courier, monospace;
max-width: 100%;
margin: 1.6em 0;
padding: 1.6em;
background-color: var(--theme-color-silver);
white-space: pre-wrap;
word-wrap: break-word;
font-family: monospace;
font-size: 1em;
color: var(--pre-code-text-color);
}
code {
padding: 2px 4px;
font-size: 90%;
color: #c7254e;
border-radius: 4px;
}
dt {
font-weight: var(--body-font-bold);
color: var(--headings-color);
}
dd {
margin: 0 1.5em 1.5em;
}
@media (min-width: 768px) {
.post-standard-1col-classic .entry-header {
border-radius: 2px;
float: left;
margin-right: 25px;
width: 45%;
}
}
article .entry-content h1 a:hover,
article .entry-content h2 a:hover,
article .entry-content h3 a:hover,
article .entry-content h4 a:hover,
article .entry-content h5 a:hover,
article .entry-content h6 a:hover,
article .entry-content .h1 a:hover,
article .entry-content .h2 a:hover,
article .entry-content .h3 a:hover,
article .entry-content .h4 a:hover,
article .entry-content .h5 a:hover,
article .entry-content .h6 a:hover {
color: var(--hover-theme-color);
}
article .entry-content h1 a:hover b,
article .entry-content h1 a:hover strong,
article .entry-content h2 a:hover b,
article .entry-content h2 a:hover strong,
article .entry-content h3 a:hover b,
article .entry-content h3 a:hover strong,
article .entry-content h4 a:hover b,
article .entry-content h4 a:hover strong,
article .entry-content h5 a:hover b,
article .entry-content h5 a:hover strong,
article .entry-content h6 a:hover b,
article .entry-content h6 a:hover strong,
article .entry-content .h1 a:hover b,
article .entry-content .h1 a:hover strong,
article .entry-content .h2 a:hover b,
article .entry-content .h2 a:hover strong,
article .entry-content .h3 a:hover b,
article .entry-content .h3 a:hover strong,
article .entry-content .h4 a:hover b,
article .entry-content .h4 a:hover strong,
article .entry-content .h5 a:hover b,
article .entry-content .h5 a:hover strong,
article .entry-content .h6 a:hover b,
article .entry-content .h6 a:hover strong {
color: var(--hover-theme-color);
}
article .entry-meta a:hover {
color: var(--hover-theme-color);
}
.blog-posts .main-content-area article {
position: relative;
transition: all 300ms ease;
border-bottom: 3px solid var(--theme-color-light);
overflow: hidden;
}
.blog-posts .main-content-area article:hover .entry-header {
position: relative;
}
.blog-posts .main-content-area article:hover .entry-header .post-thumb:first-child {
transform: translatex(0) scalex(1);
opacity: 1;
filter: blur(0);
}
.blog-posts .main-content-area article:hover .entry-header .post-thumb:nth-child(2) {
transform: translatex(-50%) scalex(2);
opacity: 0;
filter: blur(10px);
}
.blog-posts .main-content-area article .entry-header {
position: relative;
}
.blog-posts .main-content-area article .entry-header .thumb-wrapper {
position: relative;
overflow: hidden;
margin-bottom: 0;
}
.blog-posts .main-content-area article .entry-header .post-thumb {
position: relative;
width: 100%;
display: block;
transition: all 500ms ease;
}
.blog-posts .main-content-area article .entry-header .post-thumb:first-child {
position: absolute;
left: 0px;
top: 0px;
right: 0px;
bottom: 0px;
z-index: 1;
transform: translatex(50%) scalex(2);
opacity: 0;
filter: blur(10px);
}
.blog-posts .main-content-area article .entry-header .post-single-meta {
position: absolute;
left: 30px;
bottom: 0;
z-index: 1;
text-align: center;
line-height: 1;
padding: 12px;
background-color: var(--theme-color1);
}
.blog-posts .main-content-area article .entry-header .post-single-meta span {
display: inline-block;
text-align: center;
font-size: 14px;
line-height: 18px;
text-transform: uppercase;
color: var(--theme-color1-text-color);
}
.blog-posts .main-content-area article .entry-header .post-single-meta span.day {
font-size: 30px;
font-weight: 500;
color: var(--theme-color1-text-color);
font-family: var(--heading-font-family);
display: block;
margin-bottom: 3px;
line-height: 1;
padding: 0 10px;
}
.blog-posts .main-content-area article .entry-header .post-single-meta span.year {
display: none;
}
.blog-posts .main-content-area article .entry-content {
position: relative;
padding: 0;
padding-bottom: 20px;
z-index: 1;
transition: all 300ms ease;
}
.blog-posts .main-content-area article .entry-meta {
position: relative;
text-transform: capitalize !important;
margin-bottom: 15px !important;
background-color: var(--theme-color-light);
padding: 5px 12px;
}
.blog-posts .main-content-area article .entry-meta li {
position: relative;
font-size: 14px;
}
.blog-posts .main-content-area article .entry-meta li i {
margin-right: 5px;
color: var(--theme-color1);
font-size: 14px;
}
.blog-posts .main-content-area article .entry-title {
margin-top: 0;
margin-bottom: 10px;
}
.blog-posts .main-content-area article .entry-title:hover {
color: var(--theme-color-dark);
}
.blog-posts .main-content-area article .mascot-post-excerpt {
margin-top: 15px;
}
.blog-posts .main-content-area article .post-btn-readmore .btn-plain-text-with-arrow-right {
text-transform: uppercase;
font-size: 12px;
font-weight: 800;
}
.blog-posts .main-content-area article .post-btn-readmore .btn-plain-text-with-arrow-right:after {
font-size: 14px;
}
.blog-posts .main-content-area article .post-btn-readmore .btn-plain-text-with-arrow-right:hover {
color: var(--theme-color1);
}
.blog-posts .main-content-area article .post-btn-readmore .btn-plain-text-with-arrow-right:hover:after {
color: var(--theme-color1);
}
.blog-posts .main-content-area .isotope-layout .isotope-item article {
margin-bottom: 0px;
}
@-webkit-keyframes circle {
0% {
opacity: 1;
}
40% {
opacity: 1;
}
100% {
width: 200%;
height: 200%;
opacity: 0;
}
}
@keyframes circle {
0% {
opacity: 1;
}
40% {
opacity: 1;
}
100% {
width: 200%;
height: 200%;
opacity: 0;
}
}
.blog-posts .main-content-area article.has-post-thumbnail .entry-content {
padding: 0 28px 20px;
}
.btn-plain-text-with-arrow-right {
text-transform: uppercase !important;
font-size: 12px !important;
font-weight: 800 !important;
}
.btn-plain-text-with-arrow-right:after {
font-size: 14px !important;
}
.btn-plain-text-with-arrow-right:hover {
color: var(--theme-color1) !important;
}
.btn-plain-text-with-arrow-right:hover:after {
color: var(--theme-color1) !important;
} body.single-post .main-content-area article {
margin-bottom: 0;
border-bottom: none;
}
body.single-post .main-content-area article .entry-meta {
padding: 0;
margin-top: 60px;
margin-bottom: 0;
}
body.single-post .main-content-area article .entry-meta li {
position: relative;
padding-right: 8px;
}
body.single-post .main-content-area article .entry-meta li a {
font-weight: normal;
}
body.single-post .main-content-area article .entry-meta li i {
margin: 0 5px 0 0;
vertical-align: baseline;
}
body.single-post .main-content-area article .entry-meta li i,
body.single-post .main-content-area article .entry-meta li .sl-wrapper .sl-icon svg {
color: var(--theme-color1);
}
body.single-post .main-content-area article .entry-meta li .sl-wrapper .sl-icon svg:hover {
color: var(--hover-theme-color);
}
body.single-post .main-content-area article .entry-meta li:first-child:after {
display: none;
}
body.single-post .main-content-area article .entry-meta li:last-child {
padding-right: 0;
}
body.single-post .main-content-area article .entry-header .post-thumb {
box-shadow: 0px 0px 50px rgba(5, 5, 5, 0.18);
margin-bottom: 25px;
border-radius: 5px;
overflow: hidden;
display: inline-block;
}
body.single-post .main-content-area article .entry-title {
margin-top: 0;
}
body.single-post .main-content-area article .entry-content h1,
body.single-post .main-content-area article .entry-content h2,
body.single-post .main-content-area article .entry-content h3,
body.single-post .main-content-area article .entry-content h4,
body.single-post .main-content-area article .entry-content h5,
body.single-post .main-content-area article .entry-content h6,
body.single-post .main-content-area article .entry-content .h1,
body.single-post .main-content-area article .entry-content .h2,
body.single-post .main-content-area article .entry-content .h3,
body.single-post .main-content-area article .entry-content .h4,
body.single-post .main-content-area article .entry-content .h5,
body.single-post .main-content-area article .entry-content .h6 {
margin-top: 30px;
}
body.single-post .main-content-area article .entry-content h1:first-child,
body.single-post .main-content-area article .entry-content h2:first-child,
body.single-post .main-content-area article .entry-content h3:first-child,
body.single-post .main-content-area article .entry-content h4:first-child,
body.single-post .main-content-area article .entry-content h5:first-child,
body.single-post .main-content-area article .entry-content h6:first-child,
body.single-post .main-content-area article .entry-content .h1:first-child,
body.single-post .main-content-area article .entry-content .h2:first-child,
body.single-post .main-content-area article .entry-content .h3:first-child,
body.single-post .main-content-area article .entry-content .h4:first-child,
body.single-post .main-content-area article .entry-content .h5:first-child,
body.single-post .main-content-area article .entry-content .h6:first-child {
margin-top: 0;
}
body.single-post .single-post-tags-share {
border-top: 1px solid #ececec;
padding: 20px 0 0;
margin-top: 55px;
margin-left: 0;
margin-right: 0;
}
@media (min-width: 1200px) {
body.single-post .single-post-tags-share > div {
max-width: 100%;
}
}
@media (min-width: 1200px) {
body.single-post .single-post-tags-share > div.max-width-half {
max-width: 50%;
}
}
body.single-post .single-post-tags-share > div:first-child {
padding-left: 0;
padding-right: 0;
}
@media (max-width: 1199.98px) {
body.single-post .single-post-tags-share > div:first-child {
margin-bottom: 20px;
}
}
body.single-post .single-post-tags-share > div:last-child {
padding-left: 0;
padding-right: 0;
}
@media (max-width: 1199.98px) {
body.single-post .single-post-tags-share > div:last-child {
margin-bottom: 0;
}
}
body.single-post .single-post-tags {
margin: 0;
}
body.single-post .single-post-tags span {
color: var(--headings-color);
font-size: 1rem;
font-family: var(--heading-font-family);
font-weight: var(--headings-font-weight-h4);
line-height: var(--headings-line-height-smaller);
}
body.single-post .single-post-tags li:not(:first-child) {
margin: 5px 7px 11px 0;
}
body.single-post .single-post-tags a {
border-radius: 10px;
font-size: 0.8rem;
padding: 8px 25px;
text-transform: capitalize;
background-color: #f8f6f0;
}
body.single-post .single-post-tags a:hover {
color: var(--theme-color2-text-color);
background-color: var(--theme-color1);
}
body.single-post .pre-next-post-link {
margin-top: 60px;
vertical-align: middle;
}
body.single-post .pre-next-post-link .pre-post-link,
body.single-post .pre-next-post-link .next-post-link {
cursor: pointer;
display: table;
height: 100%;
position: relative;
width: 100%;
}
body.single-post .pre-next-post-link .pre-post-link > *,
body.single-post .pre-next-post-link .next-post-link > * {
display: table-cell;
height: 100%;
position: relative;
vertical-align: middle;
}
body.single-post .pre-next-post-link .pre-post-link .title,
body.single-post .pre-next-post-link .next-post-link .title {
margin-top: 0;
margin-bottom: 0;
font-style: italic;
color: #9a9a9a;
font-size: 0.875rem;
}
body.single-post .pre-next-post-link .pre-post-link .content,
body.single-post .pre-next-post-link .next-post-link .content {
font-size: 1.25rem;
word-break: break-all;
}
body.single-post .pre-next-post-link .pre-post-link .content a,
body.single-post .pre-next-post-link .next-post-link .content a {
font-size: 1rem;
font-family: var(--heading-font-family);
font-weight: var(--headings-font-weight-h4);
line-height: var(--headings-line-height-smaller);
}
body.single-post .pre-next-post-link .pre-post-link span,
body.single-post .pre-next-post-link .next-post-link span {
color: #f5f5f5;
font-size: 130px;
line-height: 0;
padding-top: 15px;
transition: all 0.4s ease 0s;
}
body.single-post .pre-next-post-link .pre-post-link:hover a,
body.single-post .pre-next-post-link .next-post-link:hover a {
color: var(--hover-theme-color);
}
body.single-post .pre-next-post-link .pre-post-link:hover span,
body.single-post .pre-next-post-link .next-post-link:hover span {
color: #ddd;
}
body.single-post .pre-next-post-link .pre-post-link .link,
body.single-post .pre-next-post-link .next-post-link .link {
margin-bottom: 0;
margin-top: 0;
}
body.single-post .pre-next-post-link .next-post-link {
text-align: right;
}
body.single-post .author-info {
background: var(--theme-color-light);
border: 1px solid var(--theme-color-silver);
margin-top: 60px;
padding: 40px;
}
body.single-post .author-info .author-thumb {
float: left;
margin-right: 30px;
}
body.single-post .author-info .author-thumb img {
border-radius: 50%;
}
body.single-post .author-info .author-description {
margin-left: 110px;
}
body.single-post .author-info .author-description .author-title {
margin-bottom: 0;
margin-top: 0;
}
body.single-post .author-info .author-description .author-title .author-title-label {
display: none;
font-weight: var(--body-font-bold);
}
body.single-post .author-info .author-description .author-email {
font-size: 14px;
}
body.single-post .author-info .author-description .author-email a {
color: #a1a1a1;
font-weight: normal;
}
body.single-post .author-info .author-description .author-text p {
margin-top: 10px;
margin-bottom: 0;
}
@media (max-width: 767.98px) {
body.single-post .author-info .author-thumb {
float: none;
}
body.single-post .author-info .author-description {
margin-left: 0;
}
body.single-post .author-info .author-description .author-title {
margin-top: 15px;
margin-bottom: 7px;
}
}
body.single-post .related-posts {
margin-top: 60px;
}
body.single-post .related-posts .title {
margin-bottom: 20px;
font-weight: var(--body-font-bold);
text-transform: uppercase;
}
body.single-post .related-posts article {
background-color: #fefefe;
box-shadow: 0px 0px 50px rgba(5, 5, 5, 0.08);
}
body.single-post .related-posts article .entry-header .post-thumb {
margin-bottom: 0;
}
body.single-post .related-posts article .entry-content {
padding: 20px;
}
body.single-post .related-posts article .entry-date {
color: #999;
font-size: 0.875rem;
}
body.single-post .related-posts article .post-excerpt {
font-size: 0.875rem;
margin-bottom: 10px;
}
body.single-post .related-posts article .entry-meta {
padding: 5px 0;
margin-bottom: 0;
margin-top: 0;
}
body.single-post .related-posts article .post-btn-readmore {
font-size: 11px;
font-weight: var(--body-font-bold);
text-transform: uppercase;
}
body.single-post.single-post .related-posts article .entry-title {
margin-bottom: 0;
margin-top: 10px;
}
body.single-post .post-single.drop-caps .entry-content .post-content > p:first-child:first-letter,
body.single-post .post-single.drop-caps .entry-content .post-excerpt > p:first-child:first-letter {
color: #222;
float: left;
font-size: 75px;
line-height: 0.85;
padding-top: 4px;
padding-right: 8px;
padding-left: 0;
}
body.single-post .comments-no-password {
margin-top: 1rem;
}
body.single-post .no-comments,
body.single-post .comments-no-password {
background-color: var(--theme-color1);
color: var(--theme-color1-text-color);
}
body.single-post .no-comments .close,
body.single-post .comments-no-password .close {
color: var(--theme-color1-text-color);
}
.comments-area {
margin-top: 60px;
}
.comments-area .comments-title .title {
margin-bottom: 0;
margin-top: 0;
}
.comments-area .comments-title p {
display: none;
}
.comments-area .comment-list {
margin: 0 0 60px;
border-bottom: 1px solid var(--theme-color-silver);
}
.comments-area .comment-list .comment,
.comments-area .comment-list .pingback,
.comments-area .comment-list .trackback {
border-top: 1px solid var(--theme-color-silver);
background: var(--theme-color-white);
box-shadow: 0px 0px 50px rgba(5, 5, 5, 0.08);
padding: 30px 30px 30px;
margin-top: 30px;
margin-bottom: 0;
list-style: none;
}
.comments-area .comment-list .comment .comment,
.comments-area .comment-list .comment .pingback,
.comments-area .comment-list .comment .trackback,
.comments-area .comment-list .pingback .comment,
.comments-area .comment-list .pingback .pingback,
.comments-area .comment-list .pingback .trackback,
.comments-area .comment-list .trackback .comment,
.comments-area .comment-list .trackback .pingback,
.comments-area .comment-list .trackback .trackback {
padding-left: 20px;
padding-right: 0;
box-shadow: none;
}
.comments-area .comment-list .comment .children,
.comments-area .comment-list .pingback .children,
.comments-area .comment-list .trackback .children {
margin: 20px 0 0 20px;
}
.comments-area .comment-list .comment .children > li,
.comments-area .comment-list .pingback .children > li,
.comments-area .comment-list .trackback .children > li {
padding-bottom: 0;
margin-bottom: 0;
}
.comments-area .comment-list .comment .comment-item-wrapper,
.comments-area .comment-list .pingback .comment-item-wrapper,
.comments-area .comment-list .trackback .comment-item-wrapper {
position: relative;
}
@media (min-width: 768px) {
.comments-area .comment-list .comment .comment-item-wrapper,
.comments-area .comment-list .pingback .comment-item-wrapper,
.comments-area .comment-list .trackback .comment-item-wrapper {
padding-left: 110px;
}
}
@media (max-width: 767.98px) {
.comments-area .comment-list .comment .comment-item-wrapper .comment-thumb,
.comments-area .comment-list .pingback .comment-item-wrapper .comment-thumb,
.comments-area .comment-list .trackback .comment-item-wrapper .comment-thumb {
margin-bottom: 20px;
}
}
.comments-area .comment-list .comment .comment-item-wrapper .comment-thumb img,
.comments-area .comment-list .pingback .comment-item-wrapper .comment-thumb img,
.comments-area .comment-list .trackback .comment-item-wrapper .comment-thumb img {
border-radius: 50%;
}
@media (min-width: 768px) {
.comments-area .comment-list .comment .comment-item-wrapper .comment-thumb img,
.comments-area .comment-list .pingback .comment-item-wrapper .comment-thumb img,
.comments-area .comment-list .trackback .comment-item-wrapper .comment-thumb img {
position: absolute;
top: 0;
left: 0;
}
}
.comments-area .comment-list .comment .comment-item-wrapper .comment-body,
.comments-area .comment-list .pingback .comment-item-wrapper .comment-body,
.comments-area .comment-list .trackback .comment-item-wrapper .comment-body {
display: block;
padding: 0;
width: auto;
}
.comments-area .comment-list .comment .comment-item-wrapper .comment-body .comment-reply-link-wrapper,
.comments-area .comment-list .pingback .comment-item-wrapper .comment-body .comment-reply-link-wrapper,
.comments-area .comment-list .trackback .comment-item-wrapper .comment-body .comment-reply-link-wrapper {
position: absolute;
top: 0;
right: 0;
}
.comments-area .comment-list .comment .comment-item-wrapper .comment-body .comment-reply-link,
.comments-area .comment-list .pingback .comment-item-wrapper .comment-body .comment-reply-link,
.comments-area .comment-list .trackback .comment-item-wrapper .comment-body .comment-reply-link {
text-align: right;
}
.comments-area .comment-list .comment .comment-item-wrapper .comment-body .comment-reply-link .list-inline-item,
.comments-area .comment-list .pingback .comment-item-wrapper .comment-body .comment-reply-link .list-inline-item,
.comments-area .comment-list .trackback .comment-item-wrapper .comment-body .comment-reply-link .list-inline-item {
display: inline-block;
margin-right: 0;
}
@media (min-width: 576px) {
.comments-area .comment-list .comment .comment-item-wrapper .comment-body .comment-reply-link .list-inline-item,
.comments-area .comment-list .pingback .comment-item-wrapper .comment-body .comment-reply-link .list-inline-item,
.comments-area .comment-list .trackback .comment-item-wrapper .comment-body .comment-reply-link .list-inline-item {
padding-left: 6px;
}
}
@media (max-width: 575.98px) {
.comments-area .comment-list .comment .comment-item-wrapper .comment-body .comment-reply-link .list-inline-item,
.comments-area .comment-list .pingback .comment-item-wrapper .comment-body .comment-reply-link .list-inline-item,
.comments-area .comment-list .trackback .comment-item-wrapper .comment-body .comment-reply-link .list-inline-item {
padding-left: 0;
padding-right: 6px;
}
}
.comments-area .comment-list .comment .comment-item-wrapper .comment-body .comment-reply-link .comment-edit-link,
.comments-area .comment-list .comment .comment-item-wrapper .comment-body .comment-reply-link .comment-reply-link,
.comments-area .comment-list .pingback .comment-item-wrapper .comment-body .comment-reply-link .comment-edit-link,
.comments-area .comment-list .pingback .comment-item-wrapper .comment-body .comment-reply-link .comment-reply-link,
.comments-area .comment-list .trackback .comment-item-wrapper .comment-body .comment-reply-link .comment-edit-link,
.comments-area .comment-list .trackback .comment-item-wrapper .comment-body .comment-reply-link .comment-reply-link {
display: inline-block;
margin-bottom: 10px;
line-height: 1;
border-radius: 10px;
font-size: 0.8rem;
font-weight: normal;
padding: 12px 16px;
background: var(--theme-color1);
color: var(--theme-color1-text-color);
}
.comments-area .comment-list .comment .comment-item-wrapper .comment-body .comment-reply-link .comment-edit-link:hover, .comments-area .comment-list .comment .comment-item-wrapper .comment-body .comment-reply-link .comment-edit-link:focus,
.comments-area .comment-list .comment .comment-item-wrapper .comment-body .comment-reply-link .comment-reply-link:hover,
.comments-area .comment-list .comment .comment-item-wrapper .comment-body .comment-reply-link .comment-reply-link:focus,
.comments-area .comment-list .pingback .comment-item-wrapper .comment-body .comment-reply-link .comment-edit-link:hover,
.comments-area .comment-list .pingback .comment-item-wrapper .comment-body .comment-reply-link .comment-edit-link:focus,
.comments-area .comment-list .pingback .comment-item-wrapper .comment-body .comment-reply-link .comment-reply-link:hover,
.comments-area .comment-list .pingback .comment-item-wrapper .comment-body .comment-reply-link .comment-reply-link:focus,
.comments-area .comment-list .trackback .comment-item-wrapper .comment-body .comment-reply-link .comment-edit-link:hover,
.comments-area .comment-list .trackback .comment-item-wrapper .comment-body .comment-reply-link .comment-edit-link:focus,
.comments-area .comment-list .trackback .comment-item-wrapper .comment-body .comment-reply-link .comment-reply-link:hover,
.comments-area .comment-list .trackback .comment-item-wrapper .comment-body .comment-reply-link .comment-reply-link:focus {
background-color: var(--theme-color-dark);
color: var(--theme-color2-text-color);
}
.comments-area .comment-list .comment .comment-item-wrapper .comment-body .comment-author-name,
.comments-area .comment-list .pingback .comment-item-wrapper .comment-body .comment-author-name,
.comments-area .comment-list .trackback .comment-item-wrapper .comment-body .comment-author-name {
margin-top: 0;
margin-bottom: 10px;
text-transform: capitalize;
}
.comments-area .comment-list .comment .comment-item-wrapper .comment-body .comment-author-name a,
.comments-area .comment-list .pingback .comment-item-wrapper .comment-body .comment-author-name a,
.comments-area .comment-list .trackback .comment-item-wrapper .comment-body .comment-author-name a {
transition: all 0.2s ease-in-out;
}
.comments-area .comment-list .comment .comment-item-wrapper .comment-body .comment-author-name a:hover,
.comments-area .comment-list .pingback .comment-item-wrapper .comment-body .comment-author-name a:hover,
.comments-area .comment-list .trackback .comment-item-wrapper .comment-body .comment-author-name a:hover {
text-decoration: underline;
}
.comments-area .comment-list .comment .comment-item-wrapper .comment-body .comment-metadata,
.comments-area .comment-list .pingback .comment-item-wrapper .comment-body .comment-metadata,
.comments-area .comment-list .trackback .comment-item-wrapper .comment-body .comment-metadata {
margin-bottom: 25px;
}
.comments-area .comment-list .comment .comment-item-wrapper .comment-body .comment-metadata a,
.comments-area .comment-list .pingback .comment-item-wrapper .comment-body .comment-metadata a,
.comments-area .comment-list .trackback .comment-item-wrapper .comment-body .comment-metadata a {
font-size: 0.95rem;
color: #a1a1a1;
font-weight: normal;
}
.comments-area .comment-list .comment .comment-item-wrapper .comment-body .comment-metadata a:hover,
.comments-area .comment-list .pingback .comment-item-wrapper .comment-body .comment-metadata a:hover,
.comments-area .comment-list .trackback .comment-item-wrapper .comment-body .comment-metadata a:hover {
color: var(--hover-theme-color);
}
.comments-area .comment-list .comment .comment-item-wrapper .comment-body .comment-content p,
.comments-area .comment-list .pingback .comment-item-wrapper .comment-body .comment-content p,
.comments-area .comment-list .trackback .comment-item-wrapper .comment-body .comment-content p {
margin-bottom: 30px;
}
.comments-area .comment-list .comment .comment-item-wrapper .comment-body .comment-content p:last-of-type,
.comments-area .comment-list .pingback .comment-item-wrapper .comment-body .comment-content p:last-of-type,
.comments-area .comment-list .trackback .comment-item-wrapper .comment-body .comment-content p:last-of-type {
margin-bottom: 0;
}
.comments-area .comment-list .comment .comment-item-wrapper .comment-body .comment-content ul,
.comments-area .comment-list .comment .comment-item-wrapper .comment-body .comment-content ol,
.comments-area .comment-list .pingback .comment-item-wrapper .comment-body .comment-content ul,
.comments-area .comment-list .pingback .comment-item-wrapper .comment-body .comment-content ol,
.comments-area .comment-list .trackback .comment-item-wrapper .comment-body .comment-content ul,
.comments-area .comment-list .trackback .comment-item-wrapper .comment-body .comment-content ol {
padding-left: 10px;
}
.comments-area .comment-list .comment .comment-item-wrapper .comment-body .comment-content > ul > li,
.comments-area .comment-list .comment .comment-item-wrapper .comment-body .comment-content > ol > li,
.comments-area .comment-list .pingback .comment-item-wrapper .comment-body .comment-content > ul > li,
.comments-area .comment-list .pingback .comment-item-wrapper .comment-body .comment-content > ol > li,
.comments-area .comment-list .trackback .comment-item-wrapper .comment-body .comment-content > ul > li,
.comments-area .comment-list .trackback .comment-item-wrapper .comment-body .comment-content > ol > li {
padding-left: 0;
}
.comments-area .comment-list .pingback .comment-body a,
.comments-area .comment-list .trackback .comment-body a {
color: var(--headings-color);
}
.comments-area .comment-list .pingback .comment-body a:hover,
.comments-area .comment-list .trackback .comment-body a:hover {
color: var(--hover-theme-color);
}
.comments-area .comment-list .pingback .comment-body .edit-link a,
.comments-area .comment-list .trackback .comment-body .edit-link a {
font-size: 1rem;
}
@media (max-width: 991.98px) {
.comments-area .comment-list .comment .children,
.comments-area .comment-list .pingback .children,
.comments-area .comment-list .trackback .children {
margin: 5px 0 0 5px;
}
}
@media (max-width: 767.98px) {
.comments-area .comment-list .comment .children,
.comments-area .comment-list .pingback .children,
.comments-area .comment-list .trackback .children {
margin: 0;
}
.comments-area .comment-list .comment .children .comment,
.comments-area .comment-list .comment .children .pingback,
.comments-area .comment-list .comment .children .trackback,
.comments-area .comment-list .pingback .children .comment,
.comments-area .comment-list .pingback .children .pingback,
.comments-area .comment-list .pingback .children .trackback,
.comments-area .comment-list .trackback .children .comment,
.comments-area .comment-list .trackback .children .pingback,
.comments-area .comment-list .trackback .children .trackback {
padding-left: 5px;
}
}
.comments-area > .comment-respond {
padding-left: 0;
padding-right: 0;
}
.comment-respond {
margin: 30px 0 0 0;
width: 100%;
padding-right: 15px;
}
.comment-respond .comment-reply-title {
margin-bottom: 20px;
text-transform: capitalize;
}
.comment-respond .comment-reply-title #cancel-comment-reply-link {
font-size: 0.85rem;
text-transform: capitalize;
margin-left: 10px;
color: var(--theme-color-dark);
}
.comment-respond .comment-reply-title #cancel-comment-reply-link:hover {
color: var(--hover-theme-color);
}
.comment-respond .comment-form {
margin-bottom: 0;
}
.comment-respond .comment-form .logged-in-as,
.comment-respond .comment-form .comment-notes {
color: #888;
}
.comment-respond .comment-form .logged-in-as a,
.comment-respond .comment-form .comment-notes a {
color: #888;
font-weight: normal;
}
.comment-respond .comment-form .logged-in-as a:hover,
.comment-respond .comment-form .comment-notes a:hover {
color: var(--hover-theme-color);
}
.comment-respond .comment-form .form-submit {
margin-bottom: 0;
}
.comment-respond .comment-form .form-submit input[type=submit] {
margin-top: 0;
border-radius: 10px;
}
.comment-respond .comment-form .form-control {
height: calc(1.8rem + 32px);
}
.comment-respond .comment-form textarea.form-control {
height: auto;
}
.comment-respond .form-group label {
display: none;
font-size: 14px;
}
.comment-respond .form-group .required {
display: none;
}
.comment-respond input[type=submit] {
color: var(--theme-color1-text-color);
background-color: var(--theme-color1);
border-color: var(--theme-color1);
}
.comment-respond input[type=submit]:hover, .comment-respond input[type=submit]:focus {
color: var(--theme-color2-text-color);
background-color: var(--theme-color-dark);
}
.comment-form-cookies-consent label {
color: #aaa;
display: inline;
font-weight: normal;
}
.comment-form-cookies-consent #wp-comment-cookies-consent {
margin-right: 0.6rem;
}
.post-password-form {
margin-bottom: 20px;
}
.post-password-form label {
display: block;
margin-bottom: 0;
}
.post-password-form input[type=password] {
margin-bottom: 7px !important;
}
.post-password-form > :last-child {
margin-bottom: 0;
}
body.single-post .post-password-form label {
display: inline-block;
}
body.single-post .post-password-form input[type=password] {
margin-bottom: 0 !important;
}
body.single-post .post-password-form input[type=submit] {
margin-top: -3px;
border-radius: 5px;
}
.page-links {
clear: both;
padding: 20px 0 20px;
display: flex;
align-items: center;
}
.page-links a,
.page-links > span {
border: 0;
border-radius: 50%;
font-size: 15px;
line-height: 1.9;
width: 40px;
height: 40px;
padding: 3px 10px;
margin-right: 10px;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
}
.page-links > span {
color: var(--theme-color1-text-color);
background-color: var(--theme-color1);
}
.page-links a {
background-color: var(--theme-color-light);
border-color: #ddd;
color: var(--headings-color);
}
.page-links a:hover, .page-links a:focus {
border-color: transparent;
color: var(--theme-color1-text-color);
background-color: var(--theme-color1);
text-decoration: none;
}
.page-links > .page-links-title {
border: 0;
background: none;
color: var(--theme-color-dark);
height: auto;
margin: 0 7px 0 0;
padding: 0;
width: auto;
}
.gallery {
margin-bottom: 30px;
}
.gallery .isotope-item {
display: inline-block;
padding: 1.79104477%;
text-align: center;
vertical-align: top;
width: 100%;
margin: 0;
}
.gallery.gallery-columns-2 .isotope-item {
max-width: 50%;
}
.gallery.gallery-columns-3 .isotope-item {
max-width: 33.33%;
}
.gallery.gallery-columns-4 .isotope-item {
max-width: 25%;
}
.gallery.gallery-columns-5 .isotope-item {
max-width: 20%;
}
.gallery.gallery-columns-6 .isotope-item {
max-width: 16.66%;
}
.gallery.gallery-columns-7 .isotope-item {
max-width: 14.28%;
}
.gallery.gallery-columns-8 .isotope-item {
max-width: 12.5%;
}
.gallery.gallery-columns-9 .isotope-item {
max-width: 11.11%;
}
.gallery .gallery-icon img {
max-width: 100%;
height: auto;
margin: 0 auto;
}
.gallery .gallery-caption {
display: block;
font-size: 0.95rem;
line-height: 1.5;
padding: 0.5em 0;
}
.video-player-wrapper video {
width: 100% !important;
}
@media (min-width: 1200px) {
.tm-social-share-icons {
text-align: right;
}
}
.tm-social-share-icons .title {
display: inline-block;
margin-right: 10px;
font-size: 1rem;
font-family: var(--heading-font-family);
color: var(--headings-color);
font-weight: var(--headings-font-weight-h4);
line-height: var(--headings-line-height-smaller);
}
.tm-social-share-icons .title i {
color: var(--theme-color1);
}
.tm-social-share-icons .styled-icons {
display: inline-block;
margin-bottom: 0;
}
.tm-social-share-icons .styled-icons a {
float: none;
}
.tm-social-share-icons .social-share-icons-text {
display: inline-block;
}
.news-details-bottom {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 30px 0 30px;
margin-top: 56px;
border-top: 1px solid var(--theme-color-silver);
gap: 10px;
}
.news-details-bottom p {
margin: 0;
}
.news-details__categories span,
.news-details__tags span {
color: var(--headings-color);
font-size: var(--h5-font-size);
font-family: var(--heading-font-family);
font-weight: var(--headings-font-weight-h5);
margin-right: 15px;
}
.news-details__categories a,
.news-details__tags a {
position: relative;
display: inline-block;
text-transform: capitalize;
transition: all 300ms ease;
margin-bottom: 10px;
line-height: 1;
font-size: 0.8rem;
font-weight: normal;
padding: 12px 16px;
border-radius: 10px;
background: var(--theme-color1);
color: var(--theme-color1-text-color);
}
.news-details__categories a:hover, .news-details__categories a:focus,
.news-details__tags a:hover,
.news-details__tags a:focus {
background-color: var(--theme-color-dark);
color: var(--theme-color2-text-color);
}
.news-details__categories a + a,
.news-details__tags a + a {
margin-left: 6px;
}
.news-details__tags a {
background: transparent;
border: 1px solid var(--theme-color1);
color: var(--headings-color);
}
.news-details__tags a:hover, .news-details__tags a:focus {
background-color: var(--theme-color1);
color: var(--theme-color1-text-color);
} .nav-links {
margin: 0 0;
display: flex;
justify-content: space-between !important;
background: var(--theme-color-silver);
position: relative;
}
@media (max-width: 767.98px) {
.nav-links {
display: inline-block;
}
}
.nav-links:after {
content: "";
position: absolute;
background: #e7e3e3;
height: 46%;
width: 3px;
left: 50%;
top: 0;
bottom: 0;
margin: auto 0;
transform: translateX(-10px);
}
@media (max-width: 767.98px) {
.nav-links:after {
content: none;
}
}
.nav-links .prev {
flex: 1;
}
.nav-links .prev a {
padding: 30px 30px 30px 90px;
}
@media (max-width: 575.98px) {
.nav-links .prev a {
padding: 30px 30px 30px 90px;
}
}
.nav-links .prev a:after {
content: "\f060";
font-family: "Font Awesome 5 Free";
position: absolute;
left: 30px;
top: 50%;
bottom: 0;
transform: translateY(-20px);
background: var(--theme-color1);
height: 40px;
width: 40px;
text-align: center;
line-height: 40px;
color: #fff;
}
.nav-links .prev a:hover:after {
background: var(--theme-color3);
transition: all 300ms ease;
}
.nav-links .prev .thumb {
margin-right: 20px;
}
.nav-links .next {
flex: 1;
text-align: right;
}
@media (max-width: 767.98px) {
.nav-links .next {
border-top: 1px solid rgba(222, 222, 222, 0.6);
}
}
.nav-links .next a {
padding: 30px 90px 30px 30px;
}
@media (max-width: 575.98px) {
.nav-links .next a {
padding: 30px 90px 30px 30px;
}
}
.nav-links .next a:after {
content: "\f061";
font-family: "Font Awesome 5 Free";
position: absolute;
right: 30px;
top: 50%;
bottom: 0;
transform: translateY(-20px);
background: var(--theme-color1);
height: 40px;
width: 40px;
text-align: center;
line-height: 40px;
color: #fff;
}
.nav-links .next a:hover:after {
background: var(--theme-color3);
transition: all 300ms ease;
}
.nav-links .next .thumb {
margin-left: 20px;
}
.nav-links > div .thumb {
display: inline-block;
min-width: 60px;
width: 60px;
height: 60px;
overflow: hidden;
}
.nav-links > div .thumb a {
display: inline-block;
}
.nav-links > div > a {
display: inline-block;
word-wrap: break-word;
white-space: -moz-pre-wrap;
white-space: pre-wrap;
font-size: 16px;
line-height: 1.637;
font-weight: 600;
background-color: var(--theme-color-silver);
padding: 30px;
width: 100%;
position: relative;
}
.nav-links > div > a:hover {
color: var(--link-color);
} .sidebar-area .widget_search .widget-inner {
padding: 0;
background: none;
}
@media (min-width: 992px) {
.has-sidebar-left {
flex-direction: row-reverse;
}
}  .sl-wrapper {    }
.sl-wrapper a {
border-bottom: 0 !important;
text-decoration: none !important;
}
.sl-wrapper .sl-button {
font-size: 1em;
line-height: 1;
font-weight: normal;
}
.sl-wrapper a.liked {
color: #da1b1b;
}
.sl-wrapper a.liked:hover,
.sl-wrapper a.liked:active,
.sl-wrapper a.liked:focus {
color: #666666;
}
.sl-wrapper .sl-icon {
margin-right: 0.3125em;
vertical-align: initial;
}
.sl-wrapper .sl-icon svg {
fill: currentColor;
width: 1em;
height: 1em;
}
.sl-wrapper .sl-icon svg:after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.sl-wrapper .loader,
.sl-wrapper .loader:before,
.sl-wrapper .loader:after {
background: rgba(0, 0, 0, 0.2);
-webkit-animation: slloader 1s infinite ease-in-out;
animation: slloader 1s infinite ease-in-out;
width: 0.2em;
height: 0.6em;
}
.sl-wrapper .loader:before,
.sl-wrapper .loader:after {
position: absolute;
top: 0;
content: "";
}
.sl-wrapper .loader:before {
left: -0.375em;
-webkit-animation-delay: -0.32s;
animation-delay: -0.32s;
}
.sl-wrapper .loader {
text-indent: -9999em;
display: inline-block;
position: relative;
vertical-align: middle;
font-size: 1em;
-webkit-transform: translateZ(0);
-ms-transform: translateZ(0);
transform: translateZ(0);
-webkit-animation-delay: -0.16s;
animation-delay: -0.16s;
}
.sl-wrapper .loader:after {
left: 0.375em;
}
@-webkit-keyframes slloader {
0%, 80%, 100% {
box-shadow: 0 0 rgba(0, 0, 0, 0.2);
height: 0.6em;
}
40% {
box-shadow: 0 -0.3em rgba(0, 0, 0, 0.2);
height: 1em;
}
}
@keyframes slloader {
0%, 80%, 100% {
box-shadow: 0 0 rgba(0, 0, 0, 0.2);
height: 0.6em;
}
40% {
box-shadow: 0 -0.3em rgba(0, 0, 0, 0.2);
height: 1em;
}
} body:not(.single) article.format-link {
padding: 50px 30px;
background-color: var(--theme-color-light);
text-align: center;
border: 1px solid rgba(222, 222, 222, 0.3);
position: relative;
z-index: 0;
display: flex;
justify-content: center;
}
body:not(.single) article.format-link .link-content {
height: 100%;
display: table;
}
body:not(.single) article.format-link .link-content .link-content-wrapper {
height: 100%;
display: table-cell;
vertical-align: middle;
}
body:not(.single) article.format-link .link-content .link-content-wrapper .title {
font-size: 1.6rem;
margin-bottom: 20px;
line-height: 1.5;
}
body:not(.single) article.format-link .link-content .link-content-wrapper .post-excerpt {
margin-bottom: 0;
}
body:not(.single) article.format-link .link-content .link-content-wrapper .link {
color: #999;
}
body:not(.single) article.format-link .link-content .link-content-wrapper .link-url {
position: absolute;
display: block;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 2;
}
body:not(.single) article.format-link:after {
content: "";
background: url(//www.reggiadeitessali.it/wp-content/themes/hoteler/assets/images/blog/link.png) no-repeat;
opacity: 0.1;
position: absolute;
right: 0;
top: 30px;
margin: 0 auto;
left: 0;
width: 100px;
height: 100px;
z-index: -1;
transition: all 0.3s ease-in-out;
}
body:not(.single) article.format-quote {
background-color: var(--theme-color-light);
padding: 50px 30px;
text-align: center;
border: 1px solid rgba(222, 222, 222, 0.3);
position: relative;
z-index: 0;
display: flex;
justify-content: center;
}
body:not(.single) article.format-quote .quote-content {
height: 100%;
display: table;
}
body:not(.single) article.format-quote .quote-content .quote-content-wrapper {
height: 100%;
display: table-cell;
vertical-align: middle;
}
body:not(.single) article.format-quote .quote-content .quote-content-wrapper blockquote {
border: none;
}
body:not(.single) article.format-quote .quote-content .quote-content-wrapper blockquote .title {
font-size: 1.6rem;
}
body:not(.single) article.format-quote .quote-content .quote-content-wrapper blockquote .post-excerpt {
margin-bottom: 0;
}
body:not(.single) article.format-quote .quote-content .quote-content-wrapper blockquote .quote {
margin-bottom: 20px;
line-height: 1.5;
}
body:not(.single) article.format-quote .quote-content .quote-content-wrapper blockquote footer {
font-size: 0.9rem;
color: #999;
}
body:not(.single) article.format-quote .quote-content .quote-content-wrapper blockquote:before {
color: rgba(250, 250, 250, 0.7);
content: "\f067";
display: none;
font-family: "Font Awesome 5 Free";
font-weight: 600;
font-size: 7rem;
line-height: 1;
opacity: 0.2;
position: absolute;
bottom: 0;
right: 7px;
transform: rotate(180deg);
}
body:not(.single) article.format-quote:after {
content: "";
background: url(//www.reggiadeitessali.it/wp-content/themes/hoteler/assets/images/blog/quote.png) no-repeat;
opacity: 0.1;
position: absolute;
right: 0;
top: 30px;
margin: 0 auto;
left: 0;
width: 100px;
height: 100px;
z-index: -1;
transition: all 0.3s ease-in-out;
}
[data-tm-layout=dark] body:not(.single) article.format-link, [data-tm-layout=dark] body:not(.single) article.format-quote {
border: 1px solid rgba(39, 39, 39, 0.3);
} body.search-results .main-content-area article {
margin-bottom: 40px;
padding-bottom: 40px;
border-bottom: 1px solid #f5f5f5;
} table {
margin: 0 0 40px;
width: 100%;
}
table td, table th {
padding: 5px;
}
.main-content-area {
min-height: 0;
} .tm-item-appear-clip-path-right {
clip-path: inset(0 0 0 100%);
-webkit-clip-path: inset(0 0 0 100%);
-webkit-transition: 1s cubic-bezier(0.85, 0.15, 0.25, 1) !important;
-moz-transition: 1s cubic-bezier(0.85, 0.15, 0.25, 1) !important;
transition: 1s cubic-bezier(0.85, 0.15, 0.25, 1) !important;
}
.tm-item-appear-clip-path-right.tm-item-appeared {
clip-path: inset(-20% -20% -20% -20%);
-webkit-clip-path: inset(-20% -20% -20% -20%);
}
.tm-item-appear-clip-path {
clip-path: inset(0 100% 0 0);
-webkit-clip-path: inset(0 100% 0 0);
-webkit-transition: 1s cubic-bezier(0.85, 0.15, 0.25, 1) !important;
-moz-transition: 1s cubic-bezier(0.85, 0.15, 0.25, 1) !important;
transition: 1s cubic-bezier(0.85, 0.15, 0.25, 1) !important;
}
.tm-item-appear-clip-path.tm-item-appeared {
clip-path: inset(-20% -20% -20% -20%);
-webkit-clip-path: inset(-20% -20% -20% -20%);
}
.tm-appear-block-holder {
position: relative;
overflow: hidden;
}
.tm-appear-block-holder:after, .tm-appear-block-holder:before {
content: "";
position: absolute;
display: block;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.tm-appear-block-holder:after {
background-color: var(--theme-color-dark);
z-index: 2;
-webkit-transform: translateX(-101%);
-ms-transform: translateX(-101%);
transform: translateX(-101%);
}
.tm-appear-block-holder:before {
background-color: var(--theme-color1);
z-index: 1;
-webkit-transform: translateX(-101%);
-ms-transform: translateX(-101%);
transform: translateX(-101%);
}
.tm-appear-block-holder.tm-item-appeared:after {
-webkit-animation: tm-appear-block-holder-animation 1.2s 0.2s cubic-bezier(1, 0, 0.54, 0.99) forwards;
animation: tm-appear-block-holder-animation 1.2s 0.2s cubic-bezier(1, 0, 0.54, 0.99) forwards;
}
.tm-appear-block-holder.tm-item-appeared:before {
-webkit-animation: tm-appear-block-holder-animation 1.5s cubic-bezier(0.86, 0, 0.07, 1) forwards;
animation: tm-appear-block-holder-animation 1.5s cubic-bezier(0.86, 0, 0.07, 1) forwards;
}
@-webkit-keyframes tm-appear-block-holder-animation {
0% {
-webkit-transform: translateX(-101%);
transform: translateX(-101%);
}
50% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
-webkit-transform: translateX(101%);
transform: translateX(101%);
}
}
@keyframes tm-appear-block-holder-animation {
0% {
-webkit-transform: translateX(-101%);
transform: translateX(-101%);
}
50% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
-webkit-transform: translateX(101%);
transform: translateX(101%);
}
}
.elementor-editor-active .elementor-column.tm-appear-block-holder:after, .elementor-editor-active .elementor-widget-mkdf_single_image.tm-appear-block-holder:after {
-webkit-animation: tm-appear-block-holder-animation 1.2s 0.2s cubic-bezier(1, 0, 0.54, 0.99) forwards;
animation: tm-appear-block-holder-animation 1.2s 0.2s cubic-bezier(1, 0, 0.54, 0.99) forwards;
}
.elementor-editor-active .elementor-column.tm-appear-block-holder:before, .elementor-editor-active .elementor-widget-mkdf_single_image.tm-appear-block-holder:before {
-webkit-animation: tm-appear-block-holder-animation 1.5s cubic-bezier(0.86, 0, 0.07, 1) forwards;
animation: tm-appear-block-holder-animation 1.5s cubic-bezier(0.86, 0, 0.07, 1) forwards;
}
.fadeInUp {
animation-name: fadeInUp;
animation-duration: 1.3s;
}
@keyframes fadeInUp {
from {
opacity: 0;
transform: translate3d(0, 25%, 0);
}
to {
opacity: 1;
transform: none;
}
}
.fadeInLeft {
animation-name: fadeInLeft;
animation-duration: 1s;
}
@keyframes fadeInLeft {
from {
opacity: 0;
transform: translate3d(-15%, 0, 0);
}
to {
opacity: 1;
transform: none;
}
}
.fadeInRight {
animation-name: fadeInRight;
animation-duration: 1s;
}
@keyframes fadeInRight {
from {
opacity: 0;
transform: translate3d(15%, 0, 0);
}
to {
opacity: 1;
transform: none;
}
}
.tm-animation-floating {
-webkit-animation-name: tm-animation-floating;
-webkit-animation-duration: 3s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: ease-in-out;
-moz-animation-name: Floating;
-moz-animation-duration: 3s;
-moz-animation-iteration-count: infinite;
-moz-animation-timing-function: ease-in-out;
}
@-webkit-keyframes tm-animation-floating {
from {
-webkit-transform: translate(0, 0px);
}
65% {
-webkit-transform: translate(0, 15px);
}
to {
-webkit-transform: translate(0, 0px);
}
}
@-moz-keyframes tm-animation-floating {
from {
-moz-transform: translate(0, 0px);
}
65% {
-moz-transform: translate(0, 15px);
}
to {
-moz-transform: translate(0, 0px);
}
}
.tm-animation-slide-horizontal {
-webkit-animation: tm-animation-slide-horizontal 3s linear infinite alternate-reverse both;
animation: tm-animation-slide-horizontal 3s linear infinite alternate-reverse both;
}
@-webkit-keyframes tm-animation-slide-horizontal {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
-webkit-transform: translateX(-100px);
transform: translateX(-100px);
}
}
@keyframes tm-animation-slide-horizontal {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
-webkit-transform: translateX(-100px);
transform: translateX(-100px);
}
}
.tm-animation-flicker {
-webkit-animation: tm-animation-flicker 3s infinite;
-moz-animation: tm-animation-flicker 3s infinite;
-o-animation: tm-animation-flicker 3s infinite;
animation: tm-animation-flicker 3s infinite;
}
@keyframes tm-animation-flicker {
0% {
opacity: 1;
}
50% {
opacity: 0.3;
}
100% {
opacity: 1;
}
}
@-o-keyframes tm-animation-flicker {
0% {
opacity: 1;
}
50% {
opacity: 0.3;
}
100% {
opacity: 1;
}
}
@-moz-keyframes tm-animation-flicker {
0% {
opacity: 1;
}
50% {
opacity: 0.3;
}
100% {
opacity: 1;
}
}
@-webkit-keyframes tm-animation-flicker {
0% {
opacity: 1;
}
50% {
opacity: 0.3;
}
100% {
opacity: 1;
}
}
.tm-animation-spin {
-webkit-animation: tm-animation-spin 10s linear infinite;
-moz-animation: tm-animation-spin 10s linear infinite;
animation: tm-animation-spin 10s linear infinite;
}
@-moz-keyframes tm-animation-spin {
100% {
-moz-transform: rotate(360deg);
}
}
@-webkit-keyframes tm-animation-spin {
100% {
-webkit-transform: rotate(360deg);
}
}
@keyframes tm-animation-spin {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.tm-animation-random-animation1 {
-webkit-animation: random-animation1 20s linear infinite alternate;
-moz-animation: random-animation1 20s linear infinite alternate;
animation: random-animation1 20s linear infinite alternate;
}
@keyframes random-animation1 {
0% {
transform: translate(0px, 0px) rotate(0deg);
}
20% {
transform: translate(73px, -1px) rotate(36deg);
}
40% {
transform: translate(141px, 72px) rotate(72deg);
}
60% {
transform: translate(83px, 122px) rotate(108deg);
}
80% {
transform: translate(-40px, 72px) rotate(144deg);
}
100% {
transform: translate(0px, 0px) rotate(0deg);
}
}
@-webkit-keyframes random-animation1 {
0% {
-webkit-transform: translate(0px, 0px) rotate(0deg);
}
20% {
-webkit-transform: translate(73px, -1px) rotate(36deg);
}
40% {
-webkit-transform: translate(141px, 72px) rotate(72deg);
}
60% {
-webkit-transform: translate(83px, 122px) rotate(108deg);
}
80% {
-webkit-transform: translate(-40px, 72px) rotate(144deg);
}
100% {
-webkit-transform: translate(0px, 0px) rotate(0deg);
}
}
.tm-animation-random-animation2 {
-webkit-animation: random-animation2 20s linear infinite alternate;
-moz-animation: random-animation2 20s linear infinite alternate;
animation: random-animation2 20s linear infinite alternate;
}
@keyframes random-animation2 {
0% {
transform: translate(61px, -99px) rotate(0deg);
}
21% {
transform: translate(4px, -190px) rotate(38deg);
}
41% {
transform: translate(-139px, -200px) rotate(74deg);
}
60% {
transform: translate(-263px, -164px) rotate(108deg);
}
80% {
transform: translate(-195px, -49px) rotate(144deg);
}
100% {
transform: translate(-1px, 0px) rotate(180deg);
}
}
@-webkit-keyframes random-animation2 {
0% {
-webkit-transform: translate(61px, -99px) rotate(0deg);
}
21% {
-webkit-transform: translate(4px, -190px) rotate(38deg);
}
41% {
-webkit-transform: translate(-139px, -200px) rotate(74deg);
}
60% {
-webkit-transform: translate(-263px, -164px) rotate(108deg);
}
80% {
-webkit-transform: translate(-195px, -49px) rotate(144deg);
}
100% {
-webkit-transform: translate(-1px, 0px) rotate(180deg);
}
}
@-webkit-keyframes shine {
100% {
left: 125%;
}
}
@keyframes shine {
100% {
left: 125%;
}
} .pagination-wrapper {
text-align: center;
}
.pagination {
margin-top: 40px;
display: inline-flex;
}
.pagination > .page-item {
padding-left: 0 !important;
margin-right: 10px;
}
.pagination > .page-item .page-link {
color: var(--headings-color);
border-color: #ddd;
background-color: var(--theme-color-light);
border: 0;
border-radius: 50%;
text-align: center;
height: 50px;
width: 50px;
display: table-cell;
vertical-align: middle;
}
@media (max-width: 991.98px) {
.pagination > .page-item .page-link {
height: 45px;
width: 45px;
}
}
.pagination > .page-item .page-link:hover:not(.dots) {
background-color: var(--theme-color1);
color: var(--theme-color1-text-color);
}
.pagination > .page-item .page-link.dots {
background-color: transparent;
}
.pagination > .page-item.active .page-link {
background-color: var(--theme-color1);
color: var(--theme-color1-text-color);
} .box-hover-effect {
display: block;
vertical-align: middle;
}
.box-hover-effect .effect-wrapper {
position: relative;
overflow: hidden;
margin: 0;
width: 100%; }
.box-hover-effect .effect-wrapper .thumb {
position: relative;
overflow: hidden;
backface-visibility: hidden;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
transition: all 0.4s ease;
}
.box-hover-effect .effect-wrapper .thumb.gradient-effect:after {
position: absolute;
left: 0;
bottom: 0;
height: 50%;
width: 100%;
background: #181818;
background: -moz-linear-gradient(top, #000000, rgba(0, 0, 0, 0.55), transparent);
background: -webkit-linear-gradient(top, #000000, rgba(0, 0, 0, 0.55), transparent);
background: linear-gradient(to top, #000000, rgba(0, 0, 0, 0.55), transparent);
content: "";
z-index: 1;
}
.box-hover-effect .effect-wrapper .hover-link {
bottom: 0;
display: block;
left: 0;
position: absolute;
right: 0;
top: 0;
background: none !important;
color: transparent !important;
z-index: 9;
}
.box-hover-effect .effect-wrapper .text-holder {
display: inline-block;
opacity: 0;
overflow: hidden;
position: absolute;
transition: all 0.3s ease 0s;
z-index: 13;
}
.box-hover-effect .effect-wrapper .text-holder .title {
color: #fff;
}
.box-hover-effect:hover .effect-wrapper .thumb {
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
}
.box-hover-effect:hover .effect-wrapper .overlay-shade {
opacity: 0.7;
filter: alpha(opacity=90);
}  .post-excerpt blockquote:not([class*=has-]),
.comment-content blockquote,
.page-content blockquote,
.post-excerpt .wp-block-quote,
.widget_block .wp-block-quote,
.main-content-area article .post-excerpt .wp-block-quote,
.tm-sc-blockquote {
color: var(--blockquote-text-color);
background-color: var(--theme-color-light);
border-left: 2px solid #333;
padding-left: 30px;
padding-right: 30px;
border-radius: 7px;
padding-top: 20px;
padding-bottom: 20px;
position: relative;
margin-bottom: 25px;
margin-left: 0;
margin-right: 0;
transition: all 0.3s ease;
}
.post-excerpt blockquote:not([class*=has-]):before,
.comment-content blockquote:before,
.page-content blockquote:before,
.post-excerpt .wp-block-quote:before,
.widget_block .wp-block-quote:before,
.main-content-area article .post-excerpt .wp-block-quote:before,
.tm-sc-blockquote:before {
content: "\f10d";
font-family: "Font Awesome 5 Free";
font-weight: 900;
position: absolute;
bottom: 0;
font-size: 4rem;
line-height: 1;
color: var(--theme-color-dark);
opacity: 0.07;
right: 30px;
transition: all 0.3s ease;
}
.post-excerpt blockquote:not([class*=has-]):after,
.comment-content blockquote:after,
.page-content blockquote:after,
.post-excerpt .wp-block-quote:after,
.widget_block .wp-block-quote:after,
.main-content-area article .post-excerpt .wp-block-quote:after,
.tm-sc-blockquote:after {
content: "";
position: absolute;
transition: all 0.3s ease;
}
.post-excerpt blockquote:not([class*=has-]) p,
.comment-content blockquote p,
.page-content blockquote p,
.post-excerpt .wp-block-quote p,
.widget_block .wp-block-quote p,
.main-content-area article .post-excerpt .wp-block-quote p,
.tm-sc-blockquote p {
margin-bottom: 15px;
}
.post-excerpt blockquote:not([class*=has-]) cite,
.comment-content blockquote cite,
.page-content blockquote cite,
.post-excerpt .wp-block-quote cite,
.widget_block .wp-block-quote cite,
.main-content-area article .post-excerpt .wp-block-quote cite,
.tm-sc-blockquote cite {
transition: all 0.3s ease;
color: var(--blockquote-cite-color);
display: block;
}
.post-excerpt blockquote:not([class*=has-]) cite a,
.comment-content blockquote cite a,
.page-content blockquote cite a,
.post-excerpt .wp-block-quote cite a,
.widget_block .wp-block-quote cite a,
.main-content-area article .post-excerpt .wp-block-quote cite a,
.tm-sc-blockquote cite a {
color: var(--blockquote-cite-color);
}
.post-excerpt blockquote:not([class*=has-]) > :last-child,
.comment-content blockquote > :last-child,
.page-content blockquote > :last-child,
.post-excerpt .wp-block-quote > :last-child,
.widget_block .wp-block-quote > :last-child,
.main-content-area article .post-excerpt .wp-block-quote > :last-child,
.tm-sc-blockquote > :last-child {
margin-bottom: 0;
}
.post-excerpt blockquote:not([class*=has-]).has-text-align-right,
.comment-content blockquote.has-text-align-right,
.page-content blockquote.has-text-align-right,
.post-excerpt .wp-block-quote.has-text-align-right,
.widget_block .wp-block-quote.has-text-align-right,
.main-content-area article .post-excerpt .wp-block-quote.has-text-align-right,
.tm-sc-blockquote.has-text-align-right {
border-right: 2px solid #333;
border-left: 0;
}
.post-excerpt blockquote:not([class*=has-]).has-text-align-right:before,
.comment-content blockquote.has-text-align-right:before,
.page-content blockquote.has-text-align-right:before,
.post-excerpt .wp-block-quote.has-text-align-right:before,
.widget_block .wp-block-quote.has-text-align-right:before,
.main-content-area article .post-excerpt .wp-block-quote.has-text-align-right:before,
.tm-sc-blockquote.has-text-align-right:before {
right: auto;
left: 30px;
transform: rotateX(-180deg);
}
.post-excerpt .elementor-element blockquote {
margin-bottom: 0;
}
.wp-block-group .wp-block-group__inner-container .wp-block-quote p:last-of-type {
margin-bottom: 15px;
} .btn-gray {
--bs-btn-color: #fff;
--bs-btn-bg: #666;
--bs-btn-border-color: #666;
--bs-btn-hover-color: #fff;
--bs-btn-hover-bg: #575757;
--bs-btn-hover-border-color: #525252;
--bs-btn-focus-shadow-rgb: 125, 125, 125;
--bs-btn-active-color: #fff;
--bs-btn-active-bg: #525252;
--bs-btn-active-border-color: #4d4d4d;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #fff;
--bs-btn-disabled-bg: #666;
--bs-btn-disabled-border-color: #666;
}
.btn-light-gray {
--bs-btn-color: #000;
--bs-btn-bg: #e9e9e9;
--bs-btn-border-color: #e9e9e9;
--bs-btn-hover-color: #000;
--bs-btn-hover-bg: #ececec;
--bs-btn-hover-border-color: #ebebeb;
--bs-btn-focus-shadow-rgb: 198, 198, 198;
--bs-btn-active-color: #000;
--bs-btn-active-bg: #ededed;
--bs-btn-active-border-color: #ebebeb;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #000;
--bs-btn-disabled-bg: #e9e9e9;
--bs-btn-disabled-border-color: #e9e9e9;
}
.btn-outline-gray {
--bs-btn-color: #666;
--bs-btn-border-color: #666;
--bs-btn-hover-color: #fff;
--bs-btn-hover-bg: #666;
--bs-btn-hover-border-color: #666;
--bs-btn-focus-shadow-rgb: 102, 102, 102;
--bs-btn-active-color: #fff;
--bs-btn-active-bg: #666;
--bs-btn-active-border-color: #666;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #666;
--bs-btn-disabled-bg: transparent;
--bs-btn-disabled-border-color: #666;
--bs-gradient: none;
}
.btn-outline-light-gray {
--bs-btn-color: #e9e9e9;
--bs-btn-border-color: #e9e9e9;
--bs-btn-hover-color: #000;
--bs-btn-hover-bg: #e9e9e9;
--bs-btn-hover-border-color: #e9e9e9;
--bs-btn-focus-shadow-rgb: 233, 233, 233;
--bs-btn-active-color: #000;
--bs-btn-active-bg: #e9e9e9;
--bs-btn-active-border-color: #e9e9e9;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #e9e9e9;
--bs-btn-disabled-bg: transparent;
--bs-btn-disabled-border-color: #e9e9e9;
--bs-gradient: none;
}
.btn-xs {
--bs-btn-padding-y: 0.5rem;
--bs-btn-padding-x: 1rem;
--bs-btn-font-size: 0.8rem;
--bs-btn-border-radius: var(--bs-border-radius-sm);
}
.btn,
.woocommerce .button:not(.compare):not(.yith-wcqv-button):not(.tm-btn-add-to-cart):not([name=apply_coupon]),
.wc-forward,
.single_add_to_cart_button,
.woosw-item .button,
.woosw-item .added_to_cart,
.woosc_table .button,
.woosc_table .added_to_cart,
.comment-respond .comment-form .form-submit input[type=submit] {
font-size: var(--btn-font-size);
padding: 1.2rem 3.2rem;
font-family: var(--body-font-family);
font-weight: 600;
letter-spacing: 0.05em;
overflow: hidden;
text-align: center;
border-radius: 0;
border-width: 0;
overflow: hidden;
display: inline-block;
text-transform: uppercase;
transition: all 0.2s ease-in-out;
}
.btn.focus, .btn:focus,
.woocommerce .button:not(.compare):not(.yith-wcqv-button):not(.tm-btn-add-to-cart):not([name=apply_coupon]).focus,
.woocommerce .button:not(.compare):not(.yith-wcqv-button):not(.tm-btn-add-to-cart):not([name=apply_coupon]):focus,
.wc-forward.focus,
.wc-forward:focus,
.single_add_to_cart_button.focus,
.single_add_to_cart_button:focus,
.woosw-item .button.focus,
.woosw-item .button:focus,
.woosw-item .added_to_cart.focus,
.woosw-item .added_to_cart:focus,
.woosc_table .button.focus,
.woosc_table .button:focus,
.woosc_table .added_to_cart.focus,
.woosc_table .added_to_cart:focus,
.comment-respond .comment-form .form-submit input[type=submit].focus,
.comment-respond .comment-form .form-submit input[type=submit]:focus {
box-shadow: none !important;
}
.btn i,
.woocommerce .button:not(.compare):not(.yith-wcqv-button):not(.tm-btn-add-to-cart):not([name=apply_coupon]) i,
.wc-forward i,
.single_add_to_cart_button i,
.woosw-item .button i,
.woosw-item .added_to_cart i,
.woosc_table .button i,
.woosc_table .added_to_cart i,
.comment-respond .comment-form .form-submit input[type=submit] i {
margin-right: 5px;
}
.btn-theme-colored1,
.btn-theme-colored2,
.btn-theme-colored3,
.btn-theme-colored4,
.btn-outline-theme-colored1,
.btn-outline-theme-colored2,
.btn-outline-theme-colored3,
.btn-outline-theme-colored3,
.btn-light,
.btn-outline-light,
.btn-dark,
.btn-outline-dark,
.woocommerce .button:not(.compare):not(.yith-wcqv-button):not(.tm-btn-add-to-cart):not([name=apply_coupon]),
.woosw-item .button,
.wc-forward,
.single_add_to_cart_button,
.woosw-item .added_to_cart,
.woosc_table .button,
.woosc_table .added_to_cart {
position: relative;
z-index: 0;
}
.btn-theme-colored1:before,
.btn-theme-colored2:before,
.btn-theme-colored3:before,
.btn-theme-colored4:before,
.btn-outline-theme-colored1:before,
.btn-outline-theme-colored2:before,
.btn-outline-theme-colored3:before,
.btn-outline-theme-colored3:before,
.btn-light:before,
.btn-outline-light:before,
.btn-dark:before,
.btn-outline-dark:before,
.woocommerce .button:not(.compare):not(.yith-wcqv-button):not(.tm-btn-add-to-cart):not([name=apply_coupon]):before,
.woosw-item .button:before,
.wc-forward:before,
.single_add_to_cart_button:before,
.woosw-item .added_to_cart:before,
.woosc_table .button:before,
.woosc_table .added_to_cart:before {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
content: "";
background-color: var(--theme-color2);
z-index: -1;
-webkit-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transform-origin: top right;
transform-origin: top right;
transition: -webkit-transform 500ms cubic-bezier(0.86, 0, 0.07, 1);
-webkit-transition: -webkit-transform 500ms cubic-bezier(0.86, 0, 0.07, 1);
transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1);
transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1), -webkit-transform 500ms cubic-bezier(0.86, 0, 0.07, 1);
-webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
}
.btn-theme-colored1:hover:before, .btn-theme-colored1:focus:before,
.btn-theme-colored2:hover:before,
.btn-theme-colored2:focus:before,
.btn-theme-colored3:hover:before,
.btn-theme-colored3:focus:before,
.btn-theme-colored4:hover:before,
.btn-theme-colored4:focus:before,
.btn-outline-theme-colored1:hover:before,
.btn-outline-theme-colored1:focus:before,
.btn-outline-theme-colored2:hover:before,
.btn-outline-theme-colored2:focus:before,
.btn-outline-theme-colored3:hover:before,
.btn-outline-theme-colored3:focus:before,
.btn-outline-theme-colored3:hover:before,
.btn-outline-theme-colored3:focus:before,
.btn-light:hover:before,
.btn-light:focus:before,
.btn-outline-light:hover:before,
.btn-outline-light:focus:before,
.btn-dark:hover:before,
.btn-dark:focus:before,
.btn-outline-dark:hover:before,
.btn-outline-dark:focus:before,
.woocommerce .button:not(.compare):not(.yith-wcqv-button):not(.tm-btn-add-to-cart):not([name=apply_coupon]):hover:before,
.woocommerce .button:not(.compare):not(.yith-wcqv-button):not(.tm-btn-add-to-cart):not([name=apply_coupon]):focus:before,
.woosw-item .button:hover:before,
.woosw-item .button:focus:before,
.wc-forward:hover:before,
.wc-forward:focus:before,
.single_add_to_cart_button:hover:before,
.single_add_to_cart_button:focus:before,
.woosw-item .added_to_cart:hover:before,
.woosw-item .added_to_cart:focus:before,
.woosc_table .button:hover:before,
.woosc_table .button:focus:before,
.woosc_table .added_to_cart:hover:before,
.woosc_table .added_to_cart:focus:before {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
-webkit-transform-origin: bottom left;
transform-origin: bottom left;
}
.btn-xs {
padding: 0.5rem 1.2rem;
font-size: 0.75rem;
}
.btn-sm {
padding: 1rem 2.4rem;
font-size: 0.75rem;
}
.btn-lg {
padding: 1.3rem 3rem;
}
[class*=" btn-outline-"] {
border-width: 1px;
padding: 1rem 2.5rem;
}
[class*=" btn-outline-"].btn-xs {
padding: 0.55rem 1.2rem;
}
[class*=" btn-outline-"].btn-sm {
padding: 0.8rem 1.7rem;
}
[class*=" btn-outline-"].btn-lg {
padding: 1.1rem 3rem;
}
.btn-light,
.btn-outline-light {
background-color: #f7f4ed;
border-color: #f7f4ed;
box-shadow: none;
font-family: var(--body-font-family);
font-weight: 600;
font-size: var(--btn-font-size);
color: var(--theme-color-dark);
}
.btn-light:hover,
.btn-outline-light:hover {
background-color: #f7f4ed;
border-color: #f7f4ed;
box-shadow: none;
}
.btn-outline-light {
background-color: transparent;
}
.btn-outline-light:hover {
background-color: transparent;
}
.btn-dark,
.btn-outline-dark {
box-shadow: 0 7px 20px rgba(33, 37, 41, 0.2);
}
.btn-dark:hover,
.btn-outline-dark:hover {
box-shadow: 0 1px 20px rgba(33, 37, 41, 0.5);
}
.btn-outline-light {
background-color: transparent;
}
.btn-gray:hover {
color: #666;
border-color: #666;
background-color: transparent;
} .btn-3d {
box-shadow: 0 4px 1px #999999;
margin-bottom: 4px;
}
.btn-round {
border-radius: 3rem;
}
.btn-flat {
border-radius: 0;
} .btn-plain-text {
color: #aaa;
font-size: 1rem;
padding: 0;
border: 0;
padding-bottom: 3px;
}
.btn-plain-text.focus, .btn-plain-text:focus {
box-shadow: none;
}
.btn-plain-text-with-arrow {
color: #31333e;
font-size: 1rem;
padding: 0;
border: 0;
text-transform: capitalize;
}
[data-tm-layout=dark] .btn-plain-text-with-arrow {
color: #777;
}
.btn-plain-text-with-arrow:before {
color: var(--theme-color-dark);
display: inline-block;
content: "\f35a";
font-family: "Font Awesome 5 Free";
font-size: 16px;
font-variant: normal;
font-weight: 600;
line-height: 1;
margin-right: 8px;
position: relative;
text-shadow: none;
text-transform: none;
transition: all 0.3s ease 0s;
}
[data-tm-layout=dark] .btn-plain-text-with-arrow:before {
color: #939393;
}
.btn-plain-text-with-arrow:focus, .btn-plain-text-with-arrow:hover {
color: var(--theme-color-dark);
}
.btn-plain-text-with-arrow:focus:before, .btn-plain-text-with-arrow:hover:before {
color: var(--theme-color-dark);
transform: rotateX(180deg);
-webkit-animation: moveArrow 1s;
-moz-animation: moveArrow 1s;
animation: moveArrow 1s;
}
.btn-plain-text-with-arrow.focus, .btn-plain-text-with-arrow:focus {
box-shadow: none;
}
.btn-plain-text-with-arrow.text-white:after {
color: #fff !important;
}
.btn-plain-text-with-arrow-right {
color: #31333e;
font-size: 1rem;
padding: 0;
border: 0;
text-transform: capitalize;
}
.btn-plain-text-with-arrow-right:after {
color: var(--theme-color1);
display: inline-block;
content: "\f35a";
font-family: "Font Awesome 5 Free";
font-size: 16px;
font-variant: normal;
font-weight: 600;
line-height: 1;
margin-left: 10px;
position: relative;
text-shadow: none;
text-transform: none;
transition: all 0.3s ease 0s;
}
.btn-plain-text-with-arrow-right:focus, .btn-plain-text-with-arrow-right:hover {
color: var(--theme-color3);
}
.btn-plain-text-with-arrow-right:focus:after, .btn-plain-text-with-arrow-right:hover:after {
color: var(--theme-color3);
-webkit-animation: moveArrow 1s;
-moz-animation: moveArrow 1s;
animation: moveArrow 1s;
}
.btn-plain-text-with-arrow-right.focus, .btn-plain-text-with-arrow-right:focus {
box-shadow: none;
}
.btn-plain-text-with-arrow-right.text-white:after {
color: #fff !important;
}
@keyframes moveArrow {
0%, 55% {
opacity: 1;
-webkit-transform: translateX(0) scale(1);
-moz-transform: translateX(0) scale(1);
transform: translateX(0) scale(1);
}
25% {
opacity: 0;
-webkit-transform: translateX(13px) scale(0.9);
-moz-transform: translateX(13px) scale(0.9);
transform: translateX(13px) scale(0.9);
}
26% {
opacity: 0;
-webkit-transform: translateX(-13px) scale(0.9);
-moz-transform: translateX(-13px) scale(0.9);
transform: translateX(-13px) scale(0.9);
}
}
.btn-hover-bg-white:hover, .btn-hover-bg-white:focus {
color: var(--theme-color-dark) !important;
}
.btn-hover-bg-white:hover:before, .btn-hover-bg-white:focus:before {
background-color: #fff;
}
.btn-circle-arrow {
border: 0;
padding: 0;
border-radius: 50%;
font-size: 1.2rem;
height: 55px;
line-height: 55px;
text-align: center;
width: 55px;
align-items: center;
display: inline-flex;
justify-content: center;
background-color: #f1f1f1;
position: relative;
transition: all 0.3s ease;
}
.btn-circle-arrow:after {
position: absolute;
content: "\f30b";
left: 50%;
font-size: 25px;
top: 50%;
font-weight: bold;
color: #111;
font-family: "Font Awesome 5 Free";
transform: translate(-50%, -50%);
border-radius: 50%;
text-align: center;
z-index: 9;
color: var(--theme-color-dark);
}
.btn .btn-icon,
.btn .btn-icon svg {
transition: all 0.3s ease;
} .theme-btn-style-one {
position: relative;
font-size: 16px;
line-height: 20px;
padding: 24px 90px 20px 60px;
font-weight: 700;
letter-spacing: 0;
text-transform: capitalize;
color: var(--theme-color1-text-color);
background-color: var(--theme-color1);
-webkit-clip-path: polygon(0 0, 100% 0, 89% 100%, 0 100%);
clip-path: polygon(0 0, 100% 0, 89% 100%, 0 100%);
transition: all 300ms ease;
z-index: 1;
}
.theme-btn-style-one:focus {
color: var(--headings-color);
}
.theme-btn-style-one:active {
-webkit-transform: scale(0.9);
-moz-transform: scale(0.9);
-ms-transform: scale(0.9);
transform: scale(0.9);
}
.theme-btn-style-one span {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
z-index: 1;
}
.theme-btn-style-one:after {
content: "";
position: absolute;
top: 0;
right: 0;
width: 0;
height: 100%;
background-color: var(--theme-color-dark);
transition: all 300ms ease;
}
.theme-btn-style-one::before {
content: "";
position: absolute;
top: 0;
right: 25px;
width: 7px;
height: 100%;
-webkit-transform: skewX(-21deg);
-moz-transform: skewX(-21deg);
-ms-transform: skewX(-21deg);
transform: skewX(-21deg);
background-color: #fff;
transition: all 300ms ease;
z-index: 1;
}
.theme-btn-style-one:hover {
color: #fff;
}
.theme-btn-style-one:hover:after {
width: 100%;
right: auto;
left: 0;
} .theme-btn-style-two {
position: relative;
font-size: 16px;
line-height: 20px;
padding: 24px 90px 20px 60px;
font-weight: 700;
color: #fff;
letter-spacing: 0;
text-transform: capitalize;
background-color: var(--headings-color);
-webkit-clip-path: polygon(0 0, 100% 0, 89% 100%, 0 100%);
clip-path: polygon(0 0, 100% 0, 89% 100%, 0 100%);
transition: all 300ms ease;
z-index: 1;
}
.theme-btn-style-two:focus {
color: var(--headings-color);
}
.theme-btn-style-two:active {
-webkit-transform: scale(0.9);
-moz-transform: scale(0.9);
-ms-transform: scale(0.9);
transform: scale(0.9);
}
.theme-btn-style-two span {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
z-index: 1;
}
.theme-btn-style-two:after {
content: "";
position: absolute;
top: 0;
right: 0;
width: 0;
height: 100%;
background-color: #fff;
transition: all 300ms ease;
}
.theme-btn-style-two::before {
content: "";
position: absolute;
top: 0;
right: 25px;
width: 7px;
height: 100%;
-webkit-transform: skewX(-21deg);
-moz-transform: skewX(-21deg);
-ms-transform: skewX(-21deg);
transform: skewX(-21deg);
background-color: #fff;
transition: all 300ms ease;
z-index: 1;
}
.theme-btn-style-two:hover {
color: var(--headings-color);
}
.theme-btn-style-two:hover:after {
width: 100%;
right: auto;
left: 0;
}
.theme-btn-style-two:hover:before {
background-color: var(--theme-color-dark);
} .theme-btn-style-three {
position: relative;
font-size: 16px;
line-height: 20px;
padding: 24px 90px 20px 60px;
font-weight: 700;
letter-spacing: 0;
text-transform: capitalize;
color: var(--theme-color1-text-color);
background-color: var(--theme-color1);
-webkit-clip-path: polygon(0 0, 100% 0, 89% 100%, 0 100%);
clip-path: polygon(0 0, 100% 0, 89% 100%, 0 100%);
transition: all 300ms ease;
z-index: 1;
}
.theme-btn-style-three:focus {
color: var(--headings-color);
}
.theme-btn-style-three:active {
-webkit-transform: scale(0.9);
-moz-transform: scale(0.9);
-ms-transform: scale(0.9);
transform: scale(0.9);
}
.theme-btn-style-three span {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
z-index: 1;
}
.theme-btn-style-three:after {
content: "";
position: absolute;
top: 0;
right: 0;
width: 0;
height: 100%;
background-color: #fff;
transition: all 300ms ease;
z-index: -1;
}
.theme-btn-style-three::before {
content: "";
position: absolute;
top: 0;
right: 25px;
width: 7px;
height: 100%;
-webkit-transform: skewX(-21deg);
-moz-transform: skewX(-21deg);
-ms-transform: skewX(-21deg);
transform: skewX(-21deg);
background-color: var(--theme-color-dark);
transition: all 300ms ease;
z-index: 1;
}
.theme-btn-style-three:hover {
color: var(--theme-color-dark);
}
.theme-btn-style-three:hover:after {
width: 100%;
right: auto;
left: 0;
}
.theme-btn-style-three:hover:before {
background-color: var(--theme-color-dark);
} .tm-sc .excerpt {
margin-bottom: 20px;
}
.tm-loadmore-container {
text-align: center;
margin-top: 50px;
} .tm-sc-section-title {
margin-bottom: 60px;
}
.tm-sc-section-title .title-wrapper {
margin-bottom: 0;
position: relative;
}
.tm-sc-section-title .title-wrapper .title {
margin-top: -6px;
margin-bottom: 10px;
line-height: var(--section-title-line-height);
position: relative;
z-index: 0;
font-family: var(--section-title-font-family);
font-weight: var(--section-title-font-weight);
transition: all 0.3s ease;
}
.tm-sc-section-title .title-wrapper .title .title-shadow-text {
position: absolute;
left: 0;
right: 0;
z-index: -1;
color: #ddd;
font-size: 6rem;
opacity: 0.4;
top: -40px;
}
@media (max-width: 767.98px) {
.tm-sc-section-title .title-wrapper .title .title-shadow-text {
font-size: 4rem;
top: -20px;
}
}
.tm-sc-section-title .title-wrapper .title span {
line-height: 1;
display: inline;
}
.tm-sc-section-title .title-wrapper h2.title {
font-size: var(--section-title-font-size);
}
@media (max-width: 767.98px) {
.tm-sc-section-title .title-wrapper h2.title {
font-size: var(--h2-font-size-mob);
}
}
.tm-sc-section-title .title-wrapper .sub-title-outer {
position: relative;
margin-bottom: 5px;
display: inline-block;
}
.tm-sc-section-title .title-wrapper .sub-title-outer .subtitle {
position: relative;
display: block;
z-index: 1;
color: var(--section-title-subtitle-color);
font-size: var(--section-title-subtitle-font-size);
line-height: var(--section-title-subtitle-line-height);
font-family: var(--section-title-subtitle-font-family);
font-weight: var(--section-title-subtitle-font-weight);
text-transform: uppercase;
margin-bottom: 10px;
letter-spacing: 0.1em;
transition: all 0.3s ease;
}
.tm-sc-section-title .title-wrapper .sub-title-outer .divider {
position: relative;
display: inline-block;
width: 100%;
background-image: url(//www.reggiadeitessali.it/wp-content/themes/hoteler/assets/css/.../../../images/current-theme/icon-power.png);
background-repeat: no-repeat;
background-position: center;
overflow: hidden;
height: 15px;
}
.tm-sc-section-title .title-wrapper .sub-title-outer .divider:after {
position: absolute;
left: 50%;
top: 50%;
border-bottom: 1px solid var(--theme-color1);
content: "";
width: 50%;
margin-left: 11px;
}
.tm-sc-section-title .title-wrapper .sub-title-outer .divider:before {
position: absolute;
top: 50%;
border-bottom: 1px solid var(--theme-color1);
content: "";
width: 50%;
margin-left: 11px;
right: 50%;
left: auto;
margin-right: 11px;
margin-left: 0;
}
.tm-sc-section-title .title-wrapper :first-child {
margin-top: 0;
}
.tm-sc-section-title .title-wrapper .paragraph {
position: relative;
transition: all 0.3s ease;
}
.tm-sc-section-title .title-wrapper .paragraph > * {
transition: all 0.3s ease;
}
.tm-sc-section-title.subtitle-current-style1.dark .title-wrapper .sub-title-outer .subtitle::before {
filter: brightness(0);
}
.tm-sc-section-title.subtitle-current-style1 .title-wrapper .sub-title-outer .subtitle {
position: relative;
color: #000;
border: 3px solid #eee9e3;
display: inline-block;
padding: 2px 24px;
letter-spacing: 0.2em;
line-height: 30px;
font-family: var(--heading-font-family);
font-size: 12px;
font-weight: 800;
margin-bottom: 14px;
}
.tm-sc-section-title.subtitle-current-style1 .title-wrapper .sub-title-outer .subtitle::before {
content: "";
position: absolute;
top: -8px;
left: 50%;
width: 19px;
height: 14px;
background-image: url(//www.reggiadeitessali.it/wp-content/themes/hoteler/assets/images/current-theme/subtitle-before.png);
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.tm-sc-section-title.title-icon-pos-icon-top .title-wrapper .subtitle {
display: block;
}
.elementor-widget-tm-ele-section-title.horizontal-line-align-center .tm-sc-section-title .title-wrapper:before, .elementor-widget-tm-ele-section-title.horizontal-line-align-center .tm-sc-section-title .title-wrapper:after {
left: 50%;
transform: translate(-50%, 0);
}
.elementor-widget-tm-ele-section-title.horizontal-line-align-right .tm-sc-section-title .title-wrapper:before, .elementor-widget-tm-ele-section-title.horizontal-line-align-right .tm-sc-section-title .title-wrapper:after {
left: auto;
right: 0;
}
.elementor-widget-tm-ele-section-title.vertical-line-align-top .tm-sc-section-title .title-wrapper:before, .elementor-widget-tm-ele-section-title.vertical-line-align-top .tm-sc-section-title .title-wrapper:after {
bottom: auto;
top: -20px;
}   #sb_instagram {
padding-bottom: 0 !important;
position: relative;
}
#sb_instagram .sbi_follow_btn {
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
z-index: 1;
}
#sb_instagram .sbi_follow_btn a {
display: -moz-inline-stack;
display: inline-block;
vertical-align: top;
zoom: 1;
padding: 15px 25px;
margin: 5px auto 0;
background: var(--theme-color-dark);
border: none;
color: #fff;
text-decoration: none;
font-size: 13px;
line-height: 1.5;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
transition: all 0.1s ease-in;
}
#sb_instagram .sbi_follow_btn a:hover, #sb_instagram .sbi_follow_btn a:focus {
box-shadow: none;
}
#sb_instagram #sbi_load {
padding: 0 !important;
}
#sb_instagram .sbi_photo_wrap .sbi_photo {
position: relative;
transition: all 0.5s ease;
}
#sb_instagram .sbi_photo_wrap .sbi_photo:before {
color: var(--theme-color1-text-color);
content: "\f16d";
font-family: "Font Awesome 5 Brands";
font-weight: 600;
font-size: 30px;
position: absolute;
top: 40%;
left: 50%;
opacity: 0;
visibility: hidden;
text-align: center;
transform: translate(-50%, -50%);
transition: all 0.3s ease-out;
z-index: 3;
}
#sb_instagram .sbi_photo_wrap .sbi_photo:after {
content: "";
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
right: 0;
z-index: 1;
opacity: 0;
visibility: hidden;
background-color: rgba(var(--theme-color1-rgb), 0.8);
transition: all 0.3s ease-out;
}
#sb_instagram .sbi_photo_wrap .sbi_photo:hover:before {
top: 50%;
opacity: 1;
visibility: visible;
}
#sb_instagram .sbi_photo_wrap .sbi_photo:hover:after {
opacity: 1;
visibility: visible;
}
#sb_instagram .sbi_follow_btn a {
color: var(--theme-color2-text-color);
background: rgba(var(--theme-color2-rgb), 0.99) !important;
box-shadow: none !important;
}
#sb_instagram .sbi_follow_btn a:hover {
color: var(--theme-color1-text-color);
background: rgba(var(--theme-color1-rgb), 0.99) !important;
} .wp-block-calendar table,
.wp-block-calendar th,
.wp-block-calendar td,
.widget_calendar table,
.widget_calendar th,
.widget_calendar td {
border: 1px solid rgba(51, 51, 51, 0.1);
}
[data-tm-layout=dark] .wp-block-calendar table,
[data-tm-layout=dark] .wp-block-calendar th,
[data-tm-layout=dark] .wp-block-calendar td,
[data-tm-layout=dark] .widget_calendar table,
[data-tm-layout=dark] .widget_calendar th,
[data-tm-layout=dark] .widget_calendar td {
border: 1px solid rgba(221, 221, 221, 0.1);
}
.wp-block-calendar .wp-calendar-table,
.widget_calendar .wp-calendar-table {
margin-bottom: 10px;
}
.wp-block-calendar .wp-calendar-table thead,
.widget_calendar .wp-calendar-table thead {
background-color: var(--theme-color1);
}
.wp-block-calendar .wp-calendar-table thead th,
.widget_calendar .wp-calendar-table thead th {
background-color: transparent;
color: var(--theme-color1-text-color);
text-align: center;
padding-top: 15px;
padding-bottom: 10px;
}
[data-tm-layout=dark] .wp-block-calendar .wp-calendar-table thead th,
[data-tm-layout=dark] .widget_calendar .wp-calendar-table thead th {
border: 1px solid rgba(51, 51, 51, 0.1);
}
.wp-block-calendar .wp-calendar-table tbody,
.widget_calendar .wp-calendar-table tbody {
background-color: var(--theme-color-white);
}
.wp-block-calendar .wp-calendar-table tbody td,
.widget_calendar .wp-calendar-table tbody td {
text-align: center;
padding-top: 10px;
padding-bottom: 8px;
}
.wp-block-calendar .wp-calendar-table caption,
.widget_calendar .wp-calendar-table caption {
text-align: center;
color: var(--theme-color1);
padding-bottom: 0;
padding-top: 20px;
caption-side: bottom;
}
.wp-block-calendar a,
.widget_calendar a {
text-decoration: none;
}
.wp-block-calendar .calendar_wrap nav,
.widget_calendar .calendar_wrap nav {
display: flex;
justify-content: space-between;
align-items: center;
}
.wp-block-calendar .calendar_wrap nav a,
.widget_calendar .calendar_wrap nav a {
color: var(--theme-color-dark);
transition: all 500ms ease;
}
.wp-block-calendar .calendar_wrap nav a:hover,
.widget_calendar .calendar_wrap nav a:hover {
color: var(--hover-theme-color);
}
.wp-block-calendar {
margin-bottom: 28px;
}
.widget .wp-block-calendar {
margin-bottom: 0;
}
.wp-block-group .wp-block-group__inner-container > .wp-block-calendar {
margin-bottom: 35px;
} .widget-gallery-images .isotope-layout .isotope-item {
margin-bottom: 0;
}
.widget-gallery-images .isotope-layout.grid-3 .isotope-item {
width: 33.2% !important;
} body.error404 .search-box .search-form,
.sidebar-area .widget_search .search-form,
.footer-widget-area .widget_search .search-form,
body.search .new-search-form .search-form {
position: relative;
margin: 0px;
}
body.error404 .search-box .search-form input[type=text],
.sidebar-area .widget_search .search-form input[type=text],
.footer-widget-area .widget_search .search-form input[type=text],
body.search .new-search-form .search-form input[type=text] {
position: relative;
line-height: 40px;
padding: 19px 80px 19px 35px;
background: var(--sidebar_widget_search_bg);
border: 1px solid var(--sidebar_widget_search_border);
border-radius: 7px;
color: var(--theme-color-dark);
display: block;
letter-spacing: 0px;
width: 100%;
height: 80px;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
body.error404 .search-box .search-form input[type=search],
.sidebar-area .widget_search .search-form input[type=search],
.footer-widget-area .widget_search .search-form input[type=search],
body.search .new-search-form .search-form input[type=search] {
position: relative;
line-height: 40px;
padding: 15px 80px 15px 25px;
background: var(--sidebar_widget_search_bg);
border: 1px solid var(--sidebar_widget_search_border);
border-radius: 7px;
color: var(--theme-color-dark);
display: block;
font-weight: 300;
letter-spacing: 0px;
width: 100%;
height: 67px;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
body.error404 .search-box .search-form input:focus,
.sidebar-area .widget_search .search-form input:focus,
.footer-widget-area .widget_search .search-form input:focus,
body.search .new-search-form .search-form input:focus {
border-color: transparent;
box-shadow: 0 0 0 2px var(--theme-color1);
}
body.error404 .search-box .search-form button,
.sidebar-area .widget_search .search-form button,
.footer-widget-area .widget_search .search-form button,
body.search .new-search-form .search-form button {
position: absolute;
right: 0;
top: 0px;
border: none;
border-radius: 0 7px 7px 0;
outline: none;
padding: 0;
height: 67px;
width: 60px;
line-height: 67px;
display: block;
font-size: 1.1rem;
color: var(--theme-color1-text-color);
background-color: var(--theme-color1);
font-weight: normal;
transition: all 0.3s ease;
}
body.error404 .search-box .search-form button:hover,
.sidebar-area .widget_search .search-form button:hover,
.footer-widget-area .widget_search .search-form button:hover,
body.search .new-search-form .search-form button:hover {
background-color: var(--theme-color-dark);
color: var(--theme-color2-text-color);
}
body.search .new-search-form {
margin-bottom: 60px;
}
body.search .new-search-form .search-title {
margin-top: 0;
}
body.search .new-search-form .search-form input[type=search] {
margin-top: 20px;
border-radius: 0;
border: 1px solid var(--theme-color-silver);
border-radius: 10px;
}
body.search .new-search-form .search-form button {
border-radius: 0 10px 10px 0;
}
body.search-results .main-content-area .entry-title {
margin-top: 0;
}
.wp-block-search {
position: relative;
margin: 0px;
margin-bottom: 20px;
}
.wp-block-search .wp-block-search__label {
display: none;
}
.wp-block-search .wp-block-search__input {
position: relative;
line-height: 40px;
padding: 15px 80px 15px 25px;
background: var(--sidebar_widget_search_bg);
border: 1px solid var(--theme-color-silver);
border-radius: 10px;
color: var(--theme-color-dark);
display: block;
letter-spacing: 0px;
width: 100%;
height: 67px;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.wp-block-search input:focus {
border-color: transparent;
box-shadow: 0 0 0 2px var(--theme-color1);
}
.wp-block-search .wp-block-search__button {
position: absolute;
right: 0px;
top: 0px;
border: none;
border-radius: 0 10px 10px 0;
outline: none;
padding: 0;
height: 67px;
width: 60px;
line-height: 67px;
display: block;
font-size: 0;
color: transparent;
background-color: var(--theme-color1);
font-weight: normal;
transition: all 0.3s ease;
}
.wp-block-search .wp-block-search__button:before {
content: "\f002";
left: 50%;
top: 50%;
position: absolute;
font-family: "Font Awesome 5 Free";
font-weight: 600;
font-size: 1.1rem;
color: var(--theme-color1-text-color);
transform: translate(-50%, -50%);
transition: all 0.3s ease;
}
.wp-block-search .wp-block-search__button:hover {
background-color: var(--theme-color-dark);
}
.wp-block-search .wp-block-search__button:hover:before {
color: var(--theme-color2-text-color);
}
.wp-block-search.wp-block-search__button-inside .wp-block-search__button {
top: 5px;
right: 5px;
} .tm-sidebar-nav-menu-style1 .widget.widget_nav_menu ul > li {
margin: 0;
padding: 0;
}
.tm-sidebar-nav-menu-style1 .widget.widget_nav_menu ul > li::before {
content: "";
}
.tm-sidebar-nav-menu-style1 .widget.widget_nav_menu ul > li > a {
color: #012446;
background: #f5f5f5;
font-weight: 700;
text-decoration: none !important;
border-left: 5px solid transparent;
border-bottom: 1px solid #fff;
display: block;
padding: 16px;
transition: all 0.3s ease;
}
.tm-sidebar-nav-menu-style1 .widget.widget_nav_menu ul > li > a:hover {
border-left-color: #b798e0;
}
.tm-sidebar-nav-menu-style1 .widget.widget_nav_menu ul > li.current-menu-item a {
border-left-color: #b798e0;
}
.tm-sidebar-nav-menu-style2 .widget.widget_nav_menu ul > li {
padding: 0;
transition: all 100ms ease-in-out 0s;
}
.tm-sidebar-nav-menu-style2 .widget.widget_nav_menu ul > li::before {
left: auto;
right: 18px;
top: 15px;
font-size: 18px;
}
.tm-sidebar-nav-menu-style2 .widget.widget_nav_menu ul > li a {
background: #eef0f3;
border-left: 1px solid #eef0f3;
border-bottom: 1px solid #fff;
color: var(--theme-color-dark);
font-weight: 700;
display: block;
padding: 16px;
}
.tm-sidebar-nav-menu-style2 .widget.widget_nav_menu ul > li a:hover {
background: #fff;
border-left: 5px solid #eee;
}
.tm-sidebar-nav-menu-style2 .widget.widget_nav_menu ul > li.current-menu-item a {
background: #fff;
border-left: 5px solid #eee;
}
.tm-sidebar-nav-menu-style2 .widget.widget_nav_menu ul > li:first-child a {
border-top: 1px solid #f5f5f5;
}
.tm-sidebar-nav-menu-style1 .widget.widget_nav_menu ul > li a:hover {
border-left-color: var(--theme-color1);
}
.tm-sidebar-nav-menu-style1 .widget.widget_nav_menu ul > li.current-menu-item > a {
border-left-color: var(--theme-color1);
}
.tm-sidebar-nav-menu-style2 .widget.widget_nav_menu ul > li a:hover {
border-left-color: var(--theme-color1);
}
.tm-sidebar-nav-menu-style2 .widget.widget_nav_menu ul > li.current-menu-item > a {
border-left-color: var(--theme-color1);
} body:not(.elementor-editor-active) .main-content .widget:not(.widget_search) .widget-inner {
position: relative;
display: block;
padding: 35px;
background-color: var(--sidebar_widget_common_bg);
border: 1px solid var(--sidebar_widget_common_border);
border-radius: 7px;
}
@media (max-width: 767.98px) {
body:not(.elementor-editor-active) .main-content .widget:not(.widget_search) .widget-inner {
padding: 30px;
}
}
.widget {
margin-bottom: 35px;
}
.widget:last-child {
margin-bottom: 0;
}
.widget ul,
.widget ol {
margin: 0;
padding: 0;
list-style: none;
}
.widget ul li {
list-style: none;
padding-bottom: 0;
padding-top: 0;
margin-bottom: 0;
line-height: var(--line-height-widget-li);
}
.widget > ul li:last-child,
.widget ul.menu li:last-child {
margin-bottom: 0 !important;
padding-bottom: 0 !important;
}
.widget .widget-title, .widget.widget_block h2 {
margin-bottom: 25px;
margin-top: 0;
font-size: var(--h4-font-size);
font-weight: var(--headings-font-weight-h5);
line-height: var(--headings-line-height-smaller);
letter-spacing: inherit;
}
.widget .widget-title.widget-title-line-bottom, .widget.widget_block h2.widget-title-line-bottom {
position: relative;
margin-bottom: 20px;
padding-bottom: 20px;
}
.widget .widget-title.widget-title-line-bottom:after, .widget .widget-title.widget-title-line-bottom:before, .widget.widget_block h2.widget-title-line-bottom:after, .widget.widget_block h2.widget-title-line-bottom:before {
background: var(--sidebar_widget_heading_border_color2);
border-radius: 10px;
bottom: -1px;
content: "";
height: 3px;
left: 0;
position: absolute;
width: 50px;
}
.widget .widget-title.widget-title-line-bottom:before, .widget.widget_block h2.widget-title-line-bottom:before {
background: var(--sidebar_widget_heading_border_color);
width: 100%;
}
.widget .widget-title.line-bottom-theme-colored1:after, .widget.widget_block h2.line-bottom-theme-colored1:after {
background: var(--theme-color1);
}
.widget.widget_block .wp-block-group__inner-container h2 {
position: relative;
margin-bottom: 20px;
padding-bottom: 20px;
}
.widget.widget_block .wp-block-group__inner-container h2:after, .widget.widget_block .wp-block-group__inner-container h2:before {
background: var(--sidebar_widget_heading_border_color2);
border-radius: 10px;
bottom: -1px;
content: "";
height: 3px;
left: 0;
position: absolute;
width: 50px;
}
.widget.widget_block .wp-block-group__inner-container h2:before {
background: var(--sidebar_widget_heading_border_color);
width: 100%;
}
.widget.tm-widget-sticky-sidebar-in-parent {
display: none;
}
.widget.widget_recent_entries ul > li {
margin-bottom: 10px;
padding-bottom: 10px;
border-bottom: 1px solid rgba(150, 150, 150, 0.3);
line-height: var(--line-height-base);
}
.widget.widget_recent_entries ul > li:last-child {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: 0;
}
.widget.widget_recent_entries ul > li a {
color: var(--sidebar_link_color);
}
.widget.widget_recent_entries ul > li a:hover {
color: var(--hover-theme-color);
}
.widget.widget_recent_entries ul > li > span {
display: block;
color: var(--sidebar_link_color);
font-size: 14px;
font-weight: 300;
line-height: 12px;
padding: 4px 0;
}
.widget.widget_archive ul > li, .widget.widget_categories ul > li, .widget.widget_pages ul > li, .widget.widget_meta ul > li, .widget.widget_recent_comments ul > li, .widget.widget_rss ul > li, .widget.widget_nav_menu ul > li {
padding-left: 15px;
position: relative;
transition: all 0.3s ease;
}
.widget.widget_archive ul > li::before, .widget.widget_categories ul > li::before, .widget.widget_pages ul > li::before, .widget.widget_meta ul > li::before, .widget.widget_recent_comments ul > li::before, .widget.widget_rss ul > li::before, .widget.widget_nav_menu ul > li::before {
content: "\f0da";
left: 0;
position: absolute;
font-family: "Font Awesome 5 Free";
font-weight: 600;
color: #ccc;
transition: all 0.3s ease;
}
.widget.widget_archive ul > li::before, .widget.widget_categories ul > li::before, .widget.widget_pages ul > li::before, .widget.widget_meta ul > li::before, .widget.widget_recent_comments ul > li::before, .widget.widget_rss ul > li::before, .widget.widget_nav_menu ul > li::before {
color: var(--sidebar_widget_list_icon_color);
}
.widget.widget_archive ul > li a, .widget.widget_categories ul > li a, .widget.widget_pages ul > li a, .widget.widget_meta ul > li a, .widget.widget_recent_comments ul > li a, .widget.widget_rss ul > li a, .widget.widget_nav_menu ul > li a {
color: var(--sidebar_link_color);
font-weight: normal;
font-size: var(--body-font-size);
}
.widget.widget_archive ul > li > a:hover, .widget.widget_categories ul > li > a:hover, .widget.widget_pages ul > li > a:hover, .widget.widget_meta ul > li > a:hover, .widget.widget_recent_comments ul > li > a:hover, .widget.widget_rss ul > li > a:hover, .widget.widget_nav_menu ul > li > a:hover {
color: var(--hover-theme-color);
}
.widget.widget_categories ul > li, .widget.widget_archive ul > li {
padding-left: 24px;
color: #999;
}
.widget.widget_categories ul > li::before, .widget.widget_archive ul > li::before {
content: "\f07b";
font-family: "Font Awesome 5 Free";
font-weight: 400;
}
.widget.widget_categories ul > li a, .widget.widget_archive ul > li a {
margin-left: 5px;
}
.widget.widget_recent_comments ul > li {
line-height: var(--line-height-base);
margin-bottom: 7px;
padding-bottom: 7px;
}
.widget.widget_recent_comments ul > li .comment-author-link,
.widget.widget_recent_comments ul > li .comment-author-link a {
color: var(--sidebar_link_color);
font-size: var(--h6-font-size);
font-weight: var(--headings-font-weight-h6);
font-family: var(--heading-font-family);
transition: all 0.3s ease;
}
.widget.widget_recent_comments ul > li .comment-author-link a:hover {
color: var(--hover-theme-color);
}
.widget.widget_recent_comments ul > li a {
font-style: italic;
}
.widget.widget_recent_comments ul > li .comment-author-link a {
font-style: normal;
}
.widget.widget_nav_menu .sub-menu { }
.widget.widget_nav_menu ul > li::before {
content: "\f0da";
font-size: 14px;
font-weight: 600;
}
.widget.widget_nav_menu ul > li.current-menu-item:before {
color: var(--theme-color-dark);
}
.widget.widget_tag_cloud .tagcloud > a {
background: var(--theme-color-white);
border: 1px solid var(--theme-color-gray);
border-radius: 2px;
color: var(--sidebar_link_color);
display: inline-block;
font-size: 13px !important;
margin: 8px 5px 0 0 !important;
padding: 8px 25px !important;
border-radius: 10px;
text-transform: capitalize;
display: inline-block;
transition: all 0.3s ease;
}
.widget.widget_tag_cloud .tagcloud > a:hover {
background: var(--theme-color-dark);
color: #fff;
}
.widget .wp-block-tag-cloud > a {
background: var(--theme-color-white);
border: 1px solid var(--theme-color-gray);
color: var(--sidebar_link_color);
display: inline-block;
font-size: 13px !important;
margin: 8px 5px 0 0 !important;
padding: 8px 25px !important;
border-radius: 10px;
text-transform: capitalize;
display: inline-block;
transition: all 0.3s ease;
}
.widget .wp-block-tag-cloud > a:hover {
text-decoration: none !important;
background: var(--theme-color1);
color: var(--theme-color1-text-color);
}
.widget select {
border: 1px solid rgba(51, 51, 51, 0.1);
max-width: 100%;
padding: 7px 10px;
width: 100%;
}
.widget.widget_rss ul li {
margin-bottom: 25px;
}
.widget.widget_rss ul li:last-child {
margin-bottom: 0;
}
.widget.widget_rss ul li .rsswidget {
display: block;
color: var(--headings-color);
font-size: var(--h5-font-size);
font-family: var(--heading-font-family);
font-weight: var(--headings-font-weight-h5);
line-height: var(--headings-line-height-smaller);
}
.widget.widget_rss ul li .rss-date {
color: var(--theme-color1);
font-size: 0.9rem;
}
.widget.widget_rss ul li .rssSummary {
color: #777;
line-height: var(--line-height-base);
}
.widget.widget_rss ul li cite {
color: var(--theme-color-dark);
font-size: 0.9rem;
}
[data-tm-layout=dark] .widget.widget_rss ul li cite {
color: #bbb;
}
.widget.widget_rss ul li:before, .widget.widget_rss ul li:after,
.widget.widget_rss ul li a {
line-height: 1.5;
}
.widget.widget_text img {
display: block;
}
.widget.widget_tag_cloud .tagcloud > a:hover, .widget.widget_product_tag_cloud .tagcloud > a:hover {
background: var(--theme-color1);
color: var(--theme-color1-text-color);
}
.widget .name {
margin-top: 0;
}
.widget .nice-select {
float: none;
}
.widget.widget_archive .nice-select ul > li:before {
content: "";
}
.post-single .entry-content .nice-select {
float: none;
}
.text-center .widget .widget-title.widget-title-line-bottom:after {
left: 0;
right: 0;
margin: 0 auto;
}
.wp-block-categories > li {
padding-left: 15px;
position: relative;
transition: all 0.3s ease;
}
.wp-block-categories > li::before {
content: "\f0da";
left: 0;
position: absolute;
font-family: "Font Awesome 5 Free";
font-weight: 600;
color: #ccc;
transition: all 0.3s ease;
}
.wp-block-categories > li {
padding-left: 24px;
color: #bbb;
}
.wp-block-categories > li::before {
content: "\f07b";
font-family: "Font Awesome 5 Free";
font-weight: 400;
color: var(--sidebar_widget_list_icon_color);
}
.wp-block-categories > li a {
margin-left: 5px;
color: var(--sidebar_link_color);
font-weight: normal;
font-size: var(--body-font-size);
}
.wp-block-categories > li > a:hover {
color: var(--hover-theme-color);
}
.wp-block-latest-comments:not(.has-avatar):not(.has-dates) li {
position: relative;
padding-left: 60px;
min-height: 44px;
}
.wp-block-latest-comments:not(.has-avatar):not(.has-dates) li::before {
content: "\f075";
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 16px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
background-color: var(--theme-color1, #ffffff);
width: 44px;
height: 44px;
color: var(--theme-color1-text-color, #04000b);
margin-right: 20px;
transition: all 500ms ease;
position: absolute;
top: 0;
left: 0;
}
.wp-block-latest-comments:not(.has-avatar):not(.has-dates) li:hover::before {
background-color: var(--theme-color-dark);
color: var(--theme-color2-text-color);
} .tm-widget-blog-list .post {
border-bottom: none;
display: flex;
align-items: center;
}
@media only screen and (min-width: 769px) and (max-width: 1024px) {
.tm-widget-blog-list .post {
align-items: start;
}
}
.tm-widget-blog-list .post:not(:last-child) {
margin-bottom: 13px;
padding-bottom: 13px;
}
.tm-widget-blog-list .post .post-thumb {
float: left;
margin-right: 15px;
margin-top: 1px;
width: 75px;
flex-shrink: 0;
}
.tm-widget-blog-list .post .post-thumb img {
border-radius: 50%;
}
.tm-widget-blog-list .post .post-right {
overflow: hidden;
}
.tm-widget-blog-list .post .post-right .post-title {
margin-top: 0;
margin-bottom: 7px;
}
.tm-widget-blog-list .post .post-right .post-title a {
text-transform: capitalize;
}
.tm-widget-blog-list .post .post-right .entry-date {
display: block;
color: var(--entry-meta-color-light);
font-size: 14px;
line-height: 12px;
padding: 4px 0;
}
.tm-onappear-slide-animation {
display: inline-block;
opacity: 0;
visibility: hidden;
-webkit-transform: translateX(-10px);
-ms-transform: translateX(-10px);
transform: translateX(-10px);
-webkit-transition: 0.5s ease;
-o-transition: 0.5s ease;
transition: 0.5s ease;
}
.tm-onappear-slide-animation:nth-of-type(2) {
-webkit-transition-delay: 0.2s;
-o-transition-delay: 0.2s;
transition-delay: 0.2s;
}
.tm-onappear-slide-animation:nth-of-type(3) {
-webkit-transition-delay: 0.3s;
-o-transition-delay: 0.3s;
transition-delay: 0.3s;
}
.tm-onappear-slide-animation:nth-of-type(4) {
-webkit-transition-delay: 0.4s;
-o-transition-delay: 0.4s;
transition-delay: 0.4s;
}
.tm-onappear-slide-animation:nth-of-type(5) {
-webkit-transition-delay: 0.5s;
-o-transition-delay: 0.5s;
transition-delay: 0.5s;
}
.tm-onappear-slide-animation:nth-of-type(6) {
-webkit-transition-delay: 0.6s;
-o-transition-delay: 0.6s;
transition-delay: 0.6s;
}
.tm-onappear-slide-animation:nth-of-type(7) {
-webkit-transition-delay: 0.7s;
-o-transition-delay: 0.7s;
transition-delay: 0.7s;
}
.tm-onappear-slide-animation:nth-of-type(8) {
-webkit-transition-delay: 0.8s;
-o-transition-delay: 0.8s;
transition-delay: 0.8s;
}
.tm-onappear-slide-animation.tm-item-appeared {
opacity: 1;
visibility: visible;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
.tm_cursor_mouse_helper {
font-size: 16px;
text-indent: 0;
--mouse-helper-width: 11px;
--mouse-helper-height: 11px;
--mouse-helper-left: 15px;
--mouse-helper-top: 15px;
border: none;
mix-blend-mode: exclusion;
background-color: #ffffff;
-webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
-ms-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
box-shadow: 0 0 0 rgba(0, 0, 0, 0);
-webkit-transition: width 0.3s ease, height 0.3s ease, opacity 0.3s ease, color 0.3s ease, background-color 0.3s ease, left 0.3s ease, top 0.3s ease, border-radius 0.1s ease, box-shadow 0.2s ease;
-ms-transition: width 0.3s ease, height 0.3s ease, opacity 0.3s ease, color 0.3s ease, background-color 0.3s ease, left 0.3s ease, top 0.3s ease, border-radius 0.1s ease, box-shadow 0.2s ease;
transition: width 0.3s ease, height 0.3s ease, opacity 0.3s ease, color 0.3s ease, background-color 0.3s ease, left 0.3s ease, top 0.3s ease, border-radius 0.1s ease, box-shadow 0.2s ease;
}
.tm_cursor_mouse_helper .tm_cursor_mouse_helper_image {
background-size: cover;
background-position: center center;
}
.tm_cursor_mouse_helper .tm_cursor_mouse_helper_image:before {
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
content: " ";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0);
}
.tm_cursor_mouse_helper.tm_cursor_mouse_helper_top:not(.tm_cursor_mouse_helper_centered) {
top: var(--mouse-helper-top) !important;
}
.tm_cursor_mouse_helper.tm_cursor_mouse_helper_left:not(.tm_cursor_mouse_helper_centered) {
left: var(--mouse-helper-left) !important;
}
.tm_cursor_mouse_helper.tm_cursor_mouse_helper_permanent {
opacity: 1;
}
.tm_cursor_mouse_helper.tm_cursor_mouse_helper_with_image.tm_cursor_mouse_helper_with_text {
-webkit-box-shadow: 0 3px 46px rgba(0, 0, 0, 0.1);
-ms-box-shadow: 0 3px 46px rgba(0, 0, 0, 0.1);
box-shadow: 0 3px 46px rgba(0, 0, 0, 0.1);
-webkit-border-radius: 0;
-ms-border-radius: 0;
border-radius: 0;
}
.tm_cursor_mouse_helper.tm_cursor_mouse_helper_with_image {
-webkit-box-shadow: 0 3px 46px rgba(0, 0, 0, 0.1);
-ms-box-shadow: 0 3px 46px rgba(0, 0, 0, 0.1);
box-shadow: 0 3px 46px rgba(0, 0, 0, 0.1);
-webkit-border-radius: 0;
-ms-border-radius: 0;
border-radius: 0;
}
.tm_cursor_mouse_helper.tm_cursor_mouse_helper_active.tm_cursor_mouse_helper_with_image.tm_cursor_mouse_helper_with_text {
--mouse-helper-width: 288px;
--mouse-helper-height: 288px;
padding: 0;
-webkit-box-sizing: "border-box";
-ms-box-sizing: "border-box";
box-sizing: "border-box";
}
.tm_cursor_mouse_helper.tm_cursor_mouse_helper_active.tm_cursor_mouse_helper_with_image {
--mouse-helper-width: 288px;
--mouse-helper-height: 288px;
padding: 0;
-webkit-box-sizing: "border-box";
-ms-box-sizing: "border-box";
box-sizing: "border-box";
}
.tm_cursor_mouse_helper.tm_cursor_mouse_helper_with_layout {
--mouse-helper-width: 66px;
--mouse-helper-height: 66px;
}
.tm_cursor_mouse_helper.tm_cursor_mouse_helper_with_layout.tm_cursor_mouse_helper_click {
--mouse-helper-width: 30px;
--mouse-helper-height: 30px;
overflow: visible;
}
.tm_cursor_mouse_helper.tm_cursor_mouse_helper_with_layout.tm_cursor_mouse_helper_click .swiper-mouse-cursor span {
color: #000;
font-size: 14px;
font-weight: bold;
}
.tm_cursor_mouse_helper.tm_cursor_mouse_helper_with_layout.tm_cursor_mouse_helper_click .swiper-mouse-cursor span:after {
transform: translateX(30px);
}
.tm_cursor_mouse_helper.tm_cursor_mouse_helper_with_layout.tm_cursor_mouse_helper_click .swiper-mouse-cursor span:before {
transform: translateX(-30px);
}
.tm_cursor_mouse_helper.tm_cursor_mouse_helper_link_active {
--mouse-helper-width: 80px;
--mouse-helper-height: 80px;
width: var(--mouse-helper-width);
height: var(--mouse-helper-height);
opacity: 0.08;
}
[data-mouse-helper=highlight] {
color: rgba(29, 29, 29, 0.3);
background-image: -webkit-radial-gradient(closest-side, #111 78%, transparent 0);
background-image: -o-radial-gradient(closest-side, #111 78%, transparent 0);
background-image: radial-gradient(closest-side, #111 78%, transparent 0);
}
[data-mouse-helper=highlight] .sc_typed_entry {
color: inherit;
}
.tm-mouse-follow-floating-info-holder {
position: fixed;
top: 50%;
left: 50%;
z-index: 9999;
pointer-events: none;
-webkit-clip-path: inset(0 100% 0 0);
clip-path: inset(0 100% 0 0);
transition: -webkit-clip-path 0.4s ease;
transition: clip-path 0.4s ease;
transition: clip-path 0.4s ease, -webkit-clip-path 0.4s ease;
}
.tm-mouse-follow-floating-info-holder .mouse-follow-floating-info-inner {
position: relative;
display: inline-block;
vertical-align: middle;
background-color: #000;
padding: 16px 24px 18px;
}
.tm-mouse-follow-floating-info-holder .floating-title {
font-family: var(--heading-font-family);
font-size: var(--h4-font-size);
display: block;
position: relative;
color: #fff;
white-space: nowrap;
margin-top: 0;
margin-bottom: 0;
z-index: 8;
opacity: 0;
transform: translateX(20px);
will-change: transform;
}
.tm-mouse-follow-floating-info-holder .floating-subtitle {
font-family: var(--heading-font-family);
font-size: var(--h6-font-size);
text-transform: uppercase;
letter-spacing: 1px;
color: #fff;
display: inline-block;
white-space: nowrap;
z-index: 9;
opacity: 0;
transform: translateX(20px);
will-change: transform;
}
.tm-mouse-follow-floating-info-holder .floating-subtitle ul {
list-style: none;
margin: 0;
}
.tm-mouse-follow-floating-info-holder a {
color: #fff;
}
.tm-mouse-follow-floating-info-holder.floating-info-right {
text-align: right;
transform: translateX(-100%);
}
.tm-mouse-follow-floating-info-holder.floating-info-active {
-webkit-clip-path: inset(0 0 0 0);
clip-path: inset(0 0 0 0);
transition: -webkit-clip-path 0.4s ease;
transition: clip-path 0.4s ease;
transition: clip-path 0.4s ease, -webkit-clip-path 0.4s ease;
}
.tm-mouse-follow-floating-info-holder.floating-info-active .floating-title {
opacity: 1;
transform: translateX(0);
transition: transform 0.4s ease 0.2s, opacity 0.2s ease-out 0.2s;
}
.tm-mouse-follow-floating-info-holder.floating-info-active .floating-subtitle {
opacity: 1;
transform: translateX(0);
transition: transform 0.4s ease 0.2s, opacity 0.2s ease-out 0.2s;
transition: transform 0.4s ease 0.15s, opacity 0.2s ease-out 0.15s;
}
@media only screen and (max-width: 1024px) {
.tm-mouse-follow-floating-info-holder {
display: none;
}
}
.tm-mouse-follow-floating-image-holder {
position: fixed;
top: 50%;
left: 50%;
z-index: 9999;
pointer-events: none;
-webkit-clip-path: inset(0 100% 0 0);
clip-path: inset(0 100% 0 0);
transition: -webkit-clip-path 0.4s ease;
transition: clip-path 0.4s ease;
transition: clip-path 0.4s ease, -webkit-clip-path 0.4s ease;
}
.tm-mouse-follow-floating-image-holder .mouse-follow-floating-image-inner {
position: relative;
display: inline-block;
vertical-align: middle;
}
.tm-mouse-follow-floating-image-holder a {
color: #fff;
}
.tm-mouse-follow-floating-image-holder.floating-info-right {
text-align: right;
transform: translateX(-100%);
}
.tm-mouse-follow-floating-image-holder.floating-info-active {
-webkit-clip-path: inset(0 0 0 0);
clip-path: inset(0 0 0 0);
transition: -webkit-clip-path 0.4s ease;
transition: clip-path 0.4s ease;
transition: clip-path 0.4s ease, -webkit-clip-path 0.4s ease;
}
@media only screen and (max-width: 1024px) {
.tm-mouse-follow-floating-image-holder {
display: none;
}
} .alignnone {
clear: both;
margin: 5px 1.5em 1.5em 0;
}
p .alignnone:last-child {
margin-bottom: 0;
}
.aligncenter,
div.aligncenter {
text-align: center;
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 1.5em;
}
.alignright {
float: right;
margin: 5px 0 1.5em 1.5em;
clear: right;
}
.alignleft {
float: left;
margin: 5px 1.5em 1.5em 0;
clear: left;
}
a img.alignright {
float: right;
margin: 5px 0 1.5em 1.5em;
}
a img.alignnone {
margin: 5px 1.5em 1.5em 0;
}
a img.alignleft {
float: left;
margin: 5px 1.5em 1.5em 0;
}
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 1.5em;
}
.wp-caption {
background: var(--theme-color-white);
border: 1px solid var(--theme-color-silver);
max-width: 96%; padding: 5px 3px 10px;
text-align: center;
}
.wp-caption.alignnone {
margin: 5px 1.5em 1.5em 0;
}
.wp-caption.alignleft {
margin: 5px 1.5em 1.5em 0;
}
.wp-caption.alignright {
margin: 5px 0 1.5em 1.5em;
}
.wp-caption img {
border: 0 none;
height: auto;
margin: 0;
max-width: 100%;
padding: 0;
width: auto;
}
.wp-caption p, .wp-caption .wp-caption-text {
margin: 10px;
padding: 0;
} .screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
white-space: nowrap;
height: 1px;
width: 1px;
overflow: hidden;
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
color: #21759b;
display: block;
font-size: 14px;
font-size: 0.875rem;
font-weight: var(--body-font-bold);
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; }
blockquote.left {
margin-right: 20px;
text-align: right;
margin-left: 0;
width: 33%;
float: left;
}
blockquote.right {
margin-left: 20px;
text-align: left;
margin-right: 0;
width: 33%;
float: right;
}
.bypostauthor {
opacity: 1;
}
.alignfull, .alignwide {
width: 100%;
position: relative;
background-color: var(--theme-color-white);
}
figcaption, .wp-caption-text {
color: var(--text-color);
display: block;
font-size: 1rem;
line-height: 1.5;
padding: 0 0 5px;
}
.wp-block-latest-comments__comment-date {
font-weight: normal;
color: #999;
}
.wp-block-media-text {
margin-top: 1.5em;
}
.wp-block-group,
.wp-block-media-text {
margin-bottom: 1.5em;
}
.main-content-area .entry-content .post-excerpt > *.alignwide,
.main-content-area .entry-summary .post-excerpt > *.alignwide {
margin-left: auto;
margin-right: auto;
clear: both;
}
@media only screen and (min-width: 768px) {
.main-content-area .entry-content .post-excerpt > *.alignwide,
.main-content-area .entry-summary .post-excerpt > *.alignwide {
width: 100%;
max-width: 100%;
}
}
.wp-block-quote[style*="text-align:right"],
.wp-block-quote[style*="text-align: right"] {
border-left: none;
border-right: 2px solid var(--theme-color-dark);
padding-left: 0;
padding-right: 1em;
}
.wp-block-quote.is-large cite,
.wp-block-quote.is-large footer,
.wp-block-quote.is-style-large cite,
.wp-block-quote.is-style-large footer {
text-align: left;
}
:root .has-very-dark-gray-color {
color: #222;
}
.main-content-area .entry-content .wp-block-separator {
background-color: #767676;
border: 0;
height: 2px;
margin-bottom: 2rem;
margin-top: 2rem;
max-width: 2.25em;
text-align: left;
}
.main-content-area .entry-content .wp-block-separator.is-style-wide {
max-width: 100%;
}
.main-content-area .entry-content .wp-block-separator.is-style-dots {
max-width: 100%;
background-color: inherit;
border: inherit;
height: inherit;
text-align: center;
}
.tm-responsive-video {
position: relative;
padding-bottom: 56.25%;
margin-bottom: 30px;
padding-top: 0;
height: 0;
overflow: hidden;
}
.tm-responsive-video iframe,
.tm-responsive-video object,
.tm-responsive-video embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.wp-block-embed-wordpress-tv.wp-block-embed.wp-embed-aspect-16-9 .wp-block-embed__wrapper .tm-responsive-video {
width: 100%;
position: relative;
padding: 0;
padding-top: 56.25%;
}
.wp-block-embed-wordpress-tv.wp-block-embed.wp-embed-aspect-16-9 .wp-block-embed__wrapper .tm-responsive-video > iframe,
.wp-block-embed-wordpress-tv.wp-block-embed.wp-embed-aspect-16-9 .wp-block-embed__wrapper .tm-responsive-video > object,
.wp-block-embed-wordpress-tv.wp-block-embed.wp-embed-aspect-16-9 .wp-block-embed__wrapper .tm-responsive-video > embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.wp-block-embed-wordpress-tv {
border: 0;
padding: 0;
}
.wp-block-embed-wordpress-tv .tm-responsive-video {
margin-bottom: 20px;
}
.wp-block-embed-wordpress-tv figcaption {
margin-bottom: 0;
}
.wp-block-embed-twitter {
border: 0;
padding: 0;
}
.wp-block-cover-image-text,
.wp-block-cover-text,
section.wp-block-cover-image h2 {
color: #fff !important;
}
.wp-block-cover :not(.has-text-color):not(.has-inline-color):not(a) {
color: #fff !important;
}
.wp-caption {
padding-bottom: 0;
}
.wp-block-button {
float: none;
margin: 1.5em 0;
}
.wp-block-button .wp-block-button__link {
position: relative;
display: inline-block;
vertical-align: middle;
width: auto;
margin: 0;
font-size: var(--btn-font-size);
line-height: 1.2;
font-weight: 600;
text-decoration: none;
border-radius: 0;
outline: 0;
-webkit-transition: all, background-color 0.2s ease-out, border-color 0.2s ease-out;
-o-transition: all, background-color 0.2s ease-out, border-color 0.2s ease-out;
transition: all, background-color 0.2s ease-out, border-color 0.2s ease-out;
padding: 15px 36px;
color: var(--theme-color1-text-color);
background-color: var(--theme-color1);
border: 1px solid transparent;
border-radius: 28px;
cursor: pointer;
}
.wp-block-button .wp-block-button__link:hover {
color: var(--theme-color3-text-color);
background-color: var(--theme-color3);
border: 1px solid var(--theme-color1);
}
.wp-block-button.is-style-outline .wp-block-button__link {
color: var(--text-color);
border: 2px solid var(--theme-color1);
background-color: transparent;
border-width: 2px;
}
.wp-block-button.is-style-outline .wp-block-button__link:hover {
color: var(--theme-color1-text-color);
background-color: var(--theme-color1);
border-color: transparent;
}
.wp-block-button.wp-block-button.is-style-squared .wp-block-button__link {
border-radius: 0;
}
.wp-block-button.alignright {
text-align: right;
margin-top: 0;
margin-left: 2rem;
}
.wp-block-button.alignleft {
text-align: left;
margin-top: 0;
margin-right: 2rem;
}
.wp-block-button a:hover {
background-color: var(--theme-color-dark);
border-color: var(--theme-color-dark);
color: var(--theme-color-dark-text-color);
}
.wp-block-cover,
.wp-block-cover-image {
position: relative;
background-size: cover;
background-position: 50%;
min-height: 430px;
width: 100%;
margin-bottom: 20px;
display: flex;
justify-content: center;
align-items: center;
padding: 1em;
box-sizing: border-box;
}
.main-content-area article p,
.main-content-area article p.wp-block-cover-text {
margin-bottom: 0;
}
.wp-block-columns.alignfull, .wp-block-columns.alignwide {
padding: 30px;
}
.wp-block-gallery {
margin-bottom: 30px;
}
.wp-block-gallery figcaption,
.wp-block-gallery .wp-caption-text {
margin-top: 0;
margin-bottom: 20px;
}
.widget .wp-block-gallery {
margin-bottom: 0;
}
.wp-block-categories-dropdown,
.wp-block-archives-dropdown {
margin-bottom: 30px;
}
.wp-block-archives-list {
margin-bottom: 30px;
padding-left: 0 !important;
}
.wp-block-group.has-background {
padding: 20px 30px;
}
.wp-block-media-text.alignfull, .wp-block-media-text.alignwide {
padding: 0;
}
figure {
margin: 1em 0;
}
.wp-block-table.is-style-stripes {
border-bottom: 1px solid var(--theme-color-light);
}
.wp-block-table.is-style-stripes td,
.wp-block-table.is-style-stripes th {
border: 1px solid var(--theme-color-silver);
}
.wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
background-color: var(--theme-color-silver);
}
.wp-block-columns .wp-block-column p:last-of-type,
.wp-block-group .wp-block-group__inner-container p:last-of-type {
margin-bottom: 0;
}
.wp-block-image {
margin: 0.5em 0 1em;
}
.wp-block-file__button:hover {
color: #777;
}
.post-excerpt .wp-block-archives {
margin-bottom: 30px;
}
.post-excerpt .wp-block-archives li {
margin-bottom: 10px;
}
.wp-block-categories-list, .wp-block-page-list, .wp-block-page-list li {
list-style: none;
} .wp-block-group .wp-block-group__inner-container > * {
margin-bottom: 35px;
}
.wp-block-group .wp-block-group__inner-container > :last-child {
margin-bottom: 0;
}
.wp-block-group .wp-block-group__inner-container p.wp-block-tag-cloud {
margin-bottom: 0;
}
.widget_block > ul:not([class]) {
margin-left: 15px;
list-style: circle;
}
.widget_block > ul:not([class]) li {
list-style: circle;
}
.widget_block .wp-block-group,
.widget_block .wp-block-media-text {
margin-bottom: 0;
}
.widget_block .wp-block-group .wp-block-group__inner-container > *:first-child {
margin-top: 0;
}
.widget_block .widget-inner > ul:not([class]) {
margin-left: 15px;
list-style: circle;
}
.widget_block .widget-inner > ul:not([class]) li {
list-style: circle;
}
.widget_block.widget_text .widget-inner p:last-of-type {
margin-bottom: 0;
}
.widget_block .wp-block-pullquote {
margin: 0;
padding: 3em 0 2rem;
}
.widget_block .wp-block-pullquote blockquote {
padding: 0;
position: relative;
}
.widget_block .wp-block-pullquote blockquote:before, .widget_block .wp-block-pullquote blockquote:after {
content: "";
background: url(//www.reggiadeitessali.it/wp-content/themes/hoteler/assets/images/blog/quote.png) no-repeat;
opacity: 0.1;
position: absolute;
margin: 0 auto;
width: 100px;
height: 100px;
transition: all 0.3s ease-in-out;
}
.widget_block .wp-block-pullquote blockquote:before {
top: -80px;
left: 0;
transform: rotate(180deg);
}
.widget_block .wp-block-pullquote blockquote:after {
bottom: -40px;
right: 0;
}
.widget_block .wp-block-pullquote blockquote p {
font-size: var(--h4-font-size);
font-family: var(--heading-font-family);
font-weight: var(--headings-font-weight-h4);
line-height: var(--headings-line-height-smaller);
}
.widget_block .wp-block-pullquote blockquote cite {
font-size: 1rem;
font-family: var(--body-font-family);
}
.widget_block .wp-block-pullquote blockquote:not(.has-text-color) p {
color: var(--footer-primary-text-color);
color: var(--headings-color);
}
.widget_block .wp-block-pullquote blockquote:not(.has-text-color) cite {
color: var(--theme-color1);
}
.widget_block .wp-block-pullquote blockquote:not(.has-text-color) cite a {
color: var(--news-widget-archive-icon-color);
}
.wp-block-rss {
padding-left: 0 !important;
}
.wp-block-rss .wp-block-rss__item .wp-block-rss__item-title {
display: inline-block;
font-size: var(--body-font-size);
}
.wp-block-latest-posts.wp-block-latest-posts__list {
padding-left: 0 !important;
}
.wp-block-latest-posts.wp-block-latest-posts__list li {
margin-bottom: 10px;
padding-bottom: 10px;
border-bottom: 1px solid rgba(150, 150, 150, 0.2);
line-height: var(--line-height-base);
}
.wp-block-latest-posts.wp-block-latest-posts__list li:last-child {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: 0;
}
.wp-block-latest-posts.wp-block-latest-posts__list li:after {
display: block;
clear: both;
content: "";
}
.wp-block-latest-posts.wp-block-latest-posts__list .wp-block-latest-posts__post-author,
.wp-block-latest-posts.wp-block-latest-posts__list .wp-block-latest-posts__post-date {
line-height: var(--line-height-base);
color: #999;
font-size: 14px;
font-weight: var(--body-font-weight);
}
.wp-block-latest-posts.wp-block-latest-posts__list.has-dates li {
position: relative;
padding-left: 60px;
color: #717178;
}
.wp-block-latest-posts.wp-block-latest-posts__list.has-dates li:before {
content: "\f302";
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 15px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
background-color: #1e1e22;
width: 40px;
height: 40px;
color: #ffffff;
transition: all 500ms ease;
position: absolute;
top: 3px;
left: 0;
}
.wp-block-latest-posts.wp-block-latest-posts__list.has-dates li:hover::before {
background-color: var(--news-widget-archive-icon-color);
color: var(--theme-color-dark-text-color);
}
.wp-block-latest-posts__list.is-grid li::before {
top: auto;
font-size: 13px;
width: 35px;
height: 35px;
}
.wp-block-latest-posts__list.is-grid.has-dates li {
padding-left: 0;
}
.wp-block-latest-posts__list.is-grid.has-dates li::before {
position: relative;
top: auto;
left: 0;
margin-bottom: 10px;
}
.wp-block-latest-posts {
margin-bottom: 10px;
}
.wp-block-latest-posts .wp-block-latest-posts__featured-image {
width: 70px;
margin-bottom: 0;
}
.wp-block-latest-posts a {
color: var(--sidebar_link_color);
font-size: var(--body-font-size);
font-weight: var(--body-font-weight);
font-family: var(--body-font-family);
}
.wp-block-latest-posts a:hover {
color: var(--hover-theme-color);
}
.wp-block-latest-posts .wp-block-latest-posts__post-excerpt {
font-size: 1rem;
}
.wp-block-tag-cloud .tag-cloud-link {
color: var(--sidebar_link_color);
font-weight: normal;
font-size: 1rem;
transition: all 0.3s ease;
}
.wp-block-tag-cloud .tag-cloud-link:hover {
color: var(--hover-theme-color);
}
.widget_rss ul li {
margin-bottom: 25px;
}
.wp-block-page-list li {
padding-left: 15px;
position: relative;
transition: all 0.3s ease;
}
.wp-block-page-list li::before {
content: "\f0da";
left: 0;
position: absolute;
font-family: "Font Awesome 5 Free";
font-weight: 600;
color: #ccc;
transition: all 0.3s ease;
}
.wp-block-page-list li::before {
color: var(--news-widget-archive-icon-color);
}
.wp-block-page-list li a {
color: var(--sidebar_link_color);
font-weight: normal;
font-size: var(--body-font-size);
}
.wp-block-page-list li > a:hover {
color: var(--hover-theme-color);
text-shadow: 0 0 1px var(--theme-color1);
}
.wp-block-navigation .wp-block-page-list li {
margin-bottom: 0;
}
.wp-block-navigation .wp-block-page-list li:before {
display: none;
}
.wp-block-navigation .wp-block-page-list li ul {
margin-top: 0;
}
.wp-block-latest-comments {
padding-left: 0 !important;
margin-bottom: 20px;
}
.wp-block-latest-comments .wp-block-latest-comments__comment {
margin-bottom: 20px;
line-height: var(--line-height-base);
display: flex;
}
.wp-block-latest-comments .wp-block-latest-comments__comment:last-child {
margin-bottom: 0;
}
.wp-block-latest-comments .wp-block-latest-comments__comment-meta a {
color: var(--sidebar_link_color);
font-size: var(--body-font-size);
font-weight: var(--body-font-weight);
font-family: var(--body-font-family);
}
.wp-block-latest-comments .wp-block-latest-comments__comment-meta a:hover {
color: var(--hover-theme-color);
}
.wp-block-latest-comments .wp-block-latest-comments__comment-meta .wp-block-latest-comments__comment-date {
font-size: 0.9rem;
}
.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt,
.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta {
margin-left: 1em;
}
.wp-calendar-nav {
display: flex;
justify-content: space-between;
align-items: center;
}
.wp-calendar-nav .wp-calendar-nav-prev a {
color: var(--news-widget-archive-icon-color);
text-decoration: none;
transition: all 500ms ease;
}
.wp-calendar-nav .wp-calendar-nav-prev a:hover {
color: var(--hover-theme-color);
}
.wp-block-verse {
background: none;
padding: 0;
}
.wp-block-table {
margin-bottom: 0;
}
.wp-block-table table {
width: 100%;
margin: 0;
}
.wp-block-table table td,
.wp-block-table table th {
padding: 10px 20px;
border: 1px solid var(--theme-color-silver);
}
.wp-block-archives {
margin: 0;
padding: 0;
list-style: none;
}
.wp-block-archives > li {
color: #bbb;
font-weight: normal;
font-size: var(--body-font-size);
}
.wp-block-archives > li::before {
content: "\f07b";
font-family: "Font Awesome 5 Free";
font-weight: 400;
color: var(--news-widget-archive-icon-color);
margin-right: 5px;
}
.wp-block-archives > li a {
margin-left: 5px;
color: var(--sidebar_link_color);
font-weight: normal;
font-size: var(--body-font-size);
}
.wp-block-archives > li > a:hover {
color: var(--hover-theme-color);
text-shadow: 0 0 1px var(--theme-color1);
}
.wp-block-preformatted,
.wp-block-code {
padding: 0;
}
.wp-block-preformatted:not(.has-background),
.wp-block-code:not(.has-background) {
background-color: transparent;
} footer#footer .widget_block h2 {
color: var(footer-widget-title-color);
}
footer#footer .widget_block .wp-block-preformatted:not(.has-text-color),
footer#footer .widget_block .wp-block-code:not(.has-text-color) {
color: var(--footer-primary-text-color);
}
footer#footer .widget_block .wp-block-latest-comments:not(.has-avatar):not(.has-dates) li:hover::before {
background-color: var(--theme-color3, #6222cc);
color: var(--theme-color3-text-color, #ffffff);
}
footer#footer .widget_block .wp-block-latest-comments .wp-block-latest-comments__comment-meta a {
color: var(--footer-link-color);
}
footer#footer .widget_block .wp-block-latest-comments .wp-block-latest-comments__comment-meta a:hover {
color: var(--footer-default-theme-color);
}
footer#footer .widget_block .wp-block-latest-comments .wp-block-latest-comments__comment-meta .wp-block-latest-comments__comment-date {
color: var(--footer-default-theme-color);
}
footer#footer .widget_block .wp-block-pullquote blockquote:not(.has-text-color) p {
color: var(--footer-primary-text-color);
}
footer#footer .widget_block .wp-block-page-list li::before {
color: var(--footer-default-theme-color);
}
footer#footer .widget_block .wp-block-page-list li a {
color: var(--footer-link-color);
}
footer#footer .widget_block .wp-block-page-list li a:hover {
color: var(--footer-link-color-hover);
}
footer#footer .widget_block .wp-block-latest-posts.wp-block-latest-posts__list .wp-block-latest-posts__post-author,
footer#footer .widget_block .wp-block-latest-posts.wp-block-latest-posts__list .wp-block-latest-posts__post-date {
color: var(--footer-default-theme-color);
}
footer#footer .widget_block .wp-block-latest-posts.wp-block-latest-posts__list .wp-block-latest-posts__post-excerpt {
color: var(--footer-primary-text-color);
}
footer#footer .widget_block .wp-block-latest-posts.wp-block-latest-posts__list.has-dates li {
color: #717178;
}
footer#footer .widget_block .wp-block-latest-posts.wp-block-latest-posts__list.has-dates li:before {
background-color: var(--footer-default-theme-color);
color: var(--footer-default-text-color-on-bg-theme-color);
}
footer#footer .widget_block .wp-block-latest-posts a {
color: var(--footer-link-color);
}
footer#footer .widget_block .wp-block-latest-posts a:hover {
color: var(--footer-link-color-hover);
}
footer#footer .widget_block .wp-block-table table td,
footer#footer .widget_block .wp-block-table table th {
border-color: rgba(var(--footer-primary-text-color), 0.4);
}
footer#footer .widget_block .wp-block-verse {
color: var(--footer-primary-text-color);
}
footer#footer .wp-block-calendar .wp-calendar-table caption,
footer#footer .widget_calendar .wp-calendar-table caption {
color: var(--footer-default-theme-color);
}
footer#footer .wp-block-calendar .wp-calendar-table thead,
footer#footer .widget_calendar .wp-calendar-table thead {
background-color: var(--footer-default-theme-color);
}
footer#footer .wp-block-calendar .wp-calendar-table thead th,
footer#footer .widget_calendar .wp-calendar-table thead th {
color: var(--footer-default-text-color-on-bg-theme-color);
}
footer#footer .wp-block-calendar .wp-calendar-table tbody,
footer#footer .widget_calendar .wp-calendar-table tbody {
background-color: var(--theme-color-white);
}
footer#footer .wp-block-calendar .wp-calendar-table tbody td,
footer#footer .widget_calendar .wp-calendar-table tbody td {
color: #555;
}
footer#footer .wp-block-calendar .wp-calendar-nav a,
footer#footer .widget_calendar .wp-calendar-nav a {
color: var(--footer-link-color);
}
footer#footer .wp-block-calendar .wp-calendar-nav a:hover,
footer#footer .widget_calendar .wp-calendar-nav a:hover {
color: var(--footer-default-hover-theme-color);
} .gallery {
margin-bottom: 1.5em;
display: grid;
grid-gap: 1.5em;
}
.gallery-item {
display: inline-block;
text-align: center;
width: 100%;
}
.gallery-columns-2 {
grid-template-columns: repeat(2, 1fr);
}
.gallery-columns-3 {
grid-template-columns: repeat(3, 1fr);
}
.gallery-columns-4 {
grid-template-columns: repeat(4, 1fr);
}
.gallery-columns-5 {
grid-template-columns: repeat(5, 1fr);
}
.gallery-columns-6 {
grid-template-columns: repeat(6, 1fr);
}
.gallery-columns-7 {
grid-template-columns: repeat(7, 1fr);
}
.gallery-columns-8 {
grid-template-columns: repeat(8, 1fr);
}
.gallery-columns-9 {
grid-template-columns: repeat(9, 1fr);
}
.gallery-caption {
display: block;
}
.gallery-item a,
.gallery-item a:hover,
.gallery-item a:focus {
-webkit-box-shadow: none;
box-shadow: none;
background: none;
display: inline-block;
max-width: 100%;
}
.gallery-item a img {
display: block;
-webkit-transition: -webkit-filter 0.2s ease-in;
transition: -webkit-filter 0.2s ease-in;
transition: filter 0.2s ease-in;
transition: filter 0.2s ease-in, -webkit-filter 0.2s ease-in;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.gallery-item a:hover img,
.gallery-item a:focus img {
-webkit-filter: opacity(60%);
filter: opacity(60%);
}
.gallery-caption {
display: block;
text-align: center;
padding: 0 10px 0 0;
margin-bottom: 0;
}  footer#footer {
background-color: var(--footer-bg-color);
color: var(--footer-primary-text-color);
}
body.elementor-page footer#footer {
--footer-bg-color: transparent;
}
footer#footer b,
footer#footer strong {
color: var(--footer-primary-text-color);
}
footer#footer .footer-widget-area .default-footer-padding {
padding-bottom: 50px;
padding-top: 100px;
}
footer#footer .footer-widget-area .widget {
margin-bottom: 45px;
}
footer#footer .footer-widget-area .widget .widget-title {
color: var(footer-widget-title-color);
margin-bottom: 35px;
}
footer#footer .footer-widget-area .widget .widget-title.widget-title-line-bottom:after, footer#footer .footer-widget-area .widget .widget-title.widget-title-line-bottom:before {
background: #666;
}
footer#footer .footer-widget-area .widget .widget-title.widget-title-line-bottom:before {
background: rgba(240, 240, 240, 0.1);
}
footer#footer .footer-widget-area .widget .widget-title.line-bottom-theme-colored1:after {
background: var(--theme-color1);
}
footer#footer .footer-widget-area .elementor-element .elementor-widget-container .widget:last-child {
margin-bottom: 0;
}  .widget_nav_menu.split-nav-menu ul li {
margin-bottom: 4px !important;
width: 50%;
float: left;
padding-right: 3px;
} footer#footer .footer-widget-area .widget .widget-title {
margin-bottom: 20px;
}
footer#footer .footer-widget-area .widget .widget-title.widget-title-line-bottom {
padding-bottom: 20px;
}
footer#footer .widget.widget_archive ul li::before, footer#footer .widget.widget_categories ul li::before, footer#footer .widget.widget_pages ul li::before, footer#footer .widget.widget_meta ul li::before, footer#footer .widget.widget_recent_comments ul li::before, footer#footer .widget.widget_rss ul li::before, footer#footer .widget.widget_links ul li::before, footer#footer .widget.widget_recent_entries ul li::before, footer#footer .widget.widget_nav_menu ul li::before {
color: var(--footer-default-theme-color);
}
footer#footer .widget.widget_archive ul li a, footer#footer .widget.widget_categories ul li a, footer#footer .widget.widget_pages ul li a, footer#footer .widget.widget_meta ul li a, footer#footer .widget.widget_recent_comments ul li a, footer#footer .widget.widget_rss ul li a, footer#footer .widget.widget_links ul li a, footer#footer .widget.widget_recent_entries ul li a, footer#footer .widget.widget_nav_menu ul li a {
color: var(--footer-link-color);
}
footer#footer .widget.widget_archive ul li a:focus, footer#footer .widget.widget_archive ul li a:hover, footer#footer .widget.widget_archive ul li a:active, footer#footer .widget.widget_categories ul li a:focus, footer#footer .widget.widget_categories ul li a:hover, footer#footer .widget.widget_categories ul li a:active, footer#footer .widget.widget_pages ul li a:focus, footer#footer .widget.widget_pages ul li a:hover, footer#footer .widget.widget_pages ul li a:active, footer#footer .widget.widget_meta ul li a:focus, footer#footer .widget.widget_meta ul li a:hover, footer#footer .widget.widget_meta ul li a:active, footer#footer .widget.widget_recent_comments ul li a:focus, footer#footer .widget.widget_recent_comments ul li a:hover, footer#footer .widget.widget_recent_comments ul li a:active, footer#footer .widget.widget_rss ul li a:focus, footer#footer .widget.widget_rss ul li a:hover, footer#footer .widget.widget_rss ul li a:active, footer#footer .widget.widget_links ul li a:focus, footer#footer .widget.widget_links ul li a:hover, footer#footer .widget.widget_links ul li a:active, footer#footer .widget.widget_recent_entries ul li a:focus, footer#footer .widget.widget_recent_entries ul li a:hover, footer#footer .widget.widget_recent_entries ul li a:active, footer#footer .widget.widget_nav_menu ul li a:focus, footer#footer .widget.widget_nav_menu ul li a:hover, footer#footer .widget.widget_nav_menu ul li a:active {
color: var(--footer-link-color-hover);
}
footer#footer .widget.widget_rss ul li .rsswidget {
color: #fff;
}
footer#footer .widget.widget_rss ul li .rss-date {
color: var(--footer-default-theme-color);
}
footer#footer .widget.widget_rss ul li .rssSummary {
color: var(--footer-link-color);
}
footer#footer .widget.widget_rss ul li cite {
color: #aaa;
}
footer#footer .widget.widget_recent_comments ul > li {
color: #aaa;
}
footer#footer .widget.widget_recent_comments ul > li a {
color: var(--footer-link-color);
font-style: italic;
}
footer#footer .widget.widget_recent_comments ul > li a:hover {
color: var(--footer-default-theme-color);
}
footer#footer .widget.widget_recent_comments ul > li .comment-author-link,
footer#footer .widget.widget_recent_comments ul > li .comment-author-link a {
color: var(--theme-color1);
font-style: normal;
}
footer#footer .widget.widget_recent_comments ul > li .comment-author-link:hover,
footer#footer .widget.widget_recent_comments ul > li .comment-author-link a:hover {
color: var(--footer-default-hover-theme-color);
}
footer#footer .widget.widget_tag_cloud .tagcloud > a:hover {
background: var(--footer-default-theme-color);
color: var(--footer-default-text-color-on-bg-theme-color);
}
footer#footer .widget .wp-block-tag-cloud > a:hover {
background: var(--footer-default-theme-color);
color: var(--footer-default-text-color-on-bg-theme-color);
}
footer#footer .widget.widget-blog-list .tm-widget-blog-list .post .post-right .post-title a {
color: #ddd;
}
footer#footer .widget.widget-blog-list .tm-widget-blog-list .post .post-right .post-title a:hover {
color: var(--footer-default-hover-theme-color);
}
footer#footer .widget.widget-blog-list .tm-widget-blog-list .post .post-right .entry-date {
color: #aaa;
}
footer#footer .wp-block-archives li::before,
footer#footer .wp-block-categories li::before {
color: var(--footer-default-theme-color);
}
footer#footer .wp-block-archives li a,
footer#footer .wp-block-categories li a {
color: var(--footer-link-color);
}
footer#footer .wp-block-archives li a:focus, footer#footer .wp-block-archives li a:hover, footer#footer .wp-block-archives li a:active,
footer#footer .wp-block-categories li a:focus,
footer#footer .wp-block-categories li a:hover,
footer#footer .wp-block-categories li a:active {
color: var(--footer-link-color-hover);
}
footer#footer .footer-widget-area .widget.widget_block .wp-block-group__inner-container h2:after, footer#footer .footer-widget-area .widget.widget_block .wp-block-group__inner-container h2:before {
background: var(--footer-default-theme-color);
}
footer#footer .footer-widget-area .widget.widget_block .wp-block-group__inner-container h2:before {
background: rgba(240, 240, 240, 0.1);
}  .tm-sc-section-title.line-left-current-theme .title-wrapper .subtitle {
position: relative;
display: inline-block;
padding-left: 50px;
}
.tm-sc-section-title.line-left-current-theme .title-wrapper .subtitle::before {
content: "";
position: absolute;
top: 10px;
left: 0;
width: 37px;
height: 10px;
background-image: url(//www.reggiadeitessali.it/wp-content/themes/hoteler/assets/images/current-theme/before.png);
}
.tm-sc-section-title.line-left-current-theme-white .title-wrapper .subtitle {
position: relative;
display: inline-block;
padding-left: 50px;
}
.tm-sc-section-title.line-left-current-theme-white .title-wrapper .subtitle::before {
content: "";
position: absolute;
top: 10px;
left: 0;
width: 37px;
height: 10px;
background-image: url(//www.reggiadeitessali.it/wp-content/themes/hoteler/assets/images/current-theme/before-white.png);
}
.tm-sc-section-title.line-right-current-theme .title-wrapper .subtitle {
position: relative;
display: inline-block;
font-family: var(--font-current-theme3);
}
.tm-sc-section-title.line-right-current-theme .title-wrapper .subtitle::after {
content: "";
position: absolute;
top: 10px;
left: 100%;
margin-left: 5px;
width: 37px;
height: 10px;
background-image: url(//www.reggiadeitessali.it/wp-content/themes/hoteler/assets/images/current-theme/before.png);
}
.tm-sc-section-title.line-right-current-theme-white .title-wrapper .subtitle {
position: relative;
display: inline-block;
}
.tm-sc-section-title.line-right-current-theme-white .title-wrapper .subtitle::after {
content: "";
position: absolute;
top: 10px;
left: 100%;
margin-left: 5px;
width: 37px;
height: 10px;
background-image: url(//www.reggiadeitessali.it/wp-content/themes/hoteler/assets/images/current-theme/before-white.png);
}
.tm-sc-section-title.line-both-side-current-theme .title-wrapper .subtitle {
position: relative;
display: inline-block;
}
.tm-sc-section-title.line-both-side-current-theme .title-wrapper .subtitle::before {
content: "";
position: absolute;
top: 10px;
left: -50px;
width: 37px;
height: 10px;
background-image: url(//www.reggiadeitessali.it/wp-content/themes/hoteler/assets/images/current-theme/before.png);
}
.tm-sc-section-title.line-both-side-current-theme .title-wrapper .subtitle::after {
content: "";
position: absolute;
top: 10px;
left: 100%;
margin-left: 5px;
width: 37px;
height: 10px;
background-image: url(//www.reggiadeitessali.it/wp-content/themes/hoteler/assets/images/current-theme/before.png);
} .gradient-bg-section {
position: relative;
z-index: 1;
overflow: hidden;
}
.gradient-bg-section::before, .gradient-bg-section::after {
content: "";
position: absolute;
left: 30px;
top: 60px;
width: 550px;
height: 550px;
background: #cef0ff;
opacity: 0.3;
filter: blur(75px);
border-radius: 50%;
z-index: -3;
}
.gradient-bg-section::after {
background: #e4ceff;
top: -105px;
left: auto;
right: 30%;
}
.gradient-bg-section2 {
position: relative;
z-index: 1;
overflow: hidden;
}
.gradient-bg-section2::before {
content: "";
position: absolute;
left: -127px;
top: 90px;
width: 530px;
height: 530px;
background: #cc3de3;
opacity: 0.05;
filter: blur(75px);
border-radius: 50%;
z-index: -1;
}
.gradient-bg-section2::after {
content: "";
position: absolute;
right: -120px;
top: 80px;
width: 530px;
height: 530px;
background: #5e3de3;
opacity: 0.1;
filter: blur(75px);
z-index: -1;
}
.blur-effect {
backdrop-filter: blur(10px);
}    @media (min-width: 992px) and (max-width: 1199.98px) {
h1 {
font-size: 3.3rem;
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
h1 {
font-size: 3.1rem;
}
}
@media (max-width: 575.98px) {
h1 {
font-size: 3rem;
}
}.kodelisting-reservation-form {
--field-height: 48px;
--field-space: 30px;
--dropdown-bg: #fff;
--dropdown-color: #000;
--dropdown-border: var(--theme-color1);
--icon-color: var(--theme-color1);
--form-bg: var(--theme-color1);
--form-border-color: rgba(var(--theme-color1-rgb), 0.3);
--field-space: 12px;
--form-side-padding: 10px;
}
.kodelisting-reservation-form input[type=text],
.kodelisting-reservation-form input[type=email],
.kodelisting-reservation-form input[type=url],
.kodelisting-reservation-form input[type=file],
.kodelisting-reservation-form input[type=password],
.kodelisting-reservation-form input[type=number],
.kodelisting-reservation-form input[type=date],
.kodelisting-reservation-form input[type=search],
.kodelisting-reservation-form input[type=tel],
.kodelisting-reservation-form textarea {
width: 100%;
padding: 5px var(--form-side-padding);
}
.kodelisting-reservation-form .kodelisting-form-field .field-wrap,
.kodelisting-reservation-form .kodelisting-form-field .field-input-wrap {
position: relative;
}
.kodelisting-reservation-form .kodelisting-form-field:not(.kodelisting-submit) .field-input-wrap:after {
font-family: "linearicons-free";
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
content: "\e874";
font-size: 12px;
line-height: 1;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
right: 10px;
opacity: 0.5;
}
.kodelisting-reservation-form .kodelisting-form-label {
display: block;
}
.kodelisting-reservation-form .kodelisting-form-label .kodelisting-item-description {
display: block;
margin-top: -2px;
font-family: var(--body-font);
font-size: 13px;
font-size: 0.8125rem;
line-height: 1;
opacity: 0.5;
}
.kodelisting-reservation-form .field-wrap > .kodelisting-form-label {
color: var(--text-color);
}
.kodelisting-reservation-form input[type=text],
.kodelisting-reservation-form input[type=email],
.kodelisting-reservation-form input[type=url],
.kodelisting-reservation-form input[type=file],
.kodelisting-reservation-form input[type=password],
.kodelisting-reservation-form input[type=number],
.kodelisting-reservation-form input[type=date],
.kodelisting-reservation-form input[type=search],
.kodelisting-reservation-form input[type=tel],
.kodelisting-reservation-form textarea,
.kodelisting-reservation-form select {
height: var(--field-height);
font-size: 14px;
font-size: 0.875rem;
background: none;
border-color: var(--form-border-color);
border-style: solid;
border-width: 1px;
border-radius: 0;
color: var(--text-color);
}
.kodelisting-reservation-form select {
-webkit-appearance: none !important;
width: 100%;
}
.kodelisting-reservation-form button[type=submit] {
padding: 0 15px;
width: 100%;
height: var(--field-height);
line-height: 1.2;
text-align: center;
}
.kodelisting-reservation-form.skin-default .kodelisting-form-field:not(:first-child) {
padding-top: var(--field-space);
}
.kodelisting-reservation-form.skin-default .form-field-col-1-2 {
display: inline-block;
width: 49.2%;
}
.kodelisting-reservation-form.skin-default .form-field-col-1-2.kodelisting-adults {
padding-right: calc(var(--field-space) / 2);
}
.kodelisting-reservation-form.skin-default .form-field-col-1-2.kodelisting-children {
padding-left: calc(var(--field-space) / 2);
}
.kodelisting-reservation-form.skin-default .form-field-col-1-2 .kodelisting-dropdown {
padding: 15px;
}
.kodelisting-reservation-form.skin-default .form-field-col-1-2 .kodelisting-dropdown .kodelisting-dropdown-item {
flex-wrap: wrap;
}
.kodelisting-reservation-form.skin-default .form-field-col-1-2 .kodelisting-dropdown .kodelisting-form-label {
display: none;
}
.kodelisting-reservation-form.skin-default .form-field-col-1-2 .kodelisting-dropdown .kodelisting-dropdown-item {
justify-content: center;
}
.kodelisting-reservation-form.skin-default .form-field-col-1-2 .kodelisting-dropdown .kodelisting-item-description {
padding-top: 5px;
width: 100%;
border-top: 1px dotted var(--dropdown-border);
text-align: center;
font-size: 12px;
font-size: 0.75rem;
opacity: 0.5;
}
.kodelisting-reservation-form.skin-default .kodelisting-dropdown {
min-width: 100px;
width: 100%;
}
.kodelisting-reservation-form.skin-horizontal-form .kodelisting-form-wrap {
position: relative;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin: 0 calc(0px - var(--field-space) / 2);
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
@media (max-width: 1024px) {
.kodelisting-reservation-form.skin-horizontal-form .kodelisting-form-wrap {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
.kodelisting-reservation-form.skin-horizontal-form .kodelisting-form-wrap .kodelisting-form-field {
position: relative;
display: inline-block;
width: 100%;
vertical-align: top;
padding: 0 calc(var(--field-space) / 2);
}
@media (max-width: 1024px) {
.kodelisting-reservation-form.skin-horizontal-form .kodelisting-form-wrap .kodelisting-form-field {
width: 50%;
}
.kodelisting-reservation-form.skin-horizontal-form .kodelisting-form-wrap .kodelisting-form-field {
margin-top: 15px;
}
.kodelisting-reservation-form.skin-horizontal-form .kodelisting-form-wrap .kodelisting-form-field:nth-child(-n+2) {
margin-top: 0;
}
.kodelisting-reservation-form.skin-horizontal-form .kodelisting-form-wrap .kodelisting-form-field.kodelisting-submit {
width: 100%;
}
}
@media (max-width: 768px) {
.kodelisting-reservation-form.skin-horizontal-form .kodelisting-form-wrap .kodelisting-form-field {
width: 100%;
}
.kodelisting-reservation-form.skin-horizontal-form .kodelisting-form-wrap .kodelisting-form-field:nth-child(-n+2) {
margin-top: var(--field-space);
}
}
.kodelisting-reservation-form.skin-horizontal-form button[type=submit] {
padding: 0 15px;
text-align: center;
width: 100%;
}
.kodelisting-reservation-form.skin-horizontal-form.skin-group-fields-form4 {
--field-space: 15px;
}
.kodelisting-reservation-form.skin-horizontal-form.skin-group-fields-form4 .kodelisting-form-wrap {
flex-wrap: wrap;
}
.kodelisting-reservation-form.skin-horizontal-form.skin-group-fields-form4 .kodelisting-form-field {
display: block;
width: 50%;
margin-top: var(--field-space);
}
.kodelisting-reservation-form.skin-horizontal-form.skin-group-fields-form4 .kodelisting-form-field:nth-child(-n+2) {
margin-top: 0;
}
.kodelisting-reservation-form.skin-horizontal-form.skin-group-fields-form4 .kodelisting-form-field.kodelisting-submit:nth-child(5) {
width: 100%;
}
@media (max-width: 768px) {
.kodelisting-reservation-form.skin-horizontal-form.skin-group-fields-form4 .kodelisting-form-field {
width: 100%;
}
.kodelisting-reservation-form.skin-horizontal-form.skin-group-fields-form4 .kodelisting-form-field:nth-child(-n+2) {
margin-top: var(--field-space);
}
}
.kodelisting-reservation-form.skin-horizontal-form2 {
--field-space: 40px;
}
.kodelisting-reservation-form.skin-horizontal-form2 .kodelisting-form-wrap {
margin: 0;
align-items: center;
}
.kodelisting-reservation-form.skin-horizontal-form2 .kodelisting-form-wrap .kodelisting-form-field:not(.kodelisting-submit) {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
align-items: center;
}
.kodelisting-reservation-form.skin-horizontal-form2 .kodelisting-form-wrap .field-wrap {
flex: 1 1 auto;
}
.kodelisting-reservation-form.skin-horizontal-form2 .kodelisting-form-wrap .kodelisting-form-field {
padding-left: 0;
padding-right: 0;
}
.kodelisting-reservation-form.skin-horizontal-form2 .kodelisting-form-wrap .kodelisting-form-field.kodelisting-check-out, .kodelisting-reservation-form.skin-horizontal-form2 .kodelisting-form-wrap .kodelisting-form-field.kodelisting-guests {
padding-left: var(--field-space);
}
@media (max-width: 1024px) {
.kodelisting-reservation-form.skin-horizontal-form2 .kodelisting-form-wrap .kodelisting-form-field.kodelisting-check-out, .kodelisting-reservation-form.skin-horizontal-form2 .kodelisting-form-wrap .kodelisting-form-field.kodelisting-guests {
padding-left: 0;
}
}
@media (max-width: 1024px) {
.kodelisting-reservation-form.skin-horizontal-form2 .kodelisting-form-wrap .kodelisting-form-field {
width: 100%;
}
.kodelisting-reservation-form.skin-horizontal-form2 .kodelisting-form-wrap .kodelisting-form-field {
margin-top: 15px !important;
}
}
.kodelisting-reservation-form.skin-horizontal-form2 .kodelisting-form-icon {
width: 20px;
height: 25px;
margin-right: 25px;
}
.kodelisting-reservation-form.skin-horizontal-form2 .kodelisting-form-icon svg {
width: 20px;
height: auto;
}
.kodelisting-reservation-form.skin-horizontal-form2 .kodelisting-form-icon svg path {
fill: var(--icon-color);
}
.kodelisting-reservation-form.skin-horizontal-form2 .kodelisting-form-field.kodelisting-guests .kodelisting-form-icon,
.kodelisting-reservation-form.skin-horizontal-form2 .kodelisting-form-field.kodelisting-guests .kodelisting-form-icon svg {
width: 25px;
}
.kodelisting-reservation-form.skin-horizontal-form2 .kodelisting-form-field:not(.kodelisting-submit) .field-input-wrap:after {
display: none;
}
.kodelisting-reservation-form.skin-horizontal-form2 .kodelisting-form-field:not(.kodelisting-submit):after {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
right: 30px;
display: block;
width: 1px;
height: 56px;
background: rgba(250, 250, 250, 0.1);
content: "";
right: 0;
}
.kodelisting-reservation-form.skin-horizontal-form2 .kodelisting-form-field.kodelisting-guests:after {
display: none;
}
.kodelisting-reservation-form.skin-horizontal-form2 .field-wrap > .kodelisting-form-label {
font-size: 18px;
font-size: 1.125rem;
line-height: 1.2;
}
.kodelisting-reservation-form.skin-horizontal-form2 input[type=text],
.kodelisting-reservation-form.skin-horizontal-form2 input[type=email],
.kodelisting-reservation-form.skin-horizontal-form2 input[type=url],
.kodelisting-reservation-form.skin-horizontal-form2 input[type=file],
.kodelisting-reservation-form.skin-horizontal-form2 input[type=password],
.kodelisting-reservation-form.skin-horizontal-form2 input[type=number],
.kodelisting-reservation-form.skin-horizontal-form2 input[type=date],
.kodelisting-reservation-form.skin-horizontal-form2 input[type=search],
.kodelisting-reservation-form.skin-horizontal-form2 input[type=tel],
.kodelisting-reservation-form.skin-horizontal-form2 textarea,
.kodelisting-reservation-form.skin-horizontal-form2 select {
padding: 0;
height: auto;
border: none;
line-height: 1.2;
}
.kodelisting-reservation-form.skin-horizontal-form2 button[type=submit] {
min-height: 56px;
}
.kodelisting-reservation-form.skin-horizontal-form2.inline-label {
--field-space: 60px;
}
.kodelisting-reservation-form.skin-horizontal-form2.inline-label .kodelisting-form-icon {
margin-right: 15px;
}
.kodelisting-reservation-form.skin-horizontal-form2.inline-label .kodelisting-form-label {
left: 0;
}
.kodelisting-reservation-form.skin-horizontal-form2.inline-label .kodelisting-form-field:not(.kodelisting-submit):after {
right: 0;
}
.kodelisting-reservation-form.skin-horizontal-form2.inline-label .kodelisting-form-field.kodelisting-check-in,
.kodelisting-reservation-form.skin-horizontal-form2.inline-label .kodelisting-form-field.kodelisting-check-out {
width: 23%;
}
.kodelisting-reservation-form.skin-horizontal-form2.inline-label .kodelisting-form-field.kodelisting-guests {
width: 30%;
}
.kodelisting-reservation-form.skin-horizontal-form2.inline-label .kodelisting-form-field.kodelisting-submit {
width: 24%;
}
.kodelisting-reservation-form.style-banner-3 {
--field-height: 60px;
--field-space: 0px;
--btn-radius: 0px;
}
.kodelisting-reservation-form.style-banner-3 .kodelisting-form-wrap {
margin: 0 5px;
}
.kodelisting-reservation-form.style-banner-3 .kodelisting-form-wrap:before {
position: absolute;
top: 5px;
left: -5px;
display: block;
width: calc(100% + 10px);
height: calc(100% - 10px);
border: 1px solid var(--form-border-color);
content: "";
pointer-events: none;
}
.kodelisting-reservation-form.style-banner-3 .kodelisting-form-wrap .kodelisting-form-field {
padding: 0;
}
.kodelisting-reservation-form.style-banner-3 .kodelisting-form-wrap .button {
background: none;
color: inherit;
border: 1px solid var(--form-border-color);
}
.kodelisting-reservation-form.inline-label .field-wrap > .kodelisting-form-label {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
left: 15px;
}
.kodelisting-reservation-form.inline-label .field-input-wrap > * {
text-align: right;
padding-right: 35px;
}
.kodelisting-reservation-form.inline-label.kodelisting-form-underline .field-wrap > .kodelisting-form-label {
left: 0;
}
.kodelisting-reservation-form.inline-label.kodelisting-form-underline .field-input-wrap > * {
padding-right: 25px;
}
.kodelisting-reservation-form.inline-label.kodelisting-form-underline .kodelisting-form-field:not(.kodelisting-submit) .field-input-wrap:after {
right: 0;
}
.kodelisting-reservation-form.hide-label .field-wrap > .kodelisting-form-label {
display: none;
}
.kodelisting-reservation-form .kodelisting-dropdown {
position: absolute;
bottom: -12px;
left: 0;
-webkit-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%);
z-index: -1;
display: block;
min-width: 320px;
background: var(--dropdown-bg);
color: var(--dropdown-color);
border: 1px solid var(--dropdown-border);
box-shadow: 0 0 50px rgba(50, 50, 50, 0.2);
padding: 30px;
transition: 0.3s;
opacity: 0;
pointer-events: none;
visibility: hidden;
}
.kodelisting-reservation-form .kodelisting-dropdown.is-open {
z-index: 999;
opacity: 1;
pointer-events: auto;
visibility: visible;
}
.kodelisting-reservation-form .kodelisting-dropdown .kodelisting-dropdown-item,
.kodelisting-reservation-form .kodelisting-dropdown .kodelisting-quantity {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
align-items: center;
justify-content: space-between;
}
.kodelisting-reservation-form .kodelisting-dropdown .kodelisting-dropdown-item:not(:last-child) {
margin-bottom: 15px;
}
.kodelisting-reservation-form .kodelisting-dropdown .kodelisting-quantity .input-text {
padding: 0;
margin: 0;
width: 40px;
height: auto;
background: none;
border: none;
text-align: center;
color: inherit;
font-size: 16px;
line-height: 1.2;
}
.kodelisting-reservation-form .kodelisting-dropdown .kodelisting-quantity .minus,
.kodelisting-reservation-form .kodelisting-dropdown .kodelisting-quantity .plus {
position: relative;
background: none;
border: none;
box-shadow: none;
outline: none;
width: 30px;
height: 30px;
padding: 0;
color: inherit;
text-align: center;
line-height: 30px;
cursor: pointer;
}
.kodelisting-reservation-form .kodelisting-dropdown .kodelisting-quantity .minus:before, .kodelisting-reservation-form .kodelisting-dropdown .kodelisting-quantity .minus:after,
.kodelisting-reservation-form .kodelisting-dropdown .kodelisting-quantity .plus:before,
.kodelisting-reservation-form .kodelisting-dropdown .kodelisting-quantity .plus:after {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
display: block;
content: "";
background: currentColor;
}
.kodelisting-reservation-form .kodelisting-dropdown .kodelisting-quantity .minus:before,
.kodelisting-reservation-form .kodelisting-dropdown .kodelisting-quantity .plus:before {
width: 12px;
height: 1px;
}
.kodelisting-reservation-form .kodelisting-dropdown .kodelisting-quantity .plus:after {
width: 1px;
height: 12px;
}
.kodelisting-reservation-form .date-range-picker {
position: absolute;
pointer-events: none;
visibility: hidden;
opacity: 0;
}
.kodelisting-room-booking {
--csrb-bg: transparent;
--csrb-border-radius: 8px;
--total-divider: rgba(0, 0, 0, 0.1);
--inner-bd: var(--theme-color1);
position: relative;
}
.kodelisting-room-booking.with-inner-border:after {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
display: block;
width: calc(100% - 20px);
height: calc(100% - 20px);
content: "";
border: 1px solid var(--inner-bd);
pointer-events: none;
}
.kodelisting-room-booking .room-booking-title {
display: flex;
justify-content: space-between;
align-items: flex-end;
margin-bottom: 32px;
}
.kodelisting-room-booking .room-booking-title h4 {
font-size: 30px;
font-size: 1.875rem;
line-height: 1.2;
margin: 0;
}
.kodelisting-room-booking .room-booking-title h4 + span {
text-align: right;
}
.kodelisting-room-booking .room-booking-title .base-price {
font-size: 18px;
font-size: 1.125rem;
font-weight: 500;
}
.kodelisting-room-booking .room-booking-title .base-price del {
font-size: 15px;
font-size: 0.9375rem;
font-weight: 400;
opacity: 0.5;
}
.kodelisting-room-booking .kodelisting-room-booking-wrap {
padding: 50px 45px 55px;
background: var(--csrb-bg);
border-radius: var(--csrb-border-radius);
border: 1px solid var(--theme-color1);
transition: opacity 0.3s;
}
.kodelisting-room-booking .kodelisting-form-group {
margin-top: 60px;
}
.kodelisting-room-booking .kodelisting-title {
font-size: 24px;
font-size: 1.5rem;
line-height: 1.2;
}
.kodelisting-room-booking .kodelisting-title + .kodelisting-extra-service {
margin-top: 10px;
}
.kodelisting-room-booking .kodelisting-form-field.kodelisting-rooms {
position: relative;
}
.kodelisting-room-booking .kodelisting-form-notice {
--line-space: 15px;
position: absolute;
top: 50%;
right: -4px;
-webkit-transform: translate(100%, -50%);
-ms-transform: translate(100%, -50%);
transform: translate(100%, -50%);
margin-top: calc(var(--field-space) / 2);
padding: 3px 8px;
width: fit-content;
z-index: 99;
background: var(--text-color);
color: #fff;
border-radius: 2px;
font-size: 10px;
font-size: 0.625rem;
font-weight: 500;
text-transform: uppercase;
letter-spacing: 0.05em;
transition: 0.3s;
opacity: 0;
pointer-events: none;
visibility: hidden;
}
.kodelisting-room-booking .kodelisting-form-notice p {
margin: 0;
}
.kodelisting-room-booking .kodelisting-form-notice.show {
opacity: 1;
pointer-events: auto;
visibility: visible;
}
.kodelisting-room-booking .kodelisting-form-notice:after {
position: absolute;
display: block;
top: 50%;
-webkit-transform: translateY(-50%) rotate(45deg);
-ms-transform: translateY(-50%) rotate(45deg);
transform: translateY(-50%) rotate(45deg);
left: -2px;
width: 6px;
height: 6px;
background: var(--text-color);
content: "";
}
.kodelisting-room-booking .kodelisting-extra-service .field-wrap {
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
}
.kodelisting-room-booking .kodelisting-extra-service .label-checkbox.obligatory {
cursor: not-allowed;
}
.kodelisting-room-booking .kodelisting-extra-service .label-checkbox.obligatory * {
pointer-events: none;
}
.kodelisting-room-booking .hidden-check {
position: absolute;
top: 50%;
left: 0;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
opacity: 0;
width: 17px;
height: 17px;
cursor: pointer;
}
.kodelisting-room-booking .hidden-check:checked + .kodelisting-styled-checkbox:after {
opacity: 1;
}
.kodelisting-room-booking .kodelisting-styled-checkbox {
position: relative;
width: 17px;
height: 17px;
border: 1px solid var(--form-border-color);
margin-right: 12px;
pointer-events: none;
}
.kodelisting-room-booking .kodelisting-styled-checkbox:after {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
display: block;
width: 8px;
height: 8px;
background: var(--form-bg);
content: "";
opacity: 0;
}
.kodelisting-room-booking .label-checkbox {
position: relative;
display: flex;
align-items: center;
}
.kodelisting-room-booking .label-checkbox .checkbox-label label {
cursor: pointer;
}
.kodelisting-room-booking .price-quantity {
position: relative;
display: flex;
align-items: center;
}
.kodelisting-room-booking .price-quantity .kodelisting-form-price {
font-size: 14px;
font-size: 0.875rem;
line-height: 35px;
}
.kodelisting-room-booking .price-quantity .kodelisting-form-price:not(:last-child) {
margin-right: 15px;
}
.kodelisting-room-booking .price-quantity .kodelisting-form-price.kodelisting-form-price-long .kodelisting-form-price-brief:after {
display: inline-block;
margin-left: 4px;
content: "...";
}
.kodelisting-room-booking .price-quantity .kodelisting-form-price.kodelisting-form-price-long .kodelisting-form-price-all {
position: absolute;
z-index: 9;
top: 0;
right: 0;
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%);
padding: 10px;
width: fit-content;
border-radius: 4px;
background: var(--text-color);
color: #fff;
font-size: 12.5px;
font-size: 0.78125rem;
line-height: 1.5;
white-space: nowrap;
opacity: 0;
pointer-events: none;
visibility: hidden;
transition: opacity 0.3s;
}
.kodelisting-room-booking .price-quantity .kodelisting-form-price.kodelisting-form-price-long .kodelisting-form-price-all:after {
position: absolute;
right: 30px;
bottom: -4px;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
width: 10px;
height: 10px;
background: var(--text-color);
content: "";
}
.kodelisting-room-booking .price-quantity .kodelisting-form-price.kodelisting-form-price-long:hover .kodelisting-form-price-all {
opacity: 1;
pointer-events: auto;
visibility: visible;
}
.kodelisting-room-booking .price-quantity .field-input-wrap {
width: 65px;
}
.kodelisting-room-booking .price-quantity .field-input-wrap input {
--field-height: 35px;
text-align: left;
}
.kodelisting-room-booking .price-quantity .kodelisting-dropdown {
bottom: -5px;
padding: 10px 5px;
min-width: 130px !important;
}
.kodelisting-room-booking .price-quantity .kodelisting-dropdown .kodelisting-form-label {
display: none;
}
.kodelisting-room-booking .price-quantity .kodelisting-dropdown .kodelisting-dropdown-item {
justify-content: center;
}
.kodelisting-room-booking .price-quantity .kodelisting-dropdown .kodelisting-quantity .input-text {
font-size: 14px;
font-size: 0.875rem;
}
.kodelisting-room-booking .kodelisting-form-total-price {
position: relative;
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 35px;
padding-top: 40px;
cursor: pointer;
}
.kodelisting-room-booking .kodelisting-form-total-price:before {
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
top: 0;
display: block;
width: calc(100% + 70px);
height: 1px;
background: var(--total-divider);
content: "";
}
.kodelisting-room-booking .kodelisting-form-total-price .total-price {
font-size: 24px;
font-size: 1.5rem;
}
.kodelisting-room-booking .kodelisting-form-price-details {
position: relative;
margin-top: 20px;
font-size: 15px;
font-size: 0.9375rem;
}
.kodelisting-room-booking .kodelisting-form-price-details ul {
display: block;
margin: 0;
}
.kodelisting-room-booking .kodelisting-form-price-details li {
position: relative;
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 8px;
padding-top: 8px;
border-top: 1px dashed var(--total-divider);
}
.kodelisting-room-booking .kodelisting-form-price-details li.kodelisting-form-price-details-total {
font-size: 18px;
font-size: 1.125rem;
font-weight: 500;
}
.kodelisting-room-booking .kodelisting-form-price-details li.with-tax-info {
align-items: flex-start;
}
.kodelisting-room-booking .kodelisting-form-price-details li.with-tax-info .kodelisting-pd-value {
text-align: right;
}
.kodelisting-room-booking .kodelisting-form-price-details li.with-tax-info .includes_tax,
.kodelisting-room-booking .kodelisting-form-price-details li.with-tax-info .excludes_tax {
display: block;
font-weight: 400;
opacity: 0.6;
font-size: 14px;
font-size: 0.875rem;
}
.kodelisting-room-booking .kodelisting-form-price-details li.kodelisting-pd-total-base > .kodelisting-pd-label {
cursor: pointer;
}
.kodelisting-room-booking .kodelisting-form-price-details li .info-indicator {
-webkit-transform: translateY(-1px);
-ms-transform: translateY(-1px);
transform: translateY(-1px);
display: inline-block;
width: 14px;
height: 14px;
border: 1px solid;
border-radius: 50%;
font-size: 12px;
font-size: 0.75rem;
font-style: italic;
line-height: 12px;
text-align: center;
font-family: serif;
font-weight: 600;
opacity: 0.6;
}
.kodelisting-room-booking .kodelisting-form-price-details li .kodelisting-base-price-breakdown {
--line-space: 15px;
position: absolute;
top: -5px;
left: 0;
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%);
padding: 20px 24px;
width: 100%;
z-index: 99;
background: #fff;
border-radius: 8px;
box-shadow: 0 5px 30px rgba(80, 57, 24, 0.3);
transition: 0.3s;
opacity: 0;
pointer-events: none;
visibility: hidden;
}
.kodelisting-room-booking .kodelisting-form-price-details li .kodelisting-base-price-breakdown.show {
opacity: 1;
pointer-events: auto;
visibility: visible;
}
.kodelisting-room-booking .kodelisting-form-price-details li .kodelisting-base-price-breakdown:after {
position: absolute;
display: none;
width: 10px;
height: 10px;
background: #fff;
content: "";
}
.kodelisting-room-booking .kodelisting-form-price-details li .breakdown-title,
.kodelisting-room-booking .kodelisting-form-price-details li .breakdown-footer {
display: flex;
justify-content: space-between;
align-items: center;
font-size: 16px;
font-size: 1rem;
font-weight: 500;
}
.kodelisting-room-booking .kodelisting-form-price-details li .breakdown-title {
padding-bottom: var(--line-space);
margin-bottom: var(--line-space);
border-bottom: 1px solid var(--border-color);
}
.kodelisting-room-booking .kodelisting-form-price-details li .breakdown-main {
max-height: 300px;
overflow: auto;
-ms-overflow-style: none;
scrollbar-width: none;
-webkit-overflow-scrolling: touch;
}
.kodelisting-room-booking .kodelisting-form-price-details li .breakdown-main::-webkit-scrollbar {
display: none;
}
.kodelisting-room-booking .kodelisting-form-price-details li .breakdown-main li {
margin: 0;
padding: 0;
border: none;
font-size: 14px;
font-size: 0.875rem;
}
.kodelisting-room-booking .kodelisting-form-price-details li .breakdown-main li:not(:first-child) {
margin-top: 8px;
}
.kodelisting-room-booking .kodelisting-form-price-details li .breakdown-footer {
padding-top: var(--line-space);
margin-top: var(--line-space);
border-top: 1px solid var(--border-color);
}
.kodelisting-room-booking .kodelisting-form-price-details li del {
opacity: 0.6;
}
.kodelisting-room-booking .kodelisting-form-price-details .discounted {
color: red;
}
.kodelisting-room-booking .kodelisting-reservation-form.style-block .kodelisting-form-field.kodelisting-submit {
padding-top: 35px;
}
.kodelisting-room-booking .kodelisting-form-error-message,
.kodelisting-room-booking .kodelisting-form-success-message {
margin-top: 12px;
}
.kodelisting-room-booking .kodelisting-form-error-message p,
.kodelisting-room-booking .kodelisting-form-success-message p {
margin-bottom: 0;
}
.kodelisting-room-booking .kodelisting-form-error-message {
color: red;
}
.kodelisting-room-booking .kodelisting-form-success-message {
color: green;
}
.kodelisting-room-booking .kodelisting-submit .btn-text {
position: relative;
display: block;
}
.kodelisting-room-booking .kodelisting-submit .btn-text:after {
position: absolute;
top: 1px;
right: -30px;
display: block;
width: 14px;
height: 14px;
border-radius: 50%;
border: 2px solid currentColor;
border-top: 2px solid transparent;
-webkit-animation: spin 1s linear infinite;
animation: spin 1s linear infinite;
transition: opacity 0.3s;
transform-origin: 50% 50%;
opacity: 0;
content: "";
}
.kodelisting-room-booking.loading .kodelisting-room-booking-wrap {
pointer-events: none;
opacity: 0.5;
}
.kodelisting-room-booking.loading .kodelisting-submit .btn-text:after {
opacity: 1;
}
@media (min-width: 1201px) {
.kodelisting-room-booking .kodelisting-form-price-details li .kodelisting-base-price-breakdown {
top: 20px;
left: 0;
-webkit-transform: translate(-105%, -50%);
-ms-transform: translate(-105%, -50%);
transform: translate(-105%, -50%);
}
.kodelisting-room-booking .kodelisting-form-price-details li .kodelisting-base-price-breakdown:after {
right: -4px;
}
.kodelisting-room-booking .kodelisting-form-price-details li .kodelisting-base-price-breakdown:after {
display: block;
top: 50%;
-webkit-transform: translateY(-50%) rotate(45deg);
-ms-transform: translateY(-50%) rotate(45deg);
transform: translateY(-50%) rotate(45deg);
}
}
.room-top-section {
position: relative;
}
.room-top-section .featured-img {
position: relative;
width: 100%;
height: 570px;
}
.room-top-section .featured-img img {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 100%;
height: 100%;
object-fit: cover;
}
.room-top-section .kodelisting-gallery-view-all {
position: absolute;
right: 20px;
bottom: 20px;
z-index: 9;
}
.room-top-section .kodelisting-gallery-view-all .button {
background-color: rgba(0, 0, 0, 0.6);
color: #fff;
padding: 10px 15px 10px 30px;
font-size: 13px;
font-size: 0.8125rem;
}
.room-top-section .kodelisting-gallery-view-all .button:before {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
left: 12px;
font-family: "linearicons-free";
content: "\e86f";
font-size: 13px;
line-height: 1;
}
.kodelisting-image-gallery img {
display: block;
margin: 0 auto;
max-width: 100%;
transition: transform 0.3s;
}
.kodelisting-image-gallery.gap-0 {
--gallery-gap: 0px;
}
.kodelisting-image-gallery.gap-2 {
--gallery-gap: 2px;
}
.kodelisting-image-gallery.gap-5 {
--gallery-gap: 5px;
}
.kodelisting-image-gallery.gap-10 {
--gallery-gap: 10px;
}
.kodelisting-image-gallery.gap-16 {
--gallery-gap: 16px;
}
.kodelisting-image-gallery.gap-20 {
--gallery-gap: 20px;
}
.kodelisting-image-gallery.gap-32 {
--gallery-gap: 32px;
}
.kodelisting-image-gallery .kodelisting-gallery-item {
position: relative;
}
.kodelisting-image-gallery.gallery-grid .kodelisting-gallery-wrap {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: calc(0px - var(--gallery-gap));
}
.kodelisting-image-gallery.gallery-grid .kodelisting-gallery-item {
padding: var(--gallery-gap);
}
.kodelisting-image-gallery.gallery-grid.grid-col-2 .kodelisting-gallery-item {
width: 50%;
}
.kodelisting-image-gallery.gallery-grid.grid-col-3 .kodelisting-gallery-item {
width: 33.33%;
}
.kodelisting-image-gallery.gallery-grid.grid-col-4 .kodelisting-gallery-item {
width: 25%;
}
.kodelisting-image-gallery.gallery-grid.grid-col-5 .kodelisting-gallery-item {
width: 20%;
}
.kodelisting-image-gallery.gallery-grid.grid-col-6 .kodelisting-gallery-item {
width: 16.6666%;
}
.kodelisting-image-gallery.gallery-grid.align-middle-v .kodelisting-gallery-item {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
}
.kodelisting-image-gallery.gallery-grid.align-bottom-v .kodelisting-gallery-item {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: flex-end;
-ms-flex-align: flex-end;
align-items: flex-end;
-webkit-justify-content: flex-end;
justify-content: flex-end;
}
.kodelisting-image-gallery.gallery-mosaic .kodelisting-gallery-wrap {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 2px;
}
.kodelisting-image-gallery.gallery-mosaic .kodelisting-gallery-wrap .kodelisting-gallery-item:first-child {
grid-column: 1/span 2;
grid-row: 1/span 2;
}
.kodelisting-image-gallery.gallery-mosaic .kodelisting-gallery-wrap img {
object-fit: cover;
width: 100%;
height: 100%;
}
.kodelisting-image-gallery.kodelisting-image-carousel .swiper-slide img {
width: 100%;
}
.kodelisting-image-gallery.kodelisting-image-carousel .tm-swiper-button-prev {
left: 40px;
}
.kodelisting-image-gallery.kodelisting-image-carousel .tm-swiper-button-next {
right: 40px;
}
.kodelisting-image-gallery.kodelisting-image-carousel .swiper-pagination {
position: absolute;
bottom: 40px;
}
.kodelisting-image-gallery.slider-dots-overlap .slick-dots {
position: absolute;
bottom: 30px;
left: 0;
width: 100%;
color: #fff;
}
.kodelisting-image-gallery.variable-width .kodelisting-gallery-item {
height: 600px;
}
.kodelisting-image-gallery.variable-width .kodelisting-gallery-item img {
height: 100%;
width: auto;
}
.kodelisting-image-gallery.style-overflow .slick-list {
overflow: visible;
}
.kodelisting-image-gallery.style-overflow .slick-arrow.slick-prev {
left: -30px;
}
.kodelisting-image-gallery.style-overflow .slick-arrow.slick-next {
right: -30px;
}
.kodelisting-room-basic-info {
margin: 10px 0 30px;
}
.kodelisting-room-basic-info ul {
margin: 0;
padding: 0;
display: flex;
align-items: center;
flex-wrap: wrap;
list-style: none;
}
.kodelisting-room-basic-info ul li {
display: flex;
align-items: center;
margin: 5px 0;
padding-right: 30px;
line-height: 28px;
}
.kodelisting-room-basic-info ul li:last-child {
padding-right: 0;
}
.kodelisting-room-basic-info .kodelisting-icon {
margin-right: 10px;
}
.kodelisting-room-basic-info .kodelisting-icon i {
display: flex;
font-size: 25px;
color: var(--theme-color1);
}
.kodelisting-room-basic-info .csrbi-text {
font-size: 14px;
font-size: 0.875rem;
white-space: nowrap;
}
.kodelisting-rooms {
--post-max-width: 800px;
--item-v-space: 10px;
--icon-size: 25px;
--label-bg: #fff;
--label-color: #000;
--label-border: #fff;
}
.kodelisting-rooms .kodelisting-room-item .featured-img {
position: relative;
}
.kodelisting-rooms .overlay-label {
position: absolute;
bottom: 20px;
right: 20px;
background-color: rgba(255, 255, 255, 0.75);
}
.kodelisting-rooms .overlay-label .overlay-room-info {
padding: 3px 10px;
font-size: 13px;
}
.kodelisting-rooms.layout-standard {
--icon-size: 28px;
}
.kodelisting-rooms.text-center .kodelisting-room-basic-info ul {
justify-content: center;
}
.kodelisting-rooms .item-header {
margin-bottom: var(--item-v-space);
}
.kodelisting-rooms .kodelisting-room-content .item-title {
margin-bottom: 0;
}
.kodelisting-rooms .kodelisting-room-content .item-subtitle {
margin-top: 0;
font-size: 15px;
font-size: 0.9375rem;
color: var(--secondary-color);
}
.kodelisting-rooms .kodelisting-room-content .item-subtitle:first-child {
margin: 0 0 var(--item-v-space);
}
.kodelisting-rooms .kodelisting-room-content .item-excerpt {
display: none;
}
.kodelisting-rooms.layout-overlay .kodelisting-room-content .item-title {
margin-bottom: 0;
}
.kodelisting-rooms.layout-overlay .kodelisting-room-content .item-subtitle {
color: inherit;
}
.kodelisting-rooms.layout-overlay .item-header {
margin: 0;
transition: opacity 0.4s, transform 0.4s;
}
.kodelisting-rooms.layout-overlay .post .kodelisting-room-content {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
.kodelisting-rooms.layout-overlay .hover-show-content {
position: absolute !important;
z-index: 9;
bottom: 0;
left: 0;
padding: 150px 24px 30px;
opacity: 0;
transition: opacity 0.4s, transform 0.4s;
-webkit-transform: translateY(50px);
-ms-transform: translateY(50px);
transform: translateY(50px);
}
.no-touch .kodelisting-rooms.layout-overlay.with-hover-effect .post:hover .item-header {
opacity: 0;
-webkit-transform: translateY(-50px);
-ms-transform: translateY(-50px);
transform: translateY(-50px);
}
.no-touch .kodelisting-rooms.layout-overlay.with-hover-effect .post:hover .hover-show-content {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
.kodelisting-rooms.layout-overlay.text-v-middle .hover-show-content {
top: 50%;
bottom: auto;
-webkit-transform: translateY(-30%);
-ms-transform: translateY(-30%);
transform: translateY(-30%);
padding-top: 30px;
}
.no-touch .kodelisting-rooms.layout-overlay.text-v-middle.with-hover-effect .post:hover .hover-show-content {
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
transition-delay: 0.1s;
}
.kodelisting-rooms.layout-overlay.slider-dots-overlap .slick-dots {
position: absolute;
bottom: 25px;
left: 0;
width: 100%;
color: #fff;
}
.kodelisting-rooms.layout-overlay.text-v-middle .featured-img:before {
z-index: 7;
content: "";
background: #000;
opacity: 0.3;
pointer-events: none;
transition: opacity 0.4s;
}
.no-touch .kodelisting-rooms.layout-overlay.text-v-middle .post:hover .featured-img:before {
opacity: 0;
}
.kodelisting-rooms.layout-overlay.text-v-middle .kodelisting-room-content {
width: 100%;
height: 100%;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
padding-top: 30px;
}
.kodelisting-rooms.layout-overlay.text-v-middle .kodelisting-room-content:before {
background: none;
}
.kodelisting-rooms.layout-overlay .kodelisting-room-basic-info ul li {
margin: 0;
}
.kodelisting-rooms.kodelisting-rooms-carousel.column-1.carousel-center-mode .post {
max-width: var(--post-max-width);
}
.elementor-column:only-child .kodelisting-rooms.kodelisting-rooms-carousel:hover .slick-slide {
will-change: transform;
}
.kodelisting-rooms.kodelisting-rooms-carousel .post {
margin-top: 0;
}
.kodelisting-rooms.kodelisting-rooms-carousel .posts-wrapper.slick-initialized {
display: block;
}
.kodelisting-rooms.kodelisting-rooms-carousel.column-1.layout-overlay.carousel-center-mode .kodelisting-room-content {
opacity: 1;
transition: opacity 0.4s 0.5s;
}
.kodelisting-rooms.kodelisting-rooms-carousel.column-1.layout-overlay.carousel-center-mode .slick-initialized .post:not(.slick-center) .kodelisting-room-content {
opacity: 0;
}
.kodelisting-rooms.kodelisting-rooms-carousel.layout-overlay.slider-dots-overlap.column-1:not(.text-v-middle) .post .post-content {
padding-bottom: 55px;
}
.kodelisting-rooms.kodelisting-rooms-carousel.layout-overlay.slider-dots-overlap.column-1:not(.text-v-middle) .hover-show-content {
padding-bottom: 60px;
}
.kodelisting-rooms.kodelisting-rooms-carousel.layout-overlay.text-v-middle.slider-arrows-overlap .kodelisting-room-content,
.kodelisting-rooms.kodelisting-rooms-carousel.layout-overlay.text-v-middle.slider-arrows-overlap .hover-show-content {
padding-right: 80px;
padding-left: 80px;
}
.kodelisting-rooms.slider-arrow-top .slider-arrows {
position: absolute;
top: -60px;
right: 0;
}
.kodelisting-rooms.slider-arrow-top .slider-arrows .slick-arrow {
--arrow-size: 40px;
position: relative;
right: auto !important;
left: auto !important;
-webkit-transform: none;
-ms-transform: none;
transform: none;
margin: 0;
border: 1px solid var(--border-color);
box-sizing: content-box;
box-shadow: none;
}
.kodelisting-rooms.slider-arrow-top .slider-arrows .slick-arrow.slick-prev {
margin-right: 5px;
}
.kodelisting-rooms.hide-slider-dots .slider-dots {
height: 0;
opacity: 0;
overflow: hidden;
}
body.single-room .entry-title {
line-height: 1;
margin-top: 0;
}
body.single-room .main-content-area, body.single-room .sidebar-area {
padding-bottom: 50px;
}
body.single-room .similar-rooms {
padding-bottom: var(--tm-container-pb);
}
.kodelisting-rooms .kodelisting-rooms-image-carousel .tm-swiper-button-prev {
left: 40px;
}
.kodelisting-rooms .kodelisting-rooms-image-carousel .tm-swiper-button-next {
right: 40px;
}
.kodelisting-rooms .kodelisting-rooms-image-carousel .swiper-pagination {
position: absolute;
bottom: 40px;
left: 50%;
}
.theme-hoteler .daterangepicker {
--dropdown-bg: #f8f5f0;
--dropdown-color: #000;
--dropdown-border: var(--theme-color1);
--available-bg: #fff;
--active-bg: var(--theme-color1);
--active-color: #fff;
--inrange-bg: #e5e5e5;
--inrange-color: var(--dropdown-color);
--disabled-color: #d8d9db;
--padding: 8px;
--td-border: #d8d9db;
--tooltip-bg: #000;
--tooltip-color: #fff;
--no-check-inout: rgba(0, 0, 0, 0.7);
--hover-highlight: var(--theme-color1);
background: var(--dropdown-bg);
color: var(--dropdown-color);
border: 1px solid var(--dropdown-border);
border-radius: 0;
padding: var(--padding);
}
.theme-hoteler .daterangepicker:before, .theme-hoteler .daterangepicker:after {
display: none;
}
.theme-hoteler .daterangepicker .calendar-table {
background: none;
border: none;
}
.theme-hoteler .daterangepicker .calendar-table table {
border: none;
}
.theme-hoteler .daterangepicker .calendar-table th,
.theme-hoteler .daterangepicker .calendar-table td {
position: relative;
padding: 0;
max-width: 100%;
height: 36px;
border: none;
border-radius: 0;
}
.theme-hoteler .daterangepicker .calendar-table thead th.month {
font-size: 16px;
font-size: 1rem;
}
.theme-hoteler .daterangepicker .calendar-table tbody td {
border: 0.0625rem solid var(--td-border);
}
.theme-hoteler .daterangepicker td:hover {
z-index: 99;
}
.theme-hoteler .daterangepicker td.disabled,
.theme-hoteler .daterangepicker option.disabled {
color: var(--disabled-color) !important;
background: none !important;
}
.theme-hoteler .daterangepicker td.disabled:before, .theme-hoteler .daterangepicker td.disabled:not(.maximal-stay-unavailable) .day-tooltip,
.theme-hoteler .daterangepicker option.disabled:before,
.theme-hoteler .daterangepicker option.disabled:not(.maximal-stay-unavailable) .day-tooltip {
display: none !important;
}
.theme-hoteler .daterangepicker td.available {
background: var(--available-bg);
}
.theme-hoteler .daterangepicker td.available:hover {
background: var(--available-bg);
}
.theme-hoteler .daterangepicker td.no-checkin:not(.off):not(.active):not(.in-range),
.theme-hoteler .daterangepicker td.no-checkout:not(.off):not(.active):not(.in-range) {
color: var(--no-check-inout);
}
.theme-hoteler .daterangepicker td.in-range {
background: var(--inrange-bg);
color: var(--inrange-color);
}
.theme-hoteler .daterangepicker td.active {
background: var(--active-bg);
color: var(--active-color);
}
.theme-hoteler .daterangepicker td.active:hover {
background: var(--available-bg);
color: var(--dropdown-color);
}
.theme-hoteler .daterangepicker td.active,
.theme-hoteler .daterangepicker td.in-range,
.theme-hoteler .daterangepicker td.available:hover {
position: relative;
}
.theme-hoteler .daterangepicker td.active:before,
.theme-hoteler .daterangepicker td.in-range:before,
.theme-hoteler .daterangepicker td.available:hover:before {
position: absolute;
top: 0;
left: 0;
margin: -0.0625rem;
width: calc(100% + 2px);
height: calc(100% + 2px);
border: 2px solid;
box-sizing: border-box;
content: "";
}
.theme-hoteler .daterangepicker td.in-range:before {
border-color: var(--inrange-bg);
}
.theme-hoteler .daterangepicker td.in-range.off:before {
border-color: transparent;
}
.theme-hoteler .daterangepicker td.active:before {
border-color: var(--active-bg);
}
.theme-hoteler .daterangepicker td.available:hover:before {
border-color: var(--hover-highlight);
}
.theme-hoteler .daterangepicker td.active.off:not(:hover):before {
border-color: transparent;
}
.theme-hoteler .daterangepicker th.available:hover {
background: none;
}
.theme-hoteler .daterangepicker th.prev,
.theme-hoteler .daterangepicker th.next {
position: relative;
}
.theme-hoteler .daterangepicker th.prev span,
.theme-hoteler .daterangepicker th.next span {
border-color: var(--dropdown-color);
}
.theme-hoteler .daterangepicker th.prev:before, .theme-hoteler .daterangepicker th.prev:after,
.theme-hoteler .daterangepicker th.next:before,
.theme-hoteler .daterangepicker th.next:after {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
margin: 1px 0 0;
width: 32px;
height: 32px;
border-radius: 50%;
box-sizing: border-box;
content: "";
}
.theme-hoteler .daterangepicker th.prev:before,
.theme-hoteler .daterangepicker th.next:before {
border: 0.0625rem solid var(--td-border);
}
.theme-hoteler .daterangepicker th.prev:after,
.theme-hoteler .daterangepicker th.next:after {
border: 2px solid var(--hover-highlight);
opacity: 0;
}
.theme-hoteler .daterangepicker th.prev:hover:before,
.theme-hoteler .daterangepicker th.next:hover:before {
opacity: 0;
}
.theme-hoteler .daterangepicker th.prev:hover:after,
.theme-hoteler .daterangepicker th.next:hover:after {
opacity: 1;
}
.theme-hoteler .daterangepicker th.prev span,
.theme-hoteler .daterangepicker th.next span {
padding: 2px;
}
.theme-hoteler .daterangepicker th.prev:before, .theme-hoteler .daterangepicker th.prev:after {
margin-left: -1px;
}
.theme-hoteler .daterangepicker .day-tooltip {
position: absolute;
top: 1px;
left: 50%;
z-index: 999;
-webkit-transform: translate(-50%, -100%);
-ms-transform: translate(-50%, -100%);
transform: translate(-50%, -100%);
display: block;
width: fit-content;
height: auto;
padding: 2px 6px;
background: var(--tooltip-bg);
color: var(--tooltip-color);
font-size: 10px;
font-size: 0.625rem;
border-radius: 2px;
pointer-events: none;
}
.theme-hoteler .daterangepicker .day-tooltip:after {
position: absolute;
display: block;
width: 10px;
height: 10px;
background: var(--tooltip-bg);
content: "";
bottom: -2px;
left: 50%;
-webkit-transform: translateX(-50%) rotate(45deg);
-ms-transform: translateX(-50%) rotate(45deg);
transform: translateX(-50%) rotate(45deg);
}:root {
--theme-color1: #aa8453;
--theme-color1-rgb: 170, 132, 83;
--theme-color1-lighter: #bd9f78;
--theme-color1-darker: #846741;
--theme-color2: #222222;
--theme-color2-rgb: 34, 34, 34;
--theme-color2-lighter: #3e3e3e;
--theme-color2-darker: #060606;
--theme-color3: #fdece3;
--theme-color3-rgb: 253, 236, 227;
--theme-color3-lighter: white;
--theme-color3-darker: #f9c8af;
--theme-color4: #faf7f2;
--theme-color4-rgb: 250, 247, 242;
--theme-color4-lighter: white;
--theme-color4-darker: #eadec9;
--gradient-1: linear-gradient(to right, rgba(var(--theme-color1-rgb), 1) 0%, rgba(var(--theme-color1-rgb), 0.37) 100%);
--gradient-2: linear-gradient(to left, rgba(var(--theme-color1-rgb), 1) 0%, rgba(var(--theme-color1-rgb), 0.7) 100%);
--gradient-3: linear-gradient(180deg, var(--theme-color1) 0%, rgba(0, 0, 0, 0) 100%);
--gradient-4: linear-gradient(180deg, rgba(217, 244, 95, 0) 0%, rgba(217, 244, 95, 0.5) 100%);
--gradient-5: linear-gradient(180deg, var(--theme-color1) 0%, rgba(126, 142, 55, 0) 100%);
--gradient-6: linear-gradient(180deg, #0a0a0a 0%, rgba(10, 10, 10, 0.3) 45%, #0a0a0a 90%);
--gradient-7: linear-gradient(180deg, rgba(217, 244, 95, 0.7) 37.5%, rgba(255, 212, 212, 0) 100%);
--theme-color1-text-color: #fff;
--theme-color2-text-color: #fff;
--theme-color3-text-color: #fff;
--theme-color4-text-color: #fff;
--hover-theme-color: #aa8453;
--footer-default-theme-color: var(--theme-color1);
--footer-default-hover-theme-color: var(--theme-color1);
--footer-default-text-color-on-bg-theme-color: var(--theme-color1-text-color);
} .widget .line-bottom:after,
.widget .line-bottom:after,
.pager.theme-colored a {
border: 1px solid var(--theme-color1);
}
.hr-divider {
border-top-color: rgba(170, 132, 83, 0.2) !important;
} .text-theme-colored1 {
color: var(--theme-color1) !important;
}
.text-theme-colored2 {
color: var(--theme-color2) !important;
}
.text-theme-colored3 {
color: var(--theme-color3) !important;
}
.text-theme-colored4 {
color: var(--theme-color4) !important;
}
.bg-theme-colored1 {
background-color: var(--theme-color1) !important;
}
.bg-theme-colored2 {
background-color: var(--theme-color2) !important;
}
.bg-theme-colored3 {
background-color: var(--theme-color3) !important;
}
.bg-theme-colored4 {
background-color: var(--theme-color4) !important;
}
.border-theme-colored1 {
border-color: var(--theme-color1) !important;
}
.border-theme-colored2 {
border-color: var(--theme-color2) !important;
}
.border-theme-colored3 {
border-color: var(--theme-color3) !important;
}
.border-theme-colored4 {
border-color: var(--theme-color4) !important;
}  .tm-sc-blog.blog-classic article .entry-header .post-single-meta {
background: var(--theme-color1);
}
.tm-sc-blog.blog-modern article .entry-header .post-single-meta {
background: var(--theme-color1);
}
.tm-sc-blog.blog-modern article .entry-content .post-btn-readmore {
border-color: var(--theme-color1);
background-color: #fff;
}
.tm-sc-blog.blog-modern article:hover .entry-content .post-btn-readmore {
background-color: var(--theme-color1);
}
.tm-sc-blog.blog-modern article:hover .entry-content .post-btn-readmore .btn-plain-text-with-arrow:after {
color: #fff;
}
.tm-sc-blog.blog-alternative-design .isotope-layout-inner .isotope-item:not(.isotope-item-sizer):nth-child(8n+1) article .post-thumb .post-thumb-inner .thumb:after, .tm-sc-blog.blog-alternative-design .isotope-layout-inner .isotope-item:not(.isotope-item-sizer):nth-child(8n+3) article .post-thumb .post-thumb-inner .thumb:after, .tm-sc-blog.blog-alternative-design .isotope-layout-inner .isotope-item:not(.isotope-item-sizer):nth-child(8n+6) article .post-thumb .post-thumb-inner .thumb:after, .tm-sc-blog.blog-alternative-design .isotope-layout-inner .isotope-item:not(.isotope-item-sizer):nth-child(8n+8) article .post-thumb .post-thumb-inner .thumb:after {
background-color: rgba(170, 132, 83, 0.94);
} .btn-theme-colored1 {
--bs-btn-color: #000;
--bs-btn-bg: #aa8453;
--bs-btn-border-color: #aa8453;
--bs-btn-hover-color: #000;
--bs-btn-hover-bg: #b7966d;
--bs-btn-hover-border-color: #b39064;
--bs-btn-focus-shadow-rgb: 145, 112, 71;
--bs-btn-active-color: #000;
--bs-btn-active-bg: #bb9d75;
--bs-btn-active-border-color: #b39064;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #000;
--bs-btn-disabled-bg: #aa8453;
--bs-btn-disabled-border-color: #aa8453;
}
.btn-theme-colored2 {
--bs-btn-color: #fff;
--bs-btn-bg: #222222;
--bs-btn-border-color: #222222;
--bs-btn-hover-color: #fff;
--bs-btn-hover-bg: #1d1d1d;
--bs-btn-hover-border-color: #1b1b1b;
--bs-btn-focus-shadow-rgb: 67, 67, 67;
--bs-btn-active-color: #fff;
--bs-btn-active-bg: #1b1b1b;
--bs-btn-active-border-color: #1a1a1a;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #fff;
--bs-btn-disabled-bg: #222222;
--bs-btn-disabled-border-color: #222222;
}
.btn-theme-colored3 {
--bs-btn-color: #000;
--bs-btn-bg: #fdece3;
--bs-btn-border-color: #fdece3;
--bs-btn-hover-color: #000;
--bs-btn-hover-bg: #fdefe7;
--bs-btn-hover-border-color: #fdeee6;
--bs-btn-focus-shadow-rgb: 215, 201, 193;
--bs-btn-active-color: #000;
--bs-btn-active-bg: #fdf0e9;
--bs-btn-active-border-color: #fdeee6;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #000;
--bs-btn-disabled-bg: #fdece3;
--bs-btn-disabled-border-color: #fdece3;
}
.btn-theme-colored4 {
--bs-btn-color: #000;
--bs-btn-bg: #faf7f2;
--bs-btn-border-color: #faf7f2;
--bs-btn-hover-color: #000;
--bs-btn-hover-bg: #fbf8f4;
--bs-btn-hover-border-color: #fbf8f3;
--bs-btn-focus-shadow-rgb: 213, 210, 206;
--bs-btn-active-color: #000;
--bs-btn-active-bg: #fbf9f5;
--bs-btn-active-border-color: #fbf8f3;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #000;
--bs-btn-disabled-bg: #faf7f2;
--bs-btn-disabled-border-color: #faf7f2;
}
.btn-outline-theme-colored1 {
--bs-btn-color: #aa8453;
--bs-btn-border-color: #aa8453;
--bs-btn-hover-color: #000;
--bs-btn-hover-bg: #aa8453;
--bs-btn-hover-border-color: #aa8453;
--bs-btn-focus-shadow-rgb: 170, 132, 83;
--bs-btn-active-color: #000;
--bs-btn-active-bg: #aa8453;
--bs-btn-active-border-color: #aa8453;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #aa8453;
--bs-btn-disabled-bg: transparent;
--bs-btn-disabled-border-color: #aa8453;
--bs-gradient: none;
}
.btn-outline-theme-colored2 {
--bs-btn-color: #222222;
--bs-btn-border-color: #222222;
--bs-btn-hover-color: #fff;
--bs-btn-hover-bg: #222222;
--bs-btn-hover-border-color: #222222;
--bs-btn-focus-shadow-rgb: 34, 34, 34;
--bs-btn-active-color: #fff;
--bs-btn-active-bg: #222222;
--bs-btn-active-border-color: #222222;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #222222;
--bs-btn-disabled-bg: transparent;
--bs-btn-disabled-border-color: #222222;
--bs-gradient: none;
}
.btn-outline-theme-colored3 {
--bs-btn-color: #fdece3;
--bs-btn-border-color: #fdece3;
--bs-btn-hover-color: #000;
--bs-btn-hover-bg: #fdece3;
--bs-btn-hover-border-color: #fdece3;
--bs-btn-focus-shadow-rgb: 253, 236, 227;
--bs-btn-active-color: #000;
--bs-btn-active-bg: #fdece3;
--bs-btn-active-border-color: #fdece3;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #fdece3;
--bs-btn-disabled-bg: transparent;
--bs-btn-disabled-border-color: #fdece3;
--bs-gradient: none;
}
.btn-outline-theme-colored4 {
--bs-btn-color: #faf7f2;
--bs-btn-border-color: #faf7f2;
--bs-btn-hover-color: #000;
--bs-btn-hover-bg: #faf7f2;
--bs-btn-hover-border-color: #faf7f2;
--bs-btn-focus-shadow-rgb: 250, 247, 242;
--bs-btn-active-color: #000;
--bs-btn-active-bg: #faf7f2;
--bs-btn-active-border-color: #faf7f2;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #faf7f2;
--bs-btn-disabled-bg: transparent;
--bs-btn-disabled-border-color: #faf7f2;
--bs-gradient: none;
}
.btn-theme-colored1 {
color: var(--theme-color1-text-color);
background-color: var(--theme-color1);
border-color: var(--theme-color1);
}
.btn-theme-colored1:hover, .btn-theme-colored1:focus {
color: var(--theme-color2-text-color);
background-color: var(--theme-color1);
border-color: var(--theme-color1);
}
.btn-theme-colored1:before {
background-color: var(--theme-color2);
}
.btn-theme-colored2 {
color: var(--theme-color2-text-color);
background-color: var(--theme-color2);
border-color: var(--theme-color2);
}
.btn-theme-colored2:hover, .btn-theme-colored2:focus {
color: var(--theme-color1-text-color);
background-color: var(--theme-color2);
border-color: var(--theme-color2);
}
.btn-theme-colored2:before {
background-color: var(--theme-color1);
}
.btn-theme-colored3 {
color: var(--theme-color3-text-color);
background-color: var(--theme-color3);
border-color: var(--theme-color3);
}
.btn-theme-colored3:hover, .btn-theme-colored3:focus {
color: var(--theme-color1-text-color);
background-color: var(--theme-color3);
border-color: var(--theme-color3);
}
.btn-theme-colored4 {
color: var(--theme-color4-text-color);
background-color: var(--theme-color4);
border-color: var(--theme-color4);
}
.btn-theme-colored4:hover, .btn-theme-colored4:focus {
color: var(--theme-color1-text-color);
background-color: var(--theme-color4);
border-color: var(--theme-color4);
}
.btn-theme-colored3:before,
.btn-theme-colored4:before,
.btn-outline-theme-colored3:before,
.btn-outline-theme-colored3:before {
background: var(--theme-color1);
}
.btn-outline-theme-colored1 {
color: var(--theme-color1);
border-color: var(--theme-color1);
}
.btn-outline-theme-colored1:hover {
border-color: var(--theme-color3) !important;
color: #fff !important;
}
.btn-outline-theme-colored2 {
color: var(--theme-color2);
border-color: var(--theme-color2);
}
.btn-outline-theme-colored2:hover {
border-color: var(--theme-color3) !important;
color: #fff !important;
}
.btn-outline-theme-colored3 {
color: var(--theme-color3);
border-color: var(--theme-color3);
}
.btn-outline-theme-colored3:hover {
border-color: var(--theme-color3) !important;
color: #fff !important;
}
input[type=submit].btn-theme-colored1:hover, input[type=submit].btn-theme-colored1:focus {
color: var(--theme-color2-text-color);
background-color: var(--theme-color2);
}
input[type=submit].btn-theme-colored2:hover, input[type=submit].btn-theme-colored2:focus {
color: var(--theme-color1-text-color);
background-color: var(--theme-color1);
}
input[type=submit].btn-theme-colored3:hover, input[type=submit].btn-theme-colored3:focus {
color: var(--theme-color1-text-color);
background-color: var(--theme-color1);
}
input[type=submit].btn-theme-colored4:hover, input[type=submit].btn-theme-colored4:focus {
color: var(--theme-color1-text-color);
background-color: var(--theme-color1);
}
.btn-light:before,
.btn-dark:before {
background-color: rgba(var(--theme-color2-rgb), 0.2);
}
.btn-light:hover, .btn-light:focus,
.btn-dark:hover,
.btn-dark:focus {
color: var(--theme-color2-text-color);
}
.btn-light:hover:before, .btn-light:focus:before,
.btn-dark:hover:before,
.btn-dark:focus:before {
background-color: var(--theme-color2);
}
.btn-outline-light {
color: #fff;
}
.btn-outline-light:hover,
.btn-outline-dark:hover {
background-color: transparent;
}
.btn-outline-light:before,
.btn-outline-dark:before {
background-color: rgba(var(--theme-color2-rgb), 0.2);
}
.btn-outline-light:hover, .btn-outline-light:focus,
.btn-outline-dark:hover,
.btn-outline-dark:focus {
color: var(--theme-color2-text-color);
}
.btn-outline-light:hover:before, .btn-outline-light:focus:before,
.btn-outline-dark:hover:before,
.btn-outline-dark:focus:before {
background-color: var(--theme-color2);
}  .woocommerce .button:not(.compare):not(.yith-wcqv-button):not([name=apply_coupon]),
.woosc_table .button,
.woosc_table .added_to_cart,
.woosw-item .added_to_cart {
--bs-btn-color: #000;
--bs-btn-bg: #aa8453;
--bs-btn-border-color: #aa8453;
--bs-btn-hover-color: #000;
--bs-btn-hover-bg: #b7966d;
--bs-btn-hover-border-color: #b39064;
--bs-btn-focus-shadow-rgb: 145, 112, 71;
--bs-btn-active-color: #000;
--bs-btn-active-bg: #bb9d75;
--bs-btn-active-border-color: #b39064;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #000;
--bs-btn-disabled-bg: #aa8453;
--bs-btn-disabled-border-color: #aa8453;
color: var(--theme-color1-text-color);
}
.woocommerce .button:not(.compare):not(.yith-wcqv-button):not([name=apply_coupon]):hover,
.woosc_table .button:hover,
.woosc_table .added_to_cart:hover,
.woosw-item .added_to_cart:hover {
color: var(--theme-color3-text-color);
}
.woocommerce .button:not(.compare):not(.yith-wcqv-button):not([name=apply_coupon]):focus,
.woosc_table .button:focus,
.woosc_table .added_to_cart:focus,
.woosw-item .added_to_cart:focus {
color: var(--theme-color3-text-color);
box-shadow: none;
}
.woocommerce .button:not(.compare):not(.yith-wcqv-button):not([name=apply_coupon]):disabled, .woocommerce .button:not(.compare):not(.yith-wcqv-button):not([name=apply_coupon]).disabled,
.woosc_table .button:disabled,
.woosc_table .button.disabled,
.woosc_table .added_to_cart:disabled,
.woosc_table .added_to_cart.disabled,
.woosw-item .added_to_cart:disabled,
.woosw-item .added_to_cart.disabled {
color: var(--theme-color1-text-color);
opacity: 0.5;
}
.woocommerce .button:not(.compare):not(.yith-wcqv-button):not([name=apply_coupon]):disabled:hover, .woocommerce .button:not(.compare):not(.yith-wcqv-button):not([name=apply_coupon]).disabled:hover,
.woosc_table .button:disabled:hover,
.woosc_table .button.disabled:hover,
.woosc_table .added_to_cart:disabled:hover,
.woosc_table .added_to_cart.disabled:hover,
.woosw-item .added_to_cart:disabled:hover,
.woosw-item .added_to_cart.disabled:hover {
color: var(--theme-color3-text-color);
} .scroll-to-top a {
background-image: linear-gradient(to right, #aa8453 0%, #c1a581 51%, #aa8453 100%);
}
.scroll-to-top a:hover {
box-shadow: 0 10px 20px rgba(170, 132, 83, 0.5);
background-position: right center;
}.isotope-layout.shop-archive .isotope-item {padding-left: 20px;padding-right: 20px;margin-bottom: 40px;}.isotope-layout.shop-archive .isotope-layout-inner {margin-left: -20px;margin-right: -20px;}.page-404-wrapper .content, .page-404-wrapper .content p {font-family: Barlow;color: #0a0a0a;}header#header .menuzord-brand img {--menuzord-brand-width-responsive: 234px;}header#header .header-nav-wrapper.tm-sticky-menu .menuzord-brand img {max-width: 62px;}.menuzord-menu ul.dropdown, .menuzord-menu ul.dropdown li ul.dropdown {min-width: 260px;}@media (min-width: 1200px){.side-panel-container {width: 380px;}.side-panel-container {right: -380px;}}.side-panel-container {background-color: transparent;background-repeat: no-repeat;background-size: cover;background-position: left bottom;}body.tm-boxed-layout {background-color: #444;}.maintenance-mode .logo img {max-width: 200px;}#preloader .txt-loading .letters-loading, #preloader .txt-loading .letters-loading:before {font-family: Gilda Display;font-weight: 400;text-align: center;text-transform: none;font-size: 25px;line-height: 25px;}.tm-page-title {background-repeat: no-repeat;background-size: cover;background-position: center center;}.elementor-motion-effects-element,.elementor-motion-effects-layer{transition-duration:1s;transition-property:transform,opacity;transition-timing-function:cubic-bezier(0,.33,.07,1.03)}.elementor-motion-effects-container{height:100%;left:0;overflow:hidden;position:absolute;top:0;transform-origin:var(--e-transform-origin-y) var(--e-transform-origin-x);width:100%}.elementor-motion-effects-layer{background-repeat:no-repeat;background-size:cover;left:0;position:absolute;top:0}.elementor-motion-effects-perspective{perspective:1200px}.elementor-motion-effects-element{transform-origin:var(--e-transform-origin-y) var(--e-transform-origin-x)}