/*jerms power sheet

* After tiring of hunting down classes and inhertance of an already
* disatrous excuse for organization or concern
* I began taking matters into my own hands...
* aaaand here we go!

* Loads last so this OVERRIDES IT ALL.
 */

/*new home page (no rezez panel/sidebar)*/ 


.jerm.carousel-inner img {
  width: 100%;
  height: auto;
  max-height: 340px;
}

.jerm.thumbnail-img img{
  width: 100%;
}

.sep {
  border-bottom: 1px solid #aaa;
  min-height: 20px;
  display: block;
  margin-bottom: 2rem;
}

.herobox-content .alert {
  border: 1px solid #fb85c0 !important;
}
.herobox h5 {
  float: left;
  display: inline;
  margin-bottom: 0;
  margin-right: 2px;
  line-height: .8;
  color: #ff2b7f;
}

.swapper, .swapper p, swapper a {
  display: inline;
  float: left;
}

.swapper {
  display: none;
}

.swapper:first-child {
  display: inline;
}

.swapper p {
  margin-bottom: 0;
  line-height: 1.8;
}

.swapper a {
  margin-left: 6px;
  color: #17C3C6;
  border-bottom: 1px dotted #07b3b6;
  line-height: 1.8;
}

.footevents {
  background: #D9D7C5;
  margin-top: 3rem;
  padding: 3rem 3rem 2rem;
  border-top: 1px solid #C6C2BA;
}

.footevents h5 {
  text-transform: uppercase;
  color: #78786C;
}

.footevents ul {
  padding-left: .2rem;
  margin-bottom: 1rem;
}

.footevents li {
  list-style: none;
  padding: .6rem;
  margin: 1rem 0 0;
  border: 1px solid #D9D7C5;
}

.footevents li:hover {
  border: 1px solid #A7A596;
}

.footevents li img {
  float: left;
  display: inline-block;
  margin-right: 1rem;
  margin-bottom: 8px;
  max-height: 80px;
}

.footevents li:after {
  clear:both;
  content: '';
  display: block;
}

.social-wrap {
  padding-left: 0;
}

/* footer post section */ 

.posts dl {
  margin-top: 0;
}

.posts dl p {
  line-height: 1.4;
}

.posts .post-ind {
  margin-top: .4rem;
  margin-bottom: .68rem;
}


/* colophon */ 
.copyright a {
  color: #76bdbe;
}

/*blog page*/
.blog-first {
  margin-bottom: 3rem;
}

.blog-copy, .blog-img {
  background: rgba(250, 250, 250, 0.4);
}

.blog-copy h2 {
  margin-top: 0;
  margin-bottom: 0;
}

.blog-copy dd {
  margin-bottom: 1rem;
}

.blog-copy img {
  max-width: 100%;
  padding-bottom: 1rem;
}

.blog-img {
  margin-right: 0;
  margin-bottom: 0px;
}

.blog-img img {
  padding: 10px;
  margin-bottom: 2px;
}

/*event page*/
#prevnextr {
  margin-bottom: 3rem;
  font-size: 1.4rem;
  max-width: 100%;
}

#prevnextr.row {
  margin-left: 0;
  margin-right: 0;
}

#prevnextr .pnwrap {
  margin-right: 8px;
  background-color: rgba(83,132,185,.4);
  min-height: 44px ;
}

#prevnextr .pnwrap:last-child {
}

#prevnextr p {
  color: #fff;
  line-height: 2;
  margin-bottom: 0;
}


#prevnextr i {
  color: #fff;
  line-height: 1;
  vertical-align: middle;
  position: relative;
  transition: all .8s ease;
}

#prevnextr > div:first-child i {
  padding-right: 4px;
}

#prevnextr > div:first-child:hover i {
  left: -4px;
  transition: all .8s ease;
}

#prevnextr > div:last-child .pnwrap {
  margin-right: 0;
}

#prevnextr > div:last-child:hover i {
  right: -4px;
  transition: all .8s ease;
}


#prevnextr a {
  display: block;
  transition: all .28s ease;
  width: 100%;
  height: 100%;
}

