/* --- Adobe Fonts Project: InSite --- */
@import url("https://use.typekit.net/wah4odk.css");

body {
    font-family: 'open-sans', sans-serif !important;
    font-weight: 400 !important;
    font-size: 14px;
}

#side-overlay .content-header, #sidebar .content-header {
    padding-left: 0.8rem;
    padding-right: 0.8rem;
}

.text-brand {
    color: #00A0D1 !important;
}
.text-brand-light {
    color: #00A0D1 !important;
}

#sidebar .menu-logo {
    margin: 30px 30px 15px 30px;
    text-align: center;
}
#sidebar .menu-logo img {
    max-width:100%;
    max-height: 80px;
}

.sidebar-dark #sidebar .nav-main-link > .nav-main-link-icon {
    color: #aaa !important;
}
.sidebar-dark #sidebar .nav-main-link.active > .nav-main-link-icon {
    color: #00A0D1 !important;
}
/*.menu-container:not(.mobile-primary-menu) {*/
/*}*/

/*.primary-menu .menu-link {*/
/*    font-weight: 400 !important;*/
/*}*/

h1, h2, h3, h4, h5, h6 {
    font-family: 'open-sans', sans-serif !important;
    font-weight: 300;
}
h4 {
    font-size: 16px;
}
h4 strong {
    font-weight: 700;
}
b, strong {
    font-weight: 600;
}

label, .col-form-label {
    font-family: 'open-sans', Sans-serif;
    font-size: 16px;
    font-weight: 500;
    text-transform: none;
    letter-spacing: 0.3px;
}
.form-control, .input-group-text {
    border: 1px solid #adb3b8;
}
.was-validated .form-control:invalid,
.form-control.is-invalid,
.input-group-text.is-invalid
{
    border-color: #e04f1a;
}

/*.form-control:active, .form-control:focus {*/
/*    border: 2px solid #66bde5;*/
/*}*/
.form-control::placeholder {
    color: #ccc;
}

.progress {
    width: 100%;
    height: 20px;
    background-color: #ddd;
}
.progress .bar {
    height: 100%;
    background-color: green;
}
.media-item {
    position: relative;
    padding: 5px !important;
}
.media-item .media-item-inner {
    padding: 10px;
    border: 1px solid #ddd;
}
.media-item .media-item-inner p {
    font-size: 12px;
    margin: 5px 0;
    min-height: 25px;
    overflow-wrap: break-word;
    word-wrap: break-word;
}
.media-item .media-item-inner .action-buttons {
    position: absolute;
    bottom: 15px;
    right: 16px;
}

#product-list h3 {
    font-size: 22px;
}
#product-list h4 {
    font-size: 16px;
    font-weight: 400;
}

#product-list ul.iconlist {
    font-size: 12px;
    margin-top: 5px;
    color: #777 ;
}
.product-thumbnail {
    padding-bottom: 100%;
    background-position: center top;
    background-size: cover;
}

.select2-container .select2-dropdown {
    /*border-color: #6d7a86;*/
    /*box-shadow: 0 2px 0 .2rem rgba(52, 58, 64, .25);*/
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #343a40 !important;
    color: #fff;
    font-size: 0.8rem !important;
    line-height: 1.3rem !important;
    font-weight: 400 !important;
    border: none !important;
    border-radius: .15rem;
    padding: 0 7px !important;
    margin: 0.25rem 0.25rem 0 0 !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    padding-left: 0.4rem;
    padding-right: 0.4rem;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    margin-right: 6px !important;
}

.form-floating .form-group {
    position: relative;
}

.form-floating .form-group label:not(.error) {
    position: absolute;
    top: 50%;
    left: 10px;
    margin-bottom: 0; /* Override default `<label>` margin */
    color: #BBB;
    padding: 0 4px;
    transform: translateY(-50%);
    transition: all 200ms ease;
    cursor: text;
    text-transform: none;
    letter-spacing: 0;
    font-weight: 500;
}

.form-floating .form-group input:focus + label:not(.error),
.form-floating .form-group input.focus-visible + label:not(.error),
.form-floating .form-group input:visited + label:not(.error),
.form-floating .form-group input:not(:placeholder-shown) + label:not(.error),
.form-floating .form-group textarea:focus + label:not(.error),
.form-floating .form-group textarea.focus-visible + label:not(.error),
.form-floating .form-group textarea:visited + label:not(.error),
.form-floating .form-group textarea:not(:placeholder-shown) + label:not(.error)
{
    font-size: 70%;
    transform: translate3d(0, -50%, 0);
    top: 0;
    color: #999;
    background-color: #FFF;
}
.dark-mode .form-floating .form-group input:focus + label:not(.error),
.dark-mode .form-floating .form-group input.focus-visible + label:not(.error),
.dark-mode .form-floating .form-group input:visited + label:not(.error),
.dark-mode .form-floating .form-group input:not(:placeholder-shown) + label:not(.error),
.dark-mode .form-floating .form-group textarea:focus + label:not(.error),
.dark-mode .form-floating .form-group textarea.focus-visible + label:not(.error),
.dark-mode .form-floating .form-group textarea:visited + label:not(.error),
.dark-mode .form-floating .form-group textarea:not(:placeholder-shown) + label:not(.error)
{
    font-size: 70%;
    transform: translate3d(0, -50%, 0);
    top: 0;
    color: #999;
    background-color: #1f2124;
    border-radius: 3px;
}

.form-floating .form-group input::-webkit-input-placeholder,
.form-floating .form-group textarea::-webkit-input-placeholder {
    opacity: 0;
}
.form-floating .form-group input:-ms-input-placeholder,
.form-floating .form-group textarea:-ms-input-placeholder {
    opacity: 0;
}
.form-floating .form-group input::-moz-placeholder,
.form-floating .form-group textarea::-moz-placeholder {
    opacity: 0;
}

.form-floating .form-control.border-bottom {
    border-left: 0;
    border-top: 0;
    border-right: 0;
}

.form-floating .form-control.border-bottom + label:not(.error) {
    left: 0;
    color: #BBb !important;
}
.form-check-inline:last-child {
    margin-right: 0;
}
.block-light .bg-light {
    background-color: #f8f9fa!important;
}

.author-exhibitions-list {
    font-size: 16px;
}
.author-exhibitions-list label {
    font-size: 16px;
    font-weight: 300 !important;
}

.search-block .btn-cancel {
    border-top: 1px solid #adb3b8;
    border-bottom: 1px solid #adb3b8;
    border-left: none;
}
.dark-mode .search-block .btn-cancel {
    border-color: #3c4146;
}

.sidebar-mini.sidebar-o #sidebar:not(:hover) .menu-logo.smini-hidden {
    display: block;
    opacity: 0;
}
