/*
 Theme Name:   Aida Edu - Child Theme
 Theme URI:    http://wordpress.wajek.id/aida-edu/
 Description:  Aida Edu - An Aida Child Theme
 Author:       the Wajek Team
 Author URI:   http://wordpress.wajek.id
 Template:     aida-theme
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  aida-edu-theme
*/
.page-header {
  overflow: hidden;
  height: auto;
  padding-bottom: 0; }
  .page-header .container {
    position: relative; }
  .page-header .page-silhouette {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0; }
    .page-header .page-silhouette img.wp-post-image {
      animation: silhouette 30s infinite; }
    .page-header .page-silhouette:before {
      content: "";
      display: block;
      background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.6) 35%, #FFF);
      width: 100%;
      height: 100%;
      position: absolute;
      z-index: 1; }
  .page-header .page-thumbnail {
    position: relative; }
    .page-header .page-thumbnail .container {
      bottom: 0; }
    .page-header .page-thumbnail img {
      position: relative;
      width: 100%;
      height: auto; }
  .page-header h1 {
    color: white; }
  .page-header .breadcrumb li:before {
    color: white; }
  .page-header .breadcrumb li a {
    color: white;
    border-bottom-color: white; }

@keyframes silhouette {
  0% {
    transform: scale(1.5); }
  50% {
    transform: scale(1); }
  100% {
    transform: scale(1.5); } }

div.footer {
  color: white;
  background: linear-gradient(#42A5F5, #1565C0);
  margin-top: 100px; }
  div.footer:before {
    content: "";
    display: block;
    position: absolute;
    top: -50px;
    width: 100%;
    height: 50px;
    left: 0;
    background-image: url("./images/footer-bg-1.png"); }
  div.footer div.inner {
    background-image: url("./images/footer-bg-2.png");
    background-repeat: repeat-x;
    background-position: bottom center;
    background-color: transparent;
    padding-bottom: 100px; }
    div.footer div.inner h3 {
      font-weight: 900 !important;
      font-size: 1.5rem; }
  div.footer div.copyright {
    background-color: #0D47A1; }

.feature-box div.thumb img {
  width: 100%;
  height: auto; }

.aida-feature .container {
  background-color: white;
  padding-top: 3rem;
  padding-bottom: 2rem;
  border-radius: 1.5rem;
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.15); }

@media screen and (max-width: 768px) {
  .aida-feature-grid {
    grid-template-columns: 1fr; }
  .aida-feature .container {
    margin-left: 1rem;
    margin-right: 1rem;
    width: calc(100% - 2rem); } }

.thumb {
  width: 100%;
  position: relative; }
  .thumb:before {
    padding-top: 100%;
    display: block;
    content: ""; }
  .thumb img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover; }

.info-ppdb {
  padding-top: 6rem;
  padding-bottom: 6rem; }
