/*-----------------BOOTSTRAP OVERIDE----------------------*/

.container-fluid{
  max-width:1020px;
}


.img-fluid { width:100%!important; height:auto;	}


/*-----------------FONTS----------------------*/

body{
  font-family: 'Ubuntu', sans-serif;
  background:#2275b4;
  font-size:14px;
}


@media all and (min-width: 768px){
  body{
    font-size:15px;
  }
}

h1,h2,h3,h4,h5{
  font-family: 'Raleway', sans-serif;
  
  
}


h1{
  font-size:2em;
  margin:0 0 10px 0;
}

h2{
  font-size:1.4em;
  color:#00b5c8;
}

h3{
  font-size:1.2em;
  color:#00b5c8;
}



h4{
  font-size:1.1em;
  color:#00b5c8;
}

h5{
  font-size:1em;
  color:#00b5c8;
}


p{
  margin-bottom:20px;
}

a{
  color:#00b5c9;

}

a:hover{
  text-decoration:none;
}


hr{
  background:#e5dfd3;
  border:none;
  height:2px;
}


.border-style{
  border-top:1px solid #d5d6d6;
  border-bottom:1px solid #d5d6d6;
  padding:10px 0;
}
/*----------------GENERAL----------------------*/

.headerimagewrap{
  margin-bottom:50px;
}
.blankwrap{
  margin-bottom:50px;
}

#bannerphoto{
  height:383px;
  width:100%;
}


.inner-container{
  margin:0 auto;
}

textarea:focus, input:focus{
    outline: 0;
}

.clear{
  clear:both;
}

.nopad{
  padding:0;
}

.table{
   background:none !important;
}


  .table{
    display:table;
    margin:0;
   
  }
  
  .table-cell{
    display:table-cell;
    margin:0;
    padding:2px;
  }


.page{
  padding-top:110px;
  padding-bottom:100px;
  background:#fff;
  min-height:500px;
}

.home-page{
  background:#fff;
 
  padding-bottom:50px;   
}


.page h1{
  font-size:50px;
  color:#2275b4;
  font-weight:300;
}


.page h2{
  text-transform:uppercase;
}




.gallery-container{
  position:relative;
}


.captionarea{
  position:absolute;
  top:100%;
  left:0;
  width:100%;
  color:#fff;
}

@media all and (min-width: 768px){
  
  
.captionarea{
  position:absolute;
  bottom:30px;
  top:auto;
  left:30px;
  min-width:300px;
  width:40%;
}

}

.captioncontent{
  padding:10px 20px;
  background: #015799;
  height:65px;
  max-height:65px;
  overflow:hidden;
}


.captionnav{
  padding:10px 20px;
  background:#5084aa;
}

.captionnav .table{
  width:110px;
  float:right;
}

.captionnav .table-cell{
  text-align: center;
  vertical-align: middle;
}

.captionnav .hnext,
.captionnav .hprev{
  cursor:pointer;
}
/*-----------------sidebar----------------------*/

.sidebar{

}


.sidebarheader{
   padding:5px 20px;
   border-top:2px #e5dfd3 solid;
   border-bottom:2px #e5dfd3 solid;
   text-transform: uppercase;
   font-size:1em;
 
}

.sidebarheader h4{
   color:#acacac; 
}

  
  
#snav{
  padding:0;
  margin:0;
}

#snav li{
  list-style:none;
  border-bottom:1px solid #ccc;
  padding:2px 0;
  margin:0;
}


#snav li a{
  display:block;
  padding:10px 20px;
}

#snav li a:hover,
#snav .selected{
  background:#f0f0f0;
  color:#2275b4;
}

/*-----------------TOP BAR----------------------*/


#top-nav-wrap{
  position:fixed;
  z-index: 9000;
  width:100%;
  height:112px;
}


.blue-wrap{
  background:url(/_img/2275b4Percent70.png);
  height:32px; 
}

.wood-back{
  height:77px;
  background: url(/_img/wood85.png);
  z-index:1;
}

.wood-border-top{
  height:2px;
  background: #fff;
  border-bottom:#c8c0b7 1px solid;
}


.wood-border-bottom{
  position:absolute;
  height:10px;
  width:100%;
  background:url(/_img/navshadow.png);
  z-index:0;
}




.midlogo{
  position:relative;
  height:100%;
  z-index:9999;
  vertical-align: top !important;
}


