/*
Theme Name: Chicago Outfit Theme
Author: Rey Serantes
Author URI: http://reynaldoserantes.com/
Description: Chicago Outfit Roller Derby Custom Theme.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: bootstrap-to-wp

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.
*/

body {
  padding-top: 50px;
  padding-bottom: 30px;
/*   background: #000 url('images/broken_noise.png') repeat; */
background: url('images/dark_stripes.png') repeat;
}

.logged-in .navbar-fixed-top {
	margin-top: 30px;
}

div#page-header-banner {
	max-height: 200px;
	overflow: hidden;
	background-size: cover !important;
/* 	max-width: 100%; */
	margin-top: 180px;
	margin-bottom: 40px;
}

@media (min-width:768px) {
	.sub-menu {
		display: none;
		position: absolute;
		background: #222;
		padding: 10px 15px;
		width: 200px;		
	}

	li:hover .sub-menu {
		display: block;
	}

}

.sub-menu li {
	margin-bottom: 10px;
	list-style: none;
}

.sub-menu li:last-child {
	margin-bottom: 0;
}

.sub-menu a  {
	color: #999;
	text-decoration: none;
}

.sub-menu a:hover  {
	color: #fff;	
}	

.current-menu-item > a, .current-menu-parent > a {
	background: #000;	
}
.current-menu-parent li a {
	background: inherit;
}
.current-menu-parent .current-menu-item a {
	color: #fff;
	font-weight: bold;
}

.sidebar {
	margin-top: 40px;
}

.widget {
	margin: 10px 0 30px;
}

.widget h4 {
	color: #888;
}

.portfolio-piece {
	margin-bottom: 20px;
}

.featured-image img,
.portfolio-piece img {
	max-width: 100%;
}

.prev-next {
	font-size: 24px;
	margin-top: 30px;
	text-align: right;
}

.outfit-link{
	color: #ffdd00;
}

a.outfit-link:hover{
color: #fff;
text-decoration: none;
}

@media (max-width: 530px) {
	.prev-next {
		margin-top: 35px;
		font-size: 18px;
	} 
}

li.current-page-ancestor > a,
li.current_page_parent > a
 {
	border-bottom: 5px solid #ffdd00;
	color: #ffffff !important; 
}
ul#main-menu-1.footer-menu > li.current-page-ancestor{
	color:#ffdd00 !important;
}

/*
 * Off Canvas
 * --------------------------------------------------
 */
@media screen and (max-width: 767px) {
  .row-offcanvas {
    position: relative;
    -webkit-transition: all .25s ease-out;
       -moz-transition: all .25s ease-out;
            transition: all .25s ease-out;
  }

  .row-offcanvas-right {
    right: 0;
  }

  .row-offcanvas-left {
    left: 0;
  }

  .row-offcanvas-right
  .sidebar-offcanvas {
    right: -50%; /* 6 columns */
  }

  .row-offcanvas-left
  .sidebar-offcanvas {
    left: -50%; /* 6 columns */
  }

  .row-offcanvas-right.active {
    right: 50%; /* 6 columns */
  }

  .row-offcanvas-left.active {
    left: 50%; /* 6 columns */
  }

  .sidebar-offcanvas {
    position: absolute;
    top: 0;
    width: 50%; /* 6 columns */
  }
}

/* ==============================
	OVERRIDES 
================================*/
.navbar-inverse .navbar-nav>li>a{
	color: #ffffff;
}

.navbar-inverse .navbar-nav>li>a:hover{
	color: #ffdd00;	
}

li.contact-list{
	list-style: none !important;
	margin-bottom: 5px;
}

ul.contacts{
	padding-left: 0px !important;
}

.navbar, .navbar-header, .navbar-brand{
	min-height: 234px !important;
}

.navbar-inverse{
	background: #000 !important;
}

ul#menu-main-menu{
margin: 16.5% 0% 0% 0% !important;
}

ul#menu-main-menu>li{
	text-transform: uppercase;
}

li.current-menu-item:focus{
	color: #ffffff; 
}

.navbar-toggle{
	margin-top: 180px !important;
}

a{
	text-decoration: none;
	color: #000;
}

