
/** Google Fonts */
@import url(https://fonts.googleapis.com/css?family=Roboto:400,500,700);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,400italic,700,700italic);



/**
======================================
	WordPress required classes.
======================================
*/

.aligncenter {display: block;margin-left: auto;margin-right: auto;text-align: center;}
.alignleft {float: left; }
.alignright {float: right; }

img.alignright {float: right;margin: 5px 0 20px 20px;}
img.alignnone {margin: 5px 20px 20px 0;}
img.alignleft {float: left;margin: 5px 20px 20px 0;}
img.aligncenter {display: block;margin-left: auto;margin-right: auto}

.wp-caption,
.wp-caption-text,
.gallery-caption {max-width: 100%;font-style: italic; }
.wp-caption.alignnone {margin: 5px 20px 20px 0;}
.wp-caption.alignleft {margin: 5px 20px 20px 0;}
.wp-caption.alignright {margin: 5px 0 20px 20px;}
.wp-caption img {border: 0 none;height: auto;margin: 0;max-width: 98.5%;padding: 0;width: auto;}
.wp-caption p.wp-caption-text {font-size: 11px;line-height: 17px;margin: 5px 0 0;padding: 0 4px 5px;}

.sticky  {}

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {display: block;  }

audio, canvas, progress, video {display: inline-block;vertical-align: baseline;}

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box; 
}

:before, :after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box; 
}

