/* Ez Zsófi saját CSS-e, amivel felül lehet írni a google extensionből behívott style-t. Itt csak azok a classok szerepelnek, amik módosításra kerültek az eredeti (tudatoselőadó oldalról vett) verzióhoz képest. */

/*baloldali négyzetek és azok szövege*/
@media screen and (min-width: 992px) {
    section .people .image {
        -webkit-filter: grayscale(100%);
        filter: grayscale(100%);
    }
    section .people .image.active,
    section .people .image:hover {
        -webkit-filter: grayscale(0);
        filter: grayscale(0);
    }
    section#bemutatkozas .container:after {
        content: "Bemutatkoz\00E1s";
        position: absolute;
        left: 0;
        top: 60px;
        font-size: 18px;
        font-weight: 700!important;
        color: #9884AE!important;
    }
    section#bemutatkozas .container:before {
        content: "";
        position: absolute;
        left: -50px;
        top: 15px;
        display: block;
        width: 90px;
        height: 90px;
        background-color: #E0DAE7!important;
        border: 15px solid #ebebeb;
    }
    section#eloadok h2.left-square:after {
        content: "Előad\00F3k";
        position: absolute;
        left: 0;
        top: 60px;
        font-size: 18px;
        font-weight: 700!important;
        color: #9884AE!important;
    }
    section#eloadok h2.left-square:before {
        content: "";
        position: absolute;
        left: -50px;
        top: 15px;
        display: block;
        width: 90px;
        height: 90px;
        background-color: #E0DAE7!important;
        border: 15px solid #ebebeb;
    }
    section#jelentkezes h2.left-square:after {
        content: "Jelentkez\00E9s";
        position: absolute;
        left: 0;
        top: 60px;
        font-size: 18px;
        font-weight: 700!important;
        color: #9884AE!important;
    }
    section#jelentkezes h2.left-square:before {
        content: "";
        position: absolute;
        left: -50px;
        top: 15px;
        display: block;
        width: 90px;
        height: 90px;
        background-color: #E0DAE7!important;
        border: 15px solid #ebebeb;
    }
    section#csomagok h2.left-square:after {
        content: "Csomagok";
        position: absolute;
        left: 0;
        top: 60px;
        font-size: 18px;
        font-weight: 700!important;
        color: #9884AE!important;
    }
    section#csomagok h2.left-square:before {
        content: "";
        position: absolute;
        left: -50px;
        top: 15px;
        display: block;
        width: 90px;
        height: 90px;
        background-color: #E0DAE7!important;
        border: 15px solid #fff;
    }
    section#program h2.left-square:after {
        content: "Program";
        position: absolute;
        left: 0;
        top: 60px;
        font-size: 18px;
        font-weight: 700!important;
        color: #9884AE!important;
    }
    section#program h2.left-square:before {
        content: "";
        position: absolute;
        left: -50px;
        top: 15px;
        display: block;
        width: 90px;
        height: 90px;
        background-color: #E0DAE7!important;
        border: 15px solid #fff;
    }
    section#partnerek .container:after {
        content: "Partnereink";
        position: absolute;
        left: 0;
        top: 60px;
        font-size: 18px;
        font-weight: 700!important;
        color: #9884AE!important;
    }
    section#partnerek .container:before {
        content: "";
        position: absolute;
        left: -50px;
        top: 15px;
        display: block;
        width: 90px;
        height: 90px;
        background-color: #E0DAE7!important;
        border: 15px solid #fff;
    }
}

/*színes szöveg*/
p.text-highlight {
    color:#A64253!important;
    padding-top:30px;
}

/*összes cím*/
h2 {
    color:#343a40;
}

section .header-text{
    color:#343a40!important;
}

/*banner kép */
@media screen and (min-width: 1400px) {
    section {
        padding-left: 0vw!important;
        padding-right: 0vw!important;
    }
}
@media screen and (min-width: 1600px) {
    section {
        padding-left: 10vw!important;
        padding-right: 10vw!important;
    }

}
    
    

/*csomag kártya ár felirata*/
section .container .package-card h2 {
    color:#A64253!important;
}

/*partneri logók méretezése*/
img.partner-logo{
    padding-top:30px;
    padding-bottom:30px;
    display: block;
    margin-left: 0;
    margin-right: 0;
    width: 60vw;
}


/* <uniquifier>: Use a unique and descriptive class name
<weight>: Use a value from 200 to 1000

.nunito-<uniquifier> {
  font-family: "Nunito", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
} */