/* University Template over-ride
   Launched: 2022-05-10
   Author: Notre Dame Web Team
   ----------------------------------------------------*/

@media only screen {
  .pt-0 { padding-top:0; }
  .pb-0 { padding-bottom:0; }
  .mt-0 { margin-top:0; }
  .mb-0 { margin-bottom:0; }

  .page-section { padding:2em 0; }
  .section--content-bottom {padding:1.5rem;}
    .section--content-bottom p:last-child {margin-bottom:0;}

  .home-intro { font-size:1.25rem; text-align:center; }
  .section-latest ul { display:grid; list-style:none; grid-gap:1rem; padding:0; }
    .section-latest ul li { border:1px solid var(--brand-blue-light); padding:1rem 2rem; }

  .home-primary { margin-bottom:1em; }
  .home-primary .card-body p:last-child { margin-bottom:0; }

  .person-item .card-title { margin:0 0 0.25rem; }
  .person-item.compact .card-body { padding:0; }
  .person-item.compact .card-body > * { display:inline; }
  .person-item.compact .card-body > *::after { content:'-'; display:inline; margin:0 0.25em; font-weight:normal; }
  .person-item.compact .card-body > *:last-child::after { display:none; }

  .person-item.compact .card-title { font-family:var(--font-default); font-weight:bold; font-size:inherit; }
  .person-item.compact .card-body .person-email span, .person-item.compact .card-body .person-email svg { display:none; }
  .person-item.compact p { margin-bottom:0.25em; }
  .person-item.compact .btn { font-size:1rem; }
  .person-item .icon { margin-top:1px; margin-right:3px; }
  .filter-directory li { margin-right:0.25em; }

  .list--by-function .list-directory { margin-left:1.5em; }
  .function-contact { margin-left:1.5rem; }

  .list-directory a[href^="http"]::after { content:'\2060'; display:inline; margin-left:0.5em; padding:0.5em; background-position:50% 50%; background-size:0.9em; background-repeat:no-repeat; background-image:url('/stylesheets/themes/ndt/3.0/images/external-link-gold.svg'); }
    .directory-item { padding:1rem; }
    .directory-item-title {}
    .directory-item-blurb { margin-bottom:0; }

  .apostille-payment-form { border:1px solid #ccc; padding:2rem; max-width:65rem; }

  /* Alerts
  ----------------------------------------------------*/
  .alert { --alert-background: #f2f2f2; --alert-border: #ccc; --alert-text: #333; --alert-padding: 1.5rem; position: relative; padding: var(--alert-padding); margin: 1.5rem 0; border: 1px solid var(--alert-border); background: var(--alert-background); border-radius: 0.5rem; display: flex; flex-flow: row nowrap; align-items: baseline; }
  .alert.has-icon {  }
  .alert svg { fill: var(--alert-text); }
  .alert .icon { position: relative; top: 2px; width: var(--alert-padding); height: var(--alert-padding); vertical-align: sub; margin-right: var(--alert-padding); min-width: var(--alert-padding); }
  .alert .alert-content { }
  .alert-heading { font-size: x-large; font-family: var(--font-default); margin: 0 0 0.5rem; padding: 0; color: inherit; }
  .alert-link { font-weight: 600; text-decoration: underline; color: inherit; }
  .alert-primary { --alert-background: var(--sky-blue); --alert-border: var(--sky-blue-dark); --alert-text: var(--brand-blue); color: var(--alert-text); background-color: var(--alert-background); border-color: var(--alert-border); }
  .alert-secondary { --alert-text: #4E3F51; --alert-background: #F3EAF6; --alert-border: #C9A7CF; color: var(--alert-text); background-color: var(--alert-background); border-color: var(--alert-border); }
  .alert-success { --alert-text: #40513F; --alert-background: #EAF6EC; --alert-border: #A7CFAC; color: var(--alert-text); background-color: var(--alert-background); border-color: var(--alert-border); }
  .alert-danger { --alert-text: #513F3F; --alert-background: #F5D7D7; --alert-border: #F49F9F; color: var(--alert-text); background-color: var(--alert-background); border-color: var(--alert-border); }
  .alert-warning { --alert-text: #51493F; --alert-background: #F4D2B8; --alert-border: #E4AC81; color: var(--alert-text); background-color: var(--alert-background); border-color: var(--alert-border); }
  .alert-info { --alert-text: #856404; --alert-background: #fff3cd; --alert-border: #E4D5A9; color: var(--alert-text); background-color: var(--alert-background); border-color: var(--alert-border); }

    /* Form Elements
  ----------------------------------------------------*/
  form { margin: 1rem 0; }
  form.form { margin:1rem 0 4rem; --grid-gap: 1.5rem; padding-top: 2rem; padding-bottom: 2rem; }
  .form--filter { background: var(--sky-blue); }
  .form--filter .form-fields { padding: 0 1.5rem; }
  .form--filter .form-utility { padding: 1rem 1.5rem; margin-top: 2rem; margin-bottom: -2em; position: relative; background: var(--sky-blue-light); }
  .form--filter #records-found { font-size: 0.9rem; font-weight: bold; }
  fieldset {margin: 2rem 0; padding:1.5rem; border: none; background: var(--sky-blue-light); border-radius: 1rem; }
  fieldset p { margin-bottom: 0.75rem; }
  legend {padding:0; border:0; margin: 0 0 1.5rem; }
  label {display:block; font-weight:600; font-size: 1rem; }
  button, input, optgroup, select, textarea {margin:0; margin:0; color:inherit; font-size:100%; font-family:inherit; vertical-align:baseline;}
  form input[type="submit"],
  form button.btn-cta { margin-top:1rem; }
  button {width:auto; border-radius:0;}
  button, input {line-height:normal; overflow:visible;}
  button,
  select {text-transform:none;}

  button,
  input[type="button"],
  input[type="reset"],
  input[type="submit"] {cursor:pointer; -webkit-appearance:button; -moz-appearance:button; appearance:button;}
  input[type="checkbox"],
  input[type="radio"] { margin: 0 0.5rem 0;}
  input[type="search"] {outline-offset:-2px; -webkit-appearance:textfield; -moz-appearance:textfield; appearance:textfield;}
  button::-moz-focus-inner,
  input::-moz-focus-inner {border:0; padding:0;}
  button[disabled],
  html input[disabled] {cursor:default;}
  input[type="number"]::-webkit-inner-spin-button,
  input[type="number"]::-webkit-outer-spin-button {height:auto;}
  input[type="search"] {-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield; box-sizing:content-box;}
  input[type="search"]::-webkit-search-cancel-button,
  input[type="search"]::-webkit-search-decoration {-webkit-appearance:none;appearance:none;}
  textarea {overflow:auto; vertical-align:top; min-width: 100%; min-height: 5rem; }
  optgroup {font-weight:bold;}

  [type='text'],
  [type='password'],
  [type='date'],
  [type='datetime'],
  [type='datetime-local'],
  [type='month'],
  [type='week'],
  [type='email'],
  [type='number'],
  [type='search'],
  [type='tel'],
  [type='time'],
  [type='url'],
  [type='color'],
  textarea { display: block; box-sizing: border-box; width: 100%; margin: 0; padding: 0.5rem; border: 1px solid #cacaca; border-radius: 4px; background-color: #fefefe; box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1); font-family: inherit; font-size: 1rem; font-weight: normal; line-height: 1.5; color: #0a0a0a; transition: box-shadow 0.5s, border-color 0.25s ease-in-out; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
  input:focus { outline: none; border: 2px solid var(--brand-blue-bright); }
  select:not([multiple]) { padding-top: 0; padding-bottom: 0; }
  select { width: 100%; margin: 0 0 1rem; padding: 0.5rem; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 1px solid #cacaca; border-radius: 4px; background-color: #fefefe; font-family: inherit; font-size: 1rem; font-weight: normal; line-height: 1.5; color: #0a0a0a; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"); background-origin: content-box; background-position: right -0.5rem center; background-repeat: no-repeat; background-size: 20px 12px; padding-right: 1.5rem; transition: box-shadow 0.5s, border-color 0.25s ease-in-out; }
  textarea:focus,
  select:focus { outline: none; border: 2px solid var(--brand-blue-bright); background-color: #fefefe; box-shadow: 0 0 5px #cacaca; transition: box-shadow 0.5s, border-color 0.25s ease-in-out; }

}

/* 768px
----------------------------------------------------*/
@media only screen and (min-width:48em) {
  .home-primary { background:#fff; padding:2rem; margin:-6.5rem auto 0; }
  .home-primary .card-body { padding:1rem; }

  .section-latest ul { grid-template-columns:1fr 1fr; grid-gap:2rem; }
}

/* 960px
----------------------------------------------------*/
@media only screen and (min-width:60em) {
  .home-primary { margin-top:-9.5rem; padding:3rem 2rem; max-width:73rem; }
  .page-section { padding:3em 0; }
  .home-intro { font-size:1.5rem; }


    /* Team */
  .filter-directory { border-radius:0.5rem; overflow:hidden; }
  .filter-directory li { font-weight:300; text-align:center; cursor:pointer; border-radius:0; margin:0 1px; white-space:nowrap; }
  .filter-directory li:first-of-type { border-radius: 0.6em 0 0 0.6em; }
  .filter-directory li:last-of-type { border-radius: 0 0.6em 0.6em 0; }
  .filter-directory .btn { border-radius:0; margin:0; padding:0.5em 2em; }
}

/* 1280px
----------------------------------------------------*/
@media only screen and (min-width:80em) {
  .home-primary .card-body { padding:1.5rem; }
}

/* Print
----------------------------------------------------*/
@media print {

}