/*
    Bootstrap v3.4.1 (https://getbootstrap.com/docs/3.4/)
*/

@font-face {
    font-family: '20db';
    src: url(fonts/20db.otf)
}

@font-face {
    font-family: 'Russo One';
    src: url(fonts/RussoOne.ttf)
}

/*@import url('https://fonts.googleapis.com/css?family=Russo+One&display=swap');*/

body {
    background-color: RGB(182, 182, 174);
}

.row {
    text-indent: 15px;
}

.body-content {
    padding-left: 15px;
    padding-right: 15px;
    text-align: justify;
}

.mainheader {
    font-family: 'Russo One', sans-serif;
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
    background-color: rgb(235, 235, 233);
}

hr {
    color: RGB(241, 239, 226);	/* vb3DLight */
}

a {
    /*color: #337ab7; RGB(51, 122, 183), HSB(208, 72, 72), родной bootstrap'овский*/
    color: RGB(192, 0, 0);
    text-decoration: none;
}

    a:hover, a:focus {
        /*color: #23527c; RGB(35, 82, 124), HSB(208, 72, 49), родной bootstrap'овский*/
        color: RGB(102, 0, 0);
        /*color: RGB(89, 68, 67);*/
        text-decoration: underline;
    }

.anchor-bold {
    color: #333333;
    text-decoration: none;
    font-weight: bold;
}

    .anchor-bold:hover, .anchor-bold:focus {
        color: #333333;
        text-decoration: none;
        font-weight: bold;
    }

.anchorxiao {
    color: #333333;
    text-decoration: none;
}

    .anchorxiao:hover, .anchorxiao:focus {
        color: #333333;
        text-decoration: none;
    }

.personFullName {
    text-align: center;
    font-weight: bold;
    font-size: 1.3em;
}

.personLifeYears {
    text-align: center;
    font-weight: bold;
    font-size: 1em;
}

.card-header-xiao {
    background: rgb(194, 52, 32);
    background: -moz-linear-gradient(top, rgb(194, 52, 32), rgb(46, 26, 2));
    background: -webkit-linear-gradient(top, rgb(194, 52, 32), rgb(46, 26, 2));
    background: -o-linear-gradient(top, rgb(194, 52, 32), rgb(46, 26, 2));
    background: linear-gradient(to bottom, rgb(194, 52, 32), rgb(46, 26, 2));
    color: rgb(217, 182, 28);
    height: 20px;
}

    .card-header-xiao h4 {
        /*padding-top: 5px;*/
    }

.btn-outline-primary-xiao {
    color: #c90000;
    border-color: #c90000;
}

    .btn-outline-primary-xiao:hover {
        color: #f0e900;
        background: #c90000;
        background: -moz-linear-gradient(top, #c90000, #7f0000);
        background: -webkit-linear-gradient(top, #c90000, #7f0000);
        background: -o-linear-gradient(top, #c90000, #7f0000);
        background: linear-gradient(to bottom, #c90000, #7f0000);
        border-color: #c90000;
    }

    .btn-outline-primary-xiao.disabled, .btn-outline-primary-xiao:disabled {
        color: #c90000;
        background-color: transparent;
    }

    .btn-outline-primary-xiao:focus, .btn-outline-primary-xiao.focus {
        box-shadow: 0 0 0 0.2rem rgba(240, 233, 0, 0.5);
    }


    .btn-outline-primary-xiao:not(:disabled):not(.disabled):active,
    .btn-outline-primary-xiao:not(:disabled):not(.disabled).active,
    .show > .btn-outline-primary-xiao.dropdown-toggle {
        color: #f0e900;
        background-color: #c90000;
        border-color: #c90000;
    }

        .btn-outline-primary-xiao:not(:disabled):not(.disabled):active:focus,
        .btn-outline-primary-xiao:not(:disabled):not(.disabled).active:focus,
        .show > .btn-outline-primary.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(240, 233, 0, 0.5);
        }

.boldredtext {
    color: red;
    font-weight: bold;
    font-size: 1.3em;
}

.dimmedredtext {
    color: RGB(193, 50, 56);
    font-weight: bold;
    font-size: larger;
}

.dimmedredtext2 {
    color: RGB(193, 50, 56);
    font-weight: bold;
}

.boldLink {
    font-weight: bold;
    /*font-size: 1.3em;*/
}

.bigBoldLink {
    font-weight: bold;
    font-size: large;
    /*-webkit-text-decoration-skip: ink;*/
    text-decoration-skip: ink;
}

.xiao-box {
    border-left: 1px solid rgb(194, 52, 32);
    border-right: 1px solid rgb(194, 52, 32);
    border-bottom: 1px solid rgb(194, 52, 32);
    background-color: rgb(240, 240, 240);
    margin-bottom: 5px;
    border-top-style: none;
    border-top-color: inherit;
    border-top-width: 0;
    margin-top: 0px;
}

.boldmoneysign {
    font-size: x-large;
    font-weight: bold;
    color: RGB(89, 68, 67);
}

.modal-header-xiao {
    border-bottom: 0
}

.modal-content-xiao {
    background-color: rgba(0, 0, 0, 0.25);
}

.close-xiao {
    color: white
}

    .close-xiao:hover, .close-xiao:focus {
        color: white
    }

.chordtext {
    font-family: 'Times New Roman', Times, serif;
    font-size: larger;
}

.score-italic {
    font-family: 'Times New Roman', Times, serif;
    font-size: larger;
    font-style: italic;
}

/*Кнопка с заголовком песни. При нажатии открываются проигрыватели.*/
.expandable-song-header {
    width: 100%;
    text-align: left;
}

h1 {
    font-size: 1.3em;
    padding-bottom: 10px;
}

h2 {
    font-size: 1.2em;
}

h3 {
    font-size: 1.1em;
}

h4 {
    font-size: 1em;
    font-weight: bold;
}

.hdr-image {
    margin: 10px 0 10px 0;
}

.padded-picture {
    padding: 10px;
}

.snoska {
    font-style: italic;
    font-size: smaller;
    font-weight: bolder;
    color: green;
}

.song-lyrics {
    font-size: inherit;
    font-weight: normal;
    font-style: italic;
}

::selection {
    background-color: rgb(182, 182, 181);
}

::-moz-selection {
    background-color: rgb(182, 182, 181);
}

.img-descr {
    text-indent: 20px;
    text-align: left;
    font-style: italic;
    font-weight: bolder;
    margin-bottom: 10px;
}

.cdiagram {
    margin-bottom: 4px;
    margin-right: 4px;
    margin-top: 4px
}

.video-frame {
    margin-bottom: 10px;
    margin-top: 10px
}

.capslock {
    text-transform: uppercase
}

.razryadka {
    letter-spacing: 4px
}

/* Следующие два блока должны отличаться только курсивом! */
.row-no-indent {
    text-indent: 0px;
    padding: 5px 0px 5px 10px;
}

.italic-block {
    font-style: italic;
    text-indent: 0px;
    padding: 5px 0px 5px 10px;
}

.refr-label {
    font-style: italic;
    text-indent: 0px;
    color: rgb(148, 148, 148);
}