/*
Theme Name: Photoistic

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

*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Layouts
# Responsive

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/

body {
	direction: rtl;
	overflow-x: hidden;
	unicode-bidi: embed;
}

/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/
.site-logo img {
    margin-right: 0;
}

#site-identity {
    margin-right: 20px;
}

.main-navigation svg.icon-down {
    margin-left: 0;
    margin-right: 5px;
}

.main-navigation ul.nav-menu {
    margin-right: auto;
}

.main-navigation li.social-menu li {
	text-align: center;
}

button.dropdown-toggle {
    right: auto;
    left: 0;
}

.main-navigation .menu-item-has-children > a:before {
    float: left;
    right: -15px;
}

[dir=rtl] .slick-prev {
	right: auto;
}

[dir=rtl] .slick-next {
	left: auto;
}

[dir=rtl] .slick-arrow:before {
	content: "";
}

.wp-travel-filter form select {
    background-position: 5% 50%;
}

#top-destinations .section-title {
    margin-right: 0;
    margin-left: 25px;
}

.section-header .more-link svg, 
.read-more svg {
    margin-left: 0;
    margin-right: 5px;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

ul.tabs li:last-child {
    margin-left: 0;
}

#recommended-hotels .entry-header {
    float: right;
    margin-right: 0;
}

#latest-posts .section-title {
    margin-right: 0;
    margin-left: 25px;
}

.site-branding,
#top-destinations .entry-header,
#recommended-hotels .tags-read-more {
	float: right;
}

.main-navigation li,
#recommended-hotels .tags-read-more {
    text-align: right;
}

.main-navigation,
#top-destinations .price-wrapper,
#recommended-hotels .destination-item-wrapper .trip-price {
	float: left;
}

.main-navigation,
#top-destinations .price-wrapper,
#recommended-hotels .destination-item-wrapper .trip-price {
	text-align: left;
}

/*--------------------------------------------------------------
# Responsive
--------------------------------------------------------------*/
@media screen and (min-width: 567px) {
	#our-services .section-content.col-2 article .icon-container, 
	#our-services .section-content.col-3 article .icon-container, 
	#our-services .section-content.col-4 article .icon-container {
	    float: right;
	    margin-right: 0;
	    margin-left: 20px;
	}

	#our-services .entry-container {
	    text-align: right;
	}
}

@media screen and (min-width: 767px) {
	.site-info.col-2 span {
		float: right;
		text-align: right;
	}

	.site-info.col-2 span:nth-child(2) {
	    float: left;
	    text-align: left;
	}
}

@media screen and (min-width: 992px) {
	#top-destinations .section-header,
	#about-us article.has-post-thumbnail .featured-image,
	#recommended-hotels .section-header {
	    float: right;
	}

	#top-destinations .destination-filter,
	.section-header-wrapper .tabs {
		float: left;
		text-align: left;
	}

	#about-us article.has-post-thumbnail .entry-container {
		padding-left: 0;
		padding-right: 50px;
	}

	#subscribe-now .section-header {
	    float: right;
	    text-align: right;
	}

	#subscribe-now button[type="submit"] {
	    margin-left: 0;
	    margin-right: 20px;
	}
}

@media screen and (min-width: 1900px) {
	#about-us article.has-post-thumbnail .entry-container {
		padding-right: 100px;
	}
}