File: /var/www/html/wpkoopkj/wp-content/themes/ohio/assets/sass/rtl.scss
/*
Theme Name: Ohio
Adding support for language 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
*/
/*
Theme Name: Ohio
Adding support for language 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
*/
/* Import variables and mixins.
--------------------------------------- */
@import "abstracts/abstracts";
// Extras
.-left,
.text-left,
.wpb_single_image.vc_align_left {
text-align: right;
}
.-right,
.text-right,
.wpb_single_image.vc_align_right {
text-align: left;
}
.-move-center {
margin-right: 50%;
transform: translateX(50%);
}
.-move-right {
margin-right: 100%;
transform: translateX(100%);
}
/* Basic overrides
--------------------------------------- */
body {
direction: rtl;
unicode-bidi: embed;
text-align: right;
}
.wp-block-quote,
blockquote,
q {
padding: 0 1.5rem 0 0;
border-left: none;
border-right: 0.25rem solid rgba($color-neutral, .5);
}
pre {
border-left: none;
border-right: 5px solid $color-neutral-8;
}
.cart-mini,
.page-headline,
.meta-item,
#{$all-text-inputs},
textarea,
select {
text-align: right;
}
.vc_row:not(.clb-slider):not(.clb-smooth-slider):not(.portfolio-grid),
.vc_section {
right: auto !important;
}
.vc_row {
@include md-screen {
.vc-bg-lines {
div {
&:nth-child(2) {
margin-left: auto;
margin-right: calc((100% / 4)*1);
}
&:nth-child(3) {
margin-left: auto;
margin-right: calc((100% / 4)*2);
}
&:nth-child(4) {
margin-left: auto;
margin-right: calc((100% / 4)*3);
}
&:nth-child(5) {
margin-left: auto;
margin-right: calc((100% / 4)*4 - 40px);
}
}
}
}
}
@media (min-width: 768px) {
.vc_col-sm-1,
.vc_col-sm-2,
.vc_col-sm-3,
.vc_col-sm-4,
.vc_col-sm-5,
.vc_col-sm-6,
.vc_col-sm-7,
.vc_col-sm-8,
.vc_col-sm-9,
.vc_col-sm-10,
.vc_col-sm-11,
.vc_col-sm-12 {
float: right;
}
}
// Col Extra Small
div {
&[class^='vc_col-xs'],
[class^='vc_col-sm'] {
float: right;
}
}
// Col Small
@media (min-width: 768px) {
div[class^='vc_col-sm-'] {
float: right;
}
}
// Col Medium
@media (min-width: 769px) {
div[class^='vc_col-md'] {
float: right;
}
@for $i from 1 through 12 {
.vc_col-md-push-#{$i} {
left: auto;
right: calc(100%/12 * #{$i});
}
}
}
// Col Large
@media (min-width: 1200px) {
div[class*='vc_col-lg'] {
float: left;
}
@for $i from 1 through 12 {
.vc_col-lg-#{$i} {
width: calc(100%/12 * #{$i});
}
}
@for $i from 1 through 12 {
.vc_col-lg-push-#{$i} {
left: calc(100%/12 * #{$i});
}
}
}
// Col Large
@media (min-width: 1200px) {
div[class*='vc_col-lg'] {
float: right;
}
@for $i from 1 through 12 {
.vc_col-lg-push-#{$i} {
right: calc(100%/12 * #{$i});
}
}
}
/* Components
--------------------------------------- */
// Purchase button
.purchase-button {
left: auto;
@include spacer(right);
> img {
margin-left: 0;
margin-right: 0.4rem;
}
}
// Social network
.social-networks {
&:not(.-text) {
.network {
margin-left: 0.35rem;
margin-right: auto;
}
}
&.-text {
.icon {
margin-left: 0.15rem;
margin-right: auto;
}
}
}
// Sticky nav
.sticky-nav {
right: auto;
@include spacer(left);
.nav-group {
margin-left: -1rem;
margin-right: 0.5rem;
.prev {
.icon {
transform: none;
}
}
.next {
.icon {
transform: rotate(180deg);
}
}
}
}
// Notification
.clb-blank-note {
.icon {
margin-left: 0.8rem;
margin-right: 0;
}
}
// Back link
.back-link {
left: auto;
@include spacer(right);
.icon {
transform: none;
}
}
// Button
.btn,
.button,
a.button,
button[type="submit"],
input[type="submit"] {
.-left {
margin-left: 0.5rem;
margin-right: 0;
}
.-right {
margin-left: 0;
margin-right: 0.5rem;
}
}
// Submenu indicator
.has-submenu-icon {
left: 0;
right: auto;
}
// Subscribe
.subscribe-form {
.btn,
.button,
input[type="submit"] {
left: auto;
right: 100%;
transform: translateX(100%);
}
}
// Search
.search-submit {
right: auto;
left: 0px;
}
.search {
select {
left: 3.625rem;
right: auto;
}
}
.search-results {
.product-item-details {
margin-right: 1rem;
margin-left: 0;
}
}
// Color switcher
.color-switcher {
&-toddler {
right: auto;
left: 0;
}
&.dark {
.color-switcher-toddler {
transform: translateX(100%);
}
}
@include md-screen {
p {
svg {
margin-left: -0.25rem;
margin-right: 0.25rem;
}
}
}
@include sm-screen {
margin-left: $bullets-spacer;
right: auto;
left: $grid-spacer;
}
}
.elements-bar {
@include flex-direction(row-reverse);
}
// Scroll to top
.scroll-top {
@include flex-direction(row-reverse);
}
// Categories
.category-holder {
&.-with-tag {
> .tag {
margin: 0.35rem 0 0 0.35rem;
}
}
}
/* Shortcodes
--------------------------------------- */
// Accordion
.accordion {
&:not(.-outlined):not(.-text) {
.accordion-item {
.accordion-button {
padding: 0.75rem 1.25rem 0.75rem 0.75rem;
}
}
}
&.-text {
.accordion-item {
.accordion-button {
.icon-button {
margin-left: 0;
margin-right: -0.5rem;
}
}
}
}
.accordion-item {
.accordion-header {
.icon {
margin-left: 0.75rem;
margin-right: 0;
}
}
}
}
// Tabs
.tabs {
&-nav {
&-link {
.icon {
&::before {
margin-left: 0.6rem;
margin-right: 0;
}
}
}
}
&:not(.-contained):not(.-with-button):not(.-vertical) {
.tabs-nav {
&-link {
margin-left: 1.5rem;
margin-right: 0;
}
}
}
&.-vertical {
@include md-screen {
.tabs-nav {
margin-left: 1.5rem;
margin-right: 0;
&-line {
width: 2px;
top: 0;
left: auto;
right: 0;
}
}
&:not(.-contained):not(.-with-button) {
.tabs-nav {
&-link {
padding: 0;
padding-right: 1rem;
}
}
}
}
}
}
// Pricing table
.pricing-table-features,
.service-table-features {
.icon {
margin: 0 0 0.25rem 0.5rem;
}
}
// Slider
.clb-slider {
// Pagination
&-pagination {
left: 0;
right: auto;
}
// Nav
&:not(.-nav-offset):not(.-nav-inset):not(.-woo-slider):not(.-slider-fs):not(.-slider-lightbox) {
.clb-slider-nav-btn {
left: 0;
right: auto;
@include spacer(margin-left);
}
}
&-count {
&::before {
margin: 0 1.5625rem 0 0.9375rem;
}
}
}
.clb-slider-nav-btn {
@include flex-direction(row-reverse);
}
// Shop categories
.wc-category-sc {
margin-top: -$grid-spacer;
margin-bottom: -$grid-spacer;
@include clearfix;
&.-metro {
.grid-item {
&:not(.-offset) {
.image-holder {
padding-bottom: 50%;
}
}
&.-offset {
.image-holder {
padding-bottom: calc(100% - 7.5em);
}
}
}
}
}
.wc-category {
&.-offset {
@include md-screen {
.wc-category-content {
left: auto;
right: $grid-spacer;
padding-left: $grid-spacer;
padding-right: 0;
}
}
}
}
// Projects scroll label
.scroll-bar-container {
position: fixed;
top: 50%;
z-index: 10;
min-height: 56px;
transform-origin: right top;
transform: rotate(270deg) translate(50%, -100%);
left: auto;
@include spacer(right);
}
// Progress bar
.progress {
&.-tooltip {
.progress-holder {
.progress-percent {
left: 0;
right: auto;
transform: translateY(calc(-100% - 0.4375rem)) translateX(-50%);
}
}
}
}
// Circle progress bar
.circle-progress {
&.-floating {
.progress-content {
margin-left: auto;
margin-right: 1rem;
}
}
}
// Countdown
.countdown {
&.-with-divider {
.countdown-item {
&:not(:last-child) {
.number {
&::after {
transform: translate(-0.5rem, -50%);
left: -0.75rem;
right: auto;
}
}
}
}
}
&.-text {
.countdown-item {
&:first-child {
margin-left: 0.75rem;
margin-right: 0;
}
&:last-child {
margin-left: 0;
margin-right: 0.75rem;
}
}
}
}
// Counter
.counter {
&:not(.-top-icon) {
.counter-number {
.icon-group {
margin-left: 0.5rem;
margin-right: auto;
}
}
}
&.-right-icon {
.counter-number {
.icon-group {
margin-left: auto;
margin-right: 0.5rem;
}
}
}
.counter-number {
.number {
&.-with-increaser {
&::after {
margin-left: auto;
margin-right: 0.4rem;
}
}
}
}
}
// Icon box
.icon-box {
&.-floating-icon {
.icon-group {
margin-left: 0.75rem;
margin-right: 0;
}
}
&.-left-icon {
.icon-group {
margin-left: 1rem;
margin-right: 0;
}
}
}
// Video
.video-button-caption {
margin-left: 0;
margin-right: 0.75rem;
}
// Dynamic text
.dynamic-text {
.typed-cursor {
float: right;
}
}
/* Patterns
--------------------------------------- */
// Fixed Search
.search-global {
&.fixed {
left: auto;
@include spacer(right);
}
}
// Alert
.alert {
.icon-button {
margin: -2% 2% -2% -4%;
}
@include md-screen {
&.-fixed {
.icon-button {
margin: -0.2rem 0.6rem -0.2rem -0.6rem;
}
}
}
}
// Elements bar
.elements-bar {
@include md-screen {
&.left {
left: auto;
transform-origin: right top;
transform: rotate(-90deg) translate(50%, -100%);
@include spacer(right);
}
&.right {
right: auto;
transform-origin: left top;
transform: rotate(-90deg) translate(-50%, 0);
@include spacer(left);
}
}
}
// Builder switcher
.builder-switcher {
a {
&:first-child {
@include border-left-radius(0);
@include border-right-radius(0.9rem);
}
&:last-child {
@include border-left-radius(0.9rem);
@include border-right-radius(0);
}
}
}
// Filter bar
@include md-screen {
.filter-holder {
select {
margin-left: 0;
margin-right: 0.5rem;
}
.result {
margin-left: 1rem;
margin-right: 0;
}
}
}
// Header
.header {
&:not(.-mobile) {
&.header-5 {
.menu {
li {
> ul {
left: auto;
right: 100%;
}
.sub-menu {
margin-left: 0;
@include spacer(margin-right);
}
}
> .nav-item {
&::after {
left: 0;
right: $header-height-5;
}
}
}
}
&.header-6,
&.header-7 {
.bottom-part {
// Menu optional
.menu-optional {
&,
.cart-button {
@include flex-direction(row-reverse);
}
}
}
.cart-mini {
transform: rotate(90deg) translate(-100%, 0%);
bottom: 4.5rem;
}
}
&.header-5,
&.header-6,
&.header-7 {
border-left-width: 1px;
border-right-width: 0px;
border-left-color: $color-border;
}
.menu {
li {
> ul:not(.sub-menu-wide) {
left: auto;
right: 0;
> li {
> ul {
left: auto;
right: 100%;
}
}
.has-submenu-icon {
margin-left: 1.5rem;
margin-right: auto;
}
}
}
> .nav-item {
> a {
> .has-submenu-icon {
padding-left: 0;
padding-right: 0.5rem;
}
}
}
}
}
}
:not(.is-mobile-menu) {
&.with-header-5 {
// Left content spacing
&.with-spacer {
.site-content,
[data-vc-stretch-content],
.elementor-section-stretched {
padding-left: 0;
padding-right: $header-height-5;
}
.site-footer {
margin-left: 0;
margin-right: $header-height-5;
}
}
// Elements position
.elements-bar.left,
.search-global.fixed,
.back-link {
margin-left: 0;
margin-right: $header-height-5;
}
}
&.with-header-7 {
// Hamburger menu close button position
.hamburger-nav {
&:not(.type2):not(.type3) {
padding-left: 0;
padding-right: $header-height;
}
}
}
&.with-header-6,
&.with-header-7 {
// Hamburger menu close button position
.hamburger-nav {
.close-bar {
transform-origin: right top;
transform: rotate(270deg) translate(0, -100%);
}
}
// Left content spacing
&.with-spacer {
.site-content,
[data-vc-stretch-content],
.elementor-section-stretched {
padding-left: 0;
padding-right: $header-height-6;
}
.site-footer {
margin-left: 0;
margin-right: $header-height-6;
}
}
// Elements position
.elements-bar.left,
.back-link,
.search-global.fixed {
margin-left: 0;
margin-right: $header-height-6;
}
}
}
@include sm-screen {
.header {
.mobile-hamburger {
&.-left {
margin-left: 0.6rem;
margin-right: 0;
}
}
}
}
// Right content spacing for slider layouts
.slider-with-bullets {
&:not(.slider-with-bullets-type5):not(.slider-with-bullets-type8) {
.header,
.elements-bar.right,
.clb-slider:not(.-slider-lightbox) .clb-slider-nav-btn,
.portfolio-onepage-slider .clb-slider-nav-btn,
.sticky-nav,
.alert.-fixed {
margin-left: $bullets-spacer;
margin-right: 0;
}
.clb-slider:not(.-slider-lightbox) .clb-slider-nav-btn,
.portfolio-onepage-slider .clb-slider-nav-btn, {
left: 0;
right: auto;
}
}
&.slider-with-bullets-type5 {
.header,
.elements-bar.right {
margin-right: 0;
@include spacer(margin-left);
}
}
&.slider-with-bullets-type8 {
.elements-bar.right {
margin-right: 0;
@include spacer(margin-left);
}
}
}
@include md-screen {
.header {
.desktop-hamburger {
&.-left {
margin-right: 0;
margin-left: 1rem;
}
}
}
}
// Add extra space for 6th and 7th header types
// Without header spacer case
.with-header-6,
.with-header-7 {
&:not(.with-spacer) {
@media screen and (max-width: 1600px) and (min-width: 769px) {
.page-container:not(.-full-w),
.vc_row[data-vc-full-width]:not(.vc_row-no-padding) {
padding-left: 0;
padding-right: calc(#{$header-height-6} + #{$grid-spacer});
}
.elementor-section-full_width > .elementor-container,
.elementor-section-stretched > .elementor-container,
.project.-layout4 .holder {
padding-left: 0;
padding-right: $header-height-6;
}
}
}
}
// Menu
.menu-optional {
> li {
padding-left: 0;
padding-right: 1rem;
&:first-child {
padding-left: 0;
padding-right: 2vw;
}
}
.has-submenu-icon {
right: auto;
left: 0;
}
}
.menu {
li {
&.new,
&.version {
span {
&::after {
margin-left: 0;
margin-right: 6px;
}
}
}
}
}
.hamburger-nav {
.menu {
.mega-menu-item {
padding: 5px 0px 5px 50px;
> ul {
left: auto;
right: 100%;
}
}
}
&:not(.type2):not(.type3) {
.menu {
.nav-item {
> a {
&::before {
margin-left: 0.5rem;
margin-right: 0.5rem;
}
}
}
}
}
&.type2 {
.menu {
.mega-menu-item {
> a {
&::before {
left: auto;
right: -1rem;
}
}
}
}
}
&.type3 {
.hamburger-nav-details {
padding-left: 0;
padding-right: 2.5rem;
}
.menu {
.mega-menu-item {
> a {
padding-left: 0;
padding-right: $grid-spacer;
&::before {
left: auto;
right: 0;
}
}
}
}
}
}
.header:not(.-mobile).header-7 {
.branding {
@include flex-just(flex-start);
}
}
@include sm-screen {
.mobile-overlay {
.holder {
text-align: right;
}
}
}
// Meta
.meta-holder {
.meta-item {
margin-left: 2rem;
margin-right: 0;
&:first-child {
margin-left: 1rem;
margin-right: 0;
}
}
}
// Comments
.comments {
// Comments
.comment-body {
@include md-screen {
padding-left: 0;
padding-right: 5rem;
}
}
@include md-screen {
& {
.comment-body {
.comment-author {
> img {
left: auto;
right: 0;
}
}
}
}
}
}
/* Blog
--------------------------------------- */
.blog-item {
// Layout Type 3, 5
&.-layout3,
&.-layout5 {
@include md-screen {
&:not(.-contained) {
.card-details {
padding-left: 0;
@include spacer2x(padding-right);
}
}
// Contained
&.-contained {
.image-holder {
@include border-left-radius(0);
@include border-right-radius;
}
.card-details {
@include border-right-radius(0);
@include border-left-radius;
}
}
}
}
}
// Single post
.single-post {
// Share bar
.-layout1 {
.post-share {
.share-bar {
left: auto;
right: -2.5rem;
transform: translateX(100%);
}
}
}
// Tags
.entry-footer-tags {
.tags-caption {
margin-left: 0.5rem;
margin-right: 0;
}
}
// Author widget
.author-container {
.widget_ohio_widget_about_author {
.avatar {
margin: 0 0 0 1.5rem;
}
.social-networks {
margin: 0 1.5rem 0 0;
}
}
}
}
/* Widgets
--------------------------------------- */
.widget {
&.widget_ohio_widget_recent_posts,
&.widget_products,
&.widget_top_rated_products,
&.widget_recently_viewed_products,
&.widget_recent_reviews {
.content-holder {
margin-right: $grid-spacer;
margin-left: auto;
}
}
}
.wp-block-search {
.wp-block-search__button {
margin-left: .625em;
margin-right: auto;
}
}
.wc-block-product-search {
.wc-block-product-search__button {
margin: 0 0 0 6px;
}
}
/* WooCommerce
--------------------------------------- */
// Cart mini
.cart-mini {
left: -0.5rem;
right: auto;
.headline {
padding-right: 2rem;
padding-left: 0;
.icon-button {
margin-left: 1rem;
margin-right: auto;
}
}
}
.widget_shopping_cart_content {
.mini-cart-description {
padding-right: 1rem;
padding-left: 0;
}
}
// Product archive
.woo-products {
// Quickview button
.button-quickview,
.tag {
left: auto;
@include spacer2x(right);
}
.product-item {
// Product image
&-thumbnail {
.clb-slider-nav-btn {
left: 0;
right: auto;
}
}
}
}
// Product page
.woo-product {
&-image {
.product-thumbs {
margin-left: $bullets-spacer;
margin-right: 0;
}
}
// Product details
&-details {
// Button holder
.variations_button {
@include md-screen {
.button {
&:not(.-outlined):not(.yith-wcwl-add-to-wishlist) {
margin-left: 1rem;
margin-right: 0;
}
}
}
}
}
}
// Layout Type 1
.type1-left {
.share-bar,
.tag {
left: auto;
@include spacer2x(right);
}
.btn-lightbox {
right: auto;
@include spacer2x(left);
}
.woo-product-image {
.product-thumbs {
margin-right: 0;
margin-left: $bullets-spacer;
}
}
}
// Layout Type 1 - Reverse
.type1-right {
.share-bar,
.tag {
right: auto;
@include spacer2x(left);
}
.btn-lightbox {
left: auto;
@include spacer2x(right);
}
.woo-product-image {
.product-thumbs {
margin-left: 0;
margin-right: $bullets-spacer;
}
}
}
// Sticky product
.sticky-product {
right: auto;
@include spacer(left);
// Details
&-details {
padding: 1rem 1rem 1rem 0rem;
.headline {
.tag {
margin-left: 0;
margin-right: 0.5rem;
}
}
}
}
/* Portfolio
--------------------------------------- */
.portfolio-links {
// Layout Type 8 - Interactive Links
&.grid_8 {
.grid-item {
.portfolio-item {
.category-holder {
margin-left: auto;
margin-right: 0.5rem;
}
}
}
}
// Grid Type 12 - Interactive Links Horizontal
&.grid_12 {
.portfolio-grid-holder {
.portfolio-grid {
transform-origin: bottom right;
transform: rotate(90deg) translateY(100%);
left: auto;
right: $grid-spacer;
border-left: none;
border-right: 1px solid rgba($color_neutral, .2);
@include flex;
@include flex-direction(column);
.grid-item {
padding: 0 2.5rem 0 0 !important;
@include flex-direction(row);
@include note-screen {
padding: 0 1.5rem 0 0 !important;
}
.portfolio-item {
.portfolio-item-details {
.portfolio-item-details-headline {
transform-origin: top left;
transform: rotate(180deg) translate(-100%, -100%);
}
.category-holder {
transform-origin: top left;
transform: rotate(180deg) translate(calc(-100% + 1.75rem), -100%);
}
}
&:hover {
.portfolio-item-details {
.category-holder {
transform: rotate(180deg) translate(-100%, -100%);
}
}
}
}
}
}
}
}
}
.portfolio-item {
&.-with-slider {
.project-content {
padding-left: 3rem;
padding-right: 0;
}
}
// Layout Type 7
&.-layout7 {
.portfolio-item-image {
// Gradient overlay
&::before {
left: 0;
right: auto;
@include gradient(90deg, 1, $color-white);
}
}
.headline-decor {
left: auto;
right: calc(100% / 3);
bottom: 20vh;
}
}
// Layout Type 9
&.-layout9 {
// Next slide
.next-slide-preview {
left: auto;
right: 0;
transform: translate(60%, -50%);
&:hover {
transform: translate(55%, -50%);
}
}
}
// Layout Type 10
&.-layout10 {
.portfolio-item-image {
&::before {
left: auto;
right: 0;
@include gradient(270deg, .85, $color-white);
}
}
.project-content {
float: right;
}
}
// Layout Type 11
&.-layout11 {
.title {
transform: translateX(-100%);
}
.show-project {
transform: translateX(-100%) translateY(0px) !important;
}
}
}
.portfolio-type-9 {
.scroll-bar-container {
.scroll-top {
margin-right: 0;
left: auto;
right: -$grid-spacer;
}
}
}
@include lg-screen {
.portfolio-item {
&.-layout4 {
.project-details {
margin-right: 0;
margin-left: 35%;
}
}
}
}
// Project meta
.options-group {
li {
margin-left: 1.75rem;
margin-right: 0;
@include tablet-screen {
margin-left: 1.5rem;
margin-right: 0;
}
}
}
// Project lightbox
.project-lightbox {
.project-lightbox-gallery {
.slider {
.clb-slider-pagination {
left: auto;
right: 0;
}
}
}
.clb-slider-nav-btn {
left: 0;
right: auto;
}
}
// Project page
.project {
// With Slider
.-with-slider {
// Share Button
.share-bar {
left: auto;
right: $grid-spacer;
}
}
// Layout Type 1
&.-layout1 {
@include lg-screen {
.share-bar {
margin-left: 0;
margin-right: $grid-spacer;
left: auto;
@include spacer(right);
}
}
}
// Layout Type 2
&.-layout2 {
@include lg-screen {
.share-bar {
margin-left: $grid-spacer;
margin-right: 0;
right: auto;
@include spacer(left);
}
}
}
// Layout Type 3
&.-layout3 {
.project-gallery {
&:not(.scroll-disabled) {
.share-bar {
left: auto;
right: calc(50% - (#{$grid-spacer} + #{$spacer}));
transform: translateX(100%);
}
}
&.scroll-disabled {
.share-bar {
left: calc(#{$grid-spacer} + #{$spacer});
right: auto;
}
}
}
.project-content {
.holder {
@include lg-screen {
margin-left: calc(10vw + 7.4rem);
margin-right: 0;
}
@include note-screen {
margin-left: calc(10vw - 2.8rem);
margin-right: 0;
}
}
}
}
// Layout Type 4
&.-layout4 {
.project-gallery {
&:not(.scroll-disabled) {
.share-bar {
left: calc(50% - (#{$grid-spacer} + #{$spacer}));
right: auto;
transform: translateX(-100%);
}
}
&.scroll-disabled {
.share-bar {
left: auto;
right: calc(#{$grid-spacer} + #{$spacer});
}
}
}
.project-content {
.holder {
@include lg-screen {
margin-left: auto;
margin-right: calc(10vw + 7.4rem);
}
@include note-screen {
margin-left: auto;
margin-right: calc(10vw - 2.8rem);
}
}
}
}
// Layout Type 7
&.-layout7 {
.share-bar {
left: auto;
@include spacer(right);
}
}
// Layout Type 8
&.-layout8 {
// Slider
.project-slider {
left: 0;
right: auto;
}
.overlay {
left: auto;
right: 0;
background: linear-gradient(90deg, rgba($color-black, 0), rgba($color-black, 0.5));
}
}
// Layout Type 1, 3
&.-layout1,
&.-layout3 {
.holder {
@include md-screen {
padding-left: 0;
padding-right: calc(3vw - 1rem);
}
}
}
// Layout Type 2, 4
&.-layout2,
&.-layout4 {
.holder {
@include md-screen {
padding-left: calc(3vw - 1rem);
padding-right: 0;
}
}
}
}
.scroll-bar-container {
&.grid_9 {
.scroll-top {
left: auto;
right: -2rem;
}
}
}
/* Plugins
--------------------------------------- */
// Slider Revolution
rs-slide {
.font-titles,
.font-regular,
.text-regular {
text-align: right !important;
}
}
/* Dark mode
--------------------------------------- */
.dark-scheme {
.portfolio-item {
&.-with-gradient {
.portfolio-item-image {
&::before {
@include gradient(90deg, 1, $color-black-light);
}
}
&.-layout10 {
.portfolio-item-image {
&::before {
@include gradient(270deg, 1, $color-black-light);
}
}
}
}
}
}