html {
  scroll-behavior: smooth;
}

:root {
    --ltn__primary-color:#22385b;
    --section-bg-1:#f5f3ed;
    --section-bg-2:#957868;
    --ltn__secondary-color:#d4b39f;
    --ltn__secondary-color-2:#50627e;
}

.ltn__tab-menu-list .nav a.active {
  background-color: var(--ltn__primary-color);
}

a:hover {
  color: var(--ltn__primary-color);
}

.ltn__breadcrumb-color-white .ltn__breadcrumb-list li {
  color: var(--ltn__secondary-color-2); }

.ltn__breadcrumb-color-white .ltn__breadcrumb-list li:last-child {
    color: var(--ltn__primary-color); }

.ltn__breadcrumb-inner-2 .ltn__breadcrumb-list ul li:after {
  background-color: var(--ltn__primary-color);
  opacity: 0.8; }

input[type="email"], input[type="text"], input[type="password"] {
  letter-spacing: 2px;
  font-size: 16px;
}

.ltn__slide-item-inner {
  padding-top: 150px;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.btn-radius {
  border-radius: 5px;
}

.btn-full {
  width: 100%;
}

/* Handle built in validation on forms */
.default-form ul {
    margin-top: -30px;
}
.default-form ul li {
    font-size: .8em;
    margin-top: .5em;
}

/* Notes */
.border-notes {
  border: 1px solid #68bf4a;
}

.text-notes {
  color: #68bf4a;
}

.btn-apply {
  background-color: #68bf4a
}

/* Circle buttons */
.circle-button-container {
    width: 100%; 
    height: 100%;
    display: inline-block; 
}

.circle-button {
    position: relative;
    width: 100%;
    height: 0%;
    padding-bottom: 100%;
    border-radius: 50%;
    overflow: hidden;
    background-color: var(--ltn__primary-color);
    color: var(--white);
    border: 2px solid #23385a;
}

.circle-button:hover {
    background-color: var(--white);
    color: #23385a; 
    border: 2px solid #23385a;
}

.circle-button-link {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    display: inline-flex;
    align-items: center;
    background: #23385a;
}

.circle-button-link:hover {
    background-color: var(--white);
    color: #23385a;
}

.circle-button-text {
    margin: 18px;
    font-weight: bold;
    font-size: 1.5em;
    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

@media only screen and (max-width: 640px) {
  .circle-button-text {
    font-size: 1em
  }
}

.container-custom {
  padding-right:3vw;
  padding-left:3vw;
  margin-right:auto;
  margin-left:auto
}