/*
Theme Name: Delaware Public Archives (DPA)
Theme URI: https://c97e98e0-327a-4f0c-b4e9-3081718dc97e.p.bardy.io
Author URI: https://75221f19-1c83-4d77-aa24-3f096f72ee15.p.bardy.io
Description: Custom WordPress theme designed exclusively for the Delaware Public Archives (DPA).
Version: CLF 4.0.1
Tags: Bootstrap, mobile first, State of Delaware
Text Domain: dosgic_ARCHIVES_theme
*/

/* ############################################################################################## */

/*  D E V E L O P E R   C U S T O M I Z A B L E   S T Y L E S  */
/*  State of Delaware - CLF4 2016  */
/*  Developed by the GIC (Matt Campbell & Julianne Solum)  */

/* ############################################################################################## */

/*==========  Bootstrap 3 Mobile First Method CSS  ==========*/

/* Custom, iPhone Retina */
/* ============================= ELEMENTS ============================= */
html {
  position: relative;
  min-height: 100%;
  -webkit-font-smoothing: antialiased !important;
}

body {
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  font-weight: 400;
  /* width: 100%; */
  /* min-height: 100%; */
  height: 100%;
  padding-bottom: 890px;

  -webkit-font-smoothing: antialiased !important;
}

/* ============================= ID's ============================= */

/* BOOTSTRAP NAV-WALKER COMPENSATORY CSS  */
/* ID OF BELOW SELECTOR WILL CHANGE BASED ON WEBSITE */
#menu-archives-navigation {
  z-index: 999;
}

.affix #menu-archives-navigation {
  position: absolute !important;
}

#menu-line {
  position: absolute;
  top: 0;
  left: 0;

  height: 3px;

  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -ms-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;

  background: #660a0a;
}

#main_header h1,
#main_content h1 {
  font-family: "Times New Roman";
  font-size: 40px;
  font-weight: 800;

  margin-top: 10px;

  color: #b23426 !important;
}

#main_header h1.top-hero {
  color: #fff !important;
}

#main_header h2,
#main_content h2 {
  font-family: "Open Sans Condensed";
  font-weight: 500;

  margin-top: 0;

  color: #b23426 !important;
}

#main_content a,
#main_content a:link,
#main_content a:active,
#main_content a:visited {
  font-weight: normal;
  text-decoration: none;
  color: #b23426;
}

#main_content a:hover {
  font-weight: normal;
  text-decoration: underline;
  color: #595959;
}

#main_content ul,
#main_content ol {
  /* font-size: 0.9em;
  line-height: 2.1em; */
  line-height: 1.5;
  margin-top: 1em;
  margin-bottom: 1em;
}

#main_content ul li,
#main_content ol li {
  margin-bottom: 0.6em;
}

#loading1 {
  width: 100px;
  margin-right: auto;
  margin-left: auto;
}

#AgencyCarousel {
  border-bottom: 2px solid #b23426;
  margin-bottom: 2rem;
}

#AgencyCarousel .carousel-caption h2 {
  font-family: "Times New Roman", sans-serif !important;
  font-weight: 800;
  display: inherit;
  padding: 25px;
  text-transform: normal;
  color: #fff !important;
  background-color: rgba(178, 52, 38, 0.7);
}

#AgencyCarousel .carousel-caption p {
  font-size: 20px;
  font-weight: bold;
  display: none;
}

#agencyFooter {
  font-size: 15px;
  line-height: 1.5em;

  /* position: absolute; */
  position: relative;

  z-index: 1029;
  bottom: 0;

  width: 100%;
  /* height: 700px; */
  height: auto;
  padding-top: 30px;
  padding-bottom: 2em;

  color: fff;
  border-bottom: 10px solid #245194;
  background-color: #b13427;
}

@-moz-document url-prefix() {
  #agencyFooter {
    /* height: 710px; */
    height: auto;
  }
}

#agencyFooter a,
#agencyFooter a:link,
#agencyFooter a:active,
#agencyFooter a:visited {
  text-decoration: none;
  color: #fff;
}

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

#agencyFooter ul {
  margin-left: -38px;
  list-style-type: none;
}

#archives_head {
  position: relative;
  z-index: 1000;

  height: 120px;
  padding-top: 10px;

  border-bottom: 1px solid #000;
  background-color: #b13427;
}

