/*
Theme Name: Livongwithout Theme
Template: twentytwenty
Author: Viktor Blaskovics
Description: Custom Wordpress Theme
Tags: twenty-twenty-child
Version: 1.0.1611232664
Updated: 2021-01-21 12:37:44

*/

:root {
  --scrollbar-width: calc(100vw - 100%);
}

.post-inner {
  padding: 25px;
  padding-bottom: 0px;
}

@media (min-width: 700px) {
  #site-content .page header.entry-header {
    padding-top: 5px;
  }
}

@media (min-width: 700px) {
  .entry-content > .alignwide:not(.wp-block-group.has-background),
  .entry-content > .alignfull:not(.wp-block-group.has-background) {
    margin-top: 5px;
    margin-bottom: 25px;
  }
}

.livi-btn {
  width: 100%;
}

.livi-btn a {
  width: 100%;
}

.entry-title {
  color: white;
}

#site-content .page header {
  padding-top: 30px;
  padding-bottom: 30px;
}

#site-header .header-inner {
  justify-content: center !important;
}

#site-header {
  background-color: #475266 !important;
}

.header-titles-wrapper {
  justify-content: center !important;
}

/* LAYOUT */
.wp-block-buttons.aligncenter {
  justify-content: center;
}

#site-content .post-inner {
  padding-top: 0px !important;
}

#site-content {
  min-height: calc(100vh - 200px);
}

.no-margin-vertically {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}

/* BLOCK MODIFIERS */
.block-narrow {
  margin-bottom: 20px !important;
  margin-top: 10px !important;
}

/* FONT */
h1 {
  font-family: "Open Sans", sans-serif;
  font-size: 36px;
  font-weight: 800;
}

h2 {
  font-family: "Open Sans", sans-serif;
  font-size: 30px;
  font-weight: 600;
}

h3 {
  font-family: "Open Sans", sans-serif;
  font-size: 24px;
  font-weight: 400;
}

h4 {
  font-family: "Open Sans", sans-serif;
  font-size: 20px;
  font-weight: 350;
}

h5 {
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  font-weight: 325;
}

p {
  font-family: "Lato", sans-serif;
}

.widget_text p {
  font-family: "Open Sans", sans-serif;
}

@supports (font-variation-settings: normal) {
  body {
    font-family: "Open Sans", sans-serif;
  }
}

@supports (font-variation-settings: normal) {
  input,
  textarea,
  button,
  .button,
  .faux-button,
  .faux-button.more-link,
  .wp-block-button__link,
  .wp-block-file__button {
    font-family: "Open Sans", sans-serif;
  }
}

.entry-content {
  font-family: "Open Sans", sans-serif;
  letter-spacing: normal;
}

.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6,
.entry-content span,
.entry-content cite,
.entry-content figcaption,
.entry-content table,
.entry-content address,
.entry-content .wp-caption-text,
.entry-content .wp-block-file {
  font-family: "Open Sans", sans-serif;
}

.font-color-main {
  color: #b47067 !important;
}

.font-color-second {
  color: #475266 !important;
}

/* MENU */
header .site-description {
  display: none;
}

#site-content header.entry-header {
  display: none;
}

/* INPUT TEXT */
input[type="text"] {
  padding: 10px !important;
}

input[type="password"] {
  padding: 10px !important;
}

/* BUTTON */
input[type="submit"] {
  line-height: 1;
  background-color: #b47067 !important;
  padding: 0.7em 1.1em;
  border-radius: 10px;
}

#site-content .wp-block-button > a {
  line-height: 1;
  background-color: #b47067 !important;
  padding: 0.7em 1.1em;
}

#site-content a.wp-block-button__link {
  color: white !important;
}

#site-content .wp-block-button.is-style-outline > a {
  background-color: transparent !important;
}

#site-content .wp-block-button.is-style-outline > a.wp-block-button__link {
  color: black !important;
  /* border-color: #475266; */
  border-width: medium;
}

.button-expand {
  transition: all 0.1s ease !important;
  transform: scale(1) !important;
}

.button-expand:hover {
  /*  Making button bigger on hover  */
  transform: scale(1.025) !important;
}

.button-shadow {
  border-radius: 10px;
  -moz-box-shadow: 0 3px 5px #ccc;
  -webkit-box-shadow: 0 3px 5px #ccc;
  -o-box-shadow: 0 3px 5px #ccc;
  -ms-box-shadow: 0 3px 5px #ccc;
  box-shadow: 0 3px 5px #ccc;
}

