@charset "utf-8";
/* CSS Document */

/* Fixed weird editor problem when the media component is */
/* embedded in a blockGrid3 component  */
.columnGrid.mediaComponentGrid.editMode .mediaComponentContainer {
  width: 100%;
  display: block;
}

.linkContainer .standardLink {
	line-height: 1.4;
}

.innerColumnBlock {
	display: flex;
	flex-direction: column;
	/* padding: 1rem; */
}

.tileGrid .innerColumnBlock {
	padding: 0
}

.sectionHeader
{
	color: #325565;
	font-family: 'Gotham SSm A', 'Gotham SSm B';
	font-weight: 700;
	font-style: normal;
	line-height: 1;
	text-transform: uppercase;
	text-align:left;
	margin-bottom: 1.25rem;
}

.blockGridHeader
{
		display: flex;
		flex-direction: row;
		align-content: center;
}

.blockGridHeader.editMode
{
	margin-bottom: 0;
	display: initial;
	align-items: unset;
}


.blockGridHeader .iconImage
{
		align-self: flex-start;
		margin-right: 2rem;
		margin-top: 1rem;
}

.columnHeader
{
	color: #325565;
	text-transform:uppercase;
	font-family: 'Gotham SSm A', 'Gotham SSm B';
	font-weight: 700;
	font-style: normal;
}



/*** n-column CSS ***/
/*** Might need to clear this float for the editor to work  ***/
.columnContainer
{
    /* float: left; */
		float: none;
}

.columnBlock
{
	position:relative;
	/* margin-bottom:2rem; */
}

.columnBlock h2
{
	font-size: 1.4rem;
	/* color: #666; */
	color: inherit;
}

.headerBlockContainer
{
		margin-bottom: 1rem;
}


.blockGrid3 .headerBlock,
.headerBlockContainer
{
		margin-bottom: 0;
}

.captionContainer {
    width: 80%;
    position: absolute;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
		z-index: 20;
}

.imageBlockContent
{
    display: block;

}

/* base caption & header paragraph */
.imageBlockContent div,
.imageBlockContent p,
.columnFootnote p,
.columnFootnote ul,
.columnFootnote ol,
.headerBlockContainer p
{
    display: block;
		/* font-size: 0.9rem; */
}

.imageBlock
{
	position:relative;
	display:block;
  width:100%;
	margin-bottom: 1rem;
}

.blockGrid3 .imageBlock
{
	width:auto;
  margin-bottom: 0;
}

.blockGrid3 .imageBlock img
{
	width:100%;
}

.blockGrid3 .imageBlock img
{
	width:100%;
}


.tileGrid .imageBlock {
	 margin-bottom: 0;
}

.large-up-1 > .column, .large-up-1 > .columns {
    width: auto;
}

.columns3.editWidth {
	color: initial;
}

.tileGrid.editMode  p,
.tileGrid.editMode h1,
.tileGrid.editMode h2,
.tileGrid.editMode h3,
.tileGrid.editMode h4
{
	color: initial;
}

.large-up-1 > .column  .thumbnail, .large-up-1 > .columns .thumbnail
{
    width: auto;
		margin: 0;
}

.blockGrid3 .paragraphBlock.centerComponentContent .paragraphContainer {
    width: auto;
}

/* .blockGrid3 .paragraphBlock .paragraphContainer {
    padding: 1.5rem 1.5rem;
} */

.tileGrid .paragraphBlock .paragraphContainer {
	margin-left: 1.5rem;
	margin-right: 1.5rem;
}

.flexCentered {
    display: flex;
    flex-direction: column;
    align-items: center;
		justify-content: center;
    text-align: center;
		margin: 0;
}

.flexCentered.backgroundImage {
    align-items: normal;
}

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

.blockGrid3.tileGrid .imageBlock.backgroundImage.textOverImage {
		margin-bottom: 0;
}


.tileGrid .imageBlock.backgroundImage.textOverImage {
    position: relative;
		padding: 0;
}

.flexCentered.backgroundImage .thumbnail {
    margin-bottom: 0;
}

.flexCentered .captionContainer {
    display: flex;
    flex-direction: column;
    align-items: center;
		justify-content: center;
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
}

