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

#wpadminbar {
    display: none;
}

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

.green_bg {
    background-color: #A4BD17;

}

.company_size {
    font-size: 8pt;
}


.box {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    padding: 50px 0 50px 0;
}

/* czcionkia */

    @font-face {
        font-family: 'Montserrat';
        src: url('/assets/fonts/Montserrat/myfont.woff2') format('woff2'),
             url('/assets/fonts/Montserrat/myfont.woff') format('woff'),
             url('/assets/fonts/Montserrat/Montserrat-Black.ttf') format('truetype');
        font-style: normal;
    }

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

/* kolory */

    html
    {
        /* --var: #CFD8DC; */
        /* color: var(--var) */
    }

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

/* bar menu */

    .container {
      display: inline-block;
      cursor: pointer;
    }

    .bar1, .bar2, .bar3 {
      width: 35px;
      height: 5px;
      background-color: #333;
      margin: 6px 0;
      transition: 0.4s;
    }

    .change .bar1 {
      -webkit-transform: rotate(-45deg) translate(-9px, 6px);
      transform: rotate(-45deg) translate(-9px, 6px);
    }

    .change .bar2 {opacity: 0;}

    .change .bar3 {
      -webkit-transform: rotate(45deg) translate(-8px, -8px);
      transform: rotate(45deg) translate(-8px, -8px);
    }

/* center */

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

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

    .center_y_100
    {
        position: relative;
        top: 100%;
        transform: translateY(-100%);
    }

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

/* PANEL */

.u_btn {
        width: 300px;
        border-radius: 0;
        font-size: 10pt;
        padding: 5px;
        border: 2px solid #A4BD17;
        display: block;
        margin-top: 25px;
        background-color: #A4BD17;
        color: white;
        text-align: center;
    }

.u_btn:hover {
    background-color: rgba(94, 179, 57, 0);
    color: #A4BD17;
    transition: 0.5s;
    cursor: pointer;
}

.bu_btn {
    color: black;
    border: 2px solid black;
    background-color: rgba(0, 0, 0, 0);
}

