@charset "utf-8";
/* CSS Document */

/* mobile nav */

#hamburger {
	display: none;
}

@media (max-width: 1430px){
	.faderLeft, .faderRight { display:none !important; }
		#nav {font-size: 16px;font-weight: 500;}
}
@media (max-width: 990px){
	
	.karmaPink {font-size: 24px;}
	.colWrap.col2 { width:auto; float:none; margin:0; padding-top:20px; }
	.colWrap.col2.lastCol { padding-top:0 !important; }
	.openingPara { font-size: 30px; letter-spacing:-2px;}
	.openingParaSmaller {font-size: 18px;font-weight: 500;}
	.openingParaDark {font-size:18px;}
	#popUp {height: 150px; bottom: 20px;left: 20px; width: 300px; }
}




@media (max-width:870px){
	h1 { font-size: 26px;}
	#nav { bottom:auto; right:auto; width:106.4%; background:#fff; margin:0 -3.2%; }
	#nav ul { margin:0; border-bottom:1px solid #cb0f5f; }
	#nav ul li {float:none; display: none;}
	#nav li:hover ul { display:none; }
	#nav ul li a { text-align:center; padding:10px 3%; border-right:none; border-top:1px solid #cb0f5f; }
	#nav ul li a { text-align:left; }
	#hamburger {display:inline;}
	#nav > ul > li > a:after {display:none;}
	.leftImage2 {margin-top: 25px; margin-bottom: 0px;}
	.karmaPink { letter-spacing:-1px;}
	.leftImage {margin-right: 5px; }
	p {
    font-weight: 300;
}
	
}

@media (max-width:800px){
	
	h1 { font-size: 24px;}
	h2 {font-size: 26px;}
	.leftImage3 { float:none; max-width:none;}
	.indexGridTitle a {  font-size: 12px; letter-spaciong:0;}
	.indexGridTitle a:hover {  font-size: 12px;letter-spaciong:0;}
}

@media (max-width: 600px){
	
	
	
	h3 {font-size: 36px;}
	h5 {font-size: 28px; }
	h6 {font-size: 20px;}
	.credit {letter-spacing: -1px;}
	.white {font-size: 16px; margin-top: 10px;}
	.centreBlockHeader {font-size: 30px;}
	.centreBlockHeader:after {margin: 10px auto 10px auto;}
	.headerContact { font-size: 12px;}	
	.openingPara { font-size: 24px;}	
	.leftImage { margin-bottom: 0px; padding-bottom: 0px;}
	.karmaPink {font-size:18px; letter-spacing:-1px;}
	.pSmall {font-size: 14px;}
	.introCopyTitle { font-size: 30px; font-weight: 600;}
	.introCopySmall { font-size: 26px;font-weight: 500;}
	.introCopySmallLight {font-size: 26px; font-weight: 400;}
   
}

@media (max-width: 568px){
	
	#popUp {display:none;}
	h1 {font-size: 28px; }
	h2 {font-size: 24px;}
	h3 {font-size: 30px;}
	h4 {font-size: 20px;}
	#headerImage {max-width: 450px;}

	.leftImage3 { float:left; max-width:200px;}
	.openingPara { font-size: 30px;}
	.box2{margin-left: 0;}
	.white{ font-size:18px;margin-top: 15px;}
	.karmaPink {font-size:26px; letter-spacing:normal;}
	.pSmall {font-size: 12px;}	
	.contentWrapNarrow {max-width: 80%;}
	.indexGridTitle a {  font-size: 14px; letter-spacing:-1px;}
	.indexGridTitle a:hover {  font-size:14px;letter-spacing:-1px;}
	.introCopy {font-size:30px; }

}



@media (max-width: 478px){
#headerImage {max-width: 400px;}
	h2 {font-size: 24px;}
	h3 {font-size: 26px;}
	h4 {font-size: 18px;}
	#headerImage img { max-width:90px; }
	.centreBlockHeader {font-size: 26px;}
	.headerContact { top:2px;}	
	.contentWrapNarrow {max-width:90%;}
	.pSmallWhite {line-height:1;}
	.pSmall {font-size: 15px;}
	


@media (max-width: 428px){
	
	#headerImage img { max-width:70px; }
	.centreBlockHeaderChristmas { font-size: 32px;}
	.buyTicketTitle {font-size:20px;line-height: 1.2; }
	.black {font-size: 22px;}
	p { line-height: 1.4;}

}
	
@media (max-width: 360px){
	
	h3 {font-size: 24px;letter-spacing: -1px;}
	h5 {font-size:20px;}
	#headerImage img { max-width:50px; }
	.buyTicketTitle {font-size:18px;line-height: 1; }
	.pink {font-size: 36px; font-weight: 700;}
	.pink2 {font-size: 22px; font-weight: 600; letter-spacing:-1px;}
	.openingParaSmaller {font-size: 14px;}
	.openingParaDark{ font-size:14px;}	
	}
}