/*
Theme Name: 4x4 Event
Theme URI: http://4x4event.se
Author: Hampus Nordin
Author URI: https://hampus.io
Description: Theme for 4x4 Event. Child theme of twentytwentythree.
Template: twentytwentythree
Requires at least: 6.1
Tested up to: 6.1
Requires PHP: 5.6
Version: 1.0
Text Domain: fourxfour
*/


/**
 * Page header
 */
.page-header__navigation .wp-block-navigation__responsive-container-open  {
  justify-content: center; 
  padding: var(--wp--preset--spacing--30);
  width: 100%;
}

.page-header__navigation .wp-block-navigation__responsive-container-open svg {
  font-size: var(--wp--preset--font-size--x-large);
  height: 1em;
  width: 1em;
}

.page-header__navigation {
  --wp--style--block-gap: 0.5em;
}

.page-header__navigation .wp-block-navigation__submenu-container {
  padding-bottom: var(--wp--style--block-gap,2em);
  text-transform: initial;
}

.page-header__navigation .facebook-link a {
  background: url('/wp-content/themes/fourxfour/assets/images/facebook.png') no-repeat center center;
  background-size: contain;
  overflow: hidden;
  padding: 0.5em !important;
  text-indent: -11em;
  width: 1em;
}

.page-header__navigation .facebook-link a:hover {
  background-image: url('/wp-content/themes/fourxfour/assets/images/facebook-hover.png');
}


/**
 * Page footer
 */
.page-footer__contact {
  border-top: 2px solid var(--wp--preset--color--contrast);
  padding-top:var(--wp--preset--spacing--30); /* 30 - 80 */
}


/**
 * Language selector
 */
.fourxfour-language-selector {
  align-items: center;
  display: flex;
  gap: var(--wp--style--block-gap, 2em);
  justify-content: center;
  list-style: none;
  padding: 0;
}

.fourxfour-language-selector__link {
  display: block;
  opacity: 0.4;
}

.fourxfour-language-selector__link--is-current,
.fourxfour-language-selector__link:hover,
.fourxfour-language-selector__link:focus {
  opacity: 1;
}