/* Entry for WindiCSS -- Do not edit this file. */
/* windicss layer base */
*, ::before, ::after {
  box-sizing: border-box;
  border-width: 0;
  border-style: solid;
  border-color: #e5e7eb;
}
* {
  --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgba(59, 130, 246, 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
}
:root {
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
}
:-moz-focusring {
  outline: 1px dotted ButtonText;
}
:-moz-ui-invalid {
  box-shadow: none;
}
:root {
  --header-height: 80px;
}
::moz-focus-inner {
  border-style: none;
  padding: 0;
}
::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
  height: auto;
}
::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}
[type='search'] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
abbr[title] {
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}
a {
  color: inherit;
  text-decoration: inherit;
}
body {
  margin: 0;
  font-family: inherit;
  line-height: inherit;
}
b, strong {
  font-weight: bolder;
}
button {
  text-transform: none;
  background-color: transparent;
  background-image: none;
}
button, [type='button'], [type='reset'], [type='submit'] {
  -webkit-appearance: button;
}
button, [role="button"] {
  cursor: pointer;
}
fieldset {
  margin: 0;
  padding: 0;
}
html {
  -webkit-text-size-adjust: 100%;
  font-family: Montserrat,sans-serif;
  line-height: 1.5;
}
hr {
  height: 0;
  color: inherit;
  border-top-width: 1px;
}
h2, h3, h4, h5, h1 {
  font-size: inherit;
  font-weight: inherit;
}
input, button {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
  padding: 0;
  line-height: inherit;
  color: inherit;
}
img {
  border-style: solid;
}
input::-moz-placeholder {
  opacity: 1;
  color: #9ca3af;
}
input::placeholder {
  opacity: 1;
  color: #9ca3af;
}
input::webkit-input-placeholder {
  opacity: 1;
  color: #9ca3af;
}
input::-moz-placeholder {
  opacity: 1;
  color: #9ca3af;
}
input:-ms-input-placeholder {
  opacity: 1;
  color: #9ca3af;
}
input::-ms-input-placeholder {
  opacity: 1;
  color: #9ca3af;
}
img, video {
  max-width: 100%;
  height: auto;
}
legend {
  padding: 0;
}
pre {
  font-size: 1em;
  font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
}
p, h2, h3, h4, h5, pre, h1, blockquote, figure, hr {
  margin: 0;
}
small {
  font-size: 80%;
}
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
  top: -0.5em;
}
svg, img, video, iframe {
  display: block;
  vertical-align: middle;
}
table {
  text-indent: 0;
  border-color: inherit;
  border-collapse: collapse;
}
ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
/* windicss layer components */
/* windicss layer utilities */
.container {
  width: 100%;
}
@media (min-width: 640px) {
  .container {
    max-width: 640px;
  }
}
@media (min-width: 768px) {
  .container {
    max-width: 768px;
  }
}
@media (min-width: 1024px) {
  .container {
    max-width: 1024px;
  }
}
@media (min-width: 1280px) {
  .container {
    max-width: 1280px;
  }
}
@media (min-width: 1536px) {
  .container {
    max-width: 1536px;
  }
}
.bg-charcoal-gray {
  --tw-bg-opacity: 1;
  background-color: rgba(77, 77, 79, var(--tw-bg-opacity));
}
.bg-dark-300 {
  --tw-bg-opacity: 1;
  background-color: rgba(48, 48, 48, var(--tw-bg-opacity));
}
.bg-white {
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
}
.bg-gold {
  --tw-bg-opacity: 1;
  background-color: rgba(247, 195, 32, var(--tw-bg-opacity));
}
.bg-black\/50 {
  --tw-bg-opacity: 0.5;
  background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
}
.bg-dark-700 {
  --tw-bg-opacity: 1;
  background-color: rgba(112, 112, 112, var(--tw-bg-opacity));
}
.bg-white\/8 {
  --tw-bg-opacity: 0.08;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
}
.bg-charcoal\/80 {
  --tw-bg-opacity: 0.8;
  background-color: rgba(65, 64, 66, var(--tw-bg-opacity));
}
.bg-charcoal {
  --tw-bg-opacity: 1;
  background-color: rgba(65, 64, 66, var(--tw-bg-opacity));
}
.bg-hero-about-mobile {
  background-image: url(../images/gold-cell-mobile.png);
}
.bg-no-repeat {
  background-repeat: no-repeat;
}
.bg-cover {
  background-size: cover;
}
.border-gold {
  --tw-border-opacity: 1;
  border-color: rgba(247, 195, 32, var(--tw-border-opacity));
}
.border-l-current {
  border-left-color: currentColor;
}
.border-t-current {
  border-top-color: currentColor;
}
.border-t-gold {
  --tw-border-opacity: 1;
  border-top-color: rgba(247, 195, 32, var(--tw-border-opacity));
}
.border-b-current {
  border-bottom-color: currentColor;
}
.border-t-neutral-200 {
  --tw-border-opacity: 1;
  border-top-color: rgba(229, 229, 229, var(--tw-border-opacity));
}
.border-b-neutral-200 {
  --tw-border-opacity: 1;
  border-bottom-color: rgba(229, 229, 229, var(--tw-border-opacity));
}
.border-r-white\/30 {
  border-right-color: rgba(255, 255, 255, 0.3);
}
.border-l-white\/30 {
  border-left-color: rgba(255, 255, 255, 0.3);
}
.border-t-white\/30 {
  border-top-color: rgba(255, 255, 255, 0.3);
}
.border-t-white\/60 {
  border-top-color: rgba(255, 255, 255, 0.6);
}
.rounded-2xl {
  border-radius: 1rem;
}
.rounded-lg {
  border-radius: 0.5rem;
}
.rounded-tl-2xl {
  border-top-left-radius: 1rem;
}
.rounded-bl-2xl {
  border-bottom-left-radius: 1rem;
}
.border-dashed {
  border-style: dashed;
}
.border-r {
  border-right-width: 1px;
}
.border-l {
  border-left-width: 1px;
}
.border-t {
  border-top-width: 1px;
}
.border-b-3 {
  border-bottom-width: 3px;
}
.border-t-0\.5px {
  border-top-width: 0.5px;
}
.border-b {
  border-bottom-width: 1px;
}
.cursor-pointer {
  cursor: pointer;
}
.block {
  display: block;
}
.flex {
  display: flex;
}
.grid {
  display: grid;
}
.hidden {
  display: none;
}
.basis-1\/4 {
  flex-basis: 25%;
}
.basis-1\/2 {
  flex-basis: 50%;
}
.basis-19\/20 {
  flex-basis: 95%;
}
.basis-1\/3 {
  flex-basis: 33.333333%;
}
.basis-9\/10 {
  flex-basis: 90%;
}
.basis-2\/6 {
  flex-basis: 33.333333%;
}
.basis-1\/6 {
  flex-basis: 16.666667%;
}
.basis-2\/3 {
  flex-basis: 66.666667%;
}
.basis-full {
  flex-basis: 100%;
}
.flex-col {
  flex-direction: column;
}
.flex-col-reverse {
  flex-direction: column-reverse;
}
.flex-wrap {
  flex-wrap: wrap;
}
.items-start {
  align-items: flex-start;
}
.items-end {
  align-items: flex-end;
}
.items-center {
  align-items: center;
}
.justify-start {
  justify-content: flex-start;
}
.justify-end {
  justify-content: flex-end;
}
.justify-center {
  justify-content: center;
}
.justify-between {
  justify-content: space-between;
}
.flex-none {
  flex: none;
}
.flex-1 {
  flex: 1 1 0%;
}
.flex-shrink-0 {
  flex-shrink: 0;
}
.order-2 {
  order: 2;
}
.order-1 {
  order: 1;
}
.order-3 {
  order: 3;
}
.font-55 {
  font-weight: 55;
}
.font-medium {
  font-weight: 500;
}
.font-semibold {
  font-weight: 600;
}
.font-bold {
  font-weight: 700;
}
.font-normal {
  font-weight: 400;
}
.h-full {
  height: 100%;
}
.h-header-offset {
  height: calc(100vh - var(--header-height));
}
.h-0 {
  height: 0px;
}
.h-screen {
  height: 100vh;
}
.h-max {
  height: -moz-max-content;
  height: max-content;
}
.h-30vh {
  height: 30vh;
}
.h-50vh {
  height: 50vh;
}
.h-3\.5rem {
  height: 3.5rem;
}
.h-32rem {
  height: 32rem;
}
.text-xs {
  font-size: 0.75rem;
  line-height: 1rem;
}
.text-4xl {
  font-size: 2.25rem;
  line-height: 2.875rem;
}
.text-3xl {
  font-size: 1.875rem;
  line-height: 2.25rem;
}
.text-2xl {
  font-size: 1.5rem;
  line-height: 2rem;
}
.text-base {
  font-size: 1rem;
  line-height: 1.5rem;
}
.text-xl {
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.text-sm {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.text-11\.9vw {
  font-size: 11.9vw;
  line-height: 1;
}
.leading-tight {
  line-height: 1.25;
}
.leading-6 {
  line-height: 1.5rem;
}
.leading-normal {
  line-height: 1.5;
}
.leading-1\.625rem {
  line-height: 1.625rem;
}
.list-outside {
  list-style-position: outside;
}
.list-disc {
  list-style-type: disc;
}
.mx-auto {
  margin-left: auto;
  margin-right: auto;
}
.mx-8 {
  margin-left: 2rem;
  margin-right: 2rem;
}
.my-0 {
  margin-top: 0px;
  margin-bottom: 0px;
}
.my-3 {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}
.my-4 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.mx-6 {
  margin-left: 1.5rem;
  margin-right: 1.5rem;
}
.mr-8 {
  margin-right: 2rem;
}
.mr-6 {
  margin-right: 1.5rem;
}
.ml-4 {
  margin-left: 1rem;
}
.mt-5 {
  margin-top: 1.25rem;
}
.mt-10 {
  margin-top: 2.5rem;
}
.mb-5 {
  margin-bottom: 1.25rem;
}
.mb-10 {
  margin-bottom: 2.5rem;
}
.mb-3 {
  margin-bottom: 0.75rem;
}
.mb-6 {
  margin-bottom: 1.5rem;
}
.mb-16 {
  margin-bottom: 4rem;
}
.mt-8 {
  margin-top: 2rem;
}
.mb-8 {
  margin-bottom: 2rem;
}
.mb-4 {
  margin-bottom: 1rem;
}
.mb-2 {
  margin-bottom: 0.5rem;
}
.mt-0 {
  margin-top: 0px;
}
.mt-4 {
  margin-top: 1rem;
}
.ml-6 {
  margin-left: 1.5rem;
}
.mt-5vh {
  margin-top: 5vh;
}
.mb-1 {
  margin-bottom: 0.25rem;
}
.mt-6 {
  margin-top: 1.5rem;
}
.mr-0 {
  margin-right: 0px;
}
.mb-12 {
  margin-bottom: 3rem;
}
.mt-2 {
  margin-top: 0.5rem;
}
.-mt-8 {
  margin-top: -2rem;
}
.mr-12 {
  margin-right: 3rem;
}
.max-w-6xl {
  max-width: 72rem;
}
.max-w-7xl {
  max-width: 80rem;
}
.max-w-2xl {
  max-width: 42rem;
}
.max-w-lg {
  max-width: 32rem;
}
.max-w-3xl {
  max-width: 48rem;
}
.max-w-4xl {
  max-width: 56rem;
}
.max-w-5xl {
  max-width: 64rem;
}
.max-w-16 {
  max-width: 4rem;
}
.max-w-12xl {
  max-width: 120rem;
}
.max-w-17rem {
  max-width: 17rem;
}
.max-w-8xl {
  max-width: 88rem;
}
.object-contain {
  -o-object-fit: contain;
  object-fit: contain;
}
.object-cover {
  -o-object-fit: cover;
  object-fit: cover;
}
.overflow-auto {
  overflow: auto;
}
.overflow-hidden {
  overflow: hidden;
}
.overflow-y-auto {
  overflow-y: auto;
}
.overflow-x-hidden {
  overflow-x: hidden;
}
.p-8 {
  padding: 2rem;
}
.p-5 {
  padding: 1.25rem;
}
.p-6 {
  padding: 1.5rem;
}
.p-12 {
  padding: 3rem;
}
.py-4 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.px-5 {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
.py-36 {
  padding-top: 9rem;
  padding-bottom: 9rem;
}
.py-16 {
  padding-top: 4rem;
  padding-bottom: 4rem;
}
.px-8 {
  padding-left: 2rem;
  padding-right: 2rem;
}
.px-6 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}
.px-2 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.py-12 {
  padding-top: 3rem;
  padding-bottom: 3rem;
}
.py-8 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.py-20 {
  padding-top: 5rem;
  padding-bottom: 5rem;
}
.px-2rem {
  padding-left: 2rem;
  padding-right: 2rem;
}
.py-4rem {
  padding-top: 4rem;
  padding-bottom: 4rem;
}
.px-0 {
  padding-left: 0px;
  padding-right: 0px;
}
.py-2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.px-10 {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}
.px-12 {
  padding-left: 3rem;
  padding-right: 3rem;
}
.pt-6 {
  padding-top: 1.5rem;
}
.pl-0 {
  padding-left: 0px;
}
.pb-16 {
  padding-bottom: 4rem;
}
.pt-8 {
  padding-top: 2rem;
}
.pb-8 {
  padding-bottom: 2rem;
}
.pt-10 {
  padding-top: 2.5rem;
}
.pb-10 {
  padding-bottom: 2.5rem;
}
.pt-2\.5rem {
  padding-top: 2.5rem;
}
.pt-2rem {
  padding-top: 2rem;
}
.pb-3\.5rem {
  padding-bottom: 3.5rem;
}
.pt-12 {
  padding-top: 3rem;
}
.pt-3rem {
  padding-top: 3rem;
}
.pb-48 {
  padding-bottom: 12rem;
}
.pt-24 {
  padding-top: 6rem;
}
.pb-6\.25rem {
  padding-bottom: 6.25rem;
}
.pb-6 {
  padding-bottom: 1.5rem;
}
.pb-24 {
  padding-bottom: 6rem;
}
.pt-16 {
  padding-top: 4rem;
}
.pb-12 {
  padding-bottom: 3rem;
}
.pt-0 {
  padding-top: 0px;
}
.pb-4 {
  padding-bottom: 1rem;
}
.pl-6 {
  padding-left: 1.5rem;
}
.pt-2 {
  padding-top: 0.5rem;
}
.pr-2 {
  padding-right: 0.5rem;
}
.pl-2 {
  padding-left: 0.5rem;
}
.pb-20 {
  padding-bottom: 5rem;
}
.pb-2 {
  padding-bottom: 0.5rem;
}
.pt-4 {
  padding-top: 1rem;
}
.pr-4 {
  padding-right: 1rem;
}
.pr-8 {
  padding-right: 2rem;
}
.pr-36 {
  padding-right: 9rem;
}
.pr-10 {
  padding-right: 2.5rem;
}
.tab {
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
}
.pointer-events-none {
  pointer-events: none;
}
.fixed {
  position: fixed;
}
.absolute {
  position: absolute;
}
.relative {
  position: relative;
}
.sticky {
  position: sticky;
}
.top-0 {
  top: 0px;
}
.left-0 {
  left: 0px;
}
.left-full {
  left: 100%;
}
.right-0 {
  right: 0px;
}
.-top-3\.5 {
  top: -0.875rem;
}
.-left-2 {
  left: -0.5rem;
}
.-right-2 {
  right: -0.5rem;
}
.resize {
  resize: both;
}
.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
.text-black {
  --tw-text-opacity: 1;
  color: rgba(0, 0, 0, var(--tw-text-opacity));
}
.text-white {
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
}
.text-gold {
  --tw-text-opacity: 1;
  color: rgba(247, 195, 32, var(--tw-text-opacity));
}
.text-dark-200 {
  --tw-text-opacity: 1;
  color: rgba(32, 32, 32, var(--tw-text-opacity));
}
.text-teal {
  --tw-text-opacity: 1;
  color: rgba(43, 190, 184, var(--tw-text-opacity));
}
.text-white\/75 {
  --tw-text-opacity: 0.75;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
}
.text-white\/70 {
  --tw-text-opacity: 0.7;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
}
.text-white\/60 {
  --tw-text-opacity: 0.6;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
}
.uppercase {
  text-transform: uppercase;
}
.content-sidebar {
  content: "sidebar";
}
.align-middle {
  vertical-align: middle;
}
.whitespace-nowrap {
  white-space: nowrap;
}
.w-full {
  width: 100%;
}
.w-0 {
  width: 0px;
}
.w-1\/2 {
  width: 50%;
}
.z-0 {
  z-index: 0;
}
.z-10 {
  z-index: 10;
}
.gap-2rem {
  grid-gap: 2rem;
  gap: 2rem;
}
.gap-4 {
  grid-gap: 1rem;
  gap: 1rem;
}
.gap-1\.625rem {
  grid-gap: 1.625rem;
  gap: 1.625rem;
}
.transform {
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-translate-z: 0;
  --tw-rotate: 0;
  --tw-rotate-x: 0;
  --tw-rotate-y: 0;
  --tw-rotate-z: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-scale-z: 1;
  transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotateZ(var(--tw-rotate-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z));
}
.transition-height {
  transition-property: height;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.duration-500 {
  transition-duration: 500ms;
}
.filter {
  --tw-blur: var(--tw-empty,/*!*/ /*!*/);
  --tw-brightness: var(--tw-empty,/*!*/ /*!*/);
  --tw-contrast: var(--tw-empty,/*!*/ /*!*/);
  --tw-grayscale: var(--tw-empty,/*!*/ /*!*/);
  --tw-hue-rotate: var(--tw-empty,/*!*/ /*!*/);
  --tw-invert: var(--tw-empty,/*!*/ /*!*/);
  --tw-saturate: var(--tw-empty,/*!*/ /*!*/);
  --tw-sepia: var(--tw-empty,/*!*/ /*!*/);
  --tw-drop-shadow: var(--tw-empty,/*!*/ /*!*/);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.hover\:filter:hover {
  --tw-blur: var(--tw-empty,/*!*/ /*!*/);
  --tw-brightness: var(--tw-empty,/*!*/ /*!*/);
  --tw-contrast: var(--tw-empty,/*!*/ /*!*/);
  --tw-grayscale: var(--tw-empty,/*!*/ /*!*/);
  --tw-hue-rotate: var(--tw-empty,/*!*/ /*!*/);
  --tw-invert: var(--tw-empty,/*!*/ /*!*/);
  --tw-saturate: var(--tw-empty,/*!*/ /*!*/);
  --tw-sepia: var(--tw-empty,/*!*/ /*!*/);
  --tw-drop-shadow: var(--tw-empty,/*!*/ /*!*/);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.hover\:grayscale:hover {
  --tw-grayscale: grayscale(100%);
}
.invert {
  --tw-invert: invert(100%);
}
@media (min-width: 640px) {
  .sm\:max-w-17rem {
    max-width: 17rem;
  }
  .sm\:pr-36 {
    padding-right: 9rem;
  }
}
@media (min-width: 768px) {
  .md\:bg-hero-about {
    background-image: url(../images/hero-about.webp);
  }
  .md\:rounded-4xl {
    border-radius: 2rem;
  }
  .md\:rounded-2xl {
    border-radius: 1rem;
  }
  .md\:border-l {
    border-left-width: 1px;
  }
  .md\:border-t-0 {
    border-top-width: 0px;
  }
  .md\:border-t-2 {
    border-top-width: 2px;
  }
  .md\:block {
    display: block;
  }
  .md\:flex {
    display: flex;
  }
  .md\:hidden {
    display: none;
  }
  .md\:basis-1\/3 {
    flex-basis: 33.333333%;
  }
  .md\:basis-1\/2 {
    flex-basis: 50%;
  }
  .md\:basis-2\/3 {
    flex-basis: 66.666667%;
  }
  .md\:basis-1\/6 {
    flex-basis: 16.666667%;
  }
  .md\:flex-row {
    flex-direction: row;
  }
  .md\:flex-wrap {
    flex-wrap: wrap;
  }
  .md\:flex-nowrap {
    flex-wrap: nowrap;
  }
  .md\:items-start {
    align-items: flex-start;
  }
  .md\:items-center {
    align-items: center;
  }
  .md\:justify-start {
    justify-content: flex-start;
  }
  .md\:justify-end {
    justify-content: flex-end;
  }
  .md\:order-none {
    order: 0;
  }
  .md\:h-auto {
    height: auto;
  }
  .md\:h-full {
    height: 100%;
  }
  .md\:h-22 {
    height: 5.5rem;
  }
  .md\:h-24rem {
    height: 24rem;
  }
  .md\:text-6xl {
    font-size: 3.75rem;
    line-height: 1;
  }
  .md\:text-7xl {
    font-size: 4.5rem;
    line-height: 1;
  }
  .md\:text-4xl {
    font-size: 2.25rem;
    line-height: 2.875rem;
  }
  .md\:text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
  .md\:text-base {
    font-size: 1rem;
    line-height: 1.5rem;
  }
  .md\:mx-auto {
    margin-left: auto;
    margin-right: auto;
  }
  .md\:mx-0 {
    margin-left: 0px;
    margin-right: 0px;
  }
  .md\:mx-12 {
    margin-left: 3rem;
    margin-right: 3rem;
  }
  .md\:mb-0 {
    margin-bottom: 0px;
  }
  .md\:mt-0 {
    margin-top: 0px;
  }
  .md\:mb-4 {
    margin-bottom: 1rem;
  }
  .md\:mb-8 {
    margin-bottom: 2rem;
  }
  .md\:max-w-6xl {
    max-width: 72rem;
  }
  .md\:max-w-full {
    max-width: 100%;
  }
  .md\:max-w-3\/4 {
    max-width: 75%;
  }
  .md\:max-w-17rem {
    max-width: 17rem;
  }
  .md\:object-cover {
    -o-object-fit: cover;
    object-fit: cover;
  }
  .md\:p-4rem {
    padding: 4rem;
  }
  .md\:p-16 {
    padding: 4rem;
  }
  .md\:p-0 {
    padding: 0px;
  }
  .md\:p-6 {
    padding: 1.5rem;
  }
  .md\:py-0 {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .md\:py-12 {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
  .md\:py-8rem {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }
  .md\:px-0 {
    padding-left: 0px;
    padding-right: 0px;
  }
  .md\:px-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
  .md\:px-7 {
    padding-left: 1.75rem;
    padding-right: 1.75rem;
  }
  .md\:py-8 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  .md\:px-2rem {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .md\:py-16 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
  .md\:py-32 {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }
  .md\:px-20 {
    padding-left: 5rem;
    padding-right: 5rem;
  }
  .md\:px-16 {
    padding-left: 4rem;
    padding-right: 4rem;
  }
  .md\:py-2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  .md\:py-6\.5 {
    padding-top: 1.625rem;
    padding-bottom: 1.625rem;
  }
  .md\:py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .md\:px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .md\:py-4rem {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
  .md\:pl-0 {
    padding-left: 0px;
  }
  .md\:pr-5 {
    padding-right: 1.25rem;
  }
  .md\:pb-8rem {
    padding-bottom: 8rem;
  }
  .md\:pr-32 {
    padding-right: 8rem;
  }
  .md\:pt-0 {
    padding-top: 0px;
  }
  .md\:pl-32 {
    padding-left: 8rem;
  }
  .md\:pb-6rem {
    padding-bottom: 6rem;
  }
  .md\:pb-4rem {
    padding-bottom: 4rem;
  }
  .md\:pb-32 {
    padding-bottom: 8rem;
  }
  .md\:pb-16 {
    padding-bottom: 4rem;
  }
  .md\:pt-10rem {
    padding-top: 10rem;
  }
  .md\:pb-0 {
    padding-bottom: 0px;
  }
  .md\:pb-12rem {
    padding-bottom: 12rem;
  }
  .md\:pt-16 {
    padding-top: 4rem;
  }
  .md\:pb-48 {
    padding-bottom: 12rem;
  }
  .md\:pl-4 {
    padding-left: 1rem;
  }
  .md\:pr-2 {
    padding-right: 0.5rem;
  }
  .md\:pl-24 {
    padding-left: 6rem;
  }
  .md\:pr-6 {
    padding-right: 1.5rem;
  }
  .md\:pl-6 {
    padding-left: 1.5rem;
  }
  .md\:pt-4 {
    padding-top: 1rem;
  }
  .md\:pb-8 {
    padding-bottom: 2rem;
  }
  .md\:pr-72 {
    padding-right: 18rem;
  }
  .md\:pt-32 {
    padding-top: 8rem;
  }
  .md\:pr-4 {
    padding-right: 1rem;
  }
  .md\:static {
    position: static;
  }
  .md\:absolute {
    position: absolute;
  }
  .md\:text-left {
    text-align: left;
  }
  .md\:text-center {
    text-align: center;
  }
  .md\:whitespace-nowrap {
    white-space: nowrap;
  }
  .md\:w-auto {
    width: auto;
  }
  .md\:w-30rem {
    width: 30rem;
  }
  .md\:gap-4 {
    grid-gap: 1rem;
    gap: 1rem;
  }
  .md\:gap-1\.625rem {
    grid-gap: 1.625rem;
    gap: 1.625rem;
  }
}
@media (min-width: 1024px) {
  .lg\:pr-72 {
    padding-right: 18rem;
  }
}
html, body > div {
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5rem;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: normal;
}
.aspect-43 {
  aspect-ratio: 4/3;
}
.aspect-1 {
  aspect-ratio: 1;
}
.material-icons {
  line-height: 1px;
  font-size: inherit;
  vertical-align: middle;
  display: inline;
}
.ctf-frontend-license-notice {
  display: none;
}
.site-container .top_sub_menu * {
  color: inherit;
}
/* # HTML5 Reset
---------------------------------------------------------------------------------------------------- */
/* ## Box Sizing
--------------------------------------------- */
html,
input[type="search"] {
  box-sizing: border-box;
}
*,
*:before,
*:after {
  box-sizing: inherit;
}
/* ## Float Clearing
--------------------------------------------- */
.author-box:before,
.clearfix:before,
.entry:before,
.entry-content:before,
.footer-widgets:before,
.nav-primary:before,
.nav-secondary:before,
.pagination:before,
.site-container:before,
.site-footer:before,
.site-header:before,
.site-inner:before,
.widget:before,
.wrap:before {
  content: " ";
  display: table;
}
.author-box:after,
.clearfix:after,
.entry:after,
.entry-content:after,
.footer-widgets:after,
.nav-primary:after,
.nav-secondary:after,
.pagination:after,
.site-container:after,
.site-footer:after,
.site-header:after,
.site-inner:after,
.widget:after,
.wrap:after {
  clear: both;
  content: " ";
  display: table;
}
.clearfix {
  float: left;
  width: 100%;
}
/* ## Gallery
--------------------------------------------- */
.gallery {
  overflow: hidden;
}
.gallery-item {
  float: left;
  margin: 0 0 28px;
  text-align: center;
}
.gallery-columns-1 .gallery-item {
  width: 100%;
}
.gallery-columns-2 .gallery-item {
  width: 50%;
}
.gallery-columns-3 .gallery-item {
  width: 33%;
}
.gallery-columns-4 .gallery-item {
  width: 25%;
}
.gallery-columns-5 .gallery-item {
  width: 20%;
}
.gallery-columns-6 .gallery-item {
  width: 16.6666%;
}
.gallery-columns-7 .gallery-item {
  width: 14.2857%;
}
.gallery-columns-8 .gallery-item {
  width: 12.5%;
}
.gallery-columns-9 .gallery-item {
  width: 11.1111%;
}
.gallery-columns-2 .gallery-item:nth-child(2n+1),
.gallery-columns-3 .gallery-item:nth-child(3n+1),
.gallery-columns-4 .gallery-item:nth-child(4n+1),
.gallery-columns-5 .gallery-item:nth-child(5n+1),
.gallery-columns-6 .gallery-item:nth-child(6n+1),
.gallery-columns-7 .gallery-item:nth-child(7n+1),
.gallery-columns-8 .gallery-item:nth-child(8n+1),
.gallery-columns-9 .gallery-item:nth-child(9n+1) {
  clear: left;
}
.gallery img {
  border: 1px solid #ddd;
  height: auto;
  padding: 4px;
}
.gallery img:hover,
.gallery img:focus {
  border: 1px solid #999;
}
/* ## Screen Reader Text
--------------------------------------------- */
.screen-reader-text,
.screen-reader-text span,
.screen-reader-shortcut {
  position: absolute !important;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  width: 1px;
  border: 0;
  overflow: hidden;
}
.screen-reader-text:focus, .screen-reader-shortcut:focus, .genesis-nav-menu .search input[type="submit"]:focus, .widget_search input[type="submit"]:focus {
  clip: auto !important;
  height: auto;
  width: auto;
  display: block;
  font-size: 1rem;
  font-weight: bold;
  padding: 15px 23px 14px;
  z-index: 100000;
  text-decoration: none;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, .6);
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
}
.more-link {
  position: relative;
}
/* # Common Classes
---------------------------------------------------------------------------------------------------- */
/* ## Avatar
--------------------------------------------- */
.avatar {
  border-radius: 50%;
  float: left;
}
.alignleft .avatar,
.author-box .avatar {
  margin-right: 24px;
}
.alignright .avatar {
  margin-left: 24px;
}
.comment .avatar {
  margin: 0 16px 24px 0;
}
/* ## Genesis
--------------------------------------------- */
.search-results article, .search-results .archive-pagination {
    max-width: 1170px;
    margin: auto;
    padding: 0 5%
  }
.search-results .archive-pagination {

    margin: 30px auto;
    padding: 0
  }
.single-post article {
    max-width: 1170px;
    margin: auto;
    padding: 5%
  }
.breadcrumb {
  margin-bottom: 20px;
}
.after-entry,
.archive-description,
.author-box {
  background-color: #fff;
  font-size: 1rem;
  margin-bottom: 40px;
  padding: 40px;
}
.author-box-title {
  font-size: 1rem;
  margin-bottom: 4px;
}
.archive-description {
  background: #365cb2;
  color: #fff;
  padding: 120px 5%;

}
.archive-description .archive-title {
    max-width: 1170px;
    margin: auto
  }
.archive-description p:last-child,
.author-box p:last-child {
  margin-bottom: 0;
}
/* ## Search Form
--------------------------------------------- */
.widget_search {
  display: none;
}
.search-results .masthead_small {
    display: none;
  }
/* ## Titles
--------------------------------------------- */
.archive-title {
  font-size: 2.25rem;
}
.entry-title {
  font-size: 2.25rem;
}
.entry-title a,
.sidebar .widget-title a {
  color: #333;
  text-decoration: none;
}
.entry-title a:hover,
.entry-title a:focus {

}
.widget-title {
  font-size: 1.125rem;
  font-weight: 700;
  margin-bottom: 20px;
}
/* ## WordPress
--------------------------------------------- */
a.aligncenter img {
  display: block;
  margin: 0 auto;
}
a.alignnone {
  display: inline-block;
}
.alignleft {
  float: left;
  text-align: left;
}
.alignright {
  float: right;
  text-align: right;
}
a.alignleft,
a.alignnone,
a.alignright {
  max-width: 100%;
}
img.centered,
.aligncenter {
  display: block;
  margin: 0 auto 24px;
}
img.alignnone,
.alignnone {
  margin-bottom: 12px;
}
a.alignleft,
img.alignleft,
.wp-caption.alignleft {
  margin: 0 24px 24px 0;
}
a.alignright,
img.alignright,
.wp-caption.alignright {
  margin: 0 0 24px 24px;
}
.wp-caption-text {
  font-size: 0.875rem;
  font-weight: 700;
  text-align: center;
}
.entry-content p.wp-caption-text {
  margin-bottom: 0;
}
.entry-content .wp-audio-shortcode,
.entry-content .wp-playlist,
.entry-content .wp-video {
  margin: 0 0 28px;
}
.margin0 {
  margin: 0 !important
}
/* ## Accessibility and User Experience enhancements
--------------------------------------------- */
/* ##  Improve color contrast for main menu on desktop: */
/* change color on top-row nav */
.sub_header a {
  font-size: 12px; /*increase size */
  font-weight: normal;
  letter-spacing: 0.2px;
  color: #6f6f6f; /*increases contrast */
  float: left;
  padding: 7px 0 7px 0;
  margin-right: 30px;

}
/* make active menu item white (low contrast) while other menu items are high contrast */
.top_sub_menu * {
  color: #1d305f;
}
.top_sub_menu li.current-menu-item a {
  color: #ffffff;
}
/* ## Add visual cues for keyboard navigation
Show “skip to” links when focused via keyboard navigation. Something like:

--------------------------------------------- */
.screen-reader-shortcut {
  background: #068dc9;
  color: #fff;
  height: auto;
  left: 50%;
  padding: 10px;
  position: absolute;
  text-transform: uppercase;
  font-size: 100%;
  font-weight: normal;
  transform: translateY(-100%);
  transition: transform 0.3s;
}
.screen-reader-shortcut:focus {
  transform: translateY(0%);
}
.sub_header {
  background-color: transparent;
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10;
}
.sub_header .wrap {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  max-width: 80rem;
}
.sub_header ul {
  float: right;
  display: flex;
  grid-gap: 1rem;
  gap: 1rem;
}
.sub_header li {
    float: left;
  }
.sub_header a {
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.25rem;
  margin: 0px;
  --tw-text-opacity: 0.7;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
}
.sub_header li:last-child a {
    margin-right: 0;
  }
.sub_header li:hover a,
  .sub_header li.current-menu-item a {
    text-decoration: underline;
  }
.top-sub-header {
  float: right;
}
.top-sub-header ul li ul {
    display: none;
  }
/* ## Title Area
--------------------------------------------- */
.title-area {
  float: left;
  width: 270px;
  height: auto;
}
@media (min-width: 768px) {
  .title-area {
    height: 47px;
  }
}
.header-image .title-area {
  padding: 10px 0 0;
}
.header-full-width .title-area {
  width: 100%;
}
.site-title {
  font-size: 30px;
  font-size: 3rem;
  font-weight: 900;
  line-height: 1.2;
}
.site-title a,
.site-title a:hover,
.site-title a:focus {
  color: #333;
  text-decoration: none;
}
.header-image .site-title > a {
  background-repeat: no-repeat !important;
  background-size: contain !important;
  float: left !important;
  min-height: 47px !important;
  width: 100% !important;
  background-image: url(../images/logo-light.svg) !important;
}
.site-description {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 300;
  line-height: 1.5;
}
.site-description,
.site-title {
  margin-bottom: 0;
}
.header-image .site-description,
.header-image .site-title {
  display: block;
  text-indent: -9999px;
}
/* ## Widget Area
--------------------------------------------- */
.site-header .widget-area {
  float: right;
  text-align: right;
  max-width: 800px;
}
.site-header .widget-area .widget {
    margin: 0;
    padding: 0
  }
/* ## Accessible Menu
--------------------------------------------- */
.menu .menu-item:focus {
  position: static;
    outline:none;
}
.genesis-nav-menu a {
  outline:none;
}
.menu .menu-item > a:focus + ul.sub-menu,
.menu .menu-item.sfHover > ul.sub-menu {
  left: auto;
  opacity: 1;
}
.sub-menu-toggle,
.menu-toggle {
  display: none;
  visibility: hidden;
}
/* ## After Header Navigation
--------------------------------------------- */
.nav-primary {
  background-color: #fff;
}
/* ## Footer Navigation
--------------------------------------------- */
.site-footer .genesis-nav-menu {
  padding-bottom: 20px;
}
.site-footer .genesis-nav-menu a {
  padding: 0 20px 10px;
}
/* ## Site Header Navigation
--------------------------------------------- */
.site-header .genesis-nav-menu li li {
  margin-left: 0;
}
.site-header {
  --tw-bg-opacity: 1;
  background-color: rgba(65, 64, 66, var(--tw-bg-opacity));
  padding-top: 0.375rem;
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
}
.site-header .wrap {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  max-width: 80rem;
}
.site-header .widget-area {
  max-width: 56rem;
}
.sf-with-ul::after {
  content: url(../images/svg-icons/icon-chevron-down.svg);
  display: block;
  margin-top: 0.375rem;
  position: absolute;
  text-align: center;
  width: 100%;
}
.current-menu-parent .sf-with-ul::after,
.sfHover a.sf-with-ul::after,
.sf-with-ul:hover::after {
  content: url(../images/svg-icons/icon-chevron-down-gold.svg);
}
.responsive_b_menu {
  display: none;
}
.genesis-nav-menu {
  clear: both;
  font-size: 1rem;
  line-height: 1.5rem;
  line-height: 1;
  width: 100%;
}
.genesis-nav-menu .menu-item {
  display: inline-block;
  margin: 0px;
  text-align: left;
}
.genesis-nav-menu .menu-item.mobile_hide {
  display: none !important;
}
.genesis-nav-menu .current_page_item:not(.menu-item-has-children) a {
  --tw-border-opacity: 1;
  border-bottom-color: rgba(247, 195, 32, var(--tw-border-opacity));
  border-bottom-width: 4px;
}
.genesis-nav-menu a {
  display: inline-block;
  font-weight: 400;
  margin-right: 1.5rem;
  padding-top: 2rem;
  padding-bottom: 2rem;
  padding-left: 0px;
  padding-right: 0px;
  position: relative;
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
}
.genesis-nav-menu .no-padding a {
  margin-right: 0px;
}
.genesis-nav-menu .sfHover a, .genesis-nav-menu a:hover, .genesis-nav-menu a:focus, .genesis-nav-menu .current-menu-item > a {
  --tw-text-opacity: 1;
  color: rgba(247, 195, 32, var(--tw-text-opacity));
}
.genesis-nav-menu li.menu-item-has-children:hover ul li a:before {
  display: none;
}
.genesis-nav-menu .sub-menu {
  opacity: 0;
  position: absolute;
  left: -500rem;
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0/0.1),0 4px 6px -4px rgb(0 0 0/0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
  width: 16rem;
  z-index: 99;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition-duration: 0ms;
}
.genesis-nav-menu .sub-menu a {
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  border-bottom-color: rgba(255, 255, 255, 0.2);
  border-width: 1px;
  line-height: 1.375;
  padding: 1.5rem;
  position: relative;
  --tw-text-opacity: 1;
  color: rgba(77, 77, 79, var(--tw-text-opacity));
  overflow-wrap: break-word;
  width: 16rem;
}
.genesis-nav-menu .sub-menu .sub-menu {
  margin-top: -56px;
  margin-left: 199px;
}
.genesis-nav-menu .menu-item:hover {
  position: static;
}
.genesis-nav-menu .menu-item:hover > .sub-menu {
  opacity: 1;
  left: auto;
}
.genesis-nav-menu > .first > a {
  padding-left: 0px;
}
.genesis-nav-menu > .last > a {
  padding-right: 0px;
}
.genesis-nav-menu > .right {
  float: right;
  list-style-type: none;
  padding-top: 1.875rem;
  padding-bottom: 1.875rem;
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
}
.genesis-nav-menu > .right > a {
  display: inline;
  padding: 0px;
}
.genesis-nav-menu > .rss > a {
  margin-left: 3rem;
}
.genesis-nav-menu > .search {
  padding-top: 0.625rem;
}
#menu-main-nav {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-bottom: 4rem;
}
@media (min-width: 768px) {
  #menu-main-nav {
    padding-bottom: 0px;
  }
}
@media (min-width: 1024px) {
  #menu-main-nav {
    flex-direction: row;
  }
}
#menu-item-15267.current-menu-item, .single-ptld-stories .current-menu-ancestor, .single-ms-stories .current-menu-ancestor, .current-menu-ancestor.current-menu-parent.current_page_parent {
  pointer-events: none;
}
#menu-item-15267.current-menu-item > a, .single-ptld-stories .current-menu-ancestor > a, .single-ms-stories .current-menu-ancestor > a, .current-menu-ancestor.current-menu-parent.current_page_parent > a {
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgba(247, 195, 32, var(--tw-text-opacity));
}
@media only screen and (min-width: 1024px) {.nav-header .current-menu-item .sub-menu, .genesis-nav-menu .current-menu-parent .sub-menu {
  display: none;
}.single-ms-stories #menu-item-16626 .sub-menu, .single-ptld-stories #menu-item-16626 .sub-menu {
  display: none;
}.genesis-nav-menu .sub-menu {
  display: none;
}
}
@media only screen and (max-width: 1023px) {.single-ms-stories #menu-item-16626 .sub-menu, .single-ptld-stories #menu-item-16626 .sub-menu {
  display: none;
}.single-ms-stories #menu-item-16626 .sub-menu li#menu-item-16638 .sub-menu, .single-ptld-stories #menu-item-16626 .sub-menu li#menu-item-16638 .sub-menu {
  display: none;
}.site-header .wrap {
  display: flex;
  align-items: center;
  height: 100%;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  grid-gap: 1.5rem;
  gap: 1.5rem;
}.site-header .menu-toggle {
  position: static;
}
}
.top_sub_menu .ptld_champions ul {
  display: none;
}
.top_sub_menu li.ptld_champions.current-menu-item ul, .top_sub_menu li.ptld_champions.current-menu-parent ul {
  display: none;
}
.top_sub_menu li.ptld_champions.current-menu-item a, .top_sub_menu li.ptld_champions.current-menu-parent a {
  --tw-text-opacity: 1;
  color: rgba(23, 38, 75, var(--tw-text-opacity));
}
.top_sub_menu li.ptld_champions.current-menu-item ul li a, .top_sub_menu li.ptld_champions.current-menu-parent ul li a {
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
}
.top_sub_menu li.ptld_champions.current-menu-item ul li.current-menu-item a, .top_sub_menu li.ptld_champions.current-menu-parent ul li.current-menu-item a {
  --tw-text-opacity: 1;
  color: rgba(23, 38, 75, var(--tw-text-opacity));
}
.top_sub_menu {
  --tw-bg-opacity: 1;
  background-color: rgba(65, 64, 66, var(--tw-bg-opacity));
  border-top-color: rgba(255, 255, 255, 0.3);
  border-top-width: 1px;
  font-size: 1rem;
  line-height: 1.5rem;
  text-align: center;
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
}
.top_sub_menu sup {
    top: -0.5em;
  }
