/*!
 * Start Bootstrap - Modern Business (http://startbootstrap.com/template-overviews/modern-business)
 * Copyright 2013-2017 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-logomodern-business-nav/blob/master/LICENSE)
 */
html{
  height: 100%;
}

body {
  display: flex;
  flex-direction: column;
  min-height: 100%;
  background-color: #F3F3F3;
  font-family: 'Kanit', sans-serif;
}

@media (min-width: 992px) {
    body {
      background-color: #F3F3F3
    }
}

.fixed-top{
  position: sticky;
}


.carousel-item {
    height: 65vh;
    min-height: 300px;
    background: no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.carousel-item-about{
  height: 55vh;
  min-height: 300px;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

h1,h2,h4,h5,h6,p{
  color: #1A1A1A
}

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

.bg {
  background: rgba(0, 0, 0, 0.5)!important;
}

.color {
  color: #ebebeb !important;
}

.nav-color{
  background-color: rgba(0,0,0,0.7);
}

.menu-item{
  /* padding-left: 10%; */
  /* padding-right: 5%; */
  color: rgb(50,50,50) !important;
  font-weight: bold;
  font-size: 1em;
  white-space: nowrap;
}
.sub-item{
  color: rgb(50,50,50) !important;
  font-weight: bold;
  font-size: 0.9em;
}

.nav-link,.navbar-brand,{
  font-size: 1.3em;
  color: rgb(50,50,50) !important;
  font-weight: bold;
}

.nav-link,.navbar-brand{
  color: rgb(235,235,235) !important;
  font-weight: bold;
}

.title{
  font-size: 22px;
  color: rgb(50,50,50) !important;
  font-weight: bold;
}

.breadcrumb{
  background-color: rgb(196, 255, 222);
}

.no-dot{
  list-style-type: none;
}

.shrink-pad{
  padding-left: 15%;
}

.dropdown-menu{
  /* min-width: 13rem; */
  min-width: 100%;
  padding: 10px 18px;
  max-height: 70vh;
  /* overflow: auto; */
}

.color-active{
  background-color: #00a8ff;
}

.footer{
  flex-shrink: 0;
  z-index: 10;
}