/*
Title:      	Five Houses stylesheet for screen media
Author:     	Karl Ridley, falling@happyleaves.com
Updated:    	12th November 2017
*/


/* WRAPPERS */

html {
  	font-size: 100%;
	}

body {
	font-family: "brandon-grotesque";
	font-weight: 400;
	font-style: normal;
	font-size: 1em;
	line-height:1.6875;
	text-align: left;
	color: #515348;
	margin: 0 auto;
	-webkit-font-smoothing: antialiased;	
	height: 100%; 
    min-height: 100%;
	background: #515348; 
	}
	
::-moz-selection { 
	background: #515348; 
	color: #ffffff; 
	text-shadow: none; 
	}

::selection { 
	background: #515348; 
	color: #ffffff; 
	text-shadow: none; 
	}

img::-moz-selection	{ 
	background: transparent; 
	}
	
img::selection { 
	background: transparent; 
	}
	
a:active {
	outline: none;
	}

a:focus	{
	-moz-outline-style: none;
	}	
	
a {
	text-decoration: none;
	-moz-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;
	}	

p {
	margin: 0 0 1.35rem 0; 
	text-align: center;
	color: #1d1d1d;
	font-size: 1.15rem;
	line-height: 1.4rem;	
	font-family: "brandon-grotesque";
	font-weight: 400;
	font-style: normal;
	}
	
em {
	font-family: "brandon-grotesque";
	font-style: italic;
	font-weight: 400;
	}	
	
strong {
	font-family: "brandon-grotesque";
	font-weight: 700;
	font-style: normal;
	}		

h1 {
 	text-align: center;
	font-size: 3.125rem;
	line-height: 3.425rem;
	color: #515348;
	font-family: "adobe-garamond-pro";
	font-weight: 400;
	font-style: normal;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
	letter-spacing: 0.1rem;
	}
@media (max-width: 768px) {
	h1 {	
	font-size: 2.75rem;
	line-height: 3.15rem;
	}
}


.h1_creampaneltxt {
 	text-align: center;
	font-size: 2.75rem;
	line-height: 3.15rem;
	color: #515348;
	font-family: "adobe-garamond-pro";
	font-weight: 400;
	font-style: normal;
	margin: 0;
	padding: 0;
	text-transform: none;
	letter-spacing: 0.05rem;
	}
.h1_creampaneltxt strong {
	font-family: "adobe-garamond-pro";
	font-weight: 700;
	}
@media (max-width: 768px) {
	.h1_creampaneltxt {	
	font-size: 2.15rem;
	line-height: 2.55rem;
	}
}


.h2_greypaneltxt {
 	text-align: center;
	font-size: 2.75rem;
	line-height: 3.15rem;
	color: #ffffff;
	font-family: "adobe-garamond-pro";
	font-weight: 400;
	font-style: normal;
	margin: 0;
	padding: 0;
	text-transform: none;
	letter-spacing: 0.05rem;
	}
.h2_greypaneltxt strong {
	font-family: "adobe-garamond-pro";
	font-weight: 700;
	}
@media (max-width: 768px) {
	.h2_greypaneltxt {	
	font-size: 2.15rem;
	line-height: 2.55rem;
	}
}



h2 {
 	text-align: left;
	font-size: 1.875rem;
	line-height: 2.25rem;
	color: #515348;
	font-family: "adobe-garamond-pro";
	font-style: normal;
	font-weight: 400;
	margin: 0 0 1.6rem 0;
	padding: 0;
	text-transform: uppercase;
	letter-spacing: 0.1rem;
	}
@media (max-width: 768px) {
	h2 {	
	font-size: 1.675rem;
	line-height: 1.975rem;
	}
}	


.h2_homepromodark {
 	text-align: center;
	font-size: 2.125rem;
	line-height: 2.525rem;
	color: #2b2b2a;
	font-family: "adobe-garamond-pro";
	font-style: normal;
	font-weight: 400;
	margin: 0 0 1.6rem 0;
	padding: 0;
	text-transform: uppercase;
	letter-spacing: 0.1rem;
	}
@media (max-width: 768px) {
	.h2_homepromodark {	
	font-size: 1.875rem;
	line-height: 2.175rem;
	}
}


.h2_homepromolight {
 	text-align: center;
	font-size: 2.125rem;
	line-height: 2.525rem;
	color: #ffffff;
	font-family: "adobe-garamond-pro";
	font-style: normal;
	font-weight: 400;
	margin: 0 0 1.6rem 0;
	padding: 0;
	text-transform: uppercase;
	letter-spacing: 0.1rem;
	}
@media (max-width: 768px) {
	.h2_homepromolight {	
	font-size: 1.875rem;
	line-height: 2.175rem;
	}
}


h3 {
 	text-align: left;
	font-size: 1.375rem;
	line-height: 1.675rem;
	color: #515348;
	font-family: "adobe-garamond-pro";
	font-style: normal;
	font-weight: 400;
	margin: 0 0 1.4rem 0;
	padding: 0;
	text-transform: uppercase;
	letter-spacing: 0.1rem;
	}
@media (max-width: 768px) {
	h3 {	
	font-size: 1.225rem;
	line-height: 1.555rem;
	}
}	


h4 {
 	text-align: left;
	font-size: 1.225rem;
	line-height: 1.555rem;
	color: #515348;
	font-family: "adobe-garamond-pro";
	font-style: normal;
	font-weight: 400;
	margin: 0 0 0.7rem 0;
	padding: 0;
	text-transform: uppercase;
	letter-spacing: 0.025rem;
	}
@media (max-width: 768px) {
	h4 {	
	font-size: 1.105rem;
	line-height: 1.325rem;
	margin: 0 0 0.7rem 0;
	}
}	


h5 {
 	text-align: left;
	font-size: 1.1rem;
	line-height: 1.35rem;
	color: #a7aca0;
	font-family: "brandon-grotesque";
	font-style: normal;
	font-weight: 700;
	margin: 0 0 0.7rem 0;
	padding: 0;
	text-transform: uppercase;
	letter-spacing: 0.05rem;
	}
@media (max-width: 768px) {
	h5 {	
	font-size: 0.95rem;
	line-height: 1.15rem;
	margin: 0 0 0.7rem 0;
	}
}	


.h6_dark {
 	text-align: center;
	font-size: 0.7rem;
	line-height: 0.9rem;
	color: #515348;
	font-family: "adobe-garamond-pro";
	font-style: normal;
	font-weight: 400;
	margin: 0 0 0.7rem 0;
	padding: 0;
	text-transform: uppercase;
	letter-spacing: 0.1rem;
	}
