/*
****************************************************************
First Screen Styles
****************************************************************
*/
/*
****************************************************************
=== Break Points ===
--------------------
1920  - Large Desktop = min-width: 1920px
1440  - Desktop/Laptop = min-width: 1440px
768   - Tablet = min-width: 768px
390   - Mobile = max-width: 767.98px
****************************************************************
*/
/*--------------------------------------------------------------
=== FONTS ===
-------------
Roboto 300, 300i, 400, 400i, 500, 500i, 600, 600i, 700, 700i
Roboto Condensed: 400, 500, 600, 600i, 700, 700i
--------------------------------------------------------------*/
@font-face {
  font-family: 'Roboto';
  src: url('../fonts/Roboto-Light.eot');
  src: local('Roboto Light'), local('Roboto-Light'),
  url('../fonts/Roboto-Light.eot?#iefix') format('embedded-opentype'),
  url('../fonts/Roboto-Light.woff2') format('woff2'),
  url('../fonts/Roboto-Light.woff') format('woff'),
  url('../fonts/Roboto-Light.svg#Roboto-Light') format('svg');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Roboto';
  src: url('../fonts/Roboto-LightItalic.eot');
  src: local('Roboto Light Italic'), local('Roboto-LightItalic'),
  url('../fonts/Roboto-LightItalic.eot?#iefix') format('embedded-opentype'),
  url('../fonts/Roboto-LightItalic.woff2') format('woff2'),
  url('../fonts/Roboto-LightItalic.woff') format('woff'),
  url('../fonts/Roboto-LightItalic.svg#Roboto-LightItalic') format('svg');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Roboto';
  src: url('../fonts/Roboto-Regular.eot');
  src: local('Roboto Regular'), local('Roboto-Regular'),
  url('../fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'),
  url('../fonts/Roboto-Regular.woff2') format('woff2'),
  url('../fonts/Roboto-Regular.woff') format('woff'),
  url('../fonts/Roboto-Regular.svg#Roboto-Regular') format('svg');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Roboto';
  src: url('../fonts/Roboto-Italic.eot');
  src: local('Roboto Italic'), local('Roboto-Italic'),
  url('../fonts/Roboto-Italic.eot?#iefix') format('embedded-opentype'),
  url('../fonts/Roboto-Italic.woff2') format('woff2'),
  url('../fonts/Roboto-Italic.woff') format('woff'),
  url('../fonts/Roboto-Italic.svg#Roboto-Italic') format('svg');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Roboto';
  src: url('../fonts/Roboto-Medium.eot');
  src: local('Roboto Medium'), local('Roboto-Medium'),
  url('../fonts/Roboto-Medium.eot?#iefix') format('embedded-opentype'),
  url('../fonts/Roboto-Medium.woff2') format('woff2'),
  url('../fonts/Roboto-Medium.woff') format('woff'),
  url('../fonts/Roboto-Medium.svg#Roboto-Medium') format('svg');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Roboto';
  src: url('../fonts/Roboto-MediumItalic.eot');
  src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'),
  url('../fonts/Roboto-MediumItalic.eot?#iefix') format('embedded-opentype'),
  url('../fonts/Roboto-MediumItalic.woff2') format('woff2'),
  url('../fonts/Roboto-MediumItalic.woff') format('woff'),
  url('../fonts/Roboto-MediumItalic.svg#Roboto-MediumItalic') format('svg');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Roboto';
  src: url('../fonts/Roboto-SemiBold.eot');
  src: local('Roboto SemiBold'), local('Roboto-SemiBold'),
  url('../fonts/Roboto-SemiBold.eot?#iefix') format('embedded-opentype'),
  url('../fonts/Roboto-SemiBold.woff2') format('woff2'),
  url('../fonts/Roboto-SemiBold.woff') format('woff'),
  url('../fonts/Roboto-SemiBold.svg#Roboto-SemiBold') format('svg');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Roboto';
  src: url('../fonts/Roboto-SemiBoldItalic.eot');
  src: local('Roboto SemiBold Italic'), local('Roboto-SemiBoldItalic'),
  url('../fonts/Roboto-SemiBoldItalic.eot?#iefix') format('embedded-opentype'),
  url('../fonts/Roboto-SemiBoldItalic.woff2') format('woff2'),
  url('../fonts/Roboto-SemiBoldItalic.woff') format('woff'),
  url('../fonts/Roboto-SemiBoldItalic.svg#Roboto-SemiBoldItalic') format('svg');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Roboto';
  src: url('../fonts/Roboto-Bold.eot');
  src: local('Roboto Bold'), local('Roboto-Bold'),
  url('../fonts/Roboto-Bold.eot?#iefix') format('embedded-opentype'),
  url('../fonts/Roboto-Bold.woff2') format('woff2'),
  url('../fonts/Roboto-Bold.woff') format('woff'),
  url('../fonts/Roboto-Bold.svg#Roboto-Bold') format('svg');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Roboto';
  src: url('../fonts/Roboto-BoldItalic.eot');
  src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'),
  url('../fonts/Roboto-BoldItalic.eot?#iefix') format('embedded-opentype'),
  url('../fonts/Roboto-BoldItalic.woff2') format('woff2'),
  url('../fonts/Roboto-BoldItalic.woff') format('woff'),
  url('../fonts/Roboto-BoldItalic.svg#Roboto-BoldItalic') format('svg');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Roboto Condensed';
  src: url('../fonts/RobotoCondensed-Regular.eot');
  src: local('Roboto Condensed Regular'), local('RobotoCondensed-Regular'),
  url('../fonts/RobotoCondensed-Regular.eot?#iefix') format('embedded-opentype'),
  url('../fonts/RobotoCondensed-Regular.woff2') format('woff2'),
  url('../fonts/RobotoCondensed-Regular.woff') format('woff'),
  url('../fonts/RobotoCondensed-Regular.svg#RobotoCondensed-Regular') format('svg');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Roboto Condensed';
  src: url('../fonts/RobotoCondensed-Medium.eot');
  src: local('Roboto Condensed Medium'), local('RobotoCondensed-Medium'),
  url('../fonts/RobotoCondensed-Medium.eot?#iefix') format('embedded-opentype'),
  url('../fonts/RobotoCondensed-Medium.woff2') format('woff2'),
  url('../fonts/RobotoCondensed-Medium.woff') format('woff'),
  url('../fonts/RobotoCondensed-Medium.svg#RobotoCondensed-Medium') format('svg');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Roboto Condensed';
  src: url('../fonts/RobotoCondensed-SemiBold.eot');
  src: local('Roboto Condensed SemiBold'), local('RobotoCondensed-SemiBold'),
  url('../fonts/RobotoCondensed-SemiBold.eot?#iefix') format('embedded-opentype'),
  url('../fonts/RobotoCondensed-SemiBold.woff2') format('woff2'),
  url('../fonts/RobotoCondensed-SemiBold.woff') format('woff'),
  url('../fonts/RobotoCondensed-SemiBold.svg#RobotoCondensed-SemiBold') format('svg');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Roboto Condensed';
  src: url('../fonts/RobotoCondensed-SemiBoldItalic.eot');
  src: local('Roboto Condensed SemiBold Italic'), local('RobotoCondensed-SemiBoldItalic'),
  url('../fonts/RobotoCondensed-SemiBoldItalic.eot?#iefix') format('embedded-opentype'),
  url('../fonts/RobotoCondensed-SemiBoldItalic.woff2') format('woff2'),
  url('../fonts/RobotoCondensed-SemiBoldItalic.woff') format('woff'),
  url('../fonts/RobotoCondensed-SemiBoldItalic.svg#RobotoCondensed-SemiBoldItalic') format('svg');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Roboto Condensed';
  src: url('../fonts/RobotoCondensed-Bold.eot');
  src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'),
  url('../fonts/RobotoCondensed-Bold.eot?#iefix') format('embedded-opentype'),
  url('../fonts/RobotoCondensed-Bold.woff2') format('woff2'),
  url('../fonts/RobotoCondensed-Bold.woff') format('woff'),
  url('../fonts/RobotoCondensed-Bold.svg#RobotoCondensed-Bold') format('svg');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Roboto Condensed';
  src: url('../fonts/RobotoCondensed-BoldItalic.eot');
  src: local('Roboto Condensed Bold Italic'), local('RobotoCondensed-BoldItalic'),
  url('../fonts/RobotoCondensed-BoldItalic.eot?#iefix') format('embedded-opentype'),
  url('../fonts/RobotoCondensed-BoldItalic.woff2') format('woff2'),
  url('../fonts/RobotoCondensed-BoldItalic.woff') format('woff'),
  url('../fonts/RobotoCondensed-BoldItalic.svg#RobotoCondensed-BoldItalic') format('svg');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}


