html,body
{
  height: 100%;
}

body {
	  background: url(../images/bg_body1.png),
                  url(../images/bg_body2.png),
				  #482f0c;
	  background-repeat: repeat-x, repeat;
	  background-position: top, top;
	  
	  
	  font: 14px/21px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	  -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
	  -webkit-text-size-adjust: 100%;

}

img {
	max-width: 100%;
	height: auto; 	
}
/*for rememberbance page so it doesn't resize smaller than 400px*/
img.no-resize {
	display: block;
	height: auto; 
	margin: 0px;
	max-width: 400px;
}	
.italic {
	font-style:italic;	
}
.bold {
	font-weight:bold;	
}

h1 {font-size:24px; }
h2 {font-size:20px;}
h6 {font-size:30px;}

/*not being used*/
h3 {font-size:20px;}
h4 {font-size:18px;}
h5 {font-size:14px;}


h1, h2, h3, h5, h6 {
		color: #b38147;	
		font-family: Arial, Helvetica, sans-serif;
		font-weight: normal;
		margin: 10px 0;}

h4 {
	color: #E4C77B;	
}


	
	a, a:visited {
		color: #FFF0CB;
		text-decoration:none;
	}
	
	a:hover {
		color: #FFFFFF;
		text-decoration:underline;
	}



.content {
	color: #d2b569;	
}
.content img {
	margin: 10px;	
}

button.modal-button-sm!important {
	padding:0;	
	height:50px;
}

 /*shadows under carosoule*/
 
 /*right and left corner under carousle*/
.effect2
{
  position: relative;
}
.effect2:before, .effect2:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 35px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #161212;
  -webkit-box-shadow: 0 15px 10px #161212;
  -moz-box-shadow: 0 15px 10px #161212;
  box-shadow: 0 15px 10px #161212;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}
