/*

VIBRANT COLORS

navy: #0050A2;
  light navy: #0050A2;
purple: #9352d0;
magenta: #da2f5a;
red: #e21707;
orange: #c85100;
yellow: #006937;
green: #218900;
teal: #00a794;
cyan: #2678b3;
gray: #838e91;

*/

/* ########## */
html body,
app-root main,
app-map,
app-dashboard {
  background: #fff !important;
  color: #333;
}
@media print {
  html body,
  app-root main,
  app-map,
  app-dashboard {
    color: #222;
  }
}
app-root .btn-primary {
  color: #000;
  background-color: #006937;
  border-color: #006937;
}
app-root .btn-primary:hover,
app-root .btn-primary.focus,
app-root .btn-primary:focus {
  color: #000;
  background-color: #ffe897;
  border-color: #ffe897;
}
app-root .btn-primary.disabled,
app-root .btn-primary:disabled,
app-root .btn-primary.disabled:hover,
app-root .btn-primary:disabled:hover,
app-root .btn-primary.disabled:focus,
app-root .btn-primary:disabled:focus {
  color: #000;
  background-color: #fff;
  border-color: #ccc;
}
a {
  color: #0050A2;
}
.btn {
  box-shadow: none !important;
}
.btn-secondary {
  color: #fff !important;
  background-color: #0050A2 !important;
  border-color: #0050A2 !important;
}
.btn-secondary:hover,
.btn-secondary:focus {
  color: #fff !important;
  background-color: #002c52 !important;
  border-color: #002c52 !important;
}
.btn-tertiary {
  color: #0050A2 !important;
  background-color: #F1F4F4 !important;
  border-color: #F1F4F4 !important;
}
.btn-tertiary:hover,
.btn-tertiary:focus {
  color: #0050A2 !important;
  background-color: #c4c9ca !important;
  border-color: #c4c9ca !important;
}
base-footer {
  background: #f2fbff;
  box-shadow: inset 0rem 1rem 1rem -1rem hsla(0, 0%, 0%, 0.1);
}
/* ########## */

/* ########## */
/* DROPDOWN MENU */
/* ########## */
.dropdown .dropdown-menu:after {
  border-color: transparent transparent #fff transparent;
}
.dropdown .dropdown-menu:before {
  border-color: transparent transparent #dfe6e7 transparent;
}
.dropup .dropdown-menu,
.dropright .dropdown-menu,
.dropdown .dropdown-menu,
.dropleft .dropdown-menu {
  border-color: #dfe6e7;
}
.dropdown .dropdown-menu .dropdown-item {
  border-bottom-color: #dfe6e7;
  color: #1a1e4b !important;
}
.dropdown-item:hover, 
.dropdown-item:focus {
  color: #2678b3;
  background-color: #c4c9ca;
  border: 0 !important;
}
.dropdown-menu .dropdown-item:not(.disabled):hover {
  border-top: 0 !important;
  border-right: 0 !important;
  border-bottom: 1px solid #2678b3 !important;
  border-left: 0 !important;
  color: #2678b3;
}
/* ########## */

/* ########## */
/* INPUTS */
/* ########## */
.mapboxgl-ctrl-geocoder .input-group-text,
.input-group .input-group-text,
.input-group .form-control {
  border-color: #c4c9ca !important;
}
/* ########## */

/* ########## */
/* Header/navigation */
/* ########## */
base-header header.primary-header {
  color: #fff;
  /* border-bottom-color: hsla(0, 0%, 0%, 0.15); */
}
base-header header.primary-header .nav-link {
  border-color: transparent;
}
base-header header.primary-header .nav-link.active,
base-header header.primary-header .nav-link:hover {
  color: #fff;
  border-bottom-color: currentColor;
}
/* base-header .sidebar-toggle .icon,
base-header .sidebar-toggle .icon:focus,
base-header .sidebar-toggle .icon:hover {
  fill: currentColor;
} */
base-header header.primary-header .sidebar-navigation .nav-link:hover,
base-header header.primary-header .sidebar-navigation .nav-link.active {
  color: #1a1e4b;
  background-color: #fff;
}
/* Translations */
/*
.selected-language.dropdown-item:not(.disabled) .icon {
  fill: #006937 !important;
}
.selected-language.dropdown-item:not(.disabled):hover .icon {
  fill: #006937 !important;
}
.selected-language.dropdown-item:not(.disabled):focus .icon {
  fill: #006937 !important;
}
.selected-language.dropdown-item:not(.disabled):hover,
.selected-language.dropdown-item:not(.disabled):focus {
  border: 1px solid transparent !important;
  background: #F1F5F6;
}
.selected-language.dropdown-item:last-child:not(.disabled):hover,
.selected-language.dropdown-item:last-child:not(.disabled):focus {
  border-bottom: 0 !important;
}
*/
/* ########## */

/* ########## */
/* School profile header */
/* ########## */
.ce-school-title--icon {
  fill: #c4c9ca;
}
/* ########## */

/* ########## */
/* Hero */
/* ########## */
.ce-hero {
  /* background: linear-gradient(to top left, #DA2F6B, #ff0059); */
/*   background-color: #2678b3; */
  background-color: #006937;
  /* color: white; */
  box-shadow: 0rem 1rem 1rem -1rem hsla(0, 0%, 0%, 0.5);
}
/*
@media print {
  .ce-hero {
    border: 1px solid #555;
    background-color: transparent;
    color: #222;
    box-shadow: none;
  }
}
*/
.ce-hero__h1,
.ce-hero__h2 {
  color: currentColor;
}
/* ########## */

