/******************************
 * Global
 *****************************/
body { background: #FAFAFA; }
a { cursor: pointer; }
h1 { color: #003399; }
h1 small { font-size: 1.75rem; }

/******************************
 * Global+
 *****************************/
 .h1-blue { color: #003399 !important; }
 .scsu-logo { width: 200px; }
 .overlap-blocks { margin-top: -100px; z-index: 1; position: relative; }
 .sidenav { border-top: 5px solid rgba(255, 204, 0, 1); }

/******************************
 * Bootstrap Override
 *****************************/
.card-body { padding: 0.5em; }
.card-text { font-weight: 100; }
.grid .card { display:inline-block; width: 350px; margin: 10px; }
.navbar-light { background: #FAFAFA; -webkit-box-shadow: 0 8px 6px -6px #999; -moz-box-shadow: 0 8px 6px -6px #999; box-shadow: 0 8px 6px -6px #999; }
.navbar-brand { font-weight: 300; color: #003399 !important; }


/* Restore Bootstrap borders for DataTables */
table.table-bordered.dataTable { border: 1px solid #dee2e6; }
table.table-bordered.dataTable th,
table.table-bordered.dataTable td { border: 1px solid #dee2e6; }



.hero-name { font-size: 24px; }
.grouped-content { border-left: 5px solid #DDDDDD; padding: 20px; }
.nav-logo { height: 40px; }
.navbar { background: #003399; }

.accordion-body { background: #FAFAFA;}

/******************************
 * Page: Index
 *****************************/
#page-index h1 { font-size: 3em; font-weight: 600; font-family: 'Open Sans', sans; line-height: 1; }
#page-index h1 small { font-size: 0.6em; }
#page-index p.event-date { font-size: 2em; }
.td-date { width: 180px; }

/******************************
 * Footer
 *****************************/
#footer { background: #003399;	padding: 20px 0px;}
#footer .scsu-logo { width: 250px; }
#row-heading-footer .panel-heading { text-align: center; }
#footer .social-icons a { font-size: 30px; padding-right: 5px; color: #AAAAAA; } 
.contact-block { color: #FFFFFF; }
.southern-address { color: #AAAAAA }
.row-textbar { background: #EEEEEE; color: #000000; padding: 20px; }

/******************************
 * DataTables
 *****************************/
table.dataTable { width: 100% !important; }
table.dataTable th { background: #003399; color: #FFFFFF;}
.table-filter { display: inline !important; }



/******************************
 * Page: Google Org Chart
 *****************************/
 /* Apply to every node via your custom class */
.scsu-orgchart-node {
  background-color: #FFFFFF !important;   /* white fill */
  border: 1px solid #000 !important;   /* black border */
  border-radius: 5px !important;          /* Rounded corners */
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15) !important; /* Subtle shadow */

}

/* Tweak inner padding */
.scsu-orgchart-node-contents {
  padding: 4px 8px !important;
}

/* Connector lines remain the Google default class */
.google-visualization-orgchart-line {
  stroke: #000 !important;             /* black lines */
  stroke-width: 1px !important;
}

/* Make the name (and any direct text in the node) bold */
.scsu-orgchart-node {
  font-weight: bold !important;
}

/* Reset the position line (wrapped in a <div>) to normal weight and gray */
.scsu-orgchart-node > div {
  font-weight: normal !important;
  color: rgb(77, 77, 77) !important;
}


/* Hover state: light blue background */
.scsu-orgchart-node:hover {
  background-color: #e0f7fa !important;
  /* cursor: pointer; */
}

/* Selected state: darker blue (when Google Charts adds selected-node class) */
.scsu-orgchart-node.google-visualization-orgchart-selected-node {
  background-color: #b2ebf2 !important;
}

/* Optional: change border on hover/selected */
.scsu-orgchart-node:hover,
.scsu-orgchart-node.google-visualization-orgchart-selected-node {
  border-color: #0288d1 !important;
}

table.google-visualization-orgchart-table { 
	padding-left: 10px;
	padding-right: 10px;
}

#chart_div {
  display: inline-block;    /* shrink‐wrap to its contents */
  width: auto;              /* override any Bootstrap width rules */
  overflow: visible;        /* show anything that sticks out */

}