/*
Theme Name: Understrap Child
Theme URI: https://understrap.com
Template: understrap
Author: Howard Development & Consulting
Author URI: https://howarddc.com
Description: The renowned WordPress starter theme framework that combined 
  Underscores and Bootstrap. Trusted by more than 100,000 developers for 
  building handcrafted, custom WordPress sites.
Tags: one-column,two-columns,three-columns,left-sidebar,right-sidebar,
  custom-background,custom-logo,custom-menu,featured-images,footer-widgets,
  full-width-template,theme-options,translation-ready,block-styles,wide-blocks,
  editor-style,threaded-comments,accessibility-ready
Version: 1.2.4.1750685692
Updated: 2025-06-23 13:34:52
*/

@import url('https://fonts.googleapis.com/css2?family=PT+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap');

@font-face {
  font-family: 'Pacifico';
  font-style: normal;
  font-weight: 400;
  src: local('Pacifico Regular'), local('Pacifico-Regular'), url(https://fonts.gstatic.com/s/pacifico/v12/FwZY7-Qmy14u9lezJ-6H6MmBp0u-.woff2) format('woff2');
  font-display: swap;
  ascent-override: 105%;
  descent-override: 35%;
  line-gap-override: 10%;
}

/*CHANGE COLORS*/
:root {
  --bs-primary: #051b55 !important;
  --bs-secondary: #8abbd3;
  --bs-success: #138239;
  --bs-info: #dca926;
  --bs-warning: #ba373d;

  --bs-primary-rgb: 5, 27, 85;
  --bs-secondary-rgb: 138 ,187, 211;
  --bs-success-rgb: 19, 130, 57;
  --bs-info-rgb: 220, 169, 38;
  --bs-warning-rgb: 186, 55, 61;

  --bs-body-color-rgb: 0, 0, 0;
  --bs-body-bg-rgb: 255, 255, 255;

  --bs-body-color: #000000;

  --bs-link-color: #051b55;
  --bs-link-hover-color: #ffffff;
}

/*OVERALL GROUPS---------------------------------------OVERALL EDITING GROUPS*/
.floatLeft {
  float: left;
}

.floatRight {
  float: left;
  text-align: center;
}

.index1 {
  z-index: 1;
}

.index2 {
  z-index: 2;
}

.index3 {
  z-index: 3;
}

.photoBorder { /*LIGHT BLUE*/
  border: 2px solid #8abbd3;
}

.twoColumn {
  display: grid;
  grid-template-columns: 2fr 1fr;
  column-gap: 10%;
  padding: 2%;
  margin: 0 15%;
}

@media only screen and (max-width: 900px) {
  .twoColumn {
    display: grid;
    grid-template-columns: 1fr;
  }
}

.twoColumnEven {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 10%;
  padding: 2%;
  margin: 0 15%;
}

@media only screen and (max-width: 900px) {
  .twoColumnEven {
    display: grid;
    grid-template-columns: 1fr;
  }
}

.threeColumn {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  column-gap: 10%;
  padding: 2%;
  margin: 0 15%;
}

@media only screen and (max-width: 1000px) {
  .threeColumn {
    display: grid;
    grid-template-columns: 1fr;
  }
}

.fourColumn {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  column-gap: 3%;
  margin: 3% 5%;
}

@media only screen and (max-width: 1300px) {
  .fourColumn {
    display: grid;
    grid-template-columns: 1fr;
  }
}

.fiveColumn {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  column-gap: 1%;
  margin: 3% 15%;
}

@media only screen and (max-width: 800px) {
  .fiveColumn {
    display: grid;
    grid-template-columns: 1fr;
  }
}

.footerBox {
  background-color: #051b55;
  padding: 3%;
  width: 100%;
}

@media only screen and (min-width: 1101px) {
  .footerColumns {
    display: grid;
    grid-template-columns: .6fr 2fr 1fr 1fr 1fr;
    column-gap: 1%;
    width:100%;
    color: white !important;
  }

  .footerTextGroup {
    border-left:2px solid white; 
  }
}

@media only screen and (max-width: 1100px) {
  .footerColumns {
    display: grid;
    grid-template-columns: 1fr;
    color: white !important;
  }

  .sealImage {
    width: 30%;
    height:auto;
    padding: 1%;
  }

  .footerBox {
    text-align:center;
  }

  .footerTextGroup {
    border: none;
  }
}

.footerTextGroup {
  font-weight: bold;
  padding-left:5%;
}

.footerText:hover {
  text-decoration: underline;
  text-decoration-color: #8abbd3;
}

/*THEME BUTTON COLOR CHANGE*/
button {
  text-transform: uppercase;
  margin: 2%;
  padding: 11.7px 31.5px !important;
  border-radius: 15px;
  font-family: 'PT Sans',sans-serif;
  font-size: 1em;
  text-align: center;
  font-weight: bold;
}

/*----------------------------------------BACKGROUND TO NAVY NOT PURPLE---*/
.bg-primary {
  background-color: #051b55 !important;
}

/*WEB BUTTONS*/
.webButton {
  background-color: #051b55;
  color: white;
  border-color: #051b55;
  padding:3%;
}

.webButton:hover {
  color: #051b55;
  background-color: #ffffff;
  border-color: #051b55;
}

.pdfButton {
  background-color: #8abbd3 !important;
  color: #051b55 !important;
  border-color: #8abbd3 !important;
}

.pdfButton:hover {
  background-color: white !important;
  border-color: #8abbd3 !important;
}

/*old INTRO--------------------------------------------------------------------
.introTitle {
  position: relative;
  text-align: left !important;
  background-image: url("https://courts.eriecountypa.gov/wp-content/uploads/2025/07/courthouse_header.jpg");
  background-size: cover; 
  background-color: rgba(255, 255, 255, 0.9); 
  background-blend-mode: lighten;
  padding: 10% 15% 2% 15%;
  margin: 0;
  display: grid;
  grid-template-columns: 2fr;
}

.introDescription {
  width: 80%;
  font-size: 1em !important;
  padding-top: 3%;
  color: #051b55 !important;
}
old INTRO*/

/*old HOW CAN WE HELP BOXES
.helpContainer {
  position: relative;
  background-color: rgba(138, 187, 211, .5) !important;
  height: 70%;
  margin: 0;
  padding-bottom: 3%;
  display: grid;
  width: auto;
}


.helpBoxContent {
  padding: 2%;
  background-color: #ffffff;
  width: 70%;
  height: auto;
  position: relative;
  z-index: 2;
  margin: 0 15%;
}
old HOW CAN WE HELP BOXES*/


/*QUICK LINKS not working*/
.quickLinks {
  display: block;
}

.quickLinkItem {
  border: 1px solid #8abbd3;
  border-radius: 70%;
  padding: 40px 20px;
  background-color: white;
  width: 200px;
  height: 200px;
  text-align: center;
  float: left;
  margin: 1%;
  display: grid;
  align-items: center;
}

.quickLinkItem:hover {
  transition: all 0.2s ease-in-out;
  transform: scale(1.1);
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
}

.mainContent {
  margin: 0 15%;
  padding: 2%;
}

/*HOME CTA BUTTON BOXES*/
/*TEXT*/
.cta {
  border: 1px solid #8abbd3;
  border-top: 3px solid #8abbd3;
  padding: 5% 3%;
  background-color: white;
  width: auto;
  height: auto;
  text-align: center;
  float: left;
  margin: 1%;
  display: grid;
  align-items: center;
}

/*HORIZONTAL LINE FORMATING*/
hr {
  border-radius: 5px;
  justify-content: center;
  display: block;
  margin: 3% auto;
}

hr.greyLine {
  color:grey;
}

hr.ctaLine {
  border: 1px solid #8abbd3;
  width: 50px;
  border-radius: 5px;
  margin-top: 5%;
}

hr.blueLine {
  border: 1px solid #8abbd3;
  width: 250px;
  border-radius: 5px;
}


.blueLineTitle {
  border: 1px solid #8abbd3;
  width: 50px;
  border-radius: 5px;
  float: left;
  margin: 0 !important;
}

/*BOLD FONT PROPERTIES*/
strong {
  color: #051b55;
}

/*NAVIGATION hides title text*/
.navbar-brand {
  display: none;
}

#mega-menu-wrap-primary {
  width: 100%
}

