@import "plugins/daisy.css";
@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap");

:root {
    --plyr-color-main: var(--color-primary);
}
.plyr__poster {
    width: 900px !important;
    height: 500px !important;
}
html {
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
}
.shadow-primary {
    -webkit-box-shadow: 8px 23px 4px -19px rgba(0, 0, 0, 0.2) inset;
    -moz-box-shadow: 8px 23px 4px -19px rgba(0, 0, 0, 0.2) inset;
    box-shadow: 8px 23px 4px -19px rgba(0, 0, 0, 0.2) inset;
}
.shadow-bottom {
    -webkit-box-shadow: 1px 6px 9px 0px rgba(34, 60, 80, 0.2);
    -moz-box-shadow: 1px 6px 9px 0px rgba(34, 60, 80, 0.2);
    box-shadow: 1px 6px 9px 0px rgba(34, 60, 80, 0.2);
}
.swiper-pagination-bullet {
    width: 11px !important;
    height: 13px !important;
}
.swiper-pagination-bullet-active {
    background-color: var(--color-primary) !important;
}
.news-swiper-pagination {
    text-align: end;
    padding: 0px 15px 10px 15px;
}
html,
body {
    min-height: 100vh;
}
body {
    display: flex;
    flex-direction: column;
}
main {
    flex: 1 1 auto;
}
::selection {
    background-color: var(--color-primary);
    color: #ccc;
}

::-moz-selection {
    background-color: var(--color-primary);
    color: #ccc;
}