/* ============================= Classes ============================= */

/* WordPress Core CSS */
.alignnone {
  margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
  display: block;

  margin: 5px auto 5px auto;
}

.alignright {
  float: right;

  margin: 5px 0 20px 20px;
}

.alignleft {
  float: left;

  margin: 5px 20px 20px 0;
}

a img.alignright {
  float: right;

  margin: 5px 0 20px 20px;
}

a img.alignnone {
  margin: 5px 20px 20px 0;
}

a img.alignleft {
  float: left;

  margin: 5px 20px 20px 0;
}

a img.aligncenter {
  display: block;

  margin-right: auto;
  margin-left: auto;
}

.wp-caption {
  max-width: 96%;
  /* Image does not overflow the content area */
  padding: 5px 3px 10px;

  text-align: center;

  border: 1px solid #f0f0f0;
  background: #fff;
}

.wp-caption.alignnone {
  margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
  margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
  margin: 5px 0 20px 20px;
}

.wp-caption img {
  width: auto;
  max-width: 98.5%;
  height: auto;
  margin: 0;
  padding: 0;

  border: 0 none;
}

.wp-caption p.wp-caption-text {
  font-size: 11px;
  line-height: 17px;

  margin: 0;
  padding: 0 4px 5px;
}

/* RSS Shortcode Styles */
.rsswidget {
  font-size: 18px;
}

.rss-date {
  font-style: italic;

  display: block;
}

.rss-date::before {
  content: "Posted on: ";
}

.rssSummary {
  line-height: 1.5em;

  margin-bottom: 15px;
  padding-bottom: 15px;

  border-bottom: 2px solid green;
}

#archives-news ul>li {
  margin-bottom: 1em !important;
  margin-left: -40px;

  list-style: none !important;
}

/* End RSS Shortcode Styles */
.screen-reader-text {
  position: absolute !important;

  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);

  width: 1px;
  height: 1px;
}
img.rspkr_dr_img {
    width: auto !important;
}

.oneHundredStories {
  display: block;
}

/* Responsive WP Gallery */
/* These might have to be further drilled down if they start to affect other images on the site */
img.attachment-medium,
img.attachment-large,
img.attachment-thumbnail,
img.attachment-full {
  width: auto;
  height: auto;

  vertical-align: middle;

  -ms-interpolation-mode: bicubic;
  border: 0;
}

img.attachment-medium,
img.attachment-large,
img.attachment-thumbnail,
img.attachment-full {
  max-width: 100%;
}

/* ====================== end potential edits ======================= */
.gallery {
  margin-bottom: 21px;
  margin-bottom: 1.5rem;
  margin-left: -21px;
}

.ie8 .gallery {
  margin-left: 0;

  background: red;
}

.gallery-item {
  position: relative;

  float: left;

  margin: 0 0 21px;
  margin: 0 0 1.5rem;
  padding: 21px;
  padding: 1.5rem;

  text-align: center;

  border: 0 solid rgba(0, 0, 0, 0);
  border-left-width: 21px;
  border-left-width: 1.5rem;
}

@media (max-width: 768px) {
  .gallery-item {
    float: left;

    width: 100% !important;
    margin-top: 10px;

    text-align: center;
  }
}

.ie8 .gallery-item {
  padding: 0 21px;
}

.gallery-item:before {
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;

  content: "";

  border: 1px solid #ccc;
}

.gallery-item img {
  border: 1px solid #ccc;
}

.gallery-item a {
  position: relative;
  z-index: 1000;
}

.gallery-caption {
  font-size: 16px;
  font-size: 0.975rem;
  /* 14px / 16 = .875 */

  margin-left: 0;
  padding: 8px 0;
  padding: 0.75em 0 0;
}

.gallery-caption> :last-child {
  margin-bottom: 0;
}

.screen-reader-text:focus {
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  line-height: normal;

  z-index: 100000;
  /* Above WP toolbar */
  top: 5px;
  left: 5px;

  display: block;
  clip: auto !important;

  width: auto;
  height: auto;
  padding: 15px 23px 14px;

  text-decoration: none;

  color: #21759b;
  border-radius: 3px;
  background-color: #f1f1f1;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
}

img.alignright {
  float: right;

  margin: 0 0 1em 1em;
}

