html{
  
  margin:0;
  padding:0;	
}

body {
 /* padding-top:55px;*/
  padding-bottom:0px;

  /* Body copy: brand spec is 10pt/13px, bumped to 18px for web legibility per Amy's call */
  font-size:19px;
  line-height:26px;
  color:#000e31;
  max-width: 100%;
  font-family: "elza", sans-serif;
font-weight: 400;
font-style: normal;
}


/************** TEST ELEMENT BORDERS ****************/
/**{ outline: 1px solid red;}*/


/************************************ FONT STYLES *******************************/



h1, h2, h3, h4, h5, h6{

font-weight: normal;
font-style: normal;
}


h1{
  /* Brand type spec: Header Level 1 = Elza Regular 44pt (44pt x 4/3 = 59px) */
  color:#006afe;
  margin-bottom:24px;
  font-size:80px;
  line-height:80px;
  margin-top:0;
font-family: "elza", sans-serif;
font-weight: 400;
letter-spacing:0.01em;
font-style: normal;
  margin-bottom:0;
  /*width: max-content;*/
  /*position:relative;*/
  z-index:10;

}

h1 .italic{

    font-style: italic;
}





.indent-left{
  margin-left:180px;
}

h2 {
  font-size: 33px;
  line-height:36px;
  color: #006afe;
  padding-top:0px;
  margin-top:0;
  font-family: "elza", sans-serif;
font-weight: 700;
letter-spacing:0.05em;
font-style: normal;
text-transform:uppercase;
}


.green-header-bkgd{
  background: #006afe;
  width: 102%;
  height: 15px;
  margin-left:-1%;
  margin-right:20px;
  margin-top:-30px;
  margin-bottom:15px;
}



h3{
  /* Brand type spec: Header Level 2 = Elza Medium 20pt (20pt x 4/3 = 27px), gray */
  /*color:#000;*/
  margin-bottom:0;
font-size: 36px;
    line-height: 40px;
    margin-top: 0;
    /*letter-spacing: 0.1em;*/
  padding-bottom:0px;
  /*text-transform:uppercase;*/
font-family: "elza", sans-serif;
font-weight: 400;
font-style: normal;
}

h4{
  /* Brand type spec: Subhead Level 1 = Elza Medium 11.5pt (11.5pt x 4/3 = 15px), blue */
  color:#006afe;
  letter-spacing:1px;
  text-transform:uppercase;
  font-size:15px;
  line-height:22px;
  display: block;
  font-family: "elza", sans-serif;
font-weight: 500;
font-style: normal;

}

.intro-p{
  margin-bottom:40px;
  font-size:45px; 
  line-height: 48px;
  margin-top:0;
  color:#fff;

}

.lrg-h1{
  color:#006afe;
  margin-bottom:0;
  font-size:42px; 
  line-height:46px;
  margin-top:0;
padding-bottom:15px;
}


.large-p{
  margin-bottom:20px;
  font-size:26px;
  line-height: 32px;
  letter-spacing:0.1em;
  margin-top:0;
  text-transform:uppercase;
font-family: "elza", sans-serif;
font-weight: 400;
font-style: normal;
}

.quotation{
  color:#e7eaeb;
  margin-bottom:0;
  font-size: 105px; 
  line-height:105px;
  margin-top:0;
  letter-spacing:0.02em;

}

.lrg-quote{
  /* Hero tagline: sized up to match flyer proportions (tagline cap-height ~2.3x the address line) */
  color:#e7eaeb;
  margin-bottom:0;
    font-size: 44px;
    line-height: 50px;
  margin-top:0;
font-family: "elza", sans-serif;
font-weight: 400;
font-style: normal;
letter-spacing: 0.02em;
}

.lrg-quote strong,
.lrg-quote .bold{
  font-weight: 700;
}

/* Hero address line - bold/normal-case, matching the OM cover (not the gray uppercase Header Level 2 style) */
.hero-address{
  font-size: 18px;
  line-height: 26px;
  font-weight: 500;
  text-transform: none;
  letter-spacing: 0.08em;
  font-family: "elza", sans-serif;
}

.sm-quote{
  color:#e7eaeb;
  margin-bottom:0;
  font-size: 28px; 
  line-height:30px;
  margin-top:0;
  letter-spacing:0.02em;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
}

.lrg-quote.italic{
font-style: italic;
}

.lrg-quote2{
  color:#e7eaeb;
  margin-bottom:0;
font-size: 36px;
    line-height: 42px;
  margin-top:0;
font-family: "elza", sans-serif;
font-weight: 400;
font-style: normal;
}

.small{
  font-size:13px;	
  line-height:19px;
}

.numbers{
 
}

.bold,
.bold a{
  font-weight: 700;
}

.semibold,
.semibold a{
  font-weight: 600;
}

.medium,
.medium a{
  font-weight: 500;   
  letter-spacing:2px;
}

.light,
.light a{
  font-weight: 400;		
}



.bold-intro{
font-size:17px;
 line-height: 22px;
 /*   letter-spacing:2px;
  text-transform:uppercase;
 
  display: inline-block;
  font-family: 'giga_sansmedium', sans-serif;
font-style: normal;*/
  /*font-size:13px;
  line-height:15px;*/
  color:#231f20;
  letter-spacing:0.1em;
  text-transform:uppercase;
font-weight: 600;
    font-variation-settings: "wght" 600;
font-style: normal;
}


/*.bold-intro-sm{
  font-size:13px;
  letter-spacing:2px;
  text-transform:uppercase;
  line-height: 16px;
  display: inline-block;
  font-family: 'giga_sansmedium', sans-serif;
font-style: normal;
}*/

.cap{
  text-transform:uppercase;
}


#home h1{
  font-family: "elza", sans-serif;
font-weight: 600;
font-style: normal;
    font-style: normal;
font-size: 90px;
  line-height: 90px;
/*  margin-bottom:40px !important;*/
  text-transform:uppercase;
  color:#fff;
  margin-bottom:0;
  width: max-content;
}


.basalt-underline:after{
position: relative;
    height: 20px;
    width: 100%;
    top: -21px;
    left: 0px;
    display: block;
    content: '';
    background: #474e5c;
    z-index: -10;
}

.white-underline:after{
position: relative;
    height: 20px;
    width: 100%;
    top: -21px;
    left: 0px;
    display: block;
    content: '';
    background: #fff;
    z-index: -2;
}


.mist-underline:after{
position: relative;
    height: 20px;
    width: 100%;
    top: -21px;
    left: 0px;
    display: block;
    content: '';
    background:#474e5c;
    z-index: -2;
}

.fog-underline:after{
position: relative;
    height: 20px;
    width: 100%;
    top: -21px;
    left: 0px;
    display: block;
    content: '';
    background:#788197;
    z-index: -2;
}


/*.h1-underline{
  width: 100%;
  height: 20px;
  background: #474e5c;
  margin-top:-21px;
}*/

#home .bold-intro{
    font-size:28px !important;
  margin-bottom:20px !important;
}



p.white .bold-intro{
  color:#fff;

}

h1.home-head.white,
h1.home-head2.white,
h2.white,
h3.white,
.white h3,
p.leed.white,
p.white,
a.white,
a:link.white,
a:visited.white,
a:active.white,
.white{
  color:#fff !important;
}


.white,
p.white,
a.white,
.list-thin-divide.white{
  color:#fff;	
}


a.white:hover,
a.white:active{
  color:#000e31 !important;	
}




/************************************** Brand COLORS *************************************/

/* Podium I-5 small-caps teal-green label accent - matches "FRONTAGE ON I-5" / "Developed by" / "Exclusively listed by" treatment in the OM */
.accent-teal{
  color:#00f7a8 !important;
}

/* Bold blue inline emphasis for body copy on light backgrounds - matches flyer p.4 "major transportation routes" treatment */
.accent-blue{
  color:#006afe !important;
}

/* Section1-1 (Federal Way) now sits on a white/light background - recolor the dark-bg text classes and dividers to match flyer p.4 */
#section1-1 h1.white,
#section1-1 p.white,
#section1-1 h4.white,
#section1-1 .lrg-quote2.white{
  color:#000e31;
}

#section1-1 h1.white{
  color:#006afe;
}

#section1-1 h4.white{
  color:#808698;
}

#section1-1 .white-border-left{
  border-left-color:#2a35c2;
}

#section1-1 .white-border-left::before{
  background-color:#2a35c2;
}

#section1-1 .white-border-left p{
/*  color:#2a35c2;
  font-weight:700;
  font-size:22px;
  line-height:26px;*/
}



/*.basalt {color:#474e5c !important;}
.limestone {color:#788197 !important;}
.steelblue {color:#000e31 !important;}
.mist {color:#474e5c !important;}
.lichen {color:#e7eaeb !important;}
.lichen60 {color:##e7eaeb !important;}
.clay {color:#006afe !important;}
.fog {color:#788197 !important;}*/


