Atepicker-CALENDAR TD { cyrchwr: pwyntydd; Border-Radius: 50%! Pwysig; Ffin: Dim! Pwysig } .DatePicker-CALENDAR TD.Disabled { Lliw: #CCC; Cyrchwr: heb ei ganiatáu } .DatePicker-CALENDAR TD: Ddim (.Disabled): Hofran { Cefndir: #e6e6e6 } .DatePicker-CALENDAR TD.SELECTED { Cefndir: #007bff; Lliw: #FFF } .whatsapp-button { Swydd: sefydlog; chwith: 20px; gwaelod: 20px; Cefndir-lliw: #25D366; Lliw: #FFF; Padin: 12px 20px 12px 44px; Border-Radius: 50px; Addurno testun: dim; maint ffont: 16px; Pwysau ffont: 700; Arddangos: Flex; Align-Items: Canolfan; cysgod-blwch: 0 2px 5px rgb (0 0 0 / .2); Pontio: cefndir-lliw 0.3s; cefndir-delwedd: url ('data: delwedd/svg+xml; utf8, '); Cefndir-ailadrodd: dim ailadrodd; safle cefndir: Canolfan 12px; maint cefndir: 24px 24px } .whatsapp-button: hofran { Cefndir-lliw: #20b858 } .ating-starp-lap { Arddangos: bloc mewnol; maint ffont: 0 } .ating-cychwyn { Swydd: Perthynas; Lled: 100px; Uchder: 20px; Arddangos: bloc mewnol } .ating-cychwyn :: cyn { Cynnwys: ""; Swydd: Absoliwt; brig: 0; chwith: 0; Lled: 100%; Uchder: 100%; Cefndir: URL ('Data: Delwedd/SVG+XML; UTF8, ') dim ailadrodd; maint cefndir: cynnwys } .Rating-Start Span { Swydd: Absoliwt; brig: 0; chwith: 0; Uchder: 100%; Gorlif: Cudd } rhychwant cychwyn-cychwyn :: cyn { Cynnwys: ""; Swydd: Absoliwt; brig: 0; chwith: 0; Lled: 100px; Uchder: 100%; Cefndir: URL ('Data: Delwedd/SVG+XML; UTF8, ') dim ailadrodd; maint cefndir: cynnwys } .grid.blog-iner { Arddangos: Flex; Flex-Wrap: lapio; Ymyl: 0 -15px } [dosbarth*= "col-md-"] { Swydd: Perthynas; Lled: 100%; Padin: 0 15px; ymyl-gwaelod: 30px; Arddangos: Flex } sgrin @Media a (min-lled: 768px) { .col-md-3 { Flex: 0 0 25%; MAX-WIDTH: 25% } } sgrin @Media a (min-lled: 768px) { .col-md-4 { Flex: 0 0 33.333333%; MAX-WIDTH: 33.333333% } } sgrin @Media a (MAX-WIDTH: 767PX) { [dosbarth*= "col-md-"] { Flex: 0 0 100%; MAX-WIDTH: 100% } } .Post { Arddangos: Flex; Cyfeiriad Flex: Colofn; Uchder: 100%; Cefndir-lliw: #FFF; ffin: 1px solid #e9ecef; Border-Radius: 25px; cysgod-blwch: 0 0 15px rgb (0 0 0 / .1); Gorlif: Cudd; Trosglwyddo: trawsnewid rhwyddineb 0.3s, cysgod blwch 0.3s yn rhwydd } .post: hofran { trawsnewid: cyfieithu (-5px); cysgod-blwch: 0 5px 20px rgb (0 0 0 / .15) } .post .featured-post { Swydd: Perthynas; Gorlif: Cudd } .Post .Featured-Post IMg { Lled: 100%; Uchder: 200px; Ffit gwrthrych: gorchudd; Radius-Left-Left-Radius: 25px; Radius ar y ffin-dde: 25px; Arddangos: bloc; Pontio: trawsnewid rhwyddineb 0.3s } .post: hofran .featured-post img { Trawsnewid: Graddfa (1.05) } .post .post-content { Flex-Grow: 1; Padin: 25px; Arddangos: Flex; Cyfeiriad Flex: Colofn } .post .post-content h3 { maint ffont: 18px; uchder llinell: 1.3; ymyl-waelod: 10px; Gorlif: Cudd; Testun-gorlif: Ellipsis; Arddangos: -WebKit -Box; -WebKit-Box-Orient: Fertigol } .post .post-content p { maint ffont: 14px; Lliw: #6C757D; ymyl-gwaelod: 15px; Gorlif: Cudd; Testun-gorlif: Ellipsis; Arddangos: -WebKit -Box; -WebKit-Box-Orient: Fertigol } .post .post-content .cat-meta a { maint ffont: 12px; Lliw: #223645! Pwysig; Pwysau ffont: 600; Lliw: #0D6EFD; Pontio: lliw 0.3s } .post a { Lliw: #223645 } .post .post-content .cat-meta a: hofran { Lliw: #440310! Pwysig } .post .post-troedfedd { ymyl-top: awto; Padin: 0 15px 15px; Arddangos: Flex; Cyfiawnhau-Content: gofod-rhwng; Align-Items: Canolfan } .post .post-footer .round-btn { maint ffont: 14px; Padin: 8px 20px; Flex: 1; ymyl: 0 5px; Testun-Align: Canolfan; Border-Radius: 20px; Cefndir-lliw: #F99300; Lliw: #440310; Addurno testun: dim; Pontio: cefndir-lliw 0.3s, trawsnewid 0.2s } .post .post-troedfedd .round-btn: hofran { Cefndir-lliw: #440310; Lliw: #FFF; Trawsnewid: cyfieithu (-2px) } sgrin @Media a (MAX-WIDTH: 767PX) { .Post .Featured-Post IMg { Uchder: 180px } .post .post-content h3 { maint ffont: 16px } .post .post-content p { maint ffont: 13px } .post .post-footer .round-btn { maint ffont: 12px; Padin: 6px 15px } } sgrin @Media a (MAX-WIDTH: 575PX) { [dosbarth*= "col-md-"] { ymyl-gwaelod: 20px } .Post .Featured-Post IMg { Uchder: 150px } .post .post-content h3 { maint ffont: 15px } .post .post-content p { maint ffont: 12px } } .post a: ffocws { Amlinelliad: 2px solid #fd7e14; Amlinelliad-Gwrth-: 2px } Mae .fa, .fab, .fad, .Fal, .far, .fas, .ekit-wid-con .fasicon, .ekit-wid-con .icon, .fasicon, .icon { -webkit-font-swoothing: antialiased; -moz-osx-font-llithro: graddfa lwyd; Arddangos: bloc mewnol; uchder llinell: 1; Lled: 16px; Uchder: 16px; maint cefndir: cynnwys; Cefndir-ailadrodd: dim ailadrodd; Align fertigol: canol } .fa-Check { cefndir-delwedd: url ('data: delwedd/svg+xml; utf8, ') } .fa-facebook-f { cefndir-delwedd: url ('data: delwedd/svg+xml; utf8, ') } .fa-instagram { cefndir-delwedd: url ('data: delwedd/svg+xml; utf8, ') } .fa-linkedin { cefndir-delwedd: url ('data: delwedd/svg+xml; utf8, ') } .fa-plus { cefndir-delwedd: url ('data: delwedd/svg+xml; utf8, ') } .fa-amseroedd { cefndir-delwedd: url ('data: delwedd/svg+xml; utf8, ') } .fa-Twitter { cefndir-delwedd: url ('data: delwedd/svg+xml; utf8, ') } .fa-youtube { cefndir-delwedd: url ('data: delwedd/svg+xml; utf8, ') } .icon.icon-evelope1, .ekit-wid-con .fasicon.icon-evelope1, .ekit-wid-con .icon.icon-envelope1 { cefndir-delwedd: url ('data: delwedd/svg+xml; utf8, ') } .icon.icon-arrow-right-cylch, .ekit-wid-con .fasicon.icon-arrow-right-cylch, .ekit-wid-con .icon.icon-arrow-right-cylch { cefndir-delwedd: url ('data: delwedd/svg+xml; utf8, ') } .icon.icon-map-marker1, .ekit-wid-con .fasicon.icon-map-marker1, .ekit-wid-con .icon.icon-map-marker1 { cefndir-delwedd: url ('data: delwedd/svg+xml; utf8, ') } .icon.icon-phone1, .ekit-wid-con .fasicon.icon-phone1, .ekit-wid-con .icon.icon-phone1 { cefndir-delwedd: url ('data: delwedd/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, '); maint cefndir: cynnwys; Cefndir-ailadrodd: dim ailadrodd; Align fertigol: canol; Pontio: trawsnewid 0.4s } .navigation-container ul ul { cefndir: var (-bs-gwyn); Top ffin: 4px solid var (-bs-oren); Swydd: Absoliwt; brig: 100%; chwith: 0; Lled: 250px; Arddangos: Dim; Mynegai Z: 99; Animeiddio: llithro i fyny 0.3s yn rhwyddineb allan } .navigation-container ul ul li { Ffin-waelod: 1px solid #ddd } .navigation-container ul ul li a { Lliw: #333; Arddangos: bloc; Padin: 13px 20px; Pwysau ffont: 600; Trawsnewidiad testun: manteisio; Pontio: pob 0.4s } .navigation-container ul ul li a: hofran { padin-chwith: 30px; Cefndir-lliw: #440310; Lliw: var (-bs-gwyn) } .navigation-container ul ul li.menu-item-ha--plant> a: ar ôl { Cynnwys: ""; Arddangos: bloc mewnol; Lled: 10px; Uchder: 10px; ymyl-chwith: 8px; cefndir-delwedd: url ('data: delwedd/svg+xml; utf8, '); maint cefndir: cynnwys; Cefndir-ailadrodd: dim ailadrodd; Align fertigol: canol } .Mobile-Menu-Container { Arddangos: Dim } .mobile-menu-container .slicknav_menu { Cefndir-lliw: tryloyw! Pwysig; Padin: 0 } .slicknav_btn { Arddangos: Flex; Cyfiawnhau-Content: Canolfan; Cyfeiriad Flex: Row-Reverse; Cefndir: #FFF0; Ffin: Dim; cyrchwr: pwyntydd; Testun-Align: Canolfan; Arddangos: Flex! Pwysig; Cyfiawnhau-Content: Flex-End! Pwysig; Align-Items: Canolfan! Pwysig; Lled: 100%! Pwysig } .mobile-menu-container .slicknav_icon { Lled: 22px; Uchder: 16px; Swydd: Perthynas; Arddangos: bloc mewnol; Testun-Align: Canolfan } .mobile-menu-container .slicknav_menuTxt { Lliw: #440310; Pwysau ffont: 700; maint ffont: 16px; ymyl-dde: 10px; Testun-gysgod: dim; Testun-Align: Canolfan! Pwysig } .mobile-menu-container .slicknav_nav { cefndir-lliw: var (-bs-gwyn); cysgod-blwch: 0 22px 21px rgb (0 0 0 / .1); Arddangos: Dim; Swydd: Absoliwt; brig: 100%; chwith: 0; Lled: 100%; Mynegai Z: 999 } .mobile-menu-container .slicknav_nav ul { Arddull Rhestr: Dim; padin: 0; Ymyl: 0 } .mobile-menu-container .slicknav_nav li { ar y ffin: 1px solid #e6e6e6; Swydd: Perthynas } .mobile-menu-container .slicknav_nav a { Lliw: #440310; Addurno testun: dim; Arddangos: bloc; maint ffont: 16px; Pwysau ffont: 600; Padin: 10px 15px; Pontio: pob 0.3s } .Mobile-Menu-Container .slicknav_nav a: hofran, .mobile-menu-container .slicknav_nav a: ffocws, .mobile-menu-container .slicknav_nav a: gweithredol {gweithredol {gweithredol {gweithredol { Cefndir-lliw: #440310; Lliw: var (-bs-gwyn) } .mobile-menu-container .slicknav_nav ul ul { padin-chwith: 15px; Arddangos: Dim } .mobile-menu-container .slicknav_nav .slicknav_row { Arddangos: Flex; Flex-Wrap: lapio; padin: 0; Ymyl: 0 } .mobile-menu-container .slicknav_nav .slicknav_row> a { Lled: Calc (100% - 45px) } .mobile-menu-container .slicknav_nav .slicknav_row .slicknav_item { Border-Left: 1px solid #e6e6e6; Lled: 45px; Arddangos: Flex; Align-Items: Canolfan; Cyfiawnhau-Content: Canolfan; Padin: 0 } .Mobile-Menu-Container .slicknav_nav .slicknav_arrow { Swydd: Absoliwt; Dde: 15px; <dull> trawsnewid: cyfieithu (-50%); Lled: 16px; Uchder: 16px; cyrchwr: pwyntydd; Lliw: #440310; Pwysau ffont: 700; Testun-Align: Canolfan; uchder llinell: 16px } .mobile-menu-container .slicknav_nav .slicknav_arrow :: ar ôl { Cynnwys: "+"; maint ffont: 16px } .mobile-menu-container .slicknav_nav .slicknav_arrow.open :: ar ôl { Cynnwys: "-" } .slicknav_btn .slicknav_icon rhychwant { cefndir-lliw: var (-bs-gwyn); Arddangos: bloc; Swydd: Absoliwt; Lled: 20px; Uchder: 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% }
Zanzibar vs Mombasa | Cyrchfannau Traeth Arfordirol Gorau Zanzibar , Tanzanian Mae Archipelago, a Mombasa, canolbwynt arfordirol Kenya, yn ddau o brif draeth Dwyrain Affrica cyrchfannau, pob un yn cynnig tywod gwyn, dyfroedd turquoise, a diwylliannau bywiog. Tra bod y ddau Darparu dianc trofannol, maent yn wahanol o ran awyrgylch, gweithgareddau a hygyrchedd. Hyn Mae'r gymhariaeth yn archwilio traethau, costau, llety, gweithgareddau, diwylliant, hygyrchedd, gorau Amser i ymweld, a vibe i'ch helpu chi i ddewis eich gwyliau arfordirol delfrydol.
Neges Ni