body {
  padding-top: 50px;
}

.starter-template {
  padding: 40px 15px;
  text-align: center;
}

.clear{
    clear: both;
}

/*------Start of Navbar customization------*/


.navbar-default{
    background-color: #fff;
}

.navbar-nav{
    font-family: 'Arvo', serif;
    font-size: 1.11em;
}

.navbar-nav>li>a{
    color:#BD9672 !important;
    margin-top:8px;
    padding-top:6px;
    padding-bottom:6px;
}

.navbar-nav>li>a:hover{
    color:#fff !important;
    background-color: #84A089 !important;
}

.navbar-nav>.active>a
{
    background-color: #84A089 !important;
    color: #fff !important;
}

.navbar-logo img{
    padding-top:12px;
    width: 210px;
    padding-bottom:10px;
}

.navbar-social{
    float: right;
    margin-bottom: 10px;
}

.navbar-social img{
    width:27px;
    margin: 0 5px;
}

.navbar-social a:hover{
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.navbar{
  padding-bottom: 20px;
}
/*----------home page ---------------------*/

.home-page-first-row
{
    margin-top:20px;
}

.home-page-first-row .col-md-3{
    text-align: center;
    padding:0 37px;
    margin-bottom: 40px;
}

.home-page-first-row .col-md-3 img{
    margin-top:20px;
    width: 200px;
    height: auto;
}

.home-page-first-row .col-md-3 h4{
    color:  #BF9574;
}

.home-page-first-row .col-md-3 p{
    text-align: left;
    margin: 30px 10px;
}

.container a.rounded-button-link{
    font-family: 'Arvo', serif;
    color: white;
    background-color: #84A089;
    padding: 5px 20px;
    border-radius: 12px;
    font-size: 0.8em;
    text-decoration: none;
}

.container a.rounded-button-link:hover{
    background-color: #568B5D;
}

.home-page-second-row{
    margin-top: 25px;
    padding-top: 45px;
    background-color: #F0F0F0;
    padding-bottom: 120px;
    border-top: solid 1px #CACACA;
    padding-bottom: 50px;
}

.latest-news{
    margin-top:10px;
    margin-left:30px;
}

.container .latest-news h5{
    display: inline;
    color: white;
    background: #84A089;
    padding: 3px 8px;
    font-size: 1.1em;

}

.latest-news img{
    margin-top:20px;
    border: solid 5px white;
    margin-bottom: 10px;
    float: left;
    width:250px;
    margin-right:20px;
}

.latest-news p{
    margin-top: 20px;
}

.home-page-image-gallery{
    margin-left: 30px;
    margin-bottom: 40px;    
}

.container .home-page-image-gallery h5{
    color: #84A089;
    font-size: 1.1em;
}

.spotlight-image-caption{
    background-color:rgba(0, 0, 0, .4);
    padding:5px;
    color: white;
    position: absolute;
    bottom: 10px;
    margin-right:15px;
}

.spotlight-container{
    padding:5px;
    background-color: white;
    margin-top:28px;
    margin-bottom:20px;
    position:relative;
}

.home-page-image-gallery img{
    margin-top:15px;
    border: solid 5px white;
    max-width: 100%;
}

/*----------------Jumbotron---------------*/
.jumbotron{
    margin-top:70px;
    height: 380px;
    padding-top:0px;
    padding-bottom:60px;
}

.jumbotron-map{
    height: 450px;
}

/*------------Image Thumbnail----------*/
.img-thumbnail{
    border-radius: 2px;
}

/*------------------body----------------*/
.container h5,h4,h3{
    font-family: 'Arvo', serif;
    color:  #BF9574;
}

.container h4{
    color:#84A089;
}

.container{
    font-family: 'Source Sans Pro', sans-serif;
    color: #6E6565;
}

.container a{
    color: #84A089;
}

.rounded-button{
    color: white;
    background-color: #568B5D;
    padding-top: 5px;
    border-radius: 12px;
}

/*----------------contact screen--------------*/
.contact-info{
    margin-left:60px;
    margin-top:15px;
}

.contact-subheading
{
    text-decoration: underline;
    font-weight: bold;
}

.contact-form{
    margin-left:60px;
    margin-top:57px;
    margin-right:50px;
    padding-bottom: 40px;
}

.contact-button{
    color: white;
    background-color: #84A089;
    padding: 6px 15px;
    border-radius: 8px;
    float: right;
    margin-top:15px;
    border: none;
}

.contact-button:hover{
    background-color: #568B5D;
}

label.error{
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
    padding: 5px 10px;
    margin-bottom: 5px;
    border-radius: 2px;
    font-weight: normal;
    margin-top:5px;
}

/*------------image gallery--------------*/
.jumbotron-gallery
{
    background-image: url("../images/image_gallery_jumbo.jpg");
    background-size: cover;
    background-position: center;
}

.album-thumbnails{
    padding-bottom:40px;
}

.album-thumbnails img{
    display: block;
    width: 100%;
    height: auto;
}

/*.album-thumbnails .col-lg-3 img{
    
}

.album-thumbnails .col-md-3 img{
    overflow: hidden;
}

.album-thumbnails .col-sm-12 img{
    max-height: none;
}

.album-thumbnails .col-xs-12 img{
    max-height: none;
} */
.col-xs-12 .image-container{
    margin-top:60px;
    max-height: none !important;
}

.col-lg-3 .image-container{
    max-height: 200px;
    overflow: hidden;
}

.col-md-3 .image-container{
    max-height: 200px;
    overflow: hidden;
}

.image-container{
    border: solid 1px #BFBFBF;
    margin-top:20px;
    margin-bottom: 15px;
    padding:5px;
    overflow: hidden;
}

.album-thumbnails h5{
    color:#84A089;
}

.album-images{
    padding-bottom:40px;
}

.album-images ul {
  padding:0 0 0 0;
  margin:0 0 0 0;
}

.album-images ul li {
  list-style:none;
  margin-bottom:25px;
}

.album-images ul li img {
  cursor: pointer;
}

.modal-body{
    padding:5px;
}

.modal-content{
    border-radius: 3px;
}

a.controls.next
{
    float: right;
}

a.controls{
    font-weight: bold;
    color: #568B5D;
    padding: 0 10px;
}

.back-to-galleries{
   /* font-weight: bold;*/
}


.album-images{
    margin-top:20px;
}

/*------------carousel------------*/
.img-logo-overlay{
    width:120px;
    height: auto;
    margin-bottom: 20px;
}

.carousel-caption .carousel-caption-text{
   /* font-family: 'Arvo', serif;
    font-weight: 500;
    font-size: 1.3em; */
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
    background-color: rgba(0, 0, 0, .4);
    padding: 10px;
    padding-left: 30px;
    padding-right: 30px;
    color: white;
}

/*--------About Us-----------------*/

.jumbotron-about
{
    background-image: url("../images/about_us_jumbotron.jpg");
    background-size: cover;
    background-position: center;
}


.about-us-profiles img{
    float: left;
    width: 200px;
    margin-right : 30px;
    margin-bottom : 20px;
    margin-top:12px;
}

.about-us-profiles{
    margin-top:40px;
}

.about-container{
    padding: 0 60px;
    padding-bottom:40px;
}

/*--------Our Farms--------------*/

.jumbotron-farms
{
    background-image: url("../images/image_gallery_jumbo.jpg");
    background-size: cover;
    background-position: center;
}

.farms-container{
    padding: 0 60px;
    padding-bottom: 40px;
}

.farm-profile-container
{
    padding-top:30px;
    margin-bottom: 60px;
    margin-right:40px;
}

.farms-container .separator{
    border-top:solid 1px #BFBFBF;
    height: 1px;
    margin-right:120px;
}

.farm-profile-container:first-of-type
{
    border-top:none;
    margin-bottom: 60px;
    padding-top:0px;
}


.farm-profile-container img{
    width:220px;
    margin-right:25px;
    margin-bottom: 70px;
}

.farm-profile-container h4{
    margin-left:20px;
}

.farm-profile-image-container{
    margin-top:25px;
    margin-bottom: 10px;
}

/*---------Our Products--------------*/

.jumbotron-products
{
    background-image: url("../images/image_gallery_jumbo.jpg");
    background-size: cover;
    background-position: center;
}

.products-container{
    padding-bottom: 40px;
    margin:0 70px;
}

.products-container h3{
    /*font-size: 1.4em;*/
}


.main-product-profile{
    margin:40px 0;
    margin-bottom: 60px;
}


.product-profile{
    margin:40px 0;
    margin-bottom: 60px;
}

.product-profile h3{
    margin-bottom: 25px;
}

.product-profile img{
    float:left;
    width:180px;
    margin-right:20px;
}


.products-container .separator{
    border-top:solid 1px #BFBFBF;
    height: 1px;
    margin-right:10px;
}

.product-images-container img{
    width:200px;
    float:left;
    margin-right:40px;
    margin-top:10px;
}

.product-images-container{
    margin-top:20px;
}


/*---------Cocoa Estates---------------*/

.jumbotron-cocoa-estates
{
    background-image: url("../images/cocoa_estates_jumbotron.jpg");
    background-size: cover;
    background-position: center;
}

.cocoa-estates-container{
    padding: 0 60px;
    padding-bottom: 40px;
    margin-left:60px;
}

.cocoa-estates-container img{
    margin:0 0px;
}

.cocoa-estates-container .separator{
    border-top:solid 1px #BFBFBF;
    height: 1px;
    margin-right:10px;
}

.cocoa-estate-profile{
    margin-bottom:60px;
    margin-top:60px;
}

/*----------------Footer-----------------*/

.footer{
    min-height: 40px;
    border-top: solid 1px #CEB5A0;
    background-color: #DBC9BA;
    color: #66574B;
    padding-bottom: 10px;
}

.footer-inner{
  /*  background-image: url('../images/footer_watermark.png');*/
    background-size: 70px 50px;
    background-repeat: no-repeat;
    background-position: right bottom;
}

.footer-header{
    font-family: 'Arvo', serif;
    font-size: 1em;
    border-bottom: solid 2px #76A181;
    padding-bottom: 6px;
    padding-right: 23px;
    margin-top:50px;
    margin-left: 70px;
    margin-right:80px;
    display: block;
}

.footer p{
    margin-left:70px;
    padding-top:20px;
    font-size: 1em;
    font-family: 'Source Sans Pro', sans-serif;
}

.footer-social-links{
    margin-top:20px;
}

.footer a{
    color:#84A089;
}

a.footer-profile-link{
    color: #66574B;
}

.sitemap a{
    text-transform: uppercase;
    color: #66574B;
}

p.executive{
    margin-left:70px;
    margin-bottom:0;
}

.footer-social-links img{
    margin: 0 5px;
    width:26px;
}

.footer-social-links a:hover{
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.footer-copyright{
    margin-top:10px;
    font-size: 0.8em;
}

.footer-watermark{
    float: right;
    padding-right: 150px;
}

.footer-watermark img{
    width:80px;
}