.bu_btn:hover {
    background-color: rgba(0, 0, 0, 1);
    color: white;
}


    h2 {
        color: #A4BD17;
        font-size: 1.5rem !important;
    }

    .green_bg h2 {
        color: #FFFFFF;
    }


    h1{
        color: #A4BD17;
        font-size: 2rem !important;
        padding: 20px;
        font-weight: 600 !important;
    }

    h3 {
        font-size: 1rem !important;
        text-transform: capitalize;
    }

    /* table */

        #panel table {
            width: 100%;
            margin: 20px 0 20px 0;
        }

        #panel td {
            padding: 10px;
            width: 60%;
            color: #9e9e9e;
        }

        #panel th {
            /* background-color: #A4BD17; */
            padding: 10px;
            width: 40%;
            color: black;
            /* text-align: right !important; */
        }

    /* input */

        #panel .dane_do_skopiowania {
            width: 70%;
            border: 2px solid white;
            background-color: #A4BD17;
            color: white;
            border-radius: 0;
            font-size: 10pt;
            padding: 5px;
        }

        #panel .przycisk_kopiowania {
            width: 20%;
            margin-left: 1.5%;
            color: white;
            border: 2px solid rgba(164, 189, 23, 0);
            border-radius: 0;
            background-color: #A4BD17;;
            padding: 3px;
            /* border:  */
        }

        #panel .button {
            border: 2px solid white;
            padding: 5px;
            color: white;
            text-decoration: none;
        }

        #panel .button:hover {
            color: #A4BD17;
            background-color: white;
            transition: 0.5s;
        }

    /* header */

        .naglowek {
            /* height: 25vh; */
            cursor: pointer;
        }

        .uczestnik .naglowek i {
            font-size: 1.5rem;
            color: #9e9e9e;
        }

        .dane_uzytkownika {


        }

        .dane_uzytkownika .tytul {

            height: 150px;
            padding: 0 30px 0 30px;
        }

        .dane_uzytkownika .tytul h1{
            color: #3D3D3C;
        }

        .dane_uzytkownika .tytul img {

            margin-right: 20px;

        }

        .dane_uzytkownika .content {
            color: white;
            /* height: 100px; */
            background-color: #A4BD17;
            /* display: flex; */
        }

        .dane_uzytkownika .box_informacyjny {
            width: 100%;
            padding: 20px;
            height: 150px;
        }

    /* zawartosc */

        .zawartosc {
            /* height: 75vh; */
        }

        .zawartosc .spotkania {
            /* height: 100%; */
            margin: 40px 0 40px 0;
        }


        .zawartosc .dane_firmy,
        .zawartosc .lista_dni {
            width: 80%;
            margin-left: auto;
            margin-right: auto;
            margin-bottom: 40px;
            /* overflow-y: auto; */
        }

        .zawartosc .lista_dni h2 {
            margin-bottom: 20px;
        }

        .zawartosc .lista_dni .spotkanie_szczegoly{
            background-color: #A4BD17;
            border: 2px solid #A4BD17;
            padding: 30px;
            color: white;
            width: 100%;
            margin: 10px auto 0 auto;
        }

        .zawartosc .lista_dni .spotkanie_szczegoly:hover{
            background-color: rgba(94, 179, 57, 0);
            transition: 0.5s;
            cursor: pointer;
        }

        .zawartosc .lista_dni .spotkanie_szczegoly:hover *{
            color: #A4BD17;
        }

        .zawartosc .lista_dni .spotkanie_szczegoly .data{
            font-size: 0.8rem
        }

        .zawartosc .lista_dni .spotkanie_szczegoly .dzien{
            font-size: 1.2rem;
            font-weight: bold;
        }

    /* szczegoly */

        .toggle h4 {
            cursor: pointer;
        }

        .toggle h4::before {
            content: '∨';
            font-weight: bold;
            position: relative;
            left: 95%;
            transform: translateY(-95%);

        }

        #panel .informacja {
            border: 2px solid red;
            padding: 10px;
            margin-top: 50px;
            width: 90%;
        }

        #panel .szczegoly {
            padding: 50px;
        }

        h4 {
            /* color: #A4BD17; */
            /* margin-top: 5vh; */

            color: #3D3D3C;
            font-weight: bold !important;
            font-size: 1rem !important;
            /* font-size: 30px */
        }

        #panel .szczegoly span {
            color: #9e9e9e;
            font-weight: lighter;
        }

        #panel .szczegoly .data_spotkania {
            color: #D9D9D9;
            font-size: 1.4rem;
            padding-bottom: 20px;
            line-height: 100%;
            margin: 0;
        }

        #panel .opis h2{
            padding-bottom: 20px;
            font-weight: bold;
            font-size: 1.4rem !important;
        }

        #panel .szczegoly .prelegent p {
            color: #3D3D3C;
            font-size: 1rem;
            padding-bottom: 40px;
        }

        #panel .szczegoly .prelegent .stanowiski {
            color: #3D3D3C;
            font-weight: bold;
        }

        #panel .szczegoly .spotkanie p{
            color: #9e9e9e;
            padding-top: 20px;
            font-size: 1rem;
            font-weight: bold;
            line-height: 100%;
            margin-bottom: 5px;
        }

        #panel .szczegoly .dane_do_skopiowania {
            border: 2px solid #A4BD17;
            background-color: rgba(255, 255, 255, 0);
            color: black;
        }

        #panel .szczegoly .przycisk_kopiowania {
            border: 2px solid rgba(164, 189, 23, 0);
            background-color: rgba(255, 255, 255, 0);
            color: black;
        }

        #panel .materialy .material_box {
            height: 100px;
            height: 100px;
            display: block;
            text-decoration: none;
            color: white;
            background-color: #A4BD17;
            border: 2px solid #A4BD17;
            text-align: center;
            font-size: 2rem;

        }

        #panel .materialy .material_box:hover {
            background-color: rgba(94, 179, 57, 0);
            transition: 0.5s;
            cursor: pointer;
        }

        #panel .materialy .material_box:hover *{
            color: #A4BD17;

        }

