/*
Theme Name: Bootscore
Theme URI: https://bootscore.me/
Author: Bootscore
Author URI: https://bootscore.me
Description: Flexible Bootstrap WordPress starter-theme for developers with full WooCommerce support. <a href="https://bootscore.me/category/documentation/" target="_blank">Documentation</a>
Version: 6.3.0
Requires at least: 5.0
Tested up to: 6.8
Requires PHP: 7.4
License: MIT License
License URI: https://github.com/bootscore/bootscore/blob/main/LICENSE
Text Domain: bootscore
Tags: featured-images, threaded-comments, translation-ready

Use this theme to make something cool, have fun, and share what you've learned with others.

Bootscore is based on Underscores https://underscores.me/, (C) 2012-2024 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
*/

/* 
All style editing is done via /assets/scss/_bootscore-custom.scss
*/




:root {
  --text-xs: 0.75rem;
  /* 12px */
  --text-sm: 1rem;
  /* 16px */
  --text-md: 1.25rem;
  /* 20px */
  --text-lg: 1.5rem;
  /* 24px */
  --text-xl: 2rem;
  /* 32px */
  --text-xxl: 3rem;
  /* 48px */
}

p {
  font-size: var(--text-sm);
}

body {
  height: 100vh;
  margin: 0;
  padding: 0;
  max-width: 100vw;
   font-family: 'Manrope', sans-serif;
  font-weight: 400;
  display: flex;
  flex-direction: column;
}


a {
  text-decoration: none;
}

img {
  max-width: 100%;
}

main.content {
  flex: 1 0 auto;
  overflow: hidden;
}

@media screen and (max-width: 767px) {
  .flex-10auto {
    flex: unset !important;
  }
}

@media screen and (min-width: 768px) {
  .flex-md-10auto {
    flex: 1 0 auto !important;
  }
}


/* Breadcrumbs */

#breadcrumbs {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  font-size: var(--text-sm);
  gap: 0.5rem;
  margin-top: 4rem;
  white-space: pre-line;
  padding: 0;
}

#breadcrumbs li a,
#breadcrumbs .separator {
  color: #2B2B29;
  font-weight: 500;
}

.bread-current {
  color: #6279b8 !important;
  font-weight: 600;
}

/* Custom Scrollbar */

/* width */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 1px grey;
  border-radius: 3px;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #b3b3b3;
  border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #a2a2a2;
}

.holdbody {
  overflow-y: hidden;
}

/* Back to top button */

#back-to-top {
  width: 35px;
  height: 35px;
  position: fixed;
  bottom: 5%;
  right: 5%;
  border-radius: 100%;
  z-index: 400;
  font-size: var(--text-xl);
  padding: 1rem;
  background-color: #fff;
  color: var(--color-politis);
  border: 2px solid var(--color-politis);
  justify-content: center;
  align-items: center;
  display: none;
  animation: fade-in 0.6s ease reverse;
}

@media screen and (max-width: 1530px) {
  #back-to-top {
    bottom: 7%;
  }
}

@media screen and (max-width: 441px) {
  #back-to-top {
    bottom: 10%;
  }
}

@media screen and (max-width: 375px) {
  #back-to-top {
    bottom: 12%;
  }
}

#back-to-top.active {
  animation: fade-in 0.6s ease;
}

#back-to-top:hover>i {
  animation: up-and-down 1s ease infinite;
}

@keyframes fade-in {
  0% {
    transform: translateY(25px);
    opacity: 0;
  }

  30% {
    opacity: 0.3;
  }

  60% {
    opacity: 0.6;
  }

  100% {
    transform: translateY(0px);
    opacity: 1;
  }
}

@keyframes up-and-down {
  0% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-5px);
  }

  100% {
    transform: translateY(0);
  }
}