/* This file will hold styles for the mobile version of your website (mobile first). */
/* This also can include ANY global CSS that applies site-wide. Unless overwritten by a more specific style rule, CSS declarations in global.css will apply site-wide. */


body{
font-family: 'Century Gothic', Helvetica, Arial, sans-serif;
color: #5b5b5b;
}

.grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-10, .grid-11, .grid-12, .grid-13, .grid-14, .grid-15, .grid-16, .grid-17, .grid-18, .grid-19, .grid-20, .grid-21, .grid-22, .grid-23, .grid-24{
margin: 0;
}

/******************** Logo ********************/

.responsive-layout-mobile #section-header{
margin-top: 15px;
}

#block-block-87 p, #block-block-88 p, #block-block-89 p, #block-block-90 p{
margin-bottom: 5px;
}

/******************** Branding ********************/

#region-branding{
text-align: center;
}

#region-branding .logo-img{
float: none;
margin-right: 0px;
}

#block-block-72, #block-block-98{
margin: 5px 0 10px;
padding-top: 5px;
height: 28px;
font-size: 15px;
color: #fff;
background-color: #8eb3ca;
}

#block-block-72 a{
color: #fff;
text-decoration: none;
}

#block-block-98 a{
margin: 0 18px;
color: #fff;
text-decoration: none;
}

#block-block-72 a:hover, #block-block-98 a:hover{
text-decoration: underline;
}

#block-block-114{
position: absolute;
right: 10px;
bottom: 0;
}

/******************** Menu ********************/

.responsive-layout-mobile #block-superfish-1,.responsive-layout-mobile #block-superfish-2{
width: 50%;
float: left;
text-transform: uppercase;
margin-bottom:10px;
}

#block-superfish-3{
display: none;
}

#superfish-1-select, #superfish-2-select{
width: 100%;
text-transform: uppercase;
}

.responsive-layout-mobile #block-menu-menu-secondary-menu, 
.responsive-layout-mobile #block-menu-menu-secondary-menu-thai,
.responsive-layout-mobile #block-menu-menu-secondary-menu ul, 
.responsive-layout-mobile #block-menu-menu-secondary-menu-thai ul{
width: 230px;
margin:0 auto;
text-align:center;
}

.responsive-layout-mobile #block-menu-menu-secondary-menu li, 
.responsive-layout-mobile #block-menu-menu-secondary-menu-thai li{
float:left;
margin:0 10px 0 0;
list-style:none;
border-right: 1px solid #000;
}

.responsive-layout-mobile #block-menu-menu-secondary-menu li.last, 
.responsive-layout-mobile #block-menu-menu-secondary-menu-thai li.last{
border:none;
}

#block-menu-menu-secondary-menu ul li a, 
#block-menu-menu-secondary-menu-thai ul li a{
height: 12px;
line-height: 10px;
color: #5b5b5b;
font-size: 12px;
font-weight: normal;
text-decoration: none;
display: block;
text-transform:uppercase;
}

/******************** Language ********************/


.responsive-layout-mobile #block-locale-language{
position: relative;
float:right;
margin-top:-20px;
}

#block-locale-language ul li{
float: left;
list-style-type: none;
}

#block-locale-language .language-icon{
margin: 4px 0 7px 5px;
}

#block-locale-language a{
text-decoration: none;
}

/******************** Breadcrumb ********************/

#block-views-breadcrumb-main-pages-block, #block-views-breadcrumb-main-pages-th-block, #block-views-breadcrumb-resort-pages-block, #block-views-357e0f3a892c1ae24ad7d0205b00413c, #block-views-1056ecb54d3e3b660bfe7b9120df2af4, #block-views-3fa0447a80303a4e0f4898885b8c20bc, #block-views-breadcrumb-golf-pages-block, #block-views-breadcrumb-golf-pages-th-block{
position: relative;
clear: both;
border-top: 1px solid #cfe3f2;
padding: 10px 0;
}

#block-views-breadcrumb-main-pages-block a, #block-views-breadcrumb-main-pages-th-block a, #block-views-breadcrumb-resort-pages-block a, #block-views-357e0f3a892c1ae24ad7d0205b00413c a, #block-views-1056ecb54d3e3b660bfe7b9120df2af4 a, #block-views-3fa0447a80303a4e0f4898885b8c20bc a, #block-views-breadcrumb-golf-pages-block a, #block-views-breadcrumb-golf-pages-th-block a{
text-decoration: none;
}

