@charset "UTF-8";
@import url(//fonts.googleapis.com/css?family=Libre+Baskerville:400,400italic);
body {font-family: 'Libre Baskerville', serif; line-height:1.6em; font-size:14px}
html, body { height: 100%; /* The html and body elements cannot have any padding or margin. */
-webkit-font-smoothing: antialiased; }
.group:before, .group:after {   content: "";   display: table;} 
.group:after {   clear: both;}
.group {   zoom: 1; /* For IE 6/7 (trigger hasLayout) */}
.row { margin-left: 0px; margin-right: 0px; }
.top-bar .pull-right {text-align:right}
/* Wrapper for page content to push down footer */
#wrap { min-height: 100%; height: auto !important; height: 100%; /* Negative indent footer by its height */ margin: 0 auto; /* Pad bottom by footer height */}
/* Set the fixed height of the footer here */
a, a:visited {color:#000; text-decoration:underline}
a:hover {color:#a2422f}
em, i {font-style:italic}

ul {
list-style-type: disc;
list-style-position: outside;
margin-left: 20px;
}


a.dropdown-toggle {
    display: none!important;
}
ol.carousel-indicators {
    DISPLAY: NONE;
}
a.left.carousel-control, a.right.carousel-control {
    display: none;
}
/* Custom page CSS
-------------------------------------------------- */

.body {  min-height: 100%;  /* equal to footer height */  margin-bottom: -47px; }
.body:after {  content: "";  display: block;}
#footer, .body:after {  /* .push must be the same height as footer */  height: 47px; }
#wrap > .container { padding: 0 15px 0; }
.container .credit { margin: 20px 0; }
#footer a { color: #000; }
h1, h2, h3, h4, div.hero { font-family: "futura-pt",sans-serif; vertical-align: middle; color:#a2422f; text-transform:uppercase; font-weight:600   }
h1{font-size:36px}
h2{font-size:24px; line-height:30px; color: #636363;}
h3{font-size:24px}
h4{font-size:18px}
.bg-home h1{font-size:32px; color:#000; margin-bottom:10px; font-weight:500}
.bg-home h2{font-size:26px; color:#000; margin-bottom:10px; font-weight:500}
header { background: #000; height: 30px; color: #fff; -webkit-transition: all .4s ease-in-out; }
.top-bar { height: 30px; margin: 0 auto; padding:0 100px}
.top-bar a { color: #FFF; line-height: 30px; font-family: "futura-pt",sans-serif; font-weight:500; font-size:14px;  text-transform:uppercase}
.top-bar .pull-right a {margin-left:15px}
.top-bar a:hover {color:#b07304}

.social a { display: block; text-indent: -5000px; float: left; width: 25px; height: 20px; line-height: 20px; }
.fb-icon { background: url(/assets/fwpetroleumclub/media/facebook-sm.png) no-repeat top center; margin:6px 0px 4px }
.linkedin-icon { background: url(/assets/fwpetroleumclub/media/linkedin-sm.png) no-repeat center 3px; margin: 4px 2px 6px }
.twitter-icon { background: url(/assets/fwpetroleumclub/media/twitter-sm.png) no-repeat  center 3px; margin: 4px 2px 6px }
.fb-icon:hover { background: url(/assets/fwpetroleumclub/media/facebook-sm.png) no-repeat center -20px; }
.linkedin-icon:hover { background: url(/assets/fwpetroleumclub/media/linkedin-sm.png) no-repeat center -17px; }
.twitter-icon:hover { background: url(/assets/fwpetroleumclub/media/twitter-sm.png) no-repeat  center -17px; }

header h2, header h3 a, header a, header a:hover { color: #101010; font-weight: 500; text-decoration: none; }
header h3 { font-family: 'Kreon', serif; background: #ffcc33; padding: 10px; border-radius: 3px; font-size: 34px; padding: 12px 10px 6px 10px; }
header .dropdown-menu { top: 74px; background: #ffcc33; border-width: 0; }

div.hero { font-size:32px; font-weight:600; padding:0; margin:0}
.page-header {padding:0 0 10px; margin:0 0px; border-bottom:0}
.bg-home div.hero {font-size:30px; font-weight:300; padding:0; margin:0; color:#fff}
#nav { width: 100%; position: static; top: 0px; padding-bottom:20px }
#nav.affix { position: fixed; top: 0px; z-index: 999; height:196px; background:#fff }
.page-content {margin:0; padding-top:10px; min-height:350px}
.page-content h2 {font-family: 'Libre Baskerville', serif; font-size:26px; color:##636363; line-height:30px; text-transform:none!important; font-weight:500; margin-top:0px}
.content-left {width:46%; float:left}
.content-right {width:48%; float:right}
.content-full {width:100%; clear:both;}
.content-left p{font-size:24px; line-height:30px}
.lead {color:#636363; font-size:24px; }
.sub-head {color:#a2422f; font-family: "futura-pt",sans-serif; font-size:16px}
.content-right strong {color:#a2422f; font-family: "futura-pt",sans-serif; font-size:16px}

#footer p{font-size:10px; text-align:center; font-family: "futura-pt",sans-serif; padding:0; margin:0}



.divider { height: 196px; }
.divider-half { height: 45px; }
.panel { border-width: 0; }
.page {background:white; padding:30px 60px; position:relative; z-index:99}
.banner {overflow:hidden; height:auto; max-height:311px; display:block}
.banner p {padding:0!important; margin:0}
#section1 {height:196px}
section { min-height: 390px; height: auto !important; height: 100%; padding-top:0px; }

#map-canvas { width: 100%; height: 300px; margin: 0; padding: 15px; }
.scroll-top { position: fixed; bottom: 0; right: 6%; z-index: 100; background: transparent; font-size: 24px; border-top-left-radius: 3px; border-top-right-radius: 3px; }
.scroll-top a:link, .scroll-top a:visited { color: #fff; }
.bg-home { background: #f9f9f7; padding-top: 0; margin-bottom:100px}
.bg-home .container { background: url(//csna.s3.amazonaws.com/images/home-img.jpg) no-repeat center center; height: 567px!important; margin-bottom:50px}
.bg-home div.hero {margin:0; padding:0; position:relative; top:276px; left:40px}
.bg-home .home-content {padding:0 100px}
.bg-2 { background: url('//csna.s3.amazonaws.com/images/about-bg.jpg') no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
.bg-3 { background: url('//csna.s3.amazonaws.com/images/membership-bg.jpg') no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
.bg-4 { background: url('//csna.s3.amazonaws.com/images/dining-bg.jpg') no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
.bg-5 { background: url('//csna.s3.amazonaws.com/images/events-bg.jpg') no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
.bg-6 { background: url('//csna.s3.amazonaws.com/images/contact-bg.jpg') no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }


.divider-1 { background: url('//csna.s3.amazonaws.com/images/Lobby2.jpg') no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
.divider-2 { background: url('//csna.s3.amazonaws.com/images/WildcatterBar.jpg') no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
.divider-3 { background: url('//csna.s3.amazonaws.com/images/CocktailLounge.jpg') no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
.divider-4 { background: url('//csna.s3.amazonaws.com/images/WineRoom.jpg') no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
.divider-5 { background: url('//csna.s3.amazonaws.com/images/PermianRoom.jpg') no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }

.navbar {margin-bottom:0}
.drop { margin: 90px auto 0; float:none; font-family: "futura-pt",sans-serif; font-weight:500; font-size:14px}
/* customize nav style */
.nav .open > a {background:transparent; color:#a2422f!important;}
.nav a:hover { }
.nav li.mid { text-align: center; padding:0 20px; height:30px }
.drop li.logo a{position:relative; text-decoration: none; display: block; height: 117px; width: 233px; top:-65px; text-indent: -5000px; text-align: center; padding: 0; margin: 0; background: url(/assets/fwpetroleumclub/media/logo.png) no-repeat center center transparent }

.drop li, .drop li a { line-height: 30px; }
.drop li { margin: 0 1px }
.drop li:hover, .drop li a:hover{background:transparent!important}
.drop li.logo:hover a{ background: url(/assets/fwpetroleumclub/media/logo.png)!important}
.drop>li>a {padding:0px 12px}
.sub-nav ul {line-height:20px; }
.sub-nav ul li {display:inline-block; *display:inline; zoom:1; margin:0 10px}
.sub-nav ul a{line-height:20px; font-size:14px;  font-family: "futura-pt",sans-serif; font-weight:500;}

.navbar .drop {  display: inline-block;  float: none;}
.navbar .nav {  text-align: center;}
.drop .current, .drop .current a.haschildren.childselected {font-weight:bold; color:#a2422f}
ul.drop { padding: 0px; display: block;  position:relative; z-index:999}
ul.drop a {text-transform:uppercase}
ul.drop li ul { }
ul.drop li { list-style: none; position: relative; top: 1px; display: inline-block; *display:inline; zoom: 1;  }
ul.drop li a { float: none; display: block; text-decoration: none;   }
ul.drop li a:hover { color:#b07304}

ul.drop .last { border-right: none; }
ul.drop .last a { padding: 8px; }
ul.drop .mobile-login {display:none}

/* Submenu */
ul.drop li li { margin-left: 0px; text-align: left; border-right:0; margin:0; line-height:20px;}
ul.drop li li a { padding: 4px 8px ; font-size:14px; line-height:20px; display:block }
ul.drop li > ul { display: none; position: absolute; left: 0px; top: 100%; padding: 0px;  margin: 0px; background-color: #fff; border-top: none; line-height:30px; text-align:left}
ul.drop li:hover > ul { display: block; }
ul.drop li ul li, ul.drop li ul li a { float: none; text-transform: none; text-decoration: none; background-image: none; width:100%; }
ul.drop li ul li { _display: inline; }

/* Sub submenu */
ul.drop li ul li a { display: block;  }
ul.drop li ul li a:hover { color:#b07304;  }
ul.drop li ul li ul { top: 0px; left: 101%; }




.slicknav_menu { display: none; }
.slicknav_btn { position: relative; display: block; vertical-align: middle; float: right; padding: 0.438em 0.625em 0.438em 0.625em; line-height: 1.125em; cursor: pointer; }
.slicknav_menu .slicknav_menutxt { display: block; line-height: 1.188em; float: left; }
.slicknav_menu .slicknav_icon { float: left; margin: 0.188em 0 0 0.438em; }
.slicknav_menu .slicknav_no-text { margin: 0 }
.slicknav_menu .slicknav_icon-bar { display: block; width: 1.125em; height: 0.125em; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); }
.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar { margin-top: 0.188em }
.slicknav_nav { clear: both }
.slicknav_nav ul, .slicknav_nav li { display: block }
.slicknav_nav .slicknav_arrow { font-size: 0.8em; margin: 0 0 0 0.4em; }
.slicknav_nav .slicknav_item { display: block; cursor: pointer; }
.slicknav_nav a { display: block; font-family: "futura-pt",sans-serif; font-weight:500; font-size:14px}
.slicknav_nav .slicknav_item a { display: inline }
.slicknav_menu:before, .slicknav_menu:after { content: " "; display: table; }
.slicknav_menu:after { clear: both }
/* IE6/7 support */ 
.slicknav_menu { *zoom: 1}
/*    User Default Style 
    Change the following styles to modify the appearance of the menu.
*/
.slicknav_menu { font-size: 16px; }
/* Button */
.slicknav_btn { margin: 5px 5px 6px; text-decoration: none; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.75); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background-color: #fff; }
/* Button Text */
.slicknav_menu .slicknav_menutxt { color: #FFF; font-weight: bold; text-shadow: 0 1px 3px #000; }
/* Button Lines */
.slicknav_menu .slicknav_icon-bar { background-color: #000; }
.slicknav_menu { background: #000 url(/assets/fwpetroleumclub/media/mobile-logo.png) no-repeat 10px 0px; padding: 5px; }
.slicknav_nav { color: #fff; margin: 0; padding: 0; font-size: 0.875em; background:#000 }
.slicknav_nav, .slicknav_nav ul { list-style: none; overflow: hidden; }
.slicknav_nav ul { padding: 0; margin: 0 0 0 20px; }
.slicknav_nav .slicknav_item { padding: 5px 10px; margin: 2px 5px; }
.slicknav_nav a { padding: 5px 10px; margin: 2px 5px; text-decoration: none; color: #fff; }
.slicknav_nav .slicknav_item a { padding: 0; margin: 0; }
.slicknav_nav .slicknav_item:hover { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; background: #efefef;  color:#a2422f !important}
.slicknav_nav .slicknav_item:hover a{ color:#a2422f !important; }
.slicknav_nav a:hover { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; background: #efefef!important;  color:#a2422f !important}
.slicknav_nav .slicknav_txtnode { margin-left: 15px; }
a.dropdown-toggle {visibility:hidden !important; display:none !important}
.slicknav_menu .dropdown-menu {
 position: relative; 
 top: 0; 
 left: 0; 
 z-index: 1000; 
 display: block; 
 float: none; 
 min-width: 160px; 
 padding: 5px 0; 
 margin: 2px 0 0; 
 list-style: none; 
 font-size: 14px; 
 background-color: transparent; 
 border: 0px solid #ccc; 
 border: 0px solid rgba(0,0,0,.15); 
 border-radius: 0px; 
 -webkit-box-shadow: 0 0px 0px rgba(0,0,0,.175); 
 box-shadow: 0 0px 0px rgba(0,0,0,.175); 
 background-clip: padding-box; 
}
.slicknav_menu .dropdown-menu>li>a {

clear: initial;
font-weight: inherit ;
line-height: inherit ;
color: #fff;
white-space: nowrap;
}
.navbar-nav .login {display:none;}
@media screen and (max-width:59.9999em) {
.js .drop { display: none; }
.js .slicknav_menu { display: block; }
.slicknav_menu .login {display:block }
  .logo{display:none }
}
@media screen and (max-width:30em) {
 #nav.affix, .navbar { display:none}
.js .drop { display: none; }
.js .slicknav_menu { display: block; }
.slicknav_menu .login {display:block }
    .logo{display:none }
}
@media (max-width: 768px) {
	header { height: 33px; }
   .content-left  {float:none; width:100%}
   .content-right {float:none; width:100%}
  .logo {display:none !important}
  .col-sm-offset-1 {margin-left: 0!important;}
  .col-sm-10 {width: 100%!important;}
}
@media (min-width: 767px) {
  .navbar-nav.nav-justified > li { float: none; }
  .masthead {height:30px;}
}
@media (max-width: 768px){
  #nav.affix, .navbar { display:none}
  .navbar-toggle .icon-bar {background:#fff}
  .navbar-nav>li>a { padding-top: 36px;   padding-bottom: 0;}
  .divider {display:none}
   .content-left  {float:none; width:100%}
  .page {padding:20px}
.bg-home .home-content {padding:0 20px}
  .bg-home h1 {margin: 0; padding: 0; position: relative; top: 276px; left: 0px; }
}
@media (max-width: 992px){
    .divider {display:none}
    #nav.affix, .navbar { display:none}
  	.nav li {font-size:12px}
    .nav li a {padding:0 8px}
	.nav li.logo a {text-decoration: none; display: block; height: 60px; width:120px; top:-25px; text-indent: -5000px; text-align: center; padding: 0; margin: 0; background: url(/assets/fwpetroleumclub/media/logo-120.png) no-repeat center center transparent }
}
@media (min-width:1200px){
  .content-left-full img{width:100%; max-width:800px}
  .content-full a img {width:100%; max-width:800px}
}
@media (max-width:1199px){
  .content-left-full img{width:100%; max-width:650px}
  .content-full a img {width:100%; max-width:650px}
}
@media (max-width:960px){
  .content-left-full img{width:100%; max-width:460px}
  .content-full a img {width:100%; max-width:460px}
  .container {padding-left:0; padding-right:0}
  .col-lg-12 {padding-left:0; padding-right:0}
}

.dropdown-menu {border:0px none transparent!important}

html[data-useragent*='MSIE 10.0'] .nav li.mid {position:relative; width:253px; }
html[data-useragent*='Trident/7.0'] .nav li.mid {position:relative; width:253px; }
html[data-useragent*='MSIE 10.0'] .drop li.logo a {position:absolute;  top:-55px }
html[data-useragent*='Trident/7.0'] .drop li.logo a {position:absolute;  top:-55px }