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

/* mobile nav */

#hamburger {
	display: none;
}



@media (max-width: 1430px){
	.introCopy {
    padding-right: 3%; padding-left: 3%; padding-top: 15%;
}
}



@media (max-width: 1120px){
	

	h1 {
    font-size: 24px;
    color: #555555;
}
	#nav {font-size: 18px;}
	.blockBoxIndexDiaryMonth {
    width: 80%;
}
	
	#nav ul li a {padding:18px 14px 12px 9px;}
	.introCopy {padding-right: 3%; padding-left: 3%;  padding-top: 28%;}
	.parallaxCaption {	 padding-top: 17%;}
}


@media (max-width: 990px){
		
	#nav {font-size: 16px;}
	h1 {font-size: 22px;}
	h2  {font-size: 22px;}
	h3  {font-size: 20px;}
	.blockBoxIndexDiaryMonth {width: 90%;}
	.blockBoxIndexDiary {width: 90%; }
	.box {  padding-right: 0px;}
	.boxFooter a {font-size:16px;}
	.boxFooter a:hover {font-size:16px;}
	.colWrap.col2 { width:auto; float:none; margin:0; padding-top:20px; }
	.colWrap.col2.lastCol { padding-top:0 !important; }
	.parallaxCaption {font-size: 54px; padding-top: 21%;}
	.marginTopImage {margin-top: 75px;}
	.introCopy { padding-top: 32%;}
}


@media (max-width: 890px){
	
	h1 {font-size: 20px;}
	h2  {font-size: 20px;}
	h3  {font-size: 17px;}
	
	#headerImage img { max-width:400px !important; }
	#nav { bottom:auto; right:auto; width:106.4%; background:#fff; margin:0 -3.2%; }
	#nav ul { margin:0; }
	#nav ul li {float:none; display: none;}
	#nav li:hover ul { display:none; }
	#nav ul li a {padding:3%; border-right:none; border-top:1px solid #90a735;	background-color: #FFFFFF; }
	#nav ul li a { text-align:left; }
	#hamburger {display:inline; top:70px;}
	#nav > ul > li > a:after {display:none;}
	#nav ul li a { color: #333;}
	.teamGridTitle {font-size: 15px;  font-weight: 500; }
	.headerContact {padding-right:6px; }
	.marginTopImage {margin-top: 60px;}
	.footerTitle {font-size: 24px;}	
	.introCopy { padding-top: 32%;}
	.centreSubHeader { font-size: 22px;}	
	
	.footerTitle {font-size: 24px;}	
	.dateNews {font-size: 14px;}
	.concertinaHead { font-size: 24px;}
	.blockBoxIndexDiaryMonth {width: 100%;}
	.blockBoxIndexDiary {width: 100%; }
}




@media (max-width:760px){
	

	h2  {font-size: 18px; line-height:1.1;}
	h3  {font-size: 18px; line-height:1.1;}
	.teamGridTitle {font-size: 16px;  font-weight: 500;}	
	.parallaxCaption {font-size: 54px; padding-top: 24%;}
	.boxWhiteBgRod  {background-image: url(../images/blank.png);}
	.footerTitle {font-size: 22px;letter-spacing: -1px;}
	.boxFooter a {font-size:16px;}
	.boxFooter a:hover {font-size:16px;}
	.whiteScriptOpening   {font-size: 20px;}
	.introCopy { padding-top: 45%;}
	.concertinaHead { font-size: 20px;  font-weight: 500;}
}


@media (max-width: 688px){
	
	h1  {font-size: 24px; }		
	.footerTitle {	font-size: 20px; letter-spacing:-1px;}

	.wrapWhatsOn .col3 { width: auto !important;float: none; margin: 0 !important; padding-bottom: 10px;}	
	.centreColSubTitle { font-size: 30px;  }
	
}


@media (max-width: 660px){
	h1  {font-size: 22px; letter-spacing: -1px;}		
	
	.introCopy {width: 90%;}
	.introCopyTextTitle {font-size: 36px;}
	.introCopyText {font-size:24px;}
	.introCopyTextTitleDark {font-size: 36px;}
	.introCopyTextDark {font-size:24px;}
	
	.boxFooter a {font-size:16px; letter-spacing: -1px; }
	.boxFooter a:hover {font-size:16px; letter-spacing: -1px;}

}


