:root {
  --highliteColor1: #00b6f1;
  --highliteColor2: #003046;
  --highliteColor3: #9fcc3b;
  --highliteColor4: #f58220;
  --whiteHighlite: #fff;
}

h1
{
    font-family: Arial, Helvetica, Sans-serif;
    font-size: 3.25rem;
    font-weight: 800;
    line-height: 3rem;
}

h2
{
    font-family: Arial, Helvetica, Sans-serif;
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 2.0rem;
}

h3
{
    color: #666;
    cursor: default;
    display: block;
    font-size: 1rem;
    text-decoration: none;
    text-transform: uppercase;
    margin: 0 0 0.9rem 0;
    padding: 12px 0 0 0;
    font-family: Arial, Helvetica, Sans-serif;
    font-weight: 700;
    font-style: normal;
}


p {
    position: relative;
    display: block;
    font-size: 1rem;
    line-height: 1.7em;
    /* color: #fff; */
    font-family: Arial, Helvetica, Sans-serif;
    font-weight: 400;
    font-style: normal;
}

/* Used to hide Section 508 labels  */
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

/* paragraph css */
.paragraphContainer
{
    margin-bottom: 0;
}

.paragraphContainer.horizontalLine p::before
{
		content: " ";
		border: 2px solid orange;
		display: block;
		width: 10%;
		margin: 0.7rem 0 1.5rem 0;
}

.paragraphContainer.horizontalLine.centerHorizontalLine p::before
{
		margin: 0.7rem auto 1.5rem auto;
}

.paragraphBlock.twoCols
{
    display: flex;
    flex-direction: row;
    padding-top: 0;
}

.paragraphBlock.verticalLine::before
{
    content: " ";
    border: 2px solid orange;
    display: block;
    height: 18px;
    margin: 0 1rem 2rem 0;
    width: 3px;
    padding: 2rem 0;
    position: absolute;
}

.paragraphBlock.centerComponentContent .paragraphContainer,
.paragraphBlock.centerComponentContent .linkContainer,
.paragraphBlock.centerComponentContent .linkContainer2
{
    text-align: center;
    margin: 0 auto;
}

/*** Eyebrow CSS ***/
.paragraphContainer.hasEyebrowBelow h1,
.paragraphContainer.hasEyebrowBelow h2,
.paragraphContainer.hasEyebrowBelow h3,
.paragraphContainer.hasEyebrowBelow h4
{
    margin-bottom: 0;
}

p.paragraphEyebrow
{
    font-size: 1rem;
    margin-bottom: 1rem;
}

.paragraphContainer.hasEyebrowAbove p.paragraphEyebrow
{
    margin-bottom: 0.5rem;
    font-size: 0.85rem;
}

/*** paragraph block CSS ***/

.paragraphCopy
{
    display: block;
}

/*** video embed dimensions ***/

.iframeClass
{
    display: block;
    /* margin: 0 auto; */
    background-color: black;
}

.reveal.modal .iframeClass
{
    width: 100%;
    height: 20rem;
}

.videoComponent
{
    padding-left: 0;
    padding-right: 0;
}

.videoContainer
{
    display: flex;
    width: 100%;
    height: auto;
}

