/* ==========================================================
   ESPhen — site styles (colour scheme + typography)
   Original CEESP version in _backup_ceesp/css/custom.css
   ========================================================== */

body{
  background:var(--ivory);
  color:var(--dark-grey);
  font-family:var(--font-body);
}

a, p, li, td, input, select, textarea, button{
  //font-family:var(--font-body);
}

h1, h2, h3, h4{
  font-family:var(--font-heading);
  font-weight:500;
  color:var(--dark-grey);
}

a{
  color:var(--dark-grey);
}

a:hover{
  color:var(--burgundy);
}

.settings a{
  color:var(--primary);
}

main{
  background:var(--ivory);
}

.gamma{
  font-family:var(--font-heading);
  font-size:2.5em;
  font-weight:500;
  line-height:115%;
  margin:0 0 10px;
  color:var(--dark-grey);
}

.delta{
  font-family:var(--font-heading);
}

.medaillon .gamma{
  margin:0;
}

/* Section headings ("Recent Articles", "New Books") */
.section{
  background:transparent;
  color:var(--dark-grey);
  font-family:var(--font-body)!important;
  font-size:15px;
  font-weight:600;
  letter-spacing:0.12em;
  text-transform:uppercase;
  padding:0 0 12px;
  width:100%!important;
  border-radius:0;
  border-bottom:1px solid var(--rule);
  position:relative;
  margin:0 0 var(--inner-margin, 20px);
}

.section::after{
  content:"";
  position:absolute;
  left:0;
  bottom:-1px;
  width:42px;
  height:2px;
  background:var(--burgundy);
}

a:hover .section{
  color:var(--burgundy);
}

.section a{
  color:var(--dark-grey);
}

.subsection{
  border-bottom:2px solid var(--primary);
  margin:0 0 10px;
  padding:0 0 10px;
}

/* Tabs / buttons (e.g. "Apply") */
.tabs a{
  border:1px solid var(--burgundy);
  color:var(--burgundy);
  background:transparent;
  font-family:var(--font-body);
  font-size:14px;
  letter-spacing:0.06em;
  text-transform:uppercase;
  border-radius:0;
}

.tabs a.active, .tabs a:hover{
  background:var(--burgundy);
  border-color:var(--burgundy);
  color:#fff;
}

/* Lists on the homepage */
.listZebra .item{
  border-bottom:1px solid var(--rule);
}

.listZebra .item b a{
  color:var(--dark-grey);
  font-family:var(--font-heading);
  font-weight:500;
}

.listZebra .item b a:hover{
  color:var(--burgundy);
}

.recentpub a:hover p{
  color:var(--burgundy);
}

.datebox{
  color:var(--burgundy);
}

#profiles.speakers figcaption{
  background:var(--primary-opp);
  color:var(--primary);
}

#profiles.speakers figure:hover figcaption{
  background:var(--burgundy);
  color:#fff;
}

.settings.filter, #filterset{
  background:var(--burgundy);
}

.settings.filter p, .settings.filter a, #filterset p, #filterset a, p.alert{
  color:#fff;
}

/* ---------- Footer ---------- */

footer{
  background:var(--dark-grey);
  color:#e8e4da;
  border-top:0;
}

footer p, footer a, footer .item{
  color:#e8e4da;
  font-family:var(--font-body);
}

footer a:hover{
  color:#fff;
  text-decoration:underline;
}

footer .grid .item{
  border-color:rgba(255,255,255,0.15)!important;
}

footer #copyright{
  background:transparent;
  color:#bdb8ad;
  border-top:1px solid rgba(255,255,255,0.15);
  font-size:13px;
}