/* font declarations */
@font-face { font-family: 'FidelitySans2-Light'; src: url('/hubfs/FidelitySans2-Light.ttf') format('truetype')}
/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/
.hs-content-id-199576254017 {
  .offer-card {
    position: relative;
    .offer-card__content-container {
      color: #65dff4;
      padding: 0 30px;
      display: flex;
      align-items: center;
      position: absolute;
      width: 100%;
      bottom: 0;
      left: 0;
      border-top: 1px solid #65dff4;
      border-bottom-right-radius: 10px;
      border-bottom-left-radius: 10px;
      background-color: #052547;
      overflow: hidden;
      height: 144px;
      &:hover {
        background-color: #65dff4;
        a {
        color: #052547;
        }
      }
      a {
        color: #65dff4;
        &:hover {
          color: #052547;
        }
      }
    }
  }
  .fcat-resp-title {
    font-size: clamp(36px, calc(1.5rem + ((1vw - 3.2px) * 4.6591)), 65px);
    min-height: 0vw;
  }
}


/* Animated Statistics Card    */
#hs_cos_wrapper_widget_1762973598184 .animated-statistics__card {
  background: linear-gradient(to bottom, #7726c0 50%, #264A89 100%);
  display: flex;
  justify-content: center;
  text-align: center; 
}

#hs_cos_wrapper_widget_1762973598184 .animated-statistics__card-content {
  padding: 0; /* Remove extra padding so centering works perfectly */
  flex-direction: column;
    display: flex;
   /* justify-content: center;*/
    align-items: center;
 
}

#hs_cos_wrapper_widget_176297359818 .animated-statistics__card-header{
  justify-content:center;
}
/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/
:root {
  --max-content-height: 360px;
  --gradient-blockchain: linear-gradient(to right, rgba(255, 130, 16, 1), rgba(255, 169, 19, 1));
  --image-blockchain: url(/hubfs/47560396/blockchain/blockchain-header-pattern.webp);
  --gradient-quantum-security: linear-gradient(to right, rgba(178, 239, 249, 1), rgba(56, 167, 215, 1));
  --image-quantum-security: url(/hubfs/47560396/quantum-security/quantum-header-image.webp);
  --gradient-quantum-security-2: linear-gradient(to bottom, rgba(26, 53, 148, 1), rgba(59, 2, 59, 1));
  --image-quantum-security-2: url(/hubfs/47560396/quantum-security/quantum-header-image-2.webp);
  --gradient-ai: linear-gradient(to right, rgba(234, 255, 0, 1), rgba(228, 253, 1, 1));
  --image-ai: url(/hubfs/47560396/AI/snake-oil.webp);
  --gradient-accelerated-quantum: linear-gradient(to bottom, rgba(101, 223, 244, 1), rgba(7, 90, 133, 1));
  --image-accelerated-quantum: url(/hubfs/47560396/accelerated-quantum-computing/quantum-header-banner.webp);
  --gradient-accelerated-quantum-2: linear-gradient(to bottom, rgba(7,90,133, 1), rgba(59,2,59, 1));
  --image-accelerated-quantum-2: url(/hubfs/47560396/future-accelerated-quantum-computing/quantum-head-banner-2.webp);
  --gradient-university: linear-gradient(to bottom, rgba(26, 53, 148, 100), rgba(59, 2, 59, 100));
  --image-university: url(/hubfs/47560396/university/university-header.webp);
  --gradient-university-2: linear-gradient(to bottom, rgba(3, 176, 220, 1), rgba(5, 114, 168, 1));
  --image-university-2: url(/hubfs/47560396/university/university-header-2.webp);
  --gradient-research: linear-gradient(to bottom, rgba(107, 4, 107, 1), rgba(38, 18, 60, 1));
  --image-research: url(/hubfs/47560396/research/research-header-image-bottom.webp);
  --gradient-emerging: linear-gradient(to right, rgba(26, 53, 148, 1), rgba(59,2,59, 1));
  --image-emerging: url(/hubfs/emerging-technologies/hamilton-campaign.webp);
  --gradient-innovation: linear-gradient(to right, rgba(13, 23, 32, 1), rgba(28, 38, 45, 1));
  --image-innovation: url(/hubfs/47560396/innovation-ecosystem/innovation-banner-bottom.webp);
  --gradient-fellowship: linear-gradient(to right, rgba(13, 23, 32, 1), rgba(28, 38, 45, 1));
  --image-fellowship: url(/hubfs/47560396/fcat-fellowship/header-fellowship.webp); 
  --gradient-fellowship2: linear-gradient(to bottom, rgba(107, 4, 107, 1), rgba(38, 18, 60, 1));
  --image-fellowship2: url(/hubfs/47560396/fcat-fellowship/fellow-pattern.webp);
  --gradient-university-awards: linear-gradient(to right, rgba(57, 19, 208, 1) 50%, rgba(255, 153, 204, 1) 100%);
  --image-university-awards: url(/hubfs/47560396/university-awards/university-awards-banner.webp);  
  --gradient-sherlock: url(/hubfs/47560396/home/sherlock-background.webp);
  --image-sherlock: url(/hubfs/47560396/home/sherlock-banner-image.webp);
  --gradient-our-story: linear-gradient(to bottom, rgba(3, 176, 220, 1), rgba(255, 0, 221, 0.2));
  --image-our-story: url(/hubfs/47560396/our-story/our-story-header.webp); 
  --gradient-solana: linear-gradient(to right, rgba(8, 89, 132, .2), rgba(51, 0, 51, 1));
  --image-solana: url(/hubfs/47560396/solana/solana-banner.webp); 
}

