#accessibilityBar * {
  box-sizing: border-box;
}
#accessibilityBar {
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  z-index: 9999;
  position: fixed;
  top: 50%;
  right: 0;
  transform: translate(100%, -50%);
  background-color: rgba(34, 34, 34, 0.75);
  border-radius: 0.5rem 0 0 0.5rem;
  box-shadow: 0 5px 30px rgba(34, 34, 34, 0);
}
#accessibilityBar.active {
  transform: translate(0, -50%);
  box-shadow: 0 5px 30px rgba(34, 34, 34, 0.5);
}
#accessibilityBar button {
  outline: none !important;
  box-shadow: none !important;
  -webkit-appearance: none;
  cursor: pointer;
}
#accessibilityBar button#universalAccessBtn {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 1;
  color: white;
  background-color: #2e78ec;
  width: 2.5rem;
  height: 2.5rem;
  padding: 0;
  border-radius: 50%;
  border: none;
  position: absolute;
  top: 50%;
  transform: translate(-110%, -50%);
  cursor: pointer;
}
#accessibilityBar button#universalAccessBtn span {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1;
  text-align: right;
  font-weight: bold;
  color: white;
  background-color: #2e78ec;
  box-shadow: 0 10px 30px rgba(102, 102, 102, 0.1);
  height: 100%;
  padding: 0 1rem;
  border-radius: 0.25rem;
  display: flex;
  align-items: center;
  position: absolute;
  top: 50%;
  right: 120%;
  transform: translateY(-50%);
}
#accessibilityBar button#universalAccessBtn.collapsed span {
  opacity: 0;
  right: 50%;
}
#accessibilityBar button#universalAccessBtn:hover span {
  opacity: 1;
  right: 120%;
}
#accessibilityBar button.setAccessibility {
  font-size: 12px;
  font-size: 0.75rem;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: #222;
  font-weight: 700;
  background-color: #eee;
  width: 100%;
  padding: 0.1rem 0.2rem;
  border-radius: 0.25rem;
  border: none;
  display: flex;
  align-items: center;
  margin: 0.25rem;
}
#accessibilityBar button.setAccessibility:hover {
  background-color: #fff;
}
#accessibilityBar button.setAccessibility strong {
  color: white;
  background-color: #2e78ec;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 0.2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 0.25rem;
}
@media (max-width: 576px) {
  #accessibilityBar {
    position: fixed;
    top: initial;
    bottom: 0;
    transform: translateX(100%);
  }
  #accessibilityBar.active {
    transform: translateX(0);
  }
  #accessibilityBar #universalAccessBtn {
    top: initial;
    transform: translateX(-120%);
    bottom: 16px;
    border-radius: 50%;
  }
}

/*
	=== === === === === === === === === === === === === === === === === ===
	=== === === === === === Activating Buttons  === === === === === === ===
	=== === === === === === === === === === === === === === === === === ===
	*/
body.contrast #accessibilityBar button[data-accessibility=contrast] {
  background-color: #2e78ec;
}
body.darkmode #accessibilityBar button[data-accessibility=dark] {
  background-color: #2e78ec;
  color: white !important;
}
body.accessibility_readingLine #accessibilityBar button[data-accessibility=readingLine] {
  background-color: #2e78ec;
  color: white !important;
}
body.accessibility_markerLine #accessibilityBar button[data-accessibility=markerLine] {
  background-color: #2e78ec;
  color: white !important;
}

/*
	=== === === === === === === === === === === === === === === === === ===
	=== === === === === === === readingLine === === === === === === === ===
	=== === === === === === === === === === === === === === === === === ===
	*/
body.accessibility_readingLine #readingLine {
  background-color: #2e78ec !important;
  opacity: 1;
  width: 100vw;
  height: 0.5rem;
  position: absolute;
  left: 0;
  z-index: 9999;
  transform: translateY(0.5rem);
}

/*
	=== === === === === === === === === === === === === === === === === ===
	=== === === === === === === readingLine === === === === === === === ===
	=== === === === === === === === === === === === === === === === === ===
	*/
body.accessibility_markerLine #markerLine {
  background-color: rgb(228, 253, 0) !important;
  opacity: 0.75;
  border-width: 0.1px 0;
  border-style: solid;
  border-color: rgb(205.0197628458, 227.5, 0);
  width: 100vw;
  height: 1.75rem;
  position: absolute;
  left: 0;
  z-index: 9999;
  transform: translateY(-1rem);
  mix-blend-mode: color;
}
body.accessibility_markerLine.contrast #markerLine {
  mix-blend-mode: multiply;
  opacity: 1;
}
body.accessibility_markerLine.darkmode #markerLine {
  opacity: 0.25;
  background: #655b5b !important;
  mix-blend-mode: unset;
}