.logo-set{
  position:relative;
  width:200px;
  height:70px;
  top:0;
}



  


.logo-back{
  position: absolute;
  top:-30px;
  left:-32px;
}

.logo-front{
  position: absolute;
  top:10px;
  left:1px;
}


.logo-desktop{
  position:absolute;
  left:50%;
  margin-left:-90px;
}


.logo-tablet{
  position:absolute;
  bottom:5px;
  left:50%;
  margin-left:-70px;
  display: block;
}




/*-----------------Search Box----------------------*/


.top-search{
  height:26px;
  padding:2px;
  background: url(/_img/2275b4Percent70.png);
  width:25%;
  margin:3px 0;
  float:left;
}

.top-search form{
  width:100%;
}

.top-search-submit{
  background: #71abd6 url(/_img/magnify.png) center center no-repeat;
  height:22px;
  width:14%;
  float:right;
  border: none;
}

.top-search input[type="text"]{
  float:left;
  background:none;
  border:none;
  color:#fff;
  padding:2px;
  width:80%;
}


/*-----------------Search Box----------------------*/

#utilnav{
  float:right;
  margin:0;
  padding:0;
  margin-right:-15px;
}


#utilnav li{
  float:left;
  list-style: none;
  padding:0;
  margin-left:15px;
  text-align: right;
}


#utilnav li a{
  color:#fff;
  display:block;
  padding:5px;
}


/*--------------LANDING PAGE----------------------*/


.landing-text{
  text-align:center;
}

.landing-text .port{
  max-width: 250px;
}

.input-group-addon.Sstartdate,
.input-group-addon.Senddate{
  cursor: pointer;
}

/*-----------------EVENTS HOMEPAGE----------------------*/
.event-area{
  padding:100px 0 50px 0;
}

  
@media all and (min-width: 768px){
.event-area{
  padding:50px 0;
}
}

.event-area h5{
  color:#00cccc;
  text-transform:uppercase;
  margin-bottom:5px;
}

.banner-wrap .inner-slide{
   background-size: cover;
   background-position: center center;
   width:100%;
   min-height:400px;
}
.banner-wrap{
  max-width:1400px;
  margin:0 auto;
}

.banner-wrap .slide{
  width:100%;
  background-size:cover;
  background-position:center center;
  min-height:400px;
}
.banner-wrap .slide a{
  color:#fff;
}
.banner-wrap .slide{
  display:none;
}
.banner-wrap .slide.first{
  display:block;
}  
  
@media all and (min-width: 768px){
  .banner-wrap .slide{
  min-height:600px;
  }
  
  .banner-wrap .inner-slide{
   min-height:600px;
}
}
.event-area h2{
  color:#013d6a;
}

.featured-events{
  background: #dcdede;
  text-align:center;
  padding:10px;
  max-width:200px;
  margin:40px auto;
  position:relative;
}


.view-calendar{
  max-width:200px;
  margin:0 auto; 
}


.view-calendar h2{
  color:#00cccc;
  border-top: 1px solid #dcdede;
  border-bottom: 1px solid #dcdede;
  margin:40px 0 0 10px;
  padding:13px 0;
  text-align: center;
  text-transform: uppercase;
}


  
@media all and (min-width: 768px){
  

.featured-events{
  padding:30px 10px;
}


.view-calendar h2{
  color:#00cccc;
  border-top: 1px solid #dcdede;
  border-bottom: 1px solid #dcdede;
  margin:20px 0;
  padding:20px 0;
  text-align: center;
  text-transform: uppercase;
}



  
}


.featured-events h6{
  color:#fff;
  margin:0 0 5px 0;
   font-weight:300;
}

.featured-events h1{
  margin:0;
  text-transform: uppercase;
  color:#868585;
  font-weight:300;
}

.featured-events .evh{
  position:absolute;
  right:-11px;
  top:50%;
  margin-top:-11px;
}


.featured-events .evv{
  position:absolute;
  right:70%;
  bottom:-11px;
}



.port{
  position:relative;
  max-width:300px;
  margin:0 auto;
  background-position:center center;
  background-size:cover;
}

.portdate{
  background:#fff;
  color:#00cccc;
  padding:10px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  position:absolute;
  bottom:5px;
  left:50%;
  margin-left:-75px;
  width:150px;
  text-transform:uppercase;
}


.eventrow{
  border-bottom: 1px solid #dcdede;
  margin:30px 0;
  padding:30px 0;
}


