@font-face {
font-family: 'QuicheSans Bold';
src: url(https://oyabeach.com/wp-content/themes/serita-child/fonts/QuicheSans-Bold.woff2) format('woff2'),
url(https://oyabeach.com/wp-content/themes/serita-child/fonts/QuicheSans-Bold.woff) format('woff'),
url(https://oyabeach.com/wp-content/themes/serita-child/fonts/QuicheSans-Bold.ttf) format('truetype'),
url(https://oyabeach.com/wp-content/themes/serita-child/fonts/QuicheSans-Bold.otf) format('opentype');
font-weight: bold;
font-style: normal;
} @font-face {
font-family: 'Inter-ExtraBold';
src: url(https://oyabeach.com/wp-content/themes/serita-child/fonts/Inter_18pt-SemiBold.ttf) format('truetype');
font-weight: 200;
font-style: normal;
}  @font-face {
font-family: 'Manrope-Bold';
src: url(https://oyabeach.com/wp-content/themes/serita-child/fonts/Manrope-Bold.ttf) format('truetype');
font-weight: bold;
font-style: normal;
}  @font-face {
font-family: 'Manrope-ExtraLight';
src: url(https://oyabeach.com/wp-content/themes/serita-child/fonts/Manrope-Light.ttf) format('truetype');
font-weight: 200;
font-style: normal;
} h1, h2, h3 {
font-family: 'QuicheSans Bold', "Times New Roman", Times, serif;
}
h1:lang(el),
h2:lang(el),
h3:lang(el) {
font-family: "Inter-ExtraBold", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue",  sans-serif;
}
:root {
--orange: #8a6b52; --gray: #eee3d6; --darkBlue: #303747; } div.bottom-header-row > div.bottom-header-left-col > div > a > span > img{
padding: 1rem 1rem;
margin-left: 1rem;
} div.spirit-column-right{
margin-right:5% !important;
} .english-info-book-form:lang(de-DE),
.english-info-book-bottom:lang(de-DE),
.english-info-book-form:lang(el),
.english-info-book-bottom:lang(el),
.english-info-book-form:lang(fr-FR),
.english-info-book-bottom:lang(fr-FR){
display:none !important;
}
.german-info-book-form:lang(en-US),
.german-info-book-bottom:lang(en-US),
.german-info-book-form:lang(el),
.german-info-book-bottom:lang(el),
.german-info-book-form:lang(fr-FR),
.german-info-book-bottom:lang(fr-FR){
display: none !important;
}
.greek-info-book-form:lang(de-DE),
.greek-info-book-bottom:lang(de-DE),
.greek-info-book-form:lang(en-US),
.greek-info-book-bottom:lang(en-US),
.greek-info-book-form:lang(fr-FR),
.greek-info-book-bottom:lang(fr-FR){
display:none !important;
}
.french-info-book-form:lang(de-DE),
.french-info-book-bottom:lang(de-DE),
.french-info-book-form:lang(en-US),
.french-info-book-bottom:lang(en-US),
.french-info-book-form:lang(el),
.french-info-book-bottom:lang(el){
display:none !important;
}
.german-info-book-form .button.info-button p,
.german-info-book-bottom .button.info-button p {
line-height: 18px;
text-transform: uppercase;
} #request-phone-form-container,
#request-phone-form-container-de,
#request-phone-form-container-gr,
#request-phone-form-container-fr,
#request-phone-form-containerBottom,
#request-phone-form-containerBottom-de,
#request-phone-form-containerBottom-gr,
#request-phone-form-containerBottom-fr {
display: none;
}
.sp-top-transparent-header-section {
position: absolute;
top: 0;
left: 0;
right: 0;
height: 100vh;
display: flex;
flex-direction: column;
justify-content: space-between;
pointer-events: none;
}
.sp-top-transparent-header-section .bottom-header-row,
.sp-top-transparent-header-section .sp-top-transparent-header-row {
margin: 0; pointer-events: auto;
}
.sp-top-transparent-header-section .bottom-header-row {
display: flex;
align-items: center;
justify-content: space-between;
padding: 0;
min-height: 82px;
z-index: 1 !important;
} .sp-top-transparent-header-section .bottom-header-row #menu-main-menu-en .sub-menu,
.sp-top-transparent-header-section .bottom-header-row #menu-main-menu-de .sub-menu,
.sp-top-transparent-header-section .bottom-header-row #menu-main-menu-fr .sub-menu ,
.sp-top-transparent-header-section .bottom-header-row #menu-main-menu-gr .sub-menu {
border-top: none;
width: 300px;
}
.sp-top-transparent-header-section .bottom-header-row #menu-main-menu-en .sub-menu li,
.sp-top-transparent-header-section .bottom-header-row #menu-main-menu-de .sub-menu li,
.sp-top-transparent-header-section .bottom-header-row #menu-main-menu-gr .sub-menu li,
.sp-top-transparent-header-section .bottom-header-row #menu-main-menu-fr .sub-menu li {
padding: 0;
width: 100%;
transition: background .2s ease-out;
}
.sp-top-transparent-header-section .bottom-header-row #menu-main-menu-en .sub-menu li:hover,
.sp-top-transparent-header-section .bottom-header-row #menu-main-menu-de .sub-menu li:hover,
.sp-top-transparent-header-section .bottom-header-row #menu-main-menu-gr .sub-menu li:hover,
.sp-top-transparent-header-section .bottom-header-row #menu-main-menu-fr .sub-menu li:hover {
background: var(--orange);	
}
.sp-top-transparent-header-section .bottom-header-row #menu-main-menu-en .sub-menu li a:hover,
.sp-top-transparent-header-section .bottom-header-row #menu-main-menu-de .sub-menu li a:hover,
.sp-top-transparent-header-section .bottom-header-row #menu-main-menu-gr .sub-menu li a:hover,
.sp-top-transparent-header-section .bottom-header-row #menu-main-menu-fr .sub-menu li a:hover{
color: white !important;	
}
#dtb-m-menu .mobile_menu_bar {
top: 3%;
}
.bottom-header-row #menu-main-menu-en li a,
.bottom-header-row #menu-main-menu-de li a,
.bottom-header-row #menu-main-menu-gr li a,
.bottom-header-row #menu-main-menu-fr li a{ color: inherit !important;
opacity: 1;
transition: none !important;
line-height: 20px;
width: 100%;
}
#menu-main-menu-en li a:hover,
#menu-main-menu-de li a:hover,
#menu-main-menu-fr li a:hover,
#menu-main-menu-gr li a:hover {
color: var(--orange) !important;
} .sp-top-transparent-header-section .sp-header-white-logo {
max-width: 20rem;
}
.sp-top-transparent-header-section .sp-header-orange-logo {
max-width: 15rem;
}
.sp-top-transparent-header-col {
display: flex;
justify-content: space-between;
align-items: center;
padding-top: 2rem;
} .button-container {
display: flex;
border-radius: 50px;
overflow: hidden;
background-color: transparent;
width: max-content;
max-height: 47px;
gap: 1px;
}
.button-container.mob {
max-height: 40px;	
}
.button {
display: flex;
align-items: center;
justify-content: center;
padding: 5px 20px;
font-family: Arial, sans-serif;
font-weight: bold;
cursor: pointer;
transition: background-color 0.3s ease;
}
.button:lang(el) {
font-family: 'Manrope-Bold', system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue",  sans-serif;
}
.button.mob {
padding: 5px 15px;
}
.info-button {
border-top-left-radius: 50px;
border-bottom-left-radius: 50px;
color: #8a6b52;
background-color: #eee3d6;
}
.info-button:hover {
opacity: .8;
}
.icon {
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
margin-right: 10px;
transform: translateX(-1rem);
}
.icon.mob {
margin-right: 0px; 
transform: translateX(-9px) scale(.8);	
}
.book-button {
background-color: #eee3d6;
color: #8a6b52; border-top-right-radius: 50px;
border-bottom-right-radius: 50px;
}
.book-button:hover {
opacity: .8;
}  .sp-header-white-logo  {
margin-bottom: unset !important;
}
.sp-header-white-logo .et_pb_image_wrap {
max-width: 278px;
}  .sp-embrace-corfu-section {
background: var(--gray);
height: 100%;
min-height: 100vh;
display: flex;
justify-content: center;
align-items: center;
}
.sp-embrace-corfu-module .et_pb_text_inner {
text-align: center;
}
.sp-embrace-corfu-module {
display: flex;
justify-content: center;
} .roda-button {
display: inline-block;
padding: 12px 35px;
background-color: #8a6b52;
color: #FFFFFF;
text-decoration: none;
font-family: 'Montserrat', sans-serif;
font-size: 14px;
font-weight: 400;
border-radius: 25px;
text-align: center;
position: relative;
overflow: hidden;
transition: all 0.5s ease;
border: 2px solid transparent;
text-transform: uppercase;
}
.roda-button:lang(el) {
font-family: 'Manrope-Bold', system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue",  sans-serif;
}
.roda-button:before {
content: '';
position: absolute;
top: -2px;
left: -2px;
right: -2px;
bottom: -2px;
border-radius: 25px;
border: 2px solid var(--orange);
transition: all 0.3s ease-in-out;
animation: pulse 2s infinite;
}
.roda-button:after {
content: '';
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 100%;
background: linear-gradient(
90deg,
transparent,
rgba(255, 255, 255, 0.2),
transparent
);
transition: 0.5s;
}
.roda-button:hover {
background-color: transparent;
color: #8a6b52;
border-color: #8a6b52;
}
.roda-button:hover:after {
left: 100%;
transition: 0.5s;
}
.roda-button:hover:before {
animation: none;
opacity: 0;
transition: 0s;
}
@keyframes pulse {
0% { transform: scale(1); opacity: 0.8; }
50% { transform: scale(1.02); opacity: 0.4; }
100% { transform: scale(1); opacity: 0.8; }
}
.sp-embrace-corfu-module .roda-button {
padding: 5px 35px;
margin-top: 50px;
} .hero-subtitle {
font-size: 24px;
font-weight: 300;
line-height: 29.26px;
text-transform: uppercase;
display: block;
}
.sp-embrace-corfu-module .hero-title {
font-size: clamp(28px, 4vw, 64px);
font-weight: 800;
line-height: clamp(32px, 4vw, 73px);
text-transform: uppercase;
color: var(--darkBlue);
text-wrap:balance;
}
div.german-homepage-first-section .hero-title{
font-size:clamp(28px, 3vw, 62px);
}
div.german-resort-first-section h2.hero-title{
text-wrap:balance;
}
.sp-embrace-corfu-module .hero-text {
max-width: 999px;
font-size: 24px;
font-weight: 400;
line-height: 31.09px;
text-wrap: balance;
margin: auto;
}
h2 b:lang(el){
font-family: "Inter-ExtraBold", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue",  sans-serif !important;
font-weight: 700;
}
.dot-line-container {
display: flex;
align-items: center;
justify-content: center;
margin: 20px 0;
}
.line {
height: 2px;
background-color: black;
flex-grow: 1;
max-width: 150px;
}
.dot {
width: 8px; 
height: 8px;
background-color: var(--orange); 
border-radius: 50%;
margin: 0 10px; 
}  .sp-restaurants-bars-section {
background: var(--gray);
overflow: hidden;
}
.sp-restaurants-bars-row {
max-width: 1920px;
display: flex;
justify-content: center;
align-items: center;
min-height: 100vh;
}
.sp-heading3 {
font-size: clamp(24px, 4vw, 60px) !important;
font-weight: 800;
line-height: clamp(38px, 4vw, 73px);
color: var(--darkBlue);
text-transform: uppercase;
}
.sp-heading3:lang(el) {
font-size: clamp(24px, 4vw, 50px) !important;
line-height: clamp(38px, 4vw, 63px);
font-weight:700;
}
h2.feature-title:lang(el),
h2.feature-title:lang(el) > span,
.sp-embrace-corfu-module .hero-title:lang(el){
font-family: "Inter-ExtraBold", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue",  sans-serif !important;
font-weight:700;
}
.sp-text-content {
font-size: 20px;
font-weight: 300;
line-height: 28.5px;
}
.sp-text-content:lang(el),
.hero-subtitle:lang(el),
.sp-embrace-corfu-module .hero-text:lang(el) {
font-family: 'Manrope-ExtraLight', system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue",  sans-serif;
} .sp-facilities-services-section {
min-height: 100vh;
overflow: hidden;
}
.sp-facilities-services-section .sp-text-content{
max-width: 540px;
} .container {
max-width: 1920px;
width: 90%;
margin: 0 auto;
padding: 40px 20px;
text-align: center;
}
.section-title {
font-size: 24px;
font-weight: 300;
line-height: 29.26px;
}
.main-title {
font-size: clamp(28px, 4vw, 64px);
font-weight: 800;
line-height: clamp(38px, 4vw, 73px);
}
.reviews-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
gap: 30px;
margin-top: 30px;
}
.review-card {
padding: 20px;
}
.reviewer-name {
font-size: 20px;
font-weight: 700;
line-height: 24.38px;
}
.stars {
color: #404040;
margin-bottom: 15px;
}
.review-text {
font-size: 16px;
font-weight: 400;
line-height: 19.5px;
text-align: center;
}
.additional-text {
font-size: 16px;
font-weight: 400;
line-height: 19.5px;
text-align: center;
} .sp-location-module .et_pb_text_inner p:lang(el) {
font-family: 'Manrope-ExtraLight', system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue",  sans-serif;
} .sp-location-section {
min-height: 100vh;
display: flex;
align-items: center;
}
.bold-text {
font-weight: 700;
line-height: 41.46px;
}
.sp-location-module {
overflow:hidden;
}
.sp-location-module .et_pb_text_inner p {
font-size: 20px;
font-weight: 300;
line-height: 33.44px;
}
.flex-center {
display: flex;
justify-content: center;
align-items: center;
}  .sticky {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 1000; 
}
.hide-module {
display: none;
}
.en-circle {
color: white;
border: 1px solid white;
border-radius: 100%;
height: 40px;
width: 40px;
display: flex;
justify-content: center;
align-items: center;
margin: 0 2rem;
}
.en-circle.dark {
color: var(--darkBlue);
border: 1px solid var(--darkBlue);	
}
.dark-lan-mod {
margin-bottom: 0 !important;
}
.sp-right-buttons-container {
margin-bottom: 0 !important;
}
.reviews-section,
.sp-embrace-corfu-section,
.places-to-explore-section {
overflow: hidden;
} .social-header {
display: flex;
align-items: center;
justify-content: space-between;
padding: 20px;
}
.social-right-container {
display: flex;
justify-content: center;
align-items: center;
}
.social-right-container .social-icons {
display: flex;
justify-content: center;
align-items: center;	
}
.social-right-container .get-in-touch {
font-family: Montserrat;
font-size: 24px;
color: var(--orange);
font-weight: 700;
line-height: 29.26px;
}
.social-right-container .get-in-touch:lang(el) {
font-family: "Manrope-ExtraLight", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue",  sans-serif;
}
.social-header h1 {
font-family: 'QuicheSans Bold', "Times New Roman", Times, serif;
font-size: clamp(20px, 4vw, 48px);
font-weight: 300;
line-height: 58.51px;
color: var(--darkBlue);
}
.social-header .social-line {
flex-grow: 1;
height: 2px;
background-color: var(--orange); 
margin: 0 20px;
}
.social-header .social-icons img {
margin-left: 10px;
max-width: 40px;
}  .sp-location-left-col .et_pb_text_inner {
display: flex;
justify-content: end;	
}
.sp-location-section .sp-location-row .sp-location-left-col {
margin: auto;
}
.map-container {
position: relative;
display: inline-block;
}
.map-point {
position: absolute;
top: 43%;
left: 55%;
width: 20px;
height: 20px;
background-color: var(--orange); 
border-radius: 50%;
transform: translate(-50%, -50%);
}
.map-point::after {
content: "Corfu City";
display: inline-flex;
width: 150px;
margin-left: 2rem;
color: var(--orange);
}
.map-point2 {
position: absolute;
top: 38%;
left: 67%;
width: 60px;
height: 60px;
background: url(//oyabeach.com/wp-content/uploads/2025/12/map-pin-map-btm.png); z-index: 9;
background-repeat: no-repeat;
border-radius: 50%;
cursor: pointer;
transform: translate(-50%, -50%);
animation: bounce 2s ease-in-out infinite;
}   #mlb2-35487863.ml-form-embedContainer .ml-form-embedWrapper{
background:#8a6b52!important;
} .global-footer-section .footer-newsletter-module .ml-block-form {
display: flex;
align-items: center;
justify-content: space-between;
gap: 10px;
}
.global-footer-section .footer-newsletter-module #mlb2-35487863.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-formContent, #mlb2-35487863.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow, 
.global-footer-section .footer-newsletter-module #mlb2-23683362.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-formContent, #mlb2-35487863.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow {
min-width: 300px;
background-color:#8A6B52 !important
}
.global-footer-section .footer-newsletter-module #mlb2-35487863.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedSubmit,
.global-footer-section .footer-newsletter-module #mlb2-23683362.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedSubmit {
min-width: 50px;
width: 50px;
}
.global-footer-section .footer-newsletter-module #mlb2-35487863.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedSubmit button, 
.global-footer-section .footer-newsletter-module #mlb2-23683362.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedSubmit button {
padding: 22px 10px !important;
position: relative;
width: 50px !important;
height: 46px !important
}
.global-footer-section .footer-newsletter-module #mlb2-35487863.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedSubmit button::after,
.global-footer-section .footer-newsletter-module #mlb2-23683362.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedSubmit button::after {
content: url(//oyabeach.com/wp-content/uploads/2025/03/blue-arrow-right.svg);
width: 20px;
position: absolute;
top: 55%;
left: 50%;
transform: translate(-50%, -50%);
height: 20px;
padding: 0;
margin: 0;
}
.global-footer-section .footer-newsletter-module #mlb2-35487863.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow input {
background-color: #8a6b52 !important;
color: white !important;
}
.global-footer-section .footer-newsletter-module #mlb2-35487863.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow input::-webkit-input-placeholder {
color: white !important;
}
.global-footer-section .footer-newsletter-module #mlb2-35487863.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow input::placeholder {
color: white;
}
.global-footer-section .footer-newsletter-module #mlb2-35487863.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedSubmit button:hover,
.global-footer-section .footer-newsletter-module #mlb2-23683362.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedSubmit button:hover {
background-color: #ffffff !important;
opacity: .8;
}
.global-footer-section .footer-newsletter-module #mlb2-35487863.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedContent p, #mlb2-35487863.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody .ml-form-successContent p {
font-family: Montserrat;
font-weight: 300;
font-size: 18px;
line-height: 130%;
letter-spacing: 2px;
color: white !important;
}
.global-footer-section .footer-newsletter-module #mlb2-35487863.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedContent h4, #mlb2-35487863.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody .ml-form-successContent h4 {
font-family: Montserrat;
font-weight: 300;
font-size: 22px;
line-height: 30px;
letter-spacing: 2px;
}
.global-footer-section .footer-newsletter-module #mlb2-35487863.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody, #mlb2-35487863.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody,
.global-footer-section .footer-newsletter-module #mlb2-23683362.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody, #mlb2-23683362.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody  {
padding: 20px 0px 0 20px;
}
#mlb2-23683362.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedContent p {
max-width: 300px;
} .global-footer-section {
padding: 0 !important;	
}
.global-footer-row1,
.global-footer-row2 {
display: flex;
align-items: center;
justify-content: space-between;
}
.global-footer-section .global-footer-row2 a {
transition: color .3s ease-out;
}
.global-footer-section .global-footer-row2 a:hover,
.global-footer-section .global-footer-row1 a:hover {
color: #303747 !important;
}
.global-footer-row2 {
padding-bottom: 50px !important;
align-items: start;
}
.footer-links-module {
display: flex;
justify-content: center;	
}
.footer-links-module .et_pb_text_inner {
display: flex;
justify-content: space-between;
gap: 1rem;
}
.footer-links-module .et_pb_text_inner p {
padding-bottom: 0;
}
.footer-links-module .et_pb_text_inner a {
font-size: 12px;
font-weight: 400;
line-height: 14.63px;
text-transform: uppercase;
}
.address-info,
.phone-num,
.email-icon,
.luggage-icon {
display: flex;
align-items: center;
font-family: Montserrat;
font-size: 14px;
font-weight: 300;
line-height: 21.7px;
}
.address-info:lang(el),
.phone-num:lang(el),
.email-icon:lang(el),
.luggage-icon:lang(el),
.footer-rights-module p:lang(el),
.footer-iworx-module a:lang(el) {
font-family: 'Manrope-ExtraLight', system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue",  sans-serif;
}
.our-rooms-section .accommodation-our-rooms-mod p:lang(el) {
font-family: 'Manrope-ExtraLight', system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue",  sans-serif;
}
.footer-links-module .et_pb_text_inner a:lang(el),
.address-mod:lang(el) {
font-family: 'Manrope-Bold', system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue",  sans-serif;
}
.address-info a, .phone-num a, .email-icon a, .luggage-icon a {
color: white;
}
.address-info a, .phone-num a, .email-icon a, .luggage-icon a {
transition: color .3s ease-out;
}
.footer-rights-module p {
font-size: 14px;
font-weight: 300;
line-height: 18.14px;
letter-spacing: 0.02em;
}
.address-mod {
font-size: 20px;
font-weight: 300;
line-height: 26.4px;
padding-bottom: 10px;
}
.address-info {
padding-bottom: 10px;
}
.footer-iworx-module .et_pb_text_inner {
display: flex;
justify-content: end;	
}
.ft-social-container, .ft-social-icons-container {
display: flex;
align-items: center;
justify-content: flex-end;
gap: 5px;
}
.ft-social-container {
gap: 10px;
}
.ft-social-fbb,
.ft-social-inst {
transition: transform .3s ease-out;	
}
.ft-social-fbb:hover,
.ft-social-inst:hover {
transform: scale(1.1);	
}
.ft-social-text {
color: #fff;
font-size: 20px;
font-weight: 300;
line-height: 26.82px;
}
.ft-social-text:lang(el) {
font-family: 'Manrope-Bold', system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue",  sans-serif;
}
.footer-newsletter-module {
display: flex;
justify-content: end;	
}
.footer-newsletter-module .et_pb_text_inner p {
font-size: 20px;
font-weight: 300;
line-height: 28.5px;
letter-spacing: 0.02em;	
}
.footer-newsletter-module .et_pb_text_inner p span {
font-size: 18px;
font-weight: 300;
line-height: 23.32px;
letter-spacing: 0.02em;
}
.global-footer-section .global-footer-row1-logo-col .footer-logo-module {
margin-bottom: 0;
}
.roda-serida-logos-container {
display: flex;
justify-content: center;
align-items: center;
}
.roda-serida-logos-container .white-roda-logo,
.roda-serida-logos-container .white-serita-logo {
max-width: 150px;
width: 100%;
transition: transform .3s ease;
}
.roda-serida-logos-container .white-roda-logo:hover,
.roda-serida-logos-container .white-serita-logo:hover {
transform: scale(.9);
} .accommodation-carousel .swiper-slide h3:lang(el) {
font-family: "Inter-ExtraBold", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue",  sans-serif;
}
#hotelFormBookBt:lang(el) {
font-family: "Manrope-ExtraLight", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue",  sans-serif;
}
.accommodation-carousel .swiper-slide p:lang(el) {
font-family: 'Manrope-ExtraLight', system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue",  sans-serif;
}
strong:lang(el) {
font-family: 'Manrope-Bold', system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue",  sans-serif;
}
.item .text:lang(el) {
font-family: 'Manrope-ExtraLight', system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue",  sans-serif;
}
.contact-page-info-section .contact-info-address:lang(el) {
font-family: 'Manrope-ExtraLight', system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue",  sans-serif;
} .sp-restaurants-bars-top-image-module .et_pb_image_wrap img {
border-radius: 8px;
max-width: 90%;
}
.sp-restaurants-bars-bottom-image-module .et_pb_image_wrap img {
border-radius: 5px;
} .info-card-module {
width: fit-content;
margin-top: 15px;
position: absolute;
}
.contact-card {
width: 291px;
height: 425px;
background: var(--gray);
border-radius: 15px;
padding: 20px;
font-family: Arial, sans-serif;
color: #333;
display: flex;
flex-direction: column;
justify-content: center;
border: 2px solid white;
}
.inner-content {
padding: 0 1rem;
display: flex;
flex-direction: column;
justify-content: center;
}
.german-info-book-form .icon, 
.german-info-book-bottom .icon{
width: fit-content;
}
.info-card-module h2 {
font-family: "Manrope-ExtraLight", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue",  sans-serif;
font-size: 18px;
font-weight: 700;
line-height: 21.94px;
text-align: left;
text-underline-position: from-font;
text-decoration-skip-ink: none;
}
.subtext {
font-family: "Manrope-ExtraLight", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue",  sans-serif;
font-size: 14px;
font-weight: 300;
line-height: 17.07px;
text-align: left;
text-underline-position: from-font;
text-decoration-skip-ink: none;
}
.info p {
padding: 0;
font-family: "Manrope-ExtraLight", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue",  sans-serif;
font-size: 12px;
font-weight: 300;
}
.info p strong {
font-family: "Montserrat", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue",  sans-serif;
font-size: 12px;
font-weight: 700;
line-height: 15.55px;
text-align: left;
text-underline-position: from-font;
text-decoration-skip-ink: none;
}
.info-card-module h2:lang(el),
.subtext:lang(el), 
.info p:lang(el),
.info p strong:lang(el),
.call-button:lang(el),
.info-card-module a:lang(el) {
font-family: "Manrope-ExtraLight", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue",  sans-serif;
}
.info-card-module a {
font-family: "Montserrat", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue",  sans-serif;
font-size: 12px;
font-weight: 300;
line-height: 18.24px;
text-decoration: none !important;
color: black;
}
.call-button {
width: 100%;
padding: 10px;
background: #8a6b52;
border: none;
border-radius: 73px;
color: white;
font-size: 14px;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
margin-top: 15px;
}
.call-button:hover {
background: #8a6b52;
}
.hide-card {
display: none !important;
} .mobile_nav {
transform: scale(.8);	
}
.mobile_nav.opened .mobile_menu_bar {
z-index: 99999;
}
.our-rooms-section .sp-our-rooms-row {
display: flex;
justify-content: center;
align-items: center;
max-width: 999px;	
}
.our-rooms-section .accommodation-our-rooms-mod  p {
font-family: "Montserrat", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue",  sans-serif;
font-size: 20px;
font-weight: 300;
line-height: 28.5px;
letter-spacing: 0.02em;
}
.our-rooms-section .accommodation-our-rooms-mod span {
font-family: "QuicheSans Bold", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue",  sans-serif;
font-size: 24px;
font-weight: 300;
line-height: 29.26px;
color: var(--darkBlue);
}
.our-rooms-section .accommodation-our-rooms-mod span:lang(el) {
font-family: "Inter-ExtraBold", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue",  sans-serif;
} .near-roda-village-section .near-roda-village-content-mod h2 {
font-size:  clamp(28px, 4vw, 60px);
font-weight: 800;
line-height: 69.36px;
color: var(--darkBlue);
}
.near-roda-village-section .near-roda-village-content-mod p {
font-size: 20px;
font-weight: 400;
line-height: 31.09px;
color: #3C3C3C;
}
.near-roda-village-section .near-roda-village-right-col {
display: flex;
justify-content: center;
align-items: center;	
}
.near-roda-village-section{
padding-bottom: 10rem !important;	
}
.near-roda-village-section .near-roda-village-right-image {
transform: translate(-91px, 66px);	
}
.the-resort-showcase-section {
min-height: 100vh;
}
.the-resort-showcase-section .the-resort-showcase-module h2 {
font-size: clamp(28px, 4vw, 64px);
font-weight: 800;
line-height: clamp(32px, 4vw, 87px);
color: #fff;
text-transform: uppercase;
}
.the-resort-showcase-section .the-resort-showcase-module span {
font-family: "Montserrat", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue",  sans-serif;
font-size: clamp(24px, 4vw, 48px);
font-weight: 300;
line-height: 55.49px;
color: #fff;
text-transform: uppercase;
}
.the-resort-showcase-section .the-resort-showcase-module {
margin-top: 5rem;
}
.swiper.all-inclusive  {
color: #fff;
}
.near-roda-village-content-mod {
max-width: 525px;
}  .amenities-module ul {
padding: 0;
}
.amenities-module ul li {
position: relative;
font-size: 18px;
font-weight: 300;
line-height: 28.06px;
margin-left: 25px;
}
.amenities-module ul li:lang(el) {
font-family: 'Manrope-ExtraLight', system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue",  sans-serif;
}
.amenities-module ul li::marker {
font-size: 24px;
} #family-room-showcase-section {
display: flex;
}  #request-phone-form-container{
display: none;
position: absolute; background: #EADFD2;
padding: 2rem 1rem;
border-radius: 15px;
border: 2px solid white;
margin-top: 15px; width: 291px;
height: 425px;
justify-content: start;
align-items: center;
input.text, input.title, input[type=email], input[type=password], input[type=tel], input[type=text], select, textarea {
margin: 10px 0;
max-width: 250px;
padding: 10px 30px;
border-radius: 3px;
}
.wpcf7-submit {
border: none;
border-radius: 25px;
background: var(--orange);
color: white;
cursor: pointer;
padding: 10px 20px;
}
input {
border: 1px solid white;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output,
.wpcf7 form.sent .wpcf7-response-output {
max-width: 230px;
}
p {
font-size: 18px;
font-weight: bold;
}
}
.wpcf7-not-valid-tip {
font-size: 10px;
}
#request-phone-form-container:has(.invalid){
height: 650px;
p {
margin-top: 30px;
}
}
.et_pb_contact p input, .et_pb_contact p textarea {
background-color: #fff;
}  #request-phone-form-container-de,
#request-phone-form-container-fr,
#request-phone-form-container-gr{
display: none;
position: absolute; background: #EADFD2;
padding: 2rem 1rem;
border-radius: 15px;
border: 2px solid white;
margin-top: 15px; width: 291px;
height: 425px;
justify-content: start;
align-items: center;
input.text, input.title, input[type=email], input[type=password], input[type=tel], input[type=text], select, textarea {
margin: 10px 0;
max-width: 250px;
padding: 10px 30px;
border-radius: 3px;
}
.wpcf7-submit {
border: none;
border-radius: 25px;
background: var(--orange);
color: white;
cursor: pointer;
padding: 10px 20px;
}
input {
border: 1px solid white;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output,
.wpcf7 form.sent .wpcf7-response-output {
max-width: 230px;
}
p {
font-size: 18px;
font-weight: bold;
}
}
.wpcf7-not-valid-tip {
font-size: 10px;
}
#request-phone-form-container-de:has(.invalid),
#request-phone-form-container-fr:has(.invalid),
#request-phone-form-container-gr:has(.invalid){
height: 650px;
p {
margin-top: 30px;
}
}
.et_pb_contact p input, .et_pb_contact p textarea {
background-color: #fff;
}  #request-phone-form-containerBottom {
display: none;
position: absolute; background: #EADFD2;
padding: 2rem 1rem;
border-radius: 8px;
border: 2px solid white;
margin-top: 15px; width: 291px;
height: 430px;
justify-content: start;
align-items: center;
input.text, input.title, input[type=email], input[type=password], input[type=tel], input[type=text], select, textarea {
margin: 10px 0;
max-width: 250px;
padding: 10px 30px;
border-radius: 3px;
}
.wpcf7-submit {
border: none;
border-radius: 25px;
background: var(--orange);
color: white;
cursor: pointer;
padding: 10px 20px;
}
input {
border: 1px solid white;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output,
.wpcf7 form.sent .wpcf7-response-output {
max-width: 250px;
}
p {
font-size: 18px;
font-weight: bold;
}
}  #request-phone-form-containerBottom-de,
#request-phone-form-containerBottom-fr,
#request-phone-form-containerBottom-gr {
display: none;
position: absolute; background: #EADFD2;
padding: 2rem 1rem;
border-radius: 8px;
border: 2px solid white;
margin-top: 15px; width: 291px;
height: 430px;
justify-content: start;
align-items: center;
input.text, input.title, input[type=email], input[type=password], input[type=tel], input[type=text], select, textarea {
margin: 10px 0;
max-width: 250px;
padding: 10px 30px;
border-radius: 3px;
}
.wpcf7-submit {
border: none;
border-radius: 25px;
background: var(--orange);
color: white;
cursor: pointer;
padding: 10px 20px;
}
input {
border: 1px solid white;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output,
.wpcf7 form.sent .wpcf7-response-output {
max-width: 250px;
}
p {
font-size: 18px;
font-weight: bold;
}
} .white-bg .et_pb_image_wrap  { background: white;
border-radius: 8px;
box-shadow: 1px 1px 0px 1px rgba(0, 0, 0, 0.1);
border: 20px solid white;
border-bottom: 60px solid white;
}
.color-bg .et_pb_image_wrap  { background: var(--gray);
border-radius: 8px;
box-shadow: 1px 1px 0px 1px rgba(0, 0, 0, 0.13);
border: 20px solid var(--gray);
border-bottom: 60px solid var(--gray);
}
.close-btn {
position: absolute;
top: 10px;
right: 10px;
background: none;
border: none;
font-size: 18px;
font-weight: bold;
cursor: pointer;
color: #333;
}
.close-btn-3 {
position: absolute;
top: 10px;
right: 15px;
background: none;
border: none;
font-size: 18px;
font-weight: bold;
cursor: pointer;
color: #333;	
}
.request-form-section {
height: 0;
padding: 0 !important;
}
.sp-hero-section .et_pb_row.et_pb_row_0 {
display: flex;
justify-content: center;
align-items: flex-start;
height: 100%;
margin-top: 3rem;	
}
#perfect-pools-image-small {
margin-top: -20rem !important;	
}
.download-fact-sheet {
display: flex;
justify-content: start;
align-items: center;
gap: 5px;
margin-top: 20px;	
}
.see-the-menu {
display: flex;
justify-content: start;
align-items: center;
gap: 5px;
margin-top: 50px;
font-weight: bold;
}
.see-the-menu a {
color: var(--darkBlue);
}
.see-the-menu a:lang(el){
font-family: 'Manrope-Bold', system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue",  sans-serif;
}
.download-fact-sheet a:hover {
color: var(--orange);
}
.see-the-menu a:hover {
color: var(--orange);
}
.activities-images-text-section {
min-height: 100vh;
}
.activities-images-text-col-left {
display: flex;
align-items: center;
}
.activities-images-text-sm-img {
z-index: 3;
}
.activities-images-text-col-right {
display: flex;
align-items: center;
justify-content: center;
}
.activities-images-text-text-mod {
max-width: 600px;
}
.facilities-all-inclusive-section {
min-height: 90vh;
width: 95%;
border-radius: 8px;
margin: auto;
margin-bottom: 5rem;
}
.facilities-all-inclusive-module span{
font-family: "Montserrat", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue",  sans-serif;
font-size: clamp(24px, 4vw, 38px);
font-weight: 300;
line-height: 55.49px;
color: #fff;
text-transform: uppercase;	
}
.facilities-all-inclusive-module span:lang(el) {
font-family: 'Manrope-ExtraLight', system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue",  sans-serif;
}
.facilities-all-inclusive-module h3 {
font-size: clamp(28px, 4vw, 64px);
font-weight: 800;
line-height: clamp(32px, 4vw, 87px);
color: #fff;
text-transform: uppercase;
}
.facilities-all-inclusive-module.on-left {
display: flex;
justify-content: start;
margin-left: 10%;
}
.facilities-all-inclusive-module.on-right {
display: flex;
justify-content: end;
margin-right: 10%;
}
.facilities-all-inclusive-section {
display: flex;
justify-content: flex-end;	
}
.facilities-all-inclusive-row {
margin: 0;
display: flex;
align-items: flex-end;	
}
.facilities-all-inclusive-row.title-up {
align-items: start;		
}
.facilities-all-inclusive-section.title-left {
justify-content: start;	
}
.activities-images-text-lg-img .et_pb_image_wrap img {
border-radius: 8px;
}
.gallery-summary-col {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: auto;
}
.contact-us-section {
display: flex;
justify-content: center;
align-items: center;
}	
div.contact-us-form-module #et_pb_cf_turnstile_0{
justify-content:flex-start;
}
.contact-us-section .contact-us-text-module,
.contact-us-section .contact-us-form-module {
padding: 0 4rem;
}
.contact-us-section .contact-us-form-module form {
max-width: 662px;
}
.contact-us-section .contact-us-form-module .et_contact_bottom_container {
float: left;
margin-top: 20px;
}
.contact-us-row  .et_contact_bottom_container{
justify-content:flex-start;
}
.contact-us-form-module .et_pb_button:hover {
opacity: .7;
}
.contact-us-form-module .et_pb_contact p input[type="checkbox"]:checked+label i:before {
color: black;
}
.contact-us-section  .enquiry-form-title {
padding: 0 4rem;
}
.contact-page-info-section {
.contact-info-address {
display: flex;
}
.contact-info-title {
font-weight: 400;
font-size: 32px;
line-height: 41.46px;
color: black;
}
.contact-info-address,
.contact-info-phone,
.contact-info-mail,
.contact-info-res {
font-weight: 300;
font-size: 20px;
line-height: 30.4px;
margin: 10px 0;
}
}
div.contact-us-form-module .et_pb_contact_field_options_wrapper{
display: flex;
gap: 10px;
align-items: flex-start;
justify-content: flex-start;
}
.contact-info-address span {
margin-top: 8px;  	
}
.contact-page-info-image-mod .et_pb_image_wrap img{
border-radius: 8px;
}
.contact-page-info-row {
display: flex;
align-items: center;
}
.contact-page-info-right-col {
display: flex;
justify-content: center;
align-items: center;
height: 100%;	
}
.sp-restaurants-bars-left-col.reversed {
display: flex;
flex-direction: column-reverse;	
.top-positioned {
margin-bottom: -25rem !important;
transform: scale(.7);
margin-right: -5rem;
}
}
.sp-restaurants-bars-right-col {
display: flex;
justify-content: center;
align-items: center;
z-index:0;
}
.spn-1, .spn-2{
font-weight: 300;
font-size: 32px !important;
font-family: 'Montserrat'
}
.spn-1:lang(el),
.spn-2:lang(el) {
font-family: "Manrope-ExtraLight", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue",  sans-serif;
}
.sp-slider-heading-title h1 {
font-size: 64px !important;
}
.activities-images-text-row {
display: flex;
align-items: center;
min-height: 100vh;	
}
#join-the-action-section .facilities-all-inclusive-row {
align-items: start;
}
.rooms-presentation-grid-section {
overflow: hidden;
.rooms-presentation-grid-col {
display: flex;
flex-direction: column; }
.room-details {
display: flex;
justify-content: center;
width: 100%;
background: white;
border: none;
border-radius: 5px;
overflow: hidden;
}
.detail {
flex: 1;
display: flex;
align-items: center;
justify-content: center;
padding: 20px 10px;
font-size: 14px;
color: #333;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
}
.detail:last-child {
border-right: none;
}
.detail img {
width: 18px;
margin-right: 5px;
}
.rooms-presentation-grid-btn .roda-button {
padding: 7px 35px;
}
.rooms-presentation-grid-btn {
justify-self: end;
}
}
.single-rooms-section .rooms-presentation-grid-title {
min-height: 200px;	
}
.single-rooms-section .rooms-presentation-grid-title.single-room-presentation {
min-height: 400px;	
}
.single-rooms-section .rooms-presentation-grid-title:lang(de-DE),
.single-rooms-section .rooms-presentation-grid-title:lang(el){
min-height: 400px;	
}
.rooms-presentation-grid-title:lang(fr-FR){
min-height:700px;
}
.rooms-pres-fr:lang(fr-FR){
min-height:400px;
}
.rooms-presentation-grid-title { min-height:600px;
}
.contact-us-row{
padding-top:150px !important;
}
@media(max-width:1750px){
.rooms-presentation-grid-title{
min-height:680px;
}
}
@media(max-width:1550px){
.rooms-presentation-grid-title{
min-height:780px;
}
}
.rooms-presentation-grid-title:lang(de-DE){
min-height: 600px;		
}
.rooms-presentation-grid-title h3   {
font-family: "QuicheSans Bold", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue",  sans-serif;
font-weight: 700;
font-size: 24px;
line-height: 38px;
padding-bottom: 0;
text-transform: uppercase;
}
.rooms-presentation-grid-title h3:lang(el) {
font-family: "Inter-ExtraBold", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue",  sans-serif;
}
.rooms-presentation-grid-title h4 {
font-family: "Montserrat";
font-weight: 500;
font-size: 14px;
line-height: 28px;
text-transform: uppercase;
}
.rooms-presentation-grid-title h4:lang(el) {
font-family: "Manrope-ExtraLight", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue",  sans-serif;
}
.rooms-presentation-grid-title p {
font-family: Montserrat;
font-weight: 400;
font-size: 18px;
line-height: 28.5px;
color:#3C3C3C;
}
.rooms-presentation-grid-title p:lang(el) {
font-family: "Manrope-ExtraLight", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue",  sans-serif;
}
.opening-hours {
margin-top: 2rem;
} .booking-form-container {
z-index: 1000;
transform: translateX(110%); transition: transform 0.3s ease-out;
} .booking-form-container.show-booking-form {
transform: translateX(0);
}
.polaroid-bottom-right {
transform: scale(.7);
margin-top: -20rem;
margin-right: -7rem !important;
}
.polaroid-bottom-left {
transform: scale(.8);
margin-top: -14rem;
margin-left: -7rem !important;
}
.polaroid-top-right {
transform: scale(.7);
margin-bottom: -27rem !important;
margin-right: -5rem !important;
}
.polaroid-top-left {
transform: translate(107px, -60px) scale(.7);
}
.big-right-image {
transform: translateX(0px) translateY(135px);
} #menu-main-menu-en li.current-menu-item > a,
#menu-main-menu-de li.current-menu-item > a,
#menu-main-menu-fr li.current-menu-item > a,
#menu-main-menu-fr > li.current-menu-item > a,
#mobile_menu2 li.current-menu-item > a {
color: var(--orange) !important;
}
.sp-restaurants-bars-content-module {
max-width: 600px;
}
.sp-restaurants-bars-content-module p:has(strong) {
padding-bottom: 0;
} .pools-section-top-left {
padding: 4rem ;
margin: 0 auto;
position: relative;
margin-right: 0 !important;
}
.pools-section-top-left .main-image  {
width: 100%;
height: auto;
border-radius: 8px;
}
.pools-section-top-left .main-image.mx-500 {
max-width: 550px;
}
.pools-section-top-left .main-image.mx-650 {
max-width: 650px;
}
.main-image img {
border-radius: 8px;
}
.pools-section-top-left .detail-image {
position: absolute;
width: 30%;
top: -2rem;
left: -2rem;
z-index: 12;
}
.inner-galleries-section {
min-height: 100vh;
display: flex;
justify-content: center;
align-items: center;
}
.sp-location-section .sp-location-module a:hover,
.contact-page-info-content-mod .content-paragraph a:hover {
color: var(--orange) !important;
}
@media (max-width: 1024px) {
.pools-section-top-left {
padding: 2rem;
padding-top:6rem;
}
.pools-section-top-left .detail-image {
top: 0rem;
left: 0rem;
}
}
@media (max-width: 768px) {
.pools-section-top-left .detail-image {
width: 30%;
}
}
@media (max-width: 480px) {
.contact-page-info-section {
.contact-info-address,
.contact-info-phone,
.contact-info-mail,
.contact-info-res {
font-size: 16px;
}
}
.pools-section-top-left {
padding: 1rem;
padding-top: 5rem;
}
.pools-section-top-left .detail-image {
width: 35%;
top: -0.5rem;
left: 0.5rem;
}
} .pools-section-bottom-left{
z-index:0 ;
} .pools-section-bottom-left {
padding: 4rem ;
margin: 0 auto !important;
position: relative;
}
.pools-section-bottom-left  .main-image  {
width: 100%;
height: auto;
border-radius: 8px;
}
.pools-section-bottom-left .main-image.mx-500 {
max-width: 550px;
}
.pools-section-bottom-left  .detail-image {
position: absolute;
width: 30%;
bottom: -4rem;
left: -2rem;
z-index: 12;
}
.pools-section-bottom-left .detail-image.waves-image {
bottom: -1rem;
}
@media (max-width: 1500px) {
.pools-section-bottom-left .detail-image {
width: 35%;
}	
}
@media (max-width: 1024px) {
.pools-section-bottom-left  {
padding: 2rem;
}
.pools-section-bottom-left .detail-image {
left: 0rem;
}
}
@media (max-width: 768px) {
.pools-section-bottom-left .detail-image {
width: 30%;
bottom: -1rem;
left: 0rem;
}
}
@media (max-width: 480px) {
.pools-section-bottom-left  {
padding: 1rem;
margin-bottom: 3rem;
}
.pools-section-bottom-left .detail-image {
width: 35%;
bottom: -0.5rem;
left: 0.5rem;
}
div.bottom-header-row > div.bottom-header-left-col > div > a > span > img{
padding: 1rem 1rem;
margin-left: 0;
}
}  .pools-section-bottom-right {
padding: 4rem ;
margin: 0 auto;
position: relative;
}
.pools-section-bottom-right .detail-image.translated-right {
bottom: 0;
right: 0;
}
.pools-section-bottom-right  .main-image  {
width: 100%;
height: auto;
border-radius: 8px;
}
.pools-section-bottom-right  .main-image.mx-500 {
max-width: 550px;
}
.pools-section-bottom-right  .detail-image {
position: absolute;
width: 30%;
bottom: -4rem;
right: 2rem;
z-index: 12;
}
@media (max-width: 1500px) {
.pools-section-bottom-right .detail-image {
width: 35%;
}
}
@media (max-width: 1024px) {
.pools-section-bottom-right  {
padding: 2rem;
}
}
@media (max-width: 768px) {
.pools-section-bottom-right .detail-image {
width: 30%;
bottom: -1rem;
right: 1rem;
}
}
@media (max-width: 480px) {
.pools-section-bottom-right  {
padding: 0;
margin-bottom: 3rem;
}
.pools-section-bottom-right .detail-image {
width: 35%;
bottom: -0.5rem;
right: 0.5rem;
}
}  .pools-section-top-right {
padding: 4rem ;
margin: 0 auto;
position: relative;
}
.pools-section-top-right .main-image  {
width: 100%;
height: auto;
border-radius: 8px;
}
.pools-section-top-right .main-image.mx-500 {
max-width: 550px;
}
.pools-section-top-right .detail-image {
position: absolute;
width: 30%;
top: -2rem;
right: -2rem;
z-index: 12;
}
@media (max-width: 1024px) {
.pools-section-top-right {
padding: 2rem;
}
}
@media (max-width: 768px) {
.pools-section-top-right .detail-image {
width: 30%;
top: -1rem;
right: -1rem;
}
}
@media (max-width: 480px) {
.pools-section-top-right {
padding: 1rem;
margin-bottom: 3rem;
}
.pools-section-top-right .detail-image {
width: 35%;
top: -0.5rem;
right: 0.5rem;
}
.sp-header-white-logo .et_pb_image_wrap{
max-width:120px;
}
.sp-header-orange-logo a span img{
max-width: 135px;
}
}  .pulse-circle {
position: absolute;
top: 38%;
left: 55%;
width: 20px;
height: 20px;
background-color: #8a6b52;
border-radius: 50%;
animation: pulse 2s infinite;
}
.pulse-circle::before,
.pulse-circle::after {
content: '';
position: absolute;
width: 100%;
height: 100%;
border-radius: 50%;
background-color: rgba(0, 0, 0, 0.5);
animation: wave 2s infinite;
}
.pulse-circle::after {
animation-delay: 1s;
}
@keyframes pulse {
0% {
transform: scale(1);
opacity: 1;
}
50% {
transform: scale(1.1);
opacity: 0.7;
}
100% {
transform: scale(1);
opacity: 1;
}
}
@keyframes wave {
0% {
transform: scale(1);
opacity: 0.6;
}
100% {
transform: scale(2.5);
opacity: 0;
}
}
.corfu-city {
position: absolute;
top: 38%;
left: 46%;
display: inline-block;
width: 100px;
color: var(--orange);
animation: none;	
}
.roda-place {
position: absolute;
top: 41%;
left: 72%;
display: inline-block;
width: 100px;
color: var(--orange);
animation: none;		
}
@keyframes bounce {
0% {
transform: translatey(0);
}
50% {
transform:  translatey(-6px);
}
100% {
transform: translatey(0);
}
} .image-animation {
width: 100%;
display: block; 
clip-path: inset(100% 0% 0% 0%);
}
.image-animation-left {
width: 100%;
display: block;
clip-path: inset(0% 100% 0% 0%);
}
.image-animation-left-dining{
width: auto;
display: block;
clip-path: inset(0% 100% 0% 0%);
}
.image-animation-right {
width: 100%;
display: block;
clip-path: inset(0% 0% 0% 100%);
} .feature-title {
padding-bottom: 0;
}
.feature-title span {
font-family: 'QuicheSans Bold', "Times New Roman", Times, serif !important;
text-transform: uppercase;
font-size: clamp(28px, 4vw, 60px)!important;
color: #303747 !important;
font-weight: 500 !important;
}
body:not(.custom-hamburger-icon) .mobile_menu_bar:before {
color: #303747 !important;	
}
.bottom-header-right-col {
display: flex;
align-items: center;
}
.detail-image.scaled-big {
width: 45%;
}
.detail-image.scaled-semi-big {
width: 37%;	
}
.narrow-content {
max-width: 575px !important;
}
.wide-content {
max-width: 640px !important;
} @keyframes kenburns {
from {
transform: scale(1.15);
}
to {
transform: scale(1);
}
}
.et_pb_slide {
overflow: hidden;
}
.hero-slider-section .et_pb_slide,
.the-resort-slider-section .et_pb_slide {
animation: kenburns 10s linear infinite;
transform-origin: center;
}
.hero-slider-section.remove-kenburns .et_pb_slide,
.the-resort-slider-section.remove-kenburns .et_pb_slide  {
animation: none !important;
}
.current-menu-parent {
color: var(--orange) !important; 
}
.sub-menu .current-menu-item {
color: var(--orange) !important; 	
}
.sub-menu:not(.current-menu-item) {
color: #303747 !important; 	
}
.sp-slider-heading-title { }
.contact-us-row.career-row {
display: flex;
justify-content: center;
align-items: start;	
padding-top:100px;
}
.places-t-explore-row {
min-height: 100vh;
align-items: center;
}
.places-t-explore-row .places-t-explore-left-col { min-height: 90vh;
}
.places-to-explore-left-image img,
.places-to-explore-right-image img {
max-height: 400px;
border-radius: 8px;
aspect-ratio: 16 / 9;
}
.places-to-explore-section .places-to-explore-row .places-to-explore-left-col .places-to-explore-left-image,
.places-to-explore-section .places-to-explore-row .places-to-explore-right-col .places-to-explore-right-image {
margin-bottom: 20px;
}
.inner-title-container {
min-height: 70px;
}
.form-row.choose-file {
margin-bottom: 25px;
}
.enquiry-form-title.join-our-team {
max-width: 630px;
}
.career-row input[type="file" i]::-webkit-file-upload-button {
background: var(--orange);
border: none;
color: white;
padding: 10px 20px;
cursor: pointer;	
}
.places-t-explore-row {
display: flex;
}
.language-switcher-module {
margin-left: 10px;
}
.sp-top-transparent-header-section .sp-top-transparent-header-row .language-switcher-module {
background-color: transparent ;
box-shadow: none;
}
.language-switcher-module .sub-menu {
width: 50px;
box-shadow: none;
}
.language-switcher-module .sub-menu .lang-item {
width: 50px;
border-radius: 50%;
background: transparent;
border: 1px solid white;
width: 50px;
height: 50px;
display: flex;
justify-content: center;
align-items: center;
position: relative;
padding: 0 !important;
box-shadow: none;
}
.language-switcher-module .sub-menu {
padding: 0 !important;
}
.language-switcher-module .menu-item {
position: relative;
}
.sp-top-transparent-header-section .language-switcher-module .menu-item .sub-menu {
position: absolute;
top: 100%;
left: 50%;
transform: translate(-50%, 0%);	
background-color: transparent !important;
border-top: none;
}
.language-switcher-module .menu-item a {
width: 100%;
border-radius: 50%;
background: transparent;
border: 1px solid white;
color: white;
width: 50px;
height: 50px;
display: flex;
justify-content: center;
align-items: center;
position: relative;
padding: 0 !important;
box-shadow: none;
font-weight: bold;
}
.language-switcher-module .menu-item a:hover {
background: var(--orange);
opacity: 1;
cursor: pointer;
}
.bottom-header-row .language-switcher-module .menu-item a {
border: 1px solid var(--orange);
color: var(--orange);
background: #ffffff;
}
.bottom-header-row .language-switcher-module .menu-item a:hover {
border: 1px solid #8a6b52;
color: #ffffff;
background: var(--orange);
opacity: 1;
cursor: pointer;
}
.sp-top-transparent-header-section .language-switcher-module .menu-item {
margin-top: 0;
}
.language-switcher-module .menu-item a::after {
display: none;
}
.language-switcher-module .sub-menu .lang-item a {
width: 100%;
}
.sticker-top-right{
position:relative !important;
}
.sticker-top-right::after{
content: url(https://dev.roda-beach.com/wp-content/uploads/2025/03/Newrestaurant_beige.svg);
top: -121px;
position: absolute !important;
right: 1px !important;
width: 120px !important;
height: 200px !important;
}
.sport-sticker-top-right{
position:relative !important;
}
.sport-sticker-top-right::after{
content: url(https://dev.roda-beach.com/wp-content/uploads/2025/03/Newevents_beige.svg);
top: -100px;
position: absolute !important;
right: 40px !important;
width: 120px !important;
height: 200px !important;
}
.sp-top-transparent-header-section .bottom-header-row .bottom-header-right-col {
margin-right: 25px !important;
}
#german-language-footer:lang(en-US),
#german-language-footer:lang(fr-FR),
#german-language-footer:lang(el){
display: none !important;;
}
#english-language-footer:lang(de-DE),
#english-language-footer:lang(el),
#english-language-footer:lang(fr-FR){
display: none !important;
}
#greek-language-footer:lang(de-DE),
#greek-language-footer:lang(en-US),
#greek-language-footer:lang(fr-FR){
display: none !important;
}
#french-language-footer:lang(de-DE),
#french-language-footer:lang(en-US),
#french-language-footer:lang(el){
display: none !important;
}
div.privacy-policy-page-section{
padding-top:150px;
}
.privacy-policy-text-module p {
font-size: 18px;
font-family: 'Montserrat';
font-weight:400;
}
.lwp-hide-mobile-menu.et_pb_menu .et_pb_menu__menu,
.lwp-hide-mobile-menu.et_pb_fullwidth_menu .et_pb_menu__menu {
display: flex !important;
}
.lwp-hide-mobile-menu .et_mobile_nav_menu {
display: none !important;
}
@media (max-width: 980px) {
.lwp-hide-mobile-menu.et_pb_menu .et_pb_menu__menu,
.lwp-hide-mobile-menu.et_pb_fullwidth_menu .et_pb_menu__menu {
display: flex !important;
}
.lwp-hide-mobile-menu .et_mobile_nav_menu {
display: none !important;
}
} .mobile_nav .mobile_menu_bar {
position: relative;
width: 30px; 
height: 3px;
background: black;
display: block;
transition: all 0.3s ease-in-out;
}
.mobile_nav .mobile_menu_bar::before,
.mobile_nav .mobile_menu_bar::after {
content: "";
position: absolute;
height: 3px;
background: black;
transition: all 0.3s ease-in-out;
right: 0; 
}
.mobile_nav .mobile_menu_bar::before {
width: 20px; 
top: -10px;
left: auto !important;
right: 0 !important;
}
.mobile_nav .mobile_menu_bar::after {
width: 25px; 
bottom: -10px;
} .places-t-explore-section {
overflow: hidden;
}
.four-o-four-section {
display: flex;
}
.four-o-four-section-text-mod h1,
.four-o-four-section-text-mod h2,
.four-o-four-section-text-mod p {
color: white;
text-align: center;
}
.four-o-four-section-text-mod {
display: flex;
justify-content: center;
flex-direction: column;
max-width: 800px;
margin: auto;
}
.four-o-four-section-text-mod h1 {
font-size: clamp(48px, 4vw, 90px);
}
.four-o-four-section-text-mod h2 {
font-size: clamp(28px, 4vw, 48px);
}
.four-o-four-section-text-mod p  {
font-size: 20px;
}
#menu-main-menu-en > li > a,
#menu-main-menu-de > li > a {
padding-bottom: 0;
}
.et_pb_gutters3 .et_pb_column_1_4 .et_pb_module, .et_pb_gutters3.et_pb_row .et_pb_column_1_4.bottom-header-right-col .et_pb_module {
margin-bottom: 0;
}
#big-title.sp-restaurants-bars-content-module {
max-width: unset;
}
.rooms-presentation-grid-image img {
max-height: 500px;
}
.cf7-cf-turnstile {
transform: scale(.7) !important;  
}
div.contact-us-form-column  .cf7-cf-turnstile{
transform:scale(1) !important;
} .roda-serida-logos-container .white-roda-logo, .roda-serida-logos-container .white-serita-logo{
min-width:150px ;
}
#white-logo-bottom,
#white-logo-bottom-de
{
max-width: 150px;
min-width: 150px;
height: 60px;
}
@media screen and (max-width: 1540px) {
.global-footer-section .footer-newsletter-module #mlb2-24723569.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-formContent, #mlb2-24723569.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow, 
.global-footer-section .footer-newsletter-module #mlb2-23683362.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-formContent, #mlb2-23683362.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow {
min-width: 200px;
}
.roda-serida-logos-container .white-roda-logo, .roda-serida-logos-container .white-serita-logo {
max-width: 120px;
}
.accommodation-slider-row {
width: 95% !important;
}
.amenities-module ul li {
font-size: 18px;
}
.sp-slider-heading-title h1 {
font-size: 64px !important;
}
.the-resort-slider-section .the-resort-slider-module p,
.hero-slider-section .hero-slider-module p {
font-size: 64px !important;
line-height: 70px !important;
}
.the-resort-slider-section .the-resort-slider-module .et_pb_slides h2,
.hero-slider-section .hero-slider-module .et_pb_slides h2 {
font-size: 32px !important;
line-height: 40px !important;
}
.sp-location-right-col {
margin-left: unset;
}
.rooms-presentation-grid-title:lang(fr-FR){
min-height:1200px;
}
}
@media screen and (min-width: 1201px) and (max-width: 1540px) {
.bottom-header-middle-col {
margin-right: 0 !important;
}
.places-t-explore-row .places-t-explore-left-col {
min-height: 100vh;
}
.language-switcher-module .et_pb_menu_inner_container {
transform: scale(.8);
}
.single-rooms-section .rooms-presentation-grid-title:lang(de-DE) {
min-height: 370px;
}
.rooms-presentation-grid-title {
min-height: 780px;
} 
.rooms-presentation-grid-title:lang(de-DE) {
min-height: 650px;
}
.bottom-header-row .bottom-header-left-col {
margin-right: 0;
}
.button {
padding: 0 10px;
}
.button.info-button {
padding: 0;
}
.button.info-button p {
display: none;
}
.button.book-button span {
font-size: 10px;
}
.icon {
margin-right: 10px;
transform: unset; 
}
.bottom-header-row .dtb-menu #menu-main-menu-en li a,
.bottom-header-row .dtb-menu #menu-main-menu-de li a {
font-size: 10px;
}
#request-phone-form-container,
.info-card-module,
#request-phone-form-containerBottom{
right: 0;
}
.rooms-presentation-grid-title:lang(fr-FR){
min-height:1100px;
}
}
@media screen and (min-width: 1200px) {
.bottom-header-middle-col {
flex: 7; }
.bottom-header-left-col {
flex: 1;
}
.bottom-header-right-col {
flex: 1;
}
}
@media screen and (min-width: 1023px) and (max-width: 1024px) {
.places-t-explore-section .places-t-explore-row .places-t-explore-left-col {
background-size: 80%;
}
.places-t-explore-row .places-t-explore-left-col {
min-height: 70vh;
}
}
@media screen and (max-width: 1024px) {
.sp-hero-section .et_pb_row.et_pb_row_0 {
margin-top: 9rem;
}
.footer-links-module .et_pb_text_inner {
flex-direction: column;
}
.rooms-presentation-grid-title:lang(fr-FR){
min-height:1300px;
}
}
@media screen and (max-width:980px){
.rooms-presentation-grid-title:lang(fr-FR){
min-height:auto;
}
}
@media screen and (min-width: 1200px) and (max-width: 1500px) {
.career-row .wpcf7-form {
padding: 0 !important;
}
.rooms-presentation-grid-title{
min-height: 850px;
}
}
@media screen and (max-width: 1200px) {
#dtb-m-menu .sub-menu-toggle.popped~ul.sub-menu li {
border: 1px solid white;
}
.contact-us-row.career-row {
flex-direction: column;
gap: 5rem;
}
.contact-us-row.career-row .sp-heading3 {
text-align: center;
}
.contact-us-row.career-row .contact-us-text-column  {
margin-bottom: 0;
}
.sp-top-transparent-header-section .bottom-header-row {
opacity: 0;
}
.sticky {
opacity: 1 !important;
}
.bottom-header-middle-col {
align-items: center;
order: 3;
display: flex;
justify-content: end;
width: fit-content !important;
margin-bottom: 0 !important;
}
.bottom-header-middle-col .et_pb_module {
width: fit-content;
display: flex;
justify-content: end;
}
.bottom-header-right-col {
width: 100% !important;
display: flex;
justify-content: end;
align-items: center;
}
}
@media screen and (max-height: 800px) {
.swiper2 .swiper-wrapper {
height: 82vh !important;
}	
}
@media screen and (min-height:1000px) and (max-height: 1300px) {
.swiper2 .swiper-wrapper {
height: 60vh !important;
}	
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
.rooms-presentation-grid-title {
min-height: 1000px;
} 	
} @media screen and (min-width: 1023px) and (max-width: 1024px) {
.accommodation-carousel .swiper-slide {
height: 608px !important;
}
.rooms-presentation-grid-title {
min-height: 770px;
} 	
.sp-embrace-corfu-section {
min-height: 60vh;
}
.sp-facilities-services-section, 
.sp-restaurants-bars-row,
.activities-images-text-row,
.activities-images-text-section {
min-height: 60vh;
}
.sp-facilities-services-section .sp-text-content,
.sp-text-content { }
.facilities-all-inclusive-section {
min-height: 50vh;
}
.sp-restaurants-bars-left-col.reversed .top-positioned {
margin-bottom: -14rem !important;
transform: scale(.6);
}
.rooms-text-content {
display: flex;
flex-direction: column;
align-items: start;
justify-content: start;
min-height: 128px;	
}
}
@media screen and (min-width: 501px) and (max-width: 980px) {
.sp-restaurants-bars-right-col, 
.activities-images-text-col-right {
justify-content: start;
padding-left: 2rem;
} .pools-section-top-right .main-image.mx-500,
.pools-section-bottom-right .main-image.mx-500 {
max-width: unset;
}
.narrow-content {
max-width: unset !important;
}
.global-footer-row1-newsletter-col {
order: 3;
}
.global-footer-row1-logo-col {
order: 1;
}
.global-footer-row1-address-col {
order: 2;
}
.address-info, .phone-num, .email-icon, .luggage-icon {
justify-content: center;
}
.footer-address-module .et_pb_text_inner {
text-align: center;
}
.global-footer-row1-newsletter-col {
flex-direction: column;
justify-content: center;
align-items: center;
}
.footer-links-module .et_pb_text_inner {
text-align: center;
}
.global-footer-row1-address-col,
.global-footer-row1-newsletter-col,
.global-footer-row2-rights-res-col,
.global-footer-row2-iworx-col {
display: flex;
justify-content: center;	
}
.global-footer-row2-iworx-col {
order: 2;
}
.global-footer-row2-rights-res-col {
order: 1;
}
.sp-restaurants-bars-content-module, 
.near-roda-village-content-mod {
padding: 0 1rem;
}
.sp-location-module .et_pb_text_inner p {
font-size: 18px;
}
.social-right-container .social-icons {
transform: scale(.7);	
}
.bold-text {
font-size: 20px;
}
.sp-text-content {
font-size: 18px;
}
.sp-slider-heading-title h1 {
font-size: 48px !important;
}
.social-header {
flex-wrap: wrap;
justify-content: center;
text-align: center;
}
.socials-section .social-header .feature-title {
margin-bottom: 0;
padding-bottom: 0;
font-size: 20px;
}
.socials-section .social-header .feature-title span {
font-size: 20px !important;
}
.social-header .social-line { margin-bottom: 0;
}
.social-header .social-icons {
order: 2;
}
div.global-footer-row1 > div> div.footer-logo-module{
text-align:center;
}
div.global-footer-section > div{
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
}
@media screen and (min-height: 1200px) {
.swiper2 .swiper-wrapper {
height: 55vh !important;
}
}
@media screen and (min-width: 980px) and (max-width: 1300px) {
.pulse-circle, .map-point2 {
top: 31%;
}	
}
@media screen and (min-width: 980px) and (max-width: 1200px) {
.contact-us-section .career-row .contact-us-form-column {
width: 100%;
}
}
@media screen and (max-width: 980px) {
.global-footer-section .footer-newsletter-module #mlb2-24723569.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-formContent, #mlb2-24723569.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow, 
.global-footer-section .footer-newsletter-module #mlb2-23683362.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-formContent, #mlb2-23683362.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow {
min-width: 200px;
}
.places-t-explore-left-col {
display: flex !important;
}
.places-t-explore-row {
flex-direction: column-reverse;
}
.bottom-header-left-col {
margin-bottom: 0 !important;
}
.contact-page-info-row {
flex-direction: column-reverse;
gap: 5rem;
}
.contact-page-info-right-col {
justify-content: start;
}
.sp-restaurants-bars-row {
flex-direction: column;
}
.reversed-col {
display: flex;
flex-direction: column-reverse !important;
}
.rooms-presentation-grid-title {
min-height: 300px;
padding: 0 1rem;
}
.spn-1, .spn-2{
font-size: 28px !important;
}	
.activities-images-text-row {
display: flex;
flex-direction: column;
gap: 5rem;
}
.activities-images-text-section {
padding-bottom: 5rem;
}
.sp-location-left-col .et_pb_text_inner {
justify-content: center;
}
.sp-embrace-corfu-section {
min-height: 75vh;
}
.near-roda-village-content-mod   {
max-width: 630px;
}
.near-roda-village-row  {
display: flex;
flex-direction: column-reverse;	
gap: 1rem;
}
.near-roda-village-right-image {
display: none;
}
.near-roda-village-section {
padding-bottom: unset !important;
}
.accommodation-slider-section {
display: flex;
justify-content: center;
}
.sp-location-right-col   {
margin-bottom: 50px !important;
}
.sp-location-module {
display: flex;
align-items: center;
justify-content: start;
padding-left: 2rem;
}
.sp-restaurants-bars-right-col {
margin-bottom: 50px !important;
}
.sp-location-row  {
display: flex;
flex-direction: column-reverse;
}
.sp-slider-heading-title h1 {
font-size: 44px !important;
}
.reversed-vertical	{
flex-direction: column-reverse;
}
.vertical	{
flex-direction: column;
}
.activities-images-text-section{
padding-top: 0;
}
.sticker-top-right::after,
.sport-sticker-top-right::after{	 
top: -100px !important;
width: 100px !important;
}
.rooms-presentation-grid-section .rooms-presentation-grid-col {
min-height: 90vh;
}
.contact-us-row{
padding-top:20px;
}
div.bottom-header-row > div.bottom-header-left-col > div > a > span > img{
margin-left: 0;
}
}
@media screen and (min-width: 501px) and (max-width: 768px) {
.pulse-circle, .map-point2 {
top: 31%;
}	
}
@media (max-width: 767px) {
.contact-us-section .enquiry-form-title { }
.our-rooms-section .accommodation-our-rooms-mod h2 {
font-size: 28px;
}
.global-footer-row1-newsletter-col {
order: 3;
}
.global-footer-row1-logo-col {
order: 1;
}
.global-footer-row1-address-col {
order: 2;
}
.address-info, .phone-num, .email-icon, .luggage-icon {
justify-content: center;
}
.footer-address-module .et_pb_text_inner {
text-align: center;
}
.global-footer-row1-newsletter-col {
flex-direction: column;
justify-content: center;
align-items: center;
}
.footer-links-module .et_pb_text_inner {
text-align: center;
}
.global-footer-row1-address-col,
.global-footer-row1-newsletter-col,
.global-footer-row2-rights-res-col,
.global-footer-row2-iworx-col {
display: flex;
justify-content: center;	
}
.global-footer-row2-iworx-col {
order: 2;
}
.global-footer-row2-rights-res-col {
order: 1;
}
.sp-restaurants-bars-content-module, 
.near-roda-village-content-mod {
padding: 0 1rem;
}
.sp-location-module .et_pb_text_inner p {
font-size: 18px;
}
.social-right-container .social-icons {
transform: scale(.7);	
}
.bold-text {
font-size: 20px;
}
.sp-text-content {
font-size: 18px;
}
.sp-slider-heading-title h1 {
font-size: 48px !important;
}
.social-header {
flex-wrap: wrap;
justify-content: center;
text-align: center;
}
.socials-section .social-header .feature-title {
margin-bottom: 0;
padding-bottom: 0;
font-size: 20px;
}
.socials-section .social-header .feature-title span {
font-size: 20px !important;
}
.social-header .social-line { margin-bottom: 0;
}
.social-header .social-icons {
order: 2;
}
div.global-footer-row1 > div> div.footer-logo-module{
text-align:center;
}
div.global-footer-section > div{
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
}
@media screen and (max-width: 688px) {
.global-footer-row1, .global-footer-row2 {
flex-direction: column; 
}
div.global-footer-row1 > div> div.footer-logo-module{
text-align:center;
}
.sp-location-section{
min-height:70vh;
}
.places-t-explore-section,
.places-to-explore-section{
padding-top:0;
}
.places-t-explore-row,
.places-to-explore-row,
.places-t-explore-section{
padding-bottom:0;
}
}
@media screen and (max-width: 500px) {
.pulse-circle, .map-point2 {
top: 27%;
}
.pulse-circle {
width: 14px;
height: 14px;
}
.map-point2 {
width: 25px;
height: 25px;
background-size: 100%;
}
#dtb-m-menu .dtb-mobile-menu li a {
font-size: 13px;
}
.language-switcher-module {
transform: scale(.8);
}
.sp-top-transparent-header-section .bottom-header-row .bottom-header-right-col {
margin-right: 10px !important;
}
.contact-us-section .contact-us-text-module,
.contact-us-section .contact-us-form-module {
padding: 0 2rem;
}
.places-t-explore-right-col .sp-text-content {
font-size: 16px;
line-height: 32px;
}
.places-t-explore-row .places-t-explore-left-col {
background-size: contain;
min-height: 30vh;
margin-bottom:0;
}
.facilities-all-inclusive-module span {
line-height: 30px;
}
.rooms-presentation-grid-section {
.rooms-presentation-grid-col {
min-height: 80vh;
}
}
.amenities-module ul li {
font-size: 16px;
line-height: 24px;
}
.places-to-explore-text-content .hero-subtitle {
font-size: 24px;
}
.sp-restaurants-bars-row {
min-height: unset;
}
.button {
padding: 0 10px;
}
.button.info-button {
padding: 0;
}
.button.info-button p {
display: none;
}
.button.book-button span {
font-size: 10px;
}
.icon {
margin-right: 10px;
transform: unset; 
}
.icon img {
transform: scale(.8);	
}
.career-row .form-row {
gap: 0 !important;
}
#request-phone-form-container,
#request-phone-form-container-de {
margin-right: 10px;
right: -50%;
}
#request-phone-form-containerBottom, 
#request-phone-form-containerBottom-de  {
margin-right: 0;
right: -70%;
}
.en-circle {
margin: 0 .5rem;
}
.bottom-header-right-col {
justify-content: center;
}
.bottom-header-row 	.info-card-module {
right: -70%;
}
.info-card-module {
right: -40%;
}
.activities-images-text-text-mod {
padding: 0 1rem;
}
.our-rooms-section .accommodation-our-rooms-mod p {
font-size: 18px;
}
.hero-subtitle {
font-size: 18px;
}
.spn-1, .spn-2{
font-size: 22px !important;
}	
.sp-restaurants-bars-left-col.reversed .top-positioned {
margin-bottom: -12rem !important;
transform: scale(.7);
}
.facilities-all-inclusive-section {
min-height: unset;
height: 50vh;
justify-content: center;
}
.roda-button {
padding: 8px 24px;
}
.sp-restaurants-bars-section,
.sp-restaurants-bars-row {
padding-bottom: 0;
}
.white-bg .et_pb_image_wrap  {
border: 10px solid white;
border-bottom: 30px solid white;
}
.color-bg .et_pb_image_wrap  {
border: 10px solid var(--gray);
border-bottom: 30px solid var(--gray);
}
.the-resort-slider-section .the-resort-slider-module p,
.hero-slider-section .hero-slider-module p {
font-size: 32px !important;
line-height: 40px !important;
}
.the-resort-slider-section .the-resort-slider-module .et_pb_slides h2,
.hero-slider-section .hero-slider-module .et_pb_slides h2 {
font-size: 24px !important;
}
.sp-slider-heading-title h1 {
font-size: 32px !important;
line-height: 40px;
}
.sp-slider-heading-title h1 .spn-1,
.sp-slider-heading-title h1 .spn-2 {
font-size: 24px;
font-weight: 100;
}
.sp-embrace-corfu-row {
width: 90%;
}
.sp-embrace-corfu-module .hero-text {
font-size: 18px;
}
.sp-restaurants-bars-bottom-image-module {
margin-top: -9rem !important;
right: -3rem !important;
transform: scale(.7);
}
.sp-restaurants-bars-bottom-image-module .et_pb_image_wrap  img {
border-radius: 8px;
}
.sticker-top-right::after,
.sport-sticker-top-right::after{
top: -75px !important;
width: 80px !important;
right: 15px !important;
}
.roda-serida-logos-container{
flex-direction:column;
}
div.global-footer-row1 > div> div.footer-logo-module{
text-align:center;
}
.activities-images-text-section{
padding-bottom:0;
}
.activities-images-text-row{
gap: 50px;
padding-bottom: 0;
}
.sp-facilities-services-section{
padding-bottom:0;
min-height:90vh;
}
.contact-page-info-section{
padding-top:0;
padding-bottom:0;
}
.contact-page-info-row{
gap:3rem;
}
}
@media screen and (max-width: 320px) {
.contact-page-info-row {
width: 90%;
}
}  .career-row .wpcf7-form {
max-width: 1200px;
margin: 0 auto;
padding: 20px;
} .career-row .form-title {
text-align: left;
font-size: 32px;
font-weight: bold;
text-transform: uppercase;
margin-bottom: 30px;
color: #333;
} .career-row .form-row {
display: flex;
flex-wrap: wrap; gap: 20px;
max-width: 650px;
}
.form-row.agree-and-submit { display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
}
.form-row.agree-and-submit .form-column.agreefrm {
flex: 2;
}
.form-column.submit-frm .submit-container p {
display: flex;
}
.career-row .form-column {
flex: 1;
min-width: 300px;
} .career-row .wpcf7-form input[type="text"],
.career-row .wpcf7-form input[type="email"],
.career-row .wpcf7-form input[type="tel"],
.career-row .wpcf7-form select,
.career-row .wpcf7-form textarea {
width: 100%;
padding: 10px;
border: 1px solid #ddd;
border-radius: 8px;
margin-bottom: 15px;
} .career-row .wpcf7-form textarea {
height: 150px;
} .career-row .wpcf7-submit {
background-color: var(--orange);
color: #fff;
padding: 12px 30px;
border: none;
border-radius: 5px;
cursor: pointer;
font-size: 16px;
float: left;
}
.career-row .wpcf7-submit:hover {
opacity: .8;
} .career-row .wpcf7-list-item {
margin-left: 0;
} .career-row .wpcf7-file {
border: none;
}  article > div > div > div > div.gallery-pages-info{
padding-top:5rem !important;
}   div.wpcf7-response-output{
font-size:10px;
} .popup_outer_wrap, #popup-desktop {
overflow:hidden !important;
max-width:500px !important;
padding:0px !important;
margin:0px !important;
}
#popup-desktop .et_pb_row{
width:100%;
}
#popup-desktop .et_pb_row_1 .et_pb_column .et_pb_image_1 {
text-align: center;
}
#et-boc .area-outer-wrap .da-close {
position: absolute;
right: 3%;
top: 5%;
}
@media screen and (max-width: 980px) {
#et-boc .area-outer-wrap .da-close{
position: absolute;
right: 14%;
top: 15%;
}
}
@media screen and (max-width: 768px) {
#popup-desktop .et_pb_row_2 .et_pb_column_2 .et_pb_image {
text-align: center !important;
}
#et-boc .area-outer-wrap .da-close{
position: absolute;
right: 15%;
top: 25%;
}
}
@media screen and (max-width: 500px) {
#popup-desktop .et_pb_row {
transform: scale(0.8);
}
#et-boc .area-outer-wrap .da-close-wrap{
top: 72% !important;
left: 38% !important;
}
#et-boc .area-outer-wrap .da-close{
position: absolute;
right: 5%;
top: 10%;
}
#et-boc > div > div.area-outer-wrap.popup_outer_wrap.et-l.entry-content.full-height{
top: -50px !important;
}
}
@media screen and (max-width:400px){
#et-boc .area-outer-wrap .da-close-wrap{
left: 42% !important;
}
}