/*
Theme Name: Suarga Padang Padang
Theme URI: http://www.elegantthemes.com/gallery/divi/
Template: Divi
Author: BaliTechDude
Author URI: http://www.elegantthemes.com
Description: Smart. Flexible. Beautiful. Divi is the most powerful theme in our collection.
Version: 5.2.1
Updated: 2025-10-13 15:12:43

*/
@font-face {
	font-family: 'FuturaLT';
	src: url('../suarga/font/FuturaLT.woff2') format('woff2'),
		url('../suarga/font/FuturaLT.woff') format('woff'),
		url('../suarga/font/FuturaLT.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
	/* Important for performance */
}


.info-header {
    height: 30px;
    line-height: 30px;
    text-align: center;
    background: #000;
    color: #fff;
    position: relative !important;
	font-size: 13px;
}

.custom-header-item {
	display: none;
}

header#main-header {
    top: 30px !important;
}

header#main-header.et-fixed-header {
    top: 0px !important;
}

.nf-field-label .nf-label-span, .nf-field-label label
 {
    font-weight: 500 !important;
}

.mfp-bottom-bar {
	display: none !important;
}

.box-hover .et_pb_column:hover {
	background-size: auto 125%;
}

.box-hover .et_pb_column {
	background-size: auto 110%;
	transition: all 2s;
}

.box-hover .et_pb_column.et_pb_column_3,  .box-hover .et_pb_column.et_pb_column_5{
	background-size: 100% auto;
	transition: all 2s;
}

.box-hover .et_pb_column.et_pb_column_3:hover,  .box-hover .et_pb_column.et_pb_column_5:hover {
	background-size: 115% auto;
}

.def-header h1.et_pb_module_header {
    background: #0000005c !important;
    padding: 15px;
    margin: 0 auto 20px;
    border-radius: 3px !important;
    max-width: 600px;
}

input.text, input.title, input[type=email], input[type=number], input[type=password], input[type=tel], input[type=text], select, textarea {
    background-color: #fff;
    border: 1px solid #bbb;
    padding: 7px 10px !important;
    color: #4e4e4e;
    border-radius: 2px;
}

hr.ninja-forms-field {
    margin-bottom: 20px;
    border: 1px solid;
}

.field-wrap input[type=submit]
 {
    padding: 10px 30px;
    width: 180px !important;
    font-size: 18px;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #beae89 !important;
    border: 3px solid #beae89;
    border-radius: 3px;
    font-weight: 500;
    background: #fff;
	cursor:pointer;
}

.field-wrap input[type=submit]:hover
 {
    color: #fff !important;
    border: 3px solid #beae89;
    background: #beae89;
}

.et_pb_bg_layout_light.et_pb_button:hover, .et_pb_bg_layout_light .et_pb_button:hover {
    background-color: #beae89 !important;
    color: #fff !important;
	border-radius: 2px !important;
}


.def-header span {
    background: #0000005c !important;
    margin: 5px auto;
    border-radius: 3px !important;
    width: fit-content;
    padding: 10px 50px !important;
    min-width: 200px;
}



#top-menu>li:last-child {
	padding-right: 120px !important;
}

/* You would repeat the @font-face block for every weight and style you want to use. */
a.def-button {
	border-image-slice: 1;
	border-image-source: linear-gradient(to left, #b9a26e, #c9bc71, #ffed89, #c9bc71, #b9a26e);
	box-shadow: 0 0 2px 0px #000000 !important;
	color: #ab9452 !important;
}

a.def-button:hover {
	border-image-slice: 1 !important;
	border-image-source: linear-gradient(to left, #b9a26e, #c9bc71, #ffed89, #c9bc71, #b9a26e) !important;
	box-shadow: 0 0 2px 0px #000000 !important;
	color: #fff !important;
	background: #555 !important;
}

ul#menu-footer-menu-1, ul#menu-footer-menu-2 {
    display: block !important;
    width: 250px !important;
    max-width: 100%;
	margin: 0 !important;
}

ul#menu-footer-menu-1 li,
ul#menu-footer-menu-2 li {
	border-bottom: 1px solid #5e491b;
	display: block;
}