#prevnextr a:hover {
  background-color: rgba(83,132,185,.8);
}

#prevnextr .col-sm-12, #prevnextr .col-md-5 {
  padding: 0;
}

.event-img-wrap {
  max-height: 170px;
  overflow: hidden;
  max-width: 220px;
  margin-right: 2rem;
}

.event-img-wrap img {
  min-width: 220px;
}





.eventDetails {
  width: 100%;
}

.singleEvent .what.description{
  float: none;
  text-align: center;
  width: 100%;
  margin-bottom: 1rem;
}

.what.description p {
  color: #858585;
  font-style: italic;
  font-size: 1.9rem;
}
.singleEvent header .lrgImg {
  width: 100%;
}

li.no-bullet, ul.no-bullet {
  list-style: none;
}

.eventBody {
  background: rgba(250, 250, 250, 0.6);
  margin-bottom: 2rem;
}

.search-blocks {
  background: rgba(255, 255, 255, 0.4);
}
 /*
  * util
 */ 
.marrt {
  margin-right: 1.6rem;
}
.tpad {
  padding-top: 1rem;
}
.bpad {
  padding-bottom: 1rem;
}
.smmartopbtm {
  margin-top: .6rem;
  margin-bottom: .6rem;
}

.smpadtopbtm {
  padding-top: .6rem;
  padding-bottom: .6rem;
}

.btmnomar {
  margin-bottom: 0;
}

.nopad{
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.ind-hotel-contact.portfolio-item1.panel {
  margin-top: 1.6rem;
  padding: 1rem 0;
}
#myCarousel-1 .carousel-control{
    visibility: hidden;
    opacity: 0;
    transition: opacity .25s ease;
}
#myCarousel-1:hover .carousel-control{
    visibility: visible;
    opacity: .6;
}

.radius{
	-webkit-border-radius: @radius;
	-moz-border-radius: @radius;
	border-radius: 5px;
}


span.label.label-free {
  background: #5cb85c;
  border-radius: 0.24em !important;
  font-family: sans-serif;
  font-size: 0.4em;
  letter-spacing: .03em;
  padding-top: 3px;
  position: relative;
  text-align: center;
  top: -9px;
  color: #fff;
}

.footer {
  border-top: 1px solid #fff;
}

.footer .posts dt {
  height: 60px;
  width: 60px;
  overflow: hidden;
}

.footer .posts dt img {
  min-width: 100%;
  height: auto;
}





/* 160914 paste 
 * pulled from reserve page
 * */
  .mobile-top, .mobile-top ul {
    padding: 0;
    margin: 0;
  }
  .mobile-top li {
    padding-left: 0;
    padding-right: 0;
  }
    
  .forty {
    width: 40%;
  }
  .twenty {
    width: 10%;
  }

  .overflow-hidden.cam{
      max-height: 230px;
  }
  .cam .alert {
    height: 230px;
    background: #bbb;
  }
  .disabled a{
    color: #adadad;
  }
  .breadcrumb li.disabled a:hover {
    color: #adadad;
  }
  .jerm.carousel-inner img {
    max-height: 380px;
  }
  .top-v1 {
    // background-color: rgba(209, 255, 126, 0.73);
    // 1background-color: rgba(94, 87, 63, 0.79);
    background-color: rgba(95, 92, 84, 0.79);
  }
  .top-v1 .container {
    padding: 0;
  }
  .top-v1 .top-v1-data li {
    border-left: 1px solid #fc0000;
    border-right: 1px solid #fc0000;
  }
  .top-reserve {
    background: #ff007f;
    transition: all .4s;
    text-transform: uppercase;
  }
  .top-reserve:hover {
    background: #DD406F;
  }
  .top-reserve a.btn-more {
    color: #3a5f5d;
  }
  .top-v1 .top-v1-data li.jphone {
    color: #B5B5B5;
    border-left: none;
    border-right: none;
  }
  .top-v1-contacts a {
    color: #b5b5b5;
  }
  .top-v1-contacts li {
    line-height: 24px;
  }
  .top-v1 .top-v1-contacts i {
    color: #A6A570;
    display: block;
    float: left;
    line-height: 22px;
  }
  .thumbnail-img.jerm {
    margin-bottom: 0;
  }
  .row.book-list {
    font-size: 14px;
  }
  .row.book-list h2 {
    padding-top: 6px;
    letter-spacing: -.08rem;
  }
  .row.book-list .thumbnail-style a.btn-more{
    margin-bottom: 20px;
    right: 0;
    border-radius: 1px !important;
    padding: 6px 16px;
    z-index: 9999;
  }
  .row.book-list .overflow-hidden > a {
    display: block;
  }
  .row.book-list .thumbnail-img.jerm {
    padding: 1.2rem;
  }
  ul.book {
    list-style: none;
    padding-left: 4px;
  }
  .jerm.thumbnail-img img {
    max-height: 180px;
    width: auto;
  }

  /* modal jux */
  body.modal-open, .modal-open .navbar-fixed-top, .modal-open .navbar-fixed-bottom {
    margin-right: 0;
  }
  .fade.in {
    background: rgba(94, 96, 79, 0.54);
  }

  .alert.fade.in {
    background-color: #fff;
  }
  .modal .fa-certificate {
    color: #b7b672;
    font-size: 60px;
  }
  .modal-dialog {
    padding-top: 40px;
  }
    
