/*   
Theme Name: Monkey Bar
Theme URI: http://mobar.in
Description: For Monkey Bar, by Digital Media Inc.
Version: 1.0
Author: Digital Media Inc.
Author URI: @divijc
*/
@font-face {
	font-family: 'appleberry';
	src: url('fonts/appleberry.eot') format('eot'), 
	     url('fonts/appleberry.woff') format('woff'), 
	     url('fonts/appleberry.ttf')  format('truetype'),
	     url('fonts/appleberry.svg') format('svg');
}

@font-face {
	font-family: 'Rockwell';
	src: url('fonts/Rockwell.eot') format('eot'), 
	     url('fonts/Rockwell.woff') format('woff'), 
	     url('fonts/Rockwell.ttf')  format('truetype'),
	     url('fonts/Rockwell.svg') format('svg');
	font-style: normal;
	font-weight:400;
}
#logo-top{
	position: fixed;
	top: 20px;
	left: 30px;
	z-index: 999;
	width: 260px;
}
.wp-caption {
	margin-bottom: 20px;
	text-align: center;
	padding-top: 5px;
	width: auto !important;
}
.wp-caption img {
	border: 0 none;
	padding: 0;
	margin: 0;
}
.wp-caption p.wp-caption-text {
	width: auto !important;
	line-height: 1.5;
	font-size: 11px;
	padding: 3px 0;
	margin: 0px 0 0 0;
	background: #f6f6f6;
	display: block;
	-webkit-border-radius: 0px 0px 3px 3px;
	border-radius: 0px 0px 3px 3px;
}
.wp-smiley {
	margin: 0 !important;
	max-height: 1em;
}
.size-full {
}
.size-large {
}
.size-medium {
}
.size-thumbnail {
}
.gallery-caption {
}
.bypostauthor {
}
img.alignright {
	float: right;
	margin: 0 0 1em 1em
}
img.alignleft {
	float: left;
	margin: 0 1em 1em 0
}
img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto
}
.alignright {
	float: right;
}
.alignleft {
	float: left;
}
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align:center;
}
#home{
	background-color:#fff;	
}


#fixed-monkey-logo{
	position:absolute;
	top:30px;
	left:30px;
	width:300px;
	z-index:1001;
}

.navigation.colored li a, nav.light .main-menu a, nav.dark .main-menu a, nav.transparent.scroll a, .page-template-default nav.transparent .main-menu a, .blog nav.transparent .main-menu a, nav.transparent.scroll .main-menu a, nav.transparent a{
	padding: 0 12px;
	color:#fff;
	font-family:"Rockwell", Georgia, "Times New Roman", Times, serif !important;
	text-transform:uppercase;
	text-decoration:none;
	font-size:20px;

}
 nav.transparent .main-menu li a{
	 color:#fff !important;
 }

 nav.transparent.scroll .main-menu li a{
	 color:#000 !important;
 }

.home-parallax h1, .home-parallax h2, .home-parallax h3, .home-parallax h4, .home-parallax h5, .home-parallax h6, .home-fullscreenslider h1, .home-fullscreenslider h2, .home-fullscreenslider h3, .home-fullscreenslider h4, .home-fullscreenslider h5, .home-fullscreenslider h6, .home-video h1, .home-video h2, .home-video h3, .home-video h4, .home-video h5, .home-video h6, .parallax h1, .parallax h2, .parallax h3, .parallax h4, .parallax h5, .parallax h6, .parallax p.quote, .home-slide .home-slide-content, #slidecaption, .parallax .twitter-author a, .contact-details h2, .home3 h1{
	font-family:'appleberry';
	color:#000 !important;
}
nav.transparent .main-menu li{
	margin:0 !important;
	padding: 0;
	border-right: 2px solid #fff;
}
nav.transparent.scroll .main-menu li{
	border-right: 2px solid #000;
}