.collapsePadding
{
		padding-left: 0;
		padding-right: 0;
		margin-bottom: 0;
}

.thumbnail
{
	border: none;
	border-radius: 0;
	/* box-shadow: 0 0 0 1px rgba(10, 10, 10, 0.2); */
	box-shadow: none;
	display: block;
	line-height: 0;
	width: 100%;
	transition: box-shadow 0.2s ease-out 0s;
}

.blockGrid3.cardGrid .columnBlock .imageBlock .thumbnail,
.blockGrid3.columnGrid .columnBlock .imageBlock .thumbnail
{
  max-height: 100%;
	max-width: 100%;
	width: 100%;
	/* width: calc(100% - 2rem); */
	height: auto;
	/* height: calc(100% - 2rem); */
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;

}

.imageBlock .thumbnail.intrinsic {
    width: initial;
		margin: auto;
}

.blockGrid3.tileGrid .columnBlock .imageBlock .thumbnail.intrinsic,
.blockGrid3.cardGrid .columnBlock .imageBlock .thumbnail.intrinsic,
.blockGrid3.columnGrid .columnBlock .imageBlock .thumbnail.intrinsic
{
	width: initial;
	margin: auto;
}

.cardGrid .thumbnail
{
  margin: 0 auto;
}

.tileGrid .thumbnail
{
  margin: 0;
}

/*** EDIT per site ***/
.galleryTitle,
.iconTitle {
	color: #00b9f2;
	cursor:default;
	display: block;
	font-size: 1rem;
	text-decoration: none;
	text-transform: uppercase;
	margin: 0 0 0.3rem 0;
	padding: 12px 0 0 0;
	font-family: 'Gotham SSm A', 'Gotham SSm B';
	font-weight: 700;
	font-style: normal;
}

/*** EDIT per site ***/
.blockTitle {
	background-color: rgba(0, 186, 242, 0.7);
	color:white;
	box-sizing: border-box;
	padding: 12px;
	position: relative;
	text-transform: none;
	width: 100%;
	margin: 0 auto;
	cursor: default;
}

.overlayBlockTitle {
	position:absolute;
	bottom:0;
}

.no-padding-left{
	padding-left: 0 !important;
}

/*** EDIT per site ***/
.captionText
{
	cursor: default;
	font-size: 0.9em;
	line-height: 1.3em;
	margin-bottom: 10px;
	color: #6d6d6d;
	font-family: 'Gotham Rounded SSm A', 'Gotham Rounded SSm B';
	font-weight: 400;
	font-style: normal;
}

.rounded
{
	border-radius:0.4em;
}

/* CSS for tile grid type block grid */
/* .tileGrid > .row
{
		max-width: 55rem;
} */

/* This is the curtain  */
.columnBlock  .imageBlock.backgroundImage .imageBlockOverlay.lightCurtain,
.columnBlock  .imageBlock.backgroundImage .imageBlockOverlay.darkCurtain
{
		display: block;
		position: relative;
		opacity: 0.7;
		z-index: 10;
		color: #fff;
		margin: auto;
}

/* This is the curtain for tileGrid  */
.tileGrid .columnBlock  .imageBlock.backgroundImage .imageBlockOverlay.lightCurtain,
.tileGrid .columnBlock  .imageBlock.backgroundImage .imageBlockOverlay.darkCurtain
{
		position: absolute;
		width: 100%;
		/* width: calc(100% - 0.5rem); */
		height: 100%;
		/* height: calc(100% - 0.5rem); */
		top: 0;
		left: 0;
		color: #fff;
		margin: 0;
}

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


.columnBlock .imageBlock.backgroundImage .imageBlockOverlay.lightCurtain {
    background-color: rgba(255, 255, 255, 0.7);
}


/* This is the background image  */
.XXcolumnBlock .headerBlock.backgroundImage
{
		display: block;
		position: relative;
		z-index: 10;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		opacity: 0.7;
}

/* This is the text overlay  */
.columnBlock .paragraphBlock.textOverlay
{
		display: block;
		/* position: absolute; */
		position: relative;
		z-index: 99;
		width: 100%;
		height: 100%;
		/* top: 25%; */
		top: 0;
		left: 0;
}