.top_sub_menu .wrap {
  margin-left: auto;
  margin-right: auto;
  max-width: 80rem;
}
.top_sub_menu .menu-main-nav-container {
  display: flex;
  justify-content: flex-end;
}
.top_sub_menu ul.menu {
  display: flex;
  padding-left: 1rem;
  width: auto;
  grid-gap: 0.5rem;
  gap: 0.5rem;
}
.top_sub_menu li {
  padding-top: 0.75rem;
  padding-bottom: 0.5rem;
}
.top_sub_menu li a {
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
}
.top_sub_menu li.current-menu-item {
  --tw-border-opacity: 1;
  border-bottom-color: rgba(247, 195, 32, var(--tw-border-opacity));
  border-bottom-width: 4px;
}
.top_sub_menu li.current-menu-item a {
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgba(247, 195, 32, var(--tw-text-opacity));
}
.page-parent .top_sub_menu .widget-title a {
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
}
/* # Skip Links
---------------------------------------------------------------------------------------------------- */
.genesis-skip-link {
  margin: 0;
}
.genesis-skip-link li {
  height: 0;
  width: 0;
  list-style: none;
}
/* Display outline on focus */
:focus {
  outline: rgba(255,255,255,0.5) dotted 1px;
}
/* # Widgets
---------------------------------------------------------------------------------------------------- */
.widget {
  margin-bottom: 40px;
  word-wrap: break-word;
}
.widget p:last-child,
.widget ul > li:last-of-type,
.widget-area .widget:last-of-type {
  margin-bottom: 0;
}
.widget ul > li {
  /*margin-bottom: 10px;
  padding-bottom: 10px;*/
}
.widget ul > li:last-of-type {
  padding-bottom: 0;
}
.widget ol > li {
  list-style-position: inside;
  list-style-type: decimal;
  padding-left: 20px;
  text-indent: -20px;
}
.widget li li {
  border: 0;
  margin: 0 0 0 30px;
  padding: 0;
}
.widget_calendar table {
  width: 100%;
}
.widget_calendar td,
.widget_calendar th {
  text-align: center;
}
/* ## Featured Content
--------------------------------------------- */
.featured-content .entry {
  background: none;
  margin-bottom: 20px;
  padding: 0 0 24px;
}
.featured-content .entry:last-of-type {
  margin-bottom: 0;
  padding-bottom: 0;
}
.featured-content .entry-title {
  font-size: 20px;
  font-size: 2rem;
}
/* # Modals
---------------------------------------------------------------------------------------------------- */
@media only screen and (max-width: 640px) {
    .member-modal .parent {
      height:100%;
    }
      .member-modal .parent .mobile-full  {
        flex-basis:100%;
        min-width:100%;
        height:auto;
      }
        .member-modal .parent .mobile-full img {
          max-height:300px;
          margin:0 auto;
        }
      .member-modal .parent .member-info-wrap {
        padding:20px !important;
        max-height: 50vh;
        overflow-y: scroll;
      }
      .member-modal .parent .icon-wrap {
        margin-top:-10px !important;
      }
      .member-modal .parent .pr-4, .member-modal .parent .member-details {
        padding-right:0px !important;
      }
    
  }
.collab-details {
  max-height:60vh;
}
/* # Footer Widgets
---------------------------------------------------------------------------------------------------- */
.footer-widgets {
  --tw-bg-opacity: 1;
  background-color: rgba(23, 38, 75, var(--tw-bg-opacity));
  clear: both;
  padding-top: 4rem;
  padding-bottom: 4rem;
  position: relative;
}
.footer-widgets:before {
  content: "";
  height: 4px;
  width: 85%;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  --tw-bg-opacity: 1;
  background-color: rgba(247, 195, 32, var(--tw-bg-opacity));
}
.footer-widgets-1,
.footer-widgets-2 {
  font-size: 12px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.67;
  letter-spacing: normal;
}
.footer-widgets-1 {
  float: left;
}
.footer-widgets-1 .widget {
    margin-bottom: 30px
  }
.footer-widgets-1 .custom-html-widget {

    color: #7a90c2;
  }
.footer-widgets-2 {
  float: right;
  padding-top: 80px;
}
.footer-widgets-2 li {
    display: inline;
    margin-right: 30px;
  }
.footer-widgets-2 li a {
      color: #7a90c2;
      text-transform: uppercase
    }
.footer-widgets-2 li a:hover {
      color: #fff;
    }
/* # Plugins
---------------------------------------------------------------------------------------------------- */
/* ## Genesis eNews Extended
--------------------------------------------- */
.sidebar .enews-widget,
.sidebar .enews-widget .widget-title {
  color: #fff;
}
.sidebar .widget.enews-widget {
  background-color: #333;
}
.sidebar .enews-widget input,
.sidebar .enews-widget input:focus {
  border: 1px solid #333;
}
.sidebar .enews-widget input[type="submit"] {

  color: #fff;
}
.sidebar .enews-widget input:hover[type="submit"],
.sidebar .enews-widget input:focus[type="submit"] {
  background-color: #fff;
  color: #333;
}
.enews-widget input {
  font-size: 16px;
  font-size: 1.6rem;
  margin-bottom: 16px;
}
.enews-widget input[type="submit"] {
  margin: 0;
  width: 100%;
}
.enews form + p {
  margin-top: 24px;
}
/* ## Jetpack
--------------------------------------------- */
#wpstats {
  display: none;
}
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
    outline: none;
  }
.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
  }
.slick-slider .slick-track,
.slick-slider .slick-list {
  transform: translate3d(0, 0, 0);
}
.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before,
  .slick-track:after {
    content: "";
    display: table;
  }
.slick-track:after {
    clear: both;
  }
.slick-loading .slick-track {
    visibility: hidden;
  }
.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
}
[dir="rtl"] .slick-slide {
    float: right;
  }
.slick-slide img {
    display: block;
  }
.slick-slide.slick-loading img {
    display: none;
  }
.slick-slide {

  display: none;
}
.slick-slide.dragging img {
    pointer-events: none;
  }
.slick-initialized .slick-slide {
    display: block;
  }
.slick-loading .slick-slide {
    visibility: hidden;
  }
.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
  }
