/* 
  -----------------------------------
  7RENDERED 
  Custom CSS
  -----------------------------------
*/

/* Add your Exception and Custom Rules Here*/

.logo{
	margin: 0px;
	padding: 0px;
	position: absolute;
	top: 0px;
	z-index: 999999999;
	width: 100%;
	background-color: rgba(255,255,255,.0);
	}
.menu{
	margin:0px;
	padding:0px;
	padding-top:70px;
	position: absolute;
	top: 0px;
	z-index: 999999999;
	width: 100%;
	background-color:rgba(255,255,255,.0);
	}
#callout {
    padding-top: 100px;
    padding-bottom: 50px;
    padding-left: 20px;
    padding-right: 20px;
    margin: 0px;
    line-height: 1.5em;
    vertical-align: baseline;
    height: auto;
}
#callout h2 {
    font-family: 'Cinzel','Lato', Optima, Arial, sans-serif;
    font-size: 250%;
    font-weight: normal;
    letter-spacing: 3px;
    color: #647D45;
	line-height: normal;
}
#callout p {
    font-family: 'Lato', Optima, Arial, sans-serif;
    font-size: 90%;
    font-weight: normal;
    text-transform: uppercase;
    line-height: 28px;
    letter-spacing: 1px;
    color: #70665A;
}
#brand {
	padding-top: 0px;
	padding-bottom: 0px;
	margin: 0px;
	letter-spacing: 1px;
	font-size: 100%;
	line-height: 1.5em;
	color: #777777;
}
#butterfly {
    margin-top: -200px;
    margin-bottom: -180px;
    vertical-align: baseline;
    z-index: 99999999;
    max-width: 30%;
	margin-left: auto;
	margin-right: auto;
	position:relative;
	
}

.fullback{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 100%;
}
#home {
	padding: 0px;
	margin: 0px;
	vertical-align: baseline;
}
#home img {
	padding-top: 140px;
	padding-bottom: 0px;
	max-width: 80%;
}

#home h1 {
	font-weight: bold;
	padding-top: 180px;
	padding-bottom: 0px;
	margin-bottom: .5em;
	font-size: 500%;
	text-align: center;
	text-transform: uppercase;
	color: #323337;
	letter-spacing: 1px;
}
#home h2 {
	font-weight: 300;
	padding-top: 0px;
	padding-bottom: 30px;
	font-size: 130%;
	text-align: center;
	color: #737373;
	text-transform: uppercase;
	letter-spacing: 15px;
}
#home p {
	text-align: center;
}
#three{
	letter-spacing: 1px;
	line-height: 1.5em;
	color: #70665A;
	margin-bottom: 30px;
}
#main {
	padding: 0px;
	margin: 0px;
	vertical-align: baseline;
	height: auto;
}
#main img {
	padding-top: 105px;
	padding-bottom: 0px;
	max-width: 30%;
	text-align: center
}
.main {
	height: auto;
	background-repeat: no-repeat;
	background-size: cover;
	margin: 0px;
	vertical-align: baseline;
}
.main h1 {
	font-weight: 700;
	padding-top: 380px;
	padding-bottom: 0px;
	font-size: 500%;
	text-align: center;
	text-transform: uppercase;
	color: rgba(255,255,255,1.00);
	letter-spacing: -5px;
}
.main h2 {
	font-weight: 300;
	padding-top: 0px;
	padding-bottom: 30px;
	font-size: 130%;
	text-align: center;
	color: rgba(255,255,255,1.00);
	text-transform: uppercase;
	letter-spacing: 15px;
}
.main p {
	text-align: center;
}
#title {
}
#title h1{
	padding: 0px;
	margin: 0px;
	color: #3695C0;
}

.serv {
	
}
.serv h3 {
	margin-bottom: 0px;
}
.serv h4 {
    padding-top: 0px;
    padding-bottom: 0px;
    margin-top: 0px;
    margin-bottom: 10px;
    font-weight: normal;
    text-transform: uppercase;
    letter-spacing: 5px;
    color: #647D45;
    font-size: 75%;
}

.serv ul{
	padding-bottom: 10px;
	list-style: none;
	margin: 0;
}
.serv ul li{
	color: #ffffff;
	float: none;
	font-size: 80%;
}
.serv ul a{
	}