/* LINK */
#site-content a {
  color: #b47067 !important;
  border-radius: 10px;
}

/* FOOTER */
#site-footer {
  display: none !important;
}

.footer-bar {
  padding-top: 10px;
  padding-bottom: 10px;
}

.footer-bar a {
  color: white !important;
}

.footer-inner {
  margin: 0px !important;
  width: 100% !important;
  max-width: none !important;
}

@media screen and (min-width: 768px) {
  .footer-inner {
    padding: 0 0 0 6rem;
  }
}

.footer-widgets-outer-wrapper {
  padding: 0px !important;
}

.footer-widgets-wrapper {
  justify-content: center !important;
  margin-left: 0px !important;
  text-align: center !important;
  width: 100% !important;
  flex-flow: column;
}

.insert-page-324 .wp-block-buttons {
  align-items: flex-start !important;
}

.footer-widgets-wrapper p {
  font-size: 12px !important;
  margin: 0px !important;
  color: white !important;
}

.footer-widgets {
  width: 100% !important;
  margin: 0px !important;
}

.footer-widgets .swpm-partial-protection {
  display: none;
}

.footer-widgets.column-two {
  display: none;
}

.footer-widgets .widget {
  margin-top: 2rem;
}

.footer-widgets .widget.widget_text {
  padding-top: 10px;
  padding-bottom: 10px;
}

.footer-nav-widgets-wrapper.header-footer-group {
  margin-top: 0px !important;
}

.footer-nav-widgets-wrapper {
  background-color: #475266 !important;
}

.wp-block-button.is-style-outline a {
  color: #ffffff !important;
  border: solid 1px #b46f67;
  border-radius: 4px;
}

.insert-page-324 .wp-block-button a {
  width: 200px !important;
}

.insert-page-324 .wp-block-button a {
  box-shadow: 0 0 10px rgba(52, 60, 75, 0.8) !important;
}

.insert-page-324 .wp-block-button:last-child a {
  /* width: 250px !important; */
  background-color: #b46f67 !important;
}

.p324c.p324c5 a {
  width: 250px;
  background-color: #b46f67 !important;
}

/* FOOTER INSERT PAGE */
.insert-page-324 {
  background-color: #475266;
  width: calc(100vw-var(var(--scrollbar-width))) !important;
  max-width: calc(100vw-var(var(--scrollbar-width))) !important;
  padding-top: 10px;
  margin-top: 0px !important;
  margin-bottom: 0px !important;
  margin-left: calc(-50vw + 50%) !important;
  margin-right: calc(-50vw + 50%) !important;
}

.insert-page-324 hr {
  border-top: solid 4px white !important;
  width: 100vw;
  max-width: 1040px;
}
.insert-page-324 hr:before {
  content: none !important;
}
.insert-page-324 hr:after {
  content: none !important;
}

.insert-page-324 .wp-block-buttons > .wp-block-button {
  margin-top: 10px;
}

.insert-page-324 .wp-block-buttons {
  padding-bottom: 5px !important;
  margin-top: 10px !important;
}

.insert-page-324 .wp-block-button {
  width: 200px;
}

#site-content
  .insert-page-324
  .wp-block-button.is-style-outline
  > a.wp-block-button__link {
  width: 165px;
  color: white !important;
  color: white !important;
  padding-left: 5px !important;
  padding-right: 5px !important;
  padding-top: 20px !important;
  padding-bottom: 20px !important;

  -moz-box-shadow: 4px 4px 10px -4px rgba(0, 0, 0, 0.81);
  -webkit-box-shadow: 4px 4px 10px -4px rgba(0, 0, 0, 0.81);
  -o-box-shadow: 4px 4px 10px -4px rgba(0, 0, 0, 0.81);
  -ms-box-shadow: 4px 4px 10px -4px rgba(0, 0, 0, 0.81);
  box-shadow: 4px 4px 10px -4px rgba(0, 0, 0, 0.81);
}

#site-content
  .insert-page-324
  .wp-block-button.is-style-outline.button-variant-1
  > a.wp-block-button__link {
  text-decoration: underline !important;
  border-color: white !important;
  border-radius: 20px;
  border-width: thick;
}

#site-content
  .insert-page-324
  .wp-block-button.is-style-outline.button-variant-2
  > a.wp-block-button__link {
  color: white !important;
  border-color: #eaacb8 !important;
  /* border-color: #475266; */
  border-radius: 20px;
  border-width: thick;
}