.slick-arrow.slick-hidden {
  display: none;
}
/* # Sidebars
---------------------------------------------------------------------------------------------------- */
.sidebar {
  font-size: 16px;
  font-size: 1.6rem;
}
.sidebar .widget {
  background-color: #fff;
  padding: 40px;
}
/*@import "structure-layout/all.pcss";*/
/* # Media Queries
---------------------------------------------------------------------------------------------------- */
@media only screen and (max-width: 1500px) {

  .genesis-nav-menu .no-padding .sub-menu {
    right: 3%
  }

  .spacer_260 {
    height: 120px
  }
  .footer_img {
    right: -7%;
  }

  /* ## Testimonials
  --------------------------------------------- */
  .p_story2 {
    position: absolute;
    max-width: 555px;
    top: 120px;
    right: -2%
  }

  /* ## About Page Section1
  --------------------------------------------- */

    .abouts1 img {
      max-width: 500px
    }

  /* ## Technology Page Section3
--------------------------------------------- */

  .tech_s3_contents {
    float: right;
    max-width: 60%;

  }

  /* ## Technology Next Gen Page Section1
--------------------------------------------- */

    .ng_s1 img, .ng_s2 img {
      max-width: 400px;
      float: left;
      margin: 0 5% 0 -5%;
    }


    .ng_s2 img {
      max-width: 400px;
      float: right;
      margin: 0 0% 0 0;
    }

  /* ## Technology Manufacturing Page Section2
--------------------------------------------- */
  .tooltip1 .tooltiptext {
    bottom: auto;
    left: 105%;
    top: -5px;
    margin-left: -0; /* Use half of the width (120/2 = 60), to center the tooltip */

  }

  .tooltip1 .tooltiptext::after {
    content: " ";
    position: absolute;
    top: 15%;
    left: auto;
    bottom: auto;
    right: 100%; /* To the left of the tooltip */
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent black transparent transparent;
  }

  .tooltip5 .tooltiptext {
    bottom: auto;
    right: 105%;
    left: auto;
    top: -5px;
    margin-left: -0; /* Use half of the width (120/2 = 60), to center the tooltip */

  }

  .tooltip5 .tooltiptext::after {
    content: " ";
    position: absolute;
    top: 15%;
    left: 100%;
    bottom: auto;
    right: 100%; /* To the left of the tooltip */
    margin-top: -5px;
    margin-left: 0px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent transparent black;
  }


  .tooltip1 {
    top: 200px;
    left: 5%;

  }
  .tooltip2 {
    top: 0;
    left: 25%;

  }
  .tooltip3 {
    top: 258px;
    left: 45%;

  }
  .tooltip4 {
    top: 47px;
    left: auto;
    right: 30%

  }
  .tooltip5 {
    top: 47px;
    left: auto;
    right: 12%
  }

  /* ## Pipeline Page Section3
--------------------------------------------- */


    .section_right_align .stats {

      width: 32%;
      margin-right: 2%
    }

  /* ## Multiple Sclerosis Programs Section2
--------------------------------------------- */
  .ms_s3_lft {
    float: left;
    max-width: 47%;
  }
  .ms_s3_rht {
    float: right;
    max-width: 47%;
  }

  /* ## Pipeline cart Section3a
  --------------------------------------------- */

    .pcart_s3a .stats {
      text-align: left;
      width: 20%;
      margin-right: 30px;

    }

  /* ## Pipeline Other Programs Section5
  --------------------------------------------- */
    .section_right_align.op_s5 .stats, .section_right_align.op_s6 .stats {
      width: auto;
      margin-right: 60px;

    }

    .section_right_align.op_s5 .stats:last-child, .section_right_align.op_s6 .stats:last-child {
      margin-right: 0;

    }


  /* ## Clinical trial Post Section4
--------------------------------------------- */

        .ct_s4 .tabcontent_wrap .tooltip.tooltip_left .tooltiptext {
          top: -145px;
          right: 105%;
          margin-right: 10px
        }

        .ct_s4 .tabcontent_wrap .tooltip.tooltip_left .tooltiptext::after {

          margin-top: -5px;
          top: 50%;
          left: 101%;
          right: auto;
          bottom: auto;
          border-width: 5px;
          border-style: solid;
          border-color: transparent transparent transparent black;
        }

      .ct_s4 .tabcontent_wrap .info_icon {
        color: $bright-light-blue;

      }


  /* ##Tech ops About
--------------------------------------------- */
      .about_tech .image-container.bottom img {

        margin: -5% 0 0 0
      }


}
@media only screen and (max-width: 1280px) {

  .genesis-nav-menu a {
    text-align:center;
  }
  
  .wrap {
    padding: 0 15px
  }

  .content-sidebar-sidebar .content-sidebar-wrap,
  .sidebar-content-sidebar .content-sidebar-wrap,
  .sidebar-sidebar-content .content-sidebar-wrap {
    width: 740px;
  }

  .content,
  .site-header .widget-area {
    width: 695px;
  }

  @media only screen and (min-width: 1024px) {
    .careers .genesis-nav-menu span {
      font-size: 14px;
    }
  }
  .sidebar-content-sidebar .content,
  .sidebar-sidebar-content .content,
  .content-sidebar-sidebar .content {
    width: 400px;
  }


  .sidebar-primary,
  .title-area {
    width: 299px;
  }

  .footer-widgets-1 {
    margin-right: 30px;
  }

  /* # Site Navigation
---------------------------------------------------------------------------------------------------- */

  .genesis-nav-menu a {
    margin-right: 20px;
  }


  .footer_img {
    right: -15%;
  }
  /* ## Home Section2
--------------------------------------------- */


  /* ## Testimonials
--------------------------------------------- */
    .patient_stories .wrap {
      padding: 110px 5% 0 5%;
    }

  .p_story {
    max-width: 50%
  }
  .p_story2 {
    position: absolute;
    max-width: 40% !important;
    top: 120px;
    right: 0 !important
  }

  /* ## About Page Section2
--------------------------------------------- */

  .box2 {
    background: $iris;

  }


  /* ## Technology Next Gen Page Section1
--------------------------------------------- */

    .ng_s1 img, .ng_s2 img {
      max-width: 350px;
      float: left;
      margin: 0 2% 0 -2%;
    }


    .ng_s2 img {
      max-width: 350px;
      float: right;
      margin: 0 0% 0 0;
    }


  /* ## Technology Manufacturing Page Section2
--------------------------------------------- */
  .tooltip1 {
    top: 150px;
    left: 5%;

  }

  .tooltip3 {
    top: 200px;
    left: 45%;

  }


  /* ## Technology Mechanism Page Section4
--------------------------------------------- */
    .tech_mech_s4 img {
      margin-top: 30px;
    }

  /* ## Pipeline TSection 6
--------------------------------------------- */


  /* ## Pipeline cart Section4
--------------------------------------------- */
  .cart_col {
    max-width: 32%;

  }
  .cart_col2 {
    background: $nice-blue;
    margin: 0 2%;
  }

  /* ## Pipeline Other Programs Section5
--------------------------------------------- */
    .section_right_align.op_s5 .stats, .section_right_align.op_s6 .stats {
      width: 50%;
      margin-right: 0;
      margin-bottom: 30px

    }

    .section_right_align.op_s5 .stats:last-child, .section_right_align.op_s6 .stats:last-child {
      margin-right: 0;

    }


  /* ## Careers page Section2
--------------------------------------------- */

  .life_slides {
    margin: 100px 0 0 0;
    max-width: 40%;

  }

  .life_slides2 {


    max-width: 50%;
    margin: 100px 0 0 80px;
  }

    .life_slides2 h2, .life_slides2 * {
      color: #fff
    }

    .life_slides2 .slick-dots {
      margin-left: 0;
      float: left;

    }

      .life_slides2 .slick-dots li {
        display: inline;
        margin-right: 20px
      }

      .life_slides2 .slick-dots li button {
        background-color: $nice-blue;
        border: none;
        border-radius: 50%;
        text-indent: -9999px;
        width: 12px;
        padding: 0;
        height: 12px;


      }

      .life_slides2 .slick-dots li.slick-active button {
        background: #fff
      }

  /* ##Tech ops page Banner
  --------------------------------------------- */
      .tech_masthead .wrap h1 {
        font-size: 5vw;

      }

      .tech_masthead .wrap p {

      }

  /* ##Tech ops About
--------------------------------------------- */
    .about_tech .title {
      max-width: 580px;
      margin: 0 0 0 0;

    }

      .about_tech .copy.has-readmore div {
        width: 100%;
      }
      .about_tech .image-container.bottom img {

        margin: 20% 0 0 0 !important
      }

    .about_tech .quote.white {

      width: 85%;

    }

    .about_tech .facility {
      max-width: 85%;
      margin: 50px 0 0 -0;
    }


  /* ## Patients Ms Page Section2
    --------------------------------------------- */

      .patients_ms_s2 .patients_ms_s2_col h3 {
        font-size: 44px;
      }

      .patients_ms_s2 .patients_ms_s2_col h3:after {

        margin: 20px auto;
      }

      .patients_ms_s2 .patients_ms_s2_col p {
        font-size: 18px;
        margin-bottom: 0;

      }

  /* ## Site Home2021 Section1
  --------------------------------------------- */
    .hs1n .hs1n_contents {
      width: 55%;
      padding: 10% 0 10% 5%;
      /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0e3489+0,0e3489+100&0.5+0,0.5+100 */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(to bottom, rgba(14, 52, 137, 0.5) 0%, rgba(14, 52, 137, 0.5) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#800e3489', endColorstr='#800e3489', GradientType=0); /* IE6-9 */
      -webkit-backdrop-filter: blur(30px) saturate(125%);
              backdrop-filter: blur(30px) saturate(125%);
    }


}
@media only screen and (max-width: 1200px) {

    .top_sub_menu li {

      margin-right: 15px;
    }
  .genesis-nav-menu .no-padding .sub-menu {

    right: 1%

  }

  /* ## About Page Section1
--------------------------------------------- */

    .abouts1 img {
      max-width: 300px
    }
  /* ## About Page Section2
  --------------------------------------------- */


  /* ## About Page Section3
 --------------------------------------------- */
  .abouts3 {
    padding: 164px 0;

  }

    .abouts3 .wrap {

      max-width: 1450px;
      display: flex;
      justify-content: space-between;
      align-items: center;
    }

    .abouts3 .abouts3_img {
      max-width: 270px;

    }

    .abouts3 .abouts3_contents {
      max-width: 620px;

    }

    .abouts3 .sub_heading {
      font-size: 12px;
      color: $dark-blue-grey;
      text-transform: uppercase
    }

    .abouts3 h2 {
      margin: 20px 0 30px
    }

    .abouts3 .clearfix {

      margin-top: 40px;
    }

      .abouts3 .clearfix .btn2 {
        float: right
      }

  /* ## Collaborators Page Section1
  --------------------------------------------- */
  .coll_image {
    float: left;
    max-width: 30%;
    margin-top: 140px;
  }
  .coll_details {
    float: right;
    max-width: 65%
  }

  /* ## Team Members Page Section
  --------------------------------------------- */


  .member_details {
    float: right;
    max-width: 65%;
  }


  /* ## Technology Page Section3
--------------------------------------------- */
  .tech_s3_contents {
    float: right;
    max-width: 50%;
    margin-bottom: 50px;


  }


    .tech_s3_contents h2 {
      margin: 0 0 22px 0;
    }

    .tech_s3_contents h3 {
      margin: 0 0 16px 0
    }

    .tech_s3_contents p {
      margin-left: 0
    }

    .tech_s3_contents .button-white {
      margin-top: 10px;
      margin-left: 0
    }


  /* ## Technology Next Gen Page Section1
--------------------------------------------- */

    .ng_s1 img, .ng_s2 img {
      max-width: 300px;
      float: left;
      margin: 0 5% 0 0%;
    }

    .ng_s1 .ng_s1_contents, .ng_s2 .ng_s1_contents {
      max-width: 600px;
    }


    .ng_s2 img {
      max-width: 300px;
      float: right;
      margin: 0 0% 0 0;
    }


}
@media only screen and (max-width: 1023px) {

  html {
    min-height: 100%;
    position: relative;
  }
  body {
    overflow-x: hidden
  }
  .site-inner,
  .wrap {

  }

  .content,
  .content-sidebar-sidebar .content,
  .content-sidebar-sidebar .content-sidebar-wrap,
  .footer-widgets-1,
  .footer-widgets-2,
  .footer-widgets-3,
    /*.js .genesis-nav-menu .sub-menu a,*/
  .js .genesis-nav-menu .sub-menu,
  .sidebar-content-sidebar .content,
  .sidebar-content-sidebar .content-sidebar-wrap,
  .sidebar-primary,
  .sidebar-secondary,
  .sidebar-sidebar-content .content,
  .sidebar-sidebar-content .content-sidebar-wrap {
    width: 100%;
  }

  .wrap {
    padding: 0 5%
  }

  /* # Top sub Menu
---------------------------------------------------------------------------------------------------- */
  .top_sub_menu {
    display: none
  }
  .genesis-nav-menu .current-menu-item > a:before,
  .genesis-nav-menu .current-menu-parent > a:before,
  .genesis-nav-menu .current_page_ancestor a:before,
  .genesis-nav-menu li.menu-item-has-children:hover a:before {

    display: none
  }

  /* ## Headings
 --------------------------------------------- */
  h1,
  .masthead_contents h1,
  .home .masthead_contents h1 {
    font-size: 48px;

  }

  h2 {
    font-size: 42px;

  }

  h3 {
    font-size: 28px;


  }

  .button-white, .button-blue {
    font-size: 12px;
    padding: 12px 30px;
  }.site-header, .site-header > .wrap {
  height: 5rem;
}.site-header::before, .site-header::after, .site-header > .wrap::before, .site-header > .wrap::after {
  display: none;
}
  .header-image .site-title > a {
    background-position: center top;
  }

  .genesis-nav-menu li,
  .site-header ul.genesis-nav-menu,
  .site-header .search-form {
    float: none;
  }

  .genesis-nav-menu,
  .site-description,
  .site-header .title-area,
  .site-header .search-form,
  .site-title {
    text-align: center;
  }.site-header .title-area {
  flex: 1 1 0%;
  padding: 0px;
}.site-header .title-area .site-title a {
  width: 10.5rem;
  background-position: center !important;
}

  .site-header .search-form {
    display: none;
    top: 5px;;
    right: 5%;
    position: absolute;

  }

  .genesis-nav-menu li.right {
    display: none;
  }.js nav.nav-primary, .js .site-header nav {
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  display: none;
  height: auto;
  position: absolute;
  top: 5rem;
  left: 0px;
  width: 100%;
  z-index: 9;
}

  .js .site-header nav .wrap {
    padding: 0;
  }

  .js nav.pagination {
    display: block;
  }.responsive_b_menu {
  display: none;
}.menu-toggle {
  float: right;
  display: block;
  --tw-text-opacity: 1;
  color: rgba(247, 195, 32, var(--tw-text-opacity));
  visibility: visible;
  width: auto;
}body .dashicons-menu::before {
  display: none;
}.dashicons-menu::after {
  display: block;
  content: url(../images/svg-icons/icon-menu.svg);
}.menu-toggle.nav-header.dashicons-before.dashicons-menu.activated::before {
  display: none;
}
  .menu-toggle.nav-header.dashicons-before.dashicons-menu.activated::after {
    content: url(../images/svg-icons/icon-menu-close.svg);
  }

  .menu-toggle:hover,
  .menu-toggle:focus,
  .sub-menu-toggle:hover,
  .sub-menu-toggle:focus {
    border-width: 0;
  }


  .menu-toggle:before,
  .menu-toggle.activated:before {
    margin-right: 10px;
    text-rendering: auto;
    transform: translate(0, 0);
  }.sub-menu-toggle {
  display: none;
}

  .sub-menu-toggle:before {
    display: inline-block;
    text-rendering: auto;
    transform: translate(0, 0);
  }
  .sub-menu-toggle.activated {
    background: url(https://www.atarabio.com/wp-content/themes/atara2022/dist/images/arrow-up.png) no-repeat;
    background-size: contain;
    width: 22px;
    height: 15px;
  }

  .sub-menu-toggle.activated:before {
    content: "\f142";

  }
  .genesis-nav-menu .menu-item ul li {
    position: relative;
  }

    .genesis-nav-menu .menu-item ul li .sub-menu-toggle {


    }
  .js .nav-primary .genesis-nav-menu .menu-item,
  .js .site-header .genesis-nav-menu .menu-item {
    display: block;
    float: none;
    position: relative;
    text-align: left;

  }

  .js .genesis-nav-menu .menu-item:hover {
    position: relative;
  }.js .nav-primary .genesis-nav-menu .menu-item a, .js .site-header .genesis-nav-menu .menu-item a {
  display: flex;
  font-size: 1.5rem;
  line-height: 1;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0px;
  padding-bottom: 0px;
  --tw-text-opacity: 1;
  color: rgba(48, 48, 48, var(--tw-text-opacity));
  width: 100%;
}.js .nav-primary .genesis-nav-menu .menu-item a > span, .js .site-header .genesis-nav-menu .menu-item a > span {
  border-bottom-color: rgba(0, 0, 0, 0.15);
  border-bottom-width: 1px;
  display: flex;
  flex: 1 1 0%;
  padding-top: 2rem;
  padding-bottom: 2rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}.js .site-header .genesis-nav-menu .menu-item-has-children > a > span {
  justify-content: space-between;
}
    .js .site-header .genesis-nav-menu .menu-item-has-children > a > span::after {
      content: url(../images/svg-icons/icon-menu-chevron-down.svg);
    }
  .js .site-header .genesis-nav-menu .link_border a {
    margin-bottom: 0

  }
  .js .site-header .genesis-nav-menu .link_border:after {
    border-bottom: rgba(255, 255, 255, 0.50) solid 1px;
    content: " ";
    width: 87%;
    height: 1px;
    display: block;
    margin: 40px auto
  }
  .js .site-header .genesis-nav-menu .menu_linkedin,
  .js .site-header .genesis-nav-menu .menu_twitter {

    width: 36px;
    height: 36px;
    display: inline-block;
    text-indent: -99999px;
    float: left;
  }

    .js .site-header .genesis-nav-menu .menu_linkedin a, .js .site-header .genesis-nav-menu .menu_twitter a {
      display: block;
      width: 100%;
      height: 100%;
    }
  .js .site-header .genesis-nav-menu .menu_linkedin {
    background: url(https://www.atarabio.com/wp-content/themes/atara2022/dist/images/linkedin.png) no-repeat;
    background-size: 36px;
    margin-left: 64px;
    margin-right: 20px;
  }
  .js .site-header .genesis-nav-menu .menu_twitter {
    background: url(https://www.atarabio.com/wp-content/themes/atara2022/dist/images/twitter.png) no-repeat;
    background-size: 36px;
  }
    li.ptld_champions .sub-menu-toggle {
      display: none !important
    }
    #menu-item-16638 .sub-menu {
      display: none !important;
    }.js .genesis-nav-menu li.menu-item-has-children.active {
  --tw-bg-opacity: 0.12;
  background-color: rgba(247, 195, 32, var(--tw-bg-opacity));
}.js .genesis-nav-menu li.menu-item-has-children.active > a > span {
  border-width: 0px;
  font-weight: 700;
  padding-bottom: 0px;
}
      .js .genesis-nav-menu li.menu-item-has-children.active > a > span::after {
        content: url(../images/svg-icons/icon-menu-chevron-up.svg);
      }.js .genesis-nav-menu li.menu-item-has-children.active .sub-menu {
  display: flex;
}.js .nav-primary .genesis-nav-menu .menu-item ul li a, .js .site-header .genesis-nav-menu .menu-item ul li a {
  background-color: transparent;
  border-width: 0px;
}.js .nav-primary .genesis-nav-menu .menu-item ul li a > span, .js .site-header .genesis-nav-menu .menu-item ul li a > span {
  border-width: 0px;
  font-size: 1rem;
  line-height: 1.5rem;
  line-height: 1;
  padding-top: 1rem;
  padding-bottom: 1rem;
}
  .js .nav-primary .genesis-nav-menu .mobile_hide a,
  .js .site-header .genesis-nav-menu .mobile_hide a {
    padding: 0 0 0 64px;
    margin-bottom: 27px;
    font-size: 18px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.67;
    letter-spacing: normal;
  }

  .js .genesis-nav-menu .menu-item > a:focus ul.sub-menu,
  .js .genesis-nav-menu .menu-item > a:focus ul.sub-menu .sub-menu {
    left: 0;
    margin-left: 0;
  }

  .js .genesis-nav-menu > .menu-item-has-children > a:after {
    content: none;
  }.js .genesis-nav-menu .sub-menu {
  display: none;
  flex-direction: column;
  clear: both;
  margin: 0px;
  opacity: 1;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 1rem;
  padding-bottom: 2rem;
  position: static;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
  width: 100%;
}

  .js .genesis-nav-menu .current-menu-item .sub-menu,
  .js .genesis-nav-menu .current-menu-parent .sub-menu {
    display: block;
    padding-top: 1rem !important;
    padding-bottom: 2rem !important;
  }

  .js .genesis-nav-menu .sub-menu .sub-menu {
    margin: 30px 0 0 0;
  }.js nav button:hover, .js .menu-toggle:hover, .js .nav-primary {
  background-color: transparent;
}.js nav button:focus, .js .menu-toggle:focus {
  background-color: transparent;
}


  .menu-toggle.nav-header.dashicons-before.dashicons-menu.activated:before {


  }

  .footer-widgets-1 {
    margin-right: 0;
  }

  /* # Site SubHeader
---------------------------------------------------------------------------------------------------- */

  .sub_header {
    display: none
  }

  /* ## Search Form
  --------------------------------------------- */
  .widget_search {
    display: block;

  }
  .search-form {
    overflow: hidden;

  }

  .site-header .search-form {
    float: right;
    margin-top: 12px;
  }

  .entry-content .search-form,
  .site-header .search-form {
    width: 253px;
  }

  .search-form input[type="search"] {
    width: 203px;
    height: 50px;

    float: left;
    -webkit-appearance: none;
    border: solid 1px #dddddd;
    color: $charcoal-grey;
  }

  .genesis-nav-menu .search input[type="submit"],
  .widget_search input[type="submit"] {
    float: left;
    width: 50px;
    height: 50px;
    background: url(https://www.atarabio.com/wp-content/themes/atara2022/dist/images/search.jpg) center center no-repeat;
    background-size: 24px;
    border: none;
    border: solid 1px #dddddd;
    border-left: none;
  }

  /* ## Widget Area
 --------------------------------------------- */.site-header .widget-area {
  line-height: 1;
  max-width: 32rem;
}

  /* ## Site Masthead
  --------------------------------------------- */
  .masthead_large {
    min-height: auto;
    padding-bottom: 70px;
    background-position: center !important

  }
    .masthead_small .wrap {
      min-height: 260px;
      margin-top: 80px;
    }
  .masthead_contents {
    max-width: 700px;
    padding-top: 60px;


  }

    .masthead_contents h3 {

      margin: 40px 0 0 100px;
    }

    .masthead_contents .h1_contents {
      margin-top: 40px;
      margin-left: 130px;
    }

    .masthead_contents .h3_contents {
      margin-top: 20px;
      margin-left: 130px;
    }
  .masthead_arrow {
    display: none
  }
    .home .masthead_overlay {
      background: rgba(0, 0, 0, 0.5);
    }
  /* ## Site Home Section1
 --------------------------------------------- */


  .hs1 {
    padding: 97px 0 246px 0;
    background-position: 300px top !important;


  }
      .hs1 .hs1_contents .hs1_areas {
        margin-left: 75px
      }

      .hs1 .hs1_contents h3 {
        margin: 60px 0 40px 40px;
      }

      .hs1 .hs1_contents .button-white {
        margin: 60px 0 0 75px;
      }

  .hs1_areas {
    margin: 0 0 0 135px;
  }


  /* ## Testimonials
--------------------------------------------- */
  /*.patient_stories{
      .wrap
      {
         max-width: 680px;
          padding:80px 5% 0 5%;
      }
  }

  .p_story{
      max-width: 100%;
      width: 100%

  }
  .p_story2{
      position: absolute;
      max-width: 50%;
      top: auto;
      bottom: -100px;
      right: -5%
  }

  .story_text{
        font-size: 24px;
  }*/

  /* ## Testimonials
  --------------------------------------------- */
  .patient_stories_mobile {
    display: block;
    background: $cerulean;
    color: #fff;
  }

    .patient_stories_mobile .wrap {
      padding: 0
    }

    .patient_stories_mobile .button-white {
      margin-bottom: 50px;
      margin-left: 15px;

    }

  .patient_stories {
    display: none
  }

  .p_story {
    position: relative;
    width: 100%;
    max-width: 100%;
    margin-top: 0;
    padding: 30px;

  }

    .p_story .slick-dots {
      padding: 0 15px;
      position: static;

    }

  .story_text {

    padding: 0 15px;
    max-width: 100%;
    margin: 20px 0 30px;
  }

    .story_text .story_writer {


    }
  .story_image {
    float: none;
    margin-top: 0;
    width: 100%;
    max-width: 100%;
    margin-right: 0;


  }


  /* ## Home Section2
  --------------------------------------------- */
  .hs2 {
    margin-top: 150px;
    padding: 160px 0;
    position: relative;

  }

    .hs2 h2 {
      font-size: 42px
    }
    .home .hs2 {
      padding: 160px 0 0;
      margin-bottom: 0;
    }

  .hs2_img {

    top: -150px;
    left: 0;
    max-width: 194px;
  }
    .hs2 .hs2_contents {
      margin-left: 40px;

    }

      .hs2 .hs2_contents h3 {
        margin: 40px 0 0 0;
        padding-left: 25px
      }

      .hs2 .hs2_contents .button-white {
        margin: 20px 0 0 25px;
      }

      .hs2 .hs2_contents .hs2_text {
        margin: 22px 0 0 25px;
        font-size: 14px;
      }
  .footer_img {
    display: none

  }
  .latest_news {
    margin-bottom: 100px
  }
  .news_wrap1,
  .news_wrap2 {
    /* background:#af2065;
     padding:5%;
     width:49%;
     float:left;
     min-height:250px;
     position:static;*/


  }
  .news_wrap2 {
    /*background:#6d60bf;
    float:right;
    right:0 !important*/
  }


  /* ## Home Section3
  --------------------------------------------- */
  .home_section3 {
    margin: 60px 0;
    display: block;

  }

  .stock-info-row {
    width: 100%;
    margin: 0 auto;

  }
  .qm-range-row {
    width: 100% !important;
    margin: 50px 0 0 0% !important;

  }

  /* ## site footer
     --------------------------------------------- */
  .footer-widgets-2 {
    float: right;
    padding: 12px 0 43px;
  }

    .footer-widgets-2 li {
      display: inline;
      margin-right: 30px;
    }

      .footer-widgets-2 li a {
        color: #7a90c2;
        text-transform: uppercase
      }

      .footer-widgets-2 li a:hover {
        color: #fff;
      }

  /* ## About Page Section1
  --------------------------------------------- */
  .abouts1 {
    padding: 60px 0 0 0;

  }


    .abouts1 img {
      position: absolute;
      right: 0;
      top: 40px;
      right: -10%;
      max-width: 266px
    }
  .abouts1_contents {
    max-width: 85%;

  }

  /* ## About Page Section2
  --------------------------------------------- */
  .abouts2 {
    padding: 110px 0 0 0;
  }


    .abouts2 .clearfix {
      margin-top: 40px;
    }


    .about_box h5 {
      font-size: 24px
    }
  .about_box_wrap {

    grid-template-columns: repeat(2, 1fr);

  }


  /* ## About Page Section3
  --------------------------------------------- */
  .abouts3 {
    padding: 60px 0 70px;


  }

    .abouts3 .wrap {

      max-width: 1450px;
      display: block;

    }

    .abouts3 .abouts3_img {
      max-width: 30%;
      float: left

    }

    .abouts3 .abouts3_contents {
      max-width: 65%;
      float: right

    }

  /* ## Collaborators Page Section1
  --------------------------------------------- */
  .collab_s1 {
    padding: 60px 0 0 0;

  }

  .collaborator {

    padding-bottom: 60px;
    margin-bottom: 60px
  }


  .coll_image {

    margin-top: 0;
    margin-bottom: 60px
  }
  .coll_details {
    float: right;
    max-width: 100%
  }
  /* ## Team Members Page Section
--------------------------------------------- */

  .team_s1 {
    padding: 80px 0
  }

  .mng_dtls h3 {
    padding: 20px
  }

    .member .seperator {

      width: 100%;

      margin: 30px auto 60px
    }
  .member_image {

    margin: 0 0 50px;
  }
  .member_details {
    float: right;
    max-width: 100%;
  }

  .member_top {
    height: 350px;

  }


  /* ## Technology Page Section1
 --------------------------------------------- */
  .tech_s1 {
    float: right;
    padding: 60px;
    width: 95%;
    margin: -60px 0 60px;


  }

  /* ## Technology Page Section2
  --------------------------------------------- */

  .tab button {

    font-size: 16px;


  }


  .tabcontent_wrap {
    padding: 60px;
  }

    .tabcontent_wrap img {
      display: none
    }
  .tabcontent, .tabcontent_none {

    width: 100%;

  }


  /* ## Technology Page Section3
--------------------------------------------- */
  .tech_s3 {
    width: 95%;

  }

    .tech_s3 .wrap {
      margin-top: 60px;

      padding: 60px;
      color: #fff;

    }

      .tech_s3 .wrap img {
        display: none
      }

  .tech_s3_contents {
    max-width: 100% !important;
    margin-bottom: 0;


  }

    .tech_s3_contents h2 {
      margin: 0 0 30px 0;
    }

    .tech_s3_contents h3 {
      margin: 0 0 20px 40px
    }

    .tech_s3_contents p {
      margin-left: 80px
    }

    .tech_s3_contents .button-white {
      margin-top: 10px;
      margin-left: 80px
    }

  /* ## Technology Page Section4
--------------------------------------------- */
    .tech_page .hs2 {
      margin-top: 60px;
      padding: 100px 0 160px 0;
    }

  /* ## Technology Page Section6
--------------------------------------------- */

      .tech_page .abouts3 .wrap {
        padding: 0
      }

      .tech_page .abouts3 {

      float: left;
      width: 100%;
  }

      .tech_page .abouts3 h2 {
        color: $dark-blue-grey
      }

      .tech_page .abouts3 p {
        margin-bottom: 0
      }


  /* ## Technology Page Section7
--------------------------------------------- */
  .responsive_right {
    float: right !important
  }
  .responsive_left {
    float: left !important
  }

  .section7_wrap {
    padding: 0 0 0 5% !important
  }


  /* ## Technology Next Gen Page Section1
--------------------------------------------- */
  .ng_s1, .ng_s2 {
    padding: 30px 0 0 0;
  }

    .ng_s1 img, .ng_s2 img {
      max-width: 470px;
      float: none;
      margin: 0 auto 70px;
      display: block;
    }

    .ng_s1 .ng_s1_contents, .ng_s2 .ng_s1_contents {
      float: left;
      max-width: 100%;
    }

      .ng_s1 .ng_s1_contents h2, .ng_s2 .ng_s1_contents h2 {
        margin: 0 0 40px;
      }

      .ng_s1 .ng_s1_contents h4, .ng_s2 .ng_s1_contents h4 {
        margin-bottom: 30px;
        font-size: 32px;
      }

    .ng_s2 img {
      display: none
    }

    .ng_s2 img.tab_show {
      display: block
    }

  /* ## Technology Next Gen Page Section3
--------------------------------------------- */
  .ng_s3 {

    padding: 60px 0 80px 0;
    margin: -0 0 0 0;

  }

    .ng_s3 .wrap {
      overflow-x: auto !important;
    }
  .ng_s3_heading {
    margin: 70px 0 0 0;

  }

    .ng_s3_heading .wrap {
      padding: 0
    }

    .ng_s3_heading .ng_s3_heading_txt {

      max-width: 100%;
      padding: 50px 5%;
    }

  table {
    overflow: hidden;


  }

    table th, table td {
      font-size: 14px !important
    }
      table tr td:first-child, table tr th:first-child {
        position: sticky;
        left: 0;
      }
  /* ## Technology Next Gen Page Section4
--------------------------------------------- */
      .tech_ng_page .collaborator .coll_image {
        text-align: center;
        max-width: 100% !important;
        width: 100%

      }

      .tech_ng_page .collaborator .coll_details {
        border-bottom: solid 1px #ddd;
        margin-bottom: 60px;
        padding-bottom: 60px;
      }
  /* ## Technology Next Gen Page Section5
--------------------------------------------- */

    .tech_ng_page .abouts3 {
      padding: 0 0;
      margin: 88px 0;
      float: left;
      width: 100%
    }

  /* ## Technology Manufacturing Page Section1
--------------------------------------------- */
  .tech_menu_s1 {
    padding: 60px 0 0 0;
  }

  /* ## Technology Manufacturing Page Section2
--------------------------------------------- */
  .tooltips_desktop {
    display: none
  }
  .tooltips_responsive {
    display: block;
    float: left;
    width: 100%;
    padding: 0 0;

  }

    .tooltips_responsive .t_tip {
      margin-top: 40px
    }

    .tooltips_responsive strong {
      display: block
    }

  /* ## Technology Mechanism Page Section4
--------------------------------------------- */

  .tech_mech_s1 {
    padding: 70px 0 0 0;


  }


    .tech_mech_s2 p {
      margin-bottom: 0
    }

    .tech_mech_s3 .tech_menu_contents {
      margin-bottom: 50px;
    }
  .tech_mech_s4 {
    margin-top: 0;
  }

    .tech_mech_s4 img {
      margin-top: 0;
    }
  /* ## Pipeline Page Section1
--------------------------------------------- */
  .pipe_s1 {
    margin: 70px 0 0 0;
  }

    .pipe_s1 h2 {
      text-align: center
    }


  /* ## Pipeline Table Soft lue
--------------------------------------------- */
  .tbl_tab {
    display: table
  }

  .tbl_xl {
    display: none
  }

  /* ## Pipeline TSection 6
--------------------------------------------- */

    .pipe_s6 img {
      position: relative;
      width: 100%;
      margin: 70px 0 0 0;
      float: none;
      display: block;

    }

  .expandable_table_last {
    margin-bottom: 0
  }


  /* ## Pipeline TSection 7
--------------------------------------------- */
    .pipeline_page .hs2 {
      margin: 0 0 0 0;
      padding: 60px 0 70px;


    }

    .pipeline_page .abouts3 {
      padding-top: 42px;
      width: 100%;
      float: left;
    }

  /* ## Pipeline Page Section1
--------------------------------------------- */

  .ptab_s1 {
    margin: 60px 0 40px 0;
  }
  .expandable_table {
    margin-bottom: 25px;
  }

    .expandable_table h3 {
      margin: 0 0 30px;

    }

  /* ## Pipeline Page Section3
--------------------------------------------- */
  .ptab_s3 {
    margin: 0 0 35px 0;
  }

    .ptab_s3 h3 {
      margin: 0 0 15px
    }
    .section_right_align .wrap {

      max-width: 100%;
      width: 100%;
      text-align: center;

    }

      .section_right_align .wrap h2 {
        font-size: 54px
      }

    .section_right_align .stats {

      float: none;
      margin: 0 auto 57px !important;
      width: 100% !important;
    }

      .section_right_align .stats h3 {
        width: 100%
      }

    .section_right_align small {
      text-align: center;
      width: 100%;
      margin-top: 0
    }

    .section_right_align sub {
      font-size: 24px
    }


  /* ## Pipeline Page Section4
--------------------------------------------- */
  .ptab_s4, .ptab_s4b {

    padding: 85px 0 50px 0;
    margin: 0 0 0 0;
  }


    .ptab_s4 h3, .ptab_s4b h3 {
      margin-bottom: 20px;
    }

  .ptab_s4b {
    padding: 60px 0 75px 0;
    margin: 0 0 0 0;
  }


  /* ## Pipeline Page Section5
--------------------------------------------- */
  .ptab_s5 {
    margin: 70px 0 66px 0;
  }

    .ptab_s5 h3 {
      margin: 0 0 20px
    }
    .lipstick-bg small {
      text-align: left
    }

  /* ## Pipeline Footer
--------------------------------------------- */
      .pipeline_page .pipeline_footer .abouts3 {
        padding-bottom: 70px
      }

  .widget_left,
  .widget_right {
    display: block;

  }


  /* ## Multiple Sclerosis Programs Section1
  --------------------------------------------- */
  .ms_s2 {
    margin-bottom: 0
  }

  /* ## Multiple Sclerosis Programs Section2
--------------------------------------------- */
  .ms_s3_lft {

    max-width: 100%;
  }
  .ms_s3_rht {
    float: right;
    max-width: 100%;
  }

  /* ## Multiple Sclerosis Programs Section4
--------------------------------------------- */
  .ms_s4 {
    padding: 20px 0 0 0
  }


  /* ## Pipeline cart Section2
--------------------------------------------- */
  .cart_s2 {
    margin-bottom: 80px;


  }

  /* ## Pipeline cart Section3
--------------------------------------------- */
  .pcart_s3 {

    padding: 80px 0;
  }

    .pcart_s3 h3 {
      font-size: 42px;
      margin-top: 0
    }

    .pcart_s3 p:last-child {
      margin-bottom: 0
    }
  /* ## Pipeline cart Section3a
  --------------------------------------------- */
  .pcart_s3a {
    padding-bottom: 0;
    margin-bottom: 50px;
  }

    .pcart_s3a * {
      text-align: left
    }

    .pcart_s3a h3 {
      font-size: 32px;
    }

    .pcart_s3a h5 {
      margin: 0 0 10px 0
    }

    .pcart_s3a .stats {
      text-align: left;
      width: 50%;
      margin-right: 0;
      float: left


    }

    .pcart_s3a small {
      text-align: left
    }

  /* ## Pipeline cart Section4
--------------------------------------------- */
  .pcart_s4 {
    padding-bottom: 70px
  }


  .cart_col {
    max-width: 49%;
    width: 50%;
    margin-bottom: 15px

  }

  .cart_col2 {
    float: right;
    margin: 0 0 15px;
  }
  .cart_col3 {
    clear: both
  }


  /* ## Pipeline Other Programs Section3
--------------------------------------------- */
  .ptab_s4.op_s3,
  .op_s4 {
    padding: 80px 0 0 0;

  }
    .op_s3a .wrap {

      padding: 60px 5% 60px;
    }


  /* ## Pipeline Other Programs Section5
--------------------------------------------- */
    .section_right_align.op_s5 *, .section_right_align.op_s6 * {
      text-align: left
    }

    .section_right_align.op_s5 .wrap, .section_right_align.op_s6 .wrap {
      margin-bottom: 0;
      padding-bottom: 30px
    }

    .section_right_align.op_s5 h3, .section_right_align.op_s6 h3 {
      margin: 0 0 50px 0
    }

    .section_right_align.op_s5 .stats, .section_right_align.op_s6 .stats {
      width: 50%;
      margin-right: 0;
      margin-bottom: 30px !important;
      float: left;
    }

      .section_right_align.op_s5 .stats h5, .section_right_align.op_s6 .stats h5 {
        margin: 0 0 10px
      }
  /* ## Clinical trials page posts
  --------------------------------------------- */
  .ct_post_wrap {
    padding: 60px 0;
  }

  /* ## Clinical trials Section1
 --------------------------------------------- */
  .clinical_wrap {
    display: block
  }


  .clinical_s1,
  .clinical_s2 {
    display: block;
    width: 100%;
    padding: 60px;
  }

    .clinical_s1 .clearfix, .clinical_s2 .clearfix {
      float: none
    }

  /* ## Clinical trials Section3
--------------------------------------------- */
    .clinical_s3 .wrap {

      padding: 30px 0
    }


  /* ## Clinical trial Masthead
 --------------------------------------------- */
    .single-clinical-trials .masthead_contents {
      padding: 60px 0
    }

  /* ## Clinical trial Post CTA Bar
--------------------------------------------- */

  .cta_bar .wrap,
  .site-inner .wrap {
    padding-left: 0;
    padding-right: 0
  }

    .cta_bar .wrap {

      padding: 30px 0;
      display: block;
      text-align: center;
    }

      .cta_bar .wrap span {
        display: block
      }

      .cta_bar .wrap a {
        margin-top: 20px
      }

  /* ## Clinical trial Post Section1
 --------------------------------------------- */
  .ct_s1 {
    margin: 60px 0 0 0;
  }

  /* ## Clinical trial Post Section2
  --------------------------------------------- */


    .ct_s2 .wrap {
      position: relative;
      z-index: 1;
      padding: 60px 0;
      margin-top: 60px
    }

    .ct_s2 h3, .ct_s2 * {
      color: #fff
    }

    .ct_s2 h3 {
      margin-bottom: 16px;
    }

    .ct_s2 h4 {
      color: $cerulean;
      margin-bottom: 16px
    }

  /* ## Clinical trial Post Section3
--------------------------------------------- */
  .ct_s3 {
    margin: 60px 0 60px;
  }

  .ct_s3a {

    margin: 0 auto 0;

  }


  /* ## Clinical trial Post Section5
  --------------------------------------------- */
  .ct_s5 {
    padding: 60px 0;

  }

    .ct_s5 .wrap {
      margin-bottom: 0
    }

    .ct_s5 article {
      display: block;
      font-size: 14px
    }

    .ct_s5 .ct_s5_location {
      float: left;
      width: 100%
    }

    .ct_s5 .trial_status {
      float: left;
      margin-top: 15px
    }


    .ct_s5 .wpgmp_map_container {
      display: none !important
    }


  /* ## Clinical trial Post Section6
 --------------------------------------------- */
  .ct_s6 {

    padding: 60px 0;
  }


    .ct_s6 .clearfix {
      margin-top: 40px;
    }

      .ct_s6 .clearfix a {
        float: left;
        clear: both
      }

      .ct_s6 .clearfix a:first-child {
        margin-bottom: 25px
      }


  /* ## Clinical trial Post Section7
--------------------------------------------- */
  .ct_s7 {

    padding: 60px 0;

  }

  /* ## Clinical trial Post Section8
--------------------------------------------- */
  .ct_s8 {
    padding: 60px 0;


  }

    .ct_s8 .accordion {
      font-size: 20px
    }

    .ct_s8 .accordion.active {
      font-size: 24px
    }

    .ct_s8 small {

      padding: 40px 0 0
    }

  /* ## Expanded Access Common
--------------------------------------------- */

    .ea_sect h3 {
      font-size: 30px
    }

  /* ## Expanded Access Section1
  --------------------------------------------- */
  .ea_s1 {
    margin: 60px 0;

  }
  /* ## Expanded Access Section2
  --------------------------------------------- */
    .ea_s2 .wrap {
      padding: 0
    }

    .ea_s2 .wrap2 {
      max-width: 100%;
      width: 100%;
      padding: 50px 60px 50px;
      margin-left: 0;

    }
  /* ## Expanded Access Section3
  --------------------------------------------- */

  .ea_s3 {
    margin: 60px 0;

  }
  /* ## Expanded Access Section3
  --------------------------------------------- */
  .ea_s4 {
    padding: 60px 0;

  }


  /* ## Patient Page section1
  --------------------------------------------- */
  .p_s1 {
    padding: 70px 0 80px 0;


  }

    .p_s1 h2 {
      margin-bottom: 25px
    }

    .p_s1 h3 {
      margin-bottom: 20px;
      margin-top: 70px
    }

  /* ## Patient Page Patient Stories
  --------------------------------------------- */
      .patients .patient_stories .wrap {
        margin-top: 0;
        padding-top: 85px;
        min-height: auto
      }

      .patients .patient_stories img {
        max-width: 300px;
        margin-top: 100px
      }


      .patients .patient_stories .story_text {
        margin-top: 0;
        max-width: 300px
      }

      .patients .patient_stories .p_story .slick-dots {
        position: static
      }

    .patients .p_story2 {
      position: absolute;
      max-width: 50%;
      top: 5%;
      bottom: auto;
      right: -5%
    }

  /* ## Patient Page Clinical trials
  --------------------------------------------- */
    .patients .abouts3 {
      padding-top: 100px;
      padding-bottom: 120px;

    }

  /* ## Patient Page Section3
  --------------------------------------------- */
  .p_s3 {
    margin-top: 100px
  }


  /* ## Medical Professional Page Clinical trials
  --------------------------------------------- */
    .patients .mp_s2 .abouts3 {
      padding-top: 25px;
      padding-bottom: 0
    }

  /* ## Careers page common Classes
  --------------------------------------------- */
    .careers h2 {
      margin: 0 0 25px 0;

    }

  /* ## Careers page Section1
  --------------------------------------------- */
  .career_s1 {
    margin: 50px 0 35px 0;
  }

    .career_s1 .wrap {
      max-width: 770px
    }

  /* ## Careers page Section2
  --------------------------------------------- */
  .atara_life {
    display: none
  }
  .atara_life_mobile {
    display: block
  }
    .atara_life .wrap, .atara_life_mobile .wrap {

      padding: 70px 5% 40px
    }


  .life_slides {
    margin: 0 0 75px 0;
    max-width: 100%;
    width: 100%;

  }

    .life_slides img {
      margin: auto;
      float: none
    }

  .life_slides2 {

    max-width: 100%;
    margin: 0 0 0 0;
  }

    .life_slides2 .slick-dots {

      text-align: center;
      width: 100%;

    }


      .life_slides2 .slick-dots li {
        display: inline-block;

      }

  /* ## Careers page Section3
--------------------------------------------- */
  .career_s3 {
    margin: 60px 0 20px 0;

  }

  /* ## Careers page Section4
--------------------------------------------- */
    .career_s4 .wrap {
      padding: 0
    }

    .career_s4 .wrap2 {
      max-width: 100%;
      width: 100%;
      background: $soft-blue;
      padding: 60px 5% 60px 5%;
      margin-left: 0;

      color: #fff

    }

    .career_s4 h4 {
      margin: 0 0 16px
    }
  /* ## Patient stories
--------------------------------------------- */

      .single-patient-stories .p_s1 .blockquot {
        font-size: 28px;

      }
  .bio_image {
    height: 400px;

  }


  /* ## Careers page Section5
--------------------------------------------- */
  .career_s5 {
    margin: 60px 0;

  }

  /* ## Default Page
--------------------------------------------- */
  .post_contents {
    padding: 60px 0;

  }

  /* ## Contact page Section1
 --------------------------------------------- */

    .location .col_left {
      width: 100%;
      max-width: 100%
    }

    .location .col_right {
      width: 100%;
      max-width: 100%
    }
    .more_locations:last-child .wrap {
      border: none !important;
      padding-bottom: 0;
      margin-bottom: 60px;
    }


  /* ## Contact page contact form
--------------------------------------------- */

  body .contact_form {

    padding: 0 0 60px 0;

  }

    body .contact_form #field_1_1,
    body .contact_form #field_1_2,
    body .contact_form #field_1_3 {
      width: 100%;

    }


  /* ##Tech ops page Common
  --------------------------------------------- */
  .font-55 {
    line-height: 1.2;
    font-size: 36px;;
  }

  /* ##Tech ops page Banner
  --------------------------------------------- */
      .tech_masthead .wrap h1 {

        font-size: 5vw;
      }

      .tech_masthead .wrap p {
        width: 70%;
      }

  /* ##Tech ops page Navigation in Banner
  --------------------------------------------- */

  .nav_tech_ops {
    padding: 10px 0 0 0;
  }
      .nav_tech_ops .page-nav li {
        margin-bottom: 10px;;
      }

  /* ##Tech ops About
--------------------------------------------- */
  .about_tech {
    padding: 0 5%;

  }

    .about_tech .content {

      grid-template-columns:50% 50%;
      justify-content: flex-end;
    }

    .about_tech .title {

      margin: 0 0 0 -0;
      display: flex;
      flex-direction: column;
      justify-content: center;

    }

    .about_tech .copy.has-readmore {

      justify-content: start;
    }

      .about_tech .copy.has-readmore div {
        width: 100%;
      }
      .about_tech .image-container.bottom img {

        float: right;
        margin: 0% 0 0 0 !important
      }

    .about_tech .quote.white {

      width: 85%;
      font-size: 14px;

    }

    .about_tech .statistic {

      margin: 10% 0 0 0;
      padding: 0 5%;
    }

      .about_tech .statistic .stats_text {
        font-size: 16px;
        width: 100%;


      }

    .about_tech .facility {
      max-width: 100%;
      margin: 0 0 0 0;
    }


  /* ##Tech ops Culture
  --------------------------------------------- */

  .culture {
    padding: 0 5%;
  }

    .culture .content {
      padding: 60px 0 0 0;
    }

    .culture .image-container {
      display: none;
    }
  .culture_wrap {
    width: auto;


  }


    .culture_wrap .culture7 {

      padding: 3% 5% 0 5%;
      font-size: 14px;;

    }

  /* ##Tech ops Benefits
  --------------------------------------------- */
  .benefits_techops {

    padding: 0 5%;

  }

    .benefits_techops .container {
      padding-top: 60px;;
    }


      .benefits_techops .wrapper .tooltip_text {

        padding: 10% 5%;

        width: auto;

      }

    .benefits_techops .disclaimer {


      text-align: center;

    }


  /* ##Tech ops Locations
--------------------------------------------- */

    .locations_tech_ops article.title {
      padding: 0 5%;
      margin: 60px auto 65px;;

    }

    .locations_tech_ops .grid {
      flex-direction: column;
      min-height: 800px;;
      justify-content: center;
    }

    .locations_tech_ops .location.left,
    .locations_tech_ops .location.hover.left,
    .locations_tech_ops .location.right,
    .locations_tech_ops .location.hover.right {
      flex: 100%;
      margin: 0;
      background-position: left;
      background-size: cover;
    }

    .locations_tech_ops .location .font-55 {
      display: none;
    }

    .locations_tech_ops .location .overlay {
      opacity: 1
    }

    .locations_tech_ops .location.left .copy,
    .locations_tech_ops .location.right .copy {
      opacity: 1;
      left: 0;
      padding: 0 5%;
      max-width: 100%;
    }

  /* ##Tech ops Employees
--------------------------------------------- */
  .employees_techops {
    padding: 0 5%;
    margin-top: 60px;
  }

  /* ##Tech ops Functions Tabs
--------------------------------------------- */
  .functions_techops {
    margin-top: 60px;


  }

      .functions_techops .content .title {
        padding: 0 5%;
        margin-bottom: 30px;
      }

    .functions_techops .tab {
      margin-bottom: 40px;
      padding: 0 5%;
    }

    .functions_techops .tab button, .functions_techops .tab a {
      padding: 20px 0;
      font-size: 18px;
    }

    .functions_techops .tabcontent_wrap-techops {
      padding: 0 5%;
    }

    .functions_techops .functions_left {

      flex-basis: 50%;

    }


      .functions_techops .functions_left img {
        max-width: 100%;
        margin: 0 0 0 -20%;
      }

    .functions_techops .functions_right {
      flex-basis: 50%;
    }

    .functions_techops .quoteText {
      background: #5d75e2;
      width: 75%;
      color: #fff;
      font-size: 16px;
      font-weight: 700;
      padding: 7%;
      margin: -10% 0 0 15%;
      position: relative;
      z-index: 1;

    }

      .functions_techops .quoteText .h5 {
        margin: 0;
      }

      .functions_techops .quoteText .h6 {
        font-size: 12px;
        margin: 0
      }

      .functions_techops .quoteText:before {
        content: '“';
        display: block;
        position: absolute;
        top: -1.5rem;
        left: 1rem;
        font-size: 8.33333rem;
        color: rgba(255, 255, 255, .3);
      }

  /* ##Tech ops Callout
  --------------------------------------------- */
  .callout_wraper {
    width: 100%;
    float: left;
    margin-top: 60px;;

  }

  .callout {

    height: auto;
    padding: 50px 0;

  }

    .callout .content {
      padding-left: 5%;
      padding-right: 5%;
    }


  /* ##Search Results Callout Bottom
  --------------------------------------------- */
    .callout_search p {
      width: 100% !important;
    }


  /* ## Job Search Page search form
--------------------------------------------- */
    .search-bar form {

      width: 100%;
    }

  /* ## Job Search Page search results
  --------------------------------------------- */
  .search-content .locations {

    margin-top: -0;
  }

  .search-content .locations .location, .search-content .locations .location,
  .search-content .locations .location:nth-child(2), .search-content .locations .location:nth-child(3) {
    width: 100%;

  }

    .search-content .locations .location a h3 {

      font-size: 36px;
    }

    .search-content .locations .location a h4 {
      font-size: 20px;

    }

  /* ## Job Search Page search Sub filters
  --------------------------------------------- */


  /* ## Job Search Page search Sub filters
  --------------------------------------------- */
  .search-content .results .subfilters {
    width: 95%;

  }

  .search-content .results .subfilters .options {
    width: 75%;
    margin-right: 0;
    margin-left: 0;
    position: relative;
    align-items: flex-end
  }
  .search-content .results .subfilters .options .menu {
    max-width: 300px;
    display: flex;
    flex-flow: column nowrap;
    justify-content: unset;
    position: relative;
    height: 40px;
    border: 0;
    z-index: 5;
  }
  .search-content .results .subfilters .options .menu label {
    min-width: 70px;
    flex: 0 0 auto;
    margin: 0;
    padding: 0 20px 0 10px;
    min-height: 40px;
    display: flex;
    align-items: center;
    background: #fff;
    position: absolute;
    top: 0;
    border-radius: 0;
    width: 100%;
    pointer-events: none;
    order: 2;
    z-index: 1;
    transition: border-color .25s ease-in-out;
    box-sizing: border-box;
    overflow: hidden;
    white-space: nowrap;
    color: #17264a;
    font-size: 16px;
    letter-spacing: .25pt
  }
  .search-content .results .subfilters .options .menu:focus {
    overflow: visible
  }
  .search-content .results .subfilters .options .menu:focus label {
    position: relative;
    pointer-events: all;
    box-shadow: 2px 2px 2px rgba(10, 10, 10, .3)
  }
  .search-content .results .subfilters .options .menu input {
    opacity: 0;
    position: absolute;
    left: -99999px
  }
  .search-content .results .subfilters .options .menu input:checked + label {
    order: 1;
    z-index: 2;
    background: #fff;
    border-top: none;
    position: relative
  }
  .search-content .results .subfilters .options .menu input:checked + label:after {
    content: '';
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #17264a;
    position: absolute;
    right: .5rem;
    top: calc(50% - 4.5px);
    pointer-events: none;
    z-index: 3
  }

  /* ## Job Search Page search results Cards
  --------------------------------------------- */
  .search-content .results .list .result {
    width: 50%;
  }


  /* ## Job Search Page search results Categories
  --------------------------------------------- */
  .search-content .categories {


    justify-content: flex-start;
  }

  .search-content .categories .category {
    width: 30%;
    padding: 0 2%

  }

  /* ## Job Search Post
  --------------------------------------------- */

    .posting .container {
      padding: 60px 5%;
      flex-direction: column;
    }

    .posting #listing {

      max-width: 100%;
    }

    .posting .actions {

      max-width: 100%;
    }

  .posting .container .actions .stick {
    position: static !important;
    width: 100%;;
  }
  .spacer_menu_item {
    padding-bottom: 50px !important;;
  }
  .posting .container .actions .card-container {
    min-height: auto
  }

  .posting .container .actions .card-container .card {
    min-height: auto;
    width: 100%;
    border: 2px solid #5d75e2;
  }

  /* ## Patients Ms Page Section2
  --------------------------------------------- */
  .patients_ms_s2 {
    width: 100%;


  }

      .patients_ms_s2 .patients_ms_s2_col h3 {
        font-size: 44px;
      }

      .patients_ms_s2 .patients_ms_s2_col h3:after {

        margin: 20px auto;
      }

      .patients_ms_s2 .patients_ms_s2_col p {
        font-size: 18px;
        margin-bottom: 0;

      }
  /* ## Patients Ms Page Section3
  --------------------------------------------- */


  /* ## Patients Ms Page Section4
  --------------------------------------------- */

    .patients_ms_s4 h3 {
      margin-top: 0;
      font-size: 44px;
      color: #fff;
      margin-bottom: 0;
    }

  /* ## Patients Ms Page Section5
  --------------------------------------------- */
  .patients_ms_s5 {
    flex-direction: column;
  }

    .patients_ms_s5 .patients_ms_s4_col1 {

      flex-basis: 100%;
    }

    .patients_ms_s5 .patients_ms_s4_col2 {

      flex-basis: 100%;

    }

  /* ## Site Home2021 Section1
  --------------------------------------------- */
    .hs1n .wrap {
      display: block;
      /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0e3489+0,0e3489+100&0.5+0,0.5+100 */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(to bottom, rgba(14, 52, 137, 0.5) 0%, rgba(14, 52, 137, 0.5) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#800e3489', endColorstr='#800e3489', GradientType=0); /* IE6-9 */
    }

    .hs1n .hs1n_contents {
      width: 100%;
      padding: 10% 0 10% 0%;
      background: none;
      font-size: 18px;
      -webkit-backdrop-filter: blur(0) saturate(100%);
              backdrop-filter: blur(0) saturate(100%);
    }

  /* ## Site Home2021 Section2
  --------------------------------------------- */

    .hs2n .hs2n_section {
      width: 100%;
    }

      .hs2n .hs2n_section h3 {
        max-width: 100%;
        min-height: auto;
      }

  /* ## Site Home2021 Section3
  --------------------------------------------- */

    .hs3n .hs3n_section {
      width: 100%;
      min-height: auto;
      padding: 20px;
      margin-bottom: 20px;

    }

  /* ## Site Home2021 Section5
  --------------------------------------------- */

    .hs5n .hs5n_left {
      width: 100%;
      margin-bottom: 50px;
    }

    .hs5n .hs5n_right {
      width: 100%;
    }

  /* ## Site Home2021 Section6
  --------------------------------------------- */
  .hs5n6 {
    padding: 80px 0 80px 0;
  }
  .news_wrap_big {
    padding-left: 0;
  }

    .news_wrap_big .button-white.first {
      margin-right: 0;
    }

  .news_sml {

    width: 100%;
    margin-bottom: 40px;

  }

    .news_sml .news_wrap_small {
      border-bottom: solid 5px $golden-yellow;
      padding: 50px 0 50px 0;
      border-right: none;

    }

    .news_sml .news_wrap_small:last-child {
      border-bottom: solid 5px $golden-yellow;
      padding: 50px 0 50px 0;
    }
  .twitter_box_new {
    width: 100%;
    padding-top: 0;
  }
  /* ## Site Home2021 Section6
--------------------------------------------- */
  .t-cell-left {
    display: none;
  }
  .t-cell-right {
    display: none;
  }


  /* ## Contact page V2 Section2 */
  .contact-v2-s2 {
    padding: 60px 0;
  }

    .contact-v2-s2 .half {
      display: inline-block;
      width: 100%;
    }


  /* ## Site Masthead Type1
  --------------------------------------------- */
  .masthead_type1 {
    background: url(https://www.atarabio.com/wp-content/themes/atara2022/dist/images/Header_700x150.jpg) center center no-repeat !important;
    background-size: cover !important;
  }

    .masthead_type1 .wrap {
      height: auto;
      padding: 30px 5%;


    }

      .masthead_type1 .wrap h1 {
        font-size: 36px;
        line-height: 40px;
      }

      .masthead_type1 .wrap h1, .masthead_type1 .wrap .h1_contents {
        max-width: 100%;
        color:#f7c320;
        padding-top:20px;
      }

      .masthead_type1 .wrap .h1_contents {
        font-size: 18px;
        line-height: 22px;
      }
    #msthead-plain .wrap {
      height: auto;
    }

  /*#msthead-slanted:before{
      width: 100%;
      transform: skew(0);
  }*/

  .md-hidden {
    display: none;
  }

  .responsive-img-txt {
    display: block;
    position: relative;
    min-height: 150px;
  }

    .responsive-img-txt .heading_on_image {

      left: 5%;
      text-align: left;

    }

  /* ## Patient Page V2 Footer sections
--------------------------------------------- */
    .pv2_s2 .wrap {

      flex-direction: column;
    }

    .pv2_s2 .card {

      width: 100%;
      height: auto;
      margin-left: 0%;
    }

      .pv2_s2 .card a {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: flex-start;
        align-items: stretch;
        align-content: stretch;
      }

      .pv2_s2 .card .img_placehholder {
        width: 30%;

      }

      .pv2_s2 .card .text_placeholder {
        width: 70%;
        position: relative;
      }

    .pv2_s2 .button_wrap {

      text-align: center;
    }
    .pss_s2 .wrap {

      flex-direction: row;
    }

    .pss_s2 .card {

      width: 300px;
      height: 430px;
      margin: 50px 1.1% 0;
    }

      .pss_s2 .card a {
        display: block;

      }

      .pss_s2 .card .img_placehholder {
        width: 100%;

      }

      .pss_s2 .card .text_placeholder {
        width: 100%;
        position: static;
      }

    .pss_s2 .button_wrap {

      text-align: center;
    }


  /* ## Single Stories Strength Common
--------------------------------------------- */
    .ms_stories_masthead .wrap, .ms_stories_s1 .wrap, .ms_stories_s2 .wrap, .ms_stories_s3 .wrap, .ms_stories_btn .wrap {
      margin: 0 2%;

    }
  .ms_stories_btn {
    margin-top: 15px;
  }
  /* ## Single Stories Strength MAsthead
--------------------------------------------- */

    .ms_stories_masthead .wrap {
      display: flex;
      flex-direction: column;
      flex-wrap: nowrap;
      justify-content: center;
      align-items: flex-start;
      align-content: stretch;

    }

    .ms_stories_masthead h1 {
      margin: 15px 0;
    }

  /* ## Single Stories Strength Section1
  --------------------------------------------- */

    .ms_stories_s1 img {
      max-width: 100%;

    }


  /* ## Single Stories Strength Fixed Nav
  --------------------------------------------- */

      .patient_fixed_nav ul li {
        padding: 0 10px;

      }

      .patient_fixed_nav ul li.active_li:after {

        font-size: 100px;

        top: -78px;
        left: -5px;

      }

  /* ## Single Stories Strength Fixed Nav
  --------------------------------------------- */
  .ms_stories_s1,
  .ms_stories_s2,
  .ms_stories_s3 {
    padding-left: 7%;
    padding-right: 2%;
  }

    .full-image .wrap {
      min-height: 220px;
    }
  /* ## About EBV Page V2 section2
  --------------------------------------------- */


  /* ## About PTLD Page V2 section4
--------------------------------------------- */
  .infog {

    flex-direction: column;


  }

    .infog .infog_num_text {
      width: 100%;
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      justify-content: flex-start;
      align-items: stretch;
      align-content: stretch;
      border-bottom: 5px solid #fff;
    }

      .infog .infog_num_text strong {
        border-right: 5px solid #fff;
        border-bottom: none;
        padding: 0 30px 0;
        font-size: 44px;
      }

      .infog .infog_num_text p {
        padding: 15px 20px 10px 20px;
        font-size: 16px;
        line-height: 22px;
        z-index: 2;
        position: relative;
      }

    .infog .infog_image {
      border-left: none;
      width: 100%;
    }

      .infog .infog_image svg {
        max-height: 330px;
        width: 100%;
        margin: auto;
        display: block;
      }

      .infog .infog_image img {
        max-width: 100%;
      }

    .infog .infog_image:after {
      width: 0;
      height: 0;
      position: absolute;
      bottom: -19px;
      left: 45%;

      border-left: 35px solid transparent;
      border-right: 35px solid transparent;
      border-top: 19px solid #DBEAF7;
      content: " ";
      z-index: 2;
    }
  /* ## About MS Page V2 section4
--------------------------------------------- */


      .msv2_s4 .infog .infog_image:after {
        left: 45%;

      }
  /* ## About PTLD Page V2 section5
  --------------------------------------------- */
  .patient_resources_popup .ext-popup-btn-continue {
    margin-right: 0;
  }


  /* ## About MS Page V2 section2
  --------------------------------------------- */
    .msv2_s2 .wrap {
      text-align: center;
    }

      .msv2_s2 .wrap div {
        width: 100%;
        margin-right: 0;
        font-size: 20px;
        line-height: 27px;
      }

      .msv2_s2 .wrap a {
        margin: 20px auto 10px;
      }


  /* ## About MS Page V2 section5
--------------------------------------------- */

      .ptld_s5 .ptld_resources a, .ptld_s5.msv2_s5 .ptld_resources a {
        flex-direction: column;
      }

      .ptld_s5 .ptld_resources .ext_resource_img, .ptld_s5.msv2_s5 .ptld_resources .ext_resource_img {
        height: 70px;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: center;
        align-items: center;
        align-content: stretch;
      }

      .ptld_s5 .ptld_resources img, .ptld_s5.msv2_s5 .ptld_resources img {

        max-height: 70px;
        margin-bottom: 8px;

      }

      .ptld_s5 .ptld_resources p, .ptld_s5.msv2_s5 .ptld_resources p {
        font-size: 14px;
        line-height: 17px;
        text-align: center;
      }

      .ptld_s5 .ptld_resources .p_resource, .ptld_s5.msv2_s5 .ptld_resources .p_resource {
        width: 190px;

        padding: 10px 20px;

      }
    .ptld_s5 .ptld_resources {
      max-width: 415px;
    }


}
@media only screen and (max-width: 880px) {


  .wrap, .wrap770 {
    padding-left: 5%;
    padding-right: 5%;
  }
    .csv2_s3 .wrap770, .csv2_s2 .wrap770 {
      padding-left: 2%;
      padding-right: 2%;
    }
  .archive-description {
    padding: 60px 5%
  }

    .search-results h1 {
      font-size: 24px
    }
      .search-results article h2 {
        font-size: 20px
      }

  .author-box,
  .comment-respond,
  .entry,
  .entry-comments,
  .entry-pings,
  .sidebar .widget,
  .site-header {
    padding: 0;
  }

  .archive-pagination li a {
    margin-bottom: 4px;
  }

  .five-sixths,
  .four-sixths,
  .one-fourth,
  .one-half,
  .one-sixth,
  .one-third,
  .three-fourths,
  .three-sixths,
  .two-fourths,
  .two-sixths,
  .two-thirds {
    margin: 0;
    width: 100%;
  }

  .sidebar .widget.enews-widget {
    padding: 40px;
  }


  .site-header .widget-area {
    width: auto;
  }

  /* ## Site Home Section1
  --------------------------------------------- */


  .hs1 {
    padding: 97px 0 216px 0;
    background-position: 200px top !important
  }

  /* ## Site Home Section2
  --------------------------------------------- */
  .news_wrap {

    color: #fff;
    margin-bottom: 60px;
  }
  .latest_news {
    margin-bottom: 30px;
  }
  .news_wrap0 .button-white {
    margin-bottom: 20px

  }
  .news_wrap0 h3 {
    font-size: 16px;
  }
  .news_wrap1,
  .news_wrap2 {
    background: #af2065;
    width: 100%;
    margin-bottom: 60px;
    float: left;
    position: relative;

  }
  .news_wrap2 {
    background: #6d60bf;
    float: right;

  }
  .news_wrap1 *,
  .news_wrap2 * {
    font-size: 16px;
  }
    .home_social .one-half {
      /* min-height: auto;
       margin-bottom: 0;
       margin-top: 30px;
       padding: 15% 5% 5% 5%;
       width: 100%;*/
    }


  /* ## Home Section3
  --------------------------------------------- */
  .stock-info-column1 {
    float: left;
    width: 100%;
    margin-bottom: 30px;
  }
  .stock-info-column2 {
    float: right;
    width: 100%
  }
  .stock-section span.value {

    font-size: 18px;


  }
  .qmod-range-day .qmod-range-element,
  .qmod-range-segment.qmod-range-data {

    font-size: 14px
  }
  .qmod-range-year .qmod-range-segment.qmod-range-label .qmod-range-element {

    font-size: 14px
  }


  /* ## About Page Section2
--------------------------------------------- */

  .about_box_wrap {

    grid-template-columns: repeat(1, 1fr);

  }
  /* ## About Page Section3
--------------------------------------------- */

    .abouts3 .wrap {

      max-width: 1450px;
      display: block;
      float: left;
      padding: 60px 5% 70px 0;

    }

    .abouts3 .abouts3_img {
      max-width: 217px;
      float: left

    }

    .abouts3 .abouts3_contents {
      max-width: 68%;
      float: right

    }

  /* ## Multiple Sclerosis Programs Section2
--------------------------------------------- */
  .ms_s3 {
    margin: 80px 0 40px 0
  }


  /* ## Pipeline TSection 6
--------------------------------------------- */

  .pipe_s6 {
    margin-top: 0;

  }

    .pipe_s6 .wrap {

      grid-template-columns: repeat(1, 1fr);

    }

  /* ## Spaces
    --------------------------------------------- */
  .spacer_260 {

    height: 60px

  }

  .spacer_180 {
    height: 90px;
  }
  .spacerN_180 {
    margin-top: -90px;
  }
  .spacer_120 {
    height: 60px;
  }

  /* ## Team Members Page Section
--------------------------------------------- */

  .member_wrap {
    float: left;
    width: 100%;
    padding: 2%;
    min-height: 550px
  }
  .member_top {
    height: 70vh;
    display: block;
    width: 100%;
    margin-bottom: 30px
  }
  .tabcontent.mng_dtls {
    display: none !important;
  }

  .tablinks.active .hidden-data {
    display: block !important;
  }
    .member_mng a.active::after {
      display: none
    }

  /* ## Patients Ms Page Section1
  --------------------------------------------- */
  .patients_ms_s1 {
    margin: 60px 0 40px 0;

  }

  /* ## Patients Ms Page Section2
  --------------------------------------------- */
  .patients_ms_s2 {

    padding: 40px;
    margin-bottom: 40px;


  }

    .patients_ms_s2 .patients_ms_s2_inner {
      width: 100%;

    }


      .patients_ms_s2 .patients_ms_s2_col h3 {
        margin-top: 0;
        font-size: 34px;

      }

      .patients_ms_s2 .patients_ms_s2_col p {
        font-size: 18px;
        margin-bottom: 0;

      }
  /* ## Patients Ms Page Section3
  --------------------------------------------- */
  .patients_ms_s3 {


  }


  /* ## Contact page V2 Section1 */

  .contact-v2-s1 {
    background: url(https://www.atarabio.com/wp-content/themes/atara2022/dist/images/tcell.png) right bottom no-repeat;
    padding: 60px 0 60px 0;
  }

    .contact-v2-s1 .contact_cards_top {

      flex-direction: column;

    }

    .contact-v2-s1 .contact_cards_bottom {
      flex-direction: column;

    }

    .contact-v2-s1 .contact_card {
      width: 100%;

    }


}
@media only screen and (max-width: 700px) {

  /* ## Headings
  --------------------------------------------- */
  h1,
  .masthead_contents h1,
  .home .masthead_contents h1 {
    font-size: 36px;
  }

  h2 {
    font-size: 30px;
  }
    .ms_stories_s1 h2, .ms_stories_s2 h2, .ms_stories_s3 h2,  h2 {
      font-size: 24px;
      line-height: 30px;
    }

    .ms_stories_s1 h3, .ms_stories_s2 h3, .ms_stories_s3 h3,  h3 {
      font-size: 24px;
      line-height: 30px;
      margin-top: 10px;
    }

    .ms_stories_s1 h4, .ms_stories_s2 h4, .ms_stories_s3 h4,  h4 {
      font-size: 18px;
      line-height: 25px;
    }
  h3 {
    font-size: 24px;
  }
  h5 {
    font-size: 16px !important;
  }

  p,
  .card_text,
  .pss_s1,
  .share_story_dtl,
  .pv2_s1,
  .wrap770 {
    font-size: 14px;
    line-height: 18px;
  }
  .msv2_cols strong {
    margin-bottom: 10px;
    line-height: 1;
  }

  ul {
    font-size: 14px;
  }
  .csCards .card .button-bright-light-blue, .csCards .card .button_iris {
    padding: 12px 17px;
  }

    .csCards .card h4 {
      font-size: 20px;
      line-height: 24px;
    }
  .csCards .card .card_content {
    font-size: 14px;
    line-height: 18px;
  }
  .csCards .card .card_content {
    min-height: 140px;
  }

  .patient_resources_popup #popup-ext .popup-wrap {
    padding: 50px 15px;
  }
  .csv2_s3_notes {
    padding: 0 3%;
  }

    .csv2_s3_notes p {
      font-size: 10px;
      line-height: 13px;
      margin-bottom: 20px;

    }
  /* ## Buttons
  --------------------------------------------- */
  .button-white,
  .simple_link,
  .button_white_blue,
  .button_white_blue2,
  .button-bright-light-blue,
  .button_iris,
  body #gform_wrapper_6 .gform_footer input[type=submit],
  body .csv2_s2 .study_form .gform_footer input[type=submit],
  body .csv2_s3 .study_form .gform_footer input[type=submit],
  .btn-soft-blue,
  .btn-bright-light-blue,
  .btn_iris,
  .button-soft-blue {
    font-size: 12px;
    padding: 12px 40px;
  }
    .pv2_s1 .wrap .btn-soft-blue span {
      margin-top: -2px;
    }
  .responsive-700 {
    display: block;
  }

    .responsive-700 blockquote {
      display: inline-block;
    }
  .full-image blockquote {
    display: none;
  }
  /* ## Search Form
    --------------------------------------------- */
  .entry-content .search-form,
  .site-header .search-form {
    width: 100%;
    background: #fff;
    padding: 10px 5% 18px 5%;
    left: 0%;
    top: 68px;
    z-index: 9999

  }
  /*----------------------------Patient Pages spacing----------------- */
  .pv2_s1 {
    margin: 20px 0 0 0;
  }
  /*Please make the height of each of these white boxes 50px (she means the single line text) */
    body #gform_wrapper_6 .gform_body .gform_fields .gfield input[type=text],
    body #gform_wrapper_6 .gform_body .gform_fields .gfield select
    {
      height: 50px;
    }

    body #gform_wrapper_6 .gform_body .gform_fields .gfield input[type=text],
    body #gform_wrapper_6 .gform_body .gform_fields .gfield select,
    body #gform_wrapper_6 .gform_body .gform_fields .gfield textarea {
      font-size: 14px;
      line-height: 16px;
      padding-left: 15px;
      padding-right: 15px;
    }
  /* ## Menu top
  --------------------------------------------- */
  /* .js nav.nav-primary,*/
  /* .js .site-header nav {*/

  /*   top: 90px;*/

  /* }*/
  /* .js .nav-primary .genesis-nav-menu .menu-item a,*/
  /* .js .site-header .genesis-nav-menu .menu-item a {*/
  /*   padding: 28px 0 28px 27px;*/
  /*   font-size: 24px;*/
  /* }*/

  /* .js .nav-primary .genesis-nav-menu .menu-item ul li a,*/
  /* .js .site-header .genesis-nav-menu .menu-item ul li a {*/
  /*   padding: 24px 0 0 64px !important;*/
  /*   font-size: 14px;*/

  /* }*/
  /* .js .nav-primary .genesis-nav-menu .menu-item ul li:last-child a,*/
  /* .js .site-header .genesis-nav-menu .menu-item ul li:last-child a {*/
  /*   padding: 24px 0 24px 64px !important;*/


  /* }*/
  .js .nav-primary .genesis-nav-menu .mobile_hide a,
  .js .site-header .genesis-nav-menu .mobile_hide a {
    padding: 0 0 0 27px !important;
    font-size: 16px;

  }
  .js .site-header .genesis-nav-menu .menu_linkedin {

    margin-left: 27px;
    margin-right: 20px;
  }
  .sub-menu-toggle,
  .sub-menu-toggle.activated {

    text-indent: 0;
    background: none;
    color: #fff !important;
    width: auto;
    height: auto;

  }


    .responsive_b_menu li:first-child {
      float: left
    }

    .responsive_b_menu li:last-child {
      float: right
    }
  /* ## Site Masthead
   --------------------------------------------- */
  .masthead_large {
    min-height: 492px;
    background-position: right top !important;
    background-attachment: scroll !important

  }
    .masthead_small .wrap {
      min-height: 146px;
      padding: 50px 5%;
    }

    /*padding-bottom: 30px*/
    .masthead_small .masthead_contents {
      padding-top: 0 !important;
    }
  .masthead_contents {

    padding-top: 40px;
  }

    .masthead_contents h3 {
      margin: 20px 0 0 0;
    }

    .masthead_contents p {
      margin-left: 0;


    }

    .masthead_contents .h1_contents {
      margin-top: 20px;
      margin-left: 0;
      font-size: 14px
    }

    .masthead_contents .h3_contents {
      margin-top: 20px;
      margin-left: 0 !important;
      font-size: 14px
    }

    .masthead_contents .button-white {
      margin: 24px 0 0 0;
    }

    .masthead_contents small {
      margin-bottom: 15px
    }

  .masthead_type1 .wrap .h1_contents p {
    font-size: 18px;
    line-height: 25px;
  }
  /* ## Site Home2021 Masthead
  --------------------------------------------- */
    .home_2021 .masthead_large {
      background-position: calc(100% - 22%) top !important;
      background-attachment: fixed !important;
      background-size: cover !important;
    }

      .home_2021 .masthead_contents .h1_contents {
        margin-top: 30px;
        max-width: 100%;
        padding: 10px;

      }
  /* ## Site Home2021 Section2
  --------------------------------------------- */
  .hs2n {

    margin-top: 60px;

  }

  /* ## Paitient Stories New
--------------------------------------------- */

    .patient_stories_new .dashicons, .patient_stories_new .dashicons-before::before {
      font-size: 60px;
      bottom: -20px;
    }

    .patient_stories_new .dashicons-arrow-left-alt2 {
      left: 30%
    }

    .patient_stories_new .dashicons-arrow-right-alt2 {
      right: 30%
    }
  .story_slide_wrap {
    margin-bottom: 90px;
  }
  /* ## Site Home2021 Section5
  --------------------------------------------- */
    .hs5n .hs5n_right {
      font-size: 20px;
    }
  /* ## Site Home Section1
  --------------------------------------------- */

  .hs1 {
    padding: 50px 0 50px 0;
    background-position: 100px bottom !important;
    background-size: 120% !important;
  }

      .hs1 .hs1_contents h3 {
        margin: 20px 0 30px 0;
      }

      .hs1 .hs1_contents .button-white {
        margin: 30px 0 50px 0;
      }

  .hs1_areas {
    margin: 0 0 0 0;
    font-size: 14px

  }

  .yelborder-left {
    padding-left: 0;
    border-left: none;
    margin-left: 0 !important
  }


  /* ## Testimonials
   --------------------------------------------- */
  .patient_stories_mobile {
    display: block;
    background: $cerulean;
    color: #fff;
  }

    .patient_stories_mobile .wrap {
      padding: 0
    }

    .patient_stories_mobile .button-white {
      margin-bottom: 50px;
      margin-left: 15px;

    }

  .patient_stories {
    display: none
  }

  .p_story {
    position: relative;
    width: 100%;

  }

    .p_story .slick-dots {
      padding: 0 15px;
      position: static;

    }

  .story_text {
    font-size: 20px;
    padding: 0 15px;
    max-width: 100%;
    margin: 20px 0 30px;
  }

    .story_text .story_writer {
      font-size: 14px;

    }
  .story_image {
    float: right;
    margin-top: 0;
    width: 100%;
    max-width: 100%;
    margin-right: 0;


  }

  /* ## Home Section2
--------------------------------------------- */
  .hs2 {
    margin-top: 0;
    padding: 50px 0;
  }

    .hs2 h2 {
      font-size: 30px
    }

    .hs2 .hs2_contents {
      margin-left: 0 !important;

    }

      .hs2 .hs2_contents h3 {
        margin: 20px 0 0 0;
        padding-left: 0
      }

      .hs2 .hs2_contents .button-white {
        margin: 20px 0 0 0;
      }

      .hs2 .hs2_contents .hs2_text {
        margin: 10px 0 0 0;
      }


  .hs2_img {
    display: none
  }
    .latest_news h2 {
      margin-bottom: 0
    }
  .news_wrap {
    margin-bottom: 0
  }
  .news_wrap0,
  .news_wrap1,
  .news_wrap2 {

    width: 97% !important;
    grid-column: span 2 !important;

  }

    .news_wrap0 h3, .news_wrap1 h3, .news_wrap2 h3 {
      font-size: 16px !important
    }
  .news_wrap2 {
    margin-bottom: 60px;

  }
  .home_social {
    margin-bottom: 60px;
  }

    .home_social .wrap {
      grid-template-columns: 100%;
    }

    .home_social .one-half {
      position: relative;
    }

  /* ## About Page Section2
  --------------------------------------------- */
  .abouts2 {
    padding: 30px 0 40px 0;
  }
  .about_box {
    font-size: 14px;


  }

    .about_box h5 {
      margin: 0 0 15px;
    }

  /* ## About Page Section1
--------------------------------------------- */


    .abouts1 img {
      display: none
    }
  /* ## About Page Section3
--------------------------------------------- */


    .abouts3 .wrap {

      max-width: 1450px;
      display: block;
      float: none;
      padding: 0 5% 0 5% !important;

    }

    .abouts3 h2 {
      font-size: 24px;
    }

    .abouts3 .abouts3_img {
      display: none

    }

    .abouts3 .abouts3_contents {
      max-width: 100% !important;
      font-size: 14px;
      margin-bottom: 60px

    }

    .abouts3 .clearfix {

      margin-top: 30px;

    }

      .abouts3 .clearfix .button-blue {
        float: left;
        margin-top: 20px;
        clear: both
      }
  /* ## Collaborators Page
  --------------------------------------------- */
      .collab_page .tech_s3 .wrap {
        margin-top: 0;
        margin-bottom: 0
      }


  /* ## Collaborators Page Section1
  --------------------------------------------- */

    .collab_s1 h3 {

      margin: 0 0 20px
    }

    .collab_s1 h5 {

      margin: 0 0 10px
    }
  .collaborator {

    padding-bottom: 60px;
    margin-bottom: 60px
  }


  .coll_image {
    max-width: 100%;
    margin-top: 0;
    margin-bottom: 20px
  }
  .coll_details {
    float: right;
    max-width: 100%
  }

  /* ## Technology Page Section1
  --------------------------------------------- */
  .tech_s1 {

    padding: 40px 30px;
    width: 100%;
    margin: -0 0 40px;

  }

    .tech_s1 h3 {
      font-size: 30px
    }

    .tech_s1 .tech_s5_contents {
      font-size: 14px;
    }

      .tech_s1 .tech_s5_contents h3 {
        font-size: 20px;
      }

      .tech_s1 .tech_s5_contents h4 {
        font-size: 16px;
      }

      .tech_s1 .tech_s5_contents p {

      }

  /* ## Technology Page Section2
--------------------------------------------- */

  .tech_s2_lg {
    display: none
  }

  .tech_s2_mobile {
    display: block;
    clear: both;
  }

    .tech_s2_mobile h2 {
      margin-left: 30px
    }

    .tech_s2_mobile h3 {
      color: $dark-blue-grey
    }

    .tech_s2_mobile .wrap {
      padding: 0
    }

  .tabcontent_wrap {
    padding: 10px;
    min-height: auto
  }


  /* ## Technology Page Section3
  --------------------------------------------- */

  .tech_s3 {
    width: 100%;

  }

    .tech_s3 .wrap {
      margin: 0;
      width: 100%;
      max-width: auto;
      padding: 30px

    }

    .tech_s3_contents h2 {
      margin: 0 0 22px 0;
    }

    .tech_s3_contents h3 {
      margin: 0 0 16px 0
    }

    .tech_s3_contents p {
      margin-left: 0
    }

    .tech_s3_contents .button-white {
      margin-top: 10px;
      margin-left: 0
    }

  /* ## Technology Page Section4
--------------------------------------------- */
    .tech_page .hs2 {
      margin-top: 0;
      padding: 30px 0;

    }

      .tech_page .hs2 .hs2_contents {

      }

  /* ## Technology Page Section6
--------------------------------------------- */

      .tech_page .abouts3 .wrap {
        padding: 0 30px !important
      }

      .tech_page .abouts3 {

      padding: 0 0 60px;

      float: left;
      width: 100%;
  }

      .tech_page .abouts3 h2 {
        font-size: 20px;
      }

      .tech_page .abouts3 p {
        margin-bottom: 0
      }

  /* ## Technology Next Gen Page Section1
--------------------------------------------- */
  .ng_s1, .ng_s2 {
    padding: 20px 0 0 0;
  }

    .ng_s1 img, .ng_s2 img {
      max-width: 130px;
      margin: 0 auto 28px;
    }


      .ng_s1 .ng_s1_contents h2, .ng_s2 .ng_s1_contents h2 {
        margin: 0 0 30px;
      }

      .ng_s1 .ng_s1_contents h4, .ng_s2 .ng_s1_contents h4 {
        margin-bottom: 30px;
        font-size: 24px;
      }

    .ng_s2 img {
      display: none
    }

    .ng_s2 img.tab_show {
      display: block
    }

  /* ## Technology Mechanism Page Section4
--------------------------------------------- */

  .tech_mech_s1 {
    padding: 35px 0 0 0;


  }
  .tech_mech_s1,
  .tech_mech_s2,
  .tech_mech_s3 {
    font-size: 14px
  }

  /* ## Pipeline Table Soft lue
--------------------------------------------- */
  .tbl_tab {
    display: table;


  }
  .tbl_xl,
  .tbl_mobile {
    display: none
  }
    .expandable_table .wrap {
      padding: 0
    }


  /* ## Pipeline Page Section1
--------------------------------------------- */
  .pipe_s1 {
    margin: 40px 0 0 0;
  }

    .pipe_s1 h2 {
      text-align: center;
      margin-bottom: 20px
    }
      .pipeline_page .expandable_table h4 {
        font-size: 14px;
        padding: 12px 0;
        text-align: center
      }


  /* ## Pipeline TSection 6
--------------------------------------------- */


    .pipe_s6 img {

      margin: 20px 0 0 0;


    }


  .pipe_box1,
  .pipe_box2,
  .pipe_box3,
  .pipe_box4 {
    width: 100%;
    min-height: auto;
    margin-bottom: 10px

  }

  .pipe_box3 {

  }
  /* ## Pipeline Page Section1
--------------------------------------------- */
    .expandable_table h3 {
      margin: 0 0 40px;
      font-size: 20px;
      text-align: center
    }


  /* ## Pipeline Page Section3
--------------------------------------------- */
    .ptab_s3 h3, .ptab_s4 h3 {
      font-size: 20px;
    }

  .ptab_s3 {
    margin: 120px 0 35px 0;
  }

    .ptab_s3 h3 {
      margin: 0 0 15px
    }

    .section_right_align .wrap {
      padding: 50px 30px
    }

    .section_right_align .stats {
      width: 100%;


    }

    .section_right_align small {
      text-align: left;

    }

    .section_right_align sub {
      font-size: 24px
    }

  /* ## Pipeline Footer
--------------------------------------------- */

  .widget_left,
  .widget_right {

    padding: 60px 30px;

  }

  /* ## Pipeline cart Section1
--------------------------------------------- */
    .pipeline_cart .ptab_s1 {
      margin: 30px 0

    }

  /* ## Pipeline cart Section3
  --------------------------------------------- */
  .pcart_s3 {

    padding: 30px 0;

  }

    .pcart_s3 h3 {
      font-size: 30px;

    }


  /* ## Pipeline cart Section3a
  --------------------------------------------- */
  .pcart_s3a {
    padding-bottom: 0;
    margin-bottom: 40px;
  }


    .pcart_s3a h3 {
      font-size: 20px;
      margin-bottom: 30px;
    }

    .pcart_s3a h5 {
      font-size: 16px;
    }

    .pcart_s3a .stats {
      font-size: 14px;
      width: 100%;
      margin-bottom: 25px !important;
      padding-bottom: 0


    }

    .pcart_s3a small {
      text-align: left
    }

  /* ## Pipeline cart Section4
  --------------------------------------------- */
  .pcart_s4 {
    padding-bottom: 35px;
  }

    .pcart_s4 .wrap {
      padding: 0
    }

    .pcart_s4 h3 {
      padding: 0 5%;
      font-size: 20px;
    }

    .pcart_s4 small {
      font-size: 12px;
      padding: 0 5%;
    }

  .cart_col {
    max-width: 100%;;
    width: 100%;
    min-height: auto;
    margin-bottom: 0 !important;

  }

    .cart_col h5 {
      font-size: 20px !important;
    }

    .cart_col div {
      font-size: 14px
    }


  /* ## Pipeline Other Programs Section1
  --------------------------------------------- */
    .pipeline_op .ptab_s1 {
      margin: 30px 0 40px 0
    }
  /* ## Pipeline Other Programs Section3
  --------------------------------------------- */
  .ptab_s4.op_s3,
  .op_s4 {
    padding: 50px 0 0 0;

  }

    .ptab_s4.op_s3 h3, .ptab_s4.op_s3 h4, .op_s4 h3, .op_s4 h4 {
      font-size: 20px
    }
    .op_s3a .wrap {

      padding: 50px 5% 50px;
    }

  /* ## Pipeline Other Programs Section5
  --------------------------------------------- */

    .section_right_align.op_s5 h3, .section_right_align.op_s6 h3 {
      font-size: 20px
    }

    .section_right_align.op_s5 .stats, .section_right_align.op_s6 .stats {
      width: 100%;
      text-align: left;
      margin-right: 0;

      font-size: 14px;
    }

    .section_right_align.op_s5 .stats:last-child, .section_right_align.op_s6 .stats:last-child {
      margin-right: 0;

    }

  /* ## Clinical trials page posts
--------------------------------------------- */
  .ct_post_wrap {
    padding: 30px 0;
    font-size: 14px;

  }

    .ct_post_wrap h3 {
      font-size: 20px;
    }

  /* ## Clinical trials Section1
--------------------------------------------- */
  .clinical_wrap {
    display: block
  }
      .clinical_trials .expandable_table td, .clinical_trials .expandable_table th {
        padding: 5px
      }

  .clinical_s1,
  .clinical_s2 {
    padding: 45px 30px;
    font-size: 14px;


  }

    .clinical_s1 h3, .clinical_s2 h3 {
      font-size: 32px;
    }
      .clinical_s1 .clearfix a:first-child, .clinical_s2 .clearfix a:first-child {
        margin-bottom: 30px
      }
  /* ## Clinical trials Section3
--------------------------------------------- */
    .clinical_s3 .wrap {

      padding: 30px 5%
    }


  /* ## Clinical trial Post CTA Bar
--------------------------------------------- */
  .cta_bar .wrap,
  .site-inner .wrap {
    padding-left: 5%;
    padding-right: 5%
  }
    .cta_bar span {
      font-size: 14px;
    }

  /* ## Clinical trial Post Section1
--------------------------------------------- */
  .ct_s1 {
    margin: 50px 0 0 0;
    font-size: 14px;
  }

    .ct_s1 h2 {
      font-size: 20px
    }

  /* ## Clinical trial Post Section2
--------------------------------------------- */


    .ct_s2 .wrap {

      padding: 50px 5%;
      margin-top: 50px
    }

    .ct_s2 h3 {
      font-size: 28px;
      margin-bottom: 25px;
    }

    .ct_s2 h4 {
      font-size: 16px;
      line-height: 1.88
    }

  /* ## Clinical trial Post Section3
--------------------------------------------- */
    .ct_s3 h3 {
      font-size: 20px
    }
    .ct_s3 {

    font-size: 14px;
  }
  .ct_s3a {
    font-size: 14px
  }
  ct_s3a_col_lft {
    float: left;
    width: 100%;
  }
  .ct_s3a_col_rht {
    float: right;
    width: 100%;
  }

  /* ## Clinical trial Post Section4
--------------------------------------------- */

  .ct_s4 {
    display: none
  }

  /* ## Clinical trial Post Section4 Mobile
--------------------------------------------- */
  .ct_s4_mobile {

    display: block
  }


  /* ## Clinical trial Post Section6
--------------------------------------------- */
  .ct_s6 {

    padding: 60px 0;
    font-size: 14px;


  }

    .ct_s6 h3 {
      font-size: 32px
    }


  /* ## Clinical trial Post Section7
--------------------------------------------- */
  .ct_s7 {
    font-size: 14px;
    padding: 60px 0;
  }

    .ct_s7 h3 {
      font-size: 20px;
    }

  /* ## Clinical trial Post Section8
--------------------------------------------- */
  .ct_s8 {
    padding: 60px 0;
  }

    .ct_s8 .wrap {
      padding: 0
    }

    .ct_s8 h3 {
      font-size: 24px;
      padding: 0 5%
    }

    .ct_s8 .faq_accordion {

      margin-bottom: 5px;
      padding: 35px 80px;
      position: relative
    }

    .ct_s8 .faq_accordion:last-child {

      margin-bottom: 0;

    }

    .ct_s8 .accordion,
    .ct_s8 .accordion.active {

      font-size: 16px;
      text-align: left

    }

    .ct_s8 .accordion:before {

      margin-top: -15px;

    }

    .ct_s8 .accordion.active:before {

      margin-top: -20px;

    }

    .ct_s8 .panel {
      font-size: 14px;

    }

    .ct_s8 small {
      display: block;
      padding: 30px 5% 0
    }


  /* ## Expanded Access Section1
  --------------------------------------------- */
  .ea_s1 {
    margin: 30px 0;

  }
  /* ## Expanded Access Section2
  --------------------------------------------- */
    .ea_s2 h3 {
      font-size: 20px
    }

    .ea_s2 .wrap2 {

      padding: 50px 30px;


    }
  /* ## Expanded Access Section3
  --------------------------------------------- */

  .ea_s3 {
    margin: 30px 0;
  }

    .ea_s3 h3 {
      font-size: 20px
    }
  /* ## Expanded Access Section3
  --------------------------------------------- */
  .ea_s4 {
    padding: 30px 0;
  }

    .ea_s4 h3 {
      font-size: 20px
    }

  /* ## Patient Page section1
--------------------------------------------- */
  .p_s1 {
    padding: 55px 0 80px 0;


  }

    .p_s1 h2 {
      margin-bottom: 25px
    }

    .p_s1 h3 {
      font-size: 20px;
      margin-bottom: 20px;
      margin-top: 60px
    }

  /* ## Patient Page Patient Stories
--------------------------------------------- */

    .patients .patient_stories_mobile .wrap {
      padding-bottom: 50px;
    }

      .patients .story_text h2 {
        color: #fff;
        margin: 20px 0 20px
      }

  /* ## Patient Page Clinical trials
--------------------------------------------- */
    .patients .abouts3 {
      padding-top: 60px;
      padding-bottom: 0;

    }

  /* ## Patient Page Section3
  --------------------------------------------- */
  .p_s3 {
    margin-top: 60px;
    font-size: 14px;
  }

    .p_s3 h3 {
      font-size: 32px;
    }

  /* ## Medical Professional Page Clinical trials
  --------------------------------------------- */
    .patients .mp_s2 .abouts3 {
      padding-top: 0;
      padding-bottom: 0
    }

  /* ## Careers page common Classes
 --------------------------------------------- */
    .careers h2 {
      margin: 0 0 40px 0;

    }

  /* ## Careers page Section1
  --------------------------------------------- */
  .career_s1 {
    margin: 35px 0 15px 0;
  }

    .career_s1 .wrap {
      max-width: 770px
    }

  /* ## Careers page Section2
  --------------------------------------------- */
  .atara_life {
    display: none
  }
  .atara_life_mobile {
    display: block
  }
    .atara_life .wrap, .atara_life_mobile .wrap {

      padding: 35px 5% 30px
    }


  .life_slides {
    margin: 0 0 35px 0;
    max-width: 100%;
    width: 100%;

  }

    .life_slides img {
      margin: auto;
      float: none
    }

  .life_slides2 {

    max-width: 100%;
    margin: 0 0 0 0;
  }

    .life_slides2 .slick-dots {
      margin-top: 60px;

    }

  /* ## Careers page Section3
--------------------------------------------- */
  .career_s3 {
    margin: 0 0 20px 0;
    display: inline-block;
  }

    .career_s3 h3 {
      font-size: 20px;
    }

  /* ## Careers page Section4
--------------------------------------------- */
    .career_s4 .wrap {
      padding: 0
    }

    .career_s4 .wrap2 {
      max-width: 100%;
      width: 100%;
      background: $soft-blue;
      padding: 60px 5% 60px 5%;
      margin-left: 0;

      color: #fff

    }

    .career_s4 h4 {
      margin: 0 0 16px
    }

  /* ## Careers page Section5
--------------------------------------------- */
  .career_s5 {
    margin: 35px 0;

  }

  /* ## Default Page
--------------------------------------------- */
  .post_contents {
    padding: 35px 0;

  }

  /* ## Contact page Section1
--------------------------------------------- */
    .location .wrap {


      padding-bottom: 40px;
      margin-bottom: 40px;
    }

    .location .col_left {
      margin-bottom: 30px
    }
    .more_locations:last-child .wrap {
      border: none !important;
      padding-bottom: 0;
      margin-bottom: 30px;
    }


  /* ## Contact page contact form
--------------------------------------------- */

  body .contact_form {

    padding: 0 0 60px 0;

  }

    body .contact_form #field_1_1,
    body .contact_form #field_1_2,
    body .contact_form #field_1_3 {
      width: 100%;

    }


  /* ## Publications Page
--------------------------------------------- */

      .publications .tech_s2_mobile h6 {
        margin-bottom: 10px !important
      }

  /* ## Patient stories Page
--------------------------------------------- */
  .ps_section1 {
    padding: 60px 0 0 0;

  }


  /* ## footer
--------------------------------------------- */
    .footer-widgets-1 p {
      font-size: 12px;
    }


    .footer-widgets-2 li {
      width: 100%;
      display: block;
      margin-bottom: 10px;
      font-size: 12px;
    }


  /* ## Team Members Page Section
  --------------------------------------------- */
    .mng_dtls img, .mng_dtls h3 {
      display: none;
    }


  /* ##Tech ops page Banner
--------------------------------------------- */


    .tech_masthead .mobile_overlay {
      position: absolute;
      z-index: 0;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: linear-gradient(to top, #0a0a0a, #17264a 50%, transparent);
      z-index: 1;
    }

      .tech_masthead .background .video {

        width: 100%;
        height: 61%;
        top: 0%;
        left: 50%;
        transform: translate(-50%, -15%);
      }

      .tech_masthead .wrap .sliderContentWrap {
        padding: 20% 0 0 0;;
      }

      .tech_masthead .wrap h1 {

        font-size: 6vw;
      }

      .tech_masthead .wrap p {
        width: 100%;
      }


  /* ##Tech ops About
--------------------------------------------- */
    .about_tech .content {

      grid-template-columns:100%;
      justify-content: start;
    }

    .about_tech .image-container.top {
      margin-bottom: 25px;
    }

      .about_tech .image-container.top img {
        max-width: 100%;
      }

    .about_tech .image-container.bottom {
      margin-top: 10%;
    }

      .about_tech .image-container.bottom img {
        max-width: 100%;
      }

    .about_tech .copy.has-readmore {
      font-size: 14px;
      margin: 25px 0 0 0;

    }

  /* ##Tech ops Culture
      --------------------------------------------- */


  .culture_wrap {

    flex-direction: column;


  }

    .culture_wrap .culture1,
    .culture_wrap .culture2,
    .culture_wrap .culture3,
    .culture_wrap .culture4,
    .culture_wrap .culture5,
    .culture_wrap .culture6
    .culture7,
    .culture_wrap .culture8 {
      flex-basis: auto;
    }

    .culture_wrap .culture7 {

      height: auto;

    }

      .culture_wrap .culture7 div {
        height: auto;
      }


  /* ##Tech ops Benefits
      --------------------------------------------- */
  .item-lg {
    display: none;

  }
  .item-xs {

  }

    .benefits_techops .wrapper {

      flex-direction: column;
      justify-content: start;
    }

      .benefits_techops .wrapper figure {
        margin: 0 20px;
      }
        .benefits_techops .wrapper figure:hover .item-lg, .benefits_techops .wrapper figure:focus .item-lg {
          display: block;
          margin-bottom: 20px;

        }

      .benefits_techops .wrapper .tooltip_text {

        padding: 10% 5%;
        position: relative;
        width: auto;

      }

    .benefits_techops #selectorDestination {
      background: #5D75E2;
      padding: 5%;
      color: #fff;
      width: 100%;
      font-size: 14px;
    }

  /* ##Tech ops Locations
  --------------------------------------------- */

    .locations_tech_ops .grid {

      min-height: 310px;

    }

    .locations_tech_ops .location .button-modal {
      position: static;
      display: block;
      visibility: visible;
      padding: 5%;
    }

    .locations_tech_ops .location {
      justify-content: center;
      display: flex;
      flex-direction: column;
    }

    .locations_tech_ops .reveal {
      display: none;
    }

    .locations_tech_ops .location .font-55 {
      position: relative;
      color: #fff;
      padding: 0 5%;;
      display: block;
      margin: 0 0 0 0;
      opacity: 1 !important;
      white-space: normal;
      font-size: 24px;
      z-index: 1;
      top: 0 !important;
      right: 0 !important;
      left: 0 !important;
    }

    .locations_tech_ops .location.left .copy,
    .locations_tech_ops .location.right .copy {
      display: none;
    }


  /* ##Tech ops Employees
--------------------------------------------- */
  .employees_techops {
    padding: 0 5%;
  }

    .employees_techops .controls {
      margin: 30px 0 0 0;

    }

      .employees_techops .controls button {
        background-color: #f6c437;;
        color: #fff;
        margin-right: 15px;
        border-radius: 50%;
        width: 30px;
        height: 30px;
        border: none
      }

      .employees_techops .controls button.slick-disabled {
        background-color: #ccc;;
      }


    .emp-slider .employee {
      padding-right: 0;
    }

      .emp-slider .employee .image {
        position: relative;
        width: 100%;
      }

    .emp-slider img {
      max-height: auto;
      margin-bottom: 20px;;
    }

  /* ##Tech ops Functions Tabs
--------------------------------------------- */
  .tab_xs {
    display: inline-block;
  }
  .tabs_lg {
    display: none;
  }

  .functions_techops {
    margin-top: 50px;


  }

    .functions_techops .tab {
      background: none;
      margin-bottom: 30px;
      display: block;
    }

    .functions_techops .tab button, .functions_techops .tab a {
      background-color: #142140;;
      margin-right: 20px;
      border-bottom: none;
      padding: 0;
      width: 30px;
      height: 30px;
      border-radius: 50%;
      color: #fff;
      font-weight: normal;
    }

    .functions_techops .tab button:hover, .functions_techops .tab a:hover, .functions_techops .tab button.active, .functions_techops .tab a.active {
      border-bottom: none;
      background-color: #f6c437;;
    }

    .functions_techops .tabcontent_stuff {
      flex-direction: column;
    }

    .functions_techops .functions_left {

      width: 100%;

    }

      .functions_techops .functions_left img {
        max-width: 100%;
        margin: 0 0 0 -0%;
      }

    .functions_techops .functions_right {
      width: 100%;
    }

    .functions_techops .quoteText {
      background: #5d75e2;
      width: 100%;
      margin: -10% 0 30px 0%;
    }

  /* ## Job Search Page search form
--------------------------------------------- */
    .search-bar .search-bar-wrap {

      padding: 0 10%

    }

    .search-bar form {
      flex-direction: column-reverse;
      position: relative;

    }

      .search-bar form .keyword {
        margin-bottom: 20px;
      }

      .search-bar form .button-container {
        position: absolute;
        margin: -27px 0 0 0;
        right: 5%;
      }


  /* ## Job Search Page search results Cards
--------------------------------------------- */
  .search-content .results .list .result {
    width: 100%;
  }

  /* ## Job Search Page search results Categories
  --------------------------------------------- */

  .search-content .categories .category {
    width: 100%;
    padding: 0 0%

  }

  /* ## Patients Ms Page Section2
  --------------------------------------------- */


    .patients_ms_s2 .patients_ms_s2_col {
      margin-bottom: 50px;
      width: 100% !important;
    }
        .patients_ms_s2 .patients_ms_s2_col h3 span {
          font-size: 18px;
        }

    .patients_ms_s2 .patients_ms_s2_col:nth-of-type(2) {
      margin-bottom: 0;
    }

  /* ## Patients Ms Page Section4
  --------------------------------------------- */
  .patients_ms_s4 {
    padding: 30px 5%;
  }

    .patients_ms_s4 h3 {

      font-size: 30px;

    }

  /* ## Patients Ms Page Section5
  --------------------------------------------- */
  .patients_ms_s5 {
    margin-bottom: 40px;

  };

    .patients_ms_s5 .patients_ms_s4_col1 {

      padding: 40px 5% 40px 5%;

    }

    .patients_ms_s5 .patients_ms_s4_col2 {
      padding: 40px 5% 40px 5%;
    }

  /* ## Patients Ms Page Section6
  --------------------------------------------- */
  .patients_ms_s6 {
    font-size: 14px;
  }

  /* ## Patients Ms Page Section3
  --------------------------------------------- */
  .patients_ms_s2 {
    margin-bottom: 0;
  }

  .patients_ms_s3 {

    flex-direction: column;
  }

    .patients_ms_s3 .col-first {
      background: none !important;
      flex-basis: 100%;
      min-height: auto;
      padding: 0 0;
      margin-top: -0;
      margin-bottom: 30px;
    }

      .patients_ms_s3 .col-first img.responsive_img {
        display: block;
      }

    .patients_ms_s3 .col-last {
      flex-basis: 100%;
    }

      .patients_ms_s3 .col-last .col-last-inner {
        max-width: 100%;
        padding: 0 5%;
      }


  /* ## Technology Page2021 Section1
  --------------------------------------------- */
  .tech_new_s1 {
    margin: 60px 0 0 0;
  }
  /* ## Technology Page2021 Section2
  --------------------------------------------- */
    .tech_new_s2 .img_lg {
      display: none;
    }

    .tech_new_s2 .img_sm {
      display: inline-block;
    }

    .tech_new_s2 .highlighted_area {

      padding: 20px;

    }

  /* ## Technology Page2021 Section3
--------------------------------------------- */
      .tech_new_s3 .highlighted_area2 .wrap {
        font-size: 14px;
      }
  /* ## Technology Page2021 Section4
  --------------------------------------------- */

    .tech_page2021 .hs2n {
      margin-top: 50px;
    }

      .tech_page2021 .hs2n .bg_white {

        margin-top: 30px;

      }

    .tech_page2021 h3.blue_color {
      color: #0e3489;
    }

  /* ## Technology Page2021 Section5
--------------------------------------------- */
  .tech_new_s5 {
    margin-top: 50px;
  }
      .tech_new_s5 .highlighted_area .wrap, .tech_new_s5 .highlighted_area2 .wrap {
        padding: 30px 5%;
      }


  /* ## Technology Page2021 Section6
  --------------------------------------------- */
  .tech_new_s6 {
    margin-top: 0;
  }

    .tech_new_s6 .highlighted_area {

      padding: 20px;
      margin-top: 30px;


    }
  /* ## Technology Page2021 Section7
--------------------------------------------- */

  .tech_new_s7 {
    margin-top: 50px;
  }

      .tech_new_s7 .highlighted_area .wrap {
        padding: 30px 5%;
      }

      .tech_new_s7 .highlighted_area2 .wrap {

        padding: 30px 5% 30px 7%;
        background: #315ec2;
      }


  /* ## Technology Page2021 Section8
  --------------------------------------------- */

    .tech_new_s8 .upper_section {
      padding: 30px 0 20% 0;
    }

      .tech_new_s8 .highlighted_area .wrap {

        padding-top: 30px;
        padding-bottom: 30px;

      }

  .hs1n .hs1n_contents {
    width: 100%;
  }

  /* ## Contact page V2 Section2 */


    .contact-v2-s2 .contact_locations {
      padding: 20px;
      margin: 0 0 10px 0;
      width: 100%;
      background-color: rgba($color: #000, $alpha: 0.5);
      backdrop-filter: blur(4px) saturate(125%);
      -webkit-backdrop-filter: blur(4px) saturate(125%);
    }

  /* ## Patient Stories Strength section2
  --------------------------------------------- */
  .pss_s2 .card {

    margin: 50px 1% 0;
  }
  /* ## Patient Stories Strength section3
--------------------------------------------- */
    .pss_s3 h3 {

      background-size: 78px;
      padding: 15px 0 15px 88px;

    }


  /* ## Single Stories Strength Section1
--------------------------------------------- */


    .ms_stories_s1 p, .ms_stories_s2 p, .ms_stories_s3 p, .ms_stories_btn p {
      text-indent: 0;
    }

    .ms_stories_s1 blockquote, .ms_stories_s2 blockquote, .ms_stories_s3 blockquote, .ms_stories_btn blockquote {
      font-size: 24px;
      line-height: 30px;
      margin-left: 0;


    }
      .ms_stories_s1 .mss1_left_img_content p:last-child, .ms_stories_s2 .mss1_left_img_content p:last-child, .ms_stories_s3 .mss1_left_img_content p:last-child, .ms_stories_btn .mss1_left_img_content p:last-child {
        margin-bottom: 0;
      }
      .ms_stories_s1 .mss1_pquote blockquote, .ms_stories_s2 .mss1_pquote blockquote, .ms_stories_s3 .mss1_pquote blockquote, .ms_stories_btn .mss1_pquote blockquote {
        padding-right: 0;
        margin-bottom: 20px;
        margin-top: 20px;
      }

        .ms_stories_s1 .mss1_pquote blockquote:before, .ms_stories_s2 .mss1_pquote blockquote:before, .ms_stories_s3 .mss1_pquote blockquote:before, .ms_stories_btn .mss1_pquote blockquote:before {
          top: 4px;
          left: 3px;
          display: inline;
        }

        .ms_stories_s1 .mss1_pquote blockquote:after, .ms_stories_s2 .mss1_pquote blockquote:after, .ms_stories_s3 .mss1_pquote blockquote:after, .ms_stories_btn .mss1_pquote blockquote:after {

          top: 6px;
        }
      .ms_stories_s1 .mss1_pquote:last-child blockquote, .ms_stories_s2 .mss1_pquote:last-child blockquote, .ms_stories_s3 .mss1_pquote:last-child blockquote, .ms_stories_btn .mss1_pquote:last-child blockquote {
        margin-bottom: 0;
      }
      .ms_stories_s1 .full-image blockquote, .ms_stories_s2 .full-image blockquote, .ms_stories_s3 .full-image blockquote, .ms_stories_btn .full-image blockquote {
        width: 70%;
      }

        .ms_stories_s1 .full-image blockquote:before, .ms_stories_s2 .full-image blockquote:before, .ms_stories_s3 .full-image blockquote:before, .ms_stories_btn .full-image blockquote:before {
          top: 5px;
          left: -2px;

        }

        .ms_stories_s1 .full-image blockquote:after, .ms_stories_s2 .full-image blockquote:after, .ms_stories_s3 .full-image blockquote:after, .ms_stories_btn .full-image blockquote:after {
          margin-left: -0;
          top: 4px;
        }
  .ms_stories_s1 blockquote.ms_s1_top_quote {

    font-size: 18px;
    line-height: 25px;

  }
  .ms_stories_s1 blockquote.ms_s1_top_quote::before {
    top: 9px;
  }
  .ms_stories_s1 blockquote.ms_s1_top_quote::after {
    top: 9px;
  }
    .ms_stories_s2 img, .ms_stories_s3 img, .simple_content img, .mss1_left_img_content img {
      max-width: 171px;
      margin: 0 12px 3px 0;
    }

    .ms_stories_s2 img.wp-image-16647, .ms_stories_s3 img.wp-image-16647, .simple_content img.wp-image-16647, .mss1_left_img_content img.wp-image-16647 {
      padding-bottom: 0;
    }

    .ms_stories_s2 p:last-child, .ms_stories_s3 p:last-child, .simple_content p:last-child, .mss1_left_img_content p:last-child {
      margin-bottom: 0;
    }

    .ms_stories_s2 .spacer29, .ms_stories_s3 .spacer29, .simple_content .spacer29, .mss1_left_img_content .spacer29 {
      display: block;
      clear: both;
      width: 100%;
      padding-bottom: 29px;
    }

  /* ## Single Stories Strength Fixed Nav
--------------------------------------------- */
  .ms_stories_s1,
  .ms_stories_s2,
  .ms_stories_s3 {
    margin-top: 20px;
    padding-right: 0;
  }
  /* ## Patient Stories Strength section2
  --------------------------------------------- */

    .patient_filter .patient_filter_inner {
      font-size: 14px;
    }

      .patient_filter .patient_filter_inner .checkmark {
        width: 24px;
        height: 24px;
        margin-top: -3px;
      }

      .patient_filter .patient_filter_inner .container {

        margin-left: 0;

      }


  /* ## About EBV Page V2 section1
  --------------------------------------------- */

    .aboutEbv_s1 .ebv_fact {

      font-size: 20px;
      line-height: 28px;

    }
  .ptld_s2 {
    font-size: 20px;
    line-height: 27px;

  }
  .aboutEbv_s2 .about_ebv_cols img {
    max-height: auto;
    width: 75px;
  }
  /* ## About EBV Page V2 section2
  --------------------------------------------- */
    .aboutEbv_s2 .about_ebv_cols {

      flex-direction: column;
      text-align: left;

    }

      .aboutEbv_s2 .about_ebv_cols .aboutebv_s2_img {
        float: left;
        width: auto;
        height: 75px;
      }

      .aboutEbv_s2 .about_ebv_cols img {
        float: left;
        margin: 0 30px 30px 0;
      }

      .aboutEbv_s2 .about_ebv_cols p {
        float: left;
        width: 75%;
      }

      .aboutEbv_s2 .about_ebv_cols div {
        width: 100%;
      }
  /* ## About PTLD Page V2 section3
  --------------------------------------------- */

    .key_players .kplayer {

      font-size: 14px;
      line-height: 18px;
    }

    .key_players .kplayer:nth-child(5) {

    }
  .key_players .kplayer strong {
    margin-top: 5px;
  }
  /* ## About MS Page V2 section1
  --------------------------------------------- */

  .flex_space_between {
    flex-direction: column;
  }
  .msv2_cols {
    max-width: 360px;
    margin-left: auto;
    margin-right: auto;
  }
  .msv2_left, .msv2_right {
    width: 100%;
    margin-bottom: 30px;
    display: flex;
    font-size: 20px;
    line-height: 28px;

  }

    .msv2_left img, .msv2_right img {
      float: left;
    }

    .msv2_left div, .msv2_right div {
      float: left;
      width: 67%;
    }
  .msv2_right {
    margin-bottom: 0;
  }

    .msv2_right strong {
      margin-left: -3px;
      display: block;
    }

  /* ## About MS Page V2 section3
      --------------------------------------------- */

      .msv2_s3 .key_players .kplayer {


      }

      .msv2_s3 .key_players .kplayer:nth-child(5) {

      }


  .csCards {
    flex-wrap: wrap;
    justify-content: space-around;

  }

    .csCards .card {
      min-height: 370px;
    }

      .csCards .card .card_content {
        min-height: 140px;

      }

  /* ## About MS Page V2 section5
  --------------------------------------------- */
  .ptld_s5 {
    margin-bottom: 30px;

  }
  /* ## About PTLD Page V2 section5
--------------------------------------------- */


}
@media only screen and (max-width: 699px) {
  /* ## Patient Stories Strength section2
  --------------------------------------------- */
    .pss_s2 .wrap {

      flex-direction: column;
    }

    .pss_s2 .card {

      width: 100%;
      height: auto;
      margin-left: 0%;
    }

      .pss_s2 .card a {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: flex-start;
        align-items: stretch;
        align-content: stretch;
      }

      .pss_s2 .card .img_placehholder {
        width: 30%;

      }

      .pss_s2 .card .text_placeholder {
        width: 70%;
        position: relative;
      }

    .pss_s2 .button_wrap {

      text-align: center;
    }


}
/* Layout changes for very small screens such as Kai OS phones */
@media only screen and (max-width: 600px) {

  /* ## Patient Page V2 Footer sections
--------------------------------------------- */

      .pv2_s2 .card a {
        flex-direction: column;
      }

      .pv2_s2 .card .img_placehholder {
        width: 100%;

      }

      .pv2_s2 .card .text_placeholder {
        width: 100%;

      }

  /* ## About PTLD Page V2 section3
      --------------------------------------------- */

    .key_players .kplayer {
      width: 50%;
      padding: 0 5%;
      font-size: 14px;
      line-height: 18px;
    }

    .key_players .kplayer:nth-child(5) {
      width: 100%;
    }
  .key_players .kplayer strong {
    margin-top: 5px;
  }
  /* ## About MS Page V2 section3
 --------------------------------------------- */

      .msv2_s3 .key_players .kplayer {
        width: 50%;

      }

        .msv2_s3 .key_players .kplayer strong {
          margin-top: 5px;
        }

      .msv2_s3 .key_players .kplayer:nth-child(5) {
        width: 50%;
      }


  /* ## About MS Page V2 section5
      --------------------------------------------- */

    .ptld_s5 .ptld_resources {
      display: flex;
      flex-direction: column;
      flex-wrap: nowrap;
      justify-content: flex-start;
      align-items: center;
      align-content: stretch;
    }


}
@media only screen and (max-width: 400px) {


  /* ## Patient Stories Strength section2
--------------------------------------------- */
  .patient_filter {
    margin-top: 20px;
    width: 190px;
    margin: 20px auto 0;
  }
  .patient_filter .patient_filter_inner {
    display: block !important;
    width: 100% !important;
    font-size: 14px !important;
    text-align: left;
  }

    .patient_filter .patient_filter_inner strong {
      width: 100%;
      display: block;
    }

  .patient_filter .patient_filter_inner .container {
    width: 100%;
    margin-top: 22px;
  }


}
@media only screen and (max-width: 320px) {


  .masthead_type1 .wrap .h1_contents p {
    font-size: 18px;
    line-height: 22px;
  }

  .pv2_s1 .wrap .btn-soft-blue {
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .pv2_s1 .area_reveal {
    margin-top: 30px;
    margin-bottom: 0;
  }

  .pv2_s2 .card_text h4,
  .pv2_s2 .card_text {
    font-size: 14px;

  }
  .pv2_s2 .card_text {

    padding: 10px 10px 0;
    min-height: 100px;
  }
  .button-white, .simple_link, .button_white_blue, .button_white_blue2, .button-bright-light-blue, .button_iris, body #gform_wrapper_6 .gform_footer input[type="submit"], body .csv2_s2 .study_form .gform_footer input[type="submit"], body .csv2_s3 .study_form .gform_footer input[type="submit"], .btn-soft-blue, .btn-bright-light-blue, .btn_iris, .button-soft-blue {
    padding: 10px 20px;
  }
  body #gform_wrapper_6 .gform_body .gform_fields .gfield_consent_label {
    width: 87%;
  }
  p, .card_text, .pss_s1, .share_story_dtl, .wrap770 {
    line-height: 18px;
  }

  .pv2_s2 .card {
    width: 280px;
    height: 323px;
  }

  .pv2_s2 .card .img_placehholder {
    min-height: 186px;
  }

  .pv2_s2 .button_wrap .wrap a {
    margin-top: 70px;
  }

  .pv2_s2 .card_link {
    line-height: 28px;
  }
  /* ##  Stories Strength
--------------------------------------------- */
  .pss_s1 {
    margin-top: 20px;
  }
    .pss_s2 .card {
      height: 360px;
      margin-top: 30px;
    }


  .pss_s3 h3 {
    margin-top: 10px;
    margin-bottom: 0;
  }
  .abbreviations {
    margin: 50px 0 50px 0;

  }

  .patients-inq {
    padding: 30px 0;

  }

    .patients-inq br {
      display: none;
    }

    .patients-inq p {
      font-size: 20px;
      line-height: 25px;
    }

  .responsive-img-txt {
    display: none;
  }
  .responsive-img-txt320 {
    display: block;
    position: relative;
    min-height: 150px;
  }

    .responsive-img-txt320 .heading_on_image {

      left: 5%;
      text-align: left;

    }


  /* ##  clinical studies
--------------------------------------------- */

  .csv2_s1,
  .csv2_s2 {
    margin-top: 20px;
  }

  .csv2_s3,
  .csv2_s3_notes {
    margin-top: 0;
  }
    .csv2_s2 .card {
      margin-bottom: 0;
    }

  /* ## About EBV Page V2 section2
      --------------------------------------------- */

      .aboutEbv_s2 .about_ebv_cols p {
        float: left;
        width: 59%;
      }


}
/* Layout changes for very small screens such as Kai OS phones */
@media (max-height: 350px) and (max-width: 400px) {

  .header-image .site-title > a {
    float: left;
    min-height: 20px;
    width: 100%;
    background-size: contain !important;

  }

  .responsive_b_menu {
    padding: 10px 0;
    font-size: 10px;
  }
  .menu-toggle {
    bottom: 5px;
    padding: 5px 0;
    width: 110px;
    font-size: 10px;
  }

  h1, .masthead_contents h1, .home .masthead_contents h1 {
    font-size: 20px;
  }
  .site-title a {
    background-size: cover !important;
    width: 100% !important
  }


}
@media all and (-ms-high-contrast: none) {
  .home_social .wrap {
    display: -ms-grid;
    -ms-grid-columns: 1fr 1fr;
    -ms-grid-rows: 1fr;
  }

  .twitter_box {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .linkedin_box {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
  }
  .latest_news {

    display: -ms-grid;
    -ms-grid-columns: 1fr 1fr;
    -ms-grid-rows: 1fr;
  }

  .news_wrap0 {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .news_wrap1 {
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .news_wrap2 {
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
  }


  .about_box_wrap {
    display: -ms-grid;
    -ms-grid-columns: 1fr 1fr 1fr 1fr;
    -ms-grid-rows: 1fr;
  }
  .box1 {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .box2 {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
  }
  .box3 {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 3;
    -ms-grid-column-span: 1;
  }
  .box4 {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 4;
    -ms-grid-column-span: 1;
  }
    .pipe_s6 .wrap {
      display: -ms-grid;
      -ms-grid-columns: 1fr 1fr 1fr 1fr;
      -ms-grid-rows: 1fr;
    }

    .pipe_s6 .pipe_box1 {
      -ms-grid-row: 1;
      -ms-grid-row-span: 1;
      -ms-grid-column: 1;
      -ms-grid-column-span: 1;
    }

    .pipe_s6 .pipe_box2 {
      -ms-grid-row: 1;
      -ms-grid-row-span: 1;
      -ms-grid-column: 2;
      -ms-grid-column-span: 1;
    }

    .pipe_s6 .pipe_box3 {
      -ms-grid-row: 1;
      -ms-grid-row-span: 1;
      -ms-grid-column: 3;
      -ms-grid-column-span: 1;
    }

    .pipe_s6 .pipe_box3 {
      -ms-grid-row: 1;
      -ms-grid-row-span: 1;
      -ms-grid-column: 4;
      -ms-grid-column-span: 1;
    }


  /* ##Tech ops About
--------------------------------------------- */
  .about_tech {
    position: relative;
    margin: 100px 0 0 0;
  }

    .about_tech .content {
      display: -ms-grid;
      -ms-grid-columns: 37% 37%;
      max-width: 1500px;
      margin: auto;
    }


      .about_tech .content .image-container.top {
        -ms-grid-row: 1;
        -ms-grid-column: 1;
      }

      .about_tech .content .title {
        -ms-grid-row: 1;
        -ms-grid-column: 2;
      }

      .about_tech .content .copy {
        -ms-grid-row: 2;
        -ms-grid-column: 1;
      }

      .about_tech .content .image-container.bottom {
        -ms-grid-row: 2;
        -ms-grid-column: 2;
      }

      .about_tech .content .stats {
        -ms-grid-row: 3;
        -ms-grid-column: 1;
      }

      .about_tech .content .facility {
        -ms-grid-row: 3;
        -ms-grid-column: 2;
      }


  /* ##Tech ops Callout
--------------------------------------------- */
  .callout_search .background {
    top: 0;
  }
  .callout .background .video {

    top: 0%;

    width: 100%;
    height: auto;
    min-width: 100%;
    min-height: 100%;
  }


}
/* # Print Styles
---------------------------------------------------------------------------------------------------- */
@media print {

  *,
  *:before,
  *:after {
    background: transparent !important;
    box-shadow: none !important;
    color: #000 !important;
    text-shadow: none !important;
  }

  a,
  a:visited {
    text-decoration: underline;
  }

  a[href]:after {
    content: " (" attr(href) ")";
  }

  abbr[title]:after {
    content: " (" attr(title) ")";
  }

  a[href^="javascript:"]:after,
  a[href^="#"]:after,
  .site-title > a:after {
    content: "";
  }

  thead {
    display: table-header-group;
  }

  img,
  tr {
    page-break-inside: avoid;
  }

  img {
    max-width: 100% !important;
  }

  @page {
    margin: 2cm 0.5cm;
  }

  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }

  blockquote,
  pre {
    border: 1px solid #999;
    page-break-inside: avoid;
  }

  .content,
  .content-sidebar {
    width: 100%;
  }

  button,
  input,
  select,
  textarea,
  .breadcrumb,
  .comment-edit-link,
  .comment-form,
  .comment-list .reply a,
  .comment-reply-title,
  .edit-link,
  .entry-comments-link,
  .entry-footer,
  .genesis-box,
  .header-widget-area,
  .hidden-print,
  .home-top,
  .nav-primary,
  .nav-secondary,
  .post-edit-link,
  .sidebar {
    display: none !important;
  }

  .title-area {
    text-align: center;
    width: 100%;
  }

  .site-title > a {
    margin: 0;
    text-decoration: none;
    text-indent: 0;
  }

  .site-inner {
    padding-top: 0;
    position: relative;
    top: -100px;
  }

  .author-box {
    margin-bottom: 0;
  }

  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    orphans: 3;
    page-break-after: avoid;
    page-break-inside: avoid;
    widows: 3;
  }


  img {
    page-break-after: avoid;
    page-break-inside: avoid;
  }

  blockquote,
  pre,
  table {
    page-break-inside: avoid;
  }

  dl,
  ol,
  ul {
    page-break-before: avoid;
  }

}
a.btn {
  border-radius: 1.5rem;
  line-height: 1;
  padding-top: 1rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-bottom: 0.625rem;
  text-transform: uppercase;
  vertical-align: middle;
}
a.btn-yellow {
  --tw-bg-opacity: 1;
  background-color: rgba(247, 195, 32, var(--tw-bg-opacity));
  border-width: 0px;
  display: inline-flex;
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.5rem;
  line-height: 1;
  --tw-text-opacity: 1;
  color: rgba(32, 32, 32, var(--tw-text-opacity));
}
a.btn-yellow::after {
  content: url(../images/svg-icons/icon-chevron-right.svg);
  display: inline-block;
  margin-left: 1rem;
}
a.btn-yellow:hover {
  font-weight: 700;
}
a.btn-yellow:hover::after {
  margin-left: 1.5rem;
}
a.btn-dark {
  --tw-bg-opacity: 1;
  background-color: rgba(65, 64, 66, var(--tw-bg-opacity));
  border-width: 0px;
  display: inline-flex;
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.5rem;
  line-height: 1;
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
}
a.btn-dark::after {
  content: url(../images/svg-icons/icon-chevron-right-white.svg);
  display: inline-block;
  margin-left: 1rem;
}
a.btn-dark:hover {
  font-weight: 700;
}
a.btn-dark:hover::after {
  margin-left: 1.5rem;
}
.tab.active {
  --tw-text-opacity: 1;
  color: rgba(0, 0, 0, var(--tw-text-opacity));
}
.tab-content {
  display: none;
}
.tab-content.active {
  display: block;
}
.pipeline-bar {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  height: 2.25rem;
  position: relative;
  width: 0px;
  transition: width 2s;
  transition-delay: 200ms;
}
.pipeline-bar > div:first-of-type {
    background: linear-gradient(
      to right,
      transparent -20%,
      #2BBEB8 calc(100% - 1rem),
      transparent calc(100% - 1rem)
    );
  }
.pipeline-bar > div:first-of-type::before, .pipeline-bar > div:first-of-type::after {
      content: '';
      display: block;
      position: absolute;
      right: 0;
      width: 1rem;
      height: 50%;
      background-size: 100%;
      background-repeat: no-repeat;
      background-position: top right;
    }
.pipeline-bar > div:first-of-type::before {
      top: 0;
      background-image: linear-gradient(to top right, #2BBEB8 48%, transparent 50%);
    }
.pipeline-bar > div:first-of-type::after {
      bottom: 0;
      background-image: linear-gradient(to bottom right, #2BBEB8 48%, transparent 50%);
    }
.__accordion .__accordion-trigger {
  cursor: pointer;
}
.__accordion .__accordion-icon::before {
  font-family: 'Material Icons';
  content: 'add';
  font-size: 1.5rem;
  line-height: 2rem;
  line-height: 1;
  margin-right: 1rem;
  --tw-text-opacity: 1;
  color: rgba(247, 195, 32, var(--tw-text-opacity));
}
.__accordion.open .__accordion-icon::before {
                content: 'remove';
            }
.responsive_b_menu {
  --tw-bg-opacity: 1;
  background-color: rgba(250, 250, 250, var(--tw-bg-opacity));
  display: none;
  height: 4rem;
  font-size: 1.125rem;
  line-height: 1.75rem;
  line-height: 1;
  position: fixed;
  bottom: 0px;
  left: 0px;
  --tw-text-opacity: 1;
  color: rgba(163, 163, 163, var(--tw-text-opacity));
  width: 100%;
  z-index: 20;
}
.responsive_b_menu .wrap {
  height: 100%;
  padding: 0px;
}
.responsive_b_menu .wrap .menu-mobile-bottom-bar-container {
  height: 100%;
}
#menu-mobile-bottom-bar {
  display: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 100%;
  font-size: 1.125rem;
  line-height: 1.75rem;
  line-height: 0rem;
  padding-left: 2.25rem;
  padding-right: 2.25rem;
}
body.mobile-menu-open .responsive_b_menu {
  display: block;
}
body.mobile-menu-open #menu-mobile-bottom-bar {
  display: flex;
}
.home .masthead_large {
    display: none;
  }
a.btn {
    border-radius:35px;
}
#tech-wrapper {
  min-height:100vh;
  /*height:100vh;*/
  width:100vw;
  /*overflow:hidden;*/
}
.tech-hero__slide {
 position: absolute;
 top: 0;
 left: 0;
 opacity:0;
 width:100vw;
}
@media only screen and (max-width: 1024px) {
     .tech-hero__slide img {
       max-width:275px;
     }
}
@media only screen and (max-width: 640px) {
   .collaborator .bg-white {
     min-height:240px;
   }
}
.header-widget-area {
  min-width:28px;
}
.tech-hero__slide-1 {
  opacity:1;
}
.top_sub_menu {
  border-color: rgba(255,255,255,.2);
}
.top_sub_menu li {
    padding-left:20px;
    padding-right:20px;
  }
.modal-close {
  cursor:pointer;
}
.tab-image {
  display:none
}
.tab-image.active {
  display:block;
}
.swiper-wrapper {
  justify-content:space-between;
}
.swiper-wrapper li {
    flex-basis:32%;
    min-width:32%;
  }
.max18752 {
  max-width:187.52px;
}
.content_wrap h3 {
    /*font-size:32px;*/
  }
.content_wrap h3.text-base {
      font-size: 1rem;
      line-height: 1.5rem;
  }
.content_wrap section ul.flex li a {
     text-decoration:none;
  }
.content_wrap section li a {
    text-decoration:underline;
  }
.content_wrap section li a.btn, .content_wrap section .swiper li a {
    text-decoration:none !important;
  }
.__accordion-content a {
   text-decoration:underline;
  }
@media only screen and (max-width: 1023px) {
      .mobile-menu-open nav.nav-header {
        overflow:scroll;
        height:100vh;
      }
   
}
#menu-main-nav {
   width:auto !important;
}
#menu-main-nav .sf-with-ul:after {
     display:none !important;
   }
