@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');

:root {
    --chcd-blue: #004364;
    --chcd-dark: #353535;
    --chcd-orange: #c4481d;
    --white: #fff;
    --black: #000;
    --light-gray: #f8f8f8;
}

.grid-container {
    max-width: 100rem;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-family: unset !important;
}
h1, .h1{
    font-weight: 600 !important;
}

.layout-basic p, .layout-basic div.msg, .layout-basic label, .layout-basic input, .layout-basic button, #apcd-submission ul, #apcd-submission td, #apcd-timelines td{
    font-size:1.2em;
    font-family: Roboto Condensed;
}
.footer p{
    font-size:1em;
}


figcaption{
    color:var(--black);
    line-height:1.5;
    font-family: Roboto Condensed;
    font-size:1.2rem;
}

#masthead .grid-container {
    padding-left: 0;
    margin-left: 0;
    margin-bottom: 3rem;
}

#masthead .grid-container .grid-x .cell.small-12.medium-2 {
    background: var(--chcd-orange);
    padding-left: 1em;
    padding-block: .75em;
}

#masthead .grid-container .grid-x .cell.small-12.medium-2 a {
    color: var(--white);
    text-decoration: none;
    font-family: Roboto Condensed;
    font-size: 1.313rem;
}

#masthead .grid-container .grid-x .cell.small-12.medium-10 a {
    color: var(--black);
    text-decoration: none;
    font-weight: 500;
    font-family: Roboto;
    text-transform: uppercase;
}

#masthead .grid-container .grid-x .cell.small-12.medium-10 a:hover .menu-link-border,
#masthead .grid-container .grid-x .cell.small-12.medium-10 a:focus .menu-link-border {
    border-bottom: 2px solid var(--chcd-orange);
}


.dropdown.vertical.menu.medium-horizontal > li.is-dropdown-submenu-parent > a >span:after{
 width: 0;
height: 0;
border: none;
font-family: "Font Awesome 5 Pro";
content: '\f078';
font-weight: 600;
font-size: .85rem;
transition: all .2s;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
left: calc(100% - 12px);
right: 0;
top: 1.25rem;
 
}

.dropdown.vertical.menu.medium-horizontal > li.is-dropdown-submenu-parent > a > span:hover::after {
  rotate: -180deg;
}


.home-link {
    font-weight: bold;
    font-size: 1.05em;
}

#chcd-footer {
    background-color: var(--chcd-dark);
    background-image: url('/research/centers/center-for-health-care-data/assets/img/particle-design-orange.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left center;
    margin: 0;
    padding-block: 3rem;
}

#chcd-footer figure {
    padding-block: .5rem;
    border-bottom: 2px solid var(--chcd-orange);
}

#chcd-footer p,
#chcd-footer a {
    color: var(--white);
    font-size: .90rem;
    font-family: Roboto Condensed;
}

#chcd-quicklinks li {
    margin-block: .5em;
}

.title-bar-title {
    padding: .5em 1em;
}

.title-bar-title a {
    color: var(--white) !important;
    font-weight: bold !important;
}

#footer-links .h3 {
    color: var(--white);
    margin-top: 1em;
    border-bottom: 2px solid var(--chcd-orange);
    padding-bottom: .5em;
    letter-spacing: normal;
    font-size: 1.25rem;
    font-weight: 500 !important;
}

#chcd-footer a {
    text-decoration: none;
    border-bottom: 1px solid var(--chcd-orange);
    font-family: Roboto Condensed;
}

#home-hero {
    padding-block: 7rem;
    color: var(--white);
}

#home-hero a,
#improving a,
#projects a,
#research-ed a, 
a.apcd-registration-link,
a.data-request-form, 
a.orange-button {
    border: 2px solid var(--chcd-orange);
    padding: .5rem 1rem;
    border-radius: 1.5rem;
    color: var(--white);
    text-decoration: none;
    display: inline-block;
    margin-bottom: 1rem;
    min-width: 12rem;
    text-align: center;
    background-color: var(--chcd-orange);
    margin-right: .25rem;
    font-weight: 600;
}
#home-hero a:hover,
#improving a:hover,
#projects a:hover,
#research-ed a:hover, 
a.apcd-registration-link:hover,
a.data-request-form:hover,
a.orange-button:hover {
    text-decoration:underline;
}
/*
#home-hero a:first-of-type,
#improving a:first-of-type,
#projects a:first-of-type,
#research-ed a:first-of-type{
    background-color: var(--chcd-orange);
    margin-right: .25rem;
    font-weight: 600;
}*/

#home-hero p {
    font-weight: 600;
    line-height: 1.75 !important
}

#home-hero p:first-of-type {
    margin-bottom: 2rem;
    max-width: 50%;
    font-size: 1.1rem;
}

#home-hero h1 {
    font-size: 3em;
    letter-spacing: 0;
}

#home-hero h2 {
    font-size: 1.5rem;
    font-weight: 600 !important;
}

#improving {
    padding-block: 3rem;
    margin-block: 1rem;
  }

#improving p{
    font-family:Roboto Condensed;
     min-width: 95%;
     font-size:1.2rem;
}  

#improving h2,
#call-to-action h2,
#projects h2, 
#expertise h2, 
#team h2,
#support-text h2, 
#data-uses-text h2, 
#hot-about h2, 
#hot-measuresdesc h2,
#dht-about h2, 
#dht-measuresdesc h2,
#tx-health-rankings h2, 
#collab-process-request h2, 
#apcd-population h2, 
#apcd-governance h2,
#apcd-guides h2,
#apcd-submission h2,
#apcd-data-privacy h2,
#apcd-registration-faq h2,
#chcd-contact h2, 
#hot-measures h2,
#dht-measures h2,
#faq-general h2,
#faq-requestor h2,
#apcd-timelines h2,
#apcd-registration h2, 
#apcd-exception h2,
#apcd-gov-2 h2,
#apcd-gov-3 h2{
    text-align: center;
    color: var(--chcd-blue);
    font-weight: bold !important;
    font-size: 2.75rem;
}

