/* DO NOT CROSS LINK TO THIS FILE  - This stylesheet was generated on Tue, 04 Nov 2025 11:05:02 -0800 and its name will change */

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

/*--------------- reset browser defaults--------------- */
.main-home { color: #333333; font-family: 'Comfortaa', sans-serif; font-size: 16px; padding: 0 ; 
           background: white; font-weight: 300; -webkit-font-smoothing: antialiased;}
.main-home a { color: #f47c4b; text-decoration: none; font-weight: 600; }
.main-home a:hover { color:  #5B7BDD;/*text-decoration: underline; */}
.main-home strong,.main-home b  {font-weight: 600;}
.main-home h1, .main-home h2.title { font-size: 2.5em; color: #333333; font-family: 'Comfortaa', sans-serif !important; font-weight: 300; margin-bottom: 20px; line-height: 1.45em;}
.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: #5B7BDD;  }
.main-home h2 { font-size: 40px; color: #333333; font-family: 'Comfortaa', 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.4em; color: inherit; font-family: 'Comfortaa', sans-serif; font-weight: 500; margin-bottom: 15px; line-height: 1.45em;}
.main-home h3 a { color: inherit; text-decoration: none !important; }
.main-home h3.alt { font-size: .72em !important; font-family: 'Comfortaa', sans-serif !important; color: #DCB749; font-weight: bold; margin-bottom: 15px; text-transform: none;}
.main-home h4 { font-size: 1.375em; color: inherit; font-family: 'Comfortaa', 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: normal;margin-top: 0; margin-bottom: 15px; line-height: 1.5em; line-height: 1.45em;}
.main-home h5 a { font-weight: 600; text-transform: uppercase; color: #f47c4b; text-decoration: none !important; }

.main-home p, .main-home ul, .main-home ol { line-height: 1.8em; margin-bottom: 15px; }
.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: #c19a25 !important; }
.red { color: #eb2035 !important; }
.serif { font-family: 'Comfortaa', sans-serif !important; }
.sans { font-family: 'Comfortaa', sans-serif !important; }
.larger { font-size: 1.5em;}
.double { font-size: 2em;}
.date { font-family: 'Comfortaa', 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; text-transform: uppercase;color: #fff;font-family: 'Comfortaa', sans-serif; font-size: .9em; text-decoration: none !important; font-weight: bold !important;}
 .readmore::first-letter {text-transform: uppercase ;  } /* first letter requires inline-block on element */ 
.readmore-small {display: inline-block;text-transform: lowercase;color: #fff ;font-family: 'Comfortaa', 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 {  color: inherit; text-decoration: none !important; font-weight: normal !important;}
 .readmore a:hover,.readmore:hover { color: #f5cc51 !important;text-decoration: none !important; }
/*.readmore:hover, .readmore-small:hover {background-color: #85ab7f;}*/
::-webkit-input-placeholder,:-moz-placeholder , ::-moz-placeholder, :-ms-input-placeholder {  color: #959393 !important; font-family: 'Comfortaa', 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;}

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

html {scroll-padding-top: 120px;}
.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, .x-block > .inner { 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; }

.VTsuQ9rHhcJQ4bSskUELJg\=\= {
bottom: 5rem !important;
}

/*Widget Adjustments*/

.userway_buttons_wrapper {
    bottom: 96px !important;
}


@media screen and (max-width: 768px) {
    iframe.uwif.userway_p5 {
    	height: 100% !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; }

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

.link-color { color: #f47c4b !important; }

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

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

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

/* Dance pavilion new colors test */
.dance.style-testing a {color:@dance-color-primary-test@;}
.dance.style-testing a:hover {color:@dance-color-primary-light-test@;}
.dance.style-testing .bg-header  { position: relative; z-index: 100;  background: @dance-color-primary-test@; }
.dance.style-testing .bg-blue { background-color: @dance-color-primary-test@;  padding: 50px 0; color: #fff;}
.dance.style-testing .bg-dark {background: @dance-color-primary-test@; padding: 50px 0; color: #fff;}
.dance.style-testing .bg-footer { background: @dance-color-primary-light-test@; color: #fff;}
.dance.style-testing .bg-footer .footer-social li a {color: @dance-color-primary-test@; background: #fff;}
.dance.style-testing .bg-footer .footer-social li a:hover {color: #fff; background: @dance-color-primary-test@;}
.dance.style-testing .back-to-top.visible {background: @dance-color-primary-test@;}
.dance.style-testing .back-to-top {background: #fff;}
.dance.style-testing .back-to-top:hover {background: @dance-color-primary-light-test@;}
.dance.style-testing .bg-blue .btn, .dance.style-testing .bg-blue .button, .dance.style-testing .bg-blue input[type=submit] {background: #e5e5e5 !important; color: @dance-color-primary-test@ !important;}
.dance.style-testing .btn, .dance.style-testing .button, .dance.style-testing input[type=submit] {background: @dance-color-primary-test@; color:#fff !important;}
.dance.style-testing .btn:hover, .dance.style-testing .button:hover, .dance.style-testing input[type=submit]:hover {background: @dance-color-primary-light-test@;}
.dance.style-testing .bg-blue .btn:hover, .dance.style-testing .bg-blue .button:hover, .dance.style-testing .bg-blue input[type=submit]:hover {background: #808080 !important; color: #fff !important;}
.dance.style-testing .bg-slideshow #toplogo { display: block; top: 30%; width: 500px; margin: 0 auto; position: absolute; left: 0; right: 0;}
.dance.style-testing .bg-menu.stuck {background: @dance-color-primary-test@;}


/*Tabs Nav*/
.extensions .ul-nav-container, .pro-services .ul-nav-container { text-align: center; }

/* ------------- slices ----------------------*/
.bg-header  { position: fixed; z-index: 100;  background: #959393;}
.dance a {color:#12415C;}
.dance a:hover {color:#70BFE1;}
.dance .bg-header  { position: relative; z-index: 100;  background: #12415C; }
.oktoberfest .bg-header  { position: relative; z-index: 100;  background: #761818; }
.full-col-image {width: 100%;}
  .bg-header .x-cell {position: relative; height: 56px; }
  .dance .bg-header .x-cell, .oktoberfest .bg-header .x-cell {height: 23px; }
  .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 {padding: 20px 0; border-bottom: 10px solid #e5e5e5; } /* not used */
.dance .bg-menu {border-bottom: 10px solid #bfbfbf; } /* not used */
.oktoberfest .bg-menu {border-bottom: 10px solid #fbcb2a; } /* not used */
.oktoberfest .bg-yellow .btn {background-color: white;} /* not used */
.oktoberfest .bg-yellow .btn:hover {background-color: #f47c4b;} /* not used */
.bg-map { background: url('/pub/photo/map-bg850.jpg') top left no-repeat; background-size: cover; }
.orange-text {color:#f47c4b;}
.yellow-text {color:#f5cc51;}

.bg-slideshow { REMoverflow: hidden; REMbackground: #ffe187; /*color: white;*/ }
@media screen and (min-width:768px) {
  .bg-slideshow .video-background {position: relative; overflow: hidden; width: 100vw; height: 554px;}
  .bg-slideshow .video-background iframe {position: absolute; top: 50%; left: 50%; width: 100vw; height: 100vh; transform: translate(-50%, -50%);}
  @media (min-aspect-ratio: 16/9) {.bg-slideshow .video-background iframe {height: 56.25vw;}}
  @media (max-aspect-ratio: 16/9) {.bg-slideshow .video-background iframe {width: 177.78vh;}}
}

.bg-slideshow.color-copy { /*color: #f5cc51;*/ }
 .bg-slideshow .x-cell { width: 100%; margin: 0 auto; /* use default */ }
.bg-light { background-color: #959393;  padding: 50px 0; }
.dance .bg-light { background-color: #e5e5e5; }
.oktoberfest .bg-light { background-color: #f9de5d; }
.bg-clear { background:  white; padding: 50px 0;}
.bg-clear-nopaddbot {  padding-bottom: 0 !important; }
.bg-blue { background:  #5B7BDD; padding: 50px 0; color: #fff;}
.dance .bg-blue { background-color: #12415C;  padding: 50px 0; color: #fff;}
.bg-blue-mid { background:  #ffe187; padding: 50px 0; color: #fff;}
.bg-blue h1 { color: #fff; font-size: 1.75em; font-weight: 600; text-align: center; margin-bottom: 0; }
.bg-blue h2, .bg-blue-mid h2 {color: #fff !important;}
.bg-blue a, .bg-blue-mid a {color: #f5cc51 !important; text-decoration: none !important;}
.bg-blue a:hover, .bg-blue-mid a:hover {color:#f47c4b !important; }
.rink-prices a:hover{color: #f47c4b !important; }
.pricing-grid h4{color: #f47c4b;}
.pricing-grid a:hover h4{color:#5B7BDD;}
.bg-blue-light { background:  #ffecb3; padding: 50px 0;}
.dance .bg-dark {background: #494638; padding: 50px 0; color: #fff;}
.oktoberfest .bg-dark {background: #66452d; padding: 50px 0; color: #fff;}
.dance .bg-dark h2, .dance .bg-dark h2 a, .oktoberfest .bg-dark h2, .oktoberfest .bg-dark h2 a {color: #fff !important;}
.dance .bg-dark h2 a:hover, .oktoberfest .bg-dark h2 a:hover {color: #e5e5e5 !important;}


/*ORANGE BACKGROUND*/

.bg-orange { background:  #f47c4b; padding: 50px 0; color: #fff;}
.dance .bg-orange { background-color: #808080; padding: 50px 0; color: #fff;}
.bg-orange h1,.bg-orange h2, .bg-orange h3 {color: #fff !important;}
.bg-orange h3 {margin-bottom: 15px;}
.bg-orange h3 a {text-decoration: underline !important;}
.main-home .bg-orange h2.title a {color: #fff !important; text-decoration: underline !important;}
.bg-orange a {color: #f5cc51 !important; text-decoration: none !important;}
.bg-orange a:hover {color: #5B7BDD !important;}
.bg-orange .hours-content a {color: #f47c4b !important;}
.bg-orange .hours-content a:hover {color: #4864aa !important;}
.hours-content hr {margin: 20px 0px;}


/*YELLOW BACKGROUND*/

.bg-yellow { background:  #f5cc51; padding: 50px 0; color: #333333; }
.dance .bg-yellow { background-color: #e5e5e5;}
.bg-yellow h2, .bg-yellow h3 { }
.bg-yellow a {color: #f47c4b !important; text-decoration: none !important;}
.bg-yellow a:hover {color: #5B7BDD !important;}
img.bubble {border-radius: 50%; border: 10px solid rgba(0, 0, 0, 0.5);}
.oktoberfest img.bubble {border-radius: 50%; border: 10px solid #66452d;}

.bg-parallax {color: #fff;}
.bg-parallax > .x-cell {width: 100%; padding: 0;}
.parallax-container {}
.parallax-container > .parallax-inner {width: 100%; padding: 100px 20px; background: rgba(0, 0, 0, 0.2);}
.bg-parallax h2 {color: #fff; font-size: 3em; margin-bottom: 0;}

.dance .bg-parallax {background: url(/pub/photo/Ben-Haley-Photographers-Favorites-0051.jpg) no-repeat center center; background-size: cover; background-attachment: none; }
.oktoberfest .bg-parallax {REMbackground: url(/pub/photo/0-03-OAKStober-03-Tyrolean-Quartet.jpg) no-repeat center center; background-size: cover; background-attachment: none; }
.dance .bg-parallax > .x-cell, .oktoberfest .bg-parallax > .x-cell {REMpadding: 300px 0; }
.oktoberfest .parallax-container > .parallax-inner {padding: 300px 0; }

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

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

.bg-footer { background: #fff9e6;  }
.bg-footer .footer-text { color: #ffe187; 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;}

/* -- 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: #808080; 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 */
  
/* ----- top strip header -----*/
#toptext { text-align: right; font-weight: 700; font-size: .8em; line-height: 25px;}
#toptext a { color: #959393 !important; } 
#toptext a:hover { color: #ffecb3 !important; } 

/* ----- main header ---- */
.bg-header #toplogo { display: block; top: 0px; width: 300px; margin: 0 auto; position: absolute; left: 0; right: 0;}
.dance .bg-slideshow #toplogo { display: block; top: 30%; width: 500px; margin: 0 auto; position: absolute; left: 0; right: 0;}
.oktoberfest .bg-slideshow #toplogo { display: block; top: 33px; width: 288px; margin: 0 auto; position: absolute; left: 0; right: 0;}
.oktoberfest .bg-slideshow #toplogo {width: 550px; top: 15px;}

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

/*HEADER BUTTONS*/

.bg-header {background-color: #5B7BDD;}

#toptext-left {float: left;}
#toptext-right {float: right;}

.hours-btn, .tickets-btn, .rotating-btn, .donate-btn {display: inline-block;}
.rotating-btn .btn, .hours-btn .btn, .tickets-btn .btn, .donate-btn .btn {border-radius: 0; line-height: 26px; height: 56px;}

.donate-btn {background-color: #f5cc51 !important; color: #ffffff !important;}
.donate-btn:hover {background-color: #d4aa3a !important;}

.rotating-btn {background-color: #4864aa !important; color: #ffffff !important;}
.rotating-btn:hover {background-color: #3E5791 !important;}

.hours-btn {background-color: #EE5BA0 !important; color: #ffffff !important;}
.hours-btn:hover {background-color: #D14E8B !important;}

.tickets-btn {background-color: #F5CC50 !important; color: #ffffff !important;}
.tickets-btn:hover {background-color: #D4AC3F !important;}


.special-hours-slice.banner-fix {top: 0 !important;}
.special-hours-slice {background: #5B7BDD; color: white; font-size: 1.2em; text-align: center;}
.special-hours-slice p {margin: auto; width: 1200px; max-width: 100%; font-size: 14px;}
.special-hours-slice strong {font-size: 16px;}
.notice-banner-content {padding: 15px;}
.notice-top {background-color: #f47c4b;}
.notice-top a {color: #4864aa;}
.notice-top a:hover {color: #5B7BDD;}
.notice-banner-content a.btn {background: #fff;color: #4864aa !important;}
.notice-banner-content a.btn:hover {background: #4864aa; color:#fff !important;}

.main-home .hours-content.fall a {
    color: #6e4d8b !important;
}

.main-home .hours-content.fall a:hover {
    color: white !important;
}

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

  .bg-slideshow { color: #fff !important;padding-top: 55px;}
  .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: 'Comfortaa', sans-serif; }
  .bg-slideshow.color-copy, .bg-slideshow.color-copy h1, .bg-slideshow.color-copy h2, .bg-slideshow .color-copy p { color: #f5cc51; }
  .bg-slideshow .color-copy, .bg-slideshow .color-copy h1, .bg-slideshow .color-copy h2 { color: #f5cc51 !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: #DCB749 !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: 1200px; 
	left: 0; right: 0; margin-left:auto; margin-right: auto; /* these 4 are centering the absolute div */
	height: 100%; }
    .home-slideshow .copy-inner { color: #ffe187; text-align: left; max-width: 250px; height: 260px; position: absolute; bottom: 50px; margin: auto 0;}
   .home-slideshow h1 { font-size: 3em; margin: 0; color: #fff; }
   .home-slideshow h2  { font-size: 1.3em !important; font-weight: 300 !important; text-transform: uppercase; color: #fff !important;}
 .home-slideshow-pager {position: absolute; bottom: 10px; width: 100%; z-index: 3; text-align: center; }
   .home-slideshow-pager a { display: inline-block;  background: #ffecb3; 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: #f5cc51; }

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

.box, img.box, .box > img {height: 260px; width: 100%; object-fit: cover; object-position: 50% 50%;}  
.box{margin-bottom: 20px;}

img.article-img {float: left; margin: 0 25px 25px 0;}  

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


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

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


.satisfi_chat-button, .satisfi_chat {left: 16px !important; max-width: 165px; }
.satisfi_chat {max-width: 100%;}

@media screen and (max-width: 768px) {
    .satisfi_chat-button, .satisfi_chat {
        right: auto !important;
        left: 16px !important;
        max-width: 100%;
    }
}

/* -- article -- */

.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: #f47c4b; margin-bottom: 0px; }
.orange-text { color: #f47c4b; }
.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: #DCB749; text-align; center; border-bottom: 1px solid #e5e5e5; margin-bottom: 10px !important; }

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

h3.article-author-date { margin-bottom: 50px; color: #c19a25; }


.sidebar-news { font-size: 1.1em; font-weight: bold; }
.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;}

.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: #959393; 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: #f47c4b !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;}

/* testimonials */
.testimonial, .quote-kick { color: #f5cc51; }
.quote-kick .author-name { font-weight: 500; }
.quote-kick { font-style: normal !important; font-size: 0.9em; }
.quote-text { font-size: 1.1em; }

.home-section {  }
.home-section-img { text-align: center; }
.home-section-text {  }

.anchor {height: 0 !important; margin-bottom: 0 !important;}
.anchor a {position: relative; top: -65px; display: block;}
.anchor-links {}
.anchor-links > p {display: inline-block; margin-right: 10px; font-size: .9em; font-weight: 600;}
.anchor-links > p a {color: #fff;}
.bg-clear .anchor-links > p {margin-right: 17px;}
.bg-clear .anchor-links > p a {color: #f5cc51; text-decoration: underline;}

/*----------------- Hours Page / Tabs -----------------*/

.hours-tab {display: inline-block; width: 25%; cursor: pointer; padding: 15px 25px; vertical-align: bottom;}
.tab {width: auto; display: inline-block; padding: 15px 25px; cursor: pointer; vertical-align: bottom;}
.hours-tab[data-no='1'], .tab[data-no='1'] {margin-left: 0;}
.hours-tab p, .tab p {margin-bottom: 0; line-height: 25px;}
.hours-tab strong, .tab strong  {text-transform: uppercase; font-size: 1.1em;}
.categories-tabbed .wrap-tab-container {display: table;}
.categories-tabbed .hours-tab {padding: 15px; background: #f9de8e; border: 1px solid #f5cc51; position: relative; top: 1px; width: 10%; display: table-cell; height: 55px !important; text-align: center;}
.categories-tabbed .hours-tab.selected {background: #fff; border-bottom-color: #fff;}



.hours-content { padding: 20px 25px; display: none;}
.hours-content[data-no='1'] { display: block;}
.categories-tabbed .hours-content {display: block;}
.categories-tabbed .hours-content ~ .hours-content {display: none;}
.categories-tabbed .hours-content .btn {background-color: #f47c4b; color: white !important;}
.categories-tabbed .hours-content .btn:hover {background-color: #5B7BDD;}
.hours-content h2 {color: #fff !important;}
.categories-tabbed .hours-content {background: #fff; border: 1px solid #f5cc51;}

.categories-tabbed .category-menu, .category-menu  {font-size: 1.3em!important;}
.categories-tabbed.tabbed-orange .hours-tab {background: #f7c88d; border: 1px solid #f47c4b;}
.categories-tabbed.tabbed-orange .hours-tab.selected {background: #fff; border: #fff;}
.categories-tabbed.tabbed-orange .category-menu a.selected{    color: #f5cc51 !important;}
.categories-tabbed.tabbed-orange .wrap-tab-container, .categories-tabbed.tabbed-orange .hours-content {color: black!important; }
.categories-tabbed.tabbed-orange .category-menu li a {color: black!important; text-decoration: none!important;}
.categories-tabbed.tabbed-orange .category-menu > li:not(.islast)::after  {border-left: 1px solid black !important;}

.spring {background: #1f8f75; color: #fff;}
.summer {background: #f9de8e;}
.fall {background: #f47c4b; color: #fff;}
.winter {background: #5b7bdd; color: #fff;}
.rink-prices {background: #5B7BDD; color: #fff;}
.amusment-park-prices {background: #f47c4b; color: #fff;}

.hours-content table {background-color: white; color: #333333;     border-collapse: collapse; width: 100%; line-height: 1.6em;}
.hours-content td {padding: 10px;}
.hours-content td:first-child {font-weight: 600; font-size: 1.1em; text-align: center; width: 20%;}
.hours-content tr.top-row {font-weight: 600; text-transform: uppercase;}

.hours-content.spring td {border: 1px solid #1f8f75;}
.hours-content.summer td {border: 1px solid #f9de8e;}
.hours-content.fall td {border: 1px solid #f47c4b;}
.hours-content.winter td {border: 1px solid #5b7bdd;}

.scroll-text {text-align: right;}



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

.accordion-header {background: none !important; border: none !important; color: #00a859 !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-color: #f5cc51; background-image: url(/pub/photo/plus.png); 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: #808080; 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; }

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

.pager {text-align: right;}
.pager a[rel='prev'], .pager a[rel='next'] {display: none;}
.pager a {border: 1px solid #808080; margin-right: 10px; text-align: center; display: inline-block; width: 24px; height: 24px; line-height: 22px; border-radius: 3px;}
.pager a:hover {background: #808080; color: #fff; }
.pager b {display: inline-block;}
.pager span {border: 1px solid #808080; background: #808080; color: #fff; margin-right: 10px; display: inline-block; text-align: center; width: 24px; height: 24px; line-height: 22px; border-radius: 3px;}

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

/*-------------- 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 #808080; color: #808080; font-size: .7em; } 

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

.category-title { display: inline-block; width: 100%; background-color: #808080; color: #fff; font-size: .7em; padding: 5px 5px 5px 15px; }

.category-item h4 { font-size: 1.5em; font-weight: 500; } 
.category-item h4 a { color: #c19a25; font-weight: 500; }


a.readthis { color: #c19a25; font-weight: 400; }
a.readthis:hover { color: #5B7BDD; }

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

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

.event-box {background: #fff; border: 1px solid #000; border-radius: 10px; overflow: hidden; margin-bottom: 20px !important;}
.event-box-header {background: #51a8b1; 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: #959393;}
.event-box-inner {padding: 15px;}
.event-box-inner h3 {color: #c19a25; margin-bottom: 5px;}
.event-box-inner h3 a {color: #c19a25;}
.event-location-photo {width: 15px;}

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

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

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

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

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

.back-link {background-image: url(/pub/photo/arrow-back.png) !important; background-repeat: no-repeat !important; background-position: left center !important; padding-left: 30px; color: #808080 !important; font-weight: 300 !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: #f5cc51 !important;}
.popup .popup-inner h4 {text-align: left;}
.popup .popup-close {position: absolute; top: 15px; right: 20px; font-size: 1.5em; cursor: pointer; color: #f5cc51; left: auto !important;}
.popup .popup-close:hover {color: #5B7BDD;}
.popup-open {cursor: pointer;}

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

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

.popup.vm-popup.btn {background-color: #fff !important ; color: #5B7BDD !important;} 
.popup.vm-popup.btn:hover {background-color: #f47c4b !important; color: #fff;} 
.popup.vm-popup.btn:visited {background-color: #f47c4b; color: #fff;} 
.popup.vm-popup.btn-invert {background-color: #fff; color: #f47c4b; width: auto;} 
.popup.vm-popup.btn-invert:hover {background-color: #f47c4b ; color: #fff;} 
.popup.dance-tour.btn {background-color: #12415C; color: #fff;} 
.popup.dance-tour.btn:hover  {background-color: #70BFE1; color: #fff;} 
.popup.dance-tour.btn:visited  {background-color: #12415C; color: #fff;} 

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

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

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


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

.icons .fas, .icons .fa {font-size: 80px; text-align: center; margin-bottom: 0; color: #f5cc51;}
.bg-yellow .icons .fas, .bg-yellow .icons .fa {color: #f47c4b;}
.icons .fas:hover, .icons .fa:hover, .dp-icons .fas:hover  {color: #12415C;}
.bg-yellow .icons .fas:hover, .bg-yellow .icons .fa:hover {color: #5b7bdd;}
.dp-icons .fas {color: #70BFE1; font-size: 70px; margin-bottom: 0;}
.dp-icons a {color: #70BFE1;}
.dp-icons a:hover {color: #12415C;}

.icons a {text-decoration: none; color: #f5cc51;}
.icons a:hover {color: #ffe187;}

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

#search404 { position: relative; background: #959393; margin-bottom: 15px;}
 #search404 input { width: 100% !important; border:none; padding: 10px 20px ; font-family: 'Comfortaa', sans-serif; background: #959393;}
 #search404 input:focus {outline: 0}
 #search404 button { position: absolute; right: 0px; top: 0px; border: none; width:36px; height: 36px; background: #808080 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;}
   
   .inner-slideshow .feature-overlay { background-color: rgb(0,0,0, 0.75); }
   .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: #959393; }
   .inner-slideshow .copy-inner .feature p strong { color: #fff; }
   .inner-slideshow .copy-inner .feature a {color: #DCB749;}
   .inner-slideshow .copy-inner .feature a:hover {color: #5B7BDD;}
   
   .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: #ffe187; 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 #f5cc51; margin-bottom: 40px; }
   .inside-slideshow {margin-bottom: 20px;}
   
.inside-banner { padding: 10px; }   
.inside-banner h1 { font-size: 3em !important; margin-top: 50px; }  
.inside-banner img { margin-top: 20px !important; } 

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

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

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

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

/* contact */
 .contact-intro .contact-title { color: #c19a25; font-size: 1.1em; font-family: 'Comfortaa', sans-serif; }
 .contact-intro p { color: @color-primary-1-dark2@; font-family: 'Comfortaa', sans-serif; font-size: 1em;}

 /* blog */
 /* blog */
 .sidebar { font-size: .9em;}
 .blog-container {}
 .blog-post .blog-author{ color: #00e67a; }
 .blog-post .blog-date {}
 .blog-post .blog-comment-count { color: #00e67a;}
 .blog-post .blog-subheader { color:#808080; }
 .blog-post h2 { color: #c19a25;}
/* .blog-post p { color: @color-primary-1-dark2@; /*font-family: 'Comfortaa', sans-serif;*/ }
 .blog-post a { color: #00e67a;}
 
.blog-post-content {padding-right: 0px;}

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

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

/*-------------- Dance Pavilion --------------*/

.virtual-tour {margin: auto; display: block; padding-bottom: 40px;}
.popup.vm-popup.dance-tour {display: inline-block; margin-right: 0; margin-left: 0; margin-bottom: 20px; text-align: center;}

/*-------------- Oktoberfest --------------*/

.oktoberfest-date {}
.oktoberfest-date h2 {margin-bottom: 0;}
.oktoberfest h2 {font-size: 30px;}

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

.bg-footer { padding: 50px 0 40px; font-size: .9em; text-align: center; background: #5B7BDD; color: #fff;}
.dance .bg-footer { background: #12415C;}
.oktoberfest .bg-footer { background: #f9bb0d; color: #000;}
.bg-footer .x-cell { width: 1200px; max-width: 100%; }

.bg-footer p {  }
.bg-footer a { color: #fff; font-weight: 400;}
.oktoberfest .bg-footer a { color: #000; 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: #f5cc51; color: #fff; border-radius: 50%; height: 95px; width: 95px; line-height: 100px; display: inline-block; transition: .2s;}
.bg-footer .footer-social li a:hover {color: #f5cc51; background: #f47c4b;}
.dance .bg-footer .footer-social li a {color: #12415C; background: #fff;}
.dance .bg-footer .footer-social li a:hover {color: #fff; background: #70BFE1;}
.oktoberfest .bg-footer .footer-social li a {color: #f9de5d; background: #761818;}
.oktoberfest .bg-footer .footer-social li a:hover {background: #fbcb2a; color: #761818;}

/*.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: #f47c4b; 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: #f5cc51;}

.dance .back-to-top.visible {background: #12415C;}
.dance .back-to-top {background: #fff;}
.dance .back-to-top:hover {background: #70BFE1;}

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

.bg-footer .fab:hover {color: #f5cc51;}

/* Hide ReCaptcha Toast */
.grecaptcha-badge {display: none !important;}

/* Sticky Header */
@media (min-width:768px) {
  .bg-menu.stuck {position: fixed; top: 55px; width: 100%; z-index: 10; background: #5b7bdd; padding:5px 0px; border-bottom: 4px solid #e5e5e5;}
  .bg-menu.stuck #topmenu {text-align:right; padding-right: 10px;}
  .bg-menu.stuck #topmenu a {color: #fff; font-size:0.75em;padding: 5px 0px;}
  .bg-menu.stuck #topmenu a:hover {color: #f5cc51 !important;}
  .bg-header.stuck #toplogo {right:unset;width: 250px;}
  .bg-header.stuck #toptext-left {float: right; margin-left: 5px;}
  .bg-menu.stuck #topmenu > li:not(.islast)::after{border-left: 1px solid #ffffff; height: 14px; margin: 0px 15px; display:inline-block;}
  .bg-header, .bg-header #toplogo, .bg-menu, .bg-menu #topmenu {transition: 0.2s ease-in-out;}
  .bg-menu.stuck #topmenu a.selected {color: #f5cc51 !important;}
  .oktoberfest .bg-menu.stuck, .dance .bg-menu.stuck {top:0px;}
  .oktoberfest .bg-menu.stuck #topmenu, .dance .bg-menu.stuck #topmenu {text-align: center;}
  .oktoberfest .bg-menu.stuck {background-color:#761818;}
  .dance .bg-menu.stuck {background-color:#12415C;}
  .hidemeonscroll {position: fixed; z-index: 100;}
}


.flex-columns .section-box {display: flex; flex-direction: column; justify-content: space-between;}

/* Inner Accordions */
.inner-accordion {
    background: #fff;
    overflow: hidden;
}

.inner-accordion-section {
    border-bottom: 2px solid white;
}

.inner-accordion-header {
    padding: 20px !important;
    margin: 0;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    color: #fff!important;
    transition: background 0.3s ease;
    display: flex;
    justify-content: space-between; /* Align text and icon */
    align-items: center;
}

 .inner-accordion-header:hover {
    filter: brightness(0.90); /* Makes the color 10% darker */
  }
  
.inner-accordion-body {
    display: none; /* Keeps all sections closed initially */
    padding: 1em;
}

.inner-accordion-header::after {
    content: "+"; /* Default icon */
    font-size: 25px;
    font-weight: bold;
    color: #fff;
    transition: transform 0.3s ease;
}

.inner-accordion-header.open::after {
    content: "-"; /* Icon when section is open */
}

/* Double Inner Accordions */
.double-inner-accordion {
    background: #fff;
    overflow: hidden;
}

.double-inner-accordion-section {
    border-bottom: 2px solid white;
}

.double-inner-accordion-header {
    padding: 20px !important;
    margin: 0;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    color: #fff!important;
    transition: background 0.3s ease;
    display: flex;
    justify-content: space-between; /* Align text and icon */
    align-items: center;
}

 .double-inner-accordion-header:hover {
    filter: brightness(0.90); /* Makes the color 10% darker */
  }
  
.double-inner-accordion-body {
    display: none; /* Keeps all sections closed initially */
    padding: 1em;
}

.double-inner-accordion-header::after {
    content: "+"; /* Default icon */
    font-size: 25px;
    font-weight: bold;
    color: #fff;
    transition: transform 0.3s ease;
}

.double-inner-accordion-header.open::after {
    content: "-"; /* Icon when section is open */
}



/* Other Ways To Give Accordion */
.otg-accordion {
    background: #fff;
    overflow: hidden;
}

.otg-accordion-section {
    border-bottom: 2px solid white;
}

.otg-accordion-header {
    padding: 15px;
    margin: 0;
    font-size: 18px;
    cursor: pointer;
    color: #fff!important;
    transition: background 0.3s ease;
    display: flex;
    justify-content: space-between; /* Align text and icon */
    align-items: center;
}

 .otg-accordion-header:hover {
    filter: brightness(0.90); /* Makes the color 10% darker */
  }
  
.otg-accordion-body {
    display: none; /* Keeps all sections closed initially */
    padding: 2em;
}

.otg-accordion-header::after {
    content: "+"; /* Default icon */
    font-size: 25px;
    font-weight: bold;
    color: #fff;
    transition: transform 0.3s ease;
}

.otg-accordion-header.open::after {
    content: "-"; /* Icon when section is open */
}

/* New colors */
.bg-dark-teal-green { background:  #005c4f; color: #fff;}
.bg-minty-teal-green { background:  #9be9d1; color: #fff;}
.bg-light-grey { background:  #e5e5e5; color: #fff;}

/* New Dance Pavilion Colors */
.bg-dance-dark-blue { background:  #12415C; color: #fff;}
.bg-dance-light-blue { background:  #70BFE1; color: #fff;}

/* New colors */
.bg-okt-maroon { background:  #761818; color: #fff;}
.bg-okt-light-yellow { background:  #f9de5d; color: #fff;}
.bg-okt-yellow { background:  #fbcb2a; color: #fff;}
.bg-okt-dark-yellow { background:  #f9bb0d; color: #fff;}
.bg-okt-brown { background:  #66452d; color: #fff;}

.bg-og-blue{ background: #5B7BDD; color: #fff;}
.bg-og-yellow{ background: #f5cc51; color: #fff;}
.bg-og-orange{ background: #f47c4b; color: #fff;}
.bg-og-green{ background: #00a859; color: #fff;}
.bg-og-purple{ background: #6e4d8b; color: #fff;}
.bg-og-teal{ background: #51a8b1; color: #fff;}
.bg-og-pink{ background: #ee5ba0; color: #fff;}

h2.ctct-form-header {color:#000 !important};

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

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

 #topmenu, .category-menu { font-size: 1.4em; font-family: 'Comfortaa', sans-serif; margin: 0 auto !important; /*text-transform: uppercase;*/ display: block; text-align: center;}
  #topmenu > li, .category-menu > li { position: relative; color: #333333;  line-height: 1.5em;  display: inline-block;}
  #topmenu > li, .category-menu > li { margin-left: 0; }
   #topmenu > li:not(.islast)::after, .category-menu > li:not(.islast)::after { content: " "; display: inline-block; border-left: 1px solid #959393; height: 20px; margin: 0 20px;} /* add a \ after each menu item */
  #topmenu > li.isfirst, .category-menu > li.isfirst { margin-left: 0px; } /* we need to set numeric borders to prevent jquery issues for Ie7. See main.xml */
  #topmenu > li.ispadding, .category-menu > li.ispadding {}
  .category-menu {margin-bottom: 20px !important;}
  
  /* IE Fixes */
  #topmenu > li, .category-menu > li { margin-left: 20px\0/; }
  _::selection, #topmenu > li, .category-menu > li { margin-left: 0\0; }
  
  #topmenu > li > a, .category-menu > li > a { font-style: normal; padding: 10px;}  
  #topmenu > li > a.isfirst, .category-menu > li > a.isfirst { border-left: none; }  
  #topmenu > li > a.islast { } 

   #topmenu a, .category-menu a { display: inline-block;color:  #3e3e3e; border: solid 0px red; font-weight: 300; }
   #topmenu a.selected, .category-menu a.selected { border-bottom: none;  color: #5B7BDD !important; }
   
   #topmenu a:hover, .category-menu a:hover { background: inherit !important; border-bottom: none; color: #959393 !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; 
                       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 {  padding: 6px 10px; height: auto; text-align: left; display: block;
		 border-left: none; border-right: none; line-height: 1.5em; position: relative;}
		#topmenu ul li.isfirst { border-top: solid 0px inherit; }
		#topmenu ul li.hover {REMbackground-color: white; }
		#topmenu ul li a:hover { color: #959393;}
		#topmenu ul li.selected { color: #000; }
		#topmenu ul a.selected {color: #000; }
		                  
		#topmenu ul ul { top: 0;}
	
	/* menu drop down sizing */
	#topmenu ul { width: 230px; left: -10px; text-align: left; top: 57px; font-size: .9em; padding: 5px 10px;}
	#topmenu ul ul { left: 200px; top: 0; } 

	/* menu drop down positioning */
	#topmenu ul > li > a {  }
	  #topmenu ul { top: @dropdown-top@; border: none; }	
	  
	/* drop shadows and central background */
	#topmenu ul {  }
        #topmenu ul { REMbackground-color: inherit; }
		
		
/* 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: #5B7BDD !important;  }

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

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

/* our own styling */
input[type]:not([type=submit]), select, textarea { 
	font-size: 0.9em;
	font-family: 'Comfortaa', sans-serif !important; Border-radius: 0; 
	border: none; padding: 5px 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;}



/* ------------- 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: #f47c4b; font-size: 22px; text-transform: uppercase;}
.btn a:hover {Padding: 10px 40px; background: #f47c4b;}
*/

.btn, .button, input[type=submit] {border: none; font-weight: 600; padding: 15px;
	font-family: 'Comfortaa', sans-serif; text-transform: captialize;
	background: #f47c4b; color: #fff !important; border-radius: 30px; display: inline-block; text-decoration: none !important; transition: .3s; cursor: pointer; text-transform: uppercase; border-radius: 5px; line-height: 1.5em; font-size: 16px; text-align: center; line-height: 1.4em;}
.btn:hover, .button:hover, input[type=submit]:hover { background:  #5B7BDD ; color: white !important;}

.btn-blue {background-color: #4864aa; color: #fff !important;}
.btn-blue:hover {background-color:#f47c4b; }
.btn-orange {background-color: #ee5ba0; color: #fff !important;}
.btn-orange:hover {background: #f47c4b !important;}
.btn-yellow {background-color: #f5cc51; color: white !important;}
.btn-yellow:hover {background-color: #f47c4b; }

.btn-large {text-transform: uppercase; font-size: 1.3em; padding: 15px 20px;}

.btn-invert {color: #5B7BDD !important; background: #fff;}
.btn-invert:hover {color: #fff !important; background: #f47c4b; }

.btn-blue.btn-invert {color: #5B7BDD !important; background: #fff;}
.btn-blue.btn-invert:hover {color: #fff !important; background: #f5cc51; }

.bg-orange .btn, .bg-yellow .btn, .bg-blue .btn {background: #fff; color: #5B7BDD !important; text-decoration: none !important; }
.bg-yellow .btn {color: #f47c4b !important;}
.bg-orange .btn:hover {background: #5B7BDD; color: #fff !important;}
.bg-yellow .btn:hover {background: #f47c4b; color: #fff !important;}
.bg-blue .btn:hover {background: #f5cc51; color: #fff !important;}
.dance .bg-blue .btn, .dance .bg-blue .button, .dance .bg-blue input[type=submit] {background: #e5e5e5 !important; color: #12415C !important;}
.dance .btn, .dance .button, .dance input[type=submit] {background: #12415C; color:#fff !important;}
.dance .btn:hover, .dance .button:hover, .dance input[type=submit]:hover {background: #70BFE1;}
.dance .bg-blue .btn:hover, .dance .bg-blue .button:hover, .dance .bg-blue input[type=submit]:hover {background: #808080 !important; color: #fff !important;}
.oktoberfest .btn, .oktoberfest .button, .oktoberfest input[type=submit] {color: #fff; background: #f9bb0d;}
.oktoberfest .btn:hover, .oktoberfest .button:hover, .oktoberfest input[type=submit]:hover {background: #fbcb2a;}

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

/*--------------- 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-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: 'Comfortaa', 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 : 'Comfortaa', sans-serif; font-size:16.5px;}*/

/* buttons */

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

.home-slideshow {}
.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;}


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

.dance .home-slideshow .background-slideshow, .oktoberfest .home-slideshow .background-slideshow {min-height: 324px;}
.dance .home-slideshow .slideshow-container, .oktoberfest .home-slideshow .slideshow-container {min-height: 324px;}
.dance .home-slideshow .slideshow-background, .oktoberfest .home-slideshow .slideshow-background {min-height: 324px;}
.dance .home-slideshow .copy-position, .oktoberfest .home-slideshow .copy-position {background: rgba(255, 255, 255, 0.7);}

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

/* 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; position: absolute; bottom: 0; z-index: 10; left: 0; right: 0;}
.custompager { text-align: center; background: #5B7BDD; 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: #fff; opacity: .5; border-radius: 50%; width: 16px; height:  16px; margin-right: 6px;}
.custompager a:last-child { margin-right: 0;}
.custompager a.activeSlide { opacity: 1; }

/* 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: 'Comfortaa', 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: Styles for Editor AND Website*/

/* home text */

.dash-wrap { display: block; font-family: 'Comfortaa', 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 #808080; height: 1px; overflow: hidden; margin-bottom: 20px;}*/
.ruler { border-bottom: solid 2px #c19a25; overflow: hidden; margin-bottom: 15px; clear: both; height: 0;}
.ruler-small { border-bottom: solid 2px #c19a25; overflow: hidden; margin-bottom: 7px; clear: both;}
.ruler.light { border-bottom: solid 1px #ffe187;}
.ruler-dark { border-bottom: solid 1px #595959; height: 1px; overflow: hidden; margin-bottom: 20px;}
.ruler-darker { border-bottom: solid 1px #1a1a1a; height: 1px; overflow: hidden; margin-bottom: 20px;}

.highlight {background: yellow;}

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

/* images */
.has-caption {}

.button-cta {color: white !important; font-family: 'Comfortaa', sans-serif !important; font-size: 14px !important; font-weight: bold; text-transform: Uppercase; 
	background: #f5cc51; border-radius: 2px; min-width: 150px; padding: 10px 20px !important;}
.button-cta:hover {  background: #ffecb3;}

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

/* Newsletter Form */
.ctct-inline-form{font-family: 'Comfortaa', sans-serif !important;}

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

/* mobile screens */



@media screen and (max-width:1333px) {
	.bg-clear, .bg-light, .bg-blue, .bg-blue-mid, .bg-blue-light, .bg-orange, .bg-yellow, .bg-gray, .bg-dark {padding: 40px 30px !important;}
	.bg-clear.no-padbot {padding: 40px 0 0 0 !important;}
	.special-hours-slice p {}
}

@media screen and (max-width:768px) {
        /* Fix for cropped oktoberfest images on mobile */
        .box, img.box, .box > img { object-fit: contain; object-position: center; }

	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-lg {display: none !important;}
	.responsive-sm {padding: 0 30px;}
	
	.parallax-container > .parallax-inner {background-attachment: scroll}

	/* Reduced header sizes */
	
	.main-home h1, .main-home h2.title { font-size: 1.5em; }
	.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 { position: sticky !important; text-align: center; border-bottom: none; top: -1px;}
	.bg-header > .x-cell{ height: 100%; }
	.bg-header + .x-clear {  }
	.bg-top-header {display: none !important;}
	.bg-top-header .x-cell {height: 0 !important; }
	.bg-top-header + .x-clear { height: 0 !important; }
	
	.main-home .special-hours-slice:not(.banner-fix) {}
	
	.mobile-header-logo {width: 200px; height: auto; position: absolute; top: 7px; left: 10px;}

	.bg-header {height: 50px !important; }
	.bg-header #toplogo  { display: none;  z-index: 2; position: absolute !important; margin-left: auto; margin-right: auto; height: 120px; width: auto !important; margin-bottom: 40px; top: 36px;} /* 175 x 48 */ 
	
	#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: #f47c4b !important; display: inline-block; margin-right: 10px;}
	#top-text a:hover {color: #5B7BDD !important;}
	#topsearch { display: none; }
	
	/* Slider Menu */  
	
	.bg-menu, .dance .bg-menu #topmenu, .oktoberfest .bg-menu #topmenu {display: none;}
	.dance .bg-menu, .oktoberfest .bg-menu {display: block; 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: bold; font-family: 'Comfortaa', sans-serif; font-size: 16px; margin-bottom: 0; background: #5B7BDD; overflow-y: scroll; position: relative; top: 50px; padding-top: 0px;}
	.dance .bg-menu .topmenu-mobile, .oktoberfest .bg-menu .topmenu-mobile {padding-top: 0; top: 0; background: #fff;}
	.bg-header .topmenu-mobile li, .bg-menu .topmenu-mobile li {display: list-item; line-height: 45px; text-align: left; float: none; margin-left: 0; list-style: none; margin-bottom: 0; position: relative; border-top: 1px solid #fff;}
	.dance .bg-menu .topmenu-mobile li {border-color: #12415C;}
	.oktoberfest .bg-menu .topmenu-mobile li {border-color: #761818;}
	.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;}
	.bg-header .topmenu-mobile li li li a, .bg-menu .topmenu-mobile li li li a {padding-left: 55px;}
	.bg-header .topmenu-mobile li:last-child, .bg-menu .topmenu-mobile li:last-child {border-bottom: 1px solid #fff;}
	.dance .bg-menu .topmenu-mobile li:last-child {border-color: #12415C;}
	.oktoberfest .bg-menu .topmenu-mobile li:last-child {border-color: #761818;}
	.bg-header .topmenu-mobile li a, .bg-menu .topmenu-mobile li a {color: #fff !important; display: block; padding: 0 10px; padding-left: 15px;}
	.dance .bg-menu .topmenu-mobile li a {color: #12415C !important;}
	.oktoberfest .bg-menu .topmenu-mobile li a {color: #761818 !important;}
	.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: #6eafdd !important;}
	.dance .bg-menu .topmenu-mobile li a:hover {color: #00806f !important;}
	.oktoberfest .bg-menu .topmenu-mobile li a:hover {color: #66452d !important;}
	.bg-header .topmenu-mobile li a.selected, .bg-menu .topmenu-mobile li a.selected {color: #6eafdd !important;}
	
	.bg-header .menu-toggle, .bg-menu .menu-toggle {display: block !important; position: absolute; top: 0px; right: 10px; color: #fff;}
	.dance .bg-menu .menu-toggle, .oktoberfest .bg-menu .menu-toggle {color: #000; position: static; margin-left: auto; width: 56px; height: 56px; margin-left: auto; padding: 10px 10px;}
	.bg-header .menu-toggle i, .bg-menu .menu-toggle i {display: block !important; cursor: pointer; height: 50px; width: 36px; text-align: center; line-height: 36px; font-size: 1.7em; padding-top: 6px;}
	
	.oktoberfest .bg-menu .menu-toggle i, .dance .bg-menu .menu-toggle i {padding-top: 0;}
	
	.oktoberfest .bg-header .menu-toggle i {line-height: 25px;}
	
	.bg-header .menu-expand, .bg-menu .menu-expand {position: absolute; right: 0; width: 48px; height: 46px; top: 0; text-align: center; cursor: pointer; border-left: 1px solid #fff;}
	.dance .bg-menu .menu-expand {}
	.oktoberfest .bg-menu .menu-expand {} 
	.bg-header .menu-expand i, .bg-menu .menu-expand i {color: #fff; line-height: 16px; height: 16px; width: 16px;}
	.dance .bg-menu .menu-expand i, .oktoberfest .bg-menu .menu-expand i {color: #000;}
	.bg-header .menu-expand:hover i, .bg-menu .menu-expand:hover i {color: #6eafdd; }
	.dance .bg-menu .menu-expand:hover i {color: #00806f; }
	.oktoberfest .bg-menu .menu-expand:hover i {color: #66452d; }
	  
	/* menu is moved into toptext and transformed into dropdown*/

	.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-menu  { display: none;}
	.bg-clear, .bg-light, .bg-blue, .bg-blue-mid, .bg-blue-light, .bg-orange, .bg-yellow, .bg-gray {padding: 30px 20px;}
	tr.bg-gray, tr.bg-gray-lightest, tr.bg-blue {padding: 0;}
	
	.hours-btn, .tickets-btn, .rotating-btn, .donate-btn {display: none;}
	#toplogo {display: none;}
	
	.satisfi_chat-button, .satisfi_chat {right: 2rem !important; left: auto !important; max-width: 100%;}
	.satisfi_chat-button { bottom: 6rem !important; }
	
	/* Backgrounds */
	
	.bg-gray-light.arrow-bot, .bg-light.arrow-bot {padding: 80px 20px 20px;}
	
	.bg-slideshow { overflow: visible !important; padding-top: 0px !important;}
	.home-slideshow  {background: none; }
	.home-slideshow .slideshow-background {min-height: 250px; height: auto !important;}
	.home-slideshow > div {REMmin-height: 0;}
	.home-slideshow .copy { display: block; position: relative !important; width: 100% !important; padding: 20px 20px 0;}
	.home-slideshow .copy-inner {  width: 100% !important; max-width: 100%; height: auto !important; position: static; }
	.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: #f5cc51;}
	.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: #f47c4b !important;}
	.inner-slideshow a:hover {color: #5B7BDD !important;}
	
	.dance .home-slideshow .slideshow-background, .oktoberfest .home-slideshow .slideshow-background, .dance .home-slideshow .background-slideshow, .oktoberfest .home-slideshow .background-slideshow {min-height: 150px;}
	//.dance .bg-slideshow #toplogo {top: 7px; width: 150px;}
	.dance .bg-slideshow #toplogo {top: 30%; width: 200px;}

	.oktoberfest .bg-slideshow #toplogo {top: 7px; width: /*324*/280px;}
	
	iframe:not(#rchWidget, #iFrameResizer0, .uwif) {width: 100% !important; height: auto !important;}
	.satisfi_chatMobile iframe:not(#rchWidget).satisfi-iframe {height:100% !important;}
	iframe.hero-iframe {height: 50vh !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;}
	

	
	/* 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%; }
	
	/* 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 { width: 100% !important; }
	.x-block > .x-cell-container { width: 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: #808080 !important; }
	
	.article-row { display: block; } 
	.article-row-reverse { display: block; }
	.article-slideshow h1{ position:relative !important; top: 0 !important; text-align: center; }
	
	.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 #f5cc51; }
	#topmenurecall.news-menu.new { text-align: center !important; }
	ul.new.news-menu li { display: block !important; width: 60% !important; margin: auto !important; }
	
	/*-------------- 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: #808080 !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;}
	
	/*-------------- Hours Page ----------------*/	
	
/*-.rink-table {width: 100%; height: auto; overflow: scroll; margin-bottom: 15px;}
top and bottom scroll.-*/		

/* .dummy-wrapper, */
	.rink-table {
	  width: 100%;
	  height: auto;
	  overflow-x: scroll;
	  overflow-y:hidden;
	} 

	/*.dummy-wrapper {height: 20px; }  */
	.rink-table {height: auto; }

	.dummy-table {
	  width:100%;
	  height: 20px;
	}

	.rink-table table {
	  width:100%;
	  height: auto;

	  overflow: auto;
	}
/*-END top and bottom scroll.-*/

/*.dummy-table {min-width: 670px;} */
.rink-table table {min-width: 670px; margin-bottom: 0;}

	
	
	
.rink-table table {min-width: 670px; margin-bottom: 0;}
	.hours-tab {display:none;}
	.hours-tab.mobile-hide {display: block; width: 100% !important;}
	.hours-mobile-tab {width: 100% !important; margin: 0;}
	.categories-tabbed .wrap-tab-container {display: block;}
	.categories-tabbed .hours-tab {position: static; display: inline-block; height: auto !important; width: 100%;}
	
	
	
	
	/* 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: 20px 0 10px !important; }
	.bg-footer .x-cell { padding: 0 10px !important; box-sizing: border-box; -moz-box-sizing: border-box;}
	.footer-menu { float: left; margin-left: 0px; display: table-row; margin-bottom: 20px !important;	}
	.footer-menu a { display: -webkit-box; }
	.bg-footer {text-align: center !important; }
	.bg-footer div {text-align: center !important; }
	.footer-text { margin-left: 10px; } 
	#footer-logo {margin-bottom: 20px !important; margin-top: 30px; }
	
	/*-------------- 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%;}
}

@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: 500; }
	.main-home h1.big, .main-home h2.big { font-size: 1.4em; line-height: 1.25em; }
	.main-home h2 { font-size: 1.7em; }
	.main-home h3 { REMfont-size: 1em; }
	.main-home h3.alt { font-size: .52em !important; }
	 
	.home-slideshow h1 { font-size: 1.65em; }
    .home-slideshow h2  { font-size: 1.1em !important; }
	
	.btn, .button, input[type=submit] { REMfont-size: 0.6em; }
	 .bg-footer .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;}
        .hours-tab .kicker {display:block;}
        .hours-content[data-no='1'] { display: block;}
}

@media screen and (max-width:410px) {
	.anchor { top: -166px; }
}

@media screen and (max-width:350px) {
img.bubble{ max-width: 100% !important;}
}
@media screen and (max-width:1000px) {
.hours-content td {
	display:block;
	width:100% !important;
}
.hours-content table tbody tr:first-child {
    display: none;
}
.hours-content td:before {
    font-weight: bold;
    display: block;
}
.hours-content td:first-child {
	background: #f5cc51;
}
.hours-content td:nth-child(2):before {
    content: "Rides";
}
.hours-content td:nth-child(3):before {
    content: "Mini Golf";
}
.hours-content td:nth-child(4):before {
    content: "Midway Games";
}
.hours-content .hauntedamusement td:nth-child(4):before {
    content: "Haunted Houses";
}
.hours-content .oktoberfest-hours td:nth-child(2):before {
    content: "Festival Hours";
}
.hours-content .oktoberfest-hours td:nth-child(3):before {
    content: "Amusement Park";
}
.hours-content .scaregrounds td:nth-child(3):before {
    content: "Midway Hours";
}
.hours-content .oktoberfest-hours td:nth-child(4):before {
    content: "Open Skate Sessions";
}
.hours-content .oktoberfest-hours td:nth-child(5):before {
    content: "Skate Classes";
}
.hours-content .scaregrounds td:nth-child(4):before {
    content: "Roller Rink Hours";
}
.hours-content .scaregrounds td:nth-child(2):before {
    content: "Haunt Hours";
}
.hours-content .rollerrink td:nth-child(2):before {
    content: "Open Skate Sessions";
}
.hours-content .rollerrink td:nth-child(3):before {
    content: "Specialty Skate Sessions";
}
.hours-content .rollerrink td:nth-child(4):before {
    content: "Private Rentals";
}
.hours-content .rollerrink td:nth-child(5):before {
    content: "Skate Classes";
}
.hours-content .rollerrink td:nth-child(6):before {
    content: "Mini Golf";
}
.hours-content .spring td:nth-child(3):before {
    content: "Roller Rink";
}
.hours-content .spring td:nth-child(4):before {
    content: "Specialty Skate Sessions";
}
.hours-content .spring td:nth-child(5):before {
    content: "Private Rink Rentals";
}
.hours-content .spring td:nth-child(6):before {
    content: "Skate Classes";
}
.hours-content .spring td:nth-child(2):before {
    content: "Amusement Park";
}
#topmenu > li:not(.islast)::after, .category-menu > li:not(.islast)::after {display:none;}
}

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

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

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

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

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

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

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


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

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

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

/*---------------------------------------------*/
/* Stylesheet: 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: #808080; } 
.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: #ffecb3; color: white; } 
.bg-primary-1-light {background: #ffe187; color: white; } 
.bg-primary-1 {background: #f5cc51; color: white; } 
.bg-primary-1-dark {background: #DCB749; 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: #c19a25; 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: #5B7BDD; color: white; } 
.bg-secondary-1 {background: #f47c4b; 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: #f47c4b; } /* FOREGROUND THEME */
 .fg-secondary-1 a { color: #f47c4b !important; }
.bg-secondary-2 {background: #00a859; 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: #00e67a; 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: #6e4d8b; color: white; } 
.bg-secondary-4 {background: #51a8b1; color: white;} 

.darker-text { color: #c19a25 !important; }