.elementor-3199 .elementor-element.elementor-element-3b4e1e1{--display:flex;--min-height:60vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--overlay-opacity:0;--margin-top:0px;--margin-bottom:-230px;--margin-left:0px;--margin-right:0px;--padding-top:2rem;--padding-bottom:10rem;--padding-left:0rem;--padding-right:0rem;}.elementor-3199 .elementor-element.elementor-element-3b4e1e1:not(.elementor-motion-effects-element-type-background), .elementor-3199 .elementor-element.elementor-element-3b4e1e1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-c3c42d6 );}.elementor-3199 .elementor-element.elementor-element-3b4e1e1::before, .elementor-3199 .elementor-element.elementor-element-3b4e1e1 > .elementor-background-video-container::before, .elementor-3199 .elementor-element.elementor-element-3b4e1e1 > .e-con-inner > .elementor-background-video-container::before, .elementor-3199 .elementor-element.elementor-element-3b4e1e1 > .elementor-background-slideshow::before, .elementor-3199 .elementor-element.elementor-element-3b4e1e1 > .e-con-inner > .elementor-background-slideshow::before, .elementor-3199 .elementor-element.elementor-element-3b4e1e1 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-3199 .elementor-element.elementor-element-3b4e1e1 > .elementor-shape-bottom .elementor-shape-fill, .elementor-3199 .elementor-element.elementor-element-3b4e1e1 > .e-con-inner > .elementor-shape-bottom .elementor-shape-fill{fill:var( --e-global-color-0653706 );}.elementor-3199 .elementor-element.elementor-element-3b4e1e1 > .elementor-shape-bottom svg, .elementor-3199 .elementor-element.elementor-element-3b4e1e1 > .e-con-inner > .elementor-shape-bottom svg{height:140px;}.elementor-3199 .elementor-element.elementor-element-48ce976{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:1rem;--padding-bottom:0rem;--padding-left:0rem;--padding-right:0rem;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-3199 .elementor-element.elementor-element-98103fd{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;text-align:center;font-family:"The Seasons", Sans-serif;font-size:clamp(28px,5.2vw,70px);font-weight:400;line-height:1em;color:var( --e-global-color-text );}.elementor-3199 .elementor-element.elementor-element-98103fd > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0rem 0rem 1rem 0rem;}.elementor-3199 .elementor-element.elementor-element-81751c0{width:var( --container-widget-width, 820px );max-width:820px;--container-widget-width:820px;--container-widget-flex-grow:0;text-align:center;font-family:"Garet", Sans-serif;font-size:14px;font-weight:400;color:var( --e-global-color-text );}.elementor-3199 .elementor-element.elementor-element-5d59ddd{--display:flex;--padding-top:0rem;--padding-bottom:5rem;--padding-left:1.5rem;--padding-right:1.5rem;}.elementor-3199 .elementor-element.elementor-element-09e242a{--display:flex;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-3199 .elementor-element.elementor-element-3b4e1e1{--min-height:40vh;--margin-top:0rem;--margin-bottom:-7rem;--margin-left:0rem;--margin-right:0rem;--padding-top:1rem;--padding-bottom:0rem;--padding-left:0rem;--padding-right:0rem;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}}@media(max-width:767px){.elementor-3199 .elementor-element.elementor-element-3b4e1e1{--min-height:40vh;--justify-content:flex-end;--padding-top:0rem;--padding-bottom:8rem;--padding-left:1.5rem;--padding-right:1.5rem;}.elementor-3199 .elementor-element.elementor-element-3b4e1e1.e-con{--align-self:center;}.elementor-3199 .elementor-element.elementor-element-48ce976{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:4em;--margin-bottom:4em;--margin-left:0em;--margin-right:0em;--padding-top:0rem;--padding-bottom:0rem;--padding-left:0rem;--padding-right:0rem;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-3199 .elementor-element.elementor-element-98103fd > .elementor-widget-container{padding:1rem 0rem 0rem 0rem;}.elementor-3199 .elementor-element.elementor-element-98103fd{text-align:center;}}/* Start custom CSS for shortcode, class: .elementor-element-8e38cff *//*SUBMIT BUTTON*/
[type=button], [type=submit], button {
	background-color: #000000 !important;
	font-family: serif;
	font-size: 18px;
	font-weight: 700;
	text-transform: capitalize;
	fill: var(--e-global-color-0653706);
	color: #fff;
	border-radius: 32px 32px 32px 32px !important;
	padding: 10px 40px !important;
	text-align: center;
	border:0px solid !important;
	margin-top: 0px !important; width: fit-content;
}
[type=button]:hover, [type=submit]:hover, button:hover {
	background-color: #F5C242 !important;
	color: #000;
	border:0px solid;
	margin-top: 0px;width: fit-content;
}

#beachcomber_booking-searchForm  {
	background: #f9f9f9;
	border-radius: 40px 40px 40px 40px;
	padding-top: 2rem;
	padding-bottom: 2rem;
	padding-left: 2rem;
	padding-right: 2rem;
	margin-bottom: 0rem !important;
	border: 0px solid #000000 !important;
}

