/*===================== TABLE OF CONTENT =======================
0.  Library CSS
1.  Reset Styling
2.  General Styling (All variable CSS)
3.  Header 1 ( 3 style)
4.  Home content (Home 1, Home 2, Home 3)
5.  Page default (Contact, About, ...)
6.  Sidebar (Shop, Post, Service, Project)
7.  Shop (Category, Single)
8.  Project (Category, Single)
9.  Footer
10. Responsive
=============================================================*/
/* Google fonts */
@import url('https://fonts.googleapis.com/css?family=Poppins:100,300,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');
@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,300i,400,400i,500,500i,700,700i,900,900i');
@import url('https://fonts.googleapis.com/css?family=Playfair+Display:400,400i,700,700i,900,900i');

/* Library CSS */
@import "libs/bootstrap/bootstrap.css";
@import "libs/awesome/font-awesome.css";
@import "libs/ionicons/ionicons.css";
@import "libs/owl-carousel/owl.carousel.css";
@import "libs/magnific-popup/main.css";
@import "libs/flexslider/flexslider.css";
@import "libs/camera/camera.css";

@import "reset-styles.css";
@import "general.css";

@import "header.css";
@import "pages.css";
@import "blog.css";
@import "shop.css";
@import "sidebar.css";
@import "event.css";
@import "rooms.css";
@import "home.css";
@import "footer.css";
@import "responsive.css";

 
/* =============================================================
   Blue Bay header layout override
   Added to support the rebuilt 3-part desktop header in index-test-edited.html
   ============================================================= */

#masthead.bb-header-wrap {
  background: #fff;
}

#masthead.bb-header-wrap .container {
  max-width: 100%;
}

#masthead.bb-header-wrap .bb-header-top {
  padding: 18px 0 12px;
  border-bottom: 1px solid #e5e5e5;
}

#masthead.bb-header-wrap .bb-header-top-inner {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 24px;
}

#masthead.bb-header-wrap .bb-header-brand {
  flex: 0 0 240px;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}

#masthead.bb-header-wrap .bb-header-brand .logo {
  display: block;
  max-width: 220px;
  height: auto;
}

#masthead.bb-header-wrap .bb-header-brand .mobile-logo,
#masthead.bb-header-wrap .bb-header-brand .sticky-logo img {
  display: none;
}

#masthead.bb-header-wrap .bb-header-center {
  flex: 1 1 auto;
  text-align: center;
  padding-top: 4px;
}

#masthead.bb-header-wrap .bb-site-title {
  font-family: 'Playfair Display', serif;
  font-size: 34px;
  line-height: 1.15;
  font-weight: 700;
  color: #003b8e;
  margin-bottom: 18px;
}

#masthead.bb-header-wrap .bb-enquiry-line {
  font-size: 15px;
  line-height: 1.7;
  color: #6e6e6e;
}

#masthead.bb-header-wrap .bb-header-right {
  flex: 0 0 280px;
  text-align: right;
}

#masthead.bb-header-wrap .bb-top-links {
  list-style: none;
  margin: 0 0 14px;
  padding: 0;
}

#masthead.bb-header-wrap .bb-top-links li {
  display: inline-block;
  margin-left: 20px;
}

#masthead.bb-header-wrap .bb-top-links li:first-child {
  margin-left: 0;
}

#masthead.bb-header-wrap .bb-top-links a {
  color: #666;
  text-decoration: none;
}

#masthead.bb-header-wrap .bb-top-links a:hover,
#masthead.bb-header-wrap .bb-top-links a:focus {
  color: #003b8e;
}

#masthead.bb-header-wrap .bb-social-icons a {
  display: inline-block;
  margin-left: 14px;
  color: #003b8e;
  font-size: 20px;
}

#masthead.bb-header-wrap .bb-social-icons a:first-child {
  margin-left: 0;
}

#masthead.bb-header-wrap .bb-header-bottom {
  padding: 12px 0;
  border-bottom: 1px solid #e5e5e5;
}