nav.transparent .main-menu li:last-child{
	border-right:none;
}
.main-menu li a{
	color:#000 !important;
}
.quote-author{
	display:none;
}
.logo h1 a.back-to-top{
	visibility:hidden;
}
.holder{
	position:absolute;
	top:0;
	left:0;
	z-index:85;
}
.monkey{
	position:absolute;
	top:0;
	left:200px;
	max-height:65%;
	z-index:85;
}
.baloon{
	position:absolute;
	top:30%;
	left:400px;
	max-height:40%;
	z-index:50;
}
.cloud-1{
	position:absolute;
	right:350px;
	top:120px;
	z-index:-1;
	width:150px;
}
.cloud-2{
	position:absolute;
	left:40px;
	top:360px;
	max-width:150px;
	z-index:-1;
}
.cloud-3{
	position:absolute;
	top:20%;
	left:35%;
	max-width:320px;
}
.sun{
	position:absolute;
	right:50px;
	top:110px;
	max-width:140px;
}
h1.home-title{
	font-family:"appleberry",Georgia, "Times New Roman", Times, serif;
	position:absolute;
	top:30%;
	right:100px;
	font-size:30pt !important;
	z-index:200;
}
h1.home-title span{
	text-transform:uppercase !important;
	display:block !important;
	font-size:39pt !important;
}
.branches{
	position:absolute;
	right:100px;
	max-height:45%;
	bottom:50px;
}
.road{
	position:absolute;
	bottom:0px;
	width:100%;
	left:0;
	z-index:80;
}
.parallax-content .quote i{
	display:none;
}
#dont-be-chunkey-be-monkey.parallax .parallax-content{
	padding: 300px 0 200px 0;
}
.parallax{
	background-color: #cbdb2a !important;
}
#monkey-says.parallax .parallax-content{
	padding: 60px 0;
}
#no-joke.parallax p.quote{
	text-align:left;
	margin:0;
}
#no-joke.parallax p.quote span.leftAlign{
	width:240px;
	display:block;
	text-align:left !important;
	float:left;
}
#no-joke.parallax p.quote span.rightAlign{
	width:240px;
	display:block;
	float:right;
	text-align:right !important;
}
#merchandise .home1 .slabtextdone{
	font-family:'appleberry',Arial, Helvetica, sans-serif;
	font-size:40px !important;
	color:#000;
}
#merchandise .home1 .slabtextdone .slabtext{
	font-size:60px !important;
	text-align:center;

}
.title h1, .service-box .service-icon {
box-shadow: 0px 0px 0px 3px rgba(203, 219, 42, 0) !important;
background: #fff !important;
color: #111 !important;
font-family:'Rockwell',Verdana, Geneva, sans-serif;
font-size:30px;
text-transform:uppercase;
}
#about-slider-holder{
	position: absolute;
	width: 660px;
	top: 88px;
	left: 138px;
}
#about_bottom img, #events-bottom img{
	border-bottom: 4px solid #000;
}
#events-slider-holder{
	position: absolute;
	top: 97px;
	left: 113px;
	width: 693px;
}
#gallery-slider-holder{
	position: absolute;
	left: 171px;
	top: 228px;
	width: 705px;
}
#media-slider-holder{
	position: absolute;
	top: 248px;
	left: 55px;
	width: 722px;
}
#prev_media{
	position: absolute;
	right: 90px;
	bottom: 250px;
}
#next_media{
	position: absolute;
	right: 90px;
	bottom: 160px;
}
#menu-slider-holder {
	position: absolute;
	top: 410px;
	left: 246px;
	width: 650px;
}
#food-menu, #bar-menu{
	font-family:"Rockwell", Georgia, "Times New Roman", Times, serif !important;
	font-size:16px;
	color:#000;
	text-transform:uppercase;
}
#food-menu{
	position: absolute;
	top: 376px;
	left: 320px;
}
#bar-menu{
	position: absolute;
	top: 376px;
	left: 570px;
}

