/* -----------------------------------------------------------------------

			SCREEN	:	additional styles
			web			:http://heavydesign.co.uk
			filename	:css/fruit-salad.css
 			version 3	:23 May 2014
 
			copright	:(c) 2014 Fruity Tunes
 
			author		:Al Rhodes, Heavy Design
			web			:http://heavydesign.co.uk
			
			
-------------------------------------------------------------------------- */

/*** 	Google Fonts  ***/

/* Open Sans */
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800|Open+Sans+Condensed:300,300italic,700);

/*	*** Primary Styles ***	*/

body {
	margin:0;
	padding:0;
	background:#490C66 url(../img/falling-fruit-backdrop.jpg);
	background-position-y:top;
	background-position-x:center;
	background-repeat:repeat-x;
	font-family:'Open Sans', Arial, Helvetica, sans-serif;
	font-size:11pt;
	line-height:18px;
	font-weight:bold !important;
	color:#490e76;
	width:100%;
}	
.content-wrapper {
	background:transparent;
	border:none;
	margin:0 auto;
	padding:0;
	width:320px;
	margin:0 auto;
	height:auto;
}
.hero {
	background:transparent;
	border:none;
	margin:0 auto;
 	text-align:center;
 	width:100%;
 	height:274px;
 	clear:left;
 }
.hero2{
    margin: -21px 0 0 0;
}
#rounded-box {
	width:95%;
	margin:18px 3%;
	background:#fff;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	padding:29px 0 0 0;
	box-shadow: 2px 2px 2px 2px #333;
	min-height:100px;
}
#fold-around-box {
	width:310px;
	margin-left:-2%;
}
.ribbon {
	width:90%;
	height:30px;
	margin:0 auto;
	padding-top:4px;
	background:url(../img/mobiles/purple-ribbon-320.png) top center;
 	background-repeat:no-repeat;
 	background-size:contain; 
 	text-align:center;
 	font-family:'Open Sans', Arial, Helvetica, sans-serif;
	font-size:14pt;
	font-weight:bold;
	text-shadow: 1px 1px 0 #666;
	color:#fff;
}
.long {width:105%;margin:0 auto;margin-left:-2%;}

.img-border {clear:all; margin-top:0; margin-bottom:10px;}

.customer-comment {
	margin-top:-20px;
	background: url(../img/mobiles/quotemarks.png) top center; 
	background-position-y:-20px;
	background-repeat:no-repeat;
	background-size:contain;
	font-family:'Open Sans', Arial, Helvetica, sans-serif;
	font-size:13pt;
	line-height:18pt;
	font-weight:400;
	font-style:italic;
	padding:0 15% 30px 15%;
	text-align:center;
}
.smaller-comment, .smaller-customer { font-size:11pt; line-height:16pt; padding: 0 12% 30px 12%;}
.smaller-customer { padding: 0 0 30px 0;}
.customer-comment p { padding-top:25px; }
.customer-comment .customer { font-style:normal; line-height:30pt; }
.feature {margin-bottom:50px;}
.feature-pic {  border:none; margin:25px 2.75% 35px 2.75%; width:97%; }
.feature-pic-left {  border:none; margin:25px 0 35px 2.75%; width:97%; }
.feature-pic-right { float:right; border:none; margin:25px 2.75% 35px 0; width:97%; }
.horizontal-divider {
	clear:all;
	float:left;
	width:94%;
	height:23px;
	border-top:solid 2px #e1e1e1;
	margin:20px 3% 0 3%;
}

/* *** Footer section*** */

.footer {
	width:100%;
	margin-top:-200px;
	background:url(../img/mobiles/footer-stripes.png)top center;
	background-repeat:repeat-x;
	margin-top:0 !important;
	margin-bottom:0 !important;
	border-top:0;
	font-weight:normal;
	font-family: Arial, Helvetica, sans-serif;
	font-size:10pt;
padding: 0 0 10px 0;
color:#fff;

}
#footer-content {
	width:310px;
	margin:20px auto 0 auto;
	padding-top:30px;
}

