/* ********************************************************************
 * av.evertz.com specific CSS stylesheet
 *
 */

ul li::marker {
  color:#005f88;
}

.text-av-blue {
  color:#26A9E0;
}

.card-link:hover {
  box-shadow:0 0 2.5vw rgba(0,0,0,0.15);
  border-color:#fff70088;
}


/* ********** GLOBAL NAVIGATION BAR ********** */
nav.navbar {
  background:transparent linear-gradient(rgba(0,48,68,0.6), 50%, rgba(0,48,68,0)) !important;
}
html:not([data-scroll='0']) nav.navbar,
nav.navbar.dropdown-open,
nav.navbar.searching {
  background-color:rgba(0,48,68,0.8) !important;
}

nav.navbar .dropdown-menu {
  background-color:rgba(00,24,34,0.95) !important;
}
nav.navbar .dropdown-menu .dropdown-item {
  border-bottom:0 none;
  border-right:0.3em solid #fff20000;
}
nav.navbar .dropdown-menu .dropdown-item:hover,
nav.navbar .dropdown-menu .dropdown-item:focus {
  border-bottom:0 none !important;
  border-right:0.3em solid #fff200;
}


/* ********** SCROLLING SUBMENU ********** */
.sub-menu {
  background-color:rgba(0,24,34,0.9);
}


#corporate-offices div.card {
  background-color:#000;
  color:#fff;
}
#corporate-offices div.card h4 {
  text-align:center;
}
#corporate-offices div.card h4,
#corporate-offices div.card h5 {
  color:#26a9e0;
}
#corporate-offices div.card a {
  color:#eee000;
}
#corporate-offices div.card a:hover {
  color:#fff200;
}


.av-sideimg-right {
  mask:linear-gradient(90deg, #000000, #000000 640px, transparent 1120px, transparent);
  -webkit-mask:linear-gradient(90deg, #000000, #000000 640px, transparent 1120px, transparent);
  min-height:20em;
  max-height:30em;
}
.av-sideimg-left {
  mask:linear-gradient(270deg, #000000, #000000 640px, transparent 1120px, transparent);
  -webkit-mask:linear-gradient(270deg, #000000, #000000 640px, transparent 1120px, transparent);
  min-height:20em;
  max-height:26em;
}

.av-spec-table th,
.av-spec-table td {
  padding:0.5em 0.7em;
}
.av-spec-table tr *:first-child ~ th,
.av-spec-table tr *:first-child ~ td {
  border-left:0.2em solid #ffffff;
}
.av-spec-table thead tr th:empty + th {
  border-left:0 none;
}
.av-spec-table th,
.av-spec-table th a {
  color:#eeeeff;
}
.av-spec-table th a:hover {
  color:#ffffff;
}


/* ***** Screen less than 992px ***** */
@media only screen and (max-width:991px) {
  html[data-scroll='0'] nav.navbar {
    background-color:rgba(0,48,68,0.95) !important;
  }
  html[data-scroll='0'] nav.navbar > div {
    padding-top:0 !important;
    padding-bottom:0 !important;
  }
}

/* ***** Screen less than 768px ***** */
@media only screen and (max-width:767px) {
  .av-sideimg-left {
    min-height:0;
  }
  .av-sideimg-right {
    min-height:0;
  }
}