/* add padding if more than one slide */
.content-slider-2:has([id*="-item1"]) {
  .content-slider-2__content {
    padding: 0 60px;
  }
}
.content-slider-2__content {
  h1 {
    font-family: "FidelitySans2-Light", Helvetica, Sans-serif;
    font-size: 30px;
  }
  img[src*="-bottom"] {
    vertical-align: bottom;
    max-height: var(--max-content-height);
    width: auto;
  }
}
/* specific backgrounds for focus areas, may need custom mod */

.content-slider-2__content {
  h1 {
    font-family: "FidelitySans2-Light", Helvetica, Sans-serif;
    font-size: 30px;
  }
  img {
    
  }
  img[src*="-bottom"] {
    vertical-align: bottom;
  }
}

/* specific backgrounds for focus areas, may need custom mod */
.hs-content-id-199576254017:has([id*="-item2"]:is(.tns-slide-active)) {
  .dnd_area-row-0-background-layers:has(.content-slider-2) {
    background-image: var(--image-sherlock), var(--gradient-sherlock) !important;
  }
}
.hs-content-id-198423218469 {
  .dnd_area-row-0-background-layers:has(.content-slider-2) {
    background-image: var(--image-fellowship), var(--gradient-fellowship) !important;
  }
}
.hs-content-id-195136920087 {
  .dnd_area-row-0-background-layers:has(.content-slider-2) {
    background-image: var(--image-blockchain), var(--gradient-blockchain) !important;
  }
}
.hs-content-id-195248975216 {
  .dnd_area-row-0-background-layers:has(.content-slider-2) {
    background-image: var(--image-innovation), var(--gradient-innovation) !important;
  }
}

.hs-content-id-195470799278 {
  .dnd_area-row-0-background-layers:has(.content-slider-2) {
    background-image:  var(--image-quantum-security), var(--gradient-quantum-security) !important;
  }
}
.hs-content-id-195470799278:has([id*="-item1"]:is(.tns-slide-active)) {
  .dnd_area-row-0-background-layers:has(.content-slider-2) {
    background-image: var(--image-quantum-security-2), var(--gradient-quantum-security-2) !important;
  }
}
.hs-content-id-195244383549 {
  .dnd_area-row-0-background-layers:has(.content-slider-2) {
    background-image: var(--image-emerging), var(--gradient-emerging) !important;
  }
}

