/* ==========================================================================
   eIgnition Creative
   ========================================================================== */

body {
    font-family: 'Montserrat', sans-serif;
    color: #5d5d5d;
    background-image: url(../img/bg.jpg);
}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, .heading-font {
    color: #aa0b38;
    font-family: 'Charm', cursive;

}

h1.white, .h1.white, h2.white, .h2.white, h3.white, .h3.white {
    color: #ffffff;
}
.band-red h4 {
    color: #5d5d5d;
}
.page-title {
    color: #522e22;
    text-align: center;
    font-size: 4em;
}
.menu-item h4.page-title {
    font-size: 2em;
}
.tagline {
    text-align: center;
    font-size: 20px;
    margin-bottom: 20px;
}
a {
    color: #5d5d5d;
}
a:hover, a:focus {
    color: #5d5d5d;
    text-decoration: underline;
}
#header {
    padding: 0;
    position: relative;
    height: 500px;
}
body #header {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
body.home #header, body.default #header {
    background-image: url(../img/headers/outside.jpg);
}
body.food #header {
    background-image: url(../img/headers/deluxe-food.jpg);
}
body.rooms #header {
    background-image: url(../img/headers/living.jpg);
}
body.location #header {
    background-image: url(../img/headers/location.jpg);
}
body.contact #header {
    background-image: url(../img/headers/outside.jpg);
}
body.things #header {
    background-image: url(../img/headers/walks.jpg);
}
body.reviews #header {
    background-image: url(../img/headers/reviews.jpg);
}
body.melbreak #header {
    background-image: url(../img/melbreak-two/melbreak23.jpeg);
}
.logo-box {
    text-align: center;
    background: #f5f5f5;
    padding: 15px 15px 60px 15px;
}
img.logo {
    margin-top: -60px;
}
.enquiries-box {
    text-align: center;
    background-image: url(../img/acorn.svg);
    background-repeat: no-repeat;
    background-position: bottom center;
    padding: 34px 0;
    background-size: cover;
    font-size: 18px;
}
.enquiries-box a {
    color: #5d5d5d;
}
.enquiries-box a:hover, .enquiries-box a:focus {
    color: #5d5d5d;
}
/* Content Structure */
.col-no-pad {
    padding-left: 0;
    padding-right: 0;
}
.row-padding {
    padding-bottom: 20px;
}
.band {
    padding: 30px 0;
}
.band-white {
    background: #fff ;
}
.band-cream {
    background: #eedda5 url(../img/bg-cream.jpg);
}
.band-blue {
    background: #001033;
}
.band-red {
    background: #972a27;
}

/* Blocks */
.block-white {
    background: #fff;
    padding: 20px;
    text-align: center;
}
.block-white h3 {
    margin: 0;
}
.decoration-left {

}
.block-bg {
    background-image: url(../img/bg.jpg);
}
.block-trans {
    background-color: transparent;
    background-image: url(../img/band-white.svg);
    background-repeat: no-repeat;
    background-position: right;
    padding: 10px 100px 10px 0;
}
.block-green {
    background-color: transparent;
    background-image: url(../img/band-green.svg);
    background-repeat: no-repeat;
    background-position: right;
    padding: 10px 100px 10px 0;
}
.block-img-link {
    background: #fff;
    padding: 10px;
    text-align: center;
}
.block-img-link small {
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
}
    
.block-img-link img {
}
.block-img-link .decoration {

}
.block-img-link {
    background: #f5f5f5;
    padding: 10px;
    position: relative
}
.block-img-link .decoration {

}
.block-img-link .decoration {
    
}
.footer-beige {
    text-align: center;
    background-color: transparent;
    background-image: url(../img/footer-f5.svg);
    background-repeat: no-repeat;
    background-position: top;
    background-size: 100% 100%;
    padding: 0 0 40px 0;
}
.footer-white {
    text-align: center;
    background-color: transparent;
    background-image: url(../img/footer.svg);
    background-repeat: no-repeat;
    background-position: top;
    background-size: 100% 100%;
    padding: 0 0 40px 0;   
}
.header-white {
    text-align: center;
    background-color: transparent;
    background-image: url(../img/header-white.svg);
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: 100% 100%;
    padding: 40px 0 0 0;   
}
/* Nav */
@media (min-width: 768px) {
    .navbar .navbar-nav {
        display: inline-block;
        float: none;
        vertical-align: top;
    }

    .navbar .navbar-collapse {
        text-align: center;
    }
}
.navbar {
    margin-bottom: 0;
}
.navbar-inverse {
    background-color: #aa0b38;
    border: none;   
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.nav > li > a {
    font-weight: normal;

}
.navbar-inverse .navbar-nav > li > a {
    color: #fff;
}
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
    color: #fff;
    background: #522e22;
}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav  .active > a:hover, .navbar-inverse .navbar-nav  .active > a:focus  {
    background: #fbfaf6;
    color: #522e22;
}
/* Nav Dropdown */
.navbar-nav>li>.dropdown-menu {
    background: #aa0b38;    
    border: none;
}
.navbar-inverse .navbar-nav>.open>a, 
.navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus {
    background: #522e22;
    color: #fff;
}
.navbar-nav>li>.dropdown-menu li a {
    border-bottom: solid 1px #f5f5f5;
    padding: 20px;
    color: #fff;
}
.navbar-nav>li>.dropdown-menu li a:hover {
    background: #522e22;
}
@media (max-width: 767px) {
    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
        color: #fff;
        padding: 15px;
    }
}
/* Nav Colapse */
.navbar-nav {
    margin: 0 -15px;
}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
    border-color: #f5f5f5;
}
.navbar-inverse .navbar-toggle {
    border-color: #fff;
    background: #fff;
}
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
    border-color: #ccc;
   background: #ccc;
}
.navbar-inverse .navbar-toggle .icon-bar {
    background: #aa0b38;
}
.navbar-inverse .navbar-brand {
    color: #fff;
}

