@import url("../../cassiopeia/css/template.min.css");
@import url("user.css");
@import url('../../../../../media/system/css/joomla-fontawesome.css');

@font-face {
    font-family: 'Font Awesome 6 Free';
    font-style: normal;
    font-weight: 400;
    src: url('../../../../vendor/fontawesome-free/webfonts/fa-solid-400.woff2') format('woff2');
}

@font-face {
    font-family: 'Font Awesome 6 Free';
    font-style: normal;
    font-weight: 900;
    src: url('../../../../vendor/fontawesome-free/webfonts/fa-solid-900.woff2') format('woff2');
}

@font-face {
    font-family: 'Font Awesome 6 Brands';
    font-style: normal;
    src: url('../../../../vendor/fontawesome-free/webfonts/fa-brands-400.woff2') format('woff2');
}

html,
body {
    font-size: 16px !important;
}

.display-1 {
    font-size: 3rem !important;
}

.display-2 {
    font-size: 2.75rem !important;
}

.display-3 {
    font-size: 2.5rem !important;
}

.display-4 {
    font-size: 2.25rem !important;
}

.display-5 {
    font-size: 2rem !important;
}

.display-6 {
    font-size: 1.75rem !important;
}

.btn-light {
    color: #000;
    background-color: #e7e7e7 !important;
    border-color: #e7e7e7 !important;
}

.btn-light:hover {
    background-color: #d6d6d6 !important;
    border-color: #d1d1d1 !important;
}

.btn-light:focus {
    background-color: #d6d6d6 !important;
    border-color: #d1d1d1 !important;
}

.text-light {
    color: #ccc !important;
    opacity: 1 !important;
}

.text-white,
.link-white {
    color: rgb(218, 218, 218) !important;
    opacity: 1 !important;
}

.link-white:hover,
.link-white:focus {
    color: rgb(202, 202, 202) !important;
}

.btn-outline-light {
    color: #e7e7e7 !important;
    border-color: #e7e7e7 !important;
}

.btn-primary {
    color: var(--btn-color) !important;
    background-color: var(--btn-bg) !important;
    border-color: var(--btn-border-color) !important;
}

hr[class].mce-item-pagebreak,
hr[class].mce-item-readmore {
    border: 1px dashed #383838 !important;
    background-color: #d7d7d7 !important;
}

[data-mce-selected=inline-boundary]:not(.btn) {
    -webkit-box-shadow: inset 0px 0px 0px 2px #b4d7ff !important;
    -moz-box-shadow: inset 0px 0px 0px 2px #b4d7ff !important;
    box-shadow: inset 0px 0px 0px 2px #b4d7ff !important;
    background-color: transparent !important;
}

.bg-white,
.bg-light {
    opacity: 1 !important;
    background-color: #efefef !important;
}

/* Styling TinyMCE templates */
/*--------------------------------------------------------*/
.grid {
    background-color: #f3f3f3;
}

.grid > div {
    border: 1px dashed red;
}

.mceNonEditable {
    background-color: #ffe8e8;
}

.mceEditable {
    background-color: var(--white);
}

.mce-visualblocks address,
.mce-visualblocks article,
.mce-visualblocks aside,
.mce-visualblocks blockquote,
.mce-visualblocks div:not([data-mce-bogus]),
.mce-visualblocks dl,
.mce-visualblocks figcaption,
.mce-visualblocks figure,
.mce-visualblocks h1,
.mce-visualblocks h2,
.mce-visualblocks h3,
.mce-visualblocks h4,
.mce-visualblocks h5,
.mce-visualblocks h6,
.mce-visualblocks hgroup,
.mce-visualblocks ol,
.mce-visualblocks p,
.mce-visualblocks pre,
.mce-visualblocks section,
.mce-visualblocks ul {
    margin-left: 3px;
}

.gradient-text {
    color: var(--primary) !important;
}