#improving h2 span,
#call-to-action h2 span, 
#projects h2 span,
#expertise h2 span,
#team h2 span, 
#support-text h2 span, 
#data-uses-text h2 span, 
#hot-about h2 span, 
#hot-measuresdesc h2 span,
#dht-about h2 span,
#dht-measuresdesc h2 span, 
#tx-health-rankings h2 span, 
#collab-process-request h2 span, 
#apcd-population h2 span,
#apcd-governance h2 span,
#apcd-guides h2 span,
#apcd-submission h2 span,
#apcd-data-privacy h2 span, 
#apcd-registration-faq h2 span,
#chcd-contact h2 span,
#hot-measures h2 span,
#dht-measures h2 span,
#faq-general h2 span, 
#faq-requestor h2 span,
#apcd-timelines h2 span, 
#apcd-registration h2 span, 
#apcd-exception h2 span, 
#apcd-gov-2 h2 span,
#apcd-gov-3 h2 span{
    color: var(--chcd-orange);
}

#improving p:last-of-type {
    text-align: center;
    margin-block: 4rem;
}

#call-to-action {
    background-color: var(--light-gray);
    text-align: center;
    padding-block: 3rem;
    color: var(--chcd-dark);
    background-image: url('/research/centers/center-for-health-care-data/assets/img/particle-design-light-blue-at-top.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left center;
    margin: 0;
}

#call-to-action p {
  font-family: Roboto Condensed;
  
}

#call-to-action img {
    max-width: 70px;
    margin-bottom: 1.5rem;
}

#call-to-action .h5 {
    color: var(--chcd-blue);
    font-weight: 500 !important;
    font-size: 1.3rem;
}

#projects, #research-ed {
  margin-top:3em;
  padding-block: 3em;
}
#projects .orbit {
    background-color: var(--white);
    padding-top:0;
  }
#projects .orbit .orbit-wrapper.grid-container {
    margin: 0;
  }
 #projects .orbit-caption {
  position: initial;
  background: var(--white);
}
.orbit-caption.cell.large-6 {
  margin-left: -6rem;
  margin-top: 3rem;
  padding: 3rem;
}
figcaption.orbit-caption.cell.large-6 h3 {
  color: var(--chcd-blue);
  font-size: 2.5rem;
  font-weight: 500 !important;
  line-height: 1.5;
  letter-spacing: 0;
  margin-top:3rem;
}
.orbit-caption.cell.large-6 p {
  width: 80%;
  font-size: 1em;
  line-height:1.5;
}
.orbit-caption.cell.large-6 p:last-of-type {
  margin-top: 2em;
}

#secondary-hero{
    background-image:linear-gradient(0deg, rgba(11, 54, 81, .8), rgba(11, 54, 81, .8)), url('/research/centers/center-for-health-care-data/assets/img/white-particle-frame.png'), url('/research/centers/center-for-health-care-data/assets/img/secondary-page-header.jpg');
    background-size: cover, contain, cover;
    background-position:center center, left bottom, center center;
    background-repeat: no-repeat, no-repeat, no-repeat;
    margin-top:-3rem;
    font-family:Poppins;
}
#secondary-hero h1{
    padding-top:7em;
    color:var(--white);
}
/*
#mission-vision {
  margin-top:.25em;
}
*/
#mission-vision .cell.large-6 {
  background-image: url('/research/centers/center-for-health-care-data/assets/img/mission-vision-left.jpg') ;
/*  background-position: right center;*/
  background-size: cover;
  display: inline-flex;
align-items: center;
}
#mission-vision h2, #claim-data h2, #apcd-data-requests h2 {
  color: var(--white);
  font-family: Poppins !important;
}
#mission-vision p, #claim-data p {
  color: var(--white);
  /*font-family: Roboto Condensed !important;*/
}

#mission-vision h2, #claim-data h2, #apcd-data-requests h2{
  font-weight: 600 !important;
  font-size: 2.25rem;
  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.2);
}

#expertise {
    margin-top:2em;
}
#about{
    text-align:center;
    margin-bottom:3em;
    padding-block:4em;
    font-family:Roboto Condensed;
}
#expertise figure {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: .5em;
  justify-content: center;
}
#team{
    padding-block:3em;
    background-color:var(--light-gray);
    
}
#team .grid-container .grid-x.grid-margin-x {
  display: flex;
  flex-direction: row;
  justify-content: center;
}
#team h3{
    text-align:center;
    color: var(--chcd-blue);
}
#team hr {
  width: 48px;
  border: 2px solid var(--chcd-orange);
  margin-top:1.5em;
}
#team p{
  text-align: center;
  color:#0B3651;
  font-weight: 600;
  font-size: 1.1em;
}

#team p.h4 {
  font-family: Roboto !important;
  font-size: 1.35rem;
  letter-spacing: -.01em;
  font-weight: 700;
  line-height:1.5;
}
#team p.h5 {
  font-size: .95em !important;
  font-style: italic !important;
  color: var(--chcd-orange) !important;
  font-family: Roboto !important;
  font-weight: 400;
  margin-top: -.5em;
}
 #team a {
  text-decoration: none;
}
#team .cell.medium-3:hover{
  -webkit-box-shadow: 0px 3px 20px -7px rgba(0,0,0,0.32);
-moz-box-shadow: 0px 3px 20px -7px rgba(0,0,0,0.32);
box-shadow: 0px 3px 20px -7px rgba(0,0,0,0.32);
}
#members {
  margin-top: 3em;
  padding-top: 3em;
} 
#team h3, #research-ed h3{
  font-weight: 500 !important;
  margin-bottom:1.25em;
}
#research-ed h3{
    color: var(--chcd-blue);
    font-size:1.75rem;
}
#diagram {
  padding: 3em;
}
#diagram h2.h3{
    color:var(--chcd-blue);
    font-weight:500 !important;
    padding-bottom: 1.5em;
    font-family: "Roboto Condensed" !important;
    font-size:2rem;
}
.padding-large {
  margin-inline: 4vw;
}

#claim-data {
    background-color:var(--chcd-blue);
}
#claim-data .cell.large-6.imgCell {
  background-image: url('/contentAsset/image/b0aec5df-313e-4c1c-b952-7c7d6c0145cc/fileAsset/filter/Resize,Jpeg/resize_w/950/jpeg_q/75"'); 
  background-size: cover;
}
#claim-data .cell.large-6.imgCell img, #mission-vision .cell.large-6.imgCell img{
  opacity: 0;
}
#mission-vision .cell.large-6.imgCell{
    background-image:url('/contentAsset/image/6b7b25fc-bf60-4492-9359-88cbea168587/fileAsset/filter/Resize,Jpeg/resize_w/950/jpeg_q/75');
    background-size:cover;
}