@media (max-width: 768px) {
	.h6_dark {	
	font-size: 0.65rem;
	line-height: 0.85rem;
	margin: 0 0 0.7rem 0;
	}
}	

.h6_light {
 	text-align: center;
	font-size: 0.7rem;
	line-height: 0.9rem;
	color: #a7aca0;
	font-family: "adobe-garamond-pro";
	font-style: normal;
	font-weight: 400;
	margin: 0 0 0.7rem 0;
	padding: 0;
	text-transform: uppercase;
	letter-spacing: 0.1rem;
	}
@media (max-width: 768px) {
	.h6_light {	
	font-size: 0.65rem;
	line-height: 0.85rem;
	margin: 0 0 0.7rem 0;
	}
}

	

.divlinesolidwhite {
	height: 1px;
	margin: 2.0rem 0;
	width: 100%;
	padding: 0;
	border-bottom: #ffffff solid 1px;
	}	

.divlinesolidwhite2 {
	height: 1px;
	margin: 0 0 2.5rem 0;
	width: 100%;
	padding: 0;
	border-bottom: #ffffff solid 1px;
	}

.divlinesolidlightgrey {
	height: 1px;
	margin: 2.0rem 0;
	width: 100%;
	padding: 0;
	border-bottom: #edeeec solid 1px;
	}

.divlinesoliddarkgrey {
	height: 1px;
	margin: 1.3rem 0;
	width: 100%;
	padding: 0;
	border-bottom: #212120 solid 1px;
	}

.divlinesolidcream {
	height: 1px;
	margin: 2.0rem 0;
	width: 100%;
	padding: 0;
	border-bottom: #a7aca0 solid 1px;
	}
		
.clear {
 	clear: both;
	height: 0;
 	}		



	

/* TEXT COMPONENTS */
	
.normaltxt {
	text-align: left;
	color: #515348;
	font-size: 1.15rem;
	line-height: 1.4rem;
	font-family: "brandon-grotesque";
	font-weight: 300;
	font-style: normal;
	}
.normaltxt a:link, .normaltxt a:visited {
	color: #1d1d1d;
	text-decoration: none;
	font-family: "brandon-grotesque";
	font-weight: 500;
	font-style: normal;
	}	
.normaltxt a:active, .normaltxt a:hover {
	color: #1d1d1d;
	text-decoration: none;
	border-bottom: 1px solid #1d1d1d;
	font-family: "brandon-grotesque";
	font-weight: 500;
	font-style: normal;
	}	



.normaltxtwhitecenter {
	text-align: center;
	color: #ffffff;
	font-size: 1.15rem;
	line-height: 1.4rem;
	font-family: "brandon-grotesque";
	font-weight: 300;
	font-style: normal;
	}
.normaltxtwhitecenter a:link, .normaltxtwhitecenter a:visited {
	color: #ffffff;
	text-decoration: none;
	font-family: "brandon-grotesque";
	font-weight: 500;
	font-style: normal;
	}	
.normaltxtwhitecenter a:active, .normaltxtwhitecenter a:hover {
	color: #ffffff;
	text-decoration: none;
	border-bottom: 1px solid #ffffff;
	font-family: "brandon-grotesque";
	font-weight: 500;
	font-style: normal;
	}	



.mailinginstructionstxt {
	text-align: center;
	color: #a7aca0;
	font-size: 1.0rem;
	line-height: 1.35rem;	
	font-family: "brandon-grotesque";
	font-weight: 400;
	font-style: normal;
	}



.smallertxt {
	text-align: left;
	color: #515348;
	font-size: 0.95rem;
	line-height: 1.25rem;	
	font-family: "brandon-grotesque";
	font-weight: 300;
	font-style: normal;
	}
.smallertxt a:link, .smallertxt a:visited {
	color:#1d1d1d;
	text-decoration:none;
	font-family: "brandon-grotesque";
	font-weight: 500;
	font-style: normal;
	}	
.smallertxt a:active, .smallertxt a:hover {
	color:#1d1d1d;
	text-decoration:none;
	border-bottom: 1px solid #1d1d1d;
	font-family: "brandon-grotesque";
	font-weight: 500;
	font-style: normal;
	}	

		
	
.largertxt {
	text-align: left;
	color: #1d1d1d;
	font-size: 1.475rem;
	line-height: 1.8775rem;	
	font-family: "adobe-garamond-pro";
	font-weight: 400;
	font-style: normal;
	}	
.largertxt strong {
	font-family: "brandon-grotesque" !important;
	font-weight: 700 !important;
	font-style: normal !important;
	}
.largertxt a:link, .largertxt a:visited {
	color:#1d1d1d;
	text-decoration:none;
	font-family: "adobe-garamond-pro";
	font-weight: 600;
	font-style: normal;
	}	
.largertxt a:active, .largertxt a:hover {
	color:#1d1d1d;
	text-decoration:none;
	border-bottom: 1px solid #1d1d1d;
	font-family: "adobe-garamond-pro";
	font-weight: 600;
	font-style: normal;
	}



.addresstxt {
	text-align: center;
	color: #515348;
	font-size: 1.5rem;
	line-height: 1.9rem;
	font-family: "brandon-grotesque";
	font-weight: 400;
	font-style: normal;
	padding: 0; 
	margin: 0 0 0.6rem 0;
	}
.addresstxt a:link, .addresstxt a:visited {
	color: #1d1d1d;
	text-decoration: none;
	font-family: "brandon-grotesque";
	font-weight: 500;
	font-style: normal;
	}	
.addresstxt a:active, .addresstxt a:hover {
	color: #1d1d1d;
	text-decoration: none;
	border-bottom: 1px solid #1d1d1d;
	font-family: "brandon-grotesque";
	font-weight: 500;
	font-style: normal;
	}




.largertelemailtxt {
	text-align: left;
	color: #ffffff;
	font-size: 1.375rem;
	line-height: 1.775rem;	
	font-family: "brandon-grotesque";
	font-weight: 400;
	font-style: normal;
	padding: 0;
	margin: 0;
	}		
.largertelemailtxt a:link, .largertelemailtxt a:visited {
	color:#ffffff;
	text-decoration:none;
	font-family: "brandon-grotesque";
	font-weight: 700;
	font-style: normal;
	}	
.largertelemailtxt a:active, .largertelemailtxt a:hover {
	color:#ffffff;
	text-decoration:none;
	border-bottom: 1px solid #ffffff;
	font-family: "brandon-grotesque";
	font-weight: 700;
	font-style: normal;
	}
