/* Stellar Colors */

.filters .input-group-addon,
.search .input-group-addon {
  background-color: #0f3880;
}

.panel-primary > .panel-heading {
  color: #fff;
  background-color: #0f3880;
  border-color: #0f3880;
}

.panel-primary {
  border-color: #0f3880;
}

.btn-primary {
  background-color: #0f3880;
  border-color: #0f3880;
}

.text-primary,
a.list-group-item-info,
button.list-group-item-info,
.btn-link,
.panel-info > .panel-heading {
  color: #0f3880;
}
.main-home {
  background-color: white;
}
#content {
  background-color: #f5f8fa;
}

.badge {
  display: none;
}

/* end Stellar Colors */

/* Skin Styles */

/* header styles */

header {
  font-family: "Inter", sans-serif;
  position:relative;
  z-index:3;
}

header * {
  margin: 0;
}

header .header-container {
  display: block;
  background-image: url('../img/header-background-img.png');
  background-repeat: repeat;
  background-position: left top;
  background-size: 283.00px auto;
  padding-bottom:15px;
}

header .inner-header-container{
  max-width:1220px;
  margin:0 auto;
}


header .inner-top-row{
  margin-left:180px;
  padding-top:10px;
}

header .location-column p{
  line-height:19.2px;
  font-size:16px;
  color:white;
}

header .logo-column img{
  max-width:135px;
  width:100%;
  filter: drop-shadow(2px 3px 2px rgba(0,0,0,.25));
}

header .logo-column{
  margin-left: 35px;
  margin-top: -13px;
}

header .inner-lower-row{
  display:flex;
}

header .right-column>div{
  display:flex;
  flex-grow:1;
}

header .right-column{
  display:flex;
  align-items: end;
  flex-grow:1;
}

header .facebook-column img{
  max-width:42px;
  width:100%;
}

header .nav-p{
  color:black;
  font-size:26px;
  line-height:31.2px;
  margin-left:55px;
  margin-top:1px;
}

header .nav-p a{
  color:black;
}

header .nav-p span{
  margin-left:16px;
  margin-right:10px;
}

header .phone-column{
  display:flex;
  flex-grow:1;
  justify-content: end;
}

header .facebook-column{
  margin-right:17px;
  margin-top:-3px;
}

header .phone-column a{
  font-family:sans-serif;
  display:inline-flex;
  color:rgb(0, 51, 102);
  align-items: center;
  column-gap:14px;
  font-size:24px;
  font-weight:600;
  margin-right:37px;
}

header .phone-column a:hover,
header .phone-column a:focus,
header .phone-column a:active{
  text-decoration:none;
}

@media only screen and (max-width:1199px){
  header .inner-header-container{
    max-width:1000px;
  }

  header .logo-column{
    margin-left: 22px;
    margin-top: -7px;
  }
  header .logo-column img{
    max-width:133px;
  }
  header .nav-column{
    order:1;
  }
  header .phone-column{
    order:2;
  }
  header .right-column>div{
    margin-left:23px;
  }
  header .facebook-column{
    margin-right: 0;
    margin-left: 0;
    margin-top: 7px;
  }
  header .nav-column{
    position:absolute;
    /* center */
    left:47%;
    top:133px;
    transform:translateX(-47%);
  }
  header .facebook-column img{
    max-width:29px;
  }
  header .nav-p{
    margin:0;
  }
  header .phone-column a{
    font-size: 20px;
    line-height: 23px;
    margin-top: 9px;
    margin-right: 55px;
    column-gap:10px;
    margin-right:25px;
  }
  header .call-text{
    display:none;
  }
}

@media only screen and (max-width:991px){
  header .inner-header-container{
    max-width:800px;
  }
}

/* mobile header styles */
@media only screen and (max-width:809px){
  header .inner-top-row{
    text-align: center;
    margin-left:0;
  }
  header .location-column p{
    margin-top:2px;
  }
  header .logo-column img{
    max-width:93px;
    min-width:93px;
  }
  header .logo-column{
    margin-left: 14px;
    margin-top: 17px;
  }
  header .nav-column{
    position:static;
    width:100%;
    top:0;
    transform:translateX(0);
    order:3;
    margin-top: 0;
    margin-left:0;
  }
  header .right-column>div{
    flex-wrap:wrap;
  }
  header .nav-p{
    font-size:18px;
    line-height:21.6px;
  }
  header .nav-p span{
    margin-left:10px;
    margin-right:6px;
  }
  header .nav-column{
    margin-left:28px;
    margin-bottom:2px;
  }
  header .right-column>div{
    margin-left:0;
  }
  header .facebook-column{
    order:1;
    margin-right:40px;
    margin-bottom:22px;
  }
  header .phone-column a{
    margin-right:23px;
  }
  header .facebook-column{
    order:2;
  }
}

/* footer styles */

footer {
  font-family: "sans-serif", "Helvetica Neue", Helvetica, Arial;
}

footer .footer-container {
  display: block;
  background:black;
  padding:30px 0;
}

footer .footer-container p{
  text-align: center;
  font-size:16px;
  line-height:1.5;
  font-weight:bold;
}

footer .footer-container p a{
  color:white;
}

footer * {
  margin: 0;
}