/* This file contains page styles for OneontaSoccerClub.org */

/* Fonts
font-family: 'Antic Slab', serif;
font-family: 'Comfortaa', cursive;
font-family: 'PT Sans', sans-serif;
font-family: 'Economica', sans-serif;
 */


/***************
UNIVERSAL STYLES
***************/

/* Full Page */
body {
  text-align:center;
}
p,a,h3,li,td {font-family:'PT Sans', sans-serif;}
p {font-size:1em;}

h1 {
  font-family:'Comfortaa', cursive;
  font-size:2.4em;
}
h2 {
  padding-top:3rem;
  font-family:'Antic Slab', serif;
  font-size:1.2em;
  line-height:1em;
  border-bottom:1px solid currentColor;
  text-transform:uppercase;
  margin:0 0 1.5rem 0;
}
h1 span,
h2 span,
a.more-link span {display:inline-block;}

h3 {
  text-transform:uppercase;
  font-size:1em;
}
.text-shadow {text-shadow: 1px 2px 3px #696969;}
a.more-link {
  text-transform: uppercase;
  color:currentColor !important;
  float:right;
  font-family:'Antic Slab', serif;
  font-size:1.2em;
  text-decoration: none !important;
}
a.more-link::after {
  content:"\00a0>>";
}
.button.rounded {border-radius:5px;}
.body {text-align:left;}
.body a {text-decoration: underline;color:currentColor;} 

/* Turn Links Blue */
.body a {
  text-decoration:none;
  border-bottom:1px dotted #3C53BD;
  color:#3C53BD;
}
.body a:hover {
  border-bottom:1px dotted transparent;
}
.body a.button,
#home .quicklinks a,
a.more-link,
a.thumbnail,
a.fresco,
.affiliates a {border-bottom:none;}
span.highlight {
  background-color:yellow;
  display:inline-block;
  padding:1px 4px 0px 4px;
  border:1px solid #ccc;
}
ul.indent li {margin-left:1rem;}
ul.ind-span span {margin-left:1rem;display:block;font-size:85%;}
ul.nobullet li{list-style-type:none;}
a.anchor{
  display:block;
  position:relative;
  top:-90px;
  visibility:hidden;
}
a.inactive {
  opacity: 0.55;
}

a.inactive:hover {
  cursor:default;
}


/* Material Design-Style Box-Shadows */

.shadow-depth-1,
.hover-depth-1 {
  box-shadow: 0 1px 3px rgba(0,0,0,0.24), 0 1px 2px rgba(0,0,0,0.24);
  transition: box-shadow 0.2s ease-in-out;}
html.no-touch .hover-depth-1:hover {box-shadow: 0 10px 20px rgba(0,0,0,0.4), 0 6px 6px rgba(0,0,0,0.23);}
.shadow-depth-2,
.shadow-depth-3 {box-shadow: 0 10px 20px rgba(0,0,0,0.4), 0 6px 6px rgba(0,0,0,0.23);}

/* Header and Side Menu */

.header {
  position:fixed;
  background-color:#fff;
  text-align:right; 
  width:100%;
  z-index:2;
}
.soc-med {
  position:fixed;
  top:1rem;
  right:1rem;
  display:block;
  visibility:visible;
  -webkit-transition: visibility .5s; /* Safari */
  transition: visibility .5s;
  -webkit-transform: scale(.9);
  transform: scale(.9);
  transform:translateZ(0);
  -webkit-font-smoothing: subpixel-antialiased;
}
.soc-med img {
  position:relative;
  top:-.2rem;
  height:1.6rem; 
  margin-left:7px; 
  opacity:1; 
  -webkit-transition: opacity .5s; /* Safari */
  transition: opacity .5s;
}
.soc-med p,
#recreation.programs.lil-osc .soc-med p {
  font-family: 'Comfortaa', cursive;
  font-size: .8em;
  text-transform:uppercase;
  color:#8f8f8f;
  -webkit-transition: color .5s; /* Safari */
  transition: color .5s;
  margin-bottom:0;
}
.logo {
  width:190px; 
  text-align:left;
  -webkit-transition: width .5s ease-in-out; /* Safari */
  transition: width .5s ease-in-out;
  float:left;
}
.nav a,
.off-canvas a {
  font-family: 'Antic Slab', serif;
  color:#000;
  font-size: 1.1em;
  text-transform:uppercase;
  border-bottom:solid #fff 4px;
  background-color:#fff;
  text-decoration:none;
}
.nav a span,
.off-canvas a span {
  text-transform:lowercase;
}
.off-canvas {text-align:left; background-color:#fff;}
.off-canvas li:first-child {padding-top:8em;}

.header > .nav > .dropdown.menu > li.is-dropdown-submenu-parent > a {text-align:center; padding-right:15px;}
.dropdown.menu > li.is-dropdown-submenu-parent > a::after {
  border-color: #000 transparent transparent;    /* Turn Foundation dropdown arrow to black */
  right:0;
}

.nav a.active {border-bottom:solid #000 4px;}
.nav a:hover, .nav a:focus {border-bottom:solid #d9d9d9 4px;} 

.header { 
  display:grid; 
  grid-template-columns:190px auto;
}
.header > .nav > .menu {
  height:158px;
  display:flex;
  flex-wrap:wrap;
  flex-direction:row;
  justify-content: flex-end;
  align-items:center;
  align-content:center;
}
.header > .nav > .menu > li {
  padding: 5px 1rem;
}
.header > .nav > .menu > li > a {
  padding: 0 .5rem;
  line-height: 1.2;
  /* height:152px; */
  -webkit-transition: line-height .5s ease-in-out, height .5s ease-in-out; /* Safari */
  transition: line-height .5s ease-in-out, height .5s ease-in-out;
}
#sub { top:50px; }
#sub > li {
  border:solid black 1px;
  border-top:none;
}
.is-dropdown-submenu-parent.opens-inner > .is-dropdown-submenu { right:0; /* fixes mozilla bug */ }
#sub > li > a {
  text-align:left;
  line-height: 2.5em;
  height:auto;
  white-space:nowrap;
  border-left:solid white 5px;
  border-bottom:none;
}
#sub > li > a:hover {
  border-left:solid #d9d9d9 5px;
}
.off-canvas .menu a.active {font-weight:900;font-style:italic;}

