/*
Theme Name:     Harbour House
Description:    Based on Enfold Framework
Author:         Mediumrare
Template:       enfold

(optional values you can add: Theme URI, Author URI, Version)
*/

/*MOBILE POP UP STYLES*/

.cjpopup.cjpopup-top-bar, .cjpopup.cjpopup-bottom-bar{
	width:100% !important;
}

.avia_iconbox_title {
 text-transform:uppercase;
  letter-spacing:2px;
}

a.subscribe-button {
    border: 2px solid #fff;
    border-radius: 4px;
    margin-left: 0 !important;
    padding: 10px 10px !important;
    text-decoration: none;
}

.cjpopup, .cjpopup-bottom-bar, .popup-content{
	padding:20px 0 0 0 !important;
}

.main_color .av-masonry {
    background-color: #fff;
}

.av-main-nav > li > a {
   font-family: 'Libre Baskerville', serif;
    font-weight: 400;
    text-transform: uppercase;
  font-size:14px;
}

.avia-menu-fx {
  display:none;
  }

.av-main-nav > li > ul {
    border: none;
}

.av-main-nav ul li a, .av-main-nav ul li:last-child > a {
   border:none;
}

#top .header_color .main_menu .menu ul li > a {
    color: #fff;
}

#top .header_color .main_menu .menu ul li > a:hover {
  background-color: #fff;  
   opacity:0.8;
  
}

#top .header_color .main_menu .menu ul .current-menu-item > a  {
     background-color: #fff;  
  opacity:0.8;
}



.av-inner-masonry-content h3 {
    color: #254856 !important;
  text-align:center;
   font-family: 'Libre Baskerville', serif;
    font-weight: 400;
}

.av-fixed-size .av-masonry-entry .av-inner-masonry-content {
    bottom: 25%;
  left:25%;
    width:50%;
  background-color:rgba(56, 104, 121, 0.9);
  padding:10px;
}

.av-fixed-size .av-masonry-entry .av-inner-masonry-content .avia-arrow {
    background-color: rgba(56, 104, 121, 0.9);
  }

.av-inner-masonry-content h3 {
    color: #ffffff !important;
    font-family: "Libre Baskerville",serif;
    font-weight: 400;
    text-align: center;
  font-size:18px!important;
  border: 1px solid rgba(255, 255, 255, 0.3);
  padding:10px;
}

.single-menu-item h1, .page-id-138 h1 {
font-family: "Libre Baskerville",serif;
    font-size: 36px;
    font-weight: 400;
	color:#386879;
  text-transform:none !important;
}

.single-menu-item h3, .page-id-138 h3{
font-family: "Libre Baskerville",serif;
    font-size: 21px;
    font-weight: 400;
	color:#386879;
  text-transform:none !important;
}

.attachment-featured-food {
  border: 1px solid rgba(56, 104, 121, 0.5) !important;
  padding:5px;
  }

.food-description {
  font-family: "Libre Baskerville",serif;
    font-size: 18px;
	color:#777777;
  margin-bottom:50px;
  }

.mr_social_sharing:last-of-type {
  display:none;
  }

.single-menu-item .av_one_half .avia_ajax_form, .page-id-138 .avia_ajax_form{
  background: rgba(56, 104, 121, 0.7) ;
  padding:30px;
  margin:30px;
  }

.single-menu-item .ajaxresponse {
     background: rgba(56, 104, 121, 0.7) ;
  padding:30px;
  margin:30px;
    color: #fff;
}

.reveal-modal {
    background: #ffffff;
    border-radius:0;
}

.reveal-modal-bg {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.2);

}

.contacterator {
  background-color: rgba(56, 104, 121, 0.9);
  color: #ffffff;
    font-family: "Libre Baskerville",serif;
    font-weight: 400;
    text-align: center;
  width:50%;
  }

#top div .av-light-form .input-text, #top div .av-light-form input[type="text"], #top div .av-light-form input[type="input"], #top div .av-light-form input[type="password"], #top div .av-light-form input[type="email"], #top div .av-light-form input[type="number"], #top div .av-light-form input[type="url"], #top div .av-light-form input[type="tel"], #top div .av-light-form input[type="search"], #top div .av-light-form textarea, #top div .av-light-form select {
    background-color: transparent;
    border-color: #fff;
    border-width: 1px !important;
    color: #fff;
}

div div .av-light-form .button {
    background-color: #386879;
border-width:0 !important;
}



#top .av-main-nav ul a {
   font-family: "Libre Baskerville",serif;
  font-size:14px;
  background-color: rgba(56, 104, 121, 0.9);
}

.header_color .main_menu ul ul
{
    background-color: transparent;
}

.avia-menu.av_menu_icon_beside {
    border-right:none;
    margin-right: 25px;
    padding-right: 25px;
}

