.elementor-549 .elementor-element.elementor-element-0c1dc4f{--display:flex;--min-height:536px;--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;--justify-content:center;}.elementor-widget-heading .elementor-heading-title{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-549 .elementor-element.elementor-element-50c3319.elementor-element{--align-self:center;}.elementor-549 .elementor-element.elementor-element-50c3319{text-align:center;}.elementor-549 .elementor-element.elementor-element-50c3319 .elementor-heading-title{font-family:"Georgia", Sans-serif;font-weight:700;color:#DAE0E3;}.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-549 .elementor-element.elementor-element-074ab0b.elementor-element{--align-self:center;--order:99999 /* order end hack */;}.elementor-549 .elementor-element.elementor-element-f49bf3b{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:30px;--padding-bottom:25px;--padding-left:30px;--padding-right:25px;}.elementor-549 .elementor-element.elementor-element-f49bf3b:not(.elementor-motion-effects-element-type-background), .elementor-549 .elementor-element.elementor-element-f49bf3b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F6F7F9;}.elementor-549 .elementor-element.elementor-element-f6d295f{--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-549 .elementor-element.elementor-element-1669686{--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-549 .elementor-element.elementor-element-b49cce6{--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-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-549 .elementor-element.elementor-element-d7891c6 .elementor-button{background-color:#F0F4FF;font-family:"Roboto", Sans-serif;font-weight:500;fill:#000010AD;color:#000010AD;}.elementor-549 .elementor-element.elementor-element-d7891c6.elementor-element{--align-self:center;}.elementor-549 .elementor-element.elementor-element-b2a23ef.elementor-element{--align-self:center;}.elementor-549 .elementor-element.elementor-element-283ac91.elementor-element{--align-self:center;}.elementor-549 .elementor-element.elementor-element-102dd9d.elementor-element{--align-self:center;}.elementor-549 .elementor-element.elementor-element-233de10{--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-549 .elementor-element.elementor-element-7d2778c.elementor-element{--align-self:center;}.elementor-549 .elementor-element.elementor-element-374114e.elementor-element{--align-self:center;}.elementor-549 .elementor-element.elementor-element-341474f.elementor-element{--align-self:center;}.elementor-549 .elementor-element.elementor-element-a8bb635.elementor-element{--align-self:center;}.elementor-549 .elementor-element.elementor-element-e231b7d.elementor-element{--align-self:center;}.elementor-549 .elementor-element.elementor-element-d4c1682.elementor-element{--align-self:center;}.elementor-549 .elementor-element.elementor-element-0006681.elementor-element{--align-self:center;}.elementor-549 .elementor-element.elementor-element-ae68d91.elementor-element{--align-self:center;}.elementor-549 .elementor-element.elementor-element-2379804{--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-549 .elementor-element.elementor-element-b114c43{--grid-template-columns:repeat(0, auto);text-align:center;--grid-column-gap:5px;--grid-row-gap:0px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-549 .elementor-element.elementor-element-0c1dc4f{--content-width:1600px;}.elementor-549 .elementor-element.elementor-element-f6d295f{--width:100%;}.elementor-549 .elementor-element.elementor-element-1669686{--width:43%;}}/* Start custom CSS for heading, class: .elementor-element-50c3319 *//* ======================================
   FORCE-CENTER HERO TITLE (ELEMENTOR SAFE)
====================================== */

/* Target Elementor heading correctly */
.hero-title-centered .elementor-heading-title {
  max-width: 900px !important;   /* control readable width */
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
  width: auto !important;        /* overrides Elementor 100% width */
  line-height: 1.25;
}

/* Large screens */
@media (min-width: 1200px) {
  .hero-title-centered .elementor-heading-title {
    max-width: 860px;
  }
}

/* Mobile */
@media (max-width: 768px) {
  .hero-title-centered .elementor-heading-title {
    max-width: 100%;
    padding: 0 16px;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-074ab0b *//* ======================================
   ACCESSIBILITY: KEYBOARD FOCUS STYLE
====================================== */

/* Remove default browser outline */
.ieee-cta-box:focus {
  outline: none;
}

/* Visible focus for keyboard users only */
.ieee-cta-box:focus-visible {
  background-color: #d2e6f1;        /* Slightly darker than hover */
  box-shadow: 
    0 0 0 3px rgba(11, 79, 108, 0.35), /* Focus ring */
    0 6px 18px rgba(0,0,0,0.12);      /* Elevation */
  
  color: #0b4f6c;                    /* Text stays SAME */
}

/* Prevent focus flicker on mouse click */
.ieee-cta-box:focus:not(:focus-visible) {
  box-shadow: none;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-074ab0b *//* ======================================
   UNIFIED CTA – BOX COLOR ONLY ON CLICK
====================================== */

.ieee-cta-center {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  margin-top: 36px;
  flex-wrap: wrap;
}

/* Base CTA */
.ieee-cta-box {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  padding: 14px 26px;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;

  border-radius: 999px;
  background-color: #eaf3f8;     /* NORMAL */
  color: #0b4f6c;                /* TEXT FIXED */
  border: 1px solid #cfdde5;

  transition: background-color 0.25s ease, box-shadow 0.25s ease;
}

/* Hover → darker BOX only */
.ieee-cta-box:hover {
  background-color: #d9e9f2;     /* DARKER */
  box-shadow: 0 6px 18px rgba(0,0,0,0.12);
  color: #0b4f6c;                /* FORCE TEXT SAME */
}

/* Click / Active → darkest BOX only */
.ieee-cta-box:active {
  background-color: #c3dbea;     /* DARKEST */
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
  color: #0b4f6c;                /* FORCE TEXT SAME */
}

/* Icon */
.ieee-cta-icon {
  font-size: 16px;
  transition: transform 0.25s ease;
}

/* Subtle icon move (optional, clean) */
.ieee-cta-box:hover .ieee-cta-icon {
  transform: translateX(4px);
}

/* Mobile */
@media (max-width: 768px) {
  .ieee-cta-box {
    padding: 12px 22px;
    font-size: 13px;
  }
}
/* ======================================
   ACCESSIBILITY: KEYBOARD FOCUS STYLE
====================================== */

/* Remove default browser outline */
.ieee-cta-box:focus {
  outline: none;
}

/* Visible focus for keyboard users only */
.ieee-cta-box:focus-visible {
  background-color: #d2e6f1;        /* Slightly darker than hover */
  box-shadow: 
    0 0 0 3px rgba(11, 79, 108, 0.35), /* Focus ring */
    0 6px 18px rgba(0,0,0,0.12);      /* Elevation */
  
  color: #0b4f6c;                    /* Text stays SAME */
}

/* Prevent focus flicker on mouse click */
.ieee-cta-box:focus:not(:focus-visible) {
  box-shadow: none;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1669686 *//* ==================================================
   RIGHT SIDEBAR – JOURNAL UI (ACADEMIC FINAL)
================================================== */

/* ------------------------------
   SIDEBAR CARD CONTAINER
------------------------------ */
.journal-sidebar-card {
    background-color: #ffffff;
    padding: 20px;
    border-radius: 8px;
    margin-bottom: 22px;
    box-shadow: 0 4px 14px rgba(0,0,0,0.06);
    font-family: "Inter", "Segoe UI", Roboto, sans-serif;
}

/* ------------------------------
   SIDEBAR HEADINGS (ACADEMIC STYLE)
------------------------------ */
.journal-sidebar-heading {
    font-family: "Merriweather", "Georgia", serif;
    font-size: 15.5px;
    font-weight: 600;
    color: #1e293b;                 /* Academic navy */
    margin-bottom: 16px;
    padding-bottom: 6px;
    border-bottom: 2px solid #cbd5e1; /* Soft divider */
    letter-spacing: 0.2px;
}

/* Remove Elementor default heading styles */
.journal-sidebar-card h3,
.journal-sidebar-card h4 {
    border: none !important;
    padding-bottom: 0 !important;
    margin-bottom: 14px;
}

/* ------------------------------
   SIDEBAR BUTTONS / LINKS
------------------------------ */
.journal-sidebar-btn,
.journal-sidebar-btn .elementor-button {
    display: block;
    width: 100%;
    text-align: left;
    background-color: #ffffff !important;
    color: #111827 !important;
    font-family: "Inter", "Segoe UI", Roboto, sans-serif;
    font-size: 14px;
    font-weight: 500;
    padding: 10px 12px;
    border: none !important;
    border-bottom: 1px solid #e5e7eb !important;
    border-radius: 4px;
    cursor: pointer;
    transition: 
        background-color 0.35s ease,
        padding-left 0.35s ease,
        color 0.35s ease;
}

/* Remove Elementor hover shadows */
.journal-sidebar-btn:hover,
.journal-sidebar-btn:focus {
    box-shadow: none !important;
}

/* Hover effect (slow & smooth) */
.journal-sidebar-btn:hover,
.journal-sidebar-btn:hover .elementor-button {
    background-color: #f1f5f9 !important;
    color: #0f172a !important;
    padding-left: 18px;
}

/* ------------------------------
   SOCIAL ICONS
------------------------------ */
.journal-social-icons {
    margin-top: 14px;
}

.journal-social-icons a {
    transition: transform 0.25s ease;
}

.journal-social-icons a:hover {
    transform: translateY(-2px);
}

/* ------------------------------
   EMAIL ALERT BOX
------------------------------ */
.journal-email-box {
    margin-top: 22px;
    padding: 14px;
    background-color: #f8fafc;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
}

.journal-email-box h4 {
    font-family: "Merriweather", "Georgia", serif;
    font-size: 14.5px;
    font-weight: 600;
    color: #1e293b;
    margin-bottom: 8px;
}

.journal-email-box p {
    font-size: 13px;
    color: #475569;
    line-height: 1.55;
    margin-bottom: 10px;
}

.journal-email-box input[type="email"] {
    width: 100%;
    padding: 8px 10px;
    border: 1px solid #d1d5db;
    border-radius: 4px;
    font-size: 13px;
}

.journal-email-box button,
.journal-email-box input[type="submit"] {
    margin-top: 10px;
    width: 100%;
    background-color: #1e293b;
    color: #ffffff;
    border: none;
    padding: 9px;
    font-size: 13px;
    font-weight: 600;
    border-radius: 4px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.journal-email-box button:hover,
.journal-email-box input[type="submit"]:hover {
    background-color: #0f172a;
}

/* ------------------------------
   MOBILE OPTIMIZATION
------------------------------ */
@media (max-width: 768px) {
    .journal-sidebar-card {
        padding: 16px;
    }

    .journal-sidebar-btn {
        font-size: 13.5px;
    }
}/* End custom CSS */