.deepspace {color:#000e31 !important;}
.cobalt {color:#006afe !important;}
.zinc {color:#788197 !important;}
.zinc50 {color:#474e5c !important;}
.erbium {color:#e7eaeb !important;}
.rubidium {color:#00f7a8 !important;}



/************************************** KM COLORS *************************************/


.km-orange{
  color:#E04403; /* rgb(224,68,3)  */
}

.rustic-clay{
  color:#C03E27; /* rgb(192,62,39)  */
}

.burnt-orange{
  color:#8D2B1D; /* rgb(141,43,29)  */
}

.charcoal{
  color:#363537; /* rgb(54,53,55)  */
}

.ash{
  color:#000e31; /* rgb(95,93,94)  */
}

.sterling{
  color:#AFABAC; /* rgb(175,171,172)  */
}

.stone-gray{
  color:#EBEEEF; /* rgb(235,238,239)  */
}

.midnight-blue{
  color:#01576E; /* rgb(0,88,111)  */
}

.cosmic-dust{
  color:#2D879A; /* rgb(45,135,154)  */
}

.alaskan-blue{
  color:#4CABBF; /* rgb(76,171,191)  */
}

.harbor-sky{
  color:#97D1DC; /* rgb(151,209,220)  */
}

.valor{
  color:#E0F0F4; /* rgb(224,240,244)  */
}

.gold{
  color:#CAAD6B; /* rgb(202,173,107)  */
}





/************************************** BRAND COLORS *************************************/

.blue-palatine{
  color:#2a35c2 !important;
}

.blue-sound{
  color:#006afe !important;
}

.blue-glacier{
  color:#2a35c2 !important;
}

.aquamarine{
  color:#00f7a8 !important;
}
.black-abyss{
  color:#000e31 !important;
}
.blue-glacier{
  color:#2a35c2 !important;
}

.lt-gray-abyss50{
  color:#808798 !important;
}

.lt-gray-foam{
  color:#f3fbfd !important;
}



/************************************** NAVBAR *************************************/

.navbar{
  /*background-color: #f3f6f7 !important;*/

  /* change to */
  background-color: transparent;
  border-bottom: none;
  transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  padding:0.6rem 2rem 0.5rem 2.8rem;
}

body.bldg .navbar{
  background-color: #f3f6f7;
  border-bottom: none;

}

.logo-bkgd{
  width:130px;
  height:20px;
}


.navbar-brand,
.navbar-light .navbar-brand{
  color:#fff;
  background-image:url('../images/logos/peak-410-logo-text-white-sm-blank.png');
  background-size:120px auto;
  background-repeat:no-repeat;
  margin-top:10px;
  transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  /*margin-left: 20px;*/
}





.navbar-nav{
text-align:right;
}

.navbar-nav .nav-link{
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
/*  font-weight: 600;*/
  line-height: 18px;
  padding: 0 0;
  margin:0.8rem 0.8rem 0.4rem 0.8rem;
position:relative;
display:inline-block;
color:#fff;
overflow:hidden;
-webkit-transition:color .7s ease;
transition:color .7s ease;
}


body.bldg .navbar-nav .nav-link{
color:#fff;
}


.navbar-light .navbar-toggler-icon,
.navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
    transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
}


body.bldg .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(23,42,73, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.navbar-toggler{
border:none;
border-radius: 0rem;
}

.nav-link:after{
content:'';
position:absolute;
bottom:0;
right:0;
height:2px;
width:0;
background-color:currentColor;
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
-webkit-transition:width .4s cubic-bezier(0.77,0,0.175,1);
transition:width .4s cubic-bezier(0.77,0,0.175,1);
}

.nav-link:hover:after,
a:hover .nav-link:after,
.nav-link:focus:after,
a:focus .nav-link:after,
.home:not(.header-is-pinned) .app-header .nav-link:hover:after,
a:hover .home:not(.header-is-pinned) .app-header .nav-link:after,
.home:not(.header-is-pinned) a:hover .app-header .nav-link:after,
.home:not(.header-is-pinned) .app-header .nav-link:focus:after,
a:focus .home:not(.header-is-pinned) .app-header .nav-link:after,
.home:not(.header-is-pinned) a:focus .app-header .nav-link:after,
.btn-line:hover:after,a:hover .btn-line:after,.btn-line:focus:after,
a:focus .btn-line:after {
width:100%;
left:0;
right:auto;
-webkit-transition:width .4s cubic-bezier(0.77,0,0.175,1);
transition:width .4s cubic-bezier(0.77,0,0.175,1);
}

.nav-link.is-active:after,
.nav-link:focus:after,
.home:not(.header-is-pinned) .app-header .nav-link.is-active:after,
.home:not(.header-is-pinned) .app-header .nav-link:focus:after,
.btn-line.is-active:after,
.btn-line:focus:after {
width:100%!important;
color:#006afe;
}

/*.navbar-light .navbar-nav .nav-link,
.navbar-nav .nav-link  {
    color: #8a8a9d;
}*/

.navbar-nav .active > .nav-link{
  color:#006afe;
}

.navbar-light .navbar-nav .nav-link.active,
 .navbar-light .navbar-nav .active > .nav-link,
.navbar-nav .nav-link.active,
.navbar-nav .active > .nav-link{
    color: #006afe;  /*Can change to orange if want contrasting color*/
}

body.bldg .navbar-nav .nav-link.active,
body.bldg .navbar-nav .active > .nav-link{
color:#006afe;
}







/************************************ Side NAVBAR *******************************/


 /* The side navigation menu */
.sidenav {
  height: 100%; /* 100% Full-height */
  width: 0; /* 0 width - change this with JavaScript */
  position: fixed; /* Stay in place */
  z-index: 2000; /* Stay on top */
  top: 0;
  right: 0;
  background-color:#006afe; 
  overflow-x: hidden; /* Disable horizontal scroll */
  padding-top: 35px; /* Place content 60px from the top*/
  transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */

  /*background-image:url(../images/bkgd/triangles1.png);
  background-repeat: no-repeat;
  background-position: bottom right; */ 
/*  background-size: 80% auto;  */
}


/* The navigation menu links */
.sidenav a,
.sidenav a:link {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
/*  font-size:23px; 
  line-height: 30px;*/
  color: #fff !important;
  display: block;
  transition: 0.3s;

    font-size:26px; 
  margin-top:12px;
  margin-bottom:12px;

font-family: "elza", sans-serif;
font-weight: 400;
font-style: normal;
}

/* When you mouse over the navigation links, change their color */

.sidenav a:active,
.sidenav a:hover {
  color: #000e31 !important;
    transition: 0.3s;
}

.menu-btn.solid-btn{
z-index: 1000;
position: fixed;
margin-top: 20px;
margin-right: 20px;
cursor: pointer;
right: 0;
top: 0;
}

/* Position and style the close button (top right corner) */
.sidenav a.closebtn {
  position: absolute;
  top: 0;
  right: 15px;
  font-size: 36px;
  margin-left: 50px;
  margin-top:10px;
  padding-top:5px;
}

/* Style page content - use this if you want to push the page content to the right when you open the side navigation */
#main {
  transition: margin-left .5s;
  padding:0px;
}

/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
@media screen and (max-width: 450px) {
  /*.sidenav {padding-top: 35px;}
  .sidenav a {font-size: 14px; margin:0 0;}*/
} 








/************************************ LINKS BUTTONS *******************************/


a{
  color:#000e31;
  text-decoration:none;
}

a:hover, 
a:focus,
a:hover div{
  text-decoration:none;
  color:#000e31;
}

a,
a div{
  -o-transition: all 0.1s linear;
  -moz-transition: all 0.1s linear;
  -khtml-transition: all 0.1s linear;
  -webkit-transition: all 0.1s linear;
  -ms-transition: all 0.1s linear;
  transition: all 0.1s linear;
}

a:hover,
a:focus,
a:hover div{
  -o-transition: all 0.1s linear;
  -moz-transition: all 0.1s linear;
  -khtml-transition: all 0.1s linear;
  -webkit-transition: all 0.1s linear;
  -ms-transition: all 0.1s linear;
  transition: all 0.1s linear;
}

.large-p a{
  color:#717074;
  text-decoration:none;
}
.large-p a:hover{
  color:#29CC96;
  text-decoration:none;
}

a.download {
  display: block;
  padding: 0 4px 5px 25px;
  text-decoration:none;
  background-color: transparent;
  background-image: url(../images/download-icon-charcoal.png);
  background-repeat: no-repeat;
  background-position: left 3px;
  background-size: 14px 14px;
  font-variation-settings: "wght" 700;
font-weight: 700;
font-style: normal;
text-transform:uppercase;
}

a.link {
  display: block;
/*  padding: 0 25px 5px 0px;*/
  text-decoration:none;
/*  background-color: transparent;
  background-image: url(../images/download-arrow.png);
  background-repeat: no-repeat;
  background-position: right 0px;
  background-size: 16px 16px;*/
  font-variation-settings: "wght" 700;
font-weight: 700;
font-style: normal;
text-transform:uppercase;
}


.blue-btn a.download,
.orange-btn a.download,
.outline-btn a.download,
.solid-btn a.download {
  background-image: url(../images/download-icon-charcoal.png);
  padding: 0 4px 0px 25px;
  font-size:14px; 
  line-height:15px; 
  color:#fff;  
  padding-top:0px;
  padding-bottom:0px;
  margin-top:0;
  font-weight: 400;
  text-transform:uppercase;
  letter-spacing:2px;

  -o-transition: all 0.1s linear;
  -moz-transition: all 0.1s linear;
  -khtml-transition: all 0.1s linear;
  -webkit-transition: all 0.1s linear;
  -ms-transition: all 0.1s linear;
  transition: all 0.1s linear;
}


.solid-btn a.download {
color:#fff;
}


.outline-btn.white a.download {
  background-image: url(../images/download-icon-white.png);
  color: #fff;  
}

.outline-btn a.download:hover {
  background-image: url(../images/download-icon-white.png);
  color:#fff;
}

.blue-btn a.link,
.orange-btn a.link,
.outline-btn a.link,
.solid-btn a.link {
  color:#fff !important;
  font-size:13px;
  line-height:13px;
  padding-top:0px;
  margin-top:0;
  padding-bottom:0px;
  font-weight: 500;
  text-transform:uppercase;
  letter-spacing:3px;

  transition: all 0.1s linear;
}



.outline-btn.alt a.link{
  background-image: url(../images/link-arrow-limoncello.png);
  color:#006afe;
}

.outline-btn.alt a.link:hover{
  color:#006afe;
}

.solid-btn a.link {
  color:#fff;
}

.outline-btn.white a.link {
  color: #fff;  
}

.outline-btn a.link:hover{
  color:#000e31;
}


a.link.prc-red:hover{
  color:#fff;
}

a.return {
  display: block;
  padding: 0 0 5px 16px;
  text-decoration:none;
  background-color: transparent;
  background-image: url(../images/return-teal.png);
  background-repeat: no-repeat;
  background-position: left 6px;
  background-size: 12px 12px;
}

a.play {
  display: block;
  padding: 0 0 0px 26px;
  text-decoration:none;
  background-color: transparent;
  background-image: url(../images/video-link-sm.png);
  background-repeat: no-repeat;
  background-position: left 0px;
  background-size: 18px 18px;
  color:#fff;
  font-size:13px; 
  line-height:18px; 
  padding-top:0px;
  margin-top:0;
  padding-bottom:2px;
  font-weight: 700;
  text-transform:uppercase;
  letter-spacing:0.06em;
  
  -o-transition: all 0.1s linear;
  -moz-transition: all 0.1s linear;
  -khtml-transition: all 0.1s linear;
  -webkit-transition: all 0.1s linear;
  -ms-transition: all 0.1s linear;
  transition: all 0.1s linear;
}



.blue-btn{
  padding:5px 10px;
  background-color: #01576e;
  display: inline-block;
  margin-right:10px;
  margin-top:10px;
  color:#fff; 

  -o-transition: all 0.1s linear;
  -moz-transition: all 0.1s linear;
  -khtml-transition: all 0.1s linear;
  -webkit-transition: all 0.1s linear;
  -ms-transition: all 0.1s linear;
  transition: all 0.1s linear;
}

.blue-btn:hover{
  background-color: #97d1dc;
  color:#fff;

  -o-transition: all 0.1s linear;
  -moz-transition: all 0.1s linear;
  -khtml-transition: all 0.1s linear;
  -webkit-transition: all 0.1s linear;
  -ms-transition: all 0.1s linear;
  transition: all 0.1s linear;
}



.outline-btn{
  padding:14px 16px 13px 16px;
  background-color: none;
  border:2px solid #000e31;
  display: inline-block;
  margin-right:10px;
/*  margin-top:10px;*/
  color:#006afe; 

  -o-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -khtml-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  transition: all 0.2s linear;

  height:44px;
}


.outline-btn.alt{
  padding:10px 14px 8px 14px;
  background-color: none;
  border:2px solid #000e31;
  display: inline-block;
  margin-right:10px;
  margin-top:10px;
  color:#006afe; 

  -o-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -khtml-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  transition: all 0.2s linear;
}



.outline-btn:hover{
  background-color: #000e31;
  color:#000e31;
    border:2px solid #000e31;
  -o-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -khtml-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  transition: all 0.2s linear;
}



.outline-btn.alt:hover{
  background-color: #000e31;
  color:#006afe;
    border:1px solid #000e31;
  -o-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -khtml-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  transition: all 0.2s linear;
}


.outline-btn.white{

  border:1px solid #006afe;
  color:#fff; 

}

.outline-btn.white:hover{
  background-color: #006afe;
  border:1px solid #006afe;
  color:#fff;
}



.solid-btn{
  padding:14px 25px 16px 25px;
  background-color:#2a35c2;
  display: inline-block;
/*  margin-right:10px;*/
  margin-top:5px;
  color:#fff; 

  -o-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -khtml-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  transition: all 0.2s linear;

  /*height:44px;*/
}

.solid-btn:hover{
  background-color:#006afe;
  color:#fff;
  -o-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -khtml-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  transition: all 0.2s linear;
}


.solid-btn.inv{
/*  padding:12px 25px 12px 25px;*/
  background-color:#474e5c;
  display: inline-block;
/*  margin-right:10px;*/
/*  margin-top:5px;*/
  color:#fff; 

  -o-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -khtml-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

.solid-btn.inv:hover{
  background-color:#006afe;
  color:#fff;
  -o-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -khtml-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  transition: all 0.2s linear;
}


.blue-btn.inv{
  background-color:#2d879a ;
}

.blue-btn.inv:hover{
  background-color: #01576e;
}

.orange-btn{
  padding:5px 10px;
  background-color: #ff6a11;
  display: inline-block;
  margin-right:10px;
  margin-top:10px;
  color:#fff; 

  -o-transition: all 0.1s linear;
  -moz-transition: all 0.1s linear;
  -khtml-transition: all 0.1s linear;
  -webkit-transition: all 0.1s linear;
  -ms-transition: all 0.1s linear;
  transition: all 0.1s linear;
}

.orange-btn:hover{
  background-color: #eb5800;
  color:#fff;

  -o-transition: all 0.1s linear;
  -moz-transition: all 0.1s linear;
  -khtml-transition: all 0.1s linear;
  -webkit-transition: all 0.1s linear;
  -ms-transition: all 0.1s linear;
  transition: all 0.1s linear;
}

a.underline{
  text-decoration:underline;
}





input.outline-btn{
  padding: 10px 14px 8px 14px;
  background-color: transparent !important;
  border: 1px solid #000e31;
  display: inline-block;
  margin-right: 10px;
  margin-top: 10px;
  color: #000e31;
  font-size: 13px;
  line-height: 18px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 2px;
  transition: all 0.1s linear;
}


input.outline-btn:hover{
  background-color: #006afe !important;
  transition: all 0.1s linear;
}








.slick-gallery img{
/*padding:2px;*/
border:2px solid #fff;
}






/****************************** VIDEO ******************************/
.video-link img{
margin:0 auto; 
margin-top:0px; 
padding:20px;
margin-top:-70px;
}

.video-link{
margin:0 auto; 
width:200px;
}


	.video-wrapper{
	position: relative;
	padding-bottom: 53.6%; /* 16:9 56.25%*/
	padding-top: 25px;
	height: 0;	
	overflow:hidden;
	}
	
	.video-wrapper iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;	
	}
	





/****************************** HOME VIDEO BKGD ******************************/




video#bgvid { 
    position: fixed;
    top:40%;
    left: 50%;
    min-width: 110%;
    min-height: 100%;
    width: auto; /* was 150% */
    height: auto;
    z-index: -100;
    transform: translateX(-50%) translateY(-50%);
/* background: url('../images/video/2301-n-sepulved-blvd.png') no-repeat;
  background-size: cover;*/
  /*transition: 1s opacity;*/
}


.video-wrap1{
  width:100%;
  display:block;
  overflow:hidden;
}

video#mobilevid { 
    position: fixed;
    top: 0;
    left: 0;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    overflow:hidden;
  /*  z-index: 0;*/
    /*transform: translateX(-50%) translateY(-50%);*/
/* background: url('../images/video/2301-n-sepulved-blvd.png') no-repeat;
  background-size: cover;*/
  /*transition: 1s opacity;*/
}





/*

.mast-promo::after {
  z-index: 3;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(0,0,0,0.4)), to(rgba(0,0,0,0.3)));
  background: linear-gradient(to top, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.3) 100%);
}


  .bg-vid {
    z-index: 1;
 position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden;
}

.overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color:rgba(0,0,0,0.5);
}


.bg-vid__cover {
  z-index: 2;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #363537;
}*/






/************************ Responsive image map styles *************************/

.imageMap {width:100%; position:relative;}
.imageMap img {display:block; width:100%;}
.imageMap .hotspots {width:100%; height:100%; position:absolute; left:0; top:0; /*visibility:hidden;*/}
.imageMap a {display:block; position:absolute; background:#000e31; /* bkgd:none messed up IE */ z-index:100; opacity:0; filter: alpha(opacity=0); border:0px solid transparent; cursor:pointer;}

/* testing version below - will show borders */
/*.imageMap a {display:block; position:absolute; background:red; z-index:100; opacity:0.4; filter: alpha(opacity=40); border:1px solid transparent;}*/



/*************************** hotspots ***************************/


.imageMap a{
width:3%; 
height:3.6%; 
/* Safari 3-4, iOS 1-3.2, Android 1.6- */
-webkit-border-radius: 0px; 
/* Firefox 1-3.6 */
-moz-border-radius: 0px; 
/* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
border-radius: 0px;  
}






/*-------------  RETAIL SUITES LAYOUT MAP -----------------------*/
.imageMap a.bldg-1a {width:20%; height:21%; left:60%; top:13%;} 
.imageMap a.bldg-1b {width:12%; height:14%; left:67%; top:34%;} 
.imageMap a.bldg-2a {width:7%; height:9%; left:42%; top:60%;} 
.imageMap a.bldg-2b {width:11%; height:12%; left:50%; top:52%;} 
.imageMap a.bldg-2c {width:12%; height:24%; left:62%; top:57%;} 
.imageMap a.bldg-3a {width:10%; height:28%; left:29%; top:38%;} 
.imageMap a.bldg-3b {width:11%; height:21%; left:33%; top:68%;} 
.imageMap a.bldg-3c {width:8%; height:12%; left:44%; top:70%;} 
.imageMap a.bldg-3d {width:8%; height:14%; left:52%; top:68%;} 



.imageMap a + p {position:absolute; left:0%; top:102%; width:100%; color:#000e31; display:none;}
.imageMap:hover .hotspots {/*visibility:visible;*/}







/***************** embedded atlist map ******************/

.mapheight{
  height:750px;
}



.mapheight2{
  height:100%;
}


#map-description h1 {
  color:#fff;
  margin-bottom:0;
  font-size: 55px; 
  line-height:55px;
  margin-top:0;
  letter-spacing:0.02em;

}











/************************** tooltip (qtip2) and tooltip content styles ****************************/
.hidden2{
visibility: hidden; 
}


/* previously used when tooltip showed on click so it wasn't outside the image area */
/*.qtip{
margin-top: -40px;
}*/

.qtip2 a{
cursor:pointer; 
}

.qtip-title{
padding-right: 20px;  
}
  

.qtip-bootstrap .qtip-titlebar {
  font-size: 15px;
/*  font-weight: 600;*/
  line-height: 18px;
  color:#c7efca;
font-style: normal;
  text-transform:uppercase;
  letter-spacing:1px;
}

.website-link {
margin-bottom:12px;
margin-top:15px;
}

.website-link a{
padding:5px 8px;
background:#ccc;
text-decoration:none;
color:#000e31; 
}

.website-link a:hover{
background:#c7efca; /* c9dd03   381green */
}


/*.hidden2 p{
font-size:15px; 
line-height: 18px;
margin-bottom:7px;
}*/

.image-map-container .hidden2 p {
margin: 0 0 15px 0; 
}












/************************************** IMAGEs *************************************/


.gallery img{
  float:left;
  width:25%;
}


.gallery2 img{
  float:left;
  width:32%;
  margin: 0.5%;	
}

.gallery5 img{
  float:left;
  width:19%;
  margin: 0.5%;	
}

.gallery5{
  margin: 0 -0.5%;	
}

.gallery3{
  font-size: 0;
  display: -ms-flexbox;
  -ms-flex-wrap: wrap;
  -ms-flex-direction: column;
  -webkit-flex-flow: row wrap; 
  flex-flow: row wrap; 
  display: -webkit-box;
  display: flex;
  margin:0 -8px;
}

.gallery3 div{
 -webkit-box-flex: auto;
  -ms-flex: auto;
  flex: auto; 
  width: 100px; 
  margin: .3vw; 	
}



.gallery3  img{
	width: 100%;
	height: auto;
}




.img-border{
  border:1px solid #ddd;
}


.gallery4{
  font-size: 0;
  display: -ms-flexbox;
  -ms-flex-wrap: wrap;
  -ms-flex-direction: column;
  -webkit-flex-flow: row wrap; 
  flex-flow: row wrap; 
  display: -webkit-box;
  display: flex;
  margin:0 -12px;
}

.gallery4 div{
 -webkit-box-flex: auto;
  -ms-flex: auto;
  flex: auto; 
  width: 100px; 
  margin: 0vw;   
}



.gallery4  img{
  width: 100%;
  height: auto;
}




img.contact-logo{
width: 170px;
  max-width: 100%;
  float: none;
  margin-top: 30px;
}


img.contact-logo-alt{
  width:170px;  
  max-width:100%;
}



img.contact-logo2{
  width:220px;  
  max-width:100%;
  float:right;
}


.brand-logo{
  max-width:450px;
}

.footer-logo{
  max-width:420px;
}

/* Footer section dividers ("Developed By" / "Exclusively listed by") - label + line with a square marker at the end, matching flyer back page */
.footer-divider-row{
  display:flex;
  align-items:center;
  margin-bottom:30px;
}

.footer-divider-row h3{
  white-space:nowrap;
  margin-right:25px;
  margin-bottom:0;
}

.footer-divider-row .footer-line{
  position:relative;
  flex:1 1 auto;
  width:auto;
  min-width:0;
  margin:0;
  height:1px;
  background-color:#fff;
  display:block;
}

.footer-divider-row .footer-line::after{
  content:"";
  position:absolute;
  right:0;
  top:50%;
  width:7px;
  height:7px;
  background-color:#fff;
  transform:translateY(-50%);
}

.footer-logos-row{
  display:flex;
  align-items:center;
}

.footer-logos-row .footer-logo-divider{
  width:1px;
  align-self:stretch;
  background-color:rgba(255,255,255,0.4);
  margin:0 20px;
}


.footer-logo2{
width: 360px;
max-width: 100%;
display: block;
/*padding: 30px 0px ;*/
float:right;
}

.footer-logo3{
  max-width: 370px;
  margin-bottom: -39px;
  z-index: 300;
  position: relative;
}


table.contact-info td{
vertical-align:bottom;
padding-right:40px;
}


.footer-left-logo{
text-align:left;
}

.footer-right-addr{
text-align:right;
}



/* Container holding the image and the text */
figure.img-caption {
  position: relative;
  text-align: center;
  color: white;
}



/* Bottom left text */
figure.img-caption figcaption {
  position:absolute;
  bottom:0px;
  left:0px;
  padding:4px 8px;
  display:inline-block;
  background:rgba(54,53,55,0.8);
  color:#fff;
  font-size:14px;
}



/* Container holding the image and the text */
figure.img-caption2 {
  position: relative;
  text-align: center;
  color: white;
  margin:0 0;
}



/* Bottom left text */
figure.img-caption2 figcaption {
  position:absolute;
  top:40px;
  left:40px;
  display:inline-block;
  color:#fff;
  text-align:left;
}



.transit-logos{
  margin-top:30px;
max-width:200px;
}




.img-expand150{
  max-width:150%;
}
















.row-gallery3 {
  display: flex;
  flex-wrap: wrap;
  padding: 0 0;
}

.column-gallery3 {
  flex: 100%;
  max-width: 100%;
}

.column-gallery3 img {
  vertical-align: middle;
  border: 2px solid #fff;
}

.container-gallery3 {
  position: relative;
  width: 100%;
}

.image-gallery3 {
  display: block;
  width: 100%;
  height: auto;
}
.overlay-gallery3 {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: 0.5s ease;
/*  background-color: #757038;*/
  background: rgba(16, 16, 16, 0.6);
      border: 2px solid #fff;
}

.container-gallery3:hover .overlay-gallery3 {
  opacity: 1;
  background: rgba(16, 16, 16, 0.6);
  transition: 0.5s ease;
      border: 2px solid #fff;
}

.text-gallery3 {
  color: #fff;
/*  opacity:1;*/
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}

/* Tablet Styles */
@media only screen and (min-width: 481px) {
    .column-gallery3 {
      flex: 100%;
      max-width: 100%;
    }
}


/* Desktop Styles */
@media only screen and (min-width: 1024px) {
    .column-gallery3 {
      /*flex: 33.3%;
      max-width: 33.3%;*/
      flex: 33.33%;
      max-width: 33.33%;
    }
}


/* Tablet Styles */
@media only screen and (max-width: 767px) {
    .column-gallery3 {
      flex: 100%;
      max-width: 100%;
    }
}







.row-gallery4 {
  display: flex;
  flex-wrap: wrap;
  padding: 0 0;
}

.column-gallery4 {
  flex: 100%;
  max-width: 100%;
}

.column-gallery4 img {
  vertical-align: middle;
    border: 2px solid #fff;
}

.container-gallery4 {
  position: relative;
  width: 100%;
}

.image-gallery4 {
  display: block;
  width: 100%;
  height: auto;
}
.overlay-gallery4 {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: 0.5s ease;
/*  background-color: #757038;*/
  background: rgba(16, 16, 16, 0.6);
      border: 2px solid #fff;
}

.container-gallery4:hover .overlay-gallery4 {
  opacity: 1;
  background: rgba(16, 16, 16, 0.6);
  transition: 0.5s ease;
      border: 2px solid #fff;
}

.text-gallery4 {
  color: #fff;
/*  opacity:1;*/
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}

/* Tablet Styles */
@media only screen and (min-width: 481px) {
    .column-gallery4 {
      flex: 100%;
      max-width: 100%;
    }
}


/* Desktop Styles */
@media only screen and (min-width: 1024px) {
    .column-gallery4 {
      /*flex: 33.3%;
      max-width: 33.3%;*/
      flex: 25%;
      max-width: 25%;
    }
}


/* Tablet Styles */
@media only screen and (max-width: 767px) {
    .column-gallery4 {
      flex: 100%;
      max-width: 100%;
    }
}







.gallery-wrapper{
  position: relative;
  margin: 2px;
}


/************************************ BACKGROUND STYLES *******************************/


section{
  padding: 75px 0;
  width: 100%;
  overflow: hidden;
  background-color:#e0ddd8;
  background-size:100% auto;  /* was 100% 100%, but changed height to auto to prevent smooshing */
}


section.extra-pad{
  padding: 150px 0;
}



section.extra-pad.extend{
  padding: 200px 0; 
}


#home{
  background:url(../images/podium/hero-building2.jpg) 50% 0 no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  /*padding-top:60px;*/
/*  background-color:#263645; */
  min-height:800px;	
  position:relative;
}



#home.alt{
  background:url(../images/podium/hero-building2.jpg) 50% 0 no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  /*padding-top:60px;*/
/*  background-color:#263645; */
  min-height:800px; 
  position:relative;
}



#home-alt{
  min-height:880px; 
  position:relative;
}


.main-logo{
  width:100%;
  max-width:375px;
}

.main-img-logo{
margin-top:60px;
margin-right:60px;
padding:20px 20px 25px 20px;
background-color:#01576e;
background-color: rgba(54, 53, 55, 0.85);
display:inline-block;
color:#fff;
width:335px;
float:right;
}


.main-img-logo h3{
  font-size:20px;
  line-height:24px;
  margin-top:8px;
 margin-bottom:10px;
  font-weight:400;
}


.logo-main-font{
  font-size: 44px;
  line-height:44px;
font-weight: 700;
  letter-spacing:1px;
 /* text-transform: uppercase;*/
}


.logo-tagline{

  padding: 50px 50px;
  position:relative;
  max-width:1300px;
  width:100%;
  box-sizing:border-box;
  text-align:left;
  margin:0 auto;
  padding-top:100px;
}

/* Podium I-5 brand gradient panel behind the hero logo/headline - matches the OM cover & back cover treatment */
/* No background panel here - the hero photo (images/podium/hero-building2.jpg) already has the brand gradient sky baked in */

.logo-tagline img{
/*max-width:450px;*/
/*margin-top:14%;*/
/*margin-bottom:30px;*/
padding-bottom:40px;
}




.logo-tagline td{
vertical-align:top;
}


.nav-logo{
  max-width:200px;
}


.features{
/*  font-size: 0;*/
  display: -ms-flexbox;
  -ms-flex-wrap: wrap;
  -ms-flex-direction: row;
  -webkit-flex-flow: row wrap; 
  flex-flow: row wrap; 
  display: -webkit-box;
  display: flex;
 /* margin:0 -8px;*/
  text-align:center;
/*  color:#fff;*/
}

.f-item{
 -webkit-box-flex: auto;
  -ms-flex: auto;
  flex: auto; 
  /*width: 100px; */
  width: 20%;
/*  margin: .5vw;  */
  padding:20px;
/*  border-right:1px solid #fff; */
}

.f-item img{
  display:block;
  text-align:center;
  margin:0 auto;
  width:100%;
  max-width:100px;
  margin-bottom:15px;
}


.f-item.last{
  border-right:none; 
  }

.f-item.border-btm{
  border-bottom:1px solid #fff; 
  }



.features.alt .f-item{
 -webkit-box-flex: auto;
  -ms-flex: auto;
  flex: auto; 
  /*width: 100px; */
  width: 33%;
/*  margin: .5vw;  */
  padding:20px;
  border-right:1px solid #000e31; 
  color:#000e31;
}

.features.alt .f-item.last{
  border-right:none; 
  }

.fp-icon{
  max-width:90px;

}


.bldg-right-marg{
  overflow: hidden;
  width: 194%;
}


.bldg-left-marg{
margin-left: -370px;
  overflow: hidden;
  width: 192%;
}



.site-plan{
  margin-right: -240px;
  overflow:hidden;
}


.location-blurb{
    margin-top:-20px;
    margin-bottom:20px;
}

.legacy-map{
  z-index:300;
  position:relative;
}

section#full-gallery{
  padding: 0px 0;	/* was 75 0 */
}

section#section0{
/*  padding:50px 12px;*/
}




