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

.blue-head, .blue-head a {
  color: #c5d6e8;
  font-size: 20px;
  font-family: 'FuturaBold', Arial;
}

.green-head, .green-head a {
  color: #bed600;
  font-size: 20px;
  font-family: 'FuturaBold', Arial;
}

.orange-head, .orange-head a {
  color: #ff7d00;
  font-size: 20px;
  font-family: 'FuturaBold', Arial;
}

ul.people {
  text-align: center;
}

ul.people li {
  display: inline-block;
  width: 23%;
  padding: 0.4em;
  vertical-align: top;
  font-size: 0.9em;
}

/*---------------------------------------------*/
/* 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;}
.clear {clear:both; display:block; height:0;}
a {text-decoration: none !important;}
a:hover {color: #2F5326;}

/*--------------- reset browser defaults--------------- */
.main-home { color: #333333; font-family: 'Gotham SSm A','Gotham SSm B', Helvetica, Ariel; font-size: 16px; padding: 0 ; 
           background: white; font-weight: 400; -webkit-font-smoothing: antialiased;}
.main-home a { color: #5E882E; text-decoration: none; font-weight: 600; }
.main-home a:hover { color:  #2F5326;/*text-decoration: underline; */}
.main-home strong,.main-home b  {font-weight: 600;}
.main-home h1, .main-home h2.title { font-size: 2.4em; color: #333333; font-family: 'Gotham SSm A','Gotham SSm B', Helvetica, Ariel !important; font-weight: 400; margin-bottom: 20px; line-height: 1.1em;}
.main-home h1.big, .main-home h2.big { font-size: 1.8em; line-height: 1.25em; }
.main-home h1 a, .main-home h2.title a { color: inherit; text-decoration: none !important; }
.main-home h1 a:hover, .main-home h2.title a:hover { color: #2F5326;  }
.main-home h2 { font-size: 32px; color: #333333; font-family: 'Gotham SSm A','Gotham SSm B', Helvetica, Ariel; margin-bottom: 20px; font-weight: 400; text-transform: none; text-align: center; line-height: 1.45em;}
.main-home h2 a { color: inherit; text-decoration: none !important; font-weight: 300; }
.main-home h3 { font-size: 1.7em; color: inherit; font-family: 'Gotham SSm A','Gotham SSm B', Helvetica, Ariel; font-weight: 600; margin-bottom: 15px; line-height: 1.3em;}
.main-home h3 a { color: inherit; text-decoration: none !important; }
.main-home h3.alt { font-size: .72em !important; font-family: 'Gotham SSm A','Gotham SSm B', Helvetica, Ariel !important; color: #2F5326; font-weight: bold; margin-bottom: 15px; text-transform: none;}
.main-home h4 { font-size: 1.5em; color: inherit; font-family: 'Gotham SSm A','Gotham SSm B', Helvetica, Ariel; font-weight: 400; margin-top: 0; margin-bottom: 15px; line-height: 1.45em;}
.main-home h4 a { color: inherit; text-decoration: none !important; }  
.main-home h5 { font-size: 1.125em; color: @main-h5-color@; font-family: @main-h5-fontfamily@; font-weight: 600;margin-top: 0; margin-bottom: 15px; line-height: 1.45em; text-transform: uppercase;}
.main-home h5 a { font-weight: 600; text-transform: uppercase; color: #5E882E; text-decoration: none !important; }
.main-home h6{ font-weight: 600; font-size: 1.2em; padding-bottom: 5px;}

.main-home p, .main-home ul, .main-home ol { line-height: 1.7em; margin-bottom: 15px; font-weight: 400;}
.main-home table { font-size: inherit;  margin-bottom: 15px;}
.main-home ol, .main-home ul  {margin-left: 0; }
.main-home ol.letter  {list-style-type: upper-alpha;}
.main-home ul ul  {margin-left: 20px; }
.main-home li {margin-left: 20px; }

.margincenter { margin-left: auto; margin-right: auto;}

/* ------ color classes ---------*/
.dark { color: @color-primary-1-darker@ !important; }
.red { color: #eb2035 !important; }
.serif { font-family: 'Gotham SSm A','Gotham SSm B', Helvetica, Ariel !important; }
.sans { font-family: 'Gotham SSm A','Gotham SSm B', Helvetica, Ariel !important; }
.larger { font-size: 1.5em;}
.double { font-size: 2em;}
.date { font-family: 'Gotham SSm A','Gotham SSm B', Helvetica, Ariel; /*font-size: .9em; color: #9E9E9E; background: url(/pub/photo/icon-clock96.png) no-repeat center left; padding-left: 22px;*/ }
small { font-size: .8em;} 
 .margin-bottom { 15px; }

  /*read more button */
/*.readmore  {display: inline-block; background: #91ba8a; color: #fff !important; padding: 10px 10px; text-transform: uppercase; font-size: .8em; line-height: 1em;}*/
.readmore {display: inline-block; color: #fff;font-family: 'Gotham SSm A','Gotham SSm B', Helvetica, Ariel; font-size: 1rem; text-decoration: none !important; font-weight: bold !important; }
 .readmore::first-letter {text-transform: uppercase ;  } /* first letter requires inline-block on element */ 
 a.readmore span {color: black; font-size: 18px;} 
.readmore-small {display: inline-block;text-transform: lowercase;color: #fff ;font-family: 'Gotham SSm A','Gotham SSm B', Helvetica, Ariel; font-size: .7em; text-decoration: none !important; font-weight: normal !important;}
  .readmore-small::first-letter {text-transform: uppercase ; }/* first letter requires inline-block on element */

 .readmore a:hover,.readmore:hover { color: #5E882E !important;text-decoration: none !important;}
/*.readmore:hover, .readmore-small:hover {background-color: #85ab7f;}*/
::-webkit-input-placeholder,:-moz-placeholder , ::-moz-placeholder, :-ms-input-placeholder {  color: #cccccb !important; font-family: 'Gotham SSm A','Gotham SSm B', Helvetica, Ariel; font-size: .7em; text-align: left; }

.error-box { color: Red; background-color: #fee; padding: 10px 20px; border-radius: 5px;  margin-bottom: 15px;}
.success-box { color: Green; background-color: #efe; padding: 10px 20px; border-radius: 4px;  margin-bottom: 15px; text-align: center;}
.success-box h2 {margin-bottom: 0;}

 .arrow-right-white { background: url(/pub/photo/icon_arrow_right_white.png) no-repeat center right; padding-right: 10px;}
 .arrow-right { background: url(/pub/photo/icon_arrow_right.png) no-repeat center right; padding-right: 10px;}
 .arrow-right-large { background: url(/pub/photo/icon_arrow_right_large.png) no-repeat center right; padding-right: 25px;}
 .arrow-left-white { background: url(/pub/photo/icon_arrow_left_white.png) no-repeat center left; padding-left: 10px;}
 .arrow-left { background: url(/pub/photo/icon_arrow_left.png) no-repeat center left; padding-left: 10px;}
 .arrow-left-large { background: url(/pub/photo/icon_arrow_left_large.png) no-repeat center left; padding-left: 25px;}
 
 .nomargin-horizontal { margin-left: 0 !important; margin-right: 0 !important;}
 .nomargin-vertical { margin-top: 0 !important; margin-bottom: 0 !important;}
 .nomargin { margin: 0 !important;}
 .margin-bottom { margin-bottom: 15px;}
 .nopadding { padding: 0 !important;}
 
 /* Sidebars */
 .sidemostviewed div {margin: 0 10px 0 0;}
 .sidemostviewed p {line-height: 1.4em;}

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

.main-home  { }
.main-home       .template {  margin: 0 auto; }

img {max-width: 100%; height: auto;}

.x-block { position: relative; width: 100%; padding: 0;}
.x-block > .x-cell:not(.row), .x-block > .inner:not(.row) { margin: 0 auto; width: 1210px; max-width: 100%; }
.x-block > .x-cell-container { margin: 0 auto; width: 1210px; max-width: 100%; }
.x-clear { clear: both; }
.x-cell > .inner {   }
.x-cell-container  > .inner {  }
/* see themes.css for custom bg classes and for x-slice and x-slice-inner */

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

.search-social-mobile { display: none; }

.cms-ad img {width: 100%;}

.mobile-show {display: none;}

/*-------------- links --------------*/

.fa-arrow-circle-right {color: #5E882E;}
.fa-arrow-circle-right:hover {color: #2F5326;}
.readmore a {color: #333333 !important; font-weight: 600;}
.readmore p {font-weight: 600 !important;}

.black-link {color: #333333 !important;}

/*-------------- inner pages --------------*/

.col-side { font-size: .8em; }
.col-side .inner { padding-bottom: 0; }

.inner-fix { padding: 100px 0; }
.inner {  }
.inner-full { padding: 50px 0; }
.inner-tall { padding: 80px 100px; }

.read-this-story { font-weight: 400 !important; }
h2 a { font-weight: 700 !important; }
h2 a.light { font-weight: 300 !important; }

.double-rule {padding: 10px 0; border-top: 2px solid @color-primary-1-darker@; border-bottom: 1px solid #E4E7EB; text-transform: uppercase;}

/*--------- generic templating --------- */
.master-col-left { float: left;}
.master-col-right { float: right; }
.layout-col-left { float: left;}
.layout-col-right { float: right; }

.link-color { color: #5E882E !important; }

.nofloat { float: none; }
.float-right { float: right !important; }  
.full-width { width: 100%; }

.white-text, .white-text a { color: #fff; }
.white-text a:hover { color: #A5C86C; }

.text-upp { text-transform: uppercase; }
.text-bold { font-weight: 700; }
.text-center { text-align: center; }

.bg-cover { background-size: cover !important; }

.right {text-align: right;} 

h2.has-subtitle { margin-bottom: 0px !important; line-height: 1em; }
.expand-section { font-size: 1.2em; }
/*Tabs Nav*/
.extensions .ul-nav-container, .pro-services .ul-nav-container { text-align: center; }

.top-leaderboard {margin-bottom: 30px !important;}

/* ------------- slices ----------------------*/  


.full-col-image {width: 100%;}
  .bg-header .x-cell {position: relative; }

  .bg-header + .x-clear { REMheight: 65px; } /* = x-clear DIRECTLY following .bg-header: because the top two are fixed. We need the "x-clear" element after the block to adjust for padding */
.bg-menu {background-color:@color-primary-1-darker@; color: white !important;  } /* not used */

.home-hero {background:url(/pub/photo/opeep-hero-image.jpg) no-repeat center; background-size: cover; width: 100%; height: 100%; position: relative;}
.hero-container {width: 100%; height: 450px !important; }
.hero-container .copy-text {text-align: center; color:white; top: 0; padding: 40px 430px 40px 40px; width: 1130px; max-width: 100%; margin: 0 auto;}
.hero-overlay { background: rgba(94,136,46,0.65); width: 100%; height: 100%; top: 0; display: flex; align-items: center;}
.hero-overlay .copy-text p { font-size: 1.2em; line-height: 1.5em; text-transform: uppercase;  text-align: left;}
.hero-overlay .copy-text h1 { color: white; text-align: left;}

.hero .x-cell {width: 100% !important; align-items: center; display: flex;}
.hero {padding: 40px 0; color: white;}
.hero h1 {color: white;}

.bg-slideshow { REMoverflow: hidden; REMbackground: #A5C86C; /*color: white;*/ }


.bg-slideshow.color-copy { /*color: #5E882E;*/ }
 .bg-slideshow .x-cell { width: 100%; margin: 0 auto; /* use default */ }
.bg-light { background-color: #CFDCA3;  padding: 50px 0; }

.bg-clear { background:  white; padding: 50px 0;}
.bg-green { background:  #5E882E; padding: 50px 0; color: white ;}
.bg-green a {color: white !important;}

.bg-dark {background-color: #002548 !important; color: white;}
.bg-blue {background-color: #002548 !important; color: white;}
.bg-dark a {color: @color-primary-1-lightest@ !important;}
.bg-dark a:hover {color: #E4E7EB !important}
.bg-dark .btn:hover {color: white !important}
.bg-dark .fa-search {color: #333;}

.bg-gray-lightest { background-color: #e5e5e5; color: @color-primary-1-darker@; padding: 50px 0; }
.bg-gray-dark-1 { background-color: #333333; padding: 50px 0; color: #fff !important; }
.bg-gray-dark-1 h2, .bg-gray-dark-1 a, .bg-gray-dark-1 p { color: #fff !important; }
.bg-gray-lighter { background: #f3f6fa; padding: 50px 0;}
.bg-gray-light { background: #c7cfd4; padding: 50px 0 !important; }
.bg-gray { background-color: #8C8E8C; padding: 50px 0; color: #fff;}
.bg-gray h2 { color: #fff !important; }
tr.bg-gray { padding: 0; color: #fff; }
tr.bg-gray h2 { color: @#fff !important; }
tr.bg-gray.white-text { padding: 0; color: #fff; }
tr.bg-gray.white-text h2 { color: #fff !important; }

.sm-pad {padding: 20px 0;}
.sm-pad p {margin-bottom: 0;}

.bg-footer { background: @color-primary-1-lightest@; text-align: left !important;  }
.bg-footer .footer-text { color: #A5C86C; font-size: 0.8em; }
.bg-full {  }
.bg-full > .x-cell-container { width: 100% !important; position: relative;}
.bg-full > .x-cell { width: 100% !important; position: relative;}
.bg-nopad  { padding-bottom: 0 !important;}
.no-padtop {padding-top: 0 !important;}

.bg-header .login-box {border-bottom: none; position: absolute; right: 0px; top: 60px;}
.bg-header a {color: #333333}
.bg-header a:hover {color: #5E882E}


/* -- industries page img captions styling -- */

.img-caption { background-color: rgba(200, 200, 200, .9); bottom: 0; position: absolute; z-index: 1; width: 100%; padding: 10px; font-size: .7em; }
.img-caption a { color: #8C8E8C; font-weight: 400; }
.img-caption a:hover { color: rgba(112, 112, 112, .8); }

.img-caption-alt { background-color: rgba(112, 112, 112, .9); }
.img-caption-alt a { color: white; }
.img-caption-alt a:hover { color: rgba(250,250,250,.8); }

.no-padtop {padding-top: 0;}
.no-padbot {padding-bottom: 0;}

.layout > .x-cell {width: 100%;}
.full-width > .x-cell {width: 100%;}

.bg-wide > .x-cell { width: 1100px; }

/* see Theme.css for theme specific slices */
  
/* ----- main header ---- */
#toptext { text-align: right; font-weight: 700; font-size: .8em; line-height: 25px;}
#toptext a { color: #cccccb !important; } 
#toptext a:hover { color: #CFDCA3 !important; } 

.bg-header  {padding: 28px 0; position: relative; border-top: 30px solid #5E882E;}
.bg-header img#toplogo {width: 315px; height: auto; left: 40px; position: absolute; top: 0;}
_:-webkit-full-screen:not(:root:root), .bg-header img { height: 137px; }  

#toptitle {position: absolute; top: 18px; left: 157px;}

#toptitle h1, #toptitle p {text-align: center; margin-bottom: 10px;}
#toptitle h1{font-weight: 700;}
#toptitle p {font-size: 1em; text-align: center; font-weight: 600; text-transform: uppercase; border-top: 1px solid #E4E7EB; padding-top: 15px; }

.title-inside {margin: auto;}

.header-search, .search-bar { position: absolute; top: 0; right: 0; width: 280px;}
.header-search > form, .footer-search > form {position: relative;}
.directory-search-icon {position: absolute; top: 0; right: 0; height: 100%; width: 42px;}
.directory-search-icon button {background: none; outline: none; border: 0; height: 100%; line-height: 42px; width: 42px; text-align: center;}
.directory-search-icon button {background: none; outline: none; border: 0; height: 100%; line-height: 42px; width: 42px; text-align: center;}

.bg-header #ui-member-login-form, .bg-header #ui-form-logout-container {position: absolute; right: 50px; top: 16px;}
.bg-header #ui-member-login-form .btn, .bg-header #ui-form-button-logout {text-transform: uppercase; font-size: .9em; }
.bg-header #topmenu > li {padding-left: 0; padding-right: 10px;}
.bg-header img#toplogo {margin-left: 0;}

.search-social {width: 300px !important; position: absolute !important; right: 0; top: 114px; text-align: right;} 
.search-social .readmore span {padding-left: 10px; color: #333333;}
.readmore span {color: #333333;}
.search-social .readmore span:hover {color: #2F5326;}
.search-social a {color: #2F5326;}
.search-social a:hover {color: @color-primary-1-darkest@;}
.search-social p {margin-bottom: 10px!important;}

.contact-icons .fab, .contact-icons .fas {margin-right: 15px;}

/*.bg-header img#toplogo {width: 140px;}*/

.form-page input[type].form-control:not([type=submit]){width: 100% !important}

.home-form {background: #002548; margin: auto; width: 700px!important; max-width: 100%!important; color: white;}
.home-form h1 {color: white !important;}
.home-form input {margin: 0;}
.home-form .btn {margin-bottom: 0;}



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

/*HEADER BUTTONS*/

.bg-header {background-color: @color-primary-2@;}


.special-hours-slice {background: @color-primary-2-dark@; color: white; padding: 10px; font-size: 1.2em; text-align: center;}
.special-hours-slice p {margin: auto; width: 1200px; max-width: 100%; font-size: 16px;}
.special-hours-slice strong {font-size: 18px;}

/*---------- slideshow slide -------------*/

  .bg-slideshow { color: #fff !important; }
  .bg-slideshow h1 { margin-bottom: 0; color: #fff; }
  .bg-slideshow p { font-size: 1.1em; }


  .bg-slideshow, .bg-slideshow h1, .bg-slideshow h2, .bg-slideshow p { font-family: 'Gotham SSm A','Gotham SSm B', Helvetica, Ariel; }
  .bg-slideshow.color-copy, .bg-slideshow.color-copy h1, .bg-slideshow.color-copy h2, .bg-slideshow .color-copy p { color: #5E882E; }
  .bg-slideshow .color-copy, .bg-slideshow .color-copy h1, .bg-slideshow .color-copy h2 { color: #5E882E !important; }
  .bg-slideshow .copy-inner.left {text-align: left !important;}
  .bg-slideshow .copy-inner.left.center {text-align: center !important;}
  .bg-slideshow .copy-inner.left.center h1, .bg-slideshow .copy-inner.left.center h2 {color: #fff !important;}
  .bg-slideshow h1, .bg-slideshow h2 { text-transform: uppercase !important; font-weight: 700; font-size: 3em; color: #fff; }


  .bg-slideshow .color-copy h1, .bg-slideshow .color-copy h2 { margin-bottom: 10px !important; }
  .bg-slideshow.color-copy p.title { font-size: 2em; line-height: 1.25em; }
  .bg-slideshow .color-white, .bg-slideshow .color-white a { color: #fff !important; }
  .bg-slideshow .color-white a:hover { color: #2F5326 !important; }

/*---------- home -------------*/
 
.home-slideshow {position: relative; color: white; background: #000;}
 .home-slideshow .slideshow { position: relative; z-index: 1; REMopacity: .5;}
 .home-slideshow .slideshow .ui-slide { width: 1210px; margin: 0 auto; padding: 40px; height: 300px;} /* we need hardcoded width */
 .home-slideshow .copy { position: absolute; z-index: 2; top: 0; width: 100%; 
	left: 0; right: 0; margin-left:auto; margin-right: auto; /* these 4 are centering the absolute div */
	height: 100%; }
    .home-slideshow .copy-inner {text-align: left; width: 100%; position: absolute; bottom: 0px; left: 0px; padding: 30px 50px; }
   .home-slideshow h1 { font-size: 3em; margin: 0; color: #fff; }
   .home-slideshow h2  { font-size: 1.3em !important; font-weight: 300 !important; text-transform: uppercase; color: #fff !important;}
 .home-slideshow-pager {position: absolute; bottom: 10px; width: 100%; z-index: 3; text-align: center; }
   .home-slideshow-pager a { display: inline-block;  background: #CFDCA3; border: solid 1px white; 
			width: 10px; height: 10px; border-radius: 50%; overflow: hidden; margin-right: 10px;}
   .home-slideshow-pager a.activeSlide {  background: white;}
   .home-slideshow-pager a img { display: none; }
@media screen and (max-width:1210px) {
	.home-slideshow .slideshow .ui-slide { width: auto; height: auto;}
	.home-slideshow .copy { width: auto !important; }
}

.inner-slideshow {position: relative;}
.home.copy-inner .copy-text { width: 99%; }
.home-slideshow .contact-sales { font-weight: 600; color: #5E882E; }




/*Contact-Slice*/
.bg-home-contact { padding: 100px 0 !important; background: url(/pub/photo/bg-home-contact.jpg) no-repeat center; background-size: cover; }
.bg-home-contact h2 { font-weight: 600; margin-bottom: 50px; color: #fff; }
.bg-home-contact p { color: #fff; }

.contact a:hover {color: #5E882E;}

.contact-container {width: 1020px; max-width: 1090px;}

.portrait {height: 340px; width: 100%; object-fit: cover; object-position: 50% 50%;}
.portrait.right {object-position: 100% 50%;}

img.article-img {float: left; margin: 0 25px 25px 0;}  
.thumb img, .ui-photo-list-item img {border: none!important;}
.article-copy {font-size: 1.2em;}
.article-copy .btn-large {margin-top: 10px;}
.article-summary {font-size: 1.2em;}




.comments input.article-captcha {margin-bottom: 20px; width: 300px!important;}

.section-header {margin-bottom: 45px !important;}
.section-box {margin-bottom: 20px !important;}


.second-section {padding-top: 20px;}

.flex-box { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: center;}
.flex-box > *:last-child:not(.flex-start) { align-self: flex-end;}
.no-image-box {justify-content: normal !important;}

/* -- article -- */

.date {text-transform: uppercase; font-weight: 400;} 

.article-body .slideshow-background {width: 100%; height: 450px;}
.article-body .article-copy {padding-bottom: 30px;}
.article-body h1 {margin-bottom: 15px; line-height: 1.2em;}

.article-body-wide { margin-left: auto; margin-right: auto; width: 960px; margin-bottom: 15px; padding: 30px; box-sizing: content-box; }
.article-body-wide .orange-text{ color: #002548; margin-bottom: 0px; }
.orange-text { color: #002548; }
.full-blue-bar  > .article-body-wide { margin-bottom: 0px; }
.article-body-wide.no-padtop {padding-top: 0;}
.article-body-wide.no-padbot {padding-bottom: 0;}
.article-body-wide.no-marbot {margin-bottom: 0;}

.article-share { font-size: .9em; color: #2F5326; text-align; center; border-bottom: 1px solid #e5e5e5; margin-bottom: 10px !important; }

.article-copy .photo-left {float: left; padding-right: 30px; margin-left: -60px;}
.article-copy .photo-right {float: right; padding-left: 30px; }
.caption {padding: 10px 0!important; color: #333333!important; background: none!important; max-width: 100%!important; position: relative!important; font-size: .8em!important; border-bottom: 1px solid #e5e5e5;}

/* -- article author-date -- */

h3.article-author-date { margin-bottom: 50px; color: @color-primary-1-darker@; }



.small-text { font-size: .9em; padding: 0 15px;} 

.home-blocks {text-align: center;}
.home-blocks h2 {font-size: 1.2em;}

h1.headline-small {font-size: 2em;}
h2.headline-small {font-size: 1.3em;}

.bg-header { height: 140px;} 

.slide-box-container { position: relative; max-width: 100%;}
.slide-box-prev { position: absolute; left: 0; top: 0; bottom: 0; width: 24px; background: url(/pub/photo/arrow-prev.png) no-repeat left center; z-index: 12; cursor: pointer;}
.slide-box-next { position: absolute; right: 0; top: 0; bottom: 0; width: 18px; background: url(/pub/photo/arrow-next.png) no-repeat left center; z-index: 12;cursor: pointer;}
.slide-box-pager { text-align: center; }
.slide-box-pager a { display: inline-block;  margin-right: 20px; margin-bottom: 20px; }
.slide-box-pager a img { border: none; box-sizing: border-box; -moz-box-sizing: border-box; box-shadow: none;}
.slide-box-pager a.activeSlide img { border: solid 10px #ffc200; }

.slide-box { overflow: hidden; margin-left:auto; margin-right: auto; text-align: center; vertical-align: middle; max-width: 100%; height: auto !important; top: 50% !important;
  transform: translateY(-50%); }
.slide-box-text {  width: 100%; overflow: hidden; margin-left:auto; margin-right: auto;}
.slide-box-text-copy { overflow: hidden; position: relative; padding: 20px; box-sizing: border-box; -moz-box-sizing: border-box; }

.photo-center {height: 350px; position: relative; align-items: center;}
.photo-center img {position: absolute; top: 0; bottom: 0; margin: auto 0;}



.quote-container { width:80%; margin-left: auto; margin-right: auto;  font-style: italic; }
.quote-container p:before { content: "\201C"; }
.quote-container p:after { content: "\201D"; }

.right-align {text-align: right;}
.align-top td {vertical-align: top;}
.small-font {font-size: .8em;}

/* -- margins -- */

.margin-center { margin-left: auto; margin-right: auto; } 
.no-margin { margin: 0 !important; }

.marbot-sm { margin-bottom: 25px; }
.marbot-med { margin-bottom: 50px; }
.marbot-lg { margin-bottom: 100px; }
.no-marbot { margin-bottom: 0 !important; }

/* ---- */

a.alt {color: #333333;}
.capital {text-transform: capitalize;}

/* article */
.article-summary-lead-in { font-size: 1.2em; text-align: center; }
.article-feature-box { background: #cccccb; margin-bottom: 15px;  }
.article-slideshow { position: relative; max-width: 940px; margin-left: auto; margin-right: auto; padding-top: 30px;  }
.article-slideshow h1{ position: absolute; top: 225px; background: #fff; padding: 10px; font-weight: bold;}
.feature-body { padding: 25px; }
.feature-body h3{ font-weight: bold; }
.feature-header { height: 100px;  color: #fff !important; position: relative; }
.feature-header h2{ color: #fff !important; margin: auto 0; margin-left: 100px; font-size: 1.7em; font-weight: bold; height: 37px; position: absolute; top: 0; bottom: 0;  }

.summary-box {padding-left: 100px; font-weight: 600;}
.summary-box a {color: #fff; text-decoration: underline;}

.left-photo {float: left; margin-right: 15px; margin-bottom: 15px;}
.right-photo {float: right; margin-left: 15px; margin-bottom: 15px;}
.left-photo img, .right-photo img {max-width: 350px;}

.right-photo.large img {max-width: 450px;}

.center {text-align: center;}
.capital {text-transform: uppercase !important;}

h2.alt-color {color: #002548 !important;}
.light {font-weight: 400 !important;}

a.alt-color {color: #333333; text-decoration: underline; font-weight: normal;}
a.strong {text-decoration: underline;}

h3.strong {font-weight: 700;}
h3.light {font-weight: 300;}

/* Lightbox */

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



/*----------------- Accordion -----------------*/

.ui-state-active {background: #5E882E !important; color: #fff !important;}

.accordion-label,  .accordion-body {background: #fff; border: none;}
.accordion-label p {font-weight: normal;}
 .accordion-body p {color: initial;}

.ui-accordion-header-icon {display: none;}
.ui-state-default {color: #333333 !important; border: white !important; background: #A5C86C !important;}
.ui-state-focus {outline: none;}
.ui-state-active {background: #2F5326 !important; color: #fff !important; }
.accordion-label:hover {outline: solid 1px #ECECEC;}
.exhibit-img {float: left; margin-right: 10px;}
.exhibit-text {font-size: .8em;}

.ui-widget-content {border: none !important;} 
.ui-widget-content a {color: #5E882E !important;} 
.ui-widget-content a:hover {color: #2F5326 !important;}
.ui-accordion .ui-accordion-header {margin: 0 !important; border-radius: 0!important;}
.ui-accordion .ui-accordion-header:hover {background-color: #5E882E !important; outline: none; color: white!important;}





.ui-state-default .ui-icon {background-image: url(/admin/css/jquery-ui/images/ui-icons_ffffff_256x240.png) !important;} 

.ui-icon {}

/*-------------- Box Overflow ----------------*/

.overflow-bot {margin-bottom: -199px; position: relative; z-index: 10; float: left; width: 100%;}
.top-offset {border-top: 139px solid transparent;}

/* Safari Fix */

_::-moz-svg-foreign-content, :root .top-offset { padding-top: 120px; }

/*-------------- Photo-Gallery ----------------*/
.photo-gallery {border-bottom: 2px solid #640d0d;}

/*-------------- Tables ----------------*/

table.liability-coverage, .liability-coverage tr {width: 100%;}
table.liability-coverage {margin-bottom: 30px !important;}
.liability-coverage th.table-col-left {width: 60%;}
.liability-coverage th.table-col-right {width: 40%;}

.liability-coverage th, .liability-coverage td {padding: 5px; }
.liability-coverage th {background-color: #2F5326; color: white;}
.liability-coverage td {border: 1px solid #cccccb; background-color: #E4E7EB}

  



_:-ms-fullscreen, :root .category-photo img { width: auto; display: block; margin: auto; }
_:-ms-fullscreen, :root .category-page .category-photo img { width: auto; display: block; margin: auto; }
 

/*-------------- Category Pager ----------------*/


.pager {text-align: center; margin-bottom: 10px; width: 100%;}
.pager a[rel='prev'], .pager a[rel='next'] {font-size: 0;}
.pager a[rel='prev']:before, .pager a[rel='next']:before {font-size: 16px; font-family: "Font Awesome 5 Free";}
.pager a[rel='prev']:before {content: '\f0a8';}
.pager a[rel='next']:before {content: '\f0a9';}
.pager a {margin-right: 10px; text-align: center; display: inline-block;}
.pager a:hover {color: @color-primary-1-darkest@; }
.pager b {display: inline-block;}
.pager span {color: #8C8E8C; margin-right: 10px; display: inline-block; text-align: center; }

.directory .pager {padding: 10px 0; border-bottom: 2px solid #640d0d!important;  border-top: 2px solid #999999 !important; }


/*-------------- Inside Category Pager ----------------*/

.post-pager {display: table; width: 100%;}
.category-pager {display: none; vertical-align: middle; height: 100%;} 
.category-pager.category {display: table-cell; text-align: center;} 
.category-pager.left {display: table-cell; text-align: left;}
.category-pager.right {display: table-cell; text-align: right;}
.category-pager span {display: block; color: #5E882E;}

/*-------------- Category Items ----------------*/

/* -- article 2018 cat items -- */

.category-item-outer { margin-bottom: 20px !important; }
.category-item { min-height: 250px; width: 100%; display: inline-block; border: 1px solid #8C8E8C; color: #8C8E8C; font-size: .7em; } 

.cat-photo { margin-bottom: -5px; height: 150px; background-size: cover; background-position: center; background-repeat: no-repeat; }



.category-item h4 { font-size: 1.5em; font-weight: 600; } 
.category-item h4 a { color: @color-primary-1-darker@; font-weight: 600; }


a.readthis { color: @color-primary-1-darker@; font-weight: 400; }
a.readthis:hover { color: #2F5326; }

/*-------------- Arrow List ----------------*/

.arrows li, .arrow li {position: relative; padding-left: 20px; list-style: none;}
.arrows li:before, .arrow li:before {content: ">"; position: absolute; left: 0; line-height: 36px; font-weight: normal;}
.arrows.color li:before, .arrow.color li:before {color: #5E882E;}

/*-------------- Account pages ----------------*/

.reset-box input[type]:not([type=submit]) {width: 50%; margin-bottom: 20px;}

.member-box table {width: 100%;}
.member-box input[type=submit] {float: right;}
.member-box td {padding-bottom: 20px;}

.login-box tr:last-child {margin-bottom: 10px;}
.login-box h2 {font-weight: h2;}
.account-pages #ui-member-login-form {width: 500px; max-width: 100%; margin: 0 auto;}


/*-------------- Account pages ----------------*/

table.cart-items tr:first-child th {padding: 10px 0; border-top: 2px solid #e5e5e5; border-bottom: 2px solid #e5e5e5; color: #5E882E; text-transform: uppercase; font-weight: 700; line-height: 1em;}  
table.cart-items td {padding: 15px 0;}  
table.cart-items input[type]:not([type=submit]) {max-width: 52px;}  

/*-------------- Events page ----------------*/

.sponsors table {width: 100%; margin-bottom: 0;}
.sponsors img {padding: 15px; max-height: 130px;}

.sponsor-level h5 {background-color: #8C8E8C; padding: 5px 0; color: #fff;}


.convention li.nav-item {background-color: @color-primary-1-darker@;  text-align: center; list-style: none; display: inline-block; margin: 0; width: auto;}  
.convention li a {color: white !important; padding: 5px 10px; text-transform: uppercase;}  
.convention-menu li a:hover {background-color: @color-primary-1-darkest@ !important;}  

.convention-menu {background-color: @color-primary-1-darker@; text-align: center;}
.convention-menu .dropdown-menu li {padding: 5px 10px!important; background-color: #333333!important; text-transform: uppercase;}
.convention-menu li:hover .dropdown-menu {display: block!important; }

 
.event-box {background: #fff; border: 1px solid #000; border-radius: 10px; overflow: hidden; margin-bottom: 20px !important;}
.event-box-header {background: @color-secondary-4@; padding: 15px 20px;}
.event-box-header h2 {color: #fff; margin-bottom: 0;}
.event-box-header h2 a {color: #fff;}
.event-box-header h2 a:hover {color: #cccccb;}
.event-box-inner {padding: 15px;}
.event-box-inner h3 {color: @color-primary-1-darker@; margin-bottom: 5px;}
.event-box-inner h3 a {color: @color-primary-1-darker@;}
.event-location-photo {width: 15px;}

.event-link {font-weight: 400;}
.event-link img {width: 25px;}

.event-post {}
.event-post h2 {font-weight: bold; color: #5E882E;}
.event-post h2 a {font-weight: bold; color: #5E882E;}

.news-post .title-break {display: none;}

.event-header {margin-bottom: 20px;}
.event-header h2 {font-weight: 600; color: #2F5326; line-height: 1.5em;}
.event-icon {height: 32px; width: auto; vertical-align: sub; }

.event-photos { text-align: center; }
.event-photos .slideshow { display: none; }
.event-photo {border: 1px solid #000; float: none !important; display: inline-block;}
.event-photo img {display: block; height: auto; max-height: 200px; width: auto; margin: 0 auto;}
.event-photo h2 {color: #2F5326; margin-bottom: 0; font-weight: 300; padding: 8px 5px; text-align: left;}
.event-photo h2 a {color: #2F5326; font-weight: 300; display: block;}

.back-link {background-image: url(/pub/photo/arrow-back.png) !important; background-repeat: no-repeat !important; background-position: left center !important; padding-left: 30px; color: #8C8E8C !important; font-weight: 300 !important;}




/* --- Event posts page --- */

.covid-menu li {list-style: none; display: inline-block; color: white; margin-left: 0;}
.covid-menu li a, .covid-menu li a:hover {color: white !important;}


/* --- Event posts page --- */

.event-photos .bio-grid-unit-pic { background-position: top right !important; } 

/*---------- popup -------------*/

.popup {display: none; position: fixed; top: 0; left: 0; background: rgba(0, 0, 0, 0.5); z-index: 1000; width: 100%; height: 100%; }
.popup.form-submit {display: block;}
.popup .popup-inner {position: fixed; top: 0; bottom: 0; left: 0; right: 0; margin: auto; width: 800px; height: 677px; max-width: 100%; max-height: 100%; background: #fff; padding: 30px 50px; font-size: initial; color: #000; z-index: 1001; border-radius: 5px; box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.5);}
.popup.odn-access .popup-inner {height: 150px;}
.popup.error-container .popup-inner {height: 845px;}
.popup.success-container .popup-inner {height: 670px;}
.popup-tab {position: fixed; bottom: 50%; top: 0; right: -43px; left: auto; margin: auto 0; z-index : 999;}
.popup .popup-inner h2 {color: #5E882E !important;}
.popup .popup-inner h4 {text-align: left;}
.popup .popup-close {position: absolute; top: 15px; right: 20px; font-size: 1.5em; cursor: pointer; color: #5E882E; left: auto !important;}
.popup .popup-close:hover {color: #2F5326;}
.popup-open {cursor: pointer;}

.popup-newsletter {}
.popup.popup-newsletter .popup-inner {width: 400px; height: 365px; padding: 20px 30px;}

.popup.vm-popup {display: block !important; position: static; background: none; z-index: 1000; width: 30%; height: auto; margin: auto;}  

.popup.vm-popup.btn {background-color: #fff !important ; color: @color-primary-2@ !important;} 
.popup.vm-popup.btn:hover {background-color: #002548 !important; color: #fff;} 
.popup.vm-popup.btn:visited {background-color: #002548; color: #fff;} 
.popup.vm-popup.btn-invert {background-color: #fff; color: #002548; width: auto;} 
.popup.vm-popup.btn-invert:hover {background-color: #002548 ; color: #fff;} 
.popup.dance-tour.btn {background-color: @dance-color-primary-1@; color: #fff;} 
.popup.dance-tour.btn:hover  {background-color: @dance-color-primary-1-light@; color: #fff;} 
.popup.dance-tour.btn:visited  {background-color: @dance-color-primary-1@; color: #fff;} 

.email-popup .popup-inner { height: 250px; }
.email-popup .email-padding { position: relative; padding-top: 5px; }

.schedule-demo .popup-inner { width: 500px !important; height: 600px !important; }
.schedule-demo .ui-form-text { width: 100% !important; }

.search-popup .popup-inner { background: transparent; border: none; padding: 0; width: 960px; height: 90px; top: -435px; }


img.icon {width: 100px; margin: 0 auto 30px auto; display: block;}

.icons .fas, .icons .fa {font-size: 80px; text-align: center; margin-bottom: 0; color: #5E882E;}


/*-------------- 404 page ----------------*/

#search404 { position: relative; background: #cccccb; margin-bottom: 15px;}
 #search404 input { width: 100% !important; border:none; padding: 10px 20px ; font-family: 'Gotham SSm A','Gotham SSm B', Helvetica, Ariel; background: #cccccb;}
 #search404 input:focus {outline: 0}
 #search404 button { position: absolute; right: 0px; top: 0px; border: none; width:36px; height: 36px; background: #8C8E8C url(/pub/photo/icon_search.png) no-repeat center center; cursor: pointer; }
/* #search404 button:hover {background-position: 0 -13px; }  */



.inner-slideshow-container {position: relative;}
 .inner-slideshow-img {position: relative; z-index: 1; width: 100%; height: auto; min-height: 150px;}
 .inner-slideshow-img > img {width: 100%; height: auto; min-height: 150px;min-width: 1920px;} /* when there's only one photo */
 .inner-slideshow-copy {position: absolute; bottom: 40px; width: 100%; z-index: 2; }
   .inner-slideshow-inner {  max-width: 1210px; margin: 0 auto; text-align: left; color: white; text-shadow: 0px 0px 4px rgba(0,0,0,.2);}
   .inner-slideshow-inner p { margin: 0; margin-left: 20px; padding: 0; line-height: 1; color: white; text-shadow: 0px 0px 4px rgba(0,0,0,.2); font-size: 3em; }
   .inner-slideshow-inner h1 { margin: 0; margin-left: 20px; padding: 0; line-height: 1; color: white; text-shadow: 0px 0px 4px rgba(0,0,0,.2); font-size: 3em;}
   
   .photo-overlay { background-color: rgba(20, 20, 20, .25); width: 100%; height: 450px; position: absolute; top: 0;}
   .inner-slideshow .copy-inner .feature { width: 80%; }   
   .inner-slideshow .copy-inner .feature h1 { font-weight: 300; font-size: 1.7em; margin-bottom: 10px; text-transform: capitalize !important; }
   .inner-slideshow .copy-inner .feature h2.title { color: #fff; font-size: 2em; font-weight: 600; margin-bottom: 0px !important; }
   .inner-slideshow .copy-inner .feature p { line-height: 1.2em; color: #cccccb; }
   .inner-slideshow .copy-inner .feature p strong { color: #fff; }
   .inner-slideshow .copy-inner .feature a {color: #2F5326;}
   .inner-slideshow .copy-inner .feature a:hover {color: @color-primary-2@;}
   
   .slideshow-video {max-height: 522px; overflow: hidden;}
   .slideshow-video video {width: 100% !important; height: auto !important;}
   .video {margin: 0 auto;}
   
   .copy-position {position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding: 20px;}
   .copy-container {display: table; height: 100%; width: 100%; REMpadding: 80px 0; }
   .copy {display: table-cell; vertical-align: middle;}
   .copy-inner {max-width: 1210px; width: 100%; margin: 0 auto;}
   .copy-left {width: 65%;}
   .copy-bottom {vertical-align: bottom; padding-bottom: 20px;}
   
   .copy-inner div.news-menu {display: block; font-size: .8em;}
   ul.news-menu li {display: inline-block; list-style: none; margin-left: 0; margin-right: 20px;}
   ul.news-menu li a {color: #fff;}
   ul.new.news-menu li {display: inline-block !important; list-style: none; margin-left: 0; margin-right: 20px; width: auto !important; font-weight: 300;}
   ul.new.news-menu li a {color: #A5C86C; font-weight: 300; padding: 20px 20px !important; }
   ul.new.news-menu { padding: 0px !important; width: 960px !important; max-width: 100%; margin: auto; border-bottom: none !important; text-align: center !important; } 
   .news-menu-container { border-bottom: 1px solid #5E882E; margin-bottom: 40px; }
   .inside-slideshow {margin-bottom: 20px;}
   
.inside-banner { padding: 10px; }   
.inside-banner h1 { font-size: 3em !important; margin-top: 50px; }  
.inside-banner img { margin-top: 20px !important; } 

.list-container {border: 5px solid #D6DCDF; padding: 20px; max-width: 100%;}

/*---------SIDEBAR-------------*/

.sidebar {padding: 30px !important; background-color: #E4E7EB;}
.sidebar p {margin-bottom: 10px; line-height: 1.45; font-size: .9em;}
.bg-light {padding: 0;}
.arrows {width: 9px; margin-left: 5px;} 




.sidebar-top img {float: left; position: relative; right: 36px; bottom: 10px;}
.sidebar-top p {padding: 20px 60px !important;}
.sidebar-container {}
.sidebar-container-padded {background-color: #EBF0F1; padding: 10px;}
.sidebar-button a {padding: 10px 35px; display: block;}
.sidebar-content {background-color: #EBF0F1; padding: 10px;}
.sidebar-button p {padding: 0;}
.sidebar-bottom p {font-size: 1.25em;}

.sidebar-header {background: #1a1a1a; text-align: center; padding: 10px;}
.sidebar-header h2 {margin-bottom: 0;}
.sidebar-header h2 a {color: #fff;}
.sidebar .member-directory h4 a {color: @color-primary-1-darker@; margin-bottom: 5px !important;  font-weight: 700; font-size: 1.3em;}
.sidebar .member-directory h4 {margin-bottom: 5px !important;}




/*Board Member Slice*/
.board-members {display: flex-box; align-items: flex-start;}
.board-member {width: 18%; display: inline-block; margin-right: 15px; text-align: center; min-width: 150px; float: left;}
.board-member p {font-size: .9em;}
.board-member h5 {margin-bottom: 10px;}
.board-member img {object-fit: cover; width: 100%; height: 200px; object-position: 0 0; margin-bottom: 10px;}
.board-members-inner {display: flex; justify-content: center; max-width: 100%; flex-wrap: wrap;}


/*Member Login*/

#ui-member-login-form p, #ui-member-login-form input[type=submit] {text-align: center; }
#ui-member-login-form p.label {text-align: left; margin-bottom: 5px;}
#ui-member-login-form h3 {text-align: center; }
#ui-member-login-form input {margin-bottom: 15px;}

#ui-member-login-form img {height: 22px;}
#ui-member-login-form table {margin: 0 auto; width: 400px; max-width: 100%;}
#ui-member-login-form td {padding-bottom: 15px;}
#ui-member-login-form td:first-child {width: 100px;}

.bg-header #ui-member-login-form p {text-transform: uppercase;}

.home-hero #ui-member-login-form, .home-hero #ui-form-logout-container {width: 100%; background: #002548; padding: 30px; color: white !important;}
.home-hero #ui-member-login-form img,  #ui-form-logout-container img {height: 27px; margin-bottom: 2px;}
.home-hero #ui-member-login-form img.arrows, .home-hero #ui-form-logout-container img.arrows {height: auto; }
.home-hero #ui-member-login-form a, .home-hero #ui-form-logout-container a {color: white; margin-bottom: 0;}
.home-hero #ui-member-login-form a:hover, .home-hero #ui-form-logout-container a:hover {color: #5E882E;}

.bg-footer #ui-member-login-form, .bg-footer #ui-form-logout-container {position: absolute; right: 70px; top: 38px; font-size: .9em; }
.bg-footer #ui-member-login-form a, .bg-footer #ui-form-logout-container a {font-weight: 600 !important; text-transform: uppercase;}


.home-hero-copy-text-only {width: 1280px; max-width: 100%; margin: 0 auto;}


.form-control {width: 80%; margin: 0 auto;}
.form-control label {display: inline-block;}
.form-control input[type]:not([type=submit]), .form-control select, .form-control textarea {width: 98% !important;}
.form-control label, .form-control input, .form-control select, .form-control textarea {margin-bottom: 10px;}
h3.title {color: #A5C86C; font-weight: 600;}
h3.alt-color {color: #5E882E;}

.label-control label {font-weight: bold;}
.label-control input, .label-control select {margin-bottom: 20px;}
.label-control p {color: #5E882E;}
.label-control p a {text-decoration: underline; font-weight: normal;}

/* contact */
 .contact-intro .contact-title { color: @color-primary-1-darker@; font-size: 1.1em; font-family: 'Gotham SSm A','Gotham SSm B', Helvetica, Ariel; }
 .contact-intro p { color: @color-primary-1-dark2@; font-family: 'Gotham SSm A','Gotham SSm B', Helvetica, Ariel; font-size: 1em;}

 /* blog */
 /* blog */

 .blog-container {}
 .blog-post .blog-author{ color: @color-secondary-2-light@; }
 .blog-post .blog-date {}
 .blog-post .blog-comment-count { color: @color-secondary-2-light@;}
 .blog-post .blog-subheader { color:#8C8E8C; }
 .blog-post h2 { color: @color-primary-1-darker@;}
/* .blog-post p { color: @color-primary-1-dark2@; /*font-family: 'Gotham SSm A','Gotham SSm B', Helvetica, Ariel;*/ }
 .blog-post a { color: @color-secondary-2-light@;}
 
.blog-post-content {padding-right: 0px;}

.home-bottom-text { text-align: center; font-size: .9em; }

.g-recaptcha > div {margin: 0 auto;}



/*-------------- Member Directory --------------*/

.partner-title ~ .partner-title {display: none;}
.member-title ~ .member-title {display: none;}

.partner-title, .member-title {text-transform: uppercase!important; font-weight: 600!important; font-size: 1.5em!important; text-align: left!important;}
.member-title.single-rule {border-bottom: 2px solid #E4E7EB; padding-bottom: 15px; margin-bottom: 0;}
.partner-title {margin-bottom: 15px!important;}
 
.listing-premium {background-color: #e5e5e5; border: 2px solid @color-primary-1-darker@; margin-bottom: 40px; padding: 40px;} 

.listing-premium h3 {color: @color-primary-1-darker@;} 
.listing-basic {padding: 30px 25px; border-bottom: 1px solid #e5e5e5;}
.listing-basic.islast {border-bottom: none;}

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

span.directory-search-accordion-link {margin-right: 10px; display: inline-block; cursor: pointer;}
.directory-search-accordion-content {display: none;}

.ui-directory-category-list li, .directory-category-list li {list-style: none; margin-left: 0;}
.ui-directory-category-list strong {color: #8C8E8C;}

.directory-search {position: absolute; right: 15px; top: 151px; width: 400px; background-color: #f8f9fa!important;}
.directory-search-icon button.fa.fa-search {right: 25px;}

.footer-search {}

.ui-directory-region-list li {list-style: none; display: inline-block; text-align: center;}

.ui-directory-title-letter-list {margin-left: 20px;}
.ui-directory-title-letter-list a {margin-right: 15px;}

.accordian {background-color: #FFF !important;}

.table td, .table th {border-top: none !important;}  

.o-cell {display: inline-block;}
.o-row {border-bottom: 1px solid #cccccb;}
.o-row.o-row-header {font-weight: 600; text-transform: uppercase; border-top: 2px solid @color-primary-1-darker@; border-bottom: 3 px solid #8C8E8C; padding: 5px 0; font-size: 1.2em;}
p.o-row {margin-bottom: 10px; padding-bottom: 10px;}

.o-status {width: 15%;}
.o-date {width: 15%;}
.o-order-no {width: 15%;}
.o-tracking {width: 20%;}
.o-amount {width: 15%;}
.o-receipt {width: 15%;}


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

.bg-footer { padding: 50px 0 40px; font-size: .9em; text-align: center; background: @color-primary-2@; color: #fff;}

.bg-footer .x-cell { width: 1210px; max-width: 100%; }

.bg-footer p {  }
.bg-footer a { color: #fff; font-weight: 400;}

.bg-footer .legal-text a:hover { opacity: .8; color: #fff;}
p.legal-text{ padding: 0 10px;}
.bg-footer h2 { color: @primary-1-darker@ !important; font-size: 1.2em; text-transform: uppercase;}
.bg-footer h2 a {font-weight: 700;}
.bg-footer h3 { color: @primary-1-darker@ !important; font-size: 1.2em;text-transform: uppercase;}

.bg-footer .footer-social {}
.bg-footer .footer-social li {display: inline-block; margin-left: 20px;}
.bg-footer .footer-social li:first-child {margin-left: 0;}
.bg-footer .footer-social li a {font-size: 2.25em; background: #5E882E; color: #fff; border-radius: 50%; height: 95px; width: 95px; line-height: 100px; display: inline-block; transition: .2s;}
.bg-footer .footer-social li a:hover {color: #5E882E; background: #002548;}

.footer-menu ul {list-style-type: none;}

.bg-footer .footer-search {top: 2px; left:20px;}

.bg-footer #ui-member-login-form, .bg-footer #ui-form-logout-container { text-align: left; padding-top: 20px;}
.bg-footer #ui-member-login-form a.readmore, .bg-footer #ui-form-logout-container a.readmore, .bg-footer #ui-member-login-form .btn, .bg-footer #ui-form-logout-container .btn {margin-bottom: 20px;}

.bg-footer #ui-member-login-form a.readmore	{padding-left: 10px;}


.bg-footer #ui-member-login-form span, .bg-footer #ui-form-logout-container span {color: white;}
.bg-footer #ui-member-login-form p, .bg-footer #ui-form-logout-container p { text-align: left; margin-bottom: 0 !important;}
.bg-footer #ui-member-login-form .btn {padding: 10px 15px !important;}
.bg-footer .login-box {border: none;}
.bg-footer .btn {margin-right: 5px;}

.bg-footer .search-social {position: static !important; width: auto !important; text-align: left;}
.bg-footer .search-social p {margin-bottom: 15px!important;}

.footer-box {height: 200px;} 
.footer-box .search-social {display: block;} 

.footer-logo {width: 315px; height: auto; position: absolute; left: 40px; top: 36px;}

.bg-footer #topmenu {top: 52px; right: 190px;}
.bottom-text {text-align: center; font-size: .7em;}

.footer-menu li {margin-bottom: 8px;}
.footer-menu a {line-height: 1.3em;}

/*.bg-footer .button-cta { background-color: #404040; color: #d97b5e !important; font-weight: bold;}
.bg-footer .button-cta:hover { background-color: #595959; }*/
/*.bg-footer .button-cta { padding: 5px 10px !important; font-size: .7em !important; letter-spacing: .2em; font-weight: normal;}*/

.back-to-top {position: fixed; width: 50px; height: 50px; font-size: 1.5em; line-height: 50px; color: #fff; background: #002548; border-radius: 50%; right: 3%; bottom: 40px; overflow: hidden; text-align: center; z-index: 20; cursor: pointer; opacity: 0; visibility: hidden; transition: .2s;}


.back-to-top.visible {opacity: 1; visibility: visible;}
.back-to-top:hover { color: #fff; background: #5E882E;}


.hover-fade { opacity: .5; }
.hover-fade:hover { opacity: 1; }

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

/*------------Mailchimp--------------*/

#mc_embed_signup form {margin-top: 0!important; height: 490px;}
#mc_embed_signup form {padding: 0!important; }
#mc_embed_signup h2, #mc_embed_signup h6 {font-weight: 700!important; margin-bottom: 0!important; line-height: 1.3em!important; margin-top: 0!important;}
#mc_embed_signup .button {height: auto !important; vertical-align: middle !important; font-size: 1rem !important; line-height: 1.5 !important; padding: 10px 20px !important; border-radius: 30px !important; font-weight: 600!important; margin: 0 !important;}
#mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error {margin-bottom: 0 !important;}

#mc_embed_signup input {border-radius: 0 !important; border: 0 !important;}

#mc_embed_signup .mc-field-group {width: 100% !important;}

/* Homepage featured content blocks */
.homepage-featured {margin-bottom:1em;}
.homepage-featured.multientry {width: 49%;margin-right: 1%;display: inline-block;vertical-align: top;}
@media (max-width:768px) {.homepage-featured.multientry {width:100%;display:block;margin-left:auto;margin-right:auto;padding:0px 10px;}}

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

#topmenu > li > a/* top menu all pages */   
#topmenu ul { list-style-type: none !important; margin: 0 auto;}
#topmenu li { background: none; margin: 0;}

 #topmenu { font-size: .9em; letter-spacing: 1px; font-family: 'Gotham SSm A','Gotham SSm B', Helvetica, Ariel; margin: 0 auto !important; text-transform: uppercase; display: block; text-align: center; position: absolute; right: 155px; top: 10px; }
  #topmenu > li { position: relative; color: white;  line-height: 1.5em;  display: inline-block;}
  #topmenu > li { margin-left: 0; }
   #topmenu > li:not(.islast)::after { content: " "; display: inline-block; border-left: 1px solid #cccccb; } /* add a \ after each menu item */
  #topmenu > li.isfirst { margin-left: 0px; } /* we need to set numeric borders to prevent jquery issues for Ie7. See main.xml */
  #topmenu > a.selected {background-color: black;}
 
 /*dropdown menu*/
  
  #topmenu > li:hover > ul {display: block; z-index: 200;}
  #topmenu ul li:hover {background-color: #1a1a1a;}

  
  /* IE Fixes */
  #topmenu > li { margin-left: 20px\0/; }
  _::selection, #topmenu > li { margin-left: 0\0; }
  
  #topmenu > li > a { font-style: normal;}   
  #topmenu > li > a.isfirst { border-left: none; }    
  #topmenu > li > a.islast { } 

   #topmenu a { display: inline-block; color:@@; font-weight: 600; }
   #topmenu a.selected { border-bottom: none; color: #e5e5e5 !important; }
   
   #topmenu a:hover { border-bottom: none; color: #959393; text-decoration: none !important;}

  /* following is to fix the table layout for IE < 8 */
	#topmenu {}
	#topmenu > li {display:inline-block; padding-left: 10px; }
	#topmenu > li > a{ /*height: 48px; line-height:48px; */}
	
	/* menu drop down prep */
	  #topmenu ul {  position: absolute; display: none; 
                       left: 0; margin: 0; padding: 0 !important; 
                       font-family: @submenu-fontfamily@; background-color: #333333; }
	  * html #topmenu ul { line-height: 0;} /* IE6 "fix" */
  		#topmenu ul a { display: inline-block; width: 100%; font-weight: 300; color: #fff;} /* IE6/7 fix */
		#topmenu ul li {height: auto; text-align: left; display: block; 
		 border-left: none; border-right: none; line-height: 1.2em; position: relative; font-weight: 400;}
		#topmenu ul li.isfirst { border-top: solid 0px inherit; }
		#topmenu ul li.hover {background-color: #1a1a1a; }
		#topmenu ul li a:hover { background-color: #1a1a1a;}
		#topmenu ul li.selected {background: #000; }
		#topmenu ul a.selected {background: #000; }  
		                  
		#topmenu ul ul { top: 0;}
	
	/* menu drop down sizing */
	#topmenu ul { width: 230px; left: 0px; text-align: left; top: 44px; font-size: .9em; padding: 5px 10px;}
	#topmenu ul ul { left: 200px; top: 0; }   

	/* menu drop down positioning */
	#topmenu ul > li > a {padding: 15px 30px; }
	  #topmenu ul { top: @dropdown-top@; border: none; }	
	  
	/* drop shadows and central background */
	#topmenu ul {  }
        #topmenu ul { REMbackground-color: inherit; }
		
	/* styles after droppy menu was fixed*/
		
	.bg-menu {text-align: center; REMpadding-bottom: 5px;} 
	.bg-menu li {display: inline-block !important; width: auto !important; list-style: none; margin-left: 0;} 
	.bg-menu li a {color: white; text-transform: uppercase; line-height: 1.2em; font-size: 1.2em;} 
	.bg-menu li a:hover, .bg-menu li:hover {color: white !important; background: @color-primary-1-darkest@ ; } 
	.dropdown-menu {position: absolute !important; border-radius: 0 !important; margin: 0 !important; padding: 0 !important; background-color: #333333 !important; color: white !important; font-weight: 400; border-top: 0 !important;}  
	.dropdown-toggle {display: none !important;}
	
	.dropdown {height: auto;}
	.bg-menu > .x-cell > li:hover > ul {display: block;}
	.bg-menu li li {display: block !important;}
	
	.bg-menu .dropdown-toggle-split {display: none;}
		
/* Bottom Menu */

#bottom-menu {text-align: center; list-style-type: none; font-size: 1em; width: 1200px; max-width: 100%; margin: auto;}
#bottom-menu ul {list-style-type: none; margin: 0; font-size: .8em;}
#bottom-menu li {margin: 0;}
#bottom-menu > li {display: inline-block; float: left; max-width: 200px; width: 100%; font-weight: 400;}
#bottom-menu > li > a {}
#bottom-menu a {text-decoration: none;}
#bottom-menu ul a {font-weight: 300 !important;}

/*---------------------------------------------*/
/* Stylesheet: Forms  Buttons*/

.button-frame { display: inline-block; border: solid 1px white; border-radius: 8px; padding: 0px 10px; color: white !important; cursor: pointer; }
.button-frame:hover { background: white; color: #2F5326 !important;  }

.button-frame-inverted { display: inline-block; border: solid 1px @color-primary-1-darker@; border-radius: 8px; padding: 0px 10px; color: @color-primary-1-darker@ !important; cursor: pointer; }
.button-frame-inverted:hover { background: @color-primary-1-darker@; color: white !important;  }

.button-frame-large-white{ display: inline-block; background: #fff; border-radius: 8px; font-size: 2em; font-weight: normal; padding: 10px 10px; color: @color-primary-1-darker@ !important; cursor: pointer; }
/*.button-frame-large-white:hover { background: @color-primary-1-darker@; color: white !important;  }*/

/* our own styling */
input[type]:not([type=submit]), select, textarea { 
	font-size: 1em;
	font-family: 'Gotham SSm A','Gotham SSm B', Helvetica, Ariel !important; Border-radius: 0; 
	border: none; padding: 10px; background: #f4f4f4; width: 100%;
}

.round { border-radius: 25px; }

/*CONTACT FORM*/
.contact-form h1 {text-align: center;}
.contact-form p {text-align: center;}

.contact-form form {line-height: 1.5em;}

.form-page {width: 700px; max-width: 100%; margin: 0 auto;}

.form-page input[type].form-control:not([type=submit]){width: 100% !important}
.form-page .form-control {border-radius: 0; background-color: #f4f4f4; border: 0; }

.form-page form td:first-child {}
.form-page table {margin-bottom: 0;}

.cart-payment tr:last-child td:last-child select {display: inline-block; width: 40%;}

/* Paypal Forms */
form[target='paypal'] input[src] {width: auto;}



/* ------------- bootstrap conventions ---------------- */
form[role="form"] { }
/* items with .form-control use 100% of their space */
input[type].form-control:not([type=submit]), .form-control select, select.form-control, .form-control textarea { }
input[type=checkbox] {width: 13px !important;}

.input-group {display: block;} /* match the height of all elements inside */

/* 
.btn a {Padding: 10px 40px; background: #5E882E; font-size: 22px; text-transform: uppercase;}
.btn a:hover {Padding: 10px 40px; background: #5E882E;}
*/

.btn, .button, input[type=submit] {border: 1px solid white !important; font-weight: 600; padding: 10px 20px !important;
	font-family: 'Gotham SSm A','Gotham SSm B', Helvetica, Ariel; text-transform: uppercase;
	background: #002548!important; color: #fff !important; border-radius: 7px !important; display: inline-block; text-decoration: none !important; transition: .3s; cursor: pointer; line-height: 1.5em; font-size: 1rem !important; text-align: center; line-height: 1.4em; font-weight: 400 !important;} 
.btn:hover, .button:hover, input[type=submit]:hover { background:  #01172c !important; color: white !important;} 

.btn:focus {border-radius: 30px !important;} 


.btn-large {font-size: 1.2em !important;}

.btn-invert {color: @color-primary-2@ !important; background: #fff;}
.btn-invert:hover {color: #fff !important; background: #002548; }



.btn-lg {font-size: 1.1em !important; padding: 20px 35px !important;}
.btn-sm {font-size: .8em !important; padding: 10px 20px !important;}
.btn-xs {font-size: .7em !important; padding: 5px 10px !important;}
.btn-case {text-transform: capitalize;}
.btn-normal {text-transform: none;}

.btn-left {justify-content: left !important; width: 100%;}

.btn-upp { text-transform: uppercase; }
.btn-learn-more {  }
.btn-default {}
.btn-primary {}
.btn-success {}
.btn-info {}
.btn-warning {}
.btn-danger {}
.btn-link { }

.tab-btn {position: fixed; bottom: 480; top: 330px; right: -80px; left: auto; margin: auto 0; z-index: 999; font-weight: 600; transform: rotate(-90deg);  padding: 10px 25px 40px 25px !important; font-size: 1.1em !important;}

.tab-btn a {color: white !important;}

/*--------------- LEGACY -------------------*/
/* system forms */
.ui-form-table { width: 100%; /*margin-left: auto; margin-right: auto;*/ }
.ui-form-cell-input { padding-bottom: 10px; }
.ui-form-cell-input textarea { width: 100%; height: 210px; line-height: 1.5em;}
.ui-label {color: #333333; font-family: 'Gotham SSm A','Gotham SSm B', Helvetica, Ariel; font-size: 16px; padding: 0 ;  font-weight: 400; -webkit-font-smoothing: antialiased;}

.ui-label-new-users p, .ui-label-existing-users p { font-weight: 700;}

/*
.ui-form-cell-submit input { width: 150px; height:25px; background: url('/pub/photo/arrow_right_white.png')  no-repeat; background-position: right 40px center;   font-family: 'Gotham SSm A','Gotham SSm B', Helvetica, Ariel; font-weight:bold; text-transform: uppercase; Background-color: #e9a83a; Border-radius: 2px; border: .1px solid #000; color: #ffffff;} 
.ui-form-cell-submit input:hover { background-color: #f9c46a !important; } 
*/
/*.ui-form-label { color: #333333 !important; font-family : 'Gotham SSm A','Gotham SSm B', Helvetica, Ariel; font-size:16.5px;}*/

/* buttons */

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

.home-slideshow {width: 100% !important; min-height: 450px;}
.home-slideshow .slideshow { margin-left: auto; margin-right: auto; width: 100% !important;}
.home-slideshow .slideshow > div { }
.home-slideshow .slideshow > div > img {object-fit: cover; min-height: 332px;}

.background-category-slideshow-container {height: 450px !important;}
.background-category-slideshow {display: block;}
.background-category-slideshow ~ .background-category-slideshow {display: none;}

.home-slideshow.background-slideshow {max-width: 100%;}

.home-slideshow .background-slideshow, .article-body .background-slideshow {max-height: 450px;}
.home-slideshow .background-slideshow .ui-photo-list {display: none;} 
.home-slideshow .background-slideshow .slideshow-container, .article-body .background-slideshow .slideshow-container {display: none;}
.home-slideshow .background-slideshow .slideshow-container:first-child, .article-body .background-slideshow .slideshow-container:first-child {display: block;}
.home-slideshow .slideshow-container, .article-body .slideshow-container {width: 100% !important; min-height: 450px;}
.home-slideshow .slideshow-background, .article-body .slideshow-background {min-height: 450px; width: 100%;}

.home-slideshow.small-banner .background-slideshow {width: 100% !important; min-height: 269px; }
.home-slideshow.small-banner .slideshow-background {min-height: 269px; width: 100%;}

.home.copy-inner h1, .home.copy-inner h6 {color: white;}
.home.copy-inner h1  {line-height: 1.2em; font-size: 2.2em; margin-bottom: 15px;}
.home.copy-inner span  {color: white;}


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

/* captions */
.photo-list .caption { position: absolute;top: 154px;left: 0;right: 0;color: #fff;text-shadow: 0px 0px 10px rgba(0,0,0,.2);display: block; width: 800px; padding: 5px;font-size: 4.8em;text-align: center;margin: 0 auto 0;font-weight: 300;line-height: 1.44em;}

/* pager */
.custompager-container {text-align: center; REMposition: absolute; z-index: 10; left: 0; right: 0; padding-top: 20px;}
.custompager { text-align: center; background: @color-primary-2@; padding: 8px 10px 5px; border-top-left-radius: 10px; border-top-right-radius: 10px; display: inline-block; }
.custompager img { display: none; }
.custompager a { display: inline-block; background: #2F5326; opacity: .5; border-radius: 50%; width: 16px; height:  16px; margin-right: 6px; }
.custompager a:last-child { margin-right: 0;}
.custompager a.activeSlide { opacity: 1; }

/*photo-gallery pager*/
.photo-gallery .custompager a { display: inline-block; margin-right: 20px; margin-bottom: 20px; opacity: 1; width: 90px; height: 90px;}

.photo-gallery .custompager .activeSlide { width: 90px; height: 90px;opacity: .3; border-radius: 0; background: none;}
.photo-gallery .custompager img { display: inline-block; width: 90px; height: 90px; object-fit: cover; } 


.photo-gallery .slideshow-background {background-size: contain !important;}

/* Home Pager */
.image-pager + .custompager { text-align: center; position: absolute; bottom: -40px; left: 0; right: 0; z-index: 10; }
.image-pager + .custompager img { display: block; height: 73px; width: 178px;}
.image-pager + .custompager a { display: inline-block; background: none; border-radius: 100%; width: auto; height:  auto; margin-right: 16px;}
.image-pager + .custompager a.activeSlide { background: none; }

/* Home Pager */
.use-pager + .custompager { text-align: center; position: absolute; bottom: 20px; left: 0; right: 0; z-index: 10; }
.use-pager + .custompager img { }
.use-pager + .custompager a { }
.use-pager + .custompager a.activeSlide {  }

/* images */
.thumb, .ui-photo-list-item {}
.thumb, .ui-photo-list-item { margin-bottom: 10px;}
.thumb img,.ui-photo-list-item img{border: solid 1px red; background-color: #ffffff; padding: 8px; border: 1px solid #e4e4e4;}

div[panelType] { position: relative; height: auto !important; }
div[panelType] img { display: block; width: auto !important; }
 .caption { padding: 5px 10px 5px 25px; color: white; line-height: 18px; background: rgba(0,0,0,.3); position: absolute; bottom: 0;
	margin-left: auto; margin-right: auto; left: 0; right: 0;
	width: 100%; max-width: 960px; font-size: .6em; font-family: 'Gotham SSm A','Gotham SSm B', Helvetica, Ariel; }
.bg-slideshow .caption { padding: 0 10px !important; background: none !important; }
.bg-slideshow .caption-inner { padding: 5px 15px; background: rgba(0,0,0,.3); width: auto; display: inline-block;}

.bottom-slideshow .caption{  font-size: 1em; background: rgba(0,0,0,.6); position: relative; top: 0px; bottom: auto;}
.bottom-slideshow > .slideshow > div {  box-sizing: content-box;}
.bottom-slideshow  { margin-bottom: 15px; padding-top: 0px; }

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

.img-responsive { max-width: 100%; height: auto; }
.img-responsive img { max-width: 100%; height: auto; }
.img-center { text-align: center; } 
.img-rounded, .img-rounded img { border-radius: 4px; }
.img-circle, .img-circle img { border-radius: 50%; overflow: hidden; }
.circle-shadow, .circle-shadow img { box-shadow: 5px 5px #c8cccd; }
.img-thumbnail, .img-thumbnail img { border-radius: 2px; background: white; padding: 4px; box-shadow: 0 0 1px rgba(0,0,0,.2);}
.img-placeholder { border: solid 1px #8C8E8C; display: block;}
/* large screens */
@media screen and (min-width:768px) {
	.mobile-hide {display:none;}
	#mobilemenu-drop { display: none; }
	.responsive-left { float: left; margin-right: 10px; margin-bottom: 10px;}
	.responsive-right { float: right; margin-left: 10px; margin-bottom: 10px;}	
	.responsive-lg {}
	.responsive-sm {display: none;}
	
}

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

	
	
}

@media screen and (max-width: 1320px) {
	.tab-button {display: none;} 

	
}

/* mobile screens */

@media screen and (max-width: 1280px) {
	.bg-header img {margin-left: 40px;}
	.search-social {right: 8px;}
	.header-search, .bg-header #ui-member-login-form, .bg-header #ui-form-logout-container {right: 35px;}
	.contact-icons {margin-right: 40px;}  
	
	#toptitle {left: 196px;}
}

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

	#toptitle {display: none;}
	.bg-footer .footer-search {width: 200px;}
	.bg-footer .btn {margin-bottom: 10px;}
	.bg-footer .search-social {top: 154px;}
	
}

@media screen and (max-width:1100px) {
	.bg-header img {margin-left: 40px;}   
}




@media screen and (max-width:1095px) {
	
	.search-social {right: 7px;}
	.directory-search {width: 280px;}

}


	
@media screen and (max-width:1040px) {
	#topmenu > li > a {padding: 10px 0;}
	#topmenu {}
	#topmenu ul {top: 39px;}

}

@media screen and (max-width:1020px) {
	.contact-container.mb-5 {margin-bottom: 0!important; font-size: .8rem;}
}

@media screen and (max-width:990px) { 
	
	  	.article-copy.pl-5{ padding-left: 0 !important; border-bottom: 2px solid @color-primary-1-darker@; }
	  	.photo-gallery .article-copy.pl-5{border-bottom: 0; }
		
		/*footer - stack*/
		.bg-footer {padding: 30px 30px 0 30px !important;}
		.bg-footer #ui-member-login-form, .bg-footer #ui-form-logout-container {position: static; display: block; padding-top: 0;}
		.bg-footer #topmenu {position: static; display: block; text-align: left;}
		.bg-footer #topmenu a {}
		.footer-logo {position: static; display: block; margin-bottom: 10px !important;}
		.bottom-text div {padding-top: 0 !important;}
		#topmenu > li{padding-left: 0 !important;}
		
}
	
@media screen and (max-width:991px) { 
	.sidebar {float: none; position: relative; margin: 0 auto;}
	.sidebar-item {width: 100%; }  
	.sidebar-item img {max-width: 280px !important;}
	
		.bg-footer .footer-search {left: 30px}
	.bg-footer .search-social {left: 30px; text-align: left; top: 123px;}
	.bg-footer .search-social p {}
	.bg-footer #ui-member-login-form {left: 30px; text-align: left;}
	.bg-footer #ui-form-logout-container {left: 30px; text-align: left;}


}

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

}

@media screen and (max-width:930px) { 
.bg-header img#toplogo {width: 255px; left: 35px; top: 6px;}
}


/*change to mobile header*/
@media screen and (max-width:840px) {
	.bg-menu li {display: none !important;}
	.bg-menu {padding-bottom: 0;}
	.bg-header {border-top: 0; height: 102px;}
	.bg-header img#toplogo {top: 0; left: 40px; }

	#toplogo { left: 27px; top: -29px; position: absolute; z-index: 200; margin: 0; width: 107px;}
	_:-webkit-full-screen:not(:root:root), #toplogo { height: 107px; } 
	.layout-col-left.pr-5 {padding-right: 15px !important;}
	
	.responsive-lg {display: none !important;}
		
	
	.container.bg-header {height: 107px;}

	.menu-toggle .fa-bars {font-size: 25px;}
	
	.bg-header #ui-member-login-form, .bg-header #ui-form-logout-container {top: 10px; z-index: 2;}
	.bg-header #ui-member-login-form, .bg-header #ui-form-logout-container {position: absolute; right: 50px;}
	
	.search-social {display: none;}
	.header-search {display: none;}
	
	.bg-header .login-box, .bg-header .logout-box { top: 0;}
	
	/* Slider Menu */  
	#topmenu{display: none; padding: 0;}
	.bg-header .topmenu-mobile, .bg-menu .topmenu-mobile {/*display: none;*/ padding-right: 0; text-align: left; text-transform: uppercase; letter-spacing: 0; font-weight: 400; font-family: 'Gotham SSm A','Gotham SSm B', Helvetica, Ariel; font-size: 16px; margin-bottom: 0; position: relative; top: 73px; padding-top: 0px; width: 100%; z-index: 100; background-color: white; }
	.bg-menu .topmenu-mobile li:first-child {background: @color-primary-1-darker@;}
	.bg-header .topmenu-mobile li, .bg-menu .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; border-top: 1px solid #E4E7EB;}
	.bg-header .topmenu-mobile li.isfirt, .bg-menu .topmenu-mobile li.isfirst {background-color: @color-primary-1-darker@;}
	.bg-header .topmenu-mobile li ul, .bg-menu .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, .bg-menu .topmenu-mobile li ul li {}
	.bg-header .topmenu-mobile li li a, .bg-menu .topmenu-mobile li li a {padding-left: 35px; background-color: #333333}
	.bg-header .topmenu-mobile li li li a, .bg-menu .topmenu-mobile li li li a {padding-left: 55px;}
	.bg-header .topmenu-mobile li a, .bg-menu .topmenu-mobile li a {color: #333333 !important; display: block; padding: 0 15px 0 18px; padding-left: 40px; }
	.bg-header .topmenu-mobile li a {border-bottom: 1px solid @color-primary-1-darkest@;}
	.bg-header .topmenu-mobile > li:first-child > a {border-top: 1px solid @color-primary-1-darkest@;}
	.bg-header .topmenu-mobile li a:last-child {border-bottom: none;}
	.bg-header.inside .topmenu-mobile li a, .bg-menu.inside .topmenu-mobile li a {color: #fff !important;}
	.bg-header .topmenu-mobile li a:hover, .bg-menu .topmenu-mobile li a:hover {color: white !important; background-color: @color-primary-1-darkest@}
	.bg-header .topmenu-mobile li a.selected, .bg-menu .topmenu-mobile li a.selected {color: #cccccb !important;}
	.bg-header li a:hover {background-color: #5E882E;}
	.bg-header img {margin-left: 0; height: 26px; }
	
	/*.dropdown-toggle span:before {content: "<i class='fas fa-plus'></i>"; }*/ 
	.dropdown-toggle:before {content: "\f067"; font-family: "Font Awesome 5 Free";}
	.dropdown-toggle {font-family: "Font Awesome 5 Free"; background-color: @color-primary-1-darker@;}
	
	li.show .dropdown-toggle:before {content: "\f068";}
	.dropdown-toggle:after {display: none !important;}
	
	.bg-header .topmenu-mobile > li {background: @color-primary-1-darker@;}  
	
	.bg-header .menu-toggle, .bg-menu .menu-toggle {display: block !important; position: absolute; top: 10px; right: 45px; color: #333333;}
	
	.bg-header .menu-expand, .bg-menu .menu-expand, .dropdown-toggle-split {position: absolute; right: 15px; width: 48px; height: 46px; top: 0; text-align: center; cursor: pointer; }
	.bg-header .menu-expand i, .bg-menu .menu-expand i {color: white; line-height: 16px; height: 16px; width: 16px;}
	.bg-header .menu-expand:hover i, .bg-menu .menu-expand:hover i {color: #E4E7EB; }

	.bg-header #ui-member-login-form, .bg-header #ui-form-logout-container {display: none;} 
	 
	.topmenu-mobile li.dropdown {width: 100%; height: auto; padding: 0 15px;}
	.bg-header .dropdown-toggle-split {display: inline-block !important; border-bottom: 0 !important; }
	.bg-header .dropdown-menu.show {display: block;}
	.bg-header .dropdown-menu {float: none; position: static !important; transform: none !important;}
	  
	/* menu is moved into toptext and transformed into dropdown*/

	.search-social-mobile { display: block; width: 100%; position: static; text-align: right; background-color: @color-primary-1-darker@; color: white;}
	.search-social-mobile a {color: white !important;} 
	.contact-icons {padding: 10px 0;}
	.contact-icons p {margin-bottom: 0;}
	.bg-menu {position: absolute; z-index: 10; top: 77px;}
	.bg-header #x-cell > li:hover > ul, .convention-menu #x-cell > li:hover > ul {display: block; z-index: 2000;}
	
  
	
}
	
@media screen and (max-width:768px) {
	.mobile-show {display: block;}
	.mobile-scroll {overflow: auto;}
	.mobile-scroll-container {width: 640px;}
	
	.directory-search {top: 101px; width: 250px;}
	
	img.article-img {float: none; margin: auto; display: block;}  

	.responsive-left { float: none !important; margin-right: 0 !important;}
	.responsive-right { float: none !important; margin-right: 0 !important;}
	
	.responsive-sm {padding: 0 30px;}
	
	.parallax-container > .parallax-inner {background-attachment: scroll}

	/* Reduced header sizes */
	
	.main-home h1, .main-home h2.title {}
	.main-home h1.big, .main-home h2.big { font-size: 1.4em; line-height: 1.25em; }
	.main-home h2.giant { font-size: 1.65em !important; }
	.main-home h2.hero-title { font-size: 2em; margin-bottom: 20px; }
	.main-home h2.arrow-down { font-size: 1.8em !important; }
	.main-home h2 { font-size: 1.75em; }
	.main-home h3 { REMfont-size: 1em; }
	.main-home h3.alt { font-size: .52em !important; }
	
	.home-slideshow h1 { font-size: 1.65em; }
    .home-slideshow h2  { font-size: 1.1em !important; }
	.inner-slideshow .copy-inner .feature h2.title { font-size: 1.8em; }
	.inner-slideshow .copy-inner .feature h1 { font-size: 1.4em; }
	.bg-slideshow p { font-size: 1em; }
	.copy-inner p.subtitle { font-size: 1.2em; }
	
	.btn, .button, input[type=submit] { REMfont-size: 0.6em; }
	.btn-try-free, .btn-less-radius { padding: 10px 20px !important; }
	.anchor { top: -141px; }
	.break-word { word-break: break-all; }
	
	/*.img-placeholder { display: none; }*/
	/*.img-responsive, .img-responsive img  { max-width: 300px; }*/
	img {max-width: 100% !important; height: auto; }
	img.bubble {max-width: 275px !important; height: auto; margin: auto; display: block;}
	
	.template { min-width: 300px; }
	
	.bg-header {text-align: center; border-bottom: none;}
	.bg-header > .x-cell{ height: 100%; }
	.bg-header #ui-member-login-form, .bg-header #ui-form-logout-container {top: -5px;}

	.bg-top-header {display: none !important;}
	.bg-top-header .x-cell {height: 0 !important; }
	.bg-top-header + .x-clear { height: 0 !important; }
	
	.mobile-header-logo {width: 200px; height: auto; position: absolute; top: 7px; left: 10px;}

	.bg-header {height: 75px !important;}
	.bg-header img#toplogo {top: -12px}
	
	#toptext-left, #toptext-right { position: absolute; top: 0;}
	#toptext-right { right: 56px; }
	.rotating-btn .btn, .hours-btn .btn, .tickets-btn .btn {font-size: 14px; padding: 10px; line-height: 16px;}
	
	#topintro { position: static !important;  }
	#toptext {  }
	#top-text {text-align: center; }
	#top-text a {color: #5E882E !important; display: inline-block; margin-right: 10px;}
	#top-text a:hover {color: #2F5326 !important;}
	#topsearch { display: none; }
	
	

	.bg-header .selectcontainer { display: block;  margin-left: auto; margin-right: auto; margin-top: 15px; }
	.bg-header .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-clear, .bg-light, .bg-gray {padding-right: 0!important;padding-left: 0 !important;}
	tr.bg-gray {padding: 0;}
	
	.bg-header .menu-toggle, .bg-menu .menu-toggle {top: -3px;}
	.bg-header .topmenu-mobile, .bg-menu .topmenu-mobile {top: 47px;}
	
	/* Backgrounds */
	
	.photo-overlay {height: 300px; max-height: 100%;}  
	
	.bg-gray-light.arrow-bot, .bg-light.arrow-bot {padding: 80px 20px 20px;}
	.background-category-slideshow-container {height: 550px !important;}
	.bg-slideshow { overflow: visible !important; }
	.home-slideshow  {background: none; min-height: 300px; }
	.home-slideshow .slideshow-background {min-height: 300px; height: auto !important;}
	
	.home.copy-inner h1  {color: #333333; font-size: 1.7em; }
	.home.copy-inner span  {color: #333333;}
	.home.copy-inner p.date {color: #333333;}
	.home-slideshow .copy-inner {padding: 30px 0; position: static;}
	
	.home-slideshow > div {REMmin-height: 0;}
	.home-slideshow .copy-container { display: block; height: auto;}
	.home-slideshow .copy { position: relative !important; display: block; }
	.home-slideshow .copy-inner {max-width: 100%; position: static; padding-bottom: 0;}
	.home-slideshow .copy-text {width: 100% !important;}
	.home-slideshow .copy-inner .hero-title, .home-slideshow .copy-inner .subtitle, .inner-slideshow .copy-inner .hero-title, .inner-slideshow .copy-inner .sub-title, .inner-slideshow .copy-inner .subtitle { text-align: center; }
	.home-slideshow h1, .home-slideshow h2 {text-shadow: none; color: #5E882E;}
	.home-slideshow h2 {color: #333333 !important;}
	.home-section { display: block; }
	.home.copy-inner:before { content: ""; display: none; }
	
	.bg-home-contact .btn { width: auto; }
	
	.home-slideshow .background-slideshow {width: 100% !important; min-height: 250px; height: auto !important;}
	.background-slideshow .slideshow-container {height: auto !important; min-height: 250px;}
	
	.section-header {margin-bottom: 20px !important;}
	.col-md-3.section-box, .col-md-4.section-box {margin-bottom: 30px !important;}
	
	.inner-slideshow { }
	.inner-slideshow .slideshow-background { min-height: 200px; height: auto !important;}
	.inner-slideshow .copy-position { display: block; position: relative !important; width: 100% !important; color: #333333;}
	.inner-slideshow .copy-container { display: block; position: relative !important; width: 100% !important; padding: 0 !important;}
	.inner-slideshow .copy { display: block; position: relative !important; width: 100% !important; padding: 20px 20px 0;}
	.inner-slideshow .copy.copy-bottom { padding: 20px 20px 5px;}
	.inner-slideshow .copy-inner {  width: 100% !important; max-width: 100%; height: auto !important; position: static;}
	.inner-slideshow .copy-container h1 {margin-bottom: 15px;}
	.inner-slideshow h1, .inner-slideshow h2.title {color: #333333 !important;}
	.inner-slideshow h2 {color: #333333 !important;}
	.inner-slideshow p {color: #333333 !important;}
	.inner-slideshow a {color: #5E882E !important;}
	.inner-slideshow a:hover {color: #2F5326 !important;}

	
	iframe {width: 100% !important; height: auto !important;}
	.virtual-tour {height: 300px !important;}
	.left-sm {text-align: left;}
	
	.article-slideshow h1 {display: none;}
	
	video {width: 100%; height: auto;}
	
	.btn {}
	.photo-center {display: block; height: auto;}
	.photo-center img {position: static;}
	
	.feature-body {height: auto !important;}
	
	.left-photo, .right-photo {margin-left: 0; margin-right: 0; float: none;}
	.small-photo {max-width: 200px !important;}
	.left-sm {text-align: left;}
	
	.breadcrumbs li {margin-left: 0;}
	
	.equi-height:not(.special-bg) {height: auto !important;}
	
	.home-hero-copy .copy-text {margin-bottom: 50px;}
	.home-hero #ui-member-login-form {width: 400px; max-width: 100%; margin: 0 auto;} 
	
	
	/* Member Directory */
	
	.directory-col-right {float: none;}
	
	
	/* bg-split */
	
	.bg-split .content { position: static; padding: 0px !important; }
	.bg-split .content .content-inner { padding-right: 20px !important; }
	.bg-split.home-dev-opt .fixed-height.special-bg { height: 302px !important; }
	.bg-split .fixed-height.special-bg { height: 400px !important; }
	
	/* form */
	.form { width: 100%; }
	
	.ui-checkout-shipping {width: 100%;} 
	.ui-checkout-shipping table, .ui-checkout-gift table {width: 100%;} 
	.ui-checkout-shipping td, .ui-checkout-gift td {display: block; clear: both; width: 100%;} 
	table.ui-member-shipping tr:first-child .ui-label {display: table-cell;} 
	
	/* Fixes Account Title Text */
	/* This is pretty hackish and we should find another solution */
	.ui-label-existing-users {display: none !important;}
	.ui-checkout-shipping > tbody > tr:nth-child(2) > td:nth-child(2) > table > tbody > tr:first-child > td.ui-label::before {content: "Current users login below here."; display: block; padding-bottom: 15px; margin-bottom: 15px; font-weight: bold;}
	
	.ui-checkout-gift {width: 100%;}
	table.ui-checkout-gift tr:first-child td {display: inline-block;}
	
	
	/* generic layout review */
	.inner { } /* 1px prevents bottom margin errors on chrome */
	table.elastic, .table {  display: block; } /* bootstrap uses .table too */
	.table { margin-left: auto; margin-right: auto; }
	table.elastic tbody, .table tbody { display: block; width: 100%;}
	table.elastic thead, .table thead { display: block; width: 100%;}
	table.elastic tr, .table tr { display: block; width: 100%;}
	table.elastic td, .table td {  display: block; width: 100%;}
	table.elastic th, .table th {  display: block; width: 100%;}
	.x-block > .x-cell { REMwidth: 100% !important; }
	.x-block > .x-cell-container { REMwidth: 100% !important; }
	.x-block > .x-cell > .inner { width: 100% !important; }
	.x-slice-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;}
	
	.article-body-wide {width: 100%; padding: 10px; box-sizing: border-box;}
	
	/* slideshows */
	/*.slideshow .caption {width: 85%;font-size: 3.2em;top: 45px;line-height: 1.3em;}*/
	.slideshow  {}
	.slideshow > div {height: auto !important;}
	.slideshow > div > img {height: auto !important;width: 100% !important; min-height: 0 !important; min-width: 0 !important;}
	
	/* home 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; }
	.quote-kick { font-size: 0.7em; }
	.quote-text { font-size: 0.85em; }
	.home-slide { width: 100%; }
	.service-box {width: 100% !important;}
	
	.slide-box-container { display: block; width: 100% !important; }
	.slide-box { display: block; }
	.bg-map { background: #8C8E8C !important; }
	
	.article-row { display: block; } 
	.article-row-reverse { display: block; }
	.article-slideshow h1{ position:relative !important; top: 0 !important; text-align: center; }
	.article-copy.pl-5{ padding-left: 0 !important; border-bottom: 2px solid @color-primary-1-darker@; }
	.mobile-ruler {border-bottom: 2px solid @color-primary-1-darker@; }
	.photo-gallery .article-copy.pl-5 {border: none !important; }
	.article-copy .photo-left {display: block; margin: 0 auto; padding: 0; float: none;}  
	.photo-right {float: none !important; padding: 0 !important;} 
	
	.team-table-img {min-height: 300px;}
	
	.bio-grid-unit.col-md-2 {margin-bottom: 20px !important;}
	.bio-grid-item.col-md-3 {position: relative; margin-bottom: 20px !important;}
	.bio-grid-item:hover .bio-grid-photo-1 {display: block;}
	.bio-grid-item .bio-grid-text-box {position: static; display: block; border: none; width: 100%;}
	.bio-grid-item .bio-grid-text-box:after {display: none;}
	.bio-grid-item .bio-grid-photo {display: block; text-align: left;}
	.bio-grid-item .bio-grid-photo > img {max-height: 200px !important;}
	.bio-grid-item .bio-grid-photo:hover {box-shadow: none;}
	
	/* Extensions */
	.contact-box { margin-bottom: 20px; }
	
	/* ODN */
	.odn-body h2.hero-title { font-size: 1.5em; }
	.copy-inner > .odn-title { padding-top: 0; }
	
	.fb_iframe_widget, .fb_iframe_widget span { max-width: 100%; padding-bottom: 20px; }
	.fb-page iframe { height: 500px !important; }

	/* Help & Support */
	.bg-support h2 + p { font-size: 1em !important; }
	.ui-tabs .ui-tabs-nav .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li { float: none !important; }
	
	/* Jobs */
	.jobs-hero h2.hero-title { color: #fff !important; text-align: left !important; }
	
	/* Blog */
	.feature-overlay { border-bottom: 1px solid #5E882E; }
	#topmenurecall.news-menu.new { text-align: center !important; }
	ul.new.news-menu li { display: block !important; width: 60% !important; margin: auto !important; }
	
	.cms-ad {max-width: 300px; margin: auto;}
	
	/*-------------- Product Page ----------------*/
	
	.product-table thead {display: none;}
	.product-table td {border-left: 0 !important; border-right: 0 !important; border-bottom: 1px solid #707070 !important;}
	.product-table tr:last-child td:last-child {border-bottom: 0 !important;}
		
	.extensions-table { padding: 0; padding-top: 20px; margin-bottom: 20px;}
	.extension-box {display: block; width: 100%; border: 0 !important; padding: 0 !important; margin-bottom: 25px;}

	/*-------------- Server Pages ----------------*/
	
	.server-box {width: 100%; float: none !important; margin-bottom: 20px !important;}
	.server-box.mid {margin-bottom: 20px !important;}
	.server-box + .clearfix {height: 0;}
	
	/*-------------- Services Page ----------------*/
	
	.services-table th {padding: 20px;}
	.services-table th h2 {margin-bottom: 0 !important;}
	.services-table td h3 {margin-bottom: 0;}
	
	/*-------------- Capabilities Page ----------------*/
	
	.photo-container {text-align: center; width: 100%;}
	.content-container {width: 100%; max-width: 100%; padding: 0;}
	
	/*-------------- Industries Page ----------------*/
	
	.industrial-block {width: 100%; float: none; margin-bottom: 20px;}
	.industrial-block + .clearfix {height: 0;}
	
	.industries-table td {padding-right: 0px;}
	
	/*-------------- About Page ----------------*/
	
	.summary-box {padding: 0;}
	
	/*-------------- Open Source Page ----------------*/
	
	.open-source-box.col-md-4 {margin-bottom: 20px !important;}
	.open-source-box + .clearfix {height: 0;}
	
	/*-------------- Job Listings ----------------*/
	
	.form-container.table {}
	.form-container.table .ui-form-label {margin-bottom: 10px;}
	
	/*-------------- News Menu ----------------*/
	
	.news-menu {width: 100%;}
	
	/* ------ Blog ------- */
	
	.inner-slideshow .feature-overlay { background: transparent; }
	.inner-slideshow .copy-inner .feature { width: 100%; }
	.inner-slideshow .copy-inner .feature strong { color: #8C8E8C !important; }
	
	.news-menu-container { margin-bottom: 20px; }
	
	.blog-posts .category-item-outer { margin-bottom: 20px !important; }
	
	/*-------------- News Search ----------------*/
	
	.news-search {width: 100%;}
	
	.post-pager {display: block;}
	.post-pager .category-pager {display: block;}
	.post-pager .category-pager p {text-align: center;}
	.btn-category {float: none !important; width: 100% !important; max-width: 100%;}
	.post-pager .category-pager.left .btn-category {text-align: left;}
	
	/*-------------- Events Page ----------------*/
	
	.event-box.col-md-4 {margin-bottom: 20px !important;}
	
	.event-header {margin-bottom: 20px;}
	.event-photo.col-md-4 {margin-bottom: 20px !important;}
	
	.anchor a {top: -142px;}
	
	/*-------------- Trial Download Page ----------------*/
	
	.form-control {width: 100%;}
	.form-control input[type]:not([type=submit]), .form-control select, .form-control textarea {width: 95% !important;}
	
	/*-------------- Contact Page ----------------*/
	
	
	/* form */
	.ui-form-table { width: 100%;}
	.ui-form-cell-input { width: 100%; }
	.ui-form-cell-input textarea { width: 100%; }
	input[type].form-control:not([type=submit]), .form-control select, .form-control textarea { width: 100%;}
	
	/* Accordion Sidebar */
	
	.accordion-header h3 a {width: 100%;}
	.dropdown{display: none;}
	
	/*-------------- Box Overflow ----------------*/

	.overflow-bot {margin-bottom: 0; position: relative; z-index: 10;}
	.top-offset {border-top: 0;}
	
	.popup .popup-inner {overflow: scroll; }
	
	.email-popup .popup-inner { overflow: hidden; height: 250px; padding-left: 15px; padding-right: 15px; }
	.email-popup .popup-close { top: 6px; right: 8px; }
	
	/*-------------- Esri Page ----------------*/
	
	.inner-slideshow .copy-position.position-sm { position: absolute !important; }
	.inner-slideshow .position-sm .copy-container { display: table;}
	.inner-slideshow .position-sm .copy { display: table-cell; }
	.inner-slideshow .position-sm .copy-inner {  }
	
	.inner-slideshow .position-sm img {width: 250px !important; max-width: 100%;}
	.inner-slideshow .position-sm table {display: block;}
	.inner-slideshow .position-sm tbody {display: block;}
	.inner-slideshow .position-sm tr {display: block;}
	.inner-slideshow .position-sm td {display: inline-block; width: 49%;}
	
	.center-sm {text-align: center;}


	
	/* home */ 
	.copy-inner .blue-outer { margin-bottom: 50px; }
	
	/* Bottom Menu */
	
	#bottom-menu {text-align: left;}
	#bottom-menu > li {float: none; display: block; margin-bottom: 10px;}
	
	/* footer */
	.bg-footer { /*padding: 50px 0 !important; */}
	.bg-footer .x-cell {  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: center !important; }
	.footer-text { margin-left: 10px; } 
	#footer-logo {margin-bottom: 20px !important; margin-top: 30px; }
	
	.bg-footer .footer-search {left: 30px width: 280px;}
	.bg-footer .search-social {left: 30px}
	.bg-footer .search-social p {}
	.bg-footer #ui-member-login-form, .bg-header #ui-form-logout-container {right: 50px;}
	.footer-box{padding-left: 30px!important;}  
	
	/*-------------- Cookie Bar Popup --------------*/

	.cookie-bar-container {padding: 20px; bottom: -177px;}
	.cookie-bar-container.active {bottom: 0px;}
	.cookie-bar-container.active + .x-clear {height: 177px;}
	.cookie-bar-container .cookie-bar-inner .cookie-close {width: 20px; height: 20px;}

	@supports (-webkit-overflow-scrolling: touch) {
		.parallax-container {background-attachment: scroll !important;}  
	}
}



@media screen and (max-width:720px) {
		.popup.vm-popup {width: 100%;}
}

@media screen and (max-width:675px) {
		.tab {width: 100%;}
		.container-fluid.layout {margin-top: 80px;}
		.bg-header {height: 75px !important;}
}



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

	.email-popup .popup-inner { height: 275px; }

	/* Reduced header sizes */
	
	.main-home h1, .main-home h2.title { font-size: 2em; }
	.main-home h1 { font-size: 2.1em; }
	.category-header h1 { font-size: 2.1em; }
	.main-home h1.big, .main-home h2.big { font-size: 1.4em; line-height: 1.25em; }
	.main-home h2 { font-size: 1.7em; }
	.main-home h3 { REMfont-size: 1em; }
	.main-home h3.alt { font-size: .52em !important; }
	 
	.home-slideshow h1 { font-size: 1.65em; }
    .home-slideshow h2  { font-size: 1.1em !important; }
	
	.btn, .button, input[type=submit] { REMfont-size: 0.6em; }
	.bg-footer h1 {font-size: 1.7em;}
	.back-to-top {bottom: 30px; right: 30px;}
	.oktoberfest .parallax-container > .parallax-inner {padding: 160px 0;}
	
	.kicker {display: none;}
	.sidebar {float: none; }

	.convention li.nav-item {display: block;}

}

@media screen and (max-width:670px) {
	.directory-search {width: 100%; right: 0;}
	#template-input-LDirectorySearchResult0 article h5 {padding-top: 60px; margin-bottom: 5px;}
}


/*reduce margins here*/

@media screen and (max-width:640px) {
	.container-fluid {/*padding-right: 15px !important; padding-left: 15px !important;*/}
	.reset-box input[type]:not([type=submit]) {width: 100%;}
	
	table td {width: 100%; }
	table.cart-items  td {display: table-cell; width: auto;}
	.login-box table td {display: table-cell;}
	table .ui-label {padding-bottom: 10px;}  
	
	
}


@media screen and (max-width:592px) { 
	.sidebar-item {float: none;}
	td.ui-label {width: 100%;}
	.bg-clear.store-pages {padding-bottom: 50px!important;}
	
	.photo-gallery .slideshow-container {height: 230px; max-height: 100%; width: auto; max-width: 100%;} 
	
}

@media screen and (max-width:576px) { 
	.container.bg-header {max-width: 100%!important;}
	
	.category-photo img {margin-bottom: 20px !important;} 
	
	.accordion-header td, .accordion {padding: 0 !important;}
}

@media screen and (max-width:560px) { 
	.directory-search {top: 123px;}
	.listing-basic {padding: 30px 0 20px 0;}
	.bg-header .menu-toggle {right: 30px; cursor: pointer;}
	.bg-header .menu-expand i:hover {color: #cccccb;}

	.photo-gallery .slideshow-background {height: 230px !important;}
	.photo-gallery .article-body .slideshow-background {height: 230px !important; max-height: 230px !important;}
	.photo-gallery .background-slideshow {min-height: 240px !important;}
	.photo-gallery .custompager img {width: 85px !important; height: 85px !important; }
	.photo-gallery .custompager a {width: 85px !important; height: 85px !important; margin-right: 10px !important; margin-bottom: 10px !important;}
	.store-pages a.btn {display: block; width: 100%;}
	.store-pages a.btn-checkout {margin: 0 0 20px 0;}
	
	.event-menu a {display: block;} 

.home-slideshow .slideshow-background, .article-body .slideshow-background {min-height: 230px;}	
}

@media screen and (max-width:410px) {
	.anchor { top: -166px; }
	.account-required {padding: 20px!important;}
	.btn.btn-checkout {float: none!important; margin-bottom: 20px;} 

	.article-copy h1 {font-size: 1.7em;}
	.article-copy .artilce-summary p {font-size: 1em;}
	
	.home-slideshow .slideshow-background {min-height: 230px;}
	.photo-gallery .slideshow-background {min-height: 230px;}
	.photo-overlay {height: 230px;}
	
	.dyk-container .copy-text {padding: 30px;}
	.dyk-container .copy-text p {font-size: 1em;}
	.dyk-source {padding: 0 20px 20px 20px;}
	.dyk-source small {font-size: 60%;}
	
	.category-photo img {height: 200px;}
	.cms-ad {max-width: 100%;}
	.top-leaderboard .cms-ad {width: 100%;}
		#toplogo { width: 87px;}
	_:-webkit-full-screen:not(:root:root), #toplogo { height: 87px; } 
}

@media screen and (max-width:330px) {
	#toplogo {width: 97px}
	.contact-icons .fab, .contact-icons .fas {margin-right: 7px;} 
	.contact-icons {padding: 6px 0;} 
}

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

.x-slice {  position: relative; } /* use in articles wrapped by a bg-full */
.x-slice > .x-slice-inner { width: 1210px; margin: 0 auto;padding: 20px 0px; }
@media screen and (max-width:768px) {
	.x-slice > .x-slice-inner { padding: 20px !important; }
}

/*------------ themed slices ----------------*/

.bg-gray { background: #8C8E8C; } 
.bg-gray-dark {background: #595959;  } 
.bg-gray-darker {background: #1a1a1a; color: #fff;} 
.bg-gray-darker p, .bg-gray-darker a {color: #fff;} 

.bg-primary-1-lighter { background: #CFDCA3; color: white; } 
.bg-primary-1-light {background: #A5C86C; color: white; } 
.bg-primary-1 {background: #5E882E; color: white; } 
.bg-primary-1-dark {background: #2F5326; color: white; } 
 .bg-primary-1-dark h1, .bg-primary-1-dark h2, .bg-primary-1-dark h3, .bg-primary-1-dark h4 { color: white;} 
.bg-primary-1-dark2 {background: @color-primary-1-dark2@; color: white; } 
 .bg-primary-1-dark2 h1, .bg-primary-1-dark2 h2, .bg-primary-1-dark2 h3, .bg-primary-1-dark2 h4 { color: white;} 
.bg-primary-1-darker {background: @color-primary-1-darker@; color: white; } 
 .bg-primary-1-darker h1, .bg-primary-1-darker h2, .bg-primary-1-darker h3, .bg-primary-1-darker h4 { color: white; } 
.bg-primary-2 {background: @color-primary-2@; color: white; } 
.bg-secondary-1 {background: #002548; color: white; } 
 .bg-secondary-1 a { color: white !important; }
 .bg-secondary-1 h1, .bg-secondary-1 h2, .bg-secondary-1 h3, .bg-secondary-1 h4 { color: white; } 
.fg-secondary-1 { color: #002548; } /* FOREGROUND THEME */
 .fg-secondary-1 a { color: #002548 !important; }
.bg-secondary-2 {background: @color-secondary-2@; color: white; } 
 .bg-secondary-2 h1, .bg-secondary-2 h2, .bg-secondary-2 h3, .bg-secondary-2 h4 { color: white; } 
.bg-secondary-2-light {background: @color-secondary-2-light@; color: white; } 
 .bg-secondary-2-light h1, .bg-secondary-2-light h2, .bg-secondary-2-light h3, .bg-secondary-2-light h4 { color: white; } 
.bg-secondary-3 {background: @color-secondary-3@; color: white; } 
.bg-secondary-4 {background: @color-secondary-4@; color: white;} 

.darker-text { color: @color-primary-1-darker@ !important; }

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

/* home text */

.dash-wrap { display: block; font-family: 'Gotham SSm A','Gotham SSm B', Helvetica, Ariel; letter-spacing: .2em;}
.dash-wrap::before {  display: inline-block;content: "-"; transform:scale(12,1); margin-right: 40px; letter-spacing: 0;}
.dash-wrap::after {  display: inline-block;content: "-"; transform:scale(12,1);margin-left: 40px; letter-spacing: 0;}
/*.ruler { border-bottom: solid 1px #8C8E8C; height: 1px; overflow: hidden; margin-bottom: 20px;}*/
.ruler { border-bottom: solid 2px @color-primary-1-darker@; overflow: hidden; margin-bottom: 15px; clear: both; height: 0;}
.ruler-small { border-bottom: solid 2px @color-primary-1-darker@; overflow: hidden; margin-bottom: 7px; clear: both;}
.ruler-light { border-bottom: solid 2px #e5e5e5;}
.ruler-dark { border-bottom: solid 1px #8C8E8C; height: 1px; overflow: hidden; margin-bottom: 20px;}
.ruler-darker { border-bottom: solid 1px black; height: 1px; overflow: hidden; margin-bottom: 20px;}

.highlight {background: yellow;}

.font-serif { font-family: 'Gotham SSm A','Gotham SSm B', Helvetica, Ariel; }
.font-sans { font-family: 'Gotham SSm A','Gotham SSm B', Helvetica, Ariel; }

.quote-large { font-size: 1.5em; font-weight: bold;line-height: 1.2em !important;}
.quote-large-center { font-size: 1.5em; font-weight: bold; text-align: center; line-height: 1.2em !important;}

/* paragraph styles */
.intro { font-style: italic; color: #595959; font-size: 1.2em;}
.intro-big-letter { font-style: italic; color: #595959; font-size: 1.2em;}
.intro-big-letter::first-letter { font-size: 3em; color: white; background: #8C8E8C; display: block; float: left; margin: 10px; margin-left: 0; padding: 20px; font-style: normal; }
.intro-big-letter::after {  content: " "; visibility: hidden; display: block; height: 0; clear: both;} /* clearfix because of big letter */

.paragraph-cta { color: #5E882E; font-weight: bold; padding:14px 0;}
.paragraph-fineprint { font-size: .5em; font-family: 'Gotham SSm A','Gotham SSm B', Helvetica, Ariel; font-weight: bold;}
.paragraph-small { font-size: .8em; line-height: 24px; color: #1a1a1a;}
.paragraph-small-alt { font-size: .5em; font-family: 'Gotham SSm A','Gotham SSm B', Helvetica, Ariel; font-weight: bold; line-height: 16px; color: #1a1a1a;}
.paragraph-large { font-size: 1.2em; line-height: 32px; color: #595959;}

.script {font-family: 'Courier New', serif;}

/* callouts - rest of the styling is in Callout.css.*/
.callout-quote { }
.callout-gray{}
.service-box {}
.full-blue-bar {background: #1a1a1a; color: white; text-align:center; font-weight: bold; padding: 20px 10px; }
.full-orange-bar {background: #002548; text-align:center; font-weight: bold; padding: 10px; }

/* images */
.has-caption {}

.button-cta {color: white !important; font-family: 'Gotham SSm A','Gotham SSm B', Helvetica, Ariel !important; font-size: 14px !important; font-weight: bold; text-transform: Uppercase; 
	background: #5E882E; border-radius: 2px; min-width: 150px; padding: 10px 20px !important;}
.button-cta:hover {  background: #CFDCA3;}

/* iconography */
.icon-adoption { display: inline-block; width: 64px; height: 64px; background: url(/pub/photo/icon-adoption-pink.png) no-repeat top center; }
.icon-behavior { display: inline-block; width: 64px; height: 64px; background: url(/pub/photo/icon-behavior-pink.png) no-repeat top center; }
.icon-consulting { display: inline-block; width: 64px; height: 64px; background: url(/pub/photo/icon-consulting-pink.png) no-repeat top center; }
.icon-contact { display: inline-block; width: 64px; height: 64px; background: url(/pub/photo/icon-contact-pink.png) no-repeat top center; }
.icon-night { display: inline-block; width: 64px; height: 64px; background: url(/pub/photo/icon-night-pink.png) no-repeat top center; }
.icon-sunshine { display: inline-block; width: 64px; height: 64px; background: url(/pub/photo/icon-sunshine-pink.png) no-repeat top center; }
.icon-adoption:hover { opacity: 1;}
.icon-behavior:hover { opacity: 1;}
.icon-consulting:hover { opacity: 1;}
.icon-contact:hover { opacity: 1;}
.icon-night:hover {  opacity: 1;}
.icon-sunshine:hover {  opacity: 1;}
.service-box *[class*="icon-"] {  opacity: 1;} /* required for hover effect of icon */
.service-box:hover *[class*="icon-"] {  opacity: 1;} /* required for hover effect of icon */