.elementor-kit-7{--e-global-color-primary:#324E3D;--e-global-color-secondary:#FFFFFF;--e-global-color-text:#4B6D4D;--e-global-color-accent:#AF7E45;--e-global-color-bdc8992:#4F738E;--e-global-color-312b828:#916874;--e-global-color-0624572:#F1ECE3;--e-global-color-be02a34:#337070;--e-global-color-1ae5b1b:#8E5D4F;--e-global-typography-primary-font-family:"Cormorant Garamond";--e-global-typography-primary-font-weight:500;--e-global-typography-primary-line-height:1.5em;--e-global-typography-secondary-font-family:"Raleway";--e-global-typography-secondary-font-weight:300;--e-global-typography-secondary-line-height:1.5em;--e-global-typography-text-font-family:"Cormorant Garamond";--e-global-typography-text-font-weight:500;--e-global-typography-text-text-transform:uppercase;--e-global-typography-text-line-height:1.5em;--e-global-typography-text-letter-spacing:0.05em;--e-global-typography-accent-font-family:"Raleway";--e-global-typography-accent-font-weight:500;--e-global-typography-accent-line-height:1.5em;background-color:#FFFFFF;color:var( --e-global-color-primary );font-family:"Raleway", Sans-serif;font-size:18px;font-weight:300;line-height:1.6em;overscroll-behavior:contain;}.elementor-kit-7 button,.elementor-kit-7 input[type="button"],.elementor-kit-7 input[type="submit"],.elementor-kit-7 .elementor-button{background-color:var( --e-global-color-be02a34 );font-family:"Raleway", Sans-serif;font-size:16px;font-weight:400;line-height:1.5em;color:var( --e-global-color-secondary );border-style:none;border-radius:999px 999px 999px 999px;padding:8px 8px 8px 8px;}.elementor-kit-7 button:hover,.elementor-kit-7 button:focus,.elementor-kit-7 input[type="button"]:hover,.elementor-kit-7 input[type="button"]:focus,.elementor-kit-7 input[type="submit"]:hover,.elementor-kit-7 input[type="submit"]:focus,.elementor-kit-7 .elementor-button:hover,.elementor-kit-7 .elementor-button:focus{background-color:var( --e-global-color-be02a34 );color:var( --e-global-color-secondary );}.elementor-kit-7 p{margin-block-end:18px;}.elementor-kit-7 a{color:var( --e-global-color-text );}.elementor-kit-7 a:hover{color:var( --e-global-color-primary );}.elementor-kit-7 h1{color:var( --e-global-color-text );font-family:"Cormorant Garamond", Sans-serif;font-size:64px;font-weight:500;line-height:1.5em;}.elementor-kit-7 h2{color:var( --e-global-color-text );font-family:"Cormorant Garamond", Sans-serif;font-size:56px;font-weight:500;line-height:1.5em;}.elementor-kit-7 h3{color:var( --e-global-color-text );font-family:"Cormorant Garamond", Sans-serif;font-size:32px;font-weight:500;text-transform:uppercase;line-height:1.5em;}.elementor-kit-7 h4{color:var( --e-global-color-text );font-family:"Cormorant Garamond", Sans-serif;font-size:24px;font-weight:500;line-height:1.5em;}.elementor-kit-7 h5{color:var( --e-global-color-text );font-family:"Cormorant Garamond", Sans-serif;font-size:18px;font-weight:500;line-height:1.5em;}.elementor-kit-7 h6{color:var( --e-global-color-text );font-family:"Raleway", Sans-serif;font-size:18px;font-weight:500;line-height:1.5em;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1366px;}.e-con{--container-max-width:1366px;--container-default-padding-top:48px;--container-default-padding-right:48px;--container-default-padding-bottom:48px;--container-default-padding-left:48px;}.elementor-widget:not(:last-child){--kit-widget-spacing:24px;}.elementor-element{--widgets-spacing:24px 24px;--widgets-spacing-row:24px;--widgets-spacing-column:24px;}{}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(max-width:1366px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;--container-default-padding-top:40px;--container-default-padding-right:40px;--container-default-padding-bottom:40px;--container-default-padding-left:40px;}}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;--container-default-padding-top:32px;--container-default-padding-right:32px;--container-default-padding-bottom:32px;--container-default-padding-left:32px;}}@media(max-width:767px){.elementor-kit-7 h1{font-size:40px;}.elementor-kit-7 h2{font-size:40px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;--container-default-padding-top:24px;--container-default-padding-right:24px;--container-default-padding-bottom:24px;--container-default-padding-left:24px;}}
/* Start custom CSS *//*Button Styling*/
.elementor-button-content-wrapper {
  align-items: center;
}

/* Orange Button with Arrow */
.arrow-orange .elementor-button {
  transition: all 300ms ease-in-out !important;
}

.arrow-orange .elementor-button svg {
  width: 32px !important;  
  height: 32px !important;
  min-width: 32px;
  padding: 8px;
  background-color: #11585A;
  border-radius: 100px;
  transform: rotate(0deg);
  transition: all 300ms ease-in-out;
}

.arrow-orange .elementor-button-text {
  padding: 0px 8px;
}

.arrow-orange .elementor-button-icon {
  max-width: 0px;
  overflow: hidden;
  display: inline-flex;
  transition: all 300ms ease-in-out;
}

.arrow-orange .elementor-button:hover .elementor-button-icon {
  max-width: 32px;
}

.arrow-orange .elementor-button:hover svg {
  transform: rotate(45deg);
}

/* Icon Styling */
.icon {
    line-height: 0%;
}

/* Arrow Icons */
.icon-arrow-white svg {
    line-height: 0%;
    width: 32px !important;  
    height: 32px !important;
    padding: 8px;
    background-color: #FFFFFF;
    border-radius: 100px;
    transform: rotate(0deg);
    transition: all 300ms ease-in-out;
}

.hover-box:hover .icon-arrow-white svg, .icon-arrow-white:hover svg {
  transform: rotate(45deg);
}

/* Counselor Cards */
.name h3 {
    text-decoration: underline;
    text-decoration-color: transparent;
    text-decoration-thickness: 1px;
    transition: text-decoration-color 150ms ease-in; 
}

.hover-box:hover .name h3 {
    text-decoration-color: #4B6D4D; 
}

@media (min-width: 768px) {
    .hover-box:hover .counselor-bio {
    background-color: rgba(75, 109, 77, 0.1) !important;
}
}

@media (max-width: 767px) {
    .counselor-bio {
        background-color: transparent!important;
    }
}

/* Background Hover Colors */
.green-hover:hover {
    background-color: rgba(75, 109, 77, 0.1) !important;
}

.orange-hover:hover {
    background-color: rgba(175, 126, 69, 0.1) !important;
}

.purple-hover:hover {
    background-color: rgba(145, 104, 116, 0.1) !important;
}

.blue-hover:hover {
    background-color: rgba(79, 115, 142, 0.1) !important;
}

/* Animations */
.slide-in {
  animation: slide-in ease-out both !important;
  animation-timeline: view() !important;
  animation-range: entry 0% cover 50% !important;
}

@keyframes slide-in {
    from {
        transform: translateY(10vh);
    }
    
    to {
        transform: translateY(0vh);
    }
}

/* Tab Styling */
.tabs .e-n-tab-title[aria-selected="true"],
.tabs .e-n-tab-title:hover {
    background-color: #352E2400 !important;
}

.underline-link a {
    text-decoration: underline solid 1px;
}

/* Accordian Custom CSS */
/* 1. Assign your specific global colors to each item in order */
.elementor-kit-7 .elementor-accordion-item:nth-child(1),
.elementor-kit-7 .e-n-accordion-item:nth-child(1) { 
    --item-color: var(--e-global-color-1ae5b1b); 
}

.elementor-kit-7 .elementor-accordion-item:nth-child(2),
.elementor-kit-7 .e-n-accordion-item:nth-child(2) { 
    --item-color: var(--e-global-color-accent); 
}

.elementor-kit-7 .elementor-accordion-item:nth-child(3),
.elementor-kit-7 .e-n-accordion-item:nth-child(3) { 
    --item-color: var(--e-global-color-text); 
}

.elementor-kit-7 .elementor-accordion-item:nth-child(4),
.elementor-kit-7 .e-n-accordion-item:nth-child(4) { 
    --item-color: var(--e-global-color-bdc8992); 
}

.elementor-kit-7 .elementor-accordion-item:nth-child(5),
.elementor-kit-7 .e-n-accordion-item:nth-child(5) { 
    --item-color: var(--e-global-color-312b828); 
}

/* 2. Set the default state (5% opacity & 8px radius on the TITLE only) */
.elementor-kit-7 .elementor-accordion-item .elementor-tab-title,
.elementor-kit-7 .e-n-accordion-item .e-n-accordion-item-title {
    background-color: color-mix(in srgb, var(--item-color) 5%, transparent) !important;
    border-radius: 8px !important;
    transition: background-color 0.15s ease;
}

/* Clear any background from the main item container just in case */
.elementor-kit-7 .elementor-accordion-item,
.elementor-kit-7 .e-n-accordion-item {
    background-color: transparent !important;
}

/* 3. Set the hover and active states (10% opacity on the TITLE only) */
.elementor-kit-7 .elementor-accordion-item .elementor-tab-title:hover,
.elementor-kit-7 .elementor-accordion-item:has(.elementor-active) .elementor-tab-title,
.elementor-kit-7 .e-n-accordion-item .e-n-accordion-item-title:hover,
.elementor-kit-7 .e-n-accordion-item[open] .e-n-accordion-item-title {
    background-color: color-mix(in srgb, var(--item-color) 10%, transparent) !important;
}

/* 4. Color the titles across all states */
.elementor-kit-7 .elementor-accordion-item .elementor-accordion-title,
.elementor-kit-7 .elementor-accordion-item .elementor-tab-title,
.elementor-kit-7 .elementor-accordion-item .elementor-tab-title a,
.elementor-kit-7 .e-n-accordion-item .e-n-accordion-item-title,
.elementor-kit-7 .e-n-accordion-item .e-n-accordion-item-title-text {
    color: var(--item-color) !important;
    transition: color 0.15s ease;
}

/* 5. Color the icons */
.elementor-kit-7 .elementor-accordion-item .elementor-accordion-icon,
.elementor-kit-7 .elementor-accordion-item .elementor-accordion-icon svg,
.elementor-kit-7 .elementor-accordion-item .elementor-accordion-icon i,
.elementor-kit-7 .e-n-accordion-item .e-n-accordion-item-icon,
.elementor-kit-7 .e-n-accordion-item .e-n-accordion-item-icon svg,
.elementor-kit-7 .e-n-accordion-item .e-n-accordion-item-icon i,
.elementor-kit-7 .e-n-accordion-item .e-n-accordion-item-title-icon span > svg {
    color: var(--item-color) !important;
    fill: var(--item-color) !important;
    transition: color 0.15s ease, fill 0.15s ease;
}/* End custom CSS */