.serv img{
	text-align: center;
}
a.button-serv, a.button-serv:visited {
	display: inline-block;
	text-decoration: none;
	padding: 5px 15px;
	font-size: 90%;
	text-transform: uppercase;
	border: 2px solid rgba(255,255,255,1.00);
	margin-top: 20px;
	color: rgba(255,255,255,1.00);
	border-radius: 25px;
}
a.button-serv:hover, a.button-serv:focus {
	background-color: rgba(255,255,255,0.30);
	outline: none;
}

#p7LBNAV_2 ul a{
	color: #07700D;
	}

#privacy {
	height: auto;
	background-position: center bottom;
	background-size: cover;
	padding-bottom: 0px;
}
#privacy h2 {
	font-weight: 100;
	font-size: 350%;
	letter-spacing: -.5px;
	text-transform: uppercase;
	line-height: normal;
	padding-top: 50px;
	margin-bottom:0px;
	text-align: center;
}
#sep {
    padding: 0;
    margin: 0;
    vertical-align: baseline;
}
#sep img {
	width: 100%;
    height: auto;
    margin: 0 auto;
    display: block;
}
.sep {
    border-top: 1px solid rgba(213,208,197,1.00);
	padding: 0;
    margin: 0;
}
#directions {
    padding: 0;
    border: 0;
    vertical-align: baseline;
}
#directions img {
	width: 100%;
    height: auto;
    margin: 0 auto;
    display: block;
}
#promo {
    padding: 0;
    border: 0;
    vertical-align: baseline;
}
#promo img {
	width: 100%;
    height: auto;
    margin: 0 auto;
    display: block;
}
#whitepage h1 {color: #222222;
}

.footer a {
    color: #768F57;
    text-decoration: none;
}
.footer a:visited {
    color: #A4BA88;
    text-decoration: none;
}	 
.footer a:hover, .footer a:focus {
	color: #768F57;
	text-decoration: none;
 }
#links {
	background-size: cover;
	text-align: center;
	font-weight:normal;
}
#links a:link {
	text-decoration: none;
}
#links a:hover {
	text-decoration: none;
}
#links a:visited {
	text-decoration: none;
}
#links ul{
	padding-bottom: 30px;
	list-style: none;
	margin: 0;
}
#links ul li{
	float: none;
}
#links ul a{
	text-decoration: none;
	font-weight:300;
	text-transform: uppercase;
	display: block;
	padding-top: 7px;
	padding-bottom: 7px;
	padding-left: 30px;
	padding-right: 30px;
	border-left-style: none;
	font-size: 10px;
	float: left;
	}
#footer{
	color: #888888;
	font-size: 65%;
}
.sevenr-footer a {
	color: #5B5B5B;
	text-decoration: none;
}
.sevenr-footer a:visited {
	color: #5B5B5B;
	text-decoration: none;
}	 
.sevenr-footer a:hover, .sevenr-footer a:focus {
	color: #E0DDCE;
	text-decoration: none;
 }
.footer {
	box-sizing: border-box;
	color: #BCAD9A;
	text-transform: uppercase;
	font-weight: normal;
}
.sevenr-footer {
	padding-top: .5em;
	padding-right: .3em;
	padding-left: .3em;
	padding-bottom: .5em;
	text-align: center;
	box-sizing: border-box;
	color: #7E7E7E;
	text-transform: uppercase;
	letter-spacing: 0.5em;
	font-weight: normal;
}
.spread-title {
	font-size: 120%;
	text-transform: uppercase;
	font-weight: normal;
	letter-spacing: 5px;
	color: rgba(126,126,126,1.00);
 }

