@CHARSET "UTF-8";

:root
{
  --primary-color-dark: var(--pub-primary-color-dark);
  --primary-color-light: var(--pub-primary-color-light);
  --theme-link-color: var(--pub-theme-link-color);
}
/************************ system.css overrides ************************/
.ish-panel.ish-primary {
  background: linear-gradient(to bottom,var(--primary-color-dark),var(--primary-color-light));
}
input:focus,textarea:focus,select:focus {
  border-color: var(--primary-color-dark);
}
input[type=submit],input[type=button] {
  background-color: var(--primary-color-light);
  border-color: var(--primary-color-light);
}
div.ish-domains {
  background: linear-gradient(to right,var(--primary-color-dark),var(--primary-color-light))
}
div.ish-mobile-masthead {
  background-color: var(--primary-color-dark);
}

/****** Styles for SWS Home pages ********/
.ish-home {
  padding: 40px;
  background-color: var(--main-background-color);
}
.ish-home-header {
  font-family: var(--text-light-font);
  font-size: 35px;
  margin-bottom: 40px;
}
.ish-home-sub-header {
  font-size: 20px;
  text-align: center;
  margin: 40px 0;
}
.ish-home-text {
  margin: 40px 0;
  text-align: left;
}
.ish-cards {
  margin-top: 20px;
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.ish-cards .ish-card {
  flex: 1 0 500px;
}
a.ish-card:hover {
  text-decoration: none;
  background-color: var(--trans-darkgray);
}
.ish-card {
  background-color: var(--trans-gray);
  display:flex;
  flex-direction: column;
  gap: 10px;
  padding-bottom: 10px;
}
.ish-card > div {
  flex: 0 0 auto;
}
.ish-card img {
  height: 70px;
}
.ish-card-image {
  text-align: center;
  padding: 20px 20px 0 20px;
}
.ish-card-image-with-gradient {
  color: #fff;
  padding: 15px 20px;
  background: linear-gradient(to bottom,var(--primary-color-dark),var(--primary-color-light));
}
.ish-card-title {
  color: var(--main-font-color);
  font-family: var(--text-light-font);
  font-size: 24px;
  padding: 25px 20px 0 20px;
}
.ish-card-desc {
  padding: 0 20px;
  color: var(--solid-gray);
}
.ish-home-text p:first-child,
.ish-card-desc p:first-child {
  margin-top: 0;
}
.ish-home-text p:last-child,
.ish-card-desc p:last-child {
  margin-bottom: 0;
}
.ish-card-links {
  flex: 1 0 auto;
  list-style-type: none;
  font-size: var(--main-font-size-l);
  margin: 0;
  padding: 0 20px;
}
.ish-card-links > li {
  margin: 0;
  padding: 2px 0;
}
.ish-card-search {
  padding: 30px 20px 0 20px;
}

/************************ AccountTemplate styles ************************/
.ish-account {
  margin-top: 3rem;
}
.ish-account > div {
  width: 25rem 
}