/*
	=== === === === === === === === === === === === === === === === === ===
	=== === === === === ===  HighConstrast  === === === === === === === ===
	=== === === === === === === === === === === === === === === === === ===
	To exclude elements, add this code: ELEMENT:not(.excludeThisClass):not(.andThis):not(.andThisOther):not(.andETC)
	e.g.: div:not(.featured-image):not(.wrapImgMon):not(.carousel-item):not(.carousel-inner)
  */
body.contrast {
  background: black !important;
  color: white !important;
}
body.contrast nav,
body.contrast li,
body.contrast ol,
body.contrast header,
body.contrast footer,
body.contrast section,
body.contrast main,
body.contrast aside,
body.contrast article {
  background: black !important;
  color: white !important;
}
body.contrast h1,
body.contrast h2,
body.contrast h3,
body.contrast h4,
body.contrast h5,
body.contrast h6,
body.contrast p,
body.contrast label,
body.contrast strong,
body.contrast em,
body.contrast cite,
body.contrast q,
body.contrast i,
body.contrast b,
body.contrast u,
body.contrast span {
  color: white !important;
}
body.contrast a {
  color: yellow !important;
}
body.contrast a * {
  color: yellow !important;
}
body.contrast button,
body.contrast input[type=button],
body.contrast input[type=reset],
body.contrast input[type=submit] {
  background: yellow !important;
  color: black !important;
  font-weight: bold;
  border: none !important;
}
body.contrast img {
  filter: grayscale(100%) contrast(120%);
}
body.contrast input[type=text],
body.contrast input[type=password],
body.contrast input[type=url],
body.contrast input[type=search],
body.contrast input[type=email],
body.contrast input[type=tel],
body.contrast input[type=date],
body.contrast input[type=month],
body.contrast input[type=week],
body.contrast input[type=datetime],
body.contrast input[type=datetime-local],
body.contrast textarea,
body.contrast input[type=number] {
  background: black !important;
  border: 1px solid white !important;
  color: white !important;
}
body.contrast #accessibilityBar * {
  background-color: black !important;
  color: yellow !important;
}
body.contrast #accessibilityBar .setAccessibility {
  border: 1px solid !important;
}
body.contrast #accessibilityBar .setAccessibility[data-accessibility=contrast] {
  background-color: yellow !important;
  color: black !important;
}

/*
	=== === === === === === === === === === === === === === === === === ===
	=== === === === === === ===   DarkMode  === === === === === === === ===
  === === === === === === === === === === === === === === === === === ===
  To exclude elements, add this code: ELEMENT:not(.excludeThisClass):not(.andThis):not(.andThisOther):not(.andETC)
	e.g.: div:not(.featured-image):not(.wrapImgMon):not(.carousel-item):not(.carousel-inner)
  */
