/*
    Theme Name:
    Text Domain:
    Author: FoxStudio
    Author URI: https://Foxstudio.eu/
    Version: 1.0
    Requires PHP: 5.4.2
    Description: Design & Code by Foxstudio.eu
*/

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800;900&display=swap');

body, html
{
    padding: 0;
    margin: 0;
    overflow-x: hidden;
    scroll-behavior: smooth;
}

/* czcionka */

body
{
    font-family: 'Montserrat', Fallback, sans-serif;
}

/* kolory */

html
{
    --primary: #EC7304;
    --secondary: #F4831B;
    /* color: var(--var) */
}

a {
    text-decoration: none;
}

/* 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: 9px;
    }
    body
    {
        scrollbar-width: thin;
        scrollbar-color: var(--primary) var(--primary); 
    }
    body::-webkit-scrollbar-track
    {
        background: rgb(218, 218, 218);
    }
    body::-webkit-scrollbar-thumb
    {
        /* scrollbar-color: var(--primary); */
        background: var(--primary);
        border-radius: 0px;
        border: 1px solid var(--primary);
    }
	
/* bar menu */

#toggle-menu-icon{
    position: relative;
    width: 50px;
    height: 30px;
    /* background: #37a6ff; */
    cursor: pointer;
    transition: .3s;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 30px;
}

/*linie poziome w ikonce menu - 1 i 2*/
#toggle-menu-icon::before{
    content: '';
    position: absolute;
    width: 25px;
    height: 2px;
    background: #000;
    transition: .3s;
    transform: translateY(-10px);
    box-shadow: 0 6px 0 #000;
}

/*przycisk zamknięcia (toggle) - obraca 1 linie, druga znika*/
#toggle-menu-icon.active-menu::before{
    transform: translateY(0px) rotate(45deg);
    box-shadow: 0 0px 0 #000;
}

/*linie poziome w ikonce menu - 3*/
#toggle-menu-icon::after{
    content: '';
    position: absolute;
    width: 25px;
    height: 2px;
    background: #000;
    transition: .3s;
    transform: translateY(2px);
}

/*przycisk zamknięcia (toggle) - obraca 3 linie*/
#toggle-menu-icon.active-menu::after{
    transform: translateY(0px) rotate(-45deg);
}


/* center */

    .center_y_50
    {
        position: relative;
        top: 50%;
        transform: translateY(-50%);
    }

    .center_y_75
    {
        position: relative;
        top: 75%;
        transform: translateY(-75%);
    }

    .center_y_25
    {
        position: relative;
        top: 25%;
        transform: translateY(-25%);
    }