/*
Theme Name: Your Web Layout
Theme URI: http://yourweblayout.com/
Author: Design Services
Author URI: http://yourweblayout.com/
Description: This site was built by Design Services. If you have any questions, please contact <a href="mailto:updates@yourweblayout.com">updates@yourweblayout.com</a>
Version: 1.3.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: responsive-layout

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Your Web Layout is based on Underscores http://underscores.me/, (C) 2012-2014 Automattic, Inc.
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Bootstrap
	1.1 Adjustments

2.0	Underscores
	2.1 Elements
	2.2 Accessibility
	2.3 Alignments
	2.4 Clearings

3.0 Your Web Layout
	3.1 Typography
	3.2 Background
	3.3 Header
	3.4 Navigation
	3.5 Content
	3.6 Sidebar
	3.7 Footer
	3.8 Custom

4.0 Media Queries
	4.1 xs
	4.2 sm
	4.3 md
	4.4 lg
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.0 Bootstrap
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.1 Adjustments
--------------------------------------------------------------*/
/* If they insist, disable responsiveness thusly
 * @link http://getbootstrap.com/getting-started/#disable-responsive
 *
 * 1. Replace all col classes (col-lg, col-md, col-sm) with col-xs
 * 2. Remove all navbar collapsing and expanding behavior
 * 3. Uncomment css below to override container width
 */

/*
.container {
	width: 970px !important;
}
@media (min-width: 768px) {
	.container {
		width: 970px;
	}
}
@media (min-width: 992px) {
	.container {
		width: 970px;
	}
}
@media (min-width: 1200px) {
	.container {
		width: 970px;
	}
}
*/

/*--------------------------------------------------------------
2.0	Underscores
--------------------------------------------------------------*/

/*--------------------------------------------------------------
2.1 Elements
--------------------------------------------------------------*/
img {
	height: auto; /* Make sure images are scaled correctly */
	max-width: 100%; /* Adhere to container width */
}

/* Make sure elements fit their containers */
embed,
iframe,
object,
.wp-caption,
.widget select {
	max-width: 100%;
}

/* Required by WordPress theme check */
.sticky,
.bypostauthor,
.gallery-caption,
.wp-caption-text {
}

/*--------------------------------------------------------------
2.2 Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar */
}

/*--------------------------------------------------------------
2.3 Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}
.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto;
}

/*--------------------------------------------------------------
2.4 Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: '';
	display: table;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
3.0 Your Web Layout
--------------------------------------------------------------*/

/*--------------------------------------------------------------
3.1 Typography
--------------------------------------------------------------*/
body {
	font-family: 'Montserrat', sans-serif;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	text-rendering: optimizeLegibility;
}
h1, 
.h1, 
h2, 
.h2 {
	color: #fff;
	font-family: 'Fjalla One', sans-serif;
	font-size: 60px;
	margin-bottom: 20px;
	margin-top: 50px;
}
h3, 
.h3 {
	color: #fff;
	font-family: 'Fjalla One', sans-serif;
	font-size: 48px;
}
h4, 
.h4 {
	color: #fff;
	font-family: 'Fjalla One', sans-serif;
	font-size: 38px;
} 
h5, 
.h5 {
	color: #fff;
	font-family: 'Fjalla One', sans-serif;
	font-size: 22px;
}
.entry-content li,
p {
	color: #fff;
}
a {
	color: #e837f3;
}
a:hover,
a:focus {
	color: #e837f3;
}
hr {
	border-color: #e837f3;
	border-width: 2px 0 0;
}

/*--------------------------------------------------------------
3.2 Background
--------------------------------------------------------------*/
body {
	background: #000;
}
.site-header {
	background: #000;
}
#site-navigation {
	background: #000;
}
.site-content > .container {
	background: transparent;
}
.site-footer {
	background: #000;
	padding-top: 100px;
}

/*--------------------------------------------------------------
3.3 Header
--------------------------------------------------------------*/
.logo {

}
.header-contact {
	
}

/* sm */
@media (min-width: 768px) {

}

/* md */
@media (min-width: 992px) {

}

