/* Template Name: caleg-kuning
   File Description: Custom Template
*/
/****************************************\

CALEG KUNING

*****************************************/
@import url("https://fonts.googleapis.com/css2?family=Comme:wght@300&family=Playfair+Display:wght@400;700&display=swap");
body {
  font-family: "Comme" , sans-serif;
  overflow-x: hidden !important;
  color: #222222;
  font-size: 1rem
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Playfair Display", serif;
  font-weight: 400;
  line-height: 1.3;
}

.btn,
.btn:focus,
button,
button:focus {
  outline: none !important;
}

a, a:hover {
  text-decoration: none !important;
  outline: none;
  color: #222222;
}

p {
  font-size: 16px;
  line-height: 26px;
}

.text-primary {
  color: #222222 !important;
}

.bg-primary {
  background-color: #423d34 !important;
}

.bg-secondary {
  background-color: #e3ded3 !important;
}

.bg-overlay {
  background-color: rgba(29,38,54,0.7);
 }


.logo img {
  width: 250px;
}

.op-8 {
  opacity: 0.8;
}

.op-7 {
  opacity: 0.7;
}

.op-5 {
  opacity: 0.5;
}

.rd5 {
  border-radius: 5px;
}

.rd10 {
  border-radius: 10px;
}

.rd15 {
  border-radius: 15px;
}

.rd25 {
  border-radius: 25px;
}

.br-10 {
  border-radius: 10;
}

.navbar {
  padding: 5px 0;
  background: #fff;
}

.nav-sticky.navbar {
  background: #fff;
}

.nav-sticky.navbar .navbar-nav .nav-item .nav-link {
  color: #6c757d !important;
}

.large-padding {
  padding-top: 100px;
  padding-bottom: 100px;
}

.filter-options .active {
  color: #fff;
  background-color: #33cacf;
}

.btn-primary, .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .btn-primary.focus, .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary .open>.dropdown-toggle.btn-primary  {
  background-color: #33cacf !important;
  border-color: #33cacf !important;
}

.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .btn-danger.focus, .btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger .open>.dropdown-toggle.btn-primary  {
  background-color: #33cacf !important;
  border-color: #33cacf !important;
}

.footer {
  padding-top: 40px;
  padding-bottom: 40px;
  font-size: small;
}

.footer p {
  font-size: 16px;
}

.services-blog {
  padding: 40px;
  background-color: #fff;
  box-shadow: 1px 2px 13px -5px rgba(29,38,54,0.3);
}

/* MOBILE */

@media (min-width: 992px) {
  .navbar .navbar-nav .nav-item .nav-link {
    color: #6c757d !important;
    font-size: 1.1rem;
    font-weight: 500;
  }

  .navbar .navbar-nav .nav-item .nav-link:hover {
    color: #6c757d !important
  }

  .navbar .navbar-nav .nav-item .nav-link:hover {
    color: #000;
  } 
}

@media (max-width: 992px) {  
  .navbar {
    background-color: #fff;
  }
  .navbar .mdi {
    color: #878787 !important;
  }
}

/* CONTENT */
#header-content {
  height: 400px;
  overflow: hidden;
}

#plain-header {
  height: 300px;
}

.top-80 {
  margin-top: 80px;
}

.top-120 {
  margin-top: 120px;
}

.top-150 {
  margin-top: 150px;
}

.top-200 {
  margin-top: 200px;
}