#section0 {
  background-color: #006afe;
}



#section1{
  /* Podium I-5 brand gradient: blue -> indigo, matching the OM's Site Plan page treatment */
  background-image: linear-gradient(135deg, #85bdf8 0%, #006afe 45%, #2a35c2 100%);
}

#section1-1{
  /* Federal Way map as the desktop background */
  background-color: #fff;
  background-image: url(../images/podium/federal-way-map-wide.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}


/*section#section1-1{
  padding-bottom:0px;
}
*/


section#section1-1{
/*  padding:0px 0px;*/



}



#section1-1-1{
  background:#fff;
  background:url(../images/bkgd/troy-red-pattern-bkgd.png) bottom center no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  position:relative;
}



section#section2{
/*padding: 190px 0 160px 0;*/
}


#section2{
  /* Podium I-5 brand gradient: cyan-blue -> indigo, matching the OM's Access & Visibility page */
  background-image: linear-gradient(135deg, #85bdf8 0%, #006afe 45%, #2a35c2 100%);
}



#section2-1{
	
/*  background:url(../images/renderings/bldg2-n-view.jpg) bottom center no-repeat fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-color:#ebeeef; 
  overflow:hidden;*/
  background-image: linear-gradient(135deg, #85bdf8 0%, #006afe 45%, #2a35c2 100%);
}


section#section2-1{
/*  padding-bottom:0px;
  margin-bottom:-60px;*/
}




#section3{
  background:#000e31;
  /*background:url(../images/bkgd/hub-at-willows-gradient1.jpg) bottom center no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  position:relative;*/c
}



#section3-1{
  background:#006afe;
  background:url(../images/bkgd/troy-location-bkgd.jpg) bottom center no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  position:relative;
}


section#section3-1-1{
  background:#006afe;
  padding: 0px 0;
/*  background:url(../images/bkgd/troy-location-bkgd.jpg) bottom center no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  position:relative;*/
}



#section4{	
/*  background: linear-gradient(180deg, #FFF 22%, #006afe 0%);*/
  background:#006afe;
    background-image:url(../images/bkgd/carson-bldg-footer.jpg);
  background-repeat: no-repeat;
  background-position: bottom right; 
  background-size: auto auto; 
}

/*section#section4{
padding:0;
}*/




#section5{
  background:#757038;
  background-size: 20% auto;  
  background-image:url(../images/bkgd/troy-side-pattern-hazelnut.png);
  background-repeat: no-repeat;
  background-position: left top; 
}





#section5-1{
  background:#000e31;
  background:url(../images/photos/soho-house-rendering2.jpg) top left no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  position:relative;
}



#section6{
    background:#006afe;
}



#section7{
  background-color: #fff;
    position:relative;
}




section#section8{
  background-color: #d5c9b1;
    position:relative;
        padding:0;
}


#section9{
  background-color: #d5c9b1;
    position:relative;
}



section#map-box{
height:550px;
width:100%;
padding:0;		
}



.five-col{
  width:20%;
  float:left; 
  padding:15px;
}







#footer{
  /* Podium I-5 brand gradient: teal -> blue -> indigo, matching the OM back cover */
  background-image: linear-gradient(160deg, #00f7a8 0%, #006afe 50%, #2a35c2 100%);
  position:relative;
  padding-top:80px;
  padding-bottom:80px;
}


/*.bg-dark{
    background-color: #363537 !important;
}

.bg-light{
    background-color: #ebeeef !important;
}*/


.bg-dark {
  --bs-bg-opacity: 1;
  background-color: #000e31 !important;
}


.bg-light {
  --bs-bg-opacity: 1;
  background-color: #d5c9b1 !important;
}


.bg-img1{
    background-color: none;
    background-size:100% auto ;   
    background-image:url(../images/podium/king-county-map-sq.jpg);
    background-repeat: no-repeat;
}


.bg-img2{
    background-color: none;
    background-size:cover;   
    background-image:url(../images/photos/circulus-interior1.jpg);
    background-repeat: no-repeat;
    width:100%;
}


.bg-img3{
    background-color: none;
    background-size:cover;   
    background-image:url(../images/photos/circulus-interior2.jpg);
    background-repeat: no-repeat;
    width:100%;
}




.inner-section-pad{
  padding:80px 0 80px 80px;
}





.inner-section-pad2{
  padding:40px;
}

