/*---------------------------------------------------------------------------------

 Theme Name:   Pier Capital Child
 Theme URI:    https://piercap.com
 Description:  A child theme for Pier Capital
 Author:       Clayton Design Group
 Author URI:   https://claytondesigngroup.com
 Template:     Divi
 Version:      1.0.17
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html

 Add custom CSS below the line. DO NOT EDIT ABOVE apart from updating the version number.
 Make sure to update the version line above each time this file is updated.

------------------------------ ADDITIONAL CSS HERE ------------------------------*/
html {
	font-size: 62.5%;
}

/* ============================================================
   Intersecting / crossed-corner border  (#0d1e58)
   Works on DIVI Image (.et_pb_image) and Text (.et_pb_text) modules.
   Add the CSS class "intersecting-border" to the module.
   ============================================================ */

/* ---- Shared frame container ---- */
.et_pb_image.intersecting-border,
.et_pb_text.intersecting-border {
  position: relative;
  overflow: visible;            /* don't clip the crossing corners */

  /* Tunable variables */
  --ib-color: #0d1e58;          /* line color */
  --ib-thickness: 1px;          /* line weight */
  --ib-overshoot: clamp(8px, 2vw, 16px);   /* edge-to-frame distance + cross length */
  --ib-gap: clamp(8px, 2vw, 16px);         /* space between frame and content */

  padding: calc(var(--ib-overshoot) + var(--ib-gap));
}

/* Text modules need more breathing room + override Divi spacing controls */
.et_pb_text.intersecting-border {
  --ib-gap: clamp(14px, 3vw, 28px);
  padding: calc(var(--ib-overshoot) + var(--ib-gap)) !important;
}

/* Image module: hug the photo tightly */
.et_pb_image.intersecting-border {
  display: inline-block;
  line-height: 0;
}

.et_pb_image.intersecting-border img {
  display: block;
  max-width: 100%;
  height: auto;
}

/* ---- Horizontal lines (top + bottom) — overshoot the verticals ---- */
.et_pb_image.intersecting-border::before,
.et_pb_text.intersecting-border::before {
  content: "";
  position: absolute;
  top: var(--ib-overshoot);
  bottom: var(--ib-overshoot);
  left: 0;
  right: 0;
  border-top: var(--ib-thickness) solid var(--ib-color);
  border-bottom: var(--ib-thickness) solid var(--ib-color);
  pointer-events: none;
}

/* ---- Vertical lines (left + right) — overshoot the horizontals ---- */
.et_pb_image.intersecting-border::after,
.et_pb_text.intersecting-border::after {
  content: "";
  position: absolute;
  left: var(--ib-overshoot);
  right: var(--ib-overshoot);
  top: 0;
  bottom: 0;
  border-left: var(--ib-thickness) solid var(--ib-color);
  border-right: var(--ib-thickness) solid var(--ib-color);
  pointer-events: none;
}

/* Five Column Row */
.five-column-row {
    display: flex;
    align-items: stretch;
}

.five-column-row .et_pb_column {
    display: flex;
    flex-direction: column;
    position: relative;
}

.five-column-row .et_pb_column:nth-child(1)::after,
.five-column-row .et_pb_column:nth-child(2)::after,
.five-column-row .et_pb_column:nth-child(3)::after,
.five-column-row .et_pb_column:nth-child(4)::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 1px;
    background-color: #d3d3d3; /* Adjust color as needed */
}

/* Responsive adjustments */
@media (max-width: 980px) {
    .five-column-row {
        flex-wrap: wrap;
    }
    .five-column-row .et_pb_column {
        width: 33.33% !important;
        margin-bottom: 30px;
    }
    .five-column-row .et_pb_column:nth-child(3)::after {
        display: none;
    }
}

@media (max-width: 767px) {
    .five-column-row .et_pb_column {
        width: 50% !important;
    }
    .five-column-row .et_pb_column:nth-child(2)::after {
        display: none;
    }
}

@media (max-width: 479px) {
    .five-column-row .et_pb_column {
        width: 100% !important;
    }
    .five-column-row .et_pb_column::after {
        display: none;
    }
}

/* Three Column Dividers */
.three-column-row {
    display: flex;
    align-items: stretch;
}

.three-column-row .et_pb_column {
    display: flex;
    flex-direction: column;
    position: relative;
}

.three-column-row .et_pb_column:nth-child(1)::after,
.three-column-row .et_pb_column:nth-child(2)::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 1px;
    background-color: rgba(214,213,213,0.4); /* Adjust color as needed */
}

/* Responsive adjustments */
@media (max-width: 980px) {
    .three-column-row {
        flex-wrap: wrap;
    }
    .three-column-row .et_pb_column {
        width: 100% !important;
        margin-bottom: 30px;
    }
    .three-column-row .et_pb_column::after {
        display: none;
    }
}

/* ---Contact Us Button --- */
#wpforms-submit-222849 {
  background-color: #0d1e58 !important;
  font-family: 'Open Sans', sans-serif;
  font-size: clamp(1.4rem, 1.24rem + 0.43vw, 1.8rem)!importnat;
  letter-spacing: 0.02em !important;
  font-weight: 400 !important; /* add style */
}