/* Themify Customize Styling */
body {	background: none;
	background-color: rgba(212,240,255,0.35);
	font-family: "Anek Tamil";	font-style:normal;
	font-weight:normal;
	text-decoration:none;
	font-weight:400;
	font-size:15px;
	line-height:20px;
	text-transform:none;	text-align:left;
	color: #363636; 
}
a {	
	color: #000000; 
}
a:hover {	
	color: #002c91; 
}
:root {	
	--theme_accent: #058DF3; 
}
.transparent-header #headerwrap a,.transparent-header #headerwrap.fixed-header a,#headerwrap a,#headerwrap.fixed-header a,#footerwrap a {	
	color: #058df3; 
}
h1 {	
	font-family: "Archivo";	font-style:normal;
	font-weight:normal;
	text-decoration:none;
	font-weight:700;
	letter-spacing:0px;
	font-size:40px;
	line-height:45px;
	text-transform:none;	text-align:left;
	color: #002c91; 
}
h2 {	
	font-family: "Archivo";	font-style:normal;
	font-weight:normal;
	text-decoration:none;
	font-weight:700;
	letter-spacing:0px;
	font-size:35px;
	line-height:40px;
	text-transform:none;	text-align:left;
	color: #002c91; 
}
h3 {	
	font-family: "Archivo";	font-style:normal;
	font-weight:normal;
	text-decoration:none;
	font-weight:700;
	letter-spacing:0px;
	font-size:30px;
	line-height:35px;
	text-transform:none;	text-align:left;
	color: #002c91; 
}
h4 {	
	font-family: "Archivo";	font-style:normal;
	font-weight:normal;
	text-decoration:none;
	font-weight:500;
	letter-spacing:0px;
	font-size:25px;
	line-height:30px;
	text-transform:none;	text-align:left;
	color: #002c91; 
}
h5 {	
	font-family: "Archivo";	font-style:normal;
	font-weight:normal;
	text-decoration:none;
	font-weight:500;
	letter-spacing:0px;
	font-size:20px;
	line-height:25px;
	text-transform:none;	text-align:left;
	color: #002c91; 
}
h6 {	
	font-family: "Archivo";	font-weight:500;
	letter-spacing:0px;
	font-size:16px;
	line-height:21px;

	color: #002c91; 
}
input[type=reset], input[type=submit], button, button[type=submit] {	background: none;
	background-color: #002c91;
	color: #ffffff; 
}
input[type=reset]:hover, input[type=submit]:hover, button:hover, button[type=submit]:hover {	background: none;
	background-color: #002c91;
	color: #ffffff; 
}
#headerwrap {	background: none;
	background-color: #ffffff; 
}
#pagewrap #headerwrap.fixed-header, .transparent-header #pagewrap #headerwrap.fixed-header {	background: none;
	background-color: #ffffff;background-attachment: fixed; 
}
body #site-logo a img {		width: 210px; 
}
#site-logo {	
	margin-top: 15px;
	margin-bottom: 5px; 
}
#main-nav a {	
	color: #353535;
	font-family: "Anek Tamil";	font-weight:500;
	letter-spacing:0px;
	font-size:17px;
	line-height:22px;
	text-transform:capitalize; 
}
#main-nav a:hover {	
	background-color: transparent;
	color: #058df3; 
}
#main-nav .current_page_item > a, #main-nav .current-menu-item > a {	
	background-color: transparent;
	color: #058df3; 
}
#main-nav .current_page_item > a:hover, #main-nav .current-menu-item > a:hover {	
	background-color: transparent;
	color: #353535; 
}
#main-nav ul a {		font-weight:500;
	letter-spacing:0px;
	font-size:14px;
	line-height:20px;
 
}
#main-nav .sub-menu > .current_page_item > a, #main-nav .sub-menu > .current-menu-item > a {	
	color: #0023a1; 
}
.post-title {	
	font-family: "Anek Tamil";	font-weight:400;
	letter-spacing:0px;
	font-size:25px;
	line-height:25px;
 
}
.post-title, .post-title a, .loops-wrapper .post-image + .post-content .post-title a {	
	color: #002c91; 
}
.post-title a:hover, .loops-wrapper .post-image + .post-content .post-title a:hover {	
	color: #002c91; 
}
.single-post .has-post-title .post-title,.single-post .featured-area .post-title {	
	font-family: "Archivo";	font-weight:700;
	letter-spacing:0px;
	font-size:30px;
	line-height:35px;

	padding-bottom: 25px; 
}
.post-nav a {	
	color: #000000; 
}
.post-nav a:hover {	
	color: #002c91; 
}
.post-nav a .arrow {	
	color: #000000; 
}
.post-nav a:hover .arrow {	
	color: #002c91; 
}
#footerwrap {	background: none;
	background-color: #058df3; 
}
#footer {	
	color: #f7f7f7; 
}
#footer, #footer-logo, .footer-nav a, .footer-text {		font-size:13px;
 
}
#footer a {	
	color: #ffffff; 
}
#pagewrap .back-top.back-top-float, .full-section-scrolling #footerwrap .back-top .arrow-up a, .footer-horizontal-left #footerwrap .back-top .arrow-up a, .footer-horizontal-right #footerwrap .back-top .arrow-up a, .footer-left-col #footerwrap .back-top .arrow-up a, .footer-right-col #footerwrap .back-top .arrow-up a, #footer .back-top .arrow-up a {	background: none;
	background-color: #0F55AB; 
}
@media(max-width: 1280px) { /* Themify Customize Styling */
body #site-logo a img {		width: 210px; 
}
 }@media(max-width: 768px) { /* Themify Customize Styling */
body #site-logo a img {		width: 210px; 
}
 }@media(max-width: 680px) { /* Themify Customize Styling */
body {	background: none;
	background-color: #d4f1ff;
	font-family: "Bai Jamjuree";	font-weight:400;

	color: #363636; 
}
a {	
	color: #000000; 
}
a:hover {	
	color: #002c91; 
}
:root {	
	--theme_accent: #0f55ab; 
}
h1 {	
	font-family: "Archivo";	font-weight:700;

	color: #002c91; 
}
h2 {	
	font-family: "Archivo";	font-weight:700;

	color: #002c91; 
}
h3 {	
	font-family: "Archivo";	font-weight:700;

	color: #002c91; 
}
h4 {	
	font-family: "Archivo";	font-weight:600;

	color: #002c91; 
}
h5 {	
	font-family: "Archivo";	font-weight:600;

	color: #002c91; 
}
h6 {	
	font-family: "Archivo";	font-weight:500;

	color: #002c91; 
}
input[type=reset], input[type=submit], button, button[type=submit] {	background: none;
	background-color: #0f55ab;
	color: #ffffff; 
}
input[type=reset]:hover, input[type=submit]:hover, button:hover, button[type=submit]:hover {	background: none;
	background-color: #ffa600;
	color: #ffffff; 
}
#headerwrap {	background: none;
	background-color: #09008a; 
}
#pagewrap #headerwrap.fixed-header, .transparent-header #pagewrap #headerwrap.fixed-header {	background: none;
	background-color: #09008a; 
}
body #site-logo a img {		width: 100px; 
}
#main-nav a {	
	color: #ffffff;
	font-family: "Bai Jamjuree";	font-weight:400;
 
}
#main-nav a:hover {	
	color: #ffffff; 
}
#main-nav .current_page_item > a, #main-nav .current-menu-item > a {	
	color: #ffffff; 
}
#main-nav .current_page_item > a:hover, #main-nav .current-menu-item > a:hover {	
	color: #fcfcfc; 
}
#main-nav ul a {		font-weight:500;
 
}
#main-nav .sub-menu > .current_page_item > a, #main-nav .sub-menu > .current-menu-item > a {	
	color: #0023a1; 
}
.post-title {	
	font-family: "Bai Jamjuree";	font-weight:500;
 
}
.post-title, .post-title a, .loops-wrapper .post-image + .post-content .post-title a {	
	color: #002c91; 
}
.post-title a:hover, .loops-wrapper .post-image + .post-content .post-title a:hover {	
	color: #002c91; 
}
.single-post .has-post-title .post-title,.single-post .featured-area .post-title {	
	font-family: "Bai Jamjuree";	font-weight:500;
 
}
.post-nav a {	
	color: #000000; 
}
.post-nav a:hover {	
	color: #002c91; 
}
.post-nav a .arrow {	
	color: #000000; 
}
.post-nav a:hover .arrow {	
	color: #002c91; 
}
#footerwrap {	background: none;
	background-color: #0f55ab; 
}
#footer {	
	color: #f7f7f7; 
}
#footer a {	
	color: #ffffff; 
}
#pagewrap .back-top.back-top-float, .full-section-scrolling #footerwrap .back-top .arrow-up a, .footer-horizontal-left #footerwrap .back-top .arrow-up a, .footer-horizontal-right #footerwrap .back-top .arrow-up a, .footer-left-col #footerwrap .back-top .arrow-up a, .footer-right-col #footerwrap .back-top .arrow-up a, #footer .back-top .arrow-up a {	background: none;
	background-color: #0f55ab; 
}
 }.mobile-menu-visible.header-slide-out .sidemenu-on, .mobile-menu-visible.header-overlay #headerwrap, .mobile_menu_active.header-leftpane #headerwrap, .mobile_menu_active.header-rightpane #headerwrap, .header-minbar .sidemenu-on, .mobile_menu_active #headerwrap .sidemenu-on { background: none;
	background-color: #ffffff; }.header-minbar #headerwrap #main-nav a, .mobile_menu_active #headerwrap .sidemenu-on a, .mobile_menu_active #headerwrap #main-nav a, .mobile_menu_active #headerwrap #main-nav ul a { 
	color: #353535; }.header-minbar #headerwrap #main-nav a:hover, .mobile_menu_active #headerwrap .sidemenu-on a:hover, .mobile_menu_active #headerwrap #main-nav a:hover, .mobile_menu_active #headerwrap #main-nav ul a:hover { 
	background-color: transparent; }.header-minbar #headerwrap #main-nav a:hover, .mobile_menu_active #headerwrap .sidemenu-on a:hover, .mobile_menu_active #headerwrap #main-nav a:hover, .mobile_menu_active #headerwrap #main-nav ul a:hover { 
	color: #058df3; }.header-minbar #headerwrap #main-nav .current_page_item > a, .mobile_menu_active #headerwrap #main-nav .current_page_item > a, .mobile_menu_active #headerwrap #main-nav .current-menu-item > a { 
	background-color: transparent; }.header-minbar #headerwrap #main-nav .current_page_item > a, .mobile_menu_active #headerwrap #main-nav .current_page_item > a, .mobile_menu_active #headerwrap #main-nav .current-menu-item > a { 
	color: #058df3; }.header-minbar #headerwrap #main-nav .current_page_item > a:hover, .mobile_menu_active #headerwrap #main-nav .current_page_item > a:hover, .mobile_menu_active #headerwrap #main-nav .current-menu-item > a:hover { 
	background-color: transparent; }.header-minbar #headerwrap #main-nav .current_page_item > a:hover, .mobile_menu_active #headerwrap #main-nav .current_page_item > a:hover, .mobile_menu_active #headerwrap #main-nav .current-menu-item > a:hover { 
	color: #353535; }.mobile_menu_active #menu-icon { 
	color: #058df3; }
