/*
I moved all of the @font-face calls into their own file named fonts.css
*/
/* 
------------------------------------------------------------------------
    The following are changes I made to the header.css page 
------------------------------------------------------------------------
*/
/* 20210421 changes by danw 
.navbar-expand-lg .navbar-nav .nav-link {
    font-family: 'Guardian TextSans Web';
    letter-spacing: .075em;
}
*/
/* 
------------------------------------------------------------------------
    The following are changes I made to the Sidebar.css page 
------------------------------------------------------------------------
*/
.sidebar {
  /* 20210421 following changes by danw */
}
@media (min-width: 1025px) {
  .sidebar {
    position: sticky;
    top: 0;
  }
}
.btn-link:focus {
  /* 20210421 following changes by danw */
  padding: 0.25em;
  background-color: #9b1b1f;
  color: white;
  font-family: 'Guardian TextSans Web';
  font-weight: 700;
}
/* 
------------------------------------------------------------------------
    The following are changes I made to the articles.css page 
------------------------------------------------------------------------
*/
/*
.single-pdf .dark_pdf_list {
    margin-bottom: 20px;
    max-width: 40%;
}
@media (max-width: 991px) {
    .single-pdf .dark_pdf_list {
        max-width: unset;
    }
}
*/
/* 
------------------------------------------------------------------------
    Additions for the Events page 
------------------------------------------------------------------------
*/
.inner_event_title .inner_accordion_content {
  border-bottom: none;
}
.inner_event_month {
  font-size: 12px;
}
.cal_date span {
  font-size: 12px;
}
.race-details {
  display: flex;
  width: 100%;
}
.race-details .c1,
.race-details .c2,
.race-details .c3 {
  padding: 5px 10px;
}
.race-details .c1 {
  width: 30px;
  text-align: center;
}
.race-details .c2 {
  flex: 1;
}
.race-details .c3 {
  width: auto;
  text-align: right;
}
@media (max-width: 767px) {
  .race-details .c1 {
    display: none;
  }
  .race-details .c2 {
    width: 80%;
  }
}
.location_strips {
  background-color: rgba(37, 150, 190, 0.05);
  color: #444;
}
.location_strips ul {
  min-width: 40%;
}
.location_strips .btn_solid {
  background-color: #444;
  border-color: #444;
}
.location_strips .btn_outline {
  color: #444;
  border-color: #444;
}
.grey_bar {
  font-family: 'FjallaOne-Regular';
  padding: 5px 37px;
}
.special_event_flex {
  padding-bottom: 0;
  border-bottom: none;
}
/* 
------------------------------------------------------------------------
    My additional changes, not specific to a file 
------------------------------------------------------------------------
*/
h1,
h2,
h3,
h4,
h5 {
  font-family: 'Guardian TextSans Web';
}
h1 {
  font-size: 36px;
  font-weight: 800;
}
h2 {
  font-size: 30px;
  font-weight: 700;
  margin-bottom: 1rem;
}
h3 {
  font-size: 24px;
  font-weight: 600;
}
h4 {
  font-size: 20px;
  font-weight: 600;
}
h5 {
  font-size: 18px;
  font-weight: 500;
}
/* 
------------------------------------------------------------------------
    My PublicationView control when showing CurrentPub
------------------------------------------------------------------------
*/
.currentPub {
  border: 1px solid #444;
  border-radius: 0 0 10px 10px;
  display: inline-flex;
  flex-direction: column;
}
.currentPub .currentPub_title {
  font-family: 'Guardian TextSans Web';
  font-weight: 600;
  text-align: center;
  background-color: rgba(37, 150, 190, 0.05);
  border-radius: 0 0 10px 10px;
  padding: 10px;
  border-top: 2px solid #444;
}
.currentPub img {
  display: block;
  margin: auto;
}
.monthly_newsletter {
  border: 1px solid #444;
  border-radius: 0 0 5px 5px;
  margin-bottom: 50px;
}
.monthly_newsletter a {
  margin-bottom: 0;
}
/* 
------------------------------------------------------------------------
    Form_Group Overrides

    - Start with assumption that .form_group is a two-line field (label + field)
    - add .OneLine class for just the field
    - add .ThreeLine class for label + field + error_msg
    - adjust the <i> tags appropriately
------------------------------------------------------------------------
*/
.form_group {
  margin-bottom: 10px;
}
.form_group label {
  margin-bottom: 0.25rem;
}
.form_group.required label::after {
  color: red;
  content: '*';
  padding-left: 4px;
}
.form_group > .line1 {
  display: flex;
  justify-content: space-between;
}
.form_group > .line3 {
  display: flex;
  justify-content: flex-end;
}
.form_group .toggle_password {
  top: 70%;
}
.form_group.OneLine {
  margin-bottom: 20px;
}
.form_group.OneLine .toggle_password {
  top: 50%;
}
.form_group.threeLine {
  margin-bottom: 0px;
}
.form_group.threeLine .toggle_password {
  top: 60%;
}
/* 
------------------------------------------------------------------------
    Changes/Additions to membership.css
------------------------------------------------------------------------
*/
.errorDiv {
  max-width: 600px;
  margin: 0 auto;
  color: red;
  padding: auto 15px;
  background-color: #fff5f5;
  display: flex;
  justify-content: center;
}
.error_msg {
  margin-top: 4px;
  text-align: right;
  color: red;
}
.signin {
  padding: 0px;
}
.form_control.error {
  background-color: #fff5f5;
}
.form_control > span {
  margin-top: 4px;
}
.field-hint {
  font-size: 11px;
  line-height: 18px;
}
.form_description > p {
  margin-bottom: 20px;
}
/*# sourceMappingURL=overrides_pdm.css.map */