#block-views-breadcrumb-main-pages-block a:hover, #block-views-breadcrumb-main-pages-th-block a:hover, #block-views-breadcrumb-resort-pages-block a:hover, #block-views-357e0f3a892c1ae24ad7d0205b00413c a:hover, #block-views-1056ecb54d3e3b660bfe7b9120df2af4 a:hover, #block-views-3fa0447a80303a4e0f4898885b8c20bc a:hover, #block-views-breadcrumb-golf-pages-block a:hover, #block-views-breadcrumb-golf-pages-th-block a:hover{
text-decoration: underline;
}

/******************** Flexslider ********************/
#block-views-homepage-slider-block-1,
#block-views-homepage-slider-block-3{
position:relative;
clear:both;
}

#flexslider-1{
margin: 0;
border: none;
}

#flexslider-1 .flex-control-nav.flex-control-paging{
display: none;
}

.flexslider .slides img {
width: 100%;
height: auto;
}

/* banner popup */
#cboxOverlay{
background: rgba(0, 0, 0, 0.3);
}

#cboxLoadedContent{
background: rgba(255, 255, 255, 0.5);
border:0 !important;
}
.cboxIframe {
background: rgba(255, 255, 255, 0.3);
}

#cboxLoadedContent table{
margin:0 auto;
border:none;
}

#cboxClose {
position: absolute;
top: 0px !important;
}

.front #colorbox{
top: 40px !important;
}



/******************** Block-Banner ********************/

#block-block-75 img, #block-block-80 img, #block-block-81 img, #block-block-82 img, #block-block-84 img, #block-block-85 img, #block-block-86 img, #block-block-91 img, #block-block-92 img, #block-block-93 img, #block-block-94 img, #block-block-95 img, #block-block-96 img, #block-block-97 img, #block-block-99 img, #block-block-100 img, #block-block-101 img, #block-block-102 img, #block-block-103 img, #block-block-104 img{
width: 100% !important;
height: auto !important;
}

/******************** Block-Media Centre Page ********************/

#block-block-76, #block-block-76 a, #block-block-77, #block-block-77 a, #block-block-78, #block-block-78 a, #block-block-79, #block-block-79 a, #block-block-110, #block-block-110 a, #block-block-111, #block-block-111 a, #block-block-112, #block-block-112 a, #block-block-113, #block-block-113 a,
#block-views-press-release-block, #block-views-press-release-block a{
font-family: 'Century Gothic', Helvetica, Arial, sans-serif;
font-size: 12px;
color: #5b5b5b;
text-decoration: none;
}

#block-block-76 a:hover, #block-block-77 a:hover, #block-block-78 a:hover, #block-block-79 a:hover, #block-block-110 a:hover, #block-block-111 a:hover, #block-block-112 a:hover, #block-block-113 a:hover,
#block-views-press-release-block a:hover{
text-decoration: underline;
}

#block-block-76 li, #block-block-77 li, #block-block-79 li, #block-block-110 li, #block-block-111 li, #block-block-113 li,
#block-views-press-release-block li{
margin-left: 25px;
}

#block-block-76 .block-title,
#block-views-press-release-block .block-title,
 #block-block-77 .block-title, #block-block-78 .block-title, #block-block-79 h3, #block-block-79 h3 a, #block-block-110 .block-title, #block-block-111 .block-title, #block-block-112 .block-title, #block-block-113 h3, 
 #block-block-113 h3 a{
font-size: 16px;
font-weight: normal;
text-transform: uppercase;
color: #356c8f;
}

/******************** Content - Promotion Page ********************/

#block-views-promotion-block .block-title{
font-size: 18px;
color: #fff;
background-color: #abbecc;
padding: 0 5px;
}

#promotion-thumb ul.thumb{
padding: 0;
list-style: none;
}



/******************** Sidebar-first ********************/

#region-sidebar-first img{
width: 80% !important;
height: inherit !important;
}

#block-menu-menu-resort-menu ul li, #block-menu-menu-residences ul li, #block-menu-menu-menu-special ul li, #block-menu-menu-resort-menu-th ul li, #block-menu-menu-residence-menu-th ul li, #block-menu-menu-golf-menu-th ul li{
float: left;
list-style-type: none;
list-style-image: none;
text-transform: uppercase;
}

#block-menu-menu-resort-menu ul li a, #block-menu-menu-residences ul li a, #block-menu-menu-menu-special ul li a, #block-menu-menu-resort-menu-th ul li a, #block-menu-menu-residence-menu-th ul li a, #block-menu-menu-golf-menu-th ul li a{
text-decoration: none;
}