.inner-section-pad3{
  padding:80px 120px;
  max-width:800px;
}


.pad-right-col{
padding-right:80px;
}

.chili-bkgd{
  background-color:#006afe;
}



.img-extend-right {
  margin-right:-180px; 
  margin-top:-40px;
  margin-bottom:-40px;
}


.img-extend-left {
  margin-left:-180px; 
  margin-top:-40px;
  margin-bottom:-40px;
}



.map1{
  overflow: hidden; 
  position: absolute; 
  right: 0; 
  max-width: 600px; 
  margin-top: -300px;   
  margin-bottom: -300px;
}

.map2{
  margin-top:-350px;
}



.rendering1{
  overflow: hidden; 
  position: absolute; 
  right: 0; 
  max-width: 700px; 
}

/********************************* MOBILE DESKTOP STYLES ***********************************/


.display-mobile{
  display:none;	
}
.display-desktop{
  display:block;	
}


.display-mobile-alt{
  display:none; 
}
.display-desktop-alt{
  display:block;  
}


.display-desktop-xl{
  display:none;  
}




/******************************** ELEMENTS *****************************************/

hr{
  border-top-color: #ddd;	
  margin-top:10px;
  margin-bottom:10px;
  background-color:#ddd;
}

hr.chili{
/*  border-top-color: #006afe; */
  margin-top:10px;
  margin-bottom:10px;
  height: 1px;
  background-color:#006afe;
  opacity:1;
}


hr.limoncello{
/*  border-top-color: #006afe; */
  margin-top:80px;
  margin-bottom:80px;
  height: 1px;
  background-color:#006afe;
  opacity:1;
}

hr.artichoke{
/*  border-top-color: #006afe; */
  margin-top:20px;
  margin-bottom:20px;
  height: 1px;
  background-color:#c7efca;
  opacity:1;
}


hr.white{
/*  border-top-color: #006afe; */
  margin-top:10px;
  margin-bottom:10px;
  height: 1px;
  background-color:#fff;
  opacity:1;
}


hr.white2{
/*  border-top-color: #006afe; */
  margin-top:20px;
  margin-bottom:20px;
  height: 1px;
  background-color:#fff;
  opacity:1;
}

hr.white-square{
  position:relative;
  margin-top:20px;
  margin-bottom:24px;
  height:1px;
  background-color:#fff;
  opacity:1;
  border:none;
  overflow:visible;
}

hr.white-square::before{
  content:"";
  position:absolute;
  top:50%;
  left:0;
  width:7px;
  height:7px;
  background-color:#fff;
  transform:translateY(-50%);
}


hr.blue-square{
  position:relative;
  margin-top:20px;
  margin-bottom:24px;
  height:1px;
  background-color:#2a35c2;
  opacity:1;
  border:none;
  overflow:visible;
}

hr.blue-square::before{
  content:"";
  position:absolute;
  top:50%;
  left:0;
  width:7px;
  height:7px;
  background-color:#2a35c2;
  transform:translateY(-50%);
}



span.responsive-break{
	display:block;
}



.cars-per-day{
  max-width:210px;
  z-index:990;
  position:relative;
}


.vl {
  border-left: 1px solid #e7eaeb;
  height: 100%;
  position: relative;
  left: 50%;
  margin-top: 0px;
}

.vl1 {
  border-left: 1px solid #fff;
  height: 50px ;
  position: relative;
  left: 50%;
  margin-top: 0px;

}



.vl2 {
  border-left: 4px solid #006afe;
  height: 250px ;
  position: relative;
  left: 0%;
  margin-top: -200px;
 vertical-align:top;
}


.diamond-divider1{
  position:absolute;
  bottom:-79px;
  z-index: 900;
  left: 50%;
margin-left: -80px;
}



.diamond-divider2{
  position: absolute;
  top: -150px;
  z-index: 900;
  left: 10%;
}



.diamond-divider3{
  position: absolute;
  bottom: -149px;
  z-index: 900;
  right: 10%;
}



.diamond-divider4{
  position:absolute;
top:0px;
  z-index: 900;
  left:0;
}


.diamond-divider5{
  position:absolute;
bottom:-62px;
  z-index: 900;
  right:0;
  max-width:250px;
}


.divider1{
  position:absolute;
  bottom:-79px;
  z-index: 900;
  left: 50%;
margin-left: -80px;
}


.divider2{
  position:relative;
  top:-340px;
  z-index: 100;
  left: 48%;
  margin-bottom: -370px;
  max-width: 250px;
}

.z-up1{
  z-index:600;
  position:relative;
}

.line-diamond{
  position: absolute;
max-width: 16px;
top: -9px;
z-index: 1000;
left: 50%;
margin-left: -8px;
opacity:1;
}


.divider-accent{
  width: 100px;
  height: 1px;
  background: #e7eaeb;
  display:block;
  margin:15px 0;
}


.divider-accent-icon{
  width: 100%;
  height: 1px;
  background: #e7eaeb;
  display:block;
  margin:15px 0;
  margin-top: -70px;
  margin-bottom: 70px;
}



.icon{
  max-width:100px;
  margin-bottom:24px;
}

.icon-box{
  margin: 0 auto;
  text-align: center;
}



.line-diamond-move{
  position: absolute;
max-width: 16px;
top: -9px;
z-index: 1000;
/*left: 0;*/
margin-left: -8px;
/*opacity:1;*/
}



.line-box{
  content: " ";
  width: 100%;
  height: 1px;
  background: #c7efca;
  position: relative;
  margin: 24px 0;
  display: block;
}



.line-diamond-box{
  content: " ";
  width: 100%;
  height: 1px;
  background: #006afe;
  position: relative;
  margin: 24px 0;
  display: block;
}



.line-diamond-box2{
  content: " ";
  width: 100%;
  height: 1px;
  background: #006afe;
  position: relative;
  margin: 24px 0;
  display: block;
}



.divider-line{
  content: " ";
  width: 1150px;
  height: 4px;
  background: #006afe;
  position: relative;
  margin: 20px 0;
  margin-left:-400px;
  display: block;
}


.divider-line2{
  content: " ";
  width: 1150px;
  height: 4px;
  background: #006afe;
  position: relative;
  margin: 20px 0;
  margin-right:-400px;
  display: block;
}

.right-d{
 width:100%;
 height:45px;
}

.right-d .divider-line{
  float:right;
}



.vert-line{
  content: " ";
  width: 2px;
  height: 700px;
  background: #006afe;
  position: absolute;
  display:inline;
  float:left;
  margin: 0px 0;
  display: block;
  z-index:120;
  margin-top: -130px;
/*  margin-left: -60px;*/
}


.vert-line2{
  content: " ";
  width: 2px;
  height: 830px;
  background: #006afe;
  position: absolute;
  display:inline;
  float:left;
  margin: 0px 0;
  display: block;
  z-index:120;
  margin-top: -130px;
/*  margin-left: -60px;*/
}
 


.circle-line {
  position:relative;
  left:28px;
  content: " ";
  width:98%; /*Scauses overflow*/
  height: 1px;
  background: #898989;
  text-align:left;
  margin-right:25px;
}
  
.circle-line:before {
  position: absolute;
content: " ";  
margin-left:-28px;
margin-top:-6px;
width: 14px;
  height: 14px;
  background: #f48425;
  border-radius: 50%;
  vertical-align:middle;
    text-align:left;
}


.circle-line.white {
  background: #fff;
  height: 1px;
}
  
.circle-line.full-bleed {
/*overflow:hidden;*/
/*  width:200%; */
}


.circle-line-marg{
  margin-bottom:60px;
}





/*.col-xs-0, 
.col-sm-0,
.col-md-0,
.col-lg-0,
.col-xl-0,
.col-xxl-0 {
  flex: 0 0 0;
  max-width: 0;
  padding-right: 0;
  padding-left: 0;
}

*/



.text-center{
  text-align:center !important;

}





/******************************** CAROUSEL *****************************************/

/* Carousel base class */
.carousel {
  /*margin-bottom: 1rem;
  margin-top: 1rem;*/
background-color:transparent;
margin-top:-10px;
}




.carousel-caption{
position: relative;
/*right: 5%;
bottom: 1.25rem;
  top: 0rem;
padding-top: 1.25rem;
padding-bottom: 1.25rem;*/
color: #fff;
text-align: left;
left: 0;
  z-index: 10;
  width: 60%;
  margin:0 auto;
  margin-top:60px;
}



.carousel-desktop{
  background-color:#c7efca; 
  padding:0px;
  position:relative;
}



.carousel-cap-alt{
  position:relative;
  top:15%;
  left:5%;
  max-width:90%;
  z-index:2003;
  position:absolute;
}


.mycarousel-desktop{
   margin-top:0;
}


/* Declare heights because of positioning of img element */
.carousel-item {
  height: 28rem;
  /*transition: transform 1s ease, opacity .8s ease-out*/
}
.carousel-item > img {
  position: absolute;
  bottom: 0;
  left: 0;
  min-width: 100%;
  height: auto; /* was height: 32rem; */
}


/* change transition duration to control the speed of fade effect */
.carousel-item {
  transition: transform 1s ease-in-out;
}

.carousel-fade .active.carousel-item-start,
.carousel-fade .active.carousel-item-end {
  transition: opacity 0s 2s;
}


.bd-placeholder-img {
        font-size: 1.125rem;
        text-anchor: middle;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
      }



.carousel-indicators {
  position: absolute;
  right: 0;
  bottom: -30px;
  left: 0;
  z-index: 2;
  display: flex;
  justify-content: center;
  padding: 0;
  margin-right: 15%;
  margin-bottom: 0rem;
  margin-left: 15%;
  list-style: none;
}



.carousel-indicators [data-bs-target] {
  box-sizing: content-box;
  flex: 0 1 auto;
  width: 32px;
  height: 4px;
  padding: 0;
  margin-right: 4px;
  margin-left: 4px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #c7efca !important;
  background-clip: padding-box;
}





.carousel-inner{
  min-height:300px;
}

.carousel-item {
  height: 300px;
}

.carousel-item img {
/*    position: absolute;
    top: 0;
    left: 0;*/
    width:100%;
    height:auto;
}














/********************************* FADE IN SECTIONS ***********************************/



.to-fade-in,
.to-fade-in1,
.to-fade-in2,
.to-fade-in3,
.to-fade-in-delay1,
.to-fade-in-delay2, 
.to-fade-in-delay3, 
.to-fade-in-delay1-home,
.to-fade-in-delay2-home, 
.to-fade-in-delay3-home,
.to-fade-in-delay4-home,
.to-fade-in-out2 {
  opacity: 0;
  /*bottom: -50px;*/
}

/*default fade in speed*/
.to-fade-in.fade-in {
  -webkit-animation: fade-in 3s forwards;
          animation: fade-in 3s forwards;
}

.to-fade-in1.fade-in {
  -webkit-animation: fade-in 2s forwards;
          animation: fade-in 2s forwards;
}

.to-fade-in2.fade-in {
  -webkit-animation: fade-in 3s forwards;
          animation: fade-in 3s forwards;
}


.to-fade-in3.fade-in {
  -webkit-animation: fade-in 4s forwards;
          animation: fade-in 4s forwards;
}



.to-fade-in-delay1.fade-in {
  -webkit-animation: fade-in 3s forwards;
          animation: fade-in 3s forwards;
          -webkit-animation-delay: 1s;
          animation-delay: 1s;
          transition-timing-function: ease-in;
}

.to-fade-in-delay2.fade-in {
  -webkit-animation: fade-in 3s forwards;
          animation: fade-in 3s forwards;
          -webkit-animation-delay: 2s;
          animation-delay: 2s;
          transition-timing-function: ease-in;
}


.to-fade-in-delay3.fade-in {
  -webkit-animation: fade-in 3s forwards;
          animation: fade-in 3s forwards;
          -webkit-animation-delay: 3s;
          animation-delay: 3s;
          transition-timing-function: ease-in;
}




/* Add 5 sec to delay times for home section overlay */

.to-fade-in-delay1-home.fade-in {
  -webkit-animation: fade-in 3s forwards;
          animation: fade-in 3s forwards;
          -webkit-animation-delay: 6s;
          animation-delay: 6s;
          transition-timing-function: ease-in;
}

.to-fade-in-delay2-home.fade-in {
  -webkit-animation: fade-in 3s forwards;
          animation: fade-in 3s forwards;
          -webkit-animation-delay: 7s;
          animation-delay: 7s;
          transition-timing-function: ease-in;
}


.to-fade-in-delay3-home.fade-in {
  -webkit-animation: fade-in 3s forwards;
          animation: fade-in 3s forwards;
          -webkit-animation-delay: 8s;
          animation-delay: 8s;
          transition-timing-function: ease-in;
}

.to-fade-in-delay4-home.fade-in {
  -webkit-animation: fade-in 3s forwards;
          animation: fade-in 3s forwards;
          -webkit-animation-delay: 9s;
          animation-delay: 9s;
          transition-timing-function: ease-in;
}



/*
.loaded .to-fade-in1 {
  -webkit-animation: fade-in 2s forwards;
          animation: fade-in 2s forwards;
}

.loaded .to-fade-in2 {
  -webkit-animation: fade-in 3s forwards;
          animation: fade-in 3s forwards;
}


.loaded .to-fade-in3 {
  -webkit-animation: fade-in 4s forwards;
          animation: fade-in 4s forwards;
}*/



/* fade in/out for home section overlay */

.to-fade-in-out2.fade-in {
  -webkit-animation: fadeinout 3s linear;
          animation: fadeinout 3s linear;
}





@keyframes fadeinout {
  0%,100% { opacity: 0 }
  50% { opacity: 1 }
}







@-webkit-keyframes fade-in {
  0% {
    opacity: 0;
    /*bottom: -50px;*/
  }
  100% {
    opacity: 1;
    /*bottom: 0px;*/
  }
}

@keyframes fade-in {
  0% {
    opacity: 0;
    /*bottom: -50px;*/
  }
  100% {
    opacity: 1;
    /*bottom: 0px;*/
  }
}





/*.slide1,
.slide2,

.slide4 {
  left: 0; 
  opacity: 0;
    position: absolute;
max-width: 16px;
top: -9px;
z-index: 1000;
margin-left: -8px;
}
*/


.slide1,
.slide2,
.slide3,
.slide4 {
  left:0; /* was -50px */
  opacity: 0;
}

.slide1.slide-in1 {
    -webkit-animation: slide 2s forwards;
    -webkit-animation-delay: 0.5s;
    animation: slide 2s forwards;
    animation-delay: 0.5s;
}


.slide2.slide-in2 {
    -webkit-animation: slide 2s forwards;
    -webkit-animation-delay: 0.5s;
    animation: slide 2s forwards;
    animation-delay: 0.5s;
}

.slide3.slide-in3 {
    -webkit-animation: slide 2s forwards;
    -webkit-animation-delay: 0s;
    animation: slide 2s forwards;
    animation-delay: 0s;
}


