@import url(../fonts/fonts.css);

:root {
    --font-family: "BoutrosAsma Regular", sans-serif;
    --font-size: 13px;
}

body {
    font-family: var(--font-family);
    font-size: var(--font-size);
}

.mobile {
    direction: ltr;
    float: right;
}

#latest-books .slick-list,
#featured-authors .slick-list {
    direction: ltr;
}

.slick-prev {
    left: auto;
    right: 20px;
}

.slick-next {
    left: 20px;
    right: auto;
}

.slick-prev::before {
    content: "\e628" !important;
}

.slick-next::before {
    content: "\e629" !important;
}

.hero-text-background {
    background: linear-gradient(-90deg, rgba(11, 21, 37, 0.8) 0%, rgba(11, 21, 37, 0.6) 70%, rgba(11, 21, 37, 0) 100%);
    text-align: right;
}

.nav-header {
    float: right;
}

.nav-menu {
    float: right;
    padding-right: 10px;
}

.nav-menu>li {
    display: inline-block;
    float: right;
    text-align: right;
}

.align-to-right {
    float: right;
    letter-spacing: 0.5px;
}

.nav-toggle {
    float: right;
    right: 0;
    left: auto;    
    margin-left: 10px;
}

.nav-menu>li>.nav-dropdown:before {
    right: 27px !important;
    left: auto !important;
}

@media (max-width: 992px) {
    .navigation-portrait .nav-dropdown {
        width: auto !important;
    }
}

@media (min-width: 320px) and (max-width: 575px) {
    #rightOffcanvas {
        left: -90% !important;
        right: auto !important;
        width: 90% !important;
    }
}

@media (max-width: 992px) {
    .nav-brand {
        padding: 0px 15px;
        padding-right: 15px;
    }
}

.form-card h4 {
    border-right: 4px solid var(--main-color);
    padding-right: 12px;
    border-left: 0;
    padding-left: auto;
}