#menu-main-nav span.icon {
     position:absolute;
     width:15px;
     height:9px;
     background-image:url(../images/svg-icons/icon-chevron-down.svg);
     background-repeat:no-repeat;
     left: 50%;
     bottom: 20%;
     transform: translateX(-50%);
   }
@media only screen and (max-width: 1023px) {
    #menu-main-nav span.icon {
     position:absolute;
     width: 23px;
     height: 14px;
     background-image:url(../images/svg-icons/icon-chevron-down-grey.svg);
     background-repeat:no-repeat;
     right: 17px;
     top: 25px;
     left:auto;
     transform: translateX(0%);
   }
   #menu-main-nav span:after {
     display:none !important;
   }
   #menu-main-nav .current-menu-item:not(.menu-item-has-children) {
      background-color:rgba(247, 196, 33, 0.12);
   }
        #menu-main-nav .current-menu-item:not(.menu-item-has-children) a span {
          font-weight:bold;
        }
   #menu-main-nav .menu-item-has-children.current_page_parent {
     background-color:rgba(247, 196, 33, 0.12);
   }
     #menu-main-nav .menu-item-has-children.current_page_parent > a > span {
         border:none;
         padding-bottom:0px;
     }
     #menu-main-nav .menu-item-has-children.current_page_parent .current-menu-item:not(.menu-item-has-children) {
        background-color:rgba(247, 196, 33, 0);
       
     }
   
   #menu-main-nav .current_page_item:not(.menu-item-has-children) a {
     border-bottom-width:0px;
   }
     #menu-main-nav .current-menu-parent .sub-menu {
       position:static;
       opacity:1;
     }
         #menu-main-nav .current-menu-parent .sub-menu li a {
           padding-left: 1rem;
           padding-right: 1rem;
         }
        #menu-main-nav .sub-menu .current-menu-item a span {
           font-weight:bold;
         }
   
  }