.JMClogo { margin: 20px 0 20px 3%; !important; width:90%;}
.footer-buttons { width:100%; padding:5px 0;}
.social-media-mobile {
	width:300px;
	margin:5px 0 25px 85px;
	padding:5px;
}
.social-media-mobile img {float: left; width:35px; margin:0 10px;}

/* *** Home page *** */

.home {
 	background:url(../img/heroes/1-Home-Hero-320.png) top center;
 	background-repeat:no-repeat;
 	background-size:contain; 
}
.promos {width:97%; margin:0 auto; margin-top:28px;}
.infobox {
margin: -10px 0 0 0;
}

.infobox {
	background:#fff;
	border-radius:20px;
	z-index:9;
	border: solid 1px #efefef; 
 	width:100%;
 	height:auto;
 	clear:left;
 	margin-bottom:28px;
 	padding-bottom:30px;
 	/*height:400px;*/
	height:auto
}
.infobox h4 { 
	font-size:1.4em;
	color:#fff; 
	text-shadow: 1px 1px 0 #666;
	width:105%; 
	margin-top:-20px; 
	margin-left:-8px; 
	margin-bottom:0;
	height:z-index:10; 
	border-radius:0; 
}
.infobox img {margin:0; border:none;}
.infobox p { margin:15px 5% ; /* margin:0 5% ;*/}
.box-of-fruit {clear:right; width:106%;}
.pic-orange {float:right; margin-top:-30px !important; z-index: 10; width:20%; }
.pic-strawberry {float:right; margin-top:-10px !important; z-index: 10; width:20%; }
.pic-apple {float:right; margin-top:-40px !important; z-index: 10; width:20%; margin-bottom:0;}
.invisible {  opacity:0; width:100%; }
.find-a-session {
	background:#efefef url(../img/find-a-session.jpg) top center;
	background-size:contain;
	background-repeat:no-repeat;
	height:360px;
}
.tune-in {
	clear:all;
	background:#efefef url(../img/tune-in.jpg) top center;
	background-size:contain;
	background-repeat:no-repeat;	
	height:auto;
}
.why-us {
	background:#efefef url(../img/why-us.jpg) top center;
	background-size:contain;
	background-repeat:no-repeat;
}
.green { 
	background:#8dc73f; 
	padding: 0.6em 0; 
	text-align:center;
	box-shadow: 2px 0 3px #444;
}
.orange { 
	background:#f36621; 
	padding: 0.6em 0; 
	text-align:center;
	box-shadow: 2px 0 3px #444;
}
.red { 
	background:#f11b23; 
	padding: 0.6em 0; 
	text-align:center;
	box-shadow: 2px 0 3px #444;
} 
/* *** Why Us? Page *** */
.whyus {
 	background:url(../img/heroes/2-Why-Us-Hero-320.png) top center;
 	background-repeat:no-repeat;
 	background-size:contain; 
}
#rounded-box-why {
	width:95%;
	margin:18px 3%;
	background:#fff;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	padding:29px 0 0 0;
	box-shadow: 2px 2px 2px 2px #333;
}
#box-green-why {
	width:328px;
	margin-left:-12px;
	margin-right:0;
	background:url(../img/mobiles/wraps-mobile/green-wrap-wu320.png) top center;
 	background-repeat:no-repeat;
 	background:cover;
}
.livemusic { 
	background:url(../img/mobiles/icon-livemusic.png) top center; 
	background-repeat:no-repeat; 
	padding-top:60px;
	padding-right:10px;
	padding-left:10px;
	width: 94%; margin: 0;
	clear:left;
}
.freedom { 
	background:url(../img/mobiles/icon-freedom.png) top center; 
	background-repeat:no-repeat; 
	padding-top:80px;
	padding-right:10px;
	padding-left:10px;
	width: 94%;
	clear:left;
}
.realinstruments { 
	background:url(../img/mobiles/icon-realinstruments.png) top center; 
	background-repeat:no-repeat; 
	padding-top:80px;
	padding-right:10px;
	padding-left:10px;
	width: 94%; margin: 0;
	clear:left;
}
.sociable { 
	background:url(../img/mobiles/icon-sociable.png) top center; 
	background-repeat:no-repeat; 
	padding-top:60px;
	padding-right:10px;
	padding-left:10px;
	width: 94%; margin: 0;
	clear:left;
}
.flexi { 
	clear:left;
	background:url(../img/mobiles/icon-flexitickets.png) top center; 
	background-repeat:no-repeat; 
	padding-top:60px;
	padding-right:10px;
	padding-left:10px;
	width: 94%; margin: 0;
	clear:left;
}

