/*
CSS mirrorpad
*/

/* colori */
:root {
  --azzurro: #96b8d7;
  --senape: #977126;
}

@font-face {
    font-family: Ubuntu;
    src: url(../fonts/Ubuntu/Ubuntu-Light.ttf);
}

/* https://www.dafont.com/icons-social-media-8.font */
@font-face {
    font-family: SocialMedia8;
    src: url(../fonts/social/IconsSocialMedia8.ttf);
}
.socialmedia8 { font-family: SocialMedia8; }

/* https://www.dafont.com/social-shapes.font */
@font-face {
    font-family: SocialShapes;
    src: url(../fonts/social/Social_Shapes.ttf);
}

body {
    font-family: 'Questrial', sans-serif;
}

p {
    font-size: 1.5rem;
}

.socialShapes {
    font-family: SocialShapes;
    font-size: 30px;
    color: var(--senape);
}

.socialShapes span:hover {
    color: var(--azzurro);
}

/* a, a:visited, a:hover, a:active { color: inherit; } */
a, a:visited { color: inherit; }

.btn-outline-light {
    --bs-btn-hover-bg: var(--azzurro);
    --bs-btn-hover-border-color: var(--azzurro);
    --bs-btn-active-bg: var(--azzurro);
    --bs-btn-active-border-color: var(--azzurro);
    --bs-btn-disabled-color: var(--azzurro);
    --bs-btn-disabled-border-color: var(--azzurro);
}

.hrMP {
    color: var(--senape);
    opacity: 1;
    background-color: transparent;
}

.codice {
    height: 400px;
    overflow-y: scroll;
}

xmp {
    background-color: #c1c1c1;
    font-size: 12px;
    color: #000;
    white-space: pre-wrap;       /* Since CSS 2.1 */
    white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

/* .bordoMP {
    border-top-color: var(--senape) !important;
}

#wp-MP-inserimento-testo-editor-container,
#MP-inserimento-testo {
    border: none;
}

div.mce-toolbar-grp,
div.mce-statusbar {
    background-color: transparent;
    border: none;
}

div.mce-panel { border-radius: 30px; } */

.ql-toolbar.ql-snow,
.ql-toolbar.ql-snow + .ql-container.ql-snow {
    background-color: #fff;
    color: #000;
}

/* Tell Quill not to scroll */
#quill-container {
    height: auto;
    min-height: 100%;
    padding: 50px;
}
#quill-container .ql-editor {
    font-size: 18px;
    overflow-y: visible; 
}
  
/* Specify our own scrolling container */
#scrolling-container {
    height: 100%;
    min-height: 100%;
    overflow-y: auto;
}

#legenda_editor span {
    padding: 0px 6px;
    margin: 5px 0;
    display: inline-block;
    border-radius: 6px;
    cursor: pointer;
    border: var(--bs-card-title-color) 1px solid;
}

/* .nero{
    background-color: #535353;
    color: #FFF;
}
.rosso{
    background-color: #e69898;
    color: #000;
}
.blu{
    background-color: blue;
    color: #FFF;
}
.marrone{
    background-color: brown;
    color: #000;
}
.verde{
    background-color: green;
    color: #FFF;
}
.giallo{
    background-color: yellow;
    color: #000;
}
.rosa{
    background-color: pink;
    color: #000;
} */
.nero{
    background-color: #535353;
    color: #FFF;
}
.ripetizione{ color: #ff0000; }
.gerundio{ color: rgb(0,176,240); }
.ripetizioneMultipla{ color: rgb(196,89,17); }
.stessaRadice{ color: rgb(0,176,80); }
.ripetizioneDoppia{ color: rgb(255,192,0); }
.avverbio{ color: rgb(255,51,204); }

.bottone_outline {
    background-color: transparent;
    border: var(--bs-card-title-color) 1px solid;
    color: var(--bs-card-title-color);
}

.bottone_opacity { opacity: .3; }

.img_front_page {
    max-height: 150px;
    max-width: 250px;
    height: auto;
    width: auto;
}

.sfondo_azzurro {
    background-color: #8cd0bc;
    color: #212529;
}

#sezione_login p {
    font-size: 15px;
}

#sezione_login input {
    color: #FFF;
}

#sezione_login #wp-submit {
    width: 100%;
    padding: 12px;
}