/* DO NOT CROSS LINK TO THIS FILE  - This stylesheet was generated on Wed, 17 Sep 2025 09:04:58 -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: #6d2527 !important;}
.foundation a:hover {color: #3b72c4 !important;}
.both-sides a:hover {color: #353134 !important;}

/*--------------- reset browser defaults--------------- */
.main-home { color: #333333; font-family: 'Source Sans Pro', sans-serif; font-size: 17px; padding: 0 ; 
           background: white; font-weight: 400; -webkit-font-smoothing: antialiased;}
.main-home a { color: #993333; text-decoration: none; font-weight: 600; }
.foundation.main-home a { color: #2f5b9d; }
.both-sides.main-home a { color: #60595f; }
.main-home a:hover { color:  #6d2527;/*text-decoration: underline; */}
.foundation.main-home a:hover { color: #1d3962;}
.both-sides.main-home .nav-item a:hover, .both-sides.main-home .btn a:hover, .both-sides.main-home a.btn:hover  { color: #fff !important;}
.main-home strong,.main-home b  {font-weight: 600;}
.main-home h1, .main-home h2.title { font-size: 2.4em; color: #333333; font-family: 'Source Sans Pro', sans-serif !important; font-weight: 600; 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: #640d0d;  }
.foundation.main-home h1 a:hover, .foundation.main-home h2.title a:hover { color: #3b72c4;  }
.both-sides.main-home h1 a:hover, .both-sides.main-home h2.title a:hover { color: #353134;  }
.main-home h2 { font-size: 40px; color: #333333; font-family: 'Source Sans Pro', sans-serif; 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: 'Source Sans Pro', sans-serif; font-weight: 500; 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: 'Source Sans Pro', sans-serif !important; color: #6d2527; font-weight: bold; margin-bottom: 15px; text-transform: none;}
.foundation.main-home h3.alt { color: #1d3962;}
.both-sides.main-home h3.alt { color: #50494f;}
.main-home h4 { font-size: 1.5em; color: inherit; font-family: 'Source Sans Pro', sans-serif; font-weight: 600; 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: #993333; text-decoration: none !important; }
.foundation.main-home h5 a { color: #2f5b9d; }
.both-sides.main-home h5 a { color: #60595f; }
.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: #640d0d !important; }
.foundation .dark { color: #172d4f !important; }
.both-sides .dark { color: #353134 !important; }
.red { color: #eb2035 !important; }
.serif { font-family: 'Source Sans Pro', sans-serif !important; }
.sans { font-family: 'Source Sans Pro', sans-serif !important; }
.larger { font-size: 1.5em;}
.double { font-size: 2em;}
.date { font-family: 'Source Sans Pro', sans-serif; /*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: 'Source Sans Pro', sans-serif; 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: 'Source Sans Pro', sans-serif; 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: #993333 !important;text-decoration: none !important;}
 .foundation .readmore a:hover, .foundation .readmore:hover { color: #24477a !important;}
 .both-sides .readmore a:hover, .both-sides .readmore:hover { color: #60595f !important;}
/*.readmore:hover, .readmore-small:hover {background-color: #85ab7f;}*/
::-webkit-input-placeholder,:-moz-placeholder , ::-moz-placeholder, :-ms-input-placeholder {  color: #cccccb !important; font-family: 'Source Sans Pro', sans-serif; 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*/

/* ------------ Add CSS to disallow users selecting/copying content --------- */
body {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}


.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: 1200px; max-width: 100%; }
.x-block > .x-cell-container { margin: 0 auto; width: 1200px; 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: #993333;}
.foundation .fa-arrow-circle-right {color: #2f5b9d;}
.both-sides .fa-arrow-circle-right {color: #60595f;}
.fa-arrow-circle-right:hover {color: #640d0d;}
.foundation .fa-arrow-circle-right:hover {color: #3b72c4;}
.both-sides .fa-arrow-circle-right:hover {color: #353134;}
.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 #640d0d; border-bottom: 1px solid #bfbfbf; text-transform: uppercase;}
.foundation .double-rule {border-top: 2px solid #172d4f;}
.both-sides .double-rule {border-top: 2px solid #353134;}

/*--------- 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: #993333 !important; }
.foundation .link-color { color: #2f5b9d !important; }
.both-sides .link-color { color: #60595f !important; }

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

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

.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:#640d0d; color: white !important;  } /* not used */
.foundation .bg-menu {background-color:#172d4f; color: white !important;  } /* not used */
.both-sides .bg-menu {background-color:#353134; color: white !important;  } /* not used */


.bg-slideshow {  }


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

.bg-clear { background:  white; padding: 50px 0;}

.bg-dark a:hover {color: #bfbfbf !important}
.bg-dark .btn:hover {color: white !important}
.bg-dark .fa-search {color: #333;}

.bg-gray-lightest { background-color: #e5e5e5; color: #640d0d; padding: 50px 0; }
.foundation .bg-gray-lightest { color: #172d4f; }
.both-sides .bg-gray-lightest { color: #353134; }
.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: #999999; 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 { text-align: left !important;  }
.bg-footer .footer-text { 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;}


/* -- 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: #999999; 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 {  } 

.bg-header  {position: relative; padding-top: 38px;}
.bg-header img {left: 38px; top: 20px; width: 137px; height: auto;}
_:-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 #bfbfbf; padding-top: 15px; }
.both-sides #toptitle h1, .foundation #toptitle h1 { font-size: 2em;}

.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: 0px; top: 58px;}
.bg-header #ui-member-login-form .btn, .bg-header #ui-form-button-logout {margin-right: 15px;}

.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: #6d2527;}
.foundation .search-social .readmore span:hover {color: #1d3962;}
.both-sides .search-social .readmore span:hover {color: #50494f;}
.search-social a {color: #6d2527;}
.foundation .search-social a {color: #2f5b9d;}
.both-sides .search-social a {color: #60595f;}
.search-social a:hover {color: #500c0d;}
.foundation .search-social a:hover {color: #3b72c4;}
.both-sides .search-social a:hover {color: #353134;}
.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}


.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: 'Source Sans Pro', sans-serif; }
  .bg-slideshow.color-copy, .bg-slideshow.color-copy h1, .bg-slideshow.color-copy h2, .bg-slideshow .color-copy p { color: #993333; }
  .foundation .bg-slideshow.color-copy, .foundation .bg-slideshow.color-copy h1, .foundation .bg-slideshow.color-copy h2, .foundation .bg-slideshow .color-copy p { color: #24477a; }
  .both-sides .bg-slideshow.color-copy, .both-sides .bg-slideshow.color-copy h1, .both-sides .bg-slideshow.color-copy h2, .both-sides .bg-slideshow .color-copy p { color: #60595f; }
  .bg-slideshow .color-copy, .bg-slideshow .color-copy h1, .bg-slideshow .color-copy h2 { color: #993333 !important; }
  .foundation .bg-slideshow .color-copy, .foundation .bg-slideshow .color-copy h1, .foundation .bg-slideshow .color-copy h2 { color: #24477a !important; }
  .both-sides .bg-slideshow .color-copy, .both-sides .bg-slideshow .color-copy h1, .both-sides .bg-slideshow .color-copy h2 { color: #60595f !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: #6d2527 !important; }
  .foundation .bg-slideshow .color-white a:hover { color: #1d3962 !important; }
  .both-sides .bg-slideshow .color-white a:hover { color: #50494f !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: 1200px; 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;  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:1200px) {
	.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: #993333; }
.foundation .home-slideshow .contact-sales { font-weight: 600; color: #24477a; }
.both-sides .home-slideshow .contact-sales { font-weight: 600; color: #60595f; }

/*Did you know? slice*/

.dyk-container {width: 100%; height: 400px; }
.dyk-container .copy-text {text-align: center; color:white; top: 0; padding: 40px;}
.dyk-overlay { background: rgba(100,13,13,0.8); width: 100%; height: 100%; top: 0;}
.dyk-overlay .copy-text p { font-size: 1.2em; line-height: 1.5em; }
.dyk-overlay .copy-text h3 { font-weight: 600; }
.dyk-source {bottom: 0; right: 0; text-align: right; padding: 0 30px 30px 30px; color:white;}
.dyk-source p {margin-bottom: 0;}



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

.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: @color-secondary-1@; margin-bottom: 0px; }
.orange-text { color: @color-secondary-1@; }
.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: #6d2527; text-align: center; border-bottom: 1px solid #e5e5e5; margin-bottom: 10px !important; }
.foundation .article-share { color: #1d3962; }
.both-sides .article-share { color: #50494f; }

.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: #640d0d; }
.foundation h3.article-author-date { color: #172d4f; }
.both-sides h3.article-author-date { color: #353134; }


.sidebar-news { font-size: 1.1em; font-weight: bold; }
.sidebar-item > .social-plugin-header {padding-bottom: 0;}
.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;}

.container.bg-header { height: 210px;} 

.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: @color-secondary-1@ !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;}



/*----------------- Accordions -----------------*/

.accordion-header {background: none !important; border: none !important; color: @color-secondary-2@ !important; padding: 8px 0 !important; cursor: pointer;}
.accordion-header:focus {outline: none !important; outline: 0 !important;}
.accordion-header h3 {position: relative;}
.accordion-header h3 a {width: 75%; display: inline-block;}
.accordion-body {background: none !important; border: none !important; display: none;}
.accordion-body h4 {}
.accordion-body > tr > td { transition: .5s;}

.dropdown{position: absolute; right: 0; top: 0; bottom: 0; height: 25px; width: 25px; margin: auto 0; text-align: center; transition: .5s;}

/* New Accordion */
.accordion { background-size: 22px; background-repeat: no-repeat; background-position: 15px center; padding: 10px; padding-left: 60px; color: #fff; margin-bottom: 5px !important; cursor: pointer; }
.accordion h3 { margin-bottom: 0px !important; font-weight: 600 !important; color: #fff !important; }
.accordion.active { background-color: #999999; background-image: url(/pub/photo/minus.png); }
.accordion-content { display: none; padding: 10px 30px; padding-left: 60px; }

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

/*-------------- Store ----------------*/

em.red-font, .red-font {color: #993333; } 
.foundation em.red-font, .foundation .red-font {color: #24477a; } 
.both-sides em.red-font, .both-sides .red-font {color: #60595f; } 
.gray-box {background-color: #e5e5e5;}
.account-required {width: 300px; max-width: 100%; padding: 30px; text-align: left; margin-bottom: 20px;}
.alert {color: #993333; font-weight: 700!important; font-size: 1.2em; padding: 0!important;}
.foundation .alert {color: #24477a; }
.both-sides .alert {color: #60595f; }
table.cart-items strong {font-weight: 700;}

.cart-fields-container h2 {text-align: left;}
.ui-checkout-shipping td {padding-bottom: 15px}
.ui-checkout-shipping td:first-child, .cart-gift td:first-child {padding-right: 15px}
td.ui-label {width: 190px; max-width: 100%;} 

.related-products{ border-bottom: solid 2px #640d0d !important }

.o-receipt-string {border-bottom: 1px solid #cccccb; margin-bottom: 5px;}

/*-------------- Category Viewer ----------------*/

.category-viewer h5, .category-viewer h1, .article-viewer h5, .account-header h3, .product-category .category-title, .cart-header h1, .comments h5, .search-results h1, .form-page h1 {margin-bottom: 20px; padding: 10px 0; border-top: 2px solid #640d0d!important; border-bottom: 2px solid #999999 !important; text-transform: uppercase!important; }  
.foundation .category-viewer h5, .foundation .category-viewer h1, .foundation .article-viewer h5, .foundation .account-header h3, .foundation .product-category .category-title, .foundation .cart-header h1, .comments h5, .foundation .search-results h1, .foundation .form-page h1 {border-top: 2px solid #172d4f!important;  }  
.both-sides .category-viewer h5, .both-sides .category-viewer h1, .both-sides .article-viewer h5, .both-sides .account-header h3, .both-sides .product-category .category-title, .both-sides .cart-header h1, .comments h5, .both-sides .search-results h1, .both-sides .form-page h1 {border-top: 2px solid #353134!important;  }  

.category-viewer .ruler.col-12 {margin-bottom: 30px;}   
.category-horizontal > .list-ruler.ruler:last-child {display: none;}   
.category-viewer > .ruler.col-12:last-child {margin-bottom: 10px;}  

.product-category .category-title h1{margin-bottom: 0;}

.double-rule-header h4 {margin-bottom: 20px; padding: 5px 0; border-top: 2px solid #640d0d; border-bottom: 2px solid #999999; text-transform: uppercase;}
.foundation .double-rule-header h4 {border-top: 2px solid #172d4f; }
.both-sides .double-rule-header h4 {border-top: 2px solid #353134; }

.category-viewer .ruler, .shop-item-container .ruler  {border-bottom: solid 1px #bfbfbf !important;}
.category-viewer .ruler:last-child, .shop-item-container .ruler:last-child {border-bottom: solid 2px #640d0d !important;}
.foundation .category-viewer .ruler:last-child, .foundation .shop-item-container .ruler:last-child {border-bottom: solid 2px #172d4f !important;}
.both-sides .category-viewer .ruler:last-child, .both-sides .shop-item-container .ruler:last-child {border-bottom: solid 2px #353134 !important;}

.category-header {}
.category-header a h5 {color: #333333!important;     line-height: 1.2em;} 
 
.category-photo img {margin-bottom: 15px; width: 100%; height: 230px; object-fit: cover;} 
.category-page .category-photo img {height: 160px;} 
.top-categories .category-photo img {height: 250px;} 

 .ruler-light {border-bottom: 1px solid #999999;}


.category-horizontal {margin-bottom: 35px; padding-top: 20px;} 
.category-horizontal .category-photo img {margin-bottom: 0;}  



_:-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: #500c0d; }
.foundation .pager a:hover {color: #12223b; }
.both-sides .pager a:hover {color: #1b181a; }
.pager b {display: inline-block;}
.pager span {color: #999999; 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: #993333;}
.foundation .category-pager span { color: #24477a;}
.both-sides .category-pager span { color: #60595f;}

/*-------------- 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 #999999; color: #999999; 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: #640d0d; font-weight: 600; }
.foundation .category-item h4 a { color: #172d4f; }
.both-sides .category-item h4 a { color: #353134; }


a.readthis { color: #640d0d; font-weight: 400; }
.foundation a.readthis { color: #172d4f; font-weight: 400; }
.both-sides a.readthis { color: #353134; font-weight: 400; }
a.readthis:hover { color: #640d0d; }
.foundation a.readthis:hover { color: #3b72c4; }
.both-sides a.readthis:hover { color: #353134; }

/*-------------- 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: #993333;}
.foundation .arrows.color li:before, .foundation .arrow.color li:before {color: #24477a;}
.both-sides .arrows.color li:before, .both-sides .arrow.color li:before {color: #60595f;}

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

table.cart-items tr:first-child th {padding: 10px 0; border-top: 2px solid #e5e5e5; border-bottom: 2px solid #e5e5e5; color: #993333; text-transform: uppercase; font-weight: 700; line-height: 1em;}  
.foundation table.cart-items tr:first-child th {color: #24477a;}  
.both-sides table.cart-items tr:first-child th {color: #60595f;}  
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: 250px; max-width:100%;}

.sponsor-level h5 {background-color: #999999; padding: 5px 0; color: #fff;}
.convention-accent .sponsor-level h5 {background-color: #008fd0; padding: 5px 0; color: #fff;}

.registration-date {background-color: #999999; padding: 5px 0; color: #fff;}
.convention-accent .registration-date {background-color: #008fd0; padding: 5px 0; color: #fff;}

.convention li.nav-item {background-color: #640d0d;  text-align: center; list-style: none; display: inline-block; margin: 0; width: auto;}  
.foundation .convention li.nav-item {background-color: #172d4f;}  
.both-sides .convention li.nav-item {background-color: #353134;}  
.convention li a {color: white !important; padding: 5px 10px; text-transform: uppercase;}  
.convention-menu li a:hover {background-color: #500c0d !important;}  
.foundation .convention-menu li a:hover {background-color: #12223b !important;}  
.both-sides .convention-menu li a:hover {background-color: #1b181a !important;}  

.convention-menu {background-color: #640d0d; text-align: center;}
.foundation .convention-menu {background-color: #172d4f;}
.both-sides .convention-menu {background-color: #353134;}
.convention-menu .dropdown-menu li {padding: 5px 10px!important; background-color: #333333!important; text-transform: uppercase; width: 100%;}
.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: #640d0d; margin-bottom: 5px;}
.foundation .event-box-inner h3 {color: #172d4f; margin-bottom: 5px;}
.both-sides .event-box-inner h3 {color: #353134; margin-bottom: 5px;}
.event-box-inner h3 a {color: #640d0d;}
.foundation .event-box-inner h3 a {color: #172d4f;}
.both-sides .event-box-inner h3 a {color: #353134;}
.event-location-photo {width: 15px;}

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

.event-post {}
.event-post h2 {font-weight: bold; color: #993333;}
.foundation .event-post h2 {font-weight: bold; color: #24477a;}
.both-sides .event-post h2 {font-weight: bold; color: #60595f;}
.event-post h2 a {font-weight: bold; color: #993333;}
.foundation .event-post h2 a {font-weight: bold; color: #24477a;}
.both-sides .event-post h2 a {font-weight: bold; color: #60595f;}

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

.event-header {margin-bottom: 20px;}
.event-header h2 {font-weight: 600; color: #6d2527; line-height: 1.5em;}
.foundation .event-header h2 {color: #1d3962;}
.both-sides .event-header h2 {color: #50494f;}
.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: #6d2527; margin-bottom: 0; font-weight: 300; padding: 8px 5px; text-align: left;}
.foundation .event-photo h2 {color: #1d3962;}
.both-sides .event-photo h2 {color: #50494f;}
.event-photo h2 a {color: #6d2527; font-weight: 300; display: block;}
.foundation .event-photo h2 a {color: #1d3962;}
.both-sides .event-photo h2 a {color: #50494f;}

.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: #999999 !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: #993333 !important;}
.foundation .popup .popup-inner h2 {color: #24477a !important;}
.both-sides .popup .popup-inner h2 {color: #60595f !important;}
.popup .popup-inner h4 {text-align: left;}
.popup .popup-close {position: absolute; top: 15px; right: 20px; font-size: 1.5em; cursor: pointer; color: #993333; left: auto !important;}
.foundation .popup .popup-close {color: #24477a; }
.both-sides .popup .popup-close {color: #60595f; }
.popup .popup-close:hover {color: #640d0d;}
.foundation .popup .popup-close:hover {color: #3b72c4;}
.both-sides .popup .popup-close:hover {color: #353134;}
.popup-open {cursor: pointer;}

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

.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: #993333;}
.foundation .icons .fas, .foundation .icons .fa {color: #24477a;}
.both-sides .icons .fas, .both-sides .icons .fa {color: #60595f;}


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

#search404 { position: relative; background: #cccccb; margin-bottom: 15px;}
 #search404 input { width: 100% !important; border:none; padding: 10px 20px ; font-family: 'Source Sans Pro', sans-serif; background: #cccccb;}
 #search404 input:focus {outline: 0}
 #search404 button { position: absolute; right: 0px; top: 0px; border: none; width:36px; height: 36px; background: #999999 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: 1200px; 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: #6d2527;}
   .foundation .inner-slideshow .copy-inner .feature a {color: #1d3962;}
   .both-sides .inner-slideshow .copy-inner .feature a {color: #50494f;}
   .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: 1200px; 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: @color-primary-1-light@; 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 #993333; margin-bottom: 40px; }
   .foundation .news-menu-container { border-bottom: 1px solid #24477a; }
   .both-sides .news-menu-container { border-bottom: 1px solid #60595f; }
   .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 {width: 300px !important;}
.sidebar .inner {width: 300px;}
.sidebar-item {padding-bottom: 30px; width: 280px; max-width: 100%; float: right;}


.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: #640d0d; margin-bottom: 5px !important;  font-weight: 700; font-size: 1.3em;}
.foundation .sidebar .member-directory h4 a {color: #172d4f;}
.both-sides .sidebar .member-directory h4 a {color: #353134;}
.sidebar .member-directory h4 {margin-bottom: 5px !important;}

.sidebar .member-directory {padding: 20px;}
.sidebar .member-directory p {line-height: 1.5em;}
.directory-search-accordion-links {margin-bottom: 10px;}  

.sidebar .why-nna img {width: 80%;}

.sidebar .read-pub-aux .readmore {margin-bottom: 0;}

.pub-aux-cover {width: 70%; border: 1px solid #bfbfbf;}

.most-popular {text-align: left;}


/*Member Login*/

#ui-member-login-form p {text-align: center;}
#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;}


.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 {font-weight: 600;}
h3.alt-color {color: #993333;}
.foundation h3.alt-color {color: #24477a;}
.both-sides h3.alt-color {color: #60595f;}

.label-control label {font-weight: bold;}
.label-control input, .label-control select {margin-bottom: 20px;}
.label-control p {color: #993333;}
.foundation .label-control p {color: #24477a;}
.both-sides .label-control p {color: #60595f;}
.label-control p a {text-decoration: underline; font-weight: normal;}

/* contact */
 .contact-intro .contact-title { color: #640d0d; font-size: 1.1em; font-family: 'Source Sans Pro', sans-serif; }
 .foundation .contact-intro .contact-title { color: #172d4f; }
 .both-sides .contact-intro .contact-title { color: #353134; }
 .contact-intro p { color: @color-primary-1-dark2@; font-family: 'Source Sans Pro', sans-serif; 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:#999999; }
 .blog-post h2 { color: #640d0d;}
 .foundation .blog-post h2 { color: #172d4f;}
 .both-sides .blog-post h2 { color: #353134;}
/* .blog-post p { color: @color-primary-1-dark2@; /*font-family: 'Source Sans Pro', sans-serif;*/ }
 .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 #bfbfbf; padding-bottom: 15px; margin-bottom: 0;}
.partner-title {margin-bottom: 15px!important;}
 
.listing-premium {background-color: #e5e5e5; border: 2px solid #640d0d; margin-bottom: 40px; padding: 40px;} 
.foundation .listing-premium {border: 2px solid #172d4f;} 
.both-sides .listing-premium {border: 2px solid #353134;} 

.listing-premium h3 {color: #640d0d;} 
.foundation .listing-premium h3 {color: #172d4f;} 
.both-sides .listing-premium h3 {color: #353134;} 
.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: #999999;}

.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 #640d0d; border-bottom: 3 px solid #999999; padding: 5px 0; font-size: 1.2em;}
.foundation .o-row.o-row-header {border-top: 2px solid #172d4f;}
.both-sides .o-row.o-row-header {border-top: 2px solid #353134;}
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: 1200px; max-width: 100%; }

.bg-footer p {  }
.bg-footer a, .foundation .bg-footer a, .both-sides .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: #993333; color: #fff; border-radius: 50%; height: 95px; width: 95px; line-height: 100px; display: inline-block; transition: .2s;}
.foundation .bg-footer .footer-social li a {background: #24477a;}
.both-sides .bg-footer .footer-social li a {background: #60595f;}
.bg-footer .footer-social li a:hover {color: #993333; background: @color-secondary-1@;}
.foundation .bg-footer .footer-social li a:hover {color: #24477a; }
.both-sides .bg-footer .footer-social li a:hover {color: #60595f; }

.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-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: @color-secondary-1@; 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: #993333;}
.foundation .back-to-top:hover { color: #fff; background: #24477a;}
.both-sides .back-to-top:hover { color: #fff; background: #60595f;}


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

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

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

 #topmenu { font-size: 1em; letter-spacing: 1px; font-family: 'Source Sans Pro', sans-serif; margin: 0 auto !important; text-transform: uppercase; display: block; text-align: center;}
  #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; padding: 10px 15px;}   
  #topmenu > li > a.isfirst { border-left: none; }    
  #topmenu > li > a.islast { } 

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

  /* following is to fix the table layout for IE < 8 */
	#topmenu {}
	#topmenu > li {display:inline-block; }
	#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: #500c0d ; } 
	.foundation .bg-menu li a:hover, .foundation .bg-menu li:hover {background: #12223b ; } 
	.both-sides .bg-menu li a:hover, .both-sides .bg-menu li:hover {background: #1b181a ; } 
	.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;}  
	.nav-item > .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;}
/*	ul.dropdown-menu.show {display: block !important;}*/
		
/* 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: #640d0d !important;  }
.foundation .button-frame:hover { color: #3b72c4 !important;  }
.both-sides .button-frame:hover { color: #353134 !important;  }

.button-frame-inverted { display: inline-block; border: solid 1px #640d0d; border-radius: 8px; padding: 0px 10px; color: #640d0d !important; cursor: pointer; }
.foundation .button-frame-inverted { border: solid 1px #172d4f; color: #172d4f !important; }
.both-sides .button-frame-inverted { border: solid 1px #353134; color: #353134 !important; }
.button-frame-inverted:hover { background: #640d0d; color: white !important;  }
.foundation .button-frame-inverted:hover { background: #172d4f; }
.both-sides .button-frame-inverted:hover { background: #353134; }

.button-frame-large-white{ display: inline-block; background: #fff; border-radius: 8px; font-size: 2em; font-weight: normal; padding: 10px 10px; color: #640d0d !important; cursor: pointer; }
.foundation .button-frame-large-white{ color: #172d4f !important; }
.both-sides .button-frame-large-white{ color: #353134 !important; }
/*.button-frame-large-white:hover { background: #640d0d; color: white !important;  }*/

/* our own styling */
input[type]:not([type=submit]), select, textarea { 
	font-size: 1em;
	font-family: 'Source Sans Pro', sans-serif !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 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 {padding-bottom: 20px;}
.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 { width: 95%;}
input[type=checkbox] {width: 13px !important;}

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

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

.btn, .button, input[type=submit] {border: none; font-weight: 600; padding: 10px 20px !important;
	font-family: 'Source Sans Pro', sans-serif; text-transform: captialize;
	background: #640d0d!important; color: #fff !important; border-radius: 30px !important; display: inline-block; text-decoration: none !important; transition: .3s; cursor: pointer; line-height: 1.5em; font-size: 16px; text-align: center; line-height: 1.4em; font-weight: 600 !important;} 
	.foundation .btn, .foundation .button, .foundation input[type=submit] {background: #1d3962 !important;}
	.both-sides .btn, .both-sides .button, .both-sides input[type=submit] {background: #60595f !important;}
	.convention-accent .tab-button .btn, .convention-accent .article-copy .btn {background: #008fd0 !important;}
.btn:hover, .button:hover, input[type=submit]:hover { background:  #500c0d !important; color: white !important;} 
.foundation .btn:hover, .foundation .button:hover, .foundation input[type=submit]:hover { background:  #172d4f !important;} 
.both-sides .btn:hover, .both-sides .button:hover, .both-sides input[type=submit]:hover { background:  #353134 !important;} 
.convention-accent .tab-button .btn:hover, .convention-accent .article-copy .btn:hover { background:  #008fd0 !important; color:#ffffff !important;filter: saturate(0.6);} 
.convention-accent .tab-button .btn a:hover {color:#ffffff !important;}

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


.btn-large {font-size: 1.3em; padding: 15px 20px; font-size: 1.5em !important;}

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



.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: 'Source Sans Pro', sans-serif; font-size: 17px; 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: 'Source Sans Pro', sans-serif; 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 : 'Source Sans Pro', sans-serif; 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: #6d2527; opacity: .5; border-radius: 50%; width: 16px; height:  16px; margin-right: 6px; }
.foundation .custompager a { background: #1d3962; }
.both-sides .custompager a { background: #50494f; }
.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: 'Source Sans Pro', sans-serif; }
.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 #999999; 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: 1200px) {
	.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: 50px;}
	.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 15px;}
	#topmenu {font-size: .8em;}
	#topmenu ul {top: 39px;}

}

@media screen and (max-width:990px) { 
	
	  	.article-copy.pl-5{ padding-left: 0 !important; border-bottom: 2px solid #640d0d; }
	  	.foundation .article-copy.pl-5{ border-bottom: 2px solid #172d4f; }
	  	.both-sides .article-copy.pl-5{ border-bottom: 2px solid #353134; }
	  	.photo-gallery .article-copy.pl-5{border-bottom: 0; }
}
	
@media screen and (max-width:991px) { 
	.sidebar {float: none; position: relative; margin: 0 auto; text-align: center; padding: 0 15px!important;}
	.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) { 

}


/*change to mobile header*/
@media screen and (max-width:840px) {
	.bg-menu li {display: none !important;}
	.bg-menu {padding-bottom: 0;}


	#toplogo { left: 27px; top: -29px; position: absolute; z-index: 200; margin: 0; width: 107px;}
	_:-webkit-full-screen:not(:root:root), #toplogo { height: 107px; } 
	
	.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: -22px; 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: 'Source Sans Pro', sans-serif; font-size: 16px; margin-bottom: 0; position: relative; top: 87px; padding-top: 0px; width: 100%; z-index: 100; }
	.bg-menu .topmenu-mobile li:first-child {background: #640d0d;}
	.foundation .bg-menu .topmenu-mobile li:first-child {background: #172d4f;}
	.both-sides .bg-menu .topmenu-mobile li:first-child {background: #353134;}
	.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; }
	.bg-header .topmenu-mobile li.isfirt, .bg-menu .topmenu-mobile li.isfirst {background-color: #640d0d;}
	.foundation .bg-header .topmenu-mobile li.isfirt, .foundation .bg-menu .topmenu-mobile li.isfirst {background-color: #172d4f;}
	.both-sides .bg-header .topmenu-mobile li.isfirt, .both-sides .bg-menu .topmenu-mobile li.isfirst {background-color: #353134;}
	.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: white !important; display: block; padding: 0 15px 0 18px;  }
	.bg-header .topmenu-mobile li a {border-bottom: 1px solid #500c0d;}
	.foundation .bg-header .topmenu-mobile li a {border-bottom: 1px solid #12223b;}
	.both-sides .bg-header .topmenu-mobile li a {border-bottom: 1px solid #1b181a;}
	.bg-header .topmenu-mobile > li:first-child > a {border-top: 1px solid #500c0d;}
	.foundation .bg-header .topmenu-mobile > li:first-child > a {border-top: 1px solid #12223b;}
	.both-sides .bg-header .topmenu-mobile > li:first-child > a {border-top: 1px solid #1b181a;}
	.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: #500c0d}
	.foundation .bg-header .topmenu-mobile li a:hover, .foundation .bg-menu .topmenu-mobile li a:hover {background-color: #12223b}
	.both-sides .bg-header .topmenu-mobile li a:hover, .both-sides .bg-menu .topmenu-mobile li a:hover {background-color: #1b181a}
	.bg-header .topmenu-mobile li a.selected, .bg-menu .topmenu-mobile li a.selected {color: #cccccb !important;}
	
	/*.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: #640d0d;}
	.foundation .dropdown-toggle {background-color: #172d4f;}
	.both-sides .dropdown-toggle {background-color: #353134;}
	
	li.show .dropdown-toggle:before {content: "\f068";}
	.dropdown-toggle:after {display: none !important;}
	
	.bg-header .topmenu-mobile > li {background: #640d0d;}  
	.foundation .bg-header .topmenu-mobile > li {background: #172d4f;}  
	.both-sides .bg-header .topmenu-mobile > li {background: #353134;}  
	
	.bg-header .menu-toggle, .bg-menu .menu-toggle {display: block !important; position: absolute; top: -13px; right: 10px; 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: #bfbfbf; }

	  
	.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: #640d0d; color: white;}
	.foundation .search-social-mobile { background-color: #172d4f;}
	.both-sides .search-social-mobile { background-color: #353134;}
	.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; }

	.dance .bg-header, .oktoberfest .bg-header, .dance .bg-header + .x-clear, .oktoberfest .bg-header + .x-clear {display: none;}
	
	.bg-header {text-align: center; border-bottom: none;}
	.bg-header > .x-cell{ height: 100%; }

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

	
	#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: #993333 !important; display: inline-block; margin-right: 10px;}
	.foundation #top-text a {color: #2f5b9d !important;}
	.both-sides #top-text a {color: #60595f !important;}
	#top-text a:hover {color: #640d0d !important;}
	.foundation #top-text a:hover {color: #3b72c4 !important;}
	.both-sides #top-text a:hover {color: #353134 !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: 0!important;}
	.sidebar {padding: 0 15px!important;}
	tr.bg-gray {padding: 0;}
	
	/* Backgrounds */
	
	.photo-overlay {display: none;}  
	
	.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: #993333;}
	.foundation .home-slideshow h1, .foundation .home-slideshow h2 { color: #24477a;}
	.both-sides .home-slideshow h1, .both-sides .home-slideshow h2 { color: #60595f;}
	.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: #993333 !important;}
	.foundation .inner-slideshow a {color: #2f5b9d !important;}
	.both-sides .inner-slideshow a {color: #60595f !important;}
	.inner-slideshow a:hover {color: #640d0d !important;}
	.foundation .inner-slideshow a:hover {color: #3b72c4 !important;}
	.both-sides .inner-slideshow a:hover {color: #353134 !important;}

	

	.iframe {width: 100% !important; height: auto !important;}
	.social-plugin-header iframe {height: 600px !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;}
	



	
	/* 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: #999999 !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 #640d0d; }
	.foundation .article-copy.pl-5{ border-bottom: 2px solid #172d4f; }
	.both-sides .article-copy.pl-5{ border-bottom: 2px solid #353134; }
	.mobile-ruler {border-bottom: 2px solid #640d0d; }
	.foundation .mobile-ruler {border-bottom: 2px solid #172d4f; }
	.both-sides .mobile-ruler {border-bottom: 2px solid #353134; }
	.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 #993333; }
	.foundation .feature-overlay { border-bottom: 1px solid #24477a; }
	.both-sides .feature-overlay { border-bottom: 1px solid #60595f; }
	#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: #999999 !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;}

	.bg-header {height: 155px !important;}
	
	/* 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; }
	.bg-footer div {text-align: left !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; }
	.bg-footer .footer-social li a {font-size: 1.8em; height: 75px; width: 75px; line-height: 78px;}
	/* Reduced header sizes */
	
	.main-home h1, .main-home h2.title { font-size: 2em; }
	.main-home h1 { font-size: 2.1em; font-weight: 600; }
	.category-header h1 { font-size: 2.1em; font-weight: 600; }
	.main-home h1.big, .main-home h2.big { font-size: 1.4em; line-height: 1.25em; }
	.main-home h2 { font-size: 1.7em; font-weight: 600; }
	.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 .footer-logo {margin: 0 auto 30px auto; display: block;}
	.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 {display: block; 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: 1200px; 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: #999999; } 
.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: @color-primary-1-lighter@; color: white; } 
.bg-primary-1-light {background: @color-primary-1-light@; color: white; } 
.bg-primary-1 {background: #993333; color: white; } 
.bg-primary-1-dark {background: #6d2527; 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: #640d0d; 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: @color-secondary-1@; 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: @color-secondary-1@; } /* FOREGROUND THEME */
 .fg-secondary-1 a { color: @color-secondary-1@ !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: #640d0d !important; }

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

/* home text */

.dash-wrap { display: block; font-family: 'Source Sans Pro', sans-serif; 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 #999999; height: 1px; overflow: hidden; margin-bottom: 20px;}*/
.ruler { border-bottom: solid 2px #640d0d; overflow: hidden; margin-bottom: 15px; clear: both; height: 0;}
.foundation .ruler { border-bottom: solid 2px #172d4f;}
.ruler-small { border-bottom: solid 2px #640d0d; overflow: hidden; margin-bottom: 7px; clear: both;}
.ruler-light { border-bottom: solid 2px #e5e5e5;}
.ruler-dark { border-bottom: solid 1px #999999; 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: 'Source Sans Pro', sans-serif; }
.font-sans { font-family: 'Source Sans Pro', sans-serif; }

.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: #999999; 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: #993333; font-weight: bold; padding:14px 0;}
.paragraph-fineprint { font-size: .5em; font-family: 'Source Sans Pro', sans-serif; font-weight: bold;}
.paragraph-small { font-size: .8em; line-height: 24px; color: #1a1a1a;}
.paragraph-small-alt { font-size: .5em; font-family: 'Source Sans Pro', sans-serif; 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: @color-secondary-1@; text-align:center; font-weight: bold; padding: 10px; }

/* images */
.has-caption {}

.button-cta {color: white !important; font-family: 'Source Sans Pro', sans-serif !important; font-size: 14px !important; font-weight: bold; text-transform: Uppercase; 
	background: #993333; border-radius: 2px; min-width: 150px; padding: 10px 20px !important;}
.button-cta:hover {  background: @color-primary-1-lighter@;}

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