#site-content
  .insert-page-324
  .wp-block-button.is-style-outline.button-variant-3 {
  min-width: 240px;
}

#site-content
  .insert-page-324
  .wp-block-button.is-style-outline.button-variant-3
  > a.wp-block-button__link {
  background-color: white !important;
  color: #b47067 !important;
  border-radius: 20px;
  border-width: 5px;
  border-color: white;
  width: 240px;
  font-weight: 700;
  font-size: 18px;
  padding-top: 16px !important;
  padding-bottom: 16px !important;
  line-height: 21px;
}

#site-content
  .insert-page-324
  .wp-block-button.is-style-outline.button-variant-4 {
  min-width: 240px;
}

#site-content
  .insert-page-324
  .wp-block-button.is-style-outline.button-variant-4
  > a.wp-block-button__link {
  background-color: #475266 !important;
  color: white !important;
  border-radius: 20px;
  border-width: 5px;
  border-color: #475266;
  width: 240px;
  font-weight: 700;
  font-size: 18px;
  padding-top: 16px !important;
  padding-bottom: 16px !important;
  line-height: 21px;
}

.insert-page-324 .p324c:after {
  color: white;
  margin-top: 10px;
  display: block;
  font-size: 15px;
  text-align: center;
}

.insert-page-324 .p324c1:after {
  content: "Értelmezési segítség";
}

.insert-page-324 .p324c2:after {
  content: "Módszertani segítség";
}

.insert-page-324 .p324c3:after {
  content: "Technikai segítség";
}

.insert-page-324 .p324c4:after {
  content: "Mentálhigiénés segítség";
  margin-left: -10px;
  min-width: 180px;
}

.insert-page-324 .p324c5:after {
  content: "Hogyan fejlődj tovább?";
  min-width: 180px;
}

.insert-page-324 .wp-block-separator {
  margin-top: 0px;
  margin-bottom: 0px;
}

/* HORIZONTAL RULE */
.line-primary {
  background-color: #b47067;
  border-radius: 3px;
}

/* ROUTER */
body.page-id-608 {
  background-color: white !important;
}

.page-id-608 #site-content {
  visibility: hidden;
}

.page-id-608 header {
  visibility: hidden;
}

.page-id-608 .footer-nav-widgets-wrapper {
  visibility: hidden;
}

/* MEMBERSHIP PLUGIN */
.swpm-post-no-access-msg {
  display: none;
}
.swpm-post-not-logged-in-msg {
  display: none;
}

/* LOGIN PAGE */
.page-id-92 .logout {
  display: none !important;
}

.login-forgotten-email {
  font-family: "Lato", sans-serif;
  text-align: center;
  text-transform: uppercase;
  padding-top: 10px;
  /* margin-top: 100px; */
  font-size: 12px;
}

.login-forgotten-email a {
  color: white !important;
}

.swpm-login-action-msg {
  font-size: 18px;
  text-align: center;
  padding-top: 10px;
}

.page-id-92 {
  position: relative;
}

.login-page-bg {
  background-color: #475266;
  position: relative;
  width: 100vw;
  height: calc(100vh - 82px);
  margin-bottom: 0 !important;
}
.login-page-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 6rem;
  background-color: #b47067;
  border-bottom-left-radius: 30px;
  padding-right: 6rem;
}

.login-page-wrapper .wp-block-group__inner-container {
  display: grid !important;
  grid-template-areas: "a"
    "b";
  grid-template-columns: 1fr;
}

.swpm-login-widget-form {
  grid-area: b;
  padding: 0 4rem;
}

.login-page-logo {
  grid-area: a;
  padding: 0 6rem;
}

/* .login-page-rosa {
  grid-area: b;
  padding-right: 16rem;
  display: flex;
  align-items: flex-end;
} */

@media screen and (max-width: 768px) {
  .login-page-rosa {
    display: none;
  }

  .login-page-wrapper .wp-block-group__inner-container {
    grid-template-columns: 1fr;
  }

  .login-page-wrapper {
    padding-left: 0;
  }
}

.page-id-92 .post-meta-wrapper {
  display: none;
}

.page-id-92 header {
  background-color: #b47067 !important;
}

.page-id-92 #site-header {
  display: none;
}

.page-id-92 .header-titles-wrapper {
  padding: 0px !important;
}

