/*
Theme Name: Avada Child
Description: Child theme for Avada theme
Author: ThemeFusion
Author URI: https://theme-fusion.com
Template: Avada
Version: 1.0.0
Text Domain:  Avada
*/

@media only screen and (min-width: 641px) {
	/* Blue block CTA */
.fusion-layout-column.cta>.fusion-column-wrapper {
  position: relative !important;
  padding-left: 82px !important;
  text-align: left !important;
}
}

/* Pin icon */
.fusion-layout-column.cta .fusion-image-element {
  position: absolute !important;
  left: 20px !important;
  top: 30px !important;
  width: 44px !important;
  height: 44px !important;
  margin: 0 !important;
  text-align: left !important;
}

@media only screen and (max-width: 641px) {
	.fusion-layout-column.cta .fusion-image-element {
		position: unset !important;
        margin: 0 auto !important;
        display: block;
        width: 100% !important;
        text-align: center !important;
	}
}

/* Accordion toggle */
.fusion-toggle-icon-wrapper{
	border: 1px solid #155eab;
    border-radius: 100%;
    width: 22px;
    height: 20px;
    text-align: center;
    line-height: 20px;
}

/* Font stuff */
strong, b{
	font-family: "Acumin Pro Bold";
}

.home-button{
	width:100%;
}

/* -----------------------------------------
   Amicus External Link Modal Overrides
----------------------------------------- */

/* 1. Modal Container */
/* Targets both Bootstrap's content box and our custom inner wrapper */
.modal-content, 
.amicus-modal-inner {
    border-radius: 24px !important; /* Overrides Bootstrap's default $modal-content-border-radius */
    border: none !important;
    padding: 30px 20px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.15);
    text-align: center;
	background: white;
}

/* 2. Headline Typography */
.amicus-modal-inner h2 {
    color: #155eab; 
    font-family: "Acumin Pro Bold";
	font-size: 34px;
	margin: 15px auto 30px;
	max-width:400px;
}

/* 3. Button Layout */
.amicus-modal-inner .button-group {
    display: flex;
    justify-content: center;
    gap: 15px;
}

/* Shared Button Styles */
.amicus-modal-inner .btn {
    min-width: 140px;
    padding: 10px 24px;
    font-size: 16px;
    font-weight: 600;
    border-radius: 8px; /* Slightly rounded button corners */
    cursor: pointer;
    text-align: center;
    text-decoration: none !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: opacity 0.2s ease;
}

/* 4. Cancel Button (Outline) */
.amicus-modal-inner .btn-secondary {
    background-color: #ffffff;
    color: #245697;
    border: 2px solid #245697;
}

.amicus-modal-inner .btn-secondary:hover {
    background-color: #f4f8fc; /* Very light blue on hover */
}

/* 5. OK Button (Gradient) */
#external-confirm-ok {
    background: linear-gradient(180deg, #498cd4 0%, #245697 100%);
    color: #ffffff !important;
    border: none;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

#external-confirm-ok:hover {
    opacity: 0.9;
}

/* Amicus Modal Close Button (Popup Maker Override) */
.pum-theme-13 .pum-content + .pum-close, 
.pum-theme-content-only .pum-content + .pum-close {
    position: absolute;
    top: 15px;          /* Distance from the top edge */
    right: 15px;        /* Distance from the right edge */
    width: 30px;
    height: 30px;
    background-color: transparent !important;
    border: 2px solid #245697 !important; /* Amicus Navy */
    border-radius: 50% !important;        /* Makes it a perfect circle */
    color: #245697 !important;            /* Color of the 'X' */
    font-family: Arial, sans-serif;
    font-size: 24px !important;
    font-weight: normal;
    
    /* Flexbox guarantees the 'X' is perfectly centered inside the circle */
    display: flex !important;
    align-items: center;
    justify-content: center;
    
    /* Resetting PUM defaults */
    padding: 0;
    margin: 0;
    box-shadow: none !important;
    text-shadow: none !important;
    line-height: 0 !important; /* Prevents the 'X' from sitting too low */
}

