@charset "utf-8";
/* CSS footer */

.footer {
    background-image: linear-gradient(#368F00, #A5EEA5);
	position: relative;
	bottom: 0;
	box-sizing: border-box;
	width: 100%;
	text-align: left;
}
.footer-row {
    display: flex;
    flex-wrap: wrap;
}

.footer .footer-col {
	width: 25%;
	padding: 0 15px; 
}
.footer .footer-col3 {
	width: 50%;
}

.footer-logo img {
	padding: 10px 0 0 0;
}
.footer-alamat h2 {
	font-variant: small-caps;
	padding: 40px 0 30px 0px;
	font-size: 30px;
}
.footer-alamat {
	padding: 0 0 0 40px;
	font-weight: 500;
	color: #000000;
}
.footer-telp i {
	border-radius: 50%;
	color: #0000ff;
	text-align: center;
	line-height:42px;
	padding: 20px 0px 0 40px;
	vertical-align: middle;
}
.footer-telp p {
	display: inline-block;
	vertical-align: middle;
	padding: 20px 0 0 10px;
}
.footer-envelope i {
	border-radius: 50%;
	color: #0000ff;
	text-align: center;
	line-height:42px;
	padding: 20px 0px 0 40px;
	vertical-align: middle;
}
.footer-envelope p {
	display: inline-block;
	vertical-align: middle;
	padding: 20px 0 0 10px;
}
.footer-insta i {
	border-radius: 50%;
	color: #0000ff;
	text-align: center;
	line-height:42px;
	padding: 20px 0px 0 40px;
	vertical-align: middle;
}
.footer-insta p {
	display: inline-block;
	vertical-align: middle;
	padding: 20px 0 0 10px;
}

.footer-pinmap i {
	border-radius: 50%;
	color: #0000ff;
	text-align: center;
	line-height:42px;
	padding: 120px 0px 20px 0; 
	vertical-align: middle;
}
.footer-pinmap h2 {
	display: inline-block;
	vertical-align: middle;
	font-variant: small-caps;
	font-size: 30px;
	padding: 120px 0 0 10px;
}
.footer-map {
	max-width: 320px;
  	height: 236px;
  	border: 1px;
  	border-style: groove;
  	border-color: #73AD21;
}
.footer-map figure {
  border: 1px #cccccc solid;
  padding: 4px;
  margin: auto;
}

.footer-map figcaption {
  background-color: #000000;
  color: white;
  font-style: italic;
  text-align: center;
}
.footer-menu ul {
    display: flex;
	list-style: none;
	gap: 20px;
	align-items: center;
	padding: 140px 20px 0 60px;
}
.footer-menu ul li a {
	text-decoration: None;
	font-family: "segue UI", sans-serif;
	font-weight: 200;
	font-size: 20px;
	color: #191919;
	transition: all;
	transition: 500ms;
	border-bottom: 1px solid rgba(0,0,0,0.00);
}
.footer-menu ul li a:hover {
	color: #FFA917;
	border-bottom: 1px solid #000000; 
}
.footer-menu ul1 {
    display: flex;
	list-style:none;
	column-gap: 98px;
	text-align: justify-all;
	align-items:center;
	padding: 100px 20px 0 60px;
}
.footer-menu ul1 li a {
	text-decoration: None;
	font-family: "segue UI", sans-serif;
	font-weight: 200;
	font-size: 20px;
	color: #191919;
	transition: all;
	transition: 500ms;
	border-bottom: 1px solid rgba(0,0,0,0.00);
}
.footer-menu ul1 li a:hover {
	color: #FFA917;
	border-bottom: 2px solid #000000; 
}
.footer-bottom {
	padding: 20px;
	text-align: center;
}