.small-vers .soc-med {visibility:hidden;}
.small-vers .soc-med p {color:#fff;}
.small-vers .soc-med img {opacity:0;}
.small-vers .logo {width:110px;}
.header.small-vers > .nav > .menu {
  height:75px;
}
.menu-button {
  position:absolute; 
  top:3.2rem; 
  right:2rem;
  color:black;
  font-size:3em;
  -webkit-transition: top .5s ease-in-out; /* Safari */
  transition: top .5s ease-in-out;
}
.small-vers .menu-button {top:.4rem;}

.menu-spacer {width:100%;height:152px;background:url('../images/diamond_upholstery_@half.png') repeat;} /* Style under menu - shows during transition */

/* Footer */

#footer {
  background-color:#464646;
  color:#fff;
}
#footer p {margin:0;padding:.4em 1em .25em 1em;}
.copy {font-family:'Comfortaa', cursive;text-transform: uppercase;}
.design-by a {font-family:'Economica', sans-serif;color:#fff;}
.design-by span {font-size:1.2em;line-height: 1em}

/* Universal Reveal-Modal Styles */

#home .reveal .close-button,
.not-home .reveal .close-button {
  color:black;
  text-shadow: -1px 0 2px #fff,0 1px 2px #fff,1px 0 2px #fff,0 -1px 2px #fff !important;
  margin-top:0;
  margin-right:8px;
  font-size:3.5em;
}



/* Media Queries */

@media screen and (max-width:70.625rem) {
  /* .header .menu > li > a {padding: 0 1rem;}
  .nav {padding-right:10px;} */
}

@media screen and (max-width:900px) {
  /* .header .menu > li > a {
    padding: 0 .5rem;
    font-size:1em;
  } */
}

@media screen and (max-width:750px) {
  .header > .nav > .menu > li > a {
    padding: 0;
    font-size:.8em;
  } 
}

@media screen and (max-width:639px) {
  h1 {font-size:1.8em;}
  p {font-size:1em;}
  img.small-12,
  .small-12>img {width:100%;}
  .header {text-align:center;}
  .nav {display:none;}
  .soc-med img {
    height:2.2rem;
    -webkit-transition: opacity .2s; /* Safari */
    transition: opacity .2s;
  } 
  .logo {
    width:150px; 
    margin-left:10px;
    -webkit-transition: margin-left .5s ease-in-out, left .5s ease-in-out, width .5s ease-in-out; /* Safari */
    transition: margin-left .5s ease-in-out, left .5s ease-in-out, width .5s ease-in-out;
  }
  .menu-spacer {height:113px}
  .small-vers .logo {
    width:110px;
    margin-left:0;
    left:0;
  }
  #footer p {
    float:none !important;
    clear:both;
    padding:1em 0 0 0;
    margin:0 auto;
  }
  #footer {padding-bottom:1em;}
}