#food-menu.menu-active, #bar-menu.menu-active{
	text-decoration:underline;
}
#food-menu img, #bar-menu img{
	vertical-align:middle;
	margin-right:20px;
}
#careers-slider-bg{
	text-align:center;
}
#careers-slider-holder{
	position: absolute;
	top: 130px;
	left: 0px;
	width: 100%;
}
#about_bottom img{
	width:100%;
	position:absolute;
	bottom:0;
}
#events-bottom img{
	width:100%;
	position:absolute;
	bottom:0;
}
#menu-arrow-about, #events-menu-arrow, #gallery-menu-arrow, #media-menu-arrow, #menu-menu-arrow, #careers-menu-arrow, #menu-arrow-merchandise{
	text-align:right;
}
#careers-l-hand{
	position:absolute;
	left:-53px;
	top:500px;
	z-index:25;	
}
#careers-r-hand{
	position:absolute;
	right:-56px;
	top:360px;	
	z-index:25;
}
#merchandise h1{
	padding:250px 0 400px 0;
}
#merchandise-bottom img{
	width:100%;
	position:absolute;
	bottom:0;
}
#contact{
	background-color:#231F20;
	padding-top:160px;
}
#contact nav.transparent.scroll .main-menu li{
	border-right-color:#fff;
}
#contact nav.transparent.scroll .main-menu li a{
	color:#fff !important;
}
.contact-info{
	color:#fff;
	margin-top:20px;
	margin-bottom:20px;
	font-family:"Rockwell", Georgia, "Times New Roman", Times, serif !important;
	padding-left:30px;
}
.social-icons{
	padding-left:30px;
}

.social-icons a{
	margin-right:5px;
	display:inline-block;
}

.social-icons a:hover{
	background-color:transparent !important;
}
.social-icons img{
	margin-right:5px;
	display:inline-block;
	vertical-align:middle;
}
#gallery.gallery, #menu.menu{
	background:url(images/tile.jpg);
}
.slider-caption{
	padding: 3px 10px !important;
	background: rgba(255,255,255,0.5);
	border-radius: 16px;
}
#branches{ opacity:0 !important;}
/***************************ANIMATION****************************/
@-webkit-keyframes upDown {	0% { top:0; }		50% { top:-50px; } 		100% { top:0; }}
@-moz-keyframes upDown {	0% { top:0; }		50% { top:-50px; } 		100% { top:0; }}
@-o-keyframes upDown {		0% { top:0; }		50% { top:-50px; } 		100% { top:0; }}
@keyframes upDown {			0% { top:0; }		50% { top:-50px; } 		100% { top:0; }}

.monkey {   
-webkit-animation: upDown 2s infinite ease-in-out;
-moz-animation: upDown 2s infinite ease-in-out;
-o-animation: upDown 2s infinite ease-in-out;
animation: upDown 2s infinite ease-in-out;
}
@-webkit-keyframes rot {	0% { -webkit-transform: rotate(0deg); }		50% { -webkit-transform: rotate(10deg); } 		100% { -webkit-transform: rotate(0deg); }}
@-moz-keyframes rot {		0% { -moz-transform: rotate(0deg); }		50% { -moz-transform: rotate(10deg); } 			100% { -moz-transform: rotate(0deg); }}
@-o-keyframes rot {			0% { -o-transform: rotate(0deg); }			50% { -o-transform: rotate(10deg); } 			100% { -o-transform: rotate(0deg); }}
@keyframes rot {			0% { transform: rotate(0deg); }				50% { transform: rotate(10deg); } 				100% { transform: rotate(0deg); }}

.baloon {   
	-webkit-animation: rot 4s infinite ease-in-out;
	-moz-animation: rot 4s infinite ease-in-out;
	-o-animation: rot 4s infinite ease-in-out;
	animation: rot 4s infinite ease-in-out;
}
@-webkit-keyframes floating {	0% { left:35%; }		50% { left: 37%; } 		100% { left:35%; }}
@-moz-keyframes floating {	0% { left:35%; }		50% { left: 37%; } 		100% { left:35%; }}
@-o-keyframes floating {	0% { left:35%; }		50% { left: 37%; } 		100% { left:35%; }}
@keyframes floating {	0% { left:35%; }		50% { left: 37%; } 		100% { left:35%; }}

.cloud-3 {   
	-webkit-animation: floating 8s infinite ease-in-out;
	-moz-animation: floating 8s infinite ease-in-out;
	-o-animation: floating 8s infinite ease-in-out;
	animation: floating 8s infinite ease-in-out;
}

@-webkit-keyframes floating2 {	0% { right:320px; }		50% { right: 350px; } 		100% { right:320px; }}
@-moz-keyframes floating2 {	0% { right:320px; }		50% { right: 350px; } 		100% { right:320px; }}
@-o-keyframes floating2 {	0% { right:320px; }		50% { right: 350px; } 		100% { right:320px; }}
@keyframes floating2 {	0% { right:320px; }		50% { right: 350px; } 		100% { right:320px; }}

