/**
 * Theme Name:        Theme Zone 56
 * Description:       Theme personnalisé de la société Zone 56
 * Version:           1.0
 * Author:            Sébastien Gillig
 * Author URI:        https://www.sgillig.com
 * Tags:              
 * Tested up to:      6.5.4
 * Requires at least: 6.5.4
 * License:           GNU General Public License v2.0 or later
 * License URI:       https://www.gnu.org/licenses/gpl-2.0.html
 */

:root {
  --black: rgb(20, 20, 20);
  --white-diff: rgb(235,235,235);
  --grey: rgb(110, 110, 110);
  --yellow: #F8D147FF;
  --orange: #ef9b4c;
  --violet: #514394;
  --red: #e44843;
  --blue: #034084;
  --black: #1e1e1c;
}

html {
  /* Making rem unit a 10px size*/
  font-size: 62.5%;
  overflow-x: hidden;
}

*,
*::before,
*::after {
  /* Make sure we define each element with there border+padding*/
  box-sizing: border-box;
  margin: 0;
}

/* html::-webkit-scrollbar {
  visibility: hidden;
  display: none;
} */

body {
  background-color: white;
}

.gradient-bg {
  position: fixed;
  inset: 0;
  background-size: 100% 100%;
  background-position: 0px 0px,0px 0px,0px 0px,0px 0px;
  background-image: radial-gradient(40% 40% at 15% 0%, #03408496 0%, #03408400 100%),
  radial-gradient(80% 120% at 100% 30%, var(--black) 10%, #1E1E1C00 80%),
  radial-gradient(80% 70% at 90% 100%, var(--blue) 0%, #03408400 100%),
  radial-gradient(150% 110% at 0% 100%, var(--yellow) 0%, var(--orange) 10%, var(--red) 30%, var(--violet) 80%, var(--black) 95%);
  z-index: -30;
}

.centered-flex {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  height: 100dvh;
}

.img-container {
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}

.img-center-cover {
  object-fit: cover;
  min-width: 100%;
  min-height: 100%;
}

.wp-block-post-title {
  text-align: center;
  font-family: 'rama-gothic-c', sans-serif;
  font-size: 12vh;
  border-bottom: 4px solid rgb(27, 27, 27);
  text-transform: uppercase;
}

.wp-block-post-title::before {
  content: '"'
}

.wp-block-post-title::after {
  content: '"';
}