/*
  Running Squiz Matrix
  Developed by Squiz - http://www.squiz.net
  Squiz, Squiz Matrix, MySource, MySource Matrix and Squiz.net are registered Trademarks of Squiz Pty Ltd
  Page generated: 29 August 2025 14:12:03
*/


@font-face {
  font-family: 'stack-interface';
  src: url('../fonts/stack-interface.eot?33839631');
  src: url('../fonts/stack-interface.eot?33839631#iefix') format('embedded-opentype'),
       url('../fonts/stack-interface.woff2?33839631') format('woff2'),
       url('../fonts/stack-interface.woff?33839631') format('woff'),
       url('../fonts/stack-interface.ttf?33839631') format('truetype'),
       url('../fonts/stack-interface.svg?33839631#stack-interface') format('svg');
  font-weight: normal;
  font-style: normal;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'stack-interface';
    src: url('../fonts/stack-interface.svg?34857618#stack-interface') format('svg');
  }
}

 
 [class^="stack-"]:before, [class*=" stack-"]:before {
  font-family: "stack-interface";
  font-style: normal;
  font-weight: normal;
  speak: none;
 
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
 
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
 
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
 
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
 
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
 
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
 
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
 
.stack-down-open-big:before { content: '\e800'; } /* 'î €' */
.stack-left-open-big:before { content: '\e801'; } /* 'î ' */
.stack-right-open-big:before { content: '\e802'; } /* 'î ‚' */
.stack-up-open-big:before { content: '\e803'; } /* 'î ƒ' */
.stack-basket:before { content: '\e804'; } /* 'î „' */
.stack-search:before { content: '\e805'; } /* 'î …' */
.stack-down-dir:before { content: '\e806'; } /* 'î †' */
.stack-left-dir:before { content: '\e807'; } /* 'î ‡' */
.stack-right-dir:before { content: '\e808'; } /* 'î ˆ' */
.stack-up-dir:before { content: '\e809'; } /* 'î ‰' */
.stack-down-open:before { content: '\e80a'; } /* 'î Š' */
.stack-left-open:before { content: '\e80b'; } /* 'î ‹' */
.stack-right-open:before { content: '\e80c'; } /* 'î Œ' */
.stack-up-open:before { content: '\e80d'; } /* 'î ' */
.stack-menu:before { content: '\e80e'; } /* 'î Ž' */
.stack-users:before { content: '\e80f'; } /* 'î ' */
.stack-publish:before { content: '\e810'; } /* 'î ' */
.stack-trash:before { content: '\e811'; } /* 'î ‘' */
.stack-bell:before { content: '\e812'; } /* 'î ’' */
.stack-cog:before { content: '\e813'; } /* 'î “' */
.stack-plus-circled:before { content: '\e814'; } /* 'î ”' */
.stack-dot-3:before { content: '\e815'; } /* 'î •' */

.text-primary {
  color: #00263E !important;
}

.input-select::after {
  position: absolute;
  right: 2px;
  height: 100%;
  top: 0;
  font-size: 20px;
  content: '\2263';
  pointer-events: none;
  padding: 0 15px;
  border-left: 1px solid #ececec;
  line-height: 40px;
}

.content-text {
  font-size: 1.35714286em;
  line-height: 1.68421053em;
}

.pos-vertical-center.modal-menu {
    top: 43%;
}

.background-image-holder.home-image {
  background-position: 50% 119px !important;
}

.height-80 {
  height: 78vh;
}

.caveat-brush {
    font-family: 'Caveat Brush', cursive;
}

.icon.employment {
  width: 10rem;
}

.bar-1 .menu-horizontal > li > .dropdown__trigger, .bar-1 .menu-horizontal > li > a {
  font-size: 1.161em;
  text-transform: capitalize;
}

.row.skillsnav {
    align-items: center;
}

.footer-logo {
    width: 13.5rem;
}

.project-thumb.hover-element .hover-element__reveal .project-thumb__title {
  font-weight: 700;
}

.filter-section {
    padding-top: 3.42857143em;
}

input[type]::placeholder, textarea::placeholder, select::placeholder {
  color: #666666;
  font-size: 1.14285714em;
}

/* Images */

@media all and (min-width: 768px) {
    .bar .logo {
      max-height: 5rem;
      max-width: none;
    }
    .border--round {
      border-radius: 76% 51% 68% 66% / 85% 71% 60% 40%;
    }
    
    .border--round::before {
      border-radius: 76% 51% 68% 66% / 85% 71% 60% 40%;
    }
    
    .project-thumb.border--round::before {
      border-radius: 76% 51% 68% 66% / 85% 71% 60% 40%;
    }
    
    .border--round [data-scrim-top]::before, .border--round [data-scrim-bottom]::before, .border--round [data-overlay]::before {
      border-radius: 76% 51% 68% 66% / 85% 71% 60% 40%;
    }
    
    .project-thumb.border--round .background-image-holder {
      border-radius: 76% 51% 68% 66% / 85% 71% 60% 40%;
    }
    
    .project-thumb.border--round > a {
      border-radius: 76% 51% 68% 66% / 85% 71% 60% 40%;
    }
    
    .hover-element:hover .hover-element__reveal, .hover-element.hover--active .hover-element__reveal {
      display: flex;
      justify-content: center;
      align-items: flex-end;
      padding-bottom:1rem;
    }
    
    .feature-large img.border--round.box-shadow-wide {
        height:450px;
    }
}

@media all and (max-width: 768px) {
    .bar .logo {
      max-height: 5rem;
      max-width: none;
    }
    .bar .logo.logo-light {
      display:none;
    }
    .border--round {
      border-radius: 76% 51% 68% 66% / 85% 71% 60% 40%;
    }
    
    .border--round::before {
      border-radius: 76% 51% 68% 66% / 85% 71% 60% 40%;
    }
    
    .project-thumb.border--round::before {
      border-radius: 76% 51% 68% 66% / 85% 71% 60% 40%;
    }
    
    .border--round [data-scrim-top]::before, .border--round [data-scrim-bottom]::before, .border--round [data-overlay]::before {
      border-radius: 76% 51% 68% 66% / 85% 71% 60% 40%;
    }
    
    .project-thumb.border--round .background-image-holder {
      border-radius: 76% 51% 68% 66% / 85% 71% 60% 40%;
      height:400px;
    }
    
    .project-thumb.border--round > a {
      border-radius: 76% 51% 68% 66% / 85% 71% 60% 40%;
      height:400px;
    }
    
    .hover-element:hover .hover-element__reveal, .hover-element.hover--active .hover-element__reveal {
      display: flex;
      justify-content: center;
      align-items: flex-end;
      padding-bottom:1rem;
    }
    .feature-large img.border--round.box-shadow-wide {
        height:350px;
    }
}

.education.btn.btn--lg {
    padding-right: 0em;
    padding-left: 0em;
}

.menu-fullscreen::before {
  background: rgba(0, 38, 62, 0.9);
}

.border--round--original {
    border-radius:30px;
}

/* ==========================================================
   Custom Content Cards
   Used in LA Asset Listing for Lifestyle/Work/Study/Housing
   ========================================================== */
.content-cards {
  width: 100%;
  padding: 2rem 0;
}

.cards-row {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 1.5rem;
}

.card-item {
  background: #fff;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.card-item:hover {
  transform: translateY(-5px);
  box-shadow: 0 6px 15px rgba(0,0,0,0.12);
}

.card-image {
  width: 100%;
  height: auto;
  border-radius: 12px 12px 0 0;
}

.card-body {
  padding: 1rem;
}

.card-title {
  font-size: 1.1rem;
  letter-spacing: 0.5px;  
  font-weight: bold;
  margin: 0 0 .5rem;
  text-transform: uppercase;
}

.card-text {
  font-size: .9rem;
  color: #555;
  margin: 0;
}


.slider .hover-element__initial {
    position: relative;
    height: 300px; /* critical */
    overflow: hidden;
}
.slider .hover-element a {
    color: #fff !important;
    text-decoration: none !important;
    font-weight: bold;
}
.slider .project-thumb.hover-element .hover-element__reveal .project-thumb__title {
    padding: 1.85714286em;
    z-index: 2;
    position: relative;
    color: #fff;
    background: rgba(0,0,0,0.4);
}