@import url('https://fonts.googleapis.com/css2?family=Baskervville:ital@0;1&display=swap');

/* @import url("https://use.typekit.net/ceo8ncq.css"); */



.loyd-header.hidden {display:none !important;}
.fusion-tb-header {position: absolute; top: 0; left: 0; right: 0;}

/** GLOBAL **/
html {font-size:16px !important;}


/** VARIABLES **/
:root {
  --h1_typography-font-family: "StyreneA Light" !important;
  --h2_typography-font-family: "StyreneA Light" !important;
  --h3_typography-font-family: "StyreneA Light" !important;
  --h4_typography-font-family: "StyreneA Light" !important;
  --h5_typography-font-family: "StyreneA Light" !important;
  --h6_typography-font-family: "StyreneA Light" !important;
  --h1_typography-font-size: 22px !important;
  --h2_typography-font-size: 20px !important;
  --h3_typography-font-size: 20px !important;
  --h4_typography-font-size: 18px !important;
  --h5_typography-font-size: 16px !important;
  --h6_typography-font-size: 14px !important;
  --h1_typography-line-height: 1.625rem !important;
  --h2_typography-line-height: 1.625rem !important;
  --h3_typography-line-height: 1.625rem !important;
  --h4_typography-line-height: 1.625rem !important;
  --h5_typography-line-height: 1.625rem !important;
  --h6_typography-line-height: 1.625rem !important;
  --h1_typography-letter-spacing:  0.08em !important;
  --h2_typography-letter-spacing:  0.08em !important;
  --h3_typography-letter-spacing:  0.08em !important;
  --h4_typography-letter-spacing:  0.08em !important;
  --h5_typography-letter-spacing:  0.08em !important;
  --h6_typography-letter-spacing:  0.08em !important;
  --h1_typography-color: #242834 !important;
  --h2_typography-color: #242834 !important;
  --h3_typography-color: #242834 !important;
  --h4_typography-color: #242834 !important;
  --h5_typography-color: #242834 !important;
  --h6_typography-color: #242834 !important;
  --h1_typography-text-transform: uppercase !important;
  --h2_typography-text-transform: uppercase !important;
  --h3_typography-text-transform: uppercase !important;
  --h4_typography-text-transform: uppercase !important;
  --h5_typography-text-transform: uppercase !important;
  --h6_typography-text-transform: uppercase !important;

  --awb-text-font-family: "Baskervville" !important;
  /* --awb-text-font-family: "baskerville-display-pt" !important; */
  --awb-text-color: #6A7785 !important;
  --awb-font-size: 1.125rem !important;
  --awb-line-height: 1.563rem !important;
  --awb-letter-spacing: 0.02em !important;
  --awb-text-font-weight: 400 !important;

  --content_bg_color: #f3efe6;

}