a.button-link, a.button-link:visited {
	display: inline-block;
	text-decoration: none;
	padding: 5px 15px;
	margin-bottom: 150px;
	font-size: 90%;
	text-transform: uppercase;
	border: 2px solid rgba(115,115,115,1.00);
	margin-top: 20px;
	color: rgba(115,115,115,1.00);
	border-radius: 25px;
}
a.button-link:hover, a.button-link:focus {
	background-color: rgba(255,255,255,0.30);
	outline: none;
}
a.button-linkdark, a.button-linkdark:visited {
	display: inline-block;
	text-decoration: none;
	padding: 5px 15px;
	font-size: 90%;
	font-weight: normal;
	text-transform: uppercase;
	border: 1px solid #555555;
	margin-top: 20px;
	color: #555555;
	/* [disabled]border-radius: 25px; */
}
a.button-linkdark:hover, a.button-linkdark:focus {
	background-color: rgba(255,255,255,0.30);
	outline: none;
}
a.dark-link, a.dark-link:visited {
	color: #c7c7c7;
	text-decoration: none;
	font-weight: normal;
}
a.dark-link:hover, a.dark-link:focus {
	color: #ffffff;
	text-decoration: none;
}
a.dark-button {
    display: inline-block;
    color: rgb(255, 255, 255);
    background-color: #647d45;
    padding: 10px 25px;
    font-size: 80%;
    text-transform: uppercase;
    text-decoration: none;
    border-radius: 2px;
    border: 1px solid #ABC18F;
}
a.dark-button:hover {
    background-color: #475931;
    color: #FFF;
}
a.mast-button {
	background-color: rgba(255,255,255,0.30);
	border: 2px solid rgba(255,255,255,1.00);
	text-transform: uppercase;
	padding-top: 7px;
	padding-right: 35px;
	padding-left: 68px;
	padding-bottom: 7px;
	color: #FFFFFF;
	font-size: 90%;
	letter-spacing: 3px;
	background-image: url(img/stickit-background.jpg);
	background-size: contain;
	background-repeat: no-repeat;
	text-decoration: none;
}
a.mast-button:hover {
	background-color: rgba(255,255,255,0.10);
	color: #FFF;
	border-color: inherit;
}
a.button-organic, a.button-organic:visited {
	display: inline-block;
	text-decoration: none;
	padding: 5px 15px;
	font-size: 90%;
	font-weight: normal;
	text-transform: uppercase;
	border: 1px solid #555555;
	margin-top: 20px;
	color: #555555;
	background-image: url(img/mark-organic.png);
	background-repeat: no-repeat;
}
a.button-organic:hover, a.button-organic:focus {
	background-color: rgba(255,255,255,0.30);
	outline: none;
}
a.button-ind, a.button-ind:visited {
	display: inline-block;
	text-decoration: none;
	padding: 5px 15px;
	font-size: 90%;
	font-weight: normal;
	text-transform: uppercase;
	border: 1px solid #555555;
	margin-top: 20px;
	color: #555555;
	background-image: url(img/mark-ind.png);
	background-repeat: no-repeat;
}
a.button-ind:hover, a.button-ind:focus {
	background-color: rgba(255,255,255,0.30);
	outline: none;
}
.pink-text {
	color: #F83CAA;
}
.yellow-text {
	color: #fcb040;
}
.blue-text {
	color: #3695C0;
	font-size: 150%;
	letter-spacing: 8px;
}
.blue {
	color: #3695C0;
}
a.bluelink, a.bluelink:visited {
	display: inline-block;
	text-decoration: none;
	padding: 5px 15px;
	font-size: 90%;
	text-transform: uppercase;
	color: #3695C0;
}
a.bluelink:hover, a.bluelink:focus {
	background-color: #3695C0;
	color: #ffffff;
	outline: none;
}
a.whitelink, a.whitelink:visited {
	display: inline-block;
	text-decoration: none;
	padding: 5px 15px;
	font-size: 90%;
	text-transform: uppercase;
	color: #ffffff;
}
a.whitelink:hover, a.whitelink:focus {
	background-color: #ffffff;
	color: #3695C0;
	outline: none;
}
.imagepad {
	padding-top: 140px;
}
.spread-letter{
	letter-spacing:10px;
}
.icon-none {
	background-image: none;
	display: block;
	text-decoration: none;
	padding-top: 10px;
	padding-right: 20px;
	padding-left: 30px;
	padding-bottom: 10px;
}
.icon-centered {
	text-align: center;
}
.real-thin {
	font-weight: 100;
}
.mark-pdf{
	background-image: url(img/mark-pdf.png);
	background-repeat: no-repeat;	
}
.mark-ind{
	background-image: url(img/mark-ind.png);
	background-repeat: no-repeat;	
}
.mark-org{
	background-image: url(img/mark-organic.png);
	background-repeat: no-repeat;	
}
.mark-5{
	background-image: url(img/mark-5.png);
	background-repeat: no-repeat;	
}
.mark-4{
	background-image: url(img/mark-4.png);
	background-repeat: no-repeat;	
}
.mark-3{
	background-image: url(img/mark-3.png);
	background-repeat: no-repeat;	
}
.mark-2{
	background-image: url(img/mark-2.png);
	background-repeat: no-repeat;	
}
.mark-1{
	background-image: url(img/mark-1.png);
	background-repeat: no-repeat;	
}
.fancyfont {
    color: #ECEAE5;
    font-family: 'La Belle Aurore', cursive;
    font-size: 190%;
    padding-top: 0px;
    padding-bottom: 0px;
	padding-left: 20px;
	padding-right: 20px;
    margin-top: 10px;
    margin-bottom: 16px;
    line-height: 1em;
}
.fancyfont-quote {
    color: #ECEAE5;
    font-family:  'Cinzel', Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
    font-style: italic;
    letter-spacing: 0px;
    font-size: 700%;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-top: 10px;
    margin-bottom: -50px;
}
.fancyfont-name {
    color: #ECEAE5;
    font-family: 'Lato', Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
    text-transform: uppercase;
    letter-spacing: 5px;
    font-size: 65%;
    padding-top: 0px;
    padding-bottom: 74px;
    margin-top: 7px;
    margin-bottom: 70px;
}
.icons {
    padding-bottom: 12px;
    padding-right: 14px;
    float: left;
    max-width: 12%;
	margin-top: 20px;
}
.icons-center {
	margin-top:50px;
    padding-bottom: 12px;
    padding-right: 14px;
    max-width: 4%;
}
.shadow-low{
    background-image: url(img/shadow-low.png);
    background-position: center top;
    background-repeat: no-repeat;
}
.lbm-btn-list-horiz a {
    /* [disabled]background-color: rgb(180,180,160); */
    color: #CFC1B0;
    padding: 10px 15px;
    font-family: 'Lato', Optima, Arial, sans-serif;
    font-weight: normal;
    letter-spacing: 3px;
    text-transform: uppercase;
	font-size: 90%;
}
.lbm-btn-border.lbm-btn-list-horiz a {
    border: 1px solid #675c4f;
}
@media only screen and (min-width: 2400px) and (max-width: 3900px) {
#home1 {
	height: auto;
	overflow: hidden;
	line-height: 1em;
	padding-bottom: 0px;
	background-position: 0% 0%;
}
#home2 {
	height:auto;
	overflow:hidden;
	line-height: 1em;
	padding-bottom: 0px;
	background-position: 0% 0%;
}
#home3 {
	height:auto;
	overflow:hidden;
	line-height: 1em;
	padding-bottom: 0px;
	background-position: 0% 0%;
}
#home h1 {
	padding-bottom: 0px;
}

