/* DO NOT CROSS LINK TO THIS FILE  - This stylesheet was generated on Thu, 26 Jun 2025 10:31:31 -0700 and its name will change */

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

/* shopping cart breadcrumbs */
.checkout-breadcrumbs {font-size: .9em;}
.checkout-breadcrumbs ul { border: 1px solid #E1E3E6; border-radius: 4px; padding-left: 0px; overflow: hidden;}
.checkout-breadcrumbs ul li {display: inline-block; list-style: none; width: 25%; text-align: center; margin-left: 0; display: inline-block; position: relative; padding: 10px 0; padding-right: 15px; float: left;}
.checkout-breadcrumbs ul li a {cursor: pointer;}
.checkout-breadcrumbs ul li:before, .checkout-breadcrumbs ul li:after {display: none;}
.checkout-breadcrumbs ul li:after {content: " "; border-top: 23px solid transparent; border-bottom: 23px solid transparent; border-left: 15px solid #E1E3E6; position: absolute; right: 0; top: -1px;}
.checkout-breadcrumbs ul li.islast {background: none;}
.checkout-breadcrumbs ul li.islast:before, .checkout-breadcrumbs ul li.islast:after {display: none;}
.checkout-breadcrumbs ul li:before {content: " "; border-top: 23px solid transparent; border-bottom: 23px solid transparent; border-left: 15px solid #fff; position: absolute; right: 1px; top: -1px; z-index: 1;}
.checkout-breadcrumbs ul li {background: url(/pub/photo/white-white-gray-arrow.jpg) no-repeat right center;}
.checkout-breadcrumbs ul li.selected {font-weight: normal; background: @color-primary-1-light@; color: #fff;}
.checkout-breadcrumbs ul li.selected:before {border-left-color: @color-primary-2@;}
.checkout-breadcrumbs ul li.selected:after {border-color: #fff; border-top-width: 22px; border-bottom-width: 22px; top: 0;}
.checkout-breadcrumbs ul li.previous {font-weight: normal; background: #F0F0F2 url(/pub/photo/blue-blue-white-arrow.jpg) no-repeat right center; color: #000;}
.checkout-breadcrumbs ul li.previous.next {background: #F0F0F2 url(/pub/photo/blue-green-arrow.jpg) no-repeat right center;}
.checkout-breadcrumbs ul li.previous:before {border-left-color: #F0F0F2; border-top-width: 22px; border-bottom-width: 22px; top: 0;}
.checkout-breadcrumbs ul li.previous:after {border-left-color: #fff; border-top-width: 22px; border-bottom-width: 22px; top: 0;}
.checkout-breadcrumbs ul li.previous.next:after {border-color: @color-secondary-4@; border-left-color: #fff;}

/* 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: #123900 !important; }

.cart-link { text-transform: uppercase; font-size: 16px; color: #791c39;}
.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-item-photo {padding: 5px 10px !important;}
.cart-items td .label { display: inline-block; margin-bottom: 10px; }
.cart-items td.total { color: #000; font-style: italic; padding: 10px 0; border-top: dotted 1px #ccc;}
.cart-items input {width: auto;}
.cart-shipping td, .cart-billing td, .cart-payment td, .cart-gift td { padding: 2px 5px; }
.cart-payment td select {width: auto;}
.cart-shipping .ui-input input:not([type=checkbox]), .cart-billing .ui-input input:not([type=checkbox]), .cart-shipping .ui-input textarea, .cart-billing .ui-input textarea, .cart-shipping .ui-input select, .cart-billing .ui-input select { width: 200px; }
.checkout td.ui-label { width: 140px; }
.ui-cart-readonly { color: #aaa; }
.ui-cart-quantity { width: 20px !important; margin-left: 10px;}
#btn-order {float: right;cursor:pointer;} /*button to submit order*/

.shop-item {}
.shop-item h2, .shop-item h3 {margin-bottom: 0px;}

#store-search {margin-bottom: 15px;}

.product-customize {position: relative;}
.align-bot {position: absolute; bottom: 0;}

.custom-settings.active {color: #B98C64;}

.save-cart {display: none;}

.shop-item-list .category-photo {max-width: 100%; height: auto;}

.photo-store {}
.photo-store span {position: relative; display: inline-block;}
.photo-store > span > img {max-height: 500px; width: auto !important; display: block;}
.photo-store canvas {display: none; position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100%;}
.photo-store canvas.active {}

.stock-wrapper {margin-bottom: 15px;}
.attribute-box, .quantity-box {width: 100%;}
.attribute-title, .quantity-title {float: left; margin-right: 15px;}
.attribute-box > .attribute-select, .quantity-box > .quantity-select {border: solid 1px #cdc0b3; padding: 5px; margin-bottom: 10px; display: inline-block; min-width: 100px;  background: #fff; text-align: right;}
.attribute-box > .attribute-select, .quantity-box > .quantity-select {border: 0; padding: 0;}
.attribute-box > .attribute-select > select {border: none; width: 100%;}
.quantity-box > .quantity-select > input { border: solid 1px @color-gray-dark; border-radius: 2px; width: 40px !important; margin-left: 0 !important; padding: 5px 10px !important;}

.product-options select {margin-bottom: 15px; max-width: 380px;}

.original-options {}

.crop-test {margin-bottom: 10px;}
.crop-test img {max-width: none !important;}
.crop-test > img {display: block; max-width: 100% !important;}
.crop-test > .zoomImg {max-width: none !important;}

.crop-preview-container {display: none; margin-bottom: 10px;}
.crop-preview-outer {width: 100%; display: table;}
.crop-preview {text-align: center; overflow: hidden; display: table-cell; vertical-align: top;}
.crop-preview-inner {overflow: hidden; margin: auto;}
.crop-preview-inner img {max-width: none !important;}

.map-btn {-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}

.custom-info {display: none;}

.cart-buttons {font-size: .9em;}

.price { color: #791c39; font-family: "cormorant-garamond", serif !important; font-size: 2em;}
.price-crossed { color: #777; font-family: "cormorant-garamond", serif !important; font-size: 1.5em; text-decoration:line-through; font-style: italic;}
#ui-cart-shipping-zip { width: 80px; }
.vendor { font-size: .9em; text-transform: uppercase;}
.soldout { color: red;}
.instock { color: green;}

.shopping-cart-container td {vertical-align: top;}

/*---------------------------------------------*/
/* Stylesheet: Archer Font*/

@font-face {
  font-family: 'Archer Book';
  font-style: normal;
  font-weight: normal;
  src: url('/pub/doc/Archer-Book-Pro.woff') format('woff');
}


@font-face {
  font-family: 'Archer Medium';
  font-style: normal;
  font-weight: normal;
  src: url('/pub/doc/Archer-Medium-Pro.woff') format('woff');
}


@font-face {
  font-family: 'Archer Medium Italic';
  font-style: normal;
  font-weight: normal;
  src: url('/pub/doc/Archer-MediumItal-Pro.woff') format('woff');
}

/*---------------------------------------------*/
/* Stylesheet: Default*/

* {margin: 0px; padding: 0px; box-sizing: border-box; -moz-box-sizing: border-box;}
html {height: 101%;}
body {background-color: #F2F2F3; }
a img {border: none; outline: none;}
a img:hover { box-shadow: 0 0 10px #999;}
a img.nohover:hover { box-shadow: none !important;}
.nohover img:hover { box-shadow: none !important;}
img {border: none; outline: none;}

/* fix  lightbox issues by swapping box model to content-box */
#fancybox-title-inside { overflow-y: scroll; max-height: 100px; }
#fancybox-wrap { padding: 0 !important; }
#fancybox-wrap * {box-sizing: content-box !important; -moz-box-sizing: content-box !important;}

/*--------------- reset browser defaults--------------- */
.main-home { color: #000; font-family: "brandon-grotesque", sans-serif; font-size: 20px; padding: 0; background: white; }
.main-home a { color: #38583F; text-decoration: none; }
.main-home a:hover { color: #25401C; }
.main-home b, .main-home strong { font-weight: 700;}
.main-home h1 { font-size: 3em; color: #192839; font-family: "cinzel", serif; font-weight: normal; margin-bottom: 10px; line-height: 1.1em !important; text-transform: none;}
.main-home h1.alt { font-family: 'Archer Book'; font-weight: normal; color: #000;}
.main-home h1 a { color: #000; text-decoration: none !important;}
.main-home h2, { font-size: 2em; color: #192839; font-family: "cinzel", serif; font-weight: bold; line-height: 1.3rem;  text-transform: uppercase; margin-bottom: 10px;}
.main-home h2.title { font-family: "cormorant-garamond", serif !important;  text-transform: uppercase !important;}
.main-home h2.alt { font-family: "Archer Medium Italic"; text-transform: none; font-style: italic; color: @color-primary-1-light@; font-weight: normal; font-size: 1.5em;}
.main-home h2 a { color: #000; text-decoration: none !important;}
.main-home h3 { font-size: 1.2em; color: #192839; font-family: "cinzel", serif; font-weight: normal;  text-transform: capitalize; margin-bottom: 10px;}
.main-home h3.alt { text-transform: uppercase; font-style: normal; color: @color-primary-1-light@; font-family: 'Archer Book';}
.main-home h3 a { color: #000; text-decoration: none !important;}
.main-home h4, { font-size: 1.1em; color: #192839; font-family: "cinzel", serif; font-weight: bold; text-transform: uppercase;  margin-bottom: 10px;}
.main-home h4 a { color: #000; text-decoration: none !important;}

h3 strong { font-weight: 600 !important; }

/*Heading Classes*/
.h1 { font-size: 3em!important; color: #192839; font-family: "cinzel", serif!important; font-weight: normal!important; margin-bottom: 10px; line-height: 1.1em !important; text-transform: none;}
.h1 a { color: #000; text-decoration: none !important;}
.h2 { font-size: 2em !important; color: #192839; font-family: "cinzel", serif;  line-height: 1.1em !important; text-transform: uppercase; margin-bottom: 10px;}
.h2.title { font-family: "cormorant-garamond", serif !important;  text-transform: uppercase !important;}
.h2.alt { font-family: "Archer Medium Italic"; text-transform: none; font-style: italic; color: @color-primary-1-light@; font-weight: normal; font-size: 1.5em;}
.h2 a { color: #000; text-decoration: none !important;}
.h3 { font-size: 1.2em; color: #192839; font-family: "cinzel", serif; font-weight: normal;  text-transform: capitalize; margin-bottom: 10px;}
.h3.alt { text-transform: uppercase; font-style: normal; color: @color-primary-1-light@; font-family: 'Archer Book';}
.h3 a { color: #000; text-decoration: none !important;}
.h4 { font-size: 1.1em; color: #192839; font-family: "cinzel", serif; font-weight: bold; text-transform: uppercase;  margin-bottom: 10px;}
.h4 a { color: #000; text-decoration: none !important;}


/* hover on headings */
.main-home h1 a:hover,.main-home h2 a:hover,.main-home h3 a:hover,.main-home h4 a:hover { color: #25401C; }
.main-home h2.arrow { background: url(/pub/photo/arrow.png) no-repeat left center; padding-top: 2px; padding-left: 28px;}

.main-home p, .main-home ul, .main-home ol, .main-home table { line-height: 1.5em; margin-bottom: 15px;}
.main-home p, .main-home ul { }
.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: black; font-family: @main-subtitle-fontfamily@; font-weight: normal;  text-transform: uppercase;margin-bottom: 10px;}

.photo img { }

/* ---------- style super common design items ---------*/
.bullet {color: #791c39; }
.left { float: left; }
.right { float: right; }
.block { display: block;} 

.highlight {background: yellow;}

.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; }

a:hover{
  transition: all 0.2s ease-in-out;
}

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

/* H E A D E R    M E N U S */

/* Top Menu */

.header-top-menu { padding: 0; letter-spacing: 0.1rem; font-size: @main-fontsize@; text-transform: uppercase; color: #000 !important; font-weight: 500; list-style: none; width: fit-content; }
.search-reveal i,
.top-icons-container i { color: #000; }

/* Main Menu */
.header-main-menu { text-transform: capitalize; letter-spacing: 0.1rem; color: #000; font-size: 17px; font-weight: bold; font-family: "cinzel", serif; padding: 0; width: fit-content; list-style: none; }
.header-main-menu a,
.header-top-menu a { position: relative; padding-left: 5px; }
.header-main-menu a::before,
.header-top-menu a::before { content: ''; position: absolute; left: 0; top: 7px; bottom: 7px; width: 1px; background-color: #000; }

/*#header-menu .dropdown-toggle,
#header-menu .dropdown-toggle-split { display: none !important; }
#header-menu li>ul.dropdown-menu { display: none; opacity: 0; visibility: hidden; transition: opacity 0.3s ease; }
#header-menu li:hover>ul.dropdown-menu {
  display: flex;
  opacity: 1;
  visibility: visible;
  flex-direction: row;
  justify-content: center;
  width: 100vw;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  background-color: #ffffff;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  border-top: none;
  padding: 0;
  top: 100%;
}

#header-menu li>ul.dropdown-menu li {
  padding: 10px 15px;
  text-align: center;
  white-space: nowrap;
  border-left: 1px solid #eee;
}

#header-menu li>ul.dropdown-menu li:first-child {
  border-left: none;
}

#header-menu li>ul.dropdown-menu li a {
  color: #333;
  font-weight: bold;
  display: block;
  padding: 5px 10px;
  text-decoration: none;
}

#header-menu li>ul.dropdown-menu li:hover {
  background-color: #f5f5f5;
  border-radius: 4px;
}*/


/* Categories Menu */

#categories-menu { display: none; }
#categories-menu-container { list-style: none; color: #000; font-weight: bold; 
font-family: "cormorant-garamond", serif; position: relative; top: 100%; left: 0; z-index: 10001;
display:flex; justify-content: space-evenly; align-items: center; text-align: center; /*flex-wrap: wrap;*/ opacity: 0;
visibility: hidden; width: 100%; transition: opacity 0.2s ease, visibility 0s 0.2s; 
border-top: 1px solid #E1E3E6; background-color: #ffffff; 
height:fit-content; border-bottom:1px solid #E1E3E6;}
#categories-menu-container li {line-height:auto; margin:0;}

/* F O O T E R    M E N U S */

.footer-menu { list-style: none; padding: 10px; letter-spacing: 0.1rem; text-transform: capitalize; }
.bottom-icons a { padding: 10px; }

.header-main-menu a:hover,
.header-top-menu a:hover,
.top-icons-container a:hover,
.search-reveal i:hover,
.bottom-icons-container i:hover {
  color: #25401C; cursor: pointer;
}

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

/* G E N E R A L     S T Y L I N G */

body {font-size: 20px;}
#signature, .footer-mobile-links { display:none;}

.bg-header {background-color: #F2F2F3;}
.bg-footer-top {background-color: #E1E3E6; border-top:1px solid #ddd;}
.bg-footer-bottom{background-color: #494545;}
.bg-slideshow{background-color: #ffffff; max-width: 100% !important; margin: 0 auto;}
.bg-subscription{background-color: #F2F2F3;}
.bg-benefits{background-color: #F2F2F3;}
.bg-white {background-color: #ffffff;}
.bg-gray {background-color: #F2F2F3;}
.bg-community-more-stories {background-color:#FAF8EE;}
.bg-newsletter {background-color:#9ea89b}
.bg-layout { color: #000;}
.bg-benefits{border: 1px solid #E1E3E6; max-width: 1920px; /*heigth: 400px;*/}
.bg-join-today {max-width: 1920px; max-height: 450px; text-align:center;color:#ffffff; background-color: #494545; }
.bg-on-this-day {background-color: #E1E3E6; max-width: 1920px; text-align:center;}
.bg-past-stories{background-color: #F2F2F3; /*height:1200px;*/ align-content: center;}
.bg-latest-news {background-color: #F2F2F3; /*height: 1170px;*/ align-content: center;}
.bg-perfect-gift {max-width: 1920px; /*min-height: 560px;*/ align-content:center; background-color: #E1E3E6; }
.bg-past-issues{background-color: #F2F2F3; /*height:880px;*/ align-content:center;}

a.btn.btn-link { padding: 0; color:  #38583F !important; font-weight: 600; background: transparent; border-color: transparent; }
a.btn.btn-link:hover { background-color: transparent; color: #38583F !important; }

.img-footer img:hover { box-shadow:none; }

.square-img-wrapper { 
  width: 100%; max-width: 300px; aspect-ratio: 1 / 1; overflow: hidden; display: flex; 
  align-items: center; justify-content: center;
}

.square-img-wrapper img { width: 100%; height: 100%; object-fit: cover; }

#fancybox-title-inside { overflow-y: scroll; max-height: 100px; color: #000 !important; }
#fancybox-wrap { padding: 0 !important; }
#fancybox-wrap * {box-sizing: content-box !important; -moz-box-sizing: content-box !important;}

.btn-toggle-icon { color: #38583F;}
/* Sidebar Form */
/* Form */
.sidebar-form-wrapper { position: relative; }
.sidebar-form-wrapper input[type="text"] {margin-bottom:10px; height: 42px; border-radius: 4px; font-size: 1rem; width:100%; background-color:transparent; color: #ffffff !important; border:1 px solid white; }
.sidebar-form-wrapper .ui-form-cell-input .ui-form-cell-submit { position: absolute; bottom: 0; left:50%; display: flex; align-items: center; width: 100%; }
.sidebar-form-wrapper .ui-form-cell-input .ui-form-cell-submit input[type="submit"] { height: 42px; padding: 0 16px; border-radius: 4px; font-size: 0.9rem; background-color: #38583F; color: #ffffff; border: none; cursor: pointer; }
.sidebar-form-wrapper .ui-form-cell-input .ui-form-cell-input input[type="text"]::placeholder { color: #ffffff; opacity: 1; }
.sidebar-form-wrapper .ui-form-cell-input .ui-form-cell-input input[type="text"]:focus { border-color: #ffffff; outline: none; box-shadow: 0 0 0 2px rgba(46, 78, 57, 0.3); }


/* Top Contact Icons*/
.top-contact-icons {width:fit-content; padding: 10px;}
.top-contact-icons a,
.top-contact-icons button.copy-icon  {width:30px; height:30px; padding:10px; margin: 0 5px; color:#38583F; background-color:transparent;}
.top-contact-icons a:hover,
.top-contact-icons button.copy-icon:hover {color:#ffffff; background-color: #38583F; cursor:pointer;}
.top-contact-icons a:focus,
.top-contact-icons button.copy-icon:focus {
  box-shadow: 0 0 0 2px #38583F; outline: none; }

/* R I G T H      F L O A T I N G     B U T T O N */

.side-panel { position: fixed; top: 50%; left: 0; background-color: #494545; height: 300px; width: 40px; transition: width 0.3s ease; overflow: hidden; z-index: 9999; color: white; font-weight: 500; padding: 0; display: flex; flex-direction: column; justify-content: flex-start; box-shadow: 0 .5rem 1rem rgba(0, 0, 0, 0.75); z-index: 9999;  border-radius: 0 5px 5px 0;}
.side-panel.open { width: 300px;}
.floating-join-today {font-size: 1.5em !important;}
.toggle-button { position: absolute; top: 0; right: 0; border: none; padding: 10px; cursor: pointer; background-color: #494545; color: white; font-size: 20px; z-index: 10000; transition: left 0.3s ease; border:none;}
.rotate-icon { transform: rotate(180deg); transition: transform 0.3s ease; }
.panel-content { display: block; opacity: 0; visibility: hidden; transition: opacity 0.3s ease; padding: 20px; }
.side-panel.open .panel-content { opacity: 1; visibility: visible; }

/* L E F T      F L O A T I N G     B U T T O N */

/****** This hop is just for funsies ******/
@keyframes hop{
  0% {transform: translateY(-50%) rotate(-90deg);}
  50% {transform: translateY(-70%) rotate(-90deg);}
  100% {transform: translateY(-50%) rotate(-90deg);}
}
.floating-banner {
  position: fixed; right: 0; top: 50%; transform: translateY(-50%) rotate(-90deg); 
  background-color: #38583F; color: #ffffff !important; 
  padding: 10px 15px; /*font-size: 1rem;*/ text-transform: uppercase; font-weight: 500; 
  text-align: center; text-decoration: none; display: inline-block; white-space: nowrap; 
  box-shadow: 0 .5rem 1rem rgba(0, 0, 0, 0.75); z-index: 9999;  border-radius: 5px 5px 0 0;
  transform-origin: bottom right;
}
.floating-banner:hover { background-color:  #818284; animation: hop 0.5s ease-in-out; }


/* H E A D E R */
a img#toplogo { box-shadow: none !important; }
.bg-header { position: relative; height: 200px !important; max-height: 200px;  width: 100%; border-bottom:1px solid #ddd; }
.header-container { width: 100%; max-width:1920px /*1320px*/; margin: 0 auto; display: flex; justify-content: space-between;
  position: relative; height: 100%;}
#toplogo { position: absolute; left: 60px/*20px*/; top: 50%; transform: translateY(-50%); max-width: 400px; }
.navbar.header-top-menu {
  position: absolute; right:130px; margin-right: 20px; top: 50%; transform: translateY(-50%); 
  transition: right 0.3s ease-in-out;
}
.topsearch-container {
  position: absolute; right: 110px; top: 50%; transform: translateY(-50%); 
  transition: width 0.3s ease-in-out;
}
.top-icons-container {
  position: absolute; right: 20px; top: 50%; transform: translateY(-50%); width: fit-content; height:40px;
  display: flex; justify-content: center; align-items: center; gap: 16px; 
}
.top-icons-container a{ padding:5px; width:30px; height:30px; }
.navbar.header-main-menu {
  position: absolute; right: 60px; top: 80%; transform: translateY(-50%); width:fit-content;
}
.bottom-icons-container {
  position: absolute; right: 20px; top: 80%; transform: translateY(-50%); width: fit-content;
}

/***** Search Bar *****/

#searchbox {
  display: flex; align-items: center; height: 40px; transition: width 0.3s ease-in-out; width: 40px;
  overflow: hidden; background: transparent;
}
#searchbox input {
  padding: 5px; width: 0; transition: width 0.3s ease-in-out, opacity 0.3s ease-in-out;
  height: 30px; font-size: 1em; opacity: 0; background: transparent; color: #818284; 
  border-radius: 5px;
}
#searchbox.open { width: 250px; }
#searchbox.open input {
  width: 200px; opacity: 1; padding-right: 40px;
}
#searchbox .search-reveal {
  width: 40px; height: 40px; position: absolute; top: 50%; right: 0; transform: translateY(-50%);
  border: none; cursor: pointer; display: flex; justify-content: center; align-items: center;
  background: transparent; color: #B98C64; font-size: 1.2em;
}
#searchbox .search-reveal i { font-size: 1em; }
#searchbox input::placeholder {
  text-align: left; color: #818284; font-size: 1em; font-family: "brandon-grotesque", sans-serif; 
  text-transform: capitalize; font-style: italic;
}

/* S I D E B A R */

.sidebar-form-viewer{background-color:#9ea89b;}
.sidebar-form-title{font-size:1.8em !important;}

/* M A I N   L A Y O U T */

.slideshow-wrapper{max-width:1920px; margin: 0 auto;}
.home-slideshow{  background-color:#ffffff !important; }
.home-slideshow {
  width: 100%; height: 600px !important;  position: relative; 
  box-shadow: 5px 7px 10px #E1E3E6; float: right; overflow: hidden; z-index:1 }
#dot-nav {
  position: absolute; right: 10px; margin-top:10px; z-index: 1000; display: flex; flex-direction: column;  
  justify-content: center; gap: 10px; overflow:hidden;
}
.dot {
  display: block; background-color: #F2F2F3; width: 12px; height: 12px; margin: 0 auto;
  border-radius: 50%; cursor: pointer;
}
.dot.activeSlide { background-color: #38583F !important;}

.home-lead-stories { position: relative; width: 100%;  margin-bottom: 15px; }

/*.home-slideshow-image { width: 100% !important;}*/


/* 

HOME SLIDESHOW FROM CLIENT'S ORIGINAL DESIGN

.home-slideshow-story { position: relative; width: calc(100% - 300px); z-index: 2;  }
.home-slideshow-image.active { z-index: 3; display: block; }
.home-slideshow-image { 
  display: none; position: absolute; margin: 0 auto; overflow: hidden; width: 100% !important; 
  height: 100% !important;
}
.home-slideshow-image img { 
  width: 100%; height: auto; overflow: hidden;  REMbox-shadow: 5px 7px 10px #E1E3E6; 
  display: block;
}
.home-slideshow-caption-container {
  max-width: 500px; background: rgba(50, 50, 50, 0.8); width: 100%; height: 100%; position: absolute; top: 50%;
  right: 40px; transform: translateY(-50%); color: #ffffff !important; display: flex;
  flex-direction: column; align-items: flex-end; justify-content: space-around; text-align: right; gap:5px; border-radius: 0; padding: 16px 32px;
} 
.home-slideshow-caption-container .h4{ color: #ffffff; }
.home-slideshow-text { padding: 10px; width: 100%; max-width: inherit; }
.home-slideshow-text .top-p { color: #ffffff; font-size: 1.1em !important; }
.home-slideshow-text .bottom-p { color: #ffffff !important; font-size: 2.5em !important; line-height: 1em !important; }
.home-slideshow-caption { width: 100%; max-width: inherit; font-size: 1em; 
  text-align:left; color: #ffffff !important; }

.home-slideshow-caption a,
.home-slideshow-caption h2 {
  color: #ffffff !important;
}
.home-slideshow-button { width: 100%; max-width: 400px; text-align: right; }
.home-slideshow-story-thumb-slider {overflow-y: scroll; height: 225px; float: right; clear: right;}
.home-slideshow-story-thumb-slider .home-lead-story-thumb {width: 219px; padding-left: 30px;}
.slide-box-pager:not(.slideshow-pager) .home-slideshow-story-thumb { display: none !important; }
.slide-box-pager:not(.slideshow-pager){ position: absolute; bottom: 20px; right: 0px;}
.slide-box-pager:not(.slideshow-pager) .home-slideshow-story-thumb { 
  z-index: 5; Display: block !important; 
}
*/


/* New slideshow */
.home-slideshow-caption-container { padding: 3em 6em 3em 4em; }

.slide-box-pager:not(.slideshow-pager) .home-slideshow-story-thumb { 
  margin-right: 10px; position: relative; overflow: hidden; width: 30px; height: 10px; 
  color: #38583F !important; float: left; display: block; bottom: 0px;  
  -webkit-transition: -webkit-transform 0.2s; padding: 5px 12px;
  transition: transform 0.2s;  background: rgba(214,214,214,0.6);  
}
.slide-box-pager:not(.slideshow-pager) .home-slideshow-story-thumb.activeSlide { background: #38583F; }
.home-slideshow-caption .caption-read-more {text-transform:uppercase; text-align: right;}
/* IE8 Fix */
.home-slideshow-caption {filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#cbe0e0e0,endColorstr=#cbe0e0e0)\0/;}

.home-slideshow-text { height: 100%; }

.home-sub-img{
  width:auto; height: 440px;
  box-shadow: 10px 10px 19px 0px rgba(191,184,184,0.75) !important;
  -webkit-box-shadow: 10px 10px 19px 0px rgba(191,184,184,0.75) !important;
  -moz-box-shadow: 10px 10px 19px 0px rgba(191,184,184,0.75) !important;
}
.home-sub-right-col { justify-content: center; height: auto;}
.home-sub-left-col{ display:flex; justify-content:center; align-items:center; }
.excerpt-text {font-family: "cormorant-garamond", serif; font-style: italic; font size: 1.1em;}

/******** Benefits section *********/
.benefits-col{ text-align: center;}
.benefit-titles {font-weight:500 !important; text-transform:uppercase !important; font-size: 1.2em; font-family: "brandon-grotesque", sans-serif !important ;}
.bg-benefits p{line-height: 1.5rem; font-size: 1.1em;}
.benefits-img { 
  border-radius: 100%; width:120px; height: 120px; 
  box-shadow: 10px 10px 19px 0px rgba(191,184,184,0.75) !important;
  -webkit-box-shadow: 10px 10px 19px 0px rgba(191,184,184,0.75) !important;
  -moz-box-shadow: 10px 10px 19px 0px rgba(191,184,184,0.75) !important;
}

/********** Form design adjustments **************/
label { margin-bottom: 0;}
table.ui-form-table td.ui-form-cell-input { padding-bottom: 1em;}

/********** Subscription section **************/

.bg-subscription h1 { font-weight: normal; }
.bg-subscription .subscription-info { font-weight: 500; font-size: 1.2em; line-height: 1.3em; }
.bg-subscription p{ font-size: 1.1em; line-height: 1.5em; }
.bg-subscription .quote{font-size: 1.3em!important;}

/********** Join section **********/
.bg-join-today h2 { color:#ffffff !important; display: flex; flex-direction: column; align-items: center; gap: 20px; }
.bg-join-today h2{ font-weight: normal; font-size: 3em; }

/******** Latest news section | Past Stories section | Free Posts Latest Post **********/
.latest-news-container {width:100%; height:100%; }
.latest-news-container img{width: autopx; height: 520px;}

.latest-news-container, .past-stories-container, .free-post-latest-posts-container { position: relative; width: 100%; }
.latest-news-container .screen-text,
.past-stories-container .screen-text,
.free-post-latest-posts-container .screen-text { 
  font-weight:bold; color:#847579; text-transform:uppercase;
}
.latest-news-container .text-overlay {
  position: absolute; bottom: /*-50px;*/-150px; left: 0; background-color: #F2F2F3; color: #000;
  text-align: left; /*width: 50%;*/ min-width: 250px; /*max-width: 400px*/;
}

.free-post-latest-posts-container .blog-text-overlay {
  position: absolute; bottom: /*-50px;*/-150px; left: 0; background-color: #F2F2F3; color: #000;
  text-align: left; /*width: 50%;*/ min-width: 250px; /*max-width: 400px*/;
}



.text-overlay .h3,
.past-stories-container .h3 { font-family:"cormorant-garamond", serif; font-weight: bold; font-size:2em !important; }
.blog-text-overlay .h3 { font-family:"cormorant-garamond", serif; font-weight: bold; font-size:1.5em !important; }
.text-overlay-content { padding:20px 5px; }

.latest-news-container hr,
.past-stories-container hr,
.free-post-latest-posts-container hr{ 
  border-top: 5px solid #B98C64; width: 20%; 
}
.see-more-stories-text { margin-top: 50px;  }
.latest-news-container .excerpt-text,
.past-stories-container .excerpt-text,
.free-post-latest-posts-container .excerp-text { font-size:1.1em;}
.latest-news-container .author-text,
.past-stories-container .author-text,
.free-post-latest-posts-container .author-text {
  font-size:1em; text-transform:uppercase; font-family:"brandon-grotesque", sans-serif;
}

.square-img-wrapper-first {  width: 100%; max-height: 300px; aspect-ratio: 1 / 1; overflow: hidden; display: flex;  align-items: center; justify-content: center; align-content:center; }
.square-img-wrapper-second {  width: 100%; /*aspect-ratio: 1 / 1;*/ overflow: hidden; display: flex;  align-items: center; justify-content: center; }

/********** Perfect gifts section ************/
/*.perfect-gift-columns { margin-bottom:30px; text-align: center; }
.image-wrapper { position: relative; display: flex; flex-direction: column; align-items: stretch;  overflow: hidden; }
.image-wrapper img { max-width: 100%; height: auto; display: block; flex-grow: 1; object-fit: cover; }
.image-wrapper p {
  position: absolute; bottom: 0; left: 0; width: 100%; background: rgba(0, 0, 0, 0.7); 
  color: #ffffff; margin: 0; text-align: left; border-bottom: 5px solid #38583F; 
  text-transform: uppercase; box-sizing: border-box; display: flex; align-items: start;
  justify-content: left; font-size: 0.9em !important; padding: 10px 5px; min-height:70px;
  font-weight:600; cursor: default;
}*/

/* With square imgs */
.perfect-gift-columns { margin-bottom: 30px; text-align: center; }
.image-wrapper { position: relative; width: 100%; padding-top: 100%; overflow: hidden; }
.image-wrapper img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; display: block; }
.image-wrapper p { position: absolute; bottom: 0; left: 0; width: 100%; background: rgba(0, 0, 0, 0.7); color: #ffffff; margin: 0; text-align: left; border-bottom: 5px solid #38583F; text-transform: uppercase; box-sizing: border-box; display: flex; align-items: start; justify-content: left; font-size: 0.9em !important; padding: 10px 5px; min-height: 70px; font-weight: 600; cursor: default; }

/*************** article ************/

.article-body { font-family:"cormorant-garamond", serif; font-size:1.2rem !important;}
.article-body img {margin-top: .5rem; margin-bottom: 0.5rem; width: 100%;}
.article-body .article-img-caption, .article-body .caption {font-family:"brandon-grotesque", sans-serif !important; font-size:0.8rem !important; line-height: 150%;}
.article-category-title {font-size:0.8 rem !important;}
.article-body img, .newsletter-sidebar {flex-align: start !important;}
.article-lead-picture-container img, .article-body img, .article-body .slideshow {max-width: 100% !important;}
.article-body .caption a {font-weight: bold;} 
.article-body .article-slideshow, .article-body .caption {text-align: center !important;}
.article-body .image-gallery-script img {width:100%; border-radius:10px; margin-bottom: 10px;}
.single-issue-grid .category-item .h1 {font-size:1.5rem !important; margin-top:10px !important; margin-bottom:10px !important; font-weight:600 !important; }
.category-item img { width: 100%; height: auto; }

/*.article-slideshow .slideshow {margin-bottom: 10px; width: 960px; min-height: 450px; height: auto; background-color: #ffffff;}
.article-slideshow .slideshow > div {max-height: 450px; height: 100%; -webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d; transform-style: preserve-3d;}
.article-slideshow .slideshow img {max-height: 450px; width: auto !important; vertical-align: middle; position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);}
.article-slideshow .caption {position: absolute; bottom: 0; margin: 0; padding: 10px; background: rgba(0, 0, 0, 0.6); color: #fff; text-align: left;}
.slideshow-pager .slideshow-thumb { width: 75px; height: 75px; margin: 10px; }

.inside-slideshow {min-height: 500px; position: relative; }
.inside-slideshow .slideshow > div {text-align: center; opacity: 0; right: 0;}
.inside-slideshow .slideshow > div:first-child {opacity: 1; height: auto;}
.inside-slideshow .slideshow > div .slide-inner-container {display: table !important; margin: 0 auto;}
.inside-slideshow .slideshow > div .slide-inner {display: table-cell !important; vertical-align: middle;}
.inside-slideshow .slideshow > div .caption {text-align: left;}
.inside-slideshow .slideshow img {max-height: 506px; width: auto !important; }

.readmore {font-size: 1em; padding: 5px 20px; color: #fff !important; background: @color-primary-1-light@; display: inline-block;}
.readmore:hover {background: @color-primary-1-darker@;}

/* IE8 Fixes */
.article-slideshow .slideshow img {top: auto\0/;}
.article-slideshow .custompager a {margin-right: 10px; margin-bottom: 10px;} */

.pager {margin-bottom: 15px;}

.article-slideshow .custompager img {box-shadow: 0px 0px 10px #999;}
.article-slideshow .custompager img:hover {box-shadow: 0px 0px 10px #494545;}

.slideshow-pager-container {overflow-x: hidden;}
.slideshow-pager-container .slideshow-pager {display: table; border-collapse: separate; border-spacing: 10px; position: relative; max-width: none; left: 0;}
.slideshow-pager-container .slideshow-pager a {display: table-cell; min-width: 75px;}

.pdf-box {max-width: 175px; position: absolute; right: 0; bottom: 0; text-align: right; z-index: 100;}
.pdf-box .img-responsive {margin-bottom: 0;}
.pdf-box .img-responsive img {height: 100px;}

.article-info .date {font-size: 1em;}
.article-info .author, .article-info .comments {margin-left: 10px;}

.pdf-icon {width: 18px; vertical-align: sub;}
.pdf-icon:hover {box-shadow: none;}

.search-item {margin-bottom: 20px !important;}
.right-photo {float: right; max-width: 200px; margin-left: 20px;}

.advertise-copy {REMpadding: 0 15px; }

.portfolio-table {width: 100%;}
.portfolio-table tr:first-child td {padding-bottom: 10px;}
.portfolio-table td:first-child {padding-right: 10px;}
.portfolio-table td:last-child {padding-left: 10px;}
.portfolio-img {margin-bottom: 0 !important;}
.portfolio-img img {display: block;}
.portfolio-link {background: #000; font-size: .8em; text-transform: uppercase;}
.portfolio-link a, .portfolio-link.no-link {color: #fff; padding: 10px 10px; display: block;}

#fancybox-title {font-size: 1em !important;}
#fancybox-title-inside {color: #E1E3E6; text-align: left; font-family: "brandon-grotesque", sans-serif; font-size: .9em;}

/* Slider */

.slide-box-slider-container {overflow: hidden; padding: 0 82px; position: relative; margin-bottom: 20px; max-width: 814px;}
.slide-box-slider-container.directory-pager {max-width: 944px; margin: 0 auto;}
.slide-box-slider {display: table; border-collapse: separate; position: relative;}
.slideshow-pager {padding-right: 50px;}
.slideshow-pager a {display: table-cell; width: 75px; box-sizing: border-box; position: relative;}
.slideshow-pager a .slideshow-thumb {margin: 0; margin-right: 10px; width: 120px; height: 100px;}
.slider-border-left {width: 82px; height: 100%; position: absolute; top: 0; left: 0; background: #fff;}
#slider-left {position: absolute; left: 0; top: 0; bottom: 0; margin: auto; height: 0; width: 82px; height: 99px; opacity: 1; color: #808285; text-align: center; line-height: 99px; font-size: 3em; cursor: pointer; REMbackground: url(/pub/photo/slider-left-small.png) center center no-repeat; background-size: 20px;}
.slider-border-right {width: 82px; height: 100%; position: absolute; top: 0; right: 0; background: #fff;}
#slider-right {position: absolute; right: 0; top: 0; bottom: 0; margin: auto; height: 0; width: 82px; height: 99px; opacity: 1; color: #808285; text-align: center; line-height: 99px; font-size: 3em; cursor: pointer; REMbackground: url(/pub/photo/slider-right-small.png) center center no-repeat; background-size: 20px;}


/* Archive */

/* Communities */
.community-article-content img {width:100%;}
.fun-facts-img-wrapper img { width: 70px !important; height: 70px!important; object-fit: cover; border-radius: 50%; }
.community-logo-img-wrapper img {max-width:300px;}
.hero-image-container { width: 100%; height: 400px; position: relative; overflow: hidden; }
.hero-image-container img { width: 100%; height: 100%; object-fit: cover; display: block; }
.community-img-wrapper {  position: relative; width: 100%; height: 200px; }
.community-img-wrapper img {  width: 100%; height: 100%; object-fit: cover; display: block; border-radius: 5px; border-bottom-right-radius: 30px; }
.community-title, .community-more-stories, .community-learn-more {font-family: "cormorant-garamond", serif !important; font-weight:bold !important;}
.community-learn-more {font-size: 1.5em !important; color: #38583F!important;}
.community-visit-us {width: 80% !important;}

/* Free Posts */
.free-posts-h1, .left-titles {font-family: "cormorant-garamond", serif; text-transform: uppercase; font-size: 1.3em; line-height: 110% !important;}
.free-posts-community-img-wrapper {  /*position: relative; width: 100%;*/ height: auto; }
.free-posts-community-img-wrapper  img { max-width:500px; /*width: 100%; height: 100%; object-fit: cover; display: block;*/ }
.free-posts-event-title {font-family: "cormorant-garamond", serif !important; font-size:1.2em!important;}
.free-posts-event-city, .free-posts-quote-date {color: #38583F!important;}
.free-posts-event-month {font-size:1.5em!important;}
.free-posts-quote {border-left: 2px solid #818284; padding-left:15px;}

/* Events */
button[type="submit"] { padding: 10px; font-weight: bold; color: white; background: #38583F; border: none; cursor: pointer; text-transform:uppercase; }
button[type="submit"]:hover{background-color:#25401C; cursor:pointer;}
.event h2{ font-family: "cormorant-garamond", serif; font-size: 1.8em; font-weight: 700; }
.event .sidebar h2 {font-family: "brandon-grotesque", sans-serif; font-size: 1.2em; text-transform: uppercase; text-align: center;}
.advanced-search h2 { border-bottom: 1px solid #dee2e6 !important; padding-bottom: .5rem !important; margin-bottom: 1rem; }
#template-input-LEventCalendar0 table { text-align: center}
.ui-event-search-category label { margin-left: 5px; }
.calendar-header .month-current { font-weight: 700; font-size: 1.2em; color: #25401C }

/* T O P    F O O T E R */
.bg-footer-top .footer-top-left-col,
.bg-footer-top .footer-top-right-col {
  clear: both;  /* Clear any floating effects */
}
.bg-footer-top .footer-top-left-col { background-color: #ffffff; color: #000; }
.bg-footer-top .footer-top-right-col { background-color: #E1E3E6; color: #000; }
.footer-column-image { width: 300px; padding:15px; }
.footer-titles,
.footer-buttons,
.footer-column-titles {
  text-transform: uppercase !important;
}
.footer-column-titles { font-weight: bold; }
.footer-right-text {font-size: 4em !important; color: #818284}


/* B O T T O M     F O O T E R */
.bg-footer-bottom { padding: 20px; background-color: #494545; position:relative;
  color: #F2F2F3 !important; font-family: "brandon-grotesque", sans-serif !important; } 
.footer-container{ max-width: 1320px; width: 100%; margin: 0 auto; display: flex; justify-content: space-between; position: relative; height: 100%; }
/*.footer-form-viewer { min-width: 250px; flex:1; }*/
.footer-logo { width: 100%; max-width: 300px;}
.footer-text,
.footer-text a { color: #ffffff !important; line-height:1.5rem; }
.footer-menu li {margin: 0 0 5px 0;}
.first-footer-link { text-transform:uppercase !important; font-weight:bold; }
.footer-menu {padding:0; letter-spacing: 0 !important; }
.footer-links a,
.first-footer-link{ font-family: "brandon-grotesque", sans-serif !important; color: #ffffff !important; }
.footer-menu,
.footer-menu a { color:#ffffff !important; flex: 1; font-family:"cormorant-garamond", serif;  text-transform:capitalize; font-weight: 600; }
.footer-menu a:hover,
.footer-text a:hover,
.footer-links a:hover,
.first-footer-link:hover,
.contact-info a:hover,
.footer-links a:hover {
  color: #B98C64 !important;
}

/* Form */
/*.ui-form-cell-label {display: none !important; }*/
.footer-form-wrapper { position: relative; display: flex; flex-direction: column; }
.footer-form-wrapper input[type="text"] { height: 42px; border-radius: 4px; font-size: 1rem; display:flex; justify-content:start; background-color: transparent; color: #ffffff !important; border: 1px solid white; }
.footer-form-wrapper .ui-form-cell-submit { display: flex; justify-content: start; margin-top: 8px; }
.footer-form-wrapper .ui-form-cell-submit input[type="submit"] { height: 42px; padding: 0 16px; border-radius: 4px; font-size: 0.9rem; background-color: #38583F; color: #ffffff; border: none; cursor: pointer; }
.footer-form-wrapper .ui-form-cell-input input[type="text"]::placeholder { color: #ffffff; opacity: 1; }
.footer-form-wrapper .ui-form-cell-input input[type="text"]:focus { border-color: #ffffff; outline: none; box-shadow: 0 0 0 2px rgba(46, 78, 57, 0.3); }

/* Social Container */
.social-container { display: flex; justify-content: start; gap: 10px; margin-top: 10px; }
.social-icons {
  display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; 
  border-radius: 50%; border: 1px solid #ffffff; text-decoration: none; 
  color: #ffffff !important; 
}
.social-icons:hover { color: #B98C64 !important; border: 1px solid #B98C64; }
/* Contact Links */
.contact-info a { display: block; margin-top: 15px; color: #ffffff !important; }
/* Footer Links */
.footer-links p { margin-bottom: 0; }
.footer-links a { margin-left: 15px; color: #ffffff !important; }

/* Past Issues Carousel */
.past-issues-carousel-wrapper {
  position: relative;
  perspective: 1200px;
  height: 400px;
  overflow: visible;
}

.past-issues-carousel-container {
  position: relative;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.past-issues-carousel-item {
  position: absolute;
  transition: transform 0.6s ease, opacity 0.6s ease;
  opacity: 0;
  transform: scale(0.7) translateX(0);
  z-index: 1;
}

.past-issues-carousel-item img {
  width: 320px;
  height: auto;
  border-radius: 5px;
  box-shadow: 0 5px 15px rgba(0,0,0,0.3);
}

/*Archive*/
.issue-title {font-family: "cinzel", serif; font-weight: 600; font-size: 1.5rem;}
.issue-body p {font-size: 20px;}
.issue-summary p {font-size: 14px;}
.single-issue-grid img {width: 100%; height: auto;}
.single-issue-grid h3 {font-size: 1.5em;}
.single-issue-grid .summary {font-family: "cormorant-garamond", serif; font-style: italic; font-size: 20px;}


.card-header p {
	font-weight: 600;
}

/* Center image */
.past-issues-carousel-item.center {
  transform: scale(1) translateX(0);
  opacity: 1;
}

/* Immediate left/right */
.past-issues-carousel-item.left {
  transform: scale(0.85) translateX(-220px) rotateY(15deg);
  opacity: 0.8;
}

.past-issues-carousel-item.right {
  transform: scale(0.85) translateX(220px) rotateY(-15deg);
  opacity: 0.8;
}

/* Far left/right */
.past-issues-carousel-item.far-left {
  transform: scale(0.7) translateX(-400px) rotateY(25deg);
  opacity: 0.5;
}

.past-issues-carousel-item.far-right {
  transform: scale(0.7) translateX(400px) rotateY(-25deg);
  opacity: 0.5;
}

/* Controls */
.past-issues-carousel-control {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 6;
  padding: 10px 20px;
  cursor: pointer;
  font-size: 4rem;
  color: #818284;
}

.past-issues-carousel-control:hover {
	color: #38583F;
}

.past-issues-carousel-control.prev {
  left: -60px;
}

.past-issues-carousel-control.next {
  right: -60px;
}

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) !important;
  };
  .col-md-2 { width: calc(100% / 12 * 2 - 20px) !important;
  };
  .col-md-3 { width: calc(100% / 12 * 3 - 20px);
  };
  .col-md-4 { width: calc(100% / 12 * 4 - 20px) !important;
  };
  .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) !important;
  };
  .col-md-8 { width: calc(100% / 12 * 8 - 20px) !important;
  };
  .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);
  };
  *[class*="col-five-"] { float: left;
  margin: 0 10px;
  } /* 20px gutter */;
  .col-five-1 { width: calc(100% / 5 * 1 - 20px);
  };
  .col-five-2 { width: calc(100% / 5 * 2 - 20px);
  };
  .col-five-3 { width: calc(100% / 5 * 3 - 20px);
  };
  .col-five-4 { width: calc(100% / 5 * 4 - 20px);
  };
  .col-five-5 { width: calc(100% / 5 * 5 - 20px);
  };
  .clearfix { margin: 0 !important;
  clear: both;
  };
  .clearfix::after {;
  content: " ";
  /* Older browser do not support empty content */;
  visibility: hidden;
  display: block;
  height: 0px;
  };
  /* 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);
  };
  .nomargin[class*="col-five-"] { margin: 0;
  };
  .nomargin.col-five-1 { width: calc(100% / 5 * 1);
  };
  .nomargin.col-five-2 { width: calc(100% / 5 * 2);
  };
  .nomargin.col-five-3 { width: calc(100% / 5 * 3);
  };
  .nomargin.col-five-4 { width: calc(100% / 5 * 4);
  };
  .nomargin.col-five-5 { width: calc(100% / 5 * 5);
  };
  /* responsiveness fold */;
  @media screen and (max-width:1010px) {;
  *[class*="col-md-"] { float: none !important;
  width: calc(100% - 20px) !important;
  margin: 0 10px !important;
  } /* keep the margin gutter of 10px on either side */;
  .nomargin[class*="col-md-"] { float: none !important;
  width: calc(100%) !important;
  margin: 0 !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 */;
  *[class*="col-five-"] { float: none !important;
  width: calc(100% - 20px) !important;
  margin: 0 10px !important;
  } /* keep the margin gutter of 10px on either side */;
  .nomargin[class*="col-five-"] { float: none !important;
  width: calc(100%) !important;
  margin: 0 !important;
  } /* keep the margin gutter of 10px on either side */;
  };
  /*;
  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:1010px) {;
  *[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:1010px) {;
  *[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: Form and Buttons*/

/*---- generic button styling -------*/
input[type="button"], input[type="submit"] {
 min-width: 100px;
}

button, .button, .btn {
    text-align: center;
    padding: 8px 14px;
    display: inline-block;
    font-family: "brandon-grotesque", sans-serif;
    background-color: #38583F;
    border:1px solid #25401C;
    box-sizing: border-box;    
    color: white !important;
    text-transform: uppercase;
    cursor:pointer !important;
    border-radius:0px !important;
}

.button:hover, .btn:hover, button:hover {
	background-color: #25401C;
    border:1px solid #25401C;
    cursor:pointer !important;
}

input[type="button"], input[type="submit"] {
	display: inline-block;
    border:1px solid #25401C;
    box-sizing: border-box;  
    background: #38583F;
	color: white;
	padding: 10px 30px;
	text-transform: uppercase;
	font-family: "brandon-grotesque", sans-serif;	
	cursor: pointer !important;
	text-align: center;
	font-weight: bold;
}
input[type="button"]:hover, input[type="submit"]:hover, .button:hover, .button-buy:hover, .buy:hover, .btn:hover  {
	background: #25401C;
	color: white !important;
	border:1px solid #25401C;
    cursor:pointer !important;
}

.btn-clear {background: transparent; color: #494545 !important; text-transform: none; padding: 8px 20px; font-size: .9em;}
.btn-clear:hover, {color: button-bgcolor !important;}
.btn-round {border-radius: 5px;}
.btn-black {background: #000; color: #fff !important;}

.btn-blue { padding: 5px 20px; border: none; color: white; text-transform: uppercase; font-size: 1em;font-family: "brandon-grotesque", sans-serif; background-color: @color-primary-1-light@ !important; color: white !important; line-height: 1.5em;}
.btn-blue:hover {background: @color-primary-1-lightest@ !important;}
.sidebar-copy .btn-blue{ width: 100%; max-width: 300px; }
.btn-outline { padding: 5px 20px; border: none; color: #000; text-transform: uppercase; font-size: 1em;font-family: "brandon-grotesque", sans-serif; background-color: #fff; border: solid 1px #494545;}
.btn-outline:hover { background-color: @color-primary-1-light@; color: #fff; }
.btn-dark { background-color: #494545; color: #fff !important; margin-top: 5px; }

.btn-lg {padding: 10px 30px; font-size: 1.3em;}

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;}

/*-------- text iput --------------*/
input[type="textbox"], input[type="text"], input[type="password"], select, textarea {
border: solid 1px #E1E3E6; padding: 5px 5px; font-family: "brandon-grotesque", sans-serif; width: 100%; border-radius: 2px;
}

/*----- generic style for generated forms -----*/
.ui-form-table { width: 100%; }
.ui-form-table td { padding: 2px; padding-left: 0;}
.ui-form-table textarea {width: 100%; height: 100px;}
.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; } 

.digital-form .ui-form-cell-submit {text-align: right;}
/*.ui-form-checkbox-container { padding-left: 170px; } */

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

.form-small table {width: 80%;}

.form-box input, .form-box .ui-text { max-width: 100%; }

/* Disabled buttons and submits */
input[type="button"]:disabled,
input[type="submit"]:disabled,
button:disabled,
.button.disabled,
.btn.disabled,
.btn:disabled {
  background-color: #38583F !important;
  border-color: #25401C !important;
  cursor: not-allowed !important;
  opacity: 0.6;
  pointer-events: none;
}

/*--------- placeholders styling -----------*/
::-webkit-input-placeholder { color: #999; font-size: 1em; font-family: "brandon-grotesque", sans-serif; text-transform: capitalize; font-style: italic;}
:-moz-placeholder { color: #999; font-size: 1em; font-family: "brandon-grotesque", sans-serif; text-transform: capitalize; font-style: italic;}
::-moz-placeholder { color: #999; font-size: 1em; font-family: "brandon-grotesque", sans-serif; text-transform: capitalize; font-style: italic;}
:-ms-input-placeholder { color: #999; font-size: 1em; font-family: "brandon-grotesque", sans-serif; text-transform: capitalize; font-style: italic;}

.footer-buttons {
  background-color: transparent;
  color:#359ED7 !important;
  border: 1px solid #359ED7;
  cursor:pointer !important;
}

.footer-buttons:hover{
  background-color: #3475A4;
  color: color: white !important;
  border: 1px solid #3475A4;
  cursor:pointer !important;
}

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

/* 1024px to 1280px - L */
@media screen and (max-width: 1440px){
	body {font-size: 16px !important;}
	.home-slideshow { height: 585px }
	.subscription-wrapper{height:auto; align-items:center;}
	/*.bg-benefits{max-width: auto heigth: auto;}
	.bg-join-today {max-width: auto; max-height:auto; }
	.bg-on-this-day{max-width: auto;}
	.bg-past-stories{max-height:auto;}
	.bg-latest-news { height: auto; }
	.bg-perfect-gift {max-width:auto; max-height: auto; }
	.bg-past-issues{ height:auto; }
	.latest-news-container img{width: 100%; height: auto;}
	.floating-banner { padding: 5px 10px; font-size: 0.8em; }*/
}

/* 768px to 1024px - M */
@media screen and (max-width: 992px) {
	/* General Styling */
  	body {font-size: 16px !important;}
	.bg-header #categories-menu, .footer-links, .menu-toggle, .topmenu-mobile { display: none !important; }
	#categories-menu-container { font-size: 0.8rem; }
	.benefits-col-left, .benefits-col { align-items: left; }
	.benefits-col-left .h1 {font-size:2rem !important;}
	.bg-footer-top .footer-top-left-col, .bg-footer-top .footer-top-right-col { margin: 0 !important; width: 100% !important; }
	.latest-news-container { display: flex; flex-direction: column; }
	.latest-news-container .text-overlay { position: static; width: 100%; max-width: 100%; }
	.latest-news-container.row { margin: 0 !important; }
	.past-stories-container { width: auto; }
	.footer-logo { width: 100%; }
	#toplogo { width: 240px !important; bottom: 0; top: 50% ; height: auto; margin-bottom: 10px }
	.article-lead-picture-container img { width: 100% !important; height: auto !important; }
		#topmenu > li.nav-item {margin-left: 2px !important; display: inline-block !important; }
	/* Slideshow */
	.home-slideshow-button {max-width:none; }
	.bg-benefits{height:auto;}
	.subscription-wrapper{height:auto; align-items:center;}
	.bg-benefits{max-width: auto heigth: auto;}
	.bg-join-today {max-width: auto; max-height:auto; }
	.bg-on-this-day{max-width: auto;}
	.bg-past-stories{max-height:auto;}
	.bg-latest-news { height: auto; }
	.bg-perfect-gift {max-width:auto; max-height: auto; }
	.bg-past-issues{ height:auto; }
	.latest-news-container img{width: 100%; height: auto;}
	.floating-banner { padding: 5px 10px; font-size: 0.7em; }
}

/* 0 to 768px - XS/S */
@media screen and (max-width: 768px) {
  /* General Styling */	
  	body {font-size: 0.8rem !important;}
	.bg-footer-bottom { gap: 20px; }
	.slide-box-slider-container { overflow-x: scroll; padding: 0; }
	.slideshow-pager { padding: 0; }
	.slideshow-pager a { min-width: 130px; }
	.slider-border-left, .slider-border-right, .footer-links, .slide-box-prev, .slide-box-next, .slide-box-pager { display: none; }
	.topmenu-mobile .nav-item.dropdown > .nav-link.dropdown-toggle.dropdown-toggle-split { display: none !important;}
	#template-input-LArticlePostViewer3 { padding: 2rem !important; }
	.column-sidebar { padding: 0 !important; }
	.article-lead-picture-container img { width: 100% !important; height: auto !important; }
	.article-slideshow .slideshow { width: 100% !important; }
	.text-overlay-content{ padding:1rem 0; }
    .benefits-col-left, .benefits-col, .home-sub-right-col { text-align: center; }
	.subscription-wrapper{height:auto; align-items:center;}
	.latest-news-container img{ width: 100%; height: auto !important;}
	.bg-latest-news, .bg-past-stories, .bg-benefits, .bg-past-issues {height:auto; }
	.past-stories-container.row { margin: 0 !important; }
	/* H Tags */
	.h1 { font-size: 2em!important; }
	.h2 { font-size: 1.5em!important; }
	.h3 { font-size: 1.3em!important;}
	.h4 { font-size: 1.2em!important;}
	/* Slideshow */
	.home-slideshow { min-height: 300px; max-width: 100% !important; height: auto !important; box-shadow: none; }
	.home-slideshow .home-slideshow-image { width: 100% !important; height: auto !important; padding:0; margin:0;}
	.home-slideshow .home-slideshow-image .slideshow-background { min-height: 300px; width: 100% !important;}
	.home-slideshow img { box-shadow: none !important; }
	.caption { margin-top: 10px; }
	.home-slideshow-caption-container { position: static; }
	.home-slideshow-caption { position: static; background: none; padding: 0; padding-top: 20px; width: 100%; }
	.parent-container { display: flex; flex-direction: column; align-items: flex-start; }
	.see-more-stories-text { align-self: flex-start; margin-top: 10px; }
	.home-slideshow-caption-container { position: static; transform: none; text-align: center; align-items: center; padding: 2em; background-color: transparent !important; }
	home-slideshow-text h1 { paddint-bottom: 1.5em; }
	.home-slideshow-text p, .home-slideshow-caption p, .home-slideshow-text .h1 { color: #000 !important; }
	.home-slideshow-caption a {color: #38583F !important; }
	.home-slideshow-caption a:hover {color: #25401C !important; }
	.home-slideshow-caption { padding: 0 1.5em; }
	.home-slideshow-text .bottom-p { font-size: 1.5rem !important; }
	.home-slideshow-button { text-align: center !important; }
	#dot-nav { display: none !important; }
	/* Header */
	.bg-header #header-menu, .bg-header #categories-menu, .bg-header #header-menu-icon, .bg-header .bottom-icons-container { display: none; }
	.bg-header #topmenu a { font-size: 0.7rem; border: none !important; padding: 20px; }
	.navbar.header-top-menu { top: 30px; width: 100%; right: 0; display: flex; justify-content: center; align-items: center; margin: 0 !important; }
	.navbar.header-top-menu li { margin: 0 !important; }
	.header-container{position: relative;}
	#toplogo { width: 100%; position: absolute; left: 50%; top:30%; transform: translateX(-50%); }
	.top-icons-container { position: absolute; right: 0; bottom: 0; width: 100%; height: 40px; top: auto; transform: none; display: block;}
	.top-icons-container a {  position: absolute; left: 0; right: 0; padding: 0; margin: 0; bottom: 10px; transform: none; display: flex; align-items: center; justify-content: center; }
	.top-icons-container a:first-child{ left: 0; width: 25%; }
	.top-icons-container a:last-child{ left: 25%; width: 25%; }
	.topsearch-container, .top-icons-container a, .bg-header .menu-toggle {width:40px; height:40px;}
	.topsearch-container {  overflow: visible; position: absolute; bottom: 10px; right: 25%; top: auto; transform: none; width: 25%; text-align: center; display: flex; align-items: center; justify-content: center; z-index:10001; }
	#searchbox { position:relative; overflow:visible;}
	#searchbox.open { width: auto; }
	#searchbox input { position: absolute; right: 0;  width: 0; opacity: 0; height: 40px; padding: 5px; border-radius: 4px; background: #ffffff; color: #ccc; transition: width 0.3s ease, opacity 0.3s ease; pointer-events: none; }
	#searchbox.open input { width: 200px; opacity: 1; pointer-events: auto; z-index:10000; right:0; }	
	#searchbox .search-reveal {transform:none; position:static; z-index:10002;}
	/* Header mobile */
    .bg-header .menu-toggle { display: block !important; position: absolute; bottom: 10px; right: 0; width: 25%; z-index: 1001; text-align: center; }
	.bg-header .topmenu-mobile { display:none; position: relative; top: 100%; left: 0; width: 100%; background: white; z-index: 1000; }
	.bg-header.menu-open .topmenu-mobile { display: block !important; }
	.header-main-menu a::before, .header-top-menu a::before { content: none !important; }
	.bg-header .topmenu-mobile li { display: list-item; line-height: 40px; text-align: left; float: none; margin-left: 0; list-style: none; margin-bottom: 0; position: relative; border-top: 1px solid #F0F0F2; background: #ffffff; }
	.bg-header .topmenu-mobile li ul { margin-bottom: 0; display: none; margin-left: 0; background-size: cover !important; text-transform: none; font-weight: normal; background: #ffffff; }
	.bg-header .topmenu-mobile li ul li { background: #ffffff; }
	.bg-header .topmenu-mobile li li a { padding-left: 38px; }
	.bg-header .topmenu-mobile li a { color: #000 !important; display: block; padding: 0 10px; border-bottom: 1px solid #E1E3E6; padding-left: 28px; }
	.bg-header .topmenu-mobile>li:first-child>a { border-top: 1px solid #E1E3E6; }
	.bg-header.inside .topmenu-mobile li a { color: #000 !important; }
	.bg-header .topmenu-mobile li a:hover { color: #25401C !important; }
	.bg-header .topmenu-mobile li a.selected { color: #3475A4 !important; }
	.bg-header .menu-toggle i { display: block !important; padding: 13px 14px; cursor: pointer; }
	.bg-header.inside .menu-toggle { color: #ffffff; }
	.inside .topmenu-mobile li a { color: #231f20 !important; }
	.topmenu-mobile li a:hover { color: #840bea !important; }
	.topmenu-mobile li a.selected { color: #00aeef !important; }
	.menu-expand { position: absolute; right: 0; width: 40px; height: 40px; top: 0; text-align: center; cursor: pointer; border-left: 1px solid #ddd; }
	.menu-expand i { line-height: 16px; height: 16px; width: 16px; }
	.menu-expand:hover i { color: #007bff; border-color: #007bff; }
	/* Footer */
	.social-container { display: flex; justify-content: space-around; gap: 15px; margin-top: 10px; }
	.contact-info { align-items: center !important; }
	.footer-desktop-links { display: none; }
	.footer-mobile-links { display: block !important; margin-top: 20px; }
	/* Past Issues Carousel */
	.past-issues-carousel-item img { width: auto; width: 240px; }
    .past-issues-carousel-item.center { transform: scale(0.9) translateX(0); }
    .past-issues-carousel-item.left { transform: scale(0.75) translateX(-140px) rotateY(10deg); }
    .past-issues-carousel-item.right { transform: scale(0.75) translateX(140px) rotateY(-10deg); }
    /* Hide far left/right */
    .past-issues-carousel-item.far-left,
    .past-issues-carousel-item.far-right { display: none !important; }
    .past-issues-carousel-control.prev { left: -20px; }
    .past-issues-carousel-control.next { right: -20px; }
    .past-issues-carousel-wrapper { height: 200px; }
    /* Communities */
    .hero-image-container { height: 250px; }
    .bg-benefits{max-width: auto heigth: auto;}
	.bg-join-today {max-width: auto; max-height:auto; }
	.bg-on-this-day{max-width: auto;}
	.bg-past-stories{max-height:auto;}
	.bg-latest-news { height: auto; }
	.bg-perfect-gift {max-width:auto; max-height: auto; }
	.bg-past-issues{ height:auto; }
	.latest-news-container img{width: 100%; height: auto;}*/
	/* Floating left banner */
	.floating-banner { padding: 5px 10px; font-size: 0.7em; }
	.free-posts-community-img-wrapper { overflow: hidden; }
	

}