:root {
    --darbastus-red: #b41a34;
}

html,
body,
.darbastus-main {
    margin: 0;
    overflow-x: hidden;
}


h1 {
    font-size: 3rem !important;
    text-align: center !important;
}

h2 {
    text-align: center !important;
}

p {
    padding-left: 5vw;
    padding-right: 5vw;
}

.font-bernier {
    font-family: 'Bernier-Regular';
}

@media screen and (min-width: 1367px) {
    .font-bernier {
        font-size: 2rem;
    }
    .segeo-ui {
        font-size: 2rem;
    }
}

.segeo-ui {
    font-family: "Segeo UI";
    text-align: justify;
}

.darbastus-wrapper {
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 20;
    opacity: 0;
    transition: 0.3s opacity ease-in-out;
    pointer-events: none;
}

.wrapper-active {
    opacity: 1;
    pointer-events: all;
}

.darbastus-button {
    appearance: none;
    border: none;
    border-radius: 5px;
    background-color: var(--darbastus-red);
    color: white;
    padding: 2vh 3vh;
}

.darbastus-button:hover {
    box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.75) inset;
    -webkit-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.75) inset;
    -moz-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.75) inset;
}

.vjs-big-play-button {
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%);
    background-color: rgba(0, 0, 0, 0.75) !important;
}

/* FONT INCLUDE */

/* font converted using font-converter.net. thank you! */
/* https://css-tricks.com/snippets/css/using-font-face/ */
@font-face {
    font-family: "Bernier-Regular";
    src: url("../assets/fonts/bernier/BERNIERRegular-Regular.eot");
    /* IE9 Compat Modes */
    src: url("../assets/fonts/bernier/BERNIERRegular-Regular.eot?#iefix") format("embedded-opentype"),
        /* IE6-IE8 */
        url("../assets/fonts/bernier/BERNIERRegular-Regular.svg") format("svg"),
        /* Legacy iOS */
        url("../assets/fonts/bernier/BERNIERRegular-Regular.ttf") format("truetype"),
        /* Safari, Android, iOS */
        url("../assets/fonts/bernier/BERNIERRegular-Regular.woff") format("woff"),
        /* Pretty Modern Browsers */
        url("../assets/fonts/bernier/BERNIERRegular-Regular.woff2") format("woff2");
    /* Super Modern Browsers */
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Segeo UI";
    src: url("../assets/fonts/segoeui/SegoeUI.eot");
    /* IE9 Compat Modes */
    src: url("../assets/fonts/segoeui/SegoeUI.eot?#iefix") format("embedded-opentype"),
        /* IE6-IE8 */
        url("../assets/fonts/segoeui/SegoeUI.svg") format("svg"),
        /* Legacy iOS */
        url("../assets/fonts/segoeui/SegoeUI.ttf") format("truetype"),
        /* Safari, Android, iOS */
        url("../assets/fonts/segoeui/SegoeUI.woff") format("woff"),
        /* Pretty Modern Browsers */
        url("../assets/fonts/segoeui/SegoeUI.woff2") format("woff2");
    /* Super Modern Browsers */
    font-weight: normal;
    font-style: normal;
}