img.alignleft {
  float: left;

  margin: 0 1em 1em 0;
}

img.aligncenter {
  display: block;

  margin-right: auto;
  margin-left: auto;
}

.alignright {
  float: right;
}

.alignleft {
  float: left;
}

.aligncenter {
  display: block;

  margin-right: auto;
  margin-left: auto;
}

/* End WP Core Classes */
.anchors {
  display: block;

  margin-top: -100px;
  /* Size of fixed header */
  padding-bottom: 100px;
}

.agencyFooter_logo {
  width: 100px;
  height: 100px;
  margin-top: 15px;
  margin-bottom: 5px;
  text-align: center;
  border: none;
}

hr.clf {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 1px solid #b23426;
  border-image: none;

  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
}

hr.gray {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 1px solid #e9eae5;
  border-image: none;

  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
}

.border_none {
  border: none;
}

a.agency_nav,
a.agency_nav:link,
a.agency_nav:active,
a.agency_nav:visited {
  font-weight: normal;
  text-decoration: none;
  color: #fff;
}

a.more-button:link,
a.more-button:active,
a.more-button:visited {
  font-weight: bold !important;
  text-decoration: none !important;
  color: #fff !important;
}

a.more-button:hover {
  font-weight: bold !important;
  text-decoration: underline !important;
  color: #fff !important;
}

.agency_control {
  position: absolute;
  top: 50%;
  color: #fff;
}

.carousel-inner>.item>a>img,
.carousel-inner>.item>img {
  display: block;
  /* max-width: 100%; */
  /* background-size: cover;
  background-position: 50% 50%; */
  /* width: 100%; */
  /* height: 100%; */
  object-fit: cover;
  width: 100%;
}

.carousel-control.left {
  background-image: none;
}

.carousel-control.right {
  background-image: none;
}

.carousel-indicators {
  position: absolute;
  z-index: 15;
  bottom: -59px;
  /* left: 50%; */
  left: 0;
  /* width: 60%; */
  width: 100%;
  /* margin-left: -30%; */
  margin-left: 0;
  padding-left: 0;
  list-style: none;
  text-align: center;
}

.carousel-indicators li {
  display: inline-block;
  width: 15px;
  height: 15px;
  margin: 0 10px;
  cursor: pointer;
  text-indent: -999px;
  border: 2px solid #000;
  border-radius: 10px;
  background-color: #fff;
}

.carousel-indicators .active {
  width: 17px;
  height: 17px;
  margin: 0 10px;
}

.carousel-caption {
  right: 0 !important;
  left: 0 !important;
  padding-bottom: 30px;
}

.subpage_img {
  position: relative;

  width: 300px;
  height: 56px;
}

.link-active h2 {
  font-size: 20px;
  font-weight: 500;

  margin-bottom: 2px;
}

.archives_icons {
  max-width: 190px;
}

.archives_red {
  color: #b23426;
}

.news_title,
.news_title a,
.news_title a:link,
.news_title a:visited,
.news_title a:hover,
.news_title a:active {
  font-size: 16px;
  font-weight: bold !important;

  display: block;

  padding-bottom: 10px;

  text-align: left;
}

.news_date {
  font-size: 16px;
  font-style: italic;

  display: block;

  text-align: left;

  color: #8a6d3b !important;
}

.news_desc {
  line-height: 1.4em;

  display: none;

  padding-bottom: 15px;

  text-align: left;
}

.interior-title-wrapper {
  margin-top: -20px;
  padding-top: 5px;
  padding-bottom: 5px;

  border-bottom: 3px solid #b23426;
  background-color: #88a8ae;
}

.interior-logo {
  width: 250px;
  height: 114px;
}

ul.no-dot {
  list-style: none;
}

.agency_map {
  width: 710px;
  height: 600px;
  margin: 0;

  border: 0;
}

/*====================== Upcoming Events ================================================*/
.events-wrapper ul {
  list-style: none;
  margin-left: -40px;
}

.events-wrapper ul li:before {
  /*font-family: 'FontAwesome';
content: '\f0da';
color:#51a5ba;
font-size:20px;*/
  margin: 5px 5px 0px -10px;
}

.events-wrapper ul li {
  font-size: 18px;
  margin-bottom: 25px;
}

/*====================== /END Upcoming Events================================================*/