/*GOOGLE TRANSLATE FORMATTING*/
#google_translate_element {
  grid-column: 1;
  grid-row: 1;
}

/*----------------------------------------------------------WHOLE SITE FORMAT*/
.site {
  display: grid;
}

/*-----HEADER-----*/
#newHomePage {
  grid-column: 1;
  grid-row: 1;
}

.headerBubbles {
  display: flex;
  flex-wrap: wrap;
  column-count: 3;
  justify-content: center;
}

.headerBubblesContent {
  border-radius: 25px;
  margin: 40px 10px 30px 10px;
  padding: 30px 20px;
  display: flex;
  flex-direction: column;
  width: 375px;
  height: 150px;
  font-weight: bold;
  background-color: #ffffff;
  text-align: left;
}

.headerBubblesContent:hover {
  background-color: rgba(241, 241, 241, .9);
}

/*------ contact FOOTER------*/
.contactFooter {
  position: relative;
  text-align: center !important;
  background-image: url("https://courts.eriecountypa.gov/wp-content/uploads/2025/06/Facility_Courthouse3-1.jpg");
  background-size: cover; 
  background-color: rgba(241, 241, 241, 0.9); 
  background-blend-mode: lighten;
  margin: 5% 0;
  padding: 1%;
}

#wrapper-footer-full, #wrapper-static-hero {
  background-color: #051b55;
  color: #ffffff;
}

