/* Home page fpr iPad landscape

	- reduce top nav size
	- reduce crest size
	- reduce slider height and image size
	- show quicklinks in screen 

*/

/* News list page keep to 4 columns, 2 columns and 1 column */
@media all and (max-width:1260px) {
	.row.news-space {
		width: 90%;
		max-width: 650px;
		margin: auto;
	}

}

@media all and (max-width:1240px) {
	#LatestNewsAndEventsDiv,
	.event-box { width: 100%;}
}

@media all and (max-width:1070px) {
	.row.news-space { width: 100%;}
}

@media all and (max-width:960px) {

	.row.news-space { 
		margin: auto;
		max-width: 650px;
	}

	#LatestNewsAndEventsDiv { width: 100%;}

}



/* Home News pods */
@media all and (max-width: 1280px) {
	.home-news-pods .mob-box-fix {
		width: 640px;
		margin: auto;
	}

	.home #LatestNewsAndEventsDiv { width: 100%;}

	.home .event-box { width: 100%;}
}

@media all and (max-width: 660px) {
	.home-news-pods .mob-box-fix { width: auto;}
}


/* Home Banner sizing */

@media all and (max-width: 1024px) {

	.banner {
		max-height: 652px;
	}

	.bg-home {
		background-position: center top;
		background-size: auto 100%;
		height: 660px;
	}

}


/* iPad portrait */
@media only screen and (max-width: 768px) {

	.banner {
		max-height: 487px;
	}

	.bg-home {
		background-position: center top;
		background-repeat: no-repeat;
		background-size: auto 100%;
		height: 487px;
	}

	.home .row.event-content { padding-bottom: 0;}

	/* Page side nav full width */
	.side-nav {
		margin-top: -6px;
	}

	/* Page / Post headings */
	.page-title h1 {
		font-size: 1.8em;
	}

}


@media only screen and (max-width: 639px) {

	/* Move Quicklinks up to fill gap under slider */
	#home-quicklinks {
		margin-top: -85px;
	}
/*
	.banner {
		max-height: 400px;
		max-width: 100%;
		overflow: hidden;
	}

	.bg-home {
		background-position: center top;
		background-repeat: no-repeat;
		background-size: auto 100%;
		height: 400px;
		background-size: auto 400px;
	}
*/
}










@media all and (max-width: 1024px) {


	/* reduce top nav size */
	.header-navigation li {
		padding-top: 13px;
		padding-bottom: 17px;
	}
	.header-navigation a {
		font-size:0.8em;
	}

	/* reduce crest size */
	.big-logo{
		display:none;
	}
	.medium-logo{
		display:block;
		width:65%;
		max-width: 435px;

		margin-top: 50px;
		margin-bottom: 100px;
	}


	/* change banner welcome text box size and position */
	.banner-contents {
		top: 200px;
	}

	.banner-headline h1 {
		font-size: 1.6em;
		line-height: 140%;
		width: 320px;
	}

	.banner-headline span { width: 158px;}


	/* show quicklinks in screen */
	.banner-main-box {
		margin-top: 300px;
	}
}

/* Under 1000px */
@media all and (max-width:1000px) {

	.footer-navigation {
		float: none;
		margin-top: 17px;
		margin-bottom: 20px;
	}


	/* Footer menu */
	.footer-separator {
		display: none;
	}

	.footer-navigation li {
		float: none;
		padding: 0; 
		text-align: center;
		font-size: 12px;
		margin: 12px;
	}

	/* Social Links */
	.footer-link {
		float: none;
		margin: auto;
		width: 165px;
	}

	.footer-link img {
		margin-right: 5px;
	}
}


/* Medium Devices, Desktops */
@media only screen and (max-width: 992px) {

	.medium-logo{
		margin-bottom: 80px;
	}


	#mobile-header {
        display: block;
		margin-top:14px;
    }
	#menu{
		display:none;	
	}


	.tab-hide{
		display:none;
	}
	.tab-show{
		display:block;
	}
	.container{
		padding-left:15px;
		padding-right:15px;
	}
	
	.mob-hide{
		display:none;
	}
	.mob-hide1{
		display:none !important;
	}
	.mob-show{
		display:block !important;
	}
	.home .headerlogo{
		display:block;
		padding-bottom: 9px;
	}
	.home .header-col-rt,.inner .header-col-rt{
		width:auto;
		float:right;
	}
	.headerlogo{
		width:100%;
		max-width:155px;
		padding-right:0;
		padding-bottom:6px;
	}
	.header-navigation a:hover{
		border:0;	
	}




	.tab-hide{
		display:none;
	}
	.tab-show{
		display:block;
	}
	.container{
		padding-left:15px;
		padding-right:15px;
	}
	.big-logo{
		display:none;
	}
	.medium-logo{
		display:block;
		width:65%;
		max-width: 435px;
	}
	.mob-hide{
		display:none;
	}
	.mob-hide1{
		display:none !important;
	}
	.mob-show{
		display:block !important;
	}
	.home .headerlogo{
		display:block;
		padding-bottom: 9px;
	}
	.home .header-col-rt,.inner .header-col-rt{
		width:auto;
		float:right;
	}
	.headerlogo{
		width:100%;
		max-width:155px;
		padding-right:0;
		padding-bottom:6px;
	}
	.header-navigation a:hover{
		border:0;	
	}
	.icon-bar { display: block; width: 26px; height: 3px; background:#594944; margin-top:6px;  }


	





}
	


	/* iPad portrait */
	@media only screen and (max-width: 768px) {

	/* Logo */
	.medium-logo {
		margin-bottom: 60px;
		margin-top: 30px;
		width: 40%;
	}

	/* Slider textbox */
	.banner-contents {
		top: 150px;
	}

	.banner-headline span {
		font-size: 0.8em;
		display: inline-block;
		padding: 8px 29px 6px;
		width: auto;
	}

	.banner-headline h1 {
		font-size: 1em;
	}

	/* Quicklnks make shorter */
	.banner-main-box {
		margin: 200px auto 0;
		float: none;
		width: 100%;
	}

	.menu-box {
		position: relative;
		padding: 9px 9px 9px 20px;
		margin: 0 1px 1px 0;
		max-width: 368px;
		width: 50%;
	}

	.menu-box img {
		position: absolute;
		right: 10px;
	}

	.menu-box span,
	.menu-box h3 {
		margin-top: 0;
		top: 0;
	}

	.menu-box h3 {
		font-size: 1.1em;
	}

	.menu-box span {
		font-size: 0.6em;
	}

	.mob-hide1 { display: block!important;}
	.mob-show { display: none!important;}

	/* Gallery pages */
	.container #gallery-1 .gallery-item {
		width: 100%;
	}

}