/* pulled from index dev page*/
    .overflow-hidden.cam{
        max-height: 230px;
    }
    .cam .alert {
      height: 230px;
      background: #bbb;
    }
    .disabled a{
      color: #adadad;
    }
    .breadcrumb li.disabled a:hover {
      color: #adadad;
    }
    .jerm.carousel-inner img {
      max-height: 380px;
    }
    .top-v1 {
      // background-color: rgba(209, 255, 126, 0.73);
      // 1background-color: rgba(94, 87, 63, 0.79);
      background-color: rgba(95, 92, 84, 0.79);
    }
    .top-v1 .top-v1-contacts li.jphone {
      //color: #737373;
      color: #fff;
    }
    .top-v1 .top-v1-data li:first-child {
      /*border-left: 1px solid #fc0000;*/
      /*border-right: 1px solid #fc0000;*/
    }
    .top-reserve {
      background: #ff007f;
      transition: all .4s;
    }
    .top-reserve:hover {
      background: #DD406F;
    }
    .top-reserve a.btn-more {
      color: #3a5f5d;
    }

/* end 160914 paste */

/*----------------------
 * NAV
 * -------------------*/
.header .navbar-default .navbar-nav > li > a {
  margin-top: 0;
}

.navbar-collapse {
  margin-bottom: 1rem;
}

.nav li, .nav li a {
  display: block;
  margin-top: 0;
}

/*----------------------
 * HOME
 * -------------------*/

.caption {
  padding: 1.2rem;
}
.hotel-buttons {
  padding: 0;
}

.hotel-buttons .btn{
  line-height: 1.1;
  border-radius: 2px;
}

.hotel-buttons a{
  float: right;
  margin-right: .4rem;
  font-size: 13px;
}

.hotel-buttons .book-now {
  background: #FF56AA;
  color: #fafafa;
  font-weight: normal;
  transition: all .6s;
}

.hotel-buttons .book-now:hover {
  background: #ff007f;
  color: #fff;
}

.hotel-buttons .read-more {
  background: #D0D5D6;
  color: #7F888C;
  font-weight: normal;
}

.hotel-buttons .read-more:hover {
  background: #BABEBF;
  color: #5E5F60;
  transition: all .6s;
}

/*----------------------
 * WEBCAMS
 * -------------------*/

.panel.provided {
  padding-left: 0;
  padding-right: 0;
}
.provided img {
  padding: 1rem 0;
}

/*----------------------
 * RESTAURANTS
 * -------------------*/

#restaurants .thumbnail-img {
  width: 100%;
}

#restaurants .thumbnail-img img {
  width: 100%;
}

/* ocmd restaurants*/ 
#restaurant-list .thumbnail-img {
  margin-bottom: 0;
}

#restaurant-list h3 {
  margin-top: 0;
}