.video_caption p
{
    font-size: 0.85rem;
    margin-bottom: 0.4rem;
}

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

    .videoPageBodyWith iframe
    {
        width: 100%;
        height: 720px;
    }

    .videoSize1080p iframe,
    .videoCaptionBlock a.venobox.videoSize1080p img
    {
        width: 1920px;
        height: 1080px;
    }

    .videoSize720p iframe,
    .videoCaptionBlock a.venobox.videoSize720p img
    {
        width: 1280px;
        height: 720px;
    }

    .videoSize720p .row
    {
        max-width: 80rem;
    }

    .videoSize720p .row .videoContainer
    {
        padding: 0;
    }

    .videoSize480p iframe,
    .videoCaptionBlock a.venobox.videoSize480p img
    {
        width: 720px;
        height: 480px;
    }

    .videoSize480p .videoCaptionBlock
    {
        width: 720px;
        height: auto;
    }

    .videoSize360p iframe,
    .videoCaptionBlock a.venobox.videoSize360p img
    {
        width: 640px;
        height: 360px;
    }

    .videoSize360p .videoCaptionBlock
    {
        width: 100%;
        height: auto;
    }

    .videoSize240p iframe,
    .videoCaptionBlock a.venobox.videoSize240p img
    {
        width: 426px;
        height: 240px;
    }

    .videoSize240p .videoCaptionBlock
    {
        width: 426px;
        height: auto;
    }

    .videoSizeSquare600 iframe,
    .videoCaptionBlock a.venobox.videoSizeSquare600 img
    {
        width: 600px;
        height: 600px;
    }

    .videoSizeSquare600 .videoCaptionBlock
    {
        width: 600px;
        height: auto;
    }

    .videoSizeSquare250 iframe,
    .videoCaptionBlock a.venobox.videoSizeSquare250 img
    {
        width: 250px;
        height: 250px;
    }

    .videoSizeSquare250 .videoCaptionBlock
    {
        width: 250px;
        height: auto;
    }

    .video_caption.videoPageBodyWith
    {
        width: 100%;
        height: auto;
    }

    .videoPageBodyWith .videoCaptionBlock
    {
        width: 100%;
        height: auto;
    }

    .video_caption.videoSize1080p
    {
        width: 1920px;
        height: auto;
    }

    .video_caption.videoSize720p
    {
        width: 95%;
        height: auto;
        margin: 0 auto;
    }

    .video_caption.videoSize480p
    {
        width: 95%;
        height: auto;
        margin: 0 auto;
    }

    .video_caption.videoSize360p
    {
        width: 95%;
        height: auto;
        margin: 0 auto;
    }

    .video_caption.videoSize240p
    {
        width: 95%;
        height: auto;
    }

    .video_caption.videoSizeSquare600
    {
        width: 98%;
        height: auto;
    }

    .video_caption.videoSizeSquare250
    {
        width: 98%;
        height: auto;
    }

    .video_caption.caption-center
    {
        width: 70%;
    }

    section.videoComponent .video_caption
    {
        padding-left: unset;
        padding-right: unset;
    }

    section.videoPageBodyWith .video_caption.caption-center
    {
        width: 100%;
    }

    .spread .spreadCol1.videoCol,
    .spread .spreadCol2.videoCol
    {
        width: 52%;
        padding: 0;
    }

    .spread .spreadCol1.videoCohort,
    .spread .spreadCol2.videoCohort
    {
        width: 48%;
    }

}

/* Large and up */
@media screen and (max-width: 63.9375em)
{
    .videoSize720p iframe,
    .videoCaptionBlock a.venobox.videoSize720p img,
    .videoPageBodyWith iframe
    {
        width: 100%;
        height: 440px;
    }

}

.videoComponent .video_caption
{
    float: none;
    margin-top: 1rem;
}

.videoPageBodyWith .videoContainer,
.videoContainer.videoPageBodyWith
{
    padding: 0;
    width: 100%;
}

.videoCaptionBlock
{
    display: flex;
    flex-direction: column;
}

.column-reverse
{
    flex-direction: column-reverse;
}

.videoCenterAlign
{
    flex-direction: column;
    align-items: center;
}

.videoLeftAlign
{
    flex-direction: column;
    align-items: flex-start;
}

.videoRightAlign
{
    flex-direction: column;
    align-items: flex-end;
}

/*** videocomponent embedded inside another component ***/

.spread .videoContainer iframe
{
    width: 100%;
    height: 360px;
}

/* .spread .videoContainer
{
    padding: 0;
} */

/*** modal video ***/

.videoComponent .venobox
{
    position: relative;
}

.videoComponent .venobox img
{
    width: 100%;
    height: 100%;
}

/*****  Start of Rule additions for background image on paragraph  *****/

/* This is the background image positioning  */
.headerBlock.overlayText
{
		z-index: 10;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
    margin-bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
}

.headerBlock.overlayText.noCurtain
{
		opacity: initial;
}



