@charset "utf-8";
/* CSS Document */


.full-header #logo {
    padding-right: 30px;
    border-right: 1px solid #EEE;
}

a {
    color: #4A59C9;
}


.dark #footer,
#footer.dark {
    color: rgba(17, 37, 51, 0.75);
    background-color: #112533;
    border-top-color: rgba(17, 37, 51, 0.15);
}

.btn-primary {
    color: #fff;
    background-color: #F05149;
    border-color: #F05149;
}

.btn-primary:hover {
    color: #fff;
    background-color: #B83832;
    border-color: #B83832;
}


.btn-primary:active {
    color: #fff;
    background-color: #B83832;
    border-color: #B83832;
}

.page-title-dark.tutorials {
    background-image: url("../img/rebranding/community-title-background-tutorials-cfbc84fa76efff839c48589dbf96f6cb.png");
}

.btn-outline-success {
    color: #F05149;
    border-color: #F05149;
}

.btn-outline-success:hover {
    color: #fff;
    background-color: #F05149;
    border-color: #F05149;
}

.btn-outline-success:focus, .btn-outline-success.focus {
    box-shadow: 0 0 0 0.2rem rgba(240, 81, 73, 0.5);
}

.btn-outline-success.disabled, .btn-outline-success:disabled {
    color: #28a745;
    background-color: transparent;
}

.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active,
.show > .btn-outline-success.dropdown-toggle {
    color: #fff;
    background-color: #F05149;
    border-color: #F05149;
}

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

#videos.entry, .grid-inner {
    max-height: 400px;

}


.heading-block::after {

    border-top: 4px solid #F05149;
}


#sidebar-tutorials ul.nav {
    display: block;

}

#sidebar-tutorials li.nav-item {
    display: block;

}

.second-bg-color {

    background-color: #F05149;
    color: white;
}

#footer.dark {
    background-color: #112533;
    border-top-color: rgba(240, 81, 73, 1);

}

.bg-primary {
    background-color: #112533 !important;
}

.steps {

    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid #F05149;
    border-radius: 0.25rem;
    padding: 75px;
}

.dark-header {

    background: url("../img/rebranding/community-title-background-cdfe1da6778e303688280e2b8623a6d9.png") center;
}

.tutorials-header {

    background: url("../img/rebranding/hero-banner-tutorials.png") center;
}

.express-header {

    background: url("../img/rebranding/headerbackground-denodoexpress-8-4578804b3ad680ccd78899d8d90126dc.jpg") center;
}

.entry-title h4 {
    font-size: 1.1rem;
    letter-spacing: 0;
}


.entry-title h2 a, .entry-title h3 a, .entry-title h4 a {

    color: #4A59C9;
}

#logo img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    height: 100px;
}

.btn-outline-secondary:hover {
    color: #fff;
    background-color: #f05149;
    border-color: #ee342a;
}

.btn-outline-secondary:focus, .btn-secondary.focus {
    color: #fff;
    background-color: #f05149;
    border-color: #ee342a;
    box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
}


.button.button-border {
    border: 2px solid #f05149;
    background-color: transparent;
    color: #f05149;
    font-weight: 700;
    text-shadow: none;
}


.button.button-border:not(.button-fill):hover {
    background-color: #f05149;
    color: #FFF;
    border-color: transparent !important;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
}

.trails-list {

    list-style-type: none;
    font-weight: 500;

}

.trails-list li {

    margin-bottom: 25px;
    min-height: 50px;
    opacity: .5;
    background: url("../img/rebranding/trails-icon.png") no-repeat;
    padding-left: 50px;

}

.trails-list li:hover {

    margin-bottom: 25px;
    opacity: 1;
    cursor: pointer;

}

.trails-list li.active {
    opacity: 1;
}


.video-list li a {
    display: inline-flex;
    padding: 5px;
    font-size: 15px;
    width: 100%;
}

.video-list ul ul {
    padding-left: 100px;

}


.video-list li::before {

    content: "\e6c4";
    font-family: 'font-icons', serif;
    display: inline-block;
    position: relative;
    top: 4px;
    margin-right: 10px;

}

.video-list li ul li::before {

    content: "\e6c4";
    font-family: 'font-icons', serif;
    top: 0;
    margin-right: -5px;
}

.book-list li {
    display: flex;
    padding: 4px;
    font-size: 15px;
}

.book-list li ul {
    display: inline-block;
}

.book-list li::before {

    content: "\e666";
    font-family: 'font-icons', serif;
    display: inline-block;
    position: relative;
    top: 5px;
    margin-right: 10px;
}


.bookmark-list li {
    display: inline-block;
    padding: 4px;
    font-size: 15px;
    width: 100%;
    clear: both;
}

.bookmark-list li::before {

    content: "\e6e7";
    font-family: 'font-icons', serif;
    position: relative;
    top: 0;
    margin-right: 10px;
    height: 100%;
    color: #4A59C9;
}

.bookmark-list ul li ul {
    clear: both;
}

.bookmark-list li ul li::before {

    content: "\e74a";
    font-family: 'font-icons', serif;
    margin-right: 10px;

}


.question-list li {
    display: flex;
    padding: 4px;
    font-size: 15px;
    width: 100%;
    clear: both;
}


.question-list li::before {

    content: "\eb32";
    font-family: 'font-icons', serif;
    position: relative;
    top: 0;
    padding: 5px;
    margin-right: 10px;
    height: 100%;
    color: #333;
}


.red {
    color: #f05149;
}


.contents ul {
    list-style-type: none;
}

.contents ul li ul {
    padding-left: 20px;
    font-size: 16px;
}


.entry {

    border-bottom: #CFD3F1;
}

.entry-title h2, .entry-title h3, .entry-title h4 {

    text-transform: none;

}

.tagcloud a {
    display: block;
    float: left;
    margin-right: 4px;
    margin-bottom: 4px;
    padding: 3px 6px;
    border: 1px solid #CFD3F1;
    background-color: #EAEBF4;
    font-size: 13px !important;
    color: #2A368D;
    border-radius: 2px;
    font-weight: 600;
}

.promo-light {
    background-color: #EAEBF4;
}

.result-number {
    font-size: 0.8rem;
    color: #999;
    font-weight: 400;
}

.table {
    color: #121619;
}

.table-striped > tbody > tr:nth-child(2n+1) {
    background-color: #E7E9F8;
}

.table td {
    padding: 0.75rem;
    vertical-align: top;
    border-top: 1px solid #B6BCE9;
}

.table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #B6BCE9;
}

.table th, .table td {
    padding: 0.75rem;
    vertical-align: top;
    border-top: 1px solid #B6BCE9;
}

.fbox-plain.fbox-light .fbox-icon i, .fbox-plain.fbox-light .fbox-icon img {
    color: #9EA6E2;
}

.si-youtube:hover, .si-colored.si-youtube {
    background-color: black !important;
}

.search-filter-sections {
    width: 200px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.search-filter-sections-with-results {
    width: 200px;
    display: flex;
    flex-direction: column;
}

.search-filter-sections-with-results-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
}