/*
 ----------------------------- 
 PVII Layout Builder Magic
 by Project Seven Development
 www.projectseven.com
 Custom Styles
 -----------------------------
*/

/*
***************************************************
Font Families: You may edit the font-family values,
BUT DO NOT REMOVE OR RENAME THE 4 RULES BELOW
***************************************************
*/
body {
	margin:0;
	background-color: #FCF2CC;
	font-family: 'Sentinel SSm A', 'Sentinel SSm B', Times, "Times New Roman", serif;
	font-size: 100%;
	font-weight:400;
	}
.lbm-bordered {
	border: 1px solid #FECC66;
}
/*Column Separators */
.lbm-sep-left {border-left: 1px solid  #FECC66;}
.lbm-sep-right {border-right: 1px solid  #FECC66;}
.lbm-sep-top {border-top: 1px solid  #FECC66;}
.lbm-sep-bottom {border-bottom: 1px solid  #FECC66;}

.lbm-stack-sans {font-family:'Figgins Sans W01'; font-weight:400, "Gill Sans",  Helvetica, Arial, sans-serif;}
.lbm-stack-serif {font-family:  'Sentinel SSm A', 'Sentinel SSm B', Times, "Times New Roman", serif;}
.lbm-stack-thin {font-family:  'Scotch W01'; font-weight: 300, 'Sentinel SSm A', 'Sentinel SSm B', Times, "Times New Roman", serif;}
.lbm-stack-fancy {font-family:  'Scotch W01'; font-weight: 300, 'Sentinel SSm A', 'Sentinel SSm B', Times, "Times New Roman", serif;}

h1, h2, h3, h4, h5, h6{
	font-weight: normal;	color: #595774;
}
h1 {font-family:  'Scotch W01';  font-weight: 300, 'Sentinel SSm A', 'Sentinel SSm B', Times, "Times New Roman", serif; font-size: 300%;}
h2 {font-family:  'Figgins Sans W01'; font-weight:400; font-style:normal, Helvetica, Arial, sans-serif; font-size: 220%; 
	margin-bottom: -.5em;
}
h3 {font-family: 'Figgins Sans W01'; font-weight:400; font-style:normal, Helvetica, Arial, sans-serif; font-size: 170%; 
margin-bottom: -.5em;}
h4 {font-family:   'Figgins Sans W01'; font-weight:400; font-style:normal, Helvetica, Arial, sans-serif; font-size: 135%;}
h5 {
	font-family:'Figgins Sans W01'; font-weight:400; font-style:normal, sans-serif;
	font-size: 125%;
	margin-bottom: -.9em;
}
h6 {
		font-size: 125%;
		margin-bottom: -.2em;

}
.smallcaps {
	font-size: 80%;
	font-family: 'Sentinel SSm caps A', 'Sentinel SSm caps B';
	font-weight: 600;
	letter-spacing: .06em;
	font-style: normal;
}
.serif_smcaps{
	color: #595774;
	font-size: 1em;
    font-family: 'Sentinel SSm caps A', 'Sentinel SSm caps B';
	font-weight: 600;
	letter-spacing: .06em;
	font-style: normal, serif;
	line-height: 1em;
	}
.serif_smcaps_left{
	color: #595774;
	font-size: 1em;
font-family: 'Sentinel SSm caps A', 'Sentinel SSm caps B';
	font-weight: 600;
	letter-spacing: .06em;
	font-style: normal, serif;
	text-align: left;
	line-height: 1em;
	}
.serif_smcaps_right{
	color: #595774;
	font-size: 1em;
font-family: 'Sentinel SSm caps A', 'Sentinel SSm caps B';
	font-weight: 600;
	letter-spacing: .06em;
	font-style: normal, serif;
	text-align: right;
	line-height: 1em;
	}
.scalable-rounded {
	width: auto;
	height: auto;
	max-width: 100%;
	border-radius: 7px;
}
.scalable-fancy {
	width: auto;
	height: auto;
	max-width: 100%;
	border-radius: 7px;
	box-shadow: 0px 0px 10px rgba(0,0,0,.65);
	
/* ~~ float/clear classes ~~ */
}
.fltrt {  /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page. The floated element must precede the element it should be next to on the page. */
	float: left;
	margin-right: 12px;
}
.clearfloat { /* this class can be placed on a <br /> or empty div as the final element following the last floated div (within the .container) if the .footer is removed or taken out of the .container */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
.scalable-centre {  /* to centre. The element must precede the element it should be next to on the page. */
	margin-left: auto;
    margin-right: auto;
		height: auto;
	width: 100%;
}
.scalable-centre-60 {  /* to centre. The element must precede the element it should be next to on the page. */
	margin-left: auto;
    margin-right: auto;
		height: auto;
	width: 60%;
}
.scalable-fltlft {  /* float an element to  in your page. The floated element must precede the element it should be next to on the page. */
	float: left;
     width: auto;
	height: auto;
	max-width: 100%;
	margin-right: 8px;}
.scalable-fltrt {  /* float an element to right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.scalable-head_img {  
	width: auto;
	height: auto;
	max-width: 100%;
}
.bigg {
	font-size: 180%; font-weight: 300;
	color:#595774;
}
.bigg strong {
	font-weight: 700;
}
.bold_figgins {
	font-family:'Figgins Sans W01'; font-weight:700; font-style:normal, sans-serif;
}
A:link {
	color: #C95046;
	text-decoration: none;
}
/* Primary Link Styles*/
A:visited {
	color: #C95046;
	text-decoration: none;
}

A:active {
	color: #595774;
	text-decoration: none;
}
A:hover {
	color: #C95046;
	text-decoration:none;
	border-radius: 5px;
    background: #FECC66 ;
}

/* Link Styles
Assign one of the following classes to
Text Links on your page
*/
.text-link-light {
	color: #EEE;
	text-decoration: none;
}
.text-link-black {
	color: #000;
	text-decoration: none;
}
.text-link-dark {
	color: #C95046;
	text-decoration: none;
}
.text-link-dark:hover, .text-link-light:hover {
	color: #C95046;
	text-decoration:none;
	border-radius: 5px;
background-image: linear-gradient(
      #fcf2cc, #FECC67
    );
	}
.text-link-dark, .text-link-light {
	text-decoration: none;
}
/*rag and bone additions */

.show_title
{font-family:'Scotch W01'; font-weight: 300; font-style:normal, 'Sentinel SSm A', 'Sentinel SSm B', Times, "Times New Roman", serif;
	font-size: 4rem;
	text-align: center;
	color: #595774;
	top: auto;
	padding-top: 20px;
	padding-bottom: 25px;
	line-height: 4.5rem;
	margin-top:-1.7em;
	margin-bottom: -1.2em
	}
	.show_title_no_pic {
	font-family:'Scotch W01'; font-weight: 300; font-style:normal, 'Sentinel SSm A', 'Sentinel SSm B', Times, "Times New Roman", serif;
	font-size: 4rem;
	text-align: center;
	color: #595774;
	top: auto;
	padding-top: 20px;
	padding-bottom: 25px;
	line-height: .1rem;
	margin-top: -1em;
	margin-bottom: -2.5em
	}
	.banner {
	font-family: 'Scotch W01';
	font-weight: 300;
	font-style: normal, 'Sentinel SSm A', 'Sentinel SSm B', Times, "Times New Roman", serif;
	font-size: 9em;
	text-align: center;
	color: #C95046;
	line-height: 0.8em;
	margin-top: 0.1em;
	margin-bottom: 0.3em;
}
.headline {font-family: 'Scotch W01';	font-weight: 300;	font-style: normal, 'Sentinel SSm A', 'Sentinel SSm B', Times, "Times New Roman", serif;
	font-size: 6rem;}
.Logo {/* this class contains our  logotype */
	height: 2em;
	width: 100%;
	/* [disabled]position: relative; */
	top: 0px;
	margin-right: auto;
	margin-left: auto;
	background-repeat: no-repeat;
	background-position: top;
	text-align: center;
	border-bottom: 2px solid #FECC66;
	text-decoration: none;
	padding-bottom: 1.5em;
}
	#logotype {
	font-family: 'Scotch W01';
	font-weight: 500;
	font-style: normal,  'Sentinel SSm A', 'Sentinel SSm B', Times, "Times New Roman", serif;
	text-align: center;
	font-size: 2em;
	color: #C95046;
	line-height: 1.5em;
	text-decoration: none;
}
#logotype a{
	text-decoration: none;
}
.pagehead_centred {
    font-family:'Figgins Sans W01'; font-weight:400; font-style:normal, sans-serif;
	font-size: 4em;
	text-align: center;
	color: #595774;
	top: auto;
	padding-top: 20px;
	padding-bottom: 25px;
	line-height: 4rem;
	}
	.pagehead_splash {
	 font-family:'Figgins Sans W01'; font-weight:400; font-style:normal, sans-serif;
	font-size: 2.75em;
	text-align: left;
	color: #595774;
	line-height: 0.9em;
	margin-top: -1em;
	margin-bottom: -2.5em;
	}
.headings {
    font-family:'Figgins Sans W01'; font-weight:400; font-style:normal, sans-serif;
	font-size: 4rem;
	text-align: center;
	color: #595774;
	top: auto;
	padding-top: 20px;
	padding-bottom: 25px;
	line-height: 4.5rem;
	margin-top:-1.7em;
	margin-bottom: -1.2em
	}
	.sans_subhead{
	font-family: 'Figgins Sans W01';
	font-weight: 400;
	font-style: normal, sans-serif;
	font-size: 2.75em;
	color: #595774;
	line-height: 1em;
	margin-top: -1em;
	margin-bottom: -2.5em;
	text-align: center;
	}
#rb_large {
	font-family: 'Scotch W01';
	font-weight: 300;
	font-style: normal, 'Sentinel SSm A', 'Sentinel SSm B', Times, "Times New Roman", serif;
	font-size: 5.3rem;
	text-align: left;
	color: #C95046;
	top: 0%;
	line-height: 4.7rem;
	left: 20px;
	right: 20px;
}
#rb_phone_logotype {
	font-family: 'Scotch W01';
	font-weight: 400;
	font-style: normal, 'Sentinel SSm A', 'Sentinel SSm B', Times, "Times New Roman", serif;
	font-size: 2.1rem;
	text-align: left;
	color: #C95046;
	line-height: 2.2rem;
	padding-left: 5px;
	padding-top: 2px;
}
#top_photo{
	margin-right: auto;
	margin-left: auto;
	margin-top: -3.75em;
	}
#juicebox-container {
	margin-right: auto;
	margin-left: auto;
	margin-top:-2.5em;
	margin-bottom: -1em;
	max-width: 640px;
	max-height: 480px;
}
#juicebox-container2 {
	margin-right: auto;
	margin-left: auto;
	max-width: 640px;
	max-height: 480px;
}
#juicebox-container_big {
	margin-right: auto;
	margin-left: auto;
}
		.gallery {
     width:100%;
     position: relative;
		padding: 0;
		margin: 0;
		text-align: center;
	}

	.gallery-image{
cursor:pointer;
		position: relative;
		display: block;
	}

	.gallery-text
	{
	font-family: 'Scotch W01';
	font-weight: 300;
	font-style: normal, 'Sentinel SSm A', 'Sentinel SSm B', Times, "Times New Roman", serif;
	font-size: 10rem;
	text-align: center;
	color: #C95046;
	position: absolute;
	top: 8rem;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	vertical-align: middle;
	line-height: 1em;
	}
		
