/* 
Theme Name: Aurora Unpad Jakarta Theme Wordpress
Description: Theme for Unpad Jakarta website from aurora web
Author: Aurora Web
Author URI: https://www.auroraweb.id/
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: wpunpadjakarta
Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready

Lorem to the longer descriptionum.
*/

/* Colors */
:root {
  --light-blue: #c5e2fe;
  --light-cream: #fef5ef;
  --light-orange: #eab32b;
  --light-purple: #b8b5c8;
  --light-green: #8aac90;
  --light-brown: #e3c68c;
  --dark-red: #dc9385;
  --light-red: #f7a98f;
  --white: #fff;
  --black: #2e2e2e;
  --black-50: #2e2e2e80;
  --font-primary: "Source Serif Pro", sans-serif;
  --font-secondary: "Source Sans Pro", sans-serif;
}

pre {
  background: #222;
  padding: 10px;
  border: 1px #777 solid;
  color: #ededed;
  font-family: monospace;
  font-size: 1rem;
}

article {
  position: relative;
}

video {
  max-width: 100%;
}

ul {
  padding-left: 0;
  margin-left: 20px;
  list-style-position: outside;
}

td,
th {
  padding: 5px;
  border-width: 1px;
}

.site-title {
  font-size: 2rem;
  font-weight: bold;
  margin: 0 0 1rem 0;
}

#masthead,
footer.site-footer {
  margin: 2rem auto 1rem;
  text-align: center;
  width: 80%;
}

.main-navigation li {
  list-style-type: none;
  display: inline-block;
}

.main-navigation li a {
  padding: 5px;
}

.main-navigation li:hover > a {
  color: var(--black);
}

.main-navigation li.current-menu-item > a,
.main-navigation li.current-page-parent > a {
  font-weight: bold;
  color: var(--black-50);
}

.main-navigation li ul {
  display: none;
}

.main-navigation li:hover ul {
  display: block;
  position: absolute;
  margin-left: -10px;
  z-index: 100;
  color: var(--black-50);
  padding: 5px 10px;
}

.main-navigation li:hover ul li {
  display: block;
  margin: 0.5rem 0;
}

#content {
  margin-top: 6rem;
}

.home #content {
  margin-top: 0 !important;
}

.single-portfolio #content,
.page-template-template-splash #content,
.page-id-1096 #content,
.category-excerpt #content,
.tag-wordpress #content {
  width: 50%;
  max-width: 720px;
}

/* #content article,
#content article div,
#content img {
  max-width: 100%;
}

#content img {
  height: auto;
} */

#primary {
  margin-top: 50px;
}

#primary.extended,
#primary.excerpt,
#primary.wordpress {
  width: 100%;
  float: none;
}

article.post {
  margin-bottom: 4rem;
  clear: both;
}

.author article.post {
  margin-bottom: 2rem;
}

.prev-posts,
.next-posts,
.archive article.portfolio {
  width: 45%;
  float: left;
}

.next-posts {
  text-align: right;
  float: right;
}

.archive article.portfolio {
  margin-right: 5%;
}

.tax a {
  display: inline-block;
  margin: 0 2px;
}

.form-submit input#submit,
.button {
  border: 1px #ccc solid;
  border-radius: 3px;
  background: var(--white);
  padding: 1rem 2rem;
  margin: 1rem 0;
  display: inline-block;
}

.form-submit input#submit:hover,
.button:hover {
  cursor: pointer;
  color: var(--black-50);
}

#secondary {
  width: 25%;
  float: right;
}

#secondary h2 {
  font-size: 1.2rem;
}

.byline {
  color: var(--black-50);
  font-size: 0.8rem;
}

.byline a {
  color: var(--black-50);
  text-decoration: underline;
  display: inline-block;
}

.byline a:hover {
  color: var(--dark-red);
}

.author-bio {
  border-bottom: 1px var(--black-50) solid;
  padding-bottom: 1rem;
  margin-bottom: 2rem;
}

.author-bio img {
  float: left;
}

/*--------------------------------------------------------------
# Default WP Classes
--------------------------------------------------------------*/

.nojq {
  position: fixed !important;
}

.alignleft,
img.alignleft {
  margin-right: 1.5em;
  display: inline;
  float: left;
}
.alignright,
img.alignright {
  margin-left: 1.5em;
  display: inline;
  float: right;
}
.aligncenter,
img.aligncenter {
  margin-right: auto;
  margin-left: auto;
  display: block;
  clear: both;
}
.wp-caption {
  margin-bottom: 1.5em;
  text-align: center;
  padding-top: 5px;
}
.wp-caption img {
  border: 0 none;
  padding: 0;
  margin: 0;
}
.wp-caption p.wp-caption-text {
  line-height: 1.5;
  font-size: 10px;
  margin: 0;
}
.wp-smiley {
  margin: 0 !important;
  max-height: 1em;
}
blockquote.left {
  margin-right: 20px;
  text-align: right;
  margin-left: 0;
  width: 33%;
  float: left;
}
blockquote.right {
  margin-left: 20px;
  text-align: left;
  margin-right: 0;
  width: 33%;
  float: right;
}
.gallery dl {
}
.gallery dt {
}
.gallery dd {
}
.gallery dl a {
}
.gallery dl img {
}
.gallery-caption {
}

.size-full {
}
.size-large {
}
.size-medium {
}
.size-thumbnail {
}
/*--------------------------------------------------------------
8. Comments
--------------------------------------------------------------*/

ul.comment-list {
  list-style: none;
  padding: 0;
}

ul.comment-list li {
  list-style: none;
}

/* .avatar {
  width: 80px;
} */

.comment-list ul.children {
  padding-left: 96px;
}

@media (max-width: 991px) {
  .comment-list ul.children {
    padding-left: 0;
  }
}

.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  word-wrap: normal !important;
}

#cancel-comment-reply-link {
  margin-left: 1rem;
}

/* 
    Adding width to comment. 
    When using <pre> in comment, comment-content will not crashed
*/

.comment-content {
  width: calc(100% - 96px);
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/

.comment-content a {
  word-wrap: break-word;
}

.bypostauthor {
  display: block;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
  background-color: var(--black-50);
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000; /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
  outline: 0;
}

/*--------------------------------------------------------------
# Media Queries
--------------------------------------------------------------*/
/* @media only screen and (max-width: 720px) {
  #content {
    width: 90% !important;
  }
} */

/* Accordion */

.wp-block-pb-accordion-item {
  padding-bottom: 10px;
  border-bottom: 1px solid #dadada;
}

.c-accordion__content {
  margin-top: 1.25rem;
}