#block-menu-menu-resort-menu ul li a:hover, #block-menu-menu-residences ul li a:hover, #block-menu-menu-menu-special ul li a:hover, #block-menu-menu-resort-menu ul li a.active, #block-menu-menu-residences ul li a.active, #block-menu-menu-menu-special ul li a.active, #block-menu-menu-resort-menu-th ul li a:hover, , #block-menu-menu-resort-menu-th ul li a.active, #block-menu-menu-residence-menu-th ul li a:hover, #block-menu-menu-residence-menu-th ul li a.active, #block-menu-menu-golf-menu-th ul li a:hover, #block-menu-menu-golf-menu-th ul li a.active{
color: #356c8f;
text-decoration: none;
font-weight: bold;
}

/******************** Webform ********************/

.page-node-6.responsive-layout-mobile span{
margin: 0 !important;
}

#block-webform-client-block-173  input, #block-webform-client-block-173  textarea, #webform-client-form-138  input, #webform-client-form-138  textarea{
width: 100%;
border-color: #356c8f;
}

#block-webform-client-block-173 label, #webform-client-form-138 label{
font-weight: normal;
color: #356c8f;
text-transform: uppercase;
}

/******************** Sidebar-first ********************/

.responsive-layout-mobile #region-sidebar-first{
background-color: #d1e8f7;
padding: 10px 0;
}


/******************** Content ********************/

h1, h2, h3, h4, h5, h6{
font-family: 'Century Gothic', Helvetica, Arial, sans-serif;
color: #5b5b5b;
}

.content h2{
margin-bottom: 0px;
}

.breadcrumb, #block-system-main .translation-link{
display: none;
}

.responsive-layout-mobile #region-content{
padding: 10px;
}

.page-node-1 #region-content{
padding: 0;
}

#page-title, h1{
font-size: 20px;
font-weight: normal;
color: #356c8f;
text-transform: uppercase;
}

h2{
font-size: 14px;
font-weight: normal;
color: #356c8f;
text-transform: uppercase;
}

.page-node-1 #page-title,
.page-node-102 #page-title,
.page-node-261 #page-title,
.page-node-267 #page-title,
.page-node-268 #page-title,
.page-node-269 #page-title{
display: none;
}

#block-system-main nav.links{
display: none;
}

.page-node-163 #block-system-main img, .page-node-164 #block-system-main img, .page-node-165 #block-system-main img, .page-node-178 #block-system-main img, .page-node-179 #block-system-main img, .page-node-180 #block-system-main img{
width: 100%;
height: auto;
}

.page-node-91 #block-system-main a, .page-node-93 #block-system-main a{
text-decoration: none;
color: #5b5b5b;
}

.page-node-91 #block-system-main a:hover, .page-node-93 #block-system-main a:hover{
text-decoration: underline;
}

#block-system-main iframe{
min-height: 550px;
}

/******************** Content - MEDIA CENTRE Page ********************/

#block-views-resort-gallery-block img, #block-views-golf-gallery-block img, #block-views-room-gallery-block img{
margin: 10px;
-webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.75);
box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.75);
}

.page-node-158 #block-views-resort-gallery-block, .page-node-158 #block-views-golf-gallery-block, .page-node-214 #block-views-resort-gallery-block, .page-node-214 #block-views-golf-gallery-block, .page-node-19 #block-views-room-gallery-block, .page-node-76 #block-views-room-gallery-block{
display: none;
}

.field-name-field-images2  .field-item img{
width:100%;
height:auto;
}

/******************** Content - Room ********************/

#room{
text-transform: capitalize;
text-align: center;
}

/******************** Menu - CourseGuide ********************/

#block-menu-menu-course-guide, #block-menu-menu-menu{
margin: -10px 0 10px 0;
}

#block-menu-menu-course-guide h2.block-title, #block-menu-menu-menu h2.block-title{
float: left;
font-size: 14px;
text-transform: capitalize;
margin-right: 15px;
}

#block-menu-menu-course-guide ul li, #block-menu-menu-menu ul li{
float: left;
font-size: 16px;
list-style-type: none;
list-style-image: none;
margin-right: 10px;
margin-top: -3px;
}

#block-menu-menu-course-guide ul li a, #block-menu-menu-menu ul li a{
color: #5b5b5b;
text-decoration: none;
}

#block-menu-menu-course-guide ul li a:hover, #block-menu-menu-course-guide ul li a.active, #block-menu-menu-menu ul li a:hover, #block-menu-menu-menu ul li a.active{
font-weight: bold;
text-decoration: underline;
}

/******************** View-Homepage & Events ********************/

h4.link, h4.link a{
color: #677985;
font-size: 13px;
font-weight: normal;
text-decoration: none;
margin: 10px 0;
text-transform: uppercase;
}