@media screen and (max-width: 768px) {
  .largertelemailtxt {
	text-align: center;
  }
}



	
.mainaddresstxt {
	text-align: center;
	color: #1d1d1d;
	font-size: 1.5rem;
	line-height: 2.0rem;	
	font-family: "brandon-grotesque";
	font-weight: 400;
	font-style: normal;
	}		
.mainaddresstxt a:link, .mainaddresstxt a:visited {
	color:#1d1d1d;
	text-decoration:none;
	font-family: "brandon-grotesque";
	font-weight: 500;
	font-style: normal;
	}	
.mainaddresstxt a:active, .mainaddresstxt a:hover {
	color:#1d1d1d;
	text-decoration:none;
	border-bottom: 1px solid #1d1d1d;
	font-family: "brandon-grotesque";
	font-weight: 500;
	font-style: normal;
	}
.mainaddresstxt strong {
	font-weight: 700;
	}	




.bulletlist {
	margin: 0 auto;
	padding: 0;
	list-style: none;
	color: #515348;
	}	
.bulletlist ul {
	list-style: none;
	margin: 0;
	border: 0;
	padding: 0;
	}	
.bulletlist li {
	color: #515348;
	font-size: 1.15rem;
	line-height: 1.4rem;	
	padding: 0 0 0.6rem 0;
	font-family: "brandon-grotesque";
	font-weight: 300;
	font-style: normal;	
	text-transform: none !important;
	}	
.bulletlist li i {
	text-align: left;
	color: #a7aca0;
	font-size: 0.75rem;
	line-height: 1.65rem;		
	padding: 0 0.5rem 0 0;
	vertical-align: 5%;
	}			
.bulletlist a:link, .bulletlist a:visited {
	color: #1d1d1d;
	text-decoration: none;
	font-family: "brandon-grotesque";
	font-weight: 500;
	font-style: normal;
	}
.bulletlist a:active, .bulletlist a:hover  {
	color: #1d1d1d;
	text-decoration: none;
	border-bottom: 1px solid #1d1d1d;
	font-family: "brandon-grotesque";
	font-weight: 500;
	font-style: normal;
	}	




.rss-title {	
	text-align: center;
	color: #515348;
	font-size: 1.2rem;
	line-height: 1.5rem;		
	font-family: "brandon-grotesque";	
	font-weight: 400;
	font-style: normal;
	padding: 0;	
	margin: 0 0 0.4rem 0;
	}
.rss-title a:link, .rss-title a:visited {
	color:#1d1d1d;
	font-size: 1.375rem;
	line-height: 1.675rem;
	text-decoration:none;
	font-family: "brandon-grotesque";
	font-weight: 500;
	font-style: normal;
	text-transform: uppercase;
	}
.rss-title a:active, .rss-title a:hover {
	color:#1d1d1d;
	font-size: 1.375rem;
	line-height: 1.675rem;		
	text-decoration: none;
	border-bottom: 1px solid #1d1d1d;
	font-family: "brandon-grotesque";
	font-weight: 500;
	font-style: normal;
	text-transform: uppercase;
	}	

.rss-item {	
	text-align: center;
	color: #515348;
	font-size: 1.15rem;
	line-height: 1.4rem;		
	font-family: "brandon-grotesque";
	font-weight: 400;
	font-style: normal;
	margin: 0 0 0.4rem 0;
	}

.rss-date {	
	text-align: center;
	color: #a7aca0;
	font-size: 0.9rem;
	line-height: 1.2rem;		
	font-family: "adobe-garamond-pro";	
	font-weight: 400;
	font-style: normal;
	text-transform: uppercase;
	padding: 0 !important;
	margin: 0 0 0.4rem 0 !important;
	}	






	



/* SCROLL TO TOP */
	
.scrollToTop {
	width: 40px;
	height: 40px;
	border: 0;
	margin: 0;
	padding: 0;
	-webkit-transition: background 0.3s ease-out;
	background-color: #2b2b2a;
	color: #a7aca0;	
	text-align: center;	
	line-height: 40px;
	font-size: 1.8rem;
	cursor: pointer;
	position:fixed;
	bottom: 0;
	right: 0;
	display:none;
	z-index: 999;	
	}
.scrollToTop:hover {
	background-color: #2b2b2a;
	color: #ffffff;
	}	
	
	
	


	
	
	
/* HOME COMPONENTS */

#wrapper {
	margin: 0 auto;
	padding: 0;
	width: 100%;
	}

#mainnavholder {
	margin: 0 auto !important;
	padding: 0 4.166%;
    width: 100%;
	text-align: center !important;
	background-color: rgba(43, 43, 42, .5);	
	}

#logoholder {	
	margin: 0 auto;
	max-width: 430px;
	padding: 17.5vh 0 0 0;
	/* IE9 and 10  */
  	content: 'viewport-units-buggyfill;'  'padding: 17.5vh 0 0 0;';
	}	
@media screen and (max-width: 768px) {
  #logoholder {
	margin: 0 auto;  
	max-width: 60%;
	  padding: 15vh 0 0 0;
	/* IE9 and 10  */
  	content: 'viewport-units-buggyfill;'  'padding: 15vh 0 0 0;';
  }
}
@media screen and (max-width: 320px) {
  #logoholder {
	margin: 0 auto;  
	max-width: 75%;
	padding: 12.5vh 0 0 0;
	/* IE9 and 10  */
  	content: 'viewport-units-buggyfill;'  'padding: 12.5vh 0 0 0;';
  }
}


#homepromotopholder {	
	margin: 0 auto;
	padding: 0;
	}



#othertopholder {	
	margin: 0 auto;
	padding: 0;
	padding: 22.5vh 0 0 0;
	/* IE9 and 10  */
  	content: 'viewport-units-buggyfill;'  'padding: 22.5vh 0 0 0;';
	}
@media screen and (max-width: 768px) {
  #othertopholder {
	 padding: 17.5vh 0 0 0;
	/* IE9 and 10  */
  	content: 'viewport-units-buggyfill;'  'padding: 17.5vh 0 0 0;';
  }
}



#videopanel  {
	width: 100%;
	margin: 0 auto;
	padding: 7.5vh 16.666%;
    /* IE9 and 10  */
  	content: 'viewport-units-buggyfill;'  'padding: 7.5vh 16.666%;';
	overflow: hidden !important;
  	position: relative;
    background: #2b2b2a;
	}
