/* GOTHAM FONT */

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

html, body{
  font-family: "Gotham", Montserrat, sans-serif !important;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}


/* Logo */

.masthead-container::before {
  
  content: url(data:image/png;base64,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);
  
  position: absolute;
  top: 48px; 
  left: 200px;
  width: 140px;
  height: 40px;
  z-index: 20;
  
}



/* Header */


.text-container {
  background: transparent!important;
  
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  
}


/* Title */
#cover-image-container::before {
  content: "Hub 360 Health";
  position: absolute;
  top: 120px;
  left: 50%;
  transform: translateX(-50%);

  color: white;
  font-size: 44px;
  font-weight: 500;
  letter-spacing: -0.01em;

  text-align: center;
  width: 100%;
  max-width: 900px;

  z-index: 5;
}

/* Subtitle */
#cover-image-container::after {
  content: "Welcome to your go-to resource for Hub 360’s system health information. Here you can find information about each one of Hub 360’s services and possible incidents. We are here to support your journey every step of the way!";
  
  position: absolute;
  top: 180px;
  left: 50%;
  transform: translateX(-50%);

  color: rgba(255,255,255,0.85);
  font-size: 14px;
  line-height: 1.6;

  text-align: center;

  width: 90%;
  max-width: 900px;

  z-index: 5;
}

/* Background */


.images-container{

  position: relative;
  width: 100vw;
  margin-left: calc(-50vw + 50%);
  min-height: 700px;
  height: 600px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  
}
  
/* System Status */
.page-status {

  max-width: 920px;
  margin: 20px Auto 4px !important;
  transform: translateY(-24px);
             
}

/* System Status - Styling */

.page-status {
  
  display: inline-flex !important;
  width: 100% !important;
  align-items: center !important;
  justify-content: left !important;
  padding: 10px 2px 3px 14px !important;
  border-radius: 12px !important;
  background: rgba(50,51,60,0.35) !important;
  box-shadow: 0 16px 40px rgba(0,0,0,0.35);
  
}

/* System Status - Icons per Status */

.layout-content.status.status-index .page-status.status-none::before {
  content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAALLSURBVHgBnVXBUhpBEO0e1hhvXFOlFfgD/IKQL5B8gXoTKlXiJcZcWA6R4AVyEW7ELxC+QPwC+ANIoCrHcEuhy3S6Z3YRYdksvqqtmpmd7nnd0/0GIQLFgZt8cHZOCSgLCCkg/gxwAkB9QOxQQrebby6G63xg2OLJoJJCB1s8zEIMIMIPnaBy2EFqeaEwujpFR/Wsc5yIMRB+IIfSjb3PKJ+Hal/WgOhGbIjgCD3Vy/+sFiMjKIyqJU6H6/9qb3t/j+tpdwIRMNEmwOUwDq1DdK/3zssrBwhzAl33Yz5r7J7XYQOcjCouOy+ZiWb7t9Ye5yxMWijJEZSbexcuvAD58WURSNUkteTofbkTcwdqS06mpOR7E+cSdWH0rXfyu5KSeWP3S11Sa3x5pkhACXu5JBMZV0Jc58YOdZEAMuAF5Quw7b06tmUMWSlzhVsqJz8M+4h6XoZy1KHfF12Ouhus19NnEyDdkfGDs11UXGMHMiGNnbjOLXs6MnYQFrVq23/4ju8AMyYChUOIiXXsA9BM982Au1/Jhcj4evdTf3GT5O/jqJKFjdkDNNN+qskcEA7WoLsZ4N1yd/6P/TIUhzE0jP1SC0A4u7E7qJb/dZmLy15QGH/N2BFO+JLtAdNHlVncJDU9d4KJVmF8lYnLnrST8kd9hUD3xoey1bQIaTqu8++2w/VtHPbPfLGcY3FQS06d6R8Jh8UtHSZu+VH1lt3m/GmXFfX9Oue+1A8MEVZgZRqDjYTl1NlphRlJd7KQ9eOwt7Lz1Limisgjv70pF6bpQoIleF/egajcG7k3soOTQHbmcv2khKuaHgfr5P7Zg7Oo6VHP4CKkIW1q7R0ty/3Km2wjSZSCDpeDlNYdrZxh0O3SM94jZbRSB0SYs3s5xQjl5Ydq/aO/8AzGQJcr5jgsWoyyMgeJnBvFFVG0UZnu5wbldNy/9qb1qHf7H50Uen89rfdcAAAAAElFTkSuQmCC);
  display: inline-flex;
  margin-right: 12px;

}