.paragraphBlock.textOverlay
{
		position: absolute;
}

.blockGrid3 .paragraphBlock.textOverlay
{
		position: relative;
}

.tileGrid .paragraphBlock.textOverlay
{
		position: absolute;
		top: 5%;
}


.paragraphBlock.textOverImage
{
		position: relative;
}

.columnBlock .paragraphBlock.textOverlay
{
		height: auto !important;
}

/* Changing this to support a "hide curtain" option on the background image dialog on paragraph component  */
.columnBlock .imageBlock .imageBlockOverlay.hideCurtain,
.tilegrid .columnBlock:first-child .paragraphBlock .imageBlockOverlay
{
		display: none;
}


.columnBlock:first-child .paragraphBlock .imageBlockOverlay {
    color: initial;
}


.tileGrid .columnBlock:first-child .imageBlock img
{
		box-shadow: none;
		border-top: 1px solid #ccc;
		border-left: 1px solid #ccc;
		border-right: 1px solid #ccc;
}

.tileGrid .button
{
		padding: 0.8rem;
		margin-bottom: 1rem;
}

.tileGrid h2
{
		margin-bottom: 2.5rem;
		/* color: white; */
}

.tileGrid h2::after {

    content: " ";
    border: 2px solid orange;
    display: block;
    width: 10%;
    text-align: center;
    margin: 0.8rem auto 0 auto;
}

.tileGrid  h3
{
		color: white;
		font-size: 1.6rem;
		text-align: center;
}

.tileGrid .columnBlock:first-child h3
{
		color: initial;
}

.tileGrid p
{
		font-size: 1.125rem;
		line-height: 1.5rem;
		color: white;
		font-family: 'Open Sans', sans-serif !important;
		position: relative;
		display: block;
		font-style: normal;
		font-weight: 400;
}


.tileGrid .columnBlock:first-child p
{
		color: initial;
}

.tileGrid .columnBlock:first-child .imageBlock h3
{
		color: #333;
}

/* cardGrid css applies all */
/* .cardGrid > .row
{
		max-width: 65rem;
} */

.cardGrid .columnBlock
{
		text-align: center;
}

/* Defaulting the text in the column blocks
   to left align on blockGrid3 implementation.
   Use the text alignment button in the
   rich-text editor to center text if need be.
*/
.blockGrid3.cardGrid .paragraphBlock
{
		/* text-align: left; */
		min-height: 100%;
}

/* .blockGrid3.cardGrid .captionBlockContainer .linkContainer {
   text-align: center;
} */

/* Might want to copy this to the base-format.css stylesheet */
.paragraphBlock.centerComponentContent,
.linkContainer.centerComponentContent,
.image.centerComponentContent
{
	text-align: center;
}


.cardGrid .columnBlock .columnFootnote {
    text-align: initial;
		padding-top: 0;
		padding-bottom: 0;
		float: left;
}

.blockGrid3 .columnFootnote.editMode {
	padding-top: 0.75rem;
	width: 100%;
}

.blockGrid3 .columnFootnote .paragraphContainer {
	margin-bottom: 0;
}

.blockGrid3 .columnFootnote .paragraphFootnoteContainer {
	margin-top: 0;
}

.columnFootnote .paragraphBlock div:first-child {
   margin-top: 1rem;
}

.blockGrid3 .columnFootnote .paragraphBlock :is(h1, h2, h3, h4, h5, h6) {
  padding-top: 0.1rem;
}


/* Disable for now  */
.XXcardGrid .columnBlock
{
		background-color: white;
		box-shadow: 0 2px 8px 0 rgba(0,0,0,.2);
}

.blockGrid3.cardGrid .columnBlock
{
		background-color: initial;
		box-shadow: initial;
}

.cardGrid .imageBlock img
{
		width: auto;
		box-shadow: none;
}

.cardGrid .columnBlockContainer
{
    float: none;
    /* float: left; */
    padding: 0.9375rem;
	/* min-height: 100%; */
}