@media only screen and (max-width: 767px) {

	.menu-box {
		max-width: 300px;
	}

}

@media only screen and (max-width: 639px) {

	.bg-home {
		background-size: auto 400px;
	}

	.medium-logo { display: none;}


	.banner-contents { top: 250px;}

	.banner-main-box {
		margin-top: 20px;
	}

	.menu-box {
		max-width: 620px;
		width: 100%;
		margin: 0 auto 5px;
	}

}

@media all and (max-width: 610px) {
	.footer-slogan {
		width: 100%;
		text-align: center;
	}
}



/* Gallery no lightbox below 600 */
@media all and (max-width: 600px) {
	.gallery-item a {
		cursor: default;
		pointer-events: none;
	}

}


/* Tables */
.maincontent table {
	max-width: 700px;
	margin-bottom: 2em;
	border: none;
}

.maincontent table td {
	max-width: 0;
}


/* Calendar Table full width */
.maincontent #calendarize-0 table {
	max-width: 100%;
}

.container table th {
  border-bottom: 1px solid #2f0f04;
  padding: 10px 20px 10px 20px;
}

/* Tables responsive */
@media all and (max-width: 1040px) {
	.maincontent table {
		max-width: 80%;
	}

	.container table td,
	.container table th {
		padding: 2%;
	}
}

/* Other resoponsive stuff */
@media all and (max-width: 600px) {

	/* Headings */
	.page-title h1 {
		font-size: 1.8em;
	}


	/* Tables */
	/* Force table to not be like tables anymore */
	table, thead, tbody, th, td, tr { 
		 
	}

	.maincontent table {
		max-width: 100%;
	}

	.maincontent table td { 
		max-width: 100%;
		width: 100%;
		display: block;
	}
	

}



/* Under 400px */
@media all and (max-width:480px) {
	.side-nav {
		margin: -6px 0 10px 0;
	}

	.side-nav li {
		margin-left: -15px;
		margin-right: -15px;
	}

	.page-title h1 {
		font-size: 1.4em;
	}

}


@media all and (max-width:320px) {
	.mob-xs-hide-1 {
		display: block;
	}

	img.mob-xs-hide-1 {
		display: none;
	}
}





/* Search Form */
/*
.search-form {
  position: relative;
  width: 190px;
  float: left;
  top: 5px;
  left: 15px;
}
*/
.inner .search-form {
}

/* Search icon */
.search-submit {
	background: none;
	border: none;
    background-image: url('../images/search.png');
    width: 20px;
    height: 20px;
    position: absolute;
    top: 22px; 
    right: 4px;
    
    cursor: pointer;
    display: block;
    z-index: -10;
}

.search-field {
  background: none;
  background-image: url('../images/search.png');
  background-position: 16px 5px;
  background-repeat: no-repeat;
  background-size: 20px 20px;
  border: none;
  cursor: pointer;
  height: 30px;
  padding: 0 30px 0 10px;
  position: relative;
  -webkit-transition: width 400ms ease, background 400ms ease;
  transition:         width 400ms ease, background 400ms ease;
  width: 0px;
  border: 0px solid #FFF;
  width: 0px;
  color:#fff;


}
.search-field:focus {
  border: 1px solid #FFCB05;
  cursor: text;
  outline: 0;
  width: 175px;
  background: none;
  background: #2f0f04;
  
}

input[type="search"] {
  -webkit-appearance: textfield;
}

/* placeholder */
.search-field::-webkit-input-placeholder { color: #FFCB05!important;}
.search-field:-moz-placeholder { color: #FFCB05;}
.search-field::-moz-placeholder { color: #FFCB05;}
.search-field:-ms-input-placeholder { color: #FFCB05;}