@media screen and (max-width: 1060px) {
  #videopanel {
	padding: 5.0vh 8.333%;
    /* IE9 and 10  */
  	content: 'viewport-units-buggyfill;'  'padding: 5.0vh 8.333%;';
  }
}
@media screen and (max-width: 768px) {
  #videopanel {
	padding: 3.5vh 5.0%;
    /* IE9 and 10  */
  	content: 'viewport-units-buggyfill;'  'padding: 3.5vh 5.0%;';
  }
}


#whatsontopholder {	
	margin: 0 auto;
	padding: 0;
	padding: 15vh 0 0 0;
	/* IE9 and 10  */
  	content: 'viewport-units-buggyfill;'  'padding: 15vh 0 0 0;';
	}
@media screen and (max-width: 768px) {
  #whatsontopholder {
	 padding: 12.5vh 0 0 0;
	/* IE9 and 10  */
  	content: 'viewport-units-buggyfill;'  'padding: 12.5vh 0 0 0;';
  }
}



#creambannerpanelholder {	
	margin: 0 auto;
	padding: 7.5vh 5%;
	/* IE9 and 10  */
  	content: 'viewport-units-buggyfill;'  'padding: 7.5vh 5%;';
	background: #d3ccbc url(../png/white-house.png) no-repeat 50% 50%;
	text-align: center;
	}

#greybannerpanelholder {	
	margin: 0 auto;
	padding: 7.5vh 5%;
	/* IE9 and 10  */
  	content: 'viewport-units-buggyfill;'  'padding: 7.5vh 5%;';
	background: #a7aca0 url(../png/white-house.png) no-repeat 50% 50%;
	text-align: center;
	}

#darkgreybannerpanelholder {	
	margin: 0 auto;
	padding: 7.5vh 5%;
	/* IE9 and 10  */
  	content: 'viewport-units-buggyfill;'  'padding: 7.5vh 5%;';
	background: #515348 url(../png/dark-house.png) no-repeat 50% 50%;
	text-align: center;
	}

#whitecontentpanelhome {	
	margin: 110vh auto 0 auto;
	background: #ffffff;    
    padding: 6.5rem 5%;
	}
@media screen and (max-width: 768px) {
  #whitecontentpanelhome {
	margin: 100vh auto 0 auto;
  }
}

#whitecontentpanel {	
	margin: 0 auto;
	padding: 6.5rem 5%;
	background: #ffffff;
	}

#whiteimagepanel {	
	margin: 0 auto;
	padding: 3.5rem 5%;
	background: #ffffff;
	}

#contactmap {	
	margin: 0 auto;
	padding: 0;
	height: 50vh;
	/* IE9 and 10  */
  	content: 'viewport-units-buggyfill;'  'height: 50vh;';
	}

#lightcreamcontentpanel {	
	margin: 0 auto;
	padding: 6.5rem 5%;
	background: #edeeec;
	}
#lightcreamcontentpanel2 {	
	margin: 0 auto;
	padding: 3.5rem 5%;
	background: #edeeec;
	}

#homenewsfeedpanel {	
	margin: 0 auto;
	padding: 0 5% 6.5rem 5%;
	background: #ffffff;
     position: relative;
    z-index: 10;
	}
@media screen and (max-width: 320px) {
  #homenewsfeedpanel {
	padding: 0 5%;
  }
}


#instagramchannelpanel {	
	margin: 0 auto;
	padding: 3.5rem 15%;
	background: #a7aca0;
	}
@media screen and (max-width: 480px) {
  #instagramchannelpanel {
	padding: 3.5rem 5%;
  }
}

#footeropeningtwitterpanel {	
	margin: 0 auto;
	padding: 6.5rem 5%;
	background: #ffffff;
	}
@media screen and (max-width: 320px) {
  #footeropeningtwitterpanel {
	padding: 2.0rem 5%;
  }
}


#footergreypanel {	
	margin: 0 auto;
	padding: 6.5rem 5% 0 5%;
	background: #2b2b2a;
	}
@media screen and (max-width: 320px) {
  #footergreypanel {
	padding: 2.0rem 5% 0 5%;
  }
}


.bodyleftpadding {
	padding: 0 3.0rem 0 0;
	margin: 0;
	}
@media (max-width: 768px) {
	.bodyleftpadding {
	padding: 0;
	}	
}

.bodyrightpadding {
	padding: 0 0 0 3.0rem;
	margin: 0;
	}
@media (max-width: 768px) {
	.bodyrightpadding {
	padding: 0;
	}	
}	



/* ANIMATED SCROLL COMPONENTS */

#section10 a {
  	padding-top: 55px;
	}
#section10 a span {
  	position: absolute;
  	top: 0;
  	left: 50%;
  	width: 26px;
  	height: 44px;
  	margin-left: -15px;
  	border: 1px solid #ffffff;
  	border-radius: 50px;
  	box-sizing: border-box;
	font-family: "brandon-grotesque";
	font-weight: 300;
	font-style: normal;
	}
#section10 a span::before {
  	position: absolute;
  	top: 10px;
  	left: 50%;
  	content: '';
  	width: 6px;
  	height: 6px;
  	margin-left: -3px;
  	background-color: #ffffff;
  	border-radius: 100%;
  	-webkit-animation: sdb10 2s infinite;
  	animation: sdb10 2s infinite;
  	box-sizing: border-box;
	}
@-webkit-keyframes sdb10 {
  	0% {
    	-webkit-transform: translate(0, 0);
    	opacity: 0;
  	}
  	40% {
    	opacity: 1;
  	}
  	80% {
    	-webkit-transform: translate(0, 20px);
    	opacity: 0;
  	}
  	100% {
    	opacity: 0;
  	}
}
@keyframes sdb10 {
  	0% {
    	transform: translate(0, 0);
    	opacity: 0;
  	}
  	40% {
    	opacity: 1;
  	}
  	80% {
    	transform: translate(0, 20px);
    	opacity: 0;
  	}
  	100% {
    	opacity: 0;
  	}
}


.demo a {
  	position: absolute;
  	bottom: 20px;
	left: 48.5%;
  	z-index: 2;
  	display: inline-block;
  	-webkit-transform: translate(0, -50%);
  	transform: translate(0, -50%);
  	color: #a7aca0;
	font-size: 0.75rem;
  	font-family: "brandon-grotesque";
	font-weight: 300;
	font-style: normal;
  	letter-spacing: 0.15rem;
  	text-decoration: none;
  	transition: opacity .3s;
	text-transform: uppercase;
	}