/*----------------------
 * EVENTS
 * -------------------*/

.nearby-wrap {
  max-height: 140px;
  overflow: hidden;
  border: 4px solid #fff;
}

.eventHotels li.no-bullet img{
  width: 100%;
  border: none
  margin: 0;
  padding: 0;
}

.eventHotels li.no-bullet .row > div:last-child {
  padding-top: 1rem;
}

/*----------------------
 * BLOG
 * -------------------*/

.blog-img img {
  width: 100%;
}

/*----------------------
 * SPECIALS
 * -------------------*/

.special-hero {
  width: 100%;
  padding-top: 1rem;
}

.special-hero img {
  width: 100%;
}
.search-blocks .participating-wrap {
  overflow: hidden;
}

/*----------------------
 * EMPLOYMENT
 * -------------------*/
.employ-list {
  margin-bottom: 2rem;
}

/* employment in footer */ 
.employment {
  padding: 2.6rem 1rem;
  background: #F1F5B4;
  border-top: 1px solid #ced0b8;
  border-bottom: 1px solid #fff;
}
.employment .row > div:first-child {
  border-right: 1px solid #aaa;
}
.employment h4 {
  font-size: 20px;
}
.employment h4.subhead {
  padding-bottom: 1rem;
  margin-top: 0;
  font-size: 1.2rem;
}

.employment .container .btn {
  background-color: #c37790 !important;
}

.employment .container .btn:hover {
  background-color: #FF007F !important;
}

.employment i {
  padding-left: 4px;
}
.employment p {
  margin-bottom: 1rem;
}


/* OCMD/groups */ 
.expandrow {
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
}
.expandrow .col-sm-12 {
  padding-left: 0;
  padding-right: 0;
}
.expand.container {
  padding-left: 0;
  padding-right: 0;
}

/* ==================
 * sidebars
 * ================ */
#widebar-wrap {
  padding: 3rem 0;
}

/* ==================
 * OCMD properties contact page 
 ================== */
.property {
  margin-bottom: 0;
  border: 1px solid #fff;
  border-radius: 3px !important;
  padding: 2rem 1rem 3rem;
  background: rgba(255,255,255,.48);
}
#property-contact-wrap {
  margin-bottom: 4rem;
}
#property-contact-wrap > h3 {
  line-height: inherit;
  font-size: 3rem;
  letter-spacing: 0;
  color: #31b8ce;
}
#property-contact-wrap > h3 span {
  color: #20727f;
}
.property-contact {
  margin-top: 3rem;
  padding: 2rem;
}
.property-contact h2 {
  text-align: center;
  font-size: 2.48rem;
  color: #1ea1b3;
  margin-bottom: 0;
  line-height: inherit;
}
.property-wrap {
  padding: 1rem;
  font-size: 1.48rem;
}
.property li {
  display: block;
}

#property-info {
  padding: 0;
  margin-bottom: 1.48rem;
}
#property-info > .col-md-6 {
  padding-left: 5px;
  padding-right: 5px;
}
#property-info .address {
  color: #8a9596;
}

#property-info .btn-u {
  text-align: center;
  width: 100%;
  margin-bottom: .6rem;
  color: #fff;
  background: #91c7ce !important;
  padding-top: 6px;
  padding-bottom: 6px;
}
#property-info .btn-u {
  color: #fff;
}
#property-info .btn-u i, #property-info .btn-u a i {
  color: #69959a;
}


