.elementor-kit-4{--e-global-color-primary:#437736;--e-global-color-secondary:#004485;--e-global-color-text:#000000;--e-global-color-accent:#FF6900;--e-global-color-59b6245:#01A3E0;--e-global-color-d720351:#EE2737;--e-global-color-e95a08c:#78BE20;--e-global-color-8be9b1a:#FFC72C;--e-global-color-bb899a2:#743C97;--e-global-color-d8e0c1d:#63666A;--e-global-color-91d2bfe:#EE2964;--e-global-color-25499ff:#FAAE20;--e-global-color-b354021:#CD385C;--e-global-color-f3d5e6c:#3499CC;--e-global-color-7725d79:#4C3177;--e-global-color-d30b4fa:#7858A5;--e-global-color-5bec793:#C5C5C5;--e-global-color-446ccad:#FFDA48;--e-global-color-d4b9a40:#005496BF;--e-global-color-5867573:#2F3F85;--e-global-color-4ad85a1:#003C7A;--e-global-color-fdd82ef:#498949;--e-global-color-1abdbe4:#005496;--e-global-color-d5723a3:#BFBFBF;--e-global-color-a15ebbb:#6BB035;--e-global-color-7020758:#009DD8;--e-global-typography-primary-font-family:"Mulish";--e-global-typography-primary-font-weight:900;--e-global-typography-secondary-font-family:"Mulish";--e-global-typography-secondary-font-weight:700;--e-global-typography-text-font-family:"Mulish";--e-global-typography-text-font-size:18px;--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Mulish";--e-global-typography-accent-font-size:18px;--e-global-typography-accent-font-weight:600;--e-global-typography-2869a19-font-family:"Mulish";--e-global-typography-2869a19-font-size:30px;--e-global-typography-2869a19-font-weight:700;--e-global-typography-adf388e-font-family:"Mulish";--e-global-typography-adf388e-font-size:40px;--e-global-typography-adf388e-font-weight:700;--e-global-typography-5e4c1cc-font-family:"Mulish";--e-global-typography-5e4c1cc-font-size:18px;--e-global-typography-5e4c1cc-font-weight:600;--e-global-typography-ba2ae59-font-family:"Mulish";--e-global-typography-ba2ae59-font-size:22px;--e-global-typography-ba2ae59-font-weight:700;--e-global-typography-ba2ae59-line-height:28px;--e-global-typography-f38e152-font-family:"Mulish";--e-global-typography-f38e152-font-size:44px;--e-global-typography-f38e152-font-weight:900;--e-global-typography-050396b-font-family:"Mulish";--e-global-typography-050396b-font-size:56px;--e-global-typography-050396b-font-weight:900;--e-global-typography-050396b-line-height:1.2em;--e-global-typography-050396b-letter-spacing:1.6px;--e-global-typography-8dfbe25-font-family:"Century Gothic";--e-global-typography-8dfbe25-font-size:190px;--e-global-typography-8dfbe25-font-weight:700;--e-global-typography-8dfbe25-letter-spacing:-0.5px;--e-global-typography-9696dff-font-family:"Century Gothic";--e-global-typography-9696dff-font-size:46px;--e-global-typography-9696dff-font-weight:900;--e-global-typography-9696dff-letter-spacing:-0.3px;--e-global-typography-4a06218-font-family:"Mulish";--e-global-typography-4a06218-font-size:18px;--e-global-typography-4a06218-font-weight:400;--e-global-typography-83e9316-font-family:"Mulish";--e-global-typography-83e9316-font-size:14px;--e-global-typography-83e9316-font-weight:400;--e-global-typography-ef6abdf-font-family:"Mulish";--e-global-typography-ef6abdf-font-size:14px;--e-global-typography-ef6abdf-font-weight:700;--e-global-typography-ef6abdf-text-transform:uppercase;--e-global-typography-7462af0-font-family:"Mulish";--e-global-typography-7462af0-font-size:18px;--e-global-typography-7462af0-font-weight:500;--e-global-typography-22a23ca-font-family:"Mulish";--e-global-typography-22a23ca-font-size:20px;--e-global-typography-22a23ca-font-weight:500;--e-global-typography-6a8be90-font-family:"Mulish";--e-global-typography-6a8be90-font-size:26px;--e-global-typography-6a8be90-font-weight:600;--e-global-typography-e7a615d-font-family:"Mulish";--e-global-typography-e7a615d-font-size:26px;--e-global-typography-e7a615d-font-weight:600;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 );}.elementor-kit-4 e-page-transition{background-color:#FFFFFF;}.elementor-kit-4 a{color:var( --e-global-color-4ad85a1 );font-family:"Mulish", Sans-serif;font-weight:700;}.elementor-kit-4 a:hover{color:var( --e-global-color-d4b9a40 );font-weight:700;}.elementor-kit-4 h1{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-kit-4 h2{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-kit-4 h3{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-kit-4 h4{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-kit-4 h5{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-kit-4 h6{color:var( --e-global-color-secondary );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(min-width:2000px){.elementor-kit-4{font-size:var( --e-global-typography-text-font-size );}}@media(max-width:1024px){.elementor-kit-4{--e-global-typography-2869a19-font-size:28px;--e-global-typography-adf388e-font-size:36px;--e-global-typography-ba2ae59-font-size:21px;--e-global-typography-f38e152-font-size:44px;--e-global-typography-050396b-font-size:45px;--e-global-typography-050396b-line-height:1.2em;--e-global-typography-8dfbe25-font-size:160px;--e-global-typography-8dfbe25-letter-spacing:-4.4px;--e-global-typography-9696dff-font-size:42px;--e-global-typography-e7a615d-font-size:22px;font-size:var( --e-global-typography-text-font-size );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-4{--e-global-typography-2869a19-font-size:26px;--e-global-typography-adf388e-font-size:30px;--e-global-typography-ba2ae59-font-size:20px;--e-global-typography-f38e152-font-size:32px;--e-global-typography-050396b-font-size:35px;--e-global-typography-050396b-line-height:1.2em;--e-global-typography-8dfbe25-font-size:120px;--e-global-typography-8dfbe25-letter-spacing:-3.8px;--e-global-typography-9696dff-font-size:30px;--e-global-typography-83e9316-line-height:1.3em;--e-global-typography-6a8be90-font-size:18px;--e-global-typography-e7a615d-font-size:20px;font-size:var( --e-global-typography-text-font-size );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */.elementor-widget-n-accordion .e-n-accordion-item-title-text {
    text-align: center;
    width:auto;
}

