/*
    Theme Name: Abaka
    Text Domain:
    Author: Patryk Pękała
    Author URI: https://galaxybyte.xyz
    Version: 1.0
    Requires PHP: 8.0
*/

@import url('css/wp-default.css');
@import url('css/about-us.css');
@import url('css/advantages.css');
@import url('css/faq.css');
@import url('css/footer.css');
@import url('css/header.css');
@import url('css/hero.css');
@import url('css/ofert.css');
@import url('css/order-product.css');
@import url('css/proces.css');
@import url('css/realization.css');
@import url('css/separator.css');


/* input */

    ::placeholder {

    }

    :-ms-input-placeholder {

    }

    ::-ms-input-placeholder {

    }

	textarea:hover,
	input:hover,
	textarea:active,
	input:active,
	textarea:focus,
	input:focus,
	button:focus,
	button:active,
	button:hover,
	label:focus,
	.btn:active,
	.btn.active {
		outline: 0px !important;
	}


    input[type="button"],
    input[type="checkbox"],
    input[type="color"],
    input[type="date"],
    input[type="datetime-local"],
    input[type="email"],
    input[type="file"],
    input[type="hidden"],
    input[type="image"],
    input[type="month"],
    input[type="number"],
    input[type="password"],
    input[type="radio"],
    input[type="range"],
    input[type="reset"],
    input[type="search"],
    input[type="submit"],
    input[type="tel"],
    input[type="text"],
    input[type="time"],
    input[type="url"],
    input[type="week"]
    {

    }

/* scroll bar */

    body::-webkit-scrollbar
    {
        /* width: 11px; */
    }
    body
    {
        /* scrollbar-width: thin; */
        /* scrollbar-color: var(--thumbBG) var(--scrollbarBG); */
    }
    body::-webkit-scrollbar-track
    {
        /* background: var(--scrollbarBG); */
    }
    body::-webkit-scrollbar-thumb
    {
        /* background-color: var(--thumbBG); */
        /* border-radius: 6px; */
        /* border: 3px solid var(--scrollbarBG); */
    }

/* Root */

:root {
    --primary: #ffffff;
    --second: #22201e;
    --second-rgb: 41, 37, 37;
    --accent: #249b5f;
    --third: #f6f5f3;

    --font-goldman: "Goldman", sans-serif;
    --font-montserrat: "Montserrat", sans-serif;

    --font-size-h1: 4.5rem;
    --font-size-h2: 3rem;
    --font-size-h3: 1.8rem;
    --font-size-p-bigger: 1.125rem;
    --font-size-p: 1rem;
    --font-size-p-smaller: 0.85rem;

    @media only screen and (max-width: 900px) {
        --font-size-h1: 2rem;
        --font-size-h2: 3rem;
        --font-size-h3: 2rem;
        --font-size-p-bigger: 1rem;
        --font-size-p: 0.9rem;
        --font-size-p-smaller: 0.8rem;
    }

    --radius: 10px;

    --gradient-green: linear-gradient(90deg, var(--accent), #34b26f, var(--accent));
    --green-opacity: rgba(36, 155, 95, 0.4);
    --border-thickness: 3px;
}

.gradient-border-flash {
    z-index: 1;
    overflow: hidden;
    border: var(--border-thickness) solid transparent;
    background-clip: padding-box;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.gradient-border-flash:hover {

    background-image: var(--gradient-green);
    background-clip: border-box;
    box-shadow: 0 15px 30px var(--green-opacity);
}


body,
html {
    margin: 0;
    padding: 0;
    background-color: var(--primary);
    overflow-x: hidden;
    scroll-behavior: smooth;
}

[id] {

    scroll-margin-top: 100px;
}

.button {
    margin-top: 10px;
    text-decoration: none;

    button {
        background-color: var(--second);
        border: 0px solid var(--second);
        color: var(--primary);
        font-family: var(--font-goldman);
        text-align: center;
        padding: 10px;
        border-radius: var(--radius);
        min-width: 200px;
        cursor: pointer;
        transition: 0.5s;

        &:hover {
            transition: 0.5s;
            background-color: var(--third);
        }
    }
}

.responsible-content {
    max-width: calc(1250px + 5%);

    margin-left: auto;
    margin-right: auto;

    padding-left: 5%;
    padding-right: 5%;

    @media only screen and (max-width: 900px) {
        max-width: 100vw;
    }
}