/* cmsms stylesheet: foundation_styles modified: 03/10/23 05:38:16 */

body {
  overflow-x: hidden;
}

.no-js .title-bar {
  display: none;
}

.no-js #countdown {
  opacity: 0;
}


:focus {outline:none !important;}
::-moz-focus-inner {border:0 !important;}

body, h1, h2, h3, h4, h5, h6 {
  color: #111130;
  font-family: 'Roboto', sans-serif;
}

h2 {
  color: #991A36;
  text-transform: uppercase;
  font-size: 1.5rem;
  font-weight: bold;
  margin-bottom: 2rem;
  margin-top: 2rem;
}

.screen {
  background: #F1F1F2;
}

#content h3 {
  text-transform: uppercase;
  font-size: 1.75rem;
  font-weight: bold;
}

#content em {
  color: #991A36;
}

#content em.notice {
  color: #991A36;
  font-weight: bold;
  font-size: 1.5rem;
  display: inline-block;
  margin-top: 2rem;
  margin-bottom: 2rem;
}

#content .text-center ul {
  list-style-position: inside;
}

#content .text-center table {
  width: auto;
  margin: 0 auto;
  text-align: left;
}

#content th {
  background: rgba(17,16,48,0.2);
  border: 1px solid rgba(17,16,48,0.2);
}

#content td {
  border: 1px solid rgba(17,16,48,0.2);
}

#content .unstriped td {
  background: rgba(17,16,48,0.2);
}

.v-space {
  height: 2rem;
}

.pad {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

a {
  color: #111130;
  transition: all 0.2s ease;
}

#content a {
  color: #991A36;
}

a:hover, a.menuactive, .menu .is-active>a {
  color: #991A36;
}

.button {
  background: #111130;
  border-radius: 5px;
}

.button:hover {
  background: #991A36;
  color: white;
}

.corner {
  border-radius: 5px;
}

.upper {
  text-transform: uppercase;
}

.divider {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

#home-top {
  height: 350px;
  background-image: url(https://mail.whatcommemorialdayparade.com/assets/images/flag.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

#home-bottom {
  padding-top: 40px;
  padding-bottom: 40px;
  z-index: 100;
  position: relative;
background-color: #111130;
}

#home-bottom > div > div {
  height: auto;
}

#home-bottom .button, #content form .button, #content .button.button-dark {
  margin-top: 1.5rem;
  border: 1px solid white;
  text-transform: uppercase;
  background: #991A36;
}

#home-bottom .button:hover {
  background: rgba(17,16,48,0.2);
}

#content form .button:hover {
  background: #111130;
}


#home-nav {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

#home-logo {
  max-height: 200px;
  margin-top: 2rem;
}

#home-bottom p {
  color: white;
  margin: 0;
  margin-bottom: 0.5rem;
}

#home-bottom a {
  color: #991A36;
}

.countdown-line-1 {
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  font-size: 1.5rem;
  line-height: 1.5rem;
  padding-bottom: 0.75rem;
}

.countdown-line-2 {
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 300;
  font-size: 1.5rem;
  line-height: 1.5rem;
  padding-bottom: 2.5rem;
}

.countdown-line-3 {
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 300;
  font-size: 1.25rem;
  color: white;
}

.countdown-line-4 {
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 1rem;
  font-weight: 300;
}

.countdown {
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 300;
  font-size: 1.1rem;
}

.star {
  vertical-align: top;
  height: 0.75rem;
  margin: 0 1rem;
}

.star-inline {
  vertical-align: 5px;
  height: 0.75rem;
  margin: 0 1rem;
}

.border {
  border: 2px solid white;
  padding: 0.25rem 1rem;
}

.home-buttons a img {
  max-width: 300px;
  margin: 2rem;
}

.home-buttons a img:hover {
  opacity: 0.8;
}

#sponsors {
  position: relative;
  background: rgba(17,16,48,0.2);
  padding-top: 100px;
  padding-bottom: 100px;
  z-index: 10;
}

#sponsors h2 {
  font-weight: 700;
  font-size: 1.5rem;
  margin-bottom: 2rem;
}

#sponsors .border {
  border-color: #111130;
}

#logo {
  height: 150px;
  padding: 1rem 0;
}

#content .heading1 {
  color: #991A36;
  font-size: 2rem;
  font-weight: 900;
//  padding: 2rem 0 0.5rem 0;
  margin: 0;
}

.line {
  border-top: 8px solid #111130;
}

#content {
  padding-bottom: 4rem;
}

