:root {
  --blue: #005dab;
  --indigo: 117f;
  --purple: #5e075f;
  --pink: #e83e8c;
  --red: #dc3545;
  --orange: #fd7e14;
  --yellow: #ffc107;
  --green: #023d14;
  --teal: #005a55;
  --cyan: #17a2b8;
  --white: #fff;
  --gray: #6c757d;
  --gray-dark: #343a40;
  --primary: #005dab;
  --secondary: #6c757d;
  --success: #023d14;
  --info: #17a2b8;
  --warning: #ffc107;
  --danger: #dc3545;
  --light: #f8f9fa;
  --dark: #343a40;
  --breakpoint-xs: 0;
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 992px;
  --breakpoint-xl: 1200px;
  --font-family-sans-serif: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
  --font-family-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace
}

body{
  font-family: 'Open Sans',sans-serif;
}

/*Enable Dropdown on Hovering in Global Nav*/
/*#mdc-global-nav .dropdown:hover .dropdown-menu {
  display: block;
}*/

#mdc-global-nav .dropdown-toggle:after{
  display:none;
}

#siteNav li {
  &:hover, &:has(.currentbranch0) {
    background: none;
  }
}

/*Disable Underline in Nav Links*/
.mdc-footer-links a, .mdc-footer-bottom a {
  text-decoration: none;
  &:hover{text-decoration: underline;}
}


/*:root,[data-bs-theme=light]{
  --bs-link-decoration: none;
}*/

@media (max-width:768px){
  .collapse.dont-collapse-sm {
    display: block;
    height: auto !important;
    visibility: visible;
  }
  #search-collapse{
    position: static !important;
  }
}


@media (min-width:768px){
  .collapse.dont-collapse-md {
    display: block;
    height: auto !important;
    visibility: visible;
  }
}


:root{
  --color-freedom-tower: #C4A986;
  --color-freedom-tower-primary: #005dab;
  --color-freedom-tower-secondary: #eee;
}

.btn-brand-primary{
  background-color: var(--color-freedom-tower-primary);
  color: #fff;
  &:hover,&:focus{
    background-color: var(--color-freedom-tower-primary);
    background-color: color-mix(in srgb, #000 10%, var(--color-freedom-tower-primary));
    color: #fff;
  }
}

.bg-brand{
  background-color: var(--color-freedom-tower);
}
.bg-brand-secondary{
  background-color: var(--color-freedom-tower-secondary);
}

.text-brand, a.link-brand{
  color: var(--color-freedom-tower) !important;
}

.navbar#siteNav{
  position: fixed;
  top: 3em;
  left: 0;
  right: 0;
  z-index: 1000;
  padding: .8rem 1rem;
  & ul.nav{
    gap: 1.5rem;
  }
  & .navbar-toggler-icon{
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
  }
  & li:has(.active){
    background: none;
  }
  & li:first-child a:before{
    display: none;
  }
}

.navbar#siteNav a{
  color: #fff;
  font-size: 1.2em;
  line-height:1.3;
  &.nav-link{
    border-bottom: 2px solid transparent;
    padding: .5rem 0;
  }
  &:not(.link-brand):hover,&.active-page{
    color: var(--color-freedom-tower);
    border-bottom: 2px solid var(--color-freedom-tower); 
  }
  &:hover,&:focus{
    text-decoration: none;
  }
  &.dropdown-item:hover,&.dropdown-item:focus{
    color: #000;
    border:none;
    background-color: var(--color-freedom-tower);
  }
}

hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgba(0,0,0,.3);
}

@media(max-width: 1199px){
  #siteNav .navbar-header{
    width: 100%;
    & .navbar-toggler{
      margin-right: -0.5em;
      margin-top: 0.5rem;
      border-color: rgba(255, 255, 255, 0.5);
    }
  }
  #siteNav ul{
      margin-top: 1rem;
    }
    #siteNav a.nav-link{
      padding-left: 1rem;  
      &.active-page {
        border: none;
        background-color: rgba(255,255,255,0.2);
      }
  }
}


/*#siteNav, #siteContent *:is(h1,h2,h3,h4,h5,p,span,li,a:not(.btn)){*/
#siteNav, #siteContent *:is(h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6){
  /*font-family: "Forum", serif;
  font-weight: 400;
  font-style: normal;
  text-wrap: pretty;*/

  font-family: neue-kabel, sans-serif;
  font-style: normal;
  font-weight: 100;

}

