/**
 * 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.
 *
 * @link https://developer.wordpress.org/themes/basics/template-hierarchy/
 *
 * RTL tag not added to theme.
 * In Wordpress 5.0 RC2 the Gutenberg RTL stylesheets are still not loading.
 * RTL support will have to wait for a later version of the theme.
 *
 * @package WordPress
 * @subpackage amaThambo
 * @since 1.0
 * @version 1.0
 */

body {
	direction: rtl;
	unicode-bidi: embed;
}

input[type='search'] {
    border-left: 0;
}

.search-form {
    left: 0;
	right: auto;
}

.search-submit:before {
    right: 0;
	left: auto;
}

.search-submit {
    left: 0;
	right: auto;
}

.main-navigation ul {
    text-align: right;
}

.main-navigation ul a {
    padding: .5em .5em .5em 0;
}

.main-navigation ul ul a {
    padding: .5em 2em .5em 0;
}

.main-navigation ul ul ul a {
    padding: .5em 2.5em .5em 0;
}

.main-navigation ul ul ul ul a {
    padding: .5em 3em .5em 0;
}

.main-navigation ul ul ul ul ul a {
    padding: .5em 3.5em .5em 0;
}

.main-navigation ul ul ul ul ul ul a {
    padding: .5em 4em .5em 0;
}

.sticky .entry-title:before {
   	margin-left: 10px;
	text-align: center;
}

.alignright {
    float: right;
    margin-left: 24px;
}

.alignleft {
    float: left;
    margin-right: 24px;
}

.content-holder > * {
    width: auto;
    margin: 32px 0;
}

@media screen and (min-width: 48.9375em) {
    
	.site-branding {
        float: right;
        text-align: right;
    }

    .site-social {
        float: left;
    }
	
	.site-social ul {
		text-align: left;
	}
	
	li.search {
        float: left;
    }

    .main-navigation ul {
        text-align: right;
    }

    .main-navigation ul ul a,
    .main-navigation ul ul ul a,
    .main-navigation ul ul ul ul a,
    .main-navigation ul ul ul ul ul a,
    .main-navigation ul ul ul ul ul ul a {
        padding-right: 1.25em;
    }

    .main-navigation ul li {
		margin: 0 0 5px 5px;
    }

    .main-navigation ul ul {
        right: -999em;
		left: auto;
    }

    .main-navigation .menu-item-has-children > a:after,
    .main-navigation .page_item_has_children > a:after {
        left: 0;
		right: auto;
        text-align: left;
    }

    .main-navigation ul ul ul {
        right: -999em;
		left: auto;
    }
	
	.main-navigation ul a {
		padding: .5em .75em;
    }

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

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

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

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

    .main-navigation ul ul li {
		text-align: right;
    }

    .main-navigation ul ul ul {
        right: 100%;
		left: auto;
    }
	
	.content-holder .wp-block-column:first-child {
	  	margin: 0 0 20px 20px;
	}
	
	.content-holder .wp-block-column:last-child {
	  	margin: 0 20px 20px 0;
	}
	
}