.effect2:after
{
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  right: 10px;
  left: auto;
}
/*rounded shadown under center of carosoule*/
.effect6
{
  	position:relative;       
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.effect6:before, .effect6:after
{
	content:"";
    position:absolute; 
    z-index:-1;
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
    box-shadow:0 0 20px rgba(0,0,0,0.8);
    top:50%;
    bottom:0;
    left:10px;
    right:10px;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
}


/* hrs */
hr.dots {
border: 1px dashed #7a5a2d; 
border-style: none none dashed; 
color: #fff; 
width: 98%;
}

hr.dashed {
	background: transparent;
	color: transparent;
	border-left:  none;
	border-right: none;
	border-top:   none;
	border-bottom: 1px dashed #b38147;
	margin:20px 0;
}

/****** Boxes *****/
.gradBox {	
	/*http://ie.microsoft.com/testdrive/Graphics/CSSGradientBackgroundMaker/Default.html*/
		
	/* IE10 Consumer Preview */ 
	/*background-image: -ms-linear-gradient(top, #FFFCF2 0%, #63461E 100%);*/ 
	/* Mozilla Firefox */ 
	/*background-image: -moz-linear-gradient(top, #FFFCF2 0%, #63461E 100%);*/ 	
	/* Opera */ 
	/*background-image: -o-linear-gradient(top, #FFFCF2 0%, #63461E 100%);*/ 	
	/* Webkit (Safari/Chrome 10) */ 
	/*background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFCF2), color-stop(1, #63461E));*/ 	
	/* Webkit (Chrome 11+) */ 
	/*background-image: -webkit-linear-gradient(top, #FFFCF2 0%, #63461E 100%);*/ 	
	/* W3C Markup, IE10 Release Preview */ 
	/*background-image: linear-gradient(to bottom, #FFFCF2 0%, #63461E 100%);	*/ 
	
	background-image: url('../images/bg_side.jpg');
	background-repeat: repeat;

	-webkit-border-radius: 0 0 10px 10px;
	-moz-border-radius:  0 0 10px 10px;
	border-radius:  0 0 10px 10px;	
	
	border-bottom: #63461E 1px solid;
	border-left: #63461E 1px solid; 
	border-right: #63461E 1px solid;
	width: 100%; /*275*/
	height: auto;
	min-height:130px;
	margin: 0 auto 10px;
	padding: 10px;
	color:#160f04;	
	display:inline-block;
}

.gradBox h2 {
	font-size:20px;	
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	color: #000000;
	text-transform:uppercase;
	margin:0;
	
}
.gradBox h3 {
	font-size:14px;	
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	font-style:italic;
	color: #000000;
	text-transform:uppercase;
	margin: 15px 0 0 0;
}


h4.gradBoxHeader {	
	background-color: #A02513;
	color: #fff;
	padding: 10px ;
	width: auto;
	display: block;
	margin: 0;
	
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	
}

.gradBoxHeader_title {	
	background-color: #A02513;
	color: #000000;
	padding:20px;
	padding-bottom: 1000px;
    margin-bottom: -1000px;
	margin-top:15px;
	/*
	-webkit-border-radius: 10px 0 0 10px;
	-moz-border-radius:  10px 0 0 10px;
	border-radius:   10px 0 0 10px;
	*/
	
}
.title_text {
	font-family:Georgia, "Times New Roman", Times, serif;
	color: #FFF0CB;
	font-size:26px;
	line-height:28px;
}
.title_location {
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#FED328;
	font-size:24px;
	line-height:28px;
	margin:5px 0;
	
}
.gradBox_content {	

	background-image: url('../images/bg_side.jpg');
	background-repeat: repeat;
/*
	-webkit-border-radius: 0  10px 10px 0;
	-moz-border-radius:  0 10px 10px 0;
	border-radius:  0 10px 10px 0;
*/
	border-bottom: #63461E 1px solid;
	border-left: #63461E 1px solid; 
	border-right: #63461E 1px solid;

	color:#160f04;	
	vertical-align:top;

	padding:20px;
	padding-bottom: 1000px;
    margin-bottom: -1000px;
	margin-top:15px;

}
.tournament_dates {
	
	color:#000000;
	font-weight:bold;
	font-size:18px;
	line-height:20px;
}
.tournament_table{
	display:table;
	margin:10px 0;
}
.tournament_table_cell {
	display:table-cell !important;
}

/**** dates ***/
.date_month {
	font-family:Georgia, "Times New Roman", Times, serif;
	color: #FFF0CB;
	font-size:30px;
}
.date_day {
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#FED328;
	font-size:58px;
	margin-top: 15px;
}
.date_year {
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#FFF0CB;
	font-size:16px;
	margin-top: 17px;
}
/*** red button *****/

.butn{
	background: #A02513;
	height: 40px;
	width: 100%;
	max-width:280px;
	margin: 5px 0;
	color: #FFF0CB; /*off white*/
	line-height: 40px;
	font-size: 16px;
	text-align:center;
	padding:0;
	
	/*border-left: 1px solid #ccc;*/
 	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	cursor:pointer;
	display:inline-block;
}

.butn:hover {
	color:#FF9;	
}

/****** Responsive Table ****/
.table_lite{
	color:#D2A84E;
}
.table_lite > tbody > tr > td {
	border-top: 1px solid #5D3C0C;
	padding: 3px 0;
}
.table_lite tbody > tr:last-child > td {
  border-bottom: 1px solid #5D3C0C;
}

/**** Navbar ****/
.navbar-default { background-color: transparent; border-color:transparent; }
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
    color: #F2C424; /*yellow*/
    background-color:#A02513; /*red*/
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
.navbar-default .navbar-nav>li>a {
    color: #F2C424;
	margin: 0 10px;
	font-size:18px;
}
.navbar-default .navbar-nav>li>a:hover {
    color: #F2C424;
	background-color:#A02513;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

/*dropdown*/

/*button when dropdown is open*/
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {
   color: #F2C424;
    background-color:#A02513;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
/*background when menu is open*/
.navbar-nav>li>.dropdown-menu {
    margin-top: 0;
	margin-left: 10px;

	background-color: #f7f2e7; /*off white*/
	
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}

.dropdown-menu .divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #d0c5aa;
}

.dropdown-menu>li>a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #333; 
    white-space: nowrap;
}
/*hovering dropdown item*/
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {
    text-decoration: none;
    color: #F2C424;
    background-color: #A02513; /*red*/
}

/* carousel */
.carousel {
	margin-top:-21px;	
}

/*remove gradient*/
.carousel-control.right, .carousel-control.left {
  background-image:none;
}


/**** Header ****/
.top_header {
	background-color: #1275b5;
	height: 30px;
	margin-bottom: 10px;
}

/***********************************************************************************
   BOWLING CENTERS
***********************************************************************************/
.bowling_center_text {
	min-height:150px;	
}
.bowling_center_text a {
	color:	#FFF0CB;
	text-decoration:none;
}
.bowling_center_text a:hover {
	text-decoration:underline;
}

/**** Footer ****/
/***********************************************************************************
   FOOTER
************************************************************************************/
.footer {
	background:url(../images/bg_footer.jpg) repeat-y #e3c37e;
	
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px ;
	border-radius: 10px;

	height: auto;
	padding: 5px 5px 0 5px;	
}

#footer_address_main {
	color: #000000;
	font-size: .85em;
	font-weight:bold;
	line-height: 40px;
}
.footer_social img {
	margin: 0 0 5px 0;	
}
#footer_address_mobile {
	color: #000000;
	font-size: .85em;
	font-weight:bold;
	text-align: center;
	line-height:20px;
}
.meta {
	color:#EBD198;	
	padding-top: 20px;
}

