| DIR:/proc/thread-self/cwd/bright.medisavehealthcarebd.com/assets/frontend/css/scss/layout/ |
| Current File : //proc/thread-self/cwd/bright.medisavehealthcarebd.com/assets/frontend/css/scss/layout/_rtl.scss |
/* ---------------------------------------------------------------- */
/* 24.Rtl Mode
/* ---------------------------------------------------------------- */
body.rtl-mode {
text-align: right;
direction: rtl;
.section-heading-left {
text-align: right;
h2 {
text-align: right;
&:before {
left: initial;
right: 0;
}
&:after {
left: initial;
right: 30px;
}
}
}
.owl-carousel { direction: ltr; }
.owl-carousel .owl-item { direction: rtl; }
.scroll-phone-btn,
.scroll-facebook-btn,
.scroll-top-btn {
right: initial;
left: 10px;
}
.scroll-down-btn:before,
.hero-email-link:before {
width: 2px;
height: 20px;
content: "";
margin-top: 15px;
display: inline-block;
vertical-align: baseline;
background: $color_white;
}
.scroll-down-btn:after,
.hero-email-link:after {
display: none;
}
.hero-email-link {
right: initial;
left: 30px;
}
.scroll-down-btn {
left: initial;
right: 30px;
}
.primary-btn, .white-btn {
.icon {
i {
transform: rotate(180deg);
}
}
.text {
padding: 0 30px 0 20px;
text-transform: uppercase;
}
}
.header {
.navbar-toggler {
padding: 0 0 0 10px;
}
.default-nav-btn {
margin-left: 0;
margin-right: 10px;
}
.nav-item {
.nav-link {
text-align: right;
&:after {
left: initial;
right: 0;
}
&:not(.active) {
&:after {
left: initial;
right: 0;
transform-origin: 0 0;
}
&:hover {
&:after {
transform: scaleX(1);
transform-origin: right;
}
}
}
}
&.dropdown {
.dropdown-item {
text-align: right;
}
.dropdown-toggle {
&:before {
left: 0;
right: initial;
}
}
}
}
}
.hero-banner {
.hero-social-list {
left: 30px;
right: initial;
}
.hero-img {
text-align: left;
}
.hero-inner {
h2 {
padding-right: 0;
padding-left: 60px;
}
}
}
.about-inner {
.primary-btn {
.icon {
i {
transform: rotate(0deg);
}
}
}
}
.about-img {
.about-video-btn {
right: initial;
left: -40px;
}
.video-border-line {
right: initial;
left: -40px;
}
}
.resume-item {
.body {
.icon-outer-line {
margin-left: 20px;
margin-right: 0;
}
}
.resume-link {
i {
transform: rotate(180deg);
}
}
}
.services-item {
.body {
a {
i {
margin-left: 0;
margin-left: 5px;
transform: rotate(180deg);
}
&:hover {
i {
margin-left: 0;
margin-right: 10px;
}
}
}
}
&:hover {
.body {
a {
i {
margin-left: 0;
margin-right: 5px;
}
&:hover {
i {
margin-left: 0;
margin-right: 10px;
}
}
}
}
}
}
.web-design-process {
border-radius: 30px;
background: $color_dark_blue;
.design-process-video {
position: relative;
overflow: hidden;
img {
border-radius: 0 30px 30px 0;
}
.design-process-video-btn {
i {
padding-left: 7px;
transform: rotate(180deg);
}
}
}
.design-process-inner {
padding: 30px 6px 30px 30px;
ul {
li {
i {
margin-right: 0;
margin-left: 15px;
}
}
}
}
}
.services-detail-top {
span {
left: initial;
right: 0;
}
}
.subscribe-newsletter {
.form-newsletter {
position: relative;
input {
padding: 0 30px 0 50px;
}
button {
right: initial;
left: 0;
i {
transform: rotate(180deg);
}
}
}
}
.how-i-work-item {
.arrow-dashed-img {
right: initial;
left: -87px;
transform: rotateY(180deg);
}
}
.skills-img {
.icon-check {
right: initial;
left: -40px;
}
.icon-border-line {
right: initial;
left: -40px;
}
}
.skills-inner {
ul {
li {
&:before {
margin-right: 0;
margin-left: 15px;
}
}
}
.skills-item {
.skills-progress-bar {
.skills-progress-value {
right: 0;
left: initial;
}
}
}
}
.portfolio-filter {
text-align: left;
a {
margin-right: 0;
margin-left: 10px;
&:last-child {
margin-left: 0;
}
}
}
.portfolio-item {
.body {
.portfolio-link {
i {
transform: rotate(180deg);
}
}
}
}
.call-to-action {
.call-to-action-btn {
text-align: left;
}
}
.testimonial-item {
.img {
margin-right: 0;
margin-left: 15px;
}
.body {
.rating {
i {
margin-right: 0;
margin-left: 2px;
&:last-child {
margin-left: 0;
}
}
}
}
.quote-icon {
right: initial;
left: 30px;
}
}
#testimonialCarousel, #blogCarousel {
&.owl-carousel {
.owl-nav {
right: initial;
left: 0;
button {
span {
transform: rotate(180deg);
}
}
button.owl-prev {
margin-right: 10px;
}
}
}
}
#portfolioCarousel{
&.owl-carousel {
.owl-nav {
button {
span {
transform: rotate(180deg);
}
}
}
}
}
.contact-info-item {
.icon {
margin-right: 0;
margin-left: 30px;
}
}
.contact-form-wrap {
.contact-form-group {
.form-control {
padding: 0 30px 0 60px;
}
textarea.form-control {
padding-top: 20px;
}
}
.form-validate-icons {
right: initial;
left: 14px;
}
.custom-select-wrapper {
.select-selected {
&:after {
right: initial;
left: 14px;
}
}
}
}
.blog-item {
.blog-body {
.blog-meta {
a {
margin-right: 0;
margin-left: 10px;
i {
margin-right: 0;
margin-left: 10px;
}
&:last-child {
margin: 0;
i {
margin-right: 10px;
}
}
}
}
.blog-author-img {
left: initial;
right: 30px;
}
.blog-link {
i {
margin-left: 0;
margin-right: 5px;
transform: rotate(180deg);
}
}
}
}
.custom-modal {
.modal-content {
.modal-body {
.popup-form-group {
.popup-form-control {
padding: 0 60px 0 20px;
}
> span {
left: initial;
right: 0;
}
textarea {
padding: 17px 60px 17px 20px !important;
}
}
}
}
}
.custom-form-group {
.captcha-input {
padding-left: 20px !important;
padding-right: 90px !important;
}
.custom-form-control {
padding: 17px 60px 17px 20px;
}
> span {
left: initial;
right: 0;
}
}
.footer {
.footer-top {
.footer-widget {
.footer-social-links {
a {
margin-right: 0;
margin-left: 10px;
}
}
.footer-contact-info-list {
li {
i {
margin-right: 0;
margin-left: 15px;
}
}
}
.footer-links {
li {
&:before {
margin-right: 0;
margin-left: 15px;
transform: rotate(180deg);
}
}
}
}
}
}
.breadcrumb-section {
.breadcrumb-inner {
.breadcrumb-links {
li {
&.active {
&:before {
transform: rotate(180deg);
}
}
}
}
}
}
.inner-header-title:after,
.inner-header-title:before {
left: initial;
right: 0;
}
.blog-single-inner {
.blog-meta {
i {
margin-right: 0;
margin-left: 15px;
}
span {
&:first-child {
margin-right: 0;
margin-left: 15px;
}
}
}
}
.comment-block {
.comments-wrap {
.comments-item-wrap{
.comments-item {
.comment-header {
a {
i {
margin-right: 0;
margin-left: 10px;
}
}
}
img {
margin-right: 0;
margin-left: 15px;
}
}
}
}
}
.widget-sidebar {
.blog-share {
li {
margin-right: 0;
margin-left: 10px;
float: right;
}
}
.sidebar-tags {
li {
float: right;
a {
margin-right: 0;
margin-left: 10px;
}
}
}
.sidebar-archive-list {
li {
padding: 10px 0 10px 10px;
a {
&:before {
margin-right: 0;
margin-left: 10px;
transform: rotate(180deg);
}
}
}
}
.sidebar-category-list {
li {
a {
.category-count {
float: left;
}
}
}
}
.recent-post-item {
.recent-post-img {
float: right;
margin-right: 0;
margin-left: 1rem;
}
.recent-post-body {
.recent-post-date {
i {
margin-right: 0;
margin-left: 8px;
}
}
}
}
.sidebar-widgets {
.blog-search-btn {
right: initial;
left: 0;
}
.blog-search-bar {
.search-form-control {
padding: 18px 20px 18px 78px;
}
i {
left: initial;
right: 20px;
}
}
}
.sidebar-share {
li {
margin-right: 0;
margin-left: 10px;
float: right;
&:last-child {
margin-left: 0;
}
}
}
}
.blog-post-img {
position: relative;
.post-author-thumb {
left: initial;
right: 0;
}
}
.portfolio-single-inner {
.author-meta {
a {
display: inline-block;
&:after {
border-left: none;
margin-right: 15px;
border-right: 1px solid $color_primary;
}
&:first-child {
margin-left: 0;
margin-right: 0;
}
span {
margin-right: 0;
margin-left: 15px;
}
}
}
}
.blog-text {
.author-meta {
a {
margin-right: 0;
margin-left: 15px;
&:after {
margin-left: 0;
margin-right: 15px;
border-left: none;
border-right: 1px solid $color_primary;
}
&:last-child {
margin-left: 0;
}
span {
margin-right: 0;
margin-left: 15px;
}
}
}
blockquote {
border-left: none;
border-right:5px solid $color_primary;
q {
&:before {
margin-right: 0;
margin-left: 5px;
}
&:after {
margin-left: 0;
margin-right: 5px;
}
}
}
ul {
li {
&:before {
margin-left: 10px;
margin-right: 30px;
}
}
}
}
.pagination-wrap {
.pagination-link {
margin: 0 0 0 5px;
&:first-child {
i {
transform: rotate(180deg);
}
}
&:last-child {
margin-left: 0;
i {
transform: rotate(180deg);
}
}
}
}
.comment-item {
.img {
margin-right: 0;
margin-left: 20px;
}
.comment-meta {
span {
margin-right: 0;
margin-left: 10px;
i {
margin-right: 0;
margin-left: 10px;
}
}
}
.reply-btn {
margin-right: 0;
margin-left: 10px;
i {
margin-right: 0;
margin-left: 7px;
}
}
&.sub-comment-item {
margin-left: 0;
margin-right: 120px;
}
}
.leave-comment-wrapper {
.comment-form-group {
.form-control {
padding: 0 30px 0 60px;
}
textarea.form-control {
height: auto;
padding-top: 20px;
}
}
}
}
/* ---------------------------------------------------------------- */
/* Responsive Media Query (992px)
/* ---------------------------------------------------------------- */
@media only screen and (min-width:991.98px) {
body.rtl-mode {
.footer-desc {
padding-right: 0;
padding-left: 30px;
}
.dropdown-menu {
left: initial;
right: 0;
}
}
}
/* ---------------------------------------------------------------- */
/* Responsive Media Query (992px)
/* ---------------------------------------------------------------- */
@media only screen and (max-width:991.98px) {
body.rtl-mode {
.header {
.navbar-brand {
padding: 10px 15px 10px 0;
}
.dropdown-toggle {
&:before {
left: 20px !important;
right: initial !important;
}
}
}
.hero-banner {
.hero-inner {
h2 {
padding-left: 0;
}
}
}
.contact-btn-left {
text-align: right;
}
.form-alerts {
.text-center {
span {
text-align: right !important;
}
}
}
}
}
/* ---------------------------------------------------------------- */
/* Responsive Media Query (768px)
/* ---------------------------------------------------------------- */
@media only screen and (max-width:767.98px) {
body.rtl-mode {
.portfolio-filter {
text-align: right;
}
.call-to-action {
.call-to-action-btn {
text-align: right;
}
}
.web-design-process {
.design-process-inner {
padding: 30px;
}
}
}
}
/* ---------------------------------------------------------------- */
/* Responsive Media Query (576px)
/* ---------------------------------------------------------------- */
@media only screen and (max-width:575.98px) {
body.rtl-mode {
.about-img {
.about-video-btn, .video-border-line {
right: initial;
left: 50%;
transform: translate(-50%,-50%);
}
}
.contact-info-item {
text-align: right;
.icon {
margin-left: 0;
}
}
.comment-item {
.img {
margin-left: 0;
}
}
}
} |