/* formularz */

    #formularz h1 span{
        color: #D9D9D9;
        /* font-size: 1.5rem; */

    }

    #formularz .tytul{
        height: 200px;
        padding: 0 30px 0 30px;
    }

    #formularz .przerywnik{
        height: 150px;
        width: 100vw;
        background-image: url('https://www.ekologus.pl/wp-content/themes/ekologus/img/bg-slider.png');
        background-size: cover;
        background-position: center;
        background-color: rgba(94, 179, 57, 0.8)
    }
    #formularz .przerywnik > div{
        height: 100%;
        width: 100%;
        background-color: rgba(94, 179, 57, 0.8)
    }

    .obraz_tla_formularz {
        width: 100vw;
        height: 100vh;
        /* background-image: url('https://www.ekologus.pl/wp-content/uploads/2019/06/BHP-i-P.-POŻ.-2560x900.jpg'); */
        background-size: cover;
        background-position: center;
    }

    .kolor_tla_formularz {
        background-color: rgba(94, 179, 57, 0);
         width: 100%;
         height: 100%;
    }

    .formularz {
        width: 100vw;
        background-color: white;

    }



    .formularz .col-md-6:nth-child(1) {
        border-right: : 1px solid red
    }

    .formularz h1 {
        color: #A4BD17;
        font-size: 2rem !important;
        padding: 20px;
        font-weight: bold;
    }

    .formularz input, .formularz textarea {
        width: 90%;
        border-radius: 0;
        font-size: 10pt;
        padding: 10px;
        border: 1px solid #A4BD17;
        background-color: rgb(255, 255, 255);
        display: block;
        margin-top: 25px;
    }

    .formularz table {
        width: 95% !important;
        border-radius: 0;
        font-size: 10pt;
        padding: 5px;
        /* border-bottom: 2px solid #A4BD17; */
        background-color: rgba(255, 255, 255, 0);
        color: black;
        display: block;
        /* margin-top: 25px; */
        font-size: 0.8rem;
    }

    .formularz input[type="submit"] {
        background-color: #A4BD17;
        color: white;
    }

    .formularz input[type="submit"]:hover {
        background-color: rgba(94, 179, 57, 0);
        color: rgba(94, 179, 57, 1);
        transition: 0.5s;
    }

    .formularz label {
        width: 100%;
    }

    .formularz table, .formularz tbody {
        table-layout: fixed;
        width: 100%;
    }

    .formularz tr {
        width: 100%;
    }

    .formularz p {
        font-size: 1.2rem;
        color: #000;
        font-weight: 600;
        margin: 0;
    }

    .formularz .green_bg p {
        color: #FFFFFF;
    }


    .formularz table td:nth-child(1) {
        width: 40px !important;
        position: relative;
    }

    .formularz  input[type="radio"],
    .formularz  input[type="checkbox"] {
        margin: 25px 0 10px 0;
        padding: 5px;
    }

    .formularz table input {
        position: relative;
        top: 50%;
        transform: translateY(-50%);
    }

    .formularz label {
        font-size: 1rem;
    }
    .formularz label *{
        color: #3D3D3C
    }

    .formularz .green_bg label *{
        color: white
    }

/* radio/checkbox */

    input[type="radio"] {
      /* Add if not using autoprefixer */
      -webkit-appearance: none;
      /* Remove most all native input styles */
      appearance: none;
      /* For iOS < 15 */
      background-color: white;
      /* Not removed via appearance */
      margin: 0;

      font: inherit;
      color: currentColor;
      width: 15px;
      height: 15px;
      border: 0.15em solid #A4BD17;
      border-radius: 50%;
      transform: translateY(-0.075em);

      display: grid;
      place-content: center;
    }

    input[type="radio"]::before {
      content: "";
      width: 15px;
      height: 15px;
      border-radius: 50%;
      transform: scale(0);
      background-color: #A4BD17;
    }

    input[type="radio"]:checked::before {
      transform: scale(1);
    }

    input[type="radio"]:focus {
      outline: max(2px, 0.15em) solid #A4BD17;
      outline-offset: max(2px, 0.15em);
    }

    /*  */
    .green_bg input[type="radio"] {
      background-color: #A4BD17;
      border: 0.15em solid white;
    }

    .green_bg input[type="radio"]::before {
      background-color: white;
    }

    .green_bg input[type="radio"]:focus {
      outline: max(2px, 0.15em) solid white;
    }
    /*  */


    input[type="checkbox"] {
      /* Add if not using autoprefixer */
      -webkit-appearance: none;
      /* Remove most all native input styles */
      appearance: none;
      /* For iOS < 15 */
      background-color: white;
      /* Not removed via appearance */
      margin: 0;

      font: inherit;
      color: currentColor;
      width: 15px;
      height: 15px;
      border: 0.15em solid #A4BD17;
      transform: translateY(-0.075em);

      display: grid;
      place-content: center;
    }

    input[type="checkbox"]::before {
      content: "";
      width: 15px;
      height: 15px;
      transform: scale(0);
      background-color: #A4BD17;
    }

    input[type="checkbox"]:checked::before {
      transform: scale(1);
    }

    input[type="checkbox"]:focus {
      outline: max(2px, 0.15em) solid #A4BD17;
      outline-offset: max(2px, 0.15em);
    }
/* table podsumowanie */

    table.podsumowanie ,
    table.podsumowanie {
        /* width: 100%; */
        display: none;
    }

    table.podsumowanie td{
        width: 50% !important;
    }