/*
a:hover{
	border-bottom: 5px solid #ffdd00;
	text-decoration: none;
	color: #ffdd00;
	background: #000;
}
*/


#content{
	background: #fff !important;
	position: relative;
	top: 0;
	left: 0;
	right: 0;
}
/* ==============================
	Layout 
================================*/

.pad-left{
	padding-left: 40px;
}

.pad-bottom{
	padding-bottom: 40px;
}

div.page-header-title{
	position: absolute;
	top: 123px;
	padding-left: 40px;
	color: #fff;
	text-shadow:1px 2px 5px #000;
}

h1.page-title{
	position: relative;
	top: 0;
	font-size: 65px !important;
	text-transform: uppercase; 
}


div.page-header-title.family{
	top: 123px;	
}
div.page-header-title.skaters{
	top: 123px;	
}
div.page-header-title.officials{
	top: 123px;
}
div.page-header-title.nsos{
	top: 123px;
}
div.page-header-title.coaches{
	top: 123px;	
}

div.skater-title-block, div.officials-title-block, div.nsos-title-block, div.coaches-title-block{
position:relative;
top: -140px;
left: auto;
}


div.skater-panel, div.officials-panel, div.nsos-panel, div.coaches-panel{
	border-radius: 10px;
	background: transparent;
}

div.skater-panel:hover, div.officials-panel:hover, div.nsos-panel:hover, div.coaches-panel:hover{
	border-radius: 10px;
	background: #ffdd00;
}

.skater-number, .skater-name, .officials-name, .coaches-name, .nsos-name{
	color: white;
	
/* 	visibility: hidden; */
}

/*
.skater-title-block, .officials-title-block, .nsos-title-block, .coaches-title-block{
	opacity: 0;
}

.skater-title-block:hover, .officials-title-block:hover, .nsos-title-block:hover, .coaches-title-block:hover {
	opacity: 1;

}
*/

img.skaters, img.nsos, img.coaches, img.officials{
	border-radius: 10px;
	box-shadow: 0px 10px 5px -20px rgba(0,0,0,0.3);
	max-height: 220px;
	margin-bottom: 20px;
	position: relative;
	z-index: 0;
}


img.skaters-single, img.nsos-single, img.coaches-single, img.officials-single{
	border-radius: 10px;
	box-shadow: 0px 10px 5px -20px rgba(0,0,0,0.3);
}

span.single-skater-pad{
	margin-right: 10px;
	}

.sk-num.badge{
	background: #ffdd00;
	font-weight: bold;
	font-size: 1.3em;
	color: #fff;
	text-shadow: 1px 1px 2px #000, 1px 2px 0px #ffdd00;
}
.sk-name{
	font-weight: bold;
	font-size: 1.2em;
	text-transform: uppercase;
}	


/*
div#page-header-banner{
/* 	width: 100%; */
	min-height: 250px;
}
*/

div#wrapper{
	background: #000 url('images/dark_stripes.png') repeat;
}

div#footer-wrapper{
	border-top: 3px solid #ffdd00 !important;
}

div.col-xs-12.social-footer{
	display: none;
	}

/*
.family-wrapper{
	width: 50%;
}
*/

#footer.container{
	position: relative;
	padding: 20px 0px 0px 0px;
	color: #fff;
}

ul.footer-menu > li > a{
	color: #fff;
	font-size: x-small;
	padding-top: 0px;
	text-transform: uppercase;
	border: none !important;
	padding-right: 5px !important;
	font-weight: normal;
}


ul.footer-menu > li.current_page_item > a{
	color: #ffdd00;
	font-weight: bold;
}

ul.footer-menu > li > a:hover{
	background: transparent;
}

span.copyright{
	font-weight: bold;
}

a.logo{
	padding: 0px !important;
}

#main-menu{
	box-shadow: 1px -3px 20px 5px rgba(256, 256, 256, 0.3);
	border-bottom: 1px solid #ffdd00;
}

.current-menu-item > a, .current-menu-parent > a{
	border-bottom: 5px solid #000;
	background: transparent;
}

.menu-item > a{
	   color: #000;
	   width: 100%;
    position: relative;
    border-bottom: 5px solid black;
}