/***************************************
These Apply to all pages other than Home
***************************************/

.not-home h1 {
  margin-top:3rem;
  margin-bottom:2rem;
}

.not-home .top-banner {margin:0 auto; text-align:center;}

.not-home .inc-margin {margin:0 15px;}

.not-home img.right-corner {position:absolute; right:-30px; top:-30px;}
.not-home img.left-corner {position:absolute; left:-30px; top:-30px;}

@media screen and (max-width:639px) {
  .not-home .inc-margin {margin:0 10px;}
}


/***************
Home Page Styles
***************/

#home h1 {margin:0 0 0 15px;}
#home h2 {margin:0 0 1.5em 15px;}

/* Splash */

#home div.splash {width:100%; margin:0 auto;}
#home div.splash img {width:100%;}
#home .splash img {visibility:hidden;}

@media screen and (min-width:0) and (max-width:639px) {
  #home .splash-sm .splash-1 {background:url(../images/splash_osc19_sm.jpg) no-repeat;background-size:cover;}
  #home .splash-sm .splash-2 {background:url(../images/splash_field_sm.jpg) no-repeat;background-size:cover;}
  #home .splash-sm .splash-3 {background:url(../images/splash_lilosc2020_sm.jpg) no-repeat;background-size:cover;}
  #home .splash-sm .splash-4 {background:url(../images/splash_travel_signups_sm.jpg) no-repeat;background-size:cover;}
  #home .splash-sm .splash-5 {background:url(../images/splash_edi_19_sm.jpg) no-repeat;background-size:cover;}
  #home .splash-md,#home .splash-lg{display:none;}
  #home .splash-sm {display:block;}
}

@media screen and (min-width:640px) and (max-width:1200px) {
  #home .splash-md .splash-1 {background:url(../images/splash_osc19.jpg) no-repeat;background-size:cover;}
  #home .splash-md .splash-2 {background:url(../images/splash_field.jpg) no-repeat;background-size:cover;}
  #home .splash-md .splash-3 {background:url(../images/splash_lilosc2020_lg.jpg) no-repeat;background-size:cover;}
  #home .splash-md .splash-4 {background:url(../images/splash_travel_signups.jpg) no-repeat;background-size:cover;}
  #home .splash-md .splash-5 {background:url(../images/splash_edi_19.jpg) no-repeat;background-size:cover;}
  #home .splash-sm,#home .splash-lg{display:none;}
  #home .splash-md{display:block;}
}

