/*
Theme Name: Anaura-S
Version: 2018.2
Description: Requires horizontal balanced header image. Theme customised for Seekom xml integration.
Author: Seekom | CMSWebsite2Go
Author URI: http://www.seekom.com
*/
/* 
Compress this file and save as style.min.css using http://refresh-sf.com/
Load the stylesheet from the parent theme 
*/
/* Global */

a:link {text-decoration: none;}
a:hover {	text-decoration: underline;	}
img.white-border{	border: 5px solid #A2DAF4;	margin-right: 60px;}
body {line-height: 135%; margin: 0px;padding: 0px;}
iframe {border: 0;}
.show-mobi, #mobi {display: none;}
table {table-layout: fixed;}

h1 { font-size: 32px; padding: 0 0 20px 0;}
h2 { font-size: 28px; padding: 0 0 20px 0;}
h3 { font-size: 24px; padding: 0 0 15px 0; }
h4 { font-size: 20px; padding: 0 0 15px 0; }
h5 { font-size: 18px; padding: 0 0 10px 0; }
h5 a {text-decoration: none!important;}
h6 { font-size: 14px; padding: 0 0 10px 0;margin: 0;}
h1,h2,h3,h4,h5,h6 {line-height; 105%;  margin: 0;}
p , ul, ol{padding: 15px 0 0 0; margin: 0;}
ul, ol {list-style-position: inside; }
.entry li {line-height: 150%;}

#header-wrapper {width: 100%; background: #ffffff url(images/back_all.gif) repeat-x; background-size: contain;}
#header {position: relative; max-width: 1300px; width: 80%; min-height: 150px; margin: 0 auto; padding: 21.3% 0 0 0/*337px/880px*/;	text-align: right; background-size: cover; background-repeat: no-repeat; background-position: center top; overflow: hidden; border-right-width: 10px; border-left-width: 10px; border-top-width: 0; border-bottom-width: 0; border-style: solid; border-color: #fff;}
#logo {width: 80%; text-align: right;  position: absolute; top: 50%; right: 20px; }
#logo , #logo a, #logo a:hover{text-decoration: none;	text-transform: uppercase;	color: #ffffff!important;}

/*** MENU STYLES ***/
#menu {margin: 0 auto; max-width: 1300px; width: 80%; height: auto; }

/* Responsive Menu  - hidden until nominated screen size reached*/
.main-navigation-srm {display: none;}
.responsive-menu .nav-menu-srm li {padding: 0 0; line-height: 3.0em;}
.responsive-menu .rmm-toggled-controls {padding: 5px 10px;}
[class*="el-icon-"] {font-style: normal!important; font-family: 'Elusive-Icons';}
/* Primary Menu */
/* Primary Menu*/ 
ul.sf-menu {padding:0;margin:0;list-style-type:none; height: 3em; position: relative;z-index: 11;}
ul.sf-menu ul {width:15em;}

ul.sf-menu li {float:left; height: 3em; line-height: 3em; display:block;}
ul.sf-menu ul li {display: block; width: 12em; height:auto; line-height: 1em;}

/* style the links for the top level */
.sf-menu a {display: block; float: left; height: 100%; font-size: 1.1em; font-weight: bold; text-decoration:none; color:#fff; padding:0 1em 0 1em; }

/* style the sub level links */
.sf-menu ul.children a, .sf-menu ul.sub-menu a {display:block;  width:12em; height:100%; line-height:1em; padding:0.5em 1em; }

/* style the level hovers */
/* first */
.sf-menu a:hover {color: #000; position:relative; z-index:100; }
.sf-menu li:hover {position:relative;}
.sf-menu ul.children a:hover, .sf-menu ul.sub-menu a:hover {color:#000; }

/* hide the sub levels and give them a positon absolute so that they take up no room */
ul.sf-menu ul {visibility:hidden;position:absolute;height:0;top:3em; left:0; width:12em;}

/* make the second level visible when hover on first level list OR link */
ul.sf-menu :hover ul{visibility:visible; height:auto; padding:0 3em 3em 3em; left:-3em;}
/* keep the third level hidden when you hover on first level list OR link */
ul.sf-menu :hover ul ul{visibility:hidden;}
/* keep the fourth level hidden when you hover on second level list OR link */
ul.sf-menu :hover ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
ul.sf-menu :hover ul :hover ul{visibility:visible; margin-left: 0; left:12em; top: 0;}
/* make the fourth level visible when you hover over third level list OR link */
ul.sf-menu :hover ul :hover ul :hover ul {visibility:visible;}

/* end of menu */

#content{max-width: 1300px; width: 80%;	margin: 0 auto;	background: transparent;	padding-top: 30px; min-height: 400px;	text-align: left;}

/* table */
.entry table {width:100%; text-align:left;  }
.entry table th {font-weight:700; background:#e9e9e9; border-top:4px solid #4DA0C6; border-bottom:1px solid #ccc; text-shadow:#fff 0 1px 1px; padding:8px; }
.entry table td {border-bottom:1px solid #eee; border-top:1px solid transparent; padding:8px; }
.entry table tr:hover td {/* background:#f6f6f6; cursor:pointer; */}
blockquote { background:#e9e9e9; border-left:2px solid #4DA0C6; display:block; font-style:oblique; line-height:20px; margin:0 0 0 10px; padding: 10px; }


#right {float: right; width: 72%/*635px*/; }
#right.lastmin {float: right; width: 100%  }

#right p{padding-bottom: 10px;}
#right ol, #right ul {margin-left: 30px;}
#right ul.soliloquy-slider { margin-left: 0;}
.cat-header {width: 100%; overflow: auto; margin-bottom: 15px;}
.sort-posts {float: right; margin-top: 5px;}
.cat-title {float: left;}
.archive-date {font-size: x-small; padding-bottom: 0px; }
.post {margin-bottom: 25px;}
div.wp-pagenavi {padding-left: 0!important;}

#sidebar{float: left;	width: 23% /*200px*/;}
#sidebar p {padding: 8px;}
#sidebar h1, #sidebar h2, #sidebar h3  {position:relative; z-index:10; padding:5%; background: #3C729E; color: #ffffff; margin: 0 0 15px 0;}
#sidebar h1:after, #sidebar h2:after, #sidebar h3:after  {content:""; display:block; position:absolute; z-index:-1; top:2px; left:2px; right:2px; 
bottom:2px; border:3px solid #fff; }
div#sidebar li.cat-post-item p {padding: 0; margin: 0;}
div#sidebar p.post-date {padding: 0; margin: 0;font-size: x-small;}
ul li.cat-post-item {margin-left: 0; padding-bottom: 10px; list-style: none;}
[id*="categoryposts-"] { background: none!important; margin: 20px 0 5px 0!important; height: auto!important; line-height: normal!important; border-bottom: none!important;}
[id*="categoryposts-"] h3{height: auto!important; border-bottom: none!important;  background: none!important; padding: 0;}
[id*="categoryposts-"] h3:after {border: none;}
[id*="categoryposts-"]  ul {list-style: none; padding-left: 0; padding-top: 0;}

input#wp-submit, input#submit, div.reply a.comment-reply-link, h3 a.sidebar-cat-title, .button-book-room, input.search-button {
background: #515151;
background: -webkit-gradient(linear, left top, left bottom, from(#727272), to(#515151));
background: -moz-linear-gradient(top, #727272, #515151);
margin-top: 10px;
margin-bottom: 10px;
padding: 5px 10px!important;
line-height: 1em;
color: #fff !important;
font-family: 'Verdana' !important;
font-size: 8pt !important;
font-weight: bold !important;
border-color: #414141 !important;
border-width: 1px !important;
border-style: solid;
/*line-height: 30px; */
text-align: center;
-moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px #888;
box-shadow: 0 0 5px #888;
z-index: 999999;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
#input#wp-submit:hover, input#submit:hover, div.reply a.comment-reply-link:hover, h3 a.sidebar-cat-title:hover, .button-book-room:hover  {text-decoration: none; cursor: pointer;}

/* ---------- Comments ---------- */
hr.comments-hr {margin: 20px 0 20px 0; border: solid 1px LightSkyBlue;} 
textarea#comment { width: 45.454545%; height: 100px;padding: 5px; }  
.commentmetadata { font-size: 10px; padding: 0 10px 0 10px; } 
div.comment-body {padding-bottom: 20px;}
.comment-body p{padding: 0 10px 10px 10px;}
h3#comments {display: none;}
ol.commentlist {}
ol.commentlist, ol.commentlist li {list-style: none; margin-left: 0!important; padding-left: 0;}
.commentlist .comment.even {background-color:AliceBlue;}
.commentlist .comment.odd {background-color:AliceBlue;}
ol.commentlist ul.children {list-style: none;}
ol.commentlist ul.children  li{list-style: none; padding: 10px 0 0 0; border-top: solid 1px LightSkyBlue; background-color: transparent!important;}
div.reply a.comment-reply-link {margin: 10px;}

#footer {	height: auto;	clear: both;	padding: 20px 0;}
#footer p {	margin: 0;		}
#copyright { max-width: 1300px; width: 80%; margin: 0 auto; }
.cmswebsite2go-branding, .cmswebsite2go-theme, .site-admin {font-size: 11px;  }

/* IMAGES */
img.right, img.alignright, img.left, img.alignleft, img.aligncenter, img.alignnone {	clear: none;	padding: 4px;	border: 1px solid #CCC;	background-color: #EEE;	}
img.right, img.alignright {float: right;	margin: 5px 0 10px 15px;	}
img.left, img.alignleft, img.alignnone {float: left;	margin: 5px 15px 10px 0;	}
img.aligncenter {margin: 5px 15px 10px 15px;	}
.gallery-columns-2 .gallery-item, .gallery-columns-3 .gallery-item, .gallery-columns-4 .gallery-item {padding: 4px 4px 0px 4px!important;
border: 1px solid #CCC!important;	background-color: #EEE!important;	}
.gallery-item img, img a {border: 0px!important; border: none!important;}
.gallery-columns-2 .gallery-item img, .gallery-columns-3 .gallery-item img, .gallery-columns-4 .gallery-item img  {width: 100%!important; }
.gallery-columns-2 .gallery-item {width: 38%!important; margin-right: 8%!important;}
.gallery-columns-3 .gallery-item {width: 25%!important; margin-right: 5%!important;}
.gallery-columns-4 .gallery-item {width: 19%!important; margin-right: 2%!important;}
#sidebar img, #sidebar img a {border:none; background-color: inherit;}

.gallery-row {padding: 0 0 10px 0!important;}
.gallery a img {border: none;}
.gallery-row a img {	padding: 4px;	border: 1px solid #CCC;	background-color: #EEE;	}

/* sidebar Variations */
.rightsidebar #right {float: left;}
.rightsidebar #sidebar{float: right;}
.fullwidth #right {float: left; width: 100%; }
.fullwidth #sidebar {display: none;}

.socialmedia-buttons {border-top: transparent solid 10px!important; border-bottom: transparent solid 10px!important;  }
div.wpbshareSelector, div.wpbfollowSelector {margin-bottom: 3px;}

.admin-left {width: 55.284552% /* 340px / 615 px */; float: left; }
.admin-right {width: 43.902439% /* 270px / 615 px */; float: right;}
.admin-left  ul, ul.rss-items {padding-left: 0;}
#loginform p {padding-bottom: 0px; margin-top: 5px; margin-bottom: 0px;}
#loginform .login-username label, #loginform .login-password label {width: 150px; display: inline-block; }
table.login td {padding: 0;}
table.login td {border-bottom:0px solid #eee!important; }
table.login tr:hover td {background:inherit!important; color:inherit!important;cursor:auto!important; }
table.login img {border: none!important;}

 /* ie8 - doesn't support background cover */
.ie8 #header, .ie8 #menu, .ie8 #content, .ie8 #copyright  {width: 880px;}

/* ----- iBex XML specific styles ----- */
.button-book-room a , .button-book-room a:hover {text-decoration: none; color: #fff!important;}
.button-book-room {float: right; padding: 8px 10px!important;}

#content table.login td {border-bottom:0px solid transparent;}
#content table.login tr:hover td {background:inherit; cursor:auto; }
p.login-username, p.login-password, p.login-remember, p.login-submit {padding: 0;}

/* ----- Rooms page specific styles ----- */
.rooms {padding-bottom: 30px; overflow: auto;}
.rooms span.button-book-room {float: right;}
.rooms .gallery  {float: right; width: 24%; padding: 4px 4px 0px 4px;	border: 1px solid #CCC;	background-color: #EEE;}
.rooms .gallery img {width: 100%; height: auto;}
.rooms .info  {float: left; width: 70%; padding-bottom: 20px;}

.rooms .hide-price, .rooms .hide-occupancy, .rooms .hide-bedding {clear: right; width: 70%; float: left;}
.rooms .icons {padding-top: 20px; clear: left; width: 70%; float: left;}
.rooms .icons img {width: 19px!important; display: inline;}

.paypolicy, .cancelpolicy, .childpolicy, .otherpolicy {margin-bottom: 25px;}
.propfacils, .reception, .checkin, .checkout {}

/* ----- Date selector specific styles ----- */
.avail-search {text-align: left; margin: 0 auto; }
.avail-search h4, #sidebar .avail-search h4 {font-size: 1.1em;}
.rightsidebar #sidebar .avail-search .dropdown-menu-right {
    left: auto;
    right: 0;
}
.sidebar .avail-search ul li {
    border-bottom: none;
    list-style: none;
    padding: 0 0 0 0;
}
.avail-search ul {text-align: left;}
.avail-search  form{width: auto;}
.avail-search input {border: #ececec solid 1px; -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; padding: 6px 12px; margin: 0 10px 8px 0;}
.avail-search .btn.search-button {margin-bottom: 10px;}
.avail-search .form-group, .avail-search  .ui-datebox-container h4, .avail-search  .ui-datebox-container, .avail-search  .ui-datebox-container a {color: #000!important;}
.avail-search div.input-group-addon {display: none;}
.avail-search .input-group .form-control:first-child {border-top-right-radius: 4px; border-bottom-right-radius: 4px;}
.avail-search .dropdown-menu-right { right: auto;  left: 0;}
.avail-search label.titlefontsize {padding: 0 15px 8px 0; margin: 0 0;}
.avail-search .form-group ul {margin-bottom: 0;}
.ui-datebox-griddate {-webkit-border-radius: 0!important; -moz-border-radius: 0!important; border-radius: 0!important; border-width: 0!important;}

/* old avail search */
#avail-search {padding-bottom: 20px; width: 100%;  }
#avail-search  form{max-width: 215px; width: 100%;  }
#avail-search table {margin-top: 10px; width: 100%;}
#avail-search td {border: 0px solid #000000; }
#avail-search input {margin: 0;}
.search { position:relative;}
.search .fa-calendar {position: absolute; top: 3px;left: 4px; font-size: 18px; color: #c8c8c8;}

td.label-date {width: 40%; font-size: .9em; }
.bookings #avail-search {display: none;}

form input#submit.search-button {float: left; text-align: center; width: 100px!important; height: 33px!important; font: bold 13px Verdana, sans-serif!important; color: #fff; cursor:pointer; margin: 5px 0px 0 0!important;}
input.dashboard,select.dashboard {	width: 100%;}
#datein, #dateout {width: 100px; height: 20px; background: #fcfcfc; color: #888; border: 1px solid #ccc; border-radius: 5px;
    box-shadow: 0 0 3px #ccc, 0 10px 15px #ebebeb inset; margin-top: 5px; float: left;  text-indent: 23px; font: normal 11px Verdana, sans-serif;}
.ui-widget-header {color: #fff!important;}
body .ui-datepicker {padding: 2px!important; margin-left: 0!important; width: 250px!important;}
.ui-widget {font-size: .9em!important;}
.ui-datepicker table {font-size: .9em!important;}

/** mobi CSS **/
@media screen and (max-width: 799px){
body {min-width: 320px;}
#header-wrapper {background: none;}
#header{ width: 100%; border-right-width: 0;border-left-width: 0;}
#logo h1, #logo h2, #logo h3 {font-size: 5.0vw!important; }
#sidebar, .sidebar {display: none; }
#mobi {display: block; padding: 10px; margin-bottom: 10px;}
#menu, #content {width: 100%;}
#content {min-height: 200px;}
#right, #logo, #copyright {width: 96%;padding: 0 2%;}
#copyright h1, #copyright h2, #copyright h3 {font-size: 4.0vw!important; }  
textarea#comment {width: 95%;}
.admin-left {width: 100%; float: left; clear: right;}
.admin-right {width: 100%; float: left; clear: left;}    

.rooms.show-mobi {display: block; }
.rooms.hide-mobi {display: none;}
.rooms.show-mobi .hide-price, .rooms.show-mobi .hide-occupancy, .rooms.show-mobi .hide-bedding {clear: left; width: 100%; float: left;}
.rooms .icons {padding-top: 20px; clear: left; width: 100%; float: right;}
.rooms span.button-book-room { float: left;}   

.show-mobi .gallery {width: 100%; max-width: 320px; float: left; margin: 15px 0;}
.show-mobi .soliloquy-outer-container:nth-child(2){display:none;}
.show-mobi .info {float: left; width: 100%;} 

div.rooms.show-mobi {padding-bottom: 15px;}
div.rooms.show-mobi  .accordion-heading {background: #f5f5f5;}
span.state:before {content: "\f067"!important; font-family: FontAwesome!important; 
width: 20px; height: 15px;display: inline-block;}
.collapsed span.state:before {content: "\f068"!important;}      
}
@media screen and (max-width: 599px) {
body .soliloquy-controls-direction a { display: block !important; }
}