/*!
 * Start Bootstrap - Full Width Pics (https://startbootstrap.com/template-overviews/full-width-pics)
 * Copyright 2013-2019 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-full-width-pics/blob/master/LICENSE)
 */
.bg-image-full {
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
  height:200px;
}
.imghome{
  height:400px;
}
.opaque-navbar {
    background-color: rgba(0,0,0,.2);
  /* Transparent = rgba(0,0,0,0) / Translucent = (0,0,0,0.5)  
    height: 60px;*/
    border-bottom: 0px;
    transition: background-color .5s ease 0s;
}

.opaque-navbar.opaque {
    background-color: #000;
    height: 60px;*/
    transition: background-color .5s ease 0s;
}

ul.dropdown-menu {
    background-color: black;
}
.besar {
  font-family: 'Great Vibes';
  font-size: 220%;
/*  font-weight: bold;*/
  color : white;
  margin-top: 50px;
}
.besar-home {margin-top: 200px;}
@media screen and (min-width: 601px) {
  div.besar {
    font-size: 220%;
  }
}

/* If the screen size is 600px wide or less, set the font-size of <div> to 30px */
@media screen and (max-width: 600px) {
  div.besar {
    font-size: 140%;
  }
}
.navbar-brand {
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-weight: bolder;
	font-size: 160%;
	padding-top: 0;
	margin-top: 0;
	text-shadow: 3px 3px 1px #2294ff;
}



@media (min-width: 768px) {
.carousel-multi-item-2 .col-md-3 {
float: left;
width: 25%;
max-width: 100%; } }

.carousel-multi-item-2 .card img {
border-radius: 2px; }

/* change the brand and text color */
.navbar-custom .navbar-brand {
  color:#eeeeee;
}
.navbar-custom .navbar-text {
    color: rgba(255,255,255,1);
}
/* change the link color */
.navbar-custom .navbar-nav .nav-link {
    color: #dddddd;
}
/* change the color of active or hovered links */
.navbar-custom .nav-item.active .nav-link,
.navbar-custom .nav-item:focus .nav-link,
.navbar-custom .nav-item:hover .nav-link {
    color: #42a3fe;
}
.btn:focus, .btn:active, button:focus, button:active {
  outline: none !important;
  box-shadow: none !important;
}

#image-gallery .modal-footer{
  display: block;
}

.thumb{
  margin-top: 15px;
  margin-bottom: 15px;
  transition: transform .2s; /* Animation */
}
.thumb:hover {
  transform: scale(1.3);
}

#contact .form-control {
  border: none;
  border-bottom: 2px solid #f0f0f0;
  border-radius: 0px;
  box-shadow: none;
  font-size: 18px;
  margin-top: 10px;
  margin-bottom: 10px;
  -webkit-transition: all ease-in-out 0.4s;
  transition: all ease-in-out 0.4s;
}

#contact .form-control:focus {
  border-bottom-color: #03af91;
}

#contact input {
  height: 55px;
}

#contact button#submit {
  background: #035446;
  border: none;
  border-radius: 40px;
  color: #ffffff;
  height: 40px;
  margin-top: 24px;
}

#contact button#submit:hover {
  background: #03af91;
  color: #ffffff;
}
form .error {
  color: #ff0000;
}
.post-meta {
    font-size: 80%;
    font-style: italic;
    margin-top: 0;
    color: #868e96;}
a.baca {
  color: #0785fb;
  text-decoration: none;
} 
a.baca:hover {
  color: #0663ba;
  text-decoration: none;
}   
h1,h2,h3,h4,h5,h6 {
  font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
} 
.card-header {padding-top: 0;padding-bottom: 5px;font-weight: bolder;}
.kategori a {text-decoration: none;color:#555;}
.catatan {  
  font-family: 'Great Vibes';
  font-size: 130%;
  border-bottom: 1px solid #999;
}
.catatan-isi {  
  font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
  font-style: italic;
}