/*
Theme Name: TANKO
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.3.0.1738915592
Updated: 2025-02-07 08:06:32

*/

/**
 * Breadcrumbs
 **/ 
 div[data-widget_type="breadcrumbs.default"] .elementor-widget-container {
    display: flex;
    align-items: center; /* Aligns items vertically */
    gap: 5px; /* Adds spacing between elements */
}
.home_breadcrumb {
    background-image: url('/wp-content/uploads/2025/03/home.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 20px; /* Adjust as needed */
    height: 20px; /* Adjust as needed */
    display: inline-block;
}

a .home_breadcrumb {
    text-decoration: none; /* Removes any default underline */
    display: inline-block;
}

.pagination_dark_blue  {
    --dots-normal-color: #cdced7;
    --pagination-bullet-color_default: #cdced7;
    --pagination-bullet-color_active: var(--Dark-Blue, #020938);
}
.pagination_dark_blue  .swiper-pagination-bullet {
    transition: width 0.2s;
    background-color: var(--pagination-bullet-color_default);
    opacity: 1;
}

.pagination_dark_blue  .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 20px;
    border-radius: 4px;
    background-color: var(--pagination-bullet-color_active);
}


/* Posts Navigation */
.elementor-post-navigation__link__prev {
    display: grid !important;
    grid-template-areas: 
                        "empty empty img"
                        "empty2 label img"
                        "arrow title img";
    grid-template-rows: 1fr 30px 90px;
}

.elementor-post-navigation__link__next {
    display: grid !important;
    grid-template-areas: 
                        "img empty empty"
                        "img label empty2"
                        "img title arrow";
    grid-template-rows: 1fr 30px 90px;
}

.empty {
    grid-area: empty;
}
.empty2 {
    grid-area: empty2;
}
.elementor-post-navigation__link__next .post-navigation__next--label,
.elementor-post-navigation__link__prev .post-navigation__prev--label {
    grid-area: label;
    display: flex;
    flex-direction: column-reverse;
    margin-left: 20px;
    margin-right: 20px;
}
.elementor-post-navigation__link__next .post-navigation__next--title,
.elementor-post-navigation__link__prev .post-navigation__prev--title {
    grid-area: title;
    margin-left: 20px;
    margin-right: 20px;
    max-width: 200px;
}

.elementor-post-navigation__link__prev .arrow,
.elementor-post-navigation__link__next .arrow  {
    grid-area: arrow;
    height: 30px;
}
.elementor-post-navigation__link__next .arrow {
        transform: scaleX(-1);
}
.elementor-post-navigation__link__prev .img,
.elementor-post-navigation__link__next .img  {
    grid-area: img;
}
.elementor-post-navigation__link__next .post-navigation__next--title,
.elementor-post-navigation__link__next .post-navigation__next--label {
    text-align: left;
}
.elementor-post-navigation__link__prev .post-navigation__prev--title,
.elementor-post-navigation__link__prev .post-navigation__prev--label {
    text-align: right;
}

.nav_img_wrapper {
    display: inline-block;
    position: relative;
    aspect-ratio: 189 / 130;
    width: 189px;
    height: 130px;
}
.nav_img_wrapper img {
    width: 100% !important;
    position: absolute;
    top: 0;
    left: 0;
    aspect-ratio: 189 / 130;
}
.nav_img_wrapper::after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover !important;
    background-position: center !important;
    background: url(assets/page_navigation_overlay.png) no-repeat center center;
}

span.post-navigation__prev--title,
span.post-navigation__next--title{
	display: -webkit-box;
  -webkit-line-clamp: 3; /* limit to 4 lines */
  -webkit-box-orient: vertical;
	white-space:break-spaces;
}