#footer {
    padding: 0;
}

#footer .widget {
    margin: 10px 0;
   }

#footer .container {
    max-width: none;
}

#footer #text-6 {
  text-align:center;
  }

#footer #text-5 {
  text-align:right;
  }

.promotion-modal {
  text-align:center;
   font-family: "Libre Baskerville",serif !important;
  color: #386879;
  }

.promotion-modal h1 {
margin: 0 0 30px 0;  
}

.promotion-modal h3 {
margin: 0;  
}

.promotion-modal .attachment-promo {
  margin: 20px 0;
  }

.wpv-filter-next-link, .wpv-filter-previous-link {
   font-size:24px;
  color: #386879;
  text-decoration:none;
}

.wpv-filter-previous-link {
  text-align:left;
  }

.wpv-filter-next-link {
  float:right;
  }

.reservation-modal {
  font-family: "Libre Baskerville",serif !important;
  text-align:center;
  color: #386879;
  font-size:16px;
  }

.menu-dl-modal, .menu-dl-modal a {
  text-align:center;
  color: #386879;
  font-size:16px;
  
  }

#menumodal h1{
  font-size:24px;
  font-family: "Libre Baskerville",serif;
  margin:15px 0 30px 0;
  line-height:1.4;
  }

#menupage .container {
  max-width: 100%;
  width: 110%;
    margin:0;
  padding:0;
}

.menu-dl {
  position:absolute;
  z-index:99999;
  left: 50%;
  top:50%;
  -webkit-transform:translate(-50%,-50%);
  transform:translate(-50%,-50%);
  right:auto;
  }

.page-id-138 .menu-dl {
  display:none;
  }

h1 {
  font-family: "Libre Baskerville",serif;
  text-transform:none;
  font-weight:normal;
  }

.template-page .entry-content-wrapper h1, .template-page .entry-content-wrapper h2 {
    letter-spacing: normal;
    text-transform:none;
  font-weight:normal;
}

.avia-google-map-container {
  border: 2px solid #386879 !important;
  }

.page-id-294 .caption_container {
  background-image: url("http://www.harbourhouse.co.za/assets/uploads/home-intro-bg.png") center;
  }

.hh-promos a, .hh-featured a {
    color:#fff;
    }

#introduction-landing {
  background: rgba(62, 112, 128, 0.85);
color:#fff;
max-width:40%;
 padding:10px;
  margin-left:auto;
    margin-right:auto;
  }

#introduction-landing .tripadvisor img {
  margin: 20px 0 5px;
  }

.smallheader {
 font-size:13px;
   letter-spacing:3px;
  text-transform:uppercase;
}

#introduction-landing h1{
  color:#fff;
  font-size:24px;
     font-family: "Libre Baskerville",serif;
  margin-top:30px;
  line-height:1.4;
  }

#introduction-landing a:link, #introduction-landing a:visited {
  color: #ffffff;
  text-decoration:none;
  }

#introduction-landing a:hover {
  color: #C6604A;
    text-decoration:underline;
  }

#introduction-landing .inside {
  background:transparent;
  border: 1px solid rgba(255, 255, 255, 0.5);
   padding:40px;
  }

.mfp-iframe-holder .mfp-content {
    max-width: 1024px !important;
}


@media only screen and (min-width: 768px) {
 .html_header_top #top .av_logo_right .logo {
    left: 50%;
    transform:translate(-50%,0px);
    -webkit-transform:translate(-50%,0px);
  right:auto;
}  
}

@media screen and (max-width: 1280px) {
  .logo img {
    max-width:250px;
    margin-top:20px;
  }
}

@media screen and (max-width: 1075px) {
  .av-main-nav > li > a {
    font-size: 12px;
}
   #headreservation {
    display:none;
}
  
#introduction-landing {
max-width:100%;
  }
  
}

@media only screen and (max-width: 768px) {
 #headcontact, #footer #text-3, #footer #text-5 {
   display:none;
}
  .menu-dl {
  top:92px;
  }

}


/*********** POP UP STYLES *******/
.cjpopup-bottom-bar .cjpopup .close-cjpopup{
	background:transparent !important;
  
}

.cjpopup-bottom-bar .popup-content {
text-align:center;
}
.cjpopup-bottom-bar .subscribe-pop {
  font-family: 'Lato', sans-serif;
 font-size: 19px;
  font-weight:bold;
}

.cjpopup-bottom-bar .subscribe-button {
    border: 2px solid #fff;
    border-radius: 4px;
    margin-left: 20px;
    padding: 10px 20px;
}

.cjpopup-bottom-bar .cjpopup .close-cjpopup {
  padding: 30px;
}

.subcribe-iframe {
 width:100%;
   height:360px;
}