/** TYPOGRAPHY **/
h1, h2, h3, h4, h5, h6 {text-wrap: balance;}
.dark p {color: #C9D1E2;}
.dark .fusion-title .fusion-title-heading {color: #B7805C !important;}

/** HEADER **/
.loyd-header {}
.revere-header .fusion-button {padding: 18px 57px !important;}
.revere-header {transition: background-position 0.3s ease; background-position: 0 -90px;}
.revere-header:hover, .revere-header:has(.expanded) {
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.2) 25%, rgba(0, 0, 0, 0.1) 66%, rgba(0, 0, 0, 0) 100%);
    background-position: 0 0px;
}
.revere-header .fusion-button {border-color: #F3EFE6 !important;}
.revere-header .fusion-button span {color: #F3EFE6 !important; font-size: 12px;}

/** FOOTER **/

/** NAV **/
.loyd-header-nav .awb-menu__m-toggle {color: #796962;}
.revere-header .awb-menu__open-nav-submenu-hover,
.revere-header .awb-menu__open-nav-submenu_click {min-width: 13px;}
.revere-header .menu-text {letter-spacing: var(--h3_typography-letter-spacing);}

.mobile-mode-collapse-to-button {margin-top:-18px;}
.awb-menu__m-collapse-icon-close_no-text {color:#fff !important;}
@media screen and (min-width: 901px) {
  .revere-header .awb-menu__open-nav-submenu-hover:before,
  .revere-header .awb-menu__open-nav-submenu_click:before {content: '\002B';}
  .revere-header .expanded .awb-menu__open-nav-submenu-hover:before,
  .revere-header .expanded .awb-menu__open-nav-submenu_click:before {content: '\2212';}
}
@media screen and (max-width: 900px) {
  .revere-header {z-index:9999 !important}
}

/** ELEMENTS **/

  /** BUTTONS **/
  .fusion-button  {
    width: 182px;
    min-width: 182px;
    max-width: 182px;
    height: 49px;
    min-height: 49px;
    max-height: 49px;
    /* background: url('/wp-content/uploads/2025/01/revere-button.svg');
    background-size: 182px 49px;
    background-position: center center;
    background-repeat: no-repeat; */
    border-width: 0 !important;
    padding: 0 !important;
  }

  .fusion-button::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 182px;
    height: 49px;
    background-color: #B7805C; /* This sets the color */
    mask-image: url('/wp-content/uploads/2025/01/revere-button.svg');
    -webkit-mask-image: url('/wp-content/uploads/2025/01/revere-button.svg');
  }
  .fusion-button:hover::before {
    background-color: #242834; /* This sets the color */
  }
  .fusion-button span {
    color: #B7805C !important; 
    font-family: "StyreneA Light" !important; 
    font-size: 0.625rem !important; 
    line-height: 1 !important;
  }
  .fusion-button:hover span {
    color: #242834 !important; 
  }
  .revere-header .fusion-button::before {
    background-color: #F3EFE6 !important;
  }
  .revere-header .fusion-button span {
    color: #F3EFE6 !important; 
  }
  .dark .fusion-button:hover::before,
  .revere-header .fusion-button:hover::before {
    background-color: #C9D1E2 !important;
  }
  .dark .fusion-button:hover span,
  .revere-header .fusion-button:hover span {
    color: #C9D1E2 !important; 
  }


  /** DOTTTED LINE **/
  .line {
    position: absolute;
    top: 50%;
    left: 12px;
    right: 12px;
    height: 1px;
    background-color: #B7805C;
    transform: translateY(-50%);
  }
  .dot {
    position: absolute;
    top: 50%;
    width: 4px;
    height: 4px;
    background-color: #B7805C;
    border-radius: 50%;
    transform: translateY(-50%);
  }
  .dot-left {
    left: 0;
  }
  .dot-right {
    right: 0;
  }

  /** DOTS in BOX - Doesn't work in Sarafi **/
  .dots:before {
    content: "";
    position: absolute;
    top: 0; 
    left: 0; 
    right: 0; 
    bottom: 0;
    background: 
      radial-gradient(circle 2px at 8px 8px, #B7805C 100%, transparent 100%) no-repeat,
      radial-gradient(circle 2px at calc(100% - 8px) 8px, #B7805C 100%, transparent 100%) no-repeat,
      radial-gradient(circle 2px at 8px calc(100% - 8px), #B7805C 100%, transparent 100%) no-repeat,
      radial-gradient(circle 2px at calc(100% - 8px) calc(100% - 8px), #B7805C 100%, transparent 100%) no-repeat;
    pointer-events: none;
  }
  .fusion_builder_column_inner.dots:before  {
    left: 11px; 
    right: 11px; 
  }
  .fusion-button.dots:hover:before {
    background: 
      radial-gradient(circle 2px at 8px 8px, #242834 100%, transparent 100%) no-repeat,
      radial-gradient(circle 2px at calc(100% - 8px) 8px, #242834 100%, transparent 100%) no-repeat,
      radial-gradient(circle 2px at 8px calc(100% - 8px), #242834 100%, transparent 100%) no-repeat,
      radial-gradient(circle 2px at calc(100% - 8px) calc(100% - 8px), #242834 100%, transparent 100%) no-repeat;
  }
  .revere-header .fusion-button.dots:before {
    background: 
      radial-gradient(circle 2px at 8px 8px, #F3EFE6 100%, transparent 100%) no-repeat,
      radial-gradient(circle 2px at calc(100% - 8px) 8px, #F3EFE6 100%, transparent 100%) no-repeat,
      radial-gradient(circle 2px at 8px calc(100% - 8px), #F3EFE6 100%, transparent 100%) no-repeat,
      radial-gradient(circle 2px at calc(100% - 8px) calc(100% - 8px), #F3EFE6 100%, transparent 100%) no-repeat;
  }
  .dark .fusion-button.dots:hover:before,
  .revere-header .fusion-button.dots:hover:before {
    background: 
      radial-gradient(circle 2px at 8px 8px, #C9D1E2 100%, transparent 100%) no-repeat,
      radial-gradient(circle 2px at calc(100% - 8px) 8px, #C9D1E2 100%, transparent 100%) no-repeat,
      radial-gradient(circle 2px at 8px calc(100% - 8px), #C9D1E2 100%, transparent 100%) no-repeat,
      radial-gradient(circle 2px at calc(100% - 8px) calc(100% - 8px), #C9D1E2 100%, transparent 100%) no-repeat;
  }


.dotbox:before, .dotbox:after, .dotbox > div:before, .dotbox > div:after {
  content: ' ';
  background: url("/wp-content/uploads/2025/02/revere-dot.svg") no-repeat center center;
  background-size: 3px 3px;
  width: 3px;
  height: 3px;
  display: block;
  position: absolute;
}
/** nested column **/
.fusion_builder_column_inner.dotbox:before {top: 7px; right:17px;}
.fusion_builder_column_inner.dotbox:after {top: 7px; left:17px;}
.fusion_builder_column_inner.dotbox > div:before {bottom: 7px; right:17px;}
.fusion_builder_column_inner.dotbox > div:after {bottom: 7px; left:17px;}
/** normal **/
.dotbox:before {top: 7px; right:7px;}
.dotbox:after {top: 7px; left:7px;}
.dotbox > div:before {bottom: 7px; right:7px;}
.dotbox > div:after {bottom: 7px; left:7px;}


/** SECTIONS **/
.dark {background-color: #242834;}
.fill .fusion-builder-row-inner {flex: 1 !important;}
.revere-hero::after {
  content: ' ';
  display: block;
  position: absolute;
  top: 0;
  right:0;
  bottom: 0;
  left: 0;
  background:linear-gradient(180deg, rgba(0, 0, 0, 0.5) 9%, rgba(0, 0, 0, 0) 47%, rgba(0, 0, 0, 0.5) 85%);
}

/** HOME **/
.revere-home-hero::after {
  background:linear-gradient(180deg, rgba(0, 0, 0, 0.25) 9.5%, rgba(255, 255, 255, 0) 78%, rgba(0, 0, 0, 0.4) 85%);
}

.badge-background::before {
  content: "";
  background: url("/wp-content/uploads/2025/01/revere-background-badge.svg") no-repeat center center;
  background-size: 552px 488px;
  width: 552px;
  height: 488px;
  position: absolute;
  left: -430px;
  top: 50%;
  transform: translateY(-50%);
  z-index: -1;
}

@media screen and (max-width: 600px) {
  .badge-background::before {
    background-size: 331px 293px;
    width: 331px;
    height: 293px;
    left: -150px;
  }
  .mobile-badge {background-position: 100% 132%;}
}





.revere-home-stats {
    position: relative;
    border: 1px solid #B7805C;
    padding: 20px;
    margin-bottom: 20px;
    /* margin-top: 7px; */
}
.revere-home-stats .fusion-separator {margin:20px auto !important;}

/** COMMUNITY **/
.revere-community-hero::after {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.4) 9.5%, rgba(255, 255, 255, 0) 47%, rgba(0, 0, 0, 0.4) 85%);
}

@media screen and (min-width: 1200px) {
  .revere-community-lineart-background::before {
    content: "";
    background: url("/wp-content/uploads/2025/01/revere-community-lineart-background.jpg") no-repeat center center;
    background-size: 1134px 442px;
    width: 1134px;
    height: 442px;
    position: absolute;
    left: -560px;
    bottom: -200px;
    transform: translateY(-50%);
    z-index: -1;
  }
}

.revere-big-bullets ul, .revere-med-bullets ul {
  list-style-type: none;
  margin:0;
  padding:0;
  font-family: "StyreneA Light" !important;
  font-size: 14px;
  color:#242834;
  text-transform: uppercase;;
}
.revere-big-bullets ul li, .revere-med-bullets ul li {
  position: relative; 
  padding-left: 23px;
  padding-bottom: 25px;
}
.revere-med-bullets ul li {
  padding-bottom: 15px !important;
}
.revere-big-bullets ul li::before, .revere-med-bullets ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.6em;         /* Adjust as needed for vertical alignment */
  width: 8px;
  height: 8px;
  background-color: #B7805C;
  border-radius: 50%; /* Makes it a circle */
}
@media screen and (max-width: 900px) {
  .revere-big-bullets, .revere-med-bullets {column-count:1;}
}

.fusion-text-columns-2 {vertical-align: top !important;}


/** Avaiability **/
.buttonwline-container {
  background-color: #f3efe6;
    background: linear-gradient(to right, transparent 0%, transparent calc(50% - 115px), #f3efe6 calc(50% - 115px), #f3efe6 calc(50% + 115px), transparent calc(50% + 115px), transparent 100%);
}

/** Process **/
.process-steps-list ol li {margin:0px 0 15px 15px;}
.process-list:after {
    content: "";
    background: url("/wp-content/uploads/2025/02/revere-list-divider.svg") no-repeat center center;
    background-size: 4px 205px;
    width: 100%;
    height: 88%;
    position: absolute;
    z-index: -1;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

@media screen and (max-width: 600px) {
  .process-steps-list {column-count: 1;}
  .process-list:after {background: none !important;}
  .area-map img {transform:scale(1.5); padding: 50px 0 90px 0;} 
}





/** team **/
@media screen and (max-width: 900px) {
  .page-id-12598 .revere-hero {background-position: 77% center;}
}

/** Contact **/

.revere-contact-page-form:before, .revere-contact-page-form:after {
    content: "";
    background: url("/wp-content/uploads/2025/02/revere-dark-badge.svg") no-repeat center center;
    background-size: 615px 250px;
    width: 615px;
    height: 250px;
    position: absolute;
    z-index: -1;
}
.revere-contact-page-form:before {
    top: 70px;
    left: -130px;
}
.revere-contact-page-form:after {
    top: 70px;
    right: -130px;
}

.revere-contact-page-form .form-badge:before {
    content: "";
    background: url("/wp-content/uploads/2025/02/revere-contact-form-badge-3.svg") no-repeat center center;
    background-size: 161px 107px;
    width: 161px;
    height: 107px;
    position: absolute;
    z-index: 9;
    top: -18px;
    left: calc(50% - 161px/2);
}

.revere-contact-page-form {padding: 20px;}
.revere-contact-page-form iframe {border: 2px solid #B7805C !important;}





.fpo {
  /* position: relative;
  overflow: hidden; */
}

.fpo::before {
  content: "FPO";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(-45deg);
  font-size: 8rem;
  color: rgba(0, 0, 255, 0.5);
  pointer-events: none;
  z-index: 9999;
}


.swiper-creative .swiper-slide {
    opacity: 1 !important;
}