AlkantarClanX12

Your IP : 18.118.0.48


Current Path : /home/thanudqk/128shen.com/wp-content/themes/darcie/
Upload File :
Current File : //home/thanudqk/128shen.com/wp-content/themes/darcie/rtl.css

/*
Theme Name: Darcie Pro
Description: Adds support for languages written in a Right To Left (RTL) direction.
It's easy, just a matter of overwriting all the horizontal positioning attributes
of your CSS stylesheet in a separate stylesheet file named rtl.css.

See: https://codex.wordpress.org/Right_to_Left_Language_Support
*/

/**
 * Table of Contents
 *
 * 1.0 - Normalize
 * 2.0 - Elements
 * 3.0 - Padding/Margin
 * 4.0 - Forms
 * 5.0 - Navigation
 *    5.1 - Main Menu
 *    5.2 - Social Menu
 * 6.0 - Widgets
 * 7.0 - Content
 *	  7.1 - Header
 *	  7.2 - Posts and pages
 *	  7.3 - Comments
 * 8.0 - Modules
 *	  8.1 - Slider
 *	  8.2 - Portfolio
 *	  8.3. - Stats
 * 9.0 - Media Queries
 *    9.1 - >= 640px
 *    9.2 - >= 768px
 *    9.3 - >= 1024px
 *    9.4 - >= 1200px
 */


/**
 * 1.0 - Normalize
 */

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

input[type="checkbox"],
input[type="radio"] {
	margin-right: auto;
	margin-left: 0.4375em;
}


/**
 * 2.0 - Elements
 */

ul,
ol {
	margin: 0 1.5em 1.75em 0;
}

ol {
	margin-right: 1.5em;
	margin-left: 0;
}

caption,
th,
td {
	text-align: right;
}


/**
 * 3.0 - Padding/Margin
 */

.custom-header-content.content-align-left .section-title:after {
	margin: 28px auto 0 0;
}

.entry-footer .author img {
	margin-right: 0;
	margin-left: 1em;
}

.entry-meta .icon {
    margin-right: 0;
    margin-left: 7px;
}

#feature-slider-section .entry-container > * > * {
	margin-left: auto;
	margin-right: 0;
}


/**
 * 4.0 - Forms
 */

input[type="search"].search-field {
	padding: 12px 14px 12px 46px;
}

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


/**
 * 5.0 - Navigation
 */

/**
 * 5.1 - Main Menu
 */

.main-navigation ul ul {
	margin-left: 0;
	margin-right: 0.875em;
}

.main-navigation li {
	text-align: left;
}



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

.menu-inside-wrapper {
	left: -400px;
	right: auto;
}

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

.menu-open .site {
	left: auto;
	right: 0;
}

.menu-label {
    display: inline-block;
    margin-left: 0;
    margin-right: 7px;
}
nav.social-navigation ul, .social-links-menu {
    justify-content: flex-end;
}
nav.social-navigation ul li:last-child a, .social-links-menu li:last-child a {
    margin-right: 14px;
    margin-left: 0;
}

/**
 * 5.2 - Social Menu
 */

.social-floating-navigation .social-navigation .icon {
    margin-right: 0;
    margin-left: 7px;
}


/**
 * 6.0 - Widgets
 */

.widget ul,
.widget ol {
	margin-right: 0;
}

/* Categories widget */
.widget_categories ul,
.widget_archive ul {
	text-align: left;
}

.widget_categories ul a,
.widget_archive ul a {
	float: right;
}

.widget li > ul,
.widget li > ol {
	margin-left: 0;
	margin-right: 14px;
}

#footer-newsletter .ewnewsletter .hentry {
	text-align: right;
}

#footer-newsletter .section-heading-wrapper {
	text-align: right;
}


/**
 * 7.0 - Content
 */

/**
 * 7.1 - Header
 */

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

.site-header-menu {
	margin-left: -20px;
	margin-right: 0;
}

.wp-custom-logo .custom-logo-link{
	margin-left: 15px;
	margin-right: 0;
}

.navigation-default .site-branding {
    text-align: right;
}

.woocommerce.widget_shopping_cart {
    left: 0;
    right: auto;
}