/*Place Holder Text Color*/
::-webkit-input-placeholder { opacity: 1; color: #333333; } /* gray80 */
:-moz-placeholder           { opacity: 1; color: #333333; } /* Firefox 18- (one color)*/
::-moz-placeholder          { opacity: 1; color: #333333; } /* Firefox 19+ (double colons) */
:-ms-input-placeholder      { opacity: 1; color: #333333; }

/* Text meant only for screen readers. */
.screen-reader-text {clip: rect(1px, 1px, 1px, 1px);position: absolute !important;height: 1px;width: 1px;overflow: hidden;}
.screen-reader-text:focus {background-color: #f1f1f1;border-radius: 3px;box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);clip: auto !important;color: #21759b;
display: block;font-size: 14px;font-size: 0.875rem;font-weight: bold;height: auto;left: 5px;line-height: normal;padding: 15px 23px 14px;text-decoration: none;
top: 5px;width: auto;z-index: 100000;}




/**
======================================
	1.0 - General Styles.
======================================
*/
html {
	-webkit-tap-highlight-color: transparent; 
}

body {
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	line-height: 1.2em;
	color: #333;
	background: #f9fafb url(../images/body-bg.png) repeat; 
}

a {
	color: #29aaeb;
	text-decoration: none;
	transition: all 0.5s ease-in;  
}

a:hover, a:focus {
	color: #0074ae;
	text-decoration: none;	 
}

a:focus {
	outline: thin dotted;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px; 
}

figure {
	margin: 0;
}

img {
	max-width: 100%;
	vertical-align: middle; 
}

hr {
	border-top:2px dotted #3e3e3d;
}

.img-responsive, img[class*="wp-image-"],
.size-auto,
.size-full,
.size-large,
.size-medium,
.size-thumbnail, .entry-header img, .entry-content img, .entry-thumbnail img, .widget img, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img {
	display: block;
	max-width: 100%;
	height: auto;
}

p {
	margin: 0px;
	padding-bottom: 10px;
	font: 400 16px/1.7em 'Open Sans', sans-serif;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	margin: 0;
	line-height: 1.5em;
}

h1 {font-size: 36px;}
h2 {font-size: 30px;}
h3 {font-size: 26px;}
h4 {font-size: 22px;}
h5 {font-size: 18px;}




/**
======================================
	2.0 - Header Styles.
======================================
*/
header {}
.site-logo h1{ }
.site-logo img {max-width: 350px;}
.header-elements {background: #fff;padding: 50px 20px 20px;border-top: 5px solid #29aaeb;
box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.35);}
.header-elements .widget {margin-bottom: 15px;}
.header-elements .widget:last-child {margin-bottom: 0;}

.theme-container {margin: 0 auto;padding: 0 0 50px;background: #fff;box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.35);}
.home .theme-container {padding: 0 0 30px;}
.home .theme-container .home-content {padding: 30px 20px;}
.home-content .home-intro h2 {margin-bottom: 15px;}


/*Reservation Form*/
.reservation-form {background: #eef9ff;padding: 20px 20px 10px;}
.reservation-form input.wpcf7-form-control.wpcf7-text {background-color: #fff;border: 1px solid #e5e5e5;height: 35px;}
.reservation-form input.wpcf7-form-control.wpcf7-submit, 
.reservation-form input.wpcf7-form-control.wpcf7-submit:not([disabled]) {border-radius: 0;width: 100%; margin-top: 10px;}

.reservation-form ::-webkit-input-placeholder { /* WebKit browsers */color: #aaa !important;opacity: 1;font-weight:400;}
.reservation-form :-moz-placeholder { /* Mozilla Firefox 4 to 18 */color: #aaa !important;opacity: 1;font-weight:400;}
.reservation-form ::-moz-placeholder { /* Mozilla Firefox 19+ */color: #aaa !important;opacity: 1;font-weight:400;}
.reservation-form :-ms-input-placeholder { /* Internet Explorer 10+ */color: #aaa !important;opacity: 1;font-weight:400;}

.reservation-form h4 {margin-bottom: 15px;}
.reservation-form .wpcf7-text, .reservation-form .wpcf7-datetime {text-indent: 10px;}
.reservation-form .wpcf7-datetime {height: 35px;}

.home #ui-datepicker-div dt,  .home #ui-datepicker-div .ui-datepicker-calendar a,
.home #ui-datepicker-div .ui-widget {font-size: 0.7em !important;}
.home .ui-state-default, .home .ui-widget-content .ui-state-default, .home .ui-widget-header .ui-state-default 
{background: #29aaeb;color: #fff;}
.home .ui-state-highlight, .home .ui-widget-content .ui-state-highlight, .home .ui-widget-header .ui-state-highlight
{background: #0074ae;}
.home .ui-widget input, .home .ui-widget select, .home .ui-widget textarea, .home .ui-widget button
{font: 0.8em 'Roboto', sans-serif;}
.home .ui-widget-header {background: #eef9ff;font: 1em 'Roboto', sans-serif;}

.home-gallery, .home-amenities {margin-top: 40px;}
.home-gallery h3, .home-amenities h3 {margin-bottom: 20px;}

.amenities-box, .amenities-box .icon {margin-bottom: 20px;}
.amenities-box .title h5 {font-weight: 400; margin-bottom: 10px;}
.amenities-box .desc {width: 90%;}





/**
======================================
	3.0 - Home & Others.
======================================
*/
.home-cat-thumb {margin-top: 30px;transition: all 0.5s ease-in;border: 1px solid #ccc;padding: 10px;}
.home-cat-thumb:hover {opacity:0.6;}
.home-cat-thumb img {width: 100%;height: auto;}
.home-cat-thumb .home-cat-title {text-align: center;}
.home-cat-thumb .home-cat-title h5 {color: #666;margin-top: 5px;transition: all 0.5s ease-in;}
.home-cat-thumb:hover .home-cat-title h5 {color:#C52031;}





/**
======================================
	4.0 - Footer Styles.
======================================
*/
.footer-top-widgets {background: #fff;box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.35);
padding: 20px 20px 0;border-top: 1px dotted #f4f1f2;}
.site-footer {background: #333;padding: 20px;color: #fff;}
.site-footer .widget {margin-bottom: 0;}
.site-footer p {padding: 0;font-size: 0.8em;}
.site-footer a, .site-footer .flexnav a  {color: #fff;}
.site-footer a:hover {color: #E9EAED;}




/**
======================================
	5.0 - 404.
======================================
*/
.container-404 {text-align:center;margin: 42px 0;}
.container-404 .searchform {margin: 21px auto;width: 50%;}




/**
======================================
6.0	IMD - WordPress Theme Core Styles.
======================================
*/
.main-content, .right-sidebar {margin: 35px 0;}
.main-content article {padding-bottom: 35px;}
.single-content, .page-content {margin-top: 38px;}

.entry-header, .index-excerpt {margin: 0 20px;}
.entry-header h3 {margin: 0;}
.entry-header h3 a {color: #333;}
.entry-header p {padding-bottom: 0;}

.entry-content {margin: 20px;}
.home .entry-content {margin-top: 60px;}

.index-excerpt {margin-bottom: 28px;}
.index-excerpt p {padding-bottom: 0;}

.page-content .entry-content h1,
.page-content .entry-content h2,
.page-content .entry-content h3,
.page-content .entry-content h4,
.page-content .entry-content h5,
.page-content .entry-content h6,
.post-navigation {margin-bottom: 14px;}

h2.archive-title {background: #E4EFF5;border-top: 0px solid #BFDDED;border-left: 0px solid #BFDDED;border-bottom: 2px solid #BFDDED;
border-right: 0px solid #BFDDED; padding: 13px 20px 11px 25px;margin-bottom: 20px;margin-top: 38px;}




/*Read More*/
.readmore-rarr {font-size: 0.8em;background: #29aaeb;transition: background-color 500ms ease-out;display: block;width: 90px;text-align: center;margin-top: 15px;}
.readmore-rarr:hover {background: #333;}


/*Pagenav*/ 
.page-nav li {background: #000;padding: 10px 14px;transition: background-color 500ms ease-out;}
.page-nav li:hover {background: #29aaeb;}
.page-nav li a, .readmore-rarr a{font-size: 0.9em;color: #fff;}
.page-nav .previous{margin-right: 14px;}
.page-nav .previous i {margin-right: 5px;}
.page-nav .next i {margin-left: 5px;}


/*Meta*/
.entry-meta {display: block;font-size: 13px;border-bottom: 1px dotted #ddd;margin-bottom: 20px;}
.entry-meta li {padding-bottom: 7px;}
.entry-meta li i {margin-right: 5px;}
.list-inline {margin-left: 0px;}
.list-inline>li {padding-left: 0px;}


/*Widgets*/
.right-sidebar {padding-left: 20px;padding-right: 20px;padding-top: 7px;}
.archive .right-sidebar {padding-top: 0px;}
.right-sidebar .widget_categories li,
.right-sidebar .widget_recent_entries li,
.right-sidebar .widget_archive li,
.right-sidebar .widget_recent_comments li,
.right-sidebar .widget_product_categories li,
.right-sidebar .widget_layered_nav li,
.right-sidebar .widget-recent-posts-icons li { padding: 7px 0;border-bottom: 1px dotted #ddd;line-height: 1.5em;}
.widget_categories li:last-child,
.widget_recent_entries li:last-child,
.widget_archive li:last-child,
.widget_recent_comments li:last-child,
.widget_product_categories li:last-child,
.widget_layered_nav li:last-child,
.widget-recent-posts-icons li:last-child {border-bottom: none;}
.widget li { padding: 0 0 14px;line-height: 1.5em;font-size: 0.8em;color: #333;}
.widget li a {color: #333;}
.widget-title {margin: 0 0 7px;}
.widget {margin-bottom: 35px;}
.footer-top-widgets .widget-title {margin: 0 0 20px;}




/*widget icons*/
.widget_nav_menu a:before,
.widget_pages a:before,
.widget_archive a:before,
.widget_recent_entries a:before,
.widget_categories a:before,
.widget_meta a:before,
.widget_recent_comments span:before { margin-right: 10px; font-family: "FontAwesome"; color: #333; display:inline-block; font-style:normal;font-weight:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale; }
.widget_nav_menu a:before {content: "\f0da";}
.widget_archive a:before { content: "\f016"; }
.widget_recent_entries a:before { content: "\f0f6"; }
.widget_categories a:before { content: "\f114"; }
.widget_meta a:before { content: "\f045"; }
.widget_recent_comments span:before { content: "\f044"; }
.widget_pages a:before { content: "\f1c2"; }





#wp-calendar {width: 90%; }
#wp-calendar caption { text-align: right; color: #333; font-size: 12px; margin-bottom: 15px; }
#wp-calendar thead { font-size: 10px; }
#wp-calendar thead th { padding-bottom: 10px; }
#wp-calendar tbody { color: #aaa; }
#wp-calendar tbody td { background: #f5f5f5; border: 1px solid #fff; text-align: center; padding:3px;font-size: 9px;}
#wp-calendar tbody td:hover { background: #fff; }
#wp-calendar tbody td#today a {font-weight: 700;}
#wp-calendar tbody .pad { background: none; }
#wp-calendar tfoot #next { font-size: 10px; text-transform: uppercase; text-align: right; }
#wp-calendar tfoot #prev { font-size: 10px; text-transform: uppercase; padding-top: 10px; }



/*tagcloud widget*/
.tagcloud a { display: block; font-size: 11px !important; line-height: 1.2em !important; float: left; padding: 5px 8px; margin: 0 5px 5px 0; border: 0;color: #fff; background: #333; cursor: pointer; }
.tagcloud a:hover { text-decoration: none; background: #59abf0;color: #fff; }




/*Forms*/
input[type="text"], input[type="email"], input[type="tel"], input[type="url"], textarea, select { background: #fff;color: #333;height: 30px;line-height: 15px;width: 100%;padding: 0px 0px 0px 10px;margin-top: 2px;border: 1px solid #E5E5E5;outline: 0;font: 600 14px 'PT Sans';}
textarea {height: 80px;}
input[type="submit"] {background: #29aaeb;color: #fff;padding: 7px 21px;border: none;font: 400 14px 'Roboto', sans-serif;text-transform:uppercase;cursor: pointer;margin-top: 5px;transition: all 0.3s ease-in;}
input[type="submit"]:hover{background: #333;color: #fff;}




/*search input*/
.searchform input[type="text"] { width: 100%; background: #fff url("../images/search.png") no-repeat; background-position: 90%; padding: 5px 10px;
font-size: 14px;border:none;height: 40px;border: 1px solid #f3f3f3;}




/*Comment Form*/
#comments { margin: 80px 20px 0; }
#comments p { text-align: left; font-size: 12px;}
#comments.empty-closed-comments { display: none; }
#comments .comments-title { font-size: 20px; margin: 0 0 20px; padding-bottom: 5px;}
.comment-notes { color: #666; }
.comment-body {background: #E9EAED; padding: 21px;margin-bottom:21px;}
#comments .children .comment-body { margin-left: 30px; background: #ddd;}
.comment-author { width: 150px;padding: 3px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;  font-size: 13px; color: #000; color: #18453B; font-weight: bold;}
.comment-author .avatar { display: block; margin-bottom: 7px; }
.comment-author img {border: 3px solid #29aaeb;border-radius: 100%;height: 44px;width: 44px;}
.comment-details { position: relative; margin-bottom: 25px; padding-bottom: 25px; margin-left: 80px; border-bottom: 1px dashed #ddd; }
.comment-meta { margin-bottom: 14px;}
.comment-meta a{ font-size: 11px; padding: 3px;}
#comments .reply a {background: #29aaeb; padding: 4px 14px;color: #fff;transition: all 0.3s ease-in;font-size: 11px;}
#comments .reply a:hover {background: #333;}
#cancel-comment-reply-link { display: block; color: #F00 !important; cursor: pointer; font-size: 12px; }
#cancel-comment-reply-link:hover { text-decoration: underline }
.logged-in-as { font-size: 11px; margin: 0 0 10px; }
p.comment-notes { font-size: 12px; margin: 5px 0 0; }
#respond { margin: 0 0 25px }
#respond h3 { font-size: 16px; margin: 30px 0 0;}
.comment-form-author,
.comment-form-email,
.comment-form-website,
.comment-form-comment,
.comment-form-url { margin: 0 0 10px }
.comment-form-author input,
.comment-form-author input,
.comment-form-email input,
.comment-form-website input,
.comment-form-comment input,
.comment-form-url input { width: 50%; }
#commentform label { display: block; }
#commentform #submit { float: none }
.comment-navigation { font-size: 12px }
.nav-next { text-align: right }
.form-allowed-tags { display: none }
span.required { color: #F00; font-size: 9px; position: relative; top: -4px; }
.no-comments { text-align: right }
.no-comments i { margin-right: 8px }
  


/*Override Plugin's Style*/




/**
======================================
7.0- Responsive Styles.
======================================
*/

@media (max-width: 1199px) {



	
}



@media (max-width: 991px) {

h1 {font-size: 32px;}
h2 {font-size: 26px;}
h3 {font-size: 22px;}
.widget li a {font-size: 0.9em;}
.site-footer .pull-right, .site-footer .pull-left {float: none !important;}
.site-footer {text-align: center;}
.site-logo img {max-width: 300px;}
.amenities-box .desc {width: 100%;}

}


@media (max-width: 767px) {

.img-responsive, img[class*="wp-image-"], .size-auto, .size-full, .size-large, .size-medium, .size-thumbnail, .entry-header img, 
.entry-content img, .entry-thumbnail img, .widget img, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, 
.pull-right, .alignleft, .index-thumb img {float: none !important;}
.page-nav li {width: 100%;margin-bottom: 14px;}
.tagcloud a {display: inline-block;float:none;}
.site-logo {text-align: center;margin-bottom: 14px;}
.right-sidebar {padding-left: 35px;}


}

@media (max-width: 480px) {



}




