// Fonts
@import url(https://fonts.bunny.net/css?family=anton:400|roboto-condensed:300,700);

// Variables
@import 'variables';

// Bootstrap
@import 'bootstrap/scss/bootstrap';

body {
  font-family: $myFont;
  font-size: $myFontSize;
  color: $myColor;
}

#container {
  width: $myWidth;
}

.serie {
    font-family: 'Anton', sans-serif;
    font-size:32px;
}

.no-carret.dropdown-toggle::after {
  content: none; 
}

/* The actual timeline (the vertical ruler) */
.timeline {
  position: relative;
  max-width: 1200px;
  margin: 0 auto;
}

/* The actual timeline (the vertical ruler) */
.timeline::after {
  content: '';
  position: absolute;
  width: 6px;
  background-color: white;
  top: 20px;
  bottom: 0;
  left: 32px;
  margin-left: -3px;
  margin-bottom: 40px;
  z-index:-100;
}

.btn-100px {
  width:100px;
}


.trix-border {
  border: 1px solid #ced4da;
  background-color:#fff;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: .25rem;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.trix-border:hover {
  color: var(--bs-body-color);
  background-color: var(--bs-body-bg);
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

trix-editor {
  border:0 !important;
  border-top-left-radius:0 !important;
  border-top-right-radius:0 !important;
}

trix-editor.form-control:focus {
  box-shadow: none;
}

trix-toolbar {
  background-color:#fff;
  border-top-left-radius:5px !important;
  border-top-right-radius:5px !important;
  margin-left:5px;
  margin-top:5px;
}
trix-toolbar [data-trix-button-group="file-tools"] {
  display: none;
}
trix-toolbar .trix-button, .trix-button-group {
  border:0 !important;
}

trix-toolbar .trix-button-row {
  justify-content: normal !important;
}

trix-toolbar .trix-button--icon {
  max-width: 1.2em;
}

.trix-button {
  background: #fff !important;
  margin-right:5px !important;
  border-radius: 25px !important;
}

.trix-hide-bold .trix-button--icon-bold { display: none; }
.trix-hide-italic .trix-button--icon-italic { display: none; }
.trix-hide-strike .trix-button--icon-strike { display: none; }
.trix-hide-link .trix-button--icon-link { display: none; }
.trix-hide-heading-1 .trix-button--icon-heading-1 { display: none; }
.trix-hide-quote .trix-button--icon-quote { display: none; }
.trix-hide-code .trix-button--icon-code { display: none; }
.trix-hide-bullet-list .trix-button--icon-bullet-list { display: none; }
.trix-hide-number-list .trix-button--icon-number-list { display: none; }
.trix-hide-decrease-nesting-level .trix-button--icon-decrease-nesting-level { display: none; }
.trix-hide-increase-nesting-level .trix-button--icon-increase-nesting-level { display: none; }
.trix-hide-attach .trix-button--icon-attach { display: none; }
.trix-hide-undo .trix-button--icon-undo { display: none; }
.trix-hide-redo .trix-button--icon-redo { display: none; }

.bs-tagify {
  display: flex !important;
}

div.line {
  width: 100%; 
  text-align: left; 
  border-bottom: 1px solid #000; 
  line-height: 0.1em;
  margin: 10px 0 20px; 
  font-weight:bold;
} 

div.line span { 
   background:#f7f1eb; 
   padding:0 10px; 
}

.bg-moonstone {
  background-color:#50B2C0;
}
.bg-coquelicot {
  background-color:#FF4000;
}
.bg-antique-white {
  background-color:#f7f1eb;
}
.bg-cambridge-blue {
  background-color:#6C9A8B;
}
.bg-charcoal {
  background-color:#424C55;
  color:#ffffff;
}

.grey-hover:hover img {
  filter: none !important;
}

.grey-hover img{
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  filter: grayscale(100%);
  transition: all 0.5s ease;
}

.grey-hover img:hover {
 -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  filter: grayscale(0%);
  transition: all 0.5s ease;
}

.quick-add.form-control {
  line-height:0;
}

a[aria-expanded=true] .toggle-ico-plus {
  display: none;
}
a[aria-expanded=false] .toggle-ico-minus {
  display: none;
}