﻿.container {
  max-width: 960px;
}

.footer{
    position: absolute;
  bottom: 0;
}

.body-content{
    margin-top:50px;
}

h1{
    font-size:3.5rem;
}

/*
 * Custom translucent site header
 

.site-header {
  background-color: rgba(0, 0, 0, .85);
  -webkit-backdrop-filter: saturate(180%) blur(20px);
  backdrop-filter: saturate(180%) blur(20px);
}
.site-header a {
  color: #999;
  transition: ease-in-out color .15s;
}
.site-header a:hover {
  color: #fff;
  text-decoration: none;
}
    */

a{
    color:grey;
    font-weight:bold;
}

.display-3{
    font-family: 'Lato', sans-serif;
}
/*
 * Extra utilities
 */

.flex-equal > * {
  -ms-flex: 1;
  flex: 1;
}
@media (min-width: 768px) {
  .flex-md-equal > * {
    -ms-flex: 1;
    flex: 1;
  }
}

.overflow-hidden { overflow: hidden; }

.bg-image-main{
    background: url('../assets/img/golf_background_bw.jpg');
    width:100%;
}

.header-img {
    height:500px;
    width:100%;
}

.stockist-img{
    width:100px;
    margin-left:25px;
    margin-right:25px;
}

.team-member {
	margin-bottom: 50px;
	text-align: center;
}

.panel-showcase{
    min-height:450px;
    height:inherit;
}

bg-green{
    background-color:#5acb0f!important ;
}

.align-bottom-left{
    position: absolute;
left: 20px;
bottom: 20px;
}

.align-top-left{
    position: absolute;
left: 20px;
top: 75px;
}

.align-bottom-right{
    position: absolute;
right: 20px;
bottom: 20px;
}

.align-top-right{
    position: absolute;
right: 20px;
top: 75px;
}

.advert-image{
    height:250px !important;
    
}

.carousel-image{
    height: 190px;
}

.rounded-circle{
    margin-bottom:20px;
    height: 250px;
    width: 250px;
}

.bio-block{
    min-height:370px;
}

.highlight-image{
    width: 100%;
    height: 460px;
    border-radius: 21px 21px 0 0;
}

.team-bio-logo{
    width: 125px; 
    height: 100px;
}

.active{
    border-bottom: 3px solid #89B448;
}

.wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -295px; /* the bottom margin is the negative value of the footer's height */
}
.footer, .push {
    height: 295px; /* .push must be the same height as .footer */
}

li{
text-align:left;
}
