/*
 Theme Name: Blocksy Child
 Template: blocksy
*/



/* 1) Let the card clip the button to its corners */
.entry-card {
  position: relative;
  overflow: hidden;
}


/* 2) Make the button a full-width footer bar */
.entry-card a.entry-button.wp-element-button.ct-button {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  width: 100%;
  margin: 0 !important;
  border-radius: 0;
  text-align: center;
  z-index: 2; /* ensure it sits above content */
}

a.entry-button.wp-element-button.ct-button {
  padding-top: 1em;    /* increase vertical space */
  padding-bottom: 1em;
  line-height: 1.4;    /* tweak if text looks cramped */
   font-size: 1rem;     /* optional: adjust text size */ 
}



/* Make quick links match logo background */
.mobile-quick-links {
  display: flex;
  justify-content: space-around;
  gap: 20px;
  margin-top: 10px;
  padding: 8px 0;
}

/* Style the buttons */
.mobile-quick-links a.ct-button {
  flex: 1;
  text-align: center;
  background: transparent !important;   /* same as logo background */
  color: black !important;
  font-weight: 600;
  border: none;
  padding: 8px 0;
  text-decoration: none;
  border-radius: 0;      /* flat look */
}


/* Resize the search input field */
div.ct-panel {
  	font-size: 24px;
    padding: 16px 20px;
    width: 50%;  
	height: 60%/* Adjust width and height of the input box */
    max-width: 400px;
	max-height: 400px;
	
}

/* Center the search input field vertically and horizontally */
div.ct-panel {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    max-width: 600px;
    padding: 0 20px;
    text-align: center;
}

/* Only settlements archive cards */
H6.entry-title {
    font-size: 8px;
	 font-weight: normal;   /* remove bold */
    line-height: 1.3;
}





/*******************************/
/* container holds multiple items stacked vertically */
.fullwidth-showcase-block {
  width: 100%;
  margin-top: 50px;
  margin-bottom: -130px;
	box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 0; /* spacing is per item */
}

/* each showcase post is its own 3-column grid */
.fullwidth-showcase-block .showcase-item {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr; /* equal columns on desktop */
  gap: 20px;
  align-items: start;
  padding: 20px;
  background: #fafafa;
  box-sizing: border-box;
}

/* small padding for columns */
.fullwidth-showcase-block .showcase-col {
  padding: 6px;
  box-sizing: border-box;
}

