/*!
 * Start Bootstrap - Agency v4.0.0-beta.2 (https://startbootstrap.com/template-overviews/agency)
 * Copyright 2013-2017 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-agency/blob/master/LICENSE)
 */

/*!
 * Kode untuk Versi Desktop
 */
 
 .modal-dialog{
	 margin: 0px !important;
 }
 
 .modal-content{
	border: 0px !important;
    border-radius: 0 !important;
 }
 
 .tulisan-popup{
	 font-size: 15px
 }
 
 .table td, .table th {
 padding: .25rem;}
 
 ol ol, ol ul, ul ol, ul ul {
    padding-inline-start: 15px;
}
 
 .text-underline{
	text-decoration: underline; 
 }
 
 ::selection{
    background: #ddd !important;
 }
 
 .btn-info{
	padding: 15px;
    border-radius: 50px;
    text-transform: uppercase;
    color: #212121;
    background-color: #ffffff;
    border: 3px solid #f69220;
 }
 
 .btn-info:hover {
    color: #000;
    background-color: #fff;
    border-color: #000;
 }
 
 .bg-light {
    background-color: #212121!important;
 }
 
@font-face {
    font-family: 'jam-digital';
    src: url('../fonts/jam-digital.ttf');
    font-weight: normal;
    font-style: normal;
} 
 
 .jamfont {
    font-family: 'jam-digital';
	background: #000;
    color: #ffff;
    font-weight: bold;
    max-width: 500px;
    padding: 5px;
    margin: 0 auto;
    border-radius: 10px; 
	font-size: 30px
}

 a{
	 color: #000;
 }
	

a:hover{
	 color: #000;
 }

 .fa-inverse{
	 color: #212529;
 }
 
header.masthead {
  background-image: url("../img/banneratasdesktop.jpg");
  padding-top: 145px !important;
  height: 550px;
  margin-top: 90px;
}

section {
    background: #ffff !Important;
}

.text-white{
	color: #fff !important;
}

.text-kuning{
	color: #ffff !important;
}

.text-purple{
	color: #000 !important;
}

ul.social-buttons li a{
	background-color: #000;
}

footer{
	background: black;
    color: white;
}

#mainNav{
	background-color: #ffff;
}

#mainNav .navbar-toggler {
    background-color: #000;
	color: #ffff;
}

.btn-primary {
	margin-bottom: 20px;
    background-color: #1d1d1d;
    border: 2px solid #ffffff;
    border-bottom-width: 0.3625rem;
	padding: 10px;
}

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

#portfolio .portfolio-item .portfolio-link .portfolio-hover{
    background: rgba(255, 255, 255, 0) !Important;
    border: 5px solid #ffff;
}

.btn-primary:active, .btn-primary:focus, .btn-primary:hover {
    background-color: #ffff!important;
    border-color: #fff!important;
}

.timeline>li .timeline-image{
	Background-color: #fff;
}

.urutan{
	margin-top:65px !important;
}

header.masthead .intro-text {
    padding-bottom: 100px !important;
	padding-top: 250px !important;
}

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

#mainNav .navbar-nav .nav-item .nav-link{
	font-weight: 300;
	color: #000;
}

#portfolio .portfolio-item .portfolio-link{
	border-bottom: 0px solid #f8f9fa;
}

#portfolio .portfolio-item .portfolio-caption{
	padding: 10px
}

#portfolio .portfolio-item .portfolio-caption h4 {
   font-weight: 300;
}

ul.social-buttons li a:active, ul.social-buttons li a:focus, ul.social-buttons li a:hover{
	background-color: #fff !important;
	color: #000 !important;
}

/*!
 * Kode untuk Versi Mobile
 */
 
 @media (min-width: 992px){
	 
.timeline>li .timeline-image h4 {
	font-size: 2em;
}

#mainNav {
    padding-top: 15px;
	padding-bottom: 15px;
	background-color: #ffff;
}

#mainNav.navbar-shrink{
	background-color: #ffff;
}

}
 
 
@media (max-width: 768px) {
	
header.masthead {
  background-image: url("../img/banneratasmobile.jpg");
  padding-top: 10px !important;
  margin-top: 74px;
  height: 550px !important;
}

.portfolio-modal .modal-content h2 {
    font-size: 1.5em;
}

.urutan{
	margin-top:25px !important;
}

.timeline>li .timeline-image h4 {
	font-size: 1em;
}

header.masthead .intro-text {
    padding-bottom: 0px !important;
}

.jamfont { 
	font-size: 20px
}

.judul-pertama{
	font-size: 29px !important;
}
.judul-kedua{
	font-size: 17px;
}

.deskripsi{
	font-size: 17px;
}

 .tulisan-popup{
	 font-size: 12px
 }

}

@media (max-width: 320px){
header.masthead {
    background-image: url(../img/banneratasmobile.jpg);
    padding-top: 10px !important;
    margin-top: 74px;
    height: 500px !important;
}
}