/* This is the text Overlay positioning  */
.backgroundImage + .paragraphBlock.textOverlay {
    display: block;
    position: absolute;
    z-index: 99;
    height: auto !important;
    width: 80%;
    left: 0;
    right: 0;
    -webkit-transform: translateZ(0);
    margin: auto;
}

.imageBlock.backgroundImage.textOverImage {
    position: absolute;
		width: 100%;
		height: 100%;
		padding: 1rem 0;
		box-sizing: content-box;
		margin-bottom: 2rem;
		z-index: -1;
		background-size: 100%;
		background-position: 0 0;
		background-repeat: no-repeat;
}

.imageBlock.backgroundImage.intrinsic {
    display: block;
}

.para-section .imageBlock.backgroundImage.textOverImage {
    position: relative;
    padding: 0;
}

/* This is the curtain, default color is dark  */
.imageBlock.backgroundImage .imageBlockOverlay.darkCurtain,
.imageBlock.backgroundImage .imageBlockOverlay.lightCurtain,
.backgroundImage + .paragraphBlock .imageBlockOverlay.darkCurtain,
.backgroundImage + .paragraphBlock .imageBlockOverlay.lightCurtain
{
		display: block;
		position: absolute;
    /* position: relative; */
		background-color: rgba(0, 0, 0, 0.7);
		z-index: 10;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
    right: 0;
		color: #fff;
    opacity: 0.7;
    margin: auto;
}

/* Hides the curtain */
.backgroundImage + .paragraphBlock .imageBlockOverlay.hideCurtain,
.imageBlock .imageBlockOverlay.hideCurtain
{
		display: none;
}

/* When curtain is dark color, makes background dark, 70%.  */
.imageBlock.backgroundImage .imageBlockOverlay.lightCurtain,
.backgroundImage + .paragraphBlock .imageBlockOverlay.lightCurtain
 {
    background-color: rgba(0, 0, 0, 0.7);
}

/* When curtain is light color, makes background white, %80.  */
.imageBlock.backgroundImage .imageBlockOverlay.lightCurtain,
.backgroundImage + .paragraphBlock .imageBlockOverlay.lightCurtain
 {
    background-color: rgba(255, 255, 255, 0.8);
}

/* When curtain is dark color, make default text color white.  */
.paragraphBlock.textOverlay .paragraphContainer.darkCurtain > *,
.paragraphBlock.textOverlay .paragraphFootnoteContainer.darkCurtain > * {
		color: white;
}

/* When curtain is light color, makes default text black.  */
.paragraphBlock.textOverlay .paragraphContainer.lightCurtain > *,
.paragraphBlock.textOverlay .paragraphFootnoteContainer.lightCurtain > * {
		color: black;
}

/* Might delete this since there is now a no hover mode */
.paragraphBlock.textOverlay .paragraphContainer.darkCurtain:hover > *,
.paragraphBlock.textOverlay .paragraphFootnoteContainer.darkCurtain:hover > * {
		color: black;
}

/* dark curtain, light overlay text hover */
.imageBlockContainer.lightHoverColor + .paragraphBlock:hover > .paragraphContainer.darkCurtain  > *,
.imageBlockContainer.lightHoverColor + .paragraphBlock:hover > .paragraphFootnoteContainer.darkCurtain  > *,
.paragraphBlock.textOverlay .paragraphContainer.darkCurtain.lightHoverColor:hover > *,
.paragraphBlock.textOverlay .paragraphFootnoteContainer.darkCurtain.lightHoverColor:hover > * {
		color: white;
}

/* dark curtain, dark overlay text hover */
.imageBlockContainer.darkHoverColor + .paragraphBlock:hover > .paragraphContainer.darkCurtain  > *,
.imageBlockContainer.darkHoverColor + .paragraphBlock:hover > .paragraphFootnoteContainer.darkCurtain > *,
.paragraphBlock.textOverlay .paragraphContainer.darkCurtain.darkHoverColor:hover > *,
.paragraphBlock.textOverlay .paragraphFootnoteContainer.darkCurtain.darkHoverColor:hover > * {
		color: black;
}

