/* Because Lenis */
:root {
/* Change viewport max width here */
/*********************************/
  --max-width: 1360px;
/*********************************/
/* Enter brand colours here ******/
  --primary: #69BC45;
  --secondary: #344D60;
  --tertiary: #20303C;
  --accent: #247BA0;
}

/* Navbar */
#brx-header {
    box-shadow: 0 2px 10px 0px rgb(0 0 0 / 20%);;    
}

.bricks-nav-menu > li > a {
    border-color: #69bc4500;
}

.bricks-nav-menu > .current-menu-item > a {
    border-color: var(--primary);
}


#brx-header>.brxe-section {
  padding-top: 0;
  padding-bottom: 0;
}

/* Menu */
#menu-explore {
  transition: max-height 150ms ease-out !important;
  max-height: 0;
}

#menu-explore.open {
  max-height: 500px;
}

.main-menu-item {
  transition: all 200ms ease-out;
}

.main-menu-item.hover {
  background-color: #ebf0f4;
  color: #344d60
}


/* FORMS **********************************************************/
.wsf-label-position-inside canvas.wsf-field + label, .wsf-label-position-inside select.wsf-field + label, .wsf-label-position-inside input.wsf-field[placeholder] + label, .wsf-label-position-inside textarea.wsf-field[placeholder] + label, .wsf-label-position-inside canvas.wsf-field + .wsf-input-group-append + label, .wsf-label-position-inside select.wsf-field + .wsf-input-group-append + label, .wsf-label-position-inside input.wsf-field[placeholder] + .wsf-input-group-append + label, .wsf-label-position-inside textarea.wsf-field[placeholder] + .wsf-input-group-append + label {
  top: 10.5px !important;
}

.wsf-label-position-inside canvas.wsf-field + label, .wsf-label-position-inside select.wsf-field + label, .wsf-label-position-inside input.wsf-field[placeholder]:focus + label, .wsf-label-position-inside input.wsf-field[placeholder]:not(:placeholder-shown) + label, .wsf-label-position-inside textarea.wsf-field[placeholder]:focus + label, .wsf-label-position-inside textarea.wsf-field[placeholder]:not(:placeholder-shown) + label, .wsf-label-position-inside canvas.wsf-field + .wsf-input-group-append + label, .wsf-label-position-inside select.wsf-field + .wsf-input-group-append + label, .wsf-label-position-inside input.wsf-field[placeholder]:focus + .wsf-input-group-append + label, .wsf-label-position-inside input.wsf-field[placeholder]:not(:placeholder-shown) + .wsf-input-group-append + label, .wsf-label-position-inside textarea.wsf-field[placeholder]:focus + .wsf-input-group-append + label, .wsf-label-position-inside textarea.wsf-field[placeholder]:not(:placeholder-shown) + .wsf-input-group-append + label {
  border-radius: 3px;
  padding-left: 6px !important;
  padding-right: 6px !important;
}

form.reverse input[type=date].wsf-field, form.reverse input[type=datetime-local].wsf-field, form.reverse input[type=file].wsf-field, form.reverse input[type=month].wsf-field, form.reverse input[type=password].wsf-field, form.reverse input[type=search].wsf-field, form.reverse input[type=time].wsf-field, form.reverse input[type=week].wsf-field, form.reverse input[type=email].wsf-field, form.reverse input[type=number].wsf-field, form.reverse input[type=tel].wsf-field, form.reverse input[type=text].wsf-field, form.reverse input[type=url].wsf-field, form.reverse select.wsf-field, form.reverse textarea.wsf-field {
  border-color: #849cad;
}

form.reverse input[type=date].wsf-field:focus, form.reverse input[type=datetime-local].wsf-field:focus, form.reverse input[type=file].wsf-field:focus, form.reverse input[type=month].wsf-field:focus, form.reverse input[type=password].wsf-field:focus, form.reverse input[type=search].wsf-field:focus, form.reverse input[type=time].wsf-field:focus, form.reverse input[type=week].wsf-field:focus, form.reverse input[type=email].wsf-field:focus, form.reverse input[type=number].wsf-field:focus, form.reverse input[type=tel].wsf-field:focus, form.reverse input[type=text].wsf-field:focus, form.reverse input[type=url].wsf-field:focus, form.reverse select.wsf-field:focus, form.reverse textarea.wsf-field:focus {
  border-color: var(--primary);
}

button[type="submit"] {
  margin-top: 1rem !important;
}

.wsf-field-wrapper[data-type="radio"] > label {
  color: #fff;
  font-weight: bold;
  margin-top: 1rem;
}

input[type=radio].wsf-field + label.wsf-label {
    -webkit-padding-start: 30px !important;
    padding-inline-start: 30px !important;
    color: #fff !important; 
    cursor: pointer; 
}

input[type=radio].wsf-field + label.wsf-label:hover:before {
  background-color: var(--primary) !important;
}

/* MISC *********************************************************/
.bricks-button {
  border-radius: 4px;
}

.green {
  color: var(--primary);
}

.brxe-icon.whitepaper-trigger:hover {
  fill: var(--primary) !important;
}

.close-button {
  cursor: pointer;
}


.footer-post-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-template-rows: repeat(2, 1fr);
	grid-column-gap: 6px;
	grid-row-gap: 6px;
}

.footer-post-grid .brxe-block:first-child { 
  grid-area: 1 / 1 / 3 / 3; 
}

.footer-post-grid h3 {
  font-size: var(--text-s);
}

.footer-post-grid .brxe-block:first-child h3 {
  font-size: var(--text-l);
}

.footer-post-grid .brxe-block .content {
  padding: var(--space-xs);
}

.footer-post-grid .brxe-block:first-child .content {
  padding: var(--space-s);
}

.footer-post-grid a:after {
  display: none;
}

.feature-business-outcome .brxe-text {
  line-height: 1.3;
}

.vertical-divider > .brxe-block:first-child:after {
  display: block;
  content: "";
  width: 1px;
  height: 100%;
  background: var(--bricks-color-8a3c89);
  position: absolute;
  right: -4rem;
}

.more-down-arrow {
  opacity: 0;
  transition: opacity 500ms ease-out;
}

.more-down-arrow.show {
  opacity: 1;
}

.animation-pulse {
	animation: pulse 2s infinite;
}

@keyframes pulse {
	0% {
		transform: scale(1);
	}

	50% {
		transform: scale(1.2);
	}

	100% {
		transform: scale(1);
	}
}


/* MEDIA QUERIES ****************************************************/
@media only screen and (max-width: 1340px) {
  .main-menu-item {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }

@media only screen and (max-width: 1160px) {
  .main-menu-item {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

}

@media only screen and (max-width: 479px) {
  .footer-post-grid {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(4, 1fr);
  }
}