#top-menu li {
	padding-right: 30px;
}

img#logo {
	filter: brightness(0) saturate(100%) invert(100%) sepia(8%);
}

.et-fixed-header img#logo {
	filter: none;
}

.et_pb_testimonial_author {
    margin-top: 5px;
}

.et_pb_testimonial_content h5 {
    margin-bottom: 20px;
}

#main-header {
	-webkit-transition: background-color 1s, color 1s, opacity 1s ease-in-out, -webkit-transform 1s;
	transition: background-color 1s, color 1s, opacity 1s ease-in-out, -webkit-transform 1s;
	transition: background-color 1s, color 1s, transform 1s, opacity 1s ease-in-out;
	transition: background-color 0.8s, color 0.8s, transform 0.8s, opacity 0.8s ease-in-out, -webkit-transform 0.8s;
}

footer .et_mobile_nav_menu {
    display: none !important;
}


.reserv {
	/* right: 6%; */
	position: absolute;
	/*right: 120px;*/
	/*right: -95px; */
	/*position: absolute;*/
	/*position: relative;*/
	width: 100px;
	color: #00473e;
	/*top: 36px;*/
	/*height: 68px;*/
	top: -35px;
	height: 23px;
	line-height: 20px;
	text-align: left;
	z-index: 6;
	cursor: pointer;
	text-transform: uppercase;
	margin: 0 auto;
	/*font-family: "Ubuntu Condensed", Arial, Helvetica, sans-serif;*/
	font-family: 'FuturaLT';
	/*font-size: 15px;*/
	font-weight: 400;
	letter-spacing: 1px;
	font-style: normal;
	/* &:hover i { animation: shake 0.1s 5 both; transition: animation 0.5s ease 0s;} */
}

.reserv a:link,
.reserv a:visited {
	font-family: 'FuturaLT';
	text-transform: uppercase;
	color: #00473e;
	text-decoration: none;
}

.reserv i {
	background: url('../../themes/suarga/font/FuturaLT.woff2') no-repeat -652px -17px;
	width: 50px;
	height: 60px;
	display: inline-block;
	float: right;
	position: relative;
	font-style: normal;
	color: #00473e;
}

.reserv i span {
	-webkit-transform-origin: top right;
	-ms-transform-origin: top right;
	transform-origin: top right;
}

.reserv i span.b0 {
	background: url(/wp-content/uploads/2025/10/icon-bell-wood.png) no-repeat top center;
	width: 40px;
	height: 6px;
	position: relative;
	display: block;
	background-size: 41px;
}

.reserv i span.b1 {
	background: url(/wp-content/uploads/2025/10/icon-bell-wood.png) no-repeat -3px -7px;
	width: 9px;
	height: 50px;
	position: absolute;
	display: block;
	left: 2px;
	-webkit-transition: all 0.8s ease 0.6s;
	-o-transition: all 0.8s ease 0.6s;
	transition: all 0.8s ease 0.6s;
	background-size: 41px;
}

.reserv i span.b2 {
	background: url(/wp-content/uploads/2025/10/icon-bell-wood.png) no-repeat -11px -7px;
	width: 10px;
	height: 50px;
	position: absolute;
	display: block;
	left: 10px;
	-webkit-transition: all 0.8s ease 0.4s;
	-o-transition: all 0.8s ease 0.4s;
	transition: all 0.8s ease 0.4s;
	background-size: 41px;
}

.reserv i span.b3 {
	background: url(/wp-content/uploads/2025/10/icon-bell-wood.png) no-repeat -20px -7px;
	width: 8px;
	height: 60px;
	position: absolute;
	display: block;
	left: 20px;
	-webkit-transition: all 0.8s ease 0.6s;
	-o-transition: all 0.8s ease 0.6s;
	transition: all 0.8s ease 0.6s;
	background-size: 41px;
}

.reserv i span.b4 {
	background: url(/wp-content/uploads/2025/10/icon-bell-wood.png) no-repeat -29px -7px;
	width: 10px;
	height: 50px;
	position: absolute;
	display: block;
	left: 30px;
	-webkit-transition: all 0.8s ease 0.4s;
	-o-transition: all 0.8s ease 0.4s;
	transition: all 0.8s ease 0.4s;
	background-size: 41px;
}