#beachcomber_booking-searchWidget div label, #beachcomber_booking-searchForm div label, #beachcomber_booking-searchForm div legend {margin-top: 1rem;}

#beachcomber_booking-searchForm,  div select {
    background-color: #f6efe8 !important;

    padding: 15px 15px 15px 15px !important;
    border: 1px solid #000000; width: 100% !important;
    height: auto !important;
}
.elementor-3199 .elementor-element.elementor-element-8e38cff hr {
    display: none;
}

#dateDeparture, #dateReturn  {
    background-color: #f6efe8 !important;
    border-radius: 15px !important;
    padding: 15px 15px 15px 15px !important;
    border: 1px solid #000000 !important;    width: 100% !important;
    height: auto !important;
}
.elementor-3199 .elementor-element.elementor-element-8e38cff hr {
    display: none;
}

.loading-spinner {
    font-family: serif;
    font-size: clamp(22px, 2vw, 27px);
    font-weight: 300;
    color: var(--e-global-color-text);
}

/*ROOMS*/
.room-info img {
    border-radius: 40px;
}
.room-packages {
    margin-bottom: 2rem;
}

.room-info, .room-images, .inclusions-section {border: 0px solid #ccc !important;}

.bcp-rooms, .flight-info, .hotel-information, .inclusions-section {
    border: 0px solid #ccc !important;
    margin-top: 15px;
    background-color: var(--e-global-color-accent) !important;
    border-radius: 40px !important;
    padding-top: 1rem;
    padding-bottom: 2rem;
    padding-left: 2rem;
    padding-right: 2rem;
}
.carousel {
    padding: 0px !important;
    border-radius: 40px !important;
}

/*TABS*/
.navigation {
    margin-top: 2rem;
}
.navigation a:first-child {
    background-color: #000;
    color: #fff !important;
}
.navigation a {
    border-left: 1px solid #ccc;
    padding-left: 3px;
	color: #000 !important;
}
.navigation a {
    text-decoration: none;
    border-radius: 999px !important;
    font-weight: 600;
    transition: all 0.3s ease;
    border: 0px solid transparent !important;
    padding: 10px 15px 10px 15px !important;
}
.navigation a:hover {
    background-color: #f5c646 !important;
	color: #000 !important;
}

/*TYPOGRAPHY*/
h2 {
    font-family: serif;
    font-size: clamp(22px, 2vw, 27px);
    font-weight: 300;
    color: var(--e-global-color-text);
}

p, .room-packages {
font-family: var(--e-global-typography-text-font-family), Sans-serif;
    font-size: var(--e-global-typography-text-font-size);
    font-weight: var(--e-global-typography-text-font-weight);
}

.btn {margin-top: 10px !important;}

/*DESKTOP ONLY*/
@media (min-width: 1024px) {
.loading-spinner {
    position: absolute;
    top: 530px;
    left: 1.5rem;
}
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'The Seasons';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://beachbook.co.za/wp-content/uploads/2025/03/theseasons-reg.otf') format('truetype');
}
@font-face {
	font-family: 'The Seasons';
	font-style: italic;
	font-weight: normal;
	font-display: auto;
	src: url('https://beachbook.co.za/wp-content/uploads/2025/03/theseasons-lt.otf') format('truetype');
}
@font-face {
	font-family: 'The Seasons';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('https://beachbook.co.za/wp-content/uploads/2025/03/theseasons-bd.otf') format('truetype');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Garet';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://beachbook.co.za/wp-content/uploads/2025/03/Garet-Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'Garet';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://beachbook.co.za/wp-content/uploads/2025/03/Garet-Medium.ttf') format('truetype');
}
@font-face {
	font-family: 'Garet';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('https://beachbook.co.za/wp-content/uploads/2025/03/Garet-Bold.ttf') format('truetype');
}
@font-face {
	font-family: 'Garet';
	font-style: normal;
	font-weight: 800;
	font-display: auto;
	src: url('https://beachbook.co.za/wp-content/uploads/2025/03/Garet-Extra-Bold.ttf') format('truetype');
}
@font-face {
	font-family: 'Garet';
	font-style: normal;
	font-weight: 100;
	font-display: auto;
	src: url('https://beachbook.co.za/wp-content/uploads/2025/03/Garet-Thin.ttf') format('truetype');
}
@font-face {
	font-family: 'Garet';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://beachbook.co.za/wp-content/uploads/2025/03/Garet-Book.ttf') format('truetype');
}
/* End Custom Fonts CSS */