/* lg */
@media (min-width: 1200px) {

}

/*--------------------------------------------------------------
3.4 Navigation
--------------------------------------------------------------*/
/* Primary nav */
.navbar {
	border: none;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
}
.navbar-default {
	margin-bottom: 0;
}
.navbar-default .navbar-nav {
	margin-left: -15px;
}
.navbar-default .navbar-nav > li > a {
    color: #fff;
	font-size: 16px;
    padding: 15px 15px;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
	background: transparent;
	color: #e837f3;
}
.site-header .caret {
	display: none;
}

/* Dropdown Menu */
.dropdown-menu {
	background-color: #1d3f59;
	border: 0 none;
	border-radius: 0;
	font-size: 18px;
}
.dropdown-menu > li > a,
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
	color: #fff;
	font-size: 18px;
}
.dropdown-menu > .active > a, 
.dropdown-menu > .active > a:hover, 
.dropdown-menu > .active > a:focus,
.dropdown-menu > li > a:hover, 
.dropdown-menu > li > a:focus,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, 
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    background: #a31d1c;
    color: #fff;
	text-decoration: none;
}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
    background: #a31d1c;
    color: #fff;
	text-decoration: none;
}
.navbar-default .navbar-nav > .open > a, 
.navbar-default .navbar-nav > .open > a:hover, 
.navbar-default .navbar-nav > .open > a:focus {
    background: #a31d1c;
    color: #fff;
}

/* sm */
@media (min-width: 768px) {
	.navbar .navbar-collapse {
		text-align: center;
	}
	.navbar-default .navbar-nav > li > a {
		font-size: 10px;
		padding: 15px 18px;
	}

}

/* md */
@media (min-width: 992px) {
	.navbar-default .navbar-nav > li > a {
		font-size: 16px;
		padding: 15px 16px;
	}
}

/* lg */
@media (min-width: 1200px) {
	.navbar-default .navbar-nav > li > a {
		font-size: 16px;
		padding: 15px 32px;
	}

}

/*Hamburger Menu*/
.navbar-default .navbar-toggle {
	border-color: #e837f3;
}
.navbar-default .navbar-toggle .icon-bar {
	background-color: #e837f3;
}
.navbar-default .navbar-toggle:hover, 
.navbar-default .navbar-toggle:focus {
  background-color: #000;
}
.navbar-default .navbar-collapse, 
.navbar-default .navbar-form {
	border-color: #e837f3;
}

/*--------------------------------------------------------------
3.5 Content
--------------------------------------------------------------*/
.entry-header {

}
.entry-content {
	padding-bottom: 20px;
}
.entry-footer {

}
.home .entry-title {
	display: none;
}
.entry-title {
	text-align: center;
}

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

/*--------------------------------------------------------------
3.7 Footer
--------------------------------------------------------------*/
.attribution {
	margin-bottom: 50px;
}
.attribution a,
.attribution p {
	color: #525252;
	font-size: 12px;
}
.footer-text {
	margin: 10px 0;
}

.footer-address,
.footer-social {
	margin-top: 20px;
}

.footer-address h5 {
	margin-bottom: -5px;
}

/* Secondary Nav */
#secondary-nav .nav > li > a {
	color: #fff;
	font-size: 18px;
	padding: 10px 15px;
}
#secondary-nav .nav-pills > li.active > a, 
#secondary-nav .nav-pills > li.active > a:hover, 
#secondary-nav .nav-pills > li.active > a:focus,
#secondary-nav .nav > li > a:hover, 
#secondary-nav .nav > li > a:focus {
	background-color: transparent;
	color: #f67522;
	text-decoration: none;
}

/* sm */
@media (min-width: 768px) {

}

/* md */
@media (min-width: 992px) {

}

/* lg */
@media (min-width: 1200px) {

}

/*--------------------------------------------------------------
3.8 Custom
--------------------------------------------------------------*/
.search-submit {
	font-family: FontAwesome;
}

.leaderboard-image {
	text-align: center;
}

.leaderboard-image img {
	margin-top: 30px;
}