#support-text{
    text-align:center;
    padding-block:5rem;
}
#support-icons, #data-uses-icons{
    text-align:center;
    font-family:"Roboto Condensed";
    padding-bottom:5rem;
}
#support-icons h3.h5, #data-uses-icons h3.h5 {
  color: var(--chcd-blue);
  margin-block: 1.5rem;
  font-size: 1.5em;
}
#support-text p{
  font-family: Roboto Condensed;
  width:60%;
  margin-inline:auto;
  margin-bottom:1.5rem;
  
}
#support-icons p, #data-uses-icons p{
  color: var(--black)
}

#support-icons .grid-x.grid-margin-x.small-up-1.medium-up-3 .cell .inner, #data-uses-icons .grid-x.grid-margin-x.small-up-1.medium-up-3 .cell .inner{
  width: 72%;
  margin: auto;
}
#data-uses-icons{
    background-color:var(--light-gray);
    
}
#data-uses-text{
    text-align:center;
    padding-bottom:2em;
}
#data-uses-text p{
    font-family:Roboto Condensed;
    font-size: 1.25em;
    margin-inline: auto;
}
#hot-about, #dht-about{
    padding-block:3rem;
    margin-top:0;
}
#hot-about .df-header .tabs-title > a:focus, #hot-about .tabs-title > a[aria-selected="true"], 
#hot-measuresdesc .df-header .tabs-title > a:focus, #hot-measuresdesc .tabs-title > a[aria-selected="true"],
#dht-about .df-header .tabs-title > a:focus, #dht-about .tabs-title > a[aria-selected="true"], 
#dht-measuresdesc .df-header .tabs-title > a:focus, #dht-measuresdesc .tabs-title > a[aria-selected="true"],
#data-use-cases .df-header .tabs-title > a:focus, #data-use-cases .tabs-title > a[aria-selected="true"]{
  background: var(--chcd-orange);
  color:var(--white) !important;
  border: 1px solid var(--chcd-orange);
  border-radius: 25px;
  font-size: 1rem;
  font-family: roboto condensed;
}
#hot-about .tabs-content, #hot-measuresdesc .tabs-content, #data-use-cases .tabs-content {
  border: none;
  background:none;
}
#hot-about h3, #hot-measuresdesc h3 {
  color:var(--chcd-blue);
  font-weight: 600 !important;
  font-size:2rem;
  padding-top:1.5em;
}

#tx-health-rankings h3, #non-medical h2, #collab-process-request h3 {
  color:var(--chcd-blue);
  font-weight: 600 !important;
  font-size:2rem;
  padding-top:0.5em;
}
#hot-about .tabs, #hot-measuresdesc .tabs, #data-use-cases .tabs, #dht-about .tabs, #dht-measuresdesc .tabs,{
  border: none;
  background:none;
}
#hot-about .tabs-title > a, #hot-measuresdesc .tabs-title > a, #data-use-cases .tabs-title a{
  border: 1px solid var(--chcd-orange);
  margin-right: 1em;
  border-radius: 25px;
  padding: .75rem 1.5rem;
  text-decoration: none;
  color: var(--chcd-orange);
}
#hot-about p, #hot-measuresdesc p, #dht-measuresdesc p{
    font-family:Roboto Condensed;
}
#hot-measuresdesc, #dht-measuresdesc #collab-process-request{
    background-color:var(--light-gray);
    padding-block:3rem;
    margin-top:0;
}
#hot-measuresdesc .tabs-content h4, #dht-measuresdesc .tabs-content h4, #tx-health-rankings h4, #non-medical h4 {
  font-family: Roboto Condensed !important;
  font-weight: 600;
  font-size: 1.25em;
}

#non-medical {
    margin-top:1.5rem;
    
}

#tx-health-rankings {
    margin-top:3rem;
}

#tx-health-rankings p, #non-medical p {
    font-family:Roboto Condensed;
}

#collab-process-request ul {
  margin-left: 5rem;
  font-family: Roboto Condensed;
  color: black;
}
#collab-process-request p {
  font-family: Roboto Condensed;
}

#collab-process-intro {
  font-family:Roboto Condensed;
  font-size:1.25em;
  padding-block: 3rem;
  margin-top:0;
}
#collab-process-intro p{
    color:var(--chcd-blue);
    max-width:100%;
}
#collab-process-intro p:first-of-type{
    color:var(--white);
}
#collab-process-intro svg {
  width: 85%;
}

#collab-process-intro p:first-of-type {
  background-color: var(--chcd-blue);
  padding: 1em;
  border: 12px solid #f1f0f0;
  border-radius: 25px;
  width:60%;
  margin-inline: auto;
  margin-bottom: 2em;
}
ul#data-sources{
    font-family:Roboto Condensed;
    color:black;
    font-size:1.1em;
}

#data-use-cases {
    background-color: var(--light-gray);
    padding-block:3em;
}
#data-use-cases .row.grid-x.grid-margin-x {
  width: 70%;
  margin: auto;
}
#data-use-cases .tabs-content figure {
  float: left;
  margin-inline: 1rem;
  margin-block: 3rem;
}
#data-use-cases .tabs-content figure img {
  min-height: 88px;

}
#steps{
    background-color:var(--light-gray);
    margin-top:-5em;
    font-family:Roboto Condensed;
}
#steps .grid-container {
  padding-inline: 6em;
}
#steps .columns.cell.margin-medium-top.margin-medium-bottom.show-for-large.show-for-large-up.page-design-tabs {
  display: flex !important;
  margin-block: 3em;
}
#steps .tabs {
  min-width:30%;
  border:none;
  min-height: 400px;
  background-color: transparent;
}
#steps .tabs-content {
  position: relative;
  min-height: 450px;
  padding-inline: 3em;
  padding-block: 1em;
  border: none;
  min-width: 70%;
}
#steps ul.tabs li{
  min-width:100%;  
}
#steps ul.tabs li:last-of-type{
  width:100%;
}