@media (max-width: 600px){
	
	.headerContact { font-size:14px; padding-top: 0px;}
	.whiteScriptOpening {font-size: 16px; margin-top:2px; margin-bottom: 0px;}
	.introCopy {width: 90%; padding-top: 50%;}
	.whiteScriptOpening   {font-size: 18px;}
	.parallaxCaption {font-size: 44px; padding-top: 28%;}
}

@media (max-width: 568px){
	.blockBoxIndexDiaryMonth {width: 92%;}
	.blockBoxIndexDiary {width: 92%;  font-size: 18px;}
	.teamGridTitle {font-size: 16px; font-weight: 500; }
	.marginTopImage {margin-top: 0px;}
	.centreColTitle {font-size:26px;}
	.centreTextLight { font-size:16px;}
	.parallaxCaption {font-size: 40px; padding-top: 32%;}
	.introCopy {width: 95%; padding-top: 60%;}
	.boxButton {  font-size: 16px; width: 65%;}
	.boxButton a {font-size: 16px;}
	.boxButton a:hover {font-size: 16px;}
	.centreColSubTitle { font-size: 24px;  }
	.boxFooter a {font-size:20px; letter-spacing: 0; }
	.boxFooter a:hover {font-size:20px; letter-spacing: 0;}
	.footerTitle {font-size: 26px;}	
	.whiteScriptOpening   {font-size: 22px;}
	.dateNews {font-size: 18px;}
	.news-list .col2:first-child, #news .col2:first-child .box { padding-bottom: 0; }
	.news-list .col2:first-child .box { padding-top: 0; }
	.pWhite {font-size: 20px;}

	.news-list .col2:last-child .concertinaTrigger:first-child .concertinaHead { border-top: 2px solid #555555; }
	
	
}

@media (max-width: 530px){
		#hamburger {display:inline; top:53px;}
	#headerImage img { max-width:300px !important; }
	h2  {font-size: 18px;letter-spacing: -1px;}
	
		.dateNews {font-size: 16px;}
	.introCopyTextTitle {font-size: 36px;letter-spacing: 0px; line-height: 1.2;}
	.introCopyText {font-size:26px; }
	.introCopyTextTitlDark {font-size: 36px;letter-spacing: 0px; line-height: 1.2;}
	.introCopyTextDark {font-size:26px; }
	

	.centreBox {width: 98%;}
	.boxButton {  font-size: 14px; width: 65%;}	
	.boxButton a {font-size: 14px;}
	.boxButton a:hover {font-size: 14px;}
	
}

@media (max-width: 400px){
	
	#headerImage img { max-width:260px !important; }
	#hamburger {display:inline; top:46px;}
	.wrap1 { padding-top: 10px; }
	.blockBoxIndexDiaryMonth {width: 100%;}
	.blockBoxIndexDiary {width: 100%;  font-size: 16px;}
	.staticImage{ height: 420px;}
	.leftImage {margin-right: 10px;}
	.introCopy {padding-top: 60%;}
	.introCopyTextTitle {font-size: 32px;}
	.introCopyTextTitleDark {font-size: 32px;}
	.centreColTitle {font-size:22px;}
	.boxButton {   width: 80%;}	
	.parallaxCaption {font-size: 34px; padding-top: 50%;}
	.introCopyTextWrapper {width:85%;}
}


@media (max-width: 380px){
	
	
	.introCopyText {font-size: 22px;}
	.introCopyTextTitle {font-size: 30px;}
	.introCopyTextDark {font-size: 22px;}
	.introCopyTextTitleDark {font-size: 30px;}
	
	.centreTextSmall {letter-spacing:0;}
	.centreBox {width: 98%;}
	.centreBlockHeader {font-size: 40px; padding-bottom: 10px; margin-bottom:5px;}
	.parallaxCaption {font-size: 32px; padding-top: 60%;}
	.footerTitle {font-size: 26px;}	
}