#home img {
    padding-top: 168px;
    padding-bottom: 0px;
    max-width: 70%;
}
#main {

}
#main img {
	padding-top: 150px;
	padding-bottom: 100px;
	max-width: 50%;
	text-align: center
}

}
/*Medium/large windows - reduce padding content padding*/
@media only screen and (min-width: 1400px) and (max-width: 1900px) {
#home1 {
	height: auto;
	overflow: hidden;
	line-height: 1em;
	padding-bottom: 0px;
	background-position: 0% 0%;
}
#home2 {
	height:auto;
	overflow:hidden;
	line-height: 1em;
	padding-bottom: 0px;
	background-position: 0% 0%;
}
#home3 {
	height:auto;
	overflow:hidden;
	line-height: 1em;
	padding-bottom: 0px;
	background-position: 0% 0%;
}
#home h1 {
	padding-bottom: 0px;
}

#home img {
	padding-top: 50px;
	max-width: 35%;
}
#main img {
	padding-bottom: 100px;
	max-width: 50%;
}
}

@media only screen and (min-width: 767px) and (max-width: 1400px) {
#home1 {
	height: auto;
	padding-bottom: 0px;
	background-position: 50% 0%;
}
#home2 {
	height: auto;
	padding-bottom: 0px;
	background-position: 50% 0%;
}
#home3 {
	height: auto;
	padding-bottom: 0px;
	background-position: 50% 0%;
}
#home img {
	padding-top: 140px;
	max-width: 50%;
}	

