/*
Theme Name: The Wonderland Ballroom
Theme URI: http://320press.com/wpbs
Description: The Wonderland Ballroom is based on the bootstrap framework.
Version: 3.0
Author: 320press
Author URI: http://320press.com
Tags: black, white, one-column, two-columns, flexible-width, custom-background, custom-colors, custom-menu, full-width-template, theme-options
License: GNU General Public License v2.0 & Apache License 2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html http://www.apache.org/licenses/LICENSE-2.0
*/

/* HEADS UP: Everything that you will normally find here can be found in the library/less/wp.less */

/* --------------- Custom CSS Sections ---------------- */
/* ---------------
1. General Settings (+Floating Box on Home Page)
2. Top Navigation
3. Footer
4. Menu Page
5. Shows and Events Page
6. Photos Page
7. Hours and Location Page
8. About and Contact Pages
9. Sundress Fest Page
10. Animation Classes 
--------------- */



/* --------------- General Settings ---------------- */

@import url(http://fonts.googleapis.com/css?family=Oswald:400,700);

h1, h2, h3, h4, h5, h6 {
color:#000000;
font-family: 'Oswald', sans-serif;
font-weight:400;
}

a {
color:#934016;
}

p {
color:#000000;
}

p.alert-info {
display:none;
}

p.attribution {
color:#666666;
}

hr {
border:1px solid #000;
}

#main article {
border-bottom:0;
}

.page-header {
display:none;
}

body {
padding-top:0px;
}

header {
background: rgba(255,255,255,0.3);
}

#main article footer {
min-height:0;
}

/* --------------- Floating Content Box on Home Page ---------------- */
/*
.dc-floater-content {
color:#000000;
background: rgba(255,255,255,1.0);
padding:10px 10px;
box-shadow:2px 2px 5px #000;
}

.dc-floater-content a {
color:#FF931E;
}
*/
@media (max-width: 670px) {
.dc-floater-content {display:none;}
}


/* --------------- Top Navigation ---------------- */

.navbar-brand img {
width:220px;
}

.navbar-collapse {
border-color:none;
}

.navbar-fixed-top {
border-width:0;
position:relative;
left:0;
right:0;
z-index:1030;
}

.navbar-fixed-top {
background: url('http://www.thewonderlandballroom.com/wp-content/uploads/2014/08/header-line.png') top left repeat;
height:90px;
border-top:10px solid #000000;
}

.navbar-default .navbar-nav li {
background:transparent;
padding:15px 0px 15px;
}