.player { 
	background:url(../img/mobiles/icon-fruityplayer.png) top center;  
	background-repeat:no-repeat; 
	padding-top:60px;
	padding-right:10px;
	padding-left:10px;
	width: 94%; margin: 0 0 40px 0;
	clear:left;
}
.soundcloud-player {margin-top:20px; width:97%; }


/* *** About Us Page *** */
.aboutus {
 	background:url(../img/heroes/3-About-Us-Hero-320.png) top center;
 	background-repeat:no-repeat;
 	background-size:contain; 
}
#box-orange-about {
	width:328px;
	margin-left:-12px;
	margin-right:0;
	background:url(../img/mobiles/wraps-mobile/orange-wrap-au320.png) top center;
 	background-repeat:no-repeat;
 	background:cover;
}
.fruit-divider {width:94%; margin: 29px auto; position:relative;}
.hr-no-line {position:relative; left:105px; margin-bottom: 65px;}
.tutor-info {width: 94%; margin: 0 3%; }
.tutot-pic-container { padding:0; height:160px; margin:0 auto; position:relative;}
.tutor-pic {width:131px; height:131px; border:none; margin-bottom:29px; position: relative; top:0; left:84px; }


/* *** Find a Session page *** */
.findsession {
  	background:url(../img/heroes/4-Find-Session-Hero-320.png) top center;
  	background-repeat:no-repeat;
 	background-size:contain;
 }
 #box-red-fas {
	width:328px;
	margin-left:-12px;
	margin-right:0;
	background:url(../img/mobiles/wraps-mobile/red-wrap-fas320.png) top center;
 	background-repeat:no-repeat;
 	background:cover;
}
.wrap-red .quote { padding-top:60px; padding-bottom:10px; text-shadow: 0px 0px 0 #666;  }

.last-updated { width:100%; text-align:center; font-size: 9pt; margin-bottom:30px; }
.house-blue { 
	background:url(../img/mobiles/icon-house-blue.png) top center; 
	padding-top:70px;
	background-repeat:no-repeat; 
	background-position-y:15px;
	padding-right:10px;
	padding-left:10px;
	width: 94%; 
	margin: 0;
	clear:left;
	font-size:10pt;
	line-height:14px;
}
.house-green { 
	background:url(../img/mobiles/icon-house-green.png) top center; 
	padding-top:70px;
	background-repeat:no-repeat; 
	background-position-y:15px;
	padding-right:10px;
	padding-left:10px;
	width: 94%; 
	margin: 0;
	clear:left;
	font-size:10pt;
	line-height:14px;
}
.house-orange { 
	background:url(../img/mobiles/icon-house-orange.png) top center; 
	padding-top:70px;
	background-repeat:no-repeat; 
	background-position-y:15px;
	padding-right:10px;
	padding-left:10px;
	width: 94%; 
	margin: 0;
	clear:left;
	font-size:10pt;
	line-height:14px;
	margin-bottom:120px;
}
.house-purple { 
	background:url(../img/mobiles/icon-house-purple.png) top center; 
	padding-top:70px;
	background-repeat:no-repeat; 
	background-position-y:15px;
	padding-right:10px;
	padding-left:10px;
	width: 94%; 
	margin: 0;
	clear:left;
	font-size:10pt;
	line-height:14px;
}


.flexi-tickets-details {
	/* background:url(../img/flexi-tickets.png) top left; 
	background-repeat:no-repeat; 
	background-position-y:0; */
	padding-right:10px;
	padding-left:10px;
	padding-top:40px;
	padding-bottom:60px;
	width: 94%; 
	margin: 0;
	clear:left;
	font-size:10pt;
	line-height:14px;
}

/* *** Parties page *** */

.parties {
  	background:url(../img/heroes/5-Parties-Hero-320.png) top center;
  	background-repeat:no-repeat;
 	background-size:contain;
}
#box-green-parties {
	width:328px;
	margin-left:-12px;
	margin-right:0;
	background:url(../img/mobiles/wraps-mobile/green-wrap-parties320.png) top center;
 	background-repeat:no-repeat;
 	background:cover;
}
.dlc { border:none; margin-left: 24%; margin-bottom:10px;}

