/* === Main Colors === */

:root {
    --main-dark-color: #763681;         /* Use for darker parts like header, sticky menu etc */
    --main-light-color: #c473d2;        /* Use this for light parts, like buttons, container, lines etc */
    --main-lighter-color: #e5a2f0;      /* Use this for even lighter parts like the button hover color */
    --main-texton-color: #fff;          /* Use this for text on hover effects */ 
    --main-menulinks-color: #763681;    /* text in main menu */
}

/* === Skin === */
    .AboveFooter                        {background-color: #763681; background-color: var(--main-dark-color);}
    .SmallWhiteSocialIcons a            {color: #763681; color: var(--main-dark-color);}

    /* --- Menu --- */
    .Sticky                             {background-color: #763681; background-color: var(--main-dark-color);}
    .Sticky .MobileMenuHolder span      {background-color: #763681; background-color: var(--main-dark-color);}
    .Sticky ul.megamenu li .sub         {background-color: #e3f2ff;}
    ul.megamenu > li > a:hover          {border-top: solid 5px #afd34b; border-top: solid 5px var(--main-menulinks-color);}
    ul.megamenu > li.current > a        {border-top: solid 5px #afd34b; border-top: solid 5px var(--main-menulinks-color);}
    .subheader .MenuSubHeader           {color: #afd34b; color: var(--main-menulinks-color); }

    /* --- Tabs --- */
    .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {border-bottom: solid 5px #763681 !important;
        border-bottom: solid 5px var(--main-dark-color) !important;}

/* === Containers === */
    /* --- Take Action --- */
    .BPSTakeActionHeader                {background-color: #763681; background-color: var(--main-dark-color);}
    .BPSTakeActionHeader:after          {border-left: 25px solid #763681; border-left: 25px solid var(--main-dark-color);}

    /* -- Line Above --- */
    .BPSH2TitleLineAboveLine            {border-top: solid 2px #763681; border-top: solid 2px var(--main-dark-color);}
    .BPSH2TitleLineAboveLine > div      {border-top: solid 8px #763681; border-top: solid 8px var(--main-dark-color);}

    /* Header Links */
    header .BPSNoTitle                  {background-color: #763681; background-color: var(--main-dark-color);}

    /* Color Container */
    .BPSColorContainer                  {background-color: #c473d2;}
    .BPSColorContainer .Normal a        {background-color: #763681; background-color: var(--main-dark-color);}

    /* Color Container Small */
    .BPSColorContainerSmall             {background-color: #763681; background-color: var(--main-dark-color);}
    .BPSColorContainerSmall .Normal a   {background-color: rgba(255,255,255,0.2);}

    /* Rounded border box with colored background */
    .featured-box-primary .icon-featured        { background-color: #50ab40; background-color: var(--main-light-color); }
    .featured-box-primary .icon-featured:after  { border-color: #50ab40; border-color: var(--main-light-color); }
    .featured-box-primary h4                    { color: #50ab40; color: var(--main-light-color); }
    .featured-box-primary .box-content          { border-top-color: #50ab40; border-top-color: var(--main-light-color); }
    .BPSRoundedIcon .RoundedCornerHr            {margin: 0 0 20px 0 !important; background-image: -webkit-linear-gradient(left,#50ab40,transparent);
        background-image: -webkit-linear-gradient(left,var(--main-light-color),transparent);
                                                 background-image: linear-gradient(to right,#50ab40,transparent);
                                                 background-image: linear-gradient(to right,var(--main-light-color),transparent);
                                                }

    /* Buttons */
    html .btn-primary                           {color: #fff !important; color: var(--main-texton-color) !important; text-transform: none !important; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important; 
        background-color: #c473d2 !important; background-color: var(--main-light-color) !important; 
        border-color: #c473d2 #c473d2 #c473d2 !important; border-color: var(--main-light-color) var(--main-light-color) var(--main-dark-color) !important;}
    html .btn-primary:hover                     {border-color: #abe49e #abe49e #50ab40 !important; border-color: var(--main-lighter-color) var(--main-lighter-color) var(--main-light-color) !important; 
        background-color: #e5a2f0 !important; background-color: var(--main-lighter-color) !important;}
    html .btn-primary:active,
    html .btn-primary:focus                     {border-color: #abe49e #abe49e #50ab40 !important; border-color: var(--main-lighter-color) var(--main-lighter-color) var(--main-light-color) !important; 
        background-color: #e5a2f0 !important; background-color: var(--main-lighter-color) !important;}
    html .btn-primary.dropdown-toggle           {border-left-color: #abe49e !important; border-left-color: var(--main-lighter-color) !important;}
    html .btn-primary[disabled]                 {border-color: #e7e7e7; background-color: #e7e7e7;}
    html .btn-primary:hover,
    html .btn-primary:focus                     {color: #fff !important; color: var(--main-texton-color) !important;}

    /* Popular Resources & Information For */
    .IconListLinks ul li a                      {color: #c473d2 !important; color: var(--main-light-color) !important;}
    .IconListLinks ul li:hover                  {background-color: #e5a2f0; background-color: var(--main-light-color);}
    .IconListLinks ul li:hover a                {color: #fff !important; color: var(--main-texton-color) !important;}

    /* Twitter Bg */
    .TwitterBg                                  {background-color: #763681; background-color: var(--main-dark-color);}

/* === Logo === */
    .MeetingLogo                        {background: transparent url(/Portals/0/BPSAssets/Global/MeetingSkins/bps_logo_annualmeetings.png) no-repeat left; background-size:contain; width:auto; margin-top:10px;}

/* === Back to main portal image === */
    .MenuPane                           {float:none !important;}
    .MenuPane a                         {background: transparent url(/portals/0/BPSAssets/Global/MeetingSkins/bps19am_topbanner.png) no-repeat right; background-size: contain; display: block; min-height: 80px; width: 100%;}
    .MainSection                        {background-image: url(/portals/0/BPSAssets/Global/MeetingSkins/bps19am_background.png);}
    html .btn-borders.MenuHelpButtonLeft                 {background-color:#2c7c1e !important; background-color: var(--main-dark-color) !important;}
    html .btn-borders.MenuHelpButtonLeft:hover           {background-color: #50ab40 !important; background-color: var(--main-light-color) !important;}
    html .btn-borders.MenuHelpButtonRight                {background-color: #2c7c1e !important; background-color: var(--main-dark-color) !important;}
    html .btn-borders.MenuHelpButtonRight:hover          {background-color: #50ab40 !important; background-color: var(--main-light-color) !important;}

	/* --- Padding Below Search  --- */
	.HeaderLoginRow {padding-left: 0; padding-right: 0; padding-bottom: 10px;}
    
	/* --- Tabs --- */
    .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {border-bottom: solid 5px #00467f !important;}
	
	/* Industry Partner Bg */
    .IndustryBg                                 {background-color: #f7f7f7; border-top: solid 1px #d8d8d8;}