/* Extra Small Devices, Phones */
@media only screen and (min-width: 480px) {

  /* ============================= ELEMENTS ============================= */
  .carousel-indicators {
    bottom: 1px;
  }

  /* ============================= ID's ============================= */
  #AgencyCarousel {
    margin-bottom: 0;
  }

  #agencyFooter {
    font-size: 15px;
    line-height: 1.5em;

    /* position: absolute; */
    position: relative;
    z-index: 1029;
    bottom: 0;

    width: 100%;
    /* height: 682px; */
    height: auto;
    padding-top: 30px;
    padding-bottom: 2em;

    color: #fff;
    border-bottom: 10px solid #245194;
    background-color: #b13427;
  }

  @-moz-document url-prefix() {
    #agencyFooter {
      /* height: 692px; */
      height: auto;
    }
  }

  /* ============================= Classes ============================= */
}

/* Small Devices, Tablets */
@media only screen and (min-width: 768px) {

  /* ============================= ELEMENTS ============================= */
  #AgencyCarousel .carousel-caption h2 {
    font-family: "Times New Roman", sans-serif;
    font-size: 35px;
    font-weight: 800;

    display: inherit;

    text-transform: normal;

    color: #fff !important;
  }

  #AgencyCarousel .carousel-caption p {
    font-size: 20px;
    font-weight: bold;

    display: inherit;
  }

  #archives_head {
    height: 64px;
    padding-top: 0;
  }

  .carousel-indicators li {
    width: 20px;
    height: 20px;
    margin: 0 10px;
  }

  .carousel-indicators .active {
    width: 22px;
    height: 22px;
    margin: 0 10px;
  }

  /* ============================= ID's ============================= */
  #agencyFooter {
    /* height: 276px; */
    height: auto;
    padding-top: 2em;
    padding-bottom: 2em;
  }

  @-moz-document url-prefix() {
    #agencyFooter {
      /* height: 278px; */
      height: auto;
    }
  }

  /* ============================= Classes ============================= */
  .agency_control {
    position: absolute;
    top: 50%;

    color: #fff;
  }

  .subpage_img {
    position: relative;

    width: 400px;
    height: 75px;
  }
}

/* Medium Devices, Desktops */
@media only screen and (min-width: 992px) {

  /* ============================= ELEMENTS ============================= */
  #AgencyCarousel .carousel-caption h2 {
    font-family: "Times New Roman", sans-serif;
    font-size: 35px;
    font-weight: 800;

    display: inherit;

    color: #fff !important;
  }

  #AgencyCarousel .carousel-caption p {
    font-size: 20px;
    font-weight: bold;

    display: inherit;
  }

  #archives_head {
    height: 84px;
    padding-top: 0;
  }

  /* ============================= ID's ============================= */
  #agencyFooter {
    font-size: 15px;
    line-height: 1.5em;

    /* position: absolute; */
    position: relative;
    z-index: 1029;
    bottom: 0;

    width: 100%;
    /* height: 276px; */
    height: auto;
    padding-top: 2em;
    padding-bottom: 2em;

    color: #fff;
    border-bottom: 10px solid #245194;
  }

  @-moz-document url-prefix() {
    #agencyFooter {
      /* height: 278px; */
      height: auto;
    }
  }

  /* ============================= Classes ============================= */
  .agency_control {
    position: absolute;
    top: 50%;

    color: #fff;
  }

  .subpage_img {
    position: relative;

    width: 400px;
    height: 75px;
  }
}

/* Large Devices, Wide Screens */
@media only screen and (min-width: 1200px) {

  /* ============================= ELEMENTS ============================= */
  #AgencyCarousel .carousel-caption h2 {
    font-family: "Times New Roman", sans-serif;
    font-size: 48px;
    font-weight: 800;

    display: inherit;

    color: #fff !important;
  }

  #AgencyCarousel .carousel-caption p {
    font-size: 20px;
    font-weight: bold;
    background-color: rgba(37, 37, 37, 0.7);
    display: inherit;
  }

  #archives_head {
    height: 102px;
    padding-top: 0;
  }

  /* ============================= ID's ============================= */
  #agencyFooter {
    /* height: 276px; */
    height: auto;
    padding-top: 2em;
  }

  @-moz-document url-prefix() {
    #agencyFooter {
      /* height: 278px; */
      height: auto;
    }
  }

  #-block {
    border-bottom: 3px solid #858585;
  }

  #line-inner {
    margin-bottom: -1px;
  }

  /* ============================= Classes ============================= */
  .agency_control {
    position: absolute;
    top: 50%;

    color: #fff;
  }

  .subpage_img {
    position: relative;

    width: 400px;
    height: 75px;
  }
}

