/*-------------------------------------------------
No Title Container
---------------------------------------------------
Container ASCX File: 01_NoTitle.ascx
-------------------------------------------------*/
.container-no-title {
    padding: 0;
    width: 100%;
}
/*-------------------------------------------------
H1 Common Title Container
---------------------------------------------------
Common styling for all H1 Title Containers
-------------------------------------------------*/
.container-H1-black-title,
.container-H1-blue-title,
.container-H1-teal-title,
.container-H1-gray-title,
.container-H1-page-title {
  width: 100%;
}
.container-H1-black-title > h1 > span,
.container-H1-blue-title > h1 > span,
.container-H1-teal-title > h1 > span,
.container-H1-gray-title > h1 > span,
.container-H1-page-title > h1 > span  {
  display: block;
  text-align: center;
}
.container-H1-page-title {
  background-color: white;
}
.container-H1-page-title > h1 {
  padding: 30px;
}

.container-H1-black-title.centered-title h1{
    padding-top: 30px;
    padding-bottom: 20px;
}

@media only screen and (max-width: 1025px) {
  .container-H1-black-title,
  .container-H1-blue-title,
  .container-H1-teal-title,
  .container-H1-gray-title,
  .container-H1-page-title {
    /*width: 95%;*/
    width:100%;
  }
  .container-H1-page-title > h1 {
    padding: 10px;
  }

  .container-H1-black-title.centered-title h1{
    padding-top: 20px;
    padding-bottom: 6px;
  }
  .container-H1-black-title.centered-title h1{
    padding-top: 30px;
    padding-bottom: 20px;
  }
}
/*-------------------------------------------------
Icon Containers Common Styling
---------------------------------------------------
Common styling for the containers:
H1 Blue Title Container with Icon
H2 Black Title Icon Container
-------------------------------------------------*/
.container-H1-blue-title-with-icon .container-icon,
.container-H2-black-title-with-icon .container-icon,
.container-H2-teal-title-with-icon .container-icon,
.container-H6-black-title-with-icon .container-icon,
.container-H6-black-title-with-icon-hexagon .container-icon,
.container-H2-teal-title-with-icon-whitebg .container-icon {
  margin: 0 auto;
  display: block;
}
.container-H6-black-title-with-icon .container-icon {
  margin-bottom: 15px;
}
.container-H1-blue-title-with-icon > h1:first-of-type,
.container-H2-black-title-with-icon > h2:first-of-type,
.container-H2-teal-title-with-icon > h3:first-of-type,
.container-H6-black-title-with-icon > h6:first-of-type,
.container-H2-teal-title-with-icon-whitebg > h2:first-of-type,
.container-H6-black-title-with-icon-hexagon > h6:first-of-type {
  text-align: center;
}
.container-H2-teal-title-with-icon-whitebg {
  margin-top: 15px;
  width: 100%;
}
.container-H2-teal-title-with-icon {
  background-color: #f6f7f8;
  padding: 5px 10% 40px;
      position: relative;
        /*  width: 100%;*/
          margin-bottom:8%;
          text-align:center;
}

.container-H2-teal-title-with-icon .dark-button {
    position: absolute;
    bottom: 15px;
    left: 34%;
    line-height: 1.3em;
}
.container-H2-teal-title-with-icon .title-container-content {
  text-align: center;
  min-height: 220px;
}

.container-H6-black-title-with-icon,
.container-H6-black-title-with-icon-hexagon {
  /*padding: 5%;*/
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 5%;
  padding-right: 5%;
  margin: 0 auto;
}

.container-H6-black-title-with-icon-pubj {
  padding: 20px 10%;
      text-align: center;
}

.H6-container-border-right {
    /* margin-left: 10%; */
    /* margin-right: 15%; */
    margin: 0 auto;
    width: 100%;
    text-align: center;
}
.H6-container-border-right .container-H6-black-title-with-icon {
  /*border-right:3px solid #f6f7f8;
    padding-right: 12%;
    margin-left: 7%;*/
  }
.white-pentagon-icon-container {
  background: url(images/icon-pentagon.png) center center no-repeat;
  height: 96px;
  padding-top: 25px;
}
@media only screen and (max-width: 425px){
  .white-pentagon-icon-container {
    background-size: 90px;
  }

  .white-pentagon-icon-container > img {
    width: 50px;
  }
}