#steps .tabs-content:after{
  content:"";
  display: inline-block;
  position:absolute;
  bottom:0;
  right: 0;
  width:40px;
  height:40px;
  border: 1px solid var(--chcd-orange);
border-width: 0 6px 6px 0;
}
#steps a[role="tab"] {
  background-color: transparent;
  color: var(--chcd-blue);
  font-size: 1.1em;
}

#steps .tab-title.is-active.tabs-title a {
  color: var(--chcd-orange);
  text-decoration: none;
  font-size: 1.5rem;
  font-weight: 600;
}
#steps .tabs-content h3{
  color:var(--chcd-blue);
}
#steps .tab-title.tabs-title.is-active {
  border-right: 5px solid var(--chcd-orange);
}
div#apcd-intro{
    margin-top:1em;
    font-family:Roboto Condensed;
}
div.txapcd-aside p, .txapcd-aside h2 {
    color:var(--white) !important;
}
div.txapcd-aside {
    margin: auto;
    text-align: center;
    background: var(--light-gray);
    padding: 2em;
    position:relative;
    margin-block: 0 3em;
    background-image: linear-gradient(to top, rgba(0,0,0,.9), rgba(0,67,100,.4)), url(/research/centers/center-for-health-care-data/assets/img/apcd-population-background.jpg);
    background-position: bottom right;
    background-size: cover;
    background-repeat: no-repeat;
    color: var(--white);
}
div.txapcd-aside:before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:50%;
    height:50%;
    border:2px solid var(--chcd-blue);
    border-width: 5px 0 0 5px;
    transform: translate(-24px, -24px)
    
}
div.txapcd-aside:after{
    content:"";
    position:absolute;
    bottom:0;
    right:0;
    width:50%;
    height:60%;
    border:2px solid var(--chcd-orange);
    border-width: 0px 5px 5px 0px;
    transform: translate(24px, 24px);
}
@media only screen and  (max-width:1023px){
    div.txapcd-aside {
  margin-top: 3em;
  width: 80% !important;
  margin-inline: auto !important;
    }
}
#apcd-population{
    margin-top:0;
    background-image:url('/research/centers/center-for-health-care-data/assets/img/particle-design-light-blue-at-top.png');
    background-size:contain;
    background-repeat: no-repeat;
    background-position: top left;
    padding-bottom:3em;
}

#apcd-population ul{
    list-style-type:none;
    background-color:rgba(248, 248, 248, 0.8);
}

#apcd-population ul li img {
  display: block;
  margin: auto;
  margin-bottom: 1em;
  min-height: 52px;
}
#apcd-population ul li{
  text-align: center !important;
  padding:.5em;
}
#apcd-population .layout-basic .darkText p{
    min-width:100%;
}
#apcd-population p {
  max-width: 100% !important;
  font-family: Roboto Condensed !important;
  font-weight: 300;
  padding: bottom:;
  padding-bottom: 1.5em;
}

#apcd-population ul li{
  font-family:Roboto Condensed;
  color:black;
  font-size:1.2em;
}

#apcd-gov-1 {
  background-color: var(--chcd-blue);
  color:var(--white);
  margin-top:0;
  padding-bottom:3em;
}
#apcd-gov-1 p, #apcd-gov-1 h3{
  color: var(--white);
}
#apcd-gov-1 p, #apcd-gov-2 p, #apcd-gov-3 p {
  font-family: roboto condensed;
}
#apcd-gov-1 a {
  border-bottom: var(--chcd-orange) 1px solid;
  color: var(--white);
  text-decoration:none;
}
#apcd-gov-1 a:hover {
  border-bottom: var(--chcd-orange) 3px solid;
  font-weight: 900;
}
#apcd-gov-2{
    margin-top:0;
    margin-bottom:3rem;
}

#apcd-gov-3{
    margin-top: -3rem;
    margin-bottom: 3rem;
    padding-bottom: 3rem;
}

#apcd-governance {
  /*! padding-block: 3em; */
  margin-top: 0;
}
#apcd-gov-1 h3, #apcd-gov-2 h3 {
  font-weight: 600 !important;
   font-size: 2rem;
}
#apcd-gov-2 h3, #apcd-gov-2 h4{
  color:var(--chcd-blue) !important;
}

#apcd-population ul.grid-x.grid-margin-x.small-up-1.medium-up-2.large-up-3 {
  width: 80%;
  margin-inline: auto;
}
#apcd-population ul.grid-x.grid-margin-x.small-up-1.medium-up-2.large-up-3 li.cell {
 margin-bottom:2em;
}

#apcd-registration {
    background-image: url('');
    background-size: 30%;
    background-repeat: no-repeat;
    background-position: right bottom;
    margin-top: 0;
    padding-block: 3em;
  }
  #apcd-registration .left-content p:first-of-type {
    font-family: Roboto Condensed;
    font-size: 1.6em;
    color:var(--chcd-blue);
  }
  #apcd-registration ol, #apcd-registration ul{
      font-family:Roboto Condensed;
      margin-left:5em; 
      color:var(--black);
      font-size:1.2rem;
  }

  #apcd-guides{
      margin-top:0;
      padding-block:3em;
  }
  
  #apcd-guides .fal {
    display: block;
    font-size: 4em;
    line-height: 1.25;
  }
  #apcd-guides ul {
    text-align: center;
    list-style-type: none;
    gap:3em;
  }
  #apcd-guides ul:first-of-type li{
    background-color:#f1f1f1;
    padding:2em;
    border:1px solid #f1f1f1;
    border-radius:25px;
    font-family: roboto condensed;
    font-size: 1.2em;
    
  }
#apcd-guides ul:first-of-type li > a {
  color: var(--chcd-blue);
  text-decoration: none;
}

#apcd-guides ul:first-of-type li > a:hover{
  color: var(--chcd-orange);
}

