/*
Theme Name: coup

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

*/


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



/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
	## Icomoon
	## Family size weight
# Helpers
# Elements
# Layout
	## Bootstrap
	## mCustomScrollbar
# Transitions
	## Preloader
# Forms
# Header
# Footer
# Sidebar
# Aside
# Navigation
	## Links
	## Menus
	## Next/prev post
	## Number pagination
	## Sharedaddy
	## Back to Top
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Home - featured slider
	## Home - archive
	## Post
	## Page
	## Portfolio archive
	## Portfolio single
	## Search Archive
	## Error 404
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
	## Jetpack overwrites
		### Jetpack widgets
# IE specific
# Responsive
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/

.single blockquote,
.single q,
.page blockquote,
.page q {
	padding-right: 3em;
	padding-left: 0;
}

.single blockquote:before,
.single q:before,
.page blockquote:before,
.page q:before {
	left: auto;
	right: 0;
}

.dropcap:before {
	left: auto;
	right: 0;
	-webkit-transform: translateX(50%);
	-moz-transform: translateX(50%);
	-ms-transform: translateX(50%);
	-o-transform: translateX(50%);
	transform: translateX(50%);
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/

ul,
ol {
	padding-left: 0;
	padding-right: 30px;
}

/*--------------------------------------------------------------
# Layout
--------------------------------------------------------------*/

.twocolumn .half-width:nth-child(odd) {
	padding-left: 20px;
	padding-right: 0;
}

.twocolumn .half-width:nth-child(even) {
	padding-right: 20px;
	padding-left: 0;
}

/*--------------------------------------------------------------
## Bootstrap
--------------------------------------------------------------*/

.sidebar-open .sidebar-button {
	right: auto;
	left: 20px;
}
.big-text {
	left: auto;
	right: -25px;
}

.container.container-side {
	right: 0;
	left: auto;
	padding-left: 30px;
	padding-right: 0;
}
@media (min-width: 600px) {

	.sidebar-open .sidebar-button {
		left: 20px;
		right: auto;
	}
	.big-text {
		right: -40px;
		left: auto;
	}
}
@media (min-width: 900px) {

	.sidebar-open .sidebar-button {
		left: 40px;
		right: auto;
	}
	.big-text {
		right: -70px;
		left: auto;
	}
}
@media (min-width: 1200px) {
	.side-nav,
	.sidebar-open .sidebar-button,
	.menu-toggle {
		left: 40px;
		right: auto;
	}
	.back-to-top {
		left: 30px;
		right: auto;
	}
	.big-text {
		right: -60px;
		left: auto;
	}
}
@media (min-width: 1800px) {

	.side-nav,
	.sidebar-open .sidebar-button,
	.menu-toggle {
		left: 70px;
		right: auto;
	}
	.back-to-top {
		left: 60px;
		right: auto;
	}
	.big-text {
		right: -90px;
		left: auto;
	}
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/


/* checkbox and radio btn fix */


label.checkbox,
input[type="checkbox"] + label,
form.contact-form label.checkbox,
form.contact-form input[type="checkbox"] + label,
label.radio,
input[type="radio"] + label,
form.contact-form label.radio,
form.contact-form input[type="radio"] + label {
	padding-right: 30px;
	padding-left: 0;
}

.comment-subscription-form input[type="checkbox"] + label {
	margin-right: 0;
}

label.checkbox:before,
input[type="checkbox"] + label:before,
label.radio:before,
input[type="radio"] + label:before {
	left: auto;
	right: 0;
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/

.site-branding {
	float: left;
	text-align: left;
}

.custom-logo-link,
.site-information {
	float: left;
}

.site-information {
	margin-left: 30px;
	margin-right: 0;
}

/*--------------------------------------------------------------
# Sidebar
--------------------------------------------------------------*/

.sidebar-button {
	margin-right: -10px;
	margin-left: 15px;
}

.sidebar-open .main-navigation {
	margin-right: 32px;
	margin-left: 0;
}

/*--------------------------------------------------------------
# Aside
--------------------------------------------------------------*/

/* search */

.search-wrap {
	padding-left: 30px;
	padding-right: 0;
}


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

.search-wrap .search-form .search-submit {
	left: -30px;
	right: auto;
}

.search-wrap .search-form .search-field {
	text-align: right;
	padding-left: 0;
}

.search-wrap .search-field::-webkit-input-placeholder {
	text-align: left;
}

.search-wrap .search-field:-moz-placeholder {
	text-align: left;
}

.search-wrap .search-field::-moz-placeholder {
	text-align: left;
}

.search-wrap .search-field:-ms-input-placeholder {
	text-align: left;
}

/* category filter */

.category-filter {
	padding: 0 40px 0 0;
}

.category-filter li {
	padding-left: 30px;
	padding-right: 0;
}

.category-filter a:after {
	right: auto;
	left: 0;
}

.category-filter li span {
	left: -30px;
	right: calc(100% + 15px);
}

/* post navigation */

.posts-navigation .nav-next,
.posts-navigation .nav-previous {
	padding-left: 30px;
	padding-right: 0;
}

.posts-navigation i {
	left: 0;
	right: calc(100% - 15px);
}

@media screen and (max-width:1200px) {

	.posts-navigation .nav-next,
	.posts-navigation .nav-previous {
		padding-left: 0;
		margin-bottom: 25px;
	}

	.posts-navigation i {
		text-align: initial;
		float: right;
		margin-left: 10px;
		margin-right: 0;
	}
}


/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/

.main-navigation ul {
	padding-right: 0;
}

.main-navigation li {
	float: right;
	margin-left: 24px;
	margin-right: 0;
}

.main-navigation a:after {
	left: auto;
	right: 0;
}

/* dropdown toggle */

.dropdown-toggle {
	margin-right: 5px;
	margin-left: 0;
	-webkit-transform-origin: center 40%;
	-moz-transform-origin: center 40%;
	-ms-transform-origin: center 40%;
	-o-transform-origin: center 40%;
	transform-origin: center 40%;
}


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

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

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

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

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

/* Small menu. */

.menu-toggle .hamburger {
	margin-left: 2px;
	margin-right: 15px;
}

@media screen and (max-width: 1200px) {

	/* main nav */

	.menu-open .menu-toggle {
		left: 60px;
		right: auto;
	}

	.main-navigation li {
		-webkit-transform: translate(20px);
		-moz-transform: translate(20px);
		-ms-transform: translate(20px);
		-o-transform: translate(20px);
		transform: translate(20px);
	}

	.menu-open .main-navigation li {
		-webkit-transform: translate(0);
		-moz-transform: translate(0);
		-ms-transform: translate(0);
		-o-transform: translate(0);
		transform: translate(0);
	}
}

.comment-navigation .nav-previous,
.post-navigation .nav-previous {
	float: right;
	text-align: right;
}

.comment-navigation .nav-next,
.post-navigation .nav-next {
	float: left;
	text-align: left;
}


/*--------------------------------------------------------------
## Sharedaddy
--------------------------------------------------------------*/

.sharedaddy-holder {
	padding-left: 30px;
	padding-right: 0;
}

.sharedaddy-holder > i {
	left: 0;
	right: calc(100% - 15px);
}

.sd-sharing-enabled .sd-content {
	left: -10px;
	right: auto;
	text-align: left;
}

.sharedaddy-holder:hover .sharedaddy .sd-content {
	right: auto;
	left: 0;
}

.sd-sharing-enabled div .sd-content ul li {
	margin: 0 5px 5px 0;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/

#secondary .widget,
.site-footer .widget-area {
	margin: 0 0 60px 80px;
}


/* half width widgets */

.widget_nav_menu,
.widget_meta,
.widget_categories,
.widget_archive,
.widget_pages {
	padding-left: 30px;
	padding-right: 0;
}


/* search */

.search-form .search-field {
	padding-left: 60px;
	padding-right: 0;
}

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

/* calendar */

.widget_calendar caption {
	text-align: right;
}

.widget_calendar #prev,
.widget_calendar #next {
	text-align: right;
}

/* tag cloud */

.widget_tag_cloud a {
	margin-left: 10px;
	margin-right: 0;
}

/* social */

body .widget_wpcom_social_media_icons_widget li {
	margin: 0 0 1em 1.5em;
}

/* mailchimp */

#mc_display_rewards {
	text-align: right;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/

.content-area {
	float: right;
}

.side-nav {
	float: left;
	padding-right: 30px;
	padding-left: 0;
	text-align: left;
}

.entry-meta {
	text-align: left;
}

/*--------------------------------------------------------------
## Home - featured slider
--------------------------------------------------------------*/

.featured-slider article:after {
    margin-left: -10px;
    margin-right: 0;
}

.featured-slider .entry-text {
	padding-left: 80px;
	padding-right: 0;
}

.featured-slider .entry-meta {
	text-align: right;
}
.featured-slider .cat-links {
	margin-left: 15px;
	margin-right: 0;
}

.featured-slider .featured-content {
	-webkit-transform: translateX(-30px);
	-moz-transform: translateX(-30px);
	-ms-transform: translateX(-30px);
	-o-transform: translateX(-30px);
	transform: translateX(-30px);
	-webkit-transform-origin: right bottom;
	-moz-transform-origin: right bottom;
	-ms-transform-origin: right bottom;
	-o-transform-origin: right bottom;
	transform-origin: right bottom;
}

.featured-slider .slick-active .featured-content {
	-webkit-transform: none;
	-moz-transform: none;
	-ms-transform: none;
	-o-transform: none;
	transform: none;
}

.featured-slider .image {
	background-position: right bottom;
}

/* slick dots */

.slick-dots {
	right: 33.3%;
	left: auto;
}

.slick-dots li {
	margin-left: 5px;
	margin-right: 0;
}

/*--------------------------------------------------------------
## Home - archive
--------------------------------------------------------------*/

.more-link {
	right: -20px;
	left: auto;
	-webkit-transform: translate(50%, -50%);
	-moz-transform: translate(50%, -50%);
	-ms-transform: translate(50%, -50%);
	-o-transform: translate(50%, -50%);
	transform: translate(50%, -50%);
}

.more-link:after {
	right: 0;
	left: auto;
}

.archive-background:hover .more-link {
	right: 0;
	left: auto;
}

/* shuffle layout */

@media only screen and (min-width: 900px){

	.shuffle-layout .row article:nth-of-type(1),
	.shuffle-layout .row article:nth-of-type(4n + 1) {
		padding-left: 14%;
		padding-right: 0%;
	}
}

/* quote and link */

.blog article.format-quote .entry-content,
.archive article.format-quote .entry-content,
.blog article.format-link .entry-content,
.archive article.format-link .entry-content {
	padding-left: 40px;
	padding-right: 0;
}

.post-format-type {
	right: auto;
	left: 0;
	text-align: left;
}

/* animaion */

.row article {
	-webkit-transform: translateX(40px) rotate(1deg);
	-moz-transform: translateX(40px) rotate(1deg);
	-ms-transform: translateX(40px) rotate(1deg);
	-o-transform: translateX(40px) rotate(1deg);
	transform: translateX(40px) rotate(1deg);
}

.row article.animate {
	-webkit-transform: none;
	-moz-transform: none;
	-ms-transform: none;
	-o-transform: none;
	transform: none;
}


/*--------------------------------------------------------------
## Post
--------------------------------------------------------------*/

.single .hentry > *,
.single #comments {
	opacity: 0;
	-webkit-transform: translateY(40px);
	-moz-transform: translateY(40px);
	-ms-transform: translateY(40px);
	-o-transform: translateY(40px);
	transform: translateY(40px);
}

.single.show .hentry > *,
.single.show #comments {
	opacity: 1;
	-webkit-transform: none;
	-moz-transform: none;
	-ms-transform: none;
	-o-transform: none;
	transform: none;
}

.single .entry-meta {
	text-align: right;
}

.single .byline {
	margin-left: 10px;
	margin-right: 0;
}

/* vertical img layout */

.vertical-img-layout:not(.jetpack-portfolio) .featured-content {
	margin: 0 60px 100px -60px;
	margin-left: calc(((100vw - 140px - 265px - 900px) / 4 ) * -1);
}

/*--------------------------------------------------------------
## Portfolio archive
--------------------------------------------------------------*/


.row article.type-jetpack-portfolio .entry-meta {
	float: left;
	margin-right: 25px;
	margin-left: 0;
}

/*--------------------------------------------------------------
## Search Archive
--------------------------------------------------------------*/

.search-post-type {
	text-align: left;
	left: calc(100% + 55px);
	right: auto;
}

.search .featured-content {
	margin-left: 40px;
	margin-right: 0;
	float: right;
}

.search .entry-header {
	float: right;
}

.search .entry-meta {
	padding-right: 20px;
	padding-left: 0;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/

#comments {
	padding-left: 110px;
	padding-right: 0;
}

#comments .children {
	margin-right: 30px;
	margin-left: 0;
}