/*Media Queries*/
@media only screen and (max-height: 500px) and (orientation:landscape)
{
	#main_pic {
	max-height:10vh;
}
	.banner {
	text-align: left;
	margin-bottom: 0.1em;
}
.conditional_image {
	display: none;}
	
.scalable-head_img{
	margin-top: -10em;
	max-width:30%;
	float:right;
	}
	.pagehead_centred, .headings, .show_title, .Logo {
	text-align: left;
	margin-right: 30%;
	}
	.sans_subhead{
	text-align:left;
	margin-left: 5px;
}
	#rb_phone_logotype {
display: block;}
			}
@media only screen and (max-height: 768px) {
	#main_pic {
	max-height:10vh;
}
.conditional_image {
height: 40vmax;
	width:auto;
		}
	}
	@media only screen and (orientation:portrait) {
		#main_pic {
	max-height:10vh;
}
.conditional_image {
	height: 40vmax;
	width:auto;
   	}
	}
@media only screen and (min-width: 767px){
#rb_large {
display: none;}
#rb_phone_logotype {
display: none;}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.banner {
	text-align: left;
	margin-bottom: 0.1em;
	}
#rb_large{
display: none;}
#rb_phone_logotype {
display: none;}
#logotype{font-size: 150%;}
body {font-size: 110%;}
}
.gallery-text{
	font-family: 'Scotch W01';
	font-weight: 300;
	font-style: normal, 'Sentinel SSm A', 'Sentinel SSm B', Times, "Times New Roman", serif;
	font-size: 8rem;
	color: #C95046;
	position: absolute;
	top: 6rem;
	right: 0;
	bottom: 0;
	left: .1em;
	width: 100%;
	vertical-align: middle;
	line-height: 7rem;
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
	.banner {
	text-align: left;
	margin-bottom: 0.1em;
	}
#juicebox-container {
display: none;
}
#top_photo {
    margin-right: auto;
	margin-left: auto;
	margin-top: -.5em;
	max-width: 350px;
}
#logotype{display: none;}
.Logo {
	height: .4rem;
	padding-bottom: 0rem;}