/* Smooth transition for the sticky banner */
#sticky-isi-banner {
	position: fixed;
	bottom:0;
	z-index:100;
	width: 100%;
    transition: transform 0.4s ease-in-out, opacity 0.4s ease-in-out !important;
}

#scroll-to-isi {
	position:absolute;
	top: 20px;
	right: 2%;
	cursor:pointer;
}


#scroll-to-top {
	position:absolute;
	top: 20px;
	right: 2%;
	cursor:pointer;
}

/* Class applied via Javascript to hide the banner */
.hide-isi-banner {
    transform: translateY(100%) !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

/* ==========================================================================
   1. HEADER LAYOUT & CENTERING 
   ========================================================================== */

/* Neutralize padding on global container */
.hcp-global-header {
    padding: 0 !important;
}

/* The ultimate constraints for Logo and Menu Row */
.hcp-blue-inner-row {
    max-width: 1320px !important;
    margin: 0 auto !important;
    width: 100% !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    padding: 15px 20px !important;
    box-sizing: border-box !important;
	justify-content: space-between;
}

/* Prevent inner columns from breaking the flex layout */
.hcp-blue-inner-row .fusion-builder-column-inner {
    width: auto !important;
    flex: 0 0 auto !important;
}

/* Neutralize WordPress tags in the green bar */
.hcp-green-text p { margin: 0 !important; padding: 0 !important; }

/* Desktop Green Text Styling */
.hcp-green-desktop {
    font-family: 'Acumin Pro Semibold', sans-serif;
    font-size: 13px;
}
.hcp-green-desktop a {
    color: #ffffff !important;
    text-decoration: none !important;
    transition: opacity 0.2s;
}
.hcp-green-desktop a:hover { opacity: 0.8; }

/* button icon placement */
i.fa-download{
	margin-top:-4px;
}

/* image height 100px */
.h-100 img{
	height: 100px;
	width: auto;
	    object-fit: contain;
}


/* DESKTOP VIEW (Screens larger than 1100px) */
@media only screen and (min-width: 1101px) {
    .hcp-green-desktop { display: flex !important; }
    .hcp-green-mobile { display: none !important; }
    .hcp-header-text { white-space: nowrap !important; width: max-content !important; }
    
    /* Desktop Dropdown CSS for "PRESCRIBING INFORMATIONS" */
    .hcp-desktop-dropdown-wrapper {
        position: relative;
        display: inline-block;
        padding: 10px 15px;
        margin: -10px 0; 
        transition: background-color 0.2s;
    }
    
    .hcp-desktop-dropdown-wrapper:hover { background-color: #cdeae4; }
    .hcp-desktop-dropdown-wrapper:hover > a { color: #0fad9c !important; }

    .hcp-desktop-dropdown-menu {
        display: none;
        position: absolute;
        top: 100%;
        left: 50%;
        transform: translateX(-50%);
        background-color: #cdeae4; /* Light teal */
        list-style: none;
        padding: 0;
        margin: 0;
        border: 1px solid #0fad9c;
        border-top: none;
        min-width: 280px;
        z-index: 9999;
        text-align: center;
        box-shadow: 0 4px 6px rgba(0,0,0,0.1);
    }

    .hcp-desktop-dropdown-wrapper:hover .hcp-desktop-dropdown-menu { display: block; }

    .hcp-desktop-dropdown-menu li {
        border-bottom: 1px solid #0fad9c;
        margin: 0;
    }
    .hcp-desktop-dropdown-menu li:last-child { border-bottom: none; }

    .hcp-desktop-dropdown-menu li a {
        display: block;
        padding: 12px 15px;
        color: #0fad9c !important; /* Dark teal */
        font-family: 'Acumin Pro Semibold', sans-serif;
        font-size: 15px;
        line-height: 1.3;
        transition: background-color 0.2s;
    }
    .hcp-desktop-dropdown-menu li a span {
        font-family: 'Acumin Pro Regular', sans-serif;
        font-size: 13px;
        text-transform: none;
        font-weight: normal;
    }
    .hcp-desktop-dropdown-menu li a:hover { background-color: #b5ded6; }
}

/* TABLET & MOBILE VIEW (1100px and below) */
@media only screen and (max-width: 1100px) {
    
    .hcp-green-desktop { display: none !important; }
    
    .hcp-green-mobile {
        display: flex !important;
        justify-content: space-between;
        align-items: center;
        font-size: 12px !important;
        position: relative; 
        font-family: 'Acumin Pro Bold', sans-serif;
        color: #ffffff;
    }
    
    /* Native Dropdown Reset */
    details.hcp-green-accordion { position: static; margin: 0; padding: 0; }
    details.hcp-green-accordion summary { 
        list-style: none; 
        cursor: pointer; 
        display: flex; 
        align-items: center; 
        outline: none; 
        margin: 0; padding: 0; 
    }
    details.hcp-green-accordion summary::-webkit-details-marker { display: none; }
    
    /* Mobile Dropdown Styling */
    .hcp-green-dropdown {
        position: absolute;
        top: calc(100% + 10px); 
        left: 0; /* Align left edge to container */
        width: 100vw; 
        margin-left: calc(-50vw + 50%); /* Hack to break out of container width to edges */
        background-color: #d1ebe5; 
        border-top: 1px solid #fff;
        color: #00508f;
        text-align: left;
        box-shadow: 0 10px 20px rgba(0,0,0,0.25);
        z-index: 9999;
    }

    .hcp-dd-item {
        padding: 12px 20px;
        border-bottom: 1px solid #fff;
        color: #00508f !important;
        text-decoration: none !important;
        display: block;
        text-transform: uppercase;
        font-size: 13px !important;
    }
    .hcp-dd-header { font-weight: bold; }
    
    .hcp-dd-subitem {
        padding: 10px 20px 10px 40px; /* Indented */
        color: #00508f !important;
        text-decoration: none !important;
        display: block;
        border-bottom: 1px solid #fff;
        font-size: 14px !important;
        line-height: 1.3 !important;
    }
    .hcp-dd-subitem i { margin-right: 5px; opacity: 0.7; }

    /* Force Logo and Text wrapper to NEVER wrap on tablet/mobile */
    .hcp-left-col > .fusion-column-wrapper {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        width: 100% !important;
    }

    /* Shrink the logo to fit */
    .hcp-header-logo {
        max-width: 110px !important; 
        min-width: 110px !important;
        margin-right: 8px !important;
    }
    
    /* Shrink Text to Fit! */
    .hcp-header-text, 
    .hcp-header-text p, 
    .hcp-header-text div {
        font-size: 8px !important;
        line-height: 1.2 !important;
        white-space: normal !important;
        margin: 0 !important;
    }

    /* Prevent the right column (Menu toggle) from shrinking */
    .hcp-right-col {
        flex: 0 0 auto !important;
        width: auto !important;
        min-width: 40px !important;
    }
    
    button.awb-menu__m-toggle { padding: 0 !important; margin: 0 !important; }
}


/* ==========================================================================
   2. HEADER MENU & BUTTON CUSTOMIZATIONS
   ========================================================================== */

#hcp-main-menu .awb-menu__main-ul { flex-wrap: nowrap !important; align-items: center !important; }
#hcp-main-menu .awb-menu__main-a .menu-text { white-space: nowrap !important; }

.awb-menu_desktop .awb-menu__main-li_with-main-arrow:focus-within:after, 
.awb-menu_desktop .awb-menu__main-li_with-main-arrow:hover:after { opacity: 0 !important; display: none !important; }

#hcp-main-menu .awb-menu__sub-ul li a:hover { background-color: #f8f8f8 !important; color: #00508f !important; }

/* --------------------------------------------------------------------------------------------- */
/* ❗FN❗[set active page underline on desktop header menu]------------------------------------ */
#hcp-main-menu .awb-menu__main-ul > li:not(#menu-item-202) > a { border-bottom: 3px solid transparent !important; }
#hcp-main-menu .awb-menu__main-ul > li.current-menu-item:not(#menu-item-202) > a,
#hcp-main-menu .awb-menu__main-ul > li.current_page_item:not(#menu-item-202) > a,
#hcp-main-menu .awb-menu__main-ul > li.current-menu-parent:not(#menu-item-202) > a,
#hcp-main-menu .awb-menu__main-ul > li.current-menu-ancestor:not(#menu-item-202) > a,
#hcp-main-menu .awb-menu__main-ul > li.current_page_parent:not(#menu-item-202) > a,
#hcp-main-menu .awb-menu__main-ul > li.current_page_ancestor:not(#menu-item-202) > a { border-bottom-color: #ff9243 !important; }
/* --------------------------------------------------------------------------------------------- */

/* --------------------------------------------------------------------------------------------- */
/* ❗FN❗[hide desktop header underline while main menu item is hovered or focused]------------ */
#hcp-main-menu .awb-menu__main-ul > li:not(#menu-item-202):hover > a,
#hcp-main-menu .awb-menu__main-ul > li:not(#menu-item-202):focus-within > a,
#hcp-main-menu .awb-menu__main-ul > li:not(#menu-item-202) > a:hover,
#hcp-main-menu .awb-menu__main-ul > li:not(#menu-item-202) > a:focus,
#hcp-main-menu .awb-menu__main-ul > li.current-menu-item:not(#menu-item-202):hover > a,
#hcp-main-menu .awb-menu__main-ul > li.current_page_item:not(#menu-item-202):hover > a,
#hcp-main-menu .awb-menu__main-ul > li.current-menu-parent:not(#menu-item-202):hover > a,
#hcp-main-menu .awb-menu__main-ul > li.current-menu-ancestor:not(#menu-item-202):hover > a,
#hcp-main-menu .awb-menu__main-ul > li.current_page_parent:not(#menu-item-202):hover > a,
#hcp-main-menu .awb-menu__main-ul > li.current_page_ancestor:not(#menu-item-202):hover > a,
#hcp-main-menu .awb-menu__main-ul > li.current-menu-item:not(#menu-item-202):focus-within > a,
#hcp-main-menu .awb-menu__main-ul > li.current_page_item:not(#menu-item-202):focus-within > a,
#hcp-main-menu .awb-menu__main-ul > li.current-menu-parent:not(#menu-item-202):focus-within > a,
#hcp-main-menu .awb-menu__main-ul > li.current-menu-ancestor:not(#menu-item-202):focus-within > a,
#hcp-main-menu .awb-menu__main-ul > li.current_page_parent:not(#menu-item-202):focus-within > a,
#hcp-main-menu .awb-menu__main-ul > li.current_page_ancestor:not(#menu-item-202):focus-within > a { border-bottom-color: transparent !important; }
/* --------------------------------------------------------------------------------------------- */

/* --------------------------------------------------------------------------------------------- */
/* ❗FN❗[hide Avada active background underline layer during hover and focus]----------------- */
#hcp-main-menu .awb-menu__main-ul > li:not(#menu-item-202):hover > .awb-menu__main-background-active,
#hcp-main-menu .awb-menu__main-ul > li:not(#menu-item-202):focus-within > .awb-menu__main-background-active { opacity: 0 !important; }
/* --------------------------------------------------------------------------------------------- */

#menu-item-202 a .menu-text { text-transform: uppercase !important; font-family: 'Acumin Pro Bold', sans-serif !important; }


/* ==========================================================================
   3. DESKTOP VIEW (Blue Header Background)
   ========================================================================== */

@media only screen and (min-width: 1101px) {
    .awb-menu__sub-ul.awb-menu__sub-ul_main { border-top: 13px solid #ff9243 !important; }
    
    #menu-item-202 { display: flex !important; align-items: center !important; margin-left: 5px !important; }
    
    #menu-item-202 a.awb-menu__main-a {
        border: 2px solid #ffffff !important;
        border-radius: 25px !important;
        padding: 4px 18px 2px!important;
        height: 32px !important; 
        min-height: 32px !important; 
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        background: transparent !important;
        transition: all 0.3s ease;
    }
	
		#menu-item-202 .awb-menu__main-background-active.awb-menu__main-background-active_fade{
		opacity:0!important;
	}
    
    #menu-item-202 a .menu-text { font-size: 13px !important; line-height: 1 !important; margin-top: 1px !important; }
    #menu-item-202 a.awb-menu__main-a:hover { background-color: #ffffff !important; border-color: #ffffff !important; }
    #menu-item-202 a.awb-menu__main-a:hover .menu-text { color: #00508f !important; }
}


/* ==========================================================================
   4. MOBILE / TABLET VIEW (White Menu Overlay)
   ========================================================================== */
@media only screen and (max-width: 1100px) {
    
    button.awb-menu__m-toggle { background: transparent !important; color: white !important; font-size: 30px !important; }
    ul#menu-main { border-bottom: 13px solid #ff9243 !important; padding-bottom: 30px !important; }

    #hcp-main-menu .awb-menu__mobile-a,
    #hcp-main-menu .awb-menu__mobile-sub-a { justify-content: center !important; text-align: center !important; border: none !important; }

    #hcp-main-menu .awb-menu__mobile-ul > li { border-bottom: 1px solid #155eaa !important; padding-top: 10px !important; padding-bottom: 10px !important; }
    #hcp-main-menu .awb-menu__mobile-ul > li#menu-item-202 { border-bottom: none !important; padding-top: 25px !important; }

    #hcp-main-menu .awb-menu__mobile-a { padding-top: 15px !important; padding-bottom: 15px !important; }
    #hcp-main-menu .awb-menu__mobile-sub-a { padding-top: 10px !important; padding-bottom: 10px !important; }
    #hcp-main-menu .awb-menu__mobile-sub-ul { padding-left: 0 !important; margin-left: 0 !important; }

    #hcp-main-menu .awb-menu__mobile-a .menu-text { font-family: 'Acumin Pro Bold', sans-serif !important; font-size: 20px !important; color: #155eaa !important; }
    #hcp-main-menu .awb-menu__sub-ul li a { font-family: 'Acumin Pro Regular', sans-serif !important; font-weight: 400 !important; font-size: 16px !important; color: #155eaa !important; }

    #menu-item-202 { display: flex !important; justify-content: center !important; width: 100% !important; }
    #menu-item-202 a {
        border: 2px solid #155eaa !important;
        border-radius: 25px !important;
        padding: 6px 20px !important; 
        display: inline-flex !important;
        justify-content: center !important;
        width: auto !important; 
        margin: 0 auto !important; 
    }
    #menu-item-202 a .menu-text { color: #155eaa !important; font-size: 13px !important; }
    #menu-item-202 a:hover { background-color: #155eaa !important; }
    #menu-item-202 a:hover .menu-text { color: #ffffff !important; }
}


/* ------------------------------------------------------------ 
adding the rest of my new code down here timeline was too tight 
for me to organize so have to keep a little messy also methods
not the most elegant had to warp speed through the tasks
------------------------------------------------------------ */
.hcp-green-mobile * {
    font-size: 9px;
}

details.hcp-green-accordion summary i {
    position: relative;
    top: -1px;
}

#hcp-ps-lopd-ea-doc3 .fusion-builder-row > div:nth-child(2) {
    max-width: 400px;
}

.accordian.fusion-accordian .panel-title > a[aria-expanded="true"] {
    padding-bottom: 0px !important;
}
.accordian.fusion-accordian .panel-body {
    padding-top: 6px !important;
}

.home-button > span {
    position: relative;
    top: 3px;
}

/* resuable */
.home-button-download,
.hcp-button-download {
    padding-top: 12px !important;
}

.hcp-button-caret {
    padding-top: 12px !important;
}

.hcp-button-caret > i {
    position: relative;
    top: -1px;
    font-size: 17px;
}

.home-gyp-title p {
    position: relative;
    top: 3.5px;
}

.hcp-ps-fabry-hh-icons {
    margin-left: 50px;
}

.hcp-ps-fabry-btn-text p {
    position: relative;
    top: 4px;
}

/* ---------------------------------------------------------- */
/* 20260407_03 */