.slide4.slide-in {
    -webkit-animation: slide 3s forwards;
    -webkit-animation-delay: 2s;
    animation: slide 3s forwards;
    animation-delay: 2s;
}


/*.slide1.slide-in {
    -webkit-animation: slide 1.5s forwards;
    -webkit-animation-delay: 0.2s;
    animation: slide 1.5s forwards;
    animation-delay: 0.2s;
}


.slide2.slide-in {
    -webkit-animation: slide 1.5s forwards;
    -webkit-animation-delay: 0.4s;
    animation: slide 1.5s forwards;
    animation-delay: 0.4s;
}

.slide3.slide-in {
    -webkit-animation: slide 1.5s forwards;
    -webkit-animation-delay: 0.6s;
    animation: slide 1.5s forwards;
    animation-delay: 0.6s;
}*/

@-webkit-keyframes slide {
   0% { left: 0px; opacity: 0;}
   100% { left: 50%; opacity: 1;}
}

@keyframes slide {
    0% { left: 0px; opacity: 0;}
    100% { left: 50%; opacity: 1;}
}






/*
.scale-up1{
  transform: scale(0);
}



.scale-up1.scale-up{
    -webkit-transition: scaleup 1s;
    -webkit-transition-delay:0.1s;
    transition: scaleup 1s;
    transition-delay: 0.1s;
}



@keyframes scaleup {
  from {
    transform: scale(0);
  }
  to {
    transform: scale(1);
  }
}
*/






/*fade in section */

.fade-in-section {
  opacity: 0;
  transform: translateY(15vh);
  visibility: hidden;
  transition: opacity 0.6s ease-out, transform 1.2s ease-out;
/*  will-change: opacity, visibility;*/
}
.fade-in-section.is-visible2 {
  opacity: 1;
  transform: none;
  visibility: visible;
}


/* ===== Subtle motion (2026-10) =====
   Overrides the default fade-in-section above: shorter travel, softer easing,
   per-element stagger (delay set in JS), line draw, image settle, button hover. */
.fade-in-section {
  transform: translateY(24px);
  transition: opacity 0.9s cubic-bezier(.22,.61,.36,1), transform 1.1s cubic-bezier(.22,.61,.36,1), visibility 0s linear 0s;
}

/* divider lines draw in from the left */
.fade-in-section hr.white-square,
.fade-in-section hr.blue-square {
  clip-path: inset(-4px 100% -4px 0);
  transition: clip-path 1.1s cubic-bezier(.22,.61,.36,1) 0.3s;
}
.fade-in-section.is-visible2 hr.white-square,
.fade-in-section.is-visible2 hr.blue-square {
  clip-path: inset(-4px 0 -4px 0);
}

/* images settle in with a slight scale */
.fade-in-section img.img-fluid {
  transform: scale(1.03);
  transition: transform 1.6s cubic-bezier(.22,.61,.36,1);
}
.fade-in-section.is-visible2 img.img-fluid {
  transform: scale(1);
}

/* buttons: small lift on hover */
.solid-btn {
  transition: transform 0.25s ease, opacity 0.25s ease, background-color 0.2s linear;
}
.solid-btn:hover {
  transform: translateY(-2px);
}

@media (prefers-reduced-motion: reduce) {
  .fade-in-section,
  .fade-in-section img.img-fluid,
  .fade-in-section hr.white-square,
  .fade-in-section hr.blue-square {
    transition: none !important;
    transform: none !important;
    clip-path: none !important;
  }
  .fade-in-section { opacity: 1; visibility: visible; }
  .solid-btn:hover { transform: none; }
  .to-fade-in, .to-fade-in1, .to-fade-in2, .to-fade-in3,
  .to-fade-in-delay1, .to-fade-in-delay2, .to-fade-in-delay3 {
    opacity: 1 !important;
    animation: none !important;
  }
}







/************************************** LISTS *************************************/


.list-thick-divide{
  text-decoration:none;
  list-style-type:none;
  /*font-size:18px;	*/
  color: #717074;	
}
ul.list-thick-divide {
  margin-left:0;
  padding-left:0;
}

.list-thick-divide li{
  padding-bottom:20px;
  margin-bottom:20px;
  border-bottom: 1px solid #ccc	;	
}

.list-thick-divide li.no-pad{
  padding-bottom:0px;
  margin-bottom:20px;
  border-bottom: 1px solid #ccc	;	
}



.list-thin-divide,
.list-thinner-divide,
.list-no-line{
  text-decoration:none;
  list-style-type:none;
    margin-left:0;
  padding-left:0;
  /*font-size:18px;
  color: #717074;	 	*/
}
ul.list-thin-divide {
  margin-left:0;
  padding-left:0;
}

.list-thin-divide li{
  padding-bottom:8px;
  margin-bottom:8px;
  border-bottom: 1px solid #ccc	;	
}

.list-thin-divide.small li{
  padding-bottom:8px;
  margin-bottom:8px;
  border-bottom: 1px solid #ccc ; 
  font-size:14px;
}


.list-thin-divide li.no-border{
	padding-bottom:0px;
  margin-bottom:0px;
  border-bottom: 0px solid #ccc	;	
}

.list-thin-divide.drk-lines li{
  padding-bottom:8px;
  margin-bottom:8px;
  border-bottom: 1px solid #3d4e5b	;	
}


.list-thinner-divide li{
  padding-bottom:4px;
  margin-bottom:4px;
  border-bottom: 1px solid #ccc	;	
}

ul.list-no-line{
  margin-left:0;
  padding-left:0;
  margin-bottom:0;
}

.list-no-line li{
  padding-bottom:8px;
  margin-bottom:8px;
}

/*.list-dot{
list-style-position: inside;
  padding: 0;
  border-left: solid 2px red;
}*/

ul.list-dot {
  list-style: none; /* Remove default bullets */
    padding-left: 1em;
}

ul.list-dot li{
  margin-bottom:10px;
}


ul.list-dot li::before {
  content: "\2219";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: #006afe; /* Change the color */
  font-weight: bold; /* If you want it to be bold */
  display: inline-block; /* Needed to add space between the bullet and the text */
  width:20px; /* Also needed for space (tweak if needed) */
  margin-left: -20px; /* Also needed for space (tweak if needed) */
 list-style-position: inside;

}


ul.dashed {
    list-style: none;
    margin-left: 0;
    padding-left: 1em;
}
ul.dashed > li:before {
    display: inline-block;
    content: "-";
    width: 1em;
    margin-left: 0em;
    color:#006afe;
}





/************************************** BOX STYLES *******************************/

.blue-trans-box{
  background-color: rgba(0,88,111, 0.9);  /* MIDNIGHT BLUE */	
  margin-top:40px;
  margin-bottom:40px;
  color:#fff;
  padding: 30px;
}


.white-trans-box{
  background-color: rgba(255,255,255, 0.88);	
  margin-top:40px;
  margin-bottom:40px;
}

.gray-trans-box{
  background-color: rgba(54,53,55, 0.88);   /* CHARCOAL */
  margin-top:40px;
  margin-bottom:40px;
  color:#fff;
  padding: 30px;
}


.primary-color-box{
  background-color:#000e31;
  padding:60px 60px 40px 60px;
  color:#fff;
  position:relative;
  z-index:100;
}


.secondary-color-box{
  background-color:#006afe;
  padding:30px 40px;
  color:#fff;
  position:relative;
  z-index:100;
}




.gray-box{
  background-color:#ebeeef;
  padding:8px 15px;
  margin:0 0;
  font-size:12px;
}

.gray-box2{
  background-color:#ebeeef;
  padding:20px 30px;
}


.gray-box3{
  background-color:#363537;
  padding:20px 30px;
  color:#fff;
}

.gray-box4{
  background-color:#363537;
  padding:10px 15px;
}


.white-box{
  background-color:#fff;
  padding:10px 20px;
  margin:0 0;
/*  font-size:12px;*/
}

.white-box2{
  background-color:#fff;
  padding:10px 15px;
  margin:0 0 15px 0;
 font-size:13px;
}

.white-box3{
  background-color:#fff;
  padding:20px 30px;
}


.blue-box,
.blue-box2{
  background-color:#006afe;
  padding:20px 30px;
  color:#fff;
}

.flex-equal > * {
  -ms-flex: 1;
  flex: 1;
}


.overflow-hidden { overflow: hidden; }


.plan-box{
  border:1px solid #e7eaec;
  padding:32px 15px;
  margin-top: 12px;
}




.gradient-box1{
  background-size:100% auto ;   
  background-image:url(../images/bkgd/circulus-orange-bkgd.jpg);
    -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position:50% 50%;
  padding:30px;
  width:100%;
}


.location-box{
  margin-top:-90px;
}


.location-aerial1{
  margin-top:-110px;
}


.white-border-left{
position:relative;
padding-left:25px;
border-left:1px solid #fff;
}

.white-border-left::before{
content:"";
position:absolute;
top:0;
left:-4px;
width:7px;
height:7px;
background-color:#fff;
}




/********************************* CONTENT TYPES *********************************/

.fact{
  padding:5px 0;
  margin-top:5px;
  border-bottom: 2px dotted #006afe;	
}

.callout{
  font-size:45px;
  line-height:50px;
    color:#000e31;
  text-transform:uppercase;
    font-style: normal;
    font-weight: 500;
}


.callout-desc{
  font-size:13px;
  line-height:18px;
  text-transform:uppercase;
  letter-spacing:0.1em;
      font-variation-settings: "wght" 700;
      color:#e7eaeb;
}

.iconstat{
padding:20px;
/*margin:0 auto;
text-align:center;*/
}

.iconstat img{
  max-width:100px;
  padding-bottom:20px;
  margin:0 0;
/*margin:0 auto;
text-align:center;*/
display:block;
}


table.icontable td:first-child{
width:120px;
padding: 10px 24px 20px 0;
}



table.icontable2{
width:90%;
margin-bottom:40px;
margin-right:10%;
}


table.icontable2 td:first-child{
width:120px;
padding: 0px 40px 30px 0;
vertical-align:top;
}

table.icontable2 td{
vertical-align:top;
}



.text-right-d-left-m{
  text-align:right;
}

.center,
.center h1.home-head{
margin:0 auto;
text-align:center;
}


.center .divider-line{
  margin:0 auto;
  margin-top:20px;
  margin-bottom:20px;
}

.circle {
    border:1.5px solid #fff;    
    height:90px;
    border-radius:50%;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    width:90px;
}

table.drivetimes{
color:#fff;
margin:15px 0;
vertical-align:center;
}


table.drivetimes .lrg-h1{
color:#006afe;
text-align: center;
padding-top: 16px;
}

table.drivetimes .bold-intro{
color:#fff;
/*padding:5px 0;*/
}

table.drivetimes td:first-child{
padding-right:15px;
}

table.drivetimes.space{
margin:40px 0;
}

.floorplan{
padding:20px 40px;
background-color:#F3F6F7;
}



.quickfact-box{
background-color:none;
padding:24px 0;
/*border-top:1px solid #006afe; 
border-bottom:1px solid #006afe; */
text-align:left;
margin-bottom:24px;
position:relative;
}








/*** QUICKFACT2 ***/


.quickfact-box2{
background-color:none;
padding:0px;
border:1px solid #006afe; 
text-align:left;
margin-bottom:24px;
}

.quickfact-box2 h1{

color: #006afe;
padding:20px 10px 17px 10px;
border-bottom:1px solid #006afe;
margin-top:0;

}


.quickfact-box2 .border-bottom2{
padding:20px;
border-bottom:1px solid #006afe;
}

.quickfact-box2 p{
  padding:20px;
  text-align:left;
  margin-bottom:0;
}


.quickfact-box2.bold-intro{
  padding:20px;
}

.quickfact-box2.white-bkgd{
background-color:#fff;
line-height:20px;

}


.quickfact-box2 td:first-child{
  width:100px;
  padding-right:20px;
}

.quickfact-box2 h2{
margin:0;
line-height:24px;
color:#006afe;
padding-bottom:0;
}


.quickfact-box2 h4{
text-align:left;
}






.quickfact-box3{
background-color:none;
padding:15px;
border:1px solid #006afe;
text-align:center;
margin-bottom:24px;
}


.quickfact-box3 img{
  width:60px;
}


.quickfact-box3.bold-intro{
  padding:20px;
}


.quickfact-box3 td:first-child{
  width:80px;
  padding-right:20px;
}




.panel-group .panel{
margin-bottom:8.5px;	
}

.panel-default > .panel-heading{
color:#006afe;
}




.location-photo1{
  margin-top:-320px;
}

/************************************** ACCORDION STYLES *******************************/

.btn {
display: inline-block;
font-weight: 400;
color: #000e31;
text-align: left;
vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
background-color: transparent;
border: 1px solid transparent;
padding: 0.375rem 0.75rem;
font-size: 1rem;
line-height: 1.5;
border-radius: 0.15rem;
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.btn-link {
font-weight: 400;
color: #000e31;
text-decoration: none;
width:100%;
}



.btn-link:hover {
font-weight: 400;
color: #006afe;
text-decoration: none;
}

.card{
border: none;
}



.card-header {
    padding: 0.75rem 1.25rem;
    margin-bottom: 0;
    background-color:#ebeeef;
border-bottom: none;
}

.card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1.25rem;
    border: 1px solid #ebeeef;
    /*font-size:0.9rem;*/
}

.width-95{
width: 95%;
}


.dropdown-toggle{
  float:right;
  width: 5%;
  text-align: right;
  vertical-align: middle;
}

.dropdown-toggle::after {
    display: inline-block;
    margin-left: .3em;
    /*vertical-align: .255em;*/
    vertical-align: center;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
}

.card{
background:none;
}

 .read-more .card-header{
      padding: 0rem;
    margin-bottom: 0;
    background-color:none;
border-bottom: none;
}

.read-more .card-header .dropdown-toggle::after {
    display: inline-block;
    margin-left: .3em;
    /*vertical-align: .255em;*/
    vertical-align: center;
    content: none;
}


.read-more .card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 0rem;
    border: none;
    /*font-size:0.9rem;*/
}

.read-more .btn {
padding: 0.375rem 0rem;
  }


/************************************** TABLE STYLES *******************************/


table.prop-details,
table.prop-details2{
width:100%;	
}

table.prop-details2{
margin-bottom:5px;
}

table.prop-details td,
table.prop-details2 td{
padding: 9px 0px;
vertical-align:top;
/*color:#fff;*/
/*font-size:14px;*/
}

table.prop-details.light td{
color:#fff;
}

table.prop-details td:first-child,
table.prop-details2 td:first-child{
/*font-weight:800;*/
  font-size:14px;
    line-height:18px;
  letter-spacing:1px;
  text-transform:uppercase;
padding-right:15px;
vertical-align:middle;
/*color:#000e31;*/
font-weight: 600;
font-style: normal;
}


table.prop-details.light tr{
border-bottom: 1px solid #fff;	 
}


table.prop-details tr{
border-bottom: 1px solid #fff;	 /* was #ccc */
}

table.prop-details tr.last{
border-bottom: none;   /* was #ccc */
}