.cardGrid .imageBlock,
.blockGrid3.cardGrid .columnBlockContainer
{
		/* background-color: white; */
		box-shadow: 0 2px 8px 0 rgba(0,0,0,.2);
}

.blockGrid3.cardGrid.no-column-border .columnBlockContainer,
.blockGrid3.cardGrid.no-column-border .imageBlock,
.cardGrid.no-column-border .imageBlock
{
		box-shadow: none;
    padding: 0 1rem;
}

.cardGrid .imageBlockContent
{
		margin-top: 1.6rem;
		width:100%;
}

.blockGrid3.cardGrid .imageBlockContent
{
		margin-top: 0;
		padding: 0;
}

.blockGrid3.cardGrid .imageBlockContent
{
		margin-bottom: 1.0rem;
}

.blockGrid3.cardGrid .imageBlockContent,
.blockGrid3.cardGrid .imageBlock {
    padding: 0;
}

.cardGrid .imageBlock img
{
		width: auto;
		box-shadow: none;
}

.blockGrid3.cardGrid.no-column-border .columnBlockContainer.hasBackgroundColor
{
    padding: 2rem 1.5rem 1.5rem 1.5rem;
}

.blockGrid3.cardGrid .columnBlockContainer.squareColumn
{
    width: auto;
    height: 400px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.blockGrid3.cardGrid .columnBlockContainer.squareColumn h2,
.blockGrid3.cardGrid .columnBlockContainer.squareColumn h3
{
    margin-bottom: 1rem;
}

.blockGrid3.cardGrid .columnBlockContainer.squareColumn .imageBlock
{
  margin-bottom: 1.6rem;
}



/*** background image css ***/
.blockGrid3 .headerBlock.hasBackgroundImage .paragraphBlock,
.headerBlock.hasBackgroundImage .paragraphBlock
{
    display: flex;
    width: 100%;
    height: 300px !important;
    padding: 2rem;
    align-items: center;
}

/*** center in imageblock area when cardGrid ***/
.blockGrid3.cardGrid .hasBackgroundColor .imageBlock
{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 0;
    margin-bottom: 1rem;
}


/*** CSS used by Columns when captions overlay column image ***/
.captionOverlay
{
    bottom: 0;
    display: inline-block;
    height: 170px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    vertical-align: middle;
    width: 70%;
    color: white !important;
 }

.captionOverlay, .captionOverlay figcaption, .captionOverlay a.galleryTitle, .captionOverlay a
{
    color: white !important;
}

.captionOverlay .galleryTitle {
	color: #00b9f2;
	font-size: 1.5rem;

}

.captionOverlay p {
	color: white;
}



/*** INFO GRAPHIC CSS
--------------------------------------------- */

.infographic-Caption {
	display: block;
	font-size: 1.1em;
	margin: 0 auto;
	position: relative;
	text-align: center;
}

/*** EDIT per site ***/
.infographic-Text-Hightlite {
	font-size: 1.6em;
	letter-spacing: 1px;
	font-family: 'Gotham A', 'Gotham B';
	font-weight: 800;
	font-style: normal;
}

/*** EDIT per site ***/
.infographic-Number-Hightlite {
	font-size: 4.2em;
	letter-spacing: 0;
	line-height: 1.3em;
	text-align: center;
	color: #325565;
	margin-bottom:0rem;
	font-family: 'Gotham A', 'Gotham B';
	font-weight: 800;
	font-style: normal;
}

.infographic-Icon {
	display: block;
	margin: 0 auto 15px;
	position: relative;
}


/*** CTA CSS ***/

.rounded
{
	border-radius:0.4em;
}

/*** EDIT per site ***/
.learnMoreLink {
	color: #00b9f2;
	display: block;
	font-size: 0.9rem;
	position: relative;
	text-decoration: none;
	text-transform: uppercase;
	font-family: 'Gotham SSm A', 'Gotham SSm B';
	font-weight: 700;
	font-style: normal;
}

.imageBlock a.video
{
		position: relative;
		display: block;
		width: 100%;
		height: 100%;
}

.imageBlock a.gallery
{
		position: relative;
		display: block;
}

.zoomIcon {
	background: url(../images/Icons/zoom-icon-128px.png);
	width: 5rem;
	height: 5rem;
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
	top: 0;
	right: 0;
}

.videoIcon
{
  width: 70px;
  height: 70px;
  border-radius: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  background-color: white;
  display: flex;
  justify-content: center;
  align-items: center;

}

.videoIcon .fa-play-circle {
  font-family: "Font Awesome 6 Pro";
  font-weight: 500;
  font-size: 75px;
  content: "\f144";
  color: #00b6f1;
}

.blockgridFootnote {
  padding-left: 0.5rem;
  text-indent: -0.5rem ;
}

.blockgridFootnote sup {
  padding-right: 0.25rem ;
}


/* Column Grid 3 CSS */

p.bugBorders {
    display: none;
}

.imageBlockOverlay {
	/* cursor: pointer; */
}

.headerBlockContainer,
.imageBlockContainer,
.captionBlockContainer {
    position: relative;
}

.blockGrid3 .headerBlock .paragraphBlock,
.captionBlockContainer .paragraphBlock,
.blockGrid3 .headerBlockContainer .paragraphBlock,
.blockGrid3 .captionBlockContainer .paragraphBlock {
	padding-right: 0;
	padding-left: 0;
}

.headerBlockContainer.compArea .paragraphBlock {
	padding-bottom: 0;
}


/*** Styling for blocksize labels (part of bugBorders code) ***/
.columnFootnote .height,
.columnBlockContainer .height,
.captionBlockContainer .height,
.imageBlockContainer .height,
.headerBlockContainer .height {
   color: #444444;
   position: absolute;
   bottom: -16px;
   left: 5px;
   right: unset;
   top: unset;
   font-size: 0.9rem;
}

.headerBlockContainer .height {
	  bottom: unset;
		top: -1px;
		left: unset;
		right: 10px;
}

.headerBlockContainer .height,
.imageBlockContainer .height,
.captionBlockContainer .height,
.headerBlockContainer .linkContainer .height,
.captionBlockContainer .linkContainer .height {
		top: -1px;
    left: unset;
    bottom: unset;
    right: 10px;
}

.columnFootnote .height {
	top: unset;
	left: unset;
	bottom: -3px;
	right: 25px;
}

.linkContainer {
   position: relative;
}

.captionBlockContainer .column {
   float: none;
}

.columnBlock {
   padding: .9375rem;
   margin: 0;
}

.tileGrid .columnBlock {
	padding: 0;
}

.tileGrid .headerBlock,
.columnGrid .headerBlock {
	margin-bottom: 0;
	display: flex;
	justify-content: center;
	align-items: flex-start;
	flex-direction: column;
    width: 100%;
}

.blockGrid3 .headerBlock.editMode {
	align-items: stretch;
	flex: 1 0 100%;
	flex-grow: 1;
	/* display: block; */
	/* text-align: center; */
}

.blockGrid3 .headerBlock.editMode .imageBlock {
	width: inherit;
}

.columnGrid .columnBlockContainer {
   /* margin: .9375rem; */
	 margin: 0;
   padding: 0;
}

.blockGrid3.columnGrid .columnBlockContainer {
   margin: 0;
   padding: 0;
}

.blockGrid3.cardGrid .imageBlock {
	box-shadow: initial;
	margin-top: 1rem;
}

/* Debugging borders/background color  */

.columnBlock.bugBorders {
      border: 1px dotted #ff0000;
}

.headerBlockContainer .paragraphBlock.bugBorders,
.headerBlockContainer.bugBorders {
    border: 1px dashed #6688cc;
    /* background-color: beige; */
}

.imageBlockContainer.bugBorders {
   border: 1px dashed #22bb22;
   /* background-color: lightcyan; */
}

.captionBlockContainer.bugBorders {
   border: 1px dashed #2222cc;
   /* background-color: lightyellow; */
}

.paragraphFootnoteContainer.bugBorders,
.paragraphContainer.bugBorders {
   border: 1px dotted #ff9900;
   /* background-color: #99aaaa; */
 }

.linkContainer.bugBorders {
   border: 1px dotted #6666ff;
   /* background-color: #99aaaa; */
 }

 .columnFootnote.bugBorders {
	 border: 1px dashed #00b361;
 }

 p.bugBorders {
    display: block;
}

.clearfix::after, .clearfix::before {
    /* display: initial; */
}

.blockGrid3 .paragraphBlock .linkContainer {
	margin: 1rem 0;
}

.headerBlockContainer.editMode,
.imageBlockContainer.editMode,
.captionBlockContainer.editMode {
    height: initial !important;
}

/********** Media queries start here ************/

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

	.small-up-1 > .column:last-child, .small-up-1 > .columns:last-child {
	    float: none;
	}

	.imageBlockContent p
	{
			font-size: 0.8rem;
	}

	.tileGrid .columnBlock .imageBlock .captionContainer
	{
			position: relative;
			padding-left: 0.9375rem;
			padding-right: 0.9375rem;
	}

	.tileGrid .columnBlock:first-child .imageBlock .thumbnail
	{
			display: none;
	}

	.tileGrid .columnBlock .imageBlock .imageBlockOverlay
	{
	    opacity: 0.4;
	}

	.tileGrid .columnBlock:first-child
	{
			/* border-top: 1px solid #ccc; */
	}

	.headerparaEqualize,
	.headerlinkEqualize,
	.imageEqualize,
	.captionlinkEqualize,
	.captionparaEqualize
	 {
		height: auto !important;
	}

	.columnBlock .paragraphBlock.textOverlay {
		position: relative;
	}

	.tileGrid .paragraphBlock .paragraphContainer {
		margin-left: 0;
		margin-right: 0;
	}

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

  .blockGrid3.cardGrid .columnBlockContainer.squareColumn
  {
      width: auto;
      height: auto;
  }

}

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

	.imageBlockContent p
	{
			font-size: 0.8rem;
	}

	.tileGrid .columnContainer .columnBlock {
	  width: 100%;
	  margin-top: 2rem;
	}

  /*** background image css ***/
  .blockGrid3 .headerBlock.hasBackgroundImage .paragraphBlock,
  .headerBlock.hasBackgroundImage .paragraphBlock
  {
      width: 100%;
      height: auto !important;
  }


}