.eventrow ul{
  margin:0;
  padding:0;
}

.eventrow ul li{
  margin:0 0 40px 0;
  padding:0;
  list-style:none;
  
}

.eventrow h3{
  margin: 0;
  text-transform:uppercase;
}

.dtlabel,
.dtbtn{
  color:#fff;
  text-transform:uppercase;
  margin:0 0 10px 0;
  font-family: 'Ubuntu', sans-serif;
  font-weight:300;
  display:inline-block;
  padding:5px 10px;
  font-size:13px;
  border:none;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  padding:5px 7px;
  
}


.dtlabel{
  background: #b8cdd2;
}

.dtbtn{
  background:#327fb9;  
}

.dtbtn:hover{
  background:#50a3e1;
  color:#ffffff;
}



.viewall{
  cursor:pointer;
}

.datelist ul{
  padding:0;
  margin:0;
}

.datelist li{
  list-style:none;
  margin:0;
  padding:0;
}

.hiddendate{
  display:none;
}


.event-detail-area{
  background: url(/_img/tileable_waves_lt.png);
  padding:30px 0;
  margin-bottom:50px;
}




.venue a{
  text-transform:uppercase;
}


.info-block{
  margin:20px 0 10px 0;
}

/*----------------Mid Pic----------------------*/
.midtable{
   margin: 0 -15px;
}
  
@media all and (min-width: 768px){
.midtable{
  display:table;
  padding:5px 5px 0 5px;
 
}


.midtable-cell{
  display:table-cell;
}


}


.blocks img{
  width:100%;
}


.blocks .cell{
  padding:5px;
}


.midpicwrap{
  background: #2275b4 url(../_img/waves.jpg);
}

.midpicwrap p{
  padding:0;
  margin:0;
}

@media all and (min-width: 768px){
  .midpicwrap2{
    background: #2275b4 url(../_img/waves.jpg);
  }
}


.boatpic{
  background-image:url(../_img/boats.png);
  background-position:center center;
  background-size:cover;
  height:400px;
  position:relative;
}


.arrowleft{
  position: absolute;
  right:0;
  top:100px;
}

@media all and (min-width: 768px){
  .boatpic{
    width:50%;
  }
  
}

.boatarea{

}

.boatpictext{
  background: #2275b4;
  
  margin:0 auto;
  padding:30px;
  color:#fff;
  overflow:hidden;
}


.boatpictext h2{
  font-weight:300;
  margin:30px 0;
  font-size:1.6em;
  color:#fff;
}

.boatpictext h3 a{
  color:#7fdae4;
  font-weight:300;
  border-top:1px solid #5998c7;
  border-bottom:1px solid #5998c7;
  margin:15px 0;
  padding:15px 0;
  text-transform:uppercase;
}

.boatpictext h3 a:hover{
  text-decoration:none;
  color:#fff;
}




.boatpictext p{
  line-height:1.5em;
 
}

.boatpictext .choices{

  text-align:center;
}


.boattext{
    margin:30px 0 80px 0;
}
.boatpictext h3{
  margin:0;
}
  

/*----------------Twitter----------------------*/

.twitter-row{
  padding-top:50px;
}




.twitter-block{
  height:220px;
  text-align:center;
  margin:20px 0;
  overflow:hidden;
  color:#013d6a;
  font-weight:400;
  font-size:.8em;
  
}

.twitter-block-inner{
 width:100%;
 height:100%;
 padding:40px 50px;
 background-image:url(../_img/hamptonring-small.png);
 background-position:center center;
 background-repeat:no-repeat;
 
}

@media all and (min-width: 992px){
  
.twitter-block-inner{
padding:40px;
 background-image:url(../_img/hamptonring.png);

 
}
  .twitter-block{
      height:285px;
    font-size:1em;
  }
}




.ttext h6 a{ 
  color:#00cccc !important;
}


.ttext{
  color:#003366 !important;
  max-width:200px;
  margin:0 auto;
}


.tdate{
  color:#ccc;
}

.stay-connected{
  width:280px;
  margin:0 auto;
  border-top:1px solid #ccc;
  border-bottom:1px solid #ccc;
  padding:5px 0;
  display:table;
  font-size:.8em;
}


.stay-connected .table-cell{
  vertical-align: middle;
  display:table-cell;
}

.stay-connected h2{
  color:#00b5c8;
  text-transform:uppercase;
}
/*-----------------Water Levels----------------------*/


