/*
Theme Name: Parra Catholic WSFDC
Theme URI: https://www.digeratisolutions.com.au
Author: Digerati Solutons
Author URI: https://www.digeratisolutions.com.au
Template: parracatholic-parish
Version: 1.0.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: digerati
*/
/* Fonts
========================================================================== */
/* Mixins
========================================================================== */
strong {
  font-weight: 700;
}

.site-header .site-header__top {
  color: var(--wp--preset--color--secondary);
  background: var(--wp--preset--color--theme-color-3);
}
.site-header .site-header__top .container .site-header__dop a img {
  max-height: 25px;
}

ul.nav-header {
  font-weight: 800;
}
ul.nav-header > li > a {
  color: var(--wp--preset--color--accent);
}
ul.nav-header > li > a:hover {
  color: var(--wp--preset--color--theme-color-3);
  opacity: 1;
}

.has-large-font-size strong,
.has-x-large-font-size strong,
.has-xx-large-font-size strong {
  font-weight: 800;
}

.icon-buttons .icon-button {
  padding: var(--wp--preset--spacing--50);
  justify-content: unset;
}
.icon-buttons .icon-button:hover .icon-button__heading .heading-label {
  opacity: 0.5;
}
.icon-buttons .icon-button .icon-button__icon {
  position: relative;
}
.icon-buttons .icon-button .icon-button__icon:before {
  content: "";
  position: absolute;
  top: -10px;
  left: -10px;
  width: calc(100% + 20px);
  height: calc(100% + 20px);
  background: var(--color);
  border-radius: 50%;
  z-index: 1;
  opacity: 0.6;
}
.icon-buttons .icon-button .icon-button__icon i {
  position: relative;
  z-index: 2;
  color: var(--wp--preset--color--secondary);
}
.icon-buttons .icon-button .icon-button__icon + .icon-button__heading {
  margin-top: 25px;
}
.icon-buttons .icon-button .icon-button__heading .heading-label {
  padding: 0 30px;
  font-size: calc(var(--wp--preset--font-size--large) * 0.8);
  font-weight: 700;
  white-space: wrap;
  line-height: 1.25;
  transition: opacity 0.3s ease;
}

.nav-top li {
  font-size: calc(var(--wp--preset--font-size--default) * 0.9);
  font-weight: 600;
}
.nav-top li:after {
  padding: 0 12px;
}
.nav-top li a {
  display: inline-flex;
  gap: 8px;
}