#siteNav, #siteContent *:is(h1,h2,h3,h4,h5,h6){
  text-transform: uppercase;
}


#siteContent{
  margin-top: 5.25rem;
  &.freedom-tower-home{
    margin-top: 8.25rem;

  }
}


.home-img{
/*  max-height: calc(100vh - (288px + 40px));*/
/* height: calc(100vh - 40px);*/
  object-position: center 0;
  height: auto;
}

@media (max-width: 992px){
  .home-img{
    height: 100%;
/*    object-position: center 2rem;*/
  }
}


.contact-form{
  & .col-lg-6:last-child *:is(h1,h2,h3,h4,h5,p,span,a){
    font-family: 'Open Sans',sans-serif !important;
  }
  & h2{
    text-transform: capitalize !important;
  }
  & form, div[class^='InnerFormBody']{
    margin-top: 0;
    padding: 0;
  }
  /*& .fsSection > *{
    margin-bottom: 0;
  }*/
  & .fsSectionHeader{
    margin-bottom: 2em;
  }
  & .fsLabel{
    font-size: 1em;
    margin-bottom: .5em;
  }
}


#faq-freedom-tower .accordion{
  & *:is(button){
    font-family: 'Open Sans',sans-serif;
  }
  & .accordion-button{
    background-color: var(--bs-gray-400);
    &:focus{
      box-shadow: none;
    }
  }
  & .accordion-item{
    background-color: var(--bs-gray-200);
  }
}

.faq .accordion{
  & *:is(button){
    font-family: 'Open Sans',sans-serif;
  }
  & .accordion-button{
    background-color: var(--bs-gray-400);
    &:focus{
      box-shadow: none;
    }
  }
  & .accordion-item{
    background-color: var(--bs-gray-200);
  }
}


.freedomtower-news dt{
  font-weight: 400;
  margin-top: 1rem;
}


@media (min-width:992px){
  .featurette-content {
    max-width: calc((var(--bs-breakpoint-lg) / 2) - 5rem);
  }

  .featurette:nth-child(even) .row {
    flex-direction: row-reverse;
    text-align: right;
    & .col-lg-6:last-child{
      align-items:end;
    }
  }

  .featurette:nth-child(odd){
    background: var(--color-freedom-tower-secondary);
    & .col-lg-6:first-child{
      justify-content: end;  
    }
  }

   .featurette :not(.featurette-content) > img{
    min-width: 768px; 
    object-fit: cover;
  }
}

@media (min-width:1200px){
  .featurette-content {
    max-width: calc((var(--bs-breakpoint-xl) / 2) - 5rem);
  }
  #siteContent{
    margin-top: 8rem !important;
    &.freedom-tower-home{
      margin-top: 10.5rem !important;
    }
  }
}

@media (min-width:1400px){
  .featurette-content {
    max-width: calc((var(--bs-breakpoint-xxl) / 2) - 5rem);
  }
}




.timeline ul{
  position: relative;
  width: 660px;
  margin: 0 auto;
  &:before{
    position: absolute;
    left: 50%;
    top: 0;
    content: ' ';
    display: block;
    width: 6px;
    height: 100%;
    margin-left: -3px;
    background: rgb(0,0,0);
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgb(0,0,0) 8%, rgb(0,0,0) 92%, rgba(0,0,0,0) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(30,87,153,1)), color-stop(100%,rgba(125,185,232,1)));
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgb(0,0,0) 8%, rgb(0,0,0) 92%, rgba(0,0,0,0) 100%);
    background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgb(0,0,0) 8%, rgb(0,0,0) 92%, rgba(0,0,0,0) 100%);
    background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgb(0,0,0) 8%, rgb(0,0,0) 92%, rgba(0,0,0,0) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgb(0,0,0) 8%, rgb(0,0,0) 92%, rgba(0,0,0,0) 100%); 
    z-index: 5;
  }
  & li{
    &:after {
      content: "";
      display: block;
      height: 0;
      clear: both;
      visibility: hidden;
    }
    &:nth-child(odd) span{
      position: relative;
      width: 300px;
      float: left;
      text-align: right;
      padding-right: 0.5rem;
    }
    &:nth-child(even) span{
      position: relative;
      width: 300px;
      float: right;
      padding-left: 0.5rem;
      &:before{
        left: -1rem;
      }
      &:after{
        left: -2rem;
      }
    }
    & span:before{
      position: absolute;
      top: 50%;
      right: -1rem;
      content: ' ';
      display: block;
      width: 20px;
      height: 20px;
      margin-top: -10px;
      background: #000;
      border-radius: 10px;
      z-index: 10;
    }
    & span:after{
      position: absolute;
      top: 50%;
      right: -2rem;
      content: ' ';
      display: block;
      width: 16px;
      height: 5px;
      margin-top: -3PX;
      background: #000;
      z-index: 10;
    }
    & strong:after{
      content: ': ';
    }
  }
}