.drinks {
	color: #fff;
	font-size: 16px;
}

.white {
	color: #fff;
}

a.post-edit-link {
    display: none;
}

.page-id-11 .bold-pink {
	margin-bottom: 0px;
}

.page-id-11 .pink {
	margin-top: 0px;
	text-align: center;
}

.mb-15 {
	margin-bottom: 15px;
}

.mt-10 {
	margin-top: 10px;
}

.mt-15 {
	margin-top: 15px;
}

.mt-30 {
	margin-top: 30px;
}

.mt-40 {
	margin-top: 40px;
}

.toucan {
	background: url(images/Pink-dev.png) repeat center center;
	min-height: 18px;
}

.pink {
	color: #e837f3;
	font-family: 'Montserrat', sans-serif;
	font-size: 22px;
	margin-bottom: 20px;
	margin-top: 20px;
}

.bold-pink {
	color: #e837f3;
	font-family: 'Montserrat', sans-serif;
	font-size: 32px;
	font-weight: 700;
	margin-bottom: 20px;
	margin-top: 20px;
	text-align: center;
}

.flyer {
	text-align: center;
}

.playgirls,
.mayday {
	text-align: center;
}

/* Shrinks Text for Playgirls flyer title on Weekly Events page */
.tr-playgirls .pink {
	font-size: 18px;
}


/* Home Page Styles */
.welcome-text {
	color: #fff;
	font-size: 20px;
	margin-bottom: 30px;
	text-align: center;
}

.hours {
	text-align: center;
}

.instagram {
	margin-bottom: 50px;
	padding-bottom: 50px;
	padding-top: 20px;
}

.featured-events {
	padding-bottom: 50px;
	padding-top: 20px;
	position: relative;
}

.secondary-nav {
	padding-bottom: 50px;
	padding-top: 20px;
	position: relative;
}


.secondary-nav h3 {
	margin-bottom: 0px;
}

.secondary-nav h4 {
	font-weight: 400;
	margin-top: 0px;
}


.hours .pink {
	margin-bottom: 0px;
	margin-top: 0px;
}


/* Adds border on hover for 3 Images on homepage */
img.alignnone.size-full.wp-image-39:hover,
img.alignnone.size-full.wp-image-240:hover,
img.alignnone.size-full.wp-image-41:hover {
	border: 5px solid #cd45b5;
}

/* Stlyes Phone number link on Contact Page */
.phone-link a {
	color: #fff;
}

/* Sparkles Styling on Home Page */
.sparkle-one {
	left: -10%;
	position: absolute;
	top: 0%;
	z-index: -1;
}

.sparkle-two {
	bottom: 7%;
    position: absolute;
	right: 0%;
	z-index: -1;
}

.sparkle-three {
	bottom: 0%;
    position: absolute;
	right: 5%;
	z-index: -1;
}

.sparkle-four {
	bottom: -1%;
	left: 11%;
	position: absolute;
	z-index: -1;
}

.sparkle-five {
	left: -8%;
	position: absolute;
	top: 85%;
	z-index: -1;
}

.sparkle-six {
	position: absolute;
    right: 4%;
    top: -11%;
    z-index: 1;
}

.sparkle-seven {
	left: 22%;
	position: absolute;
	bottom: -7%;
}

.secondary-nav h3 {
	font-size: 36px;
}
	
.secondary-nav h4 {
	font-size: 28px;
}

/* Styles Follow Instagram Button on Home Page */
#sb_instagram .sbi_follow_btn a {
    background-color: transparent;
    border: 2px solid #e837f3;
	border-radius: 30px; 
    color: #fff;
	text-transform: uppercase;
}

#sb_instagram .sbi_follow_btn a:hover {
    outline: 0;
    box-shadow: inset 0 0 10px 20px #e837f3;
}




#sb_instagram .sbi_follow_btn a:focus, 
#sb_instagram .sbi_follow_btn a:hover {
    background-color: #e837f3;
	border-color: #e837f3;
	color: #fff;
}

