/* mike change heading colour */
/* get rid of white space at the top */
body {
    padding-top: 50px; /* Whatever the height of your navbar is; the
                             default is 50px */
}

/*
h2 {
    color: #F78421;
}
h1 {
    color: #F78421;
}

b, strong {
    color: #F78421;    
}
*/
.jumbotron-extra{
    /* add bootstrap jumbotron background image */
    background:#1C8B3A;
    /*background: url("graphics/grass_back.png");*/
    /* change bootstrap jumbotron text color */
    color: #FFF;
    text-shadow: 2px 2px #2A2A2A;
    position: relative;
    background: #000 url("../carousel/image1a.jpg") center center;
    background-size: 100%;
    background-size: cover;
    background-position: center center;
    vertical-align: top;
    overflow: hidden;
    border-radius:0px;
}

.jumbotron-bruce{
    /* add bootstrap jumbotron background image */
    background:#1C8B3A;
    /*background: url("graphics/grass_back.png");*/
    /* change bootstrap jumbotron text color */
    color: #FFF;
    text-shadow: 2px 2px #2A2A2A;
    position: relative;
    background: #000 url("../carousel/bruce_slide.jpg") center center;
    background-size: 100%;
    background-size: cover;
    background-position: center center;
    vertical-align: top;
    overflow: hidden;
    border-radius:0px;
}

.jumbotron-rooms{
    /* add bootstrap jumbotron background image */
    background:#1C8B3A;
    /*background: url("graphics/grass_back.png");*/
    /* change bootstrap jumbotron text color */
    color: #FFF;
    text-shadow: 2px 2px #2A2A2A;
    position: relative;
    background: #000 url("../carousel/image4a.jpg") center center;
    background-size: 100%;
    background-size: cover;
    background-position: center center;
    vertical-align: top;
    overflow: hidden;
    border-radius:0px;
}


.jumbo-header { 
font-family: Merriweather, serif, Arial;
color: #FFFFFF;
text-shadow: .04em .05em #010101;
font-weight: 800; 
font-size:6.5em;
font-size: 5.15vw;
text-align: center;
}
 
.header { 
font-family: Satisfy, serif, Arial;
color: #FFFFFF;
text-shadow: .04em .04em #010101;
font-weight: 800; 
font-size:6.5em;
font-size: 5.15vw;
text-align: center;

}

.header-sub { 
font-family: Merriweather, serif, Arial;
color: #FFFFFF;
text-shadow: .05em .05em #010101;
font-weight: 800; 
font-size:3.5em;
font-size: 2.15vw;
text-align: center;


}

.header-title { 
font-family: Merriweather, Arial, serif;
color: #FFFFFF;
text-shadow: .04em .04em #010101;
font-weight: 800; 
font-size:24px;

}

.address{
font-size:10pt;
margin-bottom: 30px;    
}

.logo{
margin-bottom: 5px;     
}
.logo-small{
margin-bottom: 10px;     
}

/* make the carasouel fade */
.carousel{
    background: #2f4357;
    margin-bottom: 20px;
}
.carousel .item img{
    margin: 0 auto; /* Align slide image horizontally center */
}

.carousel-fade .carousel-inner .item {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
  opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-control {
  z-index: 2;
}

a.carousel-control:link{
color: #FFFFFF;    
}
a.carousel-control:visited{
color: #FFFFFF;    
}

/* end of carousel */

.header-middle { 
font-family: Merriweather, serif, Arial;
color: #971414;
text-shadow: .04em .04em #E1DEDE;
font-weight: 800; 
font-size:30px;
/*font-size: 2.15vw;*/
margin-bottom: 40px;

}

.header-middle-small { 
font-family: Merriweather, serif, Arial;
color: #971414;
text-shadow: .04em .04em #E1DEDE;
font-weight: 800; 
font-size:30px;
/*font-size: 2.15vw;*/
margin-bottom: 10px;

}

/* youtube tweak */
.youtube-frame{
    padding-left: 20%;
    padding-right: 20%;
    padding-top: 15px;
    padding-bottom: 15px;
    
 
}
 /* i18n search overide */
.pull-right {
    float: right !important;
    padding-top: 10px;
    width: 220px;
}
.search-words {
    width: 60%;
}

/* control booking button */
.btn-primary {
    color: #fff;
    background-color: #960003;
    border-color: #960003;
    padding-bottom: 5px;
    border-radius: 4px;
}
a.but:link {
    color: #fff;
}
a.but {
    color: #fff;
}
a.but:hover {
    color: #fff;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #780709;
    border-color: #960003;
}
/* end booking button */