/* Side Nav */
ul.side-nav {
    border-top: solid 1px #f5f5f5;
    margin: 0 -20px 15px -20px;
    padding: 0;
}
ul.side-nav li {
    list-style: none;
    padding: 0;
}
ul.side-nav li a {
    color: #5a3f29;
    display: block;
    border-bottom: solid 1px #f5f5f5;
    padding: 10px 5px;
    
}
ul.side-nav li a:hover {
    background: #73b84a;
    color: #fff;
    text-decoration: none;
}
/* Menus */
.menu-item {
    background: #fff;
    padding: 10px;
}
.affix {
      position: inherit;
  }

/* Misc */
.white {
    color: #ffffff;
}
.red {
    color: #aa0b38;
}
.green {
    color: #73b84a;
}
.brown {
    color: #5a3f29;
}
.container-padding {
    padding-top: 20px;
    padding-bottom: 20px;
}
.btn-green {
    background: #bdd439;
    border: none;
}
.btn-red {
    color: #fff;
    background: #972a27;
    border: none;
}
.btn-white {
    background: #fff;
    border: none;
}

#map-canvas {
    height: 400px;
}
.modal-header {
    text-align: center;
}
/* .pink-theme */
.pink-theme .block-img-link, .footer-pink {
    background: #e83a94;
    
}
.pink-theme h4 {
    color: #fff;
}
.footer-pink {
    padding: 0 10px 10px;
    text-align: center;
}
.btn-pink {
    color: #fff;
    background: #e83a94;
    border: none;
}
.pink-theme.modal-content {
    text-align: center;
}
.pink-theme .modal-body h4 {
    color: #e83a94;
}
/* availabilitychecker */
#availabilitychecker {
    background: #fff;
}

.eviivo_availabilitychecker {
    width:auto !important;
    height:auto !important;
    color:#333333 !important;
    background:transparent !important;
    border: none!important;
    font-size:16px !important;
    font-family:'Montserrat', sans-serif;
}
.eviivo_title span {
    color:#000000 !important;
    font-size:12px !important;
    font-family:Arial !important;
}
.eviivo_submit_wrap {
   margin-top: -67px!important; 
}
.eviivo_submit a {
    color:#666 !important;
    background:#fbfaf5 !important;
    border: 1px solid #aa0b38 !important;
    font-size:20px !important;
    font-family:'Montserrat', sans-serif !important;
    font-weight: normal !important;
}
.eviivo_submit a :hover {
    background: #aa0b38;
    color: #fff;
}
.ui-button-text-only .ui-button-text {
    padding:  18px 1em !important;
    color: #aa0b38;
}
.eviivo_title, .eviivo_rooms_container, .eviivo_rooms {
    display: none;
}
.eviivo_startdate, .eviivo_enddate {
    position: relative;
    margin-right: 20px;
}
.eviivo_availabilitychecker label {
    position: absolute;
    padding: 5px;
    color: #aa0b38;
    font-weight: normal;
}
.eviivo_availabilitychecker input {
    height: auto!important;
}
.eviivo_startdate input, .eviivo_enddate input, .eviivo_rooms select, .eviivo_adults1 select, .eviivo_children1 select {
    font-size: 20px;
    display: block!important;
    width: auto!important;
    padding: 32px 6px 4px!important;
    line-height: 1.42857143!important;
    color: #666!important;
    background-color:#fbfaf5;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.eviivo_rooms select {
    width: 100px!important;
}
.eviivo_startdate img, .eviivo_enddate img {
    position: absolute !important;
    bottom: 22px;
    right: 10px;
}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {
	.logo-box h1 {
      font-size: 1.4em;
}
}
/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {


}
@media only screen and (max-width : 768px) {
  .eviivo_startdate input, .eviivo_enddate input, .eviivo_rooms select, .eviivo_adults1 select, .eviivo_children1 select {
     margin-bottom: 20px;
  }
  .eviivo_submit_wrap {
    float:none!important;
  }
}

@media only screen and (max-width : 992px) {
  .footer-white, .footer-beige {
    margin-bottom: 20px;
  }
  }

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
    .tagline {
    }
    .feed-container #cff .cff-item {
        width: 23%;
    }
    .nav > li > a {
        border-right: solid 1px #f5f5f5;
    }

    .navbar-brand {
        display: none;
    }
}
  


/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
    .nav > li > a {
        border-right: solid 1px #f5f5f5;
        padding: 15px 18px;
        font-size: 18px;
    }
    .nav > li > a.endstop {
        border-right: none;
    }
    
    .affix {
        position: fixed;
        top: 0;
      }
    .menu {
        width: 228px;
        z-index: 1;
    }
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
    .tagline {
        top: 38px
    }
    .menu {
        width: 265px;
    }
     .nav > li > a {
        padding: 15px 30px;
    }
    
}

