/*
    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
*/

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

:root {
    --primary: #F5872E;
    --bg: #E9EAEE;
    --black-text: #282B2F;
    --basic-transition: all .4s ease-in-out; 
  }
  
  /* Declared text styles*/
  .h1, 
  .h2, 
  .h6, 
  .text {
    /* Font minimum, preferred and maximum value */
    font-size: clamp(var(--min), var(--val), var(--max));
  }
    
  /* Font size variables */
  .h1 {
    --min: 1.5rem; /* minimum value */
    --val: 2.5vw; /* preferred value = 5% viewport width */
    --max: 3rem; /* maximum value */
    font-weight: 900;
    padding-bottom: 1%;
  }
  
  .h2 {
    --min: 1.15rem;   
    --val: 1.65vw;   
    --max: 2rem;  
  }
  
  .h6 {
    --min: 1.05rem;  
    --val: 1.25vw;   
    --max: 1.2rem;  
    font-weight: 500;
  }
  
  .text {
    --min: 1rem; 
    --val: .85vw; 
    --max: 1rem; 
    font-weight: 500;
  }

  .section {
    position: relative;
/* MESSY CLEANUP OF LAZY CSS @MP
    min-height: 100vh;
 */
  }
  
  /* czcionka */

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

    /* btn */
    .btn {
        width: 210px;
        padding: .5rem 0;
        font-size: 14px;
        font-weight: 900;
        border-radius: 0;
        transition: var(--basic-transition);
    }

    .btn-white {
        background-color: white;
        color: var(--black-text);
		/* 		side menu reloads the page on click anyway so no need to render those elements @MP */
		display: none;
		visibility: hidden;
    }

    .btn-orange {
        background-color: var(--primary);
        color: white;
    }

    .btn-black {
        background-color: var(--black-text);
        color: white;
    }

    .btn-otl {
        border: 1px solid var(--black-text);
        background-color: transparent;
        color: var(--black-text);
    }

    .btn-otl:hover {
        background-color: var(--black-text);
        color: white;
    }

    .btn-black:hover {
        background-color: var(--primary);
        border: 1px solid var(--primary);
        color: white;
    }
    
    .btn-white:hover {
        background-color: var(--black-text);
        color: white;
    }

    .btn-orange:hover {
        background-color: var(--black-text);
        color: white;
    }

	#aktualnosci {
	  display: 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: 11px;
    }
    body
    {
        scrollbar-width: thin;
        scrollbar-color: var(--primary) var(--black-text);
    }
    body::-webkit-scrollbar-track
    {
        background: var(--black-text); 
    }
    body::-webkit-scrollbar-thumb
    {
        background-color: var(--primary); 
        border-radius: 0px;
        border: 3px solid var(--primary);
    }

/* 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%);
    }

/* toggle menu */

    #toggle-menu-icon{
        position: relative;
        width: 50px;
        height: 40px;
        /* background: #37a6ff; */
        cursor: pointer;
        transition: .3s;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    /*linie poziome w ikonce menu - 1 i 2*/
    #toggle-menu-icon::before{
        content: '';
        position: absolute;
        width: 24px;
        height: 2px;
        background: var(--black-text);
        transition: .3s;
        transform: translateY(-4px);
        box-shadow: 0 6px 0 var(--black-text);
    }
    
    /*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 var(--black-text);
    }
    /*linie poziome w ikonce menu - 3*/
    #toggle-menu-icon::after{
        content: '';
        position: absolute;
        width: 24px;
        height: 2px;
        background: var(--black-text);
        transition: .3s;
        transform: translateY(8px);
    }
    
    /*przycisk zamknięcia (toggle) - obraca 3 linie*/
    #toggle-menu-icon.active-menu::after{
        transform: translateY(0px) rotate(-45deg);
    }