.comment-author img {
	margin-left: 30px;
	margin-right: 0;
	float: right;
}

.comment-meta {
	padding-left: 40px;
	padding-right: 0;
	float: right;
}

.comment-list .reply,
.comment-list .comment-respond {
	float: left;
}

@media screen and (min-width: 601px) {
	.comment-form .small-input {
		float: right;
	}

	.comment-form .small-input:not(.comment-form-author) {
		padding-right: 25px;
		padding-left: 0;
	}
}

@media screen and (max-width: 900px) and (min-width: 601px) {
	.comment-author img {
		float: none;
	}
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/

body #infinite-handle span:after {
	right: 0;
	left: auto;
}

div .infinite-loader {
	right: calc(50% - 15px);
	left: auto;
}

/* footer */

body #infinite-footer .blog-info {
	float: left;
	text-align: left;
}

body #infinite-footer .blog-credits {
	float: right;
	text-align: right;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/

.gallery-item {
	padding: 0 0 8px 8px;
}

/*--------------------------------------------------------------
## Jetpack overwrites
--------------------------------------------------------------*/

/* Contact form */

.contact-form > div {
	float: right;
}

@media screen and (min-width: 601px) {

	.contact-form {
		margin-left: -40px;
		margin-right: 0;
	}

	.contact-form > div {
		padding-left: 40px;
		padding-right: 0;
	}

	.contact-form div:not(.small-input) {
		clear: both;
	}
}

