.elementor-kit-6{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-b8c3fe8:#D02632;--e-global-color-6350e60:#313131;--e-global-color-8093afd:#64468E;--e-global-color-42d3109:#F6F6F6;--e-global-color-48dd672:#585858;--e-global-color-77fa80a:#3AB44A;--e-global-color-e27379f:#593580;--e-global-color-7f26115:#333333;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */.left-menu.elementor-element.elementor-element-3c0ed4c .elementor-nav-menu--dropdown {padding-right: 10px!important;
}

.right-menu  .elementor-nav-menu--dropdown {
    /* Override the inline 'left: 0px' calculated by JS */
    left: auto !important; 
    
    /* Anchor the right edge of the dropdown to the right edge of the parent */
    right: 0 !important;   
    
    /* Align the text content to the right */
    text-align: right !important; 
}

/* Target the individual link items inside the dropdown.
   Elementor often uses Flexbox for these links, so we use justify-content.
*/
.right-menu .elementor-nav-menu--dropdown .elementor-sub-item {
    justify-content: flex-end !important; /* Pushes flex items to the right */
    text-align: right !important;         /* Ensures text alignment */
    padding-right: 20px !important;       /* Optional: Match padding to your design */
    padding-left: 10px !important;           /* Remove left padding if switching alignment */
}

.left-menu.elementor-nav-menu__align-center .elementor-nav-menu {
    justify-content: space-between;
    margin-inline-end: auto;
    margin-inline-start: auto;
    width: 100%;
}

.right-menu.elementor-nav-menu__align-center .elementor-nav-menu
 {
    justify-content: space-between;
    margin-inline-end: auto;
    margin-inline-start: auto;
    width: 100%;
        display: flex;
    flex-direction: row-reverse;
 }
 
 

.main-button .elementor-button-text {
    /* 1. Set the speed to 0.5 seconds. 
       !important added to override default Elementor theme transitions. */
    transition: transform 0.5s ease !important;
    
    /* 2. Ensure the text behaves like a block so it can move/transform */
    display: inline-block;
}

.left-menu .elementor-nav-menu--dropdown a  {
 
    padding-right: 10px !important;       /* Optional: Match padding to your design */
  
}

/* Define the hover state */
.main-button:hover .elementor-button-text {
    /* 3. Skew the text -12 degrees to simulate italics smoothly */
    transform: skewX(-12deg);
}

/* --- New Code: Image Growth --- */

/* 1. Set up the transition on the image itself */
.button-div .button-image {
    /* Matches the 0.5s speed for consistency */
    transition: transform 0.5s ease;
}

/* 2. Define the hover state on the parent div */
.button-div:hover .button-image {
    /* Grow to 1.2 times the original size */
    transform: scale(1.05);
}

/* --- New Code: Heading Italics --- */

/* 1. Target any heading (h1-h6) inside the button-div */
.button-div h1, .button-div h2, .button-div h3, 
.button-div h4, .button-div h5, .button-div h6 {
    /* Smooth transition matching the others */
    transition: transform 0.5s ease;
    /* Ensure transform works reliably on text content */
    display: inline-block;
}

/* 2. Skew the heading when the parent div is hovered */
.button-div:hover h1, .button-div:hover h2, .button-div:hover h3, 
.button-div:hover h4,  .button-div:hover h6 {
    transform: skewX(-12deg);
}

/* Change cursor to pointer (hand icon) for the div */
.button-div {
    cursor: pointer;
}

p {margin-bottom: 0px;}

#press-releases[aria-selected="true"],
#press-releases:hover {
    background: #3ab44b !important;
}

#external-media[aria-selected="true"],
#external-media:hover {
    background: #593580 !important;
}

#videos[aria-selected="true"],
#videos:hover {
    background: #3ab44b !important;
}

#images[aria-selected="true"],
#images:hover {
    background: #593580 !important;
}/* End custom CSS */