@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Fjalla+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@100;300;400;700&display=swap');
/* Insert your tt header custom SASS styling. */
@font-face
{
    font-family: 'NeoSansArabic';

    src: url('../../fonts/neo-sans-arabic-regular.ttf');
}

body
{
    font-family: 'NeoSansArabic';
}

body .main-container
{
    padding: 0;
}

body header#navbar-main
{
    margin-bottom: 0 !important;

    border-top: 12px solid #c4cd4a;
}

body .header
{
    margin-bottom: 30px;

    text-align: center;
}

body .header .navbar-brand
{
    font-size: 0;

    margin: auto;
}

body .header .navbar-brand img
{
    width: 190px;
}

body #navbar-collapse .nav-link:before
{
    padding-right: 12px;

    content: '|';
}

body #block-alsabah-main-menu .nav-item:first-child .nav-link:before
{
    content: '';
}

@media all and (max-width: 768px)
{
    body #block-alsabah-main-menu
    {
        margin: auto;

        text-align: center;
    }
    body #block-alsabah-main-menu .nav-link:before
    {
        content: '';
    }
}

@media all and (max-width: 768px)
{
    body #block-languageswitcher
    {
        display: block;
        float: none;

        width: 100%;

        text-align: center;
    }
    body #block-languageswitcher .links
    {
        display: block;
    }
    body #block-languageswitcher .links .nav-link:before
    {
        padding: 0;

        content: '';
    }
}

body .navbar-toggler-icon:before
{
    font-family: 'FontAwesome';

    content: '\f0c9';

    color: #f49712;
}

body #block-alsabah-search-form-narrow .search
{
    float: left;

    margin: 3px 12px 0;

    cursor: pointer;
}

body #block-alsabah-search-form-narrow .search:before
{
    font-family: 'FontAwesome';

    content: '\f002';

    color: #f49712;
}

body #block-alsabah-search-form-narrow > .content
{
    display: none;
}

body #block-alsabah-search-form-narrow .content
{
    vertical-align: top;
}

body #block-alsabah-search-form-narrow .content #search-block-form
{
    margin: -2px;
    padding: 0;
}

body #block-alsabah-search-form-narrow .content #search-block-form .form-group
{
    margin-bottom: 0;
}

body #block-alsabah-search-form-narrow .content #search-block-form #edit-submit
{
    border-color: #f49712;
    background-color: #f49712;
}

body #block-languageswitcher .links
{
    font-weight: bold;

    color: #f49712;
}

body #block-languageswitcher .links span.is-active
{
    display: none;
}

[dir='rtl'] body #navbar-collapse .nav-link:before
{
    padding-right: 0;
    padding-left: 12px;
}

[dir='rtl'] #block-alsabah-search-form-narrow .search
{
    float: right;
}

[dir='rtl'] #navbar-collapse .nav-link::before
{
    padding-right: 0;
    padding-left: 12px;

    content: '|';
}
