/*
Theme Name: Catch Vogue

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
# FontAwesome
# Layouts
# Media Queries
	## >= 568px (iPhone 5, 5S, 5C and 5SE : Landscape)
	## >= 667px (iPhone 6, 6S, 7 and 8 : Landscape)
	## >= 812px (iPhone X : Landscape )
	## >= 1024px (iPad 1, 2, 3, 4, Mini, Air, Pro 9.7" : Landscape)
	## >= 1600px (Kindle Fire HD 8.9" : Landscape)
--------------------------------------------------------------*/

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

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

/*--------------------------------------------------------------
# FontAwesome
--------------------------------------------------------------*/

.nav-previous .nav-subtitle:before {
	margin-right: 0;
    margin-left: 7px;
}

.nav-next .nav-subtitle:after {
	margin-left: 0;
	margin-right: 7px;
}

/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/

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

#site-navigation {
	margin-right: auto;
}

.menu-wrapper {
	float: right;
}

.is-open .menu-inside-wrapper {
	right: auto;
	left: 0;
}

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

.navigation-classic .search-content-wrapper-top {
	text-align: left;
}

.main-navigation ul ul a {
	padding-left: 30px;
	padding-right: 50px;
}

.main-navigation .menu-item-has-children .menu-item-has-children > a,
.main-navigation .page_item_has_children .page_item_has_children > a {
	padding-right: 50px;
}

.main-navigation ul ul ul a {
	padding-left: 30px;
	padding-right: 70px;
}

#search-container {
	clear: both;
}

#search-container input,
.widget input[type="search"] {
	padding: 12px 20px 12px 65px;
}

#search-container button,
.widget .search-submit {
	left: 0;
	right: inherit;
}

.search-content-wrapper-top #search-container:before {
	left: 9px;
}

.main-navigation ul ul li::before {
	left: inherit;
	right: 0;
	transform: rotate(180deg);
}

.menu-content-wrapper .entry-price {
	text-align: left;
}

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

.menu-wrapper .search-form .search-field {
	padding-left: 45px;
	padding-right: 14px;
}


th {
	text-align: right;
}

ul,
ol {
    margin: 0 1.25em 1.75em 0;
    padding: 0;
}

.tags-links a,
.cat-links a {
    margin-left: 21px;
    margin-right: 0;
}

.entry-header .entry-meta > span,
.custom-header .entry-meta > span {
	margin-right: 0;
	margin-left: 14px;
}

.entry-footer .cat-links:before,
.entry-footer .tags-links:before,
.edit-link:before {
	margin-right: 0;
	margin-left: 7px;
}

.comment-author .avatar {
    float: right;
    margin-left: 28px;
    margin-right: 0;
}

#cancel-comment-reply-link::before {
	padding-left: 4px;
	padding-right: 0;
}

.comment-content::before {
    right: 16px;
}

.testimonials-content-wrapper .hentry:before {
	left: 0.3828125em;
	right: inherit;
}

.testimonials-content-wrapper .entry-container:before {
	content: "”";
	left: unset;
	right: 40px;
}

.home .custom-header .content-aligned-left,
.slider-content-wrapper .content-aligned-left {
	text-align: right;
}

.home .custom-header .content-aligned-right,
.slider-content-wrapper .content-aligned-right {
	text-align: left;
}

.header-top-left-content li .fa {
	margin-right: unset;
	margin-left: 7px;
}

.widget_categories ul,
.widget_archive ul,
.ew-archive ul,
.ew-category ul {
	text-align: left;
}

.widget_categories ul li a,
.widget_archive ul li a,
.ew-archive ul li a,
.ew-category ul li a {
	float: right;
}

.site-header-cart:hover .widget_shopping_cart, .site-header-cart.focus .widget_shopping_cart {
	right: auto;
	left: 0;
}

.site-header-cart .cart-contents .count {
	margin-right: 7px;
	margin-left: 0;
}

.hero-content-wrapper .entry-title::after {
    margin-right: unset;
}

.stats-section .post-thumbnail {
    float: right;
    margin-left: 28px;
    margin-right: unset;
}

.testimonials-content-wrapper .controls {
	left: 0;
	right: unset;
}

