@layer properties;
@layer theme, base, components, utilities;
@layer theme {
:root, :host {
--font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
"Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
"Courier New", monospace;
--color-white: #fff;
--spacing: 0.25rem;
--text-4xl: 2.25rem;
--text-4xl--line-height: calc(2.5 / 2.25);
--ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
--default-transition-duration: 150ms;
--default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
--default-font-family: var(--font-sans);
--default-mono-font-family: var(--font-mono);
}
}
@layer base {
*, ::after, ::before, ::backdrop, ::file-selector-button {
box-sizing: border-box;
margin: 0;
padding: 0;
border: 0 solid;
}
html, :host {
line-height: 1.5;
-webkit-text-size-adjust: 100%;
tab-size: 4;
font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
font-feature-settings: var(--default-font-feature-settings, normal);
font-variation-settings: var(--default-font-variation-settings, normal);
-webkit-tap-highlight-color: transparent;
}
hr {
height: 0;
color: inherit;
border-top-width: 1px;
}
abbr:where([title]) {
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
}
h1, h2, h3, h4, h5, h6 {
font-size: inherit;
font-weight: inherit;
}
a {
color: inherit;
-webkit-text-decoration: inherit;
text-decoration: inherit;
}
b, strong {
font-weight: bolder;
}
code, kbd, samp, pre {
font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
font-feature-settings: var(--default-mono-font-feature-settings, normal);
font-variation-settings: var(--default-mono-font-variation-settings, normal);
font-size: 1em;
}
small {
font-size: 80%;
}
sub, sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
table {
text-indent: 0;
border-color: inherit;
border-collapse: collapse;
}
:-moz-focusring {
outline: auto;
}
progress {
vertical-align: baseline;
}
summary {
display: list-item;
}
ol, ul, menu {
list-style: none;
}
img, svg, video, canvas, audio, iframe, embed, object {
display: block;
vertical-align: middle;
}
img, video {
max-width: 100%;
height: auto;
}
button, input, select, optgroup, textarea, ::file-selector-button {
font: inherit;
font-feature-settings: inherit;
font-variation-settings: inherit;
letter-spacing: inherit;
color: inherit;
border-radius: 0;
background-color: transparent;
opacity: 1;
}
:where(select:is([multiple], [size])) optgroup {
font-weight: bolder;
}
:where(select:is([multiple], [size])) optgroup option {
padding-inline-start: 20px;
}
::file-selector-button {
margin-inline-end: 4px;
}
::placeholder {
opacity: 1;
}
@supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {
::placeholder {
color: currentcolor;
@supports (color: color-mix(in lab, red, red)) {
color: color-mix(in oklab, currentcolor 50%, transparent);
}
}
}
textarea {
resize: vertical;
}
::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-date-and-time-value {
min-height: 1lh;
text-align: inherit;
}
::-webkit-datetime-edit {
display: inline-flex;
}
::-webkit-datetime-edit-fields-wrapper {
padding: 0;
}
::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
padding-block: 0;
}
::-webkit-calendar-picker-indicator {
line-height: 1;
}
:-moz-ui-invalid {
box-shadow: none;
}
button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {
appearance: button;
}
::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
height: auto;
}
[hidden]:where(:not([hidden="until-found"])) {
display: none !important;
}
}
@layer utilities {
.absolute {
position: absolute;
}
.relative {
position: relative;
}
.bottom-\[5\%\] {
bottom: 5%;
}
.left-\[50\%\] {
left: 50%;
}
.z-10 {
z-index: 10;
}
.z-20 {
z-index: 20;
}
.z-50 {
z-index: 50;
}
.mx-auto {
margin-inline: auto;
}
.my-\[2rem\] {
margin-block: 2rem;
}
.mt-\[\.56rem\] {
margin-top: .56rem;
}
.mt-\[1\.5rem\] {
margin-top: 1.5rem;
}
.mt-\[1rem\] {
margin-top: 1rem;
}
.mt-\[2\.5rem\] {
margin-top: 2.5rem;
}
.mt-\[2rem\] {
margin-top: 2rem;
}
.mt-\[3\.25rem\] {
margin-top: 3.25rem;
}
.mt-\[3\.125rem\] {
margin-top: 3.125rem;
}
.mt-\[3rem\] {
margin-top: 3rem;
}
.mt-\[4rem\] {
margin-top: 4rem;
}
.mt-\[5rem\] {
margin-top: 5rem;
}
.mb-\[1\.5rem\] {
margin-bottom: 1.5rem;
}
.mb-\[1rem\] {
margin-bottom: 1rem;
}
.mb-\[2\.5rem\] {
margin-bottom: 2.5rem;
}
.mb-\[2rem\] {
margin-bottom: 2rem;
}
.mb-\[3rem\] {
margin-bottom: 3rem;
}
.mb-\[4rem\] {
margin-bottom: 4rem;
}
.block {
display: block;
}
.flex {
display: flex;
}
.hidden {
display: none;
}
.\!h-\[1rem\] {
height: 1rem !important;
}
.\!h-full {
height: 100% !important;
}
.h-full {
height: 100%;
}
.\!w-full {
width: 100% !important;
}
.w-\[1rem\] {
width: 1rem;
}
.w-auto {
width: auto;
}
.w-full {
width: 100%;
}
.flex-1 {
flex: 1;
}
.grow {
flex-grow: 1;
}
.translate-x-\[-50\%\] {
--tw-translate-x: -50%;
translate: var(--tw-translate-x) var(--tw-translate-y);
}
.transform {
transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
}
.cursor-pointer {
cursor: pointer;
}
.resize {
resize: both;
}
.flex-col {
flex-direction: column;
}
.flex-wrap {
flex-wrap: wrap;
}
.items-center {
align-items: center;
}
.items-start {
align-items: flex-start;
}
.justify-between {
justify-content: space-between;
}
.justify-center {
justify-content: center;
}
.justify-end {
justify-content: flex-end;
}
.justify-start {
justify-content: flex-start;
}
.gap-\[\.5rem\] {
gap: .5rem;
}
.gap-\[\.625rem\] {
gap: .625rem;
}
.gap-\[1\.5rem\] {
gap: 1.5rem;
}
.gap-\[1\.15rem\] {
gap: 1.15rem;
}
.gap-\[1\.25rem\] {
gap: 1.25rem;
}
.gap-\[2rem\] {
gap: 2rem;
}
.gap-\[3\%\] {
gap: 3%;
}
.gap-\[3rem\] {
gap: 3rem;
}
.gap-\[4rem\] {
gap: 4rem;
}
.gap-\[6\%\] {
gap: 6%;
}
.gap-\[7px\] {
gap: 7px;
}
.gap-\[15\%\] {
gap: 15%;
}
.gap-\[15px\] {
gap: 15px;
}
.gap-y-\[1\.5rem\] {
row-gap: 1.5rem;
}
.gap-y-\[2\.5rem\] {
row-gap: 2.5rem;
}
.gap-y-\[2\.87rem\] {
row-gap: 2.87rem;
}
.gap-y-\[2rem\] {
row-gap: 2rem;
}
.gap-y-\[3rem\] {
row-gap: 3rem;
}
.gap-y-\[4rem\] {
row-gap: 4rem;
}
.gap-y-\[50px\] {
row-gap: 50px;
}
.overflow-hidden {
overflow: hidden;
}
.object-contain {
object-fit: contain;
}
.object-cover {
object-fit: cover;
}
.p-\[1\.5rem\] {
padding: 1.5rem;
}
.p-\[1\.25rem\] {
padding: 1.25rem;
}
.px-\[\.8rem\] {
padding-inline: .8rem;
}
.px-\[4rem\] {
padding-inline: 4rem;
}
.px-\[20px\] {
padding-inline: 20px;
}
.py-\[1\.5rem\] {
padding-block: 1.5rem;
}
.py-\[1\.25rem\] {
padding-block: 1.25rem;
}
.py-\[2rem\] {
padding-block: 2rem;
}
.py-\[3rem\] {
padding-block: 3rem;
}
.py-\[4rem\] {
padding-block: 4rem;
}
.py-\[brem\] {
padding-block: brem;
}
.pt-\[2rem\] {
padding-top: 2rem;
}
.pt-\[3rem\] {
padding-top: 3rem;
}
.pt-\[8rem\] {
padding-top: 8rem;
}
.pb-\[1rem\] {
padding-bottom: 1rem;
}
.pb-\[3rem\] {
padding-bottom: 3rem;
}
.pb-\[4rem\] {
padding-bottom: 4rem;
}
.pb-\[5rem\] {
padding-bottom: 5rem;
}
.pb-\[7rem\] {
padding-bottom: 7rem;
}
.pl-\[1\.25rem\] {
padding-left: 1.25rem;
}
.text-center {
text-align: center;
}
.text-justify {
text-align: justify;
}
.text-4xl {
font-size: var(--text-4xl);
line-height: var(--tw-leading, var(--text-4xl--line-height));
}
.\!text-white {
color: var(--color-white) !important;
}
.text-white {
color: var(--color-white);
}
.\!capitalize {
text-transform: capitalize !important;
}
.italic {
font-style: italic;
}
.ring {
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.transition-all {
transition-property: all;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-transform {
transition-property: transform, translate, scale, rotate;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.duration-300 {
--tw-duration: 300ms;
transition-duration: 300ms;
}
.ease-in-out {
--tw-ease: var(--ease-in-out);
transition-timing-function: var(--ease-in-out);
}
.md\:mt-\[4rem\] {
@media (width >= 48rem) {
margin-top: 4rem;
}
}
.md\:mb-\[6rem\] {
@media (width >= 48rem) {
margin-bottom: 6rem;
}
}
.md\:mb-\[8rem\] {
@media (width >= 48rem) {
margin-bottom: 8rem;
}
}
.md\:block {
@media (width >= 48rem) {
display: block;
}
}
.md\:hidden {
@media (width >= 48rem) {
display: none;
}
}
.md\:flex-row {
@media (width >= 48rem) {
flex-direction: row;
}
}
.md\:justify-between {
@media (width >= 48rem) {
justify-content: space-between;
}
}
.md\:justify-normal {
@media (width >= 48rem) {
justify-content: normal;
}
}
.md\:gap-0 {
@media (width >= 48rem) {
gap: calc(var(--spacing) * 0);
}
}
.md\:gap-\[1rem\] {
@media (width >= 48rem) {
gap: 1rem;
}
}
.md\:py-\[4\.6rem\] {
@media (width >= 48rem) {
padding-block: 4.6rem;
}
}
.md\:py-\[6\.25rem\] {
@media (width >= 48rem) {
padding-block: 6.25rem;
}
}
.md\:py-\[6rem\] {
@media (width >= 48rem) {
padding-block: 6rem;
}
}
.md\:py-\[7rem\] {
@media (width >= 48rem) {
padding-block: 7rem;
}
}
.md\:py-\[8rem\] {
@media (width >= 48rem) {
padding-block: 8rem;
}
}
.md\:pt-\[5rem\] {
@media (width >= 48rem) {
padding-top: 5rem;
}
}
.md\:pt-\[6rem\] {
@media (width >= 48rem) {
padding-top: 6rem;
}
}
.md\:pt-\[10rem\] {
@media (width >= 48rem) {
padding-top: 10rem;
}
}
.md\:pb-\[5\.6rem\] {
@media (width >= 48rem) {
padding-bottom: 5.6rem;
}
}
.md\:pb-\[6rem\] {
@media (width >= 48rem) {
padding-bottom: 6rem;
}
}
.md\:text-left {
@media (width >= 48rem) {
text-align: left;
}
}
.lg\:justify-end {
@media (width >= 64rem) {
justify-content: flex-end;
}
}
.lg\:px-\[3rem\] {
@media (width >= 64rem) {
padding-inline: 3rem;
}
}
.lg\:px-\[6rem\] {
@media (width >= 64rem) {
padding-inline: 6rem;
}
}
}
@font-face {
font-family: 'Arial';
src: url(//157.230.232.125/wp-content/themes/rot/assets/fonts/arial/Arial-ItalicMT.eot);
src: url(//157.230.232.125/wp-content/themes/rot/assets/fonts/arial/Arial-ItalicMT.eot?#iefix) format('embedded-opentype'), url(//157.230.232.125/wp-content/themes/rot/assets/fonts/arial/Arial-ItalicMT.woff2) format('woff2'), url(//157.230.232.125/wp-content/themes/rot/assets/fonts/arial/Arial-ItalicMT.woff) format('woff'), url(//157.230.232.125/wp-content/themes/rot/assets/fonts/arial/Arial Italic.ttf) format('truetype'), url(//157.230.232.125/wp-content/themes/rot/assets/fonts/arial/Arial-ItalicMT.svg#Arial-ItalicMT) format('svg');
font-weight: normal;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Baskerville';
src: url(//157.230.232.125/wp-content/themes/rot/assets/fonts/baskerville/Baskerville.eot);
src: url(//157.230.232.125/wp-content/themes/rot/assets/fonts/baskerville/Baskerville.eot?#iefix) format('embedded-opentype'), url(//157.230.232.125/wp-content/themes/rot/assets/fonts/baskerville/Baskerville.woff2) format('woff2'), url(//157.230.232.125/wp-content/themes/rot/assets/fonts/baskerville/Baskerville.woff) format('woff'), url(//157.230.232.125/wp-content/themes/rot/assets/fonts/baskerville/Baskerville.svg#Baskerville) format('svg');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Baskerville';
src: url(//157.230.232.125/wp-content/themes/rot/assets/fonts/baskerville/Baskerville-Bold.eot);
src: url(//157.230.232.125/wp-content/themes/rot/assets/fonts/baskerville/Baskerville-Bold.eot?#iefix) format('embedded-opentype'), url(//157.230.232.125/wp-content/themes/rot/assets/fonts/baskerville/Baskerville-Bold.woff2) format('woff2'), url(//157.230.232.125/wp-content/themes/rot/assets/fonts/baskerville/Baskerville-Bold.woff) format('woff'), url(//157.230.232.125/wp-content/themes/rot/assets/fonts/baskerville/Baskerville-Bold.svg#Baskerville-Bold) format('svg');
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Baskerville';
src: url(//157.230.232.125/wp-content/themes/rot/assets/fonts/baskerville/Baskerville-Italic.eot);
src: url(//157.230.232.125/wp-content/themes/rot/assets/fonts/baskerville/Baskerville-Italic.eot?#iefix) format('embedded-opentype'), url(//157.230.232.125/wp-content/themes/rot/assets/fonts/baskerville/Baskerville-Italic.woff2) format('woff2'), url(//157.230.232.125/wp-content/themes/rot/assets/fonts/baskerville/Baskerville-Italic.woff) format('woff'), url(//157.230.232.125/wp-content/themes/rot/assets/fonts/baskerville/Baskerville-Italic.svg#Baskerville-Italic) format('svg');
font-weight: normal;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Baskerville';
src: url(//157.230.232.125/wp-content/themes/rot/assets/fonts/baskerville/Baskerville-BoldItalic.eot);
src: url(//157.230.232.125/wp-content/themes/rot/assets/fonts/baskerville/Baskerville-BoldItalic.eot?#iefix) format('embedded-opentype'), url(//157.230.232.125/wp-content/themes/rot/assets/fonts/baskerville/Baskerville-BoldItalic.woff2) format('woff2'), url(//157.230.232.125/wp-content/themes/rot/assets/fonts/baskerville/Baskerville-BoldItalic.woff) format('woff'), url(//157.230.232.125/wp-content/themes/rot/assets/fonts/baskerville/Baskerville-BoldItalic.svg#Baskerville-BoldItalic) format('svg');
font-weight: bold;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Baskerville';
src: url(//157.230.232.125/wp-content/themes/rot/assets/fonts/baskerville/Baskerville-SemiBold.eot);
src: url(//157.230.232.125/wp-content/themes/rot/assets/fonts/baskerville/Baskerville-SemiBold.eot?#iefix) format('embedded-opentype'), url(//157.230.232.125/wp-content/themes/rot/assets/fonts/baskerville/Baskerville-SemiBold.woff2) format('woff2'), url(//157.230.232.125/wp-content/themes/rot/assets/fonts/baskerville/Baskerville-SemiBold.woff) format('woff'), url(//157.230.232.125/wp-content/themes/rot/assets/fonts/baskerville/Baskerville-SemiBold.svg#Baskerville-SemiBold) format('svg');
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Baskerville';
src: url(//157.230.232.125/wp-content/themes/rot/assets/fonts/baskerville/Baskerville-SemiBoldItalic.eot);
src: url(//157.230.232.125/wp-content/themes/rot/assets/fonts/baskerville/Baskerville-SemiBoldItalic.eot?#iefix) format('embedded-opentype'), url(//157.230.232.125/wp-content/themes/rot/assets/fonts/baskerville/Baskerville-SemiBoldItalic.woff2) format('woff2'), url(//157.230.232.125/wp-content/themes/rot/assets/fonts/baskerville/Baskerville-SemiBoldItalic.woff) format('woff'), url(//157.230.232.125/wp-content/themes/rot/assets/fonts/baskerville/Baskerville-SemiBoldItalic.svg#Baskerville-SemiBoldItalic) format('svg');
font-weight: 600;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Baskerville';
src: url(//157.230.232.125/wp-content/themes/rot/assets/fonts/baskerville/Baskerville-Normal.eot);
src: url(//157.230.232.125/wp-content/themes/rot/assets/fonts/baskerville/Baskerville-Normal.eot?#iefix) format('embedded-opentype'), url(//157.230.232.125/wp-content/themes/rot/assets/fonts/baskerville/Baskerville-Normal.woff2) format('woff2'), url(//157.230.232.125/wp-content/themes/rot/assets/fonts/baskerville/Baskerville-Normal.woff) format('woff'), url(//157.230.232.125/wp-content/themes/rot/assets/fonts/baskerville/Baskerville-Normal.ttf) format('truetype'), url(//157.230.232.125/wp-content/themes/rot/assets/fonts/baskerville/Baskerville-Normal.svg#Baskerville-Normal) format('svg');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Californian FB';
src: url(//157.230.232.125/wp-content/themes/rot/assets/fonts/californianfb/CalifornianFB-Bold.eot);
src: url(//157.230.232.125/wp-content/themes/rot/assets/fonts/californianfb/CalifornianFB-Bold.eot?#iefix) format('embedded-opentype'), url(//157.230.232.125/wp-content/themes/rot/assets/fonts/californianfb/CalifornianFB-Bold.woff2) format('woff2'), url(//157.230.232.125/wp-content/themes/rot/assets/fonts/californianfb/CalifornianFB-Bold.woff) format('woff'), url(//157.230.232.125/wp-content/themes/rot/assets/fonts/californianfb/CalifornianFB-Bold.ttf) format('truetype'), url(//157.230.232.125/wp-content/themes/rot/assets/fonts/californianfb/CalifornianFB-Bold.svg#CalifornianFB-Bold) format('svg');
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Californian FB';
src: url(//157.230.232.125/wp-content/themes/rot/assets/fonts/californianfb/CalifornianFB-Reg.eot);
src: url(//157.230.232.125/wp-content/themes/rot/assets/fonts/californianfb/CalifornianFB-Reg.eot?#iefix) format('embedded-opentype'), url(//157.230.232.125/wp-content/themes/rot/assets/fonts/californianfb/CalifornianFB-Reg.woff2) format('woff2'), url(//157.230.232.125/wp-content/themes/rot/assets/fonts/californianfb/CalifornianFB-Reg.woff) format('woff'), url(//157.230.232.125/wp-content/themes/rot/assets/fonts/californianfb/CalifornianFB-Reg.ttf) format('truetype'), url(//157.230.232.125/wp-content/themes/rot/assets/fonts/californianfb/CalifornianFB-Reg.svg#CalifornianFB-Reg) format('svg');
font-weight: 600 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Rainmaker Script';
src: url(//157.230.232.125/wp-content/themes/rot/assets/fonts/rainmakerscript/RainmakerScript-Regular.eot);
src: url(//157.230.232.125/wp-content/themes/rot/assets/fonts/rainmakerscript/RainmakerScript-Regular.eot?#iefix) format('embedded-opentype'), url(//157.230.232.125/wp-content/themes/rot/assets/fonts/rainmakerscript/RainmakerScript-Regular.woff2) format('woff2'), url(//157.230.232.125/wp-content/themes/rot/assets/fonts/rainmakerscript/RainmakerScript-Regular.woff) format('woff'), url(//157.230.232.125/wp-content/themes/rot/assets/fonts/rainmakerscript/RainmakerScript-Regular.ttf) format('truetype'), url(//157.230.232.125/wp-content/themes/rot/assets/fonts/rainmakerscript/RainmakerScript-Regular.svg#RainmakerScript-Regular) format('svg');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Rainmaker Script';
src: url(//157.230.232.125/wp-content/themes/rot/assets/fonts/rainmakerscript/RainmakerScript-Bold.eot);
src: url(//157.230.232.125/wp-content/themes/rot/assets/fonts/rainmakerscript/RainmakerScript-Bold.eot?#iefix) format('embedded-opentype'), url(//157.230.232.125/wp-content/themes/rot/assets/fonts/rainmakerscript/RainmakerScript-Bold.woff2) format('woff2'), url(//157.230.232.125/wp-content/themes/rot/assets/fonts/rainmakerscript/RainmakerScript-Bold.woff) format('woff'), url(//157.230.232.125/wp-content/themes/rot/assets/fonts/rainmakerscript/RainmakerScript-Bold.ttf) format('truetype'), url(//157.230.232.125/wp-content/themes/rot/assets/fonts/rainmakerscript/RainmakerScript-Bold.svg#RainmakerScript-Bold) format('svg');
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Urbane';
src: url(//157.230.232.125/wp-content/themes/rot/assets/fonts/urbane/Urbane-Light.eot);
src: url(//157.230.232.125/wp-content/themes/rot/assets/fonts/urbane/Urbane-Light.eot?#iefix) format('embedded-opentype'), url(//157.230.232.125/wp-content/themes/rot/assets/fonts/urbane/Urbane-Light.woff2) format('woff2'), url(//157.230.232.125/wp-content/themes/rot/assets/fonts/urbane/Urbane-Light.woff) format('woff'), url(//157.230.232.125/wp-content/themes/rot/assets/fonts/urbane/Urbane-Light.ttf) format('truetype'), url(//157.230.232.125/wp-content/themes/rot/assets/fonts/urbane/Urbane-Light.svg#Urbane-Light) format('svg');
font-weight: 300;
font-style: normal;
font-display: swap;
}
:root {
--site-primary-color: #293F56;
--site-secondary-color: #CEB07F;
--site-white-color: #ffffff;
}
html, body {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: 'Baskerville', sans-serif;
}
body {
-webkit-font-smoothing: antialiased;
font-weight: 500;
color: var(--site-primary-color); }
html {
font-size: 100%;
}
.overflow-hidden {
overflow: hidden !important;
}
h1, h2, h3, h4{
font-family: 'Californian FB', sans-serif;
}
.base-container {
width: 100%;
max-width: 80%;
margin: 0 auto;
}
@media (min-width: 768px) {
.base-container2{
max-width: 80%;
}
}
@media (min-width: 1366px) {
.base-container {
max-width: 68%;
}
}
@media (min-width: 1600px) {
.base-container {
max-width: 65%;
}
}
.char {
display: inline-block;
}
.tl-height-screen {
height: 100vh;
height: 100svh;
}
.banner-headline {
font-family: 'Californian FB' , sans-serif;
font-size: 2.8rem;
font-weight: 700;
line-height: 1.1;
text-transform: uppercase;
}
.custom-center-text {
text-align: justify;
text-align-last: center;
}
.section-headline {
font-family: 'Californian FB' , sans-serif;
font-size: 2.625rem;
font-weight: 500;
line-height: .8;
}
.year-text.section-headline{
margin-bottom: -1.3rem;
}
.banner-description {
font-size: 1.18rem;
font-family: 'Baskerville', sans-serif;
font-weight: 400;
line-height: 1.2;
color: var(--site-white-color);
}
.section-description, .section-description p,
.elementor-widget-text-editor li {
font-weight: 400;
font-style: normal;
font-size: 1rem;
line-height: 1.2rem;
color: #2D304E;
font-family: 'Baskerville', sans-serif;
}
.elementor-widget-text-editor ol li{
list-style: auto;
margin-left: 2rem;
margin-bottom: 1rem;
}
.banner-headline span, .section-headline span, .curve-text {
font-family: 'Rainmaker Script', sans-serif;
font-size: 5.4rem;
font-weight: 600;
color: var(--site-secondary-color);
line-height: 1.2;
text-transform: initial;
margin-left: 1rem;
}
.section-btn a, .section-btn button, body.single-post .section-btn a {
font-family: 'Baskerville', sans-serif;
font-weight: 500;
font-style: normal;
font-size: .93rem;
line-height: 1.1;
text-transform: uppercase;
color: var(--site-white-color);
display: flex;
align-items: center;
justify-content: center;
gap: 1.25rem;
padding: .7rem 1.3rem;
letter-spacing: 1.5px;
border-radius: 4.25rem;
border: 1px solid var(--site-primary-color);
background: var(--site-primary-color);
transition: all .4s ease-in-out;
text-align: center;
min-width: 11.56rem;
}
.section-btn a:hover, .section-btn button:hover, body.single-post .section-btn a:hover {
color: var(--site-primary-color);
background: var(--site-white-color);
border: 1px solid var(--site-primary-color);
transition: all .4s ease-in-out;
}
.contact-form-wrapper .wpforms-submit-container button,
button.section-btn{
font-family: 'Baskerville', sans-serif !important;
font-weight: 500 !important;
font-style: normal !important;
font-size: .93rem !important;
line-height: 1.1 !important;
text-transform: uppercase !important;
color: var(--site-white-color) !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
gap: 1.25rem !important;
padding: .7rem 1.3rem !important;
letter-spacing: 1.5px !important;
border-radius: 4.25rem !important;
border: 1px solid var(--site-primary-color) !important;
background: var(--site-primary-color) !important;
transition: all .4s ease-in-out !important;
text-align: center !important;
min-width: 11.56rem !important;
}
.contact-form-wrapper .wpforms-submit-container button:hover{
color: var(--site-primary-color) !important;
background: var(--site-white-color) !important;
border: 1px solid var(--site-primary-color) !important;
transition: all .4s ease-in-out !important;
}
.rot-services-form .wpforms-field-container,
.rot-services-form .wpforms-submit-container{
display: flex;
justify-content: center;
width: 100%;
gap: 25px;
flex-wrap: wrap;
}
.rot-services-form .input-field{
max-width: 300px;
flex: 0 0 300px;
}
.rot-services-form .input-field input{
background: transparent !important;
border: 1px solid white !important;
border-top: none !important;
}
.rot-services-form button{
margin-top: 30px !important;
}
.site-btn-two {
background-color: var(--site-secondary-color) !important;
color: var(--site-primary-color) !important;
padding: .25rem 1rem !important;
border-radius: 50px !important;
text-transform: uppercase !important;
transition: all .4s ease-in-out !important;
cursor: pointer !important;
}
.site-btn-two:hover {
transition: all .4s ease-in-out !important;
background-color: var(--site-white-color) !important;
}
@media (min-width: 1366px) {
html {
font-size: 105%;
}
}
@media (min-width: 1440px) {
html {
font-size: 110%;
}
}
@media (min-width: 1600px) {
html {
font-size: 115%;
}
}
@media (min-width: 1921) {
html {
font-size: 120%;
}
}
@media (min-width: 2501) {
html {
font-size: 125%;
}
}
@media (min-width: 3001) {
html {
font-size: 130%;
}
}
@media (max-width: 1100px) {
.base-container {
padding-left: 20px;
padding-right: 20px;
max-width: 100%;
}
}
@media (max-width: 768px) {
.base-container {
padding-left: 20px;
padding-right: 20px;
}
.section-headline-two {
font-size: 2.5rem;
}
.section-description, .section-description p {
font-size: 16px;
line-height: 23px;
}
.section-headline {
font-size: 3rem;
line-height: 1.2;
}
.banner-headline span, .section-headline span, .curve-text {
font-size: 3.4rem;
}
.blog-banner-content .banner-headline {
font-size: 1.8rem;
padding: 0 10px;
}
.wd-mobile-hide{
display: none;
}
}
@media (max-width: 600px) {
.section-headline {
font-size: 2.3rem;
line-height: 1.2;
}
.section-description, .section-description p {
font-size: 14px;
line-height: 23px;
}
.banner-sub-headline {
font-size: 23px;
line-height: 1.2;
margin-top: 30px;
}
}
.site-header {
position: absolute;
width: 100%;
left: 0;
top: 0;
z-index: 100;
transition: background-color 0.3s ease, padding 0.3s ease, box-shadow 0.3s ease;
}
.site-header.is-sticky {
position: fixed !important;
top: 0 !important;
left: 0;
width: 100%;
background-color: rgba(255, 255, 255, 0.95) !important;
backdrop-filter: blur(10px);
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
padding-top: 0.75rem !important;
padding-bottom: 0.75rem !important;
}
.site-header.is-sticky .site-nav ul li a {
color: var(--site-primary-color) !important;
}
.site-logo {
width: auto;
height: 3.87rem;
}
.site-nav ul {
gap: 2.18rem;
}
.site-nav ul li a {
font-weight: 600;
font-size: .9rem;
line-height: 1.1;
text-transform: uppercase;
font-family: 'Californian FB', sans-serif;
position: relative;
color: var(--site-white-color);
}
body.home .site-nav ul li a {
color: var(--site-primary-color);
}
body.destination-single ul li a {
color: var(--site-primary-color);
}
body.contact-page ul li a {
color: var(--site-primary-color);
}
body.dark-header ul li a,
body.error404 ul li a{
color: var(--site-primary-color);
}
.site-nav ul li {
position: relative;
z-index: 20;
}
.site-nav ul li a::after {
content: "";
position: absolute;
left: 0;
bottom: -10px;
width: 0;
height: 1px;
background-color: var(--site-secondary-color);
transition: all 0.4s ease-in-out;
}
.site-nav ul li a:hover::after {
width: 100%;
transition: all 0.4s ease-in-out;
}
.mobile-hamburger {
cursor: pointer;
position: relative;
z-index: 50;
}
.mobile-hamburger.active {
z-index: 999;
}
.mobile-hamburger.active span:nth-child(2) {
display: none;
}
.mobile-hamburger.active span:nth-child(1) {
transform: rotate(45deg);
transition: .5s ease-in-out;
}
.mobile-hamburger.active span:nth-child(3) {
transform: rotate(135deg) translate(-5px, 5px);
transition: .5s ease-in-out;
}
.mobile-hamburger span {
display: block;
width: 32px;
height: 1px;
}
.mobile-hamburger span {
background-color: var(--site-secondary-color);
}
.mobile-hamburger span:nth-child(2) {
width: 22px;
}
.mobile-menu-wrapper {
top: 0px;
left: 0px;
right: 0px;
z-index: 99;
overflow: hidden;
height: 0px;
position: fixed;
width: 100%;
}
.mobile-menu-wrapper.active {
height: 100dvh;
background: var(--site-white-color);
}
.mobile-menu {
z-index: 9;
position: absolute;
bottom: 0;
left: 0;
right: 0;
width: 100%;
transition: min-height .5s ease-out 1s, height .5s ease-out 1s;
}
.mobile-menu.active {
min-height: calc(100dvh - 110px);
height: 100%;
transition: min-height .5s ease-in-out 0s, height .5s ease-in-out 0s;
}
.menu-content {
opacity: 0;
visibility: hidden;
transition: .5s ease-out;
}
.mobile-menu.active .menu-content {
opacity: 1;
visibility: visible;
transition: .8s ease-in-out 1s;
}
.mobile-menu ul {
padding: 110px 20px 10px;
width: 100%;
}
.mobile-menu ul li a {
font-size: 20px;
font-weight: 600;
line-height: 1.2;
text-align: left;
text-transform: uppercase;
color: var(--site-bg-color);
}
.mobile-menu .mobile-menu-contact {
position: absolute;
bottom: 10%;
left: 50%;
transform: translatex(-50%);
color: #a3a3a3;
display: flex;
align-items: center;
justify-content: center;
}
.mobile-menu .mobile-close {
background: var(--site-bg-color);
width: 80px;
height: 80px;
display: flex;
justify-content: center;
position: absolute;
top: 0;
right: 0;
z-index: 20;
}
.mobile-nav ul li ul {
padding: 0 0 30px 0 !important;
padding: 10px 0;
}
.mobile-nav ul li ul li a {
font-size: 18px;
font-weight: 400;
color: var(--site-bg-color) !important;
padding: 10px 0 10px 30px !important;
}
.site-footer {
background-color: var(--site-primary-color);
}
.site-footer-logo {
height: 4.43rem;
width: auto;
}
.footer-subscribe .site-btn-two {
font-size: .85rem !important;
line-height: .9rem !important;
}
footer .footer-subscribe input {
display: block !important;
width: 100% !important;
background: transparent !important;
border: none !important;
border-bottom: 1px solid var(--site-secondary-color) !important;
font-size: .65rem !important;
color: var(--site-white-color) !important;
outline: none !important;
box-sizing: border-box !important;
padding-bottom: 2px !important;
margin-bottom: .8rem !important;
font-family: 'Arial', sans-serif !important;
max-width: 100% !important;
}
footer .footer-subscribe::placeholder {
color: rgba(255, 255, 255, 0.55) !important;
font-style: italic !important;
}
footer .footer-subscribe:focus {
border-bottom-color: rgba(255, 255, 255, 0.7) !important;
}
footer .footer-subscribe .wpforms-submit-container{
padding-top: 0 !important;
}
footer .footer-subscribe .wpforms-field-email{
padding: 0 !important;
}
footer div.wpforms-container-full{
padding: 0 !important;
margin: 0 !important;
}
.footer-navigation nav ul li a {
color: var(--site-white-color);
font-size: .8rem;
line-height: 1.12rem;
text-transform: uppercase;
}
.single-social a {
height: 1rem;
width: auto;
display: block;
transition: .3s ease-in-out;
}
.footer-partner-logo a {
width: auto;
height: 1.8rem;
display: block;
transition: .3s ease-in-out;
}
.single-social a:hover, .footer-partner-logo a:hover {
transform: scale(1.1);
filter: contrast(0.5);
}
.footer-top {
justify-content: space-between;
}
.footer-top-left,
.footer-nav-wrapper{
display: flex;
gap: 3rem;
flex-wrap: wrap;
}
@media (max-width: 1024px) {
.footer-top-left,
.footer-nav-wrapper{
gap: 1.2rem;
}
}
@media (max-width: 768px) {
.footer-bottom, .footer-top {
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
}
.footer-top-left,
.footer-nav-wrapper{
flex-direction: column;
align-items: center;
}
.footer-nav-wrapper{
margin-bottom: 30px;
}
}
.home-banner {
background: url(//157.230.232.125/wp-content/themes/rot/assets/images/Main Hero.webp);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
@media (min-width: 768px) {
body.home .site-header, body.home.elementor-page .site-header, body.home.elementor-editor-active .site-header, body.home.elementor-editor-preview .site-header {
top: calc(100vh - var(--header-height, 90px));
top: calc(100svh - var(--header-height, 90px));
}
body.home .home-banner, body.home.elementor-page .home-banner, body.home.elementor-editor-active .home-banner, body.home.elementor-editor-preview .home-banner {
height: calc(100vh - var(--header-height, 90px));
height: calc(100svh - var(--header-height, 90px));
}
body.home.logged-in .site-header {
top: calc(100svh - 5rem);
}
body.elementor-page .site-header .header-menu {
display: block !important;
}
body.elementor-page .site-header .mobile-hamburger {
display: none !important;
}
}
.home-banner-inner {
display: flex;
flex-direction: column;
justify-content: center;
}
.banner-logo {
height: 5.5rem;
width: auto;
}
.home-banner-inner .banner-texts {
margin-bottom: 8.4rem;
margin-top: 1.5rem;
}
.home-banner-inner .banner-texts .curve-text {
position: absolute;
left: 50%;
bottom: -1.8rem;
margin: 0;
z-index: 10;
transform: translateX(-50%);
font-size: 3.5rem;
}
@media (max-width: 768px) {
.home-banner-inner .banner-texts .curve-text {
bottom: -25px;
}
}
.key-traveling .section-headline span {
font-size: 3.56rem;
}
.key-traveling-top-left {
max-width: 42.15%;
flex: 0 0 42.15%;
}
.key-traveling-bottom-right {
max-width: 45.85%;
flex: 0 0 45.85%;
}
.key-traveling-top-left {
aspect-ratio: 2 / 1;
}
.key-traveling-bottom-right {
aspect-ratio: 2 / 1.4;
}
.border-shadow-bottom {
position: relative;
}
.border-shadow-bottom::after {
content: '';
position: absolute;
bottom: -8px;
left: 50%;
transform: translateX(-50%);
width: 90%;
height: 1.5rem;
border-radius: 100%;
z-index: -1;
background: radial-gradient(circle, rgb(0 0 0 / 60%) 20%, rgba(0, 0, 0, 0.20) 100%);
filter: blur(5px);
pointer-events: none;
}
@media (max-width: 768px) {
.key-traveling-top-left, .key-traveling-bottom-right {
max-width: 100%;
flex: 0 0 100%;
order: 2;
}
}
.site-grey-bg {
background-color: #F6F6F6;
}
.mentioned-in .section-headline::before {
content: "";
position: absolute;
top: 50%;
left: -9rem;
transform: translateY(-50%);
width: 50%;
height: 1px;
background-color: var(--site-secondary-color);
}
.mentioned-in .section-headline::after {
content: "";
position: absolute;
top: 50%;
right: -9rem;
transform: translateY(-50%);
width: 50%;
height: 1px;
background-color: var(--site-secondary-color);
}
.single-mentioned h5 {
font-family: 'Baskerville', sans-serif;
font-size: 1.27rem;
line-height: 1.63rem;
}
.single-mentioned {
position: relative;
padding-right: 15px;
margin-right: 0px;
}
.single-mentioned:not(:last-child)::after {
content: "";
position: absolute;
top: .3rem;
right: 0;
width: 1px;
height: 70%;
background-color: var(--site-secondary-color);
}
.trending-destination-content {
position: absolute;
left: 50%;
transform: translateX(-50%);
width: 100%;
}
.trending-destination-content::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: radial-gradient(circle, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 90%);
border-radius: 4px;
z-index: -1;
}
.trending-destination-content .curve-text {
color: var(--site-white-color);
font-size: 1.85rem;
margin: 0;
white-space: break-spaces;
text-align: center;
}
.trending-destination-content.top-position-content {
top: 6%;
}
.trending-destination-content.bottom-position-content {
bottom: 6%;
}
.destination-box {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-auto-rows: 14rem;
gap: 20px;
width: 100%;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
}
.destination-single-contents{
position: relative;
background-color: #f6f6f6;
}
.destination-single-contents::before{
content: "";
position: absolute;
left: 0;
top: .6rem;
width: 100%;
height: 1.5px;
background-color: var(--site-secondary-color);
}
.single-destination-content{
padding: 3rem 1.5rem 1.5rem !important;
}
.single-destination-content p{
margin-left: 1.75rem;
} .single-trending-destination:nth-child(1)  { grid-column: 1; grid-row: span 2; }
.single-trending-destination:nth-child(2)  { grid-column: 2; grid-row: 1; }
.single-trending-destination:nth-child(3)  { grid-column: 2; grid-row: 2; }
.single-trending-destination:nth-child(4)  { grid-column: 3; grid-row: span 2; }
.single-trending-destination:nth-child(5)  { grid-column: 4; grid-row: 1; }
.single-trending-destination:nth-child(6)  { grid-column: 4; grid-row: 2; } .single-trending-destination:nth-child(7)  { grid-column: 1; grid-row: span 2; }
.single-trending-destination:nth-child(8)  { grid-column: 2; grid-row: 3; }
.single-trending-destination:nth-child(9)  { grid-column: 2; grid-row: 4; }
.single-trending-destination:nth-child(10) { grid-column: 3; grid-row: span 2; }
.single-trending-destination:nth-child(11) { grid-column: 4; grid-row: 3; }
.single-trending-destination:nth-child(12) { grid-column: 4; grid-row: 4; } .single-trending-destination:nth-child(13) { grid-column: 1; grid-row: span 2; }
.single-trending-destination:nth-child(14) { grid-column: 2; grid-row: 5; }
.single-trending-destination:nth-child(15) { grid-column: 2; grid-row: 6; }
.single-trending-destination:nth-child(16) { grid-column: 3; grid-row: span 2; }
.single-trending-destination:nth-child(17) { grid-column: 4; grid-row: 5; }
.single-trending-destination:nth-child(18) { grid-column: 4; grid-row: 6; } .single-trending-destination:nth-child(19) { grid-column: 1; grid-row: span 2; }
.single-trending-destination:nth-child(20) { grid-column: 2; grid-row: 7; }
.single-trending-destination:nth-child(21) { grid-column: 2; grid-row: 8; }
.single-trending-destination:nth-child(22) { grid-column: 3; grid-row: span 2; }
.single-trending-destination:nth-child(23) { grid-column: 4; grid-row: 7; }
.single-trending-destination:nth-child(24) { grid-column: 4; grid-row: 8; } .single-trending-destination:nth-child(25) { grid-column: 1; grid-row: span 2; }
.single-trending-destination:nth-child(26) { grid-column: 2; grid-row: 9; }
.single-trending-destination:nth-child(27) { grid-column: 2; grid-row: 10; }
.single-trending-destination:nth-child(28) { grid-column: 3; grid-row: span 2; }
.single-trending-destination:nth-child(29) { grid-column: 4; grid-row: 9; }
.single-trending-destination:nth-child(30) { grid-column: 4; grid-row: 10; }
.single-trending-destination {
overflow: hidden;
}
.single-trending-destination img {
transition: .8s ease-in-out;
}
.single-trending-destination:hover img {
scale: 1.1;
transition: .8s ease-in-out;
}
@media (max-width: 991px) {
.destination-box {
grid-template-columns: repeat(2, 1fr);
grid-auto-rows: 280px;
}
.single-trending-destination{
grid-column: auto !important;
grid-row: auto !important;
}
}
@media (max-width: 650px) {
.destination-box {
grid-template-columns: 1fr;
grid-auto-rows: 250px;
}
.trending-destination-content.top-position-content, .trending-destination-content.bottom-position-content {
top: 6% !important;
}
}
.hotel-we-love::before {
content: "";
position: absolute;
inset: 0;
background: url(//157.230.232.125/wp-content/themes/rot/assets/images/hotel-we-love-bg.webp);
background-position: center;
background-size: cover;
background-repeat: no-repeat;
height: 20rem;
z-index: 1;
}
.single-hotel-box {
max-width: 33%;
flex: 0 0 33%;
padding-left: 1.125rem;
padding-right: 1.125rem; height: 100%;
}
.hotel-box-img {
padding: unset !important;
overflow: hidden;
width: 100%;
height: 100%;
aspect-ratio: 1 / 1;
}
.hotel-we-love-slider-wrapper{
row-gap: 3.5rem;
}
.single-hotel-box img {
transition: .8s ease-in-out;
}
.single-hotel-box:hover img {
transform: scale(1.1);
transition: .8s ease-in-out;
}
.single-hotel-content .hotel-title {
font-size: 1.6rem;
line-height: 2rem;
margin-bottom: 1rem;
padding-bottom: 1rem;
border-bottom: 1px solid var(--site-secondary-color);
font-family: "Californian FB", sans-serif;
font-weight: 500;
height: 5rem;
}
.single-hotel-content .hotel-address {
font-size: 1rem;
line-height: 1rem;
font-family: "Baskerville", sans-serif;
}
@media (max-width: 768px) {
.single-hotel-box {
max-width: 100%;
flex: 0 0 100%;
}
.hotel-we-love::before {
height: 350px;
}
}
.partner-left-content {
max-width: 45%;
flex: 0 0 45%;
}
.partner-logo-wrapper {
display: flex;
align-items: flex-start; 
width: 100%;
}
.partner-row-one,
.partner-row-two,
.partner-row-three {
display: flex;
flex-direction: column;
flex: 1;
height: auto;
}
.single-partner-logo {
flex: 0 0 125px;
display: flex;
align-items: center;
justify-content: center;
padding: 16px;
height: 50px;
}
.single-partner-logo img {
max-width: 100%;
max-height: 100%;
width: auto;
height: auto;
object-fit: contain;
}
@media (max-width: 768px) {
.partner-left-content, .partner-right-content {
max-width: 100%;
flex: 0 0 100%;
}
.single-partner-logo{
flex: 0 0 80px;
padding: 10px;
}
}
.single-type-travel {
max-width: 31.27%;
flex: 0 0 31.27%;
aspect-ratio: 1 / 1.5;
}
.single-type-travel .curve-text{
margin-left: 0;
}
.border-line-top {
position: relative;
}
.border-line-top:before {
content: '';
position: absolute;
left: 0;
top: 5%;
width: 100%;
height: 1px;
background-color: var(--site-secondary-color);
z-index: 2;
pointer-events: none;
}
.single-type-travel img {
opacity: 0;
visibility: hidden;
transition: .3s ease-in-out;
}
.type-travel-content {
position: absolute;
width: 100%;
padding: 1.875rem;
left: 50%;
transform: translateX(-50%);
top: 10%;
transition: .3s ease-in-out;
}
.single-type-travel h3 {
font-size: 3rem;
line-height: 1.75rem;
}
.type-travel-content p {
font-size: 1rem;
line-height: 1.2;
font-family: "Baskerville", sans-serif;
margin-top: 2rem;
transition: .3s ease-in-out;
}
.single-type-travel {
transition: .3s ease-in-out;
}
.single-type-travel .type-travel-content {
bottom: 2%;
top: unset;
transition: .3s ease-in-out;
}
.single-type-travel h3 {
transition: .3s ease-in-out;
color: var(--site-white-color);
}
.single-type-travel img {
opacity: 1;
visibility: visible;
transition: .3s ease-in-out;
}
.single-type-travel .type-travel-content p {
display: none;
transition: .1s ease-in-out;
}
.single-type-travel:hover {
transition: .3s ease-in-out;
}
.single-type-travel:hover .type-travel-content {
top: 10%;
}
.single-type-travel:hover img {
opacity: 0;
visibility: hidden;
}
.single-type-travel:hover .type-travel-content p {
display: block;
}
.single-type-travel:nth-child(odd):hover {
background-color: var(--site-primary-color);
}
.single-type-travel:nth-child(even):hover {
background-color: #EAEAEA;
}
.single-type-travel:nth-child(odd):hover .type-travel-content h3, .single-type-travel:nth-child(odd):hover .type-travel-content p {
color: var(--site-white-color);
}
.single-type-travel:nth-child(even):hover .type-travel-content h3, .single-type-travel:nth-child(even):hover .type-travel-content p {
color: var(--site-primary-color);
}
@media (max-width: 768px) {
.single-type-travel {
max-width: 47%;
flex: 0 0 47%;
}
}
@media (max-width: 500px) {
.single-type-travel {
max-width: 100%;
flex: 0 0 100%;
aspect-ratio: 1 / 1.3;
}
}
.value-trusted-slider{
padding-bottom: 3rem !important;
}
.value-trusted-slider .single-value-trasted {
background-color: #E8E9E9;
height: 100%;
aspect-ratio: 1 / 1.459;
}
.value-trusted-slider .single-value-trasted img {
opacity: 1;
visibility: visible;
transition: .3s ease-in-out;
}
.value-trusted-content {
position: absolute;
width: 100%;
z-index: 2;
top: 50%;
left: 50%;
transform: translate(-50% , -50%);
padding: 1.25rem;
text-align: center;
}
.value-trusted-slider .single-value-trasted .value-trusted-content h3 {
font-size: 2rem; font-family: "Californian FB", sans-serif;
transition: .1s ease-in-out;
line-height: 1.2;
}
.value-trusted-slider .single-value-trasted .value-trusted-content p {
font-size: 1rem;
font-family: "Baskerville", sans-serif;
margin-top: .8rem;
line-height: 1.2;
}
.single-value-trasted img {
opacity: 1;
visibility: visible;
transition: .3s ease-in-out;
}
.single-value-trasted .value-trusted-content h3 {
color: var(--site-white-color);
transition: .1s ease-in-out;
}
.single-value-trasted .value-trusted-content p {
display: none;
}
.single-value-trasted:hover img {
opacity: 0;
visibility: hidden;
transition: .3s ease-in-out;
}
.single-value-trasted:hover .value-trusted-content h3 {
color: var(--site-primary-color);
transition: .1s ease-in-out;
}
.single-value-trasted:hover .value-trusted-content p {
display: block;
}
@media (min-width: 1600px) {
.value-trusted-content {
padding: 1.5rem;
}
.value-trusted-slider .single-value-trasted .value-trusted-content p {
margin-top: 1.2rem;
}
}
@media (max-width: 1366px) {
.value-trusted-slider .single-value-trasted .value-trusted-content h3{
font-size: 1.8rem;
}
}
@media (max-width: 767px) {
.value-trusted-slider .single-value-trasted .value-trusted-content h3{
font-size: 1.6rem;
}
.value-trusted-slider .single-value-trasted .value-trusted-content p{
font-size: .9rem;
line-height: 1.25;
}
}
.value-trusted-pagination {
position: static;
margin-top: 2rem;
display: flex;
justify-content: center;
align-items: center;
gap: 8px;
}
.value-trusted-pagination .swiper-pagination-bullet {
width: 25px;
height: 3px;
border-radius: 0;
background: var(--site-primary-color);
opacity: 0.3;
transition: all 0.3s ease;
margin: 0 !important;
}
.value-trusted-pagination .swiper-pagination-bullet-active {
opacity: 1;
background: var(--site-secondary-color);
}
.our-team-content {
max-width: 56.62%;
flex: 0 0 56.62%;
} .our-team-wrapper .section-btn a {
font-size: .75rem;
min-width: 10.5rem;
}
.bottom-key-img {
width: 1.9rem;
height: auto;
position: absolute;
left: 50%;
transform: translate(-50%, 7rem);
bottom: 0;
z-index: 2;
}
@media (max-width: 768px) {
.our-team-content {
max-width: 100%;
flex: 0 0 100%;
}
}
.journey-star {
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 1rem;
}
.travel-posts-wrapper {
gap: 5%;
row-gap: 4.5rem;
}
.travel-journey-content h3 {
font-size: 1.1rem;
font-family: 'Californian FB', sans-serif;
line-height: 1.2;
font-weight: 600;
min-height: 3.62rem;
}
.travel-see-more-btn a {
font-size: .75rem;
font-family: "Baskerville", sans-serif;
letter-spacing: 2px;
text-transform: uppercase;
font-weight: 600;
}
.travel-see-more-btn a:hover {
color: var(--site-secondary-color);
}
.single-travel-post {
border-bottom: 1px solid var(--site-secondary-color);
max-width: 30.8%;
flex: 0 0 30.8%;
}
.travel-post-img {
aspect-ratio: 1 / .68;
}
@media (max-width: 768px) {
.single-travel-post {
max-width: 100%;
flex: 0 0 100%;
}
}
.faq-icon {
width: 100%;
height: 1rem;
max-width: 1rem;
flex: 0 0 1rem;
margin-left: 5vw;
}
.faq-heading {
align-items: center;
}
.faq-heading h3 {
font-size: 1.375rem;
font-family: 'Californian FB', sans-serif;
font-weight: 600;
}
.single-faq .faq-content {
display: grid;
grid-template-rows: 0fr;
}
.single-faq.active .faq-content {
grid-template-rows: 1fr;
}
.single-faq.active .faq-icon {
transform: rotate(180deg);
}
.single-faq {
border-bottom: 1px solid var(--site-secondary-color);
padding-top: 1rem;
padding-bottom: 1rem;
}
.elementor .e-flexbox-base { }
.blog-single-banner {
height: 50vh;
}
.blog-single-banner::after {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 1;
}
.common-banner-content, .body.single-post h1 {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
color: var(--site-white-color);
text-transform: capitalize !important;
font-weight: 500;
font-size: 2rem;
width: 100%;
max-width: 50rem;
z-index: 30;
}
.common-banner-content .banner-headline {
text-transform: capitalize;
}
.common-banner-content .banner-description {
margin-top: 2.5rem;
}
body.single-post h3,
body.single-post .e-n-accordion-item-title-text {
font-size: 1.3rem !important;
font-family: 'Californian FB', sans-serif !important;
font-weight: 600 !important;
position: relative;
margin-bottom: .3rem;
}
body.page-child h3,
body.page-child .e-n-accordion-item-title-text {
font-size: 1.25rem !important;
font-family: 'Californian FB', sans-serif !important;
font-weight: 600 !important;
position: relative;
margin-bottom: .3rem;
}
body.page-child h3::before ,
body.single-post h3::before {
content: '';
display: inline-block;
width: 1em;
height: 1em;
background-image: url(//157.230.232.125/wp-content/themes/rot/assets/images/icon/star-icon.svg);
background-repeat: no-repeat;
background-size: contain;
background-position: center;
margin-right: .7rem;
vertical-align: middle;
}
body.page-child h3{
font-weight: 700 !important;
}
body.page-child h3::before {
width: .8rem;
height: .8rem;
}
body.single-post p {
font-size: 1rem;
font-family: "Baskerville", sans-serif !important;
font-weight: 400;
line-height: 1.2rem;
margin-bottom: 1.2rem; color: var(--site-primary-color);
}
body.page-child p {
font-size: 1rem;
font-family: "Baskerville", sans-serif !important;
font-weight: 400;
line-height: 1.2rem;
margin-bottom: 1.2rem;
color: var(--site-primary-color);
}
body.page-child strong,
body.single-post strong{
font-weight: 600;
}
body.page-child ol,
body.single-post ol{
list-style: number;
margin-left: 1.5rem;
}
.elementor-widget-text-editor p{
font-size: 1rem;
}
.box-text-desc ul li, .elementor-widget-text-editor ul li {
list-style: none;
color: var(--site-primary-color) !important;
font-size: 1rem;
font-family: "Baskerville", sans-serif !important;
list-style: disc;
text-align: left !important;
margin-bottom: .5rem;
}
.elementor-widget-text-editor ul li {
margin-left: 50px;
}
strong {
color: var(--site-primary-color) !important;
font-family: "Baskerville", sans-serif ;
}
body.single-post h4, body.single-post h5, body.single-post h6 {
font-family: 'Californian FB', sans-serif !important;
font-weight: 600 !important;
}
.blog-border-bottom {
position: relative;
border-bottom: 1.5px solid var(--site-secondary-color) !important;
}
body.single-post .section-btn a {
min-width: 15rem !important;
}
body.single-post h2 {
font-family: 'Californian FB' , sans-serif;
font-size: 1.8rem;
font-weight: 500;
line-height: 1.1;
margin-bottom: 1.3rem !important;
}
body.page-child h2,
body.page-child .section-headline {
font-family: 'Californian FB' , sans-serif;
font-size: 2.6rem;
font-weight: 500;
line-height: 1.1;
margin-bottom: 1.3rem !important;
}
body.page-child .blog-banner-title {
font-family: 'rainmaker script', sans-serif;
font-size: 4rem;
}
body.single-post h4{
margin-bottom: .4rem;
}
body.single-post a:hover{
transition: .3s ease-in-out;
}
body.single-post a:hover{
color: var(--site-secondary-color) !important;
transition: .3s ease-in-out;
} .blog-mini-content-box-one, .blog-mini-content-box-two {
margin: 0 auto;
}
.rot-divider {
margin: 0 auto;
height: 1.5px;
width: 100%;
background-color: var(--site-secondary-color);
margin-top: 2rem;
margin-bottom: 2rem;
}
.blog-mini-content-two-inner img {
height: 3.6rem !important;
}
.blog-mini-content-one-inner img {
position: absolute;
left: 50%;
top: 0;
transform: translate(-50% , -50%);
}
.box-text-desc * {
text-align: center !important;
}
.block-link-img {
aspect-ratio: 1 / .8;
}
.blog-img-link-block {
max-width: 30%;
flex: 0 0 30%;
}
.blog-img-link-block a {
font-size: .875rem;
font-family: "Baskerville", sans-serif;
}
.blog-img-link-block a:hover {
text-decoration: underline;
}
.related-post-title{
font-size: 1rem !important;
font-family: 'Californian FB', sans-serif !important;
font-weight: 600 !important;
position: relative;
margin-bottom: .3rem;
}
.related-post-title::before{
content: '';
display: inline-block;
width: 1em;
height: 1em;
background-image: url(//157.230.232.125/wp-content/themes/rot/assets/images/icon/star-icon.svg);
background-repeat: no-repeat;
background-size: contain;
background-position: center;
margin-right: .7rem;
vertical-align: middle;
}
.blog-mini-content-box-two .box-text-desc h1, .blog-mini-content-box-two .box-text-desc h2, .blog-mini-content-box-two .box-text-desc h3, .blog-mini-content-box-two .box-text-desc h4, .blog-mini-content-box-two .box-text-desc p, .blog-mini-content-box-two .box-text-desc ul li, .blog-mini-content-box-two .box-text-desc a, .blog-mini-content-box-two .box-text-desc strong {
color: var(--site-white-color) !important;
}
.blog-content-img-link-two .flex{
gap: 5%;
row-gap: 50px;
}
@media (max-width: 768px) {
.blog-img-text-content .flex-1 {
max-width: 100%;
flex: 0 0 100%;
}
.rot-divider {
max-width: 90%;
}
.blog-img-link-block {
max-width: 100%;
flex: 0 0 100%;
}
}
.travel-featured-article .section-headline {
font-size: 1.25rem;
font-weight: 600;
}
.ft-post-img {
max-width: 42.5%;
flex: 0 0 42.5%;
aspect-ratio: 1 / 1;
}
.ft-post-content h2 {
font-size: 1.68rem;
font-family: 'Californian FB', sans-serif;
font-weight: 600;
margin-bottom: .5rem;
line-height: 1.1;
}
.ft-post-content {
background-color: var(--site-white-color);
position: relative;
z-index: 10;
}
.ft-post-content p {
font-family: "Baskerville", sans-serif;
line-height: 1.2;
margin-top: 1.5rem;
}
.ft-post-content::after {
content: '';
position: absolute;
left: 0;
top: 1.2rem;
height: 1.5px;
width: 100%;
background-color: var(--site-secondary-color);
}
.single-travel-journal-post {
max-width: 30%;
flex: 0 0 30%;
}
.team-person-img {
max-width: 270px;
position: absolute;
left: 0;
top: -1.8rem;
width: 100%;
z-index: 20;
background: #E8E9E9;
aspect-ratio: 1 / 1.5;
}
.team-person-img img {
width: 100%;
height: 100% !important;
object-fit: cover;
}
.person-content-wrapper {
background-color: var(--site-primary-color);
width: 100%;
position: relative;
z-index: 10;
}
.person-content-wrapper::before {
content: '';
position: absolute;
left: 0;
top: .8rem;
width: 100%;
height: 1.5px;
background-color: var(--site-secondary-color);
z-index: 2;
}
.person-content-wrapper {
padding: 1.5rem;
}
.person-content-wrapper p {
font-size: 1rem;
line-height: 1.2;
font-family: 'Baskerville', sans-serif;
font-weight: 500;
}
.team-member-name {
font-size: 1.5rem;
font-weight: 600;
color: var(--site-secondary-color);
font-family: 'Californian FB', sans-serif;
}
.person-style-one .person-content-wrapper p, .person-style-one .person-content-wrapper li, .person-style-one .person-content-wrapper a {
color: var(--site-white-color);
}
.person-style-two .person-content-wrapper p, .person-style-two .person-content-wrapper li, .person-style-two .person-content-wrapper a {
color: var(--site-primary-color);
}
.person-content-wrapper .team-designation {
font-size: 1rem;
}
.person-style-one .person-content-wrapper {
padding-left: 17%;
max-width: 76%;
margin-left: auto;
}
.person-content-wrapper .person-signature {
font-size: 2.5rem;
font-family: 'Rainmaker Script', sans-serif;
color: var(--site-secondary-color);
margin-top: 1rem;
line-height: 1;
}
.person-style-one .person-content-wrapper .person-signature {
display: flex;
justify-content: end;
}
.person-style-two .team-person-img {
left: inherit;
right: 0;
}
.person-style-two .person-content-wrapper {
background-color: #F6F6F6;
}
.person-style-two .person-content-wrapper {
padding-right: 17%;
max-width: 76%;
margin-right: auto;
}
.person-content-wrapper span {
color: var(--site-secondary-color);
}
.team-designation {
font-family: 'Californian FB', sans-serif;
}
@media (min-width: 1280px) {
.person-content-wrapper {
padding: 2.5rem;
}
.person-style-one .person-content-wrapper {
padding-left: 15%;
}
.person-style-two .person-content-wrapper {
padding-right: 15%;
}
.ft-post-content {
padding: 2.5rem !important;
}
}
@media (min-width: 1500px) {
.team-person-img {
max-width: 350px;
}
}
@media (min-width: 1800px) {
.team-person-img {
max-width: 400px;
}
.person-content-wrapper {
padding: 5rem;
}
}
@media (min-width: 2200px) {
.person-style-one .person-content-wrapper, .person-style-two .person-content-wrapper {
max-width: 80%;
}
}
@media (min-width: 2500px) {
.team-person-img {
max-width: 450px;
}
.person-content-wrapper {
padding: 5.5rem;
}
}
@media (min-width: 3000px) {
.person-style-one .person-content-wrapper, .person-style-two .person-content-wrapper {
max-width: 85%;
}
.person-content-wrapper {
padding: 6rem;
}
}
@media (max-width: 768px) {
.team-person-img {
max-width: 70%;
margin: 0 auto;
position: relative;
top: auto;
left: auto;
z-index: 10;
}
.person-content-wrapper {
padding: 5em 2rem 2rem !important;
max-width: 100% !important;
margin-top: -3rem;
z-index: 9;
}
.person-content-wrapper::before {
top: 4rem;
}
.ft-post-img{
max-width: 100%;
flex: 0 0 100%;
}
}
.pick-hotels .section-headline {
font-size: 1.5rem;
}
.single-hotel-pick:first-child {
border-top: 1px solid var(--site-secondary-color);
}
.single-hotel-pick {
border-bottom: 1px solid var(--site-secondary-color);
padding: 1.5rem 0;
}
.single-hotel-pick-img {
max-width: 100%;
height: 100%;
flex: 0 0 100%;
}
.hotel-name {
font-size: 1.3rem;
font-family: 'Californian FB', sans-serif;
font-weight: 600;
margin-bottom: .3rem;
line-height: 1.1;
}
.hotel-location {
font-size: 1rem;
font-family: 'Californian FB', sans-serif;
font-weight: 600;
margin-bottom: .3rem;
}
.hotel-pick-content .section-btn a {
min-width: inherit;
font-size: .75rem;
padding: .5rem 1.2rem;
}
.hotel-description.section-description {
line-height: 1.1;
}
.benefits-block h4{
font-size: 1rem;
position: relative;
}
.benefits-block h4::before {
content: '';
display: inline-block;
width: .7rem;
height: .7rem;
background-image: url(//157.230.232.125/wp-content/themes/rot/assets/images/icon/star-icon.svg);
background-repeat: no-repeat;
background-size: contain;
background-position: center;
margin-right: .5rem;
vertical-align: middle;
}
@media (min-width: 1200px) {
.single-hotel-pick-img {
max-width: 12rem;
height: 12rem;
flex: 0 0 12rem;
}
}
@media (min-width: 1300px) {
.single-hotel-pick-img {
max-width: 15rem;
height: 15rem;
flex: 0 0 15rem;
}
}
@media (min-width: 1600px) {
.single-hotel-pick-img {
max-width: 18rem;
height: 18rem;
flex: 0 0 18rem;
}
}
@media (min-width: 2100px) {
.single-hotel-pick-img {
max-width: 20rem;
height: 20rem;
flex: 0 0 20rem;
}
}
@media (min-width: 2800px) {
.single-hotel-pick-img {
max-width: 23rem;
height: 23rem;
flex: 0 0 23rem;
}
}
@media (max-width: 1201px) {
.single-hotel-pick-img {
width: 100%;
max-width: 500px;
height: 350px;  
}
}
@media (max-width: 1024px) {
.single-hotel-pick-img { margin: 0 auto; }
.hotel-pick-content {
max-width: 85%;
flex: 0 0 85%;
margin: 0 auto;
}
}
@media (max-width: 768px) {
.hotel-pick-content {
max-width: 100%;
flex: 0 0 100%;
}
} .hotel-image-swiper .swiper-button-next,
.hotel-image-swiper .swiper-button-prev {
color: #ffffff !important;
width: 2rem !important; height: 2rem !important; } .hotel-image-swiper .swiper-button-next::after,
.hotel-image-swiper .swiper-button-prev::after {
font-size: 0.875rem !important; color: #ffffff !important;
} .hotel-image-swiper .swiper-button-next:hover,
.hotel-image-swiper .swiper-button-prev:hover {
opacity: 0.8;
}
.swiper-pagination-bullet.swiper-pagination-bullet-active{
background: #ffffff !important;
}
.benefit-booking-inner .section-headline {
font-size: 1.2rem;
transform: translateY(-3rem);
background-color: #F6F6F6;
top: -3.45rem;
z-index: 1;
padding: 0 1.2rem;
left: 50%;
display: inline-flex;
transform: translateX(-50%);
}
.benefit-bottom h4 {
position: relative;
text-align: center;
font-size: 1rem;
font-family: 'Baskerville', sans-serif;
font-style: italic;
}
.benefit-bottom h4::before {
content: "";
position: absolute;
top: 50%;
left: -6rem;
transform: translateY(-50%);
width: 50%;
height: 1px;
background-color: var(--site-secondary-color);
}
.benefit-bottom h4::after {
content: "";
position: absolute;
top: 50%;
right: -6rem;
transform: translateY(-50%);
width: 50%;
height: 1px;
background-color: var(--site-secondary-color);
}
.benefit-booking-wrapper {
padding: 2.5rem 1.5rem;
}
.benefit-booking-inner {
border: 1px solid var(--site-secondary-color);
padding: 2.5rem;
}
.sinlgle-benefit-list h4 {
position: relative;
font-weight: 500;
font-size: 1rem;
line-height: 1;
font-family: sans-serif;
}
.sinlgle-benefit-list h4::before {
content: '';
display: inline-block;
width: .8rem;
height: .8rem;
background-image: url(//157.230.232.125/wp-content/themes/rot/assets/images/icon/star-icon.svg);
background-repeat: no-repeat;
background-size: contain;
background-position: center;
margin-right: .7rem;
vertical-align: middle;
}
.benefit-lists-item {
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 2rem;
row-gap: 2.5rem;
}
@media (max-width: 767px) {
.benefit-lists-item {
grid-template-columns: 1fr; row-gap: 1.25rem;
}
.benefit-booking-inner{
padding: 1.5rem .5rem 3rem;
}
.sinlgle-benefit-list h4{
text-align: center;
font-size: .85rem;
}
}
.join-us-img{
aspect-ratio: 1 / .6;
}
.join-us-box-title {
font-size: 1.375rem;
font-weight: 600;
font-family: 'Californian FB', sans-serif;
line-height: 1;
}
.join-us-lists h4 {
font-weight: 700;
font-size: 1.1rem;
line-height: 1;
font-family: 'Californian FB', sans-serif;
position: relative;
margin-bottom: .5rem;
}
.join-us-lists h4::before {
content: '';
display: inline-block;
width: 1em;
height: 1em;
background-image: url(//157.230.232.125/wp-content/themes/rot/assets/images/icon/star-icon.svg);
background-repeat: no-repeat;
background-size: contain;
background-position: center;
margin-right: .7rem;
vertical-align: middle;
}
.join-us-lists p {
font-size: 1rem;
line-height: 1.2;
font-family: 'Baskerville', sans-serif;
font-weight: 500;
text-align: justify;
}
.single-join-us { max-width: 47%;
flex: 0 0 47%;
}
.join-us-content{
padding: 0 2.5rem 2rem;
}
.join-us-content ul {
list-style: disc;
margin-left: 2.7rem;
margin-top: 1rem;
}
.single-join-us::before {
content: '';
position: absolute;
top: .8rem;
left: 0;
width: 100%;
height: 1.5px;
background-color: var(--site-secondary-color);
z-index: 1;
}
@media (max-width: 650px) {
.single-join-us {
max-width: 100%;
flex: 0 0 100%;
}
.join-us-inner {
gap: 3rem;
}
.join-us-content{
padding: 1.5rem;
}
}
.contact-banner {
background-color: #EAEAEA;
height: 75vh;
}
.contact-banner-img {
height: 48vh;
}
.contact-stamp {
max-width: 15.7vw;
position: absolute;
left: 50%;
top: 62%;
transform: translate(-50%, -50%);
width: 100%;
padding: 0 10px;
}
.contact-banner-top-content {
top: 30%;
left: 50%;
transform: translate(-50%, -50%);
position: absolute;
}
.contact-banner-bottom-content p {
font-size: 1.5rem;
font-family: 'Baskerville', sans-serif;
}
.contact-banner-bottom-content {
bottom: 10%;
left: 50%;
transform: translate(-50%, -50%);
position: absolute;
width: 100%;
padding: 0 10px;
}
.contact-form-content {
max-width: 25rem;
margin-bottom: 2.5rem;
}
.contact-form-content .section-headline {
font-size: 1.75rem;
font-weight: 600;
line-height: 1.2;
}
.contact-form-content > p {
font-size: 1rem;
font-weight: 500;
font-family: 'Baskerville', sans-serif;
}
.contact-details-info {
background-color: #f6f6f6;
position: relative;
}
.contact-details-info:before {
content: '';
position: absolute;
left: 0;
top: .8rem;
width: 100%;
height: 1.5px;
background-color: var(--site-secondary-color);
}
.contact-details-info {
padding: 2.5rem 5rem 2rem 2.5rem;
position: relative;
}
.single-contact-info {
position: relative;
}
.single-contact-info:not(:last-child) {
margin-bottom: 1rem;
}
.single-contact-info > * {
margin-left: 2rem;
font-weight: 500;
font-family: 'Baskerville', sans-serif;
}
.single-contact-info::before {
content: '';
position: absolute;
display: inline-block;
width: .8em;
height: .8em;
top: .4rem;
background-image: url(//157.230.232.125/wp-content/themes/rot/assets/images/icon/star-icon.svg);
background-repeat: no-repeat;
background-size: contain;
background-position: center;
margin-right: .7rem;
vertical-align: middle;
}
.social-tab-content-wrapper{
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
gap: 20px;
row-gap: 40px;
}
.social-tab-inner-single{
max-width: 280px;
flex: 0 0 280px;
height: 400px;
}
.wpforms-field input{
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.wpforms-field input,
.wpforms-field select,
.wpforms-field .wpforms-field-medium{
max-width: 100% !important;
}
.wpforms-field-radio.wpforms-conditional-trigger{
margin-top: 2rem !important;
}
label.wpforms-field-label{
font-family: 'Californian FB', sans-serif !important;
}
.form-field{
padding: 0 !important;
margin: 0 !important;
}
.form-field *:focus {
outline: none !important;
}
.form-field * {
font-size: .625rem !important;
font-family: 'Californian FB', sans-serif !important;
font-style: italic !important;
}
.form-field input {
border-top: 0 !important;
border-left: 0 !important;
border-right: 0 !important;
border-bottom: 1px solid var(--site-primary-color) !important;
width: 100% !important;
margin-bottom: 1.5rem !important;
padding-left: .3rem !important;
max-width: 100% !important;
}
.form-field textarea {
border: 1px solid var(--site-primary-color) !important;
width: 100% !important;
height: 8rem !important;
padding-left: .3rem !important;
padding-top: .3rem !important;
}
.contact-form-wrapper .wpforms-submit-container button{
margin-top: 1.5rem !important;
}
.stay-connected .curve-text {
font-size: 2.75rem;
}
.single-social {
font-size: 1.125rem;
font-family: 'Californian FB', sans-serif;
font-weight: 600;
line-height: 1;
text-align: center;
display: block;
text-transform: uppercase;
}
.stay-connected .single-social {
position: relative;
}
.stay-connected .single-social:not(:last-child) {
padding-right: 1.2rem;
margin-right: 1.2rem;
border-right: 1px solid var(--site-secondary-color);
}
.social-connected-wrapper {
position: relative;
background: #fff;
z-index: 2;
}
.social-connected-wrapper::before, .social-connected-wrapper::after {
content: "";
position: absolute;
top: 60%;
transform: translateY(-50%);
width: 100%;
height: 1px;
background-color: var(--site-secondary-color);
z-index: -1;
}
.social-connected-wrapper::before {
left: 72%;
}
.social-connected-wrapper::after {
right: 72%;
}
.social-tab{
opacity: .5;
}
.social-tab.active-social-tab{
opacity: 1;
}
@media (max-width: 768px) {
.contact-stamp {
max-width: 30vw;
}
.contact-banner-img {
height: 40vh;
}
.contact-banner {
height: 60vh;
}
.contact-form-wrapper, .contact-details-info {
max-width: 100%;
flex: 0 0 100%;
}
.social-connected-wrapper::before {
left: 100%;
}
.social-connected-wrapper::after {
right: 100%;
}
.stay-connected .single-social:not(:last-child){
padding-right: .7rem;
margin-right: .7rem;
}
.contact-banner-bottom-content{
bottom: 5%;
}
.contact-banner-bottom-content p{
font-size: 1.2rem;
}
}
.cruise-experience .section-headline, .featured-cruise .section-headline {
font-size: 1.5rem;
font-weight: 600;
}
.cruise-card-content h3 {
text-align: center;
font-size: 1.5rem;
font-family: 'Californian FB', sans-serif;
font-weight: 600;
line-height: 1.02;
transition: .3s ease-in-out;
}
.cruise-card-content p {
font-size: 1rem;
font-family: 'Baskerville', sans-serif;
font-weight: 500;
text-align: center;
line-height: 1.1;
margin-top: 1rem;
}
.single-cruise-card {
max-width: 19%;
flex: 0 0 19%;
position: relative;
aspect-ratio: 1 / 1.47;
}
.cruise-card-content {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding: 1.5rem .5rem;
transition: .3s ease-in-out;
}
.cruise-card-content::before {
content: "";
position: absolute;
left: 0;
top: .6rem;
width: 100%;
height: 1px;
background-color: var(--site-secondary-color);
}
.single-cruise-card .cruise-card-content p {
display: none;
}
.single-cruise-card .journey-star {
transition: .1s ease-in-out;
transform: translateY(-20px);
}
.single-cruise-card .journey-star {
opacity: 0;
visibility: hidden;
transition: .1s ease-in-out;
transform: translateY(-20px);
}
.single-cruise-card .cruise-card-content {
transition: .3s ease-in-out;
background-color: inherit;
}
.single-cruise-card .cruise-card-content h3 {
transition: .3s ease-in-out;
color: #ffffff;
transform: translateY(-1.2rem);
}
.single-cruise-card:hover .cruise-card-content p {
display: block;
}
.single-cruise-card:hover .journey-star {
opacity: 1;
visibility: visible;
transform: translateY(0px);
transition: .1s ease-in-out;
}
.single-cruise-card:hover .cruise-card-content {
transition: .3s ease-in-out;
background-color: #EAEAEA;
}
.single-cruise-card:hover .cruise-card-content h3 {
transition: .3s ease-in-out;
color: #ffffff;
transform: translateY(0);
color: var(--site-primary-color);
}
.featured-cruise.mentioned-in .section-headline::before, .featured-cruise.mentioned-in .section-headline::after {
top: 40%;
width: 40%;
}
.single-ft-cruise {
padding: 1.5rem 0rem;
background-color: #EAEAEA;
max-width: 31%;
flex: 0 0 31%;
position: relative;
}
.single-ft-cruise::before {
content: "";
position: absolute;
width: 100%;
height: 1.5px;
left: 0;
top: .6rem;
background-color: var(--site-secondary-color);
}
.ft-cruise-img {
aspect-ratio: 1 / .68;
}
.ft-cruise-content h3 {
font-size: 1.18rem;
font-family: 'Californian FB', sans-serif;
font-weight: 600;
text-align: center;
margin-bottom: 1.2rem;
margin-top: .8rem;
line-height: 1.1;
}
.ft-cruise-content p {
font-size: 1rem;
font-weight: 500;
font-family: 'Baskerville', sans-serif;
text-align: center;
margin-top: 1rem;
line-height: 1.1;
}
.ft-cruise-content p {
padding: 0 1rem;
}
.cruise-experience-wrapper{
gap: 1%;
row-gap: 50px;
}
.featured-cruises-wrapper {
gap: 3.5%;
row-gap: 80px;
}
@media (max-width: 768px) {
.single-cruise-card {
max-width: 100%;
flex: 0 0 100%;
aspect-ratio: 1 / 1.2;
}
.cruise-card-content {
padding: 3.5rem 4rem;
}
.single-ft-cruise {
max-width: 100%;
flex: 0 0 100%;
}
}
@property --tw-translate-x {
syntax: "*";
inherits: false;
initial-value: 0;
}
@property --tw-translate-y {
syntax: "*";
inherits: false;
initial-value: 0;
}
@property --tw-translate-z {
syntax: "*";
inherits: false;
initial-value: 0;
}
@property --tw-rotate-x {
syntax: "*";
inherits: false;
}
@property --tw-rotate-y {
syntax: "*";
inherits: false;
}
@property --tw-rotate-z {
syntax: "*";
inherits: false;
}
@property --tw-skew-x {
syntax: "*";
inherits: false;
}
@property --tw-skew-y {
syntax: "*";
inherits: false;
}
@property --tw-shadow {
syntax: "*";
inherits: false;
initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
syntax: "*";
inherits: false;
}
@property --tw-shadow-alpha {
syntax: "<percentage>";
inherits: false;
initial-value: 100%;
}
@property --tw-inset-shadow {
syntax: "*";
inherits: false;
initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
syntax: "*";
inherits: false;
}
@property --tw-inset-shadow-alpha {
syntax: "<percentage>";
inherits: false;
initial-value: 100%;
}
@property --tw-ring-color {
syntax: "*";
inherits: false;
}
@property --tw-ring-shadow {
syntax: "*";
inherits: false;
initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color {
syntax: "*";
inherits: false;
}
@property --tw-inset-ring-shadow {
syntax: "*";
inherits: false;
initial-value: 0 0 #0000;
}
@property --tw-ring-inset {
syntax: "*";
inherits: false;
}
@property --tw-ring-offset-width {
syntax: "<length>";
inherits: false;
initial-value: 0px;
}
@property --tw-ring-offset-color {
syntax: "*";
inherits: false;
initial-value: #fff;
}
@property --tw-ring-offset-shadow {
syntax: "*";
inherits: false;
initial-value: 0 0 #0000;
}
@property --tw-duration {
syntax: "*";
inherits: false;
}
@property --tw-ease {
syntax: "*";
inherits: false;
}
@layer properties {
@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
*, ::before, ::after, ::backdrop {
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-translate-z: 0;
--tw-rotate-x: initial;
--tw-rotate-y: initial;
--tw-rotate-z: initial;
--tw-skew-x: initial;
--tw-skew-y: initial;
--tw-shadow: 0 0 #0000;
--tw-shadow-color: initial;
--tw-shadow-alpha: 100%;
--tw-inset-shadow: 0 0 #0000;
--tw-inset-shadow-color: initial;
--tw-inset-shadow-alpha: 100%;
--tw-ring-color: initial;
--tw-ring-shadow: 0 0 #0000;
--tw-inset-ring-color: initial;
--tw-inset-ring-shadow: 0 0 #0000;
--tw-ring-inset: initial;
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-offset-shadow: 0 0 #0000;
--tw-duration: initial;
--tw-ease: initial;
}
}
}  .destination-highlights .curve-text{
margin-top: -4.5rem;
margin-left: 0;
}
.highlight-wrapper,
.country-facts-wrapper{
gap: 5%;
row-gap: 4rem;
}
.highlight-content img{
aspect-ratio: 1 / .61;
}
.country-facts-wrapper{
border-top: 1px solid var(--site-secondary-color);
padding-top: 2rem;
}
.highlight-item,
.single-facts{
max-width: 30%;
flex: 0 0 30%;
}
.highlight-item h3{
font-size: 1.5rem;
font-family: 'Californian FB', serif;
font-weight: 600;
margin-bottom: 1.2rem;
margin-top: 1.25rem;
line-height: 1.1;
}
.single-facts-content h3{
font-size: 1.25rem;
font-family: 'Californian FB', serif;
font-weight: 600;
margin-bottom: 2rem;
margin-top: .8rem;
line-height: 1.1;
}
.highlight-item p,
.single-facts-content p{
font-size: 1rem;
font-weight: 500;
font-family: 'Baskerville', serif;
margin-top: 1rem;
line-height: 1.1;
}
.country-facts{
background-color: #f6f6f6;
}
.plan-img{
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 1;
}
.plan-img::before {
content: "";
position: absolute;
inset: 0;
background: rgba(0, 0, 0, 0.50);
z-index: 1;
pointer-events: none;
}
.plan-with-us-content h2,
.plan-with-us-content p{
color: #ffffff;
}
body.page-child .plan-with-us-content p{
font-size: 1rem;
font-family: 'Baskerville', serif;
font-weight: 500;
text-align: center;
margin-bottom: 2rem !important;
line-height: 1.2;
color: #ffffff !important;
}
@media (max-width: 768px){
.highlight-item,
.country-facts-wrapper{
max-width: 100%;
flex: 0 0 100%;
}
}
.elementor-widget-text-editor{
font-family: inherit !important;
} .category-page-layout {
display: grid;
grid-template-columns: 3fr 1fr;
gap: 40px; margin: 40px auto 100px;
padding: 0 20px;
align-items: start;
}
.post-date,
.post-categories a {
font-size: .7rem;
font-family: 'Californian FB', sans-serif;
} .cat-main-title {
font-size: 3rem;
color: #1e293b;
margin-bottom: 30px;
color: #ffffff;
font-family: 'rainmaker script', sans-serif;
}
.single-cat-post {
display: flex;
gap: 20px; margin-bottom: 4rem;
align-items: flex-start;
}
.post-image-wrapper {
flex: 0 0 40%; max-width: 40%;
}
.post-image-wrapper img {
width: 100%;
height: auto;
display: block;
object-fit: cover;
}
.post-content-wrapper {
flex: 1;
}
.post-content-wrapper .post-title {
font-size: 1.2rem;
line-height: 1.3;
margin: 0 0 10px 0;
font-weight: 500;
font-family: 'Californian FB', sans-serif;
}
.post-content-wrapper .post-title a {
color: #2c4161;
text-decoration: none;
}
.post-content-wrapper .post-title a:hover {
color: #0284c7;
} .post-meta {
font-size: 0.85rem;
color: #94a3b8;
margin-bottom: 15px;
}
.meta-separator {
margin: 0 6px;
color: #cbd5e1;
}
.post-categories a {
color: #94a3b8;
text-decoration: none;
}
.post-categories a:hover {
text-decoration: underline;
} .post-excerpt p {
font-size: 0.87rem;
line-height: 1.6;
margin: 0;
font-family: 'Californian FB', sans-serif;
} .category-sidebar {
padding-left: 30px;
border-left: 1px solid #e2e8f0; }
.sidebar-title {
font-size: 1.15rem;
color: #475569;
margin: 0 0 20px 0;
font-weight: 500;
}
.sidebar-category-list {
list-style: none;
padding: 0;
margin: 0;
}
.sidebar-category-list li {
margin-bottom: 12px;
}
.sidebar-category-list li a {
color: #94a3b8;
text-decoration: none;
font-size: 0.95rem;
transition: color 0.2s ease;
font-size: .8rem;
}
.sidebar-category-list li a:hover {
color: #1e293b;
}
.pagination-wrapper .screen-reader-text {
display: none;
}
.nav-links {
display: flex;
gap: 20px;
} @media (max-width: 768px) {
.category-page-layout {
grid-template-columns: 1fr;
gap: 50px;
}
.single-cat-post {
flex-direction: column;
gap: 15px;
}
.post-image-wrapper {
flex: 0 0 100%;
max-width: 100%;
}
.category-sidebar {
padding-left: 0;
border-left: none;
border-top: 1px solid #e2e8f0;
padding-top: 30px;
}
}  .rot-blog-split-container {
display: flex;
flex-direction: column;
gap: 40px;
margin-bottom: 40px;
} .rot-blog-item {
display: grid;
grid-template-columns: 18rem 1fr;
gap: 30px;
padding-bottom: 40px;
border-bottom: 1px solid var(--site-secondary-color);
} .rot-blog-image-wrapper img {
width: 100%;
height: 240px;
object-fit: cover;
border-radius: 4px;
display: block;
} .rot-blog-content-wrapper {
display: flex;
flex-direction: column;
justify-content: space-between; height: 100%;
}
.rot-blog-title {
margin: 0 0 12px 0;
font-size: 24px;
line-height: 1.3;
}
.rot-blog-title a {
color: #1a202c;
text-decoration: none;
transition: color 0.2s ease;
}
.rot-blog-title a:hover {
color: #3182ce; }
.rot-blog-excerpt {
line-height: 1.6;
font-family: 'Baskerville', sans-serif;
font-size: .8rem;
margin-top: 1.5rem;
}
.rot-blog-text-bottom {
display: flex;
justify-content: end;
}
.rot-blog-text-bottom a{
font-size: .8rem;
font-family: 'Californian FB', sans-serif;
font-weight: 600;
} .rot-blog-readmore {
display: inline-block;
font-weight: 600;
text-transform: uppercase;
font-size: 14px;
letter-spacing: 1px;
color: #1a202c;
text-decoration: none;
margin-top: 15px;
border-bottom: 2px solid transparent;
transition: all 0.2s ease;
}
.rot-blog-readmore:hover {
border-bottom-color: #1a202c;
} .rot-blog-pagination {
display: flex;
justify-content: center;
gap: 10px;
margin-top: 20px;
}
.rot-blog-pagination .page-numbers {
padding: 8px 16px;
border: 1px solid #e2e8f0;
text-decoration: none;
color: #4a5568;
border-radius: 4px;
}
.rot-blog-pagination .page-numbers.current {
background-color: #1a202c;
color: #fff;
border-color: #1a202c;
} @media (max-width: 767px) {
.rot-blog-item {
grid-template-columns: 1fr;
gap: 20px;
padding-bottom: 30px;
}
.rot-blog-image-wrapper img {
height: 200px;
}
}
.blog-mini-content-box-one  h3::before,
.blog-mini-content-two-inner h3::before{
display: none !important;
}
.blog-mini-content-two-inner ul {
margin-left: 15px;
margin-top: 15px;
}
.wd-has-drop-cap{
position:relative;
}
.wd-has-drop-cap:not(:focus)::first-letter {
float: left;
font-size: 8em;
font-style: normal;
font-weight: 400 !important;
line-height: .68;
margin: .05em .1em 0 0;
text-transform: uppercase
}
body.single-post 
.travel-blog-title {
font-size: 1rem !important;
}
body.single-post 
.travel-blog-title::before {
display: none;
}
.travel-blog-title {
font-size: 1rem !important;
font-weight: 600;
font-family: 'Californian FB', sans-serif;
margin-bottom: 1rem;
line-height: 1.3;
text-align: center;
margin-top: 2rem;
padding: 0 .7rem;
min-height: 100px;     overflow: hidden; }
.travel-blog-desciption {
margin-top: 1rem;
margin-bottom: 2rem;
font-size: .75rem;
line-height: .875;
font-family: "Baskerville", sans-serif;
font-weight: 500; line-height: 1.1rem;
}
body.single-post .travel-blog-desciption{
font-size: .75rem !important;
}
.single-travel-journal-post a {
font-size: .625rem;
margin-bottom: 1rem;
font-weight: 600;
letter-spacing: 1.5px;
line-height: 1;
text-transform: uppercase;
font-family: 'Baskerville', sans-serif;
}
.travel-blog-img {
aspect-ratio: 2 / 1.3;
}
.travel-blog-img img {
height: 100% !important;
width: 100%;
object-fit: cover;
}
@media (max-width: 768px) {
.single-travel-journal-post {
max-width: 100%;
flex: 0 0 100%;
}
.travel-blog-title {
height: 66px;
}
}
.trending-des-wrapper{
display: flex;
flex-wrap: wrap; gap: 5%;
row-gap: 50px;
height: 100%;
}
.trending-des-left,
.trending-des-right{
max-width: 47.5%;
flex: 0 0 47.5%;
height: 100%;
display: flex;
flex-direction: column;
gap: 50px;
}
.trend-img1 {
aspect-ratio: 1 / 1.43;
}
.trend-img2{
aspect-ratio: 1 / .7;
}
.trend-img3{
aspect-ratio: 1 / 1;
}
.trending-hover-content{
position: absolute;
top: 0;
width: 100%;
height: 100%;
left: 0;
background-color: var(--site-primary-color);
opacity: 0;
visibility: hidden;
z-index: 20;
transition: .3s ease-in-out;
padding: 2rem;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
transition: .3s ease-in-out;
}
.trending-hover-content > * {
color: #ffffff !important;
}
.trending-hover-content p, .trending-hover-content li, .trending-hover-content a {
font-size: 1rem !important;
font-family: 'Baskerville', sans-serif;
}
.trending-hover-content h2, .trending-hover-content h3, .trending-hover-content h4, .trending-hover-content h5 {
font-size: 1.2rem !important;
font-family: 'Californian FB', sans-serif;
}
.trending-img:hover .trending-hover-content{
opacity: 1;
visibility: visible;
transition: .3s ease-in-out;
}
@media (max-width: 767px) {
.trending-des-left,
.trending-des-right{
max-width: 100%;
flex: 0 0 100%;
}
}
.wd-full-width-container .base-container{
max-width: 100% !important;
}
.wd-full-width-container .faq-section{
padding: 0 !important;
}
.wd-full-width-container .faq-wrapper {
padding: 0 !important;
margin-top: 0 !important;
}
.wd-full-width-container .faq-heading h3 {
font-size: 1.08rem !important;
}
.wd-full-width-container .section-description  {
font-size: .9rem !important;
}
.faq-content ul{
list-style: disc;
margin-left: 30px;
} .elementor-image-carousel-wrapper .swiper-slide {
height: 490px; }
.elementor-image-carousel-wrapper .swiper-slide img {
width: 100%;
height: 100%;
object-fit: cover; display: block;
}
@media (max-width: 767px) {
.elementor-image-carousel-wrapper .swiper-slide {
height: 300px;
}
}body {
margin: 0;
padding: 0;
font-family: 'Baskerville', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}