.demo a:hover {
  	opacity: .5;
	}

@media (max-width: 768px) {
	.demo a {	
	left: 46.5%;
	}	
}






/* HOME INTRO PANELS COMPONENTS */

#homeheaderimage {
	margin: 0;
	padding: 0;
    z-index: 10;
    position: absolute;
    top: 0;
    left: 0;
	width: 100%;
    height: 100%;
	}

#testvideo {
    padding: 0;
    margin: 0 auto;
    }

.vimeo-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    pointer-events: none;
    overflow: hidden;
    }
.vimeo-wrapper iframe {
    width: 100vw;
    height: 56.25vw; /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
    min-height: 100vh;
    min-width: 177.77vh; /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    }

.embed-container { 
    position: relative; 
    padding-bottom: 56.25%; 
    height: 0; 
    overflow: hidden; 
    max-width: 100%; 
    } 

.embed-container iframe, .embed-container object, .embed-container embed { 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
    }



#otherheaderimage {
	margin: 0;
	padding: 0;
	}
#otherheaderimagecontact {
	margin: 0;
	padding: 0;
    background: url(../jpg/header-pics/contact-02.jpg) no-repeat 50% 50%;
    background-size: cover;
	}
#otherheaderimagefarmshopanddeli {
	margin: 0;
	padding: 0;
    background: url(../jpg/header-pics/farm-shop-and-deli-02.jpg) no-repeat 50% 50%;
    background-size: cover;
	}
#otherheaderimagekitchen {
	margin: 0;
	padding: 0;
    background: url(../jpg/header-pics/kitchen-02.jpg) no-repeat 50% 50%;
    background-size: cover;
	}
#otherheaderimagekitsonsbutchers {
	margin: 0;
	padding: 0;
    background: url(../jpg/header-pics/kitsons-butchers.jpg) no-repeat 50% 50%;
    background-size: cover;
	}
#otherheaderimagelocalproduce {
	margin: 0;
	padding: 0;
    background: url(../jpg/header-pics/local-produce.jpg) no-repeat 50% 50%;
    background-size: cover;
	}
#otherheaderimageourheritage {
	margin: 0;
	padding: 0;
    background: url(../jpg/header-pics/our-heritage.jpg) no-repeat 50% 50%;
    background-size: cover;
	}
#otherheaderimagewhatson {
	margin: 0;
	padding: 0;
    background: url(../jpg/header-pics/whats-on.jpg) no-repeat 50% 50%;
    background-size: cover;
	}
#otherheaderimageterms {
	margin: 0;
	padding: 0;
    background: url(../jpg/header-pics/terms-and-conditions.jpg) no-repeat 50% 50%;
    background-size: cover;
	}
#otherheaderimageprivacy {
	margin: 0;
	padding: 0;
    background: url(../jpg/header-pics/privacy-policy.jpg) no-repeat 50% 50%;
    background-size: cover;
	}
#otherheaderimagecookies {
	margin: 0;
	padding: 0;
    background: url(../jpg/header-pics/cookies-policy.jpg) no-repeat 50% 50%;
    background-size: cover;
	}

#otherpagetitleholder {
	margin: 0 auto;
	padding: 3.0rem 2.0rem 0.1rem 2.0rem;
	width: 100%;
	background: #ffffff;
	}
@media screen and (max-width: 768px) {
	#otherpagetitleholder {
	width: 75%;
	}	
}	

#headerimage {
	margin: 0;
	padding: 0;
	/* IE9 and 10  */
	border-bottom: 1px solid #1d1d1d;
	}	
	
.bodyleftpadding {
	padding: 0;
	margin: 0 30px 0 0;
	}		
.bodyrightpadding {
	padding: 0 0 0 30px;
	margin: 0;
	}	
	
@media screen and (max-width: 768px) {
	.bodyleftpadding {
	padding: 0;
	margin: 0 0 30px 0;
	}		
	.bodyrightpadding {
	padding: 0;
	margin: 0;
	}	
}	






/* HOME THREE BLOCKS EQUAL HEIGHTS */

.container {
    width: 100%;
    margin: 0 auto;
    padding: 10px 0;
	}
	
.items-container,.data-test-items {
    overflow: hidden;
    margin: 0 0;
	}


.itemleftpagesplit_a {
    display: block;
    float: left;
    width: 33.3333%;		
	}
.itemrightpagesplit_a {
    display: block;
    float: left;
    width: 66.6666%;		
	}
.itemleftpagesplit_b {
    display: block;
    float: left;
    width: 66.6666%;		
	}
.itemrightpagesplit_b {
    display: block;
    float: left;
    width: 33.3333%;		
	}
.item-1 { 
	background: #a7aca0;
	}	
.item-2 { 
	background: #ffffff;
	border-bottom: 10px solid #ffffff;
	}
.item-3 { 
	background: #2b2b2a;
	}	
.item-4 { 
	background: #ffffff;
	border-bottom: 10px solid #ffffff;
	}
.item-5 { 
	background: #515348;
	}	
.item-6 { 
	background: #ffffff;
	border-bottom: 10px solid #ffffff;
	}
.iteminnercontentsplit {
    padding: 4.4rem 10%;	
	}
.iteminnerimagesplit {
    padding: 4.4rem 10%;	
	}


.itemleft5050 {
    display: block;
    float: left;
    width: 50.0%;		
	}
.itemright5050 {
    display: block;
    float: left;
    width: 50.0%;		
	}
.item-7 { 
	border-right: 1px solid #a7aca0;
	}
.item-8 { 
	}
.iteminnercontentsplitleft5050 {
    padding: 0 10% 0 0;	
	}
.iteminnercontentsplitright5050 {
    padding: 0 0 0 10%;	
	text-align: center;
	}


			
.item img {
    display: block;
    max-width: 100%;
	}