/* *** Nurseries and Schools page *** */

.nurseries {
  	background:url(../img/heroes/6-Nurseries-Schools-Hero-320.png) top center;
  	background-repeat:no-repeat;
 	background-size:contain;
}
#box-orange-about {
	width:328px;
	margin-left:-12px;
	margin-right:0;
	background:url(../img/mobiles/wraps-mobile/orange-wrap-au320.png) top center;
 	background-repeat:no-repeat;
 	background:cover;
}
/* *** Tune In *** */
.tune {
  	background:url(../img/heroes/7-Tune-In-Hero-320.png) top center;
  	background-repeat:no-repeat;
 	background-size:contain;
}
#box-orange-dark {
	width:328px;
	margin-left:-12px;
	margin-right:0;
	background:url(../img/mobiles/wraps-mobile/orange-dark-wrap320.png) top center;
 	background-repeat:no-repeat;
 	background:cover;
}
.form-container {
	margin-top:10px !important;
	/* width:380px; */
	padding-right:10px;
	padding-left:10px;
	margin: 0 3%;
	clear:left;
	border:solid 1px #ccc;
	background-color:#f6e8f7;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	padding:10px;
}
.tunein-news-details {
	padding-left:0;
	padding-right:0;
	padding-bottom:75px;
	margin:25px 3% 40px 3%;
}

.register h1, h2, h3, h4, h5 {
	color:#490c67;
	font-family: 'Open Sans', Arial, sans-serif;
	font-style:normal;
	font-size:17px;
	font-weight:800;
/*	line-height:17px; */	
}
.enter-details {
	width:95%;
	background:#fff;
	color:#6d4084 !important;
	border:solid 1px #ccc;
	padding:14px;
	font-family:Arial, Helvetica, sans-serif !important;;
	font-style:normal;
	font-size:14px !important;
	font-weight:bold !important;
/*	line-height:17px; */
}
.register-button {
	clear:left;
	margin:5px 10% !important;
	border-radius:8px;
	border-right:8px;
	padding:10px 60px;
	background-color:#ed0d6d;
	color:#fff;
	font-size:17px !important; 
	font-family: 'Open Sans', Arial, sans-serif; 
	text-shadow: 2px 0 3px #333 !important;
	font-weight:bold;  
}
.register-checkbox {
/*	width:25px !important;
	height:25px !important; */
	background-color:#fff;
	border:solid 1px #ccc;
	clear:left;
	width:25px;
	float:left;
}
.register .optout-label {
	float:left;
	margin-left: 10px;
	color:#6d4084;
	font-family:Arial, Helvetica, sans-serif;
	font-style:normal;
	font-size:12px;
	font-weight:bold;
/*	line-height:17px; */	
}
.register p {
	margin:15px 0;
	color:#6d4084;
	font-family:Arial, Helvetica, sans-serif;
	font-style:italic;
	font-size:11px;
	font-weight:normal;
	line-height:20px; 
}
.sales-opt-out {
/*	width:20%;
	height:30px;
	padding:0 10px 10px 0; */
}
/* ***Typography*** */

h2, h3, h4, h5  {
	margin:0 0 20px 0;
	font-size:16pt !important;
	line-height:20pt;
	font-weight:bolder;
	text-align:center;
}
h6 {
	margin: 20px 10px 2px 10px;
	font-style:normal;
	font-size:10pt;
	line-height:14px;
	font-weight:bold;
}
p {width: 90%; margin-left:3%;}

