:root
{
    --ikonka-main-color: #63750e;
    --ikonka-disabled-btn-color: #444f0e;
    --plain-text-color: black;
    --red-text-color: #cf1920;
    --footer-btn-color: #a3a3a3;
    --disabled-background-color: #3d3d3d;
}

.js-swiper-slide-preload {
    background-size: 100%;
}




.bg-img-center.big {
    height: 600px; 
    background-size: 1000px;
}


#scroll-btn {       
    opacity: 0;   
    width: 40px;
    height: 40px;
    color: #fff;
    background-color: var(--ikonka-main-color);
    position: fixed;
    bottom: 10%;
    right: 10%;    
    border: 2px solid #6CAE5A;
    border-radius: 50%; 
    font: bold 20px monospace;       
    transition: opacity 0.5s, transform 0.5s;
}
#scroll-btn.show {      
    opacity: 1;  
    transition: opacity 1s, transform 1s;     
}


.bg-kropki-ikonka p.text-center.text-white-50
{
    font-size: .775rem !important;
    color: #7e90a3 !important;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  white-space: nowrap;
  border: 0;
}


.navbar-nav a:hover, 
.navbar-nav p,
.text-primary,
p[dir=ltr] span
{
    color: var(--ikonka-main-color) !important;
}

.nav-item .btn:hover
{
    color: white !important;
    background-color: var(--ikonka-main-color) !important;
}


btn-outline-primary
{
    background-color: var(--ikonka-main-color) !important;
}

btn-outline-primary:hover
{
    color: white !important;
}

span.s-5:hover
{
    color: white !important;
}

.btn
{
    color: var(--ikonka-main-color) !important;
}

.bg-primary,
button[name="subscribe"]
{
    background-color: var(--ikonka-main-color) !important;
    color: white !important;
}

.swiper-pagination-bullet-active, .swiper-pagination-bullet-active:hover 
{
    border-color: var(--ikonka-main-color) !important;
}

.swiper-pagination-bullet::before {
    border-color: var(--ikonka-main-color) !important;
}

swiper-pagination-bullet.swiper-pagination-bullet-active.swiper-pagination-bullet-active-main
{
    border-color: var(--ikonka-main-color) !important;
}

.swiper-pagination-bullet-active::before, 
.swiper-pagination-bullet-active:hover::before
{
    background-color: var(--ikonka-main-color) !important;
}

#scroll-btn
{
    background-color: var(--ikonka-main-color) !important;
}

.container .btn
{
    color: white !important;
    background-color: var(--ikonka-main-color) !important;
}

footer .text-uppercase
{
    color: white !important;
}

footer .list-unstyled .btn
{
    background-color: black !important;
}


.container-fluid h1,
.post-content a,
.card-body a.text-dark:hover
{
    color: var(--ikonka-main-color) !important;
}