.overflow-y {
  overflow-x: clip; /* Hide horizontal overflow */
}

ul { margin-bottom: 20px;} ol { margin-bottom:20px;}

.white-links-section a {
    color: #ffffff !important;
}

.white-links-section a:hover {
    color: #e6e6e6 !important; /* optional hover colour */
}

@media (max-width: 767px) {
  .full-bleed-image {
    position: static;
    width: 100%;
    transform: none;
  }
  /* The text container remains at max-width:1140px which may shrink naturally on smaller screens or you can reduce that with further CSS */
}

.neon-text .elementor-heading-title {
  /* Make the text transparent */
  color: transparent;

  background: url(https://stccareers.ca/wp-content/uploads/2024/12/STC_Hero_v2_Background-Blue.webp) no-repeat center;
  background-size: 100%; /* Adjust as needed */
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  position: relative; /* Ensure pseudo-element is positioned relative to the text */
   /* Apply the glow effect directly */
 /* Glow effect using multiple drop shadows */
  filter: 
    drop-shadow(0 0 5px #fff)
    drop-shadow(0 0 10px #fff)
;
  

  /* Positioning tweaks if needed */
  position: relative;
}




@media (max-width: 767px) {
/* === Circular masked image with gradient background === */

.circle-image-right {
    position: relative;
    width: 100%;
    overflow: visible; /* Allows the background circle to extend */
}

.circle-image-right img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Ensures image fills container */
    display: block;
    border-radius: 25px; /* Optional: round the image itself */
}

/* Circle behind the image */
.circle-image-right::before {
    content: "";
    position: absolute;
    top: var(--circle-offset-y, 20px);   /* Adjustable Y offset */
    left: var(--circle-offset-x, 20px);  /* Adjustable X offset */
    width: 100%;
    height: 100%;
    border-radius: 25px;
    z-index: -1; /* Puts it behind the image */

    /* Gradient fill – customize as needed */
    background: linear-gradient(45deg, rgb(0,84,150), rgb(1,163,224));
}




/* === Circular masked image with gradient background === */

.circle-image-left {
    position: relative;
    width: 100%;
    overflow: visible; /* Allows the background circle to extend */
}

.circle-image-left img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Ensures image fills container */
    display: block;
    border-radius: 25px; /* Optional: round the image itself */
}

/* Circle behind the image */
.circle-image-left::before {
    content: "";
    position: absolute;
    top: var(--circle-offset-y, 20px);   /* Adjustable Y offset */
    left: var(--circle-offset-x, -20px);  /* Adjustable X offset */
    width: 100%;
    height: 100%;
    border-radius: 25px;
    z-index: -1; /* Puts it behind the image */

    /* Gradient fill – customize as needed */
    background: linear-gradient(45deg, rgb(0,84,150), rgb(1,163,224));
}
}










@media (min-width: 768px) {
/* === Circular masked image with gradient background === */

.circle-image-right {
    position: relative;
    width: 100%;
    aspect-ratio: 1 / 1; /* Ensures perfect square */
    overflow: visible; /* Allows the background circle to extend */
}

.circle-image-right img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Ensures image fills container */
    display: block;
    border-radius: 50%; /* Optional: round the image itself */
}

/* Circle behind the image */
.circle-image-right::before {
    content: "";
    position: absolute;
    top: var(--circle-offset-y, 0);   /* Adjustable Y offset */
    left: var(--circle-offset-x, 60px);  /* Adjustable X offset */
    width: 100%;
    height: 100%;
    border-radius: 50%;
    z-index: -1; /* Puts it behind the image */

    /* Gradient fill – customize as needed */
    background: linear-gradient(45deg, rgb(0,84,150), rgb(1,163,224));
}




/* === Circular masked image with gradient background === */

.circle-image-left {
    position: relative;
    width: 100%;
    aspect-ratio: 1 / 1; /* Ensures perfect square */
    overflow: visible; /* Allows the background circle to extend */
}

.circle-image-left img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Ensures image fills container */
    display: block;
    border-radius: 50%; /* Optional: round the image itself */
}

/* Circle behind the image */
.circle-image-left::before {
    content: "";
    position: absolute;
    top: var(--circle-offset-y, 0px);   /* Adjustable Y offset */
    left: var(--circle-offset-x, -60px);  /* Adjustable X offset */
    width: 100%;
    height: 100%;
    border-radius: 50%;
    z-index: -1; /* Puts it behind the image */

    /* Gradient fill – customize as needed */
    background: linear-gradient(45deg, rgb(0,84,150), rgb(1,163,224));
}
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Century Gothic';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('https://stccareers.ca/wp-content/uploads/2024/12/centurygothic_bold.ttf') format('truetype');
}
@font-face {
	font-family: 'Century Gothic';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://stccareers.ca/wp-content/uploads/2024/12/centurygothic.ttf') format('truetype');
}
@font-face {
	font-family: 'Century Gothic';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://stccareers.ca/wp-content/uploads/2024/12/centurygothic.ttf') format('truetype');
}
@font-face {
	font-family: 'Century Gothic';
	font-style: normal;
	font-weight: bold;
	font-display: auto;
	src: url('https://stccareers.ca/wp-content/uploads/2024/12/centurygothic_bold.ttf') format('truetype');
}
/* End Custom Fonts CSS */