@media only screen and (max-width: 960px) {
	
    .test-margin .itemleftpagesplit_a, .test-margin .items-container.big-items .itemleftpagesplit_a {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    	}
	.test-margin .itemrightpagesplit_a, .test-margin .items-container.big-items .itemrightpagesplit_a {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    	}	
	.test-margin .itemleftpagesplit_b, .test-margin .items-container.big-items .itemleftpagesplit_b {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    	}
	.test-margin .itemrightpagesplit_b, .test-margin .items-container.big-items .itemrightpagesplit_b {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    	}
	.item-1 { 
		border-right: none;
		border-bottom: none;
		}	
	.item-2 { 
		border-bottom: 30px solid #ffffff;
		}
	.item-3 { 
		border-right: none;
		border-bottom: none;
		}	
	.item-4 { 
		border-bottom: 30px solid #ffffff;
		}
	.item-5 { 
		border-right: none;
		border-bottom: none;
		}	
	.item-6 { 
		}
	.iteminnercontentsplit {
    	padding: 3.4rem 5%;	
		}
	.iteminnerimagesplit {
    	height: 30vh;
  		content: 'viewport-units-buggyfill;'  'height: 30vh;';	
		}
	
	.test-margin .itemleft5050, .test-margin .items-container.big-items .itemleft5050 {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    	}
	.test-margin .itemright5050, .test-margin .items-container.big-items .itemright5050 {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    	}
	.item-7 { 
		border-right: none;
		border-bottom: 1px solid #a7aca0;
		padding: 0 5% 2.0rem 5%;
		}
	.item-8 {
    	padding: 2.0rem 5% 0 5%;	
		}
	.iteminnercontentsplitleft5050 {
    	padding: 0;	
		}
	.iteminnercontentsplitright5050 {
    	padding: 0;	
		}
		
}





/* BUTTONS COMPONENTS */

.buttonholdercenter {
	padding: 1.0rem 0;
	margin: 0 auto;
	text-align: center;
	}
.buttonholderleft {
	padding: 1.0rem 0;
	margin: 0;
	text-align: left;
	float: left;
	}	
.buttonholderright {
	padding: 1.0rem 0;
	margin: 0;
	text-align: right;
	float: right;
	}	

.buttonslight {
	font-size: 1.0rem;
	line-height: 1.0rem;
	font-family: "brandon-grotesque";
	font-weight: 700;
	font-style: normal;	
	padding: 0.5rem 1.6rem;
	text-decoration:none;
	color: #ffffff;
	display: inline;
	text-align: center;
	margin: 0;
	letter-spacing: 0.1rem;
	border: 3px solid #ffffff;
	text-transform: uppercase;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	}	
.buttonslight:hover {
	color: #808678;
	border: 3px solid #808678;
	}

.buttonsmid {
	font-size: 1.0rem;
	line-height: 1.0rem;
	font-family: "brandon-grotesque";
	font-weight: 700;
	font-style: normal;	
	padding: 0.5rem 1.6rem;
	text-decoration:none;
	color: #515348;
	display: inline;
	text-align: center;
	margin: 0;
	letter-spacing: 0.1rem;
	border: 3px solid #515348;
	text-transform: uppercase;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	}	
.buttonsmid:hover {
	color: #2b2b2a;
	border: 3px solid #2b2b2a;
	}

.buttonsdark {
	font-size: 1.0rem;
	line-height: 1.0rem;
	font-family: "brandon-grotesque";
	font-weight: 700;
	font-style: normal;	
	padding: 0.5rem 1.6rem;
	text-decoration:none;
	color: #ffffff;
	display: inline;
	text-align: center;
	margin: 0;
	letter-spacing: 0.1rem;
	border: 3px solid #ffffff;
	text-transform: uppercase;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	}	
.buttonsdark:hover {
	color: #a7aca0;
	border: 3px solid #a7aca0;
	}	





/* OPENING TIMES COMPONENTS */

.openinghoursleft {
	margin: 0;
	padding: 0;
	width: 50%;
	float: left;
	}
.openinghoursright {
	margin: 0;
	padding: 0;
	width: 50%;
	float: left;
	}

.navmenuleft {
	margin: 0 auto;
	padding: 0 0 1.3rem 0;
	list-style: none;
	color: #818e99;
	}	
.navmenuleft span {
	font-family: "brandon-grotesque";
	font-style: normal;
	font-weight: 400;
	font-size: 1.0rem;
	color: #a7aca0;
	letter-spacing: 0.05rem;
	}
.navmenuleft ul {	
	list-style: none;
	margin: 0;
	border: 0;
	padding: 0;
	}
.navmenuleft li {
	list-style-type: none;
	margin: 0 0 0.3rem 0;
	text-align: left;
	color: #515348;
	font-size: 1.0rem;
	line-height: 1.3rem;	
	font-family: "brandon-grotesque";
	font-weight: 400;
	font-style: normal;
	text-transform: uppercase;
	letter-spacing: 0.05rem;
	overflow: hidden;
	}

.navmenuright {
	margin: 0 auto;
	padding: 0 0 1.3rem 0;
	list-style: none;
	color: #818e99;
	}	
.navmenuright span {
	font-family: "brandon-grotesque";
	font-style: normal;
	font-weight: 400;
	font-size: 1.0rem;
	color: #a7aca0;
	letter-spacing: 0.05rem;
	}
.navmenuright ul {	
	list-style: none;
	margin: 0;
	border: 0;
	padding: 0;
	}
.navmenuright li {
	list-style-type: none;
	margin: 0 0 0.3rem 0;
	text-align: right;
	color: #515348;
	font-size: 1.0rem;
	line-height: 1.3rem;	
	font-family: "brandon-grotesque";
	font-weight: 400;
	font-style: normal;
	text-transform: uppercase;
	letter-spacing: 0.05rem;
	overflow: hidden;
	}

.navmenucenter {
	margin: 0 auto;
	padding: 0 0 1.3rem 0;
	list-style: none;
	color: #818e99;
	}	
.navmenucenter ul {	
	list-style: none;
	margin: 0;
	border: 0;
	padding: 0;
	}
.navmenucenter li {
	list-style-type: none;
	margin: 0 0 0.3rem 0;
	text-align: center;
	color: #515348;
	font-size: 1.1rem;
	line-height: 1.6rem;	
	font-family: "brandon-grotesque";
	font-weight: 400;
	font-style: normal;
	/* text-transform: uppercase;
	letter-spacing: 0.05rem; */
	overflow: hidden;
	}
.navmenucenter li span {
	font-weight: 300 !important;
	}






/* KITCHEN COMPONENTS */	

.menuitemsleft {	
	margin: 0;
	width: 80%;
	float: left;
	text-align: left;
	color: #2b2b2a;
	font-size: 1.05rem;
	line-height: 1.3rem;	
	font-family: "brandon-grotesque";
	font-weight: 500;
	font-style: normal;
	padding: 0 0 1.1rem 0;
	text-transform: uppercase;
	}

.menuitemsright {	
	margin: 0;
	width: 20%;
	float: right;
	text-align: right;
	color: #2b2b2a;
	font-size: 1.05rem;
	line-height: 1.3rem;	
	font-family: "brandon-grotesque";
	font-weight: 400;
	font-style: normal;
	padding: 0 0 1.1rem 0;
	}


