/*
Theme Name: Edification Hub

Adding support for languages written in a Right To Left (RTL) direction is easy -
it's just a matter of overwriting all the horizontal positioning attributes
of your CSS stylesheet in a separate stylesheet file named rtl.css.

https://codex.wordpress.org/Right-to-Left_Language_Support
*/

.site-branding {
    margin-left: auto;
    margin-right: 0;
}

.main-navigation {
    float: right;
}

.search-form .search-submit,
.woocommerce-product-search button {
    border-radius: 0;
}

.menu-toggle {
    padding: 8px 10px 10px 10px;
}

.menu-toggle i {
    border: none;
}

.wrap-menu-content {
    top: 65px;
    left: 0;
    right: auto;
}

#main-slider .cycle-caption {
    border-radius: 0;
    border-left-width: 4px;
    padding: 5px 10px;
}

@media screen and (min-width: 568px) {
    .menu-toggle {
        padding: 8px 12px;
    }

    .menu-label {
        margin-right: 5px;
        margin-left: 0;
    }
}

@media screen and (min-width: 768px) {
    .search-box-wrap {
        left: 0;
        right: auto;
    }

    .main-navigation ul li:hover > ul,
    .main-navigation ul li.focus > ul {
        left: 0;
        right: auto;
    }

    .main-navigation ul li.menu-item-has-children ul a,
    .main-navigation ul li.page_item_has_children ul a {
        padding-left: 15px;
    }

    .main-navigation ul li li.menu-item-has-children > a:after,
    .main-navigation ul li li.page_item_has_children > a:after {
        content: "\f105";
    }

    .main-navigation ul ul li:hover > ul,
    .main-navigation ul ul li.focus > ul {
        left: 100%;
        right: auto;
    }
}

@media screen and (min-width: 1024px) {
    #main-slider .cycle-caption {
        padding: 24px;
    }
}