/* Styles Load More Instagram Button on Home Page */
#sb_instagram #sbi_load .sbi_load_btn {
	background: transparent;
	border: 2px solid #fff;
	border-radius: 30px;
    display: inline-block;
    color: #fff;
    font-size: 13px;
	padding: 7px 14px;
	text-transform: uppercase;

}



/* sm */
@media (min-width: 768px) {
	.secondary-nav h3 {
		font-size: 26px;
	}
	.secondary-nav h4 {
		font-size: 16px;
	}

}

/* md */
@media (min-width: 992px) {
	.secondary-nav h3 {
		font-size: 26px;
	}
	.secondary-nav h4 {
		font-size: 20px;
	}
	.welcome-text {
		text-align: left;
	}
	.flyer {
		text-align: left;
	}
	.hours {
		text-align: left;
	}

}

/* lg */
@media (min-width: 1200px) {
	.secondary-nav h3 {
		font-size: 44px;
	}
	.secondary-nav h4 {
		font-size: 26px;
	}

}


/* Ninja Forms Styles */
span#nf-form-title-1 {
    display: none;
}

.nf-field-label {
    color: #fff;
}

.nf-before-form-content {
    color: #e837f3;
}

.nf-field-description {
    color: #e837f3;
}

.nf-field-description p {
	color: #e837f3;
}


/*Form Button Style*/
#nf-field-4 {
	background: transparent;
	border: 2px solid #e837f3;
	border-radius: 30px;
	color: #fff;
	padding: 4px 16px;
}
#nf-field-4:hover,
#nf-field-4:active {
	background: #e837f3;
}

/* Button Styles */
.btn-success {
	background-color: transparent;
	border: 2px solid #e837f3;
	color: #fff;
}
.btn-success:hover, 
.btn-success:focus, 
.btn-success:active, 
.btn-success.active, 
.open .dropdown-toggle.btn-success {
	background-color: #e837f3;
	border-color: #e837f3;
	color: #fff;
}
.btn-lg, 
.btn-group-lg > .btn {
	border-radius: 30px;
	font-family: 'Montserrat', sans-serif; 
	font-size: 18px;
	line-height: 1.33;
	padding: 4px 6px;
}

/* Collapse Styles */
h4.panel-title {
	color: #889682;
	font-size: 20px;
}
.panel-default > .panel-heading {
	background-color: transparent;
	border-color: #373329;
	color: #373329;
}
.panel-default > .panel-heading + .panel-collapse .panel-body {
	border-top-color: transparent;
}
.panel {
	background-color: transparent;
	border: 1px solid #373329;
	border-radius: 4px;
	box-shadow: 0;
	margin-bottom: 20px;
}

/* Blog  Styles */
.single .entry-title,
.blog .entry-title {
	font-size: 45px;
}
.widget-area {
	margin-top: 30px;
}
.widget-title {
	background: #889682;
	color: #fff;
	font-size: 22px;
	margin-top: 0;
	padding: 10px 20px;
	text-align: center;
	text-decoration: none;
	text-shadow: 0 1px 0.98px rgba(0, 0, 0, 0.39); 
}
#recent-posts-2 > ul,
#archives-2 ul {
	list-style: outside none none;
}
#recent-posts-2 a,
#archives-2 a {
	color: #69624f;
}
.blog .wp-post-image {
	float: left;
	margin-right: 20px;
	width: 30%;
}
.single .wp-post-image {
	display: none;
}
.wp-post-image img {
	border: 1px solid #69624f;
}

/* sm */
@media (min-width: 768px) {

}

/* md */
@media (min-width: 992px) {

}

/* lg */
@media (min-width: 1200px) {

}

/* Sticky footer * @link http://mystrd.at/modern-clean-css-sticky-footer/ */

/* md */
@media (min-width: 992px) {
	html {
    	position: relative;
    	min-height: 100%;
	}
	body {
    	margin: 0 0 200px; /* = .site-footer height */
	}
	.site-footer {
    	position: absolute;
    	left: 0;
    	bottom: 0;
    	width: 100%;
    	height: 200px; /* = body margin-bottom */
	}
}