.navbar-default .navbar-nav li a {
color:#000000;
font-family: 'Oswald', sans-serif;
font-size:16px;
font-weight:700;
text-transform:Capitalize;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus  {
background:transparent;
color:#000;
}

.navbar-default .navbar-nav > li > a {
color:#000000;
}

.navbar-nav > li:hover {
background: rgba(255,255,255,0.5);
}

.navbar-toggle {
background:#000000;
margin-top:23px;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
background:#666;
}

.dropdown-menu {
background: rgba(255,255,255,0.7);
}

.dropdown-menu, 
.navbar-default .navbar-nav .dropdown-menu li  {
padding:0;
background: rgba(255,255,255,0.5);
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
background: rgba(255,255,255,0.5);
}

.nav > li > a  {
padding:15px 10px;
}

@media (max-width: 767px) {
.navbar-default .navbar-nav li {
background:#000;
color:#fff;
padding:0px 0px 0px;
border-bottom:1px solid #555;
}
.navbar-default .navbar-nav li a {
color:#fff;
font-size:13px;
padding:8px 20px 8px;
}
.navbar-default .navbar-nav li:hover {
background:#eee;
}
.navbar-default .navbar-nav > .active > a {
color:#ffffff;
}
.navbar-default .navbar-nav > .active > a:hover {
color:#ccc;
}
.navbar-nav {
margin:0 -15px;
}
.dropdown-menu, 
.navbar-default .navbar-nav .dropdown-menu li {
background: rgba(0,0,0,1,0);
left:100px;
}
.dropdown-menu > li > a:hover {
color:#000;
}
}

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

.navbar-fixed-bottom {
border-width:0;
background:rgba(0,0,0,0.8);
padding:8px 0 0;
}

.text-left {
background: none;
color: #fff !important;
font-size: 12px;
font-weight: 700;
float: left;
max-width: 270px;
margin: 0 0 7px 0;
}

.text-left a {
color:#ff931e;
}

.social-media {
margin: 0 auto 5px;
width: 250px;
}

ul.social-icons {
width:250px;
margin:0 auto;
}

.navbar-fixed-bottom .social-icons li {
display:inline; 
float:left;
list-style-type:none;
padding-left:10px;
opacity: 0.6;
}

.navbar-fixed-bottom .social-icons li:first-child {
display:inline; 
float:left;
list-style-type:none;
padding-left:0px;
opacity: 0.6;
}

.navbar-fixed-bottom .social-icons li:hover {
opacity: 1.0;
}

.footer-links {
display:inline;
float:right;
}

.footer-links li {
display:inline;
padding-left:10px;
font-size:13px;
}

.footer-links li a{
color:#ffffff;
font-family: 'Oswald', sans-serif;
font-size:13px;
text-transform:uppercase;
opacity:1.0;
}

.footer-links li a:hover {
opacity:0.6;
text-decoration: underline;
}

.footer-nav {
width:50%; 
margin:0 auto;
}

.footer-links {
margin:7px auto;
}

#inner-footer a {
color:#ffffff;
font-family: 'Oswald', sans-serif;
text-transform:uppercase;
}

#menu-footer-menu .menu ul {
margin-bottom:0px;
}

@media (max-width: 670px) {
.footer-links {
width:270px;
margin:7px auto;
float:left;
}
ul.social-icons {
clear:both;
}

.text-left {
background: none;
color: #fff !important;
font-size: 12px;
font-weight: 700;
float: none;
max-width: 270px;
margin: 0 auto 7px;
text-align:center;
}
.text-left a {
color:#ff931e;
}
.footer-links {
width: 270px;
margin: 5px auto;
}


}

/* --------------- Menu Page ---------------- */
body.page-id-158 #main {
background: rgba(255,255,255,0.8);
margin-bottom:60px;
}

body.page-id-158 .post_content {
background: rgba(255,255,255,0.8);
padding:30px;
margin:18px 0 3px;
}

body.page-id-158 h1, 
body.page-id-158 h2, 
body.page-id-158 h3, 
body.page-id-158 h4, 
body.page-id-158 h5, 
body.page-id-158 h6 {
font-family: 'Oswald', sans-serif;
text-transform:capitalize;
}

body.page-id-158 #main a {
color:#934016;
}

body.page-id-158 #main a:hover {
color:#456;
}

body.page-id-158 #main h3 {
padding: 8px 10px;
background:#934016;
color:#fff;
}


/* --------------- Shows and Events Page ---------------- */

body.page-id-157 #main {
background: rgba(255,255,255,1.0);
padding:30px;
margin:18px 0 30px;
}

#tribe-events-pg-template {
background: rgba(255,255,255,1.0);
color:#000000;
padding:15px;
margin-bottom:60px;
}

#tribe-events-content-wrapper {
background: rgba(255,255,255,1.0) url('http://www.thewonderlandballroom.com/wp-content/uploads/2014/08/events.jpg') top center no-repeat;
}

#tribe-events-content .tribe-events-calendar td {
background: rgba(255,255,255,1.0);
}

h2.tribe-events-page-title {
font-family: 'Oswald', sans-serif;
text-transform:capitalize;
font-size:36px;
color:#ffffff;
text-shadow: 2px 2px 2px #000;
}

li.tribe-events-nav-next a,
li.tribe-events-nav-previous a {
color:#555555;
background:#ffffff;
padding:3px;
}

