/* Fixel Algorithm CSS */


/* Admonitions */

div.notices {
    margin: 2rem 0;
    position: relative;
}
div.notices p {
    padding: 15px;
    display: block;
    font-size: 1rem;
    margin-top: 0rem;
    margin-bottom: 0rem;
    color: #666;
}
div.notices p:first-child:before {
    position: absolute;
    top: 2px;
    color: #fff;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f06a";
    left: 10px;
}
div.notices p:first-child:after {
    position: absolute;
    top: 2px;
    color: #fff;
    left: 2rem;
}
div.notices.info p {
    border-top: 30px solid #F0B37E;
    background: #FFF2DB;
}
div.notices.info p:first-child:after {
    content: 'Info';
}
div.notices.warning p {
    border-top: 30px solid rgba(217, 83, 79, 0.8);
    background: #FAE2E2;
}
div.notices.warning p:first-child:after {
    content: 'Warning';
}
div.notices.note p {
    border-top: 30px solid #6AB0DE;
    background: #E7F2FA;
}
div.notices.note p:first-child:after {
    content: 'Note';
}
div.notices.tip p {
    border-top: 30px solid rgba(92, 184, 92, 0.8);
    background: #E6F9E6;
}
div.notices.tip p:first-child:after {
    content: 'Tip';
}

/* /Admonitions */


/* Swiper */

.swiper-container {
	width: 100%;
	height: 100%;
}

.swiper-slide {
	text-align: center;
	font-size: 18px;
	/* background: #fff; */
	
	/* Center slide text vertically */
	display: flex;
	justify-content: center;
	align-items: center;
}

.swiper-slide > img {
	position: absolute;
	width: 100%;
	height: 100%;
}

.swiper-caption {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	z-index: 10;
	opacity: 0.3;
}

div.swiper-caption:hover{
	opacity: 1;
}

.swiper-caption > h3 {
	position: relative;
	margin: 0px;
	top: max(1%, 5px);
	left: max(1%, 5px);
	font-size: smaller;
}

.swiper-caption > p {
	position: relative;
	margin: 0px;
	left: max(1%, 5px);
	font-size: smaller;
}

/* /Swiper */


/* Figure Counters */

#main {
	counter-reset: FiguresCounter;
}

figure {
	counter-increment: FiguresCounter;
	margin: 0 0 2em 0;
	background-color: lightgrey;
	color: grey;
}

figure figcaption h4 {
	margin: 0px;
	text-align: center;
	color: grey;
}

figure figcaption h4:before {
	content: 'Fig. ' counter(FiguresCounter, decimal-leading-zero) ' - ';
}

figure figcaption p {
	margin: 0px;
	text-align: center;
}

/* Make the image at the center */
figure img {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/* Figure Counters */