@media only screen and (max-width: 1025px) {
    .container-H2-teal-title-with-icon .title-container-content{
      min-height: initial !important;
    }
    .container-H6-black-title-with-icon{
      padding:5px 0;
      width:80%;
    }
    .H6-container-border-right .container-H6-black-title-with-icon{
      padding-right:0;
      border-right:none;
    }
    .H6-container-border-right{
      margin-right:0;
      margin:0 auto;
      position: relative;
      width: 100%;
    }
    .container-H6-black-title-with-icon-hexagon{
      padding:0;
    }
    .container-H2-teal-title-with-icon {
      padding-bottom:10px;
    }

  }
/*-------------------------------------------------
H1 Gray BG Container
---------------------------------------------------
Container ASCX File: H1_LightGrayBG.ascx
-------------------------------------------------*/
.container-H1-light-gray-bg {
  width: 100%;
  /*padding: 20px 0 50px;*/
  padding: 20px 0 20px;
}
.container-H1-light-gray-bg h1 {
  text-align: center;
}
.container-H1-light-gray-bg {
  background-color: #f6f7f8;
  color: #333;
}

@media only screen and (max-width:1025px){
 .container-H1-light-gray-bg {
    padding: 20px 0 0;
  }
}

/*-------------------------------------------------
H1 Photo Container
---------------------------------------------------
Container ASCX File:
-------------------------------------------------*/



/*-------------------------------------------------
H2 Title Container Common Styling
---------------------------------------------------
Common styling for the sections below:
H2 Black Title Container
-------------------------------------------------*/
.container-H2-black-title,
.container-H2-blue-title,
.container-H2-teal-title,
.container-H2-gray-title,
.container-H3-gray-title{
  width: 100%;
}
.container-H2-black-title > h2 > span,
.container-H2-blue-title > h2 > span,
.container-H2-teal-title > h2 > span,
.container-H2-gray-title > h2 > span,
.container-H3-gray-title > h3 > span  {
  display: block;
  text-align: center;
}

.container-H2-black-title.centered-title,
.container-H3-black-title.centered-title{
  position: relative;
  height: 5em;
}