.menuitemsleft2 {	
	margin: 0;
	width: 60%;
	float: left;
	text-align: left;
	color: #2b2b2a;
	font-size: 1.05rem;
	line-height: 1.3rem;	
	font-family: "brandon-grotesque";
	font-weight: 500;
	font-style: normal;
	padding: 0 0 1.1rem 0;
	text-transform: uppercase;
	}

.menuitemsright2 {	
	margin: 0;
	width: 40%;
	float: right;
	text-align: right;
	color: #2b2b2a;
	font-size: 1.05rem;
	line-height: 1.3rem;	
	font-family: "brandon-grotesque";
	font-weight: 400;
	font-style: normal;
	padding: 0 0 1.1rem 0;
	}


.menuitemsleft3 {	
	margin: 0;
	width: 80%;
	float: left;
	text-align: left;
	color: #2b2b2a;
	font-size: 1.05rem;
	line-height: 1.3rem;	
	font-family: "brandon-grotesque";
	font-weight: 500;
	font-style: normal;
	padding: 0 0 1.1rem 0;
	text-transform: none;
	}

.menudescription {
    color: #515348;
    font-family: "FSSienaLightItalic";
	font-weight: normal;
	font-style: normal;
	font-size: 1.0rem;
	text-transform: none;
	}

.noticebox {	
	margin: 0 0 4.0rem 0;
	text-align: left;
	color: #707669;
	font-size: 0.95rem;
	line-height: 1.2rem;	
	font-family: "FSSienaLightItalic";
	font-weight: normal;
	font-style: normal;
	padding: 1.6rem;
	border: 1px solid #ced0ca;
	background: #d9dbd6;
	}
.noticebox strong {	
	margin: 0;
	text-align: left;
	color: #2b2b2a;	
	font-family: "brandon-grotesque";
	font-weight: 500;
	font-style: normal;
	text-transform: uppercase;
	}






/* KITSON BUTCHERS COMPONENTS */	

#mapnorthallerton, #mapstockton {
    padding: 0;
	height: 45vh;	
	/* IE9 and 10  */
  	content: 'viewport-units-buggyfill;'  'height: 45vh;';
	}

@media screen and (max-width: 768px) {
	#mapnorthallerton, #mapstockton {
	height: 40vh;	
	/* IE9 and 10  */
  	content: 'viewport-units-buggyfill;'  'height: 40vh;';
	}		
}	







/* WHAT'S ON COMPONENTS */

.newsimageholder {
	margin: 0;
	padding: 0;
	width: 100%;	
	}

.newscontentholder {
	margin: 0;
	padding: 1.3rem 5% 1.1rem 5%;
	width: 100%;
	background: #edeeec;
	}
.newscontentholder p {
	text-align: left !important;
	font-family: "brandon-grotesque";
	font-weight: 300;
	font-style: normal;
	}

.newstitleholder {
	margin: 0;
	padding: 1.0rem 5%;
	width: 100%;
	background: #515348;
	border-bottom: 1px solid #ffffff;
	}

.newstitletxt {
	text-align: left;
	color: #ffffff;
	font-size: 1.4rem;
	line-height: 1.7rem;	
	font-family: "brandon-grotesque";
	font-weight: 700;
	font-style: normal;
	text-transform: uppercase;
	letter-spacing: 0.05rem;
	padding: 0;
	margin: 0;
	}		
.newstitletxt a:link, .newstitletxt a:visited {
	color:#ffffff;
	text-decoration:none;
	font-family: "brandon-grotesque";
	font-weight: 700;
	font-style: normal;
	}	
.newstitletxt a:active, .newstitletxt a:hover {
	color:#ffffff;
	text-decoration:none;
	border-bottom: 1px solid #ffffff;
	font-family: "brandon-grotesque";
	font-weight: 700;
	font-style: normal;
	}

.whatsondateholder {
	margin: 0;
	padding: 0.75rem 5%;
	width: 100%;
	background: #a7aca0;
	}

.whatsondatetxt {
	text-align: left;
	color: #ffffff;
	font-size: 0.85rem;
	line-height: 0.85rem;	
	font-family: "adobe-garamond-pro";
	font-weight: 400;
	font-style: normal;
	padding: 0;
	margin: 0;
	text-transform: uppercase;
	letter-spacing: 0.05rem;
	}







/* CONTACT COMPONENTS */	

#contactformholder {	
	padding: 0;
	margin: 2.0rem 0 0 0;
	}

.contactinputleft {	
	padding: 0;
	margin: 0 10px 10px 0;
	}
@media screen and (max-width: 768px) {
	.contactinputleft {	
	margin: 0 0 10px 0;
	}	
}

.contactinputright {	
	padding: 0;
	margin: 0 0 10px 10px;
	}
@media screen and (max-width: 768px) {
	.contactinputright {	
	margin: 0 0 10px 0;
	}	
}

.contactinputfullwidth {
	padding: 0;
	margin: 0 0 10px 0;
	}	
@media screen and (max-width: 768px) {
	.contactinputfullwidth {
	margin: 0 0 10px 0;
	}
}	

.contactinstructionsholder {	
	margin: 10px 0 0 0;
	text-align: left;
	color: #2b2b2a;
	font-size: 0.9rem;
	line-height: 1.2rem;
	font-family: "brandon-grotesque";
	font-weight: 300;
	font-style: normal;
	text-transform: uppercase;
	padding: 0 0 5px 0;
	}
@media screen and (max-width: 960px) {
	.contactinstructionsholder {	
	margin: 0 0 5px 0;
	padding: 10px 0 0 0;
	}	
}	

.contactinputleft input[type="text"], .contactinputright input[type="text"], .contactinputleft input[type="email"], .contactinputright input[type="email"] {
  	text-align: left;
	color: #515348;
	width: 100%;
	height: 45px;
	padding: 0 0 0 15px;
	margin: 0;
	font-size: 1.0rem;
	line-height: 35px;
	vertical-align: middle;
	font-family:"brandon-grotesque";
	font-weight: 400;
	font-style: normal;
	background: #dddfdb;
	box-shadow: none;	
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	border-top: 1px solid #d2d4d1;
	border-left: 1px solid #d2d4d1;
	border-right: 1px solid #d2d4d1;
	border-bottom: 3px solid #d2d4d1;
	}	
.contactinputleft input[type="text"]:hover, .contactinputright input[type="text"]:hover, .contactinputleft input[type="email"]:hover, .contactinputright input[type="email"]:hover {
	color: #2b2b2a;
	}