.layout-content.status.status-index .page-status.status-minor::before {
  content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAALeSURBVHgBpVXdcdpAEN49BWX884A7kDvAJJnxW1BcAE4FsSuwXQFQAU4FkA6gACLnLTOZIerA6sBMjCED0W127yTCjyRwvDOC02pv99t/hAKioFb+Db+uiLBGQB6zPMMHGCnAUBP1HeX29vzvUZ4OzGJOg1OPaN5hpTXYhRC7CkqtLENqnTEJ3lzFNPuZKB8BYTdG/KjQPT74MER5CJ0T4bHMF+sqXWi+MxlUrws9eAqqDfa/mXzp7YO+RD8cQQFNg4oXEzYR8JNBjNDc84etDQOCnIhuLSC4OTwb3sIz6HFQbbLyhlHK9/eT+2hRnHoSFn4pswetg7NhE/6DxkH1mpW3QYoA3RPJicmBhnnDKEfoFil/+lq9l+chqJSzvh/6jJqwx8eyFInwlKCXJJkX0K1c5ZIfW6aeq9V1ntxMxZfigRSJAFGxnp2bL4x+zw+jrEsWBFwsGAhXeV4ccVGw8r6cBQj3C9aTW33IIQmhQc8gCPCOz2UXnHauvFY9oxHxPSeeKvJSgjiCXPT/QuigDYHwpsHbWtadkhOH8i/dL0k2rrp+GGaioVkAVrolIZRHE3w2LKJG1p2lUHsKCmg8qF6IEFdYtK/0oi/+2LNJZCKTS2IgkoN05PpHTBpHI7SWO9okEuEmlVlP+Dh4V0mOo1ectIjz4GlwKqmxBL2UomeUEHS4/jsr1mlxSsu2mTJ0rD1HSbFhqDiO36wrVN/wbUdCBSvzynHA6uJxjuKeS+pB3JmhPj7aMty2kVQdF8a9wcj6lG0MW9uvtdOBF1LSM4vGNYFIa5uQzrNm+q5kx73pmVE6dowBscRVYRj8357aufMsknGf7hJKesY6skTLM71oDS6T7O0JPHZYq51pa+N+YycnM12MlFND/NsvgYpc/4fpdpNImFc44HUJK1rZkSBfX1Q5S391DW4jlrtDzmPWNMaii8YQqHNOTD0ZimnHcnNiFHMPHfLYKNrbfwHv1n2x8nliTgAAAABJRU5ErkJggg==);
  
  display: inline-flex;
  margin-right: 12px;

}

.layout-content.status.status-index .page-status.status-major::before {
  content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAJkSURBVHgBpVXbcdNAFD27Zjx8ugTRgVMB6iCmApwPYPhyUoGVChK+GMKHQgdOBYgKkg6iDtC3wRL3JXttreQk3BnNaKW95569j7MOA9bk6QR/sUCDlJ6EPiX2q4LDA327Q42V+1yUfRguCvw1TTBCLsBPMYdbbHAZC+Q74Dfpgr7eG3glzsA7YvrGfSocP3SqE/kG/FAnzNmn+Zaed2OH4N/TJQFltlxhjDN3VlQYMDmtF5/3RjlzH4rLTgBh3uDalhfE9BrPMAqUEfjy0N8FLO7pdUIn4FxmeIFZiq7Aqa1xwjXRGowk8oTzPQROAI/ycHdFzFivBIubhMwLey4SG3VCLzjXB9aqa5z37eO6yQmoSZiIp9TMNLywL6PgTKI2EmqL3lNoU9zJgoh4Aj5VFPsYM01hIi3rUIBT8Edy3WcrI/3WE/DUFiX62Icp3GxTMKd/aRS+pilX0okXNoz/sXiIbvb4aU4yqZbGL8HJOhakOvEYMGI4hxa2xGvs5mIs71rIG9nTa16cIcKWRP4qQ0fsg4mW9xoXygLLw4JT0Km9Vq8k94203rQNJpt0aBIDyWmdI25t22a7COZHistF/mWLU7zc9vUq6Ewnx1vjt2wak2IeEbdjZrLzKAtSYC+AbW+vkeN/bbSt2+1Oi9reBmYxTX+qiZzozFSt7EgA69tWh65Md54HznK/u0u2t9v+hRNq+sA1uOejNeTUqqYdyH3nTrYUqXy3gbxc7mU77TIzG2rrmrqlEWDeWwnzg4uq/9IPr8Fjxk1CdYyd1g35WaCZ9LWKYjuxpQzohmaIJGSotf8BVsAYUJiNayAAAAAASUVORK5CYII=);
  
  display: inline-flex;
  margin-right: 12px;

}