#apcd-submission, #apcd-timelines{
    margin-top:0;
    padding-block:3em;
    font-family: roboto condensed;
    color: var(--black);
  }
  #apcd-submission table, #apcd-submission p, #apcd-data-privacy p, #apcd-registration-faq p, #apcd-registration-faq ul {
      font-family:Roboto Condensed;
      color:black;
  }
  #apcd-data-privacy{
      margin-top:0;
      padding-block:3em;
  }
  #apcd-registration-faq ul{
      margin-left:5em;
      font-size:1.2em;
  }
  #apcd-requestor {
    margin-top: 0;
    font-family: Roboto Condensed;
    font-size: 1.14em;
    padding-block: 3em;
  }
  #apcd-requestor p{
    color: var(--chcd-blue);
    text-align: center;
    font-weight: 600
  }
  #apcd-data-requests {
    margin-top: 0;
    background-color: var(--chcd-blue);
    color: var(--white);
    font-family: Roboto Condensed;
    background-image: url('');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left bottom;
  }
  #faq-general .accordion-item a::first-letter, #faq-requestor .accordion-item a::first-letter {
    color: var(--chcd-orange);
    font-weight: bold;
    font-size: 2em;
  }
  #faq-general .accordion-item a, #faq-requestor .accordion-item a {
    font-size: 1.1em;
    font-family: roboto condensed;
    text-decoration: none;
    color: var(--chcd-blue);
  }
  #faq-general .accordion li, #faq-requestor .accordion li {
    margin-bottom: 0;
  
  }
  #faq-general .accordion-content p, #faq-requestor .accordion-content p {
    font-family: Roboto Condensed;
    font-size: 1.1rem;
  }
  #faq-requestor {
    background-color: var(--light-gray);
    padding-block: 3em;
    margin-top: 3em;
  }
  #faq-general .accordion-content p:first-of-type::first-letter, #faq-requestor .accordion-content p:first-of-type::first-letter {
    font-size: 2em;
    color: var(--chcd-orange);
    font-weight: bold;
  }
  .faq-contact{
      font-size:1.75em !important;
      font-family:Roboto Condensed;
      color:var(--chcd-blue);
      text-align:center;
      padding-block: 3em;
  }
  #apcd-registration-faq {
    padding-block: 3rem;
  }
/* RESPONSIVE TABLE */
  .responsive-card-table {
    border-collapse: collapse;
  }
  
  .responsive-card-table.unstriped tbody {
    background-color: transparent;
  }
  
  .responsive-card-table th {
    background-color: #e6e6e6;
  }
  
  .responsive-card-table tr,
  .responsive-card-table th,
  .responsive-card-table td {
    border: 1px solid #0a0a0a;
  }
  

  #hot-measures .far, #hot-measures .fas, #dht-measures .far, #dht-measures .fas {
    display: block;
    text-align: center;
  }
  
  #hot-measures h3, #dht-measures h3 {
    text-align: center;
    font-family: Poppins !important;
    color:var(--chcd-blue)
  }
  #hot-measures p, #dht-measures p {
    font-family: Roboto Condensed;
  }
  #hot-measures, #dht-measures{
    position: relative;
    background-color: var(--light-gray);
    margin-top: 0;
    padding-bottom: 3em;
  }
  #hot-measures .cell, #dht-measures .cell {
    position: relative;
    overflow: hidden;
  }
  #hot-measures .cell.hot-aggregate::before, #dht-measures .cell.hot-aggregate::before {
    background-image: url('/research/centers/center-for-health-care-data/assets/img/data-measures-aggregate.jpg');
  }
  #hot-measures .cell.hot-cost::before, #dht-measures .cell.hot-cost::before{
      background-image:url('/research/centers/center-for-health-care-data/assets/img/data-measures-cost.jpg');
  }
  #hot-measures .cell.hot-utilization::before, #dht-measures .cell.hot-utilization::before{
      background-image:url('/research/centers/center-for-health-care-data/assets/img/data-measures-utilization.jpg');
  }
  #hot-measures .cell.hot-condition::before, #dht-measures .cell.hot-condition::before{
      background-image:url('/research/centers/center-for-health-care-data/assets/img/data-measures-conditions.jpg');
  }
  #hot-measures .cell.hot-quality::before, #dht-measures .cell.hot-quality::before{
      background-image:url('/research/centers/center-for-health-care-data/assets/img/data-measures-quality.jpg');
  }
  #hot-measures .cell.hot-wellness::before, #dht-measures .cell.hot-wellness::before{
      background-image:url('/research/centers/center-for-health-care-data/assets/img/data-measures-wellness.jpg');
  }
  #hot-measures .cell.hot-risk::before, #dht-measures .cell.hot-risk::before{
      background-image:url('/research/centers/center-for-health-care-data/assets/img/data-measures-risk.jpg');
  }
  #hot-measures .cell.hot-tx-ranking::before, #dht-measures .cell.hot-tx-ranking::before{
      background-image:url('/research/centers/center-for-health-care-data/assets/img/data-measures-tx-ranking.jpg');
  }
  #hot-measures .cell::before, #dht-measures .cell::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    mix-blend-mode: multiply;
    width: 100%;
    height: 110%;
    opacity: .6;
    background-size: cover;
    background-position: 0 0;
    transition: all .4s ease-in-out;
    pointer-events: none;
  }
  .measure-description .content {
    transform: translateY(33%);
    min-height:314px;
  }
  .measure-description .content {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    padding: 0.25rem;
    transition: all .4s ease-in-out;
    transform: translateY(10%);
    z-index: 1;
  }
  .measure-description .content p {
    opacity: 0;
    transition: opacity .4s linear;
    color:white;
  }
  #hot-measures .cell h3, #dht-measures .cell h3{
    color: white;
    font-size: 1.6em;
  }
  .measure-description .cell {
    background-color: var(--chcd-blue);
  }
  .measure-description .content {
    transform: translateY(33%);
  }
  .measure-description .cell:hover .content {
    transform: translateY(0);
  }
  .measure-description .cell:hover p {
    opacity: 1;
  }
  .measure-description .cell {
    padding-block: 1.25em;
  }
  .grid-x.small-up-1.medium-up-4.align-center.measure-description {

    margin-block:3em;
}

#footer-links {
  margin-top: 4.75rem;
}
figure.grid-x {
  min-width: 503px;
}

#hot-measures .cell .content h3 > a, #dht-measures .cell .content h3 > a {
  color:white;
  text-decoration:none;
}

