/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */

body {
  padding-top: 3rem;
  /*padding-bottom: 3rem;*/
  color: #5a5a5a;
  display: flex;
  min-height: 100vh;
  flex-direction: column;
}

main {
   flex: 1;
}

.bg{
  background: url("../image/bg.jpg") no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.p-00 {
    padding: 1.1rem!important;
}

.btn-read-more{
  color:#FFFFFF;
  background-color:#F7AD1A;
  border-color:#F7AD1A;
  padding: 0.2rem .4rem;
  font-size: 1rem;
  border-radius: .3rem
}

.btn-read-more:hover{
  color:#000;
  background-color:#D9D9D9;
  border-color:#D9D9D9}

.bg-kumala {
    background-color: #122215!important;
}

.titlew {
  font-family: 'Roboto', sans-serif;
  font-style: bold;
  font-weight: 700;
  color: #F7AD1A;
}

.title-color {
  font-family: 'Roboto', sans-serif;
  font-style: bold;
  font-weight: 700;
  color: #334E19;
}

.content-color {
  /*font-family: 'Roboto', sans-serif;*/
  font-weight: 350;
  color: #334E19;
  /*text-indent: 2rem;*/
  text-align: justify;
}

.menu {
  font-family: 'Roboto', sans-serif;
  font-style: inherit;
  font-weight: 700;
  color: #F7AD1A;
}

.submenu {
  font-family: 'Roboto', sans-serif;
  font-weight: 200;
  color: #334E19;
}

.side-content {
  font-family: 'Roboto', sans-serif;
  font-weight: 200;
  font-size: 0.875rem;
  color: #334E19;
}

.timeline {
  border-left: 3px dashed hsl(0, 0%, 90%);
  position: relative;
  list-style: none;
  border-color: #6f845b;
}

.timeline .timeline-item {
  position: relative;
}

.timeline .timeline-item:after {
  position: absolute;
  display: block;
  top: 0;
}

.timeline .timeline-item:after {
  background-color: hsl(0, 0%, 90%);
  left: -39px;
  border-radius: 50%;
  height: 11px;
  width: 11px;
  content: "";
  background-color: #6f845b;
}

/*.fc {
  font-family: Roboto Condensed, sans-serif;
  text-align: center;
  text-transform: uppercase;
  color: #fff;
  background-image: url(/images/typesource/leaves.jpg);
  background-color: #2b5a33;
  background-size: cover;
  padding: 4em 6em 7.5em;
}*/


/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
  margin-bottom: 3rem;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  bottom: 3rem;
  z-index: 10;
}

/* Declare heights because of positioning of img element */
.carousel-item {
  height: 20rem;
}
.carousel-item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 32rem;
}


/* MARKETING CONTENT
-------------------------------------------------- */

/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
  margin-bottom: 1.5rem;
  text-align: center;
}
.marketing h2 {
  font-family: 'Roboto', sans-serif;
  font-weight: 900;
  font-size:2.051rem;  
  color: #334E19;
}
/* rtl:begin:ignore */
.marketing .col-lg-4 p {
  margin-right: .75rem;
  margin-left: .75rem;
}
/* rtl:end:ignore */


/* Featurettes
------------------------- */

.featurette-divider {
  margin: 5rem 0; /* Space out the Bootstrap <hr> more */
}

/* Thin out the marketing headings */
.featurette-heading {
  font-weight: 300;
  line-height: 1;
  /* rtl:remove */
  letter-spacing: -.05rem;
  margin-bottom: 2rem;
}


ul li a {
  color: #334E19;
  text-decoration:none;
}

ul li:hover {
  /*background: #0099cc;*/
  color: #334E19;
  text-decoration: underline;
}

ul li:hover a {
  color: #334E19;
  text-decoration: underline;
}

div .side a {
  color: #334E19;
  text-decoration:none;
}

dl:hover,
dl:hover + dt,
dt:hover + dd{
  text-decoration: underline;
}

a.older:hover  {
  text-decoration: underline;
}

a.newer:hover  {
  text-decoration: underline;
}

/*.tab {
  display: inline-block;
  margin-left: 20px;
}
*/

/*dt:hover ~ dt ~ dd {
  color: initial;
}*/

/* RESPONSIVE CSS
-------------------------------------------------- */

@media screen and (max-width:29.9999em) {
/* smartphones, iPhone, portrait 480x320 phones */ 
  .carousel-caption{ 
    right:10%;
    left:10%;
    font-size: 0.9rem;
    line-height: 1.4;
    text-align: justify;
    text-justify: inter-word;
  }

  .marketing{
    text-align: center;
  }

  .footer{
    text-align: center;
  }
}

@media (min-width: 40em) {
  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 1.25rem;
    font-size: 1rem;
    line-height: 1.4;
  }

  .featurette-heading {
    font-size: 45px;
  }

}

@media (min-width: 62em) {
  .featurette-heading {
    margin-top: 6rem;
  }
}

@media (min-width: 678px) {

    .modal-dialog {
        width: 80%;
        margin: 30px auto;
    }
    .ekko-lightbox-container {
        height: auto!important;
    }
    .ekko-lightbox-item.fade:not(.show) {
        position: absolute;
    }
}

.portfolio-menu{
  text-align:center;
}
.portfolio-menu ul li{
  display:inline-block;
  margin:0;
  list-style:none;
  padding:10px 15px;
  cursor:pointer;
  -webkit-transition:all 05s ease;
  -moz-transition:all 05s ease;
  -ms-transition:all 05s ease;
  -o-transition:all 05s ease;
  transition:all .5s ease;
}

.portfolio-item{
  /*width:100%;*/
}
.portfolio-item .item{
  /*width:303px;*/
  float:left;
  margin-bottom:10px;
}
/* Font Face
-------------------------------------------------- */

/* barlow-condensed-700 - latin */
@font-face {
  font-family: 'Barlow Condensed';
  font-style: bold;
  font-weight: 700;
  src: url('../fonts/barlow-condensed-v12-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/barlow-condensed-v12-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/barlow-condensed-v12-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/barlow-condensed-v12-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/barlow-condensed-v12-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/barlow-condensed-v12-latin-700.svg#BarlowCondensed') format('svg'); /* Legacy iOS */
}