.menu-item > a:after{
	color: white !important;
	 content: "";
    display: block;
/*     height: 10px; */
    left: 0;
    position: absolute;
    transition: all 0.2s ease-in 0.1s;
    -webkit-transition: all 0.2s ease-in 0.5s;
    -moz-transition: all 0.2s ease-in 0.1s;
    width: 0;
    font-weight: bold;
/*     border-bottom: 5px solid #000; */
}

.menu-item > a:hover{
	color: #ffdd00;
	border-bottom: 5px solid #ffdd00;
	transition: all 0.3s ease-out 0.1s;
    -webkit-transition: all 0.3s ease-out 0.1s;
    -moz-transition: all 0.3s ease-out 0.1s;
    width: 100%;
}

.menu-item > a:hover::after{
	width: 100%;
}

.current-menu-item > a, .current-menu-parent > a::after {
/*     background-color: #ffdd00; */
/*     bottom: -10px; */
    content: "";
    display: block;
/*     height: 10px; */
    left: 0;
    position: absolute;
    transition: all 0.2s ease-in 0.1s;
    width: 0;
    font-weight: bold;
    color: #000000;
    border-bottom: 5px solid #000;
}

.current-menu-item > a, .current-menu-parent > a:hover{
	color: #ffdd00;
	border-bottom: 5px solid #ffdd00;
/*
	-webkit-animation-name: pulsate;
    -webkit-animation-duration: 10s;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
	-moz-animation-name: pulsate;
    -moz-animation-duration: 10s;
    -moz-animation-timing-function: ease-in-out;
    -moz-animation-iteration-count: infinite;
*/
}

.current-menu-item > a, .current-menu-parent > a:hover::after{
	width: 100%;
}

div#footer > footer > div.col-md-6 > ul.footer-menu > li.current_page_parent > a{
	font-weight: bold;
	color: #ffdd00 !important;	
}


