/** 
 * General Site Styles
 * @type {[type]}
 */
h1, h2,h3,h4,p                      { font-family:Cabin,Helvetica,Arial,sans-serif !important;}
p                                     { font-size:18px; }
body                                { background-color:#000; padding-top:0px; margin-top:0px; }
.section-scroll                     { height: 100% !important; min-height: 475px;}

#mobile-nav                         { background:rgba(0,0,0,.6); height:75px;}
#mobile-nav .row                    { margin-right:0px; }

.green                              { background: none repeat scroll 0% 0% #056839 !important;}
.blue                               { background: none repeat scroll 0% 0% #004375 !important;}
.red                                { background: none repeat scroll 0% 0% #9e171c !important;}
.gold                               { background: none repeat scroll 0% 0% #db9128 !important;}

.social-icons li                    { display: inline-block;}
.social-icons a                     { color: #fff;}
.social-icons a:hover               { color: #eee;}
.box-t                              { border: 20px; border-color: #fff; border-style: solid; min-height: 500px;}
.box-b                              { border: 20px; border-color: #fff; border-style: solid; min-height: 250px;}
.section-header .fa                 { font-size: 45px; padding: 0px 15px 0px 0px; font-weight: normal !important;}

#preloader                          { display:none;}

/* modal overwrites */
#myModal                            { background-color:rgba(0,0,0,.7);padding-right:0px; }
.modal-content                      { background-color:rgba(0,0,0,.7);color:#fff;margin:0px;padding:0px; }
.modal-body                         { background-color:rgba(0,0,0,.7) }
/* navigation related styles */
#mobile-nav                         { position:absolute;top:0;left:0;width:100%; }
/**
 * Home Page specific styles
 * @type {[type]}
 */
 .subpage-header { width:100%; height:200px;margin-bottom:0px; }
.hero                               { width:100%; padding-top:8%; height:70vh;position:relative;}
.herobg,.subpage-header                             { background-image:url('http://www.luckystarbar.com/images/rh-bg-four.jpg'); background-size:cover;background-position:center bottom;}
.herocontent                        { background-color:rgba(0,0,0,.6);}
.herocontent h1                     { text-align: center; font-weight:lighter;font-size:50px; text-shadow:0px 0px 10px #000; color:#fff; margin-bottom:0px;font-family:Cabin,Helvetica,Arial,sans-serif;padding-top:15px; margin-top:0px; }
.herocontent p                      { text-align: center; font-weight:bold; font-size:26px; text-shadow:0px 0px 10px #000; color:#fff; padding-bottom:15px;}
.herocontent img                  { margin-right:auto;margin-left:auto; width:400px; }
.mid-section                        { min-height:200px; background-image:url('images/retina_wood.png');background-repeat:repeat; }
#masthead                           { display:block; text-align:center; width:100%; margin:0 auto; bottom:50px; position:absolute; left:0; opacity:0.6; color:#FFF; font-size:25px; -webkit-animation:5s bounce infinite; animation:5s bounce infinite;-webkit-transform-origin: center bottom;-ms-transform-origin: center bottom;transform-origin: center bottom;transition:0.3s ease all; -moz-transition:0.3s ease all; -webkit-transition:0.3s ease all; }
.home-page #main-navbar .main-nav { background-color:rgba(0,0,0,.7); color:#fff !important; border-bottom:none; }
#main-navbar .main-nav>ul>li a { color:#fff; font-size:12px; }
.hexflex                            { padding:45px; padding-bottom:10px;background-color:transparent;}
.midsectionbg                       { background-image:url('images/rh-bg-five.jpg');background-repeat:no-repeat; background-size:cover;}

.TEAMbtncontainer                   { padding:5px; border-radius:5px; /*border:2px solid #db9128;*/ float:left; /*margin-right:1%; width:24%;*/ margin-bottom:15px;}
.TEAMbtn                            { background-color:#db9128;  color:#fff; font-weight:bold; padding:11px; border-radius:3px; /*min-height:70px; */transition:background 0.5s; -webkit-transition:background 0.5s;}
.TEAMbtn p                          { font-size:16px; padding-top:10px;padding-left:8px;text-align:center; margin-bottom:0px; padding-bottom:0px; }
.TEAMbtn img                        { margin-right:3px; }
#main-navbar .main-nav>ul>li .active, #main-navbar .main-nav>ul>li:hover                  { color:#337ab7 !important;}

.TEAMbtncontainer .btn-default      { background-color:transparent;}
.eventslider h2                     { margin-top:0px; }

.requestbeer                        { border:2px solid #056839;}
.requestbeer .TEAMbtn               { background-color:#056839;}
.hourglass                          { border:2px solid #fff; }
.hourglass .TEAMbtn                 { background-color:#fff;color:#000;}
.winningbadge                       { /*border:2px solid #1c5383;*/  border:2px solid #fff;}
.winningbadge .TEAMbtn              { /*background-color:#1c5383;*/ background-color:#fff;}
.fourthbutton                       { border:2px solid #004375; }
.fourthbutton .TEAMbtn              { background-color:#004375;}

.social-container                   { background-color: #ED1C24; border-top:1px solid #ff757d; border-bottom:1px solid #ad0000; color:#fff; padding:10px 0px; }
.social-container .row              { padding-bottom:0px; margin-bottom:0px;}
.social-container li                { margin:0px 25px; }
.social-container li i              { border:1px solid #50914f;}

.socialwidget                       { width:100%;height:50px;background-color:#fff; }
.socialwidget img                   { margin-right:auto;margin-left:auto;}

.social-second                      { background-color:#fff; color:#000; border-top:1px solid #fff; border-bottom:none; /*border-top:1px solid #26699b; border-bottom:1px solid #001d4f;*/ }
.social-second h2                   { font-size:20px;margin-top:5px; }

footer                              { /*background-image:url('/img/footerbg.png');*/ background-repeat:no-repeat; background-size:cover; background-position:center center;}
footer                              { background-color:#0F4676; border-top:1px solid #689fcf; border-bottom:1px solid #002050; text-shadow:1px 1px 0px #004213; color:#fff;} 
footer h2                             { margin-top:0px; padding-top:15px; }
.copyrights                         { color:#fff;padding-bottom:0px;margin-bottom:0px;font-size:12px; }
.btntarget .btn-default             { color:#fff !important;border:none !important; font-weight:bold;text-align:left;}

.beersign                           { padding:5px;border-width: 2px; border-radius: 7px; width:100%;max-width:951px;margin-right:auto;margin-left:auto; }
.beersign .TEAMbtn                  { /*border:solid 4px #fff; */border-radius: 5px; }

.homebtn                            { font-size:18px;  }
.container-fluid                    { padding-right:0px; padding-left:0px;}
.container-fluid .row               { margin-right:0px !important;margin-left:0px !important; }
#main-navbar .main-reorder                       { background:transparent; background-color:transparent !important }



.socialbackground                   { background-image:url('/storage/app/media/beer-bg.jpg'); background-size:cover; background-repeat:no-repeat; }
.widgetarea                         { width:100%; }
.instagramwidget                    { background-color:#fff;/*border-bottom-left-radius:5px;border-bottom-right-radius:5px;*/}
.instagramfeed                      { border-radius:3px;background-color:#fff;padding:5px;padding-top:20px; }
.fbactivity                         { width:360px;margin-right:auto;margin-left:auto;}
.pkfbmobile                         { background-color:#fff;margin-top:15px;border-bottom-left-radius:5px;border-bottom-right-radius:5px;margin-bottom:15px; }
.desktoplogo                        { margin-top:-150px;}
.mobilenavbg                        { background-color:#000;}
#mobile-nav #flyout-container, .nav>li>a:focus, .nav>li>a:hover       { background:rgb(1,9,35);}

.timeline                           { border-radius:0px !important;}

/*Change icons size here*/
.social-icons .fa                   { font-size: 1.8em;}
/*Change icons circle size and color here*/
.social-icons .fa                   { width: 50px; height: 50px; line-height: 50px; text-align: center; color: #FFF; border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;color: rgba(255, 255, 255, 0.8);font-size:25px;cursor:pointer;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out; }

.social-icons.icon-rotate .fa:hover, .social-icons.icon-rotate .fa:active { -webkit-transform: scale(1.1) rotate(360deg);-moz-transform: scale(1.1) rotate(360deg);-ms-transform: scale(1.1) rotate(360deg);-o-transform: scale(1.1) rotate(360deg);transform: scale(1.1) rotate(360deg);box-shadow: 0px 0px 5px #78dbac;}

.social-icons .fa-adn               { background-color:#504e54;}
.social-icons .fa-apple             { background-color:#aeb5c5;}
.social-icons .fa-android           { background-color:#A5C63B;}
.social-icons .fa-bitbucket,
.social-icons .fa-bitbucket-square  { background-color:#003366;}
.social-icons .fa-bitcoin,
.social-icons .fa-btc               { background-color:#F7931A;}
.social-icons .fa-css3              { background-color:#1572B7;}
.social-icons .fa-dribbble          { background-color:#F46899;}
.social-icons .fa-dropbox           { background-color:#018BD3;}
.social-icons .fa-facebook,
.social-icons .fa-facebook-square   { background-color:#3C599F;}
.social-icons .fa-flickr            { background-color:#FF0084;}
.social-icons .fa-foursquare        { background-color:#0086BE;}
.social-icons .fa-github,
.social-icons .fa-github-alt,
.social-icons .fa-github-square     { background-color:#070709;}
.social-icons .fa-google-plus,
.social-icons .fa-google-plus-square{ background-color:#CF3D2E;}
.social-icons .fa-html5             { background-color:#E54D26;}
.social-icons .fa-instagram         { background-color:#A1755C;}
.social-icons .fa-linkedin,
.social-icons .fa-linkedin-square   { background-color:#0085AE;}
.social-icons .fa-linux             { background-color:#FBC002;color:#333;}
.social-icons .fa-maxcdn            { background-color:#F6AE1C;}
.social-icons .fa-pagelines         { background-color:#241E20;color:#3984EA;}
.social-icons .fa-pinterest,
.social-icons .fa-pinterest-square  { background-color:#CC2127;}
.social-icons .fa-renren            { background-color:#025DAC;}
.social-icons .fa-skype             { background-color:#01AEF2;}
.social-icons .fa-stack-exchange    { background-color:#245590;}
.social-icons .fa-stack-overflow    { background-color:#FF7300;}
.social-icons .fa-trello            { background-color:#265A7F;}
.social-icons .fa-tumblr,
.social-icons
.fa-tumblr-square                   { background-color:#314E6C;}
.social-icons .fa-twitter,
.social-icons .fa-twitter-square    { background-color:#32CCFE;}
.social-icons .fa-vimeo-square      { background-color:#229ACC;}
.social-icons .fa-vk                { background-color:#375474;}
.social-icons .fa-weibo             { background-color:#D72B2B;}
.social-icons .fa-windows           { background-color:#12B6F3;}
.social-icons .fa-xing,
.social-icons .fa-xing-square       { background-color:#00555C;}
.social-icons .fa-youtube,
.social-icons .fa-youtube-play,
.social-icons .fa-youtube-square    { background-color:#C52F30;}

/**
 *  Styles for the leader board
 */
.text                               { display:block;width:100%;min-height:33px;}
.text span                          { display:block; float:left; background:#000; color:#fff; border-right:1px solid #595959; border-bottom:1px solid #595959; margin-bottom:1px; padding: 0 2px; width: 4.7619047619%; height: auto; min-height:33px; text-align:center; font-size:100%; font-weight:bold; line-height:228%;}
.text span:last-child               { border-right:none; }
.leaderboards                       { color:#fff; }
.lead-wrapper                       { width: 100%; /*min-height: 567px;*/ margin: 0 auto; background: #000; overflow: hidden; }
body.nav-center #main-navbar        { top:0px !important; margin-top:0px !important; }

.img-responsive                     { display: block; max-width: 100%; width: 100%; height: auto;}
/*.requestbeer .TEAMbtn:hover         { background-color:#2b8e5f;}
.hourglass .TEAMbtn:hover           { background-color:#ce841b;}
.winningbadge .TEAMbtn:hover        { background-color:#c43d42;}
.fourthbutton .TEAMbtn:hover        { background-color:#26699b;}*/
#main-nav .menu-header .reorder a, #mobile-nav .menu-header .reorder a { margin-right:0px; }
.appitems li                        { min-height:35px;}
.appitems li p                      { font-size:18px; }
.appitems li img                    { margin-right:10px;}

.pre-content h1,.pre-content h2 { content:"";}


/**
 *  Facebook widget restyle that doesnt really work
 */

#fb-root { display: none;}
/* .fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {width: 100% !important;} */
.pkfbmobile                     { /*background-image:url('/img/');*/background-position:center top; background-repeat:no-repeat; background-size:cover;}


/**
*   This is for the new rockhouse page
*/
.nopad { padding:0px; height:300px; }
.venue-info { 
     width:100%;
     height:auto;
     background-color:rgba(0,0,0,.6);
     padding-top:100px;
    min-height:300px;
    transition:background-color 500ms ease,padding-top 500ms ease,box-shadow 500ms ease;
    box-shadow:0px 0px 0px #000;
}
.venue-info h2 {
    text-align:center;
    padding:15px 0px 15px 0px;
    color:#fff;
    font-size:160%;
    transition:font-size 1s ease,background-color 500ms ease;
    background-color:rgba(0,0,0,0);
}
.venue-info:hover {
    background-color:rgba(0,0,0,.1);
    padding-top:80px;
    cursor:pointer;
    box-shadow:0px 0px 35px #fff;
}
.venue-info:hover h2 {
    font-size:220%;
    background-color:rgba(0,0,0,.7);
}
.venue-info-bg {
    background-repeat:no-repeat;
    background-size:cover;
    width:100%;
    height:auto;
    min-height:300px;
    color:#fff;
}
.venue-menu {
    background-image:url('/storage/app/media/rockhouse-menu-1.jpg');
}
.venue-merch {
    background-image:url('http://therockhousebar.com/wp-content/uploads/2011/06/80ozGuitar_Big_BW.png');
}
.venue-about {
    background-image:url('/storage/app/media/about-us-bar.jpg');
}


#content { 
     padding-top:30px;
     background-image: url(/storage/app/media/rh-bg-two.jpg);
     background-size:cover;
     background-repeat: repeat-y;
     background-color: transparent;
     color:#fff;
    
     padding-bottom:25px;
}
.fc-corner-right .fc-event-inner { padding:8px; font-size:14px;text-shadow:none; }
/**
 * Responsive media queries
 */



@media (max-width:767px) {
    .TEAMbtncontrol                 { padding-right:15px; padding-left:15px;}
    .TEAMbtncontainer               { margin-bottom:10px;  }
    .wrapper                        { max-height:500px;}
    .herocontent h1                 { font-size:50px; }
    .herocontent p                  { font-size:20px;}
    .herocontent img                { width:90%;}
    .hero                           { height:100vh;padding-top:65px !important;}
    .hexflex                        { padding:5px; }
    .social-icons .fa               { width:50px; height:50px;line-height:54px; font-size:26px;}
    .social-container               { padding:8px 0px;}
    .eventslider h2                 { font-size:16px;}
    .appitems li                    { min-height:20px;}
    .appitems li p                  { font-size:12px; line-height:18px; }
    .appitems li img                { margin-right:10px; width:20px;height:20px; }
    .modal                          { width:100%;margin:0px; }
    .modal-dialog                   { margin:0px;padding:0px; }
    .smallpad                       { padding:0px; margin:auto 0px;}
    .smartphoneicon                 { height:130px; margin-bottom:15px;}
    footer h2                       { font-size:20px;}
    footer, footer .simple-contact, .email, .mobile, .open-daily, .postal-code, .address  , footer p                        { text-align:center !important;}
    #mobile-nav                     { height:65px; background:rgba(0,0,0,.6); }
    #mobile-nav img                 { height:55px;margin-top:-10px;margin-left:5px; }
    .reorder a                      { color:#fff !important;}

    .section-intro                  {padding-top:80px;}
    #mobile-nav .menu-header .reorder   { line-height:65px; }
    #mobile-nav .menu-header        { height:65px; }
    .menu h2                        { margin:0px; }
}


@media (min-width:768px) and (max-width:991px) {
    .TEAMbtncontrol                 { padding-right:15px; padding-left:15px;}
    .TEAMbtncontainer               { margin-bottom:10px;  }
    .wrapper                        { max-height:300px;}
    .text span                      { font-size:165%; line-height:100%;}
    .homebtn                        { font-size:14px;}
    .fbactivity                        { width:345px;}
    .section-intro                  {padding-top:80px;}
    .reorder a                      { color:#fff !important;}
}

@media (min-width:992px) and (max-width:1399px) {
    .TEAMbtncontainer               { margin-bottom:10px;  }
    .homebtn                        { font-size:14px;}
    .text span                      { font-size:100%;}
    .leaderboards h2                { font-size:18px;}
    .fbactivity                     { width:290px; }
    #main-navbar .main-navbar>ul>li>a { font-size:10px; }
}

@media (min-width:992px) {

}

@media (min-width:0) and (max-width:991px) {
    .TEAMbtncontrol                 { padding-right:15px; padding-left:15px;}
    .TEAMbtncontainer               { margin-bottom:10px;  }
    .hero h1                        { font-size:24px; }
}

@media (min-width: 768px) {

}

@media (max-width:991px) {
    .TEAMbtncontrol                 { padding-right:15px; padding-left:15px;}
    .TEAMbtncontainer               { margin-bottom:10px;  }
}
/**
*   keyframes
*/
@-webkit-keyframes bounce {
  0%, 20%, 53%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
            transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
            transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
            transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
            transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
            transform: translate3d(0,-4px,0);
  }
}

@keyframes bounce {
  0%, 20%, 53%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
            transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
            transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
            transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
            transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
            transform: translate3d(0,-4px,0);
  }
}