/* ================ Timeline Media Queries ================ */

@media screen and (max-width: 660px) {
  .timeline ul{
    width: 100%;
    padding: 2em 0;
  }

  .timeline li {
    padding: 1.5em 0;
  }

  .timeline ul li span {
    float: none !important;
    width: 100% !important;
    display: block;
    background: #fff;
    z-index: 10;
    box-shadow: 1px 5px 15px #999;
    padding: 1em 0;
    text-align: center !important;
    & strong{
      display: block;
      &:after{
        content: '';
      }
    }
  }

  .timeline ul li span:before{
    position: absolute;
    top: -1.5rem;
    left: 50% !important;
    content: ' ';
    display: block;
    margin-left: -9px;
    z-index: 10;
    margin-bottom: 2em;
  }
  .timeline ul li span:after{
    content: "";
    position: absolute;
    left: 50% !important;
    top: -16px;
    height: 0;
    width: 0;
    margin-left: -10px;
    border: solid transparent;
    border-bottom-color: #fff;
    border-width: 10px;
    pointer-events: none;
    background: none;
  }
}






/* Subfooter */
.subfooter{
  background: #AD4D10;
  color: #fff;
  font-size: 1.25rem;
  font-weight: 200;
  & h4{
    font-family: neue-kabel, sans-serif;
  }
  & a{
    color: #fff;
    text-decoration-color: transparent;
/*    text-decoration-thickness: 1px;*/
    text-underline-offset: .15rem;
    transition: all .1s ease-in-out;
    &:hover,&:focus{
      text-decoration-color: #fff;
    }
  }
  & ul{
    column-count: 2;
  }
  & li{
    line-height: 1;
    margin-bottom: 0.75rem;
  }
  & address{
    line-height: 1.25;
  }
  & .social-icons a{
    margin-left: 5px;
  }
}

@media (max-width:767px){
  .subfooter{
    font-size: 1rem;
  }
}


/*Global Nav*/
#mdc-global-nav{
  background-color: rgb(34,34,34);
  font-size: 13px;
  & #navbar > .nav > li {
    cursor: pointer;
    border-right: 1px solid  rgba(255,255,255, .25);
    &:first-child{
      border-left: 1px solid rgba(255,255,255, .25);
    }
  }
  & a:hover, & a:focus{
      text-decoration: none;
    }
  & .dropdown-header-portals{
    font-weight: bold;
  }
  & .dropdown-menu{
    margin-top: -1px;
    margin-left: -2px;
    font-size: 14px;
  }
  & #search-collapse{
    bottom: calc(-40px - 1rem);
  }
}

@media(max-width:992px){
  #mdc-global-nav{
    & .navbar-header.mdc-branding{
      width: 100%;
    }
    & #navbar.global-nav > .nav > li{
      border: none;
      & ul{
        background: none;
        border: none;
      }
      & ul a{
        color: #9d9d9d;
      }
    }
    fieldset{
      width: 100%;
    }
    & .navbar-toggler-icon{
      background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='white' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
    }
  }
}

footer.mdc-footer-links,.mdc-footer-bottom{
  background-color: rgb(34,34,34);
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  border-color: rgba(255, 255, 255, .25) !important;
  & h5{
    font-size: 16px;
    font-weight: bold;
    border-color: rgba(255, 255, 255, .25) !important;
  }
  & .social-col{
    vertical-align: middle;
    line-height: 1.5em;
    & li{
      margin-bottom: 1em;
    }
    & i{
      font-size: 1.5em;
      line-height: 1;
      vertical-align: middle;
      margin-right: .25em;
    }
  }
  & *{
    color: #c9c9c9;
  }
}
.mdc-footer-bottom{
  font-size: 13px;
}
.btn-footer-collapse{
  margin-top: -0.5em;
}



/*siteimprove test*/

#siteContent a:not(.btn), .site-subfooter a:not(.btn){
  text-decoration: 1px underline var(--mdc-primary) !important;
  text-underline-offset: 2px !important;
  &:hover{
    text-decoration: 2px underline var(--mdc-primary) !important;
  }
}