/* Themify Custom CSS */
/* ========== INPUT & TEXTAREA STYLING ========== */
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="number"],
input[type="url"],
textarea {
  width: 100%;
  border: 1px solid #ccc; /* tampilkan garis abu muda */
  border-radius: 4px;
  padding: 10px;
  background-color: #fff; /* warna putih biar jelas */
  color: #000; /* warna teks hitam */
  box-sizing: border-box;
}

input:focus,
textarea:focus {
  border-color: #125AD3; /* saat klik, garis biru */
  outline: none;
}


/* ========== GALLERY ========== */
.module.gallery .gallery-caption {
  font-size: 0.95em;
  padding: 20px;
}

/* ========== RIBBON ========== */
.ribbon {
  position: absolute;
  left: -5px;
  top: -5px;
  z-index: 1;
  overflow: hidden;
  width: 75px;
  height: 75px;
  text-align: center;
}

.ribbon span {
  font-size: 10px;
  font-weight: 700;
  color: #fff;
  text-transform: uppercase;
  text-align: center;
  line-height: 20px;
  transform: rotate(-45deg);
  width: 100px;
  display: block;
  position: absolute;
  top: 19px;
  left: -21px;
  box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
}

/* ========== TABLE ========== */
table {
  width: 100%;
  text-align: left;
}

