@import url("/Website/wwwsys/app/css/components/area-header.css");
@import url("/Website/wwwsys/app/css/components/area-content.css");
@import url("/Website/wwwsys/app/css/components/area-footer.css");
@import url("/Website/wwwsys/app/css/components/box.css");
@import url("/Website/wwwsys/app/css/components/card.css");
@import url("/Website/wwwsys/app/css/components/shadows.css");
@import url("/Website/wwwsys/app/css/components/videoPlayer/main.css");
@import url("/Website/wwwsys/app/css/components/projectSelector/main.css");
@import url("/Website/wwwsys/app/css/components/scrollbars.css");
@import url("/Website/wwwsys/app/css/components/article.css");
@import url("/Website/wwwsys/app/css/components/sidebar.css");
@import url("/Website/wwwsys/app/css/components/tooltip.css");

:ROOT{
	--main-background              : url("../res/img/bg-home2.png");
	--main-logo                    : url("../res/img/S2_Team_Logo_bello2.png");
	--background-color             : RGBA( 26, 28, 33, 0.75 );
	--timespan-opacity-on          : 350ms;
	--timespan-opacity-off         : 100ms;
	--timespan-bacground           : 250ms;
}
*,
*::BEFORE,
*::AFTER {
	box-sizing                     : border-box;
}


/* ========================================== */
/* == LAYOUT ================================ */
/* ========================================== */
BODY {
    position                       : absolute;
    display                        : grid;
    top                            : 0px;
    left                           : 0px;
    right                          : 0px;
    bottom                         : 0px;
}

/* ========================================== */
/* == STYLE ================================= */
/* ========================================== */
BODY {
	/* BACKGROUND STYLE DEFINITION */
	/* Center and scale the image nicely */
	background                     : var(--main-background) scroll center top transparent;
	background-position            : center;
	background-repeat              : no-repeat;
	background-size                : cover;
	background-color               : #000000;
	
    padding                        : 0em;
    margin                         : 0em;

	/* FONT STYLE DEFINITION */
    font-family                    : "Myriad Pro", Myriad, "Liberation Sans", "Nimbus Sans L", "Helvetica Neue" !important;
    font-weight                    : 300;
    font-size                      : 17px;
    color                          : white;

    /* outline:            1px #ccc solid; */
    grid-template-rows: auto 1fr auto;
    z-index:            1;
    /* [SNI] overflow-y:         scroll;*/
    cursor:             url("../res/img/link_pointer.png"), auto;
}


.truncate {
	white-space:        nowrap;
	overflow:           hidden;
	text-overflow:      ellipsis;
}

DIV.video-js {
	display:            contents !important;
}
VIDEO.video-js {
	position:           absolute;
	width:              100%     !important;
	height:             100%     !important;
	align-items:        center;
	padding:            0em;
	margin:             0px auto 0px auto;
}

.logo {
    width                          : 100%;
    margin                         : 0 1em;
    background                     : var(--main-logo) no-repeat;
    background-size                : 100% 100%;
    min-width                      : 130px;
    min-height                     : 50%;
    max-width                      : 250px;
    max-height                     : 85px;
}
iFrame > div.PoweredByLogo_poweredByText_exe7d {
	visibility:         hiden;
}