/*
Theme Name: Geothermal Kickstart
Theme URI: https://kickstart.web.id
Author: Wardhana Rizaldi
Author URI: https://wardhanarizaldi.com
Description: Kickstart theme for geothermal project.
Version: 1.0
*/
/* FIXING FONT RENDERING */
body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

/* GLOBAL COLORS */
.rz-bg-white {
  background-color: #FFFFFF; }

/* TYPOGRAPHY */
body {
  font-family: 'Gantari', sans-serif; }

h1,
h2,
h3,
h4,
h5,
.uk-logo {
  font-family: 'Gantari', sans-serif;
  font-weight: 600;
  color: #003970; }
  h1:hover,
  h2:hover,
  h3:hover,
  h4:hover,
  h5:hover,
  .uk-logo:hover {
    text-decoration: none; }

footer {
  font-size: 0.7rem;
  text-align: center;
  padding-bottom: 30px; }

.uk-navbar-nav > li > a {
  font-family: 'Gantari', sans-serif; }

/* NAVIGATION */
.rz-nav {
  position: absolute;
  top: 0;
  z-index: 100;
  left: calc(50% - var(--uk-position-margin-offset));
  --uk-position-translate-x: -50%;
  transform: translate(var(--uk-position-translate-x), 0);
  width: 100%;
  border-top: 5px solid #0054A4; }

/* HOMEPAGE */
#hero img {
  margin-top: 5px; }

#hero .rz-hero {
  margin-top: 50vh; }

#homeCompanies div div div img {
  padding: 10px; }

/* PAGE */
.rz-page-meta {
  font-size: 0.875rem;
  color: #999; }

/* LINKS & BUTTON */
a,
.uk-link {
  color: #0054A4;
  text-decoration: none;
  cursor: pointer;
  transition: .3s; }

a:hover,
.uk-link:hover,
.uk-link-toggle:hover .uk-link,
.uk-link-toggle:focus .uk-link {
  color: #003970;
  text-decoration: underline; }

.uk-logo a {
  transition: 0.3s; }
  .uk-logo a:hover {
    text-decoration: none;
    background-color: #E5E5E5; }

/* RESPONSIVE EMBEDS */
.rz-fluid-video {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  padding-top: 25px;
  height: 0; }

.rz-fluid-video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.rz-fluid-maps {
  overflow: hidden;
  padding-bottom: 56.25%;
  position: relative;
  height: 0; }

.rz-fluid-maps iframe {
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  position: absolute; }

p.rz-display::after {
  content: "mobile"; }

@media (min-width: 640px) {
  p.rz-display::after {
    content: "small"; } }
@media (min-width: 960px) {
  p.rz-display::after {
    content: "medium"; }

  #homeCompanies div div div img {
    padding: 30px; } }
@media (min-width: 1200px) {
  p.rz-display::after {
    content: "large"; }

  h1 {
    font-size: 2.5rem; } }
@media (min-width: 1600px) {
  p.rz-display::after {
    content: "extra large"; } }