Atepicker-kalenteri TD { Kohdistin: osoitin; Border-Radius: 50%! Tärkeä; Raja: Ei! Tärkeä } .DatePicker-Calendar TD.Disabled { Väri: #CCC; Kohdistin: } .DatePicker-Calendar TD: ei (.Disabled): Hive { Tausta: #E6E6E6 } .DatePicker-Calendar TD.Selected { tausta: #007bff; Väri: #FFFF } .WhatsApp-Button { sijainti: kiinteä; Vasen: 20px; Pohja: 20px; Taustaväri: #25D366; Väri: #FFF; Pehmuste: 12px 20px 12px 44px; Border-Radius: 50px; Teksti-Decoration: Ei mitään; Font-size: 16px; Fontti-paino: 700; Näyttö: flex; Kohdista §: keskusta; Box-varjostus: 0 2px 5px RGB (0 0 0 / .2); Siirtyminen: taustaväri 0,3S; tausta-kuva: URL ('Data: kuva/svg+xml; UTF8, '); Tausta toistuva: Toistamaton; Tausta-asema: 12px-keskus; Taustakoko: 24px 24px } .WhatsApp-Button: Löysi { Taustaväri: #20B858 } .rating-start-kääre { Näyttö: Inline-lohko; Kirjasinkoko: 0 } .rating-start { sijainti: suhteellinen; Leveys: 100px; Korkeus: 20px; Näyttö: Inline-lohko } .rating-start :: Ennen { Sisältö: ""; sijainti: absoluuttinen; Yläosa: 0; vasen: 0; Leveys: 100%; Korkeus: 100%; Tausta: URL ('Tiedot: kuva/svg+xml; UTF8, ') Toistamaton; Taustakoko: Sisältää } .rating-start span { sijainti: absoluuttinen; Yläosa: 0; vasen: 0; Korkeus: 100%; ylivuoto: piilotettu } .rating-start-span :: Ennen { Sisältö: ""; sijainti: absoluuttinen; Yläosa: 0; vasen: 0; Leveys: 100px; Korkeus: 100%; Tausta: URL ('Tiedot: kuva/svg+xml; UTF8, ') Toistamaton; Taustakoko: Sisältää } .grid.blog-in-Sisä { Näyttö: flex; Flex-kääre: kääre; Marginaali: 0 -15px } [luokka*= "col-md-"] { sijainti: suhteellinen; Leveys: 100%; Pehmuste: 0 15px; Marginaalipohja: 30px; Näyttö: Flex } @Media-näyttö ja (minleveys: 768px) { .col-md-3 { Flex: 0 0 25%; Max-leveys: 25% } } @Media-näyttö ja (minleveys: 768px) { .col-md-4 { Flex: 0 0 33,333333%; Max-leveys: 33,333333% } } @Media-näyttö ja (Max-Width: 767px) { [luokka*= "col-md-"] { Flex: 0 0 100%; Max-leveys: 100% } } .Post { Näyttö: flex; Flex-suunta: sarake; Korkeus: 100%; taustaväri: #fff; Raja: 1px kiinteä #e9ecef; Border-Radius: 25skx; Box-varjostus: 0 0 15px RGB (0 0 0 / .1); ylivuoto: piilotettu; Siirtymä: Muunna 0,3S helppo } .Post: Leipä { Transform: Translesty (-5px); Box-Shadow: 0 5px 20px RGB (0 0 0 / .15) } .Post .feated-Post { sijainti: suhteellinen; ylivuoto: piilotettu } .Post .feated-post IMG { Leveys: 100%; Korkeus: 200px; Objekti-sovi: kansi; Raja-vasemmisto-Radius: 25px; Border-Top-Right-Radius: 25px; Näyttö: lohko; Siirtymä: Muunna 0,3S -helppous } .Post: hover. MUUTOKSE: Asteikko (1.05) } .Post .Post-Content { Flex-kasvu: 1; Pehmuste: 25 esimerkiksi; Näyttö: flex; Flex-suunta: Sarake } .Post .Post-Content H3 { Font-size: 18 prosentti; Line-korkeus: 1,3; Marginaalipohja: 10px; ylivuoto: piilotettu; Tekstivirta: ellipsis; Näyttö: -Webkit -Box; -WebKit-box-Orient: Pystysuuntainen } .Post .Post-Content P { Font-size: 14px; Väri: #6C757D; Marginaalipohja: 15px; ylivuoto: piilotettu; Tekstivirta: ellipsis; Näyttö: -Webkit -Box; -WebKit-box-Orient: Pystysuuntainen } .Post .Post-Content .cat-meta a { Font-size: 12px; Väri: #223645! Tärkeä; Fontti-paino: 600; Väri: #0d6EFD; Siirtymä: Väri 0,3s } .Post A { Väri: #223645 } .Post .Post-Content .cat-meta a: leijään { Väri: #440310! Tärkeä } .Post .Post-Footer { Marginaali: Auto; Pehmuste: 0 15px 15px; Näyttö: flex; Peruste-sisältö: välilyönti; Kohdista: keskusta } .Post .Post-Footer .Round-BTN { Font-size: 14px; Pehmuste: 8px 20px; flex: 1; Marginaali: 0 5 px; Teksti-align: keskus; Border-Radius: 20px; taustaväri: #F99300; Väri: #440310; Teksti-Decoration: Ei mitään; Siirtyminen: taustaväri 0,3 s, muunnos 0,2 s } .Post .Post-Footer .Round-BTN: Hover { Taustaväri: #440310; Väri: #FFF; MUUTOKSEN: Kääntäy (-2px) } @Media-näyttö ja (Max-Width: 767px) { .Post .feated-post IMG { Korkeus: 180px } .Post .Post-Content H3 { Kirjasinkoko: 16px } .Post .Post-Content P { Kirjasinkoko: 13px } .Post .Post-Footer .Round-BTN { Font-size: 12px; Pehmuste: 6px 15px } } @Media-näyttö ja (Max-Width: 575px) { [luokka*= "col-md-"] { Marginaalipohja: 20px } .Post .feated-post IMG { Korkeus: 150px } .Post .Post-Content H3 { Kirjasinkoko: 15px } .Post .Post-Content P { Kirjasinkoko: 12px } } .Post A: Focus { ääriviivat: 2px kiinteä #fd7e14; Outline-offset: 2px } .fa, .fab, .fad, .fal, .far, .fas, .ekit-wid-con .fasicon, .ekit-wid-con .icon, .fasicon, .icon { -Webkit-Font-Smoothing: antialiased; -Moz-OSX-FONT-SILMOINTI: Harmaasävy; Näyttö: Inline-lohko; Line-korkeus: 1; Leveys: 16px; Korkeus: 16px; Taustakoko: sisältää; Tausta toistuva: Toistamaton; Pystysuora-align: keskimmäinen } .fa-tarkista { tausta-kuva: URL ('Data: kuva/svg+xml; UTF8, ') } .fa-facebook-f { tausta-kuva: URL ('Data: kuva/svg+xml; UTF8, ') } .fa-instagram { tausta-kuva: URL ('Data: kuva/svg+xml; UTF8, ') } .fa-LinkedIn { tausta-kuva: URL ('Data: kuva/svg+xml; UTF8, ') } .fa-plus { tausta-kuva: URL ('Data: kuva/svg+xml; UTF8, ') } .Fa-Times { tausta-kuva: URL ('Data: kuva/svg+xml; UTF8, ') } .fa-twitter { tausta-kuva: URL ('Data: kuva/svg+xml; UTF8, ') } .fa-youtube { tausta-kuva: URL ('Data: kuva/svg+xml; UTF8, ') } .icon.icon-ENVELOPE1, .ekit-wid-con .fasicon.icon-Envelope1, .ekit-wid-con .icon.icon-etäisyyden1 { tausta-kuva: URL ('Data: kuva/svg+xml; UTF8, ') } .icon.icon-armo-oikea-ympyrä, .ekit-wid-con .fasicon.icon-armo-oikea tausta-kuva: URL ('Data: kuva/svg+xml; UTF8, ') } .icon.icon-map-Marker1, .ekit-wid-con .fasicon.icon-map-Marker1, .ekit-wid-con .icon.icon-map-Marker1 { tausta-kuva: URL ('Data: kuva/svg+xml; UTF8, ') } .icon.icon-Phone1, .ekit-wid-con .fasicon.icon-phone1, .ekit-wid-con .icon.icon-phone1 { tausta-kuva: URL ('Data: kuva/svg+xml; UTF8, ') } :root { --bs-blue: #0d6efd; --bs-indigo: #6610f2; --bs-purple: #6f42c1; --bs-pink: #d63384; --bs-red: #dc3545; --bs-orange: #f99300; --bs-yellow: #ffc107; --bs-green: #198754; --bs-teal: #20c997; --bs-cyan: #0dcaf0; --bs-white: #ffffff; --bs-gray: #6c757d; --bs-gray-dark: #343a40; --bs-gray-100: #f8f9fa; --bs-gray-200: #e9ecef; --bs-gray-300: #dee2e6; --bs-gray-400: #ced4da; --bs-gray-500: #adb5bd; --bs-gray-600: #6c757d; --bs-gray-700: #495057; --bs-gray-800: #343a40; --bs-gray-900: #212529; --bs-primary: #0d6efd; --bs-secondary: #6c757d; --bs-success: #198754; --bs-info: #0dcaf0; --bs-warning: #ffc107; --bs-danger: #dc3545; --bs-light: #f8f9fa; --bs-dark: #212529; --bs-primary-rgb: 13, 110, 253; --bs-secondary-rgb: 108, 117, 125; --bs-success-rgb: 25, 135, 84; --bs-info-rgb: 13, 202, 240; --bs-warning-rgb: 255, 193, 7; --bs-danger-rgb: 220, 53, 69; --bs-light-rgb: 248, 249, 250; --bs-dark-rgb: 33, 37, 41; --bs-white-rgb: 255, 255, 255; --bs-black-rgb: 0, 0, 0; --bs-body-color-rgb: 33, 37, 41; --bs-body-bg-rgb: 255, 255, 255; --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0)); --bs-body-font-family: var(--bs-font-sans-serif); --bs-body-font-size: 1rem; --bs-body-font-weight: 400; --bs-body-line-height: 1.5; --bs-body-color: #212529; --bs-body-bg: #ffffff } *, ::after, ::before { box-sizing: border-box } html { line-height: 1.15; -webkit-text-size-adjust: 100% } body { margin: 0; font-family: "Poppins", sans-serif; font-size: 15px; font-weight: 400; line-height: 1.6; color: #626672; background-color: var(--bs-body-bg); -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: #fff0; word-wrap: break-word } main { display: block } h1, h2, h3, h4, h5, h6 { color: #223645; font-family: "Montserrat", sans-serif; margin: 0 0 15px; line-height: 1.2; font-weight: 500 } h1 { font-size: 60px; font-weight: 800 } h2 { font-size: 40px; font-weight: 800 } h3 { font-size: 22px; font-weight: 700 } h4 { font-size: 18px; font-weight: 600 } h5 { font-size: 16px } h6 { font-size: 12px } p { margin: 0 0 15px; line-height: 1.6; word-wrap: break-word } a { color: #0085ba; text-decoration: none; background-color: #fff0; transition: color 0.3s } a:hover, a:focus, a:active { color: #440310; text-decoration: none; outline: 0 } a:visited { text-decoration: none; outline: 0 } b, strong { font-weight: 700 } small, .small { font-size: 80% } img, svg { max-width: 100%; height: auto; vertical-align: top; border-style: none } figure { margin: 0 0 1rem } ul, ol { margin: 0 0 1.5em .875em; padding: 0 0 0 2rem } ul { list-style: disc } ol { list-style: decimal } li > ul, li > ol { margin-bottom: 0; margin-left: 1.5em } dfn, cite, em, i { font-style: italic } iframe { border: 0; display: block; width: 100% } table { border-collapse: collapse; caption-side: bottom } th, td { border: 1px solid #fbb44d; padding: 12px; text-align: left } th { background-color: var(--bs-orange); color: #440310 } tr:nth-child(even) { background-color: #fccb83 } button, input, optgroup, select, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit } button, select { text-transform: none } button, [type="button"], [type="reset"], [type="submit"] { border-radius: 0 } button:not(:disabled), [type="button"]:not(:disabled), [type="reset"]:not(:disabled), [type="submit"]:not(:disabled) { cursor: pointer } textarea { resize: vertical; overflow: auto } input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea, select { background-color: #f8f8f8; border: 1px solid #d9d9d9; border-radius: 25px; font-size: 14px; padding: 0 15px } input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], select { height: 55px; width: 100% !important } textarea { padding: 20px 10px; width: 100% } input[type="text"]::-webkit-input-placeholder, input[type="email"]::-webkit-input-placeholder, input[type="url"]::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder, input[type="search"]::-webkit-input-placeholder, input[type="number"]::-webkit-input-placeholder, input[type="tel"]::-webkit-input-placeholder, input[type="range"]::-webkit-input-placeholder, input[type="date"]::-webkit-input-placeholder, input[type="month"]::-webkit-input-placeholder, input[type="week"]::-webkit-input-placeholder, input[type="time"]::-webkit-input-placeholder, input[type="datetime"]::-webkit-input-placeholder, input[type="datetime-local"]::-webkit-input-placeholder, input[type="color"]::-webkit-input-placeholder, textarea::-webkit-input-placeholder, select::-webkit-input-placeholder { color: #888 } .container, .container-fluid, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl { width: 100%; max-width: 1170px; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto } .row { --bs-gutter-x: 1.5rem; --bs-gutter-y: 0; display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px } .row > * { flex-shrink: 0; width: 100%; max-width: 100%; padding-right: 15px; padding-left: 15px; margin-top: var(--bs-gutter-y) } @media (min-width: 576px) { .col-sm-6 { flex: 0 0 50%; max-width: 50% } } @media (min-width: 992px) { .col-lg-2 { flex: 0 0 16.666667%; max-width: 16.666667% } .col-lg-3 { flex: 0 0 25%; max-width: 25% } .col-lg-4 { flex: 0 0 33.333333%; max-width: 33.333333% } .col-lg-6 { flex: 0 0 50%; max-width: 50% } .col-lg-8 { flex: 0 0 66.666667%; max-width: 66.666667% } .col-lg-10 { flex: 0 0 83.333333%; max-width: 83.333333% } .col-lg-12 { flex: 0 0 100%; max-width: 100% } } @media (max-width: 991px) { .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-6, .col-lg-8, .col-lg-10, .col-lg-12 { flex: 0 0 100%; max-width: 100% } } .d-flex { display: flex !important } .d-none { display: none !important } .justify-content-between { justify-content: space-between !important } .align-items-center { align-items: center !important } .text-center { text-align: center !important } .text-right { text-align: right !important } @media (prefers-reduced-motion: no-preference) { :root { scroll-behavior: smooth } } .round-btn, .outline-btn { font-family: "Poppins", sans-serif; font-size: 16px; font-weight: 400; line-height: 1.1; padding: 17px 30px; border-radius: 25px; text-transform: uppercase; display: inline-block; position: relative } .round-btn { background-color: var(--bs-orange); border: none; color: var(--bs-white); transition: background-color 0.3s } .round-btn:hover, .round-btn:focus, .round-btn:active { background-color: #440310; color: var(--bs-white) } .outline-btn { border: 2px solid var(--bs-orange); color: var(--bs-orange); padding: 15px 30px; transition: background-color 0.3s, border-color 0.3s, color 0.3s } .outline-btn:hover, .outline-btn:focus, .outline-btn:active { background-color: #440310; border-color: #440310; color: var(--bs-white) } .outline-btn-white { border: 2px solid var(--bs-white); color: var(--bs-white); border-radius: 25px } .outline-btn-white:hover, .outline-btn-white:focus { border-color: #440310; color: #440310 } .site-header { position: absolute; left: 0; right: 0; width: 100%; top: 0; z-index: 99 } .bottom-header { transition: background-color 0.5s ease } .site-logo .site-title { margin: 0; line-height: 1.1; font-size: 28px } .site-logo img { max-width: 200px; transition: opacity 0.4s linear } .site-logo a { display: block } .site-logo a:hover img, .site-logo a:focus img, .site-logo a:active img { opacity: .5 } .navigation-container { display: none; align-items: center; justify-content: flex-end } .navigation-container .navigation { flex-grow: 1 } .navigation-container ul { font-size: 0; list-style: none; margin: 0; padding: 0; display: flex; justify-content: flex-end } .navigation-container .navigation > ul > li { display: inline-block; padding: 0 16px; position: relative } .navigation-container ul > li > a { color: var(--bs-white); display: inline-block; font-size: 16px; padding: 20px 0; font-weight: 400; line-height: 1.3; text-transform: uppercase; position: relative } .navigation-container ul > li.menu-item-has-children > a:after { content: ""; display: inline-block; width: 10px; height: 10px; margin-left: 8px; background-image: url('data:image/svg+xml;utf8, '); Taustakoko: sisältää; Tausta toistuva: Toistamaton; pystysuora-align: keskimmäinen; Siirtyminen: Transform 0,4s } .Navigation-Container ul ul { Tausta: Var (-BS-White); reuna-top: 4px kiinteä var (-BS-oranssi); sijainti: absoluuttinen; Yläosa: 100%; vasen: 0; Leveys: 250px; Näyttö: Ei mitään; Z-indeksi: 99; Animaatio: Slide-up 0,3S helppokäyttöinen } .Navigation-Container Ul Ul Li { Rajapohja: 1px kiinteä #DDD } .Navigation-Container Ul Ul Li A { Väri: #333; Näyttö: lohko; Pehmuste: 13px 20px; Fontti-paino: 600; tekstinsiirto: pääoma; Siirtymä: Kaikki 0,4 s } .Navigation-Container UL UL UL LI A: LOVER { PADING-LEAFIN: 30px; Taustaväri: #440310; Väri: Var (-BS-White) } .Navigation-Container Ul Ul LI.Menu-Itä-Has-lapset> A: {sen jälkeen { Sisältö: ""; Näyttö: Inline-lohko; Leveys: 10px; Korkeus: 10px; Marginaali-vasen: 8px; tausta-kuva: URL ('Data: kuva/svg+xml; UTF8, '); Taustakoko: sisältää; Tausta toistuva: Toistamaton; Pystysuora-align: keskimmäinen } .Mobile-Menu-Container { Näyttö: Ei mitään } .Mobile-Menu-Container .slicknav_menu { Taustaväri: Läpinäkyvä! Tärkeä; Pehmuste: 0 } .slicknav_btn { Näyttö: flex; Peruste-sisältö: keskus; Flex-suunta: rivin käänteinen; tausta: #fff0; Raja: Ei mitään; Kohdistin: osoitin; Teksti-align: keskus; Näyttö: Flex! Tärkeä; Justify-Suoja: Flex-end! Tärkeä; Kohdista: Keskusta! Tärkeä; Leveys: 100%! Tärkeä } .Mobile-Menu-Container .slicknav_icon { Leveys: 22px; Korkeus: 16px; sijainti: suhteellinen; Näyttö: Inline-lohko; Teksti-salign: keskus } .Mobile-Menu-Container .slicknav_menutxt { Väri: #440310; Fontti-paino: 700; Font-size: 16px; Marginaali-oikea: 10px; Tekstivartio: Ei mitään; Teksti-align: keskus! TÄRKEÄÄ } .Mobile-Menu-Container .slicknav_nav { taustaväri: var (-bs-white); Box-vartio: 0 22px 21px RGB (0 0 0 / .1); Näyttö: Ei mitään; sijainti: absoluuttinen; Yläosa: 100%; vasen: 0; Leveys: 100%; Z-indeksi: 999 } .Mobile-Menu-Container .slicknav_nav ul { Listatyyli: Ei mitään; Pehmuste: 0; Marginaali: 0 } .Mobile-Menu-Container .slicknav_nav li { Raja-top: 1px kiinteä #e6e6e6; Asema: Suhteellinen } .Mobile-Menu-Container .slicknav_nav a { Väri: #440310; Teksti-Decoration: Ei mitään; Näyttö: lohko; Font-size: 16px; Fontti-paino: 600; Pehmuste: 10px 15px; Siirtymä: Kaikki 0,3 s } .Mobile-Menu-Container .slicknav_nav A: hover, .Mobile-Menu-Container .slicknav_nav A: Focus, .Mobile-Menu-Container .slicknav_nav A: Active { Taustaväri: #440310; Väri: Var (-BS-White) } .Mobile-Menu-Container .slicknav_nav ul ul { PADING-LEAFIN: 15px; Näyttö: Ei mitään } .Mobile-Menu-Container .slicknav_nav .slicknav_row { Näyttö: flex; Flex-kääre: kääre; Pehmuste: 0; Marginaali: 0 } .Mobile-Menu-Container .slicknav_nav .slicknav_row> a { Leveys: Calc (100% - 45 px) } .Mobile-Menu-Container .slicknav_nav .slicknav_row .slicknav_item { Raja-vasen: 1px kiinteä #e6e6e6; Leveys: 45px; Näyttö: flex; Kohdista §: keskusta; Peruste-sisältö: keskus; Pehmuste: 0 } .Mobile-Menu-Container .slicknav_nav .slicknav_arrow { sijainti: absoluuttinen; Oikealla: 15px; <tyyli> muunnos: käännettävä (-50%); Leveys: 16px; Korkeus: 16px; Kohdistin: osoitin; Väri: #440310; Fontti-paino: 700; Teksti-align: keskus; Line-korkeus: 16px } .Mobile-Menu-Container .slicknav_nav .slicknav_arrow :: {jälkeen { Sisältö: "+"; Kirjasinkoko: 16px } .Mobile-Menu-Container .slicknav_nav .slicknav_arrow.open :: {jälkeen { Sisältö: "-" } .slicknav_btn .slicknav_icon span { taustaväri: var (-bs-white); Näyttö: lohko; sijainti: absoluuttinen; Leveys: 20px; Korkeus: 2px; left: 50%; transform: translate(-50%, -50%); transition: all 0.3s } .slicknav_btn .slicknav_icon span:before, .slicknav_btn .slicknav_icon span:after { background-color: var(--bs-white); content: ""; position: absolute; width: 100%; height: 2px; left: 0; transition: all 0.3s } .slicknav_btn .slicknav_icon span:before { top: -6px } .slicknav_btn .slicknav_icon span:after { top: 6px } .slicknav_btn.slicknav_open .slicknav_icon span { background-color: #fff0 } .slicknav_btn.slicknav_open .slicknav_icon span:before { top: 0; transform: rotate(45deg) } .slicknav_btn.slicknav_open .slicknav_icon span:after { top: 0; transform: rotate(-45deg) } .sidebar > div { padding-bottom: 40px } .sidebar .booking-form-inner { border-radius: 25px; padding: 40px 30px } .sidebar .booking-form-inner h3, .sidebar .booking-form-inner p { text-align: center; color: var(--bs-white) } .sidebar .booking-form { display: flex; flex-wrap: wrap; margin: 0 -10px } .sidebar .booking-form p { padding: 0 10px; width: 100%; margin-bottom: 20px } .sidebar .booking-form p.width-5 { width: 50% } .sidebar .booking-form p label { margin-bottom: 5px } .sidebar .booking-form p input { width: 100% !important } .sidebar .booking-form p button { background-color: #fff0; width: 100% } .sidebar .package-list { background-size: cover; background-repeat: no-repeat; background-position: center center; border-radius: 25px; overflow: hidden; padding: 30px; position: relative; z-index: 1 } .sidebar .package-list h4 { background-color: #f8f8f8; border-radius: 25px; padding: 10px 20px; text-align: center; font-weight: 500; margin-bottom: 20px } .sidebar .package-list ul { margin: 0; padding: 0 } .sidebar .package-list ul li { list-style: none; margin-bottom: 8px; padding-bottom: 8px; border-bottom: 1px solid rgb(167 167 167 / .31) } .sidebar .package-list ul li:last-child { margin-bottom: 0; border-bottom: none; padding-bottom: 0 } .sidebar .package-list ul li a { color: var(--bs-white) } .sidebar .package-list ul li a i { margin-right: 8px } .site-footer { background-color: rgb(34 54 69 / .98); padding-top: 80px } .site-footer .top-footer { padding-bottom: 80px } .site-footer .footer-logo { margin-bottom: 20px } .site-footer .bottom-footer { background-color: #223645; padding: 20px 0 } .site-footer .copy-right { color: var(--bs-white) } .site-footer .copy-right a { color: var(--bs-white) } .site-footer .copy-right a:hover { color: #440310 } .site-footer .lower-footer { border-top: 1px solid rgb(255 255 255 / .14); padding-top: 35px } .site-footer .lower-footer .social-icon { margin-bottom: 20px } .site-footer .lower-footer .social-icon li { margin: 0 5px } .site-footer .lower-footer .social-icon li a { border: 1px solid #626672; border-radius: 100%; color: var(--bs-white); display: block; width: 35px; height: 35px; line-height: 35px; text-align: center; transition: all 0.4s } .site-footer .lower-footer .social-icon li a:hover { background-color: #440310; border-color: #440310 } .site-footer .footer-newsletter p { color: var(--bs-white); margin-bottom: 20px } .site-footer .footer-newsletter .newsletter { display: flex; flex-wrap: wrap } .site-footer .footer-newsletter input[type="email"] { flex-grow: 1; border-color: rgb(255 255 255 / .35); margin-right: 20px } .site-footer .footer-newsletter button { background-color: #fff0 } .site-footer .footer-menu ul { margin: 0; padding: 0; font-size: 0 } .site-footer .footer-menu ul li { list-style: none; display: inline-block; position: relative; padding: 0 10px } .site-footer .footer-menu ul li:before { content: "|"; position: absolute; top: 0; right: -2px; font-size: 14px; color: #b6b6b6 } .site-footer .footer-menu ul li:last-child:before { display: none } .site-footer .footer-menu ul li a { color: var(--bs-white); font-size: 13px } .site-footer .footer-menu ul li a:hover, .site-footer .footer-menu ul li a:focus { color: #440310 } .footer-primary .widget { color: #e0e0e0; margin-bottom: 30px } .footer-primary .widget .widget-title { color: var(--bs-white); font-size: 16px; font-weight: 500; line-height: 1.1; margin-bottom: 30px; text-transform: uppercase } .footer-primary .widget .widget-title:after { background-color: var(--bs-orange); content: ""; display: table; height: 2px; width: 50px; margin-top: 10px } .footer-primary .widget ul li { margin-bottom: 10px; border-bottom: none } .footer-primary .widget ul li a { color: var(--bs-white) } .footer-primary .widget ul li a:hover, .footer-primary .widget ul li a:focus, .footer-primary .widget ul li a:active { color: #440310 } .widget { margin-bottom: 30px } .widget a { display: block } .widget .widget-title { margin-bottom: 30px } .widget ul { margin: 0; padding: 0 } .widget ul li { list-style: none } .widget ul li a { color: #383838 } .widget ul li a:hover { color: #440310 } .widget.widget-post-thumb li { margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #e6e6e6 } .widget.widget-post-thumb li:before, .widget.widget-post-thumb li:after { content: ""; display: block; clear: both } .widget.widget-post-thumb li:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none } .widget.widget-post-thumb .post-thumb { width: 80px; float: left; position: relative } .widget.widget-post-thumb .post-thumb img { border-radius: 15px } .widget.widget-post-thumb .post-content { float: right; width: calc(100% - 100px) } .widget.widget-post-thumb .post-content h5, .widget.widget-post-thumb .post-content h6 { margin-bottom: 5px } .widget.widget-post-thumb .post-content p { margin-bottom: 0; font-size: 14px } .widget.widget-post-thumb .post-content .entry-meta { margin-left: -8px; margin-right: -8px } .widget.widget-post-thumb .post-content .entry-meta span { padding: 0 8px; position: relative } .widget.widget-post-thumb .post-content .entry-meta span:before { color: #b6b6b6; content: "|"; font-size: 13px; position: absolute; right: 0; top: 0 } .widget.widget-post-thumb .post-content .entry-meta span:last-child:before { display: none } .widget.widget-post-thumb .post-content .entry-meta a { color: #787878; display: inline-block; font-size: 13px; line-height: 1.1 } .widget.widget-post-thumb .post-content .entry-meta a:hover, .widget.widget-post-thumb .post-content .entry-meta a:focus { color: #440310 } .widget.widget_text ul { margin-top: 20px } .widget.widget_text ul li { margin-bottom: 10px; padding-left: 25px; position: relative } .widget.widget_text ul li:last-child { margin-bottom: 0 } .widget.widget_text ul li i { color: var(--bs-white); position: absolute; left: 0; top: 4px; width: 16px; height: 16px; background-size: contain; background-repeat: no-repeat } .inner-banner-wrap { padding-bottom: 95px } .inner-baner-container { background-size: cover; background-repeat: no-repeat; background-position: center center; text-align: center; position: relative } .inner-baner-container:before { background-color: #151515; content: ""; display: block; opacity: .65; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; position: absolute } .inner-baner-container .inner-banner-content { padding-top: 120px; padding-bottom: 135px; position: relative; color: var(--bs-white) } .inner-baner-container .page-title { color: var(--bs-white); line-height: 1.1; text-transform: uppercase; margin-bottom: 0 } .primary-bg { background-color: var(--bs-orange) } .overlay { background-color: rgb(0 0 0 / .6); position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1 } .social-icon ul { margin: 0; padding: 0; font-size: 0 } .social-icon li { display: inline-block; list-style: none; margin: 0 5px } .social-icon a { font-size: 16px; color: #404040; transition: color 0.4s } .social-icon a:hover, .social-icon a:focus, .social-icon a:active { color: #440310 } .clearfix:before, .clearfix:after, .entry-content:before, .entry-content:after, .comment-content:before, .comment-content:after, .site-header:before, .site-header:after { content: ""; display: block; clear: both } .package-inner-page { padding-bottom: 100px } @media (min-width: 992px) { .right-sidebar { padding-right: 40px } .mobile-menu-container { display: none !important } .navigation-container { display: flex !important } .navigation-container ul > li.menu-item-has-children:hover > ul { display: block } .navigation-container ul ul ul { left: 100%; top: 0 } .navigation-container ul > li:hover > a:after { transform: rotate(180deg) } .bottom-header { background-color: var(--bs-white); box-shadow: 0 -3px 10px rgb(0 0 0 / .2); position: fixed; top: 0; width: 100%; left: 0; z-index: 999 } .navigation-container ul > li > a { color: #440310 } } @media (max-width: 991px) { .mobile-menu-container { display: block !important; position: relative; z-index: 1000; background-color: transparent !important } .bottom-header { border-bottom: 1px solid rgb(255 255 255 / .25); padding: 12px 0 } .mobile-menu-container { background-color: var(--bs-white); box-shadow: 0 -3px 10px rgb(0 0 0 / .2); position: fixed; top: 0; width: 100%; left: 0; z-index: 999 } .mobile-menu-container .slicknav_nav { min-height: fit-content; height: 100%; overflow-y: scroll; position: absolute; width: 100%; left: 0; right: 0; z-index: 999 } .mobile-menu-container .slicknav_menutxt, .mobile-menu-container .slicknav_btn .slicknav_icon span, .mobile-menu-container .slicknav_btn .slicknav_icon span:before, .mobile-menu-container .slicknav_btn .slicknav_icon span:after { color: #440310 } .sidebar .booking-form-wrap { margin-top: 40px } .site-footer .lower-footer .text-right { text-align: initial !important } .site-footer .footer-newsletter { margin-bottom: 20px } .footer-primary .widget { margin-bottom: 30px } } @media (max-width: 768px) { th, td { padding: 10px; font-size: 14px } } @media (max-width: 767px) { h1 { font-size: 36px } h2 { font-size: 28px } h3 { font-size: 20px } h4 { font-size: 16px } h5 { font-size: 14px } h6 { font-size: 12px } } @media (max-width: 575px) { body { font-size: 14px } .site-logo img { max-width: 80px } .round-btn, .outline-btn { font-size: 14px; padding: 12px 20px } .outline-btn { padding: 10px 20px } .package-inner-page { padding-bottom: 60px } .inner-banner-wrap { padding-bottom: 55px } .inner-baner-container .inner-banner-content { padding-top: 80px; padding-bottom: 80px } .inner-baner-container .page-title { font-size: 30px } .site-footer { padding-top: 50px } .site-footer .top-footer { padding-bottom: 25px } .site-footer .footer-newsletter input[type="email"] { height: 50px; margin-right: 0 } .site-footer .footer-newsletter button { width: 100%; margin-top: 10px } .site-footer .footer-menu ul li a { font-size: 12px; font-weight: 400 } input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"] { height: 55px } } ul, ol { list-style: none } .destination-item { background-size: cover; background-position: center center; background-repeat: no-repeat } .destination-item a { color: #223645 } .destination-item a:hover { color: #440310 !important } input { min-width: 100% !important; height: 50px } .destination-item { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: flex-end; -moz-align-items: flex-end; -ms-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; border-radius: 25px; min-height: 425px; margin-bottom: 50px } .destination-item .destination-content { background-color: #fff; -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; border-radius: 25px; margin: 20px; padding: 22px 20px; position: relative } .destination-item .cat-link { color: #f99300; display: block; font-size: 13px; margin-bottom: 8px; text-transform: uppercase } .destination-item h3 { text-transform: capitalize; margin-bottom: 6px } .destination-item p:last-child { margin-bottom: 0 } .destination-item .rating-start-wrap { background-color: #f99300; -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; border-radius: 25px; padding: 4px 12px; position: absolute; right: 24px; top: -12px } .destination-item .rating-start-wrap .rating-start:before { color: #c3c3c3 } .destination-item .rating-start-wrap .rating-start span:before { color: #fff } @media screen and (max-width: 575px) { .destination-item { margin-bottom: 30px } } .input-date-picker { display: inline-block; width: 100%; max-width: 250px; padding: 10px 15px; font-size: 16px; line-height: 1.5; color: #333; background-color: #fff; border: 1px solid #e9ecef; border-radius: 8px; box-shadow: 0 2px 5px rgb(0 0 0 / .1); transition: border-color 0.3s ease, box-shadow 0.3s ease; cursor: pointer; pointer-events: auto; user-select: auto } .input-date-picker:hover { border-color: #fd7e14; box-shadow: 0 3px 10px rgb(0 0 0 / .15) } .input-date-picker:focus { outline: none; border-color: #fd7e14; box-shadow: 0 0 0 3px rgb(253 126 20 / .3) } .input-date-picker::placeholder { color: #6c757d; opacity: .7 } .input-date-picker::-webkit-calendar-picker-indicator { cursor: pointer; padding: 5px; margin-left: 5px; background-size: 20px; z-index: 1; pointer-events: auto; opacity: .7; transition: opacity 0.3s ease } .input-date-picker:hover::-webkit-calendar-picker-indicator { opacity: 1 } .input-date-picker:disabled { background-color: #f8f9fa; border-color: #d1d3e2; color: #6c757d; cursor: not-allowed; pointer-events: none } @media screen and (max-width: 575px) { .input-date-picker { max-width: 100%; font-size: 14px; padding: 8px 12px } } .input-date-picker:focus-visible { outline: 2px solid #fd7e14; outline-offset: 2px } h1.text-center { font-size: clamp(1.5rem, 3vw, 2.5rem); text-transform: uppercase; text-align: center; letter-spacing: .05em; font-weight: 700 } h1 { font-size: clamp(1.5rem, 3vw, 2.5rem); text-transform: uppercase; letter-spacing: .05em; font-weight: 700 } h2.text-center { font-size: clamp(1.3rem, 2.5vw, 2rem); text-align: center; letter-spacing: .05em; font-weight: 700 } h2 { font-size: clamp(1.3rem, 2.5vw, 2rem); letter-spacing: .05em; font-weight: 700 } h3.text-center { font-size: clamp(1.1rem, 2vw, 1.75rem); text-align: center; letter-spacing: .05em; font-weight: 700 } h3 { font-size: clamp(1.1rem, 2vw, 1.75rem); letter-spacing: .05em; font-weight: 700 } h4.text-center { font-size: clamp(0.9rem, 1.8vw, 1.5rem); text-align: center; letter-spacing: .05em; font-weight: 600 } h4 { font-size: clamp(0.9rem, 1.8vw, 1.5rem); letter-spacing: .05em; font-weight: 600 } h5.text-center { font-size: clamp(0.8rem, 1.6vw, 1.25rem); text-align: center; letter-spacing: .05em; font-weight: 600 } h5 { font-size: clamp(0.8rem, 1.6vw, 1.25rem); letter-spacing: .05em; font-weight: 600 } h6.text-center { font-size: clamp(0.7rem, 1.4vw, 1rem); text-align: center; letter-spacing: .05em; font-weight: 600 } h6 { font-size: clamp(0.7rem, 1.4vw, 1rem); letter-spacing: .05em; font-weight: 600 } @media (max-width: 768px) { h1.text-center, h1 { font-size: clamp(1.25rem, 2.5vw, 1.75rem) } h2.text-center, h2 { font-size: clamp(1.1rem, 2.2vw, 1.5rem) } h3.text-center, h3 { font-size: clamp(1rem, 2vw, 1.3rem) } h4.text-center, h4 { font-size: clamp(0.85rem, 1.7vw, 1.2rem) } h5.text-center, h5 { font-size: clamp(0.75rem, 1.5vw, 1rem) } h6.text-center, h6 { font-size: clamp(0.65rem, 1.3vw, 0.9rem) } } @media (max-width: 480px) { h1.text-center, h1 { font-size: clamp(1rem, 2vw, 1.25rem); text-transform: none; letter-spacing: normal } h2.text-center, h2 { font-size: clamp(0.9rem, 1.8vw, 1.1rem); text-transform: none; letter-spacing: normal } h3.text-center, h3 { font-size: clamp(0.8rem, 1.6vw, 1rem); text-transform: none; letter-spacing: normal } h4.text-center, h4 { font-size: clamp(0.7rem, 1.4vw, 0.9rem); text-transform: none; letter-spacing: normal } h5.text-center, h5 { font-size: clamp(0.65rem, 1.3vw, 0.8rem); text-transform: none; letter-spacing: normal } h6.text-center, h6 { font-size: clamp(0.6rem, 1.2vw, 0.75rem); text-transform: none; letter-spacing: normal } } main.site-main { padding-top: clamp(60px, 5vw, 60px) } .single-packge-wrap .package-content-detail .package-include ul { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: block; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .single-packge-wrap .package-content-detail .package-include ul li { width: 100% }

Seitsemän huippukokousta | Kummankin mantereen korkeimmat piikit

Seitsemän huippukokousta edustavat lopullista vuorikiipeyshaastetta, joka käsittää korkeimmat huiput jokaisella seitsemällä mantereella. Messner -luettelon perusteella tämä opas vertaa Mount Everestiä, Aconcagua, Denali, Kilimanjaro, Mount Elbrus, Mount Vinson ja Puncak Jaya korkeuden mukaan, sijainti, Vaikeus, kesto, kustannukset ja haasteet, auttavat sinua suunnittelemaan seikkailusi Jaynevy Toursilla, Erityisesti Kilimanjarolle.

Viesti Meille