/*!
Theme Name: gemba
Author: Gemba
Description: Gemba Theme
Version: 1.0.1
*/

html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  margin: auto;
}

main {
  display: block;
}

:root {
  --primary-color: #000000;
  --secondary-color: #e4eaf6;
  --text-color: #000000;
  --white: #fff;
  --black: #19191b;
  --light-color: #f4f4f4;
  --gray: #696871;
  --blue-color: #2066e6;
}


@font-face {
  font-family: 'PT Root UI';
  font-style: normal;
  font-weight: normal;
  src: url('/wp-content/themes/gemba/fonts/PT_Root_UI_Regular.otf') format('opentype');
}

@font-face {
  font-family: 'PT Root UI Bold';
  font-style: normal;
  font-weight: normal;
  src: url('/wp-content/themes/gemba/fonts/PT Root UI_Bold.otf') format('opentype');
}

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

body {
  font-family: 'PT Root UI', sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: #fff;
  margin: 0;
  min-width: 1200px; /* Suppose you want minimum width of 1000px */
  width: auto !important; /* Firefox will set width as auto */
  width: 1200px; /* As IE6 ignores !important it will set width as 1000px; */
}

.mobile-only,
.mobile-section {
  display: none;
}
.desktop-section {
  display: block;
}

ul {
  list-style: none;
}

.mt1 {
  margin-top: 1rem !important;
}

.mt2 {
  margin-top: 2rem !important;
}

.mt3 {
  margin-top: 3rem !important;
}

.mt4 {
  margin-top: 4rem !important;
}

.mt6 {
  margin-top: 6rem !important;
}

.mt8 {
  margin-top: 8rem !important;
}

.mtm1 {
  margin-top: -1rem !important;
}

.mtm2 {
  margin-top: -2rem !important;
}

.mtm3 {
  margin-top: -3rem !important;
}

.mtm4 {
  margin-top: -4rem !important;
}

.mtm6 {
  margin-top: -6rem !important;
}

.mtm8 {
  margin-top: -8rem !important;
}

.mb0 {
  margin-bottom: 0 !important;
}
.mb1 {
  margin-bottom: 1rem !important;
}

.mb2 {
  margin-bottom: 2rem !important;
}

.mb3 {
  margin-bottom: 3rem !important;
}

.mb4 {
  margin-bottom: 4rem !important;
}

.mb6 {
  margin-bottom: 6rem !important;
}

.mb8 {
  margin-bottom: 8rem !important;
}

.mr0 {
  margin-right: 0 !important;
}

.mr1 {
  margin-right: 1rem !important;
}

.mr2 {
  margin-right: 2rem !important;
}

.mr3 {
  margin-right: 3rem !important;
}

.mr4 {
  margin-right: 4rem !important;
}

.mr6 {
  margin-right: 6rem !important;
}

.mr8 {
  margin-right: 8rem !important;
}

.ml0 {
  margin-left: 0 !important;
}

.ml1 {
  margin-left: 1rem !important;
}

.ml2 {
  margin-left: 2rem !important;
}

.ml3 {
  margin-left: 3rem !important;
}

.ml4 {
  margin-left: 4rem !important;
}

.ml6 {
  margin-left: 6rem !important;
}

.ml8 {
  margin-left: 8rem !important;
}

.pt1 {
  padding-top: 1rem !important;
}

.pt2 {
  padding-top: 2rem !important;
}

.pt3 {
  padding-top: 3rem !important;
}

.pt4 {
  padding-top: 4rem !important;
}

.pt6 {
  padding-top: 6rem !important;
}

.pt8 {
  padding-top: 8rem !important;
}

.pb0 {
  padding-bottom: 0 !important;
}

.pb1 {
  padding-bottom: 1rem !important;
}

.pb2 {
  padding-bottom: 2rem !important;
}

.pb3 {
  padding-bottom: 3rem !important;
}

.pb4 {
  padding-bottom: 4rem !important;
}

.pb6 {
  padding-bottom: 6rem !important;
}

.pb8 {
  padding-bottom: 8rem !important;
}

.pr1 {
  padding-right: 1rem !important;
}

.pr2 {
  padding-right: 2rem !important;
}

.pr3 {
  padding-right: 3rem !important;
}

.pr4 {
  padding-right: 4rem !important;
}

.pr6 {
  padding-right: 6rem !important;
}

.pr8 {
  padding-right: 8rem !important;
}

.top-message {
  width: 100%;
  background-color: #016be1;
}

.top-message .content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 50px;
  padding: 6px 1rem;
}

.top-message .content p {
  font-weight: 700;
  color: #fff;
  margin-right: 1rem;
  line-height: 1.2rem;
}

.top-message .content img {
  cursor: pointer;
}

.top-message.yellow {
  background-color: #fed501;
}

.top-message.yellow .content .pacific-logo {
  height: 34px;
  cursor: inherit;
  padding-right: 4px;
}
.top-message.yellow .content p {
  color: #203099;
}

.top-message.yellow .content a {
  color: #267eea;
}

#top-messages {
  display: none;
}

#top-messages.visible {
  display: block;
}

.error-content.content {
  position: relative;
  text-align: center;
  padding: 3rem;
}

.error-content.content .support-text a {
  color: #2066e6;
}
.error-content.content .cl-error-box {
  border: 3px solid #f4f4f4;
  text-align: center;
  padding: 1rem;
  background-color: #fff;
}

footer {
  background-image: url(/wp-content/themes/gemba/images/bg-footer-simple.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: 3rem 2rem 1rem;
  position: relative;
}

footer.simple {
  background-image: url(/wp-content/themes/gemba/images/bg-footer-simple.png);
}

.social-links {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 8px;
}

.social-links > div {
  margin-right: 1rem;
}