#footer {
  padding: 2rem 0;
  background: white;
  font-size: 0.9rem;
}

#footer h3 {
  font-size: 0.9rem;
  text-transform: uppercase;
  margin-bottom: 1rem;
}

#footer a {
  color: black;
  text-decoration: none;
}

#footer a:hover {
  color: #991A36;
}

#footer .button, #content .button {
  background: transparent;
  border: 1px solid #991A36;
  font-style: italic;
  min-width: 140px;
}

#footer .button:hover, #content .button:hover {
  background: #111130;
  color: white;
}

#footer-logo {
  max-width: 140px;
  margin-bottom: 2rem;
}

#footer-bottom {
  font-size: 0.8rem;
  padding-top: 2rem;
  border-top: 1px solid rgba(17,16,48,0.2);
}

#footer-bottom a {
  color: #991A36;
  text-decoration: underline;
}

#footer-bottom a:hover {
  color: #111130;
}

.social-icons {
  margin-bottom: 2rem;
}

.social-icons a {
  width: 30px;
  display: inline-block;
  margin: 0 0.5rem;
}

.social-icons a:hover {
  opacity: 0.8;
}



.title-bar {
  background: #111130;
}

#home-nav .is-drilldown, #home-nav .drilldown .is-drilldown-submenu {
  background: #111130;
}

#dropdown-menu a {
  color: #991A36;
  font-weight: 500;
}

#home-nav #dropdown-menu a {
  color: white;
}

#home-nav #dropdown-menu a:hover, #home-nav #dropdown-menu .is-active>a, #home-nav #dropdown-menu .menuactive>a {
  opacity: 0.7;
}

#dropdown-menu a:hover, #dropdown-menu .is-active>a, #dropdown-menu .menuactive>a {
  color: #111130;
}

.dropdown.menu.medium-horizontal>li.is-dropdown-submenu-parent>a::after {
  border-color: #991A36 transparent transparent;
}

.is-dropdown-submenu {
  border: 0;
  background: #111130;
}

#dropdown-menu .is-dropdown-submenu a {
  color: white;
}

#dropdown-menu .is-dropdown-submenu a:hover, #dropdown-menu .is-dropdown-submenu a.menuactive {
  color: #991A36;
}

.sectionheader>a {
  cursor: default;
}

.drilldown .is-drilldown-submenu-parent>a::after, .drilldown.align-left .is-drilldown-submenu-parent>a::after {
  border-color: transparent transparent transparent #991A36;
}

.drilldown .js-drilldown-back>a::before {
  border-right-color: #991A36;
}

.drilldown .is-drilldown-submenu {
  background-color: white;
}

.drilldown a {
  background-color: transparent;
}

.page-nav {
  margin-top: 2rem;
}







/* Small only */
@media screen and (max-width: 39.9375em) {

  #content .unstriped tbody tr, #content .unstriped td {
    border-bottom: 0;
  }

}

/* Medium and up */
@media screen and (min-width: 40em) {

  .menu.medium-align-right {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }

  #home-nav {
    background: transparent;
  }

  #home-logo {
    max-height: 400px;
    margin-top: 0;
  }

  #home-top {
    height: 600px;
  }

  #home-bottom > div > div {
    height: auto;
  }

  .countdown {
    font-size: 1.5rem;
  }

  .countdown-line-1 {
    font-size: 2.25rem;
    line-height: 2rem;
  }

  .countdown-line-2 {
    font-size: 2.5rem;
    line-height: 2rem;
  }

  .countdown-line-3 {
    font-size: 1.75rem;
  }

  .countdown-line-4 {
    font-size: 3rem;
    line-height: 3rem;
  }

  #content h1 {
    padding: 2rem 0;
  }

}

/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {}

/* Large and up */
@media screen and (min-width: 64em) {

}

/* Large only */
@media screen and (min-width: 64em) and (max-width: 74.9375em) {}

/* X-Large and up */
@media screen and (min-width: 75em) {

}
p.home-buttons {
    text-align: center;
}
/* cmsms stylesheet: foundation_perspective modified: 01/04/20 15:34:30 */
/* the container */
.logo_perspective {
	position:relative;
}
.logo_perspective img {
border: 10px solid white;
	max-width:none;
	max-height:none;
	/*-webkit-box-sizing:content-box;
	-moz-box-sizing:content-box;
	box-sizing:content-box;		*/
}
.lbg_perspective_grayscale {
 	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
	filter: gray; /* IE6-9 */
	-webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */	
	-o-filter: grayscale(100%);
}
.lbg_perspective_grayscale.disabled {
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
	-webkit-filter: grayscale(0%);
	-o-filter: grayscale(0%);
}
.logo_perspective_list {
	margin:0;
	padding:0;
	list-style:none;
	display:none;
}