.page-id-92 {
  height: 100%;
  background-color: #b47067 !important;
}

.page-id-92 .mobile-search-toggle,
.mobile-nav-toggle {
  display: none !important;
}

.page-id-92 .page header.entry-header {
  display: none !important;
}

.page-id-92 .post-inner {
  background-color: #b47067;
  padding: 0;
}

.page-id-92 footer {
  display: none !important;
}

.page-id-92 .entry-content .wp-block-image {
  margin-bottom: 0px !important;
}

.page-id-92 #swpm-login-form {
  margin: 10px;
  padding: 20px;
  background: white;
}

.page-id-92 .swpm-login-form-inner {
  display: inline-flex;
  flex-flow: wrap;
}

.page-id-92 .swpm-login-form-inner div {
  flex: 0 0 100%;
}

.page-id-92 .swpm-login-form-inner .swpm-remember-me {
  flex: 1 1 100%;
  flex-basis: auto;
  text-align: center;
  padding-top: 5px;
  font-size: medium;
}

.page-id-92 .swpm-login-form-inner .swpm-login-submit {
  margin-left: 0px !important;
  flex: 1 1 100%;
  text-align: center;
}

.page-id-92 .swpm-login-form-inner .swpm-login-submit input {
  margin: 0px;
}

.page-id-92 .swpm-before-login-submit-section {
  flex: 0 !important;
}

.page-id-92 .swpm-login-form-submit {
  margin-top: 10px !important;
}

.page-id-92 .insert-page-324 {
  display: none !important;
}

.insert-page-636 {
  /* background-color: #b46f67; */
}
.insert-page-636 a {
  color: #ffffff !important;
}

@media screen and (max-width: 450px) {
  .page-id-92 .swpm-login-widget-form {
    /* width: 100vw !important; */
    max-width: 450px !important;
    margin-left: -25px;
  }
}

#site-content .post-92 .swpm-login-widget-form {
  /* max-width: 400px; */
  margin-top: 6rem;
}

/* BREADCRUMB */
.page-template-default .fbc.fbc-page {
  max-width: none !important;
}

.fbc-page .fbc-wrap .fbc-items {
  background-color: transparent !important;
}
.fbc-page .fbc-wrap .fbc-items span {
  font-weight: 550;
}

/* WELCOME PAGE */
.welcome .page header.entry-header {
  display: none !important;
}

.welcome .button-welcome {
  margin-top: 0px;
}

.welcome .button-welcome a {
  font-size: 32px;
  width: 430px;
  padding-left: 10px !important;
  padding-right: 10px !important;
}

.welcome .button-welcome a:after {
  content: "»";
  font-family: serif;
  text-align: right;
  float: right;
  transform: translate(0px, -4px);
}

@media screen and (max-width: 450px) {
  .welcome .button-welcome a {
    width: 100vw;
    font-size: 26px;
    border-radius: 0px !important;
  }
}

.welcome .button-welcome-medium a {
  font-size: 24px !important;
  min-width: 220px;
}

.welcome .title-welcome {
  max-width: 600px !important;
}

.welcome .packages-area-welcome {
  display: flex;
  justify-content: center;
  max-width: 800px !important;
  padding: 20px !important;
  border-radius: 25px;
}

@media screen and (max-width: 450px) {
  .welcome .packages-area-welcome {
    width: 100% !important;
    margin-left: 0px;
    margin-right: 0px;
    /* align-items: center; */
  }
}

.welcome .packages-area-welcome .wp-block-buttons {
  margin-top: 10px;
  margin-bottom: 10px;
}

.welcome .button-sm-card-welcome a {
  min-width: 160px !important;
  padding-top: 15px !important;
  padding-bottom: 15px !important;
  border-radius: 15px !important;
}

@media screen and (max-width: 450px) {
  .welcome .button-sm-card-welcome a {
    width: 70vw !important;
  }
}

.welcome .button-bg-card-welcome a {
  min-width: 200px !important;
  padding-top: 15px !important;
  padding-bottom: 15px !important;
  border-radius: 15px !important;
}

@media screen and (max-width: 450px) {
  .welcome .button-bg-card-welcome a {
    width: 70vw !important;
  }
}

.welcome .wp-block-buttons .wp-block-button.button-sm-card-welcome {
  margin-left: 10px !important;
  margin-right: 10px !important;
}

.welcome .wp-block-buttons .wp-block-button.button-bg-card-welcome {
  margin-left: 10px !important;
  margin-right: 10px !important;
}