.centered-text {text-align:center;}
.contact-information {
	color:#fff;
	font-family:'Open Sans', Arial, Helvetica, sans-serif;
	font-size:12pt;
	line-height:18pt;
	font-weight:800;
	font-style:normal;
	text-align:center;
}
.copyright { margin: 5px 0 0 0; width:100%; padding-left:3%;}
.button-container a, .button-container a:hover {text-decoration:none !important; }
.long-title {font-size:12pt;   }
.quote { 
	text-align:center; 
	width:80%;
	padding:30px 20px 25px 20px;
	color:#fff; 
	font-family:'Open Sans', Arial, Helvetica, sans-serif;
	font-size:13pt;
	line-height:16pt;
	font-weight:400;
	font-style:italic;
}
.session-name { font-style:normal; font-size:10pt; position:relative; }
.session-detail { float:left; width:60%;}
.time { float:left; width:30%; }

/* *** Mobile Navigation *** */

.mobile-nav-popout { width;100%; height:1px; position:relative; }

.mobile-nav-popout img { position:relative; left:270px; top:5px; z-index:50; }

.nav-stacked {
	padding-top:5px;
	padding-bottom:5px;
	width:95%;
	margin:10px auto 0 auto;
	margin-left:3%;
	background:#622f7b;
	border-radius:10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	line-height:16px;
}

.nav-stacked li { border-top:#7a4d8f solid 1px; border-bottom:#333 solid 1px; }

.nav-stacked a, a:link, a:visited, a:active {
	text-align:left;
	padding:20px 15px 15px 70px !important;
	padding-left:70px;
}

#homepage-mobile {
    background:url('../img/mobiles/nav-cons/apple-deactive.png') 15px center;
    background-position-y:center;
    background-position-x:15px;
    background-repeat:no-repeat;
    color:#e2d1f1;
}
#homepage-mobile:hover, #homepage-mobile-active {
    background:url('../img/mobiles/nav-cons/apple-active.png') 15px center;
    background-position-y:center;
    background-position-x:15px;
    background-repeat:no-repeat;
    color:#fff;
}
#why-mobile {
    background:url('../img/mobiles/nav-cons/pear-deactive.png') 15px center;
    background-position-y:center;
    background-position-x:15px;
    background-repeat:no-repeat;
    color:#e2d1f1;
}
#why-mobile:hover, #why-mobile-active {
    background:url('../img/mobiles/nav-cons/pear-active.png') 15px center;
    background-position-y:center;
    background-position-x:15px;
    background-repeat:no-repeat;
    color:#fff;
}
#about-mobile {
    background:url('../img/mobiles/nav-cons/banana-deactive.png') 15px center;
    background-position-y:center;
    background-position-x:15px;
    background-repeat:no-repeat;
    color:#e2d1f1;
}
#about-mobile:hover, #about-mobile-active {
    background:url('../img/mobiles/nav-cons/banana-active.png') 15px center;
    background-position-y:center;
    background-position-x:15px;
    background-repeat:no-repeat;
    color:#fff;
}
#sessions-mobile {
    background:url('../img/mobiles/nav-cons/strawberry-deactive.png') 15px center;
    background-position-y:center;
    background-position-x:15px;
    background-repeat:no-repeat;
    color:#e2d1f1;
}
#sessions-mobile:hover, #sessions-mobile-active {
    background:url('../img/mobiles/nav-cons/strawberry-active.png') 15px center;
    background-position-y:center;
    background-position-x:15px;
    background-repeat:no-repeat;
    color:#fff;
}
#parties-mobile {
    background:url('../img/mobiles/nav-cons/melon-deactive.png') 15px center;
    background-position-y:center;
    background-position-x:15px;
    background-repeat:no-repeat;
    color:#e2d1f1;
}
#parties-mobile:hover, #parties-mobile-active {
    background:url('../img/mobiles/nav-cons/melon-active.png') 15px center;
    background-position-y:center;
    background-position-x:15px;
    background-repeat:no-repeat;
    color:#fff;
}
#nurseries-mobile {
    background:url('../img/mobiles/nav-cons/lemon-deactive.png') 15px center;
    background-position-y:center;
    background-position-x:15px;
    background-repeat:no-repeat;
    color:#e2d1f1;
}
#nurseries-mobile:hover, #nurseries-mobile-active {
    background:url('../img/mobiles/nav-cons/lemon-active.png') 15px center;
    background-position-y:center;
    background-position-x:15px;
    background-repeat:no-repeat;
    color:#fff;
}
#tunein-mobile {
    background:url('../img/mobiles/nav-cons/orange-deactive.png') 15px center;
    background-position-y:center;
    background-position-x:15px;
    background-repeat:no-repeat;
    color:#e2d1f1;
 }   