#home h1 {
	line-height: normal;
	margin-bottom: 0px;
}
#callout {
    padding-top: 50px;
}
#main img {
	padding-top: 70px;
	padding-bottom: 70px;
	max-width: 35%;
}
#three-image img{
	max-width: 100%;
}
.p7LBNAV ul a {
	padding-right: 1px;
	padding-left: 20px;
	letter-spacing: 2px;
	}
.fancyfont-name {
    margin-bottom: 30px;
}
#butterfly {
  margin-top: -140px;
  margin-bottom: -170px;
  max-width: 35%;
}
}

@media only screen and (min-width: 0px) and (max-width: 768px) {
	
#butterfly {
  margin-top: -120px;
  margin-bottom: -100px;
  max-width: 30%;
}
#callout {
    padding-top: 10px;
}	
#main img {
	padding-bottom: 70px;
	max-width: 40%;
}
}

/*Media Query for all devices at screen/browser widths of 700px or less*/
@media only screen and (min-width: 0px) and (max-width: 700px) {

.p7LBNAV.lbnav-buttonized ul a {
    background-color: #647D45;
    border-bottom: 1px solid #8AA56B;
}
.p7LBNAV-toolbar, .lbm-column {
	padding-bottom:0px;
}
.menu{
	background-color:#111111;
	}
h1{
	font-size:200%;
	letter-spacing: 3px;
}
#home h1 {
	padding-top: 250px;
	line-height: normal;
	font-size: 350%;
	letter-spacing: -3px;
	margin-bottom: 0px;
}
#home h2 {
	letter-spacing: 5px;
}
#intro {
	padding-left: 20px;
	padding-right: 20px;
	text-align: center;
	padding-bottom: 30px;
	}

.main h1 {
	padding-top: 300px;
	font-size: 350%;
	line-height: .8em;
	letter-spacing:-3px;
}
.main h2 {
	letter-spacing: 4px;
}
#main img {
	max-width: 50%;
}

.lbm-right {
    text-align: center; 
}

#p7LBNAV_2.lbnav-buttonized ul a {
    background-color: #FFFFFF;
    border-bottom: 1px solid rgba(208,208,208,1.00);
}
#common h2 {
	padding-top: 0px;
}
.archive-title {
	font-size: 90%;
 }
#three{
	padding-left: 20px;
	padding-right: 20px;
	text-align: center;
}
#three-image img{
	max-width: 40%;
}
a.button-linkdark, a.button-linkdark:visited {
    margin-top: 0px;
	margin-bottom: 40px;
}
a.dark-button {
    margin-top: 0px;
	margin-bottom: 40px;
}
.lbm-column.width-33.lbm-text-90.lbm-centered.intro {
	border-bottom: 1px solid #DCDCDC !important;
}
.lbm-column.width-33.lbm-text-90.lbm-centered.intro.last {
	border-bottom: none !important;
}
.sop-content h3 {
  padding-top: 75px;
}
.icons {
	float:none;
	padding: 0px;
	margin: 0px;
	}
.icons-center {
    padding-bottom: 12px;
    padding-right: 14px;
    max-width: 12%;
}
.fancyfont-name {
    margin-bottom: 30px;
}
#callout h2 {
    padding-top: 50px;
}
#butterfly {
    margin-top: -120px;
    margin-bottom: -120px;
    max-width: 50%;
}

}

/*Media Query for smartphones*/
@media only screen and (max-device-width: 480px) {

.lbm-ehc img.scalable,
.lbm-ehc img.scalable-rounded,
.lbm-ehc img.scalable-fancy {
	width: auto; 
}
.lbm-column {
	padding-left: 0px; 
	padding-right: 0px;
	
}
}

/*Media Query for smartphones in landscape mode*/
@media only screen and (max-device-width: 480px) and (orientation : landscape) {

}