body {
  font-family: "sofia-pro",sans-serif;
  line-height: 28px;
  font-size: 16px;
  color: rgb(35, 31, 32);
}

/* header styles */

.header-wrapper {
  background-color: #FFFFFF;
}

.header {
  padding: 15px 0px;
}

.header-links {
  padding-top: 8px;
}

.header-links img{
	height:90px;
}

.header-links a {
  display: inline-block;
  color: #231F20;
  text-align: center;
  margin: 0px 15px;
  line-height: 20px;
  font-size: 14px;
}

.header-links i {
  font-size: 32px;
}

.header-links.right {
  text-align: right;
}

.desktop-logo a {
  color: #231F20;
}

.desktop-logo a:hover {
  text-decoration: none;
}

.desktop-logo span {
  font-size: 20px;
}

@media (min-width: 980px) {
  .header-wrapper {
    top: 0px;
    width: 100%;
    z-index: 100;
  }
}

.desktop-logo {
  text-align: center;
}

.body-class-members .desktop-login {
  display: none;
}

/* navbar styles */

.navbar {
  margin-bottom: 0px;
}

.navbar-inverse .navbar-inner {
  background-image: none;
  background-color: #58595B;
  padding-left: 0px;
  padding-right: 0px;
  border-radius: 0px;
}

.navbar-inner .nav > li > a {
  color: white;
  text-transform: uppercase;
  font-size: 14px;
}

.navbar .nav {
  margin: 0px auto;
  width: 805px;
}
.navbar-inverse .nav li.dropdown.open > .dropdown-toggle, .navbar-inverse .nav li.dropdown.active > .dropdown-toggle, .navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle {
  background-color: transparent;
  color: #AB9866;
  box-shadow: none;
}

.navbar-inner .nav > li:hover > a, .navbar-inner .nav > li.current > a, .navbar-inner .nav > li.active > a {
  color: #AB9866;
}

.dropdown-menu {
  background-color: #231F20;
}

