/* Site wrapper styles */

  body {
    font-family: 'Montserrat', sans-serif!important;
  }
  .container {
    margin: 40px auto 1rem;
    max-width: 1440px;
    padding: 0 3rem;
  }
  .grid {
    align-items: start;
    display: grid;
    grid-gap: 1.5rem;
  }
  @media (min-width: 1200px) {
    .grid {
      grid-template-columns: 32.2225% 1fr;
    }
  }
  .sidebar {
    background: var(--base-color-secondary-white-smoke);
    padding: 1rem;
  }
  .sidebar a {
    color: var(--semantic-color-content-default-primary);
    text-decoration: none;
  }
  .sidebar a:hover {
    color: var(--semantic-color-border-default-brand-secondary);
    text-decoration: underline;
  }
  .sidebar a[data-isActive="true"] {
    color: var(--semantic-color-border-default-brand-secondary);
  }
  .sidebar ul {
    list-style-type: none;
    margin: 0;
    padding-left: 2rem;
  }
  .sidebar > ul > li {
    margin-top: 1rem;
  }
  .sidebar > ul ul > li {
    margin-top: .5rem;
  }
  svg {
    display: inline-block;
    height: 1rem;
    width: 1rem;
    padding-top: .2rem;
  }
  svg + a {
    color: inherit!important;
    line-height: 1.5rem;
    padding-left: 1rem;
  }
  .pagination .page {
    padding: .25rem .5rem;
  }
  .pagination a {
    color: var(--semantic-color-border-default-brand-secondary);
  }

/* PCX styles */
p.intro { 
  font-size: 12px; 
  line-height: normal; 
  margin-bottom: 12px; 
}
p.intro em { 
  color: #6699CC;
}
.parsley-error-list {
  color: #a00;
  font-size: 12px;
}
.required {
  color: #a00;
  font-size: .8em;
}
.errorlist {
  color: #a00;
  font-size: .8em;
  list-style-type: none;
  padding: 0;
}
.errorlist li {
  line-height: normal;
}
#pcx-links {
  margin-left: 12px;
}
#privacy {
  margin-top: 20px;
}
#privacy p {
  font-size: 12px;
  line-height: normal;
  margin-bottom: .5em;
}
#errorbox {
  background: #feeeee url("../img/warning.png") no-repeat 10px 10px;
  border: 2px solid #a00;
  min-height: 70px;
  height: auto!important;
  height: 70px;
  padding: 5px 5px 8px 100px;
  margin: 2px 0 12px;
}
#errorbox h2 {
  font-weight: normal;
  font-size: 15px;
  color: #a00;
  background: #feeeee;
  margin-bottom: 6px;
}
#errorbox ul {
  color: #000;
  font-size: 13px;
}
#errorbox span {
  font-size: 13px;
}
#errorbox li {
  margin-bottom: 0;
}

/* App styles */
/*
#cne table  {
  width: 100%;
}
#cne th,
#cne td {
  padding-bottom: .5em;
  vertical-align: top;
}
#cne th {
  padding-right: 1em;
  width: 28%;
  text-align: right;
  font-weight: bolder;
}
#cne td ul {
  list-style-type: none;
}

#cne h2,
#flowershop h2 {
  display: inline-block;
}
legend,
#cne h3,
#flowershop h3 {
  font-size: 14px;
  font-weight: bold;
  margin-top: 8px;
}
#cne div,
#cne table,
#cne span,
#cne p,
#flowershop div,
#flowershop li,
#flowershop table,
#flowershop span,
#flowershop p {
  font-size: 12px;
}
*/
#flowershop legend {
  border: none;
  display: inline;
  padding: 0 4px;
  margin: 0;
  width: auto;
}
#flowershop legend span {
  font-weight: normal;
}

#flowershop td h3 {
  margin-bottom: .5rem;
  margin-top: 0;
}
#flowershop .pagination {
  float: right;
}
#flowershop table {
  clear: both;
  line-height: normal;
}
#flowershop table img {
  border: 1px solid #000;
}
#flowershop td,
#flowershop th {
  padding: 6px 14px 8px 0;
  text-align: left;
  vertical-align: top;
}
#flowershop table .fs-image {
  width: 25%;
}
#flowershop table .fs-image img {
  height: auto;
  width: 100%;
}
#flowershop table table {
  margin: 12px 0;
}
#flowershop table table th,
#flowershop table table td {
  padding: 0 8px 0 0;
}
#flowershop .item_add, #flowershop .item_remove {
  display: inline-block;
  margin-bottom: 0;
  text-align: center;
  width: 2rem;
}
#flowershop .totals {
  width: 180px;
}
#flowershop input, #flowershop select, #flowershop textarea {
  max-width: 100%;
}
fieldset {
  border: 1px solid  #ccc;
  margin-bottom: 1em;
  padding: 2%;
  width: 100%;
}
.section {
  clear: both;
  margin: 12px 0;
}
.section ul {
  clear: left;
}
.section li {
  display: block;
  list-style-type: none;
}

#cne .field_id_category_other {
  width: 400px;
}
#cne .field_id_category,
#cne .field_id_category_other,
#cne .field_id_organization,
#cne .field_id_organization_other,
#cne .field_id_phone_area,
#cne .field_id_phone_number,
#cne .field_id_phone_extension {
  display: inline-block;
  margin-right: 2em;
}

#cne .field_id_phone_area input,
#cne .field_id_phone_extension input {
  width: 5em;
}