.tribe-events-after-html a {
color:#ffffff;
background:#000000;
padding:10px;
border-radius:10px;
}

/* --------------- Photos Page ---------------- */

body.page-id-159 {
background: #333 url('http://www.thewonderlandballroom.com/wp-content/uploads/2014/08/wg_darkwood.jpg') top center no-repeat fixed;
}

body.page-id-159 #main {
margin-bottom:50px;
}

.slideshowlink {
text-align:center;
}

.ngg-navigation span.current {
background:#AF572B;
color:#fff;
padding:2px 8px 3px;
border:1px solid #fff;
margin: 0 3px 0 0px;
}

/* --------------- Hours and Location Page ---------------- */

body.page-id-189 #main {
background: rgba(255,255,255,0.9);
color:#000000;
padding:2px 15px 0px;
margin:0 auto 60px;
}

body.page-id-189 .post_content {
background: rgba(255,255,255,0.8);
padding:15px;
margin-top:15px;
}

.google-maps {
position: relative;
padding-bottom: 45%;
height: 0;
overflow: hidden;
}

.google-maps iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}

/* --------------- About and Contact Pages ---------------- */
body.page-id-196 #main, 
body.page-id-160 #main {
background: rgba(255,255,255,0.9);
color:#000000;
margin-bottom:60px;
}

body.page-id-196 #main article, 
body.page-id-160 #main article {
margin-bottom:0;
}

body.page-id-196 #main .post_content, 
body.page-id-160 #main .post_content {
background: rgba(255,255,255,0.8);
padding:15px;
margin-top:15px;
}

/* --------------- Sundress Fest Pages ---------------- */
body.page-id-249 #main {
background: rgba(255,255,255,0.9);
margin-bottom:60px;
}

body.page-id-249 #mainarticle {
margin-bottom:0;
}

body.page-id-249 #main .post_content {
background: rgba(255,255,255,0.8);
padding:15px;
margin-top:15px;
}


/* --------------- Animation Classes ---------------- */

.float {
  display: inline-block;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: -webkit-transform;
  transition-property: transform;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.float:hover {
  -webkit-transform: translateX(5px);
  -ms-transform: translateX(5px);
  transform: translateX(5px);
}

/* Wobble Skew */
@-webkit-keyframes wobble-skew {
  16.65% {
    -webkit-transform: skew(-12deg);
    transform: skew(-12deg);
  }

  33.3% {
    -webkit-transform: skew(10deg);
    transform: skew(10deg);
  }

  49.95% {
    -webkit-transform: skew(-6deg);
    transform: skew(-6deg);
  }

  66.6% {
    -webkit-transform: skew(4deg);
    transform: skew(4deg);
  }

  83.25% {
    -webkit-transform: skew(-2deg);
    transform: skew(-2deg);
  }

  100% {
    -webkit-transform: skew(0);
    transform: skew(0);
  }
}

@keyframes wobble-skew {
  16.65% {
    -webkit-transform: skew(-12deg);
    transform: skew(-12deg);
  }

  33.3% {
    -webkit-transform: skew(10deg);
    transform: skew(10deg);
  }

  49.95% {
    -webkit-transform: skew(-6deg);
    transform: skew(-6deg);
  }

  66.6% {
    -webkit-transform: skew(4deg);
    transform: skew(4deg);
  }

  83.25% {
    -webkit-transform: skew(-2deg);
    transform: skew(-2deg);
  }

  100% {
    -webkit-transform: skew(0);
    transform: skew(0);
  }
}

.wobble-skew {
  display: inline-block;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.wobble-skew:hover, .wobble-skew:focus, .wobble-skew:active {
  -webkit-animation-name: wobble-skew;
  animation-name: wobble-skew;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/* --------------- Sidebar ---------------- */

#sidebar1 {
background: rgba(255,255,255,1.0);
color:#000000;
margin-bottom:60px;
padding: 0px 15px;
}