div .contact-form label.checkbox,
div .contact-form label.radio {
	float: right;
}

body .contact-form label {
    width: 100%;
}

/*--------------------------------------------------------------
### Jetpack widgets
--------------------------------------------------------------*/

/* remote posts */

.jetpack-display-remote-posts > a:not(.read-more-link) {
	float: right;
}

.jetpack-display-remote-posts > a:not(.read-more-link) + p,
.jetpack-display-remote-posts > a:not(.read-more-link) + p + .read-more-link {
	float: left;
	text-align: right;
}

/* authors */

body .widget.widget_authors img {
	margin-left: 15px;
	margin-right: 0;
}

/*--------------------------------------------------------------
# Responsive
--------------------------------------------------------------*/

/* use breakpoints at 600 - 900 - 1200 - 1800 px */

@media screen and (max-width: 1800px) {
	.container.container-side {
		margin-left: 0;
		margin-right: 0;
	}
}
@media screen and (max-width: 1500px) {

	.side-nav {
		padding-left: 0;
		padding-right: 20px;
	}

	/* featured slider */

	.slick-dots {
		right: 35.4%;
		left: auto;
	}

	.featured-slider .entry-text {
		padding-left: 50px;
		padding-right: 0;
	}
}

@media screen and (max-width: 1200px) {

	.site-header {
		padding-left: 35px;
		padding-right: 0;
	}

	.has-sidebar .site-header {
		padding-right: 30px;
		padding-left: 35px;
	}

	.custom-logo-link, .site-information {
		float: right;
	}
	.site-information {
		margin-right: 20px;
		margin-left: 0;
	}

	.site-branding {
		float: none;
		text-align: right;
	}

	.sidebar-nav-holder {
		float: left;
	}
	.sidebar-button {
		margin-right: 0;
		margin-left: 0;
		right: -10px;
		left: auto;
	}

	.sidebar-open .sidebar-button {
		left: auto;
		right: auto;
	}

	.menu-open .main-navigation > div {
		text-align: center;
	}

	.dropdown-toggle {
		margin-right: 10px;
		margin-left: 0;
	}

	.main-navigation li.menu-item-has-children > a,
	.main-navigation li.page-item-has-children > a {
		margin-right: 30px;
		margin-left: 0;
	}

	.content-area {
		float: none;
	}
	.side-nav {
		padding-left: 0;
		padding-right: 0;
		float: none;
		text-align: center;
	}

	/* big search */
	.search-wrap {
		right: auto;
		left: 0;
	}

	.search-wrap form > label:before {
		left: -30px;
		right: auto;
	}

	.search-wrap .search-field::-webkit-input-placeholder {
		text-align: right;
	}
	.search-wrap .search-field:-moz-placeholder {
		text-align: right;
	}
	.search-wrap .search-field::-moz-placeholder {
		text-align: right;
	}
	.search-wrap .search-field:-ms-input-placeholder {
		text-align: right;
	}

	/* category filter */

	.category-filter {
		padding: 0 0 60px 0;
		text-align: right;
	}
	.category-filter li {
		padding-left: 10px;
		padding-right: 0;
	}
	.category-filter a:after {
		left: auto;
		right: 0;
	}

	/* search archive */

	.search-post-type {
		left: calc(100% + 20px);
		right: auto;
	}

	/* single */

	.vertical-img-layout:not(.jetpack-portfolio) .featured-content {
		margin-right: 0;
		margin-left: 0;
	}

	/* sharedaddy */

	.sharedaddy-holder {
		padding-right: 0;
		padding-left: 0;
		margin-left: auto;
		margin-right: auto;
		text-align: initial;
	}

	body div.sharedaddy div h3.sd-title {
		margin-left: 15px;
		margin-right: 0;
	}

	.sd-sharing-enabled div .sd-content ul li {
		margin: 0 0 10px 10px;
	}
}


