/*
Theme Name: kopertheme
Theme URI: https://kopersky.pl
Author: Koper
Author URI: https://kopersky.pl
Version: 1.0
Description: Simple theme for creating my page
*/

/* CSS RESET */
    * {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
    }

    html, body {
        height: 100%;
        font-family: sans-serif;
        line-height: 1.5;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

    img, picture, video, canvas, svg {
        display: block;
        max-width: 100%;
    }

    input, button, textarea, select {
        font: inherit;
        border: none;
        background: none;
        outline: none;
        }

    button {
        cursor: pointer;
    }

    a {
        color: inherit;
        text-decoration: none;
    }

    ul, ol {
        list-style: none;
    }

    table {
        border-collapse: collapse;
        border-spacing: 0;
    }

/* MOBILE MENU */

    #mobile-menu-nav::-webkit-scrollbar {
        display: none;
    }

    ul#mobile-menu-nav li {
        display: block;
        width: 100%;
    }

    ul#mobile-menu-nav li > a {
        width: 100%;
        height: 100%;
        padding: 7px 5px 7px;  
        display: block;
        font-family: "Poppins";
        font-size: calc(.8rem + .2vh);
        font-weight: 400;
        color: #525252;
        text-transform: uppercase;
        border-bottom: 1px solid #dedede;
    }

    ul#mobile-menu-nav li > a > i {
        width: 18px;
        text-align: center;
        margin-right: 20px;
        font-size: 0.9rem;
        color: #1d74a9;
    }

/* STICKY SIDEBAR */

    .elementor-element-16be96e.sticky-scroll {
        width: 275px;
        position: fixed;
        max-height: 100vh;
        overflow-y: auto;
        overflow-x: hidden;
        scrollbar-width: none;
        -ms-overflow-style: none;
        backdrop-filter: blur(10px);
        -webkit-backdrop-filter: blur(10px);
    }
    .sticky-scroll::-webkit-scrollbar {
        display: none;
    }
    ul.sticky-scroll-menu {
        padding: 0;
    }
    ul.sticky-scroll-menu li {
        display: block;
        width: 100%;
    }
    ul.sticky-scroll-menu li > a {
        padding: 6px 5px 6px 5px;
        display: block;
        font-family: "Poppins";
        font-size: 1rem;
        font-weight: 300;
        color: #414141;
        /* text-transform: uppercase; */
    }
    ul.sticky-scroll-menu li > a > i {
        width: 24px;
        color: #000;
        text-align: center;
        margin-right: 10px;
    }

/* STICKY SIDEBAR - HIGHLIGHTING MENU ITEMS  */

    .sticky-scroll-menu a.active {
        color: rgb(23, 58, 112) !important;
        font-weight: 600;
    }

/* STICKY SIDEBAR - ANIMATED TEXT UNDER PHOTO */

    span.wpr-anim-text.wpr-anim-text-type-clip {
        border-radius: 25px;
    }

/* PULSATING PLAY BUTTON */

    .pulse-wrapper {
        position: relative;
        width: 220px;
        height: 60px;
        margin: auto;
    }

    .play-icon {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        font-size: 0.9rem;
        color: rgb(0 0 0);
        z-index: 2;
        background: #ffffff;
        border: 2px solid rgb(255, 255, 255);
        border-radius: 30px;
        width: 100%;
        height: 100%;
        font-family: "Poppins", Sans-serif;
        line-height: 60px;
        text-align: center;
        box-shadow: 6px 8px 12px 5px rgb(0 0 0 / 70%);
        cursor: pointer;
        padding: 0 15px;
        font-weight: 300;
        letter-spacing: 1.5px;
    }

    .pulse-circle {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 100%;
        height: 100%;
        background: rgba(208, 217, 249, 0.4);
        border-radius: 30px;
        transform: translate(-50%, -50%);
        animation: pulse-wave 1s infinite ease-out;
        z-index: 1;
    }

    @keyframes pulse-wave {
        0% {
            transform: translate(-50%, -50%) scale(1);
            opacity: 0.95;
        }
        70% {
            transform: translate(-50%, -50%) scale(1.6);
            opacity: 0;
        }
        100% {
            opacity: 0;
        }
    }

    .pulse-link {
        text-decoration: none;
    }

/* SECTION HEADERS */

    .title-numbers p {
        color: #f1f1f1;
        font-size: 7rem;
        font-weight: 900;
        position: absolute;
        line-height: 1rem;
        top: -0.5rem;
    }
    .title-name h2.wpr-dual-title {
        padding-left: 10px;
    }

/* ABOUT ME - INFO */

    .about-me-info span.info-data {
        font-weight: 200;
        display: inline-block;
        width: 160px;
    }

/* EDUCATION & EXPERIENCE */

    .cv-dates{
        display: block;
        color: #2A78B3;
        font-weight: 500;
        margin-bottom: 14px;
    }
    .cv-workplace{
        display: block;
        margin-bottom: 0px;
        font-weight: 300;
        color: #727272;
    }
    .cv-strong{
        font-weight: 500;
        color: #000;
    }
    .cv-spec {
        display: flex;
        align-items: flex-start;
        position: relative;
        margin-bottom: 0.5em;
    }
    .cv-spec::before {
        content: '▸';
        margin-right: 0.5em;
        color: black;
        font-size: 1.2rem;
    }

/*  */
    span.tech-tag {
        border-radius: 15px;
        padding: 4px 14px;
        margin: 3px 6px 3px 0;
        background: #f0f0f0;
        color: #103951;
        display: inline-block;
    }