/* ########## */
/* Home page main links */
/* ########## */
.ce-content__h1 {
  color: #00427c;
}
.ce-content__h2 {
  color: #DA2F5a;
}
/*
.ce-content__p {
   color: #272a30; 
}
*/
.ce-content__link {
  color: #00427c !important;
}
.ce-content__link-heading {
  color: #DA2F5a;
}
/* ########## */

/* ########## */
/* Sections */
/* ########## */
/* .page-header {
  color: #00427c;
} */
.section-header {
  color: #00427c;
}
.section-divider {
  border-top-color: hsla(0,0%,0%,0.125);
}
/* ########## */

/* ########## */
/* Cards */
/* ########## */ 
app-dashboard-object-card .pds-panel,
app-dashboard-object-card.pds-panel {
  background: #f3f7f9;
  border-color: #c4c9ca;
}
/*
app-dashboard .pds-panel-body,
app-dashboard .card-body {
  color: #272a30;
}
app-dashboard .pds-panel-header h3,
.c-header {
  color: #272a30;
}
*/
app-dashboard-object-card .pds-button.pds-button-square {
  background-color: transparent;
}
app-dashboard-object-card .pds-button.pds-button-square:hover:not([disabled]),
app-dashboard-object-card .pds-button.pds-button-square:focus:not([disabled]){
    background-color: transparent;    
    outline: 1px solid #00427C;
}
app-dashboard-object-card .pds-button.pds-button-square:hover:not([disabled]) .pds-button.pds-button-square pds-icon,
app-dashboard-object-card .pds-button.pds-button-square:focus:not([disabled]) .pds-button.pds-button-square pds-icon{
    background-color: transparent;
    fill: #00427C;
}
.ratio-16-9 {
  background-color: #eee;
}
/* ########## */

/* ########## */
/* Compare Table */
/* IS THIS BEING USED? */
/* ########## */
/*
@media screen and (max-width: 767px) {
  .ce-compare__table-tr {
    border-color: #eee;
  }
  .ce-compare__table-th {
    background: #eef2f5;
  }
  .ce-compare__table-td + .ce-compare__table-td {
    border-color: #eef2f5;
  }
}
@media screen and (min-width: 768px) {
  .ce-compare__table-thead {
    background: #67A2B9;
    color: #fff;
  }
  .ce-compare__table-tr + .ce-compare__table-tr {
    border-color: #67A2B9;
  }
  .ce-compare__table-thead .ce-compare__table-th {
    background: #67A2B9;
    color: #fff;
  }
}
*/
/* ########## */

/* ########## */
/* Find Table */
/* ########## */
app-school-list .ag-theme-balham,
app-school-list .ag-theme-balham .ag-root-wrapper {
  background: transparent;
}
app-school-list .ag-theme-balham .ag-header {
  background: #eef2f5;
}
app-school-list .ag-theme-balham .ag-header .ag-header-cell-text {
  color: #00427C;
}
app-school-list .ag-root-wrapper-body,
app-school-list .ag-theme-balham .ag-row-odd {
  background-color: #F1F4F4;
  color: #272a30;
}
app-school-list .ag-theme-balham .ag-row-even {
  background-color: #fff;
  color: #272a30;
}
app-school-list .ag-theme-balham .ag-row-selected {
  background-color: #FAF6E4;
  color: #272a30;
}
app-school-list .ag-body-viewport.ag-layout-normal {
  border-color: #c4c9ca;
}
app-school-list .ag-theme-balham .ag-floating-top {
  border-color: #c4c9ca;
}
app-school-list .ag-floating-top-container .ag-row {
  background: #fbf9f2 !important;
}
/* app-school-list .ag-theme-balham .ag-floating-top-container span {
  color: #272a30;
} */
app-school-list .ag-theme-balham .ag-row-hover {
  background-color: #e7f0f3 !important;
  color: #272a30;
}
app-school-list .ag-theme-balham.hasCompare .ag-row > .ag-cell:first-child {
  border-right-color: #d9dcde;
}
/* ########## */

/* ########## */
/* SCHOOL PROFILE NAVIGATION */
/* ########## */
.dash-nav {
  box-shadow: 0px -2px 0px 0px #006937 inset !important;
}
.dash-nav__item {
  border-top-color: transparent !important;
  border-bottom-color: transparent !important;
}
.dash-nav__item.active,
.dash-nav__item:hover {
  border-bottom-color: transparent !important;
}
.dash-nav__item:hover .dash-nav__link {  
  box-shadow: inset 0rem -4px 0rem 0rem #0098ce !important;
}
.dash-nav__item.active .dash-nav__link {  
  box-shadow: inset 0rem -4px 0rem 0rem #006937;
}
.dash-nav__link {
  color: #1a1e4b !important;
}
/* ########## */

/* ########## */
/* GENERIC TABLES */
/* ########## */
.c-table td, 
.c-table th {
  border-color: #c4c9ca !important;
  background: #fff;
}
.c-table th {
  background: #c4c9ca !important;
  color: #272a30;
}
.c-table tr:nth-child(odd) td {
  background: #F4F7F8;
  color: #272a30;
}
.c-table tr:nth-child(even) td {
  background: #EAF0F3;
  color: #272a30;
}
/* ########## */

/* ########## */
/* FAKE TABLES */
/* ########## */
.table-row + .table-row {
  border-top-color: hsla(0,0%,0%,0.25);
}
/* ########## */

/* ########## */
/* VERTICAL DIVIDER */
/* ########## */
.hasVerticalDividerBefore + .hasVerticalDividerBefore:before {
  background: hsla(0, 0%, 0%, 0.25);
}
/* ########## */