/*
Theme Name: One Page Express Ultra Plus
Theme URI: https://academic-union-network.org
Author: ExtendThemes
Author URI: https://academic-union-network.org
Description: One Page Express Ultra Plus is a beautiful WordPress Theme that can be used to create a one page website in minutes by drag and drop. In comes with a predesigned home page and over 30 ready to use content sections that you can easily customize. It also has lots of customization options (video background, slideshow background, header content types, etc) that will help you create a beautiful, unique one page website in no time. One Page Express is responsive so it works on mobile devices out of the box. DEMO: https://academic-union-network.org
Version: 1.0.0
License: GNU General Public License version 3
License URI: http://www.opensource.org/licenses/gpl-license.php GPL v3.0 (or later)
Tags: one-column, right-sidebar, custom-header, custom-menu, custom-logo, full-width-template, theme-options, translation-ready, blog, featured-images, threaded-comments
Text Domain: one-page-express-ultra-plus
Tested up to: 6.7
Requires PHP: 7.4

This theme, like WordPress, is licensed under the GPL.
*/
#pll-float {
  --pll-float-bg: #fff;
  --pll-float-fg: #111;
  --pll-float-shadow: 0 8px 24px rgba(0, 0, 0, 0.18);
  --pll-float-radius: 9999px;
  --pll-float-gap: 0.5rem;
  --pll-float-pad-block: 0.5rem;
  --pll-float-pad-inline: 0.75rem;
  --pll-flag-size: 18px;
  --pll-z: 99999;
  --pll-ring: 2px;
  --pll-ring-color: color-mix(in oklab, CanvasText 25%, transparent);
  position: fixed;
  inset-block-end: max(16px, env(safe-area-inset-bottom));
  inset-inline-end: max(16px, env(safe-area-inset-right));
  z-index: var(--pll-z);
  color: var(--pll-float-fg);
  background: var(--pll-float-bg);
  border-radius: var(--pll-float-radius);
  padding-block: var(--pll-float-pad-block);
  padding-inline: var(--pll-float-pad-inline);
  box-shadow: var(--pll-float-shadow);
  font-size: 0.9375rem;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  backdrop-filter: saturate(180%) blur(8px);
  -webkit-backdrop-filter: saturate(180%) blur(8px);
  border: 1px solid color-mix(in oklab, currentColor 12%, transparent);
}
#pll-float.is-left {
  inset-inline: auto auto;
  inset-inline-start: max(16px, env(safe-area-inset-left));
}
#pll-float.is-top {
  inset-block: max(16px, env(safe-area-inset-top)) auto;
}
#pll-float :where(ul) {
  margin: 0;
  padding: 0;
  list-style: none;
  display: inline-flex;
  align-items: center;
  gap: var(--pll-float-gap);
  flex-wrap: wrap;
}
#pll-float :where(li) {
  display: inline-flex;
  align-items: center;
}
#pll-float :where(a) {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  text-decoration: none;
  padding: 0.35rem 0.5rem;
  border-radius: 9999px;
  outline: none;
  color: inherit;
}
#pll-float :where(a):hover {
  background: color-mix(in oklab, currentColor 10%, transparent);
}
#pll-float :where(a):focus-visible {
  box-shadow: 0 0 0 var(--pll-ring) var(--pll-ring-color);
}
#pll-float :where(img) {
  inline-size: var(--pll-flag-size);
  block-size: auto;
  border-radius: 2px;
  aspect-ratio: auto;
}

@media (max-width: 782px) {
  :root {
    --pll-flag-size: 16px;
  }
  #pll-float {
    font-size: 0.875rem;
    inset-inline-end: max(14px, env(safe-area-inset-right));
    inset-block-end: max(14px, env(safe-area-inset-bottom));
  }
  #pll-float :where(a) {
    padding: 0.3rem 0.45rem;
  }
}
@media (prefers-reduced-motion: reduce) {
  #pll-float, #pll-float * {
    transition: none !important;
    animation: none !important;
  }
}
@media (prefers-color-scheme: dark) {
  #pll-float {
    --pll-float-bg: rgba(28, 28, 30, 0.8);
    --pll-float-fg: #eee;
    --pll-float-shadow: 0 8px 24px rgba(0, 0, 0, 0.45);
    --pll-ring-color: color-mix(in oklab, #a5b4fc 45%, transparent);
  }
}
@media (forced-colors: active) {
  #pll-float {
    background: Canvas;
    color: CanvasText;
    box-shadow: none;
    border: 1px solid ButtonText;
  }
  #pll-float :where(a:focus-visible) {
    outline: 2px solid Highlight;
    box-shadow: none;
  }
}
@media print {
  #pll-float {
    display: none !important;
  }
}
html {
  --header-height: 90px;
  scroll-padding-top: var(--header-height);
  scroll-padding-top: calc(var(--header-height) + env(safe-area-inset-top));
}

html {
  --header-height: 90px;
}

@media (min-width: 768px) {
  html {
    --header-height: 120px;
  }
}
@media (min-width: 1024px) {
  html {
    --header-height: 120px;
  }
}
.wpcf7-form input[type=email] {
  -webkit-appearance: none;
  appearance: none;
  background: #fafafa;
  border: 1px solid #dddddd;
  border-radius: 0;
  box-shadow: none;
  color: #555555;
  height: 45px;
  line-height: 1.428571429;
  margin-top: 10px;
  outline: none;
  padding: 11px 12px;
  transition: all ease-in-out 0.15s;
  vertical-align: middle;
  width: 100%;
  box-sizing: content-box;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video,
caption {
  font-family: "Noto Sans SC", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 1em;
}

body,
p {
  text-align: left;
}

p {
  margin: 1.5em 0;
}

li {
  margin: 1em 0;
}

strong {
  font-weight: 900;
}

h1,
h2 {
  text-align: center;
}

h1 {
  font-size: 2em;
  margin: 2em 0;
}

h2 {
  font-size: 1.6em;
  margin: 1.6em 0;
}

h3 {
  font-size: 1.4em;
  margin: 1.4em 0;
}

h4 {
  font-size: 1.2em;
  margin: 1.2em 0;
}

h5 {
  font-size: 1em;
  margin: 1em 0;
}

h6 {
  font-size: 1em;
  margin: 1em 0;
}

h1 {
  font-family: "Noto Sans SC", sans-serif;
  font-optical-sizing: auto;
  font-weight: 900;
  font-style: normal;
}

h2 {
  font-family: "Noto Sans SC", sans-serif;
  font-optical-sizing: auto;
  font-weight: 900;
  font-style: normal;
}

h3 {
  font-family: "Noto Sans SC", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}

h4 {
  font-family: "Noto Sans SC", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}

h5 {
  font-family: "Noto Sans SC", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

h6 {
  font-family: "Noto Sans SC", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

@media only screen and (min-width: 1024px) {
  ul,
  ol,
  li {
    line-height: 150%;
  }
}
@media only screen and (min-width: 768px) {
  ul,
  ol,
  li {
    line-height: 130%;
  }
}
div.header-homepage,
div.header {
  padding-top: 2em;
  padding-bottom: 0;
}

div.page.type-page.hentry {
  padding: 2em;
  box-shadow: 0 0 2em 0 gray;
  /* 	background-color: gray; */
}