p.link a{
margin: 0px; 
padding: 0px; 
border: 0px; 
outline: 0px; 
vertical-align: baseline; 
font-family: 'Century Gothic', Helvetica, Arial, sans-serif; 
font-size: 13px; 
line-height: 19px; 
color: rgb(0, 0, 0); 
text-decoration: none;
}

h4.link a:hover, p.link a:hover{
text-decoration: underline;
}

#block-views-view-homepage-block, #block-views-view-homepage-th-block, #block-views-view-events-block, #block-views-view-events-th-block{
text-align: center;
}

#block-views-view-homepage-block .views-field-field-image2, #block-views-view-homepage-th-block .views-field-field-image3, #block-views-view-events-block .views-field-field-image2, #block-views-view-events-th-block .views-field-field-image3{
width: 80%;
padding: 0 10%;
}

#block-views-view-homepage-block .views-field-title, #block-views-view-homepage-block .views-field-body, #block-views-view-homepage-th-block .views-field-title, #block-views-view-homepage-th-block .views-field-body, #block-views-view-events-block .views-field-title, #block-views-view-events-block .views-field-body, #block-views-view-events-th-block .views-field-title, #block-views-view-events-th-block .views-field-body{
width: 80%;
padding: 0 10%;
text-align: left;
}

#block-views-view-homepage-block .views-field-view-node, #block-views-view-homepage-th-block .views-field-view-node, #block-views-view-events-block .views-field-view-node, #block-views-view-events-th-block .views-field-view-node{
width: 80%;
margin: 0 10%;
text-align: left;
}

#block-views-view-homepage-block .views-row, #block-views-view-homepage-th-block .views-row, #block-views-view-events-block .views-row, #block-views-view-events-th-block .views-row{
margin-top: 20px;
padding-bottom: 15px;
border-bottom: 2px solid #dfedf6;
}

#block-views-view-homepage-block .views-field-title, #block-views-view-homepage-th-block .views-field-title, #block-views-view-events-block .views-field-title, #block-views-view-events-th-block .views-field-title{
margin: 10px 0;
}

#block-views-view-homepage-block .views-field-title a, #block-views-view-homepage-th-block .views-field-title a, #block-views-view-events-block .views-field-title a, #block-views-view-events-th-block .views-field-title a{
color: #677985;
text-decoration: none;
}

#block-views-view-homepage-block .views-field-view-node a, #block-views-view-homepage-th-block .views-field-view-node a, #block-views-view-events-block .views-field-view-node a, #block-views-view-events-th-block .views-field-view-node a{
color: #000;
text-decoration: none;
}

#block-views-view-homepage-block .views-field-title a:hover, #block-views-view-homepage-block .views-field-view-node a:hover, #block-views-view-homepage-th-block .views-field-title a:hover, #block-views-view-homepage-th-block .views-field-view-node a:hover, #block-views-view-events-block .views-field-title a:hover, #block-views-view-events-block .views-field-view-node a:hover, #block-views-view-events-th-block .views-field-title a:hover, #block-views-view-events-th-block .views-field-view-node a:hover{
text-decoration: underline;
}

/******************** View-Homepage-Jcarousel ********************/

#block-views-view-homepage-jcarousel-block, #block-views-ac41ef2c7694d0c753f056c80441571a{
display: none;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-state-default .ui-icon, .ui-state-hover .ui-icon, .ui-state-focus .ui-icon, .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, .ui-widget-content, .ui-state-active .ui-icon {
border: none;
background: none;
}

.ui-accordion-content ul li{
list-style-type: disc;
}

.ui-accordion-content ul li a{
font-family: 'Century Gothic', Helvetica, Arial, sans-serif;
font-size: 13px;
color: #0062A0;
text-decoration: none;
}

.ui-accordion-content ul li a:hover{
color: #0062A0;
text-decoration: underline;
}


/******************** Postscript ********************/

#block-block-73, #block-block-74,#block-block-119,#block-block-120{
text-align: center;
}

#block-block-74 img,
#block-block-119 img,
#block-block-120 img{
margin: 0 5px;
}

#block-block-74 a,
#block-block-119 a,
#block-block-120 a{
line-height: 28px;
color: #677985;
text-decoration: none;
}

#block-block-74 a:hover,
#block-block-119 a:hover,
#block-block-120 a:hover{
text-decoration: underline;
}

#block-block-73, #block-block-105, #block-block-106, #block-block-107, #block-block-108, #block-block-109{
float: left;
width: 33%;
text-align: center;
}
.context-golf #block-block-120,
.context-resort #block-block-120{
	display:none;
}

/* newsletter */

#block-block-117{
clear:both;
position:relative;
overflow:hidden;
height:240px;
margin:20px auto;
}

