/*  MICROTHEMER STYLES  */


/*= Header ==================== */

/** Header >> Facility Icons **/
.facilities .fl-module-icon .fl-node-content {
	font-size: 18px !important;
	font-weight: 600 !important;
	text-transform: capitalize !important;
	padding-bottom: 5px !important;
}


/*= Main Menu ================= */

/** Main Menu >> .menu-item-home **/
.menu-item-home {
	margin-left: 5px !important;
}

/** Main Menu >> #sticky-navigation #primary-menu **/
#sticky-navigation #primary-menu {
	background-color: rgb(255, 255, 255) !important;
	max-width: 100% !important;
	margin-right: 0 !important;
	margin-left: 0 !important;
	bottom: 0 !important;
	display: block !important;
}

/** Main Menu >> #primary-menu **/
#primary-menu {
	background-color: rgb(108, 15, 173) !important;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3E%3Cpath fill='%23ffffff' fill-opacity='0.08' d='M1 3h1v1H1V3zm2-2h1v1H3V1z'%3E%3C/path%3E%3C/svg%3E") !important;
	max-width: 780px !important;
	margin-right: auto !important;
	margin-left: auto !important;
	border-radius: 4px !important;
	position: relative !important;
	bottom: -25px !important;
	z-index: 10 !important;
}

/** Main Menu >> #primary-menu a **/
#primary-menu a {
	color: rgb(255, 255, 255) !important;
	line-height: 3.5 !important;
}

/** Main Menu >> #primary-menu .availabilty **/
#primary-menu .availabilty {
	background-color: rgb(187, 180, 27) !important;
	margin-left: 5px !important;
	border-top-right-radius: 4px !important;
	border-bottom-right-radius: 4px !important;
	float: right !important;
}

/** Main Menu >> #primary-menu .availabilty:hover **/
#primary-menu .availabilty:hover {
	background-color: rgb(164, 157, 10) !important;
	padding-right: 3px !important;
	padding-left: 3px !important;
	-o-transition-property: all !important;
	-moz-transition-property: all !important;
	-webkit-transition-property: all !important;
	transition-property: all !important;
	-o-transition-duration: 0.25s !important;
	-moz-transition-duration: 0.25s !important;
	-webkit-transition-duration: 0.25s !important;
	transition-duration: 0.25s !important;
	-webkit-transition-timing-function: ease-in-out !important;
	transition-timing-function: ease-in-out !important;
}

/** Main Menu >> #sticky-navigation **/
#sticky-navigation {
	background-color: rgb(255, 255, 255) !important;
}

/** Main Menu >> #sticky-navigation img **/
#sticky-navigation img {
	z-index: 20 !important;
}

/** Main Menu >> #sticky-navigation #primary-menu a **/
#sticky-navigation #primary-menu a {
	color: rgb(79, 73, 73) !important;
	font-size: 14px !important;
	line-height: 44px !important;
	padding-right: 0 !important;
	padding-left: 0 !important;
	margin-right: 10px !important;
	margin-left: 10px !important;
}

/** Main Menu >> #sticky-navigation #menu-item-980 **/
#sticky-navigation #menu-item-980 {
	color: rgb(250, 250, 250) !important;
	font-size: 15px !important;
	border-radius: 0 !important;
}

/** Main Menu >> #sticky-navigation #menu-item-980 a **/
#sticky-navigation #menu-item-980 a {
	color: rgb(250, 250, 250) !important;
	font-size: 15px !important;
	border-radius: 0 !important;
}


/*= Content =================== */

/** Content >> Fl node 5c8a542c27317 heading 2 **/
.fl-node-5c8a542c27317 h2 {
	word-spacing: 1px !important;
	word-wrap: break-word !important;
	white-space: nowrap !important;
}