.top_sub_menu .menu-main-nav-container {
  justify-content: flex-start;
  padding-left: 34%;
}
@media only screen and (max-width: 1280px) {
.top_sub_menu .menu-main-nav-container {
       padding-left: 43%
}
  }
.site-container .top_sub_menu a:hover {
  color:rgba(247, 195, 32, var(--tw-text-opacity));
}
.member-modal .basis-2\/3 {
   height:100%;
  }
.btn-yellow {
   transition:all .3s ease;
}
.btn-yellow:after {
   display: flex !important;
   justify-content: center;
   align-items: center;
   transition:all .3s ease;
}
.btn-yellow:hover {
   background-color:#fff;
   transition:all .3s ease;
   font-weight:600 !important;
}
.btn-yellow.invert:hover {
   background-color:#414042 !important;
   color:#fff !important;
}
a.btn-dark {
transition:all .3s ease;
}
a.btn-dark:hover {
   transition:all .3s ease;
   background-color:#fff;
   color:#000;
}
a.btn-dark.invert:hover {
   background-color:#f7c320 !important;
}
a.btn-dark:hover:after {
   transition:all .3s ease;
   content: url(../images/svg-icons/icon-chevron-right.svg);
   margin-left:1rem;
}
.btn-yellow:hover::after {
     margin-left:1rem !important;
}
.btn-yellow.invert:hover::after {
     content:url(../images/svg-icons/icon-chevron-right-white.svg);
     transition:all .3s ease;
}
.space-between {
  justify-content:space-between;
}
.max-width-80 {
  max-width:80%;
}
.align-end {
    align-items: flex-end;
    }
