/* Begin: Notes on modifications to foundation.css itself */
/* There probably should not be any.
/* End:   Notes on modifications to foundation.css itself */
/*========================================================*/
/* Begin: My Modifications to foundation.css put in here  */
body {
  background: #BCE5E6; /*now using color same as invitation ; was #E0FFFF;*/
  /*cursor: url(../images/redgray.png), auto;*/
}
.panel.radius {
  border-radius: 15px; /* makes panel have more rounded edges */
}
/* from line 1712 */
.top-bar-section li:not(.has-form) a:not(.button) {
  font-size: 110%;
}
/* from line 2052 - top bar links for navtop.css */
.top-bar-section li:not(.has-form) a:not(.button):hover {
  color: black; /*white - when using dropdown*/
  background: white; /*#1E90FF - when using dropdown*/
}
/* from line 2121 - top bar dropdown links for navtop.css */
.top-bar-section .dropdown li:not(.has-form):not(.active):hover > a:not(.button) {
  color: white;
  background: #1E90FF;
}
/* from line 3403 - accordion */
.accordion .accordion-navigation.active > a, .accordion dd.active > a {
  background: #FFFFFF; color: navy !important; font-weight: bold;
}
.accordion .accordion-navigation > a, .accordion dd > a {
  background: #E0FFFF;
  color: #222222;
  padding: 1rem;
  display: block;
  font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-size: 1rem;
}
.accordion .accordion-navigation > a:hover, .accordion dd > a:hover {
  background: #D1EEFA; color: navy !important;
}
/* from line 3576 - links */
/* Default Link Styles - if I decide to use any */
  a:hover {
    text-decoration: underline; /* underline ALL links when hovered hover */
  }

/* Typography H1 thru H6 ---------------------------------*/
/* from line 3612 - new sizes for small for entire site - only using h2 now */
h2 small {
  font-size: 70%;
  color: navy; }
/* from line 3617 - new sizes for entire site - small screen */
h2, h3, h4, h5, h6 { /* do not change h1 since it is in the Nav Bar */
  line-height: 1.33 !important; }
h1 {
  font-size: 2rem; } /* 2.125rem */

h2 {
  font-size: 1.33rem; }  /* 1.6875rem */

h3 {
  font-size: 1.25rem; } /* 1.375rem */

h4 {
  font-size: 1.125rem; } /* 1.125rem */

h5 {
  font-size: 1rem; } /* 1.125rem */

h6 {
  font-size: 1rem; } /* 1rem */
/* from line 3783 - new sizes for entire site - medium up screen */
@media only screen and (min-width: 40.063em) {
h2, h3, h4, h5, h6 { /* do not change h1 since it is in the Nav Bar */
  line-height: 1.33 !important; }

h1 {
  font-size: 2rem; } /* 2.75rem */

h2 {
  font-size: 1.750rem; }  /* 2.3125rem */

h3 {
  font-size: 1.5rem; }  /* 1.6875rem */

h4 {
  font-size: 1.25rem; } /* 1.4375rem */

h5 {
  font-size: 1.125rem; } /* 1.125rem */

h6 {
  font-size: 1rem; } } /* 1rem */
/* End: My Modifications to foundation.css put in here    */
/*========================================================*/
/* Begin: My Additions to CSS styles put in here          */
/* HEADER area -------------------------------------------*/
hr.topheader {
  border: solid #B2FFFF;
  border-width: 5px 0 0;
  clear: both;
  margin: 1rem 0 0rem;
  height: 0;
}
/* FOOTER area -------------------------------------------*/
#footer {
  background: #333333;
  padding: 15px 0px 15px 0px; /*add padding to top and bottom of footer area*/
  /*margin-top: 30px; this would put space above footer and below last area*/
}
#footer p, #footer ul.inline-list { margin-bottom: 0; }
#footer p { color: white; font-size: 90%; }
#footer a { color: #D5EEF6; text-decoration: underline;  } /* color was #007095 */
/* MISC --------------------------------------------------*/
.clearit {
  clear: both;
}
/* using these so that right/left arrows show on smartphone */
.clearing-main-prev, .clearing-main-next {
position: absolute;
height: 100%;
width: 40px;
top: 0; }
.clearing-main-prev > span, .clearing-main-next > span {
position: absolute;
top: 50%;
display: block;
width: 0;
height: 0;
border: solid 12px; }
.clearing-main-prev > span:hover, .clearing-main-next > span:hover {
opacity: 0.8; }
.clearing-main-prev {
left: 0; }
.clearing-main-prev > span {
left: 5px;
border-color: transparent;
border-right-color: #cccccc; }
.clearing-main-next {
right: 0; }
.clearing-main-next > span {
border-color: transparent;
border-left-color: #cccccc; }
.clearing-main-prev.disabled, .clearing-main-next.disabled {
opacity: 0.3; }
.clearing-caption { /*NoOp some because they do not look right on smartphone*/
  color: red; /*does NOT work*/
  /*font-size: 1em;*/
  font-weight: bold;
  /*line-height: 0.5;*/
  background: #BCE5E6; /*#ffcc00 - yellow*/
  /*padding: 5px;)*/
}
/* End: My Additions to CSS styles put in here            */