/** Content >> .facilities .fl-col-content **/
.facilities .fl-col-content {
	display: -webkit-box !important;
	display: -moz-box !important;
	display: -ms-flexbox !important;
	display: -webkit-flex !important;
	display: flex !important;
	-webkit-flex-wrap: wrap !important;
	-moz-flex-wrap: wrap !important;
	-ms-flex-wrap: wrap !important;
	flex-wrap: wrap !important;
}

/** Content >> .about-intro-img img **/
.about-intro-img img {
	border-radius: 4px !important;
}

/** Content >> .fl-node-5c8692ae3879d **/
.fl-node-5c8692ae3879d {
	display: -webkit-box !important;
	display: -moz-box !important;
	display: -ms-flexbox !important;
	display: -webkit-flex !important;
	display: flex !important;
	-webkit-align-items: center !important;
	align-items: center !important;
}

/** Content >> .about-intro:before **/
.about-intro:before {
	background-color: rgba(47, 32, 71, 0.36) !important;
	width: 50px !important;
	height: 100% !important;
	position: absolute !important;
	left: -40px !important;
	display: block !important;
	content: boll !important;
}

/** Content >> .about-intro **/
.about-intro {
	position: relative !important;
}

/** Content >> .uabb-sec-1 **/
.uabb-sec-1 {
	color: rgb(251, 251, 251) !important;
	background-color: rgb(74, 47, 132) !important;
	padding: 10px 60px 10px 60px !important;
	margin-right: 0 !important;
	border-top-left-radius: 12px !important;
	border-bottom-left-radius: 12px !important;
	position: relative !important;
	right: -20px !important;
}

/** Content >> .uabb-sec-2 **/
.uabb-sec-2 {
	background-color: rgb(74, 47, 132) !important;
	padding: 10px 60px 10px 60px !important;
	margin-left: 0 !important;
	border-top-right-radius: 12px !important;
	border-bottom-right-radius: 12px !important;
	position: relative !important;
	left: -25px !important;
}

/** Content >> .uabb-rbs-toggle h5 **/
.uabb-rbs-toggle h5 {
	color: rgb(255, 254, 254) !important;
}

/** Content >> .facilities .fl-module-icon **/
.facilities .fl-module-icon {
	
}

/** Content >> .uabb-clickable **/
.uabb-clickable {
	z-index: 101 !important;
}

/** Content >> #menu-footer-widgets-menu **/
#menu-footer-widgets-menu {
	display: -webkit-box !important;
	display: -moz-box !important;
	display: -ms-flexbox !important;
	display: -webkit-flex !important;
	display: flex !important;
	-webkit-justify-content: space-around !important;
	justify-content: space-around !important;
}

/** Content >> .room-profiles .uabb-infobox-title **/
.room-profiles .uabb-infobox-title {
	padding-top: 5px !important;
	padding-bottom: 5px !important;
	padding-left: 20px !important;
	margin-top: 8px !important;
	margin-bottom: 5px !important;
}

/** Content >> .fl-accordion-item .fl-accordion-button **/
.fl-accordion-item .fl-accordion-button {
	color: rgb(255, 255, 255) !important;
	font-size: 15px !important;
	font-weight: 600 !important;
	text-transform: uppercase !important;
	letter-spacing: 1px !important;
	background-image: linear-gradient(180deg, rgb(108, 15, 173), rgb(83, 5, 137)) !important;
	border-top-left-radius: 3px !important;
	border-top-right-radius: 3px !important;
}

/** Content >> .fl-accordion-item **/
.fl-accordion-item {
	border-width: 0 !important;
}

/** Content >> .fl-accordion-content **/
.fl-accordion-content {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3E%3Cpath fill='%23ffffff' fill-opacity='0.06' d='M1 3h1v1H1V3zm2-2h1v1H3V1z'%3E%3C/path%3E%3C/svg%3E") !important;
	padding-top: 10px !important;
	padding-right: 10px !important;
	padding-left: 10px !important;
	border-bottom-right-radius: 10px !important;
	border-bottom-left-radius: 10px !important;
}