.welcome #button-welcome-main {
  min-width: 260px;
}

@media screen and (max-width: 800px) {
  .welcome .block-welcome .wp-block-column {
    flex-basis: 100% !important;
    width: 100vw;
    max-width: 100vw;
  }
}

/* TARTALOMJEGYZEK */
.table-of-contents #site-content header {
  display: none !important;
}

.table-of-contents .su-spoiler-title {
  font-size: 20px !important;
}

.table-of-contents ul.page-list > li > a {
  font-weight: 700;
}

.table-of-contents .wp-block-column > h3 {
  font-weight: 850;
}

/* LECKÉK */
.lecke-menu-insert-page {
  padding-top: 20px;
}

.lecke-root {
  margin-top: -15px;
}

.lecke-inner {
  margin-top: 0px !important;
}

.lecke-sidebar {
  max-width: 300px;
}

#site-content .lecke-head-menu {
  margin: 0px;
  padding-left: 20px;
  z-index: 10;
  position: relative;
}

#site-content
  .lecke-head-menu
  .wp-block-button.is-style-outline
  > a.wp-block-button__link {
  text-align: left;
  color: white !important;
}

.lecke-card {
  border: solid 2px #b47067;
  border-radius: 6px;
}

@media screen and (max-width: 1269px) {
  .entry-content .wp-block-buttons > .wp-block-button.lecke-menu-item:before {
    display: none;
  }

  .entry-content .wp-block-buttons > .wp-block-button.lecke-menu-item {
    padding: 8px;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-right: 5px;
    justify-content: center;
    min-width: fit-content;
  }
}

@media screen and (max-width: 880px) {
  .wp-block-column.lecke-content {
    flex-basis: 100% !important;
  }

  .lecke-inner {
    display: block;
  }

  .lecke-sidebar {
    max-width: 100%;
  }

  .lecke-sidebar .wp-block-columns {
    margin-bottom: 5px !important;
  }

  .wp-block-buttons > .wp-block-button.lecke-menu-item a br {
    content: " ";
    margin-left: 5px;
    /* display :none; */
  }

  .entry-content .wp-block-buttons > .wp-block-button.lecke-menu-item:before {
    display: none;
  }

  .entry-content .wp-block-buttons > .wp-block-button.lecke-menu-item {
    padding: 10px;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-right: 0px;
    flex: 1 1 100%;
    justify-content: center;
  }
}

@media screen and (max-width: 450px) {
  .entry-content .wp-block-buttons > .wp-block-button.lecke-menu-item {
    margin-left: -65px;
    min-width: 100vw;
    border-radius: 0px;
  }

  .lecke-inner {
    margin-left: -45px;
    min-width: 100vw;
  }

  .lecke-inner ul li a {
    border-radius: 0px !important;
  }

  .lecke-inner ul li {
    margin-left: 0px;
  }
}

.lecke-content > h2 {
  margin-top: 10px !important;
}

.wp-block-buttons > .wp-block-button.lecke-menu-item {
  background-color: #b46f67;
  border-radius: 10px;
  margin-top: 10px;
  margin-right: 5px;
  display: flex;
  align-items: center;
  min-width: 190px;
  flex: 1 0 auto;
}

.wp-block-buttons > .wp-block-button.lecke-menu-item.lecke-active {
  background-color: #85514b;
}

.wp-block-buttons > .wp-block-button.lecke-menu-item.lecke-active a {
  border: none;
}

.lecke-menu-item .wp-block-button__link {
  padding: 0px !important;
  font-size: 16px !important;
  font-weight: 450;
}

.lecke-menu-item:before {
  content: " ";
  display: inline-block;
  width: 45px;
  height: 45px;
  background-size: 45px;
  margin: 5px;
  /* transform      : translate(0px, 15px); */
}

.lecke-menu-item-1:before {
  background-image: url(/wp-content/uploads/2021/03/pi1.png);
}

.lecke-menu-item-2:before {
  background-image: url(/wp-content/uploads/2022/02/ora.png);
}

.lecke-menu-item-3:before {
  background-image: url(/wp-content/uploads/2021/03/pi3.png);
}

.lecke-menu-item-4:before {
  background-image: url(/wp-content/uploads/2022/02/haromszog.png);
}

.lecke-menu-item-5:before {
  background-image: url(/wp-content/uploads/2022/02/kor.png);
}