table.prop-details thead tr:first-child{
border-bottom:none;	
}

table.prop-details thead td{
font-weight: 600;
}


table.prop-details td.blue-row:last-child,
table.prop-details td.blue-row:first-child,
td.blue-row{
background-color: #01576e;
padding: 8px 12px;
margin:30px 0 10px 0;
text-align:left;
border-bottom:none;
color:#fff;
}


table.prop-details.no-header tr:first-child{
border-bottom: 1px solid #ccc;	
}


table.prop-details.no-header.light tr:first-child{
border-bottom: 1px solid #ccc;	 /* was #01576e */
}


table.prop-details.no-header td.blue-row:last-child,
table.prop-details.no-header td.blue-row:first-child,
td.blue-row{
background-color: none;
}








table.amenities td{
  padding:40px 0;
  border-bottom:1px solid #898989;
}


table.amenities td:first-child{
  width:130px;
  padding-right:40px;
}


table.amenities tr.no-border td{
  border-bottom:none;
}



/*ul.circle-dot li::before {
  content: 'o';
  font-size: 15px;
  color: #c7efca;
  line-height: 1.7;
  padding-right: 10px;
}
*/




ul.circle-dot,
ul.circle-dot-limoncello{
padding-left: 0.8rem;
margin-bottom:24px;
}

ul.circle-dot li,
ul.circle-dot-limoncello li{
padding-left: 12px;
padding-bottom:8px;
}



ul.circle-dot li::marker {
  content: 'o';
  color: #c7efca;
}

ul.circle-dot-limoncello li::marker {
  content: 'o';
  color: #006afe;
}




ul.circle-dot2,
ul.circle-dot-limoncello2 {

  padding-left: 2px;
  margin-bottom:24px;
}

ul.circle-dot2 li,
ul.circle-dot-limoncello2 li {
    position:relative;
  list-style: none;
  padding-left: 28px;
  padding-bottom:8px;
}

ul.circle-dot2 li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 8px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border: 1.5px solid #c7efca;
}

ul.circle-dot-limoncello2 li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 8px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border: 1.5px solid #006afe;
}







table.simple td,
table.simple td:first-child{
  text-decoration:none;
  font-weight:normal;
  padding:0 0;
  font-size:inherit;
  letter-spacing:0px;
  text-transform:none;
padding-right:15px;
}

table.simple tr {
    border-bottom: none;

}




table.simple2{
width:100%;
}

table.simple2 td{
   padding: 12px 10px 8px 0px;
  border-bottom:1px solid #ddd;
}

table.simple2 td:first-child{
color: #006afe;
margin-bottom: 20px;
font-size: 32px;
line-height: 32px;
margin-top: 0;

font-weight: 600;
font-style: normal;
text-transform: uppercase;
}

table.simple2.light td:first-child{
color: #fff;
}





table.simple-fact-table td{
padding:8px 0;
vertical-align:middle;
}

table.simple-fact-table td:first-child{
 color:#006afe;
  margin-bottom:0px;
  font-size:32px; 
  line-height:32px; 
  margin-top:0;

font-weight: 600;
font-style: normal;
  text-transform:uppercase;
  padding-right:15px;
}


table.simple-fact-table td:last-child{
font-weight:600;
  font-size:13px;
  letter-spacing:1px;
  text-transform:uppercase;
padding-right:15px;
}

table.simple-fact-table.white td:last-child{
color:#fff;
}


table.availabilities1,
table.availabilities2,
table.availabilities3,
table.availabilities4,
table.availabilities5,
table.availabilities6{
  width:100%;	
/*  font-size: 13px;*/
/*color:#fff;*/
}


table.availabilities1 thead{
  /*background-color: #ebeeef;  */
 /* font-size: 12px;
  line-height:14px;*/
  color:#006afe;
}



table.availabilities2 thead th,
table.availabilities3 thead
{
  font-weight:600;

color:#fff; /* 00526A */
font-size: 13px;
text-transform:uppercase;
vertical-align:top;
}

table.availabilities4 thead,
table.availabilities5 thead,
table.availabilities6 thead{
  /*background-color: #01576e; */ /* bright blue #97d1dc */	
  font-size: 13px;
  color:#fff;
  text-transform:uppercase;
}

table.availabilities1 th{
  padding: 8px 10px 8px 0px;
}

table.availabilities1 td,
table.availabilities1 tbody td{
  padding: 8px 10px 8px 0px;
  border-bottom:1px solid #006afe;
  vertical-align:middle;
}

table.availabilities1 tr:last-child td,
table.availabilities1 tr:last-child tbody td{
  padding: 8px 10px 8px 0px;
  border-bottom:none;
}






table.availabilities1 tr.totals td{
  font-weight:700;
  background-color: #ebeeef;  
}


table.availabilities2 td,
table.availabilities2 tbody td,
table.availabilities2 thead th,
table.availabilities3 td,
table.availabilities3 tbody td,
table.availabilities4 td,
table.availabilities4 tbody td,
table.availabilities5 td,
table.availabilities5 tbody td,
table.availabilities6 td,
table.availabilities6 tbody td{
  padding: 8px 10px;
}



table.availabilities1 tbody td:first-child{
  font-size:13px;
  letter-spacing:2px;
  text-transform:uppercase;
  line-height: 16px;

font-weight: 600;
font-style: normal;
}


table.availabilities1 tbody td:last-child{
padding-right:0;
}


table.availabilities1 tbody td.noborder{
border-bottom:none;
}


table.availabilities2 tbody td:first-child{
 font-weight:700;
  letter-spacing:1px;
  text-transform:uppercase;
  color:#006afe;
}





table.availabilities2 tbody tr:nth-child(odd),
table.availabilities3 tbody tr:nth-child(odd){
/*background-color:#eaeaea;*/
}

table.availabilities2 tbody tr,
table.availabilities3 tbody tr{
border-bottom: 1px solid #fff;
padding:15px 0;
}


.bordertop{
  border-top:1px solid #006afe;
  padding-bottom:10px;
  padding-top:15px;
  margin-top:10px;
  margin-left:-45px;
  width:100%;

}


/*tr.border-top{
  border-top: 2px solid #ccc;	
}
*/

tr.avail{
  background-color: #e0d9cd;
}

.text-right{
  text-align:right;	
}

.float-right-avail{
  float:right;
  margin-top:15px;	
}


table.simple1{
	width:100%;
}


table.simple1 thead{
background-color:#01576e;
color:#fff;
padding:5px;
}

table.simple1 tbody td{
background-color:#ebeeef;
	font-size:13px;
}

table.simple1 th{
font-weight:normal;
padding:10px 14px;
}

table.simple1 td{
padding:10px 14px;
background-color:#fff;	
}

table.simple1 td:first-child{
font-weight:700;	
}


table.simple1 td.border-left{
border-left: 4px solid #ebeeef;	
}








/************************************ MARGINS PADDING *******************************/

.marg-top-0{
  margin-top:0px;	
}


.marg-top-5{
  margin-top:5px; 
}

.marg-top-10{
  margin-top:10px;	
}

.marg-top-15{
  margin-top:15px;	
}

.marg-top-20{
  margin-top:20px;  
}

.marg-top-40{
  margin-top:40px;  
}

.marg-top-btm-60{
  margin:60px 0;  
}


.marg-top-60{
  margin-top:60px;	
}



.marg-top-24{
  margin-top:24px;

}


.marg-top-30{
  margin-top:30px !important;
}


.marg-top-35{
  margin-top:35px;
}


.marg-top-40{
  margin-top:40px !important;
}



.marg-top-300{
  margin-top:300px;  
}

.marg-top-100{
  margin-top:-90px;  
}



.marg-top-neg5{
  margin-top:-5px;  
}


.marg-top-neg10{
  margin-top:-10px;  
}


.marg-btm-24{
  margin-bottom:24px;
}

.marg-btm-20{
  margin-bottom:20px !important;
}

.marg-btm-15{
  margin-bottom:15px;
}


.marg-btm-30{
  margin-bottom:30px !important;
}

.marg-btm-40{
  margin-bottom:40px !important;
}

.marg-btm-80{
  margin-bottom:80px !important;
}

.marg-btm-50{
  margin-bottom:50px !important;
}


.marg-btm-60{
  margin-bottom:60px !important;
}


.marg-btm-120{
  margin-bottom:120px !important;
}

.marg-btm-200{
  margin-bottom:200px !important;
}


.marg-btm-0{
  margin-bottom:0px;
}


.marg-top-neg-10{
  margin-top:-10px !important;
}

.marg-top-neg-20{
  margin-top:-20px !important;
}

table.drivetimes.marg-btm-0{
  margin-bottom:0px;
}


.marg-btm-10{
  margin-bottom:10px;
}


.marg-btm-8{
  margin-bottom:8px;
}


.marg-btm-5{
  margin-bottom:5px;
}


.no-marg-pad{
  margin:0;
  padding:0;	
}

.marg-pad-btm-0{
  margin-bottom:0;
  padding-bottom:0;  
}


.pad-btm-0{
  padding-bottom:0 !important;  
}


.marg-top-bot-25{
  margin-top:25px;
  margin-bottom:25px;	
}


.marg-sides-60{
  margin:0 60px;
}



.marg-btm-120-m{
  margin-bottom:120px;
}



.marg-var30{
  margin-bottom:-30px;
}


.desktop-footer-space{
  height:0px; /* was 750px - leftover spacer from the old template's tall background photo, no longer needed */
}




/*************************************/

/*************************************/

/************************************* MEDIA QUERIES *****************************/

/*************************************/

/*************************************/


@media (min-width: 1599px) {




#home.alt{
  background: url(../images/podium/hero-building2.jpg) 50% 30% no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  min-height:1300px; 
  position:relative;
}




/*#home h2{
font-size: 36px;
  line-height: 42px;
  margin-bottom:50px !important;
}*/


.marg-top-100{
  margin-top:-110px;  
}

video#bgvid { 
    min-width: 100%;
    min-height: 100%;
    width: 150%; /* was 150% */
    height: auto;
}

  .logo-tagline{
/*  margin:0 auto;
  padding: 100px 30px;
  position:relative; 
  max-width:1000px; 
  text-align:left;*/
}


/*.logo-tagline.alt{
  padding-top:80px;
}*/


.logo-tagline img.main-logo{
max-width:400px;
padding-bottom:40px;

}


/*.intro-p{
  font-size:32px; 
  line-height: 40px;
}*/

  section{
  padding: 100px 0;
}
  
/*#section4{  
  margin-top:-220px;
}*/


.location-blurb{
    margin-top:-60px;
    margin-bottom:50px;
}


.vert-line{
  height: 725px;
  margin-top: -160px;
}


.vert-line2{
  height: 855px;
  margin-top: -160px;
}


.gradient-box1{
  padding:50px;
}



.carousel-inner{
  min-height:300px;
}

.carousel-item {
  height: 300px;
}


.img-extend-right {
  margin-right:-250px; 
  margin-top:-40px;
  margin-bottom:-40px;

}

.img-extend-left {
  margin-left:-250px; 
  margin-top:-40px;
  margin-bottom:-40px;

}


.display-mobile{
  display:none;  
}


.display-desktop{
  display:block; 
}



.display-mobile-alt{
  display:none;  
}


.display-desktop-alt{
  display:none; 
}
.display-desktop-xl{
  display:block;  
}





}


/*************************************/

/*************************************/


@media (min-width: 1400px) and (max-width: 1599px) {

.img-extend-right {
  margin-right:-140px; 
  margin-top:-40px;
  margin-bottom:-40px;
 margin-left:-40px;
}


.img-extend-left {
  margin-left:-140px; 
  margin-top:-40px;
  margin-bottom:-40px;
 margin-right:-40px;
}


#home.alt{
  min-height:1000px; 
}


section.extra-pad{
  padding: 100px 0;
}

section.extra-pad.extend{
  padding: 170px 0; 
}


.marg-top-100{
  margin-top:-90px;  
}

/*#section4{  
  margin-top:-170px;
}*/


.location-blurb{
    margin-top:-40px;
    margin-bottom:30px;
}


/*.logo-tagline.alt{
  padding-top:80px;
}*/
.logo-tagline img.main-logo{
max-width:400px;
/*padding-bottom:40px;*/

}

}


/*************************************/

/*************************************/



@media (min-width: 1200px) and (max-width: 1399px) {

/*#home{
    min-height:850px;  
}*/

.img-extend-right {
  margin-right:-140px; 
  margin-top:-40px;
  margin-bottom:-40px;
 margin-left:-60px;
}


.img-extend-left {
  margin-left:-140px; 
  margin-top:-40px;
  margin-bottom:-40px;
 margin-right:-60px;
}



section.extra-pad{
  padding: 80px 0;
}

section.extra-pad.extend{
  padding: 110px 0; 
}





/*#section4{  
  margin-top:-140px;
}*/


.pad-right-col{
padding-right:40px;
}


.rendering1{
margin-right:-120px;
padding-top: 40px;
}



.logo-tagline img{
max-width:600px;
/*padding-bottom:40px;*/

}




}

/*************************************/

/*************************************/



@media (min-width: 1200px) {

.f-item{
  padding:20px 30px;

}



}



/*************************************/

/*************************************/



@media (max-width: 1199px) {

  .f-item{
  width: 50%;
}

.f-item.last-m{
  border-right:none; 
  }

.f-item.btm-border-m{
  border-bottom:1px solid #fff; 
  }

  h1.home-head{
  font-size:40px; 
  line-height:40px;
}


.img-extend-right {
  margin-right:-100px; 
  margin-top:0px;
  margin-bottom:0px;
}


.img-extend-left {
  margin-left:-100px; 
  margin-top:0px;
  margin-bottom:0px;
}


.carousel-inner{
  min-height:400px;
}

.carousel-item {
  height: 400px;
}

.cars-per-day{
  max-width:180px;
}




/*#home{

    background:url(../images/legacy-main.jpg) 50% 0 no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  min-height:750px;
}
*/




}



/*************************************/

/*************************************/



@media (min-width: 992px) and (max-width: 1199px) {


.img-extend-right {
  margin-right:-100px; 
  margin-top:0;
  margin-bottom:0;
 margin-left:-60px;
}

.img-extend-left {
  margin-left:-100px; 
  margin-top:0;
  margin-bottom:0;
 margin-right:-60px;
}


section.extra-pad{
  padding: 75px 0;
}


section.extra-pad.extend{
  padding: 100px 0; 
}


.pad-right-col{
padding-right:25px;
}


.carousel-inner{
  min-height:450px;
}

.carousel-item {
  height:450px;
}



.rendering1{
margin-right: -220px;
    padding-top: 60px;
}



.logo-tagline img{
max-width:550px;

}




}


/*************************************/

/*************************************/