.contactinputfullwidth textarea {
  	text-align: left;
	color: #515348;
	width: 100%;
	height: 200px;
	padding: 15px;
	margin: 0;
	font-size: 1.0rem;
	line-height: 1.3rem;
	vertical-align: middle;
	font-family:"brandon-grotesque";
	font-weight: 400;
	font-style: normal;
	background: #dddfdb;
	box-shadow: none;	
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	border-top: 1px solid #d2d4d1;
	border-left: 1px solid #d2d4d1;
	border-right: 1px solid #d2d4d1;
	border-bottom: 3px solid #d2d4d1;
	}	
.contactinputfullwidth textarea:hover {
	color: #2b2b2a;
	}

button[type="submit"].contactform_button {
	font-size: 1.15rem;
	line-height: 1.15rem;
	font-family:"brandon-grotesque";
	font-weight: 700;
	font-style: normal;
	padding: 1.0rem 1.6rem 0.8rem 1.6rem;
	text-decoration:none;
	color: #515348;
	text-align: center;
	background-color: #edeeec;
	text-transform: uppercase;
	letter-spacing: 0.05rem;
	margin: 0 auto;
	display: block;
	border: 3px solid #515348;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	}
button[type="submit"].contactform_button:hover, button[type="submit"].contactform_button:focus {
	color: #a7aca0;
	border: 3px solid #a7aca0;
	}	

.g-recaptcha {
	margin: 0 auto;
	padding: 1% 0 3% 0;
	width: 304px;
	text-align: center;
	}	







/* MAILING LIST COMPONENTS */	

.mailinginstructionsholder {	
	margin: 0 15px 0 0;
	text-align: left;
	color: #a7aca0;
	font-size: 0.9rem;
	line-height: 1.2rem;
	font-family: "brandon-grotesque";
	font-weight: 300;
	font-style: normal;
	text-transform: uppercase;
	padding: 0 0 5px 0;
	}
@media screen and (max-width: 960px) {
	.mailinginstructionsholder {	
	margin: 0 0 5px 0;
	padding: 10px 0 0 0;
	}	
}	

.mailinginputholder {	
	margin: 0 15px 0 0;
	}
@media screen and (max-width: 960px) {
	.mailinginputholder {	
	margin: 0 0 10px 0;
	}	
}	

.mailinginputholder input[type="text"], .mailinginputholder input[type="email"] {
  	text-align: left;
	color: #a7aca0;
	width: 100%;
	height: 45px;
	padding: 0 0 0 15px;
	margin: 0;
	font-size: 1.0rem;
	line-height: 1.0rem;
	vertical-align: middle;
	font-family:"brandon-grotesque";
	font-weight: 400;
	font-style: normal;
	background: #212120;
	box-shadow: none;	
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	border-top: 1px solid #363635;
	border-left: 1px solid #363635;
	border-right: 1px solid #363635;
	border-bottom: 3px solid #363635;
	}	
.mailinginputholder input[type="text"]:hover, .mailinginputholder input[type="email"]:hover {
	color: #ffffff;
	}	
	
	
button[type="submit"].mailingform_button {
	font-size: 1.0rem;
	line-height: 1.0rem;
	font-family:"brandon-grotesque";
	font-weight: 700;
	font-style: normal;
	padding:12px 10px 11px 10px;
	text-decoration:none;
	color: #d3ccbc;
	display: block;
	text-align: center;
	background-color: #2b2b2a;
	text-transform: uppercase;
	letter-spacing: 0.05rem;
	margin: 0;
	width: 100%;
	border: 3px solid #d3ccbc;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	}
button[type="submit"].mailingform_button:hover, button[type="submit"].mailingform_button:focus {
	color: #ffffff;
	border: 3px solid #ffffff;
	}			
	

	
	
	
	
/* FOOTER COMPONENTS */
	
#footercontainer {
	width: 100%;
	margin: 4.5rem 0 0 0;
	padding: 0;
	}

#footercontainerlower {
	width: 100%;
	padding: 0 0 14.0rem 0;
	margin: 0;
	background: url(../png/footer-house.png) no-repeat 50% bottom;
	}
	
.sociallinksfooter {
	text-align: right;
	color: #d3ccbc;
	font-size: 0.95rem;
	line-height: 0.95rem;	
	font-family: "brandon-grotesque";
	font-weight: 500;
	font-style: normal;
	text-transform: uppercase;
	padding: 0;
	margin: 0;
	}	
.sociallinksfooter i {
	padding: 0;
	margin: 0 0 0 0.8rem;
	font-size: 1.4rem;
	line-height: 1.4rem;	
	}			
.sociallinksfooter a:link, .sociallinksfooter a:visited {
	color:#d3ccbc;
	text-decoration:none;	
	}	
.sociallinksfooter a:active, .sociallinksfooter a:hover {
	color:#ffffff;
	text-decoration:none;	
	}	
@media screen and (max-width: 960px) {
	.sociallinksfooter {
	text-align: center;
	margin: 1.3rem 0 0 0;
	}	
}	

	
.footertxt {
	text-align: left;
	color: #d3ccbc;
	font-size: 0.95rem;
	line-height: 1.25rem;	
	font-family: "brandon-grotesque";
	font-weight: 400;
	font-style: normal;
	padding: 0;
	margin: 0 0 0.6rem 0;
	}
.footertxt span {
	text-transform: uppercase;
	font-weight: 600;
	}
.footertxt a:link, .footertxt a:visited {
	color:#d3ccbc;
	text-decoration:none;
	font-family: "brandon-grotesque";
	font-weight: 400;
	font-style: normal;
	}	
.footertxt a:active, .footertxt a:hover {
	color:#d3ccbc;
	text-decoration:none;
	border-bottom: 1px solid #d3ccbc;
	font-family: "brandon-grotesque";
	font-weight: 400;
	font-style: normal;
	}
@media screen and (max-width: 960px) {
	.footertxt {
	text-align: center;
	}	
}
		
		
#happyleaves {	
	width: 178px;
	height: 15px;
	margin: 15px 0 0 0;
	padding: 0;
	float: right;
	text-align: right !important;
	}
@media screen and (max-width: 960px) {
	#happyleaves {
	text-align: center;
	float: none;
	margin: 1.3rem auto 0 auto;
	}	
}

.center {
	text-align: center !important;
	}

.white {
	color: #ffffff;
	}

.cream {
	color: #a7aca0;
	}