.elementor-33 .elementor-element.elementor-element-30bc362c{--display:flex;--min-height:867px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--overlay-opacity:0;}.elementor-33 .elementor-element.elementor-element-30bc362c:not(.elementor-motion-effects-element-type-background), .elementor-33 .elementor-element.elementor-element-30bc362c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-text );background-image:url("https://outofthebluecounselling.org/wp-content/uploads/2026/09/Untitled-design-scaled.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-33 .elementor-element.elementor-element-30bc362c::before, .elementor-33 .elementor-element.elementor-element-30bc362c > .elementor-background-video-container::before, .elementor-33 .elementor-element.elementor-element-30bc362c > .e-con-inner > .elementor-background-video-container::before, .elementor-33 .elementor-element.elementor-element-30bc362c > .elementor-background-slideshow::before, .elementor-33 .elementor-element.elementor-element-30bc362c > .e-con-inner > .elementor-background-slideshow::before, .elementor-33 .elementor-element.elementor-element-30bc362c > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-secondary );--background-overlay:'';}.elementor-33 .elementor-element.elementor-element-9aae183{--display:flex;--min-height:0px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;}.elementor-33 .elementor-element.elementor-element-9aae183:not(.elementor-motion-effects-element-type-background), .elementor-33 .elementor-element.elementor-element-9aae183 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-text );}.elementor-33 .elementor-element.elementor-element-bab8e0c{--display:flex;--min-height:0px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-33 .elementor-element.elementor-element-adb76ff{margin:50px 50px calc(var(--kit-widget-spacing, 0px) + 50px) 50px;text-align:start;font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-33 .elementor-element.elementor-element-809a679{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-33 .elementor-element.elementor-element-809a679:not(.elementor-motion-effects-element-type-background), .elementor-33 .elementor-element.elementor-element-809a679 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-text );}.elementor-33 .elementor-element.elementor-element-30339cc{--spacer-size:151px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-33 .elementor-element.elementor-element-dcb683b{margin:50px 50px calc(var(--kit-widget-spacing, 0px) + 50px) 50px;}.elementor-33 .elementor-element.elementor-element-f4625c4{--display:flex;--min-height:0px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;}.elementor-33 .elementor-element.elementor-element-f4625c4:not(.elementor-motion-effects-element-type-background), .elementor-33 .elementor-element.elementor-element-f4625c4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-text );}.elementor-33 .elementor-element.elementor-element-5910cf5{--display:flex;--min-height:0px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-33 .elementor-element.elementor-element-82e886c{--spacer-size:10px;}.elementor-33 .elementor-element.elementor-element-14a1755{margin:50px 50px calc(var(--kit-widget-spacing, 0px) + 50px) 50px;text-align:start;font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-33 .elementor-element.elementor-element-a336acb{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-33 .elementor-element.elementor-element-a336acb:not(.elementor-motion-effects-element-type-background), .elementor-33 .elementor-element.elementor-element-a336acb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-text );}.elementor-33 .elementor-element.elementor-element-f090de3{--spacer-size:50px;}.elementor-33 .elementor-element.elementor-element-5339147{margin:50px 50px calc(var(--kit-widget-spacing, 0px) + 50px) 50px;}.elementor-33 .elementor-element.elementor-element-d1302bf{--display:flex;--min-height:0px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;}.elementor-33 .elementor-element.elementor-element-d1302bf:not(.elementor-motion-effects-element-type-background), .elementor-33 .elementor-element.elementor-element-d1302bf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-text );}.elementor-33 .elementor-element.elementor-element-e278501{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-33 .elementor-element.elementor-element-e278501:not(.elementor-motion-effects-element-type-background), .elementor-33 .elementor-element.elementor-element-e278501 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-text );}.elementor-33 .elementor-element.elementor-element-40a22b6{margin:50px 50px calc(var(--kit-widget-spacing, 0px) + 50px) 50px;text-align:start;font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-33 .elementor-element.elementor-element-65a15a5{--display:flex;--min-height:0px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-33 .elementor-element.elementor-element-898f3ea{--spacer-size:10px;}.elementor-33 .elementor-element.elementor-element-b1d664f{margin:50px 50px calc(var(--kit-widget-spacing, 0px) + 50px) 50px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-33 .elementor-element.elementor-element-bab8e0c{--width:50%;}.elementor-33 .elementor-element.elementor-element-809a679{--width:50%;}.elementor-33 .elementor-element.elementor-element-5910cf5{--width:50%;}.elementor-33 .elementor-element.elementor-element-a336acb{--width:50%;}.elementor-33 .elementor-element.elementor-element-e278501{--width:50%;}.elementor-33 .elementor-element.elementor-element-65a15a5{--width:50%;}}@media(max-width:1024px){.elementor-33 .elementor-element.elementor-element-30bc362c{--min-height:452px;}}@media(max-width:767px){.elementor-33 .elementor-element.elementor-element-30bc362c{--min-height:187px;}}/* Start custom CSS for html, class: .elementor-element-542d161 *//* ==========================================
   Out of the Blue Hero Heading Animation
   ========================================== */

.elementor-33 .elementor-element.elementor-element-542d161 .otb-hero-heading {
    font-family: "Bellota Text", sans-serif;
    font-size: 90px;
    font-weight: 800;
    line-height: 1.05;
    letter-spacing: -2px;
    color: #286F79;
    text-align: center;
    width: 100%;
}

/* Each word/phrase on its own line */

.elementor-33 .elementor-element.elementor-element-542d161 .otb-hero-heading span {
    display: block;
    width: 100%;
    text-align: center;

    opacity: 0;
    filter: blur(6px);
    transform: translateY(20px);

    animation: otbReveal 2.4s ease-out forwards;

    text-shadow:
        0 0 6px rgba(40,111,121,0.20),
        0 0 12px rgba(40,111,121,0.12),
        0 0 18px rgba(40,111,121,0.08);
}

/* Stagger each line */

.elementor-33 .elementor-element.elementor-element-542d161 .otb-hero-heading span:nth-of-type(1) {
    animation-delay: 0.3s;
}

.elementor-33 .elementor-element.elementor-element-542d161 .otb-hero-heading span:nth-of-type(2) {
    animation-delay: 1.5s;
}

.elementor-33 .elementor-element.elementor-element-542d161 .otb-hero-heading span:nth-of-type(3) {
    animation-delay: 2.7s;
}

.elementor-33 .elementor-element.elementor-element-542d161 .otb-hero-heading span:nth-of-type(4) {
    animation-delay: 3.9s;
}

.elementor-33 .elementor-element.elementor-element-542d161 .otb-hero-heading span:nth-of-type(5) {
    animation-delay: 5.1s;
}

/* Animation */

@keyframes otbReveal {

    0% {
        opacity: 0;
        filter: blur(6px);
        transform: translateY(20px);
    }

    60% {
        opacity: 0.7;
        filter: blur(2px);
    }

    100% {
        opacity: 1;
        filter: blur(0);
        transform: translateY(0);
    }
}

/* Tablet */

@media (max-width: 1024px) {

    .elementor-33 .elementor-element.elementor-element-542d161 .otb-hero-heading {
        font-size: 64px;
        line-height: 1.08;
        letter-spacing: -1px;
    }

}

/* Mobile */

@media (max-width: 767px) {

    .elementor-33 .elementor-element.elementor-element-542d161 .otb-hero-heading {
        font-size: 42px;
        line-height: 1.1;
        letter-spacing: 0;
    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-30bc362c */.elementor-33 .elementor-element.elementor-element-30bc362c {
  overflow: hidden;
  background-position: center center;
  background-repeat: no-repeat;
  animation: kenburnsSmooth 12s ease-in-out infinite alternate;
}

@keyframes kenburnsSmooth {
  0% {
    background-size: 100%;
    background-position: 50% 50%;
  }
  100% {
    background-size: 108%;
    background-position: 50% 50%;
  }
}
.elementor-33 .elementor-element.elementor-element-30bc362c {
  overflow: hidden;
  background-position: center center;
  background-repeat: no-repeat;
  animation: kenburnsSmooth 12s ease-in-out infinite alternate;
}

@keyframes kenburnsSmooth {
  0% {
    background-size: 100%;
    background-position: 50% 50%;
  }
  100% {
    background-size: 108%;
    background-position: 50% 50%;
  }
}

/* Disable Ken Burns animation on mobile */
@media (max-width: 767px) {
  .elementor-33 .elementor-element.elementor-element-30bc362c {
    animation: none;
    background-size: cover;
    background-position: center center;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-dcb683b */.soft-edge-image img {
    -webkit-mask-image: radial-gradient(
        ellipse at center,
        black 35%,
        rgba(0,0,0,0.9) 45%,
        rgba(0,0,0,0.65) 58%,
        rgba(0,0,0,0.35) 72%,
        rgba(0,0,0,0.12) 85%,
        transparent 100%
    );

    mask-image: radial-gradient(
        ellipse at center,
        black 35%,
        rgba(0,0,0,0.9) 45%,
        rgba(0,0,0,0.65) 58%,
        rgba(0,0,0,0.35) 72%,
        rgba(0,0,0,0.12) 85%,
        transparent 100%
    );
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-5339147 */.soft-edge-image img {
    -webkit-mask-image: radial-gradient(
        ellipse at center,
        black 35%,
        rgba(0,0,0,0.9) 45%,
        rgba(0,0,0,0.65) 58%,
        rgba(0,0,0,0.35) 72%,
        rgba(0,0,0,0.12) 85%,
        transparent 100%
    );

    mask-image: radial-gradient(
        ellipse at center,
        black 35%,
        rgba(0,0,0,0.9) 45%,
        rgba(0,0,0,0.65) 58%,
        rgba(0,0,0,0.35) 72%,
        rgba(0,0,0,0.12) 85%,
        transparent 100%
    );
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-b1d664f */.soft-edge-image img {
    -webkit-mask-image: radial-gradient(
        ellipse at center,
        black 35%,
        rgba(0,0,0,0.9) 45%,
        rgba(0,0,0,0.65) 58%,
        rgba(0,0,0,0.35) 72%,
        rgba(0,0,0,0.12) 85%,
        transparent 100%
    );

    mask-image: radial-gradient(
        ellipse at center,
        black 35%,
        rgba(0,0,0,0.9) 45%,
        rgba(0,0,0,0.65) 58%,
        rgba(0,0,0,0.35) 72%,
        rgba(0,0,0,0.12) 85%,
        transparent 100%
    );
}/* End custom CSS */