.currentLabel{
  background: url(/_img/cwl.png);
  color:#fff;
  position:absolute;
  right:20%;
  height:32px;
  padding:4px 10px;
  width:122px;
  z-index: 99999;
  font-size:.8em;
  margin-bottom:131px;
  white-space: nowrap;
}



.includelabel,
.wave-wrap{
  background: #fff;
  position:relative;
  margin:0;
  border-top:1px solid #fff;
  height:231px;
  width:100%;
  clear:both;
}

.wave-wrap{
  overflow:hidden;
}

.wave{
  position:absolute;
  width:130% !important;
}

.wavedata{
  margin-top:60px;
  padding-top:30px;
}


/*-----------------Footer----------------------*/





/*---------------NEWS ENTRY-------------*/

.newspage{
  padding-top:50px;
}

.pdfdown a{
  background:url(/_img/pdf.png) left center no-repeat;
  padding-left:40px;
  display:block;
  line-height:32px;
}

.pdfdown h3{
  color:#000;
}

.news-roll a{
  color:#fff;
}

@media all and (min-width: 768px){
  .news-roll{
    padding:0 50px 0 0;
  }
}

.news-entry{
  border-bottom:1px solid #3a85be;
  margin-bottom:15px;
  padding-bottom:15px;
 
}

.news-entry.last{
  border-bottom:none;
}

@media all and (min-width: 768px){
  .news-entry{
   
  }
}

.news-entry p{
  margin:0;
}

.news-date{
  font-style:italic;
  color:#a2ccea !important;
}

.news-date:hover{
  color:#fff;
}

.newsletter{
  background:url(/_img/footerdivtop.png) repeat-x;
  padding-top:15px;
}



@media all and (min-width: 768px){
  
.newsletter{
  background:url(/_img/footerdiv.png) repeat-y;
  padding:0 0 0 50px;
}

}

.newsletter .sub input{
  background:none;
  border:none;
}
.newsletter .sub{
  background:#015799;
  border:1px solid #015799;
  color:#71abd6;
    font-family: 'Raleway', sans-serif;
  text-transform:uppercase;
}


.form-control.subscribe{
  background: #a2ccea;
  color:#3a8ece;
  border:none;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  

}


#footer{
  color:#fff;
}

#footer h1,
#footer h2,
#footer h3,
#footer h4{
  text-transform:uppercase;
  color:#71abd6;
  line-height:1.2em;
  text-shadow: 2px 2px #135f99;
}

#footer h5{
  line-height:1.6em;
}

#footer h6 a{
color:#02e6fe;  
}



.footer-data-row{
  padding-top:30px;
}


@media all and (min-width: 768px){
  
  .footer-data-row{
  padding-top:15px;
}

}
.footer-data-row .col{
  padding-left:35px;
}

.footer-data{
  color:#02e6fe;
  padding:7px 0;
  font-family: 'Raleway', sans-serif;
}



@media all and (min-width: 768px){
  .footer-data{
      text-align:center;
      padding:50px 0;
  }
}




.footer-data span{
  padding:5px;
  background:#2275b4;
  color:#fff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

/*---------------POINT SECTION PAGE------------*/

#sectionfilter{
    background: url(/_img/tileable_waves_lt.png);
  padding:30px;
  margin-bottom:50px;
}

#sectionfilter span{
  font-size:.8em;
  color:#ccc;
}

#sectionfilter .dtbtn{
  margin:2px;
}


.list-item{
  width:100%;
  border-bottom:#e7e8e8 solid 1px;
  padding-bottom:20px;
  margin-bottom:20px;
}


.listing-head{
  color:#868585;
  text-align: center;
}



@media all and (min-width: 768px){

  
}



.list-item .table-cell{
 
  vertical-align: top;
  
}




.list-item .table-cell.image-side{
   max-width:176px;
   min-width: 176px;
   width:176px;
}

.list-item .table-cell strong{
  font-size:16px;
}

.point-image{
  max-width:156px;
  max-height:156px;
   width:156px;
   height:156px;
  display:inline-block;
  background-size:cover;
  margin-bottom:10px;
  background-position:center center;
}




/*---------------POINT DETAIL PAGE------------*/

#point-detail-page h1{
  font-size:3.33em;
  color:#2275b4;
  font-weight:300;
}


.point-detail-area{
  background: url(/_img/tileable_waves_lt.png);
  padding:30px 0;
  margin-bottom:50px;
}

