@font-face {
    font-family: "Roboto Regular";
    font-display: swap;
    src: url(../fonts/Roboto/Roboto-Regular.ttf) format("truetype");
}

@font-face {
    font-family: "Roboto Medium";
    font-display: swap;
    src: url(../fonts/Roboto/Roboto-Medium.ttf) format("truetype");
}

@font-face {
    font-family: "Roboto Bold";
    font-display: swap;
    src: url(../fonts/Roboto/Roboto-Bold.ttf) format("truetype");
}

@font-face {
    font-family: "Roboto Black";
    font-display: swap;
    src: url(../fonts/Roboto/Roboto-Black.ttf) format("truetype");
}

@font-face {
    font-family: "Raleway Black";
    font-display: swap;
    src: url(../fonts/Raleway-Black.ttf) format("truetype");
}

body {
    font-family: "Roboto Regular";
    color: var(--szerszamshop-grey);
}

/* popup */
.popup-modal {
    background-color: #fff;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 600px;
    /*height: 400px;*/
    height: fit-content;
    max-width: 95%;
    max-height: 95%;
    z-index: 1010;
    box-shadow: 0 0 15px -3px rgba(0,0,0,0.35);
    padding: 1.2em 1em;
    overflow: scroll;
}

/*.popup-modal .popup-content {*/
/*    position: absolute;*/
/*    top: 0;*/
/*    left: 0;*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    overflow: auto;*/
/*    padding: 1.2em 1em;*/
/*}*/

.popup-modal #closePopup {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0.1em 0.3em;
    cursor: pointer;
    font-size: 25px;
    z-index: 100;
}
/* end of popup */

.addedToCart_layer {
    display: none;
    position: fixed;
    width: 100%;
    padding: 0px;
    z-index: 100;
}

.addedToCart_layer .alert-success {
    background-color: #f00;
    border-color: #f00;
    color: #fff;
}

.addedToCart_layer .alert-success a {
    color: #fff;
}

.addedToCart_layer.act {
    display: block;
}

.light.cc_dialog {
    padding: 1em 1.5em !important;
    max-width: 90% !important;
}


/* EOF */