/* light curtain, light overlay text hover */
.imageBlockContainer.lightHoverColor + .paragraphBlock:hover > .paragraphContainer.lightCurtain  > *,
.imageBlockContainer.lightHoverColor + .paragraphBlock:hover > .paragraphFootnoteContainer.lightCurtain  > *,
.paragraphBlock.textOverlay .paragraphContainer.lightCurtain.lightHoverColor:hover > *,
.paragraphBlock.textOverlay .paragraphFootnoteContainer.lightCurtain.lightHoverColor:hover > * {
		color: white;
}

/* light curtain, dark overlay text hover */
.imageBlockContainer.darkHoverColor + .paragraphBlock:hover > .paragraphContainer.lightCurtain  > *,
.imageBlockContainer.darkHoverColor + .paragraphBlock:hover > .paragraphFootnoteContainer.lightCurtain > *,
.paragraphBlock.textOverlay .paragraphContainer.lightCurtain.darkHoverColor:hover > *,
.paragraphBlock.textOverlay .paragraphFootnoteContainer.lightCurtain.darkHoverColor:hover > * {
		color: black;
}

 .para-section .imageBlock .thumbnail {
  max-height: 100%;
	max-width: 100%;
	width: 100%;
	/* width: calc(100% - 2rem); */
	height: auto;
	/* height: calc(100% - 2rem); */
	position: relative;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;

}

/* Fix for blockgrid oversight (next two properties) */
.headerBlock {
	margin-bottom: 0;
	display: block;
	justify-content: center;
	align-items: center;
	position: relative;
}

.blockGrid3 .headerBlock {
	display: flex;
  width: 100%;
}

/* Save for later
.headerBlock.editMode {
	margin-bottom: 0;
	display: initial;
	align-items: unset;
}
*/

/**  End of additions for background image on paragraph  */



/*** horizontal ***/
.paragraphContainer.horizontalLine.highliteColor1 p::before /*** member light blue ***/
{
    border-color: #00b6f1;
}

.paragraphContainer.horizontalLine.highliteColor2 p::before  /*** member dark blue ***/
{
    border-color: #003046;
}

.paragraphContainer.horizontalLine.highliteColor3 p::before  /*** member green ***/
{
    border-color: #9fcc3b;
}

.paragraphContainer.horizontalLine.highliteColor4 p::before   /*** member orange ***/
{
    border-color: #f58220;
}

.paragraphContainer.horizontalLine.whiteHighlite p::before   /*** member orange ***/
{
    border-color: #fff;
}

/*** vertical ***/
.paragraphBlock.verticalLine .paragraphContainer
{
		padding-left: 2rem;
}

.paragraphBlock.verticalLine.highliteColor1::before /*** member light blue ***/
{
    border-color: #00b6f1;
}

.paragraphBlock.verticalLine.highliteColor2::before  /*** member dark blue ***/
{
    border-color: #003046;
}

.paragraphBlock.verticalLine.highliteColor3::before  /*** member green ***/
{
    border-color: #9fcc3b;
}

.paragraphBlock.verticalLine.highliteColor4::before   /*** member orange ***/
{
    border-color: #f58220;
}

.paragraphContainer.verticalLine.whiteHighlite p::before   /*** member orange ***/
{
    border-color: #fff;
}

.paragraphBlock.verticalLine .paragraphContainer, .paragraphBlock.verticalLine .linkContainer
{
		padding-left: 2rem;
}

.paragraphFootnoteContainer
{
    width: calc(100% - 3rem);
    margin-top:1rem;
    float: left;
    text-align: left;
    padding-top:0.5rem;
    margin: 1rem 1.5rem;
}

.paragraphFootnoteContainer.footnoteDivider,
.blockgridFootnoteContainer.footnoteDivider
{
    border-top:1px solid #c7c7c7;
}

.blockgridFootnoteContainer
{
    width: 100%;
    margin-top:1rem;
    text-align: left;
}

.blockgridFootnoteBlock
{
    width: 50%;
    margin: 0 auto;
}