.hs-content-id-195183470604 .dnd_area-row-0-background-layers:has(.content-slider-2){
    background-image: var(--image-ai), var(--gradient-ai) !important;
}
.hs-content-id-199576254017:has([id*="-item1"]:is(.tns-slide-active)) .dnd_area-row-0-background-layers:has(.content-slider-2) {
    background-image: var(--image-accelerated-quantum-2), var(--gradient-accelerated-quantum-2) !important;
}
.hs-content-id-195470799236 {
  .dnd_area-row-0-background-layers:has(.content-slider-2) {
    background-image: var(--image-accelerated-quantum), var(--gradient-accelerated-quantum) !important;
  }
}
.hs-content-id-195470799236:has([id*="-item1"]:is(.tns-slide-active)) {
  .dnd_area-row-0-background-layers:has(.content-slider-2) {
    background-image: var(--image-accelerated-quantum-2), var(--gradient-accelerated-quantum-2) !important;
  }
}

.hs-content-id-195187182452 {
  .dnd_area-row-0-background-layers:has(.content-slider-2) {
    background-image: var(--image-university), var(--gradient-university) !important;
  }
}

.hs-content-id-195187182452:has([id*="-item1"]:is(.tns-slide-active)) {
  .dnd_area-row-0-background-layers:has(.content-slider-2) {
    background-image: var(--image-university-2), var(--gradient-university-2) !important;
  }
}

.hs-content-id-195470799286 {
  .dnd_area-row-0-background-layers:has(.content-slider-2) {
    background-image: var(--image-research), var(--gradient-research) !important;
  }
}

.hs-content-id-199248167778 {
  .dnd_area-row-0-background-layers:has(.content-slider-2) {
    background-image: var(--image-university-awards), var(--gradient-university-awards) !important;
  }
}

 .hs-content-id-197998203016{
   .dnd_area-row-0-background-layers:has(.content-slider-2) {
     background-image: var(--gradient-our-story), var(--image-our-story) !important;
   }
}
  .hs-content-id-204281323178 {
    .dnd_area-row-0-background-layers:has(.content-slider-2) {
      background-image: var(--gradient-solana), var(--image-solana) !important;
  }
}
/* shared */
.dnd_area-row-0-background-layers:has(.content-slider-2) {
  min-height: var(--max-content-height);
  .content-slider-2__wrapper {
    display: flex;
  }
}
[class*=hs-content-id] .dnd_area-row-0-background-layers:has(.content-slider-2) {
    background-size: contain,cover !important;
    background-position: right bottom !important;
    display: flex;
    align-items: center;
}
.hs-content-id-195470799278:not(:has([id*="-item1"]:is(.tns-slide-active))) .dnd_area-row-0-background-layers:has(.content-slider-2),
.hs-content-id-195244383549 .dnd_area-row-0-background-layers:has(.content-slider-2) 
{
    background-position: left bottom !important;
}