/* ============================= CUSTOM MEDIA QUERIES ============================= */

/* Xtra-Small Portrait devices (phones, 400px and up) */
@media (max-width: 767px) {

  .carousel-inner>.item>img,
  .carousel-inner>.item>a>img {
    overflow: hidden;
    /* max-width: 100%; */
    /* min-height: 475px;*/
    /* Set slide height here */
    object-fit: cover;
    width: 100%;
  }
}

/* Conditional Styles for IE Edge */
_:-ms-lang(x),
_:-webkit-full-screen,
.carousel-inner>.item>img,
.carousel-inner>.item>a>img {
  /* min-width: 100%;
  min-height: 100%; */
  margin: auto;
}

@media (max-width: 874px) {
  .menu_text {
    font-size: 20px;
    font-weight: bold;

    position: absolute;

    margin-top: -44px;
    margin-left: 60px;

    opacity: 1;
    color: #b23426;
  }
}

@media (min-width: 875px) {
  .menu_text {
    font-size: 20px;
    font-weight: bold;

    position: absolute;

    margin-top: -44px;
    margin-left: 60px;

    opacity: 0;
    color: #b23426;
  }
}

@media (min-width: 1100px) {
  .menu_text {
    font-size: 20px;
    font-weight: bold;

    position: absolute;

    margin-top: -100px;
    margin-left: 60px;

    opacity: 0;
    color: #b23426;
  }
}

@media (min-width: 1300px) {
  .menu_text {
    font-size: 20px;
    font-weight: bold;

    position: absolute;

    margin-top: -100px;
    margin-left: 60px;

    opacity: 0;
    color: #b23426;
  }
}

@media screen and (min-width: 320px) and (max-width: 479px) {
  #checklistFrame {
    overflow: hidden;

    width: 320px;
    height: 1950px;
    margin: none;

    border: none;
  }
}

@media screen and (min-width: 480px) and (max-width: 639px) {
  #checklistFrame {
    overflow: hidden;

    width: 400px;
    height: 1850px;
    margin: none;

    border: none;
  }
}

@media screen and (min-width: 640px) and (max-width: 799px) {
  #checklistFrame {
    overflow: hidden;

    width: 618px;
    height: 1850px;
    margin: none;
    margin-left: 0;

    border: none;
  }
}

@media screen and (min-width: 800px) and (max-width: 995px) {
  #checklistFrame {
    overflow: hidden;

    width: 729px;
    height: 970px;
    margin: none;
    margin-left: -18px;

    border: none;
  }
}

@media screen and (min-width: 996px) {
  #checklistFrame {
    overflow: hidden;
    width: 973px;
    height: 915px;
    margin-top: none;
    border: none;
  }
}

/* ============================= END CUSTOM MEDIA QUERIES ============================= */

@media (min-width: 1300px) {}

.timeline {
  list-style: none;
  padding: 20px 0 20px;
  position: relative;
}

.timeline:before {
  top: 0;
  bottom: 0;
  position: absolute;
  content: " ";
  width: 3px;
  background-color: #eeeeee;
  left: 50%;
  margin-left: -1.5px;
}

.timeline>li {
  margin-bottom: 20px;
  position: relative;
}

.timeline>li:before,
.timeline>li:after {
  content: " ";
  display: table;
}

.timeline>li:after {
  clear: both;
}

.timeline>li:before,
.timeline>li:after {
  content: " ";
  display: table;
}

.timeline>li:after {
  clear: both;
}

.timeline>li>.timeline-panel {
  width: 46%;
  float: left;
  border: 1px solid #d4d4d4;
  border-radius: 2px;
  padding: 20px;
  position: relative;
  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
}

.timeline>li>.timeline-panel:before {
  position: absolute;
  top: 26px;
  right: -15px;
  display: inline-block;
  border-top: 15px solid transparent;
  border-left: 15px solid #ccc;
  border-right: 0 solid #ccc;
  border-bottom: 15px solid transparent;
  content: " ";
}

