.elementor-5768 .elementor-element.elementor-element-c61e5e0{--display:flex;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );text-transform:var( --e-global-typography-text-text-transform );line-height:var( --e-global-typography-text-line-height );}.elementor-5768 .elementor-element.elementor-element-d5180ea{width:var( --container-widget-width, 8em );max-width:8em;--container-widget-width:8em;--container-widget-flex-grow:0;}.elementor-5768 .elementor-element.elementor-element-d5180ea.elementor-element{--align-self:center;}.elementor-5768 .elementor-element.elementor-element-d5180ea:not( .elementor-widget-image ) .elementor-widget-container, .elementor-5768 .elementor-element.elementor-element-d5180ea.elementor-widget-image .elementor-widget-container img{-webkit-mask-image:url( https://resilientcolleges.ca/wp-content/plugins/elementor/assets/mask-shapes/circle.svg );-webkit-mask-size:contain;-webkit-mask-position:center center;-webkit-mask-repeat:no-repeat;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );line-height:var( --e-global-typography-primary-line-height );color:var( --e-global-color-primary );}.elementor-5768 .elementor-element.elementor-element-2ef9c5b > .elementor-widget-container{padding:10px 0px 0px 0px;}.elementor-5768 .elementor-element.elementor-element-2ef9c5b{text-align:center;}.elementor-5768 .elementor-element.elementor-element-2ef9c5b .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:20px;font-weight:500;text-transform:none;line-height:21px;color:var( --e-global-color-text );}.elementor-5768 .elementor-element.elementor-element-7cd8528 > .elementor-widget-container{margin:-10px 0px 0px 0px;}.elementor-5768 .elementor-element.elementor-element-7cd8528{text-align:center;}.elementor-5768 .elementor-element.elementor-element-7cd8528 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:16px;font-weight:400;text-transform:none;font-style:italic;line-height:18px;color:var( --e-global-color-text );}.elementor-5768 .elementor-element.elementor-element-ff39c71{text-align:center;}.elementor-5768 .elementor-element.elementor-element-ff39c71 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:16px;font-weight:600;text-transform:none;line-height:18px;color:var( --e-global-color-text );}@media(max-width:1024px) and (min-width:768px){.elementor-5768 .elementor-element.elementor-element-c61e5e0{--width:100%;}}@media(max-width:1024px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}}@media(max-width:767px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-5768 .elementor-element.elementor-element-2ef9c5b .elementor-heading-title{font-size:21px;line-height:25px;}.elementor-5768 .elementor-element.elementor-element-7cd8528 .elementor-heading-title{font-size:18px;line-height:23px;}.elementor-5768 .elementor-element.elementor-element-ff39c71 .elementor-heading-title{font-size:18px;line-height:23px;}}/* Start custom CSS for container, class: .elementor-element-c61e5e0 *//* ===== Desktop ONLY (hover effect ON) ===== */
@media (min-width: 1025px) {

  .hover-reveal .hover-heading {
      opacity: 0;
      transform: translateY(10px);
      transition: all 0.3s ease;
  }

  .hover-reveal:hover .hover-heading {
      opacity: 1;
      transform: translateY(0);
  }

}

/* ===== Tablet + Mobile (always visible) ===== */
@media (max-width: 1024px) {

  .hover-reveal .hover-heading {
      opacity: 1;
      transform: none;
  }

}/* End custom CSS */