/*
Theme Name: Greenpeace Planet 4 International Theme
Theme URI: https://github.com/greenpeace/planet4-child-theme-international
Description: Planet 4 child theme for International
Author: Greenpeace International
Author URI: https://github.com/greenpeace
Template: planet4-master-theme
Version: 0.2.10
License: GNU General Public License v3 or later
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: light, accessibility-ready
Text Domain: planet4-child-theme-international
*/

/*
	Country selector banner for A/B test
*/
#country-selector-banner {
  position: absolute;
  top: 100%;
  width: 100%;
  background: #042233;
  padding: 16px 24px;
  transition: height 3s, opacity 0.3s;
}

#country-selector-banner:not(.show) {
  opacity: 0;
}

#country-selector-banner > div {
  justify-content: space-between;
}

#country-selector-banner .close-banner {
  width: 16px;
  height: 24px;
  min-width: 16px;
  margin-inline-start: 16px;
  cursor: pointer;
}

#country-selector-banner a {
  color: white;
  font-weight: bold;
  text-decoration: underline;
}

@media (min-width: 992px) {
  #country-selector-banner {
    padding-inline-start: calc((100vw - 960px) / 2);
  }
}

@media (min-width: 1200px) {
  #country-selector-banner {
    padding-inline-start: calc((100vw - 1140px) / 2);
  }
}

@media (min-width: 1600px) {
  #country-selector-banner {
    padding-inline-start: calc((100vw - 1320px) / 2);
  }
}