/*FOOTER SEAL*/
.footer-widget.widget_media_image.widget-count-5.col-md-4 {
  max-width: 175px;
}

/*REMOVES WORDPRESS BRANDING*/
#wrapper-footer {
  display: none;
}

/*MOBILE FOOTER*/
/*HIDE HAMBURGER MENU ON MOBILE*/
.navbar-toggler {
  display: none;
}

#custom_html-21 { /*FOOTER Paragraph Section 2*/
  padding: 1%;
}

#custom_html-24 { /*FOOTER Contact Us Footer Section 3*/
  flex: 0 0 20%;
  padding: 1%;
}

#maxmegamenu-24 { /*FOOTER Section 4*/
  flex: 0 0 15%;
  padding: 1%;
}

#maxmegamenu-25 { /*FOOTER Section 5*/
  flex: 0 0 15%;
  padding: 1%;
}

/*HEADERS*/
h1 {
  font-size: 3em;
  color: #051b55;
  padding: 3% 3% 0 0;
  font-weight: bold;
  text-align:left;
}

h2 {
  font-size: 2.5em;
  padding-top: 3%;
  color: #051b55;
}

h3 {
  font-size: 2em;
  color: #051b55;
}

h4 {
  font-size: 1.5em;
  color: #051b55;
}

h5 { /*this is white and only used in the footer section*/
  font-size: 1em;
  color: #ffffff;
}

blockquote {
  font-weight: bold;
  color: #051b55;
  margin-left: 7%;
}

summary {  
  font-size: 1.5em;
  padding-top: 3%;
  color: #051b55;
}

/*CHANGE LIST FORMATS*/
a {
  color: #051b55;
  font-weight: bold;
  text-decoration: none !important;
}

a:hover {
  color: #051b55;
  text-decoration: underline !important;
  text-decoration-color: #8abbd3 !important;
}

/*TABLES*/
table {
  border: 1px;
  border-color: #051b55;
  margin: 0 0 5% 3%;
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3);
  width: 80%;
  padding: 3%;
}

tr:nth-child(even) {
    background-color: rgba(241, 241, 241, 0.9);
}

tr:nth-child(odd) {
    background-color: #ffffff;
}

td {
  color: #051b55;
  padding: 3%;
}

th {
  background-color: #051b55;
  color:white;
  padding: 3%;
}

/*delete?
.tableFormat{
  padding: 5%;
}

.tableRow{
  height: 20px;
}
*/


/*IMPORTANT MESSAGES*/
.importantMessage {
  background-color: rgba(138, 187, 211, .5);
  padding: 3%;
  text-align: center;
  margin: 3%;
  height: auto;
}

/*URGENT MESSAGES*/
.urgentMessage {
  background-color: rgba(186, 55, 61, .5);
  padding: 3%;
}

/*GREY BOX*/
.greyBox {    /*need to make full width*/
  background-color:#f1f1f1;
  width: auto;
  height: auto;
  padding: 3%;
}

/*NAVY BOX*/
.navyBox {
  background-color: rgba(138, 187, 211, .15);
  padding: 3%;
}


/*CLERK OF RECORDS */
.clerkOfRecords {
  display: grid;
  grid-template-columns: 2fr 1fr;
  height: auto;
}

/*--DIRECTORY--*/
.directoryLinks {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  column-gap: 1%;
  margin: 3%;
}

.directoryBox {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 25%;
  padding: 5% 10%;
}

@media only screen and (max-width: 1180px) {
  .directoryBox {
    display: grid;
    grid-template-columns: 1fr;
  }
}

.directoryButton {
  display: block;
  margin: 5% auto; 
  width: 50%;
  background-color: #051b55;
  color: white;
  border-color: #051b55;
}

.directoryButton:hover {
  color: #051b55;
  background-color: #ffffff;
  border-color: #051b55;
}

/*CHANGE DETAILS TEXT ELEMENT*/
.wp-block-details {
  background-color: rgba(138, 187, 211, .25) !important;
  padding: 2%;
  margin: 3%;
}