@media (max-width: 991px) {

  
  img.contact-logo{
  width:170px;	
  float:none;
  margin-top:0px;
}


  img.contact-logo-alt{
  width:170px;  
}


img.contact-logo2{
  width:180px;  
  max-width:100%;
  float:left;
}

span.responsive-break{
	display:inline;
}


.text-right-d-left-m{
  text-align:left;
  margin-top:30px;
}


.right-d{
 width:100%;
 height:auto;
}

.right-d .divider-line{
  float:none;
}

.marg-btm-24-mm{
  margin-bottom:24px !important;
}

.marg-btm-40-mm{
  margin-bottom:40px;
}

.marg-btm-10m{
  margin-bottom:10px !important;
}



video#bgvid { 
    position: fixed;
    top:40%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    transform: translateX(-50%) translateY(-50%);
}


.pad-right-col{
padding-right:0px;
}

.rendering1{
  overflow: hidden; 
  position: relative; 
  right: auto; 
  max-width: 700px; 
}

.mapheight2{
  height:600px;
  margin: 0 -30px;
}



.brand-logo{
  max-width:90%;
}  
}


/*************************************/

/*************************************/


@media (min-width: 768px) and (max-width: 991px) {

.gallery2 img,
.gallery5 img{
  float:left;
  width:49%;
  margin: 0.5%;	
}


.gallery-two-col img{
  float:left;
  width:49%;
  margin: 0.5%;	
}






#home-alt{
  min-height:650px;
}

.vert-line,
.vert-line2{
margin-left: -30px;
}



.inner-section-pad{
  padding:40px 30px  40px  30px;
}



.img-extend-right {
  margin-right:0px; 
  margin-top:0px;
  margin-bottom:0px;
}

.img-extend-left {
  margin-left:0px; 
  margin-top:0px;
  margin-bottom:0px;
}

.carousel-inner{
  min-height:500px;
}

.carousel-item {
  height: 500px;
}



}


/*************************************/

/*************************************/



@media (min-width: 768px) {

  
  .flex-md-equal > * {
    -ms-flex: 1;
    flex: 1;
}


.navbar-expand-md .navbar-nav .nav-link {
    padding-right: 0rem;
    padding-left: 0rem;
}


}





/*************************************/

/*************************************/



@media (max-width: 767px) {

  body{
    font-size:15px;	
    line-height:22px;
  }




h1{
  font-size:30px;
  line-height:34px;
}



h2 {
  font-size:20px;
  line-height:23px;
}


h3{
  font-size: 22px;
  line-height:26px;
}

h4{
  font-size:13px;
  line-height: 19px;

}




#home h1{
font-size: 50px;
  line-height: 50px;
  margin-top:20px;
/*  margin-bottom:40px !important;*/
}


#home h2{
font-size: 22px;
    line-height: 28px;
}



#home .bold-intro{
font-size: 22px;
  line-height: 22px;
}


.bold-intro{
font-size:14px;
 line-height: 20px;
}



.callout{
  font-size:45px;
  line-height:45px;

}

.indent-left{
  margin-left:20px;
}


.img-extend-right {
  margin-right:0px; 
  margin-top:0px;
  margin-bottom:0px;
}

.img-extend-left {
  margin-left:0px; 
  margin-top:0px;
  margin-bottom:0px;
}



.location-blurb{
    margin-top:0px;
    margin-bottom:20px;
}


.marg-top-btm-60{
  margin:30px 0;
}

.desktop-footer-space{
  height:0px;
}



hr.limoncello{
/*  border-top-color: #006afe; */
  margin-top:40px;
  margin-bottom:40px;

}


.text-center-m{
  text-align:center;
}

img.contact-logo{
  width:170px;	
    /*float:left;*/
}


.footer-logo{
  max-width:200px;
}



.mapheight{
  height:600px;
}



.img-expand150{
  max-width:100%;
}


span.break-mobile{
  display:block;
}



.marg-var30{
  margin-bottom:0px;
}

video#bgvid { 
    position: fixed;
    top:50%;
    left: 50%;
    min-width: auto;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    transform: translateX(-50%) translateY(-50%);
}


.navbar{
  padding:0.5rem 1rem;
}


.navbar-nav .nav-link{
		margin:0.4rem 0rem;
}

.navbar-nav{
padding:10px;
background-color:#006afe;
}

.list-thick-divide li{
  padding-bottom:10px;
  margin-bottom:10px;
}

.list-thin-divide li{
  padding-bottom:6px;
  margin-bottom:6px;
}

.list-thin-divide.small li{
  padding-bottom:6px;
  margin-bottom:6px;
  font-size:12px;
}

.list-thinner-divide li{
  padding-bottom:3px;
  margin-bottom:3px;
}



.primary-color-box,
.secondary-color-box{
  padding:35px;
}


.map1{
  overflow: hidden; 
  position: relative; 
  max-width: 600px; 
  margin-top: 0px;   
  margin-bottom: 0px;
}



.map2{
  margin-top:-30px;
}

.location-box{
  margin-top:0px;
}

.location-aerial1{
  margin-top:-40px;
}


.iconstat{
padding:0px;
}




.intro-p{
  margin-bottom:24px;
  font-size:32px; 
  line-height: 38px;
  margin-top:0;
  color:#fff;
}


.logo-tagline{
  padding: 120px 7% 120px 7%;
  width:86%;
}


.logo-tagline{
  
  /*padding: 70px 30px;
  position:relative; 
  text-align:center;
  margin:0 auto;
  padding-top:250px;
  width:500px;*/
}

.logo-tagline img{
max-width:96%;
padding-bottom:20px;
/*margin-bottom:60px;*/
}


.logo-tagline.alt{
        padding: 40px 5% 40px 5%;
        width: 90%;
}



.quickfact-box{
padding:5px 0 5px 0;
border-bottom:none; 
margin-bottom:24px;
}



.inner-section-pad{
  padding:40px 30px  40px  30px;
}


.inner-section-pad3{
  padding:40px 0;
}



.diamond-divider1{
  position:absolute;
  bottom:-79px;
  z-index: 900;
  left: 50%;
margin-left: -80px;
}



.diamond-divider2{
  position: absolute;
  top: -110px;
  z-index: 900;
  left: 0%;
  max-width:220px;
}



.diamond-divider3{
  position: absolute;
  bottom: -57px;
  z-index: 900;
  right: 0%;
}

.diamond-divider3 img{
max-width:220px;
}



.diamond-divider4{
  position:absolute;
  top:0px;
  z-index: 900;
  right:0px;
    left: auto;
  max-width:220px;
}


.diamond-divider5{
  position:absolute;
bottom:-62px;
  z-index: 900;
  right:0;

  max-width:250px;
}







.outline-btn,
.solid-btn{
  /*height:46px;*/
}





table.icontable2{
width:100%;
margin-bottom:40px;
margin-right:0%;
}


table.icontable2 td:first-child{
width:120px;
padding: 0px 40px 15px 0;
vertical-align:top;
}

table.icontable2 td{
display:block;
}







.carousel-inner{
  min-height:400px;
}

.carousel-item {
  height: 400px;
}



/* Bottom left text */
figure.img-caption2 figcaption {

  top:30px;
  left:30px;
}

.mobile-pad{
  padding:0px 18px;
}

.nox-pad-m{
  padding-left:0;
  padding-right:0;
}

.blue-box{
  padding:40px 35px;
}

.blue-box2{
  /*padding:40px 15px;*/
}


.marg-sides-60{
  margin:0px 0px 24px 0px;
}




.marg-top-300{
  margin-top:0px;  
}

.marg-top-100{
  margin-top:0px;  
}


.marg-btm-200{
  margin-bottom:0px ;
}




.location-photo1{
  margin-top:0px;
}



.bldg-right-marg{
  margin-right: -80px;
  overflow:hidden;
}


.bldg-left-marg{
  margin-right: -80px;
  overflow:hidden;
}


.site-plan{
  margin-right: -80px;
  overflow:hidden;
}



.floorplan{
padding:0 0;
background-color:#fff;
}

section{
  padding:50px 0;	
}

#home{
  background:url(../images/carson-bldg-main-sm.jpg) 50% 0 no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  /*background-image:none;*/
  /*background-size:100% auto;*/
  min-height:650px;
  background-color:#006afe;
}


#home.alt{
  background-image:url(../images/podium/hero-building2.jpg);
  background-repeat: no-repeat;
  background-position: center bottom;  
  position:relative;
  min-height:830px;
}





#home-alt{
/*background-color:#006afe;*/
  min-height:400px;
}



.main-img-logo{
margin-top:0;	
margin-right:0px;
width:100%;
}



/*#section1,
#section1-1{
background:url(../images/bkgd/hub-at-willows-gradient1-thin2.jpg);
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  position:relative;
}
*/



/*#section1-1{
  background:#c7efca;
}*/

#section1-1{
  /* No background image on mobile - the map is shown as a plain stacked <img> instead */
  background-image: linear-gradient(135deg, #85bdf8 0%, #006afe 45%, #2a35c2 100%);
}

/*section#section1-1{
  padding:50px 0px;
  margin-top:0px;
}*/


#section1-1-1{
  background:#762100;
/*  background:url(../images/bkgd/troy-red-pattern-bkgd.png) bottom center no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  position:relative;*/
}
section#section1-1-1{
  /*padding:50px 0px;
  margin-top:0px;*/
}



body.bldg section#section1{
  padding:50px 0; 
}


section#section2{
/*padding: 50px 0;*/
}


#section2{

  background-image: linear-gradient(135deg, #85bdf8 0%, #006afe 45%, #2a35c2 100%);

}

.font-white-m{
  color:#fff !important;
}

#section2{
/*    background-size:100% auto ;  
  background:url(../images/bkgd/dark-blue-bkgd1-sm2.jpg);
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;*/
 
}




#section2-1{
  
}





#section3-1{	
  background:#006afe;
  min-height:100px;
}




/*#section3{
  background: #e7eaeb ;
}*/


#section4{  
  min-height:450px;
}


section#section3{
  /*background-image:none;*/
/*    background-image:url(../images/bkgd/triangles7-1.png);
  background-repeat: no-repeat;
  background-position: 100% 14%; 
  background-size: auto auto;  */
}


#section5{
  background:#757038;
  background-size: 100% auto;  
  background-image:url(../images/bkgd/troy-side-pattern-hazelnut-sm.png);
  background-repeat: no-repeat;
  background-position: left bottom; 
    padding-bottom:220px;
}




#section5-1{
  background:#000e31;
  background:url(../images/photos/soho-house-rendering2-sm.jpg) top left no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  position:relative;
  min-height:720px;
}


#footer{
  background-image: linear-gradient(160deg, #00f7a8 0%, #006afe 50%, #2a35c2 100%);
  position:relative;
  padding-top:50px;
  padding-bottom:50px;
}







section.extra-pad{
  padding: 40px 0; /* was 100-50 */
}

section.extra-pad.extend{
  padding-top: 50px 0; 
}



table.contact-info td{
display:block;
}



.max250-m{
  max-width:250px;
}


.vert-line,
.vert-line2{
 display:none;
}


.white-trans-box{
padding:15px;
margin-bottom:0;	
margin-top:0;	
}

.lrg-quote{
  font-size: 30px;
  line-height:35px;
}

.lrg-quote2{
  font-size: 23px;
  line-height:27px; 
  padding-bottom:0;
  margin-bottom:0;
}


h1.home-head{
  margin-top:0px;
}



.five-col{
	width:50%;
	float:left;	
	padding:15px;
}




.display-mobile{
  display:block;	
}

.display-mobile.soft{
  display:inline-block;  
}

.display-desktop{
  display:none;	
}


.display-mobile-alt{
  display:block;  
}


.display-desktop-alt{
  display:none; 
}

.display-desktop-xl{
  display:none;  
}

.gallery2 img,
.gallery5 img{
  float:left;
  width:100%;
  margin: 1% 0;	
}


.gallery-two-col img{
  float:left;
  width:100%;
  margin: 1% 0;	
}

.gallery3{
  margin:0 0 0 0;
}


.gallery3 div{
 -webkit-box-flex: auto;
  -ms-flex: auto;
  flex: auto; 
  width: 100%; 
  margin: 8px 0 0 0;   

}




.gallery4{
/*  margin:0 0 0 0;*/
}


.gallery4 div{
 -webkit-box-flex: auto;
  -ms-flex: auto;
  flex: auto; 
  width: 100%; 
/*  margin: 0px 0 0 0;   */

}




.large-p{
  font-size:20px; 
  line-height:25px;
}


.gallery img{
  float:left;
  width:50%;
}


table.drivetimes .circle {
    border:none;    
    height:50px;
    width:45px;
    border-radius:0%;
    -moz-border-radius:0%;
    -webkit-border-radius:0%;
    
}

table.drivetimes .lrg-h1{
text-align: left;
padding-top: 0px;
}














/********************* table styles ***************/
/* Force table to not be like tables anymore */


table.availabilities2 table, 
table.availabilities2 thead, 
table.availabilities2 tbody, 
table.availabilities2 th, 
table.availabilities2 td, 
table.availabilities2 tr,

table.availabilities3 table, 
table.availabilities3 thead, 
table.availabilities3 tbody, 
table.availabilities3 th, 
table.availabilities3 td, 
table.availabilities3 tr,

table.availabilities4 table, 
table.availabilities4 thead, 
table.availabilities4 tbody, 
table.availabilities4 th, 
table.availabilities4 td, 
table.availabilities4 tr,

table.availabilities5 table, 
table.availabilities5 thead, 
table.availabilities5 tbody, 
table.availabilities5 th, 
table.availabilities5 td, 
table.availabilities5 tr,

table.availabilities6 table, 
table.availabilities6 thead, 
table.availabilities6 tbody, 
table.availabilities6 th, 
table.availabilities6 td, 
table.availabilities6 tr{ 
  display: block; 
}

/* Hide table headers (but not display: none;, for accessibility) */
table.availabilities2 thead tr,
table.availabilities3 thead tr,
table.availabilities4 thead tr,
table.availabilities5 thead tr,
table.availabilities6 thead tr { 
  position: absolute;
  top: -9999px;
  left: -9999px;
}




table.availabilities2 tr,
table.availabilities4 tr,
table.availabilities5 tr,
table.availabilities6 tr { 
  border-bottom: 1px solid #fff;
  padding-bottom:10px;
}



table.availabilities2 tbody td,
table.availabilities3 tbody td,
table.availabilities4 tbody td,
table.availabilities5 tbody td,
table.availabilities6 tbody td { 
  /* Behave  like a "row" */
  border: none;
  position: relative;
  padding-left: 50%; 
  padding-top:10px;
}



table.availabilities2 tbody td{ 
  /* Behave  like a "row" */
  padding-left: 35%; 
}



table.availabilities2 tbody tr.leased{
display:none;
}



table.availabilities2 td:before,
table.availabilities3 td:before,
table.availabilities4 td:before,
table.availabilities5 td:before,
table.availabilities6 td:before { 
  /* Now like a table header */
  position: absolute;
  /* Top/left values mimic padding */
  top: 6px;
  left: 6px;
  width: 50%; 
  padding-right: 10px; 
  white-space: nowrap;
}




table.availabilities2 td,
table.availabilities2 tbody td {
 /* padding: 20px 10px;*/
}




