/*
Theme Name: Coast Hotel
Description: Custom theme for Coast Hotel
Version: 1.0
Author: Giant Media
*/
/* ### RESET ### */
html, body, div, span, h1, h2, h3, h4, p, a, img, strong, ol, ul, li, form, label, table, tr, th, td, iframe, dl, dt, dd { margin: 0; padding: 0; border: 0; background: transparent; }
*{ margin:0; } html, body { height:100%; } ol, ul { list-style: none; } table { border-collapse: collapse; border-spacing: 0; } a { outline:none; } a img { border: none; }
*+html .hLogo { display:inline; zoom:1;} .homeUsml img {behavior: url(PIE.htc);} h1, h2, h3, .fancytxt, .topMenu ul li a {font-family: 'Open Sans', sans-serif;}
/* ### PAGE ### */
body { font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#FFF; background:#141414; }
.wrapper { min-height:100%; height:auto!important; height:100%; margin:0 auto -550px auto; }
.push { height:550px; }
/* ### HEAD ### */
.pHead { width:100%; position:relative; z-index:50; }
 .hHome { height:540px;}
 .hInt { height:350px; }
  .BG1 {background:url(images/BG1.jpg) bottom center no-repeat;}
  .BG2 {background:url(images/BG2.jpg) bottom center no-repeat;}
  .BG3 {background:url(images/BG3.jpg) bottom center no-repeat;}
  .BG4 {background:url(images/BG6.jpg) bottom center no-repeat;}
  .BG5 {background:url(images/BG5.jpg) bottom center no-repeat;}
  .BG6 {background:url(images/BG6.jpg) bottom center no-repeat;}
 .hCanvas { width:970px; margin:0 auto; position:relative; }
  .pHeadL { width:233px; height:174px; position:absolute; top:0; left:0; z-index:50; background:url(/wp-content/uploads/2020/02/coast-hotel.png) top left no-repeat; }
   .pHeadL a { width:233px; height:174px; display:block; }
   .pHeadL span {display:none;}
  .topMenu { position:absolute; top:50px; right:0; width:730px; z-index:10; height:17px; }
   .topMenu ul { z-index:460; list-style-type:none; position:absolute; right:0; }
   .topMenu ul li{ position:relative; float:left; display:inline; font-size:14px; height:14px; line-height:14px; padding:0 15px 3px 10px; margin:0 5px 0 0; border-right:1px solid #FFF; text-transform:uppercase; font-weight:700; }
    .topMenu ul li.last { margin-right:0;  padding-right:0; border-right:0;}
   .topMenu ul li a{ display: block; text-decoration: none; color:#FFF!important; padding:0; }
   * html .topMenu ul li a{ /display: inline-block; }
   .topMenu ul li a:hover, .topMenu ul li a.selected {text-decoration:none; }
   .topMenu ul li ul{ position: absolute; left:0; display: none; visibility: hidden; width:180px; z-index:50; background:#141414;  padding:0; height:auto; }
   .topMenu ul li ul li{ display: list-item; float: none; margin:0!important; width:180px; height:auto!important; padding:0!important; font-size:13px!important; line-height:15px!important; text-transform:none; font-weight:400; border-right:0; }
   .topMenu ul li ul li a{ width: 165px; padding:7px 5px 7px 10px; margin:0; height:auto; color:#FFF; font-family:Arial, Helvetica, sans-serif; }
   .topMenu ul li ul li a:hover { color:#FFF!important; background:#333; }
   * html .topMenu{ height: 1%;}
  .pPhone { position:absolute; top:0; right:68px; height:18px; font-size:18px; line-height:18px; text-transform:uppercase; font-weight:700; padding:5px 15px;  }
  .hFB, .hTW { width:30px; height:28px; position:absolute; top:0;}
   .hFB { right:34px; background:url(images/hFB.png);}
   .hTW { right:0; background:url(images/hTW.png);}
   .hFB a, .hTW a{ width:30px; height:28px; display:block; }
   .hFB a span, .hTW a span{ display:none; }
 .homeFeat { height:440px; z-index:0; width:100%; overflow:hidden; position:absolute; background:#CCC; top:100px; }
  .hFrame { width:970px; margin:0 auto; overflow:visible; height:440px; z-index:1; position:relative; }
  #slider {width:2000px; height:440px; background:url(images/loading.gif) no-repeat 50% 50%; z-index:1; position:absolute; left:-515px;}
  #slider img {position:absolute!important; top:0!important; left:0!important; display:none; z-index:1}
  #slider a {border:0; display:block;}
  .hFeatTop { position:absolute; top:0; width:100%; height:10px; z-index:5; background:url(images/hFeatTop.png) top left repeat-x;}
  .hFeatBot { position:absolute; bottom:0; width:100%; height:10px; z-index:5; background:url(images/hFeatBot.png) top left repeat-x;}
/* ### HOME ### */
 .homeLi { height:255px; width:232px; }
  .homeLi .img { height:175px; background:#FFF; position:relative; z-index:1; }
   .homeLi .img img { position:absolute; top:0; left:0; z-index:1;}
   .homeLi .img h3 { position:absolute; top:15px; left:15px; z-index:5; font-size:24px; line-height:30px; width:160px; height:60px; text-transform:uppercase; text-transform:uppercase; margin:0!important; padding:0!important; text-shadow: 3px 3px 3px #333333; }
   .homeLi .img a { position:absolute; top:0; left:0; z-index:50!important; width:232px; height:175px; display:block; background:transparent; color:#FFF!important; }
  .homeLi .deets { padding:10px 10px 0 10px;}
 .homeEv { height:115px; width:232px; position:relative; margin-bottom:14px!important; }
  .homeEv .img { position:absolute; bottom:10px; right:10px; }
  .homeEv h3 { position:absolute; top:10px; left:10px; width:165px; z-index:5; }
  .homeEv a { position:absolute; top:0; left:0; z-index:10; display:block; width:232px; height:115px; color:#FFF!important; }
 .hLiBG1, .hEvBG1, .hEvBG4, .hLiBG4, .hEvBG7 { background:#ff5400; }
 .hLiBG2, .hEvBG3, .hEvBG5, .hEvBG6 { background:#72b508;}
 .hLiBG3, .hEvBG2, .hEvBG5 { background:#0eafa9;}
 .hLiBG4, .hEvBG4, .hEvBG8 { margin-right:0!important; }

.hLower { background:#000; padding:50px 0;}
/* ### BODY ### */
.pBody { position:relative; z-index:55; /*! background:url(images/pBody.png) top center no-repeat; */ padding:30px 0 30px 0; }
 .pCanvas { width:970px; margin:0 auto; }
 .pBody a{ color:#72b508; text-decoration:none;}
 .pCol { margin:0 14px 0 0; }
 .pCol1 { width:68px; }
 .pCol2 { width:150px; }
 .pCol3 { width:232px; }
 .pCol4 { width:314px; }
 .pCol5 { width:396px; }
 .pCol6 { width:478px; }
 .pCol7 { width:560px; }
 .pCol8 { width:642px; }
 .pCol9 { width:724px; }
 .pCol10 { width:806px; }
 .pCol12 { width:970px; margin-right:0; float:none; }
  .pColpadR { padding-right:68px!important; }
/* ### CONTENT ### */
 .blkC h1, .blkC h2.home {font-size:24px; line-height:24px; margin:0 0 20px 0!important; padding:0 0 9px 0!important; border-bottom:7px solid #FFF; text-transform:uppercase; }
 .blkC h2 { font-size:21px; padding:20px 0 5px 0; line-height:25px; }
 .blkC h3 { font-size:20px; padding:5px 0; line-height:24px;}
 .blkC p { margin:0 0 16px 0; line-height:19px;}
 .blkC table { margin:0 0 18px 0; }
.blkC table h3 { border-bottom:5px solid; display: inline-block; text-transform:uppercase; }
  .blkC table td { padding:7px 0;}
 .blkC ol { margin:0 0 30px 15px; }
 .blkC ul { margin:0 0 20px 10px; }
 .blkC ol li { margin:0 0 8px 10px; line-height:19px; list-style:decimal; }
 .blkC ul li { margin:0 0 8px 10px; line-height:19px; list-style:square; }
 .sideU { margin:0 0 20px 0!important; background:url(images/tbl.png); padding:15px;}
  .sideU .img { width:284px; height:160px; position:relative; z-index:1; margin:0 0 10px 0; }
   .sideU .img img { position:absolute; z-index:1; }
   .sideU .img .date { background:url(images/sideUdate.png) top right no-repeat; position:absolute; top:0; left:0; z-index:2; padding:10px 40px 10px 15px; color:#FFF; font-size:18px; height:18px; text-transform:uppercase; line-height:18px; font-weight:700;}
  .sideU h3 { font-size:16px; line-height:19px; margin:0 0 10px 0!important; color:#FFF; }
  .sideU p { margin:0 0 10px 0; line-height:19px;}
form { margin-left:20px; }
form p { width:100%; margin:0 !important;  }
form .col { margin-top:0; margin-bottom:0; }input[type="email"],select, input[type="password"],input[type="text"], .form-phone , textarea, input[type="tel"]{
    border:none;
    background:#fff;
    color: #222;
    padding: 10px 15px;
    width: 100%;
    margin:5px auto;
    display: inline-block;
    font-size:14px;
    font-weight:400;
    font-family:inherit;
    box-sizing: border-box;    
}
::-webkit-input-placeholder { color:#222; font-family:inherit; font-weight:400; }
:-moz-placeholder { color:#222; font-family:inherit; font-weight:400; }
::-moz-placeholder { color:#222; font-family:inherit; font-weight:400; }
:-ms-input-placeholder { color:#222; font-family:inherit; font-weight:400; }
textarea, .inpage textarea { height:auto; }
input[type="submit"] { cursor:pointer;  -webkit-appearance:none; -moz-appearance:none; appearance:none; margin-top:5px; font-family:inherit;  width:100%;  display:inline-block; padding: 15px 30px;background: #72b508;color: #fff;text-transform: none;font-size: 16px;font-weight: 700;border: none;}
input[type="submit"]:hover {  background: #ff5400; color: #fff; }

/* ### FOOT ### */
.pFoot { width:100%; height:550px; background:#e1e1e1; position:relative; z-index:55; overflow:hidden; }
 .pFoot a {color:#ff5400!important;}
 .fCanvas { width:970px; margin:0 auto; font-size:14px; position:relative; height:550px; overflow:visible; }
  .conDeets { width:264px; height:254px; position:absolute; top:50px; left:0; background:url(images/conDeets.png); padding:40px 25px 0 25px; color:#FFF; z-index:10;} 
   .conDeets h3 { font-size:24px; line-height:24px; margin:0 0 20px 0!important; padding:0 0 9px 0!important; border-bottom:7px solid #FFF; text-transform:uppercase; }
   .conDeets p {  margin:0 0 16px 0; line-height:19px;}
 .fCanvas iframe { width:2000px; height:550px; position:absolute; top:0; left:-515px; z-index:5; }
 .pFootSub { text-align:center; font-size:11px; text-transform:uppercase; position:absolute; color:#000; bottom:30px; width:970px; font-weight:bold; z-index:10; }
/* ### SUNDRIES ### */
 .MB0 { margin-bottom:0!important;}
 .MB5 { margin-bottom:5px!important;} 
 .MB10 { margin-bottom:10px!important;}
 .MB15 { margin-bottom:15px!important;}
 .MB20 { margin-bottom:20px!important;}
 .MB30 { margin-bottom:30px!important;}
 .MB40 { margin-bottom:40px!important;}
 .MB50 { margin-bottom:50px!important;}
 .MT30 { margin-top:30px!important;}
 .MR0 { margin-right:0!important;}
 .ML10 { margin-left:10px!important;}
 .PR50 { padding-right:50px!important;}
 .PT0 { padding-top:0!important;}
 .PT10 { padding-top:10px;}
 .PT20 { padding-top:20px!important;}
 .PT30 { padding-top:30px!important;}
 .PT50 { padding-top:50px;}
 .P20 { padding:20px;}
 .PL20 { padding-left:20px!important;}
 .posRel { position:relative;}
 .aCenter {text-align:center;}
 .aLeft { text-align:left;}
 .aRight { text-align:right!important;}
 .tItal { font-style:italic;}
 .noB {border:0!important;}
 .noPad { padding:0!Important;}
 .noMarg { margin:0!important;}
 .rightImg { margin:0 0 20px 30px;}
 .pagiLinks { padding:0 10px; width:290px; text-transform:uppercase; font-weight:bold;}
 .flLeft, .homeU, .pCol, .hLowerU, .alignleft { float:left; display:inline;}
 .flRight, .kImg, .rForm, .alignright { float:right; display:inline;}
 .linethrough { text-decoration:line-through;}
 .smlTxt { font-size:12px; font-style:italic; margin:0; text-align:right;}
 p.edLnk { margin:0!important; padding:0!important; line-height:11px!important; }
 a.editLink {color:#F00; font-weight:bold; font-size:11px; }
 a:hover.editLink {color:#900; text-decoration:underline; }
 .kImg { margin:0 0 15px 20px; font-size:10px; text-transform:uppercase;}
 .alignleft { margin:0 20px 15px 0; }
 .alignright { margin:0 0 15px 20px; }
 p.dateline, p.pCrumbs, #breadcrumb { font-size:11px; margin:0!important; padding:0 0 5px 0; text-transform:uppercase; font-weight:bold;}
 p.pCrumbs, #breadcrumb  { padding:0 0 30px 0!important;}
 .mainUL { padding:5px 0 0 0; margin:0 0 15px 0; clear:both; height:1px; border-bottom:1px solid #BBB; }
 #imageDetails { color:#333!important;}
 .smallTxt { font-size:10px; text-transform:uppercase; }
 .rForm { width:280px; margin:0 0 0 20px; font-size:11px; }
 .rForm form { width:280px; font-size:11px;}
 .rForm form p { margin:0 0 10px 0!important; line-height:12px!important; }
 .rForm input, .rForm textarea, .rForm select { background:#444; border:1px solid #777; padding:5px 5px 5px 10px; font-family: Arial, sans-serif; font-size:12px; color:#CCC; width:235px; margin:0!important; }
 .rForm input.half { width:110px; margin:0 5px 0 0!important; }
 .rForm input[type="submit"] { padding:4px 15px!important; width:90px!important; background:#777; border:1px solid #777; color:#FFF; font-weight:bold;}
 .rForm input.CAPTCHA { width:50px!important; display:inline-block!important; vertical-align:middle!important;}
 .rForm form img { margin:0 5px 0 0!important; display:inline-block!important; vertical-align:middle!important; }
 .rForm .wpcf7-use-title-as-watermark { color:#CCC!important;}
 .rForm span.wpcf7-not-valid-tip { color:#FFF;}
 .clearFl, .portBr { width: 100%; height:0; clear: both; }
 a.readMore { background:url(images/readmore.png) right 50% no-repeat; color:#FFF!important; text-decoration:none!important; padding:0 15px 0 0; font-weight:bold; margin:0 15px 0 0; }
 p.rmP { line-height:30px; margin:0!important; }
 p.fancytext { font-size:15px; font-weight:bold; color:#00adee; line-height:20px;}
 .page_nav { width:500px; margin:0 auto; text-align:center; padding:0 0 10px 0; }
  .page_nav .page-numbers{ padding:4px 8px; margin:0px 4px; border:1px solid #8cb021; color:#8cb021;}  
  .page_nav .page-numbers:hover{ border:1px solid #8cb021; background:#8cb021; color:#FFF; text-decoration:none;}  
  .page_nav .current{ border:1px solid #8cb021; background:#8cb021; color:#FFF; }
 .mc-field-group { margin:0 0 10px 0;}
  .mc-field-group label { display:none;}
/* ### GALLERY ### */
.gallery { margin: auto; /* gallery clearing*/ overflow: hidden; width: 100%; }
.gallery .gallery-item {float:left; margin: 0 14px 14px 0; text-align: center; display:inline; }
.gallery .gallery-icon { margin:0!important; padding:0!important; }
.gallery .gallery-icon img { padding:0; margin:0;}
.gallery .gallery-caption { font-size:11px; text-transform:uppercase; margin:3px 0 0 0;}
.gallery br { clear: both }
/* available Columns */
.GALLcol-2 { width: 50% }
.GALLcol-3 { width: 33.333% }
.GALLcol-4 { width: 170px; }
.GALLcol-5 { width: 170px }
.GALLcol-6 { width: 166.66px;}
.GALLcol-6R { width: 83.334%}
.GALLcol-7 { width: 14.285% }
.GALLcol-8 { width: 12.5% }
.GALLcol-9 { width: 11.111% }