/*
Theme Name: Eskişehir Tabela Reklam
Theme URI: https://eskisehirtabelareklam.com/
Description: Avril child theme for Eskişehir Tabela Reklam. Uses the same visual system as Eskişehir Endüstriyel Mutfak.
Author: Tabi Studio
Template: avril
Version: 1.0.0
Text Domain: eskisehir-tabela-reklam
*/

:root {
  --etr-primary: #C62828;
  --etr-secondary: #8B1E1E;
  --etr-dark: #392727;
  --etr-light: #f7f7f7;
}

/* Brand colors */
a,
.site-title a,
.navbar a:hover,
.main-navigation a:hover,
.current-menu-item > a,
.current_page_item > a {
  color: var(--etr-primary) !important;
}

button,
input[type="submit"],
.wp-block-button__link,
.av-btn,
.theme-btn,
.btn-primary {
  background-color: var(--etr-primary) !important;
  border-color: var(--etr-primary) !important;
  color: #ffffff !important;
}

button:hover,
input[type="submit"]:hover,
.wp-block-button__link:hover,
.av-btn:hover,
.theme-btn:hover,
.btn-primary:hover {
  background-color: var(--etr-secondary) !important;
  border-color: var(--etr-secondary) !important;
  color: #ffffff !important;
}

.icon,
.service-icon,
.av-icon,
.post-meta,
.post-categories a,
.post-categories li {
  color: var(--etr-secondary) !important;
}

/* Footer */
.footer-section,
.footer-main,
.site-footer,
.footer-copyright,
.footer-bottom,
.copyright-area,
footer {
  background-color: var(--etr-dark) !important;
}

.footer-section,
.footer-main,
.site-footer,
.footer-copyright,
.footer-bottom,
.copyright-area,
footer,
footer p,
footer li,
footer a,
footer h1,
footer h2,
footer h3,
footer h4,
footer h5,
footer h6 {
  color: #ffffff !important;
}

footer a:hover {
  color: var(--etr-primary) !important;
}

/* Blog cards */
.post-items {
  overflow: hidden;
}

.post-image a.post-hover {
  display: block;
}

.post-image img {
  width: 100%;
  height: auto;
  display: block;
}

.post-title a:hover {
  color: var(--etr-secondary) !important;
}

/* Hide dates/meta dates on lists */
.post-date,
.entry-date,
.published,
.posted-on,
.meta-date,
.entry-meta .posted-on,
.entry-meta .entry-date,
.post-meta .post-date,
.blog-post-meta .date,
.article-meta .date {
  display: none !important;
}

/* Category pill */
.post-categories {
  list-style: none;
  margin: 0;
  padding: 0;
}

.post-categories li,
.post-categories a {
  text-decoration: none !important;
}

/* Utility */
.etr-section-dark {
  background: var(--etr-dark);
  color: #fff;
}

.etr-accent {
  color: var(--etr-secondary);
}

/* Hide the unused mobile header-top toggle. */
@media only screen and (max-width: 991px) {
  .headtop-mobi {
    display: none !important;
  }
}