.paragraphFootnote,
.blockgridFootnote
{
    display: block;
/*     font-style: italic; */
    font-style: normal;
    margin-bottom: 0.6rem;
    line-height: 1rem;
}

small.paragraphFootnote,
small.blockgridFootnote
{
    margin-bottom: 1rem;
    display: block;
}

.centerFootnote
{
    text-align: center;
}

/* footnote css */
/* .footnote
{
    display: block;
    font-size: 0.8rem;
    font-style: italic;
    text-align: center;
    margin: 0 auto;
} */

.error {
    color: #DC1613;
    font-size: 0.9rem !important;
    float: right;
}

/******  Countdown Timer Styling  ******/



.countdownTimer {
  font-family: "Open Sans",sans-serif;
  font-style: normal;
  font-weight: 600;
}

.columnWrapper.hide-timer,
.countdownTimer.hide-timer {
  display: none;
}

.countdownTimer .row {
  /* display: flex; */
  flex-direction: column;
  /* border: 1px dashed #ff0000; */
}

.countdownTimer .counterArea,
.countdownTimer .imageArea {
  flex-grow: 1;
}

.countdownTimer .imageArea img {
  padding: 0.5rem;
}

.countdownTimer .paragraphArea {
  flex-grow: 2;
}

.countdownTimer .columnWrapper {
  margin-left: auto;
  margin-right: auto;
}

.countdownTimer .timerWrapper {
  display: flex;
  flex-direction: column;
  align-items: end;
  /* align-items: center; */
  margin-left: auto;
  margin-right: auto;
  border-radius: 2px;
  position: relative;
}

.countdownTimer .inner-timerWrapper {
width: auto;
margin-left: auto;
margin-right: auto;
}

.countdownTimer .timerWrapper.showBorder .inner-timerWrapper {
    box-shadow: 0 0 5px 0 rgba(0,0,0,.2);
    padding: 1rem;
}

.countdownTimer .timerWrapper.editRed {
  background-color: #ffaaaa;
  padding-top: 1rem 0.75rem;
}

.countdownTimer .timerWrapper.editRed::after {
  content: "Timer Hidden";
}

.countdownTimer .timerWrapper.editRed {
  background-color: #ffaaaa;
  padding-top: 1rem 0.75rem;
}

.countdownTimer .timerWrapper.hideMe,
.countdownTimer .timerWrapper.editHide {
  display: none;
}

.countdownTimer .timerWrapper .inner {
  /** display: flex; **/
  /** align-items: start; **/
  display: table;

}

.countdownTimer .timerWrapper .dismissBlk {
  justify-content: flex-end;
  padding: 0 0.25rem 0 0;
  height: 1.25rem;
}

.countdownTimer .timerWrapper .inner.bf-top,
.countdownTimer .timerWrapper .inner.af-top {
  align-items: start;
}

.countdownTimer .timerWrapper .inner.bf-middle,
.countdownTimer .timerWrapper .inner.af-middle {
  align-items: center;
}

.countdownTimer .timerWrapper .inner.bf-bottom,
.countdownTimer .timerWrapper .inner.af-bottom {
  align-items: end;
}

.countdownTimer .columnWrapper .column {
  align-items: center;
  flex-direction: column;
  display: table-cell;
  float: none;
  vertical-align: middle;
}

.countdownTimer .staticParagraph .column {
  display: block;
}

.countdownTimer .counterBlock {
    /* display: flex; */
    /* align-items: baseline; */
  display: block;
  padding-left: 0;
}



.countdownTimer .counter-inner {
  text-align: center;
  display: flex;
  justify-content: center
}

.countdownTimer .counter-inner.hideImg {
  display: block;
}

.countdownTimer .counterArea p {
  padding: 0;
  margin: 0;
}

.countdownTimer .timer {
  display: block;
  margin: 0 0.6rem 0 0.6rem;
  padding: 0;
  /* border: 1px dashed #ffcc00; */
  max-width: 100%;
}

.countdownTimer .imageBlock {
  padding: 0;
  display: table-cell;
  width: auto;
}