@media (max-width: 477px) {
  :root {
  --max-content-height: 0;
  }
  [class*=hs-content-id] .dnd_area-row-0-background-layers:has(.content-slider-2) {
    background-size: cover !important;
  }
  .hs-content-id-199576254017:has([id*="-item0"]:is(.tns-slide-active)) .dnd_area-row-0-background-layers:has(.content-slider-2) img{
    display: none;
  }
  .hs-content-id-199576254017:has([id*="-item2"]:is(.tns-slide-active)) .dnd_area-row-0-background-layers:has(.content-slider-2) {
    background-image: var(--gradient-sherlock) !important;
  }
  .hs-content-id-198423218469 .dnd_area-row-0-background-layers:has(.content-slider-2) {
    background-image: var(--gradient-fellowship) !important;
  }
  .hs-content-id-195136920087 .dnd_area-row-0-background-layers:has(.content-slider-2) {
      background-image: var(--gradient-blockchain) !important;
  }
  .hs-content-id-195248975216 .dnd_area-row-0-background-layers:has(.content-slider-2) {
      background-image: var(--gradient-innovation) !important;
  }
  .hs-content-id-195470799278 .dnd_area-row-0-background-layers:has(.content-slider-2) {
      background-image: var(--gradient-quantum-security) !important;
  }
  .hs-content-id-195470799278:has([id*="-item1"]:is(.tns-slide-active)) .dnd_area-row-0-background-layers:has(.content-slider-2) {
      background-image: var(--gradient-quantum-security-2) !important;
  }
  .hs-content-id-195244383549 .dnd_area-row-0-background-layers:has(.content-slider-2) {
    background-image: var(--gradient-emerging) !important;
  }
  .hs-content-id-195183470604 .dnd_area-row-0-background-layers:has(.content-slider-2){
      background-image: var(--gradient-ai) !important;
    }
    .hs-content-id-199576254017:has([id*="-item1"]:is(.tns-slide-active)) .dnd_area-row-0-background-layers:has(.content-slider-2){
      background-image: var(--gradient-accelerated-quantum-2) !important;
    }
  .hs-content-id-195470799236 .dnd_area-row-0-background-layers:has(.content-slider-2) {
      background-image: var(--gradient-accelerated-quantum) !important;
    }
  .hs-content-id-195470799236:has([id*="-item1"]:is(.tns-slide-active)) .dnd_area-row-0-background-layers:has(.content-slider-2) {
    background-image: var(--gradient-accelerated-quantum-2) !important;
  }
  .hs-content-id-195187182452 .dnd_area-row-0-background-layers:has(.content-slider-2) {
      background-image: var(--gradient-university) !important;
    }
  .hs-content-id-195187182452:has([id*="-item1"]:is(.tns-slide-active)) .dnd_area-row-0-background-layers:has(.content-slider-2) {
    background-image: var(--gradient-university-2) !important;
  }
  .hs-content-id-195470799286 .dnd_area-row-0-background-layers:has(.content-slider-2) {
      background-image: var(--gradient-research) !important;
    }
  .hs-content-id-199248167778 .dnd_area-row-0-background-layers:has(.content-slider-2) {
      background-image: var(--gradient-university-awards) !important;
    }
  .hs-content-id-204281323178 .dnd_area-row-0-background-layers:has(.content-slider-2) {
        background-image: var(--image-solana) !important;
    }
  }
}



/* Specific background for the new cell-Fcatfellowship section */
/* Desktop styling*/
.row-number-10.dnd_area-row-4-background-layers:has(#hs_cos_wrapper_module_17615778685155) {
  background-image: var(--image-fellowship2), var(--gradient-research) !important;
  background-position: right bottom !important;
  background-repeat: no-repeat !important;
  min-height: var(--max-content-height); 
}