.bounce {
  transition:all .3s ease;
  position:relative;
  font-weight:600;
  font-size: 16px;
  line-height: 180%;
  margin:0 40px;
}
.bounce:hover {
  font-weight:700;
   transition:all .3s ease;
}
.bounce:after {
    content: url(../images/svg-icons/icon-chevron-right.svg);
    display: inline-block;
    margin-left: 1rem;
    transition:all .3s ease;
    top: -3px;
    position: absolute;
}
.text-gold.bounce:after {
 content: url(../images/svg-icons/icon-chevron-right-yellow.svg);
}
.bounce:hover:after {
    margin-left: 1.5rem;
     transition:all .3s ease;
}
.home-news-item .bounce {
   margin:0;
}
.collaborator-modal h5 {
      font-weight:bold;
    }
.collaborator-modal p {
     margin:0 0 20px 0;
   }
a.text-gold:hover {
  font-weight:bold;
  transition:all .3s ease;
}
a.text-gold {
  transition:all .3s ease;
}
.member-details p {margin:0 0 20px 0;}
.single-ptld-stories .current-menu-ancestor, .single-ms-stories .current-menu-ancestor, .current-menu-ancestor.current-menu-parent.current_page_parent {
  pointer-events: auto !important;
}
header {
  height: 90px;
  position: fixed;
  top: 0;
  transition: top 0.2s ease-in-out;
  width: 100%;
  z-index: 998;
}
.sub_header {
  background: transparent;
  height: 34px;
  position: fixed;
  top: 0;
  transition: top 0.2s ease-in-out;
  width: 100%;
  z-index: 999;
}
.nav-up {
  top: -90px; /* same as header height. use variables in LESS/SASS*/
}
@media only screen and (min-width: 1023px) {

body {
  padding-top: 90px; /* same as header height*/
}



}
@media only screen and (max-width: 767px) {
     .home-hero h1 {
       font-size:46px;
       line-height:55px;
     }
   .swiper-wrapper {
     justify-content:space-between;
   }
     .swiper-wrapper li {
       flex-basis:50%;
       min-width:50%;
     }
}
@media only screen and (max-width: 640px) {
    .collaborator-modal{
      padding:20px;
    }
    .member-modal .parent {
      max-width:calc(100% - 40px) !important;
      max-height: calc(100% - 110px) !important;
      height: calc(100% - 100px) !important;
      top: 0px;
      left: 0px;
      position: relative;
    }
      .member-modal .parent .image-wrap {
        max-height:250px;
        overflow:hidden;
      }
        .member-modal .parent .image-wrap img {
         transform: scale(2);
         max-height:2000px;
        }
      .mobile-edge-to-edge img {
        width:130%;
        max-width:200%;
        position:relative;
        left:-15%;
      }
      .mobile-edge-to-edge-full img {
        width:120%;
        max-width:200%;
        position:relative;
        left:0%;
      }
   .swiper-wrapper {
     justify-content:space-between;
   }
     .swiper-wrapper li {
          flex-basis: 90%;
          min-width: 90%;
          margin: 0 10% 0 0;
     }
}
footer.bg-charcoal {
  clear:both;
}
.page:not(.v3) .genesis-nav-menu  {
     font-size:16px;
     line-height: 16px;
}
.page:not(.v3) .genesis-nav-menu li {
     font-size:16px;
     line-height: 16px;
   }
