/*!
 * Start Bootstrap - 4 Col Portfolio (https://startbootstrap.com/template-overviews/4-col-portfolio)
 * Copyright 2013-2018 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-4-col-portfolio/blob/master/LICENSE)
 */

/* karla-regular - latin */
@font-face {
  font-family: 'Karla';
  font-style: normal;
  font-weight: 400;
  src: local('Karla'), local('Karla-Regular'),
       url('fonts/karla-v6-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('fonts/karla-v6-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* karla-700 - latin */
@font-face {
  font-family: 'Karla';
  font-style: normal;
  font-weight: 700;
  src: local('Karla Bold'), local('Karla-Bold'),
       url('fonts/karla-v6-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('fonts/karla-v6-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}







body {
  padding-top: 54px;
  font-family: 'Karla', Arial, Helvetica, sans-serif;
  background-color: #eeeeee;
}

.navbar-brand {

  font-family: 'Karla', Arial, Helvetica, sans-serif;
  font-weight: 700;

}


a {
  color: #003cc9;

}





.jumbotron {
  /*margin-top: 3em;*/
  color: #eeeeee;
  background-image: url(../img/header-bg.jpg); 
  background-color: #003cc9;
  border-radius: 0%;
  padding-top: 5em !important;
  padding-bottom: 5em !important;
  

}



.jumbotronfloorscan {
  /*margin-top: 3em;*/
  color: #eeeeee;
  background-image: url(../img/floorscan/floorscan-header.jpg); 
  background-color: #003cc9;
  border-radius: 0%;
  padding-top: 5em !important;
  padding-bottom: 5em !important;
  

}

.alert a {
  text-decoration: underline !important;
}

.alert a:hover {

  color: black;

}

a:hover {

  color: #003cc9;
}

.text-inverse {
  color: #eeeeee !important;
  background-color: #003cc9 !important;
  vertical-align: bottom !important;

}

.img-portrait {

  width: inherit;
  height: inherit;
  margin-bottom: 3em;

}


.about-spacer {
  margin-top: 5em;
  
}


.spacer {
  margin-top: 5em;
}

.panda-logo-jumbotron {

 float: left;

}


.breadcrumb {
  padding: 0.75rem 0rem;


}

.alert-info {
  background-color: #eeeeee;
  color: #003cc9;
  border-radius: 0%;
  border: 2px solid #003cc9;


}

.cc{
  margin-bottom: 2em;

}

.col-sm-10 {

  margin-top: 6em;
    border-left: 5px solid black;
}

.col-sm-2 {

  margin-top: 6em;

}

.feature-wrapper {

margin-bottom: 7em;

}

.text-primary {

 color: #1f3ff3!important;

}

.card {
  
   border: none; 
  
  /*box-shadow: 0px 1px 20px 2px #d0d0d0; */
}


.card-body {

  border-top: 2px solid #22262a;


}

h4 {

  color: rgb(61, 61, 61);
  font-size: 1.2rem;
  font-family: 'Karla', Arial, Helvetica, sans-serif;
  font-weight: 700;
}

h5 {
  margin-top: 3em;
  margin-bottom: 1em;
}

h1 {

  font-family: 'Karla', Arial, Helvetica, sans-serif;
  font-weight: 700;

}

.my-4 {
  margin-top: 2.8em !important;
  padding-bottom: 1em !important;
  margin-bottom: 1.2em !important;
  border-bottom: 2px solid #22262a;
  font-family: 'Karla', Arial, Helvetica, sans-serif;
  font-weight: 700;

}

.bg-dark {
  background-color: #22262a!important;
}


.py-5 {

  font-family: 'Karla', Arial, Helvetica, sans-serif;
  font-weight: 400;
  border-top: 2px solid #22262a;

}

.btn {
  
  margin-top: 1em;

}

.btn-outline-dark {

  width: 100%;

}


.nd-navigation {
  max-height: 0px;
  margin-top: 3.5em;
  
  font-family: 'Karla', Arial, Helvetica, sans-serif;
  font-weight: 400 !important;
  padding:0px; 

  display: block;
  overflow: hidden;
  transition: max-height 0.45s ease-out;
  box-shadow: 0px 0px 5px 0px #888888;

    
}

.subnav-show {

  overflow: hidden !important;
  max-height: 500px;
  transition: max-height 0.85s ease-in-out; 
  /*padding: 1em; */
  box-shadow: 0px 0px 5px 0px #888888;

  



}

.subnav-show-padding {
  width: 100%;
  padding: 1em;
  text-align: right !important;
}



@media (min-width: 992px) {
  body {
    padding-top: 56px;
  }
}

.portfolio-item {
  margin-bottom: 30px;
}

.pagination {
  margin-bottom: 30px;
}

.small-footer {
  font-size: 0.7em;
}