#hot-measures .cell .content h3 > a:hover, #dht-measures .cell .content h3 > a:hover {
   text-decoration:underline;
}


/* ----- at Media queries ---- */
@media(min-width:1023px){
   ul#chcd-quicklinks, ul#data-sources {
   columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;
}
ul#data-sources {
    text-align: center;
}
#faq-general .accordion, #faq-requestor .accordion {
    width: 50%;
    margin: auto;
  }
}
@media only screen and (max-width:1023px){
#mission-vision {
    padding-top:0;
    padding-bottom:0;
}
.orbit-caption.cell.large-6 {
    margin-left:0;
}
#steps .columns.cell.margin-medium-top.margin-medium-bottom.show-for-large.show-for-large-up.page-design-tabs{
    display:none !important;
}
#steps{
    margin-top:0;
}
#steps .grid-container {
    padding-inline:5%;
}
#data-use-cases .row.grid-x.grid-margin-x{
    min-width: 100%;
}

}
@media (max-width:800px) {
    #home-hero p {
        max-width: 100% !important;
    }

    #call-to-action {
        background-size: 40%;
        background-position: top left;
    }
    .orbit-caption.cell.large-6 {
        margin-left:0;
        margin-top: 0;
        padding-inline: 2rem;
     }
}
@media screen and (max-width: 640px) { /*RESPONSIVE TABLE */
    .responsive-card-table {
      
    }
    .responsive-card-table thead tr {
      position: absolute;
      top: -9999em;
      left: -9999em;
    }
    .responsive-card-table tr {
      border: 1px solid #0a0a0a;
      display: block;
    }
    .responsive-card-table tr + tr {
      margin-top: 1.5rem;
    }
    .responsive-card-table td {
      border: none;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-justify-content: flex-start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      border-bottom: 1px solid #0a0a0a;
      padding-left: 50%;
      position: relative;
    }
    .responsive-card-table td:before {
      content: attr(data-label);
      display: inline-block;
      font-weight: bold;
      line-height: 1.5;
      margin-left: -100%;
      width: 100%;
      position: relative;
      z-index: 1;
    }
    .responsive-card-table td:after {
      content: '';
      position: absolute;
      background: #e6e6e6;
      width: 45%;
      height: 95%;
      left: 1px;
      top: 1px;
      z-index: 0;
    }
  }


@media (max-width:639px) {
    #masthead .grid-container {
        background-color: var(--chcd-orange);
    }
    p {
    font-size: 0.9rem;
    }
    #masthead .grid-container .grid-x .cell.small-12.medium-10 a {
        color:var(--white);
    }
    .accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a::after {
        border-color: var(--white) transparent transparent;
        
    }
    #collab-process-intro p:first-of-type{
        min-width: 100%;
    }
    #chcd-footer {
        background-image:none;
    }
    #hot-measures .cell {
        margin-bottom:2px;
      
    }
    figure.grid-x {
     min-width: 100%;
}
    #footer-links{
        margin-top:0;
    }
}
@media (max-width: 500px) {
#mission-vision >.grid-container {
  background-image: url('/research/centers/center-for-health-care-data/assets/img/mission-vision-left.jpg') !important;
  background-position: top center;
  background-size: cover;
  background-repeat: no-repeat;
  margin-top: -1rem;
}
#support-text p{
    width:90%;
}
}

@media (max-width:400px){
    .orbit-caption.cell.large-6{
        padding:1rem;
    }
    figcaption.orbit-caption.cell.large-6 h3{
        margin-top: -1rem;
        text-align: center;
    }
    .orbit-caption.cell.large-6 p{
        min-width: 100%;
    }
}


/* New Data Services */
 #home-hero .sub-title {
        margin-bottom: 2rem !important;
        max-width: 45% !important;
        font-size: 1.1rem !important;
    }
    
#home-hero .description {
    max-width: 45%;    
    margin-bottom: 2rem !important;
}

#data-services-section,
.data-services-section{
    padding: 3rem 0;
}

.anchor#data-services-section,
.anchor .data-services-section{
    margin-top: 0;
    padding: 3rem 0;
}
#data-services-section p:last-of-type,
.data-services-section p:last-of-type{
    margin-bottom: 2rem;
}

#data-services-section h2, 
.data-services-section h2
{
    text-align: center;
    color: var(--chcd-blue);
    font-weight: bold !important;
    font-size: 2.75rem;
    margin-top: 0rem;
}

#data-services-section h2 span,
.data-services-section h2 span {
    color: var(--chcd-orange);
}

#data-services-section h2.text-left,
.data-services-section h2.text-left {
   font-size: 2.5rem;
   margin-bottom: 1rem;
}

.data-services-section #support-icons {
    padding-bottom: 0rem;
}
#service-support-intro #support-icons {
    padding-bottom: 1rem;
}

.use-case-intro {
    padding-bottom: 3rem;
}


.text-center p {
    font-family: Roboto Condensed;
    width: 60%;
    margin-inline: auto;
    margin-bottom: 2.5rem;
    color: var(--black);
}

div.image-container {
    margin: 0 3em;
    position:relative;
    width: fit-content;
}
div.image-container::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:30%;
    height:40%;
    border:2px solid var(--chcd-blue);
    border-width: 5px 0 0 5px;
    transform: translate(-10px, -10px);
}
div.image-container::after{
    content:"";
    position:absolute;
    bottom:0;
    right:0;
    width:30%;
    height:40%;
    border:2px solid var(--chcd-orange);
    border-width: 0px 5px 5px 0px;
    transform: translate(10px, 10px);
}

@media (min-width: 1023px) {
    #faqs-preview .accordion, 
    #data-services-faqs .accordion{
        width: 100%;
    }
}

#faqs-preview {
    margin-top: 0;
    background-image: url(/research/centers/center-for-health-care-data/assets/img/particle-design-light-blue-at-top.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top left;
    padding-bottom: 3rem;
}

/* Data Services - Use case & impact */
#use-cases-impact {
    background-color: var(--light-gray);
    padding: 0 3rem 3rem;
    margin-top: -5rem;
}

#use-cases-impact .tabs-title a {
    border: 1px solid var(--chcd-orange);
    margin-right: 1em;
    border-radius: 4px;
    padding: .75rem 1.5rem;
    text-decoration: none;
    color: var(--chcd-orange);
    font-size: 1rem;
}

