/*
Theme Name: Ataway Theme
Author: Ataway
Version: 1.0
*/

/* Popup Maker fixes */
html.pum-open.pum-open-overlay.pum-open-scrollable body>:not([aria-modal=true]) {
    padding-right: 0px;
}

.section {
	padding-left: clamp(1rem, 4%, 3rem) !important;
	padding-right: clamp(1rem, 4%, 3rem) !important;
}

:where(.wp-site-blocks) .entry-content,
footer {
  margin-block-start: 0 !important;
}

a:hover {
	opacity: 0.7;
}

footer a {
  text-decoration: none;
}

.block {
  display: block !important;
}

/* Grid item  */
.grid-container {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 1rem;
}

.grid-item {
  background: #f2f2f2;
  display: flex;
  flex-direction: column;
}

.grid-item a {
  text-decoration: none;
}

.grid-item img {
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
}

.grid-item h2 {
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-size: var(--wp--preset--font-size--large);
}

.grid-item .tag-list {
	margin-bottom: 1rem;
}

.btn-primary {
  display: inline-block;
  background-color: var(--wp--preset--color--primary);
  color: white;
  text-align: center;
  padding: 1rem 1.5rem;
  font-size: 1.16rem;
  border-radius: 4px;
}

/* Featured item */
.featured-item {
  margin-bottom: 2rem;
}

.featured-item img {
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
}

.featured-item a {
  text-decoration: none;
}

.featured-item h2 {
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-size: var(--wp--preset--font-size--large);
}

.featured-item .tag-list {
	margin-bottom: 1rem;
}

.featured-item .wp-block-columns {
  gap: 1rem 1rem;
  margin-bottom: 0;
}

/* Nav */
header.wp-block-template-part {
	position: sticky;
	background: white;
	top: 0;
	z-index: 9999;
	box-shadow: 0 1px 10px rgba(0, 0, 0, 0.3);
}

.navbar ul li {
  margin-bottom: 0;
}

.main-nav .has-child .wp-block-navigation__submenu-container>.wp-block-navigation-item>.wp-block-navigation-item__content {
  padding: 1rem;
}

.main-nav .wp-block-navigation li ul li:hover {
  background: #f2f2f2;
}

.wp-block-navigation__overlay-container
  .wp-block-navigation__container
  > li
  > a {
  font-weight: bold;
  font-size: 1.5rem;
}

.wp-block-navigation__overlay-container li.has-child > a {
  font-weight: bold;
  cursor: default;
  color: var(--wp--preset--color--primary) !important;
}

/* Block overrides */

.wp-block-accordion-heading__toggle:hover .wp-block-accordion-heading__toggle-title {
    text-decoration: none;
}

/* Responsive */

@media (max-width: 900px) {
	.main-nav-container, .utility-nav-container {
		display: none !important;
	}
}

@media (min-width: 901px) {
	.mobile-nav-container {
		display: none !important;
	}
}

@media (max-width: 781px) {
  .hide-on-mobile {
    display: none !important;
  }
  .reverse-on-mobile {
    flex-direction: column-reverse;
  }
  .text-center-on-mobile {
    text-align: center;
  }
}

@media (min-width: 782px) {
  .hide-on-desktop {
    display: none !important;
  }
}