.layout-content.status.status-index .page-status.status-critical::before {
  content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAKfSURBVHgBrVVBctpAEJxZJA7EB3GIE27iB/gFIVUG+QZ5QewX2HkB6AXmBzgvCFxcNnGV8QvCD8ItNqmUdXBxALSTmZWhFKEoQNxVFKvdnemZ3dkehAw8NpvOYjo9JaQqALpA5Mo8AgSEMEKgvoVWr3h1Nf6bD0x1fHTkzinsAkEVNgHChY05P41IJSd+ebXThQ6/iXOJVIwV6A+hmpf3B19Rfrx2IHME8NkYERzP2ebe887WuWP4Wa+3CKgdLVDvqbB3Uu71AsjAD85W6bDNjj5Gdth+PRj4awQSeUjQkbFG+vT2+qYDW+Chfsgk2IrsFdtfd1YEcuZyLJyywxn4bwY3bdgB997hmSI852Fgq9yB3Im5A77QljiX897VuUCylqPloWOKRDIwFaPD7/IRqly5FKsEWZtpfZxX6iKrFON4rFaded4Wf45deFVUC1o0zQpHX0o4EeccUYsDuBWyTQiKw2FAgH1jP53ykQE25EOpaDIOzZED4piH7jYkOQh7Jmakd4pruGKcoTVObpSMQlTvtyWZK3tkBgSuXLIj4/3Ly1Ha5l1IYkftKtgAu2YiYAJjZF7kS5FMarXK8zBQgCQGYKOuwAtlolBHc6y4igjvZKw1NWADJEmklJN7WCqMLw2qr/KzWaQ5BE3R/21IuMR9U8oxmIxYXY1LRFOuMPFqt5N6jR68+hf4T7CvrviSf/k2VRRi7oT/AiRqpmn6phC5l+ilj7BPf0UgKbNERxOkz83GLSFyv+wlIftavoU/Gk5c07PaYBxR337q8n0YTUvK/VpPftZ0IXGWRFxpfbSs8fK1R11MV1hrGsjFIVIfHQv5yUaV2vSTbfCfQBjKPZZSssUsOyGyWM5FcTnSCq2ykjdAYyK6mxb2Oll9+zcgn4gLTC81BAAAAABJRU5ErkJggg==);
  
  display: inline-flex;
  margin-right: 12px;

}

/* Systems Tooltip */

.tooltip-base {
  color: rgba(134, 134, 146, 1)!important;
}

/* Button Styling */

.layout-content.status .masthead-container.premium .masthead .text-container .page-name {
  display:none;
 
}

.show-updates-dropdown{
  

  background-color: #1E6FF1 !important;
  color: #ffffff !important;

  padding: 12px 20px !important;
  border-radius: 4px !important;

  font-size: 14px !important;
  font-weight: 400 !important;
  letter-spacing: 0px !important;
  text-transform: uppercase !important;

  border: none !important;
  text-decoration: none !important;

  display: inline-block !important;

  transition: all 0.2s ease !important;
 
}

/* Hover state */
.show-updates-dropdown:hover {

  background-color: #3D84F3 !important;
  color: #ffffff !important;
  box-shadow: 0 6px 16px rgba(0,0,0,0.25);
}