/* Theme Name: Razzi Child Theme URI: https://demo4.drfuri.com/razzi/ Author: DrFuri Author URI: http://drfuri.com Description: Razzi Child Theme. Version: 3.09 License: GNU General Public License v2+ License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: razzi-child Domain Path: /lang/ Tags: one-column, two-columns, left-sidebar, right-sidebar, full-width-template, post-formats, theme-options, threaded-comments, translation-ready Template: razzi */ html {scroll-behavior: smooth} html, body, p {line-height: 1.6; font-weight: normal; --rz-font-family-primary: 'Poppins', Roboto, "Open Sans", FreeSans, "Helvetica Neue", Arial, sans-serif} ul li {margin: 10px 0;} :root {--rz-font-family-primary: 'Poppins', Roboto, "Open Sans", FreeSans, "Helvetica Neue", Arial, sans-serif} button {font-family: var(--font-family)} body { --color-blue: #0077ba; --color-dark-blue: #164275; --color-darker-blue: #0a3261; --color-bg-blue: #dfeeff; --color-pastel: #ffe7da; --filter-dark-blue: brightness(0) saturate(100%) invert(17%) sepia(89%) saturate(990%) hue-rotate(186deg) brightness(97%) contrast(93%); --color-bg-grey: #f8f8f8; --box-shadow: 0px 0px 7px rgba(0,0,0,.1); --light-shadow: 0px 0px 3px rgba(0,0,0,.2); --button-padding: 12px 25px; --bg-7: rgba(255,255,255,.7); --bg-8: rgba(255,255,255,.8); --bd-15: blur(15px); --bd-7: blur(7px); --trans: all 0.5s; --gra: linear-gradient(to bottom right, #fafbff, #cedeff); --filter-white: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(298deg) brightness(101%) contrast(104%); --filter-black: filter: brightness(0) saturate(100%) invert(0%) sepia(100%) saturate(7451%) hue-rotate(227deg) brightness(89%) contrast(110%); --wrap-sm: 900px; } body { --color: #0693e3; --color-light: #3da3dd; --color-dark: #1188cc; --color-darker: #007cc2; word-spacing: var(--word-spacing) } body {--wid: 1170px; --max: calc(100% - 30px); --margin: 0 auto; --wid-s: 850px} @media screen and (max-width: 600px) { body {--max: calc(100% - 20px);} } h1,h2,h3,h4,h5,h6 {font-family: var(--font)} .hide {width: 0; height: 0; overflow: hidden;} .print {display: none !important;} .pswp__bg {background-color: rgba(0,0,0,.9);} .pswp__caption__text {font-weight: bold;} @supports (backdrop-filter: blur()) { .pswp__bg {background-color: rgba(0,0,0,.7); backdrop-filter: blur(20px);} } .wpc_is_filter_request .featured-first {display: none;} .widget_wpc_filters_widget {padding: 0; margin: 0; border: 0;} .wpc-filters-widget-wrapper {display: flex; flex-wrap: wrap;} .wpc-filters-widget-wrapper > * {padding: 20px; width: 33.33%; } .wpc-filters-main-wrap .wpc-filters-labels li.wpc-term-item label {background: #f6f6f6;} .wpc-filters-main-wrap .wpc-filters-labels li.wpc-term-item label span.wpc-filter-label-wrapper {padding: 8px 5px !important;} .wpc-filters-main-wrap .wpc-filters-labels li.wpc-term-item {margin-bottom: 5px !important;} .wpc-filters-main-wrap .wpc-instead-of-posts-found {display: none;} .few {font-size: 13px;} .few .wpc-filters-main-wrap li.wpc-term-item label {font-size: 13px} .few .wpc-filters-main-wrap ul.wpc-filters-ul-list {padding: 0; max-height: 230px !important;} .few .widget-title, .few .widgettitle {border: 0; padding: 0} .few .wpc-filters-range-slider-wrapper {margin: 10px} .few .wpc-filters-range-inputs .ui-slider-horizontal {height: 30px; border-radius: 50px;} .few .wpc-filters-range-inputs .ui-slider-horizontal .ui-slider-range {border-radius: 50px; background-color: #2766ad; top: 0;} .few .wpc-filters-range-inputs .ui-slider-horizontal .ui-slider-handle {top: 0; box-shadow: 3px 0px 4px #555; margin-left: -15px; border: 3px solid #538cc8; width: 30px; height: 30px;} .few .wpc-filters-range-inputs .ui-slider-horizontal .ui-slider-handle:last-child { box-shadow: -3px 0px 4px #555} .few .wpc-filters-range-column > * {padding: 0; border: 0; color: #777;} .few .range input {display: none;} .wpc-chip-remove-icon {line-height: 1 !important; border-radius: 100%; width: 22px; height: 22px; display: flex !important; justify-content: center; align-items: center; background-color: #ff7962 !important; background: url("media/theme/close.png") no-repeat center center; background-size: 10px} .wpc-chip-reset-all .wpc-chip-remove-icon {display: none !important} .wpc-filter-chips-list {align-items: stretch;} .wpc-filter-chips-list li a {height: 100%; padding: 4px 4px 4px 10px !important; background: #e7eff6; color: var(--color-dark-blue) !important; display: flex !important; align-items: center;} .wpc-filter-chips-list .wpc-chip-reset-all a {padding: 4px 10px !important; background: #ffecec; color: #720000 !important} .wpc-filter-chips-list li {height: auto;} .wpc-filter-chips-list li.wpc-filter-chip:not(.wpc-chip-reset-all) a:hover {background: #fff !important} .wpc-filter-chips-list li.wpc-chip-reset-all a:hover {background: #ffdcdc !important;} .wpc-filter-chips-list a:hover .wpc-chip-remove-icon {color: #000 !important} .wpc_show_bottom_widget .wpc-filters-widget-containers-wrapper {top: 65px !important} .wpc-widget-close-container {border-bottom: 2px solid #ccc;} .wpc-widget-close-container .wpc-icon-html-wrapper {background: #cc1c1c !important; padding: 17px 10px !important;} .wpc-icon-html-wrapper span {background: #fff !important; width: 16px !important; margin-bottom: -2px !important; height: 2px !important;} .wpc-filters-range-max-column {text-align: right;} .widget.widget_wpc_sorting_widget {padding: 0; margin: 0; border: 0;} .widget_wpc_sorting_widget .widgettitle {display: none;} .widget_wpc_sorting_widget select.wpc-orderby-select {padding: 8px 40px 8px 15px; border-radius: 5px; background-color: #f7f7f7;} .wpc-filters-widget-content .wpc-filters-section input[type="number"], .wpc-filters-widget-content .wpc-filters-section input[type="text"] {width: 110px; border: 0 !important; font-weight: bold; padding: 0 !important;} .feb {cursor: pointer;} .few > * {overflow: hidden !important; max-height: 0; transition: all .5s; opacity: 0} .few.on > * {max-height: 100%; opacity: 1; background: #fff; padding: 15px; margin: 0 0 20px 0; border-radius: 8px;} .archive.woocommerce #main .wpc-custom-selected-terms {display: flex !important; margin-bottom: 15px;} .wpc-custom-selected-terms ul.wpc-filter-chips-list {display: flex !important; padding: 0; margin: 0; flex-wrap: wrap; overflow: hidden;} @media screen and (max-width: 1000px) { .wpc-filters-widget-wrapper > * {padding: 15px; width: 50%;} .few.on > * {padding: 10px} } @media screen and (max-width: 450px) { .wpc-filters-widget-wrapper > * {width: 100%;} } @media screen and (max-width: 768px) { .wpc_show_bottom_widget .wpc-filters-widget-wrapper {padding: 10px !important} .wpc_show_bottom_widget .wpc-filters-widget-content {top: 10% !important; box-shadow: 0 0 40px #000; border-radius: 10px !important; margin: 0 auto 20px auto !important; width: 95%; overflow: hidden !important;} } .wpc-spinner:after {border: 8px solid #f3f3f3 !important; border-top: 8px solid #0570e2 !important; width: 50px !important; height: 50px !important; animation: .8s linear infinite wpc-spinner !important;} @media screen and (min-width: 768px) { html.is-active .wpc-filters-overlay { opacity: .5 !important; background: #000 !important; } } @media screen and (max-width: 768px) { html.is-active .wpc-filters-overlay { opacity: .5 !important; background: #000 !important; } } @media screen and (max-width: 768px) { .wpc_show_bottom_widget .wpc-filters-main-wrap .wpc-spinner.is-active+.wpc-filters-widget-content .wpc-filters-widget-controls-wrapper, .wpc_show_bottom_widget .wpc-filters-main-wrap .wpc-spinner.is-active+.wpc-filters-widget-content .wpc-filters-scroll-container .wpc-filters-widget-wrapper { opacity: .4 !important; } .wpc_show_bottom_widget .wpc-filters-widget-containers-wrapper::before { content: ''; position: fixed; top: 0; left: 0; right: 0; background-color: rgba(0,0,0,.3); } .wpc_show_bottom_widget .wpc-spinner.is-active+.wpc-filters-widget-content .wpc-filters-widget-containers-wrapper::before {bottom: 0; z-index: 1000000;} } .wpc-filters-widget-content .wpc-filters-section input[type="number"], .wpc-filters-widget-content .wpc-filters-section input[type="text"] {width: 100% !important;} .wpc-filters-range-column input[type="number"]::-webkit-outer-spin-button, .wpc-filters-range-column input[type="number"]::-webkit-inner-spin-button{ -webkit-appearance:none; margin:0; } .wpc-filters-range-column input[type="number"]{ appearance:textfield; -webkit-appearance:textfield; -moz-appearance:textfield; box-sizing:border-box; padding-right:.5rem; } .wpc-filters-range-max {text-align: right;} /* Cho slider trong popup: kéo ngang mượt, vẫn cuộn dọc */ .wpc-filters-widget-content .ui-slider, .wpc-filters-widget-content .ui-slider-handle { touch-action: pan-y; } .wpc-filters-widget-content .ui-slider-handle { pointer-events: auto; z-index: 3; } @supports (grid-template-rows:1fr) { .few {display: grid; grid-template-rows: 0fr; transition: grid-template-rows 0.5s ease-out;} .few.on {grid-template-rows: 1fr;} } @media screen and (max-width: 768px) { .few > * {overflow: unset !important; max-height: unset; transition: all .5s; opacity: unset} } .entry-content a {color: var(--color-blue); position: relative;} .entry-content---a a:after {content: ''; position: absolute; bottom: 1px; left: 0; right: 0; border-bottom: 1px dashed var(--color-blue);} .wcfl-feature {display: none} #dt2 {display: none;} .main-navigation li {padding: 0 8px;} .wp-block-gallery.has-nested-images figure.wp-block-image {background: #ddd;} .woocommerce-message {width: var(--wid); margin: 0px auto 30px auto; border-radius: 6px; max-width: calc(100% - 20px); background-color: #1e85be;} /* ==================== UPDATE ==================== */ .tour h2 {scroll-margin-top: 100px} .wcfl-feature {display: none} #dt2 {display: none;} .ui-datepicker {display: block; background: #ccc;} .kt-inside-inner-col>* {position: relative;} .max, .margin, .m {max-width: calc(100% - 20px) !important;} .kt-row-layout-inner,.kt-row-column-wrap {position: relative; z-index: 0;} .brandname { position: absolute; bottom: 0px;left: 0; right: 0; font-size: 12px; text-align: center; white-space: nowrap; transition: all 0.5s } .site-logo {min-width: 120px; text-align: center;} #comments {width: unset} #page {width: 100%; max-width: 100%;} .f,.full {width: 100% !important; max-width: 100% !important} .box, .wrap {width: var(--wid) !important; max-width: var(--max) !important; margin: var(--margin) !important} .ws {width: var(--wid-s); max-width: var(--max) !important; flex-grow: unset !important; flex-basis: unset !important; margin-left: auto !important; margin-right: auto !important;} .box.wp-block-column, .wrap.wp-block-column {flex-grow: unset !important; flex-basis: unset !important} h1, h2, h3, h4, h5, h6 {line-height: 1.5} h1 {font-size: 32px} h2 {font-size: 28px} h3 {font-size: 24px} h4,h5,h6 {font-size: 20px} textarea {min-height: 120px;} a {cursor: pointer;} a:hover {transition: all 0.5s;} a:active {} a:focus {transition: all 0.5s;} b, strong {font-weight: 700;} table, tr, th, td, .wp-block-table table, .wp-block-table tr, .wp-block-table th, .wp-block-table td {border: 0;} .wp-block-table table {border: 1px solid #ddd; border-radius: 10px; border-collapse: separate; font-size: 13px} .wp-block-table table td {border-bottom: 2px solid #eee; padding: 20px 10px;} .wp-block-table table tr:last-child td {border: 0} .none, .no {display: none !important} .ts, .text-shadow {text-shadow: 2px 2px 0px #000;} .center, .ce, .pr {text-align: center !important;} .j, .ju, .justify {text-align: justify !important;} .re, .relative {position: relative} .label {color: unset;} .ma, .auto {margin: 0 auto;} .nowrap {white-space: nowrap;} .w800, .p, .paragraph {width: 800px !important; max-width: calc(100% - 20px); margin: 0 auto;} .w1250, .wide {width: 1250px !important;} .ov, .overflow {overflow: hidden;} .ra5, .r5 {border-radius: 5px;} .ra10, .r10 {border-radius: 10px;} .ra15, .r15 {border-radius: 15px;} .ra20, .r20 {border-radius: 20px;} .m0 {margin: 0 !important;} .p0 {padding: 0 !important;} #map2 {height: 300px; width: 100%; background: #eee;} .hl {background-color: #ebf4ff !important;} .flex {display: flex} .max > * , .auto > * {flex-basis: auto !important;} .black {color: #000} .white {color: #fff} input, textarea {border-radius: 5px;} .gform_wrapper.gravity-theme .gfield_label {font-size: 15px !important;} button, input[type="button"], input[type="reset"], input[type="submit"] {background-color: var(--color-dark); padding: var(--button-padding); line-height: 1.5;} body.page.full-content:not(.elementor-page) .site-content {max-width: unset; width: unset; padding-left: 0; padding-right: 0;} .wp-block-column > *:first-child {margin-top: 0;} .wp-block-column > *:last-child {margin-bottom: 0;} .l .wp-block-column, .d {width: var(--wrap-sm); margin: 0 auto !important; flex-basis: unset !important; flex-grow: unset !important} .single-product .entry-content, body.page .site-content, .archive.woocommerce #content .container > *, .archive.woocommerce .content-area > *, .page-header .page-header__title, #booking > *, .yith_wcbk_widget_booking_form_summary, .entry-content .f.wp-block-gallery, .sort-wrap { max-width: 100%; margin-left: auto; margin-right: auto; width: 100%; } .archive.woocommerce #main > *, .page-content > *, .custom-content > * {width: var(--wid); max-width: var(--max); margin-left: auto; margin-right: auto;} #site-header-minimized {height: 0 !important; display: none !important} header.site-header, header.site-header.on {position: unset !important; transition: all 0.5s; -webkit-animation-name: unset !important; animation-name: unset !important;} .site-header__border {border: 0} .topbar {background: #f6f6f6; height: unset !important} .topbar > * {width: 1170px; max-width: calc(100% - 30px); margin: 0 auto; padding: 0; display: flex; flex-direction: row; justify-content: space-between; align-items: center;} .topbar .topbar-right-items > * {display: flex; flex-direction: row; align-items: center;} .topbar, .topbar p, .topbar a {font-size: 13px;} .topbar p {margin: 0;} .topbar-menu li a {font-size: 11px; font-weight: bold !important; } .topbar .nav-menu li a {padding: 9px; display: block;} .topbar .nav-menu li:first-child a {padding-left: 0;} .topbar .main-navigation .nav-menu li {margin: 0; padding: 0;} .topbar ul.nav-menu {list-style: none; display: inline-block; margin: 0; padding: 0} .topbar ul.nav-menu li {display: inline-block;} .home .topbar {display: none;} .yith-wcmcs-shortcode {margin: 0; padding: 10px 0} .yith-wcmcs-shortcode .yith-wcmcs-currency-list {display: flex;} .yith-wcmcs-currency-list .yith-wcmcs-currency {border-radius: 4px;} .panel-content .site-branding {padding-bottom: 22px;} .panel-content .site-branding .site-title {font-size: 11px; font-weight: normal;} .panel-content .mobile-logo img {height: 45px; width: auto;} .header-left-items {margin: 0;} .header-left-items > * {padding: 0;} .site-branding {display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; position: relative; border-radius: 10px; transition: var(--trans)} .site-branding .site-title {clip: unset; -webkit-clip-path: unset; clip-path: unset; height: unset; width: auto; text-align: center; font-size: 7px; text-transform: uppercase; font-weight: bold; position: unset !important; bottom: 2px; color: #777; margin-top: 3px;} .site-branding .logo img {max-width: 100%; transition: var(--trans)} .site-title a {color: #777} .header-mobile .mobile-menu .mobile-menu-toggle {margin-left: 0;} .site-header .header-cart .counter {font-size: 9px; min-width: 15px; height: 15px; font-weight: bold; line-height: 1; top: -8px; right: -8px;} .site-header, .header-mobile {height: 100px !important} #site-header.on .header-main, #site-header.on .header-mobile {position: fixed; top: 0; left: 0; right: 0; background: #fff; z-index: 20; height: 50px !important; transition: all .5s; box-shadow: var(--box-shadow);} #site-header.on.float .header-main, #site-header.on .header-mobile {margin: 10px auto; width: 830px; max-width: calc(100% - 30px); padding: 0 10px; border-radius: 100px; box-shadow: 0 0 25px rgba(0,0,0,.5)} .site-header.float .razzi-header-container {max-width: 100%;} #site-header li.current-menu-item > a {font-weight: bold; color: var(--color-blue)} #site-header.on.float li.current-menu-item > a, #site-header.on.float .primary-navigation li.current-menu-item > a, #site-header.on.float .primary-navigation:not(.main-menu-current-color) .nav-menu > li.current_page_parent > a {color: #000000; background: #d6e6f9; border-radius: 100px; padding: 4px 10px; font-weight: normal;} #site-header.on.float .primary-navigation:not(.main-menu-current-color) .nav-menu > li.current_page_parent > a:after {content: unset} .custom-mobile {padding-top: 120px;} body.sticky .custom-mobile {padding-top: 70px;} @media screen and (max-width: 900px) { #site-header.on.float .header-main {margin: 0; width: 100%; max-width: 100%; border-radius: 0;} } #site-header.on .site-branding .site-title {display: none;} #site-header.on .logo .logo-image {width: 45px;} .home .site-header {position: absolute !important; left: 0; right: 0; background: rgba(255,255,255,.8) !important; z-index: 100;} .home .site-header.on {position: absolute !important; -webkit-backdrop-filter: unset; backdrop-filter: unset;} .mb-content ul {flex-direction: column !important; align-items: flex-start !important;} .mb-content ul li {margin: 0} /* ==================== HEADER ==================== */ .header .wrap {align-items: stretch; display: flex; max-width: 100% !important} .header {display: flex; align-items: center; width: 100%; max-width: 100%; height: 100px; margin: 0 auto !important} .header .custom {margin: 0; width: 100%; max-width: 100%; transition: all .5s} body.on .site-header.on .header-main {height: 100%; box-shadow: unset !important; z-index: 110 !important;} body.mobile-menu.on .bottom-bar {z-index: 0;} .site-header.float.on .header {height: 100%; max-width: 100%;} .site-header.float.on .header .brand p {display: none;} .site-header.float.on .header .logo img {padding: 0; vertical-align: middle;} .sticky .site-header nav ul li a {font-weight: bold; color: #444 !important} .header-main {position: relative; z-index: 110; border: unset; width: 1170px; max-width: 100%; margin: 0 auto; transition: width .5s !important} @media screen and (max-width: 1200px) { .header-main {padding: 0 10px;} } #site-header.on.float .header-main > * {height: 100%;} #site-header.on.float .brand {flex-direction: row} .xoo-wsc-sc-cont {display: flex;} .xoo-wsc-sc-cont .xoo-wsc-cart-trigger > * {display: flex;} span.xoo-wsc-sc-count {height: 15px; width: 15px; font-size: 10px; line-height: 0; font-weight: bold; display: flex; flex-direction: column; align-items: center; justify-content: center;} .rz-modal.open .modal-content {margin: 0} .rz-modal .button-close {right: -20px; top: 0; box-shadow: 1px 1px 4px #000;} @media screen and (max-width: 1200px) { .rz-modal.open .modal-content { padding: 20px; } } .dgwt-wcas-search-wrapp { display: flex; flex-direction: row; align-items: center; } @media screen and (max-width: 550px) { .dgwt-wcas-suggestions-wrapp {width: auto !important;} } body.on {overflow: hidden;} @media screen and (max-width: 1000px) {.header .mobile {display: flex;}} .header .menu ul li {padding: 0 5px;} .logo {width: 80px; text-align: center; transition: width .5s;} .logo img {width: 100% !important; height: auto !important; text-align: center; padding-bottom: 3px;} .site-header.float.on .header .logo {width: 60px;} .brand {gap:0 !important} .brand .name {white-space: nowrap; font-size: 8px !important; text-transform: uppercase;} .brand > * {max-width: 100% !important;} .burger {height: 100%; display: none !important; align-items: center !important; justify-content: center; z-index: 110; padding: 0 10px;} .burger .inner {position: relative; width: 45px; max-width: 100%; height: 20px !important; display: flex; align-items: center !important; cursor: pointer; transition: all .5s} .burger .text {height: 2px; width: 100%; overflow: hidden; background: #5aaafa; opacity: 1; transition: var(--trans)} .burger .inner::before, .burger .inner::after {content: ''; display: block; position: absolute; border-top: 2px solid #999; left: 0; width: calc(100% - 5px); transition: all .3s} .burger .inner::before {top: 0} .burger .inner::after {bottom: 0; border-color: #000} .custom-mobile {max-height: 0; visibility: hidden; opacity: 0; transition: all .5s; overflow: hidden; position: fixed; top: 0; bottom: 0; left: 0; right: 0; background: #fff; z-index: 90; font-size: 25px; margin: 0;} .header .mobile ul {display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; flex-wrap: nowrap; visibility: hidden; opacity: 0; transition: all .3s; padding: 100px 150px; gap: 0;} @media screen and (max-width: 900px) { .header.on .burger .inner .text {background: #888; height: 2px; visibility: hidden; opacity: 0} .header.on .burger .inner::after {border-color: red; transform: rotate(-135deg); bottom: 9px;} .header.on .burger .inner::before {border-color: red; transform: rotate(135deg); top: 9px;} .header.on .menu {display: flex;} .custom-mobile.on ul {visibility: visible; opacity: 1} .custom-mobile.on {max-height: 100%; visibility: visible; overflow: auto; opacity: 1;} .header .burger {display: flex !important;} .header .menu {display: none !important;} } @media screen and (max-width: 750px) { .header .mobile ul {padding: 50px;} } @media screen and (max-width: 550px) { .header .mobile ul {padding: 50px;} .burger .inner {width: 35px;} } @media screen and (max-width: 340px) { .header .right > * {padding: 0 3px} .header .custom {max-width: calc(100% - 10px)} .brand .name {font-size: 8px !important} } .header .right {align-items: stretch;} .header .right > * {padding: 0 3px;} .header .right > * > * , .header .right p > a {align-items: stretch; display: flex; height: 100%;} .header .right .cart p > a {align-items: stretch; display: flex; height: 100%;} .header .right > *:last-child {padding: 0 10px;} .header .right > * {justify-content: center;} .header .right .search p {background: url("media/theme/search.png") center center no-repeat;} .header .right .cart p {background: url("media/theme/cart.png") center center no-repeat;} .header .right .acc p {background: url("media/theme/acc.png") center center no-repeat;} .header .right .wlt p {background: url("media/theme/heart.png") center center no-repeat;} .header .right p {font-size: 0; width: 24px; background-size: 24px !important;} .page-header {background: #f6f6f6;} .page-header .page-header__content {position: relative; padding: 60px 0; text-align: center;} .page-header .page-header__title {padding-top: 0 !important; padding-bottom: 0 !important; color: #555;} .page-header .site-breadcrumb {padding: 4px 0; position: absolute; bottom: 0; left: 0; right: 0; text-align: center; font-size: 11px; font-weight: bold;} .page-header .site-breadcrumb > * {padding: 2px 0; display: inline-block;} .woocommerce-product-gallery .single-breadcrumb {position: absolute; bottom: 0; z-index: 1; padding: 3px 10px; color: #fff; font-size: 12px; left: 0; right: 0; text-align: center; text-shadow: 1px 1px 3px #000; background-image: linear-gradient(to top, rgba(0,0,0,.2), transparent);} .woocommerce-product-gallery .single-breadcrumb span:last-child {display: none;} .single-breadcrumb a {color: #fff} .single-breadcrumb a:hover {color: unset; text-decoration: underline;} .single-breadcrumb .inner-bc {margin: 0 auto; display: inline-block; } nav.breadcrumb.single-breadcrumb {margin: 0 0 30px 20px; background: #f3f3f3; padding: 5px 10px; border-radius: 0 0 5px 5px; font-size: 11px; max-width: calc(100% - 40px);} nav.breadcrumb.single-breadcrumb a {color: #666; font-weight: bold;} nav.breadcrumb.single-breadcrumb span:last-child {display: none;} .has-image .page-header {position: relative; background: rgba(0,0,0,0.2);} .has-image .page-header .woocommerce-breadcrumb {position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; font-weight: bold; color: #ccc; text-shadow: 0 0 8px #000; background: linear-gradient(0deg,rgba(0,0,0,.3), rgba(0,0,0,0));} .has-image .page-header .woocommerce-breadcrumb >* {padding: 3px 0; display: inline-block;} .has-image .page-header .woocommerce-breadcrumb a {color: #eee;} .page-header-wrap {position: relative; background: #f4f4f4} .page-header-wrap img.page-img {position: absolute; object-fit: cover; width: 100%; height: 100%;} .has-image .page-header .page-header__title {color: #fff !important; text-shadow: 1px 1px 2px #000; font-size: 45px;} .has-image .page-header .page-header__content {padding: 17vh 0 !important; color: #555; text-align: center;} .header-right-items {margin: 0} body.page .page-header-wrap {margin-bottom: 30px;} .header-tag-wrap {padding: 10px 0;} .header-tag {padding: 10px 0;} .page .rz-modal {max-width: 100% !important} .rz-modal .panel-content {transform: unset; max-height: 0; height: 0; transition: all .5s !important; margin: 15px 35px 0 0; border-radius: 10px; overflow: hidden;} .rz-modal.open .panel-content {max-height: calc(100% - 30px); height: 100%;} .razzi-scrollbar::-webkit-scrollbar {width: 8px;} .razzi-scrollbar::-webkit-scrollbar-thumb {background-color: #999} .rz-modal.side-left .panel-content {transform: unset; margin-right: 0 !important; margin-left: 10px;} .panel-content .site-branding {padding: 0;} .rz-modal.side-left .panel-content .modal-header {display: flex; justify-content: center; align-items: center;} .rz-modal.open.search-modal {display: flex !important; justify-content: center; align-items: flex-start;} .rz-modal .search-panel-content .modal-content {padding: 0; border-radius: 200px;} .rz-modal .search-panel-content .modal-header {border: 0; position: unset; right: 8px; z-index: 1; background: unset; padding: 5px 0; display: flex; justify-content: flex-end;} .rz-modal .search-panel-content .modal-header .modal-title {display: none;} .rz-modal .search-panel-content.panel-content {max-width: calc(100% - 30px); width: 600px; height: auto; max-height: unset; margin: 10px 0; position: relative; border-radius: 10px; background: unset; margin: 0 auto;} .rz-modal .search-panel-content .button-close {margin: 0; transform: unset; color: #eee; background: red; border-radius: 100%; height: 0; width: 0; display: flex; padding: 15px; line-height: 0; justify-content: center; align-items: center; position: unset;} .ra-search-modal .search-results {display: none;} .dgwt-wcas-sp {display: flex; align-items: center;} .yith-wcmcs-currency-list--label .yith-wcmcs-currency {padding: 1px 5px 0px 5px; margin: 0 3px; min-width: unset; font-size: 13px; font-weight: bold; background-color: unset; color: #000;} .yith-wcmcs-currency-list--label .yith-wcmcs-currency--selected {background-color: #0693e3; border-color: #0693e3; color: #fff;} .yith-wcmcs-currency-list .yith-wcmcs-currency {border: 0 !important} .yith-wcmcs-currency-list .yith-wcmcs-currencies-dropdown {background: #f3f3f3; border: 0; max-width: 150px !important; right: 0} .yith-wcmcs-currency-select {padding: 0} .yith-wcmcs-currency-select .yith-wcmcs-selected-currency {padding: 0; padding-right: 30px; text-align: right; background: unset; max-width: unset;} .yith-wcmcs-currency-select .yith-wcmcs-shortcode-style {border: 0} .yith-wcmcs-currency-select .yith-wcmcs-currencies-dropdown .yith-wcmcs-currency-name {text-align: center;} .yith-wcmcs-currency-list {max-width: unset;} #topbar a {color: #555;} #topbar a:hover {color: #000;} #topbar .yith-wcmcs-currency-list--label.yith-wcmcs-currencies, #topbar .yith-wcmcs-shortcode {max-width: unset; color: unset !important;} #topbar .yith-wcmcs-currency-list--label.yith-wcmcs-currencies {display: flex; flex-direction: row; align-items: center; justify-content: flex-end;} #topbar .yith-wcmcs-currency-list--label .yith-wcmcs-currency--selected {background-color: #239ce1; color: #fff !important;} #topbar .yith-wcmcs-currency-list--label .yith-wcmcs-currency {margin: 0 0 0 3px; color: #555; border-radius: 3px;} .yith-wcmcs-currency-name {max-width: unset;} #topbar-mobile .razzi-topbar__text, #topbar-mobile .razzi-container {padding: 0} #topbar-mobile .mobile-topbar-items {justify-content: flex-start;} .site-header .header-account .account-links {padding: 20px 0;} .account-links li a {padding: 10px 25px; display: block;} .account-links ul li {margin: 0 !important; padding: 0 !important;} .ra-search-modal .search-field {border-radius: 100px;} .tour-attribute {margin: 10px 0 0 0; text-transform: capitalize; } .tour-attribute table td p {margin: 0} .tour-attribute table, .tour-attribute table th, .tour-attribute table td {border: 0; margin: 0; width: 100%} .tour-attribute table tr {border-top: 1px solid #e7e7e7} .tour-attribute table tr:first-child {border-top: 0} .tour-attribute table td, .tour-attribute table th {padding: 15px 8px;} .tour-attribute table td, .tour-attribute table th, .tour-attribute table td p, .tour-attribute a {font-size: 11px; color: #555; vertical-align: top; font-weight: bold;} .tour-attribute table th {color: #888} .wpcag_group_heading {padding: 10px; color: #444; font-weight: bold;} .wpcag_group_attributes {background: #fff; border-radius: 5px;} .archive .tour-attribute {margin-top: 15px;} .archive .wpcag_group_heading {padding: 0;} .archive .tour-attribute table td, .archive .tour-attribute table th {padding: 5px;} .single-product .tour-attribute table.shop_attributes .attribute_name_values th {color: #777; text-align: right;} .woocommerce .tour-attribute table.shop_attributes th, .woocommerce .tour-attribute table.shop_attributes td {vertical-align: top;} .woocommerce .tour-attribute th.attribute_name {text-align: right;} .single-product table.attribute_name_values {border-radius: 5px; overflow: hidden;} .single-product table.shop_attributes table.attribute_name_values th, .single-product table.shop_attributes table.attribute_name_values td {padding: 15px 10px; background: #fbfbfb !important} .single-product table.shop_attributes table.attribute_name_values td p, .single-product table.shop_attributes table.attribute_name_values td {color: #444 !important;} .tour-attribute th.attribute_group_name {padding: 12px 0 0px 0 !important; font-size: 14px; line-height: 1.3; color: #444 !important; position: relative; text-transform: uppercase; letter-spacing: 1px; position: relative; text-transform: uppercase; letter-spacing: 1px; min-width: unset;} .attribute_group_name {display: flex; flex-direction: row; align-items: center;} .products .attribute_group_name {display: inline-flex;} .products th.attribute_group_name::after {content: ''; width: 100%; position: absolute; height: 0px; bottom: -1px; border-bottom: 1px solid #888} .attribute_group_name::before {content: ''; width: 5px; background: #999; height: 6px; margin-right: 5px;} .attribute_group_row {border: 0;} .woocommerce .tour-attribute table.shop_attributes tr.attribute_row > td {padding: 0 !important;} td.attribute_value, .woocommerce table.shop_attributes th {width: auto;} .shop_attributes tr:first-child {border: 0 !important} .shop_attributes .attribute_name_values tr:last-child {border-bottom: 0 !important} .shop_attributes {background: unset !important} .s-right tr.attribute_row {border: 0 !important;} .s-right .tour-attribute table tr {border-top: 1px solid #ddd;} .s-right .mapw .map-inner, .s-right .yith-wcwl-add-to-wishlist a.rz-loop_button {padding: 10px 20px} .s-right tr.attribute_group_row {border: 0 !important;} .s-right table.shop_attributes {margin: 0;} .s-right .attribute_name_values tr:first-child {border-top: 0;} .s-right .shop_attributes .attribute_name_values tr:first-child {border-top: 0 !important} .s-right th.attribute_group_name {background: #eee; color: #333 !important; padding: 14px !important; border-radius: 0;} @media screen and (min-width: 500px) {.tour-attribute table th {min-width: 100px;}} .single-product .tour-attribute {border: 0; padding: 0;} .single-product .tour-attribute h2 {margin-bottom: 10px !important; padding-bottom: 10px; border-bottom: 1px solid #ddd; } .product-labels {flex-direction: column-reverse;} .site-content {padding: 0;} #rz-shop-content {padding-bottom: 30px;} .single-product .wp-block-columns.inclusion {background: #eee; border-radius: 10px; padding: 5px;} .single-product .wp-block-columns.inclusion > * {background: #fff; margin: 10px; border-radius: 5px; padding: 20px; flex-basis: auto;} @media screen and (max-width: 781px) { .single-product .wp-block-columns.inclusion {padding: 0;} } .archive.woocommerce #content .site-main .recently-products {padding: 0 0 30px 0;} .recently-products h2.recently-title {font-size: 20px; text-transform: uppercase;} .recently-products ul.products {transform: unset !important; background: unset !important; justify-content: space-between;} .recently-products ul.products li.product {width: calc(50% - 15px) !important; display: flex; background: #fff; border-radius: 6px; overflow: hidden; box-shadow: 1px 1px 11px -10px #000;} .recently-products ul.products li.product .product-inner {background: #fff; box-shadow: unset; border-radius: unset; overflow: unset;} .recently-products ul.products li.product .product-thumbnail {width: unset;} .recently-products ul.products li.product .product-summary {width: unset; padding: 10px 20px !important;} .recently-products ul.products li.product .product-thumbnail .woocommerce-loop-product__link {width: 220px; height: 100%;} .recently-products ul.products li.product .woocommerce-loop-product__title {font-size: 18px;} .recently-products .product-thumbnail .mapw, .recently-products .spacer, .recently-products ul.products .special-att, .recently-products ul.products .tour-attribute, .recently-products .yith-wcwl-add-button, .recently-products .yith-wcwl-add-to-wishlist, .recently-products ul.products .special, .recently-products ul.products .excerpt {display: none;} .recently-products .yith-similar-products {padding: 0 0 50px 0;} .page .yith-similar-products br, .page .yith-similar-products .product-thumbnail > p, .page .woocommerce .yith-wrvp-filters-cat {display: none;} .single.woocommerce .recently-products {background: #eee;} .single.woocommerce .recently-products .yith-similar-products {width: 1170px; max-width: calc(100% - 20px); margin: 0 auto;} .woocommerce-info {display: none;} .yith-similar-products > h2 {display: flex; justify-content: space-between; font-size: 20px;} .yith-recently, .related {padding: 50px 0; background: #eee;} .yith-recently > *, .related > * { margin: var(--margin); max-width: var(--max); width: var(--wid)} .archive.woocommerce .yith-recently > *, .archive.woocommerce .related > * {max-width: 100%;} .page .recently br, .page .recently p {display: none;} h2.title.head {margin-bottom: 20px; display: flex; justify-content: space-between;} h2.title.head a {color: var(--color-blue)} .recently {display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between;} .recently .inner {width: calc(50% - 15px); display: flex; flex-direction: row; flex-wrap: wrap; margin: 0 0 20px 0; background: #fff; border-radius: 6px; overflow: hidden; box-shadow: var(--box-shadow); max-width: 100%} .recently .inner .thumb {width: 30%;} .recently .inner .thumb img {width: 100%; height: 100%; object-fit: cover;} .recently .inner .content {width: 70%; padding: 15px 25px;} .recently .inner .content h2 {font-size: 16px; margin: 0 0 15px 0} .recently .inner .content p.price {margin: 5px 0 0 0;} .recently .inner .content p.price .amount {font-size: 16px;} .related-- .recently .inner .content h2 {font-size: 22px;} .recently .inner .content h2 a {color: #000} .recently .info {flex-direction: column; align-items: unset} .recently.related-- .inner .content h2 {font-size: 24px; margin: 0 0 15px 0;} .related-- .recently .inner {width: 100%;} .related-- .recently .tour-attribute {background: #f9f9f9; border-radius: 5px; overflow: hidden;} .related h1.product_title {font-size: 16px;} .related .woocommerce-product-details__short-description {display: none;} @media screen and (max-width: 800px) { .recently .inner .content {padding: 15px 10px;} .recently .inner .content h2 {font-size: 15px} .related- .recently .inner .content h2 {font-size: 18px} } @media screen and (max-width: 750px) { .related- .recently .inner, .yith-recently .recently {flex-direction: column;} .related- .recently .inner .thumb, .related- .recently .inner .content {width: 100%;} .related- .recently .inner .thumb {height: 40vw;} .recently .inner {width: 100%;} } @media screen and (max-width: 450px) { .related-- .recently .inner .content h2 {font-size: 15px} } @media screen and (max-width: 450px) { h2.title.head {font-size: 19px} } .option {padding: 20px 0;} .option .kt-row-layout-inner {border: 2px solid #ccc; border-radius: 8px; overflow: hidden;} .option .kt-row-column-wrap {padding: 0} .option .kt-row-column-wrap {background: #f5f5f5;} .option .wp-block-kadence-column {background: #fff;} .option .wp-block-table table {border: 0; margin: 0; border-radius: 5px} .option .wp-block-table table td {padding: 15px;} .option span.pr {font-weight: bold;} .option span.pr .symbol {font-weight: normal;} .option .kt-row-column-wrap {flex-direction: row !important; display: flex;} .option .kt-row-column-wrap > *:last-child {margin: 0 !important} .option .wp-block-kadence-column {width: 50% !important; display: block !important;} .option .kt-gutter-default>.wp-block-kadence-column {margin-right: 30px;} @media screen and (max-width: 767px) { .option .wp-block-kadence-column {margin-bottom: 0 !important;} .option .wp-block-kadence-column {margin-right: 20px !important;} } @media screen and (max-width: 600px) { .option .wp-block-kadence-column {margin-bottom: 20px !important; width: 100% !important;} .option .wp-block-kadence-column:last-child {margin-bottom: 0 !important;} .option .kt-gutter-default>.wp-block-kadence-column {margin-right: 0px;} .option .kt-row-column-wrap {flex-direction: column !important;} } ul.products li.product .price del {font-size: unset} .price .amount {color: #000 !important; padding: 0 !important; margin-right: 10px; font-size: 26px;} .price ins {padding: 0 !important;} .price del .amount {color: #999 !important; margin: 0; font-size: 16px !important;} .price {display: inline-flex; flex-direction: row; align-items: center;} .woocommerce-Price-amount {margin-right: 5px;} span.woocommerce-Price-currencySymbol {font-size: 80%; margin-right: 2px;;} .price del {text-decoration: none;} del .woocommerce-Price-amount {margin-right: 0;} .price-wrap {display: block; margin: 10px 0;} .price del {display: inline-block; color: #999 !important; position: relative; padding: 0 2px;} .price del:after, .sale-price::after { position: absolute; content: ""; left: 0; top: 50%; right: 0; border-top: 1px solid; border-color: #dd2c2c; -webkit-transform:rotate(-10deg); -moz-transform:rotate(-10deg); -ms-transform:rotate(-10deg); -o-transform:rotate(-10deg); transform:rotate(-10deg); } .sc .price {font-size: 26px; margin: 0;} .sc .amount {font-weight: normal;} .pr .symbol {color: #999; margin-right: 3px; font-size: 80%; font-weight: bold !important} .pr.shortcode_currency .symbol {margin-right: 1px;} /* ==================== CART ==================== */ dl.variation dd {font-weight: bold;} .form-search .product-cat {display: none;} /* .form-search .product-cat {display: none;} .ra-search-form .search-field {border-radius: 6px;} #search-modal {display: none;} #search-modal.rz-modal .panel-content, #search-modal.rz-modal.open .panel-content {transform: unset} #search-modal.rz-modal .panel-content {position: unset; height: auto; max-height: 100%; overflow: auto;} #search-modal.open {display: flex !important; align-items: center; justify-content: center;} */ .dgwt-wcas-open-pirx .dgwt-wcas-suggestions-wrapp {border: 1px solid #ccc; border-radius: 10px; margin-top: 10px;} .dgwt-wcas-suggestions-wrapp .amount {white-space: nowrap;} .dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp {background: unset !important} .dgwt-wcas-has-img .dgwt-wcas-suggestion.dgwt-wcas-suggestion-product {min-height: 40px;} .variation, .xoo-wsc-product dl.variation { display: flex; flex-wrap: wrap; /* cho xuống hàng */ } .variation dt, .variation dd { flex: 0 0 50%; /* mỗi cái chiếm nửa hàng */ margin: 1px 0 !important; background: #f9f9f9; } .variation dt, .variation dd { padding: 6px; } .variation dt { border-right: 0; font-weight: 600; } .variation dd {color: #444} .product-quantity {display: none} .xoo-wsc-product {flex-direction: column;} .xoo-wsc-product > *, .xoo-wsc-product > * > *, .xoo-wsc-product > * > * > * {display: block;} .xoo-wsc-sm-right {display: flex; flex-direction: row; justify-content: space-between; max-width: unset; width: 100%; padding: 0;} span.xoo-wsc-smr-del, .xoo-wsc-smr-ptotal {margin: 0; padding: 10px;} .xoo-wsc-smr-ptotal .woocommerce-Price-amount {margin: 0} .xoo-wsc-product > * {width: 100% !important; } .xoo-wsc-product > .xoo-wsc-img-col {width: 70% !important; margin-bottom: 10px;} .xoo-wsc-product > .xoo-wsc-img-col img {border-radius: 5px;} .xoo-wsc-product > .xoo-wsc-sum-col {padding: 0} .xoo-wsc-product .xoo-wsc-sm-left > * {width: 100%; display: block;} .xoo-wsc-product dl.variation {margin: 10px 0;} .xoo-wsc-product dl.variation dd, .xoo-wsc-product dl.variation dt {float: unset} .woocommerce-checkout .woocommerce-checkout-review-order-table .product-item {display: block;} .woocommerce-checkout .woocommerce-checkout-review-order-table span.ut-name {display: block; padding: 6px 10px; margin: 2px 0; background: #f9f9f9; } table.woocommerce-checkout-review-order-table .variation {padding: 0;} table.woocommerce-checkout-review-order-table {display: flex !important; flex-direction: column;} table.woocommerce-checkout-review-order-table-- > * {display: flex !important; flex-direction: column; width: 100%;} table.woocommerce-checkout-review-order-table > thead tr, table.woocommerce-checkout-review-order-table > tfoot tr { display: flex !important; flex-direction: row; width: 100%; justify-content: space-between; border-bottom: 1px solid #777} table.woocommerce-checkout-review-order-table thead tr > *, table.woocommerce-checkout-review-order-table tfoot tr > * {border: 0 !important;} table.woocommerce-checkout-review-order-table thead tr > * {padding: 10px 0 !important;} table.woocommerce-checkout-review-order-table > tfoot tr:last-child {border: 0;} .woocommerce-checkout .woocommerce-checkout-review-order-table tbody tr > td.product-total {padding: 10px !important; margin-top: 1px;} table.woocommerce-checkout-review-order-table > tbody tr {display: flex !important; flex-direction: column; width: 100%; margin: 20px 0; border: 0 !important;} table.woocommerce-checkout-review-order-table > tbody tr td:last-child {background-color: #f3f3f3; color: #000} table.woocommerce-checkout-review-order-table tbody td {width: 100%;} table.woocommerce-checkout-review-order-table td.product-name {font-weight: bold; padding: 0 !important} .woocommerce-checkout .select2-selection {border-radius: 5px !important;} .dgwt-wcas-darkened-overlay {opacity: .3 !important} .dgwt-wcas-search-wrapp.dgwt-wcas-search-darkoverl-on .dgwt-wcas-search-form {background-color: rgba(17, 17, 17, .3) !important;} .dgwt-wcas-darkened-overlay>div-- {backdrop-filter: blur(2px);} /* ==================== PRICE ==================== */ .price-wr {display: flex; flex-wrap: wrap; flex-direction: row; margin: 10px 0;} .single-product .price-wr {margin: 18px 0;} .price-left {font-size: 20px;} .price-left p {margin: 0;} .price-right {display: flex; flex-direction: column; justify-content: center; font-size: 12px; margin-left: 12px; border-left: 1px solid #aaa; padding-left: 10px;} .price-right .symbol {margin: 0; color: unset;} .price-right .pr {color: #333; font-weight: bold;} .price-right .cost {font-weight: bold;} ul.products li.product .price-wr .price-left .price {margin: 2px 0;} /* ==================== BLOCK ==================== */ .product-block .product-title a {color: #333} .product-block .product-title {font-weight: bold;} .product-block .product-title span {color: var(--color-dark);} .product-block .price span {font-size: 85%; display: inline-flex; direction: rtl;} .product-block .price {font-size: 20px; font-weight: bold;} .product-block .separator {border-bottom: 1px solid #999; width:40px; height: 2px; margin: 3px auto;} .tour p.has-text-align-center {text-align: center;} /* ==================== POST CUSTOM ==================== */ .post-wrapper > * {margin: 0 auto; max-width: 1170px; width: calc(100% - 30px)} #comments {margin: 0 auto; max-width: 800px; width: calc(100% - 30px)} /* ==================== LOOP ==================== */ .filters-container form { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-around; } body.filtered .custom-content {display: none;} .archive.woocommerce .pswp {display: none;} .archive.woocommerce #content.site-content {padding-top: 0 !important;} .archive.woocommerce #content .container {width: 100%;} .archive.woocommerce #content .content-area {width: 100%; max-width: 100%; background: #eee;} .archive.woocommerce #content .custom-content {max-width: 100%; width: 100%; background: #fff;} ul.products li.product .woocommerce-loop-product__title a:hover {color: var(--color-dark)} .info-loop {display: flex; flex-wrap: nowrap;} .info-loop > * {width: 100%; display: flex; flex-direction: column;} .info-loop .info-inner .upper {color: #999;} .archive.woocommerce #content .site-main .search-result {padding: 20px 0 10px 0;} .archive.woocommerce #content .container .cats-wrap {width: 100%; max-width: 100%; background: #fff;} .cats {display: flex; flex-wrap: wrap; padding: 20px 0 50px 0; width: 1170px; max-width: calc(100% - 20px); margin: 0 auto;} .cats a { width: 33.3333%; color: #fff} .cat {position: relative; height: 150px; margin: 1px;} .cat img {position: absolute; object-fit: cover; height: 100%; width: 100%;} .cat .cat-name {position: absolute; bottom: 10px; left: 10px; text-transform: uppercase; text-shadow: 1px 1px 6px #000; font-size: 12px; font-weight: bold;} .cat .cover {position: absolute; top: 0; left: 0; bottom: 0; right: 0; transition: all .5s; background: linear-gradient(to top right, rgba(0,0,0,0.5), rgba(0,0,0,0), rgba(0,0,0,0));} .cats a:hover .cat .cover {opacity: .7; transition: all .5s} .cats a:hover .cat .cat-name {text-decoration: underline;} .archive.woocommerce #content .container .cats-wrap.product-cats {margin: 10px auto; } .cats-wrap.product-cats {margin: 5px auto;} .cats-wrap.product-cats img, .cats-wrap.product-cats .cover {display: none;} .cats-wrap.product-cats .cats a {width: unset;} .cats-wrap.product-cats .cats {display: flex; justify-content: center;;} .cats-wrap.product-cats .cat {position: unset; height: unset} .cats-wrap.product-cats .cat .cat-name {position: unset; color: #000; text-shadow: unset; margin: 6px; font-size: 11px;} .sub-cats {display: flex; flex-wrap: wrap; margin: 0 0 30px 0; justify-content: flex-start;;} .catw {width: calc(25% - 20px); margin-right: 20px;} .catw > a.cat-link {line-height: 0;} .catw h4.title {margin: 3px 0 3px 5px; font-size: 16px; font-weight: bold;} .cat-img {border-radius: 6px; overflow: hidden; box-shadow: var(--box-shadow); background: #ccc; width: 100%; padding-top: 70%; position: relative; background-image: linear-gradient(to bottom right, #9baed5, #e0e3eb);} .cat-img img {width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; left: 0;} .baw {display: flex; flex-wrap: wrap; align-items: center; align-content: center; justify-content: space-between; padding: 0; position: relative; margin: 15px auto !important; padding: 0; border-radius: 6px; color: #0e3d82;} .baw a {color: #0e3d82} .fem.dyn {display: none;} .filter {background: url("media/theme/filter.png") no-repeat left center;} .whatsapp {background: url("media/theme/whatsapp.png") no-repeat left center;} .on .filter {background: url("media/theme/close.png") no-repeat left center;} .filter-link {display: flex; text-transform: uppercase; font-size: 15px; align-content: center; align-items: center; letter-spacing: 1px; padding: 0 10px} .ui-widget.ui-widget-content {border: 0;} .products-filter__filter {display: block;} .filters-panel-content .modal-content {height: 100%} .selection, .select2, .products-filter__filter {position: relative;} .widget_price_filter .ui-slider .ui-slider-range {top: 0;} .widget_price_filter .ui-slider-horizontal .ui-slider-range {height: 5px;} .widget_price_filter .price_slider_wrapper .ui-widget-content:before {content: unset} .widget_price_filter .ui-slider .ui-slider-handle:last-child {margin-left: -3px;} .price.slider {max-width: calc(100% - 40px); margin: 0 auto; display: block;} .catbar {padding: 0 10px} .catbar ul {list-style: none; display: flex; flex-wrap: wrap; padding: 0; margin: 0;} .catbar ul li {display: flex;align-items: center; margin: 0;} .catbar ul li a {padding: 5px 7px;} .catbar ul li.current-menu-item a {color: #FF6F61} .catbar.on ul li a {padding: 10px 15px} .catbar ul a:hover {color: var(--color)} .caw {display: flex; justify-content: space-between; align-items: center; border-radius: 100px;} .caw .places {background: url("media/icons/place3.png") no-repeat left center;} .cab.dyn {display: none; padding: 6px; transition: all .4s; cursor: pointer; align-items: center; justify-content: space-between; background: #fff; border-radius: 100px;} .cm {display: flex; background: #fff; padding: 6px; border-radius: 100px;} .caw .wr.mono {background-color: #999;} @media screen and (max-width: 768px) {.feb.dyn {display: none;} .fem.dyn {display: flex;}} @media screen and (max-width: 1000px) { .cab.dyn {display: flex;} .dyn .wr.mono {display: none;} .caw .cm {position: absolute; top: 60px; right: 0; left: 0; z-index: 20; border-radius: 10px; padding: 15px; background: unset; justify-content: flex-end; padding: 0; opacity: 0; transition: all .5s; visibility: hidden;} .catbar {max-width: 100%; width: 500px; background: #fff; padding: 15px; border-radius: 10px; box-shadow: var(--light-shadow); font-size: 18px} @supports (backdrop-filter: blur()) {.catbar {background: var(--bg-8); backdrop-filter: var(--bd-15)}} .catbar ul li {width: 50%; font-weight: bold;} .caw.on .cm {opacity: 1; visibility: visible;} .baw {background: #fff; border-radius: 100px; padding: 6px;} .baw .dyn {padding: 0;} .caw .dyn {padding-left: 5px;} .fem.dyn {padding-right: 5px;} .baw .dyn .wr {padding: 13px;} .feb.dyn, .cab.dyn, .fem.dyn {background: var(--color-bg-blue)} .caw .wr {background-color: var(--color-dark-blue);} } @media screen and (max-width: 450px) { .catbar ul li {width: 100%; justify-content: center;} } .dyn {background-color: #fff; display: flex; justify-content: space-between; align-items: center; padding: 6px; border-radius: 100px; transition: all .5s;} .dyn .text {padding: 0 12px;} .dyn .wr {display: flex; background: var(--color-dark-blue); padding: 10px; border-radius: 100px;} .dicon {background-size: 15px !important; width:15px; height: 15px; filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(298deg) brightness(101%) contrast(104%);} .wpc-empty-chips-container {margin: 0;} .woocommerce-ordering select {background-color: #f7f7f7; border-radius: 3px; padding: 5px 45px 5px 10px; font-size: 13px;} .woocommerce-ordering {padding: 0; margin: 0;} .sort-wrap .inner {margin: var(--margin); display: flex; justify-content: flex-end; padding: 15px 0 0 0;} .toolbar-wrap .mobile {display: none;} .products-filter__activated {margin: 10px 0} .products-filter__activated .remove-filtered {background-color: #ed8643; font-size: 14px; color: #fff; margin: 0 10px 15px 0; border-radius: 3px; padding: 7px 12px 6px} .catalog-toolbar-tabs__content a {font-size: 12px; text-transform: uppercase; margin: 0px 5px; padding: 5px 3px; font-weight: bold;} .catalog-toolbar {margin: 0 0 0 0 !important; padding: 15px 0;} .products-filter__activated {margin: 0;} ul.products {margin: 0; padding: 0; position: relative; list-style: none;} ul.products li.product .product-inner {padding-bottom: 0; border-radius: 8px; overflow: hidden; box-shadow: 0px 0px 9px -5px #000;} ul.products li.product {width: 100% !important; padding: 0; margin: 0 0 30px 0 !important;} ul.products li.product .product-inner {display: flex;} ul.products li.product .product-thumbnail {width: 35%; position: relative; background: #ccc;} ul.products li.product .product-summary {width: 65%; padding: 20px 30px !important; position: relative; background: #fff;} ul.products .excerpt {color: #333; margin: 0 0 10px 0; font-size: 13px;} .excerpt p {margin: 0;} ul.products li.product .sep {height: 3px; border-radius: 30px; background: #eee;} .info {display: flex; flex-wrap: wrap; margin-bottom: 5px; align-items: center; font-size: 11px; color: #666; justify-content: flex-start;;} .info .cat-name a {text-transform: uppercase; color: #555;} .info .cat-name {margin-right: 4px;} .info > * a:hover {color: #000;} .info-inner.tour-id {background: #f6f6f6; padding: 2px 10px; border-radius: 16px; margin-left: 5px;} .info-inner.tour-id span {font-weight: bold;} .mapw {align-items: center; display: flex; justify-content: space-between; ; background: #f7f7f7; border-radius: 5px; overflow: hidden;} .mapw.has-map {justify-content: space-between;} .yith-wcwl-add-to-wishlist, .map-inner {display: flex; align-items: center; transition: all .5s; margin-top: 0} .mapw .layer-link {padding: 10px 20px;} .map-inner.specification:hover {background: unset} .map-inner .text {display: flex; flex-wrap: nowrap; white-space: nowrap; color: #666} .mapw .icon {opacity: .7;} .specification .icon {background-size: 17px; width: 24px;} .feat {display: flex; align-items: center; position: absolute; top: 20px; right: 0; background: #f9532c; color: #fff; padding: 4px 12px; line-height: 1; font-size: 12px; text-transform: uppercase; z-index: 10;} .single.woocommerce .yith-wcwl-add-button .separator, .single.woocommerce .yith-wcwl-add-button .view-wishlist {display: none;} .single.woocommerce .summary .mapw {background: unset} .spacer {height: 4px; width: 100%; background: #eee; border-radius: 4px;} .woocommerce-pagination {margin: 0; padding: 15px 0 50px 0;} .woocommerce-pagination li .page-numbers {background: #f9f9f9; margin: 0 !important; color: #333; padding: 10px 15px !important; border-width: 4px; font-weight: bold;} .woocommerce-pagination li .page-numbers.current {color: var(--color-dark)} .woocommerce-pagination li .page-numbers:hover {border-color: var(--color-light)} .woocommerce-pagination li > .page-numbers.prev, .woocommerce-pagination li > .page-numbers.next {padding: 7px 15px !important; background: none;} .woocommerce-badges {right: 0; left: unset} .quantity, .product-loop__buttons .quick-view-button, .product-loop__buttons .add_to_cart_button {display: none !important;} ul.products li.product .product-thumbnail .woocommerce-loop-product__link {height: 100%;} ul.products li.product .product-thumbnail .woocommerce-loop-product__link img {max-width: 100%; height: 100%; width: 100%; object-fit: cover;} .special-att {position: absolute; top: 12px; left: 10px; z-index: 10; display: flex; flex-direction: column; align-items: flex-start;} .special-att > * {background: rgba(255,255,255,.85); display: flex; align-content: center; align-items: center; border-radius: 75px; padding: 0 15px 0 0; margin-bottom: 6px; font-size: 11px; box-shadow: var(--light-shadow); overflow: hidden; font-weight: bold; color: #444;} .special-att .specs img {width: 27px !important; height: 27px !important; margin-right: 8px; padding: 5px; background: #fff1f1; border-radius: 100px;} ul.products li.product .woocommerce-loop-product__title {font-size: 20px; font-weight: bold; margin: 0 0 6px 0 !important} ul.products li.product .price {color: #000; margin: 7px 0;} span.duration {color: #d6685e;} /* ==================== SINGLE ==================== */ .single .map-w {display: flex; flex-direction: column; justify-content: flex-end; padding: 150px 20px 20px 20px; background: #f6f6f6; border-radius: 5px; background: url("media/map.jpg") no-repeat center center; background-size: cover; align-items: flex-end; position: relative; overflow: hidden;} @media screen and (max-width: 350px) { .single .map-w {padding: 150px 10px 20px 10px} } .single .map-w .dyn {flex-direction: row-reverse; background-color: rgba(255,255,255,.9); z-index: 1; box-shadow: var(--light-shadow)} @supports (backdrop-filter: blur()) {.mapw .dyn {background: rgba(255,255,255,.7); backdrop-filter: blur(5px);}} .single .map-w .dyn .wr {opacity: .7} .single .map-w .dyn {margin-top: 10px;} .single .map-img {position: absolute; top:0; left: 0; object-fit: cover; width: 100%; height: 100%; opacity: .8; transition: var(--trans)} .single .map-w a, .mapw .dyn {color: var(--color-dark-blue); font-weight: bold;} .single .map-w:hover .map-img {opacity: 1;} .single .map-w .dyn:hover {background-color: #fff;} #tool {margin: 30px 0 0 0; display: flex; flex-wrap: wrap; justify-content: flex-start;} #tool .dyn:hover {background-color: #ffd2b9;} .single-product .yith-wcwl-add-button a:hover {background-color: var(--color-bg-blue);} #tool .icon, .bottom-bar .icon {filter: var(--filter-dark-blue)} #tool .dyn .icon {filter: var(--filter-white);} #tool .favourite, .mapw .favourite {display: flex; align-items: stretch;} .yith-wcwl-add-to-wishlist a.rz-loop_button .razzi-svg-icon {margin-right: 4px;} .yith-wcwl-add-to-wishlist .razzi-svg-icon svg {width: 15px; height: 15px;} div.product .entry-summary .yith-wcwl-add-to-wishlist {line-height: 0; border-radius: 100px;} .yith-wcwl-add-to-wishlist a, .yith-wcwl-add-button, .add_to_wishlist {height: 100%; display: flex; align-items: center;} ul.products li.product .add_to_wishlist, .yith-wcwl-add-to-wishlist a {height: 100% !important;} li.product .product-thumbnail .yith-wcwl-wishlistexistsbrowse .rz-loop_button:hover svg {fill: #216bf2 !important;} .yith-wcwl-icon-svg {width: 16px !important; margin-right: 3px;} ul.products li.product .product-thumbnail .mapw .rz-loop_button:hover {color: #216bf2 !important;} .single-product .yith-wcwl-add-to-wishlist a {border: 2px solid var(--color-bg-blue); border-radius: 100px; overflow: hidden; padding: 0 15px;} .single-product div.product .entry-summary .yith-wcwl-add-to-wishlist {line-height: 0;} .summary form.cart, .meta-cat, .tab-title-description, .rz-stock {display: none !important;} .entry-content .price-wrap .price .amount {font-size: 26px} .single-product #content .container {width: 100%;} .rz-modal .panel-content {transition: transform .4s;} .single-product .entry-content {width: 100%; max-width: 100%} .single .panel {border: 0;box-shadow: unset;} .single-product div.product .product-button-wrapper .single_add_to_cart_button {min-width: 100px; padding: var(--button-padding); line-height: 1.5; background-color: #f17664;} .yith_wcbk_widget_booking_form_summary .rz-wishlist-button {display: none;} .woocommerce-tabs > ul.tabs > li > a {font-size: 18px; padding: 26px 0; color: #777} .wc-tabs-wrapper > * {display: block !important;} .woocommerce-tabs > ul.tabs {border: 0; background: #f7f7f7; display: none !important;} .single-product .razzi-history-products, .single-product .product-gallery-summary {width: 1170px; max-width: calc(100% - 20px); margin-left: auto; margin-right: auto;} .single-product .entry-content > * {width: var(--wrap-sm); max-width: var(--max); margin-left: auto; margin-right: auto;} @media screen and (max-width: 600px) {.single-product .entry-content > .tour-wrap {max-width: calc(100% - 26px);} } .single-product div.product .woocommerce-tabs .panel {max-width: unset} .single-product .product-gallery-summary {display: flex; margin: 0 auto 60px auto; border-radius: 15px; overflow: hidden; background: #ddd;} .single-product div.product .woocommerce-product-gallery {float: unset; width: 60%; display: flex;} .single-product div.product .entry-summary {padding: 20px; float: unset; width: 40%; background: #ffece2; background-image: linear-gradient(to bottom right, #fdf0ea, #fffdfc); border: 1px solid #ffcbb0; border-radius: 0 15px 15px 0; border-left: 0; margin-top: 0;} .single-product div.product .entry-summary .product_title {font-size: 22px; margin-bottom: 10px; font-weight: bold;} .single-product div.product .woocommerce-tabs .panel {padding: 0} .single-product span.duration {color: #cb473b;} .duration {color: #0693e3;} .yith-booking.single-product div.product .summary-price-box, .single-product div.product .summary-top-box {display: none;} .single-product div.product .product_meta {font-size: 13px; font-weight: bold;} .single-product div.product .product_meta .label {color: #888; font-weight: normal;} .single-product div.product .product-share {margin: 20px 0; display: inline-flex; background: #f3f3f3; padding: 10px; border-radius: 50px; align-items: center; padding: 10px 20px; display: none} div#tab-reviews {display: none !important;} #booking {background: #ffd9c5; background-image: linear-gradient(to bottom right, #ffcfb6, #fbf2ec); width: 100%; max-width: 100%; padding: 150px 0; margin: 30px 0 0 0; position: unset; opacity: 1; height: 100%;} #booking > * {width: 600px; margin-left: auto; margin-right: auto;max-width: calc(100% - 30px); opacity: 1; background: #fff; border-radius: 10px; position: relative;} #booking.open .layer-header {height: 40px; background: unset} #booking .layer-content {padding: 40px 0; max-width: 100%; width: 450px; margin: 0 auto; overflow: unset} #booking form.cart {margin-bottom: 0; z-index: 10; position: relative;} #booking .yith-wcbk-add-to-cart-button {border-radius: 5px} #booking h1 {font-size: 38px; letter-spacing: 3px; text-transform: uppercase; font-weight: normal;} #booking .yith-booking {width: 500px; max-width: calc(100% - 30px); margin: 0 auto;} #booking.open .booking-wrap {padding: 40px 0; overflow-y: auto;} h2.booking-title {text-transform: uppercase; letter-spacing: 1px; transition: all 0.5s;} #booking.open h2.booking-title {letter-spacing: 3px;} .booking-title {margin-top: 0;} body.open {overflow: hidden;} #booking.open {position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 1000; background: unset; background-image:linear-gradient(to bottom right, rgba(255, 207, 182,.93), rgba(251, 242, 236, .93)); display: flex; align-items: center; margin: 0; padding: 50px 0 20px 0;} #booking.open #ui-datepicker-div.yith-wcbk-datepicker.ui-widget-content, #booking.open .yith-wcbk-date-picker--inline .ui-widget.ui-widget-content {position: unset !important;} #booking.open .yith-wcbk-people-selector__fields-container {position: relative;} .book-button:hover {cursor: pointer;} #booking .close-button {max-height: 0; max-width: 0; opacity: 0; overflow: hidden; background: #fff; display: flex; flex-wrap: nowrap; justify-content: center; align-items: center; cursor: pointer; position: absolute; top: 7px; right: 0; transition: all 1s;} #booking.open .close-button {right: 7px; max-height: 100%; max-width: 100%; opacity: 1; border-radius: 100px; transition: all 1s;} #booking .close-button .close-x {display: flex; width: 0; height: 0; background: blue; justify-content: center; align-items: center; border-radius: 100px; color: #fff; transition: all .5s} #booking.open .close-button .close-x { padding: 15px; background: red; } #booking.open .close-button .close-text {padding: 0px 7px 0 12px; text-transform: uppercase; letter-spacing: 1px;} #booking.open .booking-wrap {position: relative;} .yith-wcbk-booking-form input, .yith-wcbk-form-section__content, .yith-wcbk-people-selector__toggle-handler {border-radius: 5px !important} #booking .ui-widget-content {animation: opacity .5s;} @keyframes height { from {opacity: 0; height: 0; } to {opacity: 1; height: 300px;} } .yith-wcbk-datepicker.ui-datepicker .ui-datepicker-next span:after, .yith-wcbk-date-picker--inline .ui-datepicker .ui-datepicker-next span:after { content: ">"; font-weight: bold; } .yith-wcbk-datepicker.ui-datepicker .ui-datepicker-prev span:after, .yith-wcbk-date-picker--inline .ui-datepicker .ui-datepicker-prev span:after { content: "<"; font-weight: bold; } .yith-wcbk-datepicker .ui-datepicker-header, .yith-wcbk-date-picker--inline .ui-datepicker-header { border-bottom: 1px solid #ccc; margin-bottom: 15px; padding-bottom: 10px; } .splide {visibility: visible; margin: 40px auto;} .splide__list {flex-wrap: nowrap !important; gap: unset !important; } .splide__track {overflow: hidden; border-radius: 10px; position: unset !important} .splide__slide {position: relative; width: 100%} a.splide__slide {display: block;} .splide__slide img {width: 100%; height: 100%; object-fit: cover;} .splide__arrows {position: absolute; width: 100%; bottom: 50%; z-index: 10;} .splide__arrows .splide__arrow svg {width: 13px;} .splide__pagination {position: unset; margin: 10px auto;} .splide__pagination__page.is-active {background: #aaa;} .entry-content figure.wp-block-gallery.has-nested-images.splide__list {overflow: unset} .splide__track.wp-block-column {flex-basis: unset !important} .splide.wp-block-columns {flex-direction: column; gap: unset;} .splide.wp-block-columns .splide__pagination {margin: 10px auto !important;} .woocommerce-product-gallery .splide__track, .woocommerce-product-gallery a.splide__slide, .woocommerce-product-gallery .splide__list, .woocommerce-product-gallery .splide {height: 100%; width: 100%;} .woocommerce-product-gallery .splide-outer {position: absolute; top:0; width: 100%; height: 100%; left: 0; display: flex; align-items: stretch;} .woocommerce-product-gallery .splide-outer .splide {margin: 0} .woocommerce-product-gallery .splide-outer .splide__track {display: flex;} .woocommerce-product-gallery .splide__arrows {bottom: 26px; } .woocommerce-product-gallery .splide__arrows .splide__arrow--prev {right: 53px; left: unset} .woocommerce-product-gallery .splide__pagination {position: absolute; margin: 3px} .home-banner .splide {margin: 0; height: 70vh;} .home-banner .splide__pagination {position: absolute; margin: 0} .home-banner .splide__track {border-radius: 0;} .owl-carousel.owl-drag .owl-item img {height: 100%; width: 100%; object-fit: cover;} .image-action-none .owl-carousel .product-image-wrap a, .image-action-none .product-image-wrap a {cursor: pointer; pointer-events: inherit;} .woocommerce-product-gallery .owl-carousel .product-image-wrap {padding: 0;} .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev {background: rgba(255,255,255,0.7)} .owl-carousel .owl-nav .owl-next {right: 10px;} .owl-carousel .owl-nav .owl-prev {left: 10px;} .entry-content .owl-carousel {margin: 30px auto 50px auto; position: relative; z-index: 0;} .owl-carousel .owl-dots {display: block;} .owl-carousel button.owl-dot {background-color: rgba(255,255,255,.6); height: 15px; width: 15px; border: 2px solid #000; border-radius: 30px; margin: 2px;} .owl-carousel button.owl-dot.active {border: 2px solid #d6685e; background-color: #fff;} .owl-carousel .owl-nav {display: flex; position: absolute; left: 0; right: 0; top: 40%; margin: 8px; top: calc(50% - 32px);} .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev { font-size: 20px; background-color: #fff; padding: 0 10px; position: absolute; border-radius: 100px; box-shadow: 0 0px 5px -1px #999;} .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev {font-size: 25px; line-height: 0; width: 30px; height: 30px; background: rgba(255,255,255,.7); box-shadow: unset;} .owl-carousel .owl-nav .owl-next {right: 0} .owl-carousel .owl-nav .owl-prev {left: 0;} .owl-main.owl-carousel .owl-dots {bottom: 5px;} .owl-carousel .owl-stage {display: flex;} .owl-carousel .owl-stage:after {display: none;} .wp-block-gallery.has-nested-images .owl-item figure {width: 100% !important; height: 100%} .owl-carousel .caption {position: absolute; right: 0; bottom: 35px; background: rgba(255,255,255,.7); padding: 5px 10px; border-radius: 50px 0 0 50px; font-size: 11px;} .owl-carousel .owl-stage-outer {border-radius: 10px;} .one.owl-carousel .owl-dots {position: absolute; right: 10px;} .one.owl-carousel .owl-stage-outer {border-radius: 0;} /* .owl-main.owl-carousel .owl-stage {display: flex; flex-direction: column; height: 100%; flex-wrap: wrap; width: 100% !important} .owl-stage >*:not(:first-child) {height: unset !important; width: unset !important; flex:1; margin: 0 !important} .owl-stage > *:first-child {height: 100% !important; width: 50% !important; margin: 0 !important} */ .woocommerce-product-gallery figure {overflow: hidden; margin: 0;} .owl-main.owl-carousel .owl-stage-outer {position: absolute; top: 0; bottom: 0;} .owl-main.owl-carousel .owl-stage {height: 100%;} .owl-main.owl-carousel.owl-drag .owl-item {height: 100%;} .owl-main.owl-carousel .owl-nav {display: flex; left: 0; bottom: 0; top: unset; margin: 0;} .owl-main.owl-carousel .owl-nav.disabled {display: none;} .owl-main.owl-carousel .owl-nav .owl-next, .owl-main.owl-carousel .owl-nav .owl-prev {position: unset; margin: 0 0 8px 8px} #booking-mark {visibility: hidden; bottom: 100px; padding: 100px 0; position: absolute; left: 0; right: 0;} #bkwrap {position: relative;} .i-outer {display: flex;} .icon {background-position: center center; background-repeat: no-repeat; background-size: 18px; min-width: 20px; width:20px; min-height: 20px; height: 20px; display: inline-block;} .single.woocommerce .tour-icon.icon {display: inline-flex; width: auto; height: 20px;} .tour ul.inline, .tour ul.in, .tour ul.stay {list-style: none; display: flex; flex-wrap: wrap; column-gap: 15px; margin-left: 0; padding-left: 0;} .tour ul.inline li:first-child, .tour ul.inline li:last-child, .tour ul.in li:first-child, .tour ul.in li:last-child, .tour ul.stay li:first-child, .tour ul.stay li:last-child {padding: 5px 0 5px 22px; background-position: left center; background-repeat: no-repeat; background-size: 16px; display: inline-block; margin: 0 5px 0 0;} .tour ul.inline li:first-child, .tour ul.in li:first-child, .tour ul.stay li:first-child {background-image: url("media/theme/bed.png") !important;} .tour ul.inline li:last-child, .tour ul.stay li:last-child, .tour ul.in li:last-child {background-image: url("media/theme/meal.png"); margin-right: 0;} .tour ul.inline li .icon, .tour ul.in li .icon, .tour ul.stay li .icon {display: none;} .tour .ol, .tour .oneline {display: flex; align-items: center; list-style: none; padding-left: 0;} .tour ul.ol li, .tour ul.oneline li {line-height: 0;} .flex, .flex > * {display: flex; align-items: center;} .flex, .flex > * > * {margin-right: 10px;} .tags {font-size: 12px; margin: 0 0 10px 0; display: flex; flex-direction: row; flex-wrap: wrap;} .tag a {color: #444; background: #F5F5F5; padding: 3px 10px; border-radius: 3px; } .tag a:hover {background: #d0eeff;} .tag {white-space: nowrap; margin: 0 5px 5px 0; display: flex;} .single-product .product-gallery-summary {padding-top: 0;} .single-product .razzi-history-products .recently-header {display: block; padding-bottom: 20px; margin-bottom: 0; border-bottom: 4px solid #eee;} .razzi-history-products ul.products {display: block !important; background: #eee;} .razzi-history-products ul.products li.product .product-inner {box-shadow: none; border-radius: 0;} .razzi-history-products ul.products li.product {margin: 0 0 4px 0 !important} .swiper-scrollbar {display: none;} /* ==================== Y I T H ==================== */ .yith_wcbk_widget_booking_form_summary {width: 450px;margin: 0 auto;max-width: calc(100% - 20px);} .yith-wcbk-booking-form .yith-wcbk-form-section-duration--no-field .yith-wcbk-form-section__content {border: 1px solid #ccc; background: #f9f9f9} .yith-wcbk-datepicker.ui-datepicker td:not(.ui-state-disabled):hover a {color: #000;} .yith-wcdp br, .yith_wcbk_widget_booking_form_head {display: none;} .blockOverlay {background-color: rgba(255,255,255,.7) !important; color: #fff; border-radius: 5px; padding: 8px 20px;} .yith-wcdp br, .yith_wcbk_widget_booking_form_head {display: none;} .yith-wcbk-booking-form label.yith-wcbk-booking-form__label {display: inline} iframe#gform_ajax_frame_1 img {width: 100px; height: auto;} .yith-wcbk-form-section {padding: 0 0 15px 0;} ::-webkit-input-placeholder {color: #aaa;} :-ms-input-placeholder {color: #aaa;} ::placeholder {color: #aaa;} .gfield_radio label {font-weight: normal;} .gform_wrapper.gravity-theme .gfield_description, .gfield_description {font-size: 12px !important; color: #999; padding: 5px 0;} .gform_wrapper .gfield_validation_message, .gform_wrapper .validation_message {border: 0 !important; padding:0 !important; background: unset!important;} .gform_wrapper .gform_validation_errors {background: #fff1f1 !important; border: 0 !important; box-shadow: unset !important; margin: 30px 0 !important} .gform_wrapper .gform_validation_errors>h2 {color: #af1f00} .gform_ajax_spinner, .spinner, .wait {box-sizing: border-box; margin-top: 5px; margin-left: 115px; width: 30px; height: 30px; position: absolute; z-index: 1; animation: spinner 1.2s infinite linear; border-radius: 50%; border: 6px solid rgba(247,150,33,1); border-left: 6px solid rgba(247,150,33,0); border-top: 6px solid rgba(247,150,33,.15); border-right: 6px solid rgba(247,150,33,.5);} @keyframes spinner {0% {transform: rotate(0deg);} 100% {transform: rotate(360deg);}} .gform_fields input {padding: 13px 10px !important;} .gform_fields textarea {padding: 16px 10px !important;} .gform_fields > * {position: relative; margin: 0 0 20px 0 !important} .gform_fields > * > .gfield_label {position: absolute; position: absolute; top: -13px; left: 14px; background-color: #fff !important; padding: 0 5px !important; border-radius: 5px;} .gfield_checkbox {padding: 15px;} .gfield_checkbox > * > * {padding: 3px;} input.gfield-choice-input {width: 18px; height: 18px;} .gfield_checkbox > * > * {cursor: pointer;} /* ==================== TOUR FORMAT ==================== */ mark.kt-highlight {padding: 0 2px; position: relative; background: unset;} mark.kt-highlight:before {content: ""; height: 8px; background: #ffbba6; position: absolute;bottom: 0;left: 0;right: 0; z-index: 1;} mark.kt-highlight s {text-decoration: none; position: relative;z-index: 10;} .tour {color: #444} .tour-wrap {padding-left: 0;} .tour p, .tour ul {width: 100%;} .tour.co h2 strong, .tour.co h3 strong {color: #0077ba;} .tour.color h2, .tour.color h3 {color: #0077ba;} .tour.color h2 strong, .tour.color h3 strong {color: #000;} .tour p {border: 0; margin: 20px 0; text-align: justify;} .tour h2 em {font-style: normal; color: #555; font-size: 80%; font-weight: normal;} .single-product .entry-content .tour {padding: 0 14px 0 57px; position: relative; z-index: 0;} .tour > h2, .tour > h3 {padding: 10px 0; margin: 20px 0 20px 0; background: #fff; position: relative; font-size: 22px; font-weight: bold;} .tour h3::before, .tour h2::before {content: ''; position: absolute; top: 0; bottom: 0; left: -45px; padding: 16px; background-size: 28px; background-repeat: no-repeat; background-position: center; background-color: #fff;} .tour:before {content: ''; position: absolute; left:26px; top: 0; bottom: 0; background: #e17859; width: 3px;} .tour .wp-block-group {max-width: 100%;} .wp-block-group .wp-block-group__inner-container > h2 {border-bottom: unset; padding: 0;} .single .detail > h3:first-child {display: flex; line-height: .7; letter-spacing: 2px;} .single .detail > h3:first-child:after {content:''; width: 100%; border-bottom: 2px solid #ccc;} .single .detail > h3:first-child mark:before {content:unset;} .detail h3 {margin: 40px 0 15px 0; padding: 0;} .detail.new h3 {font-size: 35px; margin-bottom: 0;} .single .detail.new h3 strong {display: block; font-size: 20px; font-weight: bold;} h3.layer-content-title {margin-top: 20px; display: flex; justify-content: center; flex-direction: column; font-size: 25px; position: relative;} h3.layer-content-title:after {content: ''; height: 1px; background: #000; margin: 10px auto; width: 30%; position: absolute; bottom: -18px; left: 0; right: 0;} @media screen and (max-width: 600px) { .detail h3.content-title {font-size: 25px;} .detail h3.content-title {font-size: 20px; font-weight: bold;} } blockquote {color: #333} blockquote ol:last-child, blockquote p:last-child, blockquote ul:last-child {margin-bottom: 15px;} .tour blockquote p, blockquote p {border: unset; padding: 0;} .tour blockquote *:last-child {margin-bottom: 0;} .tour blockquote *:first-child {margin-top: 0;} blockquote {padding: 20px; background: #ebf4ff; border:0; font-size: 100%; margin: 20px 0;} .tour .boat::before {background-image: url(media/icons/boat.png);} .tour .car::before {background-image: url(media/icons/car.png);} .tour .plane::before {background-image: url(media/icons/plane.png);} .tour .motor::before {background-image: url(media/icons/motor.png);} .tour .ship::before {background-image: url(media/icons/ship.png);} .tour .train::before {background-image: url(media/icons/train.png);} .tour .trek::before {background-image: url(media/icons/hike.png);} .tour .hike::before {background-image: url(media/icons/hike.png);} .tour .walk::before {background-image: url(media/icons/walk.png);} .tour .relax::before {background-image: url(media/icons/relax.png);} .tour .sleep::before {background-image: url(media/icons/sleep.png);} .tour .canoe::before {background-image: url(media/icons/canoe.png);} .tour .beach::before {background-image: url(media/icons/beach.png);} .tour .row::before {background-image: url(media/icons/row.png);} .tour .kayak::before {background-image: url(media/icons/kayak.png);} .tour .snorkel::before {background-image: url(media/icons/snorkel.png);} .tour .time::before {background-image: url(media/icons/time.png);} .tour .end::before {background-image: url(media/icons/end.png);} .tour .location::before {background-image: url(media/icons/location.png);} .tour .place::before {background-image: url(media/icons/place3.png);} /* ==================== KADENCE ==================== */ .kb-table-of-content-nav .kb-table-of-content-wrap .kb-table-of-content-list {padding-left: 0} .kb-table-of-content-nav .kb-table-of-content-wrap {border: 0 !important; background: unset; padding: 0 !important; border-radius: 8px !important; background-color: inherit !important; width: 100%; max-width: 100%;} .kb-table-of-content-nav .kb-table-of-contents-title-wrap {width: auto; color: #000; margin: 0; padding: 10px 0 30px 0 !important;} .wp-block-kadence-tableofcontents- {margin: 0 auto 30px auto !important; width: 100% !important; max-width: 100% !important;} .kb-table-of-content-nav .kb-table-of-content-wrap .kb-table-of-content-list .kb-table-of-contents__entry {padding: 12px 10px; margin: 0; display: block; font-size: 13px; color: #333; background: #f9f9f9; border: 0; text-decoration: none; height: 100%;} .kb-table-of-content-nav .kb-table-of-content-wrap .kb-table-of-content-list .kb-table-of-contents__entry:hover {color: #106ac4;} .kb-table-of-content-nav .kb-table-of-content-wrap .kb-table-of-content-list {margin: 0 !important; padding: 0 !important; column-gap: 20px; } @media screen and (max-width: 700px) { .kb-table-of-content-nav .kb-table-of-content-wrap .kb-table-of-content-list {display: block;} } .kb-table-of-content-nav .kb-table-of-content-list li {margin: 0 0 3px 0 !important; list-style: none; font-weight: bold;} .kb-table-of-content-nav .kb-table-of-contents-title {font-size: 24px !important; letter-spacing: 3px !important; font-weight: normal !important; text-transform: uppercase !important;} .wp-block-kadence-infobox .kt-blocks-info-box-text {margin: 5px 0;} .wp-block-kadence-rowlayout.center .kt-blocks-info-box-link-wrap {justify-content: center !important;} .kb-table-of-content-nav, .border {border: 0; position: relative; margin: 40px auto !important; padding: 25px 40px 25px 40px; border-radius: 10px;} .kb-table-of-content-nav {background: #eee; padding: 25px 30px} .border {border: 2px solid #ddd; position: relative; margin: 40px auto !important; padding: 25px 40px 25px 40px; border-radius: 10px;} .kb-table-of-content-nav {margin: 40px auto !important;} .kb-table-of-contents-title-wrap, .border h3:first-child {margin-top: 0; padding: 20px 0 !important; line-height: 1; text-transform: uppercase; letter-spacing: 2px;} .kb-table-of-content-nav .kb-table-of-content-wrap .kb-table-of-content-list .kb-table-of-contents__entry:hover {text-decoration: unset;} .border h3:first-child {padding: 0 0 20px 0 !important; border-bottom: 1px solid #ccc;} .border *:last-child {margin-bottom: 0;} .entry-content .wp-block-group {max-width: var(--max); width: var(--wrap-sm); } @media screen and (max-width: 600px) {.border {padding: 30px 20px;}} @media screen and (max-width: 500px) { .kb-table-of-content-nav .kb-table-of-contents-title-wrap {padding: 20px !important; text-align: center;} .border .kb-table-of-content-nav .kb-table-of-content-wrap .kb-table-of-content-list {margin: 20px auto 0 auto !important;} .border, .tour .page {padding: 0; border: 0; width: 100% !important; max-width: 100% !important;} .border > .wp-block-column > * {max-width: calc(100% - 20px); margin-left: auto !important; margin-right: auto !important;} .border {border-radius: 0; padding: 0;} .border > * {max-width: 100% !important;} .border > h3:first-child, .border > * > h3:first-child {margin-bottom: 20px; max-width: 100%; background: #f7f7f7; border: 0} .border > h3:first-child, .border > * > h3:first-child {position: unset; text-transform: uppercase; letter-spacing: 1px; padding: 30px 15px !important; border-radius: 0;} .border > h3:first-child:after {content: ''; margin: 0 0 0 6px; width: 100%; border-bottom: 2px solid #ccc;} .border > * > * {max-width: var(--max); margin: var(--margin)} .entry-content .wp-block-group {max-width: 100%; width: 100%; } .entry-content .wp-block-group > * > *:first-child {max-width: 100%} .entry-content .wp-block-group > * > * {max-width: var(--max); margin: var(--margin)} } .entry-content figure.wp-block-gallery.has-nested-images {border-radius: 10px; overflow: hidden;} .entry-content .full.wp-block-gallery, .entry-content .f.wp-block-gallery {max-width: calc(100% - 20px) !important} .entry-content p {margin-top: 15px; margin-bottom: 15px;} .entry-content .full p, .entry-content .f p {max-width: unset;} .entry-content .full, .entry-content .f {max-width: 100% !important; width: 100% !important; border-radius: 0;} .wp-block-gallery.has-nested-images figure.wp-block-image figcaption {text-align: left; color: #eee; font-style: normal; font-weight: bold; font-size: 12px; padding: 10px 10px 4px 10px; text-shadow: 0 0 6px #000; background: linear-gradient(0deg,rgba(0,0,0,.5), rgba(0,0,0,0));} .archive .edit {padding: 30px 6px 3px 30px; color: #aaa; position: absolute; bottom: 0; right: 0; font-size: 10px} .single .edit {background: rgba(255,255,255,.5); padding: 5px 10px; color: #666; border-radius: 0 30px 30px 0; position: fixed; top: 20vh; left: 0;} .archive .edit.plink {top: 0; bottom: unset; padding: 3px 6px 20px 20px;} .test {padding: 0 0 80px 0;} h1.has-background, h2.has-background, h3.has-background, h4.has-background, h5.has-background, h6.has-background {padding: 20px;} .modal-body .wp-block-gallery {display: flex; flex-wrap: wrap; gap: 10px;} /* ==================== BLOG ==================== */ .razzi-posts__wrapper {max-width: calc(100% - 30px); width: 800px; margin: 0 auto;} #archive .wrap {display: flex; flex-wrap: wrap; justify-content: space-between; flex-direction: row;} #archive .inn {width: calc(50% - 30px); -background: #f6f6f6; border-radius: 10px; margin: 0 0 30px 0} #archive .inn .f-img img {width: 100%; height: 300px; object-fit: cover;} .navigation li a, .navigation li a:hover, .navigation li.active a, .navigation li.disabled { color: #fff; text-decoration:none; } .navigation li { display: inline; } .navigation li a, .navigation li a:hover, .navigation li.active a, .navigation li.disabled { background-color: #6FB7E9; border-radius: 3px; cursor: pointer; padding: 12px; padding: 0.75rem; } .navigation li a:hover, .navigation li.active a { background-color: #3C8DC5; } /* ==================== BOOTSTRAP MODAL==================== */ .enquiry.fadeout {animation: fadeout .5s; height: 0;} @keyframes fadeout { from {opacity: 1; height: 100%; width: 100% } to {opacity: 0; height: 100%; width: 100%} } body.layer-open {overflow: hidden;} .layer-link {cursor: pointer;} .layer {height: 0; width: 0; max-width: 100% !important; overflow: hidden; opacity: 0; background: rgba(0,0,0,.6); z-index: 1000; transition: opacity .5s; position: fixed; top: 0; bottom: 0; left: 0; right: 0; align-items: center; justify-content: center; display: flex;} @supports (backdrop-filter: blur()) {.layer {background: rgba(0,0,0,.4); backdrop-filter: blur(3px);}} .layer.open {opacity: 1; width: 100%; height: 100%;} .layer.fadeout {animation: fadeout .5s;} .layer-body {opacity: 0; display: flex; flex-direction: column;} .layer-content {padding: 40px 100px; max-height: 100%; overflow: auto; position: relative;} .layer-content .title {font-size: 20px; margin: 0 0 30px 0; text-align: center;} .layer-content .title:after {content: ''; height: 5px; width: 150px; border-bottom: 2px solid #000; margin: 0 auto;} .layer-content, .layer-content p {color: #444; } .layer.open .layer-body {background: #fff; width: 1000px; border-radius: 6px; opacity: 1; overflow: auto; max-height: calc(100% - 20px); max-width: calc(100% - 20px); display: flex; } .layer-header {display: flex; align-items: center; justify-content: space-between; white-space: nowrap; background: var(--color-bg-grey)} .layer-title {margin: 0; padding: 0 15px; position: relative; font-size: 15px; overflow: hidden; width: calc(100% - 20px); text-transform: uppercase;} .modal.custom .modal-header .close, .layer-close {display: flex; align-items: center; position: relative; color: #c93403; padding-left: 20px; text-transform: uppercase; cursor: pointer; background: #fff2f2; background-image: linear-gradient(to left, #ffc7c7, #f8f8f8);} .close-icon {display: flex; align-items: center; justify-content: center; width: 0; height: 0; padding: 20px 25px; margin: 0 0 0 10px; background: #ff7142; color: #fff; font-size: 20px; line-height: 0; transition: all .3s} .close-icon::before {content: '\2715'; position: absolute; font-size: 15px; font-weight: bold;} .close:hover .close-icon {background: #e45a2c;} .link-wrap {margin: 20px 0;} .layer-link {padding: var(--button-padding); background-color: var(--color-bg-blue); color: var(--color-dark-blue); border-radius: 5px; font-weight: bold; align-items: center; display: flex;} .dyn.layer-link {padding: 6px; border-radius: 100px;} .mapw .inner > * {background-color: unset; color: #000; font-weight: bold; font-size: 12px;} .mapview.layer .layer-body {padding: 0; margin:0; height: 100%; overflow: hidden;} .mapview.layer .layer-content {padding: 0; height: 100%; overflow: hidden;} .mapview.layer .layer-content iframe {width: 100%;} .mapview.layer-link {background: unset; color: #555; font-weight: normal; background: unset; color: #555;} .detail.linkw {margin: 15px auto;} .detail .layer-link {display: inline-block;} .detail a.layer-link {color: var(--color-dark-blue)} .product-thumbnail .mapw .inner .layer-link, ul.products li.product .add_to_wishlist, ul.products li.product .yith-wcwl-add-button a {padding: 6px 10px; text-transform: uppercase;} .product-thumbnail .mapw {position: absolute; bottom: 5px; right: 5px; background: unset; border-radius: unset; display: flex; justify-content: flex-end; overflow: unset} .product-thumbnail .mapw .yith-wcwl-add-to-wishlist {position: unset;} ul.products li.product .product-thumbnail .mapw .rz-loop_button { transform: unset; opacity: 1; background-color: unset; border-radius: unset; width: auto; height: auto; margin: 0} ul.products li.product .product-thumbnail .mapw .rz-loop_button:hover {color: unset} ul.products li.product .product-thumbnail .mapw .yith-wcwl-add-to-wishlist:hover {background: #fff;} .add-to-wishlist-before_image .yith-wcwl-add-to-wishlist .add_to_wishlist, .add-to-wishlist-before_image .yith-wcwl-add-to-wishlist .disabled_item, .add-to-wishlist-before_image .yith-wcwl-add-to-wishlist .open-pretty-photo {font-size: unset} .yith-wcwl-icon-svg {width: 20px;} .hidden-title-form {display: none;} .hidden-title-form > input {margin: 20px 0;} .wishlist-title-container {margin: 20px 0;} ul.products li.product .product-thumbnail .mapw .woocommerce-loop-product__link {display: none;} .mapw .inner {width: auto; margin: 0; background: rgba(255,255,255,.85); display: flex; flex-direction: row; border-radius: 5px; overflow: hidden; box-shadow: var(--light-shadow); align-items: stretch;} .product-thumbnail .mapw .inner > * {background: unset; border-radius: unset; font-weight: bold; justify-content: space-around;} .product-thumbnail .mapw .inner > *:hover {background-color: #fff;} .product-thumbnail .mapw .inner a.layer-link {position: relative;} .product-thumbnail .mapw .inner a.layer-link:after {content: ''; width: 1px; height: 50%; background: #aaa; position: absolute; right: 0;} .product-thumbnail .mapw .inner:hover a.layer-link:after {display: none;} #booking {background-image: linear-gradient(to bottom right, #5679c5, #d6ddf0)} #booking.open {background-image: linear-gradient(to bottom right, rgb(182 205 255 / 93%), rgb(236 241 251 / 93%))} #booking.open {animation: opcopen .5s;} @keyframes opcopen { from {opacity: 0;} to {opacity: 1;} } .icon.email {background-image: url("media/theme/email.png")} .icon.download {background-image: url("media/theme/download.png")} .icon.book {background-image: url("media/theme/book.png")} .icon.beach {background-image: url("media/theme/beach.png")} .icon.bed {background-image: url("media/theme/bed.png")} .icon.car {background-image: url("media/theme/car.png")} .icon.discovery {background-image: url("media/theme/discovery.png")} .icon.download {background-image: url("media/theme/download.png")} .icon.drink {background-image: url("media/theme/drink.png")} .icon.iemail {background-image: url("media/theme/email.png")} .icon.expense {background-image: url("media/theme/expense.png")} .icon.file {background-image: url("media/theme/file.png")} .icon.book {background-image: url("media/theme/filter.png")} .icon.flight {background-image: url("media/theme/flight.png")} .icon.gallery {background-image: url("media/theme/gallery.png")} .icon.guide {background-image: url("media/theme/guide.png")} .icon.luxury {background-image: url("media/theme/luxury.png")} .icon.location {background-image: url("media/theme/location.png")} .icon.map {background-image: url("media/theme/map.png")} .icon.meal {background-image: url("media/theme/meal.png")} .icon.other {background-image: url("media/theme/other.png")} .icon.passport {background-image: url("media/theme/passport.png")} .icon.photo {background-image: url("media/theme/photo.png")} .icon.plane {background-image: url("media/theme/plane.png")} .icon.ticket {background-image: url("media/theme/ticket.png")} .icon.send {background-image: url("media/theme/send.png")} .icon.tips {background-image: url("media/theme/tips.png")} .icon.visa {background-image: url("media/theme/visa.png")} .icon.special {background-image: url("media/theme/special.png")} .icon.mail {background-image: url("media/theme/email.png")} .icon.download {background-image: url("media/theme/download.png")} .icon.book {background-image: url("media/theme/book.png")} .icon.email {background-image: url("media/theme/email.png")} .icon.phone {background-image: url("media/theme/phone.png")} .icon.web {background-image: url("media/theme/web.png")} .icon.whatsapp {background-image: url("media/theme/whatsapp.png")} /* ==================== C O L O R ==================== */ .special-att .specs img {background-color: #daeeff;} .tour:before {background-color: #555;} .single-product div.product .product-button-wrapper .single_add_to_cart_button {background-color: var(--color)} .main-navigation .nav-menu > li > a:after {background-color: var(--color-dark)} .single-product div.product .product-button-wrapper .single_add_to_cart_button.yith-wcbk-not-allowed {opacity: .7; cursor: not-allowed;} .wp-block-quote.is-large, .wp-block-quote.is-style-large, .wp-block-quote {border-left: 0px solid var(--color-dark)} .wp-block-quote {border: 0 !important} .woocommerce-pagination li > .page-numbers.current {border-color: var(--color-dark)} .woocommerce-pagination li .page-numbers.current, .catbar ul li.current-menu-item a, .primary-navigation:not(.main-menu-current-color) .nav-menu > li.current_page_parent > a, .single-product span.duration, span.duration {color: var(--color-dark)} .main-navigation .nav-menu li:hover a {color: var(--color)} .single-product div.product .entry-summary {border-color: #d2ddea; background: #f0f5ff; background-image: linear-gradient(to bottom right, #eaf0fd, #ffffff); } .dest {overflow: hidden; border-radius: 20px;} .dest figure.wp-block-image figcaption {font-size: 26px !important; font-weight: bold !important; text-transform: uppercase; letter-spacing: 1PX;} .dest figure.wp-block-image figcaption strong {font-weight: normal;} figure.dest {margin-top: 0;} .header-main {height: 100px;} /* ==================== UPDATE ==================== */ .single-product .product-gallery-summary {display: block; background: unset; border-radius: 0;} .single-product div.product .woocommerce-product-gallery {width: 100%; padding-top: 40%; position: relative; border-radius: 12px; margin: 0 auto; background-color: #ccc !important; overflow: hidden; background-image: linear-gradient(to bottom right, #9baed5, #e0e3eb)} .woocommerce-product-gallery figure {position: absolute; left: 0; top: 0; width: 100%; height: 100%;} .single-product div.product .woocommerce-product-gallery figure, .owl-carousel .owl-stage-outer, .owl-main.owl-carousel .owl-stage, .owl-main.owl-carousel.owl-drag .owl-item {display: #ccc;} .single-product div.product .entry-summary {background: unset; border: 0; background-image: unset;} .single-product div.product .s-left.entry-summary {padding: 0; width: calc(62% - 25px); border-radius: 0; border-bottom: 4px solid #eee; padding-bottom: 10px;} .s-wrap {display: flex; justify-content: space-between; margin-top: 20px;} .s-right {margin: 0; padding: 10px; width: calc(38%); border-radius: 8px; color: #888; background: #eee; overflow: hidden; display: flex; flex-direction: column; justify-content: space-between;} .s-right > * {margin: 0} .s-right .tour-attribute h2:first-child {margin: 0 0 10px 0; padding-bottom: 5px; color: #555; text-transform: uppercase; font-size: 20px; letter-spacing: 2px; display: none;} .s-right .mapw {padding: 0; background: #eee; border-radius: 0;} #tool > * {margin: 0 10px 10px 0;} a.brochure {color: var(--color-dark-blue)} .bottom-bar {position: fixed; bottom: 10px; left: 0; right: 0; margin: 0 auto; padding: 6px 10px; z-index: 1000; background: #f6f6f6; transition: all .4s; opacity: 0; box-shadow: 0px 0px 25px rgba(0,0,0,.6); max-width: 800px; border-radius: 5px;} .bottom-bar .inner {padding: 0; display: flex; justify-content: space-between; align-items: center; max-width: 1170px; width: 100%; margin: 0 auto;} .bottom-bar .rg {display: flex; align-items: stretch;} .bottom-bar .rg > * {margin: 0 0 0 8px; padding: 7px 13px; background: var(--color-dark-blue); display: flex; align-items: center; border-radius: 5px; font-size: 12px; font-weight: bold; text-transform: uppercase; color: #fff; white-space: nowrap;} .bottom-bar .rg > * .icon {background-size: 15px; width: 15px; height: 15px; margin-right: 3px;} .bottom-bar .rg > * .icon {filter: var(--filter-white)} .bottom-bar .rg > * .cont .icon {filter: var(--filter-black)} .bottom-bar .rg > * .whatsapp.icon.btn {margin: 0; background-position: center; height: 100%; width: 37px; cursor: pointer;} .bottom-bar .rg .conw {padding: 0} .bottom-bar .if {display: flex; flex-direction: row; background: unset; margin-right: 5px; line-height: 1; padding: 0; justify-content: space-between; align-items: flex-end;} .bottom-bar .if .upper {font-size: 14px; font-weight: bold; color: #777; margin: 0 4px; text-transform: lowercase;} .bottom-bar .if .under {font-size: 22px; color: #000;} .bottom-bar .if .under .woocommerce-Price-amount {margin: 0;} .bottom-bar.stick {opacity: 1; max-height: 100%; transition: all .4s} .conw {position: relative;} .conw .cont {transition: var(--trans); opacity: 0; visibility: hidden; display: none; position: absolute; bottom: 48px; right: 0;} .conw:not(.on) .cont {animation: close .3s} .conw.on .cont {opacity: 1; display: block; visibility: visible; animation: fade .3s} .conw .cont .custom-mes {padding: 20px; white-space: normal; max-width: calc(100vw - 30px); width: 400px; background: #f5f5f5; box-shadow: var(--light-shadow); border-radius: 10px; } .conw .cont .custom-mes .mesw > * {padding: 10px 15px; border-radius: 6px;} .conw .cont .custom-mes .mesw > *:hover {background: #ddd;} .conw.on .btn.whatsapp {background-image: url("media/theme/close.png");} .icon.btn {cursor: pointer;} @supports (backdrop-filter: blur()) {.conw .cont .custom-mes {background: rgba(238, 238, 238, .8); backdrop-filter: blur(10px);}} @keyframes fade { 0% {opacity: 0;} 100% {opacity: 1;} } @keyframes close { 0% {opacity: 1; display: block;} 0% {opacity: .99; display: block} 100% {opacity: 0;} } .archive.woocommerce .conw .support { cursor: pointer;} .archive.woocommerce .conw .cont {bottom: 60px; right: 0;} .archive.woocommerce .outer {position: fixed; bottom: 20px; right: 20px; z-index: 19; width: auto !important; margin: 0;} .archive.woocommerce .icon.btn {width: 30px; min-width: 30px; height: 30px; min-height: 30px; background-size: 24px; padding: 26px; background-color: #367fd3; background-position: center; border-radius: 100%; box-shadow: var(--box-shadow); border: 3px solid #fff; margin-right: 0;} .archive.woocommerce .conw .support {background: var(--color-bg-blue); color: var(--color-darker-blue); justify-content: flex-end; box-shadow: var(--box-shadow)} .archive.woocommerce .conw .support.on {background: rgba(255,255,255,.7);} .archive.woocommerce .conw .support .text { white-space: nowrap; overflow: hidden; width: 100%; transition: all .5s;} .archive.woocommerce .conw .support.on .text {padding: 0; width: 0; font-size: 0;} @media screen and (max-width: 800px) { .archive.woocommerce .outer {position: fixed; bottom: 10px; right: 10px;} .archive.woocommerce .icon.btn {width: 20px; min-width: 20px; height: 20px; min-height: 20px; background-size: 20px; padding: 20PX;} .archive.woocommerce .conw .cont {bottom: 65px;} } @media screen and (max-width: 500px) { .bottom-bar .rg > * {margin: 0 0 0 5px; padding: 8px} .bottom-bar .rg > * {font-size: 12px;} .bottom-bar .if {flex-direction: column;} .bottom-bar .if .upper {font-size: 11px; margin: 0 0 2px 0} .bottom-bar .if .under {font-size: 18px;} } @media screen and (max-width: 360px) { .bottom-bar {padding: 6px 8px;} .bottom-bar .rg > .layer-link .icon {display: none;} .bottom-bar .rg > * .visible.icon {display: block;} } .button-wrap {text-align: center} .wp-block-gallery {margin-bottom: 50px;} .border.kb-table-of-content-nav .kb-table-of-content-wrap .kb-table-of-content-list {margin: 0 !important; width: 100%; max-width: unset;} .line, .l, pre.wp-block-verse {text-transform: uppercase; letter-spacing: 2px; margin: 40px auto 20px auto !important; white-space: normal; background: #f5f5f5; padding: 40px 30px; border-radius: 5px; font-family: var(--font-family); color: #444;} h2.li {line-height: 0.5; border-bottom: 1px solid #ccc; margin-bottom: 50px; } h2.li s {background: #fff; padding: 0 10px 0 0} /* ==================== RESPONSIVE ==================== */ @media screen and (max-width: 1200px) { .single-product .container {padding: 0} #content .container {padding: 0;} } @media screen and (max-width: 991px) { ul.products li.product .product-inner, .single-product .product-gallery-summary {display: block;} .single-product .product-gallery-summary {margin: 0 auto 20px auto; background: unset} ul.products li.product .product-thumbnail {width: 100%; height: 35vw; min-height: 250px} ul.products li.product .product-summary {width: 100%;} .owl-main.owl-carousel.owl-drag .owl-item {height: 35vw} .single-product .product-gallery-summary {overflow: unset} .owl-main.owl-carousel .owl-stage-outer {position: relative;} .single-product div.product .entry-summary .product_title {font-weight: bold; font-size: 18px; color: #444} ul.products li.product .product-thumbnail .product-loop__buttons {bottom: 0; top: unset; left: 0; right: 0; z-index: 1; width: 100%; padding: 0; } ul.products li.product .product-inner .product-loop__buttons .rz-loop_button {background-color: #fff; width: 30px; height: 30px;} .yith-wcwl-add-to-wishlist-- .razzi-svg-icon {background: #fff; padding: 7px; border-radius: 20px;} .modal.custom .modal-content {height: calc(100% - 20px);} .owl-carousel.owl-main {border-radius: 10px 10px 10px 0;} .toolbar-wrap .mobile {display: block; position: absolute; left: 0; right: 0; top: 0; z-index: 1000} .mobile .catbar {transition: all .4s; opacity: 0; height: 0; position: absolute; top: 60px; left: 0; right: 0; z-index: 1000; background: #fff; box-shadow: 0 0 10px -8px #000; font-size: 12px; overflow: hidden; display: block; border-radius: 3px;} .catbar-button {display: block;} .layer-content {padding: 30px 60px;} } @media screen and (max-width: 800px) { .cats a { width: 33.3333%;} .cat {position: relative; height: 100px} ul.products li.product {padding: 0;} ul.products {margin: 0} .page-header .page-header__title {font-size: 30px;} #booking.open .close-button {position: fixed; top: 15px; right: 15px;} .bottom-bar .brochure {display: none;} .bottom-bar {max-width: 100%; border-radius: 0; border: 0; bottom: 0;} .dest figure.wp-block-image figcaption {font-size: 16px !important} .layer-content {padding: 30px;} .s-wrap {display: block;} .single-product div.product .s-left.entry-summary {padding: 0; width: 100%; margin: 0 0 30px 0; border:0;} .s-right {width: 100%; margin: 0 0 30px 0;} #booking.open .layer-header {height: auto;} } @media screen and (max-width: 781px) { .wp-block-column {margin-bottom: 20px;} .wp-block-column:last-child {margin-bottom: 0} } @media screen and (max-width: 767px) { input, input[type="text"], input[type="text"], input[type="email"] {border-radius: 5px;} .woocommerce-cart .cart-collaterals {position: unset;} } @media screen and (max-width: 641px) { button, input[type="button"], input[type="reset"], input[type="submit"] {line-height: 1.5 !important} } @media screen and (max-width: 600px) { .cats a { width: 50%;} .single-product .entry-content .tour {padding: 0 0 0 15px;} .tour-wrap {padding-left: 0;} .tour, .tour p {font-size: 14px;} .tour p {margin: 15px 0;} .tour:before {left: 0;} .tour > h2, .tour > h3, .woocommerce-tabs .panel .tour h2:first-of-type {font-size: 18px; margin: 15px 0 15px 10px} .tour > h3::before, .tour > h2::before {background-size: 20px; left: -39px;} .single-product div.product:not(.product-tabs-under-summary) .woocommerce-tabs ul.tabs li:first-child {padding-left: 10px;} .single-product div.product:not(.product-tabs-under-summary) .woocommerce-tabs ul.tabs {overflow: unset} .page-header .page-header__title {font-size: 26px;} ul.products li.product .product-summary {padding: 20px 15px !important;} .option .kt-row-column-wrap.kt-mobile-layout-row>.wp-block-kadence-column {margin-right: 0px;} .single-product div.product .woocommerce-product-gallery, .owl-main.owl-carousel.owl-drag .owl-item {height: 30vh} .rz-modal .panel-content {margin-right: 10px;} .rz-modal .panel-content {max-width: calc(100% - 20px); width: 100%;} .wp-block-quote.is-large, .wp-block-quote.is-style-large, .wp-block-quote {padding: 20px 15px} #booking .layer-content {max-width: 100%} .kb-table-of-content-nav {padding: 15px;} .single-product div.product .s-left.entry-summary {font-size: 14px;} } @media screen and (max-width: 500px) { .modal.open {transform: unset} .archive.woocommerce #content .site-main > * { max-width: calc(100% - 18px);} .archive.woocommerce #content .custom-content {max-width: 100%;} .modal.custom .modal-body {padding: 15px;} .layer-content {padding: 20px 10px;} .detail .layer-content {padding: 40px 10px;} .layer.open .layer-body {max-width: calc(100% - 15px); max-height: calc(100% - 15px)} blockquote {padding: 20px 15px;} .kb-table-of-content-nav {padding: 10px;} .line, .l, pre.wp-block-verse {letter-spacing: 1px; padding: 30px 15px; max-width: 100% !important; border-radius: 0;} .recently-products .info {display: block;} .recently-products .info-inner.dot-spacer {display: none;} ul.products li.product .product-summary {padding: 15px 12px !important;} } @media screen and (max-width: 480px) { .single-product div.product .product-button-wrapper > * {width: unset;} } @media screen and (max-width: 380px) { .dest figure.wp-block-image figcaption {font-size: 14px !important} .kb-table-of-content-nav, .s-right {padding: 8px} } @media screen and (max-width: 900px) { .tour-wrap.v3 .tour-content .wp-block-columns {padding: 30px 15px 34px 20px;} } @media screen and (max-width: 700px) { .tour-wrap.v2 {margin: 50px auto} .tour-wrap.v2 .wp-block-group > * > *:first-child {margin: 0} .tour-wrap.v2 .wp-block-group.tour-content {margin: 0 auto -10px auto;} .tour-wrap.v2 .wp-block-group .wp-block-columns {padding: 20px 10px 30px 10px} .tour-wrap.v2 .wp-block-group > * > *:first-child h2 {font-size: 16px;} .single-product .entry-content .tour-wrap.v2 .tour {border-radius: unset} .tour-wrap.v2 .wp-block-group > * > *:first-child h2 {background: unset;} .tour-wrap.v2 .wp-block-group .wp-block-columns {margin: 0;} .tour-wrap.v3 .tour-content > * > .wp-block-group:first-child {padding: 0;} .tour-wrap.v3 .tour-content .wp-block-columns {padding: 30px 10px 30px 20px;} } @media screen and (max-width: 500px) { .bottom-bar .inner {justify-content: end;} .tour-content .wp-block-columns {max-width: 100%; padding: 15px 5px;} .tour-content > * {padding: 10px 5px} .tour-content > * > .wp-block-group:first-child {overflow: hidden;} .tour-content > .t-title h2 {width: 100%; padding: 0 15px 0 10px } .tour-content .wp-block-columns > .wp-block-column >*:last-child {margin-bottom: 0; align-items: center;} .tour-content > .t-title .i-outer {width: 35px; height: 35px; min-width: 35px;} .tour-content > .t-title .tour-icon.icon {width: 20px; height: 20px; min-width: 20px; min-height: 20px;} .tour-wrap.v3 .tour-content .wp-block-columns {margin-left: 0; padding: 20px 10px; border: 0;} .tour-wrap.v3 {max-width: calc(100% - 0px);} .tour-wrap.v3 .tour-content > * > .wp-block-group:first-child {width: 100%; border-radius: 0;} .tour-wrap.v3 .tour-content > * > *:first-child .i-outer {width: auto; height: unset; border-radius: 0 50% 50% 0;} .tour-wrap.v3 .tour-content .t-title {align-items: stretch;} .tour-wrap.v3 .tour-content .t-title .i-outer {padding: 0 4px 0 0;} .tour-wrap.v3 .tour-content .t-title h2 {padding: 10px; font-size: 16px;} ul.products li.product .woocommerce-loop-product__title {font-weight: bold; font-size: 18px; color: #444} } /* ==================== PRINT ==================== */ @media print { @page {size: auto; padding: 5mm;} .print {display: block !important;} .no-print, .not-print {display: none !important;} .no-break, .tour .page, .page-not-break, .paging {display: block !important; page-break-inside: avoid !important; break-inside: avoid !important;} .prehead {height: auto;} .break {page-break-before: always;} .none-print, .none-print.wp-block-columns, .bottom-bar, .stick, .tags, .link-wrap, .related, .recently-products, .prefooter, .mapw, .yith-recently, .mobile-menu, .mobile-header-icons, .wp-block-columns.copyright, .related-and-upsells, .wd-single-reviews, #woopcomm, #booking, .owl-dots, .owl-nav, .brandname, .footer-1, .topbar, .hidden-lg.topbar-mobile, .edit, .tool-wrap, .single-breadcrumbs, .posted_in, .tagged_as, .breadcrumb, .map-wrap, .footer {display: none !important} .s-wrap {display: block;} .s-right {width: 100%; background: unset; position: relative; border: 1px solid #ccc; margin: 30px 0 0 0; padding: 30px; border-radius: 12px;} .s-right .tour-attribute h2:first-child {border: 0; padding: 0; color: #000; font-size: 24px; line-height: 1;} td, th, a {color: #000 !important} .single-product .entry-content .tour, .wrap, .single-product .entry-content > * {width: 1170px; max-width: 100%;} .single-product .product-gallery-summary {display: block; background: unset; max-width: 100%; margin-bottom: 40px} a {color: #000;} .single-product div.product .s-left.entry-summary {border-bottom: unset;} .single-product div.product .woocommerce-product-gallery .item.attach {display: none;} .single-product div.product .entry-summary .product_title {font-size: 30px;} .info > *, .info > * a {color: #555 !important;} .hidden-lg {display: block !important} #site-header.on .site-branding .logo {width: unset; height: unset; background: unset;} #site-header .logo {height: auto; width: auto;} .site-branding .site-title {font-size: 15px; text-transform: uppercase; letter-spacing: 1px;} #site-header.on {position: unset; display: block;} #site-header {box-shadow: unset !important; margin: 40px 0;} body, p, a {color: #000} header {padding-top: 0 !important} .tour-wrap{padding: 0 0 0 15px;} .tour {margin: 0 auto !important;} .kb-table-of-content-nav .kb-table-of-content-wrap .kb-table-of-content-list-columns-2 {columns: 2 !important} .product_title.entry-title {font-size: 26px; font-weight: normal;} .dur, .price {font-size: 18px;} .head a, .head {color: #000;} .product-tabs-wrapper, .woocommerce-tabs {display: block !important;} .wp-block-gallery.has-nested-images.columns-3 figure.wp-block-image:not(#individual-image) { width: calc(33.33333% - var(--wp--style--unstable-gallery-gap, 16px)*0.66667);} .container.summary {padding: 10px 0 0 0 !important; background: unset; background-image: unset;} .product-images {width: 100%; margin-bottom: 30px !important;} .entry-summary {width: 100% !important; padding: 0; margin-bottom: 40px !important} .single-product div.product .woocommerce-product-gallery, .single-product div.product .entry-summary {width: 100%;} .single-product div.product .entry-summary {border: 0; background: unset; padding: 30px 0; margin: 0;} .site-header .logo .logo-image {height: 80px;} .header-mobile {height: auto; padding: 50px 0 30px 0;} .site-branding .site-title {-webkit-clip-path: unset; position: unset !important; width: auto; height: auto; padding: 10px 0; text-transform: uppercase;} .wp-block-gallery.has-nested-images.columns-4 figure.wp-block-image:not(#individual-image) {width: calc(25% - var(--wp--style--unstable-gallery-gap, 16px)*0.75);} .site-branding .site-title {font-size: 16px;} .product-image-summary-inner {border: 0; overflow: unset;} .entry-summary {background: unset; background-image: unset; border: 0;} .entry table.shop_attributes td, table.shop_attributes span, table.shop_attributes p {text-align: left !important;} .container.summary .product-image-summary-wrap {margin: 0 auto;} .kb-table-of-contents-title-wrap, .head {border-radius: 6px; max-width: calc(100% - 20px); margin-left: auto; margin-right: auto;} .head .kt-row-layout-inner.kt-row-has-bg {border-radius: 10px;} .head .kt-svg-icon-list {display: flex !important;} .head .kt-svg-icon-list li {flex-basis: max-content !important; flex-grow: 1 !important;} .lazyload, .lazyloading, .lazyloaded, .wp-block-gallery.has-nested-images figure.wp-block-image img {opacity: 1 !important;} .wp-block-columns {display: flex !important; flex-wrap:unset !important;} .wp-block-columns .wp-block-column {padding-right: 25px; flex-basis: max-content !important; flex-grow: 1 !important; } .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {flex-basis: max-content !important;} table, .wp-block-gallery, .kb-table-of-content-wrap, .tour-attribute {page-break-inside: avoid;} .tour p {margin-top: 10px !important; margin-bottom: 10px !important;} .option .kt-row-column-wrap {flex-direction: row !important;} .option .wp-block-kadence-column {margin-right: 30px !important; width: 50% !important; display: block !important;} .option .wp-block-kadence-column {margin-bottom: 0 !important;} .option .kt-row-column-wrap {flex-direction: row !important;} .option .wp-block-kadence-column {width: 50% !important; display: block !important;} .kt-jarallax {margin: 20px 0;} .kt-jarallax > div:last-child {position: unset; display: none;} #site-header.on .header-main, #site-header.on .header-mobile {position: unset; display: block; height: unset !important; box-shadow: unset;} #site-header.on .site-branding .site-title {display: block;} .site-header, .header-mobile {height: auto !important} #site-header.on.float .header-main {width: var(--wid); max-width: var(--max); box-shadow: unset; padding: 0;} .site-header.float.on .header .logo {width: 80px;} .site-header.float.on .header .brand p {display: block;} .site-header.float.on .header, #site-header.on .header-main {height: 110px !important;} .header .wrap {display: block;} .header .wrap > * {flex-direction: column !important;} .header .wrap > nav, .header .right {display: none;} .site-header.float.on .header .logo, .logo {width: 100px;} .brand {gap: unset !important} .brand > * {padding-top: 3px;} .brand figure {height: 80px;} .brand figure img {width: auto !important; height: 80px !important;} .brand .name {margin: 3px 0 10px 0; font-size: 16px !important;} .tour-wrap.v2 .tour:before, .tour-wrap.v3 .tour:before {content: unset;} .tour-wrap.v2 .tour {padding: 0; border-radius: 15px;} .tour-wrap.v2 {width: 100%; max-width: 100%; background: #fcfcfc; padding: 40px 0 60px 0; position: relative;} .tour-wrap.v2::before, .tour-wrap.v2::after {position: absolute; left: 0; width: 100%; content: ''; height: 15px} .tour-wrap.v2::before {top: 0; background-image: linear-gradient(to top, #fcfcfc, #fff)} .tour-wrap.v2::after {bottom: 0; background-image: linear-gradient(to bottom, #fcfcfc, #fff)} .tour-wrap.v2 > * {width: var(--wrap-sm); max-width: var(--max); margin: auto; padding: 0 !important} .tour-content {width: 100% !important; max-width: 100% !important; margin-bottom: -10px; } .tour-content > * {background: #fff; padding: 30px 20px; border-radius: 20px; overflow: hidden; box-shadow: 0 0 20px rgba(0,0,0,.3)} .tour-content .t-title {width: auto; background: #e9f3ff; border-radius: 100px; display: inline-flex;} .tour-content .t-title h2 {margin: 0 !important; padding: 0 20px 0 12px; font-size: 20px; font-weight: bold;} .tour-content .t-title .i-outer { z-index: 1; width: 45px; height: 45px; min-width: 45px; background-color: var(--color-dark-blue); border-radius: 50%; display: flex; justify-content: center; align-items: center;} .tour-content .t-title .tour-icon.icon {margin: 0; filter: var(--filter-white); width: 23px; height: 23px; min-width: 23px; min-height: 23px;} .tour-content .t-title {align-items: center; justify-content: flex-start; gap: unset} .tour-content > * > .wp-block-columns {padding: 30px 20px 20px 20px; margin: 0;} .tour-content h3::before, .tour-content h2::before {content: unset;} .tour-wrap.v3 {background: unset; } .tour-wrap.v3 .tour {padding: 0;} .tour-wrap.v3 .tour-content {margin: 0;} .tour-wrap.v3::before, .tour-wrap.v3::after {content: unset;} .tour-wrap.v3 .tour-content > * {padding: 0; box-shadow: unset; border-radius: unset} .tour-wrap.v3 .tour-content .wp-block-columns {margin-left: 21px; border-left: 4px solid #666; padding: 30px 15px 34px 35px;} .tour-wrap.v3 .t-title h2 {color: #127ab4} .tour-wrap.v3 .t-title h2 strong {color: #000;} .wp-block-cover .wp-block-cover .wp-block-cover__image-background {display: block !important;} } /* ==================== END PRINT ==================== */