@media screen and (max-width: 900px) {


	/* featured slider */

	.featured-slider .entry-text {
		padding-right: 0;
		padding-left: 0;
		float: none;
	}
	.slick-dots {
		left: auto;
		right: 0;
	}

	/* archive */

	.shuffle-layout.blog .row article,
	.shuffle-layout.archive .row article {
		float: none;
		margin-right: -5px;
	}

	/* search archive */

	.search .entry-meta {
		padding-left: 0;
		padding-right: 0;
		text-align: inherit;
	}

	.search .featured-content {
		margin-left: 20px;
		margin-right: 0;
	}

	/* comments */

	#comments {
		padding-right: 0;
		padding-left: 0;
	}

	.comment-meta {
		padding-left: 40px;
		padding-right: 0;
		float: right;
	}

	/* big text */

	.dropcap:before {
		left: auto;
		right: 0;
	}

}

@media screen and (max-width: 600px) {

	.site-header {
		padding-left: 30px;
		padding-right: 0;
	}

	.has-sidebar .site-header {
		padding-right: 25px;
		padding-left: 30px;
	}

	.site-information {
		float: none;
		margin-left: 0;
		margin-right: 0;
	}

	.menu-open .menu-toggle {
		left: 50px;
		right: auto;
	}

	/* big search */

	.search-wrap {
		padding-right: 0;
		padding-left: 0;
	}
	.search-wrap form > label:before {
		left: 0;
		right: auto;
	}
	.search-wrap .search-form .search-submit {
		left: 0;
		right: auto;
	}

	.search-wrap .search-form .search-field {
		padding-left: 30px;
		padding-right: 0;
	}

	.menu-toggle .hamburger {
		margin-right: 10px;
		margin-left: 0;
	}

	/* archive */

	.standard-layout.blog .row article,
	.standard-layout.archive .row article {
		margin-right: 0;
		margin-left: 0;
	}

	/* single */


	.single blockquote,
	.single q,
	.page blockquote,
	.page q {
		padding-left: 0;
		padding-right: 0;
	}

	.single blockquote:before,
	.single q:before,
	.page blockquote:before,
	.page q:before {
		float: right;
		margin: -2px 0 0 10px;
	}

	/* vertical layout */
	.vertical-img-layout:not(.jetpack-portfolio) .entry-header {
	    margin-left: auto;
	    margin-right: auto;
	}
	.vertical-img-layout:not(.jetpack-portfolio) .featured-content {
	    float: none;
	}

	/* comments */

	.comment-meta {
		padding-right: 0;
		padding-left: 0;
		float: none;
	}

	/* related psots */

	body div #jp-relatedposts .jp-relatedposts-items {
		margin-right: 0;
	}

	body #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post {
		float: none;
		padding-left: 20px;
		padding-right: 0;
	}

	body #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post:last-child {
		padding-left: 0;
	}

}