@-webkit-keyframes pulsate {
    0%  { border-bottom: 5px solid #ffdd00;}
    10% { border-bottom: 5px solid red;}
    20% { border-bottom: 5px solid #ffdd00; }
    30% { border-bottom: 5px solid purple; }
    40% { border-bottom: 5px solid #ffdd00; } 
    50% { border-bottom: 5px solid yellow;}
    60% { border-bottom: 5px solid #ffdd00;}
    70% { border-bottom: 5px solid teal}
    80% { border-bottom: 5px solid #ffdd00;}
    90% { border-bottom: 5px solid green}
    100% { border-bottom: 5px solid #ffdd00;}
 }
 
 
 @-moz-keyframes pulsate {
    0%  { border-bottom: 5px solid #ffdd00;}
    10% { border-bottom: 5px solid red;}
    20% { border-bottom: 5px solid #ffdd00; }
    30% { border-bottom: 5px solid purple; }
    40% { border-bottom: 5px solid #ffdd00; } 
    50% { border-bottom: 5px solid yellow;}
    60% { border-bottom: 5px solid #ffdd00;}
    70% { border-bottom: 5px solid teal}
    80% { border-bottom: 5px solid #ffdd00;}
    90% { border-bottom: 5px solid green}
    100% { border-bottom: 5px solid #ffdd00;}
 }


/* ==========================================
			Admin Panel Style 
============================================ */

form#loginform{
	border-radius: 20px !important;
}



/* ==========================================
			CUSTOM POST TYPES BEGIN 
============================================ */

/* schedule */
.home-team, .away-team, .versus{
	font-variant: small-caps;
	text-transform: lowercase;
	font-weight: bold;
	margin-top: 0px;
	text-align: left;
	display: inline-block;
	clear: both;
}

.kill-left{
	padding-left: 0px !important;
	float: left;
	clear: both;
}


div.map-float{
	float: left;
	margin-bottom: 20px;
}


.bout-title{
	text-transform: uppercase;
	border-bottom: 1px solid #000;
}

/* =========================
	 HOME PAGE JUMBOTRON 
========================  */

li.social-icons{
	list-style: none;
	float: left;
	margin-right: 10px;
}

/*
li.social-icons a > img:hover{
	box-shadow: 0px 2px 4px #ffdd00;
}
*/

#social-icons{
		margin-top: 16.5% !important;
}

div.jumbotron{
	height: 200px;
	margin-top: 180px;
}

div.col-md-12.header-column.welcome-page{
	max-height: 400px;
	overflow: hidden;
}

/* HOME PAGE RECENT POSTS */


#homepage-recent-posts{
	background-color: #999;
	border-radius: 4px;
	padding: 10px;
	padding-bottom: 0px;
	box-shadow: 1px -3px 20px 5px rgba(256, 256, 256, 0.3);
}

/* =========================
	SCOREBOARD 
=========================	*/

/*
div.scoreboard-panel{
	background: rgba(0, 0, 0, 0.2);
}
*/

div#content.container.scoreboards{
	background: rgba(256,256,256, 0.4) !important;
}


/* =========================
	HOME PAGE SCOREBOARD 
=========================	*/
div#feature-block{
/* 	background: #000 url('images/dark_stripes.png') repeat */
}

div.container.zoomInDown#feature-block{
	background: #000 url('images/dark_stripes.png') repeat	
}

div#widget-row{
	padding: 10px 0px;
}

a#scoreboard-title{
	display: block;
	color: #ffdd00;
	border-left: 10px solid #ffdd00;
	padding-left: 10px; 
	padding-top: 5px;
	padding-bottom: 10px;
	margin-top: -20px;
	background: #000;
	text-shadow: 1px 1px 0px #000;
	font-variant: small-caps;
	  background: #000 url('images/dark_stripes.png') repeat;
}

#homepage-scoreboard{
	background-color: #999;
	border-radius: 4px;
	padding: 10px;
	box-shadow: 1px -3px 20px 5px rgba(256, 256, 256, 0.3);
/* 	margin: 10px 0px; */
opacity: auto;
	-webkit-animation-name: boutFade;
	-webkit-animation-duration: 1s;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: 1;
	-moz-animation-name: boutFade;
	-moz-animation-duration: 1s;
	-moz-animation-timing-function: ease-in-out;
	-moz-animation-iteration-count: 1;
}

h4.home-scoreboard-title{
	text-transform: uppercase;
	color: #ffdd00;
	text-shadow: 2px 1px 0px black, 2px 2px 0px #5f5b5b;
}

span.home-scoreboard-location{
	color: 	#fff;
}

span.spacer{
	color: #fff;
}

hr.widget-spacer{
	margin-bottom: 5px;
	margin-top: 5px;
	opacity: .4;
}

span.outfit-team,
span.opponent,
span.outfit-score,
span.opponent-score{
	color: #000;
	text-transform: uppercase;
}

div.widget > h3{
	color: #ffdd00;
	border-left: 10px solid #ffdd00;
	padding-left: 10px; 
	padding-top: 5px;
	padding-bottom: 10px;
	margin-top: -10px;
	background: #000;
	text-shadow: 1px 1px 0px #000;
	font-variant: small-caps;
	  background: #000 url('images/dark_stripes.png') repeat;
	  font-size: 30px;
}

div.widget > ul > li{
	list-style: none;
	font-size: 1.1em;
	background: #ffffff;
}

div.widget > ul{
	padding-left: 5px !important;
}


.carousel-indicators li{
	background: #ffdd00;
	border: none;
}

.carousel-indicators .active{
	background: #000;
}

.carousel-caption{
	left: 0;
	right: 0;
	font-size: 2.5em;
	text-transform: uppercase;
/* 	background: rgba(78, 42, 132, .5); */
	-webkit-animation-name: slideIn;
	-webkit-animation-duration: 2s;
	-webkit-animation-timing-function:linear;
	-webkit-animation-iteration-count: 1;
	-moz-animation-name: slideIn;
	-moz-animation-duration: 1s;
	-moz-animation-timing-function: linear;
	-moz-animation-iteration-count: 1;
}

div#carousel.carousel.slide{
	max-height: 400px;
	overflow: hidden;
	padding: 0px;
	margin: 0px;
	border-radius: 0px 0px 15px 15px !important;
	opacity: auto;
		-webkit-animation-name: boutFade;
	-webkit-animation-duration: 0.5s;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: 1;
	-moz-animation-name: boutFade;
	-moz-animation-duration: 0.5s;
	-moz-animation-timing-function: ease-in-out;
	-moz-animation-iteration-count: 1;
}

@-webkit-keyframes slideIn {
    0%  { font-size: .3em}
    100% { font-size: 2.5em ;}
 }
 
 
 @-moz-keyframes slideIn {
     0%  { font-size: .3em}
    100% { font-size: 2.5em;}
 }

div.home-header-image{
	margin-top: 100px;
}
div.wb-container{
box-shadow: 1px -3px 20px 5px rgba(256, 256, 256, 0.3);
/* background: #fff; */
border-left: 1px solid black;
border-right: 1px solid black;
border-radius: 0px 0px 5px 5px;
position: relative;
top: 0px !important;
bottom: 0;
/* min-height: 550px; */
/* margin: 90px auto 0px auto; */
margin: 90px auto 0px auto;
background-size: cover;
}

.no-padding{
	padding-left: 0px;
	padding-right: 0px;
	border-radius: 0px 0px 15px 15px !important;
}


.bout-date, div.page-header.blog-entry-title{
	margin: 0px 0px 20px 0px;
	border-bottom: 1px solid #ffdd00;
	padding-bottom: 10px;
	font-weight: 200;
	border-left: 10px solid #ffdd00;
	padding-left: 10px;
}

div.page-header.blog-entry-title{
	padding-bottom: 0px;
}

h2.blog-title{
	margin-bottom: 0px;
}

.dob{
	font-weight: bold;
	text-shadow: 1px 1px 0px #ffdd00;
	font-size: larger;
/* 	background: url('images/dark_stripes.png') repeat; */
	color: #000;
/* 	border-left: 10px solid #ffdd00; */
	padding-left: 5px;
	padding-right: 5px;
}

.bout{
	opacity: 1;
	-webkit-animation-name: boutFade;
	-webkit-animation-duration: 1s;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: 1;
	-moz-animation-name: boutFade;
	-moz-animation-duration: 1s;
	-moz-animation-timing-function: ease-in-out;
	-moz-animation-iteration-count: 1;
}

@-webkit-keyframes boutFade {
	0% 		{opacity: 0;}
	100% 	{opacity: 1;}
}

@-webkit-keyframes boutFade {
	0% 		{opacity: 0;}
	100% 	{opacity: 1;}
}


.header-column{
	padding: 0px;
}

img.ticket{
	padding: 10px 10px;
	}
	
a.ticket-link{
	display: block;
}	
	
/* BLOG WIDGET ON HOMEPAGE	 */

span.rpwwt-post-title{
	font-size: 1.3em;
	color: #000;
	font-weight: bold; 
}

span.rpwwt-post-title:hover{
	color: #ffdd00;
	text-decoration: none !important;
}

li.skater-blog-list-item{
/*
	background: -webkit-linear-gradient(rgba(203,117,117,0) 0%, #ffffff 100%);
	background: -moz-linear-gradient(rgba(203,117,117,0) 0%, #ffffff 100%);
*/
	background: white;
	padding-right: 20px;
	border-radius: 5px;
}

li.skater-blog-list-item:nth-child(3){
	margin-bottom: 0px !important;
}
/*
a.skater-blog-link{
	margin-top: 10px !important;
}
*/

.rpwwt-widget ul li img{
	margin: 0em 1em 0 0 !important;
}

.rpwwt-post-excerpt{
	font-size: 0.9em !important;
	font-weight: 300 !important;
	padding-right: 30px !important;
	padding-top: 10px !important;
	border-top: 1px solid black;
}
.rpwwt-post-date{
	font-size: small;
	font-weight: 500;

}

/* BOOTSTRAP OVERRIDES */


a:focus, a:hover{
	color: #ffdd00;
	text-decoration: none;
}

/* MOBILE STYLE */

@media (min-width: 320px) and (max-width: 400px){
	div#page-header-banner{
		margin-bottom: 5px !important;
		min-height: none !important;
	}
	#comment{
		width: 100% !important;	
	}
}


/* BLOG STYLES */

div.col-md-9.blog-padding{
	padding-left: 40px;
}

article.blog-entry{
	padding-right: 30px;
}