/* DO NOT CROSS LINK TO THIS FILE  - This stylesheet was generated on Thu, 02 Oct 2025 19:59:50 -0700 and its name will change */

/*---------------------------------------------*/
/* Stylesheet: Wedding Fonts*/

@font-face {
    font-family: 'love_hewitsregular';
    src: url('/pub/doc/love_hewits-webfont.woff2') format('woff2'),
         url('/pub/doc/love_hewits-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-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*="len-md-"] { padding: 0 10px; } /* 20px gutter, no float */
.len-md-1 { width: calc(100% / 12 * 1 - 20px); } 
.len-md-2 { width: calc(100% / 12 * 2 - 20px); } 
.len-md-3 { width: calc(100% / 12 * 3 - 20px); } 
.len-md-4 { width: calc(100% / 12 * 4 - 20px); } 
.len-md-5 { width: calc(100% / 12 * 5 - 20px); } 
.len-md-6 { width: calc(100% / 12 * 6 - 20px); } 
.len-md-7 { width: calc(100% / 12 * 7 - 20px); } 
.len-md-8 { width: calc(100% / 12 * 8 - 20px); } 
.len-md-9 { width: calc(100% / 12 * 9 - 20px); } 
.len-md-10 { width: calc(100% / 12 * 10 - 20px); } 
.len-md-11 { width: calc(100% / 12 * 11 - 20px); } 
.len-md-12 { width: calc(100% / 12 * 12 - 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; }
.clearfix::after {  
	content: " "; /* Older browser do not support empty content */
	visibility: hidden; display: block; height: 0px;  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: 768px) {
	*[class*="col-md-"] { float: none !important;  width: calc(100% - 20px) !important; margin: 0 10px !important;} /* keep the margin gutter of 10px on either side */
	*[class*="len-md-"] { width: calc(100% - 20px) !important; padding: 0 10px !important;} /* keep the padding gutter of 10px on either side */
	/* don't do anything to -xs- columns. They need to keep their sizes */
}


/*
Bootstrap:
Extra small devices
Phones (<768px)		- col-xs. Horizontal at all times
Small devices
Tablets (&ge;768px)	- col-sm (LVSYS: same as col-md). Collapsed to start, horizontal above breakpoints
Medium devices
Desktops (&ge;992px) 	- col-md (LVSYS default). Collapsed to start, horizontal above breakpoints
Large devices
Desktops (&ge;1200px) 	- col-lg (LVSYS: same as col-md). Collapsed to start, horizontal above breakpoints
http://getbootstrap.com/css/
*/

/* mobile screens */
@media screen and (max-width:768px) {
	*[class*="visible-xs"] {}
	*[class*="visible-sm"] {display: none !important;}
	*[class*="visible-md"] {display: none !important;}
	*[class*="visible-lg"] {display: none !important;}
	*[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"] {display: none !important;}
	*[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; box-sizing: border-box; -moz-box-sizing: border-box;}
html {height: 101%;}
a img {border: none; outline: none;}
img {border: none; outline: none;}
hr { margin-bottom: 30px; margin-top: 30px; border:0px; background-color: #e1d6d1; color: #e1d6d1; height: 5px; }
 

/*--------------- reset browser defaults--------------- */
.main-home { color: #000000; font-family: 'Open Sans', sans-serif; font-size: 14px; padding: 0; background: #886E3B; }
.main-home a { color: blue; text-decoration: none; }
.main-home a:hover { color: blue;}
.main-home b, .main-home strong { color: black; }
.main-home h1, .main-home h2.title, .main-home h2.title2 { font-size: 2em; color: #000; font-family: 'Roboto Slab', times, serif; font-weight: normal; margin-bottom: 10px; line-height: normal !important; text-transform: none ;}
.main-home h1 a, .main-home h2.title a, .main-home h2.title2 a { color: #000; text-decoration: none !important;}
.main-home h2 { font-size: 1.5em; color:#000; font-family: 'Roboto Slab', times, serif; font-weight: normal;   text-transform: none; margin-bottom: 10px;}
.main-home h2 a { color: #000; text-decoration: none !important;}
.main-home h2.underlined { padding-bottom: 5px; border-bottom: solid 1px #cdc0b3; }
.main-home h3 { font-size: 1.2em; color: #000; font-family: 'Roboto Slab', times, serif; font-weight: normal;  text-transform: none; margin-bottom: 10px;}
.main-home h3 a { color: #000; text-decoration: none !important;}
.main-home h4 { font-size: 1.1em; color: #000; font-family: 'Roboto Slab', times, serif; font-weight: normal; text-transform: none;  margin-bottom: 10px;}
.main-home h4 a { color: #000; text-decoration: none !important;}
.main-home .kicker { font-family: 'Roboto Slab', times, serif; text-transform: uppercase; color: #999999; }
.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: 'Open Sans', sans-serif; font-weight: normal;  text-transform: uppercase;margin-bottom: 10px;}

.ruler {  margin-bottom: 15px !important; border: 1px;}
.title { font-size: 1.5em; color:#000; font-family: 'Roboto Slab', times, serif; font-weight: normal; font-style:italic;  text-transform: uppercase; margin-bottom: 10px; }
/* ---------- style super common design items ---------*/

.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  {  }
.main-home .template { background: white; width: 800px; margin: 0 auto; box-shadow: 0 0 10px  rgba(0,0,0,0.5);}

/* ------------- slices ----------------------*/
.bg-header  {  background: url(/pub/photo/Heiser-farms-main-strip2.jpg) no-repeat center top; height: 128px;}
.bg-header .x-cell { position: relative; }	
.bg-menu { height: 40px; background: url(/pub/photo/bg-wood.png) no-repeat center top; color: white; position: relative;margin-bottom: 0px !important;}
.bg-menu a { color: white /*!important*/; }
.bg-focus { }
.bg-focus > .x-cell { }
.bg-slide .inner { padding-top: 0px !important; }
.bg-borderless { border: 0px !important; text-align: center; }
.bg-light { background: #F8E8C2; }
.bg-light > .x-cell { padding: 20px 0;}
.bg-light > .x-cell-container { }
.bg-light-noresize { }
.bg-light-noresize .x-cell { }
.bg-clear { }
.bg-clear > .x-cell { padding: 30px;}
.bg-clear .inner { padding-bottom: 0 !important; }
.bg-footer { background: url(/pub/photo/bg-wood.png) repeat-y center top; color: white; }

.bg-ruler {  }
.bg-topline { border-top: solid 1px #cdc0b3; padding-top: 20px; margin-top:20px !important; }
.bg-bottomline { border-bottom: solid 1px #cdc0b3; padding-bottom: 20px; margin-bottom:20px !important; }

#navmobile { display: none; }

.x-block {  margin-bottom: 0px; margin-left:auto; margin-right:auto; width: 800px;}
.x-block > .x-cell { margin: 0 auto;  }
.x-block > .x-cell-container {margin: 0 auto; }
.x-clear { clear: both; }
.content { padding: 0 0px; }
.content .x-block { width: 100% !important; }
.x-cell > .inner {  }
.x-cell-container  > .inner { padding: 10px;}

/*--------- generic templating --------- */
.col-container { margin-bottom: 20px; }
.col-single { width: 275px; padding: 5px;  }
.col-double { width: 660px; padding: 5px;  }
.col-store { width: 750px; padding: 0px 0;}
.col-third { width: 306px; }
.col-fifth { width: 175px !important; }
.col-half { width: 470px; }
.col-half-inner { width: 417px; }
.col-single > .inner { }
.col-double > .inner {  }
.col-third > .inner { }
.inner-mail { padding: 7px !important;}
.col-half > .inner { }
.master-col-left { float: left; margin-right: 20px;}
.master-col-right { float: right;}
.layout-col-left { float: left; margin-right: 20px;}
.layout-col-right { float: right; }

.side-bar { padding-top: 25px !important; }
.side-bar .inner { padding-top: 0px !important; }

/* ---------------header -------------- */
.bg-header > .x-cell { position: relative; height: 160px; margin: 0 auto; }
.bg-header #toplogo { position: absolute; display: block; left: 0px; top: 0px; width: 357px; height: 128px; cursor: pointer;}
.bg-header #facebook { position: absolute;
    display: block;
    right: 40px;
    top: 51px;
    cursor: pointer;
    color: white;
    text-transform: uppercase;
    background: #3b579d;
    text-align: center;
    border-radius: 6px;
    border: solid 1px #19347b;
    box-shadow: 0 0 10px rgba(0,0,0,.5);
    padding: 7px 20px;}
	
.notice-banner  {
	background-color: #fcaf22;
    color: #ffffff;
    font-weight: 600;
    padding: 5px;
}

.notice-banner p {
	margin-bottom: 0 !important;
}
	

/*--------------article ---------------*/
.bg-clear a { text-decoration: underline; }

/*------------- article gallery category --------------*/
.cat-item { float: left; margin-right: 20px; margin-bottom: 20px; text-align: center; }
.cat-item h2 { font-size: 1em; }

/*-------------- table ---------------*/
.table {border-spacing: 0;}
.table th { text-align: center; padding: 5px 10px; background-image: none !important; border-top: 1px solid #000; border-left: 1px solid #000; }
.table th:last-child { border-right: 1px solid #000; }
.table td { padding: 5px 10px; border-top: 1px solid #000; border-left: 1px solid #000; }
.table td:last-child { border-right: 1px solid #000; text-align: center;}
.table tr:last-child td { border-bottom: 1px solid #000;}

/*-------------- bottom footer --------------*/
.bg-footer { padding: 20px; color: white; text-shadow: 2px 2px 5px rgba(0,0,0,1);}
.bg-footer .x-cell {font-size: 1em; }
.bg-footer .inner { text-align: center; padding: 0 !important;  } /* not used due to the uncheck 'wrap' box */
.bg-footer h2 { font-size: 1.2em;}
.bg-footer a { color: white !important; }
.bg-footer a:hover { color: orange !important; }
.bg-footer h2, .footer h3, .footer h4 { font-family: 'Roboto Slab', times, serif; font-weight: bold;}
.bg-footer p { font-family: 'Roboto Slab', times, serif; font-size: .9em !important; }
.bg-footer h3 { font-family: 'Roboto Slab', times, serif; font-weight: bold !important; font-size:1em !important;}

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

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

/* shopping cart */

.cart {  /*background: url(../pub/photo/cart.png) no-repeat left top;*/  display: inline-block;
  padding: 4px; min-height: 18px; line-height: 18px; font-size: 1.2em; text-transform: capitalize; color: #35200b !important; }

.cart-link { text-transform: uppercase; font-size: 16px; color: #653616;}
.cart-link:hover {text-decoration: none;}
.cart-items { width: 100%; }
.cart-items th { text-align: left; color: #444; 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 { color: #000; 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: 20px !important; margin-left: 10px;}

.price { color: #653616; font-family: 'Roboto Slab', times, serif !important; font-size: 2em; margin-bottom:10px;}
.price-crossed { color: #777; font-family: 'Roboto Slab', times, serif !important; font-size: 1.5em; text-decoration:line-through; font-style: italic; margin-bottom:10px;}
#ui-cart-shipping-zip { width: 80px; }
.vendor { font-size: .9em; text-transform: uppercase;}
.soldout { color: red;}
.instock { color: green;}

.shop-item { width: 210px; margin-bottom: 10px; margin-right: 10px; float: left; }
.group-item {}
.group-item.selected img {border: solid 1px #336600; }

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

/* top menu all pages */   
.bg-menu .inner { bottom: 0; right: 0; background: none; text-transform: capitalize; position: relative;font-size: 1em; font-family: 'Roboto Slab', times, serif; font-weight: normal;  }
.bg-menu .inner ul, #topmenu ul { list-style-type: none !important; margin: 0;}
.bg-menu .inner li, #topmenu li { background: none; margin: 0;}

 #topmenu { text-transform: capitalize; }
  #topmenu > li { position: relative; color: white; line-height: 40px; text-align: left;
					text-shadow: 2px 2px 5px rgba(0,0,0,1);	}
  #topmenu > li.isfirst {  } /* we need to set numeric borders to prevent jquery issues for Ie7. See main.xml */
  #topmenu > li.islast { } 
  #topmenu > li.selected {text-shadow: none; } 
  #topmenu > li.hover {text-shadow: none; } 
  #topmenu > li.ispadding { padding: 0 5px;}  

  #topmenu > li > a { padding: 0 10px; }  
  #topmenu > li > a.isfirst { }  
  #topmenu > li > a.islast { } 

  #topmenu > li { border-left: solid 0px white; }  
  #topmenu > li.isfirst { border-left: none; }  
  #topmenu > li.islast { }  

   #topmenu a { display:block; color: white; }
   #topmenu a.selected { border-bottom: none; background-color: #BBA592; color: #28231F !important;  }
   #topmenu a.hover { border-bottom: none; background-color: #BBA592; color: #28231F !important;  }

  /* display as a centered list of items */
	#topmenu {display:table; width: 100%;} 
	#topmenu > li {display:table-cell; text-align: center;}
	#topmenu > li > a{ /*height: 48px; line-height:48px; */}
	
	/* menu drop down prep */
	  #topmenu ul { position: absolute; display: none;  
                       left: 0; margin: 0; padding: 0;
                       font-family: 'Open Sans', Arial, Sans Serif; font-size: .9em;}
	  * html #topmenu ul { line-height: 0;} /* IE6 "fix" */
  		#topmenu ul a { zoom: 1; color: white; } /* IE6/7 fix */
		#topmenu ul li { float: none; padding: 0px 0px;  
                          line-height:40px; min-height:40px; 
		                  border-bottom: solid 0px #FFF;
		                  text-align: left; padding-left: 00px;}
		#topmenu ul li.isfirst { border-top: solid 0px #FFF; }
		#topmenu ul li.hover {  }
		#topmenu ul li.selected {  }
		#topmenu ul a.selected { }
		                  
		#topmenu ul ul { top: 0;}
	
	/* menu drop down sizing */
	#topmenu ul { width: 240px; left: 0px; text-align: left;}
	#topmenu ul ul { left: 160px; } 

	/* menu drop down positioning */
	#topmenu ul > li > a { line-height: 1; line-height: 40px; min-height: 40px; padding-left: 10px;}
	  #topmenu ul { /*top: @dropdown-top@;*/ border: solid 1px #BBA592; border-top: none; line-height: 1; }	
	  
	/* drop shadows and central background */
	#topmenu ul { box-shadow: 0 5px 10px 0px rgba(0,0,0,0.5); }
        #topmenu ul { background: white; color: #28231F;  }
		#topmenu ul a { color: #28231F; }

/*---------------------------------------------*/
/* Stylesheet: Form_Buttons*/

/* our own styling */
input[type]:not([type=submit]), select, textarea { 
	font-family: 'PT Serif', serif !important; Border-radius: 2px; 
	border: solid 1px #c0c0c0; padding: 5px 10px; background: #eeeeee;
}

/*---- generic button styling -------*/
input[type="button"], input[type="submit"] {
 width: 73px;
}
button,  input[type="button"], input[type="submit"], .button {
	border: 0;
	color: #fff !important;
	display: inline-block;
	background: #003366;
	font-size: 1em;
	text-transform: uppercase;
	font-style: normal;
	font-family: 'Roboto Slab', times, serif;
	font-weight: normal;
	padding: 4px 8px;
	border-radius: 2px;
	cursor: pointer;
}
button:hover,  input[type="button"]:hover, input[type="submit"]:hover, .button:hover {
	background-color: #336699;
	transition: background-color 100ms;
	-webkit-transition: background-color 100ms; /* Safari */
}

.button-buy {
	color: white !important;
	background: -moz-linear-gradient(
		top,
		#35200b 0%,
		#35200a);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#35200b),
		to(#35200a));
}


.button a { color: white !important; }
 .button-dark, .button-tan { padding: 5px 20px; border: none; color: white; text-transform: uppercase; font-size: 1em;font-family: 'Roboto Slab', times, serif; background-color: #003366;}
.button-dark, .button-tan { color: white !important; }

input[type="textbox"],input[type="text"],input[type="password"] { border: solid 1px #999999;}
textarea { border: solid 1px #999999;}


/*----- 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: 80%; }
.ui-form-table input[type="textbox"] {width: 80%; }

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

.col-single input[type="text"] {width: 90%; }
.col-single input[type="textbox"] {width: 90%; }

/*--------- placeholders styling -----------*/
::-webkit-input-placeholder { text-transform: uppercase; font-size: .8em; font-family: 'Open Sans', sans-serif; color: #999999;}
::-moz-placeholder { text-transform: uppercase; font-size: .8em; font-family: 'Open Sans', sans-serif;color: #999999;} /* firefox 19+ */
:-ms-input-placeholder { text-transform: uppercase; font-size: .8em; font-family: 'Open Sans', sans-serif;color: #999999;} /* ie */
input:-moz-placeholder { text-transform: uppercase; font-size: .8em; font-family: 'Open Sans', sans-serif;color: #999999;}

/*---------------------------------------------*/
/* Stylesheet: slideshow*/

.photo img { display: block; box-shadow: 0 15px 30px -10px rgba(0,0,0,0.7); margin-bottom: 20px;}
.photo { }
.photo-left { float: left; margin-right: 20px; }
.photo-right { float: right; margin-left: 20px; }

.photo-round { border-radius: 50%; display: block; width: 225px; height: 225px; background: center; color: white !important; text-shadow: 0 0 5px #000; 
	line-height: 225px; text-transform: uppercase; font-size: 1.8em; text-align: center; font-family: 'Roboto Slab', times, serif;
	border: solid 10px #eee; box-sizing: border-box;}
.photo-round:hover { border: solid 10px #28231F;}

/* fix fancy box  - match all elements with id containing "fancybox" - it doesn't support the box-sizing: border-box*/
[id|="fancybox"] { box-sizing: content-box !important; }

/* images */
.thumb, .ui-photo-list-item {}
.thumb, .ui-photo-list-item { margin-bottom: 10px;}
.thumb img,.ui-photo-list-item img{ display: block; box-shadow: 0 15px 30px -10px rgba(0,0,0,0.7);}


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

/* captions */
.slideshow .caption {  margin-bottom: 10px; }



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

.img-responsive { width: 100%; height: auto; }
.img-responsive img { 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 #dddddd; display: block;}*/
/* large screens */
@media screen and (min-width:768px) {
	.mobile-hide {display:none;}
	
	.responsive-lg {}
	.responsive-sm {display: none;}
}

/* mobile screens */
@media screen and (max-width:768px) {
	.responsive-lg {display: none;}
	.responsive-sm {}
	
	/*.img-placeholder { display: none; }*/
	
	.template { min-width: 320px; width: 100% !important;}

	.bg-header { position: static !important; height: auto; /*padding: 10px 0 0 !important;*/text-align: center; border-bottom: none; background: url(/pub/photo/Heiser-farms-main-strip2.jpg) no-repeat left top;}
	.bg-header > .x-cell{ height: auto !important; /*padding-bottom: 20px;*/}
	.bg-header + .x-clear { height: 0px; }
	.bg-header #facebook {display: none;}
	
	body.wedding {font-family: 'Merriweather', serif;}
	.wedding .bg-header {padding-top: 10px; height: auto !important;}
	.wedding .bg-header.x-block {margin-bottom: 0 !important;}
	
	/* Slider Menu */  
	
	.wedding .bg-header #topmenu {display: none !important;}
	.bg-header .topmenu-mobile {display: none; padding-right: 0; text-align: left; text-transform: uppercase; letter-spacing: 0; font-weight: bold; font-family: @sans-fontfamily@; font-size: 16px; position: static; margin-bottom: 0; REMbackground: #fff; overflow-y: scroll; 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: #423118  !important; display: block; padding: 0 10px; border-bottom: 1px solid #dddddd; padding-left: 19px;}
	.bg-header .topmenu-mobile > li:first-child > a {border-top: 1px solid #dddddd;}
	.bg-header.inside .topmenu-mobile li a {color: #423118 !important; }
	.bg-header .topmenu-mobile li a:hover {color: #423118 !important; background: #e9dfd2;}
	.bg-header .topmenu-mobile li a.selected {color: #423118 !important; background: #e9dfd2; font-style: italic;}
	
	.bg-header .menu-toggle {display: block !important; position: absolute; top: 29px; left: 10px;}
	.bg-header .menu-toggle i {display: block !important; padding: 8px 9px; 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 #dddddd;}
	.bg-header .menu-expand i {line-height: 16px; height: 16px; width: 16px;}
	.bg-header .menu-expand:hover i {color: #28231F; border-color: #28231F;}
	.bg-header .menu-expand i:hover {}
	
	.bg-menu .selectcontainer { display: block;  margin-left: auto; margin-right: auto;/*position: absolute; right: 10px;  top: 15px;*/ }
	.bg-menu .selectcontainer select { width: 100%; }
	
	.bg-menu, .bg-footer {background: #3B240B;}
	.bg-menu {height: auto;}

	#toplogo  { display: block; top: 0px !important; margin-left: auto; margin-right: auto; position: relative !important; /*margin-bottom: 20px; position: absolute !important; left: 15px !important; top: 0px !important;*/   }
	.wedding #toplogo  { width: 200px !important; padding: 10px 0 20px !important; left: 0px !important;}
	.wedding #toplogo2  { display: none !important;}
	#topintro { position: static !important;  }
	#toptext { display: none; }
	#topsearch { display: none; }
	
	.img-mobile-responsive { width: 100%; height: auto; }

	/* menu is moved into toptext and transformed into dropdown*/
	.bg-header .selectcontainer, .wedding .bg-menu .selectcontainer { display: block;  margin-left: auto; margin-right: auto;/*position: absolute; right: 10px;  top: 15px;*/ }
	.wedding .bg-header {position: fixed !important; z-index: 10;}
	.wedding .bg-header + .x-clear {height: 112px;}
	.wedding .bg-menu .selectcontainer {text-align: center;}
	.bg-header .selectcontainer select, .wedding  .bg-menu .selectcontainer select { width: 90%; }
	.bg-header { /*height: 75px;*/}
	/* hide logins and other useless elements on a mobile device */
	#topsearch  {display: none;position: static !important; padding: 10px;}
	.bg-menu  { /*display: none;*/}
	.wedding .bg-menu  { padding: 4px 0;}
	#topmenutext { text-align: left; }
	
	.border-right > .inner { border: none !important; } 
	.border-left > .inner { border: none !important; } 
	
	.grid-item { font-size: .5em !important;  }
	
	.home-categories p{ font-size: .8em !important; }
	
	.photo-right {margin: 0;}
	.photo-right img {max-width: 100%; height: auto;}

	object {max-width: 100%; height: auto;}
	iframe {max-width: 100%; height: auto;}
	
	.splash {padding: 20px !important; max-height: 100% !important; border-radius: 0 !important;}
	.splash-box {float: none !important; width: 100% !important; margin-bottom: 20px; height: auto !important; border-radius: 0;}
	
	/* form */
	.form { width: 100%; }
	
	/* generic layout review */
	.inner { padding: 10px 10px !important; } /* 1px prevents bottom margin errors on chrome */
	table.elastic, .table:not(.no-td-wrap) {  display: block; } /* bootstrap uses .table too */
	table.elastic tbody, .table:not(.no-td-wrap) tbody { display: block; width: 100%;}
	table.elastic tr, .table:not(.no-td-wrap) tr { display: block; width: 100%;}
	table.elastic td, .table:not(.no-td-wrap) td {  display: block; width: 100%;}
	.x-block { width: 100% !important; }
	.x-block > .x-cell { width: 100% !important; }
	.x-block > .x-cell-container { width: 100% !important; }
	.x-block > .x-cell > .inner { width: 100% !important; }
	.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;}
	.thumb { float: none;  width: 100%; text-align: center;}
	.ui-photo-list { width: 100% !important;  text-align: center;}
	.wedding .bg-clear, .wedding .bg-light {padding: 20px !important;}
	
	.wedding .home-block.col-md-4 { margin-bottom: 20px !important;}
	
	.wedding .img-round {display: table;}
	.wedding .img-round tr {display: table-row;}
	.wedding .img-round td {display: table-cell;}
	.wedding .img-round img {width: 100% !important;}
	
	/* 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; max-width: 100% !important; min-height: 0 !important; min-width: 0 !important;}
	
	.slideshow-slide {overflow-x: auto;}
	.slideshow-slide .ui-photo-list {display: table-row; width: auto;}
	.slideshow-slide .ui-photo-list .ui-photo-list-item {display: table-cell;}
	
	.wedding .slider {height: auto !important; min-height: 300px;}
	.wedding .home-slideshow-container .copy-container {background: none !important;}
	.wedding .home-slideshow-container .copy-container h1, .wedding .home-slideshow-container .copy-container h2, .wedding .home-slideshow-container .copy-container h2.title {color: #000 !important;}
	
	.slideshow-background {height: auto !important; min-height: 200px;}
	
	.copy-container {position: static !important; padding: 20px !important; height: auto !important;}
	.copy-container h2 {margin-bottom: 0 !important;}
	
	.wedding .testimonial-left {float: none; margin-right: 0;}
	.wedding .testimonial-right {float: none; margin-left: 0;}
	
	/* 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%; }
	.home-slideshow-copy { display: none; }
	.service-box {width: 100% !important;}
	
	/* footer */
	.bg-footer .x-cell { padding: 0 10px !important; box-sizing: border-box; -moz-box-sizing: border-box;}
	.footer-menu { float: left; margin-left: 0px; display: table-row; margin-bottom: 20px !important;	}
	.footer-menu a { display: -webkit-box; }
	.bg-footer {text-align: left; }
	.footer-text { margin-left: 10px; } 
	#footer-logo {margin-bottom: 20px !important; margin-top: 30px; }
}

/*---------------------------------------------*/
/* Stylesheet: Wedding Site Layout*/

/* splash styling */
.splash-home { color: #000000; font-family: 'Open Sans', sans-serif; font-size: 14px; padding: 0;  height: 100%;}
.splash-home .template {height: 100%;}
.splash-home .bg-focus {height: 100%; width: 960px;}
.splash-home .bg-focus .x-cell {height: 100%; position: relative;}

.splash { position: absolute; top: 0; bottom: 0; left: 0; right: 0; max-width: 960px; max-height: 275px; margin: auto; background: #fff;  }
.background-image .splash, .overlay + .bg-focus .splash {padding: 20px; border: 1px solid #95918e; border-radius: 15px;}
.overlay + .bg-focus { position: absolute; top: 0; bottom: 0; left: 0; right: 0;}

.splash-logo { text-align: center;}
.splash-logo img {width: 450px; margin: 0 auto;}

.splash-box {position: relative; width: 49%; REMheight: 220px; overflow: hidden; cursor: pointer; border-radius: 15px;}
.splash-box.right {float: right;}
.splash-box.left {float: left;}

.splash h1 {text-align: center; margin-bottom: 20px;}
.splash p {margin-bottom: 0;}
.splash .splash-logo {margin-bottom: 20px;}
.splash img { max-width: 100%; height: auto; display: block;}

.splash-copy { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.5); }
.splash-copy-inner { display: table; text-align: center; width: 100%; height: 100%; padding-top: 20px;}
.splash h2 { color: #fff; text-align: center; display: table-cell; vertical-align: top; }

/* IE Fixes */
.splash-copy {filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000,endColorstr=#80000000)\0/;}
_::selection, .splash-copy {filter: none\0;}

.layout {height: 100%; width: 100%;}
.layout .x-cell {height: 100%; width: 100%;}
.layout > .x-cell > div:not(.x-clear) {height: 100%; width: 100%;}

.splash-home .background-slideshow, .splash-home .background-image {width: 100%; height: 100%; z-index: 0;}
.splash-home .overlay {position: fixed; top: 0; bottom: 0; left: 0; right: 0; background: rgba(255, 255, 255, 0.8); z-index: 0;}

/* wedding styling */

.wedding {background: none; font-family: 'Palatino Linotype', sans-serif; font-size: 18px; color: #808284;}
.wedding .template {box-shadow: none; width: 100%;}
.wedding .wedding-body { }
.wedding strong, .wedding b {color: #808284; font-weight: 600;}

.wedding .x-block { margin-bottom: 0 !important; width: 100% !important;} 
.wedding .x-block > .x-cell-container { width: 960px;}
.wedding .x-block > .x-cell { width: 960px; }

.wedding .bg-grey {margin-bottom: 0 !important; padding: 40px 0; background: #f8f2ec;}

.wedding .bg-header {background: #fbf8f5; height: 260px; margin-bottom: 0 !important;}
.wedding .bg-header > .x-cell {height: 100%; padding: 0;}
.wedding .bg-menu {background: none; border-top: 1px solid #dddddd; border-bottom: 1px solid #dddddd; width: 100%; height: 42px;}
.wedding .bg-menu > .x-cell { margin: 0 auto;}
.wedding .bg-clear {padding: 40px 0;}
.wedding .bg-clear > .x-cell {padding: 0;}
.wedding .bg-light {padding: 40px 0; REMbackground: #eef4f8; background: #2C442F; color: #f7f7f7;}
.wedding .bg-light > .x-cell {padding: 0;}
.wedding .bg-light h1, .wedding .bg-light h2 {REMcolor: #3f5d71; color: #f7f7f7;}
.wedding .bg-light h1 a, .wedding .bg-light h2 a {color: #f7f7f7;}
.wedding .bg-light h1 a:hover, .wedding .bg-light h2 a:hover {color: #dddddd;}
.wedding .bg-lav {padding: 40px 0; background: #BCA6AD; color: #000;}
.wedding .bg-lav > .x-cell {padding: 0;}

.wedding .no-marbot {margin-bottom: 0 !important;}

.wedding .bg-slideshow {margin-bottom: 0 !important;}
.wedding .bg-slideshow > .x-cell {width: 100%;}

.wedding #toplogo {width: 350px; height: auto; margin: auto; text-align: center; position: absolute; left: auto; top: 45px; right: 155px;}
.wedding #toplogo2 { position: absolute; left: 155px; top: 20px; height: 175px; cursor: pointer;}
.wedding .toplinks {position: absolute; top: 6px; right: 0; font-size: .8em; color: #150400;}
.wedding .toplinks p {display: inline-block; margin-bottom: 0; margin-right: 5px;}
.wedding .toplinks p:last-child {margin-right: 0;}
.wedding .toplinks a {REMcolor: #150400; transition: .3s; color: #455859;}
.wedding .toplinks a:hover {REMcolor: #c9b294; color: #597273;}

.wedding h1, .wedding h2, .wedding h2.title {font-family: 'love_hewitsregular', cursive; margin-bottom: 20px;}
.wedding h1, .wedding h2.title {font-size: 2.5em;}
.wedding h2 {font-size: 2em;}
.wedding p, .wedding ul, .wedding ol, .wedding table { line-height: 2em; margin-bottom: 20px;}
.wedding a { color: #455859;}
.wedding a:hover { color: #597273;}

.wedding #topmenu {margin-bottom: 0; text-align: center; display: block; REMtransition: .3s; position: absolute; bottom: 0;}
.wedding #topmenu li {float: none; text-shadow: none; display: inline-block; transition: .3s;}
.wedding #topmenu li a {color: #423118; padding: 0 45px; transition: .3s;}
.wedding #topmenu li a:hover {background: #2C442F; color: #fff !important;}
.wedding #topmenu li a.selected {background: #2C442F; color: #fff !important; font-style: italic;}

.wedding #toplogo.fixed { position: fixed; top: 5px; left: 0; right: 793px; z-index: 31; height: 60px; width: auto; transition: .3s;}

.wedding #topmenu.fixed {position: fixed; top: 0; left: 0; right: 0; bottom: auto; z-index: 30; background: #fbf8f5; border-bottom: 1px solid #55121F;}
.wedding #topmenu.fixed li {}
.wedding #topmenu.fixed li.isfirst {padding-left: 234px;}
.wedding #topmenu.fixed li.isfirst:hover a {background: transparent;}
.wedding #topmenu.fixed li.isfirst a:hover {background: #BCA6AD;}
.wedding #topmenu.fixed li a {padding: 15px 30px;}

.bg-header .menu-toggle, .bg-header .topmenu-mobile {display: none;}

.wedding .slider {margin: 0 auto; max-width: 100%; margin-bottom: 20px;}
.wedding .home-slideshow-container {position: relative; text-align: center; width: 100% !important; max-width: 100%;}

.wedding .home-slideshow-container .copy-container {position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding: 60px; background: rgba(0, 0, 0, 0.25);}
.wedding .home-slideshow-container .copy-container h1, .wedding .home-slideshow-container .copy-container h2, .wedding .home-slideshow-container .copy-container h2.title, .wedding .home-slideshow-container a {color: #fff;}
.wedding .home-slideshow-container a:hover {color: #ccc;}

/* IE Fixes */
.wedding .home-slideshow-container .copy-container {filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#40000000,endColorstr=#40000000)\0/;}
_::selection, .wedding .home-slideshow-container .copy-container {filter: none\0;}

.wedding .custompager {text-align: center;  margin-bottom: 20px; height: 13px;}
.wedding .custompager a {content: " "; display: inline-block; width: 13px; height: 13px; background: #f8f2ec; color: transparent; border-radius: 50%; margin-right: 10px;}
.wedding .custompager a:last-child {margin-right: 0;}
.wedding .custompager a.activeSlide {background: #c9b294;}

.wedding .home-blocks {}
.wedding .home-block {text-align: center; padding: 0 10px;}
.wedding .home-blocks img {border-radius: 50%;}

.wedding .btn {color: #423118; background: #f8f2ec; REMcolor: #fff; REMbackground: #55121F; padding: 10px 20px; text-decoration: none; transition: .3s; cursor: pointer;}
.wedding .btn:hover {color: #423118; background: #e9dfd2; REMcolor: #fff; REMbackground: #BCA6AD;}
.wedding .btn-lav {color: #423118; REMbackground: #BCA6AD; }
.wedding .btn-lav:hover {color: #423118; background: #BCA6AD; }

.wedding .ui-form-cell-input {width: auto;}
.wedding .ui-form-table input[type="text"] {width: 100%;}
.wedding .ui-form-label {margin-bottom: 10px;}
.wedding .small-font {font-size: .9em;}
.wedding .small-font .ui-form-label {margin-bottom: 0;}
.wedding input[type="button"], .wedding input[type="submit"] {width: auto; padding: 10px 20px;}
.wedding .add-pad {padding-bottom: 10px;}

.wedding .slideshow img {max-height: 550px; width: auto !important; margin: 0 auto;}

.wedding .img-round {width: 100%; text-align: left;}
.wedding .img-round tr:first-child td {border-top: 1px solid #dddddd !important;}
.wedding .img-round td {width: 66%; border: none; text-align: left; padding: 20px 10px; border-bottom: 1px solid #808284 !important;}
.wedding .img-round td:first-child {text-align: center; width: 33%;}
.wedding .img-round td h2 {text-align: left; margin-bottom: 0;}
.wedding .img-round td p {margin-bottom: 0;}
.wedding .img-round img { width: 75%; height: auto !important;}

.wedding .right {/*text-align: right;*/}
.wedding .center {text-align: center;}

.wedding .testimonial {padding-bottom: 5px;}
.wedding .testimonial .testimonial-body {font-style: italic;}
.wedding .testimonial .testimonial-title h3 {font-family: 'love_hewitsregular', cursive; font-size: 1.5em;}

.wedding .slide-box {width: 100%; margin: auto;}

.wedding .bg-footer {REMbackground: #f8f2ec; background: #597273; width: 100%; text-align: center; text-shadow: none; color: #fff; margin-bottom: 0 !important; padding: 40px 0;}
.wedding .bg-footer > .x-cell {REMwidth: 800px; margin: 0 auto;}
.wedding .bg-footer p {font-size: .8em !important;}

.wedding .snapwidget-widget {margin-bottom: 10px;}

.wedding .social-links {font-size: 1.9em;}
.wedding .social-links p {display: inline-block; margin-right: 10px; font-size: 1em;}
.wedding .social-links p:last-child {margin-right: 0;}
.wedding .social-links a {color: #fff !important; transition: .3s;}
.wedding .social-links a:hover {color: #95918e !important;}
.wedding #bottomtext > p {margin-bottom: 0;}

.wedding .modal { display: none; position: absolute; z-index: 1000; top: 0; left: 0; height: 100%; width: 100%; background: url(/pub/photo/ajax-loader.gif) 50% 50% no-repeat;}
#ui-lightbox-rename {padding-bottom: 20px}
#ui-lightbox-rename .modal {display: block;}

.wedding .testimonial-left {float: left; margin-right: 20px;}
.wedding .testimonial-right {float: right; margin-left: 20px;}
.wedding .testimonial-left, .wedding .testimonial-right {margin-bottom: 20px; border: 2px solid #597273; padding: 20px;}
.wedding .testimonial-left .body, .wedding .testimonial-right .body {margin-bottom: 15px;}
.wedding .testimonial-left .author, .wedding .testimonial-right .author {font-family: 'love_hewitsregular', cursive; font-size: 1.75em;}
.wedding .testimonial-left iframe, .wedding .testimonial-right iframe {width: 320px; height: 180px; max-width: auto;}