.page:not(.v3) .genesis-nav-menu li a {
       padding-top: 2rem;
       padding-bottom: 2rem;
       margin-right: 1.5rem;
       font-weight:400;
       line-height: 16px;
     }
.page:not(.v3) .genesis-nav-menu li.current-page-ancestor a {font-weight:700;}
.top_sub_menu li {
   margin-right:0px;
}
.top_sub_menu li a {
     font-size:16px;
     padding:0;
     font-weight:400;
   }
@media only screen and (min-width: 1024px) {
  .genesis-nav-menu .sub-menu .current_page_item:not(.menu-item-has-children) a {
     border-bottom-color: rgba(255, 255, 255, 0.2) !important;
     border-width: 1px !important;
  }
}
ol {
margin:20px 0 0 0;
}
html.locked {
      height: 100vh;
      overflow: hidden;
}
.page-template-page-careers-v2 .grid {
    display:flex;
  }
@media only screen and (max-width: 1400px) {
  .resp_outer {
    background-position: calc(100% + 20%) 2% !important; } }
@media only screen and (max-width: 1023px) {
  .resp_outer {
    background: none !important; }

  .resp_s1 {
    max-width: 100%; } }
.resp_s2 {
  max-width: 80%; }
.resp_s2 h4 {
    text-align: center;
    color: #fff;
    background: #17264b;
    margin: 0 0 5px 0;
    font-size: 20px; }