.container-H2-black-title.centered-title h2,
.container-H3-black-title.centered-title h3{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

@media only screen and (max-width: 1025px) {
  .container-H2-black-title,
  .container-H2-blue-title,
  .container-H2-teal-title,
  .container-H2-gray-title,
  .container-H3-gray-title  {
    width: 95%;
    margin:0 auto;
    position: relative;
  }
  .container-H2-blue-title,
  .container-H2-teal-title,
  .container-H2-gray-title,
  .container-H3-gray-title  {
    padding-top:8px;
  }
}

/*-------------------------------------------------
H2 Title Container Common Styling
---------------------------------------------------
Common styling for the sections below:
H2 Black Title Container
-------------------------------------------------*/

.container-H2-teal-title.form-container .tabbed-form-content .content-row .content-field label,
.container-H3-black-title.form-container .tabbed-form-content .content-row .content-field label{
  font-family: 'Arvo', serif;
}
.single-line-text-input {
  background-color: white;
}
.container-H2-teal-title.form-container button.dnnPrimaryAction,
.container-H3-black-title.form-container button.dnnPrimaryAction{
  all:initial;
  background-color: #333;
  color: #FFF;
  padding: 3px 36px;
  border-radius: 4px !important;
  font-weight: normal;
  transition: all 0.5s ease;
  line-height: 2em;
  font-family: 'ProximaNova-Light', 'Montserrat', sans-serif;
}
.container-H2-teal-title.form-container a,
.container-H3-black-title.form-container a {
  color: #f6f7f8;
}
.container-H2-teal-title.form-container a:hover,
.container-H3-black-title.form-container a:hover {
  color: white;
}
.container-H2-teal-title.form-container button.dnnPrimaryAction:hover,
.container-H3-black-title.form-container button.dnnPrimaryAction:hover{
  background-color: #555;
  line-height: 2em;
}

/*-------------------------------------------------
H2 Black Title Container
---------------------------------------------------
Container ASCX File:
-------------------------------------------------*/

/*-------------------------------------------------
H2 Blue Title Container
---------------------------------------------------
Container ASCX File:
-------------------------------------------------*/

/*-------------------------------------------------
H2 Gray Title Container
---------------------------------------------------
Container ASCX File:
-------------------------------------------------*/

/*-------------------------------------------------
H2 Teal Title Container
---------------------------------------------------
Container ASCX File:
-------------------------------------------------*/

/*-------------------------------------------------
H2 Title Image and Black Body Container
---------------------------------------------------
Container ASCX File:
-------------------------------------------------*/

/*-------------------------------------------------
H2 Title Image and Black Body Container Common Styling
---------------------------------------------------
Common styling for the sections below:
H2 Blue Title Image and Black Body Container
H2 Orange Title Image and Black Body Container
H2 Blue Title Image and Black Body Container
-------------------------------------------------*/
.H2-blue-image-black-box,
.H2-orange-image-black-box,
.H2-purple-image-black-box,
.H2-green-image-black-box,
.H2-pink-image-black-box,
.H2-teal-image-black-box {
  background-color: #333;
  color: white;
  margin-bottom: 10px;
  padding: 10px;
  flex:1;
}
.H2-blue-image-black-box a,
.H2-orange-image-black-box a,
.H2-purple-image-black-box a,
.H2-green-image-black-box a,
.H2-pink-image-black-box a,
.H2-teal-image-black-box a {
  color: #FFF;
}
.H2-blue-image-black-box a:hover,
.H2-orange-image-black-box a:hover,
.H2-purple-image-black-box a:hover,
.H2-green-image-black-box a:hover,
.H2-pink-image-black-box a:hover,
.H2-teal-image-black-box a:hover {
  color: #f6f7f8;
}
.H2-blue-image h2,
.H2-orange-image h2,
.H2-purple-image h2,
.H2-green-image h2,
.H2-pink-image h2,
.H2-teal-image h2 {
  color: white;
  text-align: center;
  vertical-align: middle;
  padding: 20px 0;
  margin: 0;
}
.container-H2-blue-image-title,
.container-H2-orange-image-title,
.container-H2-purple-image-title,
.container-H2-green-image-title,
.container-H2-pink-image-title,
.container-H2-teal-image-title {
  width: 97%;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-self: stretch;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.flexible-columns > div > div.container-H2-blue-image-title,
.flexible-columns > div > div.container-H2-orange-image-title,
.flexible-columns > div > div.container-H2-purple-image-title,
.flexible-columns > div > div.container-H2-green-image-title,
.flexible-columns > div > div.container-H2-pink-image-title,
.flexible-columns > div > div.container-H2-teal-image-title
 .container-H2-blue-image-title,
.container-H2-orange-image-title,
.container-H2-purple-image-title,
.container-H2-green-image-title,
.container-H2-pink-image-title,
.container-H2-teal-image-title {
  display:block;
}
.FlexPaneWrap{margin:20px 5px;}


}
.black-bg-text {
  padding: 10px 10%;
  text-align: center;
}
@media only screen and (max-width: 1025px) {
  .H2-blue-image h2,
  .H2-orange-image h2,
  .H2-purple-image h2,
  .H2-green-image h2,
  .H2-pink-image h2,
  .H2-teal-image h2 {
    padding: 15px 0;
    color: #333;
  }
  .black-bg-text {
    padding: 2% 10%;
  }
}
/*-------------------------------------------------
H2 Blue Title Image and Black Body Container
---------------------------------------------------
Container ASCX File: H2_BlueTitleImage_BlackBody
---------------------------------------------------
Also check the above section for additional common styles:
H2 Title Image and Black Body Container Common Styling
-------------------------------------------------*/
.H2-blue-image,
.H2-orange-image,
.H2-purple-image,
.H2-green-image,
.H2-pink-image,
.H2-teal-image {
  background-repeat: no-repeat;
  background-size: cover;
}
/*-------------------------------------------------
H2 Orange Title Image and Black Body Container
---------------------------------------------------
Container ASCX File: H2_OrangeTitleImage_BlackBody
---------------------------------------------------
Also check the above section for additional common styles:
H2 Title Image and Black Body Container Common Styling
-------------------------------------------------*/
    .H2-orange-image {
      background-color: #eea220;
      background-image: url(../Siam/Images/orange-WhatIs-image.png);
    }
/*-------------------------------------------------
H2 Blue Title Image and Black Body Container
---------------------------------------------------
Container ASCX File:
---------------------------------------------------
Also check the above section for additional common styles:
H2 Title Image and Black Body Container Common Styling
-------------------------------------------------*/
.H2-blue-image {
  background-color: #38bde3;
  background-image: url(../Siam/Images/blue-WhatIs-image.png);
}
/*-------------------------------------------------
H2 Teal Title Image and Black Body Container
---------------------------------------------------
Container ASCX File:
---------------------------------------------------
Also check the above section for additional common styles:
H2 Title Image and Black Body Container Common Styling
-------------------------------------------------*/
.H2-teal-image {
  background-color: #43d1c0;
  background-image: url(../Siam/Images/teal-black-body-image.png);
}
/*-------------------------------------------------
H2 Pink Title Image and Black Body Container
---------------------------------------------------
Container ASCX File:
---------------------------------------------------
Also check the above section for additional common styles:
H2 Title Image and Black Body Container Common Styling
-------------------------------------------------*/

.H2-pink-image {
  background-color: #e1529d;
  background-image: url(../Siam/Images/pink-black-body-image.png);
}
/*-------------------------------------------------
H2 Green Title Image and Black Body Container
---------------------------------------------------
Container ASCX File:
---------------------------------------------------
Also check the above section for additional common styles:
H2 Title Image and Black Body Container Common Styling
-------------------------------------------------*/

.H2-green-image {
  background-color: #7dc13f;
  background-image: url(../Siam/Images/green-black-body-image.png);
}
/*-------------------------------------------------
H2 Purple Title Image and Black Body Container
---------------------------------------------------
Container ASCX File:
---------------------------------------------------
Also check the above section for additional common styles:
H2 Title Image and Black Body Container Common Styling
-------------------------------------------------*/

.H2-purple-image {
  background-color: #7a52c4;
  background-image: url(../Siam/Images/purple-black-body-image.png);
}
/*-------------------------------------------------
H2 Common Confetti Container Styling
---------------------------------------------------
For both the dark and light confetti containers
-------------------------------------------------*/
.container-H2-dark-confetti,
.container-H2-light-confetti {
  width: 100%;
  text-align: center;
  padding: 10px 0 20px;
}
.container-H2-dark-confetti a {
  color: #f6f7f8;
}
.container-H2-dark-confetti a:hover {
  color: white;
}
.content-container {
	width: 100%;
 	margin: 0 auto;
	margin-top: 30px;
  position: relative;
  z-index: 9;
}
.no-overflow {
  overflow: hidden;
}
.confetti-content {
	position:relative;
	z-index: 1;
}
.content-container > h1:first-of-type,
.content-container > h2:first-of-type,
.content-container > h3:first-of-type,
.content-container > h4:first-of-type,
.content-container > h5:first-of-type,
.content-container > h6:first-of-type {
	text-align: center;
}
.position-container {
	position: relative;
	z-index: 1;
}
.confetti-container {
	position: static;
}
.another-position-container {
	position: fixed;
}
.shape {
 position: absolute;
 opacity: 0.8;
 z-index: 0;
}
.shape-sm {
 width: 5px;
 height: 5px;
}
.shape-md {
 width: 10px;
 height: 10px;
}
.shape-lg {
 width: 15px;
 height: 15px;
}
.circle {
	 border-radius: 50%;
}
.rectangle {
	height: 10px;
	-ms-transform: rotate(42deg); /* IE 9 */
    -webkit-transform: rotate(42deg); /* Chrome, Safari, Opera */
    transform: rotate(42deg);
}
.parallelogram {
	width: 10px;
	height: 7px;
	-webkit-transform: skew(20deg);
	   -moz-transform: skew(20deg);
	     -o-transform: skew(20deg);
}
.trapezoid-teal {
	border-bottom: 10px solid #43d1c0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	height: 0;
	width: 10px;
	  -webkit-transform: rotate(15deg);
  -moz-transform: rotate(15deg);
  -ms-transform: rotate(15deg);
  -o-transform: rotate(15deg);
	}
.force-show {
 display: block !important;
}
span[id*='shape-1'] {
	background-color: #7a52c4;
}
span[id*='shape-2'] {
	background-color: #38bde3;
}
span[id*='shape-3'] {
	background-color: #7a52c4;
}
span[id*='shape-4'] {
	background-color: #7dc13f;
}
span[id*='shape-5'] {
	background-color: #e1529d;
}
span[id*='shape-6'] {
	background-color: #eea220;
}
span[id*='shape-7'] {
	background-color: #38bde3;
}
span[id*='shape-8'] {
	background-color: transparent;
}
span[id*='shape-9']{
	background-color: #eea220;
}
span[id*='shape-10']{
	background-color: #eea220;
}
span[id*='shape-11'] {
	background-color: transparent;
}
span[id*='shape-12']{
	background-color: #e1529d;
}
span[id*='shape-13']{
	background-color: #38bde3;
}
span[id*='shape-14']{
	background-color: #eea220;
}
span[id*='shape-15']{
	background-color: #38bde3;
}
span[id*='shape-16']{
	background-color: #7dc13f;
}

@media only screen and (max-width: 1025px) {
  .container-H2-dark-confetti,
  .container-H2-light-confetti {
    padding: 10px 0;
  }
  .content-container{
    margin-top:0;
  }

}
/*-------------------------------------------------
H2 Research Areas Confetti Container
---------------------------------------------------
Container ASCX File: H2_ResearchAreasConfetti.ascx
-------------------------------------------------*/
/*-------------------------------------------------
H2 Dark Confetti Container
---------------------------------------------------
Container ASCX File: H2_DarkConfetti.ascx
-------------------------------------------------*/
.container-H2-dark-confetti {
  background: #333;
  color: #FFF;
}
.HomeResearchAreas a{
  border-bottom:none;
}
/*-------------------------------------------------
H2 Light Confetti Container
+ H2 Research Areas Confetti Container
---------------------------------------------------
Container ASCX Files:
H2_LightConfetti.ascx
+ H2_ResearchAreasConfetti.ascx
-------------------------------------------------*/
.container-H2-light-confetti {
  background: #FFF;
  color: #333;
}
.container-H2-researchareas-confetti {
  background: #FFF;
  width: 100%;
  vertical-align: top;
}

.container-H2-researchareas-confetti h2 {
  color: #333;
  margin-bottom: 20px;
}
.container-H2-researchareas-confetti h5 {
  text-align: left;
}
@media only screen and (max-width: 1025px) {
.container-H2-researchareas-confetti h5 {
  text-align: center;
}
}
/*-------------------------------------------------
H3 All Title Containers Common Styling
---------------------------------------------------
See individual containers below for specific variations
-------------------------------------------------*/
.container-h3-padding h3{
  padding:3% 0;
}


.container-H3-blue-bg,
.container-H3-teal-bg,
.container-H3-green-bg,
.container-H3-orange-bg,
.container-H3-purple-bg,
.container-H3-pink-bg,
.container-H3-light-gray-bg,
.container-H3-med-gray-bg,
.container-H3-med-dark-gray-bg,
.container-H3-dark-gray-bg,
.container-H5-orange-bg,
.container-H5-teal-bg,
.container-H5-pink-bg,
.container-H6-pink-bg,
.container-H6-teal-bg,
.container-H6-green-bg,
.container-H6-blue-bg,
.container-H6-orange-bg {
  width: 100%;
  padding: 20px 0 20px;
}

.container-H3-purple-bg,
.container-H3-pink-bg,
.container-H3-teal-bg{padding:20px 0 20px;}

.container-H3-black-title,
.container-H3-blue-title,
.container-H3-orange-title,
.container-H3-teal-title,
.container-H3-black-title{
  padding: 5px 0 5px;
}

.no-bottom-padding{
  padding-bottom:0px;
}

.container-H3-black-title > h3:first-of-type,
.container-H3-blue-title > h3:first-of-type,
.container-H3-orange-title > h3:first-of-type,
.container-H3-teal-title > h3:first-of-type,
.container-H3-blue-bg > h3:first-of-type,
.container-H3-teal-bg > h3:first-of-type,
.container-H3-green-bg > h3:first-of-type,
.container-H3-orange-bg > h3:first-of-type,
.container-H3-purple-bg > h3:first-of-type,
.container-H3-pink-bg > h3:first-of-type,
.container-H3-light-gray-bg > h3:first-of-type,
.container-H3-med-gray-bg > h3:first-of-type,
.container-H3-med-dark-gray-bg > h3:first-of-type,
.container-H3-dark-gray-bg > h3:first-of-type,
.container-H5-orange-bg > h5:first-of-type,
.container-H5-teal-bg > h5:first-of-type,
.container-H5-pink-bg > h5:first-of-type,
.container-H6-orange-bg > h6:first-of-type,
.container-H6-teal-bg > h6:first-of-type,
.container-H6-green-bg > h6:first-of-type,
.container-H6-blue-bg > h6:first-of-type,
.container-H6-pink-bg > h6:first-of-type  {
  text-align: center;
}

.container-H3-light-gray-bg .skinWidth.ways-to-give > p > span {
  font-size: 130%;
  text-align: center;
}

.container-H5-orange-bg .container-content,
.container-H5-teal-bg .container-content,
.container-H5-pink-bg .container-content,
.container-H6-orange-bg .container-content:not(a),
.container-H6-teal-bg .container-content,
.container-H6-blue-bg .container-content:not(a),
.container-H6-green-bg .container-content:not(a),
.container-H6-pink-bg .container-content{
    /*font-size: 1.6em;*/
    text-align: center;
    padding-left:4%;
    padding-right:4%;
}

.container-H5-orange-bg .container-content .dark-button,
.container-H5-teal-bg .container-content .dark-button,
.container-H5-pink-bg .container-content .dark-button,
.container-H6-orange-bg .container-content .dark-button,
.container-H6-teal-bg .container-content .dark-button,
.container-H6-blue-bg .container-content .dark-button,
.container-H6-green-bg .container-content .dark-button,
.container-H6-pink-bg .container-content .dark-button,
.container-H5-orange-bg .container-content .button-dark,
.container-H5-teal-bg .container-content .button-dark,
.container-H5-pink-bg .container-content .button-dark,
.container-H6-orange-bg .container-content .button-dark,
.container-H6-teal-bg .container-content .button-dark,
.container-H6-blue-bg .container-content .button-dark,
.container-H6-green-bg .container-content .button-dark,
.container-H6-pink-bg .container-content .button-dark{
  font-size:1em;
}

.container-H5-orange-bg h5,
.container-H5-teal-bg h5,
.container-H5-pink-bg h5,
.container-H6-orange-bg h6,
.container-H6-teal-bg h6,
.container-H6-green-bg h6,
.container-H6-blue-bg h6,
.container-H6-pink-bg h6{
  padding-left:4%;
  padding-right:4%;
  /*min-height: 120px;*/
}

/*.container-H5-orange-bg,
.container-H5-teal-bg,
.container-H5-pink-bg,
.container-H6-orange-bg,
.container-H6-teal-bg,
.container-H6-blue-bg,
.container-H6-green-bg,
.container-H6-pink-bg{
  margin-top:7%;
  margin-bottom:7%;
}*/
.container-H3-blue-bg a,
.container-H3-teal-bg a,
.container-H3-green-bg a,
.container-H3-orange-bg a,
.container-H3-purple-bg a,
.container-H3-pink-bg a,
.container-H3-med-gray-bg a,
.container-H3-med-dark-gray-bg a,
.container-H3-dark-gray-bg a,
.container-H5-orange-bg a,
.container-H5-teal-bg a,
.container-H5-pink-bg a,
.container-H6-orange-bg a,
.container-H6-teal-bg a,
.container-H6-blue-bg a,
.container-H6-green-bg a,
.container-H6-pink-bg a  {
  color: #f6f7f8;
}
.container-H3-blue-bg a:hover,
.container-H3-teal-bg a:hover,
.container-H3-green-bg a:hover,
.container-H3-orange-bg a:hover,
.container-H3-purple-bg a:hover,
.container-H3-pink-bg a:hover,
.container-H3-med-gray-bg a:hover,
.container-H3-med-dark-gray-bg a:hover,
.container-H3-dark-gray-bg a:hover,
.container-H5-orange-bg a:hover,
.container-H5-teal-bg a:hover,
.container-H5-pink-bg a:hover,
.container-H6-orange-bg a:hover,
.container-H6-teal-bg a:hover,
.container-H6-blue-bg a:hover,
.container-H6-green-bg a:hover,
.container-H6-pink-bg a:hover {
  color: white;
}

@media only screen and (max-width: 1025px) {
  .container-H2-black-title-with-icon > h2 {
    padding-top: 10px;
  }


  .container-H3-blue-title,
  .container-H3-orange-title,
  .container-H3-teal-title{
    padding:0;
  }
  .container-H3-blue-bg,
  .container-H3-orange-bg,
  .container-H3-pink-bg,
  .container-H3-purple-bg,
  .container-H3-teal-bg{
    padding: 10px 0 5px;
  }
  .container-H3-light-gray-bg{
  	/*padding: 0;*/
  }

  .container-H3-light-gray-bg .skinWidth.ways-to-give > p > span {
    font-size: 105%;
  }

  .container-H3-light-gray-bg.H3-LG-less-padding-bottom{
    padding-bottom: 0;
  }
  .middleHero .container-H3-light-gray-bg{
  	padding: 20px 0 20px;
  }
}
/*-------------------------------------------------
H3 Black Title Container
---------------------------------------------------
Container ASCX File: H3_BlackTitle.ascx

Common Styling located above in this section:
H3 All Title Containers Common Styling
-------------------------------------------------*/
.container-H3-black-title {
  background-color: #fff;
  color: #333;
}
/*-------------------------------------------------
H3 Blue BG Container
---------------------------------------------------
Container ASCX File: H3_BlueBG.ascx

Common Styling located above in this section:
H3 All Title Containers Common Styling
-------------------------------------------------*/
.container-H3-blue-bg,
.container-H6-blue-bg {
  background-color: #38bde3;
  color: #FFF;
}
/*-------------------------------------------------
H3 Teal BG Container
---------------------------------------------------
Container ASCX File: H3_TealBG.ascx

Common Styling located above in this section:
H3 All Title Containers Common Styling
-------------------------------------------------*/
.container-H3-teal-bg,
.container-H5-teal-bg,
.container-H6-teal-bg {
  background-color: #43d1c0;
  color: #FFF;
}
/*-------------------------------------------------
H3 Teal BG White Border Container
---------------------------------------------------
Container ASCX File: H3_TealBG_WhiteBorder.ascx

Common Styling located above in this section:
H3 All Title Containers Common Styling
-------------------------------------------------*/
.container-H3-teal-bg.whiteborder {
  width:99%;
  margin:.5%;
}
/*-------------------------------------------------
H3 Green BG Container
---------------------------------------------------
Container ASCX File: H3_GreenBG.ascx

Common Styling located above in this section:
H3 All Title Containers Common Styling
-------------------------------------------------*/
.container-H3-green-bg,
.container-H6-green-bg {
  background-color: #7dc13f;
  color: #FFF;
}
/*-------------------------------------------------
H3 Orange BG Container
---------------------------------------------------
Container ASCX File: H3_OrangeBG.ascx

Common Styling located above in this section:
H3 All Title Containers Common Styling
-------------------------------------------------*/
.container-H3-orange-bg,
.container-H5-orange-bg,
.container-H6-orange-bg {
  background-color: #eea220;
  color: #FFF;
}
/*-------------------------------------------------
H3 Purple BG Container
---------------------------------------------------
Container ASCX File: H3_PurpleBG.ascx

Common Styling located above in this section:
H3 All Title Containers Common Styling
-------------------------------------------------*/
.container-H3-purple-bg {
  background-color: #7a52c4;
  color: #FFF;
}
/*-------------------------------------------------
H3 Pink BG Container
---------------------------------------------------
Container ASCX File: H3_PinkBG.ascx

Common Styling located above in this section:
H3 All Title Containers Common Styling
-------------------------------------------------*/
.container-H3-pink-bg,
.container-H5-pink-bg,
.container-H6-pink-bg{
  background-color: #e1529d;
  color: #FFF;
}
/*-------------------------------------------------
H3 Light Gray BG Container
---------------------------------------------------
Container ASCX File: H3_LightGrayBG.ascx

Common Styling located above in this section:
H3 All Title Containers Common Styling
-------------------------------------------------*/
.container-H3-light-gray-bg {
  background-color: #f6f7f8;
   color: #333;
}
/*-------------------------------------------------
H3 Med Gray BG Container
---------------------------------------------------
Container ASCX File: H3_MedGrayBG.ascx

Common Styling located above in this section:
H3 All Title Containers Common Styling
-------------------------------------------------*/
.container-H3-med-gray-bg {
  background-color: #a6b4c4;
  color: #333;
}
/*-------------------------------------------------
H3 Med Dark Gray BG Container
---------------------------------------------------
Container ASCX File: H3_MedDarkGrayBG.ascx

Common Styling located above in this section:
H3 All Title Containers Common Styling
-------------------------------------------------*/
.container-H3-med-dark-gray-bg {
  background-color: #77818C;
  color: #FFF;
}
/*-------------------------------------------------
H3 Dark Gray BG Container
---------------------------------------------------
Container ASCX File: H3_MedDarkGrayBG.ascx

Common Styling located above in this section:
H3 All Title Containers Common Styling
-------------------------------------------------*/
.container-H3-dark-gray-bg {
  background-color: #333;
  color: #FFF;
}

/*-------------------------------------------------
H3 Dark Gray BG Grid Container
---------------------------------------------------
Container ASCX File: H3_COLOR_Blur.ascx
-------------------------------------------------*/

  span[class*='mid'].more-arrow-up,
  span[class*='mid'].more-arrow-down{
    display:none;
  }
.grid-trunc-background-almostblack{
  background-color:#333;
  overflow: hidden;
  text-align: center;
  padding:20px 0px;
}
.grid-trunc-background-almostblack > h3{
    z-index: 50;
    position: relative;
}
.grid-trunc-background-almostblack a {
  color: #f6f7f8;
}
.grid-trunc-background-almostblack a:hover {
  color: white;
}
@media only screen and (max-width: 1025px) {
  div[class*='grid-container']{
    width: 100%;
    margin-bottom: 5px;
    padding-bottom: 5px;
    max-height:2.5em;
    overflow:hidden;
    text-overflow: ellipsis;
    content: "";
    position:relative;
  }

  div[class*='grid-container']:before {
    content:'';
    width:100%;
    height:100%;
    position:absolute;
    left:0;
    top:0;
    background:linear-gradient(transparent 40px, white);
  }

  div[class*='grid-container'].noBefore{
    max-height:initial !important;
  }

  div[class*='grid-container'].noBefore:before{
    content:none;
  }

  span[class*='mid'].more-arrow-up,
  span[class*='mid'].more-arrow-down{
    margin:0 auto;
    position:relative;
    display:block;
    margin-bottom: 10px;
  }
  .container-H5-orange-bg,
.container-H5-teal-bg,
.container-H5-pink-bg,
.container-H6-orange-bg,
.container-H6-teal-bg,
.container-H6-blue-bg,
.container-H6-green-bg,
.container-H6-pink-bg{
  margin-top:1%;
  margin-bottom:1%;
}
}

/*-------------------------------------------------
Teal BG Container
---------------------------------------------------
Container ASCX File: NoTitle_TealBG.ascx
-------------------------------------------------*/

.container-teal-bg{
  background-color: #43d1c0;
}
.container-teal-bg a {
  color: #f6f7f8;
}
.container-teal-bg a:hover {
  color: white;
}
.quote-container{
  padding:15%;
  color:white;
  font-size:1.5em;
  line-height: 1.3;
}

/*-------------------------------------------------
Full Width Video
-------------------------------------------------
.video-background {
  background: #000;
  position: fixed;
  top: 0; right: 0; bottom: 0; left: 0;
  z-index: -99;
}
.video-foreground,
.video-background iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px; height: 0; overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

*/
.greyBGNewsroom{
  background-color: #f7f8fa;  
}

.NewsroomBorderTop{
  border-top: 1px solid #d9e1ea;
}

.NewsroomBorderBottom{
  border-bottom: 1px solid #d9e1ea;
}