.timeline>li>.timeline-panel:after {
  position: absolute;
  top: 27px;
  right: -14px;
  display: inline-block;
  border-top: 14px solid transparent;
  border-left: 14px solid #fff;
  border-right: 0 solid #fff;
  border-bottom: 14px solid transparent;
  content: " ";
}

.timeline>li>.timeline-badge {
  color: #fff;
  width: 50px;
  height: 50px;
  line-height: 50px;
  font-size: 1.4em;
  text-align: center;
  position: absolute;
  top: 16px;
  left: 50%;
  margin-left: -25px;
  background-color: #999999;
  z-index: 100;
  border-top-right-radius: 50%;
  border-top-left-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
}

.timeline>li.timeline-inverted>.timeline-panel {
  float: right;
}

.timeline>li.timeline-inverted>.timeline-panel:before {
  border-left-width: 0;
  border-right-width: 15px;
  left: -15px;
  right: auto;
}

.timeline>li.timeline-inverted>.timeline-panel:after {
  border-left-width: 0;
  border-right-width: 14px;
  left: -14px;
  right: auto;
}

.timeline-badge.primary {
  background-color: #52668f !important;
}

.timeline-badge.success {
  background-color: #face1c !important;
}

.timeline-badge.warning {
  background-color: #ec3d6b !important;
}

.timeline-badge.danger {
  background-color: #d9534f !important;
}

.timeline-badge.info {
  background-color: #5bc0de !important;
}

.timeline-title {
  margin-top: 0;
  color: inherit;
}

.timeline-body>p,
.timeline-body>ul {
  margin-bottom: 0;
  font-size: 18px;
  line-height: 28px;
}

.timeline-body>p+p {
  margin-top: 5px;
}

@media (max-width: 767px) {
  ul.timeline:before {
    left: 40px;
  }

  ul.timeline>li>.timeline-panel {
    width: calc(100% - 90px);
    width: -moz-calc(100% - 90px);
    width: -webkit-calc(100% - 90px);
  }

  ul.timeline>li>.timeline-badge {
    left: 15px;
    margin-left: 0;
    top: 16px;
  }

  ul.timeline>li>.timeline-panel {
    float: right;
  }

  ul.timeline>li>.timeline-panel:before {
    border-left-width: 0;
    border-right-width: 15px;
    left: -15px;
    right: auto;
  }

  ul.timeline>li>.timeline-panel:after {
    border-left-width: 0;
    border-right-width: 14px;
    left: -14px;
    right: auto;
  }
}

/* ============================= END CUSTOM MEDIA QUERIES ============================= */

/**************** BLOG STYLES ****************/
.newsroom .panel-title {
  font-size: 24px !important;
  font-family: "Times New Roman" !important;
}

.newsroom .panel-default {
  border-color: #ddeff6;
  border-radius: 0;
  margin-bottom: 40px;
  margin-right: 10px;
  margin-left: 10px;
}

.newsroom .panel-default>.panel-heading {
  border-radius: 0;
  background-color: #fbfeff;
}

.newsroom-contact {
  margin-top: 18px;
}

.newsroom-sidebar {
  margin-top: -30px;
  /*margin-left:-15px;*/
}

.newsroom-sidebar h4 {
  font-size: 22px !important;
  text-align: center;
  line-height: 28px;
  color: #b23426 !important;
  background-color: #fff;
  border: 2px solid #88a8ae;
  padding: 15px;
  font-family: "Times New Roman" !important;
}

select#archives-dropdown-3 {
  width: 100%;
}

.newsroom-sidebar button,
.newsroom-sidebar input,
.newsroom-sidebar select,
.newsroom-sidebar textarea {
  font-family: "Open Sans", sans-serif !important;
  color: #333;
  font-size: 16px;
  height: 45px;
}

.newsroom-sidebar ul {
  list-style: none;
  margin-top: -25px !important;
}

li.cat-item.cat-item-232 {
  margin-bottom: 55px;
}

li.cat-item.cat-item-1 {
  display: none;
}

li.cat-item.cat-item-4238 {
  display: none;
}

li.cat-item.cat-item-4222 {
  display: none;
}

li.cat-item.cat-item-4232 {
  display: none;
}

li.cat-item.cat-item-4219 {
  display: none;
}

li.cat-item.cat-item-4089 {
  display: none;
}