@media only screen and (max-width: 1023px) {
  .resp_s2 {
    max-width: 100%; } }
.resp_s2_col_wrap {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: stretch;
  align-content: stretch; }
.resp_s2_col_wrap .col-wrap {
    width: 19%;
    font-size: 13px;
    background: #E4E4E4;
    margin-bottom: 15px; }
.resp_s2_col_wrap .col-wrap h3 {
      font-size: 16px;
      color: #fff;
      text-align: center;
      text-transform: uppercase;
      padding: 10px 5px;
      margin: 0 0 0 0;
      text-align: center; }
.resp_s2_col_wrap .col-wrap h3 img {
        max-height: 37px; }
.resp_s2_col_wrap .col-wrap .col-txt {
      padding: 10px; }
.resp_s2_col_wrap .col-wrap .col-txt ul li {
        padding-left: 15px;
        position: relative;
        line-height: 18px;
        margin-bottom: 10px; }
.resp_s2_col_wrap .col-wrap .col-txt ul li::before {
        content: "»";
        /* Insert content that looks like bullets */
        color: #17264b;
        font-size: 14px;
        position: absolute;
        left: 0px; }
.resp_s2_col_wrap .cols-0 h3 {
    background: #5D7DC1;
    border-bottom: solid 5px  #365CB2; }
.resp_s2_col_wrap .cols-1 h3 {
    background: #8980CC;
    border-bottom: solid 5px  #6D60BF; }
.resp_s2_col_wrap .cols-2 h3 {
    background: #3DA9CB;
    border-bottom: solid 5px  #0D95BE; }
.resp_s2_col_wrap .cols-3 h3 {
    background: #9C4570;
    border-bottom: solid 5px  #83184C; }
.resp_s2_col_wrap .cols-4 h3 {
    background: #7D91E9;
    border-bottom: solid 5px  #5C75E5; }
@media only screen and (max-width: 1023px) {
  .resp_s2_col_wrap {
    flex-wrap: wrap; }
    .resp_s2_col_wrap .col-wrap {
      width: 100%; }
    .resp_s2_col_wrap h3 {
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      justify-content: flex-start;
      align-items: center;
      align-content: stretch; }
      .resp_s2_col_wrap h3 img {
        margin-right: 20px; } }
.resp_s3 {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-end;
  align-items: stretch;
  align-content: stretch; }
.resp_s3 div {
    width: 85%; }
@media only screen and (max-width: 1023px) {
  .resp_s3 div {
    width: 100%; } }
.resp_s4 .resp_s4_txt {
  width: 80%; }
@media only screen and (max-width: 1023px) {
    .resp_s3 div {
      width: 100%; } }
.resp_s4 .resp_s4_txt {
    width: 80%; }
.pieOuter_wrap {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    align-content: stretch; }
.pieOuter_wrap h4 {
      color: #9B9A9C; }
.pieOuter_wrap .legend-img2 {
      width: 200px;
      height: 81px;
      display: inline-block;
      background: url(https://www.atarabio.com/wp-content/themes/atara2022/dist/images/male-female.svg) center center no-repeat;
      background-size: contain; }
.pie_wrap {
    width: 40%;
    position: relative;
    padding-bottom: 500px;
    height: 0;
    overflow: hidden;
    text-align: center; }
.pie_wrap2 {
    width: 40%;
    position: relative;
    padding-bottom: 500px;
    height: 0;
    overflow: hidden;
    text-align: center; }
.pie_wrap3 {
      /*.id_female, .id_male, .eth_aian, .eth_asian, .eth_baa, .eth_hl, .eth_nhopi, .eth_tmr, .eth_white{
          span{
              width: 15px;
              height: 15px;
              display: inline-block;
              margin: 0 10px 0 0;
          }
      }
      .id_female{
        
          span{
              background: #6E60BF ;
            
          }
      }
      .id_male{
          span{
              background: #30BFB7 ;
            
          }
      }

      .eth_aian{
          span{
              background: #5C75E5 ;
            
          }
      }
      .eth_asian{
          span{
              background: #6D60BF ;
            
          }
      }
      .eth_baa{
          span{
              background: #A6CE39 ;
            
          }
      }
      .eth_hl{
          span{
              background: #1EC0F0 ;
            
          }
      }
      .eth_nhopi{
          span{
              background: #F1D521 ;
            
          }
      }
      .eth_tmr{
          span{
              background: #AF2065 ;
            
          }
      }
      .eth_white{
          span{
              background: #1A34A6 ;
            
          }
      }
  */ }
#directors, #leadership {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 500px; }
@media only screen and (max-width: 1023px) {
    .resp_s4 .resp_s4_txt {
      width: 100%; }

    .resp_s4_s5 {
      background: none !important; }

    .pie_wrap3 {
      font-size: 12px;
      /*.id_female, .id_male, .eth_aian, .eth_asian, .eth_baa, .eth_hl, .eth_nhopi, .eth_tmr, .eth_white{
        
          span{                
              width: 10px;
              height: 10px;               
          }
      }*/ } }
@media only screen and (max-width: 963px) {
    .resp_s4_s5 {
      background: none !important; }

    .pieOuter_wrap {
      flex-wrap: wrap; }

    .pie_wrap {
      width: 100%;
      padding-bottom: 300px; }

    .pie_wrap2 {
      width: 100%;
      padding-bottom: 300px; }

    .pie_wrap3 {
      width: 100%;
      text-align: center;
      margin-bottom: 60px; }

    #directors, #leadership {
      top: 30px;
      height: 300px; } }
.resp_s5 h3 {
    margin-top: -2% !important; }
@media only screen and (max-width: 600px) {
    .pieOuter_wrap h4 {
      font-size: 20px; } }
.resp_s6 {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: stretch;
    align-content: stretch; }
.resp_s6 .resp_s6_content {
      width: 62%; }
.resp_s6 .resp_s6_imgs {
      width: 35%;
      margin-top: 50px; }
@media only screen and (max-width: 900px) {
    .resp_s6 {
      flex-wrap: wrap; }
      .resp_s6 .resp_s6_content {
        width: 100%; }
      .resp_s6 .resp_s6_imgs {
        width: 100%;
        margin-top: 20px; } }
.resp_s7 {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: stretch;
    align-content: stretch;
    margin-top: 50px; }
.resp_s7 .resp_s7_img {
      width: 35%; }
.resp_s7 .resp_s7_img .button_white_blue2 {
        width: 100%;
        margin-top: 10px; }
.resp_s7 .resp_s7_content {
      width: 62%; }
.resp_s7 .resp_s7_content h3 {
        margin-top: 0; }
@media only screen and (max-width: 900px) {
    .resp_s7 {
      flex-direction: column-reverse;
      flex-wrap: wrap;
      margin-bottom: 50px; }
      .resp_s7 .resp_s7_img {
        width: 100%; }
      .resp_s7 .resp_s7_content {
        width: 100%; } }
.resp_s8 {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: stretch;
    align-content: stretch; }
.resp_s8 .resp_s8_content {
      width: 50%; }
.resp_s8 .resp_s8_stats {
      width: 47%;
      margin-top: 50px; }
.resp_S8_list {
    color: #fff;
    margin-bottom: 10px; }
.resp_S8_list strong {
      font-size: 54px;
      margin-right: 30px; }
.resp_S8_list li {
      padding: 20px 30px;
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      justify-content: space-between;
      align-items: center;
      align-content: stretch; }
.resp_S8_list .resp_S8_li1 {
      background: #365CB2; }
.resp_S8_list .resp_S8_li2 {
      background: #30BFB7; }
.resp_S8_list .resp_S8_li3 {
      background: #AF2065; }
@media only screen and (max-width: 900px) {
    .resp_s8 {
      flex-wrap: wrap; }
      .resp_s8 .resp_s8_content {
        width: 100%; }
      .resp_s8 .resp_s8_stats {
        width: 100%;
        margin-top: 0; } }
@media only screen and (max-width: 400px) {
    .resp_S8_list li {
      text-align: center;
      flex-direction: column; } }
h3.resp_s11_h3 {
    color: #1A34A6;
    text-align: center; }
.resp_s11 {
    text-align: center;
    background: #F9F9F9; }
.resp_s11_pies {
    padding: 0 2%;
    float: left;
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    align-content: stretch; }
.resp_s11_pies article {
      width: 37%;
      float: left; }
.resp_s11_pies article h4 {
        color: #949295;
        margin-bottom: 0; }
.resp_s11_pies .pie_wrap3 {
      font-size: 12px;
      text-align: left; }
.resp_s11_pies .pie_wrap3 .legend-img {
        width: 286px;
        height: 162px;
        display: inline-block;
        background: url(../images/ethnicity-legend.svg) center center no-repeat;
        background-size: contain; }
.resp_s11_pies .pie_wrap3 .legend-img2 {
        width: 114px;
        height: 46px;
        display: inline-block;
        background: url(../images/male-female.svg) center center no-repeat;
        background-size: contain; }
.resp_s11_pies .pie_wrap11 {
      width: 15%; }
.resp_s11_pies .pie_wrap11 div {
        text-align: right; }
.resp_s11_pies div#ethnicity {
      height: 400px;
      width: 100%;
      margin-top: -50px; }
.resp_s11_pies div#staff {
      width: 100%;
      height: 400px;
      margin-top: -50px; }
@media only screen and (max-width: 1023px) {
    .resp_s11 {
      margin-bottom: 30px; }

    .resp_s11_pies {
      flex-direction: column;
      padding-bottom: 30px; }
      .resp_s11_pies article:first-child {
        width: 100%; }
      .resp_s11_pies article {
        width: 100%; }
      .resp_s11_pies .pie_wrap3 {
        text-align: center;
        width: 100%; }
        .resp_s11_pies .pie_wrap3 .legend-img {
          margin: 30px auto 0; }
      .resp_s11_pies .pie_wrap11 {
        width: 100%;
        margin-top: 30px; }
        .resp_s11_pies .pie_wrap11 div {
          text-align: center; }
      .resp_s11_pies div#ethnicity {
        height: 400px;
        width: 100%;
        float: left;
        margin-top: -7%; }
      .resp_s11_pies div#staff {
        height: 400px;
        width: 100%;
        float: right;
        margin-top: -7%; } }
@media only screen and (max-width: 600px) {
    .resp_s11_pies {
      padding-bottom: 0; }
      .resp_s11_pies div#ethnicity {
        height: 300px;
        width: 100%;
        float: left;
        margin-top: -7%; }
      .resp_s11_pies div#staff {
        width: 100%;
        height: 300px;
        float: right;
        margin-top: -7%; } }
.resp_s12, .resp_s13 {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: stretch;
    align-content: stretch; }
.resp_s12 div, .resp_s13 div {
      width: 48%; }
@media only screen and (max-width: 900px) {
    .resp_s12, .resp_s13 {
      flex-direction: column; }
      .resp_s12 div, .resp_s13 div {
        width: 100%; } }
.resp_s13_wrap {
    position: relative;
    padding: 50px 0 100px 0;
    margin-top: 30px; }
.resp_s13_wrap h3, .resp_s13_wrap * {
      color: #fff; }
.resp_s13_wrap .video {
      position: absolute;
      z-index: 0;
      -o-object-fit: cover;
         object-fit: cover;
      -o-object-position: center;
         object-position: center;
      top: 15%;
      left: 50%;
      transform: translate(-50%, -15%);
      width: 100%;
      height: 100%; }
.resp_s13_wrap .wrap {
      position: relative;
      z-index: 2; }
.collab_page h2 {
    color: #17264b; }
.collab_page h5 {
    color: #0e74b9; }
.collab_page .abouts3 {
    padding-top: 0; }
.collab_page .tech_s3 .wrap {
    margin-top: 80px;
    margin-bottom: 120px; }
.collab_page .tech_s3 h2 {
    color: #fff; }
/* ## Collaborators Page Section1
  --------------------------------------------- */
.collab_s1 {
    padding: 120px 0 0 0;
    position: relative; }
.collab_s1 h3 {
      color: #17264b;
      margin: 0 0 30px; }
.collab_s1 h5 {
      margin: 0 0 10px; }
.collab_s1 p {
      margin-bottom: 40px; }
.collab_s1 p:last-child {
      margin-bottom: 0; }
.collaborator {
    float: left;
    width: 100%;
    /*border-bottom: #dddddd solid 1px;*/
    /*padding-bottom: 120px;*/
    /*margin-bottom: 120px; */
    }
.coll_image {
    float: left;
    max-width: 370px;
    margin-top: 140px; }
.coll_details {
    float: right;
    max-width: 680px; }
section article {
     margin:20px 0;
   }
section h3 {
     
   }
.resp_s3 div {
  width:100%;
}
.resp_s12_wrap {
  padding-top:20px;
}
.pieOuter_wrap {
  margin:20px 0;
}