/*bootstrap text align rig*/
@media (max-width: 480px){
.text-xs-left { text-align: left; }
.text-xs-right { text-align: right; }
.text-xs-center { text-align: center; }
.text-xs-justify { text-align: justify; }

.jres a {
  padding: 4px 0px;
}
  .row.book-list h2 {
    font-size: 24px;
  }

  .row.book-list .thumbnail-style a.btn-more {
    width: 100%;
    text-align: center;
    padding: 3px 10px;
  }

  .row.event-list img {
    width: 100%;
  }
  .row.event-list .event-img-wrap {
    max-height: 140px;
    overflow: hidden;
  }
  .social-wrap {
    padding-top: 1rem;
  }
  address {
    padding-top: 1rem;
    line-height: 1.8;
    font-size: 14px;
  }

  .container {
    max-width: 100%;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .breadcrumbs .container {
    padding-left: 0;
    padding-right: 0;
  }
  .breadcrumbs h1 {
    font-size: 30px;
    text-align: center;
    color: #7894AB;
  }
  ul.breadcrumb {
    padding: 0;
  }

  ul.breadcrumb li {
    padding: 3px;
  }
  
  /* nav */ 
  .nav > li {
    border-bottom: 1px solid #BDEF44;
    text-align: center;
  }

  .nav > li.current {
    border-bottom: 1px solid #ff006e;
  }
  .navbar-collapse{
    background:rgba(214, 255, 115, 0.44);
    padding: 0;
  }

  .navbar-header {
    padding: 1.2rem;
  }

  .navbar-header .navbar-brand {
    padding: 0;
  }

  .navbar-header button{
    margin: 0;
  }

  .navbar-header img {
    max-width: 148px;
  }

  .navbar-nav {
    margin: 0;
  }

  .navbar .container {
    margin: 0;
    padding: 0;
  }
  .container > .navbar-header, .container > .navbar-collapse {
    margin-right: 0; 
    margin-left: 0;
  }

  .top-v1 .row {
    margin: 0;
  }
  /* /nav */ 
  .hotel-buttons a {
    width: 48%;
  }

  .footer .footer-subsribe {
    width: 100%;
  }

  .employment a {
    display: block;
    margin-top: 1rem;
  }

  .herobox h5 {
    text-align: center;
    display: block;
    float: none;
  }

  .swapper a {
    display: inline;
  }

  .swapper p {
    padding-top: 8px;
    line-height: 1.2;
    display: inline;
  }

  .property {
    padding: 1rem;
  }
  .property-wrap {
    padding: .48rem;
  }
}



@media (min-width: @screen-sm-min) {
  .text-sm-left { text-align: left; }
  .text-sm-right { text-align: right; }
  .text-sm-center { text-align: center; }
  .text-sm-justify { text-align: justify; }
}

@media (min-width: @screen-md-min) {
  .text-md-left { text-align: left; }
  .text-md-right { text-align: right; }
  .text-md-center { text-align: center; }
  .text-md-justify { text-align: justify; }
}

@media (min-width: @screen-lg-min) {
  .text-lg-left { text-align: left; }
  .text-lg-right { text-align: right; }
  .text-lg-center { text-align: center; }
  .text-lg-justify { text-align: justify; }
}

/* small screens only */ 
@media (max-width: 600px) {

  .property-contact {
    padding: 0;
  }
  .property-contact h2 {
    font-size: 1.8rem;
    margin-bottom: 0;
  }
}

@media (max-width: 1200px) {
  .property-contact {
    padding: 0;
  }
}

@media (max-width: 991.98px) {

  .employment .row > div:first-child {
    border-right: none;
    border-bottom: 1px solid #aaa;
    margin-bottom: 2rem;
    padding-bottom: 2rem;
  }
}




@media (min-width: 768px) {
  .footevents a li p {
    display: inline-block;
    width: 60%;
  }
}

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

  .jerm.thumbnail-img img {
    max-height: 218px;
  }
  .top-v1 .top-v1-data li {
    border: none;
    padding: 3px 16px;
  }
  .top-v1 .top-v1-contacts {
    margin: 0;
  }
  .jhead.container {
    max-width: none;
  }
}

p a {
  color: #af0000;
}
.blog-img {
  background: none;
}
.blog-image-header {
  margin-bottom: 1.8rem;
  padding-bottom: 2rem;
  background: rgba(250, 250, 250, 0.4);
}
.blog-image-header:after {
  display: block;
  clear: both;
  content: ' ';
}
.blog-image-header .col-md-6 {
  padding: 0;
}
.blog-image-header .secondary {
  max-height: 300px;
  overflow: hidden;
}
.blog-image-header .secondary img {
  width: auto;
  min-width: 100%;
}