/*Add custom CSS here*/

/*body {background-color:#f7f5fb;}*/

.admonition.todo {
    border-left-color: rgb(55, 58, 55);
}
.admonition.todo .admonition-title {
    background-color: rgba(0, 0, 0, 0.1);
}
.admonition.todo .admonition-title:before {
    color: rgb(200, 0, 0);
    content: '⚠';
}

/*Bloc to implement the rule frame*/
.admonition.rule {
    border-left-color: #73163a;
}
.admonition.rule .admonition-title {
    background-color: #C74D7C;
    color: #050A05;
}
.admonition.rule .admonition-title:before {
	font-family: "Font Awesome 5 Free";
    color: #050A05;
    content: '\f135';
	/*This following lines are to define the wanted position*/
	left: .6rem;
	top: auto;
}

/*Bloc to implement the recommendation frame*/
.admonition.recommendation {
    border-left-color: #5b5511;
}
.admonition.recommendation .admonition-title {
    background-color: #C7BE61;
    color: #FFFFFA;
}
.admonition.recommendation .admonition-title:before {
	font-family: "Font Awesome 5 Free";
    color: #FFFFFA;
    content: '\f091';
	/*This following lines are to define the wanted position*/
	left: .6rem;
	top: auto;
}

/*Bloc to implement the remark frame*/
.admonition.remark {
    border-left-color: #390f1f;
}
.admonition.remark .admonition-title {
    background-color: #7A2345;
    color: #FFFFFA;
}
.admonition.remark .admonition-title:before {
	font-family: "Font Awesome 5 Free";
    color: #FFFFFA;
    content: '\f075';
	/*This following lines are to define the wanted position*/
	left: .6rem;
	top: auto;
}

/*Bloc to implement the equation frame*/
.admonition.equation {
    border-left-color: #0d3c47;
}
.admonition.equation .admonition-title {
    background-color: #2A6C7A;
    color: #FFFFFA;
}
.admonition.equation .admonition-title:before {
	font-family: "Font Awesome 5 Free";
    color: #FFFFFA;
    content: '\f12b';
	/*This following lines are to define the wanted position*/
	left: .6rem;
	top: auto;
}

/*Bloc to implement the note frame*/
.admonition.note {
    border-left-color: #0d3c47;
}
.admonition.note .admonition-title {
    background-color: #FFFFFF;
    color: #000000;
}
.admonition.note .admonition-title:before {
	font-family: "Font Awesome 5 Free";
    color: #107FBC;
    content: '\f129';
	/*This following lines are to define the wanted position*/
	left: 0.9em;
	top: auto;
}

/*Remove the default icon for admonitions to add our personnalize icon*/
.admonition > .admonition-title::after,
div.admonition > .admonition-title::after {
  content: none !important;
}