/**
 * 7.2 - Posts and pages
 */

.recent-blog-content .view-more {
	text-align: right;
}

.page-links a,
.page-links > span {
	margin-right: auto;
	margin-left: 0.3076923077em;
}

.page-links > .page-links-title {
	padding-right: 0;
	padding-left: 0.6153846154em;
}

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

.entry-header .entry-meta > span:last-child {
	margin-right: auto;
	margin-left: 0;
}


.entry-meta	 > span {
    padding-left: 12px;
    padding-right: 0;
}

.entry-meta > span:last-child {
	padding-left: 0;
	padding-right: auto;
}


.entry-meta > span.byline:after {
    left: 4px;
    right: auto;
}


/**
 * 7.3 - Comments
 */

.comment-author {
	float: right;
	margin: 0 0 1.5em 1.5em;
}

.comment-list .children li > article {
	padding-left: 0;
	padding-right: 2.5em;
}

.form-submit {
	text-align: right;
}


/**
 * 8.0 - Modules
 */

 .site-content .view-more {
 	text-align: right;
 }

/**
 * 8.1 - Slider
 */

#feature-slider-section .owl-nav {
	right: 0;
	left: 14px;
	text-align: left;
}

#feature-slider-section .owl-dots {
    left: 14px;
    right: auto;
    text-align: left;
}

.custom-header-content.content-align-right .custom-header-content-wrapper {
	margin: 0 auto 0 0;
}


/**
 * 8.2 - Portfolio
 */

.portfolio-content-wrapper .hentry-inner:hover .entry-container {
    -webkit-transform: translateX(-30px);
    transform: translateX(-30px);
}


/**
 * 8.3 - Stats
 */

.stats-content-wrapper .post-thumbnail {
	float: right;
	margin: 0 0 0 14px;
}

.stats-content-wrapper .entry-summary,
.stats-content-wrapper .entry-content {
	margin-left: 0;
	margin-right: 14px;
}

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

#sticky-playlist-section .wp-playlist .mejs-playpause-button,
#sticky-playlist-section .wp-playlist .mejs-previous-button.mejs-previous,
#sticky-playlist-section .wp-playlist .mejs-next-button.mejs-next,
#sticky-playlist-section .wp-playlist .mejs-container.mejs-container .mejs-toggle-playlist,
#sticky-playlist-section .wp-playlist .mejs-button.mejs-volume-button {
	border-left: 0;
	border-right: 1px solid #252525;
}

#sticky-playlist-section .wp-playlist-current-item {
    padding-left: 21px;
    padding-right: 0;
}

#sticky-playlist-section .wp-playlist .mejs-next-button.mejs-next {
	border-left: 1px solid #252525;
}

#sticky-playlist-section .wp-playlist-tracks {
	right: unset;
	left: 0;
}
#pop-up-video-section{
	left: -255px;
	right: auto;
}
#pop-up-video-section:hover {
    left: 0;
	right: auto;
}
.events-section.single-layout .date-week-day {
    margin-left: 14px;
    margin-right: 0;
}
.entry-date sep {
    margin-left: 7px;
    margin-right: 0;
}

#playlist-section .mejs-time.mejs-currenttime-container span::after {
    padding-right: 7px;
    padding-left: 0;
}

.hover-add-to-cart .woocommerce .product-container .button::before {
    left: 0;
    right: auto;
}
.site-footer .widget .widget-title::before {
    right: 0;
    left: auto;
}
.site-footer .footer-widget-area .wrapper::after, .site-footer .footer-widget-area .wrapper::before {
    right: 50%;
    transform: translateX(-50%);
    left: auto;
}
.sidebar .widget-title::before {
    right: 0;
    left: auto;
}
.sidebar .widget.essential-widgets li {
    padding-right: 28px;
    padding-left: 0;
}
.sidebar .widget li::before {
    left: auto;
    right: 0;
}
.sidebar .recentcomments, .sidebar li {
    padding-right: 37px;
    padding-left: 0;
}
.widget .has-avatars li {
    padding-left: 0;
    padding-right: 0;
}
#portfolio-content-section .filter-button-group .button:last-child {
	margin-left: 0;
}


