/* DO NOT CROSS LINK TO THIS FILE  - This stylesheet was generated on Wed, 17 Sep 2025 08:59:07 -0700 and its name will change */

/*---------------------------------------------*/
/* Stylesheet: Optima Font Family*/

@font-face {
    font-family: 'optimanormal';
    src: url('/pub/doc/optima-webfont.woff2') format('woff2'),
         url('/pub/doc/optima-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'optimabold';
    src: url('/pub/doc/optima_b-webfont.woff2') format('woff2'),
         url('/pub/doc/optima_b-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

/*---------------------------------------------*/
/* Stylesheet: Grid for Editor AND Website*/

/* regular grid definition here - must be after above overrides */
/* grid definition 960px - bootstrap style */
*[class*="col-lg-"] { float: left; } /* 20px gutter */
*[class*="col-md-"] { float: left; margin: 0 10px; } /* 20px gutter */
.col-md-1 { width: calc(100% / 12 * 1 - 20px); } 
.col-md-2 { width: calc(100% / 12 * 2 - 20px); } 
.col-md-3 { width: calc(100% / 12 * 3 - 20px); } 
.col-md-4 { width: calc(100% / 12 * 4 - 20px); } 
.col-md-5 { width: calc(100% / 12 * 5 - 20px); } 
.col-md-6 { width: calc(100% / 12 * 6 - 20px); } 
.col-md-7 { width: calc(100% / 12 * 7 - 20px); } 
.col-md-8 { width: calc(100% / 12 * 8 - 20px); } 
.col-md-9 { width: calc(100% / 12 * 9 - 20px); } 
.col-md-10 { width: calc(100% / 12 * 10 - 20px); } 
.col-md-11 { width: calc(100% / 12 * 11 - 20px); } 
.col-md-12 { width: calc(100% / 12 * 12 - 20px); } 

*[class*="col-11-"] { float: left; margin: 0 2px; } /* 4px gutter */
.col-11-1 { width: calc(100% / 11 * 1 - 4px); } 

*[class*="col-7-"] { float: left; margin: 0 10px; } /* 20px gutter */
.col-7-1 { width: calc(100% / 7 * 1 - 20px); } 

*[class*="col-xs-"] { float: left; margin: 0 10px; } /* 20px gutter */
.col-xs-1 { width: calc(100% / 12 * 1 - 20px); } 
.col-xs-2 { width: calc(100% / 12 * 2 - 20px); } 
.col-xs-3 { width: calc(100% / 12 * 3 - 20px); } 
.col-xs-4 { width: calc(100% / 12 * 4 - 20px); } 
.col-xs-5 { width: calc(100% / 12 * 5 - 20px); } 
.col-xs-6 { width: calc(100% / 12 * 6 - 20px); } 
.col-xs-7 { width: calc(100% / 12 * 7 - 20px); } 
.col-xs-8 { width: calc(100% / 12 * 8 - 20px); } 
.col-xs-9 { width: calc(100% / 12 * 9 - 20px); } 
.col-xs-10 { width: calc(100% / 12 * 10 - 20px); } 
.col-xs-11 { width: calc(100% / 12 * 11 - 20px); } 
.col-xs-12 { width: calc(100% / 12 * 12 - 20px); } 

.clearfix { margin: 0 !important;  clear: both; }
.clearfix::after {  
	content: " "; /* Older browser do not support empty content */
	visibility: hidden; display: block; height: 0; clear: both;
}
/* margin fix when we don't want margins  */
.nomargin[class*="col-md-"] { margin: 0 ; }
.nomargin.col-md-1 { width: calc(100% / 12 * 1) ; }
.nomargin.col-md-2 { width: calc(100% / 12 * 2) ; }
.nomargin.col-md-3 { width: calc(100% / 12 * 3) ; }
.nomargin.col-md-4 { width: calc(100% / 12 * 4) ; }
.nomargin.col-md-5 { width: calc(100% / 12 * 5) ; }
.nomargin.col-md-6 { width: calc(100% / 12 * 6) ; }
.nomargin.col-md-7 { width: calc(100% / 12 * 7) ; }
.nomargin.col-md-8 { width: calc(100% / 12 * 8) ; }
.nomargin.col-md-9 { width: calc(100% / 12 * 9) ; }
.nomargin.col-md-10 { width: calc(100% / 12 * 10) ; }
.nomargin.col-md-11 { width: calc(100% / 12 * 11) ; }
.nomargin.col-md-12 { width: calc(100% / 12 * 12) ; }

.nomargin[class*="col-xs-"] { margin: 0 ; }
.nomargin.col-xs-1 { width: calc(100% / 12 * 1) ; }
.nomargin.col-xs-2 { width: calc(100% / 12 * 2) ; }
.nomargin.col-xs-3 { width: calc(100% / 12 * 3) ; }
.nomargin.col-xs-4 { width: calc(100% / 12 * 4) ; }
.nomargin.col-xs-5 { width: calc(100% / 12 * 5) ; }
.nomargin.col-xs-6 { width: calc(100% / 12 * 6) ; }
.nomargin.col-xs-7 { width: calc(100% / 12 * 7) ; }
.nomargin.col-xs-8 { width: calc(100% / 12 * 8) ; }
.nomargin.col-xs-9 { width: calc(100% / 12 * 9) ; }
.nomargin.col-xs-10 { width: calc(100% / 12 * 10) ; }
.nomargin.col-xs-11 { width: calc(100% / 12 * 11) ; }
.nomargin.col-xs-12 { width: calc(100% / 12 * 12) ; }

/* responsiveness fold */
@media screen and (max-width: 850px) {
	.nomargin[class*="col-md-"] { float: none !important;  width: calc(100%) !important; margin: 0 !important;}
	*[class*="col-md-"] { float: none !important;  width: calc(100% - 20px) !important; margin: 0 10px !important;} /* keep the margin gutter of 10px on either side */
	/* don't do anything to -xs- columns. They need to keep their sizes */
	*[class*="col-7-"] { float: none !important; width: calc(100% - 20px) !important; margin: 0 10px !important; } /* 20px gutter */
	*[class*="col-lg-"] { float: none !important;} /* keep the margin gutter of 10px on either side */
}


/*
Bootstrap:
Extra small devices
Phones (<768px)		- LVSYS xs: 640px
Small devices
Tablets (&ge;768px)	- LVSYS md > 640px
Medium devices
Desktops (&ge;992px)
Large devices
Desktops (&ge;1200px)

*/

/* mobile screens */
@media screen and (max-width: 768px) {
	*[class*="visible-xs"] {}
	*[class*="visible-sm"] {}
	*[class*="visible-md"] {}
	*[class*="visible-lg"] {}
	*[class*="hidden-xs"] { display: none !important;} /* lvsys grid */
	*[class*="hidden-sm"] {}
	*[class*="hidden-md"] {} /* lvsys grid */
	*[class*="hidden-lg"] {}
}

/* large screens */
@media screen and (min-width: 768px) {
	*[class*="visible-xs"] {}
	*[class*="visible-sm"] {}
	*[class*="visible-md"] {}
	*[class*="visible-lg"] {}
	*[class*="hidden-xs"] { } /* lvsys grid */
	*[class*="hidden-sm"] {display: none !important;}
	*[class*="hidden-md"] {display: none !important;} /* lvsys grid */
	*[class*="hidden-lg"] {display: none !important;}
}

/*---------------------------------------------*/
/* Stylesheet: Defaults*/

* {margin: 0px; padding: 0px; }
*, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
html {height: 101%;}
a img {border: none; outline: none;}
img {border: none; outline: none;}

/*--------------- reset browser defaults--------------- */
.main-home { color: #262626; font-family: 'optimanormal'; font-size: 14px; padding: 0; background-color: white;}
.splash { background: #FFF;}
.ranch { REMbackground: #c0c8ca  url(../pub/photo/bg-ranch1.jpg) repeat-x  top center !important;}
.ranch #toplogo { REMpadding-top: 70px !important; }
.ranch #topmenu * { REMcolor: white !important;}
.main-home a { color: #808080; text-decoration: underline; }
.main-home b, .main-home strong { REMcolor: #262626; }
.main-home h1, .main-home h2.title, .main-home h2.title2 { font-size: 3em; color: #262626; font-family: 'Inknut Antiqua', serif; font-weight: normal; margin-bottom: 20px; line-height: 1.5em; text-transform: none !important;}
.main-home h1 a, .main-home h2.title a, .main-home h2.title2 a { color: #262626 !important; text-decoration: none !important;}
.main-home h2.title2 { font-size: 1.2em !important; }
.main-home h2.script { font-family: 'Inknut Antiqua', serif; font-size: 26px !important; font-weight: normal; text-transform: capitalize !important;}
.main-home h2 { font-size: 1.5em; color: #262626; font-family: 'Inknut Antiqua', serif; font-weight: normal;  text-transform: capitalize; margin-bottom: 10px;}
.main-home h2 a { color: #808080; text-decoration: none !important;}
.main-home h3 { font-size: 1.2em; color: #262626; font-family: 'optimabold'; font-weight: normal;  text-transform: capitalize; margin-bottom: 10px;}
.main-home h3 a { color: #262626 !important; text-decoration: none !important;}
.main-home h4 { font-size: 1.1em; color: #262626; font-family: 'optimabold'; font-weight: normal; text-transform: capitalize;  margin-bottom: 10px;}
.main-home h4 a { color: #262626 !important; text-decoration: none !important;}
.main-home p, .main-home ul, .main-home ol, .main-home table { line-height: 20px; margin-bottom: 10px;}
.main-home ul {/* list-style-type: none;*/ }
.main-home li { line-height: 20px; margin-left: 20px; /*margin-left: 0px; 
  background: url(../pub/photo/bullet.png) 0 6px no-repeat; padding-left: 15px; */}

/* extra styles */
.main-home .subtitle { color: #767561; font-family: 'optimabold'; font-weight: normal;  text-transform: uppercase;margin-bottom: 10px;}

.photo img { }

/* ---------- style super common design items ---------*/
.livelink .selected, .livelink a:hover { color: black !important; font-family: RobotoCondensed, sans-serif; }


.error-box { color: Red; background-color: #fee; padding: 5px 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.success-box { color: Green; background-color: #efe; padding: 5px 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }

/*---------------------------------------------*/
/* Stylesheet: Layout*/

.main-home a:hover  {color: #b99c48; }
.main-home .template { REMwidth: 960px; margin: 0 auto; }

/* ------------- slices ----------------------*/
.bg-focus { }
.bg-focus > .x-cell { width: 100% !important; }
.bg-focus .inner { padding: 0 !important;}
.bg-menu { margin-bottom: 0 !important;}
.bg-menu2 { margin-bottom: 0 !important;}
.bg-slide { }
.bg-slide .x-cell { }
.bg-borderless { border: 0px !important; box-shadow: 0 0 0px #777 !important; text-align: center; }
.bg-light {padding: 50px 20px;}
.bg-light .x-cell {}
.bg-light-noresize { }
.bg-light-noresize .x-cell { }

.bg-clear { padding: 30px 20px 60px 20px;}
.bg-dark { background-color: #4b4035;  padding: 30px 20px 60px 20px; color: #fff;}
.bg-dark h1, .bg-dark h2 { color: #fff;}
.main-home p {}
.home-text {padding-top: 10px;}

.bg-clear .inner {  }

.bg-footer {  }

.x-block { }
.x-block > .x-cell {margin: 0 auto; width: 960px; max-width: 100%;}
.x-block > .x-cell-container {margin: 0 auto; width: 960px; max-width: 100%;}
.x-clear { clear: both; }
.content { padding: 0 0px; }
.content .x-block { width: 100% !important; }
.x-cell > .inner { padding: 20px; }
.x-cell-container  > .inner { padding: 0px 25px;}

/*--------- generic templating --------- */

.col-container { margin-bottom: 20px; }
.col-single { width: 320px; padding: 0px 0;}
.col-double { width: 600px; padding: 0px 0;}
.col-third { width: 300px; }
.col-half { width: 437px; }
.col-half-inner { width: 417px; }
.col-single > .inner { }
.col-double > .inner { padding: 0 !important; }
.col-third > .inner {  }
.col-half > .inner { }
.master-col-left { float: left; }
.master-col-right { float: right; }
.layout-col-left { float: left;}
.layout-col-right { float: right; }

.col-left {float: left;}
.col-right {float: right;}

.col-frame { background-color: #feffe2; border: solid 1px #4d2e19; color: #262626;}
.col-frame h1, .col-frame h2 { color: #262626;}

/* ---------------header -------------- */
.bg-header  { height: 150px; margin-bottom: 0 !important; padding: 20px; height: 272px;}
.bg-header > .x-cell { position: relative; height: 100%; width: 1200px; }
.bg-header #toplogo { margin: 0 auto; display: block; width: 300px; }
.bg-header #topmenu { bottom: 0; left: 0px; right: 0px; position: absolute; text-align: center; line-height: 25px;}
.bg-header #topsearch { top: 30px; right: 0; position: absolute; }
.bg-header #toplogin { top: 60px; right: 0; position: absolute; }
.bg-header #nav-crumb { bottom: 15px; left: 240px; width: 600px; position: absolute; text-transform: uppercase; font-weight: bold; color: black; }

#toptext {text-align: right; position: absolute; right: 0px; top: 0px;}

.home-photo { position: relative; width: 960px; height: 170px; }
.splash .home-photo { height: 500px; }
.home-photo img { box-shadow: 0 0 20px #000; }
.home-photo .inset { position: absolute; z-index: 10; left: 10px; top: 10px; right: 10px; bottom: 10px; border: solid 8px #4d2e19;  }
.home-photo .inset2 { position: absolute; z-index: 10; left: 0px; top: 0px; right: 0px; bottom: 0px; border: solid 8px #4d2e19;  }
.home-photo .inphoto { position: relative; z-index: 5; }
.home-text { width: 800px !important; }
.bg-dark .home-text { color: white;}
.home-text p { font-size: 1.2em;line-height: 25px;}
.home-text li { font-size: 1.2em; line-height: 25px;}
.home-box { color: #262626; height: auto !important;} /*-------------------shadow removed from orig. design*/
.home-box h2 { line-height: 1.3em;} /*-------------------shadow removed from orig. design*/
.home-box h2 { color: #262626; } /*-------------------shadow removed from orig. design*/
.home-box > .inner { background: #dfd9d2; border: none; min-height: 228px; border: 5px solid #776755;}
.no-padtop {padding-top: 0;}
.no-padbot {padding-bottom: 0;}

/* -------------- menu ----------------- */

#topmenu {  margin-left:auto; margin-right:auto; }

/* ------------ menu bar container ----------------*/

.menubar { background-color: none; margin-bottom: 20px !important;}
.menubar .x-cell { }
.menubar .inner { padding: 0 20px;} /* offset of 30px to left */

/*--------------- home --------------------*/

.bg-focus { color: white; }
.bg-focus h1 { color: white !important; background: none !important; padding-left: 0;}

.bg-slide { text-align: left; position: relative;}
.bg-slide .x-cell {width: 960px; margin: 0 auto; overflow: hidden;height: 100%; position: relative; }
.bg-slide .ui-photo-list { height: 300px; position: relative; }
.bg-slide .ui-photo-list .ui-photo-list-item { float: left; height: 300px; position: relative; }
.bg-slide .slideshow { }

.home-video {padding: 40px 0;}

/* ------------ Slideshow -------------*/

.home-slideshow {position: relative;}
.home-slideshow .background-slideshow {height: 500px;}
.home-slideshow .slideshow-container {width: 100% !important;}
.home-slideshow .slideshow-background {min-height: 500px; width: 100%;}

.home-slideshow.inner-slideshow .background-slideshow {height: 200px;}
.home-slideshow.inner-slideshow .slideshow-background {min-height: 200px; width: 100%;}

/* ------------ bi-color columns -------------*/

.col-container { }

/*-------------- testimonials ---------------*/

.testimonial { background-color: #3c84a3; color: white !important; padding: 20px; border-radius: 16px;}

/* ------------- account pages ----------------------*/

.login-box td:last-child, .login-box input {
	width: 100%;
}

.login-box {
	width: 400px;
	max-width: 100%;
	margin: 0 auto;
	text-align: center;
}

.login-box p, .login-box h2, .login-box tr{
	margin-bottom: 30px 20px 20px 20px;
}

.login-box input[type="submit"] {
	width: auto;
}

.login-box .club-cta {
	padding: 20px;
	background-color: #f4f2f0;
	margin-top: 30px;
}

.login-box .club-cta p:first-child {
	font-size: 1.2rem;
}

.login-box table,  form#member-edit-box table {
	border-spacing: 0px 10px;
	text-align: left;
}

.login-box table tr td:first-child, form#member-edit-box tr td:first-child {
	padding-right: 10px;
}

form#member-edit-box table {
	width: 100%;
}

form#member-edit-box tr td:first-child {
	width: 30%;
}

form#member-edit-box tr td:last-child {
	width: 70%;
}

form#member-edit-box tr td:last-child input:not(input[type="checkbox"]), form#member-edit-box tr td:last-child text-area {
	width: 100%;
}

/* ------------- MailChimp sign up ----------------------*/

.mc-field-group {color: #f4f2f0; font-family: 'optimabold'}
.indicates-required { font-family: 'optimabold'; font-size: 8px; color: #f4f2f0; line-height: 1px;}
#mc_embed_signup_scroll h2 {font-family: 'Inknut Antiqua', serif; color: #f4f2f0;}
#mc_embed_signup_scroll label {line-height: 20px; font-size: 13px;} 
#mc_embed_signup {width: 30%; padding: 12px 10px;  border: none; background-color: #776755; border-radius: 0px; width: 100%; float: right; }
#mc_embed_signup h2 {font-weight: normal;  margin-bottom: 10px;}
#mc_embed_signup .mc-field-group {padding: 0%;}

/*button no changey*/
#mc_embed_signup .button {background-color: #B7A99A; border-radius: 0px; transition: none; padding-top: 20px;}
#mc_embed_signup .button:hover {background-color: #b99c48;}

/*-------------- bottom footer --------------*/

#footer-logo {width: 250px; padding-top: 20px;}
#contact-info h2 {line-height: 1.25em; padding-top: 20px;}
#instagram {padding-top: 20px;}
#footertext {text-align: center; padding-top: 30px; }
.bg-footer {background-color: #4b4035; padding: 20px; }/*padding: 50px 20px;*/
.bg-footer .x-cell {font-size: 1 em;  background-color: #4b4035; padding-top: 0px;}
.bg-footer .inner { padding-left: 0 !important; padding-right: 0 !important; text-align: center; } /* not used due to the uncheck 'wrap' box */
.bg-footer h1 { color: #f4f2f0;}
.bg-footer h2 {font-family: 'Inknut Antiqua', serif; color: #f4f2f0; text-align: left;}
.bg-footer a {color: #cac0b4;}
.bg-footer a:hover { color: #b99c48; }
.bg-footer p { margin-bottom: 5px; line-height: 20px; color: #f4f2f0; text-align: left;}

#mc_embed_signup form {}
#mc_embed_signup h2 {margin-top: 0 !important; line-height: 1.5em;}

#legal-text p {font-size: 13px; padding: 20px 0; text-align: center;}

#signature { display: none; background-color: none; color: white; margin-bottom: 0; font-size: .8em; margin: 0 auto; color: #FFF; text-align: right; padding: 20px 0; padding-top: 0;}
#signature a { color: #FFF !important; }

/*---------------------------------------------*/
/* Stylesheet: Menus*/

/* top menu all pages */   
.bg-menu .inner { background: none;  position: relative; text-align: center; font-weight: bold;font-size: 14px;}
.bg-menu2 .inner { background: none;  position: relative; text-align: center; font-weight: bold;font-size: 14px;}
.bg-menu2 a,.bg-menu2 a.selected,.bg-menu2 a.hover { color: #f4dea1 !important; } 
.bg-menu #topmenu > li { color: #262626 !important; border-right: solid 1px #4d2e19; border-left: 0; border-top: 0; border-bottom: 0;} 
.bg-menu2 #topmenu > li { color: #f4dea1 !important; border-right: solid 1px #f4dea1; border-left: 0; border-top: 0; border-bottom: 0;} 

 #topmenu { text-align: center; font-size: 1.5em;text-transform: uppercase;position: relative; font-family: 'optimanormal'; letter-spacing: 1px;}
  #topmenu, #topmenu ul  { list-style-type: none; margin: 0;}
  #topmenu li  { list-style-type: none; margin: 0;}
  #topmenu > li { position: relative; /*height: 50px; line-height:50px;  */
  white-space: nowrap; color: #000; padding: 0 15px;
                   border-right: solid 1px #4b4035; border-left: 0; border-top: 0; border-bottom: 0;}
  #topmenu > li.isfirst {  padding-left: 0;} /* we need to set numeric borders to prevent jquery issues for Ie7. See main.xml */
  #topmenu > li.islast { border-right: 0; } 
  #topmenu > li.ispadding { padding: 0 5px;}  
   #topmenu a { display:inline-block;color: #000;text-decoration: none !important; font-weight: bold; }
   #topmenu a.selected { border-bottom: none; color: #000; font-weight: bold; font-weight: bold; }
   #topmenu a.hover { border-bottom: none; color: #b99c48; font-weight: bold; }
  /* following is to fix the table layout for IE < 8 */
	#topmenu {display:inline-block;}
	#topmenu > li{display:inline-block;}
	#topmenu > li > a{ /*height: 48px; line-height:48px; */}
	
	/* menu drop down prep */
	  #topmenu ul { display: none; position: absolute; left: 0; margin: 0; padding: 0; }
	  * html #topmenu ul { line-height: 0;} /* IE6 "fix" */
  		#topmenu ul a { zoom: 1;} /* IE6/7 fix */
		#topmenu ul li { float: none; padding: 0px 0px; line-height:50px; height: 50px; 
		                  border-bottom: solid 1px #FFF;
		                  text-align: left; padding-left: 10px;}
		#topmenu ul li.isfirst { border-top: solid 1px #FFF; }
		#topmenu ul li.hover { color: #FFF; font-weight: bold; }
		#topmenu ul li.selected { color: #FFF; font-weight: bold; }
		#topmenu ul a.selected {color: #FFF; font-weight: bold; }
		                  
		#topmenu ul ul { top: 0;}
	
	/* menu drop down sizing */
	#topmenu ul { width: 160px; left: 0px; text-align: left;}
	#topmenu ul ul { left: 161px; } 

	/* menu drop down positioning */
	#topmenu ul > li > a { line-height: 1; line-height:50px; height: 50px; }
	  #topmenu ul { top: 50px; border: none;  line-height: 1; }	
	  
	/* drop shadows and central background */
	#topmenu ul { box-shadow: none; }
        #topmenu ul { background-color:none; }

/*---------------------------------------------*/
/* Stylesheet: Form and Buttons*/

/*---- generic button styling -------*/
input[type="button"], .button { padding: 7px 20px; border: none; color: white !important; text-transform: uppercase; font-size: .8em; font-family: 'optimabold'; background-color: #666;text-decoration: none !important;}
.button a { color: white !important; text-decoration: none !important;}
/*-----my sad attempt to make a hover color-------------*/
.button-tan:hover a,  a.button-tan:hover {background-color: #b99c48;}
.button-tan a {display: block;}
 a.button-tan {display: inline-block;}
input[type="submit"], .button-dark, .button-tan a, a.button-tan { padding: 7px 20px; border: none; color: white; text-transform: uppercase; font-size: .8em;font-family: 'optimabold'; background-color: #000;}
.button-dark, .button-tan { color: white !important; text-decoration: none !important; text-align: center;}

.button-dark a, .button-tan a { color: white !important; text-decoration: none !important;}
button { padding: 2px 5px; }
input[type="textbox"],input[type="text"],input[type="password"] { padding: 2px 5px; border: solid 1px #aaa; }
textarea { padding: 2px 5px; border: solid 1px #aaa;}

.readmore a {font-size: 1.2em; color: #b99c48 !important;}

/*----- generic style for generated forms -----*/
.ui-form-table { width: 100%; }
.ui-form-table td { padding: 2px; }
.ui-form-table textarea {font-family: Arial; width: 100%; height: 200px;}
.ui-form-table input[type="text"] {width: 450px; }
.ui-form-table input[type="textbox"] {width: 450px; }

.ui-form-cell-input { width: 100%; } 
.ui-form-cell-label { padding-right: 10px; } 
/*.ui-form-checkbox-container { padding-left: 170px; } */

/*--------- placeholders styling -----------*/
::-webkit-input-placeholder { text-transform: uppercase; font-size: .8em; font-family: RobotoLight; color: #767561;}
::-moz-placeholder { text-transform: uppercase; font-size: .8em; font-family: RobotoLight;color: #767561;} /* firefox 19+ */
:-ms-input-placeholder { text-transform: uppercase; font-size: .8em; font-family: RobotoLight;color: #767561;} /* ie */
input:-moz-placeholder { text-transform: uppercase; font-size: .8em; font-family: RobotoLight;color: #767561;}

/*---------------------------------------------*/
/* Stylesheet: Slideshow Thumbs*/

/* slideshow pager */
.slideshow-pager a img { border: solid 2px black; margin-right: 5px;}
.slideshow-pager a.activeSlide img { border: solid 2px white; }

/*---------------------------------------------*/
/* Stylesheet: Editor Styles - styles available for the CMS editor*/

/*************** general *****************/

.text-double-size {font-size: 2em; line-height: 25px !important; margin-bottom: 20px !important; }

.readmore {  color: #808080 !important;  text-transform: uppercase; font-size: .9em; text-align: left;}
.readmore a { color: #808080 !important; text-transform: uppercase; text-decoration: none !important;}

.ruler { border-top: solid 1px #4d2e19; margin-bottom: 10px; }
.ruler-dot { border-top: dotted 1px #4d2e19; margin-bottom: 00px; }
.date { font-size: .9em;  font-style: italic;}
.highlight { background-color: yellow; }

/*---------------------------------------------*/
/* Stylesheet: Event Calendar*/

/* events */
#calendar { margin-bottom: 0px; }
#calendar .calendar-header {  }
#calendar .month-current {  text-transform: capitalize; padding: 2px 0; }
#calendar caption { padding-bottom: 5px; font-weight: bold; }
#calendar table { width: 100%; border-collapse: collapse; border: 1px solid #4d2e19; }
#calendar thead th {background-color: #4d2e19; color: white !important;padding: 5px 0; text-align: center;border-top: 0px solid #AEA097; border-left: 0px solid #AEA097;}
#calendar thead th b { color: white !important; }
#calendar tbody td {padding: 5px 0; text-align: center;	border-top: 0px solid #AEA097; border-left: 0px solid #AEA097; border-bottom: 0px solid #AEA097;}
#calendar tfoot td {padding: 5px;}
#calendar td a { background-color: #AEA097;color: white !important; font-weight: normal; text-decoration: none;display: block; border-radius: 4px;}
#calendar tfoot #next {	text-align: right;}
#calendar #today { background: #9f3d26;}

.ui-event-input { }
.ui-event-input-date-from { width: 90px; margin-right: 5px;}
.ui-event-input-date-to { width: 90px; margin-left: 5px;}

/*---------------------------------------------*/
/* Stylesheet: Store*/

/* shopping cart */

.cart { background: url(../pub/photo/cart.png) no-repeat left top; display: inline-block;
  padding-left: 37px; padding-top: 4px; font-style: italic; min-height: 24px; line-height: 24px; font-size: 1.2em; text-transform: capitalize; color: #b99c48 !important; }
a.cart:hover {filter: grayscale(1) brightness(0.25);}

.cart-link { text-transform: uppercase; font-size: 16px; color: orange;}
.cart-link:hover {text-decoration: none;}
.cart-items { width: 100%; }
.cart-items th { text-align: left; font-size: 14px; font-style: italic; padding-bottom: 10px; border-bottom: dotted 1px #ccc;}
.cart-items td { padding: 5px 0; }
.cart-items td .label { display: inline-block; margin-top: 10px; }
.cart-items td.total { font-size: 14px;  font-style: italic; padding-top: 10px; border-top: dotted 1px #ccc;}
.cart-shipping td, .cart-billing td, .cart-payment td, .cart-gift td { padding: 2px 5px; }
.checkout td.ui-label { width: 140px; }
.ui-cart-readonly { color: #aaa; }
.ui-cart-quantity { width: 32px !important;}

.price {font-size: 20px;line-height: 25px;}
.main-home h2.price {line-height: 1.75em;}
#ui-cart-shipping-zip { width: 80px; }
#topcart {color: #fff; margin: auto;position: absolute; bottom: 0px;}

.menu-contain {padding: 0px !important;}
.bg-store {background-color: #4b4035; padding: 30px 20px 60px 20px;}
.bg-store .white-bg {background-color:#fff; padding: 40px;}
#cat-menu {list-style-type: none; padding-bottom: 20px; display: flex; flex-wrap: wrap; justify-content: space-between;}
#cat-menu li {margin-left: 0px; margin-right: 5px; text-align: center; line-height: 60px;}
#cat-menu a {text-decoration:none; border: none; color: white; text-transform: uppercase; font-family: 'optimabold'; padding: 15px; background-color: black;}
#cat-menu a { background-color: black; padding: 15px;}
#cat-menu a:hover { background-color: #b99c48; color: black; padding: 15px;}
.product {display:flex;align-items: center;padding-bottom: 15px;}
.product .thumb {margin-bottom: 5px; text-align: center; max-width: 175px; padding: 0px 10px; width:100%;}
.product h2 {line-height:1.5em;}
.product .readmore a:hover {color:#b99c48 !important;}

.product-grid h2 a {color: #4b4035;}
input[type="textbox"], input[type="text"], input[type="password"] { padding: 7px;}

#template-input-Mproductviewer .mobile-flex-column-reverse .col-md-4 * {width: unset !important;}
.product-grid .ruler {margin-bottom: 30px;}

@media (max-width:620px) {
    #cat-menu, .product {flex-direction: column;}
    #cat-menu li a { width: 100%; display: block; margin-bottom: 5px; }
    .product-details #cat-menu {display:none !important;}
    .main-home h2.price {font-size: 1.25em;}
    .bg-store .white-bg {padding: 30px;}
    table.cart-items input[type="textbox"] {padding: 7px 0px;}
    #template-input-Mproductviewer .mobile-flex-column-reverse .col-md-4 * {max-height: 60vh;}
}
@media (max-width:475px) {
    .mobile-flex-column-reverse {flex-direction: column-reverse;}
}
#clubMember + label {font-weight: bold;}
.club-member-box td {border-bottom: dotted 1px #ccc;}
.price-box-grid {display: flex; align-items: center; justify-content: space-between; margin-bottom:15px;}
a.button-checkout {font-size: 1em; padding: 10px 25px;}

.product-grid .lvsys-ui-pagination a, .product-grid .lvsys-ui-pagination b {min-width: 20px; text-align: center;padding: 0px 5px;}
.product-grid .lvsys-ui-pagination {display: flex; border-top: 1px solid; padding-top: 10px;}
.product-grid .lvsys-ui-pagination b {margin-left: -0.75em;}

/*---------------------------------------------*/
/* Stylesheet: added*/

.link-bar > .inner { width: 100%; height: 20px; background-color: brown; }
.link-bar { margin-bottom: 5px; }

/*---------------------------------------------*/
/* Stylesheet: goudy_bookletter*/

@font-face {
    font-family: 'goudy_bookletter';
    src: url('../pub/doc/goudy_bookletter_1911-webfont.eot');
    src: url('../pub/doc/goudy_bookletter_1911-webfont.eot?#iefix') format('embedded-opentype'),
         url('../pub/doc/goudy_bookletter_1911-webfont.woff') format('woff'),
         url('../pub/doc/goudy_bookletter_1911-webfont.ttf') format('truetype'),
         url('../pub/doc/goudy_bookletter_1911-webfont.svg#goudy_bookletter_1911regular') format('svg');
    font-weight: normal;
    font-style: normal;

}


/*---------------------------------------------*/
/* Stylesheet: england_hand_dbregular*/

@font-face {
    font-family: 'england_hand_dbregular';
    src: url('../pub/doc/england-webfont.eot');
    src: url('../pub/doc/england-webfont.eot?#iefix') format('embedded-opentype'),
         url('../pub/doc/england-webfont.woff') format('woff'),
         url('../pub/doc/england-webfont.ttf') format('truetype'),
         url('../pub/doc/england-webfont.svg#england_hand_dbregular') format('svg');
    font-weight: normal;
    font-style: normal;

}



/*---------------------------------------------*/
/* Stylesheet: Responsive*/

img {max-width: 100%; height: auto;}
.img-responsive { max-width: 100% !important; height: auto; }
.img-responsive img { max-width: 100%; height: auto; }
.img-rounded { border-radius: 4px; }
.img-circle { border-radius: 50%; }
.img-thumbnail { border-radius: 2px; background: white; padding: 4px; box-shadow: 0 0 1px rgba(0,0,0,.2);}
.img-placeholder { border: solid 1px #B7A99A; display: block;}

.home-box > .inner {padding: 20px; }

/* large screens */
@media screen and (max-width: 1427px) {
  .bg-top-header {padding-left: 20px; padding-right: 20px;}
  .bg-header {padding-left: 20px; padding-right: 20px;}
}

@media screen and (max-width: 1300px) {
  .photo-container .overlay.portfolio-center {padding-top: 20px;}
  .photo-container .overlay.portfolio-center .link-container {left: 75px;}
  .photo-container .overlay.portfolio-center .popup-container {right: 75px;}
}

@media screen and (max-width: 1092px) {
	
	.bg-header {height: 320px;}
	#topmenu a {}
	#topmenu li {margin-bottom: 10px;}


	

}

@media screen and (min-width: 1003px) {
	.mobile-hide {display:none;}

        .layout { }
	
	.responsive-lg {}
	.responsive-sm { display: none; }
	.responsive-md { display: none; }
}

/* ~850px-1003px screens */
@media screen and (max-width: 1003px) {
	.responsive-lg { display: none !important; }
	.responsive-sm { display: none; }
	.responsive-md { display: block; } 

	/*.img-placeholder { display: none; }*/
	
	/*.template { min-width: 320px; max-width: 100%; }*/


	.bg-top-header {display: none; }
	.bg-header { position: static !important; padding: 0; }
	.bg-header > .x-cell{ }
	.bg-header + .x-clear { }
	.bg-header { -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; }
	.bg-slideshow { margin-top: 0px !important; }
	.bg-testimonials {}
	.bg-testimonials > .x-cell {padding: 20px;}
	.home-text {padding: 0, 20px;}
	#toptext {display: none;}
	.bg-header {height: auto; border-bottom: 1px solid #dfd9d2;}
	
@media not all and (min-resolution:.001dpcm) { @supports (-webkit-appearance:none) and (stroke-color:transparent) { .bg-header {  padding-bottom: 75px; } } }

        /* content is raised to just 28px from top instead of 45px */
        .content { top: 28px; }
	
	.bg-header #toplogo  { display: block; top: 5px !important; right: 40px; width: 225px !important; height: auto !important; padding: 25px 0; margin: 0 auto; position: static;}
	.ranch #toplogo {REMpadding: 70px 0 !important;}
	#topintro { position: static !important;  }
	#toptext { position: static !important;  }
        .search-reveal {display: none;}
        #topcart {top: 10px; right: 20px; bottom:unset;}
	

	
	/* menu is moved into toptext and transformed into dropdown*/
	.bg-header .selectcontainer { display: block;  margin-left: auto; margin-right: auto; margin-bottom: 15px;/*position: absolute; right: 10px;  top: 15px;*/ }
	.bg-header .selectcontainer select { width: 90%; }
	/* hide logins and other useless elements on a mobile device */
	
	.bg-menu  { display: none;}
	.bg-top-menu { padding-left: 15px;}

        .bg-hero .form-hero { margin-top: 0px; }
	.about-hero > .hero-inner > .vert-center { margin-top: 0px !important;}
	.about-hero > .hero-inner > .vert-center > .contact-info { padding-bottom: 0px ! important;}
	
	.main-home a {text-decoration: none; text-align: center; border-top: 1px;}	
	
	/* Slider Menu */  
	
	.bg-header #topmenu {display: none;}
	.bg-header .topmenu-mobile {display: none; font-family: 'Inknut Antiqua', serif; padding-right: 0;   text-transform: uppercase;  letter-spacing: 0; font-size: 20px; margin-bottom: 0; background: white; margin-bottom: 0; }
	.bg-header .topmenu-mobile li {display: list-item; line-height: 45px; text-align: left; float: none; margin-left: 0; list-style: none; margin-bottom: 0; position: relative;}
	.bg-header .topmenu-mobile li ul {margin-bottom: 0; display: none; margin-left: 0; background-size: cover !important; text-transform: none; font-weight: normal;}
	.bg-header .topmenu-mobile li ul li {background: #fff;}
	.bg-header .topmenu-mobile li li a {padding-left: 29px;}
	.bg-header .topmenu-mobile li:not(:last-child) {}
	.bg-header .topmenu-mobile li a {color: #000 !important; display: block; padding: 0 10px; border-bottom: 1px solid #dfd9d2; REMpadding-left: 19px; background: white; line-height: 45px; }
	.bg-header .topmenu-mobile > li:first-child > a {border-top: 1px solid #dfd9d2;}
	.bg-header.inside .topmenu-mobile li a {color: #000 !important; }
	.bg-header .topmenu-mobile li a:hover {color: #b99c48 !important;}
	.bg-header .topmenu-mobile li a.selected {color: #b99c48 !important;}
	
	.bg-header .menu-toggle { display: block !important; position: absolute; top: 35px; right: 15px; border: 1px solid #dfd9d2; }
	.bg-header .menu-toggle i { display: inline-block !important; padding: 13px; cursor: pointer; color: black; transition: .3s; }
        .bg-header .menu-toggle span { text-transform: uppercase; padding-right: 13px; cursor: pointer; transition: .3s; }
        .bg-header .menu-toggle:hover { color: #b99c48; transition: .1s; cursor: pointer; }
	.bg-header.inside .menu-toggle { color: #fff; }
	
	.bg-header .menu-expand {position: absolute; right: 0; width: 46px; height: 46px; top: 0; text-align: center; cursor: pointer; border-left: 1px solid @color-gray-alt@;}
	.bg-header .menu-expand i {line-height: 16px; height: 16px; width: 16px;}
	.bg-header .menu-expand:hover i {color: #b99c48; border-color: #b99c48;}
	.bg-header .menu-expand i:hover {#b99c48}
	
	.bg-header .search-toggle { display: block !important; position: absolute; top: 0px; right: 40px; border: 1px solid #dfd9d2; }
	.bg-header .search-toggle i { display: inline-block !important; padding: 13px; cursor: pointer; color: black; transition: .3s; }

	/* form */	
	.about-photo img {margin: auto; margin-bottom: 20px;}
	.center-sm {text-align: center;}

	/* form */
	.form { width: 100%; }
	.contact-form { padding: 0 50px; }
	
	/* generic layout review */
	.inner { padding: 10px 10px !important; } /* 1px prevents bottom margin errors on chrome */
	/*table.elastic, .table {  display: block; } /* bootstrap uses .table too
	table.elastic tbody, .table tbody { display: block; width: 100%;}
	table.elastic tr, .table tr { display: block; width: 100%;}
	table.elastic td, .table td {  display: block; width: 100%;}*/
	.x-block > .x-cell { width: 100% !important; }
	.bg-gray, .bg-clear, .bg-blue, .bg-light, .bg-blue-dark .bg-dark {padding: 20px 20px 20px 20px}
	.bg-abstract-blue-strip { background-size: auto 100%; }
	.bg-clear.inside {padding: 20px 10px;}
	.bg-dark.inside {padding: 20px 10px;}
	.bg-clear.no-padbot {padding-bottom: 0px !important;;}
	.bg-dark.no-padbot {padding-bottom: 0px !important;;}
	.normal-width {width: 100% !important; REMpadding: 0 20px;}
	.x-block > .x-cell-container { width: 100% !important; }
	.x-block > .x-cell > .inner { width: 100% !important; }
	.thumb { float: none;  width: 100%; text-align: center;}
	.ui-photo-list { width: 100% !important;  text-align: center;}
	.main-home p {margin-bottom: 10px;}
	#footertext {padding: 20px 20px 0 20px;}

	
	.bg-split-slice .bg-clear, .bg-split-slice .bg-blue-darker .bg-dark { padding-left: 20px; padding-right: 20px; }

	
	.vert-center { transform: none; }
	
	.main-home h1, .main-home h2.title {font-size: 2em;}
	.main-home h2 {font-size: 1.75em;}
	
	.bg-slideshow, .bg-slideshow h1, .bg-slideshow h2, .bg-slideshow h3, .bg-slideshow h4, .bg-slideshow p, .inside-slideshow-copy h1 {REMcolor: #262626; text-shadow: none;}
	.bg-slideshow .horizontal-gradient h1, .bg-slideshow .horizontal-gradient p { color: #fff; }
	.bg-blue .category-header {padding-top: 0;}

        .home-slideshow { height: auto !important; margin-top: 0px; }

	.home-slideshow h1 {font-size: 1.75em;}
	.home-slideshow p {font-size: 1em;}

	.home-slideshow-copy-container {position: relative; height: auto;}
	.home-slideshow-copy-container {background: none;}
	
	.slideshow-pad {display: none;}
	
	.home-block {width: 100%; margin-bottom: 20px;}
	
	.pad-lr-50-50 { padding-left: 50px; padding-right: 50px; }
	
	/* ---- bg-hero gradient --- */
	.bg-hero .copy-right {}
	.bg-hero .copy-right {padding: 0px 50px;}
	.bg-hero .copy-right, .bg-hero .copy-left { width: 100%; }
	
	
	
	/* slideshows */
	/*.slideshow .caption {width: 85%;font-size: 3.2em;top: 45px;line-height: 1.3em;}*/
	.slideshow  {}
	.slideshow > div {height: auto !important;}
	.slideshow > div > img {height: auto !important;width: 100% !important; min-height: 0 !important; min-width: 0 !important;}
	
	.home-slideshow {height: auto; overflow: hidden;}
	.home-slideshow .slideshow {min-height: 0px !important; min-width: 0 !important; height: auto !important;}
	.home-slideshow .slideshow > div {height: auto !important; min-height: 0 !important;}
	.home-slideshow .slideshow > div > img {min-height: 0; height: auto; width: 100%; min-width: 0; position: static !important;}
	
	.home-slideshow .slideshow-background, .home-slideshow .slideshow-background .horizontal-gradient  {height: auto !important; min-height: 250px;}
	.home-slideshow .copy-container {REMheight: auto !important; REMposition: static; REMdisplay: block; background: none; padding: 20px; REMpadding-bottom: 0; max-width: 100%;}
	.home-slideshow .copy {REMdisplay: block; text-align: left; max-width: 100%;}
	.home-slideshow .copy .copy-right { width: 100%; margin: auto; margin-top: 40px; padding: 0; text-align: center;}
	.home-slideshow .copy br {display: none;}
	.home-slideshow .copy-inner {max-width: 100%; width: 100%;}
	
	.home-slideshow-copy-container {width: 100%;}
	.home-slideshow-copy, .home-slideshow-copy.lv-vertical-center {position: static; padding: 20px 20px 0; line-height: initial; text-align: left; width: 100%;}
	.home-slideshow-copy h1 {font-size: 1.5em;}
	.home-slideshow-copy h2 {font-size: 1.3em;}
	.home-slideshow-copy h3 {font-size: 1.1em;}
	.home-slideshow-copy .btn {width: 100%;}
	.bg-slideshow .lv-vertical-center .btn {width: 100%;}
	
	.home-slideshow .copy-left { display: block;}
	.home-slideshow .copy-left .copy {width: 960px; max-width: 100%; margin: 0 auto; display: block; height: 100%;}
	.home-slideshow .copy-left .copy-inner {display: block; width: 100%; height: 100%;}
	.home-slideshow .copy-left .copy-wrap {display: block; }
	.home-slideshow .copy-left .copy-wrap h1 {margin-bottom: 0; }
	
	.home-slideshow-copy-inner {width: 100%; height: auto;}
	
	.home-slideshow img { max-height: 360px; }
	
	.slide-box {height: auto !important;}
	.slide-box-text-copy {padding: 20px;}
	.slide-box-prev, .slide-box-next {display: none;}
	
	/* home page */
	.button-cta { display: block; margin-bottom: 10px; }
	.our-story { padding: 0; }
	.focus img { width: 100%; height: auto; }
	.testimonial-box { width: 100%; margin-bottom: 20px; float: none; box-sizing: border-box; -moz-box-sizing: border-box; }
	.home-slide { width: 100%; }
	.service-box {width: 100% !important;}


	.home-delivery-table { margin-bottom: 40px !important;}
	.home-delivery.right{ border-left-width: 2px; }
.home-box > .inner { margin-bottom: 20px;}
.bg-dark .home-box > .box-3 { margin-bottom: 0px;}
.home-box {height: auto !important;}
#legal-text { padding: 20px; }
.bg-footer #legal-text p {text-align: center; }
.bg-dark.bg-footer {padding: 50px 0 0 0;}

.home-slideshow .background-slideshow {height: 250px;}
.home-slideshow .slideshow-background {min-height: 250px; width: 100%;}

	/*-------------- Portfolio Page -----------*/

	.bg-breadcrumbs {text-align: center; padding: 20px;}
	.bg-breadcrumbs h2 {font-size: 1.35em;}
	.bg-breadcrumbs .breadcrumb-container {float: none; margin: auto;}

	.right-photo {float: none; margin-left: 0;}
	.left-photo {float: none; margin-right: 0;}

	.photo-container .overlay.portfolio-center {padding-top: 35px;}
	.photo-container .overlay.portfolio-center .link-container {bottom: 30px;}

	.btn-portfolio {padding: 20px !important;}

	/*-------------- Blog Page -----------*/
	
	.tag-container {float: none; margin-bottom: 15px;}

	.pager-container {text-align: left;}
	.js-social-container {float: none; display: block !important;}
	.js-social-container .social-buttons {display: block;}

	/*-------------- Software Page -----------*/

	.software-carousel-banner-item {display: block; padding: 20px; margin-bottom: 20px;}

	.software-carousel-nav-container, .software-carousel-banner-prev, .software-carousel-banner-next {display: none;}

	/*-------------- Web Design Page -----------*/
 
	.pricing-box {height: auto !important; margin-bottom: 20px;}
	.pricing-box-container {padding-top: 0; }

	.web-carousel-pager-container {}
	.web-carousel-pager {max-width: 100%; overflow-x: scroll; padding-bottom: 5px;}
	.web-carousel-pager-container .carousel-back, .web-carousel-pager-container .carousel-next {display: none;}

	.btn-large {width: auto !important;}

	/*-------------- Automatic Bill Pay -----------*/

	@media not all and (min-resolution:.001dpcm) { @supports (-webkit-appearance:none) and (stroke-color:transparent) { .ios-popover { } } }
	@media not all and (min-resolution:.001dpcm) { @supports (-webkit-appearance:none) and (stroke-color:transparent) { .ios-iframe-container { REMposition: relative; REM-ms-overflow-style: none; } } }
	@media not all and (min-resolution:.001dpcm) { @supports (-webkit-appearance:none) and (stroke-color:transparent) { .ios-iframe-container iframe { REMposition: absolute; REMtop: 0; REMleft: 0; } } }

	/*-------------- 404 Page -----------*/

	.not-found-table-cell {width: 100%; border: 0;}

	/*-------------- 404 Page -----------*/

	.mobile-form-container, .mobile-form-container .sh-column {padding: 0;}
	.responsive-form {height: 2160px;}

	/* Testimonials */
	
	.slider {min-height: 305px;}
	
	.testimonial {}
	.testimonial-body {padding: 0; font-size: 1.5em;}
	.testimonial-body:before, .testimonial-body:after {display: none;}
	.testimonial-author {font-size: 1.25em;}
	
	/*-------------- Contact Page --------------*/

	.center-form {width: 50%; margin: auto;}

	/* Home Form */
	
	/*
	.form-container {}
	.form-container table {display: block; width: 100%;}
	.form-container tbody {display: block; width: 100%;}
	.form-container tr {display: block; width: 100%;}
	.form-container td {display: block; width: 100%;}
	
	.form-container .center-table {max-width: 100%; margin-left: auto; margin-right: auto;}
	.form-container .ui-form-cell-captcha {text-align: left;}
	.form-container .center-table .ui-form-cell-captcha table {display: block; margin-bottom: 15px;}
	.form-container .center-table .ui-form-cell-captcha tbody {display: block;}
	.form-container .center-table .ui-form-cell-captcha tr {display: block; width: auto; padding-left: 0;}
	.form-container .center-table .ui-form-cell-captcha tr:first-child {padding-top: 0; padding-right: 0; padding-left: 0;}
	.form-container .center-table .ui-form-cell-captcha td {display: block;}
	.form-container .center-table .ui-form-cell-captcha input {height: auto;}
	.form-container .center-table .ui-form-cell-captcha img {display: block;}
	.form-container .center-table .ui-form-cell-submit {text-align: left;}
	.form-container .center-table .ui-form-cell-submit input {width: auto;}
	*/
	
	/* Category Block */
	
	.category-block.col-md-4 {margin-bottom: 20px !important;}
	
	/* Exemplar */
	
	.exemplar-item { margin: 0 40px; }
	
	/* inside pages */
	
	.quote-box  {width: 100%; border-left: 0; padding-left: 0;}
	
	.inside-slideshow-copy {position: initial;}
	.inside-slideshow-copy h1 {color: black;}

	iframe {width: 100%; height: auto;}
	
	/* Popup */
	
	.popup {max-width: 100%;}
	.popup .popup-inner {max-width: 80%; height: auto; max-height: 250px; top: 65px; bottom: auto;}
	
	/* Buttons */
	
	.copy-right .btn { margin-bottom: 25px; }
	.btn-clear {border-color: @color-primary-1-dark@; color: @color-primary-1-dark@ !important;}
	.btn-clear:hover { background: @color-primary-1-dark@; color: #fff !important; border: 2px solid @color-primary-1-dark@; }
	.bg-split-slice .btn-clear { border-color: #fff; color: #fff !important; }
	.bg-split-slice .btn-clear:hover { background-color: #fff; color: @color-primary-1-dark@ !important; }
	
	/* Form Strip */
	
	.form-strip { width: 60%; margin-left: auto; margin-right: auto; }
	.form-strip > form > div > table > tbody > tr {display: block; width: 100%; padding-bottom: 30px;}
	.form-strip > form > div > table > tbody > tr.wide {width: 100%; padding-bottom: 22px; }
	.form-strip > form > div > table > tbody > tr.small {width: 100%; padding-bottom: 0px;}
	.form-strip > form > div > table > tbody > tr.small > td { width: 180px; margin-left: auto; margin-right: auto; }
	.form-strip > form > div > table > tbody > tr > td {display: block; width: 100%; padding-right: 0;}
	.form-strip > form > div > table > tbody > tr > td > input {width: auto !important;}
	.form-strip > form > div > table > tbody > tr > td > div {display: none;}
	.form-strip > form > div > table table {width: 100%; }
	.form-strip > form > div > table table tr {display: block; padding-bottom: 8px;}
	.form-strip > form > div > table table tr td {display: block; height: auto;}
	.form-strip > form > div > table table tr td input {width: 100% !important; max-width: 100%;}
	.form-strip > form > div > table table tr td img {padding-top: 30px; display: block !important; margin-left: auto; margin-right: auto;}
	.form-strip input[type=text] {border: 0 !important; border-radius: 0 !important; width: 100% !important;}
	.form-strip input[type=submit] {min-width: 180px; height: auto; padding: 10px 20px; width: auto !important;}

	.subscribe-form .ui-form-cell-input { padding-right: 0px; }
	
	/* footer */
	.bg-footer {text-align: left; }
	#legal-text {text-align: center; }
	.bg-footer .x-cell { padding: 0 10px !important; box-sizing: border-box; -moz-box-sizing: border-box;}
	
	.footer-menu { 	}
	.bg-footer .footer-menu li { display: block; margin-left: 0;}
	
	.bg-footer .right {text-align: left;}
	
	.footer-info-wrapper { width: 100%; }
	.footer-info-box {max-width: 100%; width: 100%; }
	
	.footer-text { margin-left: 10px; }
	#footer-logo {margin-bottom: 20px !important; margin-top: 0px; }
	
	#mc_embed_signup {margin-top: 20px;}


}
/* mobile screens */
@media screen and (max-width: 850px) {
	.responsive-lg {display: none !important;}
	.responsive-sm { display: block;}
	.responsive-md { display: none; }
	table.responsive-sm { display: table; }
	#footer-logo {display: block; margin: auto;}
	.home-slideshow .background-slideshow {height: 250px;}

	
	.hide-sm { display: none; }

        /* mobile menu-toggle */
        .bg-header .menu-toggle span { display: none; }
	
	.master-col-left,.master-col-right,.layout-col-left,.layout-col-right { float: none!important;}
	.col-single, .col-double, .col-half, .col-third, .col-quarter { width: 100% !important;}
	
	/* form */
	.form { width: 100%; }
		
	/* About + Contact hero */
	.form-hero .contact-info { padding-bottom: 50px; }
	.horizontal-gradient h1 { margin-bottom: 20px; padding-bottom: 0px; }
	
	/* generic layout review */
	.inner { padding: 10px 10px !important; } /* 1px prevents bottom margin errors on chrome */
	table.elastic, .table {  display: block; } /* bootstrap uses .table too */
	table.elastic tbody, .table tbody { display: block; width: 100%;}
	table.elastic tr, .table tr { display: block; width: 100%;}
	table.elastic td, .table td {  display: block; width: 100%;}
	.bg-header{height: auto;}

	.home-block { border-top: 0px !important; /* border-left: 1px solid @color-gray-alt@ !important; */ }
	.home-blocks tr:first-child .home-block.home-block-first { /* border-top: 1px solid @color-gray-alt@ !important; */ } 
	
	/* Home Form */
	
	.form-container {}
	.form-container table {display: block; width: 100%;}
	.form-container tbody {display: block; width: 100%;}
	.form-container tr {display: block; width: 100%;}
	.form-container td {display: block; width: 100%;}
	
	.form-container .center-table {width: auto; max-width: 100%; margin: 0;}
	.form-container .ui-form-cell-captcha {text-align: left;}
	.form-container .center-table .ui-form-cell-captcha table {display: block; margin-bottom: 15px;}
	.form-container .center-table .ui-form-cell-captcha tbody {display: block;}
	.form-container .center-table .ui-form-cell-captcha tr {display: block; width: auto; padding-left: 0;}
	.form-container .center-table .ui-form-cell-captcha tr:first-child {padding-top: 0; padding-right: 0; padding-left: 0;}
	.form-container .center-table .ui-form-cell-captcha td {display: block;}
	.form-container .center-table .ui-form-cell-captcha input {height: auto;}
	.form-container .center-table .ui-form-cell-captcha img {display: block; margin-left: auto; margin-right: auto;}
	.form-container .center-table .ui-form-cell-submit {text-align: left; width: 180px; margin-left: auto; margin-right: auto;}
	.form-container .center-table .ui-form-cell-submit input {width: auto;}
	
	/* Form Strip */
	.form-strip { width: 100%; }
	.form-strip > form > div > table > tbody > tr {display: block; width: 100%; padding-bottom: 30px;}
	.form-strip > form > div > table > tbody > tr.wide {width: 100%; padding-bottom: 22px; }
	.form-strip > form > div > table > tbody > tr.small {width: 100%; padding-bottom: 0px;}
	.form-strip > form > div > table > tbody > tr.small > td {width: 180px; margin-left: auto; margin-right: auto;}
	.form-strip > form > div > table > tbody > tr > td {display: block; width: 100%; padding-right: 0;}
	.form-strip > form > div > table > tbody > tr > td > input {width: auto !important;}
	.form-strip > form > div > table > tbody > tr > td > div {display: none;}
	.form-strip > form > div > table table {width: 100%;}
	.form-strip > form > div > table table tr {display: block; padding-bottom: 8px;}
	.form-strip > form > div > table table tr td {display: block; height: auto;}
	.form-strip > form > div > table table tr td input {width: 100% !important; max-width: 100%;}
	.form-strip > form > div > table table tr td img {display: block !important; margin-left: auto; margin-right: auto;}
	.form-strip input[type=text] {border: 0 !important; border-radius: 0 !important; width: 100% !important;}
	.form-strip input[type=submit] {min-width: 180px; height: auto; padding: 10px 20px; width: auto !important;}
	
	/* -- Exemplar -- */
	.exemplar-right { padding-left: 0px !important; }
	.exemplar-right p { padding-bottom: 40px; }
	.exemplar-right span { padding-left: 0px; }
	.exemplar-item .exemplar-left { margin-bottom: 20px !important; }
}

/* Make 484px the xs viewport? */
@media screen and (max-width: 484px) {
	.hide-xs { display: none; }
	
	.contact-form { padding: 0px; }
	.contact-form .ui-form-cell-captcha td { display: block; }
	.contact-form .ui-form-cell-captcha td:first-child { margin-bottom: 25px; }
	.price-box-grid {flex-direction: column; align-items: flex-start;}
}

        .layout { padding-top: 0px; }

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

        .layout { padding-top: 0px; }
			

	.bg-header .topsearchbox input { min-width: auto; width: auto; }
	
	.bg-header .search-toggle { right: 20px; }
	.btn { height: auto !important; }
}