#masthead.bb-header-wrap .bb-header-bottom-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}

#masthead.bb-header-wrap .bb-main-menu {
  margin: 0;
  padding: 0;
  flex: 1 1 auto;
}

#masthead.bb-header-wrap .bb-main-menu > li {
  display: inline-block;
  margin-right: 24px;
}

#masthead.bb-header-wrap .bb-main-menu > li:last-child {
  margin-right: 0;
}

#masthead.bb-header-wrap .bb-main-menu > li > a {
  text-transform: uppercase;
}

#masthead.bb-header-wrap .bb-header-cta {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  gap: 12px;
}

#masthead.bb-header-wrap .bb-header-cta .header-right {
  margin: 0;
  padding-top: 0 !important;
}

#masthead.bb-header-wrap .bb-header-cta .btn-book {
  display: inline-block;
  background: #1593d1;
  color: #fff;
  padding: 11px 22px;
  text-decoration: none;
  font-weight: 600;
  white-space: nowrap;
}

#masthead.bb-header-wrap .bb-header-cta .btn-book:hover,
#masthead.bb-header-wrap .bb-header-cta .btn-book:focus {
  color: #fff;
  background: #0c7db4;
}

#masthead.bb-header-wrap .bb-header-page-title {
  padding: 10px 0 12px;
  text-align: center;
}

#masthead.bb-header-wrap .bb-header-page-title .header_text {
  margin: 0;
  color: #2e86ff;
  font-size: 18px;
}

@media (max-width: 1199px) {
  #masthead.bb-header-wrap .bb-main-menu > li {
    margin-right: 16px;
  }

  #masthead.bb-header-wrap .bb-main-menu > li > a {
    font-size: 13px;
  }

  #masthead.bb-header-wrap .bb-header-brand {
    flex-basis: 210px;
  }

  #masthead.bb-header-wrap .bb-header-brand .logo {
    max-width: 190px;
  }

  #masthead.bb-header-wrap .bb-header-right {
    flex-basis: 240px;
  }
}

@media (max-width: 991px) {
  #masthead.bb-header-wrap .bb-header-top-inner,
  #masthead.bb-header-wrap .bb-header-bottom-inner {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  #masthead.bb-header-wrap .bb-header-brand,
  #masthead.bb-header-wrap .bb-header-center,
  #masthead.bb-header-wrap .bb-header-right,
  #masthead.bb-header-wrap .bb-header-cta {
    flex: 1 1 100%;
    text-align: center;
    justify-content: center;
  }

  #masthead.bb-header-wrap .bb-top-links li,
  #masthead.bb-header-wrap .bb-social-icons a,
  #masthead.bb-header-wrap .bb-main-menu > li {
    margin: 0 8px 8px;
  }

  #masthead.bb-header-wrap .bb-main-menu {
    text-align: center;
  }
}

@media (max-width: 767px) {
  #masthead.bb-header-wrap .bb-header-top,
  #masthead.bb-header-wrap .bb-header-bottom,
  #masthead.bb-header-wrap .bb-header-page-title {
    display: none;
  }
}

.bb-header-page-title,
.bb-header-page-title .header_text {
    text-align: center !important;
}

.bb-header-page-title {
    text-align: center;
    padding: 12px 0 18px;
}

.bb-social-icons a{
    margin-left:10px;
    font-size:18px;
    color:#1b4f8c;
}

.bb-social-icons a:hover{
    color:#0aa3d8;
}

/* Header vertical alignment improvement */

.bb-header-top-inner{
    display:flex;
    align-items:center;
    justify-content:space-between;
}

.bb-header-brand img{
    max-height:70px;
}

.bb-header-center{
    text-align:center;
}

.bb-site-title{
    margin-bottom:6px;
}

.bb-enquiry-line{
    font-size:15px;
    color:#555;
}

.bb-header-right{
    text-align:right;
}