#block-block-117 img {
display: block;
width: 960px;
left: 50%;
margin-left: -560px;
position: absolute;
height: auto;
}


.view-newsletter {
margin:20px auto;
}

.view-newsletter table{
border:none;
margin:0 auto;
}

.view-newsletter table td.month{
width:55%;
}

.view-newsletter table td.read,
.view-newsletter table td.download,
.view-newsletter table td.print{
width:15%;
height: 30px;
text-align:center;
}

.view-newsletter table td{
border-bottom:1px solid #8eb3ca;
}

.view-newsletter table td a{
color:#333333;
text-decoration:none;
}

.view-newsletter table td a:hover,
.view-newsletter table td{
color:#8eb3ca;
}

.view-newsletter table td.read a{
color:transparent;
background:url(../images/readmore.png) no-repeat center;
padding: 15px 20px;
font-size:0;
}

.view-newsletter table td.download a,
.print_pdf a{
color:transparent;
background:url(../images/download.png) no-repeat center;
padding: 15px 20px;
font-size:0;
}

.view-newsletter table td.print a,
.print_html a{
color:transparent;
background:url(../images/print.png) no-repeat center;
padding: 15px 20px;
font-size:0;
}

#block-print-ui-print-links span {
display: inline !important;
}

#block-print-ui-print-links span.print_mail{
display:none !important;
}

/******************** Footer ********************/

#zone-footer-wrapper{
background-color: #8eb3ca;
}

#block-block-6{
margin: 0;
padding-top: 5px;
height: 28px;
font-size: 15px;
color: #fff;
background-color: #8eb3ca;
text-align: center;
}

hr.cleaner {
clear:both;
height:1px;
margin: -1px 0 0 0;
padding:0;
border:none;
visibility: hidden;
}
.responsive-layout-mobile .right-content{
	width: 100%;
	margin: 20px 0px;
}
/*promotion*/
.responsive-layout-mobile .field-name-field-image-promotion img{
	width: 53%;
    height: auto;
    /* text-align: center; */
    display: block;
    margin: 0 auto;

}
.responsive-layout-mobile .field-name-field-date.field-type-datetime{

	font-size: 20px;
    font-weight: bold;
}


.responsive-layout-mobile .node-type-promotion .date-display-range{
	padding: 10px 0px;
    font-size: 18px;
    font-weight: bold;
}

.responsive-layout-mobile .promotion-img img{
	width: 53%;
    height: auto;
    /* text-align: center; */
    display: block;
    margin: 0 auto;

}

.responsive-layout-mobile .promotion-body{
	margin-top: 20px;
	
}
.responsive-layout-mobile .promotion-title a{
	font-size: 20px;
	text-decoration:none;
}
/**/
#block-block-80,#block-block-82{
	z-index: -999;
}
#block-views-promotion-resort-block .views-row ul{
	padding-left: 20px;
	margin-bottom: 8px;
}
.date-display-range{
	display:none;
}

.page-node-477 #block-views-promotion-resort-block p,
.page-node-477 #block-views-promotion-resort-block table{
	margin-bottom:8px !important;
}

.discount{
	display: inline-block;
    background: url(../images/dis4.png) no-repeat;
    color: #fff;
    font-weight: 700;
    border-radius: 5px;
    height: 95px;
    width: 93px;
    margin-left: 20px;
    position: absolute;
	top: 86px;
}
.field-name-field-discount{
	display: inline-block;
    background: url(../images/dis4.png) no-repeat;
    color: #fff;
    font-weight: 700;
    border-radius: 5px;
    height: 95px;
    width: 93px;
    margin-left: 20px;
	
}
.field-name-field-discount .field-items,
.discount b{
	font-size: 25px;
    position: relative;
    top: 20px;
    font-family: sans-serif;
    left: 23px;
}
#block-views-promotion-resort-block .views-row{
	margin: 30px 0px;
	border-bottom:1px solid #ddd;
	padding-bottom: 18px;
}
/*.discount {
	display: inline-block;
    padding: 5px 10px;
    background: red;
    color: #fff;
    font-weight: 700;
    border-radius: 5px;
	margin-left: 20px;
}*/
.page-node-479 #block-system-main h2,
.page-node-81 #block-system-main h2,
.page-node-322 #block-system-main h2,
.page-node-327 #block-system-main h2,
.page-node-328 #block-system-main h2,
.page-node-329 #block-system-main h2{
	text-transform: none;
}
.page-node-287 #page-title span{
	color:red;
	text-transform: none;
}
.page-node-287 #block-block-118 {
    position: absolute;
    top: 0;
    right: 0;
}