.promotion-headline-wrapper.content-aligned-left .section-description,
.promotion-headline-wrapper.content-aligned-left .hentry {
	text-align: right;
}

.promotion-headline-wrapper.content-aligned-right .section-description,
.promotion-headline-wrapper.content-aligned-right .hentry {
	text-align: left;
}

#events-section .entry-content:before,
#events-section .entry-summary:before {
    margin-left: 7px;
    margin-right: unset;
}

.contact-details li .fa {
	margin-left: 21px;
	margin-right: unset;
}

#scrollup {
	left: 21px;
	right: unset;
}

blockquote {
	border-left-width: 0;
    border-right-width: 5px;
    padding: 0 1.4em 0 0;

}

/*--------------------------------------------------------------
# Media Queries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
## >= 480px
--------------------------------------------------------------*/

@media screen and (min-width: 30em) {
	.comment-reply-link {
		left: 0;
		right: inherit;
	}
}

/*--------------------------------------------------------------
## >= 568px
--------------------------------------------------------------*/

@media screen and (min-width: 35.5em) {
	.slider-content-wrapper.style-with-bg .slider-image {
		padding-right: 0;
		padding-left: 35px;
		text-align: right;
	}

	.slider-content-wrapper.style-with-bg .entry-container {
		text-align: right;
	}

	.slider-content-wrapper.style-with-bg .content-aligned-left .slider-image {
	    padding-left: 0;
	    padding-right: 35px;
	}

	.testimonial-thumbnail {
		left: unset;
		right: 0;
	}

	.testimonials-content-wrapper .entry-container {
		float: left;
	}

	.testimonials-content-wrapper .entry-container {
		text-align: right;
	}

	.testimonials-content-wrapper .entry-header:before {
		margin-right: unset;
	}

	.reserve-content-wrapper.reservation-aligned-right .layout-one .reservation-form {
		margin: 0 auto 0 0;
	}

	.reserve-content-wrapper.reservation-aligned-right .layout-one .reservation-form {
		margin: 0 0 0 auto;
	}

	.recent-blog-content-wrapper .hentry-inner .post-thumbnail::before,
	.blog .content-area .hentry-inner .post-thumbnail::before, body:not(.page).home .content-area .hentry-inner .post-thumbnail::before,
	.archive .content-area .hentry-inner .post-thumbnail::before {
	    left: unset;
	    right: -7px;
	    -webkit-transform: translate(0, -50%) rotate(270deg);
	    -ms-transform: translate(0, -50%) rotate(270deg);
	    transform: translate(0, -50%) rotate(270deg);
	}

	.recent-blog-content-wrapper .hentry:nth-child(2n+1) .hentry-inner .post-thumbnail::before,
	.blog .content-area .hentry:nth-child(2n+1) .hentry-inner .post-thumbnail::before, body:not(.page).home .content-area .hentry:nth-child(2n+1) .hentry-inner .post-thumbnail::before, .archive .content-area .hentry:nth-child(2n+1) .hentry-inner .post-thumbnail::before {
	    right: unset;
	    left: -7px;
	    -webkit-transform: translate(0, -50%) rotate(90deg);
	    -ms-transform: translate(0, -50%) rotate(90deg);
	    transform: translate(0, -50%) rotate(90deg);
	}
}

/*--------------------------------------------------------------
## >= 667px
--------------------------------------------------------------*/

@media screen and (min-width: 41.6875em) {
	.services-section .section-content-wrapper,
	#events-section .section-content-wrap {
		text-align: right;
	}

	#events-section .wrap {
		padding-left: 0;
		padding-right: 21px;
	}

	.author-description {
		padding-left: 0;
		padding-right: 35px;
		text-align: right;
	}

	.menu-content-wrapper .post-thumbnail {
	    float: right;
	    margin-left: 21px;
	    margin-right: 0;
	}

	.is-open .menu-inside-wrapper {
		left: 40px;
	}

	.menu-toggle-wrapper {
		float: right;
	}
}

/*--------------------------------------------------------------
## >= 812px
--------------------------------------------------------------*/

