/* Add your own custom css to this file. You may wish to use css !important calls to override css from the template css files.
----------------------------------------------------------- */

body {
	color: #1b1b1b;
}

.module_round_box_outer {
	font-size: 0.92em;
}

/* Menu */

#s5_nav > li a:hover {
	color: #C1AC71 !important;
}

/* Menu - END */

/* WCAG2 AA Fixes */

span.separator {
	color: #FFF;
}

#s5_footer_area1 #s5_bottom_menu_wrap .separator {
	color: #FFF
}

/* WCAG2 AA Fixes - END */

/* Header */

#s5_header_area2 #s5_header_area_inner {
	background: inherit;
}

#s5_header_area2 #s5_header_area_inner #s5_header_wrap {
	background: inherit;
}

#s5_language_switcher_wrap {
	background: inherit;
}

#s5_menu_wrap {
	background: inherit;
}

#s5_menu_inner, #s5_nav, #s5_nav > li, #s5_nav > li .s5_level1_span1, #s5_nav > li .s5_level1_span2, #s5_nav > li a  {
	background: inherit;
}

/* Header - END */

#s5_logo_wrap img {
	padding: 10px;
	width: 160px; /* 180px */
	height: auto;
	background: #262635;
}

#s5_language_switcher_wrap {
	float: right;
}

#s5_language_switcher_wrap .mod-languages li {
	display: inline-block;
}

#s5_language_switcher_wrap .mod-languages {
	position: relative;
	top: 20px;
}

#s5_language_switcher_wrap .mod-languages ul > li > a:hover {
	color: #FFF;
}

#s5_menu_wrap {
	margin-right: 16px;
}

/* Weather Module - BEGIN */

#weather1 .gkwMainRight h2 {
	color: #FFF;
}

/* Weather Module - END */

/* Policies Module - BEGIN */

.reservation-policies {
	border-radius: 4px;
}

.reservation-policies .jeAcc-title {
	font-size: 18px;
}

.reservation-policies ul {
	list-style: initial;
	margin-left: 18px;
}

.reservation-policies ul li {
	line-height: 20px;
	margin-bottom: 15px;
}

/* Policies Module - END */

.homepage-main-text h3 {
	text-transform: uppercase;
	text-align: center;
	margin-bottom: 20px;
}

.homepage-room-types h3 {
	text-transform: uppercase;
	text-align: center;
	margin-bottom: 20px;
}

.homepage-room-types h3.uk-panel-title {
	font-weight: bold;
}

.item-page .page-header h2 {
	text-transform: uppercase;
	border-bottom: 1px solid #EEE;
}

.website-image-gallery img {
	height: inherit !important;
}

.sigProThumb img {
	height: inherit !important;
}

.mod-languages  .lang-active {
	font-weight: bold;
}

#s5_bottom_row3 .s5_mod_h3 {
	font-size: 1.6em;
}

/* Homepage Three Icons - BEGIN */

#icon_box1 {
	background: #b7ac8d url("/images/petra_natura/misc/accommodation.jpg") no-repeat center center !important;
}

#icon_box2 {
	background: #b7ac8d url("/images/petra_natura/misc/restaurant.jpg") no-repeat center center !important;
}

#icon_box3 {
	background: #b7ac8d url("/images/petra_natura/misc/metaleia.jpg") no-repeat center center !important;
}

/* Homepage Three Icons - END */


/* Room Type Details - BEGIN */

.djslider .navigation-container {
	top: 42% !important;
	margin: 0 4% !important;
}

.room_amenities {
	margin-top: 20px;
}

.room_amenities h4 {
	font-size: 1.2em;
	text-transform: uppercase;
	margin-bottom: 10px;
}

/* Room Type Details - END */

/* Navbar / Logo - BEGIN */

#s5_header_area2, #s5_footer_area1, .module_round_box-highlight1, .highlight1_block_outer, #s5_bottom_row3_area1, .overlay_hover_outer .overlay_hover_inner {
	background: #262635 !important;
}

#s5_header_area2 {
	height: 122px;
}

#s5_logo_wrap {
	margin-top: 0px;
	margin-bottom: 0px !important;
}

#s5_logo_wrap img {
	width: 130px;
	height: auto;
}

#s5_header_area_inner {
	float: left;
	position: relative;
	top: 30px;
}

/* Navbar / Logo - END */

/* Footer */

#s5_footer_area1 {
	color: #FFF !important;
}

#s5_bottom_row3_area1 a:hover {
	color: #FAFAFA;
}

/* Footer - END */

/* Footer Social Icons - BEGIN */

.footer_social_icons {
	margin-top: 20px;
}

.footer_social_icons span {
	/* float: left; */
	margin-right: 10px;
}

.footer_social_icons img {
	width: 32px;
	height: auto;
}

/* Footer Social Icons - END */

/* Validation Icons */

.validation-icons {
	margin-top: 20px;
}

.validation-icons > div {
    display: inline-block;
    margin-right: 8px;
}

/* Validation Icons - END */

/* Accessibility Toolbar */

#b-acc-toolbarWrap {
  width: 220px;
}

#b-acc-toolbarWrap.right.close-toolbar {
  right: -220px;
}

#b-acc-toolbarWrap div.b-acc_hide_toolbar {
  top: 240px;
  text-align: center;
  background-color: #242424;
}

#b-acc-toolbarWrap.b-acc-hide.right div.b-acc_hide_toolbar {
  border-radius: 4px 0 0 4px;
}

#b-acc-toolbarWrap.b-acc-hide.left div.b-acc_hide_toolbar {
  border-radius: 0 4px 4px 0;
}

#b-acc-toolbarWrap div.b-acc_hide_toolbar > span {
  margin-top: 5px;
  color: #FAFAFA !important;
}

#b-acc_toolbar {
  padding-top: 40px;
}

#b-acc_toolbar > li {
  padding-top: 10px;
  padding-bottom: 10px;
}

#b-acc_toolbar a:hover {
	color: #484848;
}

#b-acc-statement li {
  border-bottom: 0;
}

#b-acc-statement a.close {
  color: #131313 !important;
  text-transform: uppercase;
  opacity: 0.6;
}

#b-acc-keyboard-navigation {
  display: none !important;
}

#b-acc-contrast button.b-acc-dark-btn {
  display: none;
}

#b-acc_toolbar li button {
  text-transform: uppercase;
}

.messagepop.pop {
	color: #484848;
  max-height: 75vh;
  overflow-y: scroll;
}

@media (max-width:450px){
  .tm-accessibility .messagepop {
    left: 3vw !important;
    width: 80% !important;
  }
}

/* Accessibility Toolbar - END */

/* Custom Media Queries */

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px)  {

	#s5_logo_wrap {
		padding: 0;
	}

	#s5_header_area_inner {
		padding: 0;
	}
}

/*
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) {
*/
@media screen and (min-width : 320px) and (max-width : 750px) {
	#s5_header_area2 {
		height: 200px;
	}

	#s5_logo_wrap {
		float: none;
	}

	#s5_header_area_inner {
		top:0;
		float: none;
	}
}