@import url('https://fonts.googleapis.com/css?family=Open+Sans|Roboto:400,700');
@import url('https://fonts.googleapis.com/css?family=Ranga');

body {
    padding-top: 50px; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
}
h1,h2,h3,h4,h5 { font-family: 'Roboto', sans-serif; }
h1 { color: #7D1E3B; }
h2 { color: #58874C; }
h3 { color: #7D1E3B; }

.homemessage h1 { color:#7D1E3B; font-weight: 400; line-height: 20px; font-size: 2.8em; letter-spacing: 3px; }
.homemessage h3 { color:#333; line-height: 16px; font-family: 'Ranga', cursive; letter-spacing: 0.1em; }

.pagesmessage {
    position: relative;
    height:350px;
}
.pagesmessage img {
    position: absolute;
    bottom: 5px;
}
.col-xs-2{
    background:#00f;
    color:#FFF;
}
.col-half-offset{
    margin-left:4.166666667%
}
.header {
    height: 440px;
    background: url('hero3.jpg') center center no-repeat scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
  border-color: #000;
  border-bottom-style: solid;
  border-bottom-width: 1px;
    
}
.header-pages {
    height: 350px;
    background: url('pagebanner1.jpg') center center no-repeat scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.banner-history {
    background: url('banner-history.jpg') center center no-repeat scroll;
}
.banner-varieties {
    background: url('banner-varieties.jpg') center center no-repeat scroll;
}
.banner-marketing {
    background: url('banner-marketing.jpg') center center no-repeat scroll;
}
.banner-avocados {
    background: url('banner-avocados.jpg') center center no-repeat scroll;
}

/* Customize the text color and shadow color and to optimize text legibility. */
.tagline {
    text-shadow: 0 0 10px #000;
    color: #330000;
    display: inline-block;
    background:rgba(255,255,255,0.7);
    padding:8px;
    margin-top: 4em;
}
.homemessage {
    /*background:rgba(255,255,255,0.4);*/
    padding:8px;
    text-align: center;
    margin-top:4em;
    display: inline-block;
    padding:10px 40px;
}
.homemessage h1 {
    color: #fff;
    text-shadow: 1px 1px 4px #333;
    font-size: 3.4em;
}
.homemessage h3 {
    color: white;
    text-shadow: 1px 1px 4px #333;
}
.navbar-brand {
}

.img-center {
    margin: 0 auto;
}
/* adjust brightness of images when hovered */
.img-brightness {
    background-color: white;
    display: inline-block;

}
.img-brightness img:hover {
    opacity: .5;
}

.img-hover {
    background-color: rgba(255, 0, 0,.25);
}

footer {
    margin: 30px 0;
    padding: 10px 0;
    font-size: 0.86em;
    border-color: #ffffff;
    border-top-style: solid;
    border-top-width: 1px;
    
}
.nopadding {
    padding: 0 !important;
}

.thumbnail.with-caption {
    display: inline-block;
    background: #f5f5f5;
}
.thumbnail.with-caption p {
    margin: 0;
    padding-top: 0.5em;
    font-size:0.86em;
}
.thumbnail.with-caption small:before {
    content: '\2014 \00A0';
}
.thumbnail.with-caption small {
    width: 100%;
    text-align: right;
    display: inline-block;
    color: #999;
}
  
.btn-albys {
  color: #fff;
  background-color: #d40000;
  border-color: #B80404;
}
.btn-albys:hover {
  color: #fff;
  background-color: #c9302c;
  border-color: #ac2925;
}


.navbar-default {
  background-color: #9D2949;
  border-color: #fff;
  border-bottom-style: solid;
  border-bottom-width: 2px;
  padding: 10px 0;
}
.navbar-default .navbar-brand {
  color: #ecf0f1;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #ffffff;
}
.navbar-default .navbar-text {
  color: #ecf0f1;
}
.navbar-default .navbar-nav > li > a {
  color: #ecf0f1;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #000;
  text-decoration: underline;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #fff;
  background-color: transparent;
  text-decoration: underline;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  color: #000;
  background-color: transparent;
  text-decoration: underline;
}
.navbar-default .navbar-toggle {
  border-color: #ffffff;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #ffffff;
  text-decoration: underline;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #ecf0f1;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #ecf0f1;
}
.navbar-default .navbar-link {
  color: #ecf0f1;
}
.navbar-default .navbar-link:hover {
  color: #ffffff;
}

@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #ecf0f1;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #000000;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #000000;
    background-color: #ffffff;
  }
}

@media (max-width: 480px) {
    .homemessage h1 { font-size: 1.8em; line-height: 24px; }
    .homemessage h3 { line-height: 19px; }
   
}