li.cat-item.cat-item-4267 {
  display: none;
}

li.cat-item.cat-item-4270 {
  display: none;
}

li.cat-item.cat-item-4273 {
  display: none;
}

li.cat-item.cat-item-4225 {
  display: none;
}

li.cat-item.cat-item-4229 {
  display: none;
}

.newsroom-sidebar ul li.cat-item :before {
  font: var(--fa-font-solid);
  content: "\f0da";
  display: none;
}

.newsroom-sidebar ul li.cat-item {
  font-size: 16px;
  padding-bottom: 10px;
  padding-top: 10px;
  border-bottom: 2px solid #ddeff6;
  margin-left: -35px;
}

.newsroom-sidebar ul li.cat-item .svg-inline--fa {
  color: #f9ba17;
  font-size: 16px;
  margin: 0 5px 0 0px;
}

.st_prepend {
  font-size: 22px !important;
  text-align: center;
  line-height: 28px;
  color: #f7b92d !important;
  background-color: #1e3350;
  padding: 15px;
  font-weight: bold;
}

form#st_subscribe_form {
  margin-top: 7px;
}

.wp-post-image {
  margin-bottom: 45px;
  margin-top: 15px;
}

.news-date {
  color: #b23426;
}

/**************** /END OF BLOG STYLES ****************/

/**************** WOMENS SUFFRAGE ZONES STYLES ****************/
.rose-hero {
  height: 507px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 90% 30%;
}

#roseHeaderImage {
  background-image: url("img/womens-hero-image-2.jpg");
  height: 507px;
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 90% 10%;
}

#InteriorHeaderImage {
  background-image: url("img/oz-interior-hero-2.jpg");
  height: 150px;
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 90% 20%;
  border-top: 2px solid #c6c6c6;
  border-bottom: 2px solid #c6c6c6;
}

#womenasSuffrageWrapper a {
  color: #52648f !important;
}

#womenasSuffrageWrapper .nav-pills>li.active>a,
.nav-pills>li.active>a:focus,
.nav-pills>li.active>a:hover {
  color: #fff !important;
}

#womenasSuffrageWrapper .nav-pills>li.active>a,
.nav-pills>li.active>a:focus,
.nav-pills>li.active>a:hover {
  color: #fff !important;
}

#womenasSuffrageWrapper h3 {
  color: #fff !important;
}

#womenasSuffrageWrapper #main_content h4 {
  color: #275996 !important;
  font-size: 28px;
}

#womenasSuffrageWrapper h6 {
  color: #fff !important;
  font-size: 32px;
}

#womenasSuffrageWrapper .intro-wrapper {
  /*background-color:#f7f7f7;*/
  padding: 45px 0px 65px 0px;
}

#womenasSuffrageWrapper .intro-wrapper ul li {
  font-size: 18px;
}

#womenasSuffrageWrapper .facts-wrapper {
  padding: 0px 0px 55px 0px;
  margin-top: -55px;
}

#womenasSuffrageWrapper .facts-wrapper h2 {
  color: #f9245e !important;
  font-weight: normal;
  font-family: "Montserrat", sans-serif !important;
  padding-bottom: 35px;
  font-size: 45px;
}

.womens-sub-nav ul li a {
  font-size: 18px !important;
}

.facts-graphic {
  width: 135px;
  margin-top: -10px;
}

#womenasSuffrageWrapper h2 {
  color: #f9245e !important;
  font-weight: normal;
  font-family: "Montserrat", sans-serif !important;
  padding-bottom: 35px;
  font-size: 45px;
}

#womenasSuffrageWrapper .timeline-wrapper h2 {
  color: #f9245e !important;
  font-weight: normal;
  font-family: "Montserrat", sans-serif !important;
  padding-bottom: 35px;
  font-size: 45px;
}

#womenasSuffrageWrapper h3 {
  color: #f9245e !important;
  font-weight: 300;
  font-family: "Montserrat", sans-serif !important;
}

#womenasSuffrageWrapper ul {
  font-size: 18px !important;
}

.womens-logo {
  width: 275px;
}

hr.yellow-hr-sm {
  margin-top: 35px;
  margin-bottom: 45px;
  width: 10%;
  border: 2px solid #b5c0d5;
}

