@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap');

body {
    font-family: 'Roboto';
}

h1, h2, h3, .caption-text {
    font-family: 'Roboto';
    font-weight: 300;
}

.rst-versions {
    font-display: swap;
}

.wy-table-responsive table td, .wy-table-responsive table th {
    white-space: normal;
}

.wy-side-nav-search > div.version {
    color: rgba(255, 255, 255, 255);
}

.wy-side-nav-search {
    background-color: #f2070b;
}

.wy-nav-top {
    background-color: #f2070b;
}

p {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"
}

.wy-menu a, .wy-menu a:visited {
    color: rgba(0, 0, 0, 0.66);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"
}

.wy-menu-vertical a:hover {
    background-color: rgba(240, 240, 240);

}

.wy-nav-content a, .wy-nav-content a:visited {
    color: #f2070b;
}

a:hover {
    color: #b4080b;
}

.wy-nav-side {
    background-color: #f8f9fa;
}


.wy-nav-content-wrap {
    background-color: #fcfcfc;
}

.caption {
  text-transform: none !important;
}

.caption-text {
  color: #f2070b;
  font-size: 16px;

}

/* Start section description. */
@media screen and (min-width: 550px){
    .tocdescr {
        display: flex; display: -webkit-flex;
        flex-flow: row; -webkit-flex-flow: row;
        justify-content: center; -webkit-justify-content: center;
        align-items: flex-start; -webkit-align-items: flex-start;
        align-content: flex-start; -webkit-align-content: flex-start;
        list-style-type: none;
        margin-bottom: 10px;
    }
}
@media screen and (max-width: 550px) {
    .tocdescr {
        display: flex; display: -webkit-flex;
        flex-flow: column wrap; -webkit-flex-flow: column wrap;
        justify-content: space-between; -webkit-justify-content: space-between;
        align-items: flex-start; -webkit-align-items: flex-start;
        align-content: flex-start; -webkit-align-content: flex-start;
        list-style-type: none;
        margin-bottom: 10px;
    }
    .tocdescr:after {
        content: "";
        flex: none; -webkit-flex: none;
    }
}
.descr {
    flex: 2 0 30%; -webkit-flex: 2 0 30%;
    margin: 10px 15px;
    padding: 20px;
    border-radius: .3em;
    user-select: none;
}
.descr div.figure {
    margin-bottom: 0px;
    display: block;
}
.descr img {
    border-top-left-radius: .3em;
    border-top-right-radius: .3em;
}
.descr dl {margin-bottom: 10px}
.descr dl dt > a {
    display: block;
    width: 100%;
    margin-bottom: 10px;
}
.descr dl dt a em, .descr dl dt a span{
    font-weight: bold;
    font-style: normal;
    font-size: 1.3em;
}
.descr dl dt{padding: 18px 15px 0px!important}
.descr dl dd{
    padding: 0px 15px;
    font-style: normal;
    margin: 0px;
    color: #808080;
    font-size: 90%;
}
.descr {
  border-radius: 0.25rem;
  border: solid rgba(0, 0, 0, 0.125) 1px;
}
#getting-started .descr {
    box-shadow: none;
}

.descr a span{
    font-weight: bold;
    font-style: normal;
    font-size: 1.3em;
}
/* End section description. */

.badge, .badge-warning, .badge-danger, .badge-success {
	display: inline-block;
	padding: .25em .4em;
	font-weight: 700;
	line-height: 1;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: .25rem;
}

.badge-warning {
	color: #212529;
	background-color: #ffc107;
}

.badge-danger {
	color: #fff;
	background-color: #dc3545;
}

.badge-success {
	color: #fff;
	background-color: #28a745;
}