.logo_perspective .contentHolder {
	position:relative;
	overflow:hidden;	
}
.mycanvas {
	position:absolute;
	top:8px;
	right:10px;
	z-index:1000;
}

.myloader {
	background:url(https://mail.whatcommemorialdayparade.com/assets/images/skins/loader.gif);
	width:37px;
	height:37px;
	position:absolute;
	left:49%;
	top:49%;
	z-index:999;
}

.hideElement {
	display:none;
}

/***white SKIN***/
.logo_perspective.white .contentHolderUnit {
	position:absolute;
	overflow:hidden;
	cursor: pointer;
	border-style:solid;	
}



.logo_perspective.white .bannerControls {
	position:absolute;
	left:0;
	top:0;
	z-index:101;
	width:100%;
}

.logo_perspective.white .leftNav {
	position:absolute;
	left:-2px;
	width:40px; /*32px*/
	height:34px; /*32px*/
	cursor: pointer;
}

.logo_perspective.white .leftNav::after {
  color: #111130;
  content: "◀";
  font-size: 2rem;
}

.logo_perspective.white .leftNav:hover {
  opacity: 0.75;
}

.logo_perspective.white .rightNav {
	position:absolute;
	right:-2px;
	width:40px; /*32px*/
	height:34px; /*32px*/
	cursor: pointer;
}

.logo_perspective.white .rightNav::after {
  color: #111130;
  content: "▶";
  font-size: 2rem;
}

.logo_perspective.white .rightNav:hover {
  opacity: 0.75;
}

.logo_perspective.white .bottomNav {
	position:absolute;
	height:35px;
	width:0;
	padding-left:9px;
	z-index:140;
}

.logo_perspective.white .bottomNavButtonOFF {
	float:left;
	display:block;
	width:12px;
	height:12px;
	background:url(https://mail.whatcommemorialdayparade.com/assets/images/skins/white/bottomNavOFF.png) 0 0 no-repeat;
	padding-left:9px;
	cursor: pointer;
	-webkit-box-sizing:content-box;
	-moz-box-sizing:content-box;
	box-sizing:content-box;			
}

.logo_perspective.white .bottomNavButtonON {
	float:left;
	display:block;
	width:12px;
	height:12px;
	padding-left:9px;
	background:url(https://mail.whatcommemorialdayparade.com/assets/images/skins/white/bottomNavON.png) 0 0 no-repeat;
	cursor: pointer;
	-webkit-box-sizing:content-box;
	-moz-box-sizing:content-box;
	box-sizing:content-box;			
}

.logo_perspective.white .bottomNavLeft {
	display:none;
	position:absolute;
	z-index:140;
}
.logo_perspective.white .bottomNavRight {
	display:none;
	position:absolute;
	z-index:140;
}

.logo_perspective.white .bottomOverThumb {
	position:absolute;
	width:88px;
	height:106px;
	background:url(https://mail.whatcommemorialdayparade.com/assets/images/skins/white/bottomOverThumbBg.png) 23px bottom no-repeat;
	bottom:27px;
	xleft:0px;
	margin-left:-25px;
}
.logo_perspective.white .bottomOverThumb img {
	border:4px solid #ffffff;
}


/* jQuery-UI TOOL TIP */

.ui-tooltip {	
	padding:8px;
	position:absolute;
	z-index:9999;
}

.ui-tooltip, .lbg_perspective_arrow:after {
	background: #333;
}
.ui-tooltip {
	background: #333;
	color: #FFFFFF;
	padding: 8px 8px;
	border-radius: 4px;
}
.lbg_perspective_arrow {
  width: 70px;
  height: 16px;
  overflow: hidden;
  position: absolute;
  left: 50%;
  margin-left: -33px;
  bottom: -16px;
}
.lbg_perspective_arrow.top {
	top: -16px;
	bottom: auto;
}
.lbg_perspective_arrow.left {
	left: 20%;
}
.lbg_perspective_arrow:after {
  content: "";
  position: absolute;
  left: 20px;
  top: -20px;
  width: 25px;
  height: 25px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  tranform: rotate(45deg);
}
.lbg_perspective_arrow.top:after {
	bottom: -20px;
	top: auto;
}