.dropdown-menu > li > a {
  color: white;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li.current > a {
  color: #AB9866;
  background-image: none;
  background-color: transparent;
}

/* footer styles */

.main-footer {
  background: #58595B;
  padding: 5px 0px 5px;
  color: white;
}

.main-footer a {
  color: white;
}

.main-footer a:hover {
  text-decoration : none;
}

.main-footer .footer-address {
  font-size: 17px;
}

.main-footer .footer-fancy-button {
  padding: 20px 0px 30px;
}

.main-footer .footer-fancy-button a {
  display: inline-block;
  background: white;
  color: #231F20;
  width: 150px;
  line-height: 36px;
  border: 1px solid #58595B;
  position: relative;
}

.main-footer .footer-fancy-button a::before {
  background-image: url('/images/resources/birkdale/left-ribbon.png');
  content:'';
  position: absolute;
  width: 27px;
  height: 36px;
  left: -28px;
  top: 9px;
}

.main-footer .footer-fancy-button a::after {
  background-image: url('/images/resources/birkdale/right-ribbon.png');
  content:'';
  position: absolute;
  width: 27px;
  height: 36px;
  right: -28px;
  top: 9px;
}

.main-footer .footer-fancy-button .ribbon-corners {
  position: absolute;
  width: 150px;
}

.main-footer .footer-fancy-button .ribbon-corners::before {
  background-image: url('/images/resources/birkdale/left-ribbon-line.png');
  content: '';
  position: absolute;
  width: 10px;
  height: 9px;
  left: -1px;
}

.main-footer .footer-fancy-button .ribbon-corners::after {
  background-image: url('/images/resources/birkdale/right-ribbon-line.png');
  content: '';
  position: absolute;
  width: 10px;
  height: 9px;
  right: -1px;
}

.main-footer .footer-bottom-section {
  font-size: 16px;
}

.main-footer .footer-bottom-section p {
  margin-bottom: 16px;
}

.main-footer .footer-bottom-section img {
  max-width: 125px;
}

/* font styles */

h1, h2, h3, h4, h5, h6 {
  font-weight: 400;
}

h1 {
  font-size: 40px;
  color: rgb(35, 31, 32);
}

h2 {
  font-size: 35px;
  color: rgb(35, 31, 32);
}

h3 {
  color: rgb(171, 152, 102);
  font-size: 19px;
  text-transform: uppercase;
}

h4 {
  color: rgb(35, 31, 32);
  font-size: 20px;
}

h5 {
  color: rgb(35, 31, 32);
  font-size: 16px;
}

h6 {
  color: rgb(35, 31, 32);
  font-size: 16px;
}

a {
  color: #AB9866;
}

/* table styles */

table tbody td, table thead td, .table td, .table th  {
  border-top: 1px solid #AB9866;
}

/* page styles */

.mobile-logo {
  display: none;
}

/* responsive styles */

/* portrait table styles */

@media (min-width: 768px) and (max-width: 979px) {
  .header-links a {
    margin: 0px 6px;
  }
  .header-links.left a:first-child {
    margin: 0px 6px 0px 0px;
  }
  .header-links.right a {
    margin: 0px 0px 0px 6px;
  }
  .navbar-inverse .btn-navbar {
    margin-top: -80px;
  }
  .page-wrapper {
    padding: 35px 0px 50px;
  }
}

/* mobile styles */

@media (min-width: 0px) and (max-width: 767px) {
  body {
    padding-left: 0px;
    padding-right: 0px;
  }
  .mobile-logo {
    display: block;
    text-align: center;
    position: absolute;
    left: 0px;
    right: 0px;
    margin: 15px auto 0px;
    width: 40px;
  }
  
  .body-class-members .navbar .btn-navbar {
	margin-top: -80px;
}
  .desktop-logo {
    display: none;
  }
  .header-wrapper {
    padding: 0px 15px;
  }
  .page-wrapper {
    padding: 35px 15px 50px;
  }
  .main-footer {
    padding: 20px 15px 25px;
  }
  .header .span3.left {
    float: left;
    width: 100px;
  }
  .header .span3.right {
    float: left;
    width: 100px;
  }
  .header .row-fluid .span6 {
    min-height: 0px;
  }
  .body-public .navbar .btn-navbar {
    margin-top: -80px;
  }
  .header {
    padding: 15px 0px 0px 0px;
    margin-bottom: 10px;
  }
}

/* portrait and mobile styles */

@media (min-width: 0px) and (max-width: 979px) {
  .body-class-members .navbar .btn-navbar {
    margin-top: -20px;
  }
  .navbar-inverse .btn-navbar {
    background-image: none;
    background-color: transparent;
    text-align: center;
    border: none;
    text-shadow: none;
  }
  .navbar .btn-navbar .icon-bar {
    background-color: #231F20;
    width: 32px;
    margin: 4px auto 0px;
  }
  .navbar-inverse .btn-navbar .club-menu-button {
    color: #231F20;
    text-transform: uppercase;
    font-size: 14px;
    font-family: "sofia-pro",sans-serif;
    margin-top: 10px;
    display: block;
  }
  .navbar-inverse .btn-navbar:hover, .navbar-inverse .btn-navbar:focus {
    background-image: none;
    background-color: transparent;
  }
  .navbar .nav, .body-public .navbar .nav {
    width: 100%!important;
  }
  .navbar-inverse .nav-collapse .nav > li > a, .navbar-inverse .nav-collapse .dropdown-menu a {
    color: white;
  }
  .navbar-inverse .nav-collapse .nav > li.current > a, .navbar-inverse .nav-collapse .nav > li:hover > a, .navbar-inverse .nav-collapse .nav .dropdown-menu > li:hover > a, .navbar-inverse .nav-collapse .nav .dropdown-menu > li.active > a {
    color: rgb(171, 152, 102);
    background-color: transparent;
  }
}

.body-class-members .navbar-inner li.nav-menu-information .dropdown-menu li.nav-menu-information {
  display: none;
}


.body-public .btn{
 margin: 5px 5px;
 background-color: white;
 border: 1px solid #58595B;
}
.body-class-members .navbar .nav {
margin: 0px auto;
width: 805px;
float: right;
}

.box-image-text{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: inline-block;
    text-align: center;
    background-color: rgba(227, 206, 154,0.6);
    opacity: 0;
}

.club-photo{
	position: relative;
	width: 100%;
	height: auto;
	color: #fff;
	background-color: #333;
	transform-origin: 50% 50%;
	display: table;
	text-align: center;
	overflow: hidden;
}

.box-image-text p {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	margin: 0;
	color: #fff;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.club-photo:hover .box-image-text {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}

.club-photo:hover:hover img {
	-webkit-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2);
  	transition: all 0.4s ease-in-out;
}
}