.site-main nav.post-navigation .nav-links .nav-previous,
.stats-section .section-heading-wrapper,
.sidebar .section-heading-wrapper {
    text-align: right;
}
#stats-section .section-subtitle {
    padding-right: 88px;
    padding-left: 0;
}
#stats-section .section-subtitle::before {
    right: 0;
    left: auto;
}
body.menu-open {
    overflow-y: scroll;
    width: 100%;
    right: -300px;
    left: auto;
}
#stats-section .section-content-wrapper.stats-content-wrapper.layout-two .hentry {
	border-right: 1px solid;
	border-left: none;
	text-align: right;
}
#stats-section .section-content-wrapper.stats-content-wrapper.layout-two .hentry:nth-child(1), #stats-section .section-content-wrapper.stats-content-wrapper.layout-two .hentry:nth-child(3) {
    border-right: none;
    padding-left: 0;
}
#testimonial-content-section .post-thumbnail::before {
    right: -20px;
	left: auto;

}
.post-thumbnail .counter, #testimonial-content-section .owl-item:after {
    right: 21px;
	left: auto;
}
#testimonial-content-section .owl-item:after, #testimonial-content-section .nav-controls .owl-dots:after {
   
    margin-right: 24px;
    margin-left: 0;
}
#testimonial-content-section #slider-nav button span::after { 
    margin-right: 14px;
    margin-left: 0;
}

#testimonial-content-section #slider-nav button.owl-next span::before {
	margin-left: 14px;
	margin-right: 0;
}
#hero-section.text-align-left, .promotion-section.text-align-left,
#hero-section.text-align-left .section-heading-wrapper {
	text-align: right;
}
#hero-section.text-align-left .section-heading-wrapper {
    text-align: right;
    margin: 0;
    padding: 0;
}
.hero-section .entry-content {
    text-align: right;
}
.contact .inner-contact {
    width: calc(100% - 40px);
    padding-right: 14px;
    padding-left: 0;
}
.ewfeaturedpostpageimage .right .entry-container, .ewfeaturedpostpageimage .left .featured-image {
    float: right;
}
.ewfeaturedpostpageimage .left .entry-container, .ewfeaturedpostpageimage .right .featured-image {
    float: left;
}
.ewfeaturedpostpageimage .left .entry-container {
    padding-right: 21px;
    text-align: right;
}
.essential-widgets .entry-meta .cat-links {
    margin-right: 0;
}
#stats-section .section-content-wrapper.stats-content-wrapper.layout-two .hentry:nth-child(2), 
#stats-section .section-content-wrapper.stats-content-wrapper.layout-two .hentry:nth-child(4) {
    padding-right: 56px;
	padding-left: 0;
}
#stats-section .section-content-wrapper.stats-content-wrapper.layout-two .hentry:nth-child(1),
 #stats-section .section-content-wrapper.stats-content-wrapper.layout-two .hentry:nth-child(3) {
    border-right: none;
    padding-right: 0;
    padding-left: 56px;
}
.sidebar .has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta, .sidebar .has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt {
    padding-right: 21px;
    float: left;
    padding-left: 0;
}
.widget .has-avatars li {
	padding-right: 0;
}

.tagcloud a, .wp-block-tag-cloud a, .widget-area .essential-widgets .tagcloud a {
    margin: 0 0px 7px 7px;
}
.entry-footer > div > span {
    margin-left: 23px;
	margin-right: 0;
}

.sidebar .wp-block-search .wp-block-search__button {
    left: 0px;
    right: auto;
}



/**
 * 9.0 - Media Queries
 */

/**
 * Does the same thing as <meta name="viewport" content="width=device-width">,
 * but in the future W3C standard way. -ms- prefix is required for IE10+ to
 * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor
 * the meta tag. See https://core.trac.wordpress.org/ticket/25888.
 */

@-ms-viewport {
	width: device-width;
}

@viewport {
	width: device-width;
}

/**
 * 9.1 - >= 640px
 */

@media screen and (min-width: 40em) {
	.author-info {
		text-align: right;
	}

	.author-avatar {
		float : right;
		margin: 0 0 0 35px;
	}

	.stats-content-wrapper {
		text-align: right;
	}

	.stats-content-wrapper .post-thumbnail {
		margin: 0 0 0 14;
	}

	.footer-newsletter .has-ew-newsletter-image .ew-newsletter-content-container {
		padding-left: 66px;
		padding-right: 42px;
	}

}