/* google maps responsive */
 .google-maps {
        position: relative;
        padding-bottom: 75%; // This is the aspect ratio
        height: 0;
        overflow: hidden;
    }
    .google-maps iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
    }


	.show_mobile {
		display:none;	
	}
	.show_desk {
		display:block;
	}

	.navbar-brand {
  	display: none;
	}

/*********** POLOROID IMAGES **************/
.polaroid {
  position: relative;
  width:100px;
  text-align:center;

}
 
.polaroid img {
  border: 10px solid #fff;
  border-bottom: 45px solid #fff;
  -webkit-box-shadow: 3px 3px 3px #000;
     -moz-box-shadow: 3px 3px 3px #000;
          box-shadow: 3px 3px 3px #000;
		  
	display: block;
    margin-left: auto;
    margin-right: auto; 
	margin-top: 20px;
	

}

.polaroid.odd {
	-webkit-transform: rotate(-2deg);
  	   -moz-transform: rotate(-2deg);
}
.polaroid.even {
	-webkit-transform: rotate(2deg);
       -moz-transform: rotate(2deg);	
}
.polaroid.third {
	  -webkit-transform: none;
         -moz-transform: none;
           position: relative;
       top: -5px;	
}
 
.polaroid p {
  position: absolute;
  text-align: center;
  top: 93px;
  width: 100px;
  font: 400 11px/1 'Kaushan Script', cursive;
  color: #888; 
}





ul.polaroids a:after {
  content: attr(title);
}
/* By default, we tilt all our images -2 degrees */
ul.polaroids a {
  -webkit-transform: rotate(-2deg);
  -moz-transform: rotate(-2deg);
}
 
/* Rotate all even images 2 degrees */
ul.polaroids li:nth-child(even) a {
  -webkit-transform: rotate(2deg);
  -moz-transform: rotate(2deg);
}
 
/* Don't rotate every third image, but offset its position */
ul.polaroids li:nth-child(3n) a {
  -webkit-transform: none;
  -moz-transform: none;
  position: relative;
  top: -5px;
}
 
/* Rotate every fifth image by 5 degrees and offset it */
ul.polaroids li:nth-child(5n) a {
  -webkit-transform: rotate(5deg);
  -moz-transform: rotate(5deg);
  position: relative;
  right: 5px;
}
 
/* Keep default rotate for every eighth, but offset it */
ul.polaroids li:nth-child(8n) a {
  position: relative;
  top: 8px;
  right: 5px;
}
 
/* Keep default rotate for every eleventh, but offset it */
ul.polaroids li:nth-child(11n) a {
  position: relative;
  top: 3px;
  left: -5px;
}
/* Scale the images on hover, add transitions for smoothing things out, and ensure the hover appears on top */
ul.polaroids a:hover {
  -webkit-transform: scale(1.25);
  -moz-transform: scale(1.25);
  position: relative;
  z-index: 5;
}
/* Add drop shadows and smooth out the transition (Safari only) */
ul.polaroids a {
  -webkit-transition: -webkit-transform .15s linear;
  -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.25);
  -moz-box-shadow: 0 3px 6px rgba(0,0,0,.25);
}
 
/* On hover, darken the shadows a bit */
ul.polaroids a {
  -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.5);
  -moz-box-shadow: 0 3px 6px rgba(0,0,0,.5);
}


table.tablesorter thead tr th, table.tablesorter tfoot tr th {
    background-color: #a02513 !important;
    border: 1px solid #c63c28 !important;
	color:#ffffff;
}



@media (max-width: 767px) {
	
	/*mobile size*/
	.container>.navbar-header, .container-fluid>.navbar-header, .container>.navbar-collapse, .container-fluid>.navbar-collapse {
		color: #F2C424; /*yellow*/
		background-color: #f7f2e7; /*background color of toggled menu*/
		margin-right: -10px;
		margin-left: -10px;
	}
	/*dropdown*/
	.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover, .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus {
		color: #F2C424; /*yellow*/
    	background-color: #A02513; /*red*/

	}
	/*text link color when not hovering*/
	.navbar-default .navbar-nav>li>a {
    color: #333;
    margin: 0 10px;
	}
	.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
    	border-top-left-radius: 0;
    	border-top-right-radius: 0;
	}
	.navbar-default .navbar-nav>li>a:hover {
		border-top-left-radius: 0;
		border-top-right-radius: 0;
	}
	.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {
		border-top-left-radius: 0;
		border-top-right-radius: 0;
	}

	.show_mobile {
		display:block;	
	}
	.show_desk {
		display:none;	
	}
	.navbar-brand {
	  	display: block;
		color:#333;

	}

}