@media screen and (min-width:1201px){
  #home .splash-lg .splash-1 {background:url(../images/splash_osc19_lg.jpg) no-repeat;background-size:cover;}
  #home .splash-lg .splash-2 {background:url(../images/splash_field_lg.jpg) no-repeat;background-size:cover;}
  #home .splash-lg .splash-3 {background:url(../images/splash_lilosc2020_lg.jpg) no-repeat;background-size:cover;}
  #home .splash-lg .splash-4 {background:url(../images/splash_travel_signups_lg.jpg) no-repeat;background-size:cover;} 
  #home .splash-lg .splash-5 {background:url(../images/splash_edi_19_lg.jpg) no-repeat;background-size:cover;}  
  #home .splash-sm,#home .splash-md{display:none;}
  #home .splash-lg{display:block;}
}

/* White Info Section */
#home .splash,
#home .info-wrapper {max-width:1920px;margin:auto;}

#home #info {width:66%;padding:4rem 0 2.5rem 0;}
#home #ball {
  width:33%;
  background-image:url('../images/soccer_ball.jpg');
  background-repeat:no-repeat;
  background-position:100% 50%;
  background-size:auto 80%;
}
#home #info>.row{margin-right:3em;}
#home .news .lead {font-weight: 700;}
#home h2.news {margin-bottom:0;}
#home .news h3 {margin-top:2em; border-bottom:1px dotted #ccc}
#home .news p {font-size:1em;}
#home .news .wideimage {width:100%; margin-bottom:1.5em;}
#home .news .disclaimer {font-size:.8em;}
#home .quicklinks>div {text-align:center;}
#home .quicklinks a {
  font-size:.8em; color:black;
  display:block;      
  -webkit-transition: all .2s ease; /* Safari */
      transition: all .2s ease;
  text-decoration:none;
}
#home .quicklinks a::after {
  content:"\00a0>";
}
#home .quicklinks a:hover {
  -ms-transform: scale(.95); /* IE 9 */
      -webkit-transform: scale(.95); /* Chrome, Safari, Opera */
      transform: scale(.95);
}
#home .quicklinks .inactive {
  opacity: 0.55;
}

#home .quicklinks .inactive a:hover {
  cursor:default;
    -ms-transform: scale(1); /* IE 9 */
      -webkit-transform: scale(1); /* Chrome, Safari, Opera */
      transform: scale(1);
}
#home .shadow a:hover {
  -webkit-filter: drop-shadow( 2px 2px 2px #888 ); /* app.js removes this style from HTML for Safari browsers due to flicker bug */
      filter: drop-shadow( 2px 2px 2px #888 ); 
}
#home .shadow a {
  -webkit-filter: drop-shadow( 3px 3px 4px #aaa );
      filter: drop-shadow( 3px 3px 4px #aaa );
}
#home .quicklinks img {width:80%;margin-bottom:10px;}
#home .quicklinks img.withtag {margin-bottom:-10px;}

/* Blue Info Section */

#home #other-info {
  text-align:left;
  clear:both; 
  background-color:#4c6295;
  padding:0 1em 2em 1em;
  color:#fff;
}
#home #other-info>.row{max-width:1080px;}
#home .sponsor-nm {font-size:1.2em;margin-bottom:0;}
#home .affiliates {padding-top:2em;}
#home .bottom-wrapper {padding-bottom:3em;}
#home .bottom-wrapper>.row {max-width:1080px;}
#home .logo-box {text-align:center;}
#home .logo-box img {max-height:160px;}

#home #form-reveal {
  text-align:left;
  padding:1rem 2rem 3rem 2rem;
}
#home #form-reveal h2 {
  font-size:1.5em;
  font-weight:bold;
  margin:0 0 1.5rem 0;
}

/* Media Queries */

@media screen and (min-width:1350px) {
  #home #info>.row{margin-right:8em;}
}

@media screen and (max-width:63.9375em) { /* Medium or Smaller */
  #home .quicklinks a {padding-top:3em;}
  #home .quicklinks.large-up-5 .forms {margin-left:17%} /* Only active when there are 5 quicklinks */
}