.countdownTimer .imageArea .image {
  display: inline-block;
  margin: 0 0.625rem 0.625rem 0.625rem;
  padding: 0;
  /* border: 1px dashed #ffcc00; */
  max-width: 100%;
  width: auto;
}

.countdownTimer .timer__item {
  display: inline-block;
  text-align: center;
  padding: 0.3rem 0.5rem 0.3rem 0.5rem;
}

.countdownTimer .countDelimiter {
    /* display: flex; */
    /* align-items: baseline; */
  display: inline-block;
  line-height: initial;
}

.countdownTimer .timer__item + .timer__item {
  margin-left: 1.25rem;
}

.countdownTimer .timer__value,
.countdownTimer .timer__label {
  display: block;
}

.countdownTimer .timer__value {
  font-size: 3rem;
  line-height: 2.75rem;
  margin-bottom: 0;
  color: #aaa;
  letter-spacing: 0.1rem;
  -webkit-transform:scale(1.15,1.0);
  -moz-transform:scale(1.15, 1.0);
  -ms-transform:scale(1.15, 1.0);
  -o-transform:scale(1.15, 1.0);
  transform: scale (1.15, 1.0)
}

.countdownTimer .timer__label {
  color: #777;
  font-size: 0.75rem;
  letter-spacing: .04rem;
  line-height: 1rem;
  /* text-transform: uppercase; */
}

.countdownTimer .timer__message h1 {
  line-height: 3.5rem;
}

.countdownTimer .timer__message h2 {
  margin-bottom: 0;
}

.countdownTimer .timer__message h3 {
  margin-bottom: 0;
}



.countdownTimer .timer .beforeMessage.left,
.countdownTimer .timer .duringMessage.left,
.countdownTimer .timer .afterMessage.left,
.countdownTimer .timer .counterBlock.left {
  display: block;
  text-align: left;
  padding: 0.125rem 1rem;
}

.countdownTimer .timer .beforeMessage.center,
.countdownTimer .timer .duringMessage.center,
.countdownTimer .timer .afterMessage.center,
.countdownTimer .timer .counterBlock.center {
  display: block;
  text-align: center;
  padding: 0.125rem 1rem;
}

.countdownTimer .timer .beforeMessage.right,
.countdownTimer .timer .duringMessage.right,
.countdownTimer .timer .afterMessage.right,
.countdownTimer .timer .counterBlock.right {
  display: block;
  text-align: right;
  padding: 0.125rem 1rem;
}

.countdownTimer .timer .duringMessage {
  margin-bottom: 0.0625rem;
}

.countdownTimer .counterElements {
  display: flex;
  justify-content: center;
}

/*
.countdownTimer .timer .beforeMessage.bf-bottom,
.countdownTimer .timer .afterMessage.bottom,
.countdownTimer .timer .counterBlock.bottom {
  display: block;
  vertical-align: bottom;
}

.countdownTimer .timer .beforeMessage.middle,
.countdownTimer .timer .afterMessage.middle,
.countdownTimer .timer .counterBlock.middle {
  display: block;
  vertical-align: middle;
}

.countdownTimer .timer .beforeMessage.top,
.countdownTimer .timer .afterMessage.top,
.countdownTimer .timer .counterBlock.top {
  display: block;
  vertical-align: top;
}

*/

.countdownTimer .messageBlk .beforeMessage,
.countdownTimer .messageBlk .duringMessage,
.countdownTimer .messageBlk .afterMessage {
  margin-top: 0.5rem;
}

.countdownTimer .messageBlk .beforeMessage.hideMe,
.countdownTimer .messageBlk .duringMessage.hideMe,
.countdownTimer .messageBlk .afterMessage.hideMe,
.countdownTimer .counterBlock .inlineBeforeMessage.hideMe,
.countdownTimer .counterBlock .inlineAfterMessage.hideMe,
.countdownTimer .counterElements.hideMe {
  display: none;
}

.countdownTimer .countDelimiter span {
  font-size: 2.25rem;
  padding: 0;
  height: 2.625rem;
  display: table-cell;
  vertical-align: top;
  color: #aaa;
  font-weight: 400;
  padding-bottom: 0.5rem;
}