/*--------------------------------------------------------------
=== GLOBAL VAR ===
--------------------------------------------------------------*/
:root {
  --font-family-base:  'Roboto', Arial, Helvetica, sans-serif;
  --font-family-accent: 'Roboto Condensed';

  --text-color:       black;


  --blue:             #2873D2;
  --blue-dark:        #03045E;
  --blue-medium:      #023E8A;
  --blue-light:       #0096C7;
  --blue-lighter:     #3FAFD5; /* footer hover */
  --blue-superLight:  #D6F4FE; /* active on mobile nav */

  --purple-dark:      #3A0262;
  --purple-medium:    #5A128D;
  --purple-light:     #7400B8;
  --purple-viktoria:  #5742DE;

  --cranberry:        #AB277D;
  --gray-cool:        #B4BDD3;

  --purple-gradient:          linear-gradient(94.67deg, #3A0262 22.53%, #7400B8 92.61%); /* header & mobile dropdown nav */
  --deep-purple-to-blue-fade: linear-gradient(101.68deg, #3A0262 17.86%, #5A128D 51.12%, rgba(0, 86, 194, 0.77) 92.25%);

  --blue-light-blend-fromTop:          linear-gradient(0deg, rgba(255,255,255,0) 75.25%, #C5E7FF 125.12%); /* = shadow under nav / secondary top */
  --blue-light-blend-toBottom:          linear-gradient(180deg, rgba(255,255,255,0) 58.89%, #D6F4FE 100%); /* = new light blue blend / secondary bottom */

  --gap:              2rem;
  --brdrd:            5px;

  --mb-base:          2rem; /* == margin-bottom to <p> */
  --mv:               calc(var(--mb-base) * 3.75); /* ? NEEDS to be checked */
  --mv-box:           calc(var(--mb-base) * 10); /* ? NEEDS to be checked */
  @media (min-width: 768px) {
    --gap:            2rem;
  }
  @media (min-width: 1440px) {
    --gap:             2.8rem;
  }

/* font-size */
  --h1_hero-title: 5rem;
  --h1_hero-title_light-type: 6rem;
  --h1_hero-title_sec: 3.6rem;
  --h2_section-header: 2.4rem; /* h2 */
  --section-title: 2.9rem; /* h2 */
  --h3: 2.1rem;

  --body-copy: 1.8rem; /* = bulleted-list-copy */
  --body-copy_dark-back: var(--body-copy); /* font-size =  --body-copy */

  --call-out-copy: 2rem;
  --date: 1.4rem;
  --footer_address: 2.2rem; /* the same at all points */
  --footer_legal: 1.6rem; /* the same at all points */

  @media (min-width:768px) {
    --h1_hero-title: 5.5rem;
    --h1_hero-title_light-type: 7rem;
    --h1_hero-title_sec: 4rem;
    --h2_section-header: 2.8rem;
    --section-title: 3.4rem;
    --h3: 2.3rem;

    --body-copy: 1.8rem;

    --call-out-copy: 2.2rem;
    --date: 1.5rem;
  }
  @media (min-width: 1440px) {
    --h1_hero-title: 6.6rem;
    --h1_hero-title_light-type: 8.4rem;
    --h1_hero-title_sec: 4.4rem;
    --h2_section-header: 3rem;
    --section-title: 3.7rem;
    --h3: 2.6rem;

    --body-copy: 2rem;

    --call-out-copy: 2.4rem;
    --date: 1.6rem;
  }
  @media (min-width: 1920px) {
    --h1_hero-title: 7.2rem;
    --h1_hero-title_light-type: 9.4rem;
    --h1_hero-title_sec: 4.8rem;
    --h2_section-header: 3.4rem;
    --section-title: 4.2rem;
    --h3: 3rem;

    --body-copy: 2rem;

    --call-out-copy: 2.4rem;
    --date: 1.8rem;
  }
}


/*--------------------------------------------------------------
=== GLOBAL RESET ===
--------------------------------------------------------------*/
* { margin:0; padding:0; box-sizing:border-box;}
.clearfix { zoom:1;}
.clearfix:after { content:" "; display:table; clear:both;}
header, footer, section, nav, article, aside, details, figcaption, figure, hgroup, main, menu, summary { display:block;}
button { cursor:pointer;}
:focus { outline:none;}
button::-moz-focus-inner { border: 0;}

img, table { border: 0;}
img { display: block; max-width: 100%; height: auto;}
ul { list-style: none;}

/* FIX for laptops with scale screen 125% preset  */
@media (-webkit-device-pixel-ratio: 1.25) {
  :root {
    zoom: 0.8; }
}


/*--------------------------------------------------------------
=== BASE LAYOUT ===
--------------------------------------------------------------*/
body { min-height: 100vh; display: flex; flex-direction: column; width: 100%;}
#page, main.site-main, body > .container-fluid { flex-grow: 1;}
.site-main { overflow: hidden;}

.row { display: flex; width: 100%; gap: var(--gap); /* temp */ margin-left: 0; margin-right: 0; /**/}
.col { min-height: 1px; padding: 0; /*temp*/ }
.nowrap { white-space: nowrap;}
.space-between{ justify-content: space-between;}

.mv-top { margin-top: var(--mv);}
.mv-bot { margin-bottom: var(--mv);}
.mv-box-t { margin-top: var(--mv-box);}
.mv-box-b { margin-bottom: var(--mv-box);}

.mv-top-0 { margin-top: 0!important;}
.mv-bot-0 { margin-bottom: 0!important;}

.brdrd { overflow: hidden; border-radius: var(--brdrd);}

@media (max-width: 767.98px) {
  .section { padding: 7rem 0;}
  .container { padding-left: 16px; padding-right: 16px;}
}
@media (min-width: 768px) {
  .container { width: 100%; max-width: calc(1170px + 50px * 2); margin-left: auto; margin-right: auto; padding-left: 50px; padding-right: 50px;}
  .section { padding: 10rem 0;}
}


/*--------------------------------------------------------------
=== TYPOGRAPHY & COLORS ===
--------------------------------------------------------------*/
html { font-size: 10px; background: #fff;}
body, td, th, input, select, textarea, button { font: 400 var(--body-copy)/1.42em var(--font-family-base); color: var(--text-color);}

h1, .h1 {
  font: 600 var(--h1_hero-title_sec)/1.3 var(--font-family-base);
  color: var(--purple-medium);}
h1:not(:last-child), .h1:not(:last-child) { margin-bottom: 4rem;}
h1:not(:first-child), .h1:not(:first-child) { margin-top: 5.8rem;}
h2, .h2 {
  font: 600 var(--h2_section-header)/1.3 var(--font-family-accent);
  color: var(--purple-medium);
  padding: 0;
}
h2:not(:last-child), .h2:not(:last-child) { margin-bottom: 3.5rem;}
.secondary-content h2, .secondary-content .h2, body:not(.home) section:not(.w-dark-bg) h2, body:not(.home) section:not(.w-dark-bg) .h2 { color: var(--blue-dark);}
.secondary-content h2:not(:last-child), .secondary-content .h2:not(:last-child), .container-fluid h2:not(:last-child), .container-fluid .h2:not(:last-child) { margin-bottom: 3rem;}
.secondary-content h2:not(:first-child), .secondary-content .h2:not(:first-child), .container-fluid h2:not(:first-child), .container-fluid .h2:not(:first-child) { margin-top: 4rem;}

.blue-dark, b, strong  { color: var(--blue-dark)!important;}
.deep-purple-to-blue-fade { background: var(--deep-purple-to-blue-fade);}
.purple-medium-copy { color: var(--purple-medium)!important;}

/* --- with Dark Background */
.w-dark-bg { color: #fff;}
.w-dark-bg .section-title { color: currentColor!important;}
.w-dark-bg a:not(.btn):hover, .w-dark-bg a:not(.btn):focus, .w-dark-bg a:not(.btn):hover *, .w-dark-bg a:not(.btn):focus * { /*color: var(--blue-bright)!important;*/}
.w-dark-bg ul li:before { background: #fff;}

.call-out-copy { font: 500 var(--call-out-copy) var(--font-family-accent); color: var(--purple-medium);}
.call-out-copy + ul { margin-top: .8rem;}
.w-dark-bg .call-out-copy { color: currentColor;}


/*--------------------------------------------------------------
=== HEADER ===
--------------------------------------------------------------*/
header { z-index: 100; position: relative; top: 0; width: 100%; background: var(--purple-gradient); transition: .25s ease-in-out;}
.popup-open header { z-index: 0;}
header .container { display: flex; justify-content: space-between; transition: .25s ease-in-out;}
#logo { z-index: 101; position: relative;}
@media (max-width: 767.98px) {
  header { padding: 1.5rem 0;}
  #logo { width: 14.2rem; min-width: 14.2rem;}
}
@media (min-width: 768px) {
  header { padding: 2.4rem 0;}
  #logo { width: 16.2rem; min-width: 16.2rem;}
}
@media (min-width: 1160px) {
  header .container { align-items: center;}
}


/*--------------------------------------------------------------
=== NAVIGATION ===
--------------------------------------------------------------*/
#nav li { padding-bottom: 0!important;}
#main-nav { display: flex; justify-content: flex-end; align-items: flex-start;}
#main-nav a { display: block; font-family: var(--font-family-accent); font-size: 1.6rem; line-height: 1.2; color: white;}

#main-nav > li > a { font-weight: 700; position: relative; text-transform: uppercase;}
#main-nav .sub-menu a { font-weight: 400;}

#main-nav > li > a:after { z-index: 100; position: absolute; bottom: 16px; left: 50%; transform: translateX(-50%); height: 5px; width: 0; background: white; content: ''; transition: .25s ease-in-out;}

#main-nav a:hover, #main-nav li:hover > a, #main-nav li:focus > a, #main-nav a:focus, #main-nav .current-menu-ancestor > a { }

.nav-control { z-index: 100; position: absolute; right: 20px; display: flex; gap: 6px; flex-direction: column; align-items: center; justify-content: center; width: 40px; height: 40px; cursor:pointer;
  transform: rotate(0deg); transition: .5s ease-in-out;}
.nav-control > span { display:block; width: 100%; height: 3px; border-radius: 3px; background: white; transform: rotate(0deg); transition: .25s ease-in-out;}
.sticky-header .nav-control { margin-top: .5rem;}

@media (max-width:999px) {
  #nav { z-index: 100; width: 170px;}
  .menu-menu-container { height: 0; overflow: hidden; position: absolute; left: 0; right: 0; top: 0; background: var(--purple-gradient); transition: .25s ease-in-out;}
  /*.sticky-header .menu-menu-container { top: 6.2rem;}*/
  #main-nav > li:hover > a:after { width: 100%;}
}
@media (min-width:1000px) {
  #nav { align-self: flex-end; flex-grow: 1;}
  #main-nav { position: relative; margin-bottom: -40px; margin-right: -20px;}
  #main-nav > li { position: relative; height: 100%;}
  #main-nav > li > a { padding: 0 20px 40px;}

  .nav-control { display: none;}

  #main-nav .sub-menu { display: none; /*max-height: 0; overflow: hidden;*/ position: absolute; left:50%; /*transform: translateX(-50%);*/ margin-left: -9.5rem; padding: 0 1rem 0 1.4rem; width: 19rem; border-radius: var(--brdrd); background: #fff; /*transition: .25s ease-in-out;*/}
  #main-nav li:hover .sub-menu, #main-nav a:hover + .sub-menu { /*max-height: calc(100vh - 8rem);*/ padding-top: 1.8rem; padding-bottom: 1.8rem; box-shadow: 0px 0px 8px 2px rgba(2, 124, 211, 0.4);}
  #main-nav > li:hover > a:after, #main-nav > li.current-menu-ancestor > a:after { width: calc(100% - 40px);}

  #main-nav .sub-menu a { padding: .6rem 0; color: var(--text-color);}
  #main-nav .sub-menu a:hover { color: var(--blue-light);}
}


/*--------------------------------------------------------------
===  template SECONDARY  ===
--------------------------------------------------------------*/
.secondary-content.w-swirl, .w-gr-top, .w-gr-bot { position: relative;}
.secondary-content.w-swirl .container, .w-gr-top .container, .w-gr-bot .container { z-index: 2; position: relative;}
.secondary-content.w-swirl { overflow: hidden;}

.w-gr-top:before, .w-gr-bot:after { z-index: 0; position: absolute; left: 0; right: 0; content: "";}
.w-gr-top:before { top: 0; height: 16rem; background: var(--blue-light-blend-fromTop);}
.w-gr-bot:after { bottom: 0; height: 27.1rem; background: var(--blue-light-blend-toBottom);}

.secondary-swirl { z-index: 1; position: absolute; content: ""; left: -62px; top: -176px; width: 768px; height: 768px; content: ""; background: url("../img/swirl-hero.png") center / contain no-repeat;}
.secondary-swirl + .container { z-index: 2; position: relative;}

@media (max-width:767.98px) {
  .secondary-swirl { left: -62px; top: -116px; width: 380px; height: 380px;}
}
@media (min-width:768px) {
  .secondary-content.section { padding-bottom: 10.5rem;}
}
@media (min-width:768px) and (max-width: 1229px) {
  .secondary-swirl { left: -192px;}
}
@media (min-width:1230px) and (max-width: 1489px) {
  .secondary-swirl { left: calc(25vw - 500px);}
}


/*--------------------------------------------------------------
=== PAGE ABOUT ===
--------------------------------------------------------------*/





/*--------------------------------------------------------------
=== PAGE SCIENCE ===
--------------------------------------------------------------*/
@media (min-width:768px) {  /* NEED to MOVE */
  .intro-science .col-2 {  padding-left: 6rem;}
}

/* banner-plain */
body.content-page .banner-plain { position: relative; margin-bottom: 4rem; padding: 8.5rem 0 0; background: none!important;}
body.content-page .banner-plain h1 { margin: 0; padding: 0;}

body.content-page .site-main:before { z-index: 0; position: absolute; left: 0; right: 0; top: 0; height: 16rem; background: var(--blue-light-blend-fromTop); content: "";}

body.content-page .banner-plain:after { z-index: 1; position: absolute; content: ""; left: -62px; top: -176px; width: 768px; height: 768px; content: ""; background: url("/wp-content/themes/celcuity/assets-2025/img/swirl-hero.png") center / contain no-repeat;}

body.content-page .site-main { position: relative; padding-bottom: 10.5rem;}
body.content-page .site-main:after { z-index: 0; position: absolute; left: 0; right: 0; bottom: 0; width: 100vw; height: 27.1rem; content: ""; background: var(--blue-light-blend-toBottom);}
body.content-page .site-main .container-fluid { z-index: 2; position: relative;}


  /*--------------------------------------------------------------
  === ANIMATION ===
  --------------------------------------------------------------*/
.animate-me {
  -webkit-animation-duration: 1s;
  animation-duration: 1.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
@-webkit-keyframes slideInTop {
  0% {
    opacity: 0;
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes slideInTop {
  0% {
    opacity: 0;
    -webkit-transform: translateY(50px);
    -ms-transform: translateY(50px);
    transform: translateY(50px);
  }

  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.animate-in {
  -webkit-animation-name: slideInTop;
  animation-name: slideInTop;
}
/* TEMP */
body { margin: 0!important; padding: 0!important;}
@media (max-width: 600px) {
  html #wpadminbar { top: -46px;}
}
.publications-page .animate-me {
  opacity: 1;
  transform: translateY(0);
}
/* / */