body {font-size: 90%;}
.pagehead_centred, .headings, .show_title {
	text-align: left;
	margin-top:-1.25em;
	}
	.sans_subhead{
	text-align:left;
	margin-left: 5px;
}
	.show_title_no_pic {
	line-height: 1em;
	text-align: left;
	margin-top: -1.2em;
	margin-bottom: -100px;
	}
	.lbm-column {
	padding: 2px 1px;
}
.gallery-text{
	text-align: left;
	top: 1rem;
	
}	select.prodoption{max-width:320px}
}
@media only screen and (min-width: 0px) and (max-width: 494px) {
	.banner {
	font-size: 7.25em;
	text-align: left;
	line-height: 0.8em;
	padding-bottom: 5rem;
}
#juicebox-container {
display: none;
}
.scalable-fltlft {  float: none;
}
#top_photo {
    margin-right: auto;
	margin-left: auto;
	margin-top: .5em;
	max-width: 100%;
}
#logotype{display: none;}
.Logo {
	height: .4rem;
	padding-bottom: 0rem;}
body {font-size: 95%;}
.pagehead_centred, .headings, .show_title, .show_title_no_pic{
	font-size: 2.8em;
	line-height: 1.1em;
	margin-top:-4.1rem;
	margin-bottom: -65px;
	text-align: left;
	}
	.lbm-column {
	padding: 1px 1px;
}
.sans_subhead{
	text-align:left;
	margin-left: 5px;
}
.gallery-text{
	font-family: 'Scotch W01';
	font-weight: 400;
	font-style: normal;
	font-size: 4.8rem;
	text-align: left;
	color: #C95046;
	line-height: 4.2rem;
	position: absolute;
	top: .1em;
	right: 0;
	bottom: 0;
	left: .1em;
	width: 100%;
	vertical-align: middle;
}
a:-webkit-any-link{
text-decoration:none !important;
}
A:link {
	color: #C95046;
	text-decoration: none;
}
}
.center_this {
	text-align: center;
}
@media only screen and (min-width: 0px) and (max-width: 494px) , (max-height: 500px )
{
	.not_on_phone {
		display: none;
		}
}