/* MEDIUM and UP only
--------------------------------------------- */
@media screen and (min-width: 40em) {

	/*** EDIT per site ***/
	.columnHeader {
		font-size:1.8rem;
	}

	.tileGrid .columnBlock:first-child .captionContainer
	{
			width: 80%;
			left: 30px;
	}

  .topMarqueeCopyBlock .button
  {
    margin-right:0.9375rem;
  }

	.tileGrid p {
			font-size: 1.0rem;
			line-height: 1.5rem;
		}

}

/*** SMALL and MEDIUM only
--------------------------------------------- */
@media screen and (max-width: 63.9375em) {
	.tileGrid .paragraphBlock .paragraphContainer {
		padding: 0.125rem 1.5rem;
	}
}
/* MEDIUM only
--------------------------------------------- */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {

	/*** EDIT per site ***/
	.columnHeader
	{
		font-size:1.2rem;
	}

	/*** EDIT per site ***/
	.rowNarrow {
	    max-width: 50rem;
	}

	.tileGrid > .row
	{
			max-width: 35rem;
	}

	.tileGrid .columnContainer .columnBlock {
    width: 100%;
    margin-top: 2rem;
  }

  .tileGrid .columnContainer .columnBlock .thumbnail {
    border: 1px solid #ccc;
  }

	.tileGrid p {
			font-size: 1.0rem;
			line-height: 1.5rem;
		}

}

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

}

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

	.blockGrid3 .paragraphBlock .paragraphContainer {
	    padding: 0.125rem 1.5rem;
	}

	.tileGrid .paragraphBlock .paragraphContainer {
		padding: 0.125rem 1.25rem;
		line-height: 1.25rem;
	}
	.blockGrid3 .paragraphBlock .linkContainer {
    margin: 0.25rem auto;
}
}

/********************** iPad Pro *************************/
/* Portrait and Landscape */
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) {

}



.blockGrid3.tileGrid > .row
{
		/* max-width: 100%; */
}