@media screen and (max-width:639px) {
  #home #info {width:100%;padding:2rem 0 0 0;margin-bottom:-1px;}
  #home .small-ball img {margin-top:2rem;}
  #home #info>.row{margin-right:0;}
  #home .quicklinks a {padding-top:3em;}
  #home .mail-icon {margin-left:17%;}
  #home h1 {margin:1rem 0 0 10px;}
  #home h2 {margin:0 0 1.5em 10px;}
  #home #other-info {padding:0 0 2rem 0;}
  #home .logo-box img {max-height:600px;}
  #home .sponsor-info {text-align:center;}
  #home .sponsor-info .more-link {margin-top:1.5rem;}
  #home .sponsor-nm {margin-top:2rem;}
  #home .affiliates {padding-top:3em;margin:0 .5em;}
}

/***************
News Page Styles
***************/

#news .body {margin-bottom:3rem;}
#news .news .lead {font-weight: 700;}
#news h2.news {margin-bottom:0;}
#news .news h3 {margin-top:2rem; border-bottom:1px dotted #ccc}
#news .wideimage {width:100%; margin-bottom:1.5em;}
#news .disclaimer {font-size:.8em;}

/****************
About Page Styles
****************/

#about .contact {min-width:300px;margin-right:40px; position:relative;}
#about .contact .callout {min-width:300px;border-top:6px solid rgba(10, 10, 10, 0.25);}
#about .contact p {font-size:1em;}
#about .contact p.lead {font-size:1.25em;}
#about .body {padding-bottom:0;}
#about .about-programs {
  text-align:left; 
  color:#fff; 
  background-color:#4c6295;
  padding-bottom:3rem;
  margin-top:3rem;
}
#about #footer {margin-top:3rem;}
#about .about-programs a {color:currentColor;}
#about .about-programs ul {padding:0 .5em;}
#about .about-programs .travel {border-left:solid 1px rgba(255,255,255,.2);}
#about .circle-pic {
  text-align:center;
  margin-top:3rem;
  margin-bottom:5rem;
  -webkit-transform:scale(1.4);
          transform:scale(1.4);
}
#about .vol-info li {
  margin-left:15px;
}


@media screen and (max-width:639px) {
  #about .contact {
    margin:3rem auto 0 auto; 
    width:80%;
    float:none !important; 
    clear:both;
  }
  #about .inc-margin {clear:both;}
  #about .about-programs h3 {font-size:1.1em; padding-top:2rem;}
  #about .about-programs ul {padding:0 1.5em;}
  #about .circle-pic {
  margin-top:0;
  margin-bottom:0;
  -webkit-transform:none;
          transform:none;
  }
  #about .travel {margin-top:1rem;padding-top:2rem;border-top:solid 1px rgba(255,255,255,.2);}
}

@media screen and (max-width:359px) {
  #about .right-corner {display:none;}
  #about .contact {width:100%;}
}

/********************
Programs Pages Styles
********************/

/* Programs Links Page */

#programs .prog-options {
    margin:5rem auto;
    text-align:center;
  }
#programs .prog-options a {text-decoration: none;}
#programs .prog-options a:hover p {background-color:#fef502;}
#programs .prog-options p {
  padding:.5em 0;
  border:1px solid #000;
  text-transform:uppercase;
  background-color:#fff;
  position:relative;
  top:-90px;
  white-space:nowrap;
}
#programs .prog-options div {padding:0 2rem;}

@media screen and (min-width:640px) {
  #programs .prog-options div:nth-child(1) {padding:0 1rem 4rem 1rem;}
  #programs .prog-options div:nth-child(2) {padding:2rem 1rem 2rem 1rem;}
  #programs .prog-options div:nth-child(3) {padding:4rem 1rem 0 1rem;}
}

/* Other Pages */