.reserv i span.b1 {
	-webkit-transition: all 0.8s ease 0.3s;
	-o-transition: all 0.8s ease 0.3s;
	transition: all 0.8s ease 0.3s;
	-webkit-animation: dinging 3s infinite;
	animation: dinging 3s infinite;
}

.reserv i span.b2 {
	-webkit-transition: all 0.9s ease 0.4s;
	-o-transition: all 0.9s ease 0.4s;
	transition: all 0.9s ease 0.4s;
	-webkit-animation: dinging2 3.5s infinite;
	animation: dinging2 3.5s infinite;
}

.reserv i span.b3 {
	-webkit-transition: all 0.8s ease 0.5s;
	-o-transition: all 0.8s ease 0.5s;
	transition: all 0.8s ease 0.5s;
	-webkit-animation: dinging 3s infinite;
	animation: dinging 3s infinite;
}

.reserv i span.b4 {
	-webkit-transition: all 1s ease 0.3s;
	-o-transition: all 1s ease 0.3s;
	transition: all 1s ease 0.3s;
	-webkit-animation: dinging2 3.8s infinite;
	animation: dinging2 3.8s infinite;
}

@-webkit-keyframes dinging {
	0% {
		-webkit-transform: rotate(4deg);
		transform: rotate(4deg);
	}

	50% {
		-webkit-transform: rotate(-4deg);
		transform: rotate(-4deg);
	}

	100% {
		-webkit-transform: rotate(4deg);
		transform: rotate(4deg);
	}
}

@keyframes dinging {
	0% {
		-webkit-transform: rotate(4deg);
		transform: rotate(4deg);
	}

	50% {
		-webkit-transform: rotate(-4deg);
		transform: rotate(-4deg);
	}

	100% {
		-webkit-transform: rotate(4deg);
		transform: rotate(4deg);
	}
}

@-webkit-keyframes dinging2 {
	0% {
		-webkit-transform: rotate(-2deg);
		transform: rotate(-2deg);
	}

	50% {
		-webkit-transform: rotate(4deg);
		transform: rotate(4deg);
	}

	100% {
		-webkit-transform: rotate(-2deg);
		transform: rotate(-2deg);
	}
}

@keyframes dinging2 {
	0% {
		-webkit-transform: rotate(-2deg);
		transform: rotate(-2deg);
	}

	50% {
		-webkit-transform: rotate(4deg);
		transform: rotate(4deg);
	}

	100% {
		-webkit-transform: rotate(-2deg);
		transform: rotate(-2deg);
	}
}


@media only screen and (max-width: 980px) {
	.no-toggle .et_pb_menu__menu {
		display: flex !important;
	}
	.no-toggle .mobile_menu_bar {
		display: none !important;
	}	
	#et_mobile_nav_menu span.select_page {
		display:none;
	}

	div#et_mobile_nav_menu {
        position: absolute !important;
        margin-top: -70px !important;
        margin-left: 35px !important;
    }
	.mobile_menu_bar:before {
		font-size: 45px;
	}
	
	ul#mobile_menu {
        width: 100vw;
        left: 0px;
        height: 100vh !important;
        top: 0;
        position: fixed !important;
        border-top-width: 2px !important;
        z-index: 99999999 !important;
        overflow: hidden;
        padding-top: 100px;
    }

	.mobile_nav.opened span.mobile_menu_bar:before {
		position: fixed !important;
		left: 30px;
		top: 30px;
		z-index: 999999999 !important;
	}

	.mobile_nav.closed, .et_header_style_split #main-header .mobile_nav {
		width: 0px !important;
		height: 0px !important;
		padding: 0 !important;
	}

	.mobile_nav.opened .mobile_menu_bar:before,
	.et_pb_menu .et_pb_menu__menu .mobile_menu_bar.opened:before,
	.mobile_menu_bar.mobile_menu_bar_toggle.opened:before {
		content: "\4d"; /* Divi built-in X icon */
	}

	
	.custom-header-item {
		z-index: 99999 !important;
		position: absolute;
		top: 75px !important;
		left: 65vw !important;
		display: block;
	}

	.info-header p {
		font-size: 9px !important;
		line-height: 25px;
	}
	sr7-module, sr7-adjuster, sr7-content, sr7-slide, sr7-mask, sr7-bg,sr7-shp {
		height: 400px !important;
	}

	sr7-arrow {
		display: none !important;
	}
}