.countdownTimer .closeMessage p {
  padding: 0.25rem 0.5rem 0 0.5rem;
  margin-bottom: 0;
  color: #888;
}

.closeTimer {
  font-size: 1.5rem;
  color: #005a96;
  padding: 0.30rem 0.7rem 0 0.0625rem;
}

.closeTimer,
.closeMessage {
  float: right;
}

/********************** Small only *************************/
@media screen and (max-width: 39.9375em)
{
  .countdownTimer .columnWrapper .counterBlock {
    padding-left: 0;
    padding-right: 0;
  }

.countdownTimer .timer__value {
  font-size: 2rem;
  line-height: 2.0rem;
  letter-spacing: initial;
}

.countdownTimer .hideImg .timer__value {
  font-size: 2.0rem;
  letter-spacing: initial;
}

.countdownTimer .timer__item {
  padding: 0.3rem 0.125rem 0.3rem 0.125rem;
}

.countdownTimer .timer__label {
  font-size: 0.6rem;
  line-height: initial;
}

.countdownTimer .countDelimiter span {
  font-weight: 200;
}

.countdownTimer .imageArea img {
    padding: 0;
}

.countdownTimer .imageArea .image {
    margin: 0;

}

.countdownTimer .columnWrapper .column {
    vertical-align: initial;
}

.paragraphBlock.textOverlay .paragraphContainer.darkCurtain > *,
.paragraphBlock.textOverlay .paragraphFootnoteContainer.darkCurtain > * {
    color: initial;
}

.backgroundImage + .paragraphBlock.textOverlay {
    position: relative;
    width: initial;
}


.paragraphBlock .linkContainer {
  text-align: left;
}



}

@media screen and (max-width: 63.9375em) {


}

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



  .countdownTimer .imageArea img {
      padding: 0;
  }

  .countdownTimer .columnWrapper .column {
      /* vertical-align: initial; */
  }

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

  .countdownTimer .columnWrapper .counterBlock {
      padding-left: 0;
      padding-right: 0;
    }

  .countdownTimer .timer__value {
    font-size: 1.9rem;
    letter-spacing: initial;
    line-height: 1.9rem;
  }

  .countdownTimer .hideImg .timer__value {
    font-size: 2.1rem;
    letter-spacing: initial;
  }


  .countdownTimer .timer__item {
    padding: 0.3rem 0.125rem 0.3rem 0.125rem;
  }

  .countdownTimer .timer__label {
    font-size: 0.6rem;
  }

  .countdownTimer .countDelimiter span {
    font-weight: 200;
  }
  .countdownTimer .timer__message h2 {
    font-size: 1.25rem;
    line-height: 2rem;
  }
}

/********************** Large and up *************************/
@media screen and (min-width: 64em) {
  .countdownTimer .timer__value {
    font-size: 2.75rem;
    letter-spacing: 0.1rem;
    line-height: 2.75rem;
  }

  .countdownTimer .columnWrapper .column {
    vertical-align: middle;
}
}

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

/********************** iPad Both Orientations *************************/
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
}

/********************** iPad Pro *************************/
/* Portrait and Landscape */
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) {
  .countdownTimer .timer__value {
    font-size: 2.5rem;
    letter-spacing: 0.25rem;
  }

}


/*   End of countdown timer styling   */

@media screen and (max-width: 39.9375em)
{
    h1, h2
    {
      font-size: 1.8rem;
      line-height: 2.2rem;
    }

    .paragraphBlock.twoCols {
        display: flex;
        flex-direction: column;
        padding-top: 0;
    }

    .paragraphBlock.twoCols .twoCols {
        text-align: center;
        margin: 0;
    }

    .paragraphBlock.twoCols .twoCols a {
        text-align: center;
        width: 100%;
        min-width: auto;

    }

    .paragraphBlock.centerComponentContent .paragraphContainer {
        width: 100%;
    }

    .blockgridFootnoteBlock
    {
        width: 100%;
        margin: 0 auto;
    }
}