#recreation.programs.lil-osc p {font-size:1em;}
.programs .body {padding-bottom:3em;}
#recreation.programs .body {padding-bottom:0;}
.programs h2 {margin-bottom:0;padding-top:0;}
.programs h3 {margin-bottom:2rem;text-transform:none;opacity:.7;}
.programs span.lc {text-transform:lowercase;}
.programs .pfacts li {list-style-type:none;}
.programs .pfacts .indent {margin-left:4em;}
.programs .pfacts a.button {text-decoration:none;margin-top:5px;}
.programs .tryout-sched {max-width:500px; margin:2rem auto; color:#000; text-align:center;}
.programs .tryout-sched th {text-align:center;}
.programs .tryout-sched td:first-child {font-size:.8em;text-align:left;}
.programs .tryout-sched td strong {font-size:1.2em;}
.programs .blue-section {
  width:100%;
  background-color:#4c6295;
  color:#fff;
  margin:3em 0;
  padding:3em 0;
}
#recreation.programs .blue-section {
  margin-bottom:0;
}
.programs .more-link {padding:.7em;margin-left:3rem; color:#fff !important;}
.programs .more-link[disabled] {opacity:.5; color:#fff !important;}
.programs .more-link[disabled]:hover {background-color:#ec5840;}
.programs p.reg-alert {
  float:right;
  display: inline-block;
  text-align: center;
  line-height: 1;
  vertical-align: middle;
  font-size: .9em !important;
  padding:1em;
  margin: 0 0 3px 0;
  font-size: 0.9rem;
  border: 1px solid #bf3822;
  color:#bf3822;
  background-color:#fff;
  background-color:rgba(255,255,255,0.8);
}
.programs .reg-div {display:block;width:100%;}

@media screen and (max-width:1024px) and (min-width:884px) {
  .programs .gallery>.row {margin:0 5%;}
}

@media screen and (max-width:1024px) {
  .programs .tryout-sched td {text-align:left;}
  .programs .tryout-sched li {width:100%;}
}

@media screen and (max-width:639px) {
  .programs .gallery {margin-top:3rem;}
  .programs .tryout-sched {width:100%;}
}

@media screen and (max-width:374px) {
  .programs .tryout-sched td {font-size:.8em;}
  .programs .tryout-sched td:first-child {font-size:.6em;}
}

/*****************
Events Page Styles
*****************/

#events h1 {margin-bottom:0;}
#events .spacer {width:100%; height:2rem;}
#events h2 {margin-bottom:2rem;}
#events .body {padding-bottom:3em;}
#events .event-img {margin:7rem 0; text-align:center;}
#events .event-img img {width:80%;}

@media only screen and (max-width:639px) {
  #events h2 {margin-bottom:0;}
  #events .event-img {margin:3rem 0;}
}

/****************
Venue Page Styles
****************/

#venue .body {padding-bottom:3rem;}
#venue .callout,
#concussion .callout {
  position:relative;
  padding:3rem 2rem 2rem 2rem;
  margin:3rem 40px 3rem 40px;
  border-top:6px solid rgba(10, 10, 10, 0.25);
}
#venue .top-banner {max-width:1600px;}
#venue .body ul {padding-left:2rem;}
#venue .sidebar p {font-size:1em;}
#venue .map {display:block; border:1px solid #aaa;}
#venue .map img {border:2px solid #fff;}
#venue .restrictions {text-align:center;}
#venue .restrictions img {width:75%;}

@media only screen and (min-width:40em) and (max-width:64em) {
  #venue .restrictions img {width:100%;}
}

@media only screen and (max-width:639px) {
  #venue .sidebar iframe {height:400px;}
  #venue ul {padding-left:1rem;}
  #venue .callout,
  #concussion .callout {
    margin:3rem auto; 
    padding:3.5rem 1rem;
    width:80%;
    float:none !important; 
    clear:both;
  }
}
@media screen and (max-width:359px) {
  #venue .left-corner {display:none;}
  #venue .callout,
  #concussion .callout {width:100%;padding:2em;}
}

/**************
FAQ Page Styles
**************/

#faq p.q {font-size:1.4em;font-weight:700;}
#faq .body {padding-bottom:3rem;}

#faq .callout {
  position:relative;
  padding:3rem 2rem 2rem 2rem;
  margin:0 40px 0 0;
  border-top:6px solid rgba(10, 10, 10, 0.25);
}

