/* # Customizations by w3Gomez */

/* Coloring */
.rec-item h5,
.owl-dots button.active,
.bloglist .date-box,
.post-cat,
::-webkit-scrollbar-thumb,
.bloglist .date-box,
#top-bar #mainmenu a.active {
    background-color: var(--main-color);
}

.rec-itemt h5,
.social-icons.big i:hover,
.page-deco:before,
#mainmenu a span,
.social-icons-fixed .sc-inner i:hover {
    color: var(--main-color);
}

.social-icons i:hover,
.tags li,
a.btn-download:hover {
    border-color: var(--main-color);
}

.box-fx .inner,
.dark .box-fx .inner,
.blog-list img,
.arrow-up,
.de_dark .de_tab.tab_style_2 .de_nav li.active span,
.timeline>li>.timeline-panel,
.separator span:before,
.separator span:after,
.de_dark .separator span:before,
.de_dark .separator span:after,
.text-light .separator span:before,
.text-light .separator span:after,
.form-underline input[type=text]:focus,
.form-underline textarea:focus,
.form-underline input[type=email]:focus,
.form-underline select:focus,
h2 {
    border-bottom-color: var(--main-color);
}

.arrow-down,
.preloader1 {
    border-top-color: var(--main-color);
}

.callbacks_nav {
    background-color: var(--main-color);
}

.de_tab .de_nav li span {
    border-top: 3px solid var(--main-color);
}

.feature-box-big-icon i:after {
    border-color: var(--main-color) transparent;
    /*same colour as the lower of the bubble's gradient*/
}

.de_review li.active img {
    border: solid 4px var(--main-color);
}

.de_tab.tab_style_4 .de_nav li {
    border-right-color: var(--main-color);
}

blockquote,
h2 {
    border-left-color: var(--main-color);
}

.sb14:before {
    border-left: 15px solid transparent;
    border-right: 15px solid var(--main-color);
    border-top: 15px solid var(--main-color);
    border-bottom: 15px solid transparent;
}

/* Style */

.rec-item i {
    font-size: 18px;
    margin-bottom: 0px;
    margin-inline: 10px;
    color: #1967d2;
}

.rec-item {
    border-bottom: solid 1px rgba(255, 255, 255, .05);
    margin-bottom: 30px;
}

.text-light .rec-item {
    border-bottom: solid 1px rgba(255, 255, 255, .2);
}


.rec-item h4 {
    margin: 0;
    margin-bottom: 10px;
    font-size: 14px;
}

/* Required by FontAwesome Icons */
.rec-item h4::before {
    display: inline-block;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

.rec-item h4.translated::after{
    font: var(--fa-font-solid);
    content: '\f1ab';
    margin-inline-start: 10px;
    font-size: 20px;
    color: #1967d2;
}

.rec-item h5 {
    display: inline-block;
    font-size: 14px;
    text-decoration: none;
    margin-bottom: 15px;
    padding: 6px 12px 6px 12px;
    margin-right: 3px;
    color: #fff !important;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}