@import 'variables.css';
 
  .custom-divider {
  border-left: 3px solid var(--color-blue); 
  height: 1.2em;                  
  opacity: 0.8;                
  display: inline-block;           
  }

  header i{
    color:var(--color-blue);
  }



/* FULL PAGE LOADER */
#page-loader{
  position:fixed;
  width:100%;
  height:100%;
  background:#0b3d91;
  top:0;
  left:0;
  z-index:9999;
  display:flex;
  justify-content:center;
  align-items:center;
  overflow:hidden;
}

/* faint blueprint grid background */

#page-loader::before{
  content:"";
  position:absolute;
  width:100%;
  height:100%;
  background-image:
  linear-gradient(rgba(255,255,255,0.05) 1px, transparent 1px),
  linear-gradient(90deg, rgba(255,255,255,0.05) 1px, transparent 1px);
  background-size:40px 40px;
}

/* center content */

.loader-inner{
  text-align:center;
  z-index:2;
}

/* SVG drawing */

.house-drawing{
  width:140px;
  margin-bottom:25px;
}

.house-drawing polyline,
.house-drawing rect{
  fill:none;
  stroke:white;
  stroke-width:3;
  stroke-dasharray:400;
  stroke-dashoffset:400;
  animation:draw 3s ease forwards;
}

/* door animation delay */

.house-drawing rect:nth-child(3){
  animation-delay:1s;
}

/* drawing animation */

@keyframes draw{
  to{
    stroke-dashoffset:0;
  }
}

/* site name */

.loader-title{
  color:white;
  font-size:30px;
  font-weight:600;
  margin-bottom:8px;
}

/* loading text */

.loading-text{
  color:rgba(255,255,255,0.8);
  font-size:14px;
  letter-spacing:2px;
  animation:blink 1.5s infinite;
}

@keyframes blink{
  0%,100%{opacity:1;}
  50%{opacity:0.4;}
}



/* SEARCH BAR */
.search-modal{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.7);
    /* blur background */
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);

    display:flex;
    align-items:center;
    justify-content:center;

    opacity:0;
    visibility:hidden;
    transition:all .4s ease;

    z-index:9999;
}

.search-modal.active{
    opacity:1;
    visibility:visible;
}

.search-modal-content{
    background:#fff;
    padding:40px;
    border-radius:8px;
    width:80%;
    position:relative;
}

.close-search {
    position: absolute;
    top: 50%;
    right: 15px;

    transform: translateY(-50%);

    font-size: 30px;
    background: none;
    border: none;
    cursor: pointer;
}



@media(max-width:1100px){
  .inside-links.d-flex.gap-4 {
      flex-direction: row-reverse;
  }
}