/** Content >> .features ol **/
.features ol {
	color: rgb(255, 253, 253) !important;
	margin-bottom: 5px !important;
	margin-left: 30px !important;
}

/** Content >> .hostel-rooms .facilities .fl-col-content **/
.hostel-rooms .facilities .fl-col-content {
	padding-top: 30px !important;
	padding-bottom: 0 !important;
}

/** Content >> .fl-builder-content-1336 p **/
.fl-builder-content-1336 p {
	margin-bottom: 0 !important;
}

/** Content >> .about-us__wrapper .uabb-photo-img **/
.about-us__wrapper .uabb-photo-img {
	box-shadow: 0 0 0 0 rgb(141, 141, 141) !important;
	border-top-color: rgb(95, 94, 97) !important;
	border-right-color: rgb(15, 15, 15) !important;
	border-bottom-color: rgb(157, 157, 157) !important;
	border-radius: 4px 6px 4px 6px !important;
}

/** Content >> .infobox-center p **/
.infobox-center p {
	line-height: 1.6 !important;
	display: block !important;
}

/** Content >> .room-profiles img **/
.room-profiles img {
	border-radius: 4px 6px 4px 6px !important;
}

/** Content >> .important-notes .infobox-center **/
.important-notes .infobox-center {
	border-radius: 6px 8px 6px 8px !important;
}

/** Content >> Fl accordion item link **/
.mt-page-rooms .fl-accordion-item a {
	color: rgb(255, 255, 255) !important;
}

/** Content >> Fl accordion item link Hover **/
.mt-page-rooms .fl-accordion-item a:hover {
	color: rgb(240, 240, 240) !important;
}

/** Content >> Activities grid wrapper uabb post grid 1 **/
.activities-grid__wrapper .uabb-post-grid-1 {
	display: grid !important;
	grid-gap: 20px !important;
	gap: 20px !important;
	grid-template-columns: 1fr 1fr 1fr !important;
	grid-template-rows: auto auto !important;
}


/*( Desktop & Tablet )*/
@media (min-width: 768px) and (max-width: 979px) {

	/*= Header ==================== */

	/** Header >> Facility Icons **/
	.facilities .fl-module-icon .fl-node-content {
	text-transform: uppercase !important;
}


	/*= Main Menu ================= */

	/** Main Menu >> .menu-item-home **/
	.menu-item-home {
	display: none !important;
}


}


/*( Tablet & Phone )*/
@media (max-width: 768px) {

	/*= Header ==================== */

	/** Header >> Site navigation hamburger **/
	#site-navigation .hamburger {
	padding-bottom: 7px !important;
	position: absolute !important;
	top: -68px !important;
	right: 10px !important;
}

	/** Header >> Facility Icons **/
	.facilities .fl-module-icon .fl-node-content {
	text-transform: uppercase !important;
}

	/** Header >> .site-header **/
	.site-header {
	margin-bottom: 5px !important;
}


	/*= Content =================== */

	/** Content >> Fl node 5c8a542c27317 heading 2 **/
	.fl-node-5c8a542c27317 h2 {
	word-wrap: normal !important;
	white-space: normal !important;
}

	/** Content >> .about-intro-img img **/
	.about-intro-img img {
	border-radius: 0 !important;
}

	/** Content >> .fl-node-5c8692ae3879d **/
	.fl-node-5c8692ae3879d {
	display: block !important;
}

	/** Content >> .about-intro:before **/
	.about-intro:before {
	display: none !important;
}

	/** Content >> .uabb-sec-1 **/
	.uabb-sec-1 {
	padding: 0 !important;
	border-top-left-radius: 0 !important;
	border-bottom-left-radius: 0 !important;
	position: relative !important;
	right: 20px !important;
}

	/** Content >> .uabb-sec-2 **/
	.uabb-sec-2 {
	padding: 0 !important;
	position: relative !important;
	left: 20px !important;
}

	/** Content >> .uabb-rbs-toggle **/
	.uabb-rbs-toggle {
	background-color: rgb(74, 47, 132) !important;
	max-width: 90% !important;
	padding-top: 10px !important;
	padding-bottom: 10px !important;
	margin: 0 auto 0 auto !important;
	border-radius: 20px !important;
	-webkit-flex-direction: row !important;
	-moz-flex-direction: row !important;
	-ms-flex-direction: row !important;
	flex-direction: row !important;
}

	/** Content >> Activities grid wrapper uabb post grid 1 **/
	.activities-grid__wrapper .uabb-post-grid-1 {
	display: grid !important;
	grid-template-columns: 1fr 1fr !important;
	grid-template-rows: auto auto auto auto !important;
}


	/*= Slideout Menu ============= */

	/** Slideout Menu >> .slideout-menu **/
	.slideout-menu {
	position: relative !important;
}

	/** Slideout Menu >> .slideout-mobile .availabilty **/
	.slideout-mobile .availabilty {
	background-color: rgb(187, 180, 27) !important;
	width: 100% !important;
	margin: 0 !important;
}

	/** Slideout Menu >> Slideout mobile availabilty hover **/
	.slideout-mobile .availabilty:hover {
	background-color: rgb(142, 136, 14) !important;
	width: 100% !important;
	margin: 0 !important;
}


}