#tunein-mobile:hover, #tunein-mobile-active {
    background:url('../img/mobiles/nav-cons/orange-active.png') 15px center;
    background-position-y:center;
    background-position-x:15px;
	background-repeat:no-repeat;
	color:#fff;
}

/* ***conflicted links need to go last*** */

.contact-information a, .feature a, .tunein-news-details a {
	color:#ef0c77;
 	padding: 5px 0 !important;
}
.BigLink, .BigLink:link, .BigLink:visited, .BigLink:hover, .BigLink:active {
	font-family:'Open Sans', Arial, sans-serif !important;
	font-weight:bolder !important;
	font-size:22px !important;
	color:#ed0d6d;
	clear:left;
	text-align:left;
	color:#ef0c77;
 	padding:30px 0 40px 0 !important;
 	margin-top:20px;
 	/*margin-left:5%;*/
	margin-left:10px;
}
.contact-information {
	width:95%;
	margin:18px 3%;
	text-align:center;
}
.button-container {
	clear:all;
	width:100%;
	padding:15px 0 !important;
	margin-top:10px;
	margin-bottom:10px;
}
.contact-button:hover { background:#ff0099 !important; text-decoration:none;}
.contact-button {
	clear:left;
	width:50%;
	margin:0 auto;
	padding:12px 75px !important;
	font-size:18pt !important;
	font-weight:800;
	background:#ef0c77;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	color:#fff !important;
	text-decoration:none;
	margin-top:-15px;
	margin-bottom:-10px;
}
.promo-link-container { clear:left; padding:0; padding-bottom: 20px; width:60%; position:relative; top: 20px; left:2%;}
.footer-nav {margin-top:0px; text-align:center;}
.footer-nav .footer-links {
	font-weight:normal !important;
	padding:0 0 0 0 !important;
	color:#dfc2f0 !important;
	padding:0 !important;
	margin-right:5px !important; margin-left:5px !important;
}
.footer-links:hover { color:#fff;}
.footer-nav ul	{
list-style-type:none;
margin:0 !important;
padding:0 !important;
width:325px;
}
.footer-nav ul li {
	display:inline;
	margin:0;
}
.footer-nav ul li .footer-link {
	font-family:'Open Sans', Arial, Helvetica, sans-serif;
	font-size:9pt;
	color:#dfc2f0; 
	text-decoration:none; 
	margin-right:5px !important; margin-left:5px !important;
	padding-left:0 !important;
}
.footer-nav ul li .footer-link:hover { color:#fff; margin:0 5px; } 


/* ***********************************************  STYLES FOR OTHER SCREEN SIZES ************************* */
/* ***********************************************  STYLES FOR OTHER SCREEN SIZES ************************* */
/* ***********************************************  STYLES FOR OTHER SCREEN SIZES ************************* */
/* ***********************************************  STYLES FOR OTHER SCREEN SIZES ************************* */

/* Landscape mobilescreens ----------- */
@media only screen 
and (min-width : 480px) {
  /* Styles */
body {
	width:100%;
}	




@media (max-width: 768px){
	
.infobox p.extra{
	margin:25px 0 25px 0 !important;
	}   
.infobox p.extra2{
	margin:25px 0 25px 0 !important;
	}   
/*.infobox p.less{
	margin:92px 1.5em 0.5em 1.5em !important;
	} */  
.infobox p.extra3{
	margin:25px 0 25px 0 !important;
	}   

.infobox {
	background:#fff;
	border-radius:20px;
	z-index:9;
	border: solid 1px #efefef; 
 	width:100%;
 	height:auto;
 	clear:left;
 	margin-bottom:28px;
 	padding-bottom:30px;
 	height:auto;
}

	
}


.contact-button a{
	color: #fff !important;	
	}


.how-text p{
	color:#FFF !important;
	}



.orange {
  margin-top: -26px !important;
  }