/**
 * 9.2 - >= 667px
 */

@media screen and (min-width: 41.6875em) {
    .recent-blog-content .archive-post-wrap .hentry:nth-child(2n+1) .entry-container,
    .site-content .content-area .hentry:nth-child(2n+1) .entry-container {
        margin-right: 0;
        margin-left: auto;
    }
	.site-main nav.post-navigation .nav-links .nav-next {
		text-align: left;
	}
	#testimonial-content-section .post-thumbnail::before {
		position: absolute;
		right: -20px;
		left: auto;

	}
	.post-thumbnail .counter, #testimonial-content-section .owl-item:after {
		right: 30px;
		left: auto;
	}

    .recent-blog-content .archive-post-wrap .hentry .entry-container,
    .site-content .content-area .hentry .entry-container {
        margin-left: 0;
        margin-right: auto;
    }

    #sticky-playlist-section .mejs-controls {
		padding-left: 20px;
		padding-right: 0;
	}

	#sticky-playlist-section .wp-playlist .mejs-time.mejs-duration-container {
		padding-left: 20px;
		padding-right: 10px;
	}

	#sticky-playlist-section .wp-playlist .mejs-time.mejs-currenttime-container {
		padding-right: 20px;
		padding-left: 10px;
	}

	.content-align-left .hero-content-wrapper .entry-container {
		padding: 35px 0px 35px 35px;
	}
	.hero-content-wrapper .entry-container {
		padding: 35px 35px 35px 0;
	}

	.playlist-section .view-more {
		text-align: right;
	}

	#countdown-section .content-wrapper .content-left .left-content {
		text-align: right;
		padding-right: 28px;
		padding-left: 0;
	}
	
}


/**
 * 9.2 - >= 768px
 */

@media screen and (min-width: 48em) {

	#floating-social{
		right: 25px;
		left: auto;
	}
	article.hentry.contact-info .post-thumbnail {
		left: 0;
		right: auto;
	}
	.site-header-menu {
		left: 30px;
		right: auto;
	}

	article.hentry.contact-details {
		padding-left: 56px;
		padding-right: 0;
	}

}


/**
 * 9.3 - >= 1024px
 */

@media screen and (min-width: 64em) {
	.services-section .section-heading-wrapper,
	.has-category-menus .section-heading-wrapper.portfolio-section-headline {
		text-align: right;
	}
	.site-header-menu {
	    margin-left: 0;
	}
	.contact .inner-contact {
		padding-right: 28px;
		font-size: 20px;
		padding-left: 0;
	}
	.post-thumbnail .counter, #testimonial-content-section .owl-item:after {
		right: 35px;
		left: auto;
	}
	stats-section .section-heading-wrapper {
		padding-left: 91px;
		padding-right: 0;
	}

	#countdown-section .content-wrapper .content-left .left-content {
		padding-right: 42px;
		padding-left: 0;
	}

	#playlist-section .mejs-time.mejs-currenttime-container {
		left: 42px;
		right: auto;
	}

	#floating-social {
		right: 50px;
		left: auto;
	}

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

	#sticky-playlist-section .mejs-controls {
		padding-left: 25px;
	}

	#sticky-playlist-section .wp-playlist .mejs-time.mejs-duration-container {
		padding-left: 25px;
	}

	#sticky-playlist-section .wp-playlist .mejs-time.mejs-currenttime-container {
		padding-right: 25px;
	}

	.content-align-left .hero-content-wrapper .has-post-thumbnail .entry-container {
		padding: 35px 0px 35px 56px;
	}
	.hero-content-wrapper .entry-container {
		padding: 35px 56px 35px 0px;
	}
	#portfolio-content-section .filter-button-group .button {
		margin-right: 35px;
		margin-left: 0;
	}
	.services-section .section-heading-wrapper {
		padding-left: 42px;
		padding-right: 20px;
	}
	#portfolio-content-section.has-category-menus .heading-wrapper {
		max-width: 560px;
		padding-left: 70px;
		padding-right: 0;
	}
	.stats-section .section-heading-wrapper {
		padding-left: 91px;
		padding-right: 30px;
	}
	#testimonial-content-section .post-thumbnail::before {
		position: absolute;
		right: -20px;
		left: auto;
	}
	.experience-content-wrapper {
		padding-left: 56px;
		padding-right: 0;
	}
	article.hentry.contact-details {
		padding-left: 84px;
		padding-right: 20px;
	}
	.entry-footer > div > span {
		margin-left: 30px;
		margin-right: 0;
	}

}