/*( Phablet )*/
@media (max-width: 640px) {

	/*= Header ==================== */

	/** Header >> Site navigation hamburger **/
	#site-navigation .hamburger {
	z-index: 10 !important;
}

	/** Header >> Header image **/
	.header-image {
	position: relative !important;
	left: -30px !important;
}


	/*= Content =================== */

	/** Content >> .fl-node-5c890e5e85ad6 **/
	.fl-node-5c890e5e85ad6 {
	margin-right: auto !important;
	margin-bottom: 30px !important;
	margin-left: auto !important;
}


}


/*( Large Phone )*/
@media (max-width: 550px) {

	/*= Content =================== */

	/** Content >> .uabb-sec-1 **/
	.uabb-sec-1 {
	position: static !important;
}

	/** Content >> .uabb-sec-2 **/
	.uabb-sec-2 {
	position: static !important;
}

	/** Content >> .uabb-rbs-toggle **/
	.uabb-rbs-toggle {
	-webkit-flex-direction: column !important;
	-moz-flex-direction: column !important;
	-ms-flex-direction: column !important;
	flex-direction: column !important;
}

	/** Content >> .uabb-rbs-toggle h5 **/
	.uabb-rbs-toggle h5 {
	text-align: center !important;
	padding-top: 5px !important;
	padding-bottom: 5px !important;
	-webkit-align-items: center !important;
	align-items: center !important;
}

	/** Content >> Activities grid wrapper uabb post grid 1 **/
	.activities-grid__wrapper .uabb-post-grid-1 {
	display: grid !important;
	grid-template-columns: 1fr !important;
	grid-template-rows: auto auto auto auto auto auto !important;
}


}


/*( Phone )*/
@media (max-width: 480px) {

	/*= Header ==================== */

	/** Header >> Site navigation hamburger **/
	#site-navigation .hamburger {
	position: relative !important;
	top: -10px !important;
	bottom: 0 !important;
	left: 0 !important;
	right: 0 !important;
	z-index: 300 !important;
}

	/** Header >> Header image **/
	.header-image {
	left: 0 !important;
}


	/*= Content =================== */

	/** Content >> .facilities .fl-col-content **/
	.facilities .fl-col-content {
	-webkit-justify-content: center !important;
	justify-content: center !important;
}

	/** Content >> .facilities .fl-module-icon **/
	.facilities .fl-module-icon {
	text-align: center !important;
}

	/** Content >> Activities grid wrapper uabb post grid 1 **/
	.activities-grid__wrapper .uabb-post-grid-1 {
	
}


}