.elementor-44 .elementor-element.elementor-element-966d3a2{--display:flex;--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;--justify-content:space-between;--padding-top:0%;--padding-bottom:0%;--padding-left:2%;--padding-right:2%;--z-index:99;}.elementor-44 .elementor-element.elementor-element-d4fadca{--display:flex;--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:flex-start;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-44 .elementor-element.elementor-element-d4fadca.e-con{--flex-grow:0;--flex-shrink:0;}.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 );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-44 .elementor-element.elementor-element-fe3af77{width:var( --container-widget-width, 30% );max-width:30%;--container-widget-width:30%;--container-widget-flex-grow:0;text-align:left;}.elementor-44 .elementor-element.elementor-element-fe3af77 img{width:70%;}.elementor-44 .elementor-element.elementor-element-837bdfc{--display:flex;--justify-content:center;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-44 .elementor-element.elementor-element-d12e364{--display:flex;--flex-direction:row-reverse;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;--justify-content:flex-start;--align-items:center;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-44 .elementor-element.elementor-element-d37ac52{width:auto;max-width:auto;}.elementor-44 .elementor-element.elementor-element-d37ac52 .elementor-icon-wrapper{text-align:right;}.elementor-44 .elementor-element.elementor-element-d37ac52.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-15ba14b );}.elementor-44 .elementor-element.elementor-element-d37ac52.elementor-view-framed .elementor-icon, .elementor-44 .elementor-element.elementor-element-d37ac52.elementor-view-default .elementor-icon{color:var( --e-global-color-15ba14b );border-color:var( --e-global-color-15ba14b );}.elementor-44 .elementor-element.elementor-element-d37ac52.elementor-view-framed .elementor-icon, .elementor-44 .elementor-element.elementor-element-d37ac52.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-15ba14b );}.elementor-44 .elementor-element.elementor-element-d37ac52 .elementor-icon{font-size:35px;}.elementor-44 .elementor-element.elementor-element-d37ac52 .elementor-icon svg{height:35px;}.elementor-44 .elementor-element.elementor-element-2eb38eb{--display:flex;}.elementor-44 .elementor-element.elementor-element-e938c6b .e-off-canvas__content{background-color:var( --e-global-color-15ba14b );border-radius:0px 20px 20px 0px;}.elementor-44 .elementor-element.elementor-element-e938c6b .e-off-canvas__overlay{background-color:#210000BF;}.elementor-44 .elementor-element.elementor-element-e938c6b{--e-off-canvas-justify-content:flex-start;--e-off-canvas-height:100vh;--e-off-canvas-content-overflow:auto;--e-off-canvas-animation-duration:0.8s;--e-off-canvas-overlay-opacity:1;}.elementor-44 .elementor-element.elementor-element-a05ab6c{--display:flex;--min-height:100%;--justify-content:center;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overlay-opacity:0.5;--padding-top:5%;--padding-bottom:5%;--padding-left:10%;--padding-right:5%;}.elementor-44 .elementor-element.elementor-element-a05ab6c::before, .elementor-44 .elementor-element.elementor-element-a05ab6c > .elementor-background-video-container::before, .elementor-44 .elementor-element.elementor-element-a05ab6c > .e-con-inner > .elementor-background-video-container::before, .elementor-44 .elementor-element.elementor-element-a05ab6c > .elementor-background-slideshow::before, .elementor-44 .elementor-element.elementor-element-a05ab6c > .e-con-inner > .elementor-background-slideshow::before, .elementor-44 .elementor-element.elementor-element-a05ab6c > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://vera.altatweref.org/wp-content/uploads/2025/09/Brand-Guidelines-Vera-11.webp");--background-overlay:'';background-position:center center;background-size:cover;}.elementor-44 .elementor-element.elementor-element-128ac3a{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-44 .elementor-element.elementor-element-62cc1b2{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:left;}.elementor-44 .elementor-element.elementor-element-62cc1b2 img{width:32%;}.elementor-44 .elementor-element.elementor-element-8b981b9{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:0px;}.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 );letter-spacing:var( --e-global-typography-primary-letter-spacing );color:var( --e-global-color-primary );}.elementor-44 .elementor-element.elementor-element-9449e51 .elementor-heading-title{font-family:"awelir", Sans-serif;font-size:1.8em;font-weight:100;letter-spacing:2px;}.elementor-44 .elementor-element.elementor-element-4211423 .elementor-heading-title{font-family:"awelir", Sans-serif;font-size:1.8em;font-weight:100;letter-spacing:2px;}.elementor-44 .elementor-element.elementor-element-6006171 .elementor-heading-title{font-family:"awelir", Sans-serif;font-size:1.8em;font-weight:100;letter-spacing:2px;}.elementor-44 .elementor-element.elementor-element-298f7b2 .elementor-heading-title{font-family:"awelir", Sans-serif;font-size:1.8em;font-weight:100;letter-spacing:2px;}.elementor-44 .elementor-element.elementor-element-3667e5f .elementor-heading-title{font-family:"awelir", Sans-serif;font-size:1.8em;font-weight:100;letter-spacing:2px;}.elementor-44 .elementor-element.elementor-element-de4e1a4 .elementor-heading-title{font-family:"awelir", Sans-serif;font-size:1.8em;font-weight:100;letter-spacing:2px;}.elementor-44 .elementor-element.elementor-element-d33339c{--grid-template-columns:repeat(0, auto);text-align:center;--icon-size:20px;--grid-column-gap:14px;}.elementor-44 .elementor-element.elementor-element-d33339c .elementor-social-icon{background-color:var( --e-global-color-primary );}.elementor-44 .elementor-element.elementor-element-d33339c .elementor-social-icon i{color:var( --e-global-color-15ba14b );}.elementor-44 .elementor-element.elementor-element-d33339c .elementor-social-icon svg{fill:var( --e-global-color-15ba14b );}.elementor-44 .elementor-element.elementor-element-d33339c .elementor-icon{border-radius:50px 50px 50px 50px;}.elementor-44 .elementor-element.elementor-element-d33339c .elementor-social-icon:hover{background-color:var( --e-global-color-9c53f91 );}.elementor-44 .elementor-element.elementor-element-68c56e3{--display:flex;}.elementor-44 .elementor-element.elementor-element-68c56e3:not(.elementor-motion-effects-element-type-background), .elementor-44 .elementor-element.elementor-element-68c56e3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-44:not(.elementor-motion-effects-element-type-background), .elementor-44 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-44 .elementor-element.elementor-element-d4fadca{--width:40%;}.elementor-44 .elementor-element.elementor-element-837bdfc{--width:40%;}}@media(max-width:1024px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-44 .elementor-element.elementor-element-9449e51 .elementor-heading-title{font-size:22px;}.elementor-44 .elementor-element.elementor-element-4211423 .elementor-heading-title{font-size:22px;}.elementor-44 .elementor-element.elementor-element-6006171 .elementor-heading-title{font-size:22px;}.elementor-44 .elementor-element.elementor-element-298f7b2 .elementor-heading-title{font-size:22px;}.elementor-44 .elementor-element.elementor-element-3667e5f .elementor-heading-title{font-size:22px;}.elementor-44 .elementor-element.elementor-element-de4e1a4 .elementor-heading-title{font-size:22px;}}@media(max-width:767px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-44 .elementor-element.elementor-element-9449e51 .elementor-heading-title{font-size:22px;}.elementor-44 .elementor-element.elementor-element-4211423 .elementor-heading-title{font-size:22px;}.elementor-44 .elementor-element.elementor-element-6006171 .elementor-heading-title{font-size:22px;}.elementor-44 .elementor-element.elementor-element-298f7b2 .elementor-heading-title{font-size:22px;}.elementor-44 .elementor-element.elementor-element-3667e5f .elementor-heading-title{font-size:22px;}.elementor-44 .elementor-element.elementor-element-de4e1a4 .elementor-heading-title{font-size:22px;}}/* Start custom CSS for shortcode, class: .elementor-element-842084e *//* =========================================
   Login button: state icons + slower motion + bigger hover gap
   Targets: <a class="yr-fancy-login fancy ...">
   Assumes:
   - .is-logged-out class is present when user is logged out (your code already does this)
   - Font Awesome 6 Free is loaded
   ========================================= */

.elementor-44 .elementor-element.elementor-element-842084e .yr-fancy-login.fancy{
  --btn-red:#EDE1D3;
  --btn-sand:#4b0000;
  border-color: var(--btn-red);
  padding: 5px 18px;
  border-width: 0.05em;

  /* slower, smoother transitions */
  transition:all .45s ease-in-out;
}

/* Base icon via ::before (logged-IN default) */
.yr-fancy-login.fancy::before{
  font-family:"Font Awesome 6 Free";
  font-weight:900;
  font-size:13px;
  line-height:1;
  color:var(--btn-red);
  position:absolute;
  top:50%;
  left:50%;                          /* centered when text hidden */
  transform:translate(-50%,-50%);
  transition:
    left .45s ease-in-out,
    transform .45s ease-in-out,
    color .45s ease-in-out;

  /* Logged-IN icon (same code you used earlier) */
  content:"\f007"; /* user */
}

/* Logged-OUT icon override → key */
.yr-fancy-login.fancy.is-logged-out::before{
  content:"\f084" !important; /* key */
}

/* Text hidden by default (icon-only idle) */
.yr-fancy-login.fancy .text{
  max-width:0;
  max-height: 25px;
  opacity:0;
  padding-left:0;
  margin-left:0;
  overflow:hidden;
  color:var(--btn-red);
  transition:
    max-width .45s ease-in-out,
    opacity .35s ease-in-out,
    padding-left .45s ease-in-out,
    color .45s ease-in-out;
}

/* Hover: reveal label with a BIGGER gap; slide icon left more; keep motion slow */
.elementor-44 .elementor-element.elementor-element-842084e .yr-fancy-login.fancy:hover{
  padding:8px 18px 8px 14px;         /* a bit more room than before */
  background:var(--btn-red);
  border-color:var(--btn-red);
  color:#fff;
}
.elementor-44 .elementor-element.elementor-element-842084e .yr-fancy-login.fancy:hover::before{
  left:1.15em;                        /* move icon further left than before */
  transform:translateY(-50%);         /* stop centering */
  color:var(--btn-sand);
}
.elementor-44 .elementor-element.elementor-element-842084e .yr-fancy-login.fancy:hover .text{
  max-width:220px;                    /* allow longer labels */
  opacity:1;
  padding-left:1.6em;                 /* ← bigger gap between icon & text */
  color:var(--btn-sand);
}

/* Optional: different icons per logged-in role (uncomment if you use state classes) */
/*
.yr-fancy-login.fancy.is-member::before { content:"\f2bd"; }       // user
.yr-fancy-login.fancy.is-coach::before  { content:"\f51c"; }       // chalkboard-user
.yr-fancy-login.fancy.is-admin::before  { content:"\f0ad"; }       // wrench
*/

/* Minimal look keeps decorative keys hidden */
.yr-fancy-login.fancy .top-key,
.yr-fancy-login.fancy .bottom-key-1,
.yr-fancy-login.fancy .bottom-key-2{ display:none; }

/* Focus ring (unchanged) */
.yr-fancy-login.fancy:focus-visible{
  outline:none;
  box-shadow:0 0 0 2px rgba(159,68,38,.25);
}/* End custom CSS */