#TileHeading
{
  font-family: 'Roboto', sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
  font-style: thin;
  color: #FFFFFF;
  background-color: #1d2359;
}

#welcome
{
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 28px;
  font-style: thin;
  color: #FFFFFF;
  text-align: center;
  background-color: #2e40a6;
}

#socMed {
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  font-style: thin;
  color: #FFFFFF;
  background-color: #1e1f45;
}


.linkCenteredDivNormal,
.centeredDivNormal {
  border: .5px solid #c0c0c0;
  border-radius: 10px;
  width: 100%;
  padding: 10px;
  padding-top: 40px;
  padding-bottom: 50px;
  text-align: center;
  margin: 0 auto;
  background: #1d2359;
  box-shadow: 2px 5px 2px rgba(0, 5, 5, 0.15);
}
/* drop shadow: 0px (x-axis), 5px (y-axis), 5px (blur) */

.linkCenteredDivThin,
.centeredDivThin {
  border: .5px solid #c0c0c0;
  border-radius: 10px;
  width: 100%;
  padding: 10px;
  padding-top: 4px;
  padding-bottom: 5px;
  text-align: center;
  margin: 0 auto;
  background: #1d2359;
  box-shadow: 1px 4px 1px rgba(0, 5, 5, 0.15);
}
/* drop shadow: 0px (x-axis), 5px (y-axis), 5px (blur) */

.NewWelcomeBanner {
  width: 100%;
  padding: 10px;
  padding-top: 4px;
  padding-bottom: 5px;
  margin: 0 auto;
}

.container-longest {
  display: flex;
  gap: 20px;
  width: 75%;
  margin: 0 auto;
  background-color: #1e1f45;
}

.container-middle {
  display: flex;
  gap: 20px;
  width: 75%;
  margin: 0 auto;
  background-color: #1d2359;
}

.container-shortest {
  display: flex;
  gap: 20px;
  width: 50%;
  margin: 0 auto;
  background-color: #1d2359;
}

.container-temp-longest {
  display: flex;
  gap: 20px;
  width: 100%;
  margin: 0 auto;
  background-color: #1d2359;
}

.socialMedia {
  display: flex;
  justify-content: space-evenly;
  gap: 5px;
  max-height: 60px;
  align-items: center;
  background-color: #1e1f45;
  color:transparent;
  padding:1px;
  
}

.gartner {
  display: flex;
  justify-content: center;
  gap: 5px;
  max-height: 60px;
  align-items: center;
  display:block;
  background: url(/resources/Storage/Branding/background_1000x563.jpg);
  background-size:auto;
  color:transparent;
  padding:1px;
  text-align: center;
}

.cdpworld {
  display: flex;
  align-items: center;
  display:block;
  color: black !important;
  background-color: #a37afc;
  padding:10px;
  text-align: center;
  font-weight: 500;
  font-size: medium;
  text-decoration: none;
}

/* .CHFooterBlock_container, --> block right below last tile*/
/* .CHBlock_richTextContent, --> 2 side by side blocks: one blank the other FB, LinkedIn, and Insta */
/* .CHBlock_richTextContent_contentWrapper,  --> ? */
/* .CHBlock_richTextContent_fullWidth,  --> ??? */

.CHCustomHtmlBlock_container /* Treasure Data Product Documentation Banner and lower tile block */
{
  background-image: linear-gradient(to right, rgba(91, 112, 254, 0.15), rgba(21, 166, 255, 0.15));
}

/* .BaseMaster_leftMenuAndContentContainer --> affects BaseMaster_template footer */

.BaseMaster_leftMenuAndContentContainer
{
  text-align: center;
}

/* not used with white on black footer */
.BaseMaster_templateFooter
{
  background-image: linear-gradient(to right, rgba(91, 112, 254, 0.15), rgba(21, 166, 255, 0.15));
  text-align: center;
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  font-weight: 400;
  padding-top: 6px;
  padding-bottom: 7px;
  color: black;
}

/* This only changes "Treasure Data Product Documentation" in Portal editor. Not to published version. */
.CHBlock_richTextContent,
.CHBlock_richTextContent_fullWidth
{
  font-family: 'Roboto', sans-serif;
  font-size: 50px;
  font-weight: bold;
  text-align: center;
  margin: 0 auto;
  color: white !important;
  text-decoration: none;
}.CHBlock_richTextContent, .CHBlock_container * {font-family: 'Roboto Regular',Helvetica,'Droid Sans',Tahoma,Geneva,sans-serif;}