@media screen and (min-width: 50.75em) {
	.social-header-disabled .site-branding {
		margin: 0 0 0 auto;
	}

	.site-header-main .social-navigation {
	    margin-right: -25px;
	    margin-left: unset;
	}

	.site-branding {
		text-align: center;
		margin: 0 auto;
	}

	#events-section .entry-meta a {
		left: unset;
		right: 0;
	}

	#events-section .event-details {
		border-left: 1px solid currentcolor;
		border-right: unset;
		margin-left: unset;
		margin-right: 80px;
	}

	.site-header-cart .cart-contents {
	    margin-left: -15px;
	}
}

/*--------------------------------------------------------------
## >= 1024px
--------------------------------------------------------------*/

@media screen and (min-width: 64em) {
	.header-top-left-content li {
		margin-right: unset;
		margin-left: 35px;
	}
	.header-top-content .header-top-left-content {
		margin-right: unset;
		margin-left: auto;
	}

	.navigation-classic #primary-menu-wrapper {
		float: right;
	}
	.is-open .menu-inside-wrapper {
		left: 60px;
	}

	.navigation-classic .main-navigation .menu-item-has-children > a:after,
	.navigation-classic .main-navigation .page_item_has_children > a:after {
	    padding-left: 0;
	    padding-right: 7px;
	}

	.navigation-classic .main-navigation ul ul .menu-item-has-children > a:after,
	.navigation-classic .main-navigation ul ul .page_item_has_children > a:after {
		left: 21px;
		right: auto;
	}

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

	.navigation-classic .main-navigation ul ul .menu-item-has-children > a::after,
	.navigation-classic .main-navigation ul ul .page_item_has_children > a::after {
	    transform: rotate(270deg);
	}

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

	.navigation-classic .site-header-main .search-content-wrapper-top #search-container {
		left: 0;
		right: inherit;
	}

	.author-description {
		padding-right: 49px;
	}

	.main-navigation #primary-menu .dropdown-toggle::after {
		transform: rotate(90deg);
	}

	.slider-content-wrapper.style-with-bg .slider-image {
	    padding-left: 49px;
	    padding-right: unset;
	}

	.slider-content-wrapper.style-with-bg .content-aligned-left .slider-image {
		padding-right: 49px;
	}

	.recent-blog-content-wrapper .hentry:nth-child(2n+1) .hentry-inner .post-thumbnail::before,
	.blog .content-area .hentry:nth-child(2n+1) .hentry-inner .post-thumbnail::before,
	body:not(.page).home .content-area .hentry:nth-child(2n+1) .hentry-inner .post-thumbnail::before,
	.archive .content-area .hentry:nth-child(2n+1) .hentry-inner .post-thumbnail::before {
		    right: -7px;
		    left: unset;
		    -webkit-transform: translate(0, -50%) rotate(90deg);
		    -ms-transform: translate(0, -50%) rotate(90deg);
		    transform: translate(0, -50%) rotate(270deg);
		}

	.recent-blog-content-wrapper .hentry:nth-child(4n+1) .hentry-inner .post-thumbnail::before,
	.recent-blog-content-wrapper .hentry:nth-child(4n+2) .hentry-inner .post-thumbnail::before,
	.blog .content-area .hentry:nth-child(4n+1) .hentry-inner .post-thumbnail::before,
	.blog .content-area .hentry:nth-child(4n+2) .hentry-inner .post-thumbnail::before,
	body:not(.page).home .content-area .hentry:nth-child(4n+1) .hentry-inner .post-thumbnail::before,
	body:not(.page).home .content-area .hentry:nth-child(4n+2) .hentry-inner .post-thumbnail::before,
	.archive .content-area .hentry:nth-child(4n+1) .hentry-inner .post-thumbnail::before,
	.archive .content-area .hentry:nth-child(4n+2) .hentry-inner .post-thumbnail::before {
	    right: unset;
	    left: -7px;
	    -webkit-transform: rotate(90deg);
	    -ms-transform: rotate(90deg);
	    transform: rotate(90deg);
	}

	.header-top-right-content {
	    margin-left: -10px;
	    margin-right: unset;
	}
}

/*--------------------------------------------------------------
## >= 1600px
--------------------------------------------------------------*/

@media screen and (min-width: 100em) {
	.site-description {
		text-align: right;
	}

	.slider-content-wrapper.style-with-bg .slider-image {
	    padding-left: 70px;
	}
}
