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

:root {
    --main-dark-color: #6e9eb7;;         /* Use for darker parts like header, sticky menu etc */
    --main-light-color: #5b8390;        /* Use this for light parts, like buttons, container, lines etc */
    --main-lighter-color: #d8d8d8;      /* 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: #6e9eb7;    /* text in main menu */
}

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

    /* --- Menu --- */
    .Sticky                             {background-color: #6e9eb7; background-color: var(--main-dark-color);}
    .Sticky .MobileMenuHolder span      {background-color: #6e9eb7; background-color: var(--main-dark-color);}
    .Sticky ul.megamenu li .sub         {background-color: #e3f2ff; background-color: #e3f2ff;}
    ul.megamenu > li > a:hover          {border-top: solid 5px #6e9eb7; border-top: solid 5px var(--main-menulinks-color);}
    ul.megamenu > li.current > a        {border-top: solid 5px #6e9eb7; border-top: solid 5px var(--main-menulinks-color);}
    .subheader .MenuSubHeader           {color: #6e9eb7;  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 #6e9eb7 !important; border-bottom: solid 5px var(--main-dark-color) !important;}

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

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

    /* Header Links */
    header .BPSNoTitle                  {background-color: #f7f7f7;}

    /* Color Container */
    .BPSColorContainer                  {background-color: #5b8390; background-color: var(--main-light-color);}
    .BPSColorContainer .Normal a        {background-color: #6e9eb7; background-color: var(--main-dark-color);}

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

    /* Rounded border box with colored background */
    .featured-box-primary .icon-featured        { background-color: #5b8390;  background-color: var(--main-light-color); }
    .featured-box-primary .icon-featured:after  { border-color: #5b8390;  border-color: var(--main-light-color); }
    .featured-box-primary h4                    { color: #5b8390; color: var(--main-light-color); }
    .featured-box-primary .box-content          { border-top-color: #5b8390; border-top-color: var(--main-light-color); }
    .BPSRoundedIcon .RoundedCornerHr            {margin: 0 0 20px 0 !important; background-image: -webkit-linear-gradient(left,#5b8390,transparent); background-image: -webkit-linear-gradient(left,var(--main-light-color),transparent);
                                                 background-image: linear-gradient(to right,#5b8390,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: #5b8390 !important; background-color: var(--main-light-color) !important; 
        border-color: #5b8390 #5b8390 #6e9eb7 !important; border-color: var(--main-light-color) var(--main-light-color) var(--main-dark-color) !important;}
    html .btn-primary:hover                     {border-color: #d8d8d8 #d8d8d8 #5b8390 !important; border-color: var(--main-lighter-color) var(--main-lighter-color) var(--main-light-color) !important;
        background-color: #d8d8d8 !important; background-color: var(--main-lighter-color) !important;}
    html .btn-primary:active,
    html .btn-primary:focus                     {border-color: #d8d8d8 #d8d8d8 #5b8390 !important; border-color: var(--main-lighter-color) var(--main-lighter-color) var(--main-light-color) !important;
         background-color: #d8d8d8 !important; background-color: var(--main-lighter-color) !important;}
    html .btn-primary.dropdown-toggle           {border-left-color: #d8d8d8 !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: #5b8390 !important; color: var(--main-light-color) !important;}
    .IconListLinks ul li:hover                  {background-color: #5b8390; 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: #6e9eb7; background-color: var(--main-dark-color);}

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

/* === Back to main portal image === */
    .MenuPane                           {float:none !important;}
    .MenuPane a                         {background: transparent url(/portals/0/BPSAssets/Global/MeetingSkins/bps18tm_santacruz_topbanner.jpg) no-repeat right; background-size: contain; display: block; min-height: 80px; width: 100%;}
    .MainSection                        {background-image: url(/portals/0/BPSAssets/Global/MeetingSkins/bps18_tm_santacruz_background.jpg);}

	/* --- 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 #6e9eb7 !important;}