@media only screen and (max-width:639px) {
  #faq .callout {
    margin:3rem auto; 
    padding:3rem 1rem 2rem 1rem;
    width:80%;
    float:none !important; 
    clear:both;
  }
}

@media screen and (max-width:359px) {
  #faq .right-corner {display:none;}
  #faq .callout {width:100%;padding:3rem 2rem 2rem 2rem;}
}

/***************************
Food and Lodging Page Styles
***************************/

#localservices .body { padding-bottom:2rem; }
#localservices .colorful-header {
  width:100%;
  padding:12px;
  color:#fff;
  font-size:24px;
  font-weight:bold;
  letter-spacing:1px;
}
#localservices #lodging-header {
  background: rgb(102,44,144);
  background: linear-gradient(90deg, rgba(102,44,144,1) 0%, rgba(102,44,144,0.99) 50%, rgba(102,44,144,0.3) 100%);
  margin-top:3rem;
}
#localservices #food-header {
  background: rgb(12,147,70);
  background: linear-gradient(90deg, rgba(12,147,70,1) 0%, rgba(12,147,70,0.99) 50%, rgba(12,147,70,0.3) 100%);
  margin-top:2rem;
}
#localservices #lodging-links img,
#localservices #food-links img { width:75%; } 
#localservices .top-banner { position:relative;}
#localservices .top-banner h1 {
  margin-top:0;
  margin-bottom:0;
  position:absolute;
  bottom:6%;
  right:12%;
  pointer-events:none;
}
#localservices .zoom-notice {
  position:absolute;
  bottom:5px;
  left:5px;
  background-color:rgba(0,0,0,0.5);
  color:#fff;
  padding:5px;
  font-size:12px;
  pointer-events:none;
  text-align:center;
}

#localservices .zoom-notice.m-close {
  position:fixed;
  top:5px;
  left:5px;
  bottom:auto;
  right:auto;
  z-index:999;
  pointer-events:none;
}
#localservices .zoom-notice.m-close p { margin-bottom:0; }

#localservices .zoom-notice span {
  font-weight:bold;
  font-size:14px;
  pointer-events:none;
}

#localservices .sponsor-name { margin-top:1em; }

#localservices .sponsor-name,
#localservices .sponsor-address,
#localservices .sponsor-phone,
#localservices .directions-link {
  display:inline-block;
  font-size:14px;
}

#localservices .directions-link { display:inline; }

@media screen and (max-width:900px) {
  #localservices .top-banner h1 {
    font-size:26px;
    bottom:4%;
    right:8%;
  }
}
@media screen and (max-width:639px) {
  #localservices .top-banner h1 {
    bottom:.5rem;
    right:.5rem;
    font-size:21px;
  }
  #localservices #lodging-links img,
  #localservices #food-links img { width:100%; } 
}

/*******************
Sponsors Page Styles
*******************/

#sponsors .body {padding-bottom:3em;}
#sponsors .sponsors .column p {margin-bottom:0;}
#sponsors .sponsors .column .busname {font-weight:bold;margin:.5em 0 0 0;}
#sponsors .sponsors>div {padding:0 1.5rem;}
#sponsors .field.sponsors>div {padding:0 4rem;}
#sponsors .field.sponsors p {font-size:1em;}
#sponsors .sponsors p {font-size:.9em;}
#sponsors .sponsors p a {display:inline-block;}
#sponsors .sponsors .url a {
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 100%;
}
#sponsors .sponsors>.column>a {border-bottom:none;}
#sponsors .sponsors img {
  margin-top:6rem;
}

/******************
Gallery Page Styles
******************/

#gallery .body {padding-bottom:3rem;}