.lecke-menu-item-6:before {
  background-image: url(/wp-content/uploads/2022/02/toll.png);
}

.lecke-menu-item-7:before {
  background-image: url(/wp-content/uploads/2021/03/pi7.png);
}

.lecke-menu-item-8:before {
  background-image: url(/wp-content/uploads/2021/03/pi8.png);
}

.lecke-sidebar {
  min-width: 350px;
  transform: translateY(-30px);
}

/* MENU-ACCORDION */
.menu-accordion-title {
  display: block;
  padding: 10px;
  margin-top: 42px;
  margin-bottom: -30px;
  margin-left: 20px;
  background-color: #b47067;
  font-size: 16px !important;
  font-family: "Open Sans";
  font-weight: 450 !important;
  color: white !important;
  text-transform: uppercase;
  text-align: left;
  border-radius: 10px;
}

.menu-accordion-title .lecke-active {
  font-weight: bold;
}

#site-content .menu-accordion-title a {
  color: white !important;
  text-decoration: initial;
}

#site-content .menu-accordion-title a:hover {
  text-decoration: underline;
}

@media screen and (max-width: 450px) {
  .menu-accordion-title {
    min-width: 100vw;
    margin-top: 35px;
    margin-bottom: -25px;
    margin-left: 0px !important;
  }
}

@media (max-width: 700px) {
  .menu-accordion-title {
    margin-top: 35px;
    margin-bottom: -25px;
    margin-left: 20px;
  }
}

.menu-accordion > ul {
  margin: 0px;
}

.menu-accordion ul li ul {
  display: none;
}

.menu-accordion ul li.ma-item-open ul {
  display: block;
}

.menu-accordion > ul > li {
  list-style: none;
  background-color: #f0f0f0;
  border-radius: 5px;
  padding-bottom: 10px;
}

#site-content .menu-accordion > ul > li > a {
  display: block;
  border-radius: 10px;
  width: inherit;
  padding: 10px;
  background-color: #b46f67;
  color: #2c3546 !important;
  font-size: 18px !important;
  font-family: "Open Sans";
  font-weight: 400;
  color: white !important;
  text-decoration: initial;
}

#site-content .menu-accordion > ul > li > a:hover {
  text-decoration: underline;
}

#site-content .menu-accordion > ul > li > a.lecke-active {
  font-weight: 800;
  background-color: #b46f67;
}

#site-content .menu-accordion > ul > li > ul a {
  font-size: 18px !important;
  font-family: "Open Sans";
  font-weight: 400;
  text-decoration: initial;
}

#site-content .menu-accordion > ul > li > ul a:hover {
  text-decoration: underline;
}

#site-content .menu-accordion > ul > li > ul a.lecke-active {
  font-weight: 800;
}

/* DEBUG */
.primary-menu {
  display: none !important;
}

.powered-by-wordpress {
  display: none !important;
}

.tab-content hr {
  margin-top: 40px;
  margin-bottom: 10px;
}

/* AUDIOIGNITER */
.audioigniter-column {
  display: flex;
  justify-content: space-around;
}

.audioigniter-root {
  flex: 1;
}

@media screen and (max-width: 450px) {
  .audioigniter-root {
    min-width: 100vw;
  }
}

.audioigniter-root .ai-wrap.ai-type-full {
  background-color: #475266 !important;
}

.ai-audio-controls-main button {
  background-color: #fff !important;
}

.ai-audio-controls-main button svg {
  fill: #475266 !important;
}

.ai-track-progress-bar {
  background-color: white !important;
}

.ai-track-progress {
  background-color: #475266 !important;
}

.ai-track-progress-bar {
  outline: white solid 1px;
}

.ai-btn {
  background-color: white !important;
}

.ai-btn svg {
  fill: #475266 !important;
}

.ai-audio-volume-bars {
  border: solid 1px white !important;
}

.ai-volume-bar {
  background-color: white !important;
}

.ai-volume-bar.ai-volume-bar-active {
  background-color: white !important;
}

.ai-volume-bar.ai-volume-bar-active:before {
  background-color: #475266 !important;
}

.ai-wrap .ai-volume-bar {
  border-right: 1px solid #eaacb8 !important;
}

/* PDF VIEWER */
.pdfjs-viewer #print {
  display: none;
}

@media screen and (max-width: 450px) {
  .pdfjs-viewer {
    min-width: 100vw;
    max-height: 75vh;
  }
}