#use-cases-impact .df-header .tabs-title > a:focus,
#use-cases-impact .tabs-title > a[aria-selected="true"] {
    background: var(--chcd-orange);
    color: var(--white) !important;
    border: 1px solid var(--chcd-orange);
    border-radius: 4px;
    font-size: 1.2rem;
    font-family: roboto condensed;
}

#use-cases-impact .tabs-content {
  border: none;
  background:none;
}

/*Data Services - FAQs */
#data-services-faqs h2 {
    font-size: 2.2rem;
    text-align: left;
}

#data-services-faqs .accordion-item .accordion-content a {
    text-decoration: underline;
    color: var(--chcd-orange);
}

#data-services-faqs h2.category {
    margin-bottom: 0rem;
}

#data-services-faqs p.category-desc  {
    margin-left: 0;
}

#data-services-faqs li.accordion-item {
    margin-left: 0rem !important;
}

#use-cases-impact .page-design-tabs {
  width: 70%;
  margin: auto;
  
}
#use-cases-impact .tabs-content figure {
  float: left;
  margin-inline: 1rem;
  margin-block: 3rem;
}
#use-cases-impact .tabs-content figure img {
  min-height: 88px;

}

#data-services-section li,
.data-services-section li{
    color: #000;
    max-width: 90%;
    margin-left: 1rem;
    font-family: 'Roboto Condensed';
    font-size: 1.2rem;
}

.img-box-80 {
        width: 80%;
        height: auto;
        padding: 4px;
        margin: 1rem 0 2rem!important;
        background-color: #f8f8f8 !important;
        border: 1px solid #c6c6c6 !important;
    }

#steps li {
    font-size: 1.2rem;
    font-family: Roboto Condensed;
}

li>ul>li:not(.is-submenu-item)::marker {
    content: "- ";
}

p.page-intro {
    margin-left: 0rem !important;
}

a {
    color: var(--chcd-orange);
}


#steps ul.tabs li {
    border-bottom: 1px solid #eee;
    border-radius: 4px;
}

#steps a[role="tab"] {
   text-decoration: none;
}


.margin-3rem {
    margin: 3rem 0;
}
 /* Accordion style for mobile */
#steps .accordion-item a,
#data-use-cases .accordion-item a,
#use-cases-impact .accordion-item a {
  background-color: transparent;
  color: var(--chcd-blue);
  font-size: 1.1em;
}

#steps .accordion-item.is-active a,
#data-use-cases .accordion-item.is-active a, 
#use-cases-impact .accordion-item.is-active a {
  color: var(--chcd-orange);
  text-decoration: none;
  font-size: 1.2em;
  font-weight: 600;
}

#steps .accordion-content h3,
#data-use-cases .accordion-content h3,
#use-cases-impact .accordion-content h3 {
  color: var(--chcd-blue);
  font-size: 1.5rem;
}

#data-services-faqs h2.category {
    margin-bottom: 0rem;
}

#data-services-faqs p.category-desc  {
    margin-left: 0;
    color: #000;
}

#data-services-faqs li.accordion-item {
    margin-left: 0rem !important;
}

.data-services-section p, #data-services-section p {
    max-width: 95% !important;
}

.thumbnail.pull-right {
        width: 60%; 
        float:right;
        margin-left: 20px;
        margin-right: 5%
}
    
@media only screen and (max-width: 799px) {
    .thumbnail.pull-right {
    width: 90% !important;
    }
}

@media (max-width: 500px) {
   #forums-work-groups  h3 {
        font-size: 1.2rem!important;
    }
}

li {
    color: #000000;
}

#archived-document {
       padding-bottom: 3rem;
       background-color: #f8f8f8;
      
} 
#archived-document .line-quote {
    border-left: 3px solid var(--chcd-orange);  
    margin-left: 1rem;
}

#archived-document ul {
        font-family: Roboto Condensed;
        font-size: 1.2em;
}
@media (max-width: 500px) {
   .full-width#archived-document  h3 {
        font-size: 1.2rem!important;
    }
}

/* Quote - Start */
.chcd-quote-container {
  position: relative; 
  border-top: 3px solid #ae6042;
  background-image: linear-gradient(to bottom, #ae6042 50%, transparent 50%);
  background-position: left top;
  background-size: 3px 100%; 
  background-repeat: no-repeat;

  /* Spacing around the text inside the box */
  padding-top: 24px;
  padding-left: 24px;
  padding-bottom: 10px;
  margin: 0 auto;
  max-width: 800px; 
}

.quote-text::before {
  content: "“";
  display: inline;
  font-family: Georgia, serif;
  font-size: 3rem;
  color: #ae6042;
  line-height: 1;
  margin-bottom: -15px;
  margin-left: -5px;
}

.quote-text::after {
    content: "”";
    display: inline;
    font-family: Georgia, serif;
    font-size: 3rem;
    color: #b06543;
    line-height: 0;
    vertical-align: -14px;
    margin-left: -4px;
}

.chcd-quote-container::after {
  content: '';
  position: absolute;
  
  /* Positions the dot perfectly at the top-right corner of the line */
  top: -6px;      /* Pulls it up slightly to center it vertically over the line */
  right: 0;       /* Aligns it perfectly to the right edge */
  
  /* Creates the circle */
  width: 10px;
  height: 10px;
  background-color: #ffffff;      /* White center fill */
  border: 2px solid #ae6042;;      /* Orange outline matching the line */
  border-radius: 50px;            /* Makes it a perfect circle */
}

.chcd-quote-container .quote-title {
  color: #0b3c5d; 
  font-size: 1.4rem;
  font-weight: 700;
  margin-top: 0;
  margin-bottom: 16px;
}

.chcd-quote-container .quote-text {
  color: #333333 !important;
  font-size: 1.3rem !important;
  line-height: 1.5;
  margin-bottom: 20px;
  font-style: italic;
  font-weight: 600;
}
.chcd-quote-container .quote-cite {
  font-size: 1rem !important;
  text-align: right;
  margin-right: 1rem;
}
/* Quote - End */

 #hiccap-core-components {
        background-color: #f1f1f1;
        background-image: url(/research/centers/center-for-health-care-data/assets/img/particle-design-light-blue-at-top.png);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: left center;
        margin: 0;
    }