@media only screen and (max-width: 768px) {
	.et_header_style_split #main-header {
        padding: 10px 0;
    }
	
	body, p , p em {
		font-size: 13px;
		line-height: 20px;
	}
	#main-content .et_pb_row {
		width: 85%;
	}
	
	.et_pb_column .et_pb_module {
        margin-bottom: 15px;
    }
	
	h1, h1.et_pb_contact_main_title, .et_pb_title_container h1 {
		font-size: 22px !important;
		letter-spacing: 0px;	
	}
	
	h2, h3, .et_pb_text_1 h3 {
		font-size: 20px !important;
		letter-spacing: 0.5px !important;
		line-height: 25px !important;
	}
	
	.navi-menu h2, h4 {
		font-size: 17px !important;
		letter-spacing: 0.5px !important;
	}

	.navi-menu h4 {
		font-size: 15px !important;
		letter-spacing: 0px !important;
	}
	.reverse-mobile {
		display: flex;
		flex-direction: column-reverse;	
	}
	
	img#logo {
		filter: none !important;
	}
	.et_header_style_split #logo {
        max-height: 90px;
    }
	li.mn-book-ico {
		display: none !important;
	}
	.br-mobile {
		text-align: justify !important;
	}
	.br-mobile br, .no-br br {
		display:none !important;
	}
	
	.box-hover .et_pb_column {
   		background-size: cover;
	}
	.et_pb_divider:before {
		border-top-width: 2px !important;
	}

	.et_pb_divider {
		max-width: 120px;
		margin: -10px 0 5px !important;
	}
	.testi-box .et_pb_column.et_pb_column_1_2 {
		margin-top: 60px !important;
		margin-bottom: 50px !important;
		padding: 30px 15px 15px !important;
		border-radius: 3px;
	}

	.et_pb_testimonial {
		padding: 30px 20px 20px;
	}

	.et_pb_testimonial_content h5, .et_pb_testimonial_author {
		font-size: 15px !important;
		letter-spacing: 0.5px !important;
	}
	
	a.et_pb_button {
		font-size: 18px !important;
	}

	.et_pb_button:after, .et_pb_button:before {
    	font-size: 28px;
	}
	
	.zoom-gallery > div > div {
		width: 50% !important;
	}
	.zoom-gallery .et_pb_gallery_image {
		margin: 4px !important;
	}

	.et_pb_column.et_pb_column_1_4.et_pb_column_1_tb_footer {
		margin-bottom: 0px !important;
	}
		
	footer .et_pb_text_inner {
		font-size: 13px !important;
	}

	.et_pb_fullwidth_header .et_pb_fullwidth_header_container.center .header-content {
		width: 100%;
	}

	.def-header h1.et_pb_module_header {
        padding: 10px 15px;
        max-width: 600px;
        font-size: 18px !important;
        letter-spacing: 0.5px !important;
		margin-bottom: 10px !important;
    }
	
	 .def-header span {
        width: fit-content;
        padding: 5px 10px !important;
        min-width: 200px;
        font-size: 14px !important;
        letter-spacing: 1px !important;
    }

	.bg-image {
		display: block !important;
		width: 100%;
		height: 250px;
	}

	ul.acc-listing {
		font-size: 14px !important;
		grid-template-columns: unset !important;
		margin-left: 5px;
	}

	.navi-menu .et_pb_row_4col > div {
		width: 50% !important;
		padding: 6px !important;
		margin: 0px !important;
	}
	
	.navi-menu .et_pb_image {
		margin-bottom: 15px !important;
	}

	ul.acc-listing li br {
		display: none !important;
	}
}