body.darkmode {
  background: #121212 !important;
  color: white !important;
}
body.darkmode nav,
body.darkmode li,
body.darkmode ol,
body.darkmode header,
body.darkmode section,
body.darkmode main,
body.darkmode aside,
body.darkmode article {
  background: #121212 !important;
  color: white !important;
}
body.darkmode .section-title::after,
body.darkmode .entry-title::after,
body.darkmode .box-title::after {
  background: #888 !important;
}
body.darkmode .post-footer {
  background: transparent !important;
  color: white !important;
}
body.darkmode .form-control {
  background: white !important;
  color: black !important;
}
body.darkmode .pagination .page-item .page-link {
  background: transparent !important;
  color: #F189BE !important;
  border: 1px solid #F189BE !important;
}
body.darkmode .pagination .page-item .page-link:hover {
  border: 1px solid rgb(249.1136363636, 205.3863636364, 227.6704545455) !important;
}
body.darkmode .pagination .page-item.active .page-link {
  background: white !important;
  border-color: white !important;
  color: black !important;
}
body.darkmode .slick-dots li {
  background: transparent !important;
}
body.darkmode .slick-dots li button {
  background: #121212 !important;
}
body.darkmode .slick-dots li.slick-active button {
  background: #F189BE !important;
}
body.darkmode .slide-item {
  filter: grayscale(1);
  transition: filter 200ms ease;
  will-change: filter;
}
body.darkmode .slide-item:hover {
  filter: grayscale(0);
}
body.darkmode .dropdown-menu {
  background: #121212 !important;
  border: 1px solid #F189BE !important;
}
body.darkmode .dropdown-menu li {
  background: #121212 !important;
}
body.darkmode .dropdown-menu li a {
  background: #121212 !important;
}
body.darkmode .badge {
  background: transparent !important;
  border: 1px solid #F189BE !important;
}
body.darkmode .text-body-secondary {
  color: white !important;
}
body.darkmode .breadcrumb {
  background: rgba(255, 255, 255, 0.1) !important;
}
body.darkmode .breadcrumb li {
  background-color: transparent !important;
}
body.darkmode .breadcrumb li:before {
  color: white !important;
}
body.darkmode footer .bootscore-footer-columns.bg-body-tertiary {
  background: rgba(255, 255, 255, 0.1) !important;
}
body.darkmode footer .bootscore-footer-columns.bg-body-tertiary li {
  background: transparent !important;
}
body.darkmode section::before,
body.darkmode section::after {
  background-image: none !important;
}
body.darkmode.page-template-default::before body.darkmode.page-template::before, body.darkmode.category::before, body.darkmode.post-template::before, body.darkmode.post-template-single-blog::before {
  background-image: none !important;
}
body.darkmode.page:not(.page-template-page-bio):not(.page-template-page-clipping)::before {
  background: none !important;
}
body.darkmode .section-cover .social-icons li {
  background: transparent !important;
}
body.darkmode .card {
  background: #121212 !important;
  border-color: white !important;
}
body.darkmode .logo-melancia,
body.darkmode .logo-fcc {
  filter: invert(100%) !important;
}
body.darkmode h1,
body.darkmode h2,
body.darkmode h3,
body.darkmode h4,
body.darkmode h5,
body.darkmode h6,
body.darkmode p,
body.darkmode label,
body.darkmode strong,
body.darkmode em,
body.darkmode cite,
body.darkmode q,
body.darkmode i,
body.darkmode b,
body.darkmode u,
body.darkmode span {
  color: white !important;
}
body.darkmode a {
  color: #F189BE !important;
}
body.darkmode a * {
  color: #F189BE !important;
}
body.darkmode a *:hover {
  color: rgb(249.1136363636, 205.3863636364, 227.6704545455) !important;
}
body.darkmode a:hover {
  color: rgb(249.1136363636, 205.3863636364, 227.6704545455) !important;
}
body.darkmode .current-menu-item .nav-link,
body.darkmode .current-menu-item .active,
body.darkmode .current-page-ancestor .nav-link,
body.darkmode .current-page-ancestor .active {
  color: white !important;
}
body.darkmode .modal-title {
  color: black !important;
}
body.darkmode button:not(.search-close),
body.darkmode input[type=button]:not(.search-close),
body.darkmode input[type=reset]:not(.search-close),
body.darkmode input[type=submit]:not(.search-close),
body.darkmode .btn:not(.search-close),
body.darkmode .btn-primary:not(.search-close),
body.darkmode .btn-outline-primary:not(.search-close) {
  background: transparent !important;
  color: #F189BE !important;
  border: 1px solid #F189BE !important;
}
body.darkmode button:not(.search-close):hover,
body.darkmode input[type=button]:not(.search-close):hover,
body.darkmode input[type=reset]:not(.search-close):hover,
body.darkmode input[type=submit]:not(.search-close):hover,
body.darkmode .btn:not(.search-close):hover,
body.darkmode .btn-primary:not(.search-close):hover,
body.darkmode .btn-outline-primary:not(.search-close):hover {
  border: 1px solid rgb(249.1136363636, 205.3863636364, 227.6704545455) !important;
}
body.darkmode img {
  filter: grayscale(100%) contrast(120%);
}
body.darkmode input[type=text],
body.darkmode input[type=password],
body.darkmode input[type=url],
body.darkmode input[type=search],
body.darkmode input[type=email],
body.darkmode input[type=tel],
body.darkmode input[type=date],
body.darkmode input[type=month],
body.darkmode input[type=week],
body.darkmode input[type=datetime],
body.darkmode input[type=datetime-local],
body.darkmode textarea,
body.darkmode input[type=number] {
  background: white !important;
  color: black !important;
}
body.darkmode img {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  filter: grayscale(75%) contrast(90%);
}
body.darkmode img:hover {
  filter: grayscale(0) contrast(100%);
}
body.darkmode #accessibilityBar * {
  background-color: #F189BE !important;
  color: #121212 !important;
}
body.darkmode #accessibilityBar .setAccessibility {
  color: rgb(56.25, 56.25, 56.25) !important;
}
body.darkmode #accessibilityBar .setAccessibility * {
  color: white !important;
}
body.darkmode #accessibilityBar .setAccessibility strong,
body.darkmode #accessibilityBar .setAccessibility i {
  background-color: #121212 !important;
}
body.darkmode #accessibilityBar .setAccessibility:hover {
  background: rgb(249.1136363636, 205.3863636364, 227.6704545455) !important;
}
body.darkmode #accessibilityBar .setAccessibility[data-accessibility=darkmode] {
  background-color: black !important;
  color: white !important;
}

/*
	=== === === === === === === === === === === === === === === === === ===
	=== === === === === === === vlibras === === === === === === === ===
	=== === === === === === === === === === === === === === === === === ===
	*/
[vw] [vw-access-button].active {
  display: none !important;
}
/*# sourceMappingURL=style.css.map */