.womens-sub-nav {
  border: 2px solid #eef3ff;
  background-color: #eef3ff;
  margin-top: 15px;
  margin-bottom: 15px;
}

.womens-sub-nav a {
  font-weight: bold !important;
  color: #52648f !important;
}

.womens-sub-nav .active a {
  color: #fff !important;
}

.womens-sub-nav .nav-pills>li.active>a,
.nav-pills>li.active>a:focus,
.nav-pills>li.active>a:hover {
  background-color: #52648f;
}

#womenasSuffrageWrapper .quote {
  margin-top: -135px;
  margin-bottom: 100px;
}

#womenasSuffrageWrapper .quote h2 {
  font-size: 30px !important;
  line-height: 30px;
  font-family: "Montserrat", sans-serif !important;
  color: #fffddd !important;
  text-transform: uppercase;
}

@media only screen and (min-width: 1200px) {
  #womenasSuffrageWrapper .quote {
    margin-top: -100px;
    margin-bottom: 100px;
  }

  #womenasSuffrageWrapper .quote h2 {
    font-size: 55px !important;
    font-family: "Montserrat", sans-serif !important;
    color: #fffddd !important;
  }
}

/* ======================== STYLE FOR THE PUBLIC MEETING CALENDAR ====================== */
#public-meetings a,
#public-meetings a:link,
#public-meetings a:active,
#public-meetings a:visited {
  /* color: #003666;*/
  text-decoration: none;
  font-weight: bold;
}

#public-meetings a:hover {
  /* color: #ccc;*/
  text-decoration: none;
  font-weight: bold;
}

ul.meeting-container>li {
  list-style-type: none;
}

.meeting-container {
  text-align: center;
  padding: 0px;
}

span.meeting-title {
  font-family: "Open Sans Condensed";
  /*color: #f9245e !important;*/
  font-size: 30px;
  font-weight: 700;
  /*  color: #b23426 !important;/ */
}

span.meeting-agency {
  display: none;
}

span.meeting-date {
  /*font-style: italic !important;
  color: #b23426 !important;*/
  font-weight: bold;
  font-size: 17px;
}

span.meeting-time {
  /*  font-style: italic !important;
  color: #7e8082;*/
  font-weight: bold;
  font-size: 17px;
}

span.meeting-end {
  /* font-style: italic !important;
color: #7e8082;*/
  font-weight: bold;
  font-size: 17px;
}

span.meeting-purpose {
  display: none;
}

span.meeting-address {
  /*color: #7e8082;*/
  /* background-color: #f0f0f0;*/
  padding: 12px;
  border-radius: 4px;
  display: block;
}

a.map-link,
a.map-link:link,
a.map-link:active,
a.map-link:visited,
a.info-link,
a.info-link:link,
a.info-link:active,
a.info-link:visited {
  /*color: #27bf3a;*/
  background-color: #fff;
  text-decoration: none;
  font-weight: bold;
  border: 2px solid
    /*#27bf3a*/
  ;
  border-radius: 30px;
  padding: 12px 35px;
}

a.info-link:hover,
a.map-link:hover {
  color: #147bb1 !important;
  /*background-color: #27bf3a;*/
  text-decoration: none;
  font-weight: bold;
  border: 2px solid
    /*#27bf3a*/
  ;
  border-radius: 30px;
  padding: 12px 35px;
}

/* ======================== END PUBLIC MEETING CALENDAR ====================== */

/*******External link icon*****/

/**
 * EXTERNAL LINK ICON
 */
#main_content sup,
#agencyFooter sup {
  top: -3px;
}

#main_content .extlink sup::after,
#agencyFooter .extlink sup::after {
  font: var(--fa-font-solid);
  content: "\f35d";
  padding-left: 5px;
}

.nav-menu .extlink sup::after,
.wp-caption-text .extlink sup::after {
  content: "";
}

#main_content .btn sup::after,
#main_content .extlink-no-icon sup::after,
#agencyFooter i+sup::after,
#agencyFooter i+span+sup::after {
  content: "" !important;
}

/* Create same height columns in Bootstrap w/ Flexbox.
 * Add d-flex class to row in markup. 
 * Also used in agencyFooter section to vertically center.
*/
@media screen and (min-width: 768px) {
  .row.d-flex {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }

  .row.d-flex>[class*="col-"] {
    flex-grow: 1;
  }
}