/* General Hover Link styles */
div.header-container .bookend {
  outline: none;
  text-decoration: none;
  position: relative;
  line-height: 2;
  color: #fff;
  display: inline-block;
}


/* Hover Effect */
div.header-container .bookend-vert {}


div.header-container .bookend-vert::after {
  content: '';
  width: 100%;
  height: 2px;
  z-index: -1;
  background: #fff;
  position: absolute;
  -webkit-transform: scale3d(0, 1, 1);
  transform: scale3d(0, 1, 1);
  -webkit-transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
}


div.header-container .bookend-vert::after {
  left: 0;
  bottom: 0;
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
}

div.header-container .bookend-vert:hover::after {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
}

div.header-container .bookend-vert span {
  position: relative;
  -webkit-transition: color 0.5s;
  transition: color 0.5s;
}

header.template-header .navbar-side .mobile-sub-nav ul li:not(.website-phone) {
  display: inline-block;
}
/* Hover Effect */

.custom-form-container.career-form {
    background-color: #fff;
}

.custom-form-container.career-form  > div.widget{
    padding: 80px 20px;
}




.widget.heading4-text{
  --title-w: 360px;
  --gap: 64px;
  --pad-x: 20px;

  position: relative;
  padding-top: 26px;
  padding-bottom: 26px;

  padding-left: calc(var(--pad-x) + var(--title-w) + var(--gap));
  padding-right: var(--pad-x);
  margin-left: auto;
  margin-right: auto;
  max-width: 1640px;
}

/* contain the floated title so the widget height includes it */
.widget.heading4-text::after{
  content:"";
  display:block;
  clear:both;
}

/* vertical divider */
.widget.heading4-text::before{
  content:"";
  position:absolute;
  top: 18px;
  bottom: 18px;

  /* divider sits at the end of the title column (inside left padding) */
  left: calc(var(--pad-x) + var(--title-w));
  width: 4px;
  background: #023014;
  border-radius: 2px;
}

/* title left gutter but DOES NOT affect right content spacing */
.widget.heading4-text > h4{
  float: left;
  width: var(--title-w);
  margin-left: calc(-1 * (var(--title-w) + var(--gap)));
  margin-top: 0;
  margin-bottom: 0;
  padding-right: 16px;

  font-family: 'PlayfairDisplay Medium', serif;
  font-weight: 300;
  line-height: 1.08;
  color: #023014;
  letter-spacing: 0.2px;
}

/* right column content */
.widget.heading4-text > p,
.widget.heading4-text > ul{
  margin-left: 0; /* explicit */
}

/* remove empty spacing */
.widget.heading4-text > p:empty{
  display: none;
}

.widget.heading4-text > ul{
  margin: 10px 0 0;
  padding-left: 22px;
  font-size: 17px;
  font-size: 1.7rem;
  line-height: 1.7;
}
.widget.heading4-text > ul li{
  margin: 6px 0;
}


@media (min-width: 1336px){
	.widget.page-intro {
       background: #fff;
        max-width: 100%;
        margin-top: -78px;
        padding: 80px 0;
    }
    
    .widget.page-intro:after {
		margin-bottom: 40px;
	}
}

@media (max-width: 900px){
  .widget.heading4-text{
    padding-left: var(--pad-x);
    padding-top: 18px;
    padding-bottom: 18px;
  }
  .widget.heading4-text::before{
    display:none;
  }
  .widget.heading4-text > h4{
    float:none;
    width:auto;
    margin-left: 0;
    margin-bottom: 12px;
  }
}