/*!
Theme Name: jatengprov
Theme URI: http://underscores.me/
Author: EGOV
Author URI: http://sigalih.com
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: jatengprov
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

jatengprov is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/

.page-content-default p{ padding: 10px 0 10px 0;}
.page-content-default h3{ margin:20px 0 20px; color: #353D97; font-size: 20px; font-family: 'Aileron';}
.page-content-default ol{
	list-style-type: decimal;
}
.page-content-default ol li{
	text-align: justify; margin-bottom: 8px;
}
.page-content-default .table{
	width: 100% !important;
}

.page-content-default .table tr td{
	padding: 5px;
	word-wrap: break-word;      /* Untuk kompatibilitas lama */
  	overflow-wrap: break-word;  /* Properti modern */
  	word-break: break-all;      /* Paksa pecah di mana saja */
}

.page-content-default .table thead{
	background-color: #353D97; color:#FFFFFF;
}

.page-content-default .table thead tr th{
	padding: 5px;
}

.page-content-default .table tbody tr:nth-child(odd){
	background-color: #ffffff; transition: all 500ms ease;
  }
  
.page-content-default .table tbody tr:nth-child(even){
	background-color: #E1E7F8; transition: all 500ms ease;
  }

  .page-content-default .table tbody tr td a{
	color: #455BCB; transition: all 500ms ease;
  }

  .page-content-default .table tbody tr td a:hover{
	color: #F67619;
  }

  .page-content-default .table tbody tr:hover{
	background-color: #FEEDD6;
}

.page-content-profil-pimpinan img{ display: block; margin: auto; height: 250px; width: auto;} 
.page-content-profil-pimpinan h3{ margin:20px 0 20px; color: #353D97; font-size: 20px; font-family: 'Aileron'; font-weight: bold;}
.page-content-profil-pimpinan table { width: 100% !important;}
.page-content-profil-pimpinan table tr td{ padding: 5px 10px 5px 10px; }
.page-content-profil-pimpinan table tr{ transition: all 500ms ease; background-color: #f1f5ff; }
.page-content-profil-pimpinan table tr:hover{ background-color: #E1E7F8; }
.page-content-profil-pimpinan a{ color: #455BCB; font-weight: bold; transition: all 500ms ease; }
.page-content-profil-pimpinan a:hover{ color: #F67619; }

.page-content-news .col-span-2 div, .page-content-news .col-span-2 p{ margin-bottom: 25px; line-height: 24px; text-align: justify;}

.page-content-news .col-span-2 br{
	margin-bottom: 25px;
}

.single-content-news div, .single-content-news p, .single-content-news br{ margin-bottom: 25px; line-height: 24px; text-align: justify;}
.single-content-news img{ margin-bottom: 10px;}

.siri-circle {
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: linear-gradient(45deg, #ff0057, #7303c0, #00f0ff, #00ff9f);
  background-size: 600% 600%;
  animation: gradientShift 4s ease infinite;
  opacity: 0.8;
  transition: all 0.3s ease-in-out;
  border: solid #FFFFFF 4px;
}

.wave-1 {
  animation: wave1 3s ease-in-out infinite, gradientShift 4s ease infinite;
}

.wave-2 {
  animation: wave2 4s ease-in-out infinite, gradientShift 4s ease infinite;
  opacity: 1;
}

.wave-3 {
  animation: wave3 5s ease-in-out infinite, gradientShift 4s ease infinite;
  opacity: 1;
}

/* Warna gradasi shifting */
@keyframes gradientShift {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

/* Gelombang halus: scale dan rotate */
@keyframes wave1 {
  0%, 100% {
    transform: scale(1) rotate(0deg);
  }
  50% {
    transform: scale(1.05) rotate(5deg);
  }
}

@keyframes wave2 {
  0%, 100% {
    transform: scale(1.1) rotate(0deg);
  }
  50% {
    transform: scale(1.03) rotate(-3deg);
  }
}

@keyframes wave3 {
  0%, 100% {
    transform: scale(1.15) rotate(0deg);
  }
  50% {
    transform: scale(1.08) rotate(3deg);
  }
}

.single-content-news a{
  color: #353D97; transition: all 0.3s ease-in-out; font-weight:400;
}

.single-content-news a:hover{
  color: #F67619;
}