/**
 * 9.4 - >= 1200px
 */

@media screen and (min-width: 75em) {
	.navigation-default .main-navigation .menu-item-has-children > a > .icon,
	.navigation-default .main-navigation .page_item_has_children > a > .icon {
		left: unset;
		right: 5px;
	}

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

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

	.navigation-default .main-navigation ul ul .menu-item-has-children > a > .icon,
	.navigation-default .main-navigation ul ul .page_item_has_children > a > .icon {
	    left: 14px;
	    top: 50%;
	    -webkit-transform: rotate(270deg);
	    -ms-transform: rotate(270deg);
	    transform: rotate(270deg);
	    right: unset;
	}

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

	.navigation-classic .site-branding {
	    text-align: right;
	}

	.navigation-classic .main-navigation .menu-item-has-children > a {
		padding-left: 20px;
		padding-right: 20px;
	}

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

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

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

	.content-align-left .hero-content-wrapper .has-post-thumbnail .entry-container {
		padding: 42px 0px 42px 70px;
	
	}

	.hero-content-wrapper .entry-container {
		padding: 42px 70px 42px 0px;
	}

	.site-header-menu {
		left: 38px;
		right: auto;
	}
}

/**
 * 9.6 - >= 1024px
 */
 @media screen and (min-width: 85.375em) {

	.content-align-left .hero-content-wrapper .has-post-thumbnail .entry-container {
		padding: 49px 0px 49px 84px;
	}
	.hero-content-wrapper .entry-container {
		padding: 49px 84px 49px 0px;
	}
 }


/**
 * 9.7 - >= 1600px
 */

@media screen and (min-width: 100em) {

	#sticky-playlist-section .wp-playlist .mejs-button.mejs-volume-button {
		padding-right: 40px;
		padding-left: 14px;
	}

	#sticky-playlist-section .mejs-controls {
		padding-left: 40px;
	}

	#sticky-playlist-section .wp-playlist .mejs-time.mejs-duration-container {
		padding-left: 40px;
	}

	#sticky-playlist-section .wp-playlist .mejs-time.mejs-currenttime-container {
		padding-right: 40px;
	}
}

/**
 * 9.8 - >= 1660px
 */

@media screen and (min-width: 103.75em) {

	#floating-social {
		right: 70px;
		left: auto;
	}
	#portfolio-content-section .filter-button-group .button {
		margin-right: 49px;
		margin-left: 0;
	}

	#clock {
		margin-left: 0;
		margin-right: auto;
	}

	article.hentry.contact-details {
		padding-left: 124px;
		padding-right: 0;
	}

	.content-align-left .hero-content-wrapper .has-post-thumbnail .entry-container {
		padding: 56px 0px 56px 120px;
	}
	.hero-content-wrapper .entry-container {
		padding: 63px 120px 63px 0px;
	}
	stats-section .section-heading-wrapper {
		padding-left: 120px;
		padding-right: 0;
		text-align: right;
	}
	.services-section .section-heading-wrapper {
		padding-left: 140px;
		padding-right: 0;
	}
	#testimonial-content-section .entry-container .entry-content {
		margin-right: -70px;
		width: calc(100% + 70px);
		padding-left: 42px;
		text-align: revert;
		margin-left: 0;
		padding-right: 0;
	}
	#testimonial-content-section .post-thumbnail::before {
		right: -30px;

	}
	.post-thumbnail .counter, #testimonial-content-section .owl-item:after {
		right: 45px;
		left: auto;
	}

}

/**
 * 9.8 - >= 1920px
 */

 @media screen and (min-width: 120em) {

}