/* Title/excerpt styling */
.fullwidth-showcase-block .showcase-title { margin: 0 0 50px; font-size: 38px; Font-family: Poppins; font-weight:normal; 
}
.fullwidth-showcase-block .showcase-excerpt { color: #444; font-size: 18px;  }

/* Image behaviour */
.fullwidth-showcase-block .showcase-image,
.fullwidth-showcase-block .showcase-col .no-image img,
.fullwidth-showcase-block .showcase-col .no-image {
  width: 100%;
  height: auto;
  display: block;
}

/* newsletter form wrapper inside col-3 */
Div.newsletter-form-wrapper {
Background-color: #ffd3e8;
}



/* Newsletter Header */
.newsletter-box .newsletter-title {
  text-align: center;
  font-family: "Poppins", sans-serif;
  font-weight: normal;

  margin-bottom: 15px;
  color: #000;                 /* black title */
}

/* Inputs & Checkbox labels */
.newsletter-box input[type="email"],
.newsletter-box label {
  font-family: "Poppins", sans-serif;
  font-weight: normal;
  color: #333;
	background-color: #fff;
}

/* Subscribe Button */
.newsletter-box input[type="submit"] {
  background-color: #b512ce !important;
  color: #fff !important;
  font-family: "Poppins", sans-serif;
  font-weight: normal;
  border: none;
  border-radius: 15px;
  padding: 10px 20px;
  cursor: pointer;
}

.newsletter-box input[type="submit"]:hover {
  background-color: #b512ce !important; /* darker red on hover */
	
}


.newsletter-form-wrapper {
  border: none !important;
  box-shadow: 5px 5px 5px 5px rgba(0, 0, 0, 0.3);
 /* soft shadow */
}

.newsletter-form-wrapper h2 {
  font-family: 'Poppins', sans-serif !important;
  font-weight: normal !important; /* not bold */
  text-align: center !important;  /* centered */
  color: #000; /* black */
  margin-bottom: 10px; /* tighter spacing */
}


/* Mobile: stack, show image first and collapse form to button only */
@media (max-width: 768px) {
  .fullwidth-showcase-block .showcase-item {
    grid-template-columns: 1fr; /* stack */
    grid-template-areas:
      "image"
      "content"
      "form";
  }

  /* assign areas */
  .fullwidth-showcase-block .showcase-col.col-2 { grid-area: image; }
  .fullwidth-showcase-block .showcase-col.col-1 { grid-area: content; }
  .fullwidth-showcase-block .showcase-col.col-3 { grid-area: form; }


  /* Ensure the submit button is visible and full width */
  .fullwidth-showcase-block .showcase-col.col-3 .newsletter-form-wrapper input[type="submit"],
  .fullwidth-showcase-block .showcase-col.col-3 .newsletter-form-wrapper .wpcf7-submit {
    display: block !important;
    width: 100% !important;
  }

  /* smaller paddings for mobile */
  .fullwidth-showcase-block .showcase-item { padding: 12px; }
  .fullwidth-showcase-block .showcase-col { padding: 6px 0; }
}

/* Newsletter form wrapper */
.newsletter-form-wrapper {
  border: 2px solid #ddd;        /* visible border */
  padding: 15px;
  background: #fff;              /* white background for contrast */
  border-radius: 6px;            /* optional rounded corners */
  max-width: 100%;
}

/* Header text */
.newsletter-form-wrapper h3 {
  margin: 0 0 8px;               /* tighten bottom space */
  font-size: 20px;
}

/* Subheading */
.newsletter-form-wrapper p {
  margin: 0 0 12px;              /* small spacing */
  line-height: 1.3;
  font-size: 14px;
}

/* Email input */
.newsletter-form-wrapper input[type="email"] {
  width: 100%;
  padding: 8px;
  margin-bottom: 10px;           /* reduce spacing */
  border: 1px solid #ccc;
  border-radius: 4px;
  font-size: 14px;
}

/* Submit button */
.newsletter-form-wrapper input[type="submit"],
.newsletter-form-wrapper button {
  width: 100%;
  padding: 10px;
  background: #333;
  color: #fff;
  border: none;
  border-radius: 4px;
  font-size: 15px;
  cursor: pointer;
}

/* Checkbox and privacy text */
.newsletter-form-wrapper .privacy-text {
  margin-top: 8px;               /* smaller gap */
  font-size: 12px;
  line-height: 1.2;
}

/* 9/17/2025 */

/* Settlements Archive Layout */

.settlements-archive-grid {
  column-count: 2;         /* two columns */
  column-gap: 12px;        /* space between columns */
  max-width: 1100px;
  margin: 0 auto;
}

.settlement-card {
  display: inline-block;   /* required for column layout */
  width: 100%;
  margin: 0 0 12px;        /* bottom space between boxes */
  break-inside: avoid;     /* prevent breaking inside cards */
  background-color: #fcf1f6;
  border: 2px solid #B16CC2;
  border-radius: 10px;
  padding: 10px 12px;
  text-align: left;
  font-family: 'Poppins', sans-serif;
  color: #333;
  transition: all 0.6s ease;
}



/* Settlement Card Styling */
.settlement-card {
  background-color: #fcf1f6; /* very light pink */
  border: 2px solid #B16CC2; /* medium pink border */
  border-radius: 10px;
  padding: 6px 12px;
	text-align: left;
  font-family: 'Poppins', sans-serif;
  color: #333;
  transition: all 0.6s ease;
}

.settlement-card h2,
.settlement-card a {
  margin: 0;
  line-height: 1.4;
	display: block;
}


/* Hover Effect */
.settlement-card:hover {
  background-color: #f9e6ee; /* slightly darker light purple */
  border-color: solid #B16CC2; /* stronger purple */
  transform: translateY(-5px);
  box-shadow: 0 6px 15px rgba(0, 0, 0, 0.1);
}

/* Title Links */
.settlement-card .settlement-title a {
  text-decoration: none;
  color: #333; /* deep purple for title */
  font-size: 18px;
  font-weight: 300;
}

/* Title Hover */
.settlement-card .settlement-title a:hover {
  color: #7d3c98; /* brighter purple */
}

/* Responsive: 1 column on tablets/phones */
@media (max-width: 768px) {
  .settlements-archive-grid {
    column-count: 1;
		padding-left: 0; /* remove container padding */
    padding-right: 0;
		}
	
	.settlement-card {
    width: calc(100% - 24px);  /* full width minus side spacing */
    margin: 0 12px 12px;       /* horizontal spacing and bottom margin */
    box-sizing: border-box;    /* include padding and border in width */
  }
	
}

/* Tablet layout: 2 columns with side spacing */
@media (min-width: 769px) and (max-width: 1024px) {
  .settlements-archive-grid {
    column-count: 2;
    padding-left: 12px;   /* add space from left edge */
    padding-right: 12px;  /* add space from right edge */
  }

  .settlement-card {
    width: 100%;
    margin-bottom: 12px;  /* space between cards vertically */
    box-sizing: border-box;
  }
}

/* settlements page header */
h1 {
  font-family: 'Poppins', sans-serif;
  font-weight: 400; /* normal, not bold */
  font-size: 38px;
	line-height: 1.2;   /* reduce spacing between lines */
  color: #333;
  text-align: center;/* optional */
	padding-bottom: 20px;
	padding-top: 30px;
 }

/* Make menu text normal case (not all caps) */
a.ct-menu-link{
    text-transform: none !important;
}

/* Single settlements page header */
h2 {
  font-family: 'Poppins', sans-serif;
  font-weight: 400; /* normal, not bold */
  font-size: 30px;
	line-height: 1.2;   /* reduce spacing between lines */
  color: #000;
  padding-bottom: 0px;
	padding-top: 10px;
 }

/* 9-24-25  */

.related-cards-wrapper {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.related-card {
    background: #fff; /* or your desired background */
    border-radius: 10px;
    padding: 0; /* remove padding so image/button touch edges */
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    overflow: hidden; /* ensures rounded corners clip button/image */
}

.related-card:hover {
    transform: translateY(-2px);
}

.related-card img {
    width: 100%;
    height: auto;
    display: block;
}

.related-card-title {
    font-weight: 600;
    font-size: 16px;
	  text-align: center;
    margin: 10px 15px 5px 15px;
	color: #000; /* minimal spacing around text */
}

.related-card-deadline {
    font-size: 14px;
	  font-weight: bold;
    color: #000;
    margin: 0 15px 10px 15px;
	   text-align: center;
}



/* Submit Claim button full-width at bottom, no extra padding around card */
.submit-claim-button {
    display: block;
    width: 100%;
    background-color: #b512ce; /* match logo background */
    color: #fff;
    font-weight: 600;
    text-align: center;
    padding: 10px 0;
    text-decoration: none;
    border-radius: 0 0 15px 15px; /* rounded bottom corners */
    transition: background-color 0.2s ease;
}

.submit-claim-button:hover {
    background-color: var(--theme-palette-color-1);
}


/* 11-7-25 Felix */
/* Mobile overlay color changes - menu item for header changes to color */
.ct-panel-inner {
	 background-color: var(--theme-palette-color-1) !important;
	
}

/* Change all menu item text and svg arrows to be black */

.ct-panel-inner * {
  color: #000 !important;
  fill: #000 !important;
  stroke: #000 !important;
}


/* added on 11-8-2025 by Steve */
/* Neutralize Blocksy's scrollbar width compensation */
body {
  --scrollbar-width: 0px !important;
}

/* Add spacing below the showcase section */
.fullwidth-showcase-block {
  padding-bottom: 5rem !important;
}