td,
th {
  border: 1px solid #ccc;
  padding: 7px;
}

.table {
  overflow-x: auto;
}

/* ========== FOOTER ========== */
.footer-left-col .footer-text {
  padding-top: 0;
}

.footer-text {
  padding: 0;
}

#footerwrap {
  padding: 50px 0 20px 0;
  background-image: none;
  background-repeat: no-repeat;
  background-position: right bottom;
}

/* ========== SOCIAL LINKS ========== */
.social-links .icon-medium em {
  background: #1f60a4;
  color: #fff;
  font-size: 12px;
  padding: 5px 7px;
  border-radius: 0;
  margin: 0;
}

.social-links a:hover em {
  background: #737373;
  color: #fff;
}

/* ========== RELATED POSTS ========== */
.related-posts .post-title {
  font-size: 15px;
  font-weight: 500;
  line-height: normal;
  text-align: left;
}

.woocommerce ul.products li.product .onsale {
  padding: 0 5px;
}

/* ========== SIDEBAR ========== */
#sidebar .widget,
#sidebar-alt .widget {
  background-color: #f7f7f7;
  padding: 12px;
  margin-bottom: 17px;
}

/* ========== COLUMN LAYOUT ========== */
.column-half,
.column-full {
  float: left;
  position: relative;
  padding: 0.65rem;
  width: 100%;
  margin: 0;
  box-sizing: border-box;
}

