/*
*    Theme Name: Kubasky
*    Version:    1.0.11062025.02
*    Created on: 2025-06-11
*    Author:     Nikograf - Patryk Siuta
*    Author URI: http://www.nikoraf.pl
*    E-mail:     kontakt@nikograf.pl
*/
:root {
    --light-blue:   #f7f8fc;
    --purple:       #4d3056;
    --dark-purple:  #403044;
    --light-grey:   #e0e3e7;
    --grey:         #c0c0c0;

    --black:        #333333;

    --red:          #E6A8A8;
    --green:        #BEE3C4;
    --blue:         #BDD9ED;
    --yellow:       #F8D3A0;

    --transition:   .4s;
}
@import url("https://use.typekit.net/rnb0msx.css");

html,
body {
    padding: 0;
    margin: 0;
}
p, span, ul, ol, a {
    font-family: futura-pt, sans-serif;
    font-weight: 400;
    font-style: normal;
    color: var(--purple);
}
a {
    text-decoration: none;
    transition: var(--transition);
}
body {
    background-color: var(--light-blue);
}

header {
    height: 55px;
    display: flex;
    flex-direction: row;
    padding: 10px 3%;
    align-items: center;
    border-bottom: 1px solid var(--light-grey);
    justify-content: space-between;
    svg {
        width: 24px;
        height: auto;
    }
    img {
        &.custom-logo {
            height: 30px;
            width: auto;
        }
    }
    a {
        text-transform: uppercase;
        font-size: 12px;
        font-weight: 700;
        &.custom-logo-link {
            font-size: 0;
        }
    }
    .header-icons {
        a {
            padding: 4px 16px;
            margin-left: 10px;
            display: inline-flex;
            align-items: center;
            height: 36px;
            -webkit-border-radius: 18px;
            -moz-border-radius: 18px;
            border-radius: 18px;
            box-sizing: border-box;
            position: relative;
            top: 0;
            svg {
                margin-right: 10px;
                fill: var(--grey);
                transition: var(--transition);
            }
            &:hover {
                background-color: var(--purple);
                color: var(--light-blue);
                -webkit-box-shadow: 0px 12px 36px 0px rgba(77, 48, 86, 0.75);
                -moz-box-shadow: 0px 12px 36px 0px rgba(77, 48, 86, 0.75);
                box-shadow: 0px 12px 36px 0px rgba(77, 48, 86, 0.75);
                top: -5px;
                svg {
                    fill: #FFF;
                }
            }
        }
    }
}

@media screen and (min-width: 992px) {

}