/* Mobile override */
@media (max-width: 477px) {
  .row-number-10.dnd_area-row-4-background-layers:has(#hs_cos_wrapper_module_17615778685155) {
    background-image: var(--gradient-research) !important;
  }
}
/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/
.section-header {
  h4 {
    font-size: 42px;
  }
  &:not(:has(h4)) p.secondary-header {
    font-family: "FidelitySans2-Light", Helvetica, Sans-serif;
    font-size: 18px;
  }
}
/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/
.card-flip {
  div.card-front, div.card-back {
    overflow: clip;
  }
  div.card-back {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
.card-front {
    display: flex;
    justify-content: center;
    align-items: center;
    p {
        margin: 0;
    }
    &:after {
        content: '';
        width: 24px;
        height: 24px;
        background: url(/hubfs/icons/Card_Turn_icon.webp);
        background-size: contain;
        background-repeat: no-repeat;
        position: absolute;
        bottom: 50px;
    }
}
.card-flip .card-front .card-body a:hover,
.card-flip .card-back .card-body a:hover {
  text-decoration: underline;
}

@media (max-width: 767px) {
    .row-fluid [class*=span]:not(:first-child):has(.card-flip) {
        margin-top: 20px;
    }
}
/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/
.card-group__content:has(.card-group__video) {
  .card-group__content-container {
    padding: 0 20px;
  }
  &:has(video) p {
    font-size: 14px;
  }
}
/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/
.dr_video-hero__content-text {
  font-size: clamp(42px, calc(2.625rem + ((1vw - 3.2px) * 1.5909)), 56px);
  min-height: 0vw;
}
/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

.blog-listing__post-title-link {
  p {
    font-size: 14px;
  }
}
/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

/* this class will fade the border of any element */
/* fades all sides */ 
.border-fade {
  mask-image: linear-gradient(to right, transparent 0%, black 20%, black 80%, transparent 100%), linear-gradient(to bottom, transparent 0%, black 20%, black 80%, transparent 100%);
  mask-composite: intersect;
  -webkit-mask-composite: source-in;
}
/* fades from right to left */
.border-fade--right { 
  mask-image: linear-gradient(to left, transparent 0%, black 20%, black 80%, transparent 100%);
}
/* fades from bottom to top */
.border-fade--bottom { 
  mask-image: linear-gradient(to top, transparent 0%, black 20%, black 80%, transparent 100%);
}
/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/
/* Target the root elements of the form inside the iframe */
form.hs-form, .hs-form {
  /* Set the font for the entire form container */
  font-family: 'FidelitySans2-Regular', sans-serif !important;

  /* Target headings and labels specifically by overriding HubSpot's variables */
  --hsf-default-heading__font-family: 'FidelitySans2-Regular', sans-serif !important;
  --hsf-default-label__font-family: 'FidelitySans2-Regular', sans-serif !important;
}

/* Target all input fields, textareas, and select dropdowns */
form.hs-form input,
form.hs-form textarea,
form.hs-form select {
  font-family: 'FidelitySans2-Regular', sans-serif !important;
}

/* Target the submit button */
form.hs-form .hs-button {
  font-family: 'FidelitySans2-Regular', sans-serif !important;
}
/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/
:root {
  --primary-color: #65DFF4;
  --secondary-color: #0B2547;
  --table-weight: 1px;
  --table-pad: 10px;
}

/* this give the menu focus due to slider & other objects */
.header__global.header__container {
  z-index: 1000;
}
/* fix header line per new theme update 11-25 */
.header {
  border-bottom: none;
}

a:hover {
  text-decoration: underline;
}
/* table styles */
table {
  text-align: left;
  border-collapse: collapse;
  border-radius: 10px;
  border: var(--table-weight) solid var(--primary-color);
  outline: var(--table-weight) solid var(--primary-color);
  outline-offset: -1px;
  overflow: hidden;
  caption {
    text-align: inherit;
    padding: var(--table-pad);
  }
  tr th:not(tfoot th) {
    color: var(--primary-color);
  }  
}
/* reverse for blog */
.hs-blog-post table {
  outline-color: var(--secondary-color);
  tr th:not(tfoot th), tr td {
    color: var(--secondary-color);
    border-color: var(--secondary-color);
  }
}
/* 50-50 component  */
.fcat-50-50-row {
  display: flex;
  flex-wrap: wrap;
  width: 100vw; /* Full viewport width */
  margin: 0;
  padding: 0;
  overflow-x: hidden; /* Prevent horizontal scroll if needed */
}

.fcat-50-50-col {
  flex: 1;
  padding: 60px;
  color: white;
  font-family: FidelitySans2-Regular, sans-serif;
  font-size: 18px;
  box-sizing: border-box;
}

.fcat-left {
  background:linear-gradient(to bottom, #26123c 0%, #3a0d4f 50%, #6b046b 100%);
}

.fcat-right {
   background: linear-gradient(to bottom, #0572a8 0%, #65dff4 100%);

}

.blog-listing__post-summary h2 {
  display: none;
}

@media (max-width: 768px) {
  .fcat-50-50-row {
    flex-direction: column;
  }
}
/* 50-50 end of code   */