.upcoming-events ul{
  margin:0;
  padding:0;
}

.upcoming-events li{
  list-style:none;
  padding:0;
  margin:0;
}


.moreinfo{
  padding:15px 0;
}


h2.nearby{
  font-size:18px;
  margin:30px 0;
}
h2.nearby img{
  margin:0 5px;
}

.nearby em{
  font-size:.8em;
}

.nearbyheader{
 
   color:#2175b4;
   border-top:2px #e5dfd3 solid;
   border-bottom:2px #e5dfd3 solid;
   text-transform: uppercase;
   font-size:1em;
   margin-bottom:15px;
 
}

.nearbyheader h4{
   color:#2175b4;
   background:#f0f0f0;
   margin:1px 0;
    padding:5px 10px;
}

.nearby ul{
  margin:0;
  padding:0 5px;
  border-bottom:1px solid #e5dfd3;
}

.nearby li{
  list-style:none;
  margin:15px 0;
}


.nearby a{
  color:#000;
}


.tags,
.tags a{
  color:#868585;
}

#clmap{
  height:266px;
  width:100%;
  margin-bottom:50px;
}


/*---------------CALENDAR----------------*/

#caltable{
  margin:30px 0;
  width:100%;
  font-family: 'Ubuntu', sans-serif;
}

.cal-prev{
  text-align: left;
}

.cal-next{
  text-align: right;
}


.cal-line hr{
  margin:2px 0;
}

#caltable .control td{
  padding:10px 0;
  
}

#caltable .thead{
  background:#f0f0f0;
  vertical-align:middle;
  
  color:#00b5c8;
}

#caltable th{
  text-align: center;
      padding:5px;
      font-size:14px;
}

#caltable .tbody th,
#caltable .tbody  td{
  font-weight:700;
  font-size:13px;
  vertical-align:middle;
  text-align: center;
}

#caltable h3{
  margin:0;
  color:#2275b4;
  text-transform:uppercase;
}

#calcontainer td a{
  color:#000;
  display:block;
    padding:5px;
}


.result-control{
 background: url(/_img/tileable_waves_lt.png);
 text-transform:uppercase;
}


.result-control h2{
  margin:0;

}

.result-control h2{
  color:#000;
}

.result-control td{
  padding:22px 10px;
  vertical-align:middle;
}

.modeswitcher{
  padding:15px 0;
  margin:0 0 15px 0;
}

.modeswitcher li{
  float:left;
  list-style:none;
  margin-right:15px;
}



.highlight a{
  background:#e6f7f9;
}



.arrow-right {
	width: 0; 
	height: 0;
        margin:6px 0 0 15px;
	border-top: 15px solid transparent;
	border-bottom: 15px solid transparent;
	border-left: 15px solid #00b5c8;
        float:right;
}

.arrow-left {
	width: 0; 
	height: 0;
        margin:6px 15px 0 0;
	border-top: 15px solid transparent;
	border-bottom: 15px solid transparent; 
	border-right:15px solid  #00b5c8;
        float:left;
}


@media all and (min-width: 768px){
  

  .arrow-right {
 	width: 0; 
	height: 0;
        margin:6px 0 0 5px;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 5px solid #00b5c8;
        float:right; 
  }
  
  
  .arrow-left{
 	width: 0; 
	height: 0;
        margin:6px 5px 0 0;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent; 
	border-right:5px solid  #00b5c8;
        float:left;   
  }
}


.noresults{
  padding:20px 0;
}

.news-detail-page h1,
.event-calendar-page h1{
  margin-bottom:50px;
}


/*---------------NEWS LIST----------------*/

.news-list ul{
  margin:0;
  padding:0;
}

.news-list li{
  margin:0;
  padding:0;
  list-style:none;
  padding-bottom:20px;
  margin-bottom:20px;
  border-bottom:1px solid #ccc;
}

.news-list h3{
  margin:0 0 10px 0;
  text-transform:uppercase;
}


.news-more{
  
}

@media all and (min-width: 768px){
 
.news-more{
  float:right;
  margin-top:-30px;
} 
  
  
}



/*---------------BOATING PAGE----------------*/



.services h3{
  font-weight:700;
}




/*-------------PAGE NOT FOUND------------*/
.page-not-found h3{
  border-top:#ccc solid 1px;
  border-bottom:#ccc solid 1px;
  display:inline-block;
  padding:10px 0;
  text-transform: uppercase;
}