/*FIGCAPTIONS*/
.figcaption {
  border-left: 5px solid #8abbd3;
  padding: 1em;
}

/*FULL WIDTH CONTENT WORKS BUT NEED TO FIX*/
.container {
  max-width: 100%;
}

#clerkOfRecordsPhoto {
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
  border: 2px solid #051b55;
  margin: 3% 5%;
}

/*REPLACEMENT CODE TO CLEAN UP OVERALL CODNG ONCE ALL UPDATES ARE LIVE*/
/*HEADER---------------------------------------------------------------HEADER*/
.headerBox { /*introTitle*/
  position: relative;
  text-align: left !important;
  background-image: url("https://courts.eriecountypa.gov/wp-content/uploads/2025/07/courthouse_header.jpg");
  background-size: cover; 
  background-color: rgba(255, 255, 255, 0.9); 
  background-blend-mode: lighten;
  padding: 5% 15% 2% 15%;
  margin: 0;
  display: grid;
  grid-template-columns: 2fr;
}

.homepageHeaderBox {
  position: relative;
  text-align: left !important;
  background-image: url("https://courts.eriecountypa.gov/wp-content/uploads/2025/07/courthouse_header.jpg");
  background-blend-mode: darken;
  background-size: cover; 
  padding: 10% 15% 2% 15%;
  margin: 0;
  display: grid;
  grid-template-columns: 2fr;
}

.CORheader {
  display: grid;
  grid-template-columns: 2fr 1fr;
  column-gap: 0.5%;
  margin: 0;
  background-color: rgba(255, 255, 255, 0.9); 
  background-blend-mode: lighten;
  padding: 3%;
  text-align: center;
}

/*main homepage*/
.overlay {
  background-color: rgba(5, 27, 85, 0.75);
  background-size: cover;
  width: 100%;
  margin: 0;
  z-index: 3;
}

.departmentContainer { /*helpContainer*/
  position: relative;
  background-color: rgba(138, 187, 211, .5) !important;
  height: 70%;
  margin: 0;
  padding-bottom: 3%;
  display: grid;
  width: auto;
}

.departmentBoxContent {/*helpBoxContent*/
  padding: 2%;
  background-color: #ffffff;
  width: 70%;
  height: auto;
  position: relative;
  z-index: 2;
  margin: 0 15%;
}

@media only screen and (max-width: 780px) {
  .departmentLinksDesktop {
    display: none;
  }

  .departmentLinksMobile {
    display: grid;
    grid-template-columns: 1fr 1fr;
    background-color: white;
    column-gap: 5%;
  }
}

@media only screen and (max-width: 450px) {
  .departmentLinksDesktop {
    display: none;
  }

  .departmentLinksMobile {
    display: grid;
    grid-template-columns: 1fr;
    background-color: white;
    column-gap: 5%;
    font-size: 100%;
    padding-top: 1%;
    color: #051b55;
  }
}

@media only screen and (min-width: 781px) {
  .departmentLinksDesktop {/*helpLinksDesktop*/
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    background-color: white;
    column-gap: 5%;
    font-size: 100%;
    padding-top: 1%;
    color: #051b55;
  }

  .departmentLinksMobile {/*helpLinksMobile*/
    display: none;
  }
}

@media only screen and (max-width: 900px) {
  .hideMobile {
    display:none;
  }
}

@media only screen and (min-width: 901px) {
  .hideDesktop {
    display:none;
  }
}

/*KIOSK*/
.kioskBackground {
  position: relative;
  text-align: center !important;
  background-image: url("https://courts.eriecountypa.gov/wp-content/uploads/2025/07/courthouse_header.jpg");
  background-size: cover; 
  background-color: rgba(255, 255, 255, .95); 
  background-blend-mode: lighten;
  padding: 10% 15% 2% 15%;
  margin: 0;
  display: grid;
  grid-template-columns: 2fr;
}

.kioskButton {
  text-transform: uppercase;
  margin: 2% 2% 5% 2%;
  padding: 1% 5%;
  border-radius: 15px;
  font-family: 'PT Sans', sans-serif;
  font-size: 1em;
  text-align: center;
  font-weight: bold;
  background-color: rgba(0,0,0, 0);
  color: white;
  border: 2px solid rgba(0,0,0, 0);
  height: auto;
  width:auto;
}

.kioskButton:active {
  background-color: #051b55 !important;
  color: white;
  border-color: #051b55;
}

.kioskButton:hover {
  transition: all 0.2s ease-in-out;
  transform: scale(1.5);
}

.kioskButton:visited {
  background-color: #051b55 !important;
  color: white;
  border-color: #051b55;
}