.cloud-1 {   
	-webkit-animation: floating2 10s infinite ease-in-out;
	-moz-animation: floating2 10s infinite ease-in-out;
	-o-animation: floating2 10s infinite ease-in-out;
	animation: floating2 10s infinite ease-in-out;
}



@media only screen and (max-width: 960px) {
#logo-top{
	position:absolute;
}
.main-menu, .logo.large img {
	max-height: 170px;
}
.holder, .baloon, .monkey{
	display:none;
}
#about-slider-holder {
	width: 525px;
	top: 65px;
	left: 112px;
}
#events-slider-holder {
	top: 73px;
	left: 92px;
	width: 554px;
}
#gallery-slider-holder {
	left: 139px;
	top: 182px;
	width: 560px;
}
#media-slider-holder {
	top: 212px;
	left: 49px;
	width: 615px;
}
#next_media, #prev_media{
	right:20px;
}
#food-menu {
	top: 286px;
	left: 256px;
}
#bar-menu {
	top: 286px;
	left: 530px;
}
#menu-slider-holder {
	top: 320px;
	left: 200px;
	width: 500px;
}

h1.home-title{
	font-size:18pt !important;
}
h1.home-title span {
	font-size: 24pt !important;
}
.cloud-3{
	display:none;
}
#dont-be-chunkey-be-monkey.parallax .parallax-content{ padding:70px 0;}
#monkey-says img{ width:100px;}
#events-menu-arrow, #gallery-menu-arrow, #media-menu-arrow, #menu-menu-arrow, #careers-menu-arrow, #menu-arrow-merchandise{
	display:none;
}
}

@media only screen and (max-width: 767px) {
h1.home-title{
	width:100%;
	top:40%;
	text-align:center;
	right:0;
	left:0;
}
.branches{
	right: 0;
	width: 70%;
	margin: 0 15%;
	left: 0;
	bottom: 0;
}
.cloud-1, .cloud-2{
	display:none;
}
	#about-slider-holder {
width: 295px;
top: 36px;
left: 57px;
}
#events-slider-holder {
top: 40px;
left: 46px;
width: 309px;
}
#gallery-slider-holder {
left: 72px;
top: 102px;
width: 315px;
}
#media-slider-holder {
top: 119px;
left: 22px;
width: 346px;
}
#next_media, #prev_media {
right: 9px;
width: 36px;
}
#next_media {
	bottom: 140px;
}
#prev_media {
	bottom: 190px;
}
#food-menu {
	top: 175px;
	left: 146px;
}
#bar-menu {
	top: 175px;
	left: 268px;
}
#food-menu img, #bar-menu img {
	display:none;	
}
#menu-slider-holder {
	top: 210px;
	left: 122px;
	width: 252px;
}
#careers-r-hand {
	right: -27px;
	top: 238px;
	width: 70px;
}
#careers-l-hand {
	right: -22px;
	top: 280px;
	width: 70px;
}
.section {
padding: 20px 0 20px;
}
#about-popup{
	font-size:13px;
}

}


@media only screen and (max-width: 480px) {
	#about-slider-holder {
width: 209px;
top: 27px;
left: 42px;
}
#events-slider-holder {
top: 30px;
left: 34px;
width: 219px;
}
#gallery-slider-holder {
left: 52px;
top: 72px;
width: 224px;
}
#media-slider-holder {
top: 85px;
left: 16px;
width: 246px;
}
#food-menu {
top: 126px;
left: 86px;
}
#bar-menu {
top: 126px;
left: 192px;
}
#menu-slider-holder {
top: 147px;
left: 82px;
width: 192px;
}
#careers-l-hand {
top: 240px;
width: 50px;
left: -20px;
}

#careers-r-hand {
top: 240px;
width: 50px;
right: -21px;
}
#merchandise .home1 .slabtextdone .slabtext{
	font-size:40px !important;
}
.sun{
	display:none;
}
#logo-top {
position: absolute;
margin: 0 20%;
width: 60%;
left: 0;
top: 40px;
}
#next_media, #prev_media {
right: 7px;
width: 23px;
}
#prev_media {
bottom: 170px;
}
}