/* Half column for larger screens */
@media only screen and (min-width: 48em) {
  .column-half {
    width: 50%;
  }
}

/* ========== HEADER, NAV, MODULES ========== */
.header-widget-full .header-widget {
  padding: 0;
}

#main-nav a {
  letter-spacing: 0;
}

#main-nav .highlight-link:last-child > a {
  border-radius: 4px;
}

#main-nav .current_page_item > a,
#main-nav .current-menu-item > a {
  border-bottom: none;
}

.ui.blue.builder_button,
.ui.module-callout,
.ui.module-accordion,
.ui.module-accordion > li {
  border: none;
}

/* ========== IMAGE MODULE ========== */
.module-image .image-title {
  text-align: center;
}

.builder-posts-wrap.list-thumb-image .post-image {
  max-width: 50%;
}

/* ========== RESPONSIVE ========== */
@media (max-width: 1024px) {
  .footer-widgets .col4-1 {
    width: 100%;
  }
}

@media only screen and (min-width: 900px) {
  .headmo {
    display: none;
  }
}

/* ========== MISC ========== */
select {
  font-family: 'Poppins', sans-serif;
}

.aku {
  max-width: 100%;
  background: #fff;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.06);
  border-radius: 4px;
  border: none;
}

li {
  margin: 0 0 5px 0;
  padding: 0;
}

#header {
  padding: 0;
}