/* Per mgmt, the base font sizes will not be updated to reflect their values in style-vars until
we move forward with the content-width updates throughout the entire site, to preserve
consistency in sizing across the new homepage & other pages */

h1,h2,h3,h4,h5,h6 { font-weight: var(--heading-weight) !important; }
h1.bold,h2.bold,h3.bold,h4.bold,h5.bold,h6.bold { font-weight: var(--heading-weight-bold) !important; }
p { font-weight: var(--p-weight) !important; }
p.bold { font-weight: var(--p-weight-bold) !important; }
p.faded { color: var(--font-color-faded); }
h1 {}
a.btn,a.btn-w-pill,button.btn,button.btn-w-pill {
  max-width: 246px;
  color: #fff;
  font-weight: 800 !important;
  text-transform: uppercase;
  background: linear-gradient(340deg, #ED5B26 5.52%, #ED7A26 95.72%);
  box-shadow: 2px 3px 8px rgba(0, 0, 0, 0.15);
  border-radius: 5px;
}
a.btn:hover { 
  text-decoration:none;
}
#page-container,body,html {
  font-family: var(--font-primary) !important;
  font-style: var(--font-primary-style) !important;
  letter-spacing: var(--font-primary-spacing) !important; 
  width: unset !important; 
  margin: unset !important; 
}

.hero-cta-container {
  background: rgba(86, 86, 86, 0.05);
  background-blend-mode: multiply;
  backdrop-filter: blur(30px);
  min-height: 406px;
}
.hero-cta-container h1,.hero-cta-container h5 { color: #fff; }

.datacenter-cta-container {
  background: rgba(242, 242, 242, 0.75);
  background-blend-mode: darken;
  backdrop-filter: blur(10px);
  min-height: 559px;
}

.rfq-cta-container {
  background: rgba(242, 242, 242, 0.75);
  background-blend-mode: darken;
  backdrop-filter: blur(20px);
  min-height: 578px;
}