table.availabilities1 tr.border-mobile td,
table.availabilities1 tr.border-mobile tbody td{
  padding: 8px 10px 8px 0px;
  border-bottom:1px solid #006afe !important;
}


/*Label the data*/
table.availabilities2 td:nth-of-type(1):before { content: "Building"; }
table.availabilities2 td:nth-of-type(2):before { content: "Address"; }
table.availabilities2 td:nth-of-type(3):before { content: "Available"; }
table.availabilities2 td:nth-of-type(4):before { content: ""; }


table.availabilities2 td:before { padding:5px 10px 0 0px; }

table.availabilities3 td:nth-of-type(1):before { content: "Building"; }
table.availabilities3 td:nth-of-type(2):before { content: "Address"; }
table.availabilities3 td:nth-of-type(3):before { content: "Available"; }
table.availabilities3 td:nth-of-type(3):before { content: ""; }


table.availabilities3 td:before { padding:5px 10px 0 10px; }


table.availabilities4 td:nth-of-type(1):before { content: "Suite"; }
table.availabilities4 td:nth-of-type(2):before { content: "Tenant/Availability"; }
table.availabilities4 td:nth-of-type(3):before { content: "SF"; }


table.availabilities4 td:before { padding:5px 10px 0 10px; }



table.availabilities5 td:nth-of-type(1):before { content: "ADDRESS"; }
table.availabilities5 td:nth-of-type(2):before { content: "SUITE"; }
table.availabilities5 td:nth-of-type(3):before { content: "TOTAL SF"; }
table.availabilities5 td:nth-of-type(4):before { content: "ASKING LEASE RATE PSF (MONTHLY)"; }
table.availabilities5 td:nth-of-type(5):before { content: "ASKING SALE PRICE"; }
table.availabilities5 td:nth-of-type(6):before { content: "AVAILABLE DATE"; }
table.availabilities5 td:nth-of-type(7):before { content: "FLOOR PLAN"; }

table.availabilities5 td:before { padding:5px 10px 0 10px; }

table.availabilities6 td:nth-of-type(1):before { content: "TOTAL SF"; }
table.availabilities6 td:nth-of-type(2):before { content: "LEASE RATE"; }
table.availabilities6 td:nth-of-type(3):before { content: "SALES PRICE"; }

table.availabilities6 td:before { padding:5px 10px 0 10px; }




}



/*************************************/

/*************************************/




@media (min-width: 451px) and (max-width: 767px) {





  

}



/*************************************/

/*************************************/




@media (max-width: 450px) {


/*#home{

    background:url(../images/carson-bldg-main2-sm.jpg) 50% 0 no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  min-height:800px;
}*/

/*.logo-tagline{
padding: 200px 8% 10px 8%;
width: 84%;
}
*/

/*.logo-tagline.alt{
  padding: 80px 5% 40px 5%;
  width:90%;
}*/

  .five-col{
    width:100%;
    float:left; 
    padding:15px;
  } 

.logo-main-font{
font-size:30px;
line-height:30px;
}

.anchor{	
  padding-top:80px; 
  margin-top:-80px; 
}

.gallery img{
  float:left;
  width:100%;
}

.green-btn,
.blue-btn,
.orange-btn{
  display: block;	
}

.gallery4 img{
  float:left;
  width:100%;
}





}


/* ===== Logo reveal (2026-10, rev 3) =====
   Inline SVG, solid white fill. A feathered left-to-right sweep (mask) combined with a fade-in.
   .draw-on-view = footer copy: paused until JS adds .is-drawing when scrolled into view. */
.hero-logo-draw {
  display:block; margin-left:auto; margin-right:auto; overflow:visible;
  opacity: 0;
  -webkit-mask-image: linear-gradient(90deg, #000 40%, transparent 60%);
          mask-image: linear-gradient(90deg, #000 40%, transparent 60%);
  -webkit-mask-size: 250% 100%;
          mask-size: 250% 100%;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: 100% 0;
          mask-position: 100% 0;
  animation:
    logo-sweep 2s cubic-bezier(.45,.05,.25,1) .2s forwards,
    logo-fade 1.2s ease .2s forwards;
}
.hero-logo-draw path { fill: #fff; stroke: none; }
.draw-on-view { animation-play-state: paused; }
.draw-on-view.is-drawing { animation-play-state: running; }
@keyframes logo-sweep {
  to { -webkit-mask-position: 0% 0; mask-position: 0% 0; }
}
@keyframes logo-fade { to { opacity: 1; } }

/* hero text + button fade in as the logo finishes */
.hero-text-in { opacity: 0; animation: fade-in 1.2s ease 1.8s forwards; }

@media (prefers-reduced-motion: reduce) {
  .hero-logo-draw { animation: none !important; opacity: 1; -webkit-mask-image: none; mask-image: none; }
  .hero-text-in { opacity: 1; animation: none !important; }
}


/* ===== Hero scroll-down arrow (2026-10) =====
   Sits at the bottom of the first viewport (hero is taller than most screens). */
.scroll-down {
  position: absolute;
  left: 50%;
  top: calc(100vh - 90px);
  top: calc(100svh - 90px);
  top: min(calc(100svh - 90px), calc(100% - 70px)); /* never lower than the bottom of the hero (tall phones/monitors) */
  margin-left: -20px;
  width: 40px;
  height: 40px;
  z-index: 5;
  opacity: 0;
  animation: fade-in 1s ease 2.6s forwards;
}
.scroll-down svg {
  display: block;
  animation: scroll-bob 2s ease-in-out 3.6s infinite;
  filter: drop-shadow(0 1px 3px rgba(0,0,0,.35));
}
.scroll-down:hover svg { animation-play-state: paused; transform: translateY(4px); }
.scroll-down:focus-visible { outline: 2px solid #fff; outline-offset: 4px; }
@keyframes scroll-bob {
  0%, 100% { transform: translateY(0); opacity: 1; }
  50% { transform: translateY(10px); opacity: .55; }
}
@media (prefers-reduced-motion: reduce) {
  .scroll-down { opacity: 1; animation: none !important; }
  .scroll-down svg { animation: none !important; }
}


/* ===== Round 3 (2026-10): menu gradient, line draws, maps, footer logos ===== */

/* --- menu button + side nav: brand gradient that drifts slowly --- */
.menu-btn.solid-btn {
  background-image: linear-gradient(120deg, #2a35c2 0%, #006afe 50%, #2a35c2 100%);
  background-size: 250% 250%;
  animation: grad-drift 12s ease-in-out infinite alternate;
}
.menu-btn.solid-btn:hover { filter: brightness(1.12); }
.menu-btn.solid-btn a.link { font-weight: 700; }
.sidenav {
  background-image: linear-gradient(160deg, #006afe 0%, #2a35c2 55%, #000e31 100%);
  background-size: 200% 200%;
  animation: grad-drift 14s ease-in-out infinite alternate;
}
@keyframes grad-drift {
  from { background-position: 0% 30%; }
  to   { background-position: 100% 70%; }
}

/* --- vertical rules (property details) draw top to bottom --- */
.white-border-left { border-left-color: transparent; }
.white-border-left::after {
  content: ""; position: absolute; top: 0; bottom: 0; left: -1px; width: 1px;
  background-color: #fff;
}
#section1-1 .white-border-left::after { background-color: #2a35c2; }
.fade-in-section.white-border-left::after {
  clip-path: inset(0 0 100% 0);
  transition: clip-path 1.2s cubic-bezier(.22,.61,.36,1) .35s;
}
.fade-in-section.white-border-left.is-visible2::after { clip-path: inset(0 0 0 0); }
.fade-in-section.white-border-left::before {
  opacity: 0; transform: scale(.3);
  transition: opacity .5s ease .25s, transform .5s ease .25s;
}
.fade-in-section.white-border-left.is-visible2::before { opacity: 1; transform: none; }

/* --- footer rules --- */
.draw-line .footer-line {
  clip-path: inset(-4px 100% -4px 0);
  transition: clip-path 1.3s cubic-bezier(.22,.61,.36,1) .2s;
}
.draw-line.is-visible2 .footer-line { clip-path: inset(-4px 0 -4px 0); }
/* .footer-logo-divider (between KBC and KM logos) is intentionally static - no draw animation */

/* --- King County stats table: row rules draw left to right, staggered --- */
.fade-in-section table.prop-details tr {
  border-bottom: none;
  background-image: linear-gradient(#fff, #fff);
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: 0% 1px;
  transition: background-size 1s cubic-bezier(.22,.61,.36,1);
}
.fade-in-section.is-visible2 table.prop-details tr { background-size: 100% 1px; }
.fade-in-section table.prop-details tr:nth-child(1){transition-delay:0.53s;}
.fade-in-section table.prop-details tr:nth-child(2){transition-delay:0.61s;}
.fade-in-section table.prop-details tr:nth-child(3){transition-delay:0.69s;}
.fade-in-section table.prop-details tr:nth-child(4){transition-delay:0.77s;}
.fade-in-section table.prop-details tr:nth-child(5){transition-delay:0.85s;}
.fade-in-section table.prop-details tr:nth-child(6){transition-delay:0.93s;}
.fade-in-section table.prop-details tr:nth-child(7){transition-delay:1.01s;}
.fade-in-section table.prop-details tr:nth-child(8){transition-delay:1.09s;}
.fade-in-section table.prop-details tr:nth-child(9){transition-delay:1.17s;}
.fade-in-section table.prop-details tr:nth-child(10){transition-delay:1.25s;}
.fade-in-section table.prop-details tr:nth-child(11){transition-delay:1.33s;}
.fade-in-section table.prop-details tr:nth-child(12){transition-delay:1.41s;}
.fade-in-section table.prop-details tr:nth-child(13){transition-delay:1.49s;}
.fade-in-section table.prop-details tr:nth-child(14){transition-delay:1.57s;}

/* --- footer: KBC + KM logos pulled to the right edge of the container --- */
@media (min-width: 992px) {
  .footer-logos-row { justify-content: flex-end; }
}

/* --- maps: slow settle + fade when scrolled into view --- */
.bg-img1.map-reveal { position: relative; overflow: hidden; background-image: none; }
.bg-img1.map-reveal::before {
  content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0;
  background: url(../images/podium/king-county-map-sq.jpg) no-repeat 0 70% / 100% auto; /* 2nd value = vertical focus: 0% = top, 100% = bottom of image; raise to move the map up */
  opacity: 0; transform: scale(1.08); transform-origin: 50% 50%;
  transition: opacity 1.4s ease, transform 3.2s cubic-bezier(.22,.61,.36,1);
}
.bg-img1.map-reveal.is-visible2::before { opacity: 1; transform: scale(1); }
@media (min-width: 768px) {
  #section1-1.map-reveal { position: relative; overflow: hidden; background-image: none; }
  #section1-1.map-reveal::before {
    content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 0;
    background: url(../images/podium/federal-way-map-wide.jpg) center / cover no-repeat;
    opacity: 0; transform: scale(1.08);
    transition: opacity 1.4s ease, transform 3.2s cubic-bezier(.22,.61,.36,1);
  }
  #section1-1.map-reveal.is-visible2::before { opacity: 1; transform: scale(1); }
  #section1-1.map-reveal > .container { position: relative; z-index: 1; }
}

@media (prefers-reduced-motion: reduce) {
  .menu-btn.solid-btn, .sidenav { animation: none !important; }
  .fade-in-section.white-border-left::before,
  .fade-in-section.white-border-left::after,
  .draw-line .footer-line,
  .fade-in-section table.prop-details tr,
  .bg-img1.map-reveal::before, #section1-1.map-reveal::before {
    transition: none !important; clip-path: none !important; opacity: 1 !important; transform: none !important;
  }
  .fade-in-section table.prop-details tr { background-size: 100% 1px !important; }
}


/* ===== Mobile fixes (2026-10) ===== */
@media (max-width: 767px) {
  /* King County stats: BS5 doesn't reset the old mx-5/px-5 stacking on mobile - it left ~90px for the table */
  .d-md-flex.flex-md-equal .bg-dark {
    margin-left: 0 !important; margin-right: 0 !important;
    padding-left: 1.5rem !important; padding-right: 1.5rem !important;
  }
  .d-md-flex.flex-md-equal .bg-dark > .my-3 {
    margin-left: 0 !important; margin-right: 0 !important;
    padding-left: 0 !important; padding-right: 0 !important;
  }
  /* King County map was a ~100px sliver when stacked; show the full square map */
  .bg-img1.map-reveal { aspect-ratio: 1 / 1; width: 100%; }
}
/* short screens (landscape phones): the arrow would overlap hero text */
@media (max-height: 560px) {
  .scroll-down { display: none; }
}


/* ===== Footer spacing, desktop (2026-10) ===== */
@media (min-width: 768px) {
  #footer .container > .row:first-child { padding-top: 70px; }   /* space above footer logo */
  .footer-divider-row.footer-divider-lg { margin-bottom: 70px; } /* space below "Exclusively listed by" line (was 30px) */
}


/* ===== Mobile round 2 (2026-10) ===== */
@media (max-width: 767px) {
  /* hero: smaller bg image, more room under the fixed menu button, everything centered */
  #home.alt { background-image: url(../images/podium/hero-building2-sm.jpg); }
  .logo-tagline.alt { padding-top: 110px; text-align: center; }
  .logo-tagline.alt .hero-address,
  .logo-tagline.alt .lrg-quote { text-align: center; }

  /* larger type: h3 22/26 -> 26/32, h1 30/34 -> 44/48 (body stays at desktop size) */
  h3 { font-size: 26px; line-height: 32px; }
  h1 { font-size: 44px; line-height: 48px; }   /* was 30/34 */

  /* Federal Way section: plain white on mobile */
  #section1-1 { background-image: none; background-color: #fff; }

  /* footer: room above the logo */
  #footer .container > .row:first-child { padding-top: 50px; }
}


/* ===== Mobile round 3 (2026-10) ===== */
@media (max-width: 767px) {
  .callout { font-size: 32px; line-height: 36px; }                /* was 45/45 */
  img.panattoni-logo { max-width: 220px !important; }             /* was 350px inline */
  .hero-logo-draw.footer-logo { width: 80% !important; max-width: 300px !important; } /* match hero logo */
}


/* ===== Mobile: footer logo spacing (2026-10) ===== */
@media (max-width: 767px) {
  .marg-btm-120 { margin-bottom: 80px !important; }
}


/* iOS auto-detected addresses/dates: keep inherited styling (belt and braces with the format-detection meta) */
a[x-apple-data-detectors] {
  color: inherit !important;
  text-decoration: none !important;
  font-size: inherit !important;
  font-family: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
}


/* extra space below the last broker (Matt Wood) before the logos row */
p.contact-last { margin-bottom: 50px !important; }


/* Panattoni logo link: size lives on the anchor (an <img> with only max-width inside an inline <a> can collapse) */
a.panattoni-link { display: block; width: 400px; max-width: 100%; }
/* mobile: no override - 400px, capped at container width by max-width:100% */