/* TX-ACCESS Overview*/
 #portal-overview .float-right {
        margin: 0 0 10px 20px;
        width: 35%;
        height: auto;
    }
    @media screen and (max-width: 640px) {
        #portal-overview .float-right{
        margin: 20px;
        width: 90%;
        }
    }
    a.orange-button.big {
     padding: 0.5rem 2rem;
     font-size: 1.2rem; 
     margin-top: 2rem;
    }

    .chcd-callout-box-orange {
    background-color: #ae6042;
    padding: 20px;
    margin: 0px 0px 20px 40px;
    clip-path: polygon(
        0% 0%,                 /* Top-left corner */
        100% 0%,               /* Top-right corner */
        100% calc(100% - 40px),/* Where the angle starts on the right edge */
        calc(100% - 40px) 100%,/* Where the angle ends on the bottom edge */
        0% 100%                /* Bottom-left corner */
    );
  }

  .chcd-callout-box-orange .callout-title {
    color: #ffffff !important; 
    margin-top: 0;
    margin-bottom: 12px;
    font-size: 1.3rem;
    font-weight: 600 !important;
    display: inline-block;
  }
  
  .chcd-callout-box-orange .callout-desc {
    color: #ffffff !important; 
    margin-top: 0;
    margin-left: 0 !important;
    margin-bottom: 2px!important;
    font-size: 1.0rem;
    letter-spacing: 1.2px;
    font-weight: 600;
  }
  
  
  
  .chcd-callout-box-orange .callout-icon-left {
    display: inline;
    padding: 20px;
    max-width: 150px;
    float: left;
  }
  
  .chcd-callout-box-orange .callout-icon-right {
    display: inline;
    padding: 20px;
    max-width: 150px;
    float: right;
  }
  
  .chcd-callout-box-orange .callout-list, .chcd-callout-box-orange p {
    margin: 0;
    padding-left: 20px;
    
  }

  .chcd-callout-box-orange .callout-list li, .chcd-callout-box-orange p {
    margin-bottom: 8px;
    line-height: 1.5;
    color: #ffffff!important;
    letter-spacing: 1px !important;
    
  }

  .chcd-callout-box-orange  .callout-list li:last-child, .chcd-callout-box-orange p:last-child {
    margin-bottom: 0px; /* Cleans up spacing at the bottom */
  }
/* TX-ACCESS hover box */
.hover-box {
    position: relative;
    padding: 1rem;
    margin-top: 0;
  }
  .hover-box .cell {
    position: relative;
    overflow: hidden;
  }
  .hover-box .cell::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    mix-blend-mode: multiply;
    width: 100%;
    height: 110%;
    opacity: 0.6;
    background-size: cover;
    background-position: 0 0;
    transition: all 0.4s ease-in-out;
    pointer-events: none;
  }

  .hover-box .hover-box-container .cell {
    padding-block: 2rem;
    background-color: var(--chcd-blue);
  }

  .hover-box .hover-box-container .cell.cost-of-care {
    background-color: var(--chcd-orange);
  }

  .hover-box .hover-box-container .cell.use-of-services {
    background-color: #4e738a;
  }
  .hover-box .hover-box-container .cell.health-outcomes {
    background-color: #7d708f;
  }

  .hover-box .far,
  .hover-box .fas,
  .hover-box .far,
  .hover-box .fas {
    display: block;
    text-align: center;
    margin-bottom: 1rem;
    font-size: 3.5rem !important;
  }

  .hover-box .hover-box-container .cell.population::before {
    background-image: url(https://sph.uth.edu/research/centers/center-for-health-care-data/assets/img/data-measures-cost.jpg);
  }

  .hover-box .hover-box-container .cell.cost-of-care::before {
    background-image: url(https://sph.uth.edu/research/centers/center-for-health-care-data/assets/img/data-measures-risk.jpg);
  }

  .hover-box .hover-box-container .cell.use-of-services::before {
    background-image: url(https://sph.uth.edu/research/centers/center-for-health-care-data/assets/img/data-measures-utilization.jpg);
  }

  .hover-box .hover-box-container .cell.health-outcomes::before {
    background-image: url(https://sph.uth.edu/research/centers/center-for-health-care-data/assets/img/data-measures-aggregate.jpg);
  }

  .hover-box .hover-box-container .texas-non-medical::before {
    background-image: url(https://sph.uth.edu/research/centers/center-for-health-care-data/assets/img/data-measures-cost.jpg);
  }

  .hover-box .hover-box-container .content {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    padding: 0.25rem;
    transition: all 0.4s ease-in-out;
    z-index: 1;
    transform: translateY(33%);
    min-height: 314px;
  }
  .hover-box .hover-box-container .content p {
    opacity: 0;
    transition: opacity 0.4s linear;
    color: white;
    font-family: Roboto Condensed;
  }

  .hover-box .hover-box-container .content h3,
  .hover-box .hover-box-container .content h3 a {
    text-align: center;
    font-family: Poppins !important;
    color: white;
    text-decoration: none !important;
    font-size: 1.5rem;
  }

  .hover-box .hover-box-container .cell:hover .content {
    transform: translateY(0);
  }
  .hover-box .hover-box-container .cell:hover p {
    opacity: 1;
  }
  
   #apcd-texas-access ul{
        text-align: center;
        list-style-type: none;
        gap: 3em;
    }
    
    #apcd-texas-access .fal {
    display: block;
    font-size: 4em;
    line-height: 1.5;
    color: var(--chcd-blue);
    }
    
    #apcd-texas-access .tile-box {
        background-color: #fafafa;
        padding: 2em;
        border: 1px solid #f1f1f1;
        font-family: roboto condensed;
        clip-path: polygon(0% 0%, /* Top-left corner */ 100% 0%, /* Top-right corner */ 100% calc(100% - 40px), /* Where the angle starts on the right edge */ calc(100% - 40px) 100%, /* Where the angle ends on the bottom edge */ 0% 100% /* Bottom-left corner */);
    }
    
    #apcd-texas-access .tile-box .title {
        font-weight: 600;
        font-size: 1.1em;
        padding: 20px 0px;
    }