policybot/fassets/style-rtl.css

2857 lines
57 KiB
CSS
Raw Permalink Normal View History

2021-11-30 10:56:55 +00:00
/* ----------------------------------------------------------------
style-rtl.scss
-----------------------------------------------------------------*/
html,
body {
direction: rtl;
text-align: right;
}
.bgicon {
left: -50px;
right: auto;
}
.vertical-middle-overlay {
right: 0;
left: auto;
}
/* ----------------------------------------------------------------
Top Bar
-----------------------------------------------------------------*/
/* Top Links
---------------------------------*/
.top-links-item {
border-right: 1px solid #eee;
border-left: 0;
}
.top-links-item:first-child,
.top-links-sub-menu .top-links-item {
border-right: 0 !important;
}
.top-links-item > a > i.icon-angle-down {
margin: 0 5px 0 0 !important;
}
.top-links-item > a > i:first-child {
margin-left: 3px;
margin-right: 0;
}
.top-links-sub-menu,
.top-links-section {
right: -1px;
left: auto;
}
.top-links-sub-menu .top-links-sub-menu {
right: 100%;
left: auto;
}
.top-links-sub-menu .top-links-item > a > img {
margin-left: 4px;
margin-right: 0;
}
.top-links-sub-menu .top-links-item > a > i.icon-angle-down {
left: 10px;
right: auto;
}
.top-links-section {
left: auto;
right: 0;
}
.top-links-section.menu-pos-invert {
right: auto;
left: 0;
}
/* Top Social
-----------------------------------------------------------------*/
#top-social li {
border-right: 1px solid #eee;
border-left: 0;
}
#top-social li:first-child {
border-right: 0 !important;
}
#top-social li a:hover .ts-text {
padding-left: 12px;
padding-right: 0;
}
/* ----------------------------------------------------------------
Header
-----------------------------------------------------------------*/
@media (min-width: 992px) {
#header-wrap {
will-change: right, top, transform;
}
}
@media (min-width: 992px) {
/* ----------------------------------------------------------------
Sticky Header
-----------------------------------------------------------------*/
.sticky-header #header-wrap {
right: 0;
left: auto;
}
/* Primary Menu - Style 5
-----------------------------------------------------------------*/
.sticky-header-shrink .style-5 .menu-container > .menu-item {
margin-left: 0;
margin-right: 2px;
}
.sticky-header-shrink .style-5 .menu-container > .menu-item:first-child {
margin-right: 0;
}
}
@media (max-width: 991.98px) {
.sticky-header #header-wrap {
left: auto;
right: 0;
}
}
/* ----------------------------------------------------------------
Logo
-----------------------------------------------------------------*/
#logo {
margin-right: 0;
margin-left: auto;
}
@media (min-width: 992px) {
.full-header #logo {
padding-left: 30px;
padding-right: 0;
border-left: 1px solid #eeeeee;
border-right: 0;
}
#header.transparent-header.full-header #logo {
border-left-color: rgba(0, 0, 0, 0.1);
border-right: 0;
}
}
/* ----------------------------------------------------------------
Header Right Area
-----------------------------------------------------------------*/
.header-extras li {
margin-right: 1.25rem;
margin-left: 0;
}
.header-extras li:first-child {
margin-right: 0;
}
.header-extras li .he-text {
padding-right: 10px;
padding-left: 0;
}
/* ----------------------------------------------------------------
Primary Menu
-----------------------------------------------------------------*/
.menu-link i {
margin-left: 6px;
margin-right: 0;
}
.menu-item .sub-menu-trigger {
right: auto;
left: 0;
}
@media (min-width: 992px) {
.menu-item.menu-item-important .menu-link > div::after {
right: 5px;
left: auto;
}
}
.sub-menu-container,
.mega-menu-content {
padding-right: 15px;
padding-left: 0;
}
/* ----------------------------------------------------------------
Mega Menu
-----------------------------------------------------------------*/
.mega-menu-content {
padding-right: 0;
padding-left: 0;
}
/* Off Canvas Menu
-----------------------------------------------------------------*/
@media (max-width: 991.98px) {
body:not(.sticky-responsive-menu) .mobile-menu-off-canvas .menu-container {
left: auto !important;
right: 0 !important;
border-left: 1px solid #eeeeee !important;
border-right: 0 !important;
}
body:not(.sticky-responsive-menu)
.mobile-menu-off-canvas.from-right
.menu-container {
left: 0 !important;
right: auto !important;
border-left: 0 !important;
border-right: 1px solid #eeeeee !important;
}
}
@media (min-width: 992px) {
.full-header .primary-menu .menu-container {
padding-left: 0.5rem;
padding-right: 0;
margin-left: 0.5rem;
margin-right: 0;
border-left: 1px solid #eeeeee;
border-right: 0;
}
.transparent-header.full-header .primary-menu .menu-container {
border-left-color: rgba(0, 0, 0, 0.1);
border-right: 0;
}
.menu-container > .menu-item:not(:first-child) {
margin-right: 2px;
margin-left: 0;
}
.sub-menu-container {
left: auto;
right: 0;
}
.sub-menu-container .sub-menu-container {
right: 100%;
left: auto;
}
.sub-menu-container.menu-pos-invert,
.mega-menu-content.menu-pos-invert {
left: 0;
right: auto;
}
.sub-menu-container .sub-menu-container.menu-pos-invert {
right: auto;
left: 100%;
}
.sub-menu-container .menu-item:hover > .menu-link {
padding-right: 18px;
padding-left: 0;
}
.menu-link div > i.icon-angle-down {
margin: 0 5px 0 0;
}
.sub-menu-container .menu-link div > i.icon-angle-down,
.side-header .primary-menu:not(.on-click) .menu-link i.icon-angle-down {
right: auto;
left: 0;
transform: translateY(-50%) rotate(90deg);
}
/* ----------------------------------------------------------------
Mega Menu
-----------------------------------------------------------------*/
.mega-menu-small .mega-menu-content {
right: 0;
left: auto;
}
.sub-menu-container .mega-menu-small .mega-menu-content {
right: 100%;
left: auto;
}
.sub-menu-container .mega-menu-small .mega-menu-content.menu-pos-invert {
right: auto;
left: 100%;
}
.mega-menu-content .sub-menu-container:not(.mega-menu-dropdown) {
right: 0;
left: auto;
}
.sub-menu-container.mega-menu-column:not(:first-child) {
border-right: 1px solid #f2f2f2;
border-left: 0px;
}
.mega-menu-style-2 .sub-menu-container .menu-link {
padding-right: 5px;
padding-left: 0;
}
.mega-menu-style-2 .sub-menu-container .menu-item:hover > .menu-link {
padding-right: 12px;
padding-left: 0;
}
/* Primary Menu - Style 2
-----------------------------------------------------------------*/
.style-2 #logo {
margin-left: 1.5rem;
margin-right: 0;
}
.style-2 .primary-menu {
margin-left: auto;
margin-right: 0;
}
/* Primary Menu - Style 5
-----------------------------------------------------------------*/
.style-5 .menu-container {
padding-left: 10px;
padding-right: 0;
margin-left: 5px;
margin-right: 0;
border-left: 1px solid #eeeeee;
border-right: 0;
}
.style-5 .menu-container > .menu-item:not(:first-child) {
margin-right: 15px;
margin-left: 0;
}
/* Primary Menu - Style 6
-----------------------------------------------------------------*/
.style-6 .menu-container > .menu-item > .menu-link::after,
.style-6 .menu-container > .menu-item.current > .menu-link::after {
left: auto;
right: 0;
}
/* Primary Menu - Sub Title
-----------------------------------------------------------------*/
.sub-title
.menu-container
> .menu-item:not(:first-child)
> .menu-link::before {
left: auto;
right: 0;
}
.sub-title .menu-container > .menu-item:hover > .menu-link::after,
.sub-title .menu-container > .menu-item.current > .menu-link::after {
left: auto;
right: 0;
}
/* ----------------------------------------------------------------
Side Header
-----------------------------------------------------------------*/
.side-header:not(.open-header) #wrapper {
margin: 0 260px 0 0 !important;
}
.side-header #header {
right: 0;
left: auto;
border-left: 1px solid #eeeeee;
border-right: 0;
}
.side-header #header-wrap {
padding-left: 40px;
padding-right: 0;
}
.side-header .on-click .menu-item .sub-menu-trigger {
left: -5px;
right: auto;
}
.side-header .primary-menu:not(.on-click) .text-center i.icon-angle-down {
margin-right: 5px;
margin-left: 0;
}
.side-header .sub-menu-container,
.side-header .mega-menu-content {
left: auto;
right: 0;
padding: 0 12px 0 0 !important;
}
.side-header .sub-menu-container .sub-menu-container {
right: 0;
left: auto;
}
.side-header .sub-menu-container.menu-pos-invert {
left: auto;
right: 0;
}
.side-header .sub-menu-container .sub-menu-container.menu-pos-invert {
right: 0;
left: auto;
}
/* Side Header - Push Header
-----------------------------------------------------------------*/
.side-header.open-header #header {
right: -260px;
left: auto;
}
.side-header.open-header.side-header-open #header {
right: 0;
left: auto;
}
.side-header.open-header #wrapper {
right: 0;
left: auto;
}
.side-header.open-header.push-wrapper.side-header-open #wrapper {
right: 260px;
left: auto;
}
.side-header.open-header #header-trigger {
right: 20px;
left: auto;
}
.side-header.open-header.side-header-open #header-trigger {
right: 280px;
left: auto;
}
/* Side Header - Right Aligned
-----------------------------------------------------------------*/
.side-header.side-header-right #header {
left: 0;
right: auto;
border-right: 1px solid #eeeeee;
border-left: 0px;
}
.side-header.side-header-right:not(.open-header) #wrapper {
margin: 0 0 0 260px !important;
}
.side-header.side-header-right.open-header #header {
right: auto;
left: -260px;
}
.side-header.side-header-right.open-header.side-header-open #header {
right: auto;
left: 0;
}
.side-header.side-header-right.open-header.push-wrapper.side-header-open
#wrapper {
right: -260px;
left: auto;
}
.side-header.side-header-right.open-header #header-trigger {
right: auto;
left: 20px;
}
.side-header.side-header-right.open-header.side-header-open
#header-trigger {
right: auto;
left: 280px;
}
/* Primary Menu - Overlay Menu
-----------------------------------------------------------------*/
.overlay-menu .primary-menu > #overlay-menu-close {
right: auto;
left: 25px;
}
.overlay-menu .primary-menu {
right: 0;
left: auto;
}
.overlay-menu .sub-menu-container,
.overlay-menu .mega-menu-content {
right: 0 !important;
left: auto !important;
}
.overlay-menu .sub-menu-container .menu-link i.icon-angle-down {
right: 0;
left: auto;
margin-right: 5px;
margin-left: 0px;
}
}
@media (max-width: 991.98px) {
.side-push-panel #side-panel-trigger-close a {
right: auto;
left: 0;
border-radius: 0 2px 0 0;
}
}
/* ----------------------------------------------------------------
Top Search
-----------------------------------------------------------------*/
.header-misc {
margin-right: 15px;
margin-left: 0;
}
#top-search a i {
right: 3px;
left: auto;
}
.top-search-form {
right: 0;
left: auto;
}
.top-search-form input {
padding: 10px 0 10px 80px;
}
@media (min-width: 992px) {
.full-header .top-search-form input,
.container-fluid .top-search-form input,
.container-sm .top-search-form input,
.container-md .top-search-form input,
.container-lg .top-search-form input,
.container-xl .top-search-form input,
.container-xxl .top-search-form input {
padding-right: 30px;
padding-left: 0;
}
}
.search-overlay .top-search-form {
right: 0;
left: auto;
}
/* ----------------------------------------------------------------
Top Cart
-----------------------------------------------------------------*/
.top-cart-number {
right: auto;
left: -8px;
}
.top-cart-content {
right: auto;
}
@media (max-width: 991.98px) {
.top-cart-content {
left: -260px !important;
right: auto;
}
}
@media (min-width: 992px) {
.top-cart-content {
left: 0;
right: auto;
}
}
.top-cart-item-desc {
-ms-flex-align: end;
align-items: flex-end;
}
.top-cart-item-desc-title {
padding-right: 0;
padding-left: 0;
}
@media (max-width: 991.98px) {
.top-cart-open .top-cart-content {
left: 0 !important;
right: auto !important;
}
}
/* ----------------------------------------------------------------
Page Menu
-----------------------------------------------------------------*/
#page-menu-wrap {
right: 0;
left: auto;
}
#page-menu-trigger {
right: auto;
left: 15px;
}
.page-menu-title {
margin-left: auto;
margin-right: 0;
}
.page-menu-nav {
right: auto;
left: 0;
}
@media (min-width: 992px) {
.page-menu-nav {
right: 0;
left: auto;
}
}
.page-menu-item > a .icon-angle-down {
right: auto;
left: 14px;
}
@media (min-width: 992px) {
.page-menu-item > a .icon-angle-down {
margin-right: 8px;
margin-left: 0;
}
}
@media (min-width: 992px) {
.page-menu-sub-menu {
right: 0;
left: auto;
}
}
/* Page Menu - Dots Style
-----------------------------------------------------------------*/
@media (min-width: 992px) {
#page-menu.dots-menu {
right: auto;
left: 20px;
}
.dots-menu .page-menu-item div {
left: 25px;
right: auto;
}
.dots-menu .page-menu-item div::after {
right: auto;
left: -5px;
border-right: 6px solid #1abc9c;
border-left: 0;
}
.dots-menu .page-menu-item > a:hover div {
left: 30px;
right: auto;
}
}
/* ----------------------------------------------------------------
One Page
-----------------------------------------------------------------*/
.one-page-arrow {
right: 50%;
left: auto;
margin-right: -16px;
margin-left: 0;
}
/* ----------------------------------------------------------------
Side Push Panel
-----------------------------------------------------------------*/
#side-panel {
left: -300px;
right: auto;
}
.side-panel-left #side-panel {
right: -300px;
left: auto;
}
.side-push-panel.stretched #wrapper,
.side-push-panel.stretched .sticky-header .container {
left: 0;
right: auto;
}
.side-panel-left.side-push-panel.stretched #wrapper,
.side-panel-left.side-push-panel.stretched .sticky-header .container {
right: 0;
left: auto;
}
#side-panel .side-panel-wrap {
right: 0;
left: auto;
}
.side-panel-open #side-panel {
left: 0;
right: auto;
}
.side-panel-left.side-panel-open #side-panel {
right: 0;
left: auto;
}
.side-push-panel.side-panel-open.stretched #wrapper,
.side-push-panel.side-panel-open.stretched .sticky-header .container {
left: 300px;
right: auto;
}
.side-push-panel.side-panel-open.stretched.device-xl .slider-inner,
.side-push-panel.side-panel-open.stretched.device-lg .slider-inner {
right: -300px;
left: auto;
}
.side-panel-left.side-push-panel.side-panel-open.stretched #wrapper,
.side-panel-left.side-push-panel.side-panel-open.stretched
.sticky-header
.container,
.side-panel-left.side-push-panel.side-panel-open.stretched .slider-inner {
right: 300px;
left: auto;
}
#side-panel-trigger {
margin-left: 5px;
margin-right: 0;
}
#side-panel,
.side-push-panel.stretched #wrapper,
.side-push-panel.stretched #header .container {
-webkit-transition: left 0.4s ease;
-o-transition: left 0.4s ease;
transition: left 0.4s ease;
}
.side-panel-left #side-panel,
.side-panel-left.side-push-panel.stretched #wrapper,
.side-panel-left.side-push-panel.stretched #header .container,
.side-push-panel.stretched .slider-inner {
-webkit-transition: right 0.4s ease;
-o-transition: right 0.4s ease;
transition: right 0.4s ease;
}
.body-overlay {
right: 0;
left: auto;
}
/* ----------------------------------------------------------------
Slider
-----------------------------------------------------------------*/
body:not(.side-header) .slider-parallax .slider-inner {
right: 0;
left: auto;
}
body:not(.stretched) .slider-parallax .slider-inner {
right: auto;
left: 0;
}
/* Swiper Slider
-----------------------------------------------------------------*/
.slider-element .video-wrap,
.section .video-wrap,
.swiper-slide .yt-bg-player,
.section .yt-bg-player,
.swiper-slide-bg {
right: 0;
left: auto;
}
/* Video Overlay
-----------------------------------------------------------------*/
.video-overlay,
.video-placeholder {
right: 0;
left: auto;
}
/* Slider Caption
-----------------------------------------------------------------*/
.slider-caption.slider-caption-right {
margin-left: 0;
margin-right: auto;
}
.slider-caption-bg {
right: 50px;
left: auto;
}
.slider-caption-top-right {
right: auto;
left: 50px;
}
.slider-caption-bottom-right {
right: auto;
left: 50px;
}
/* Slide Number
-----------------------------------------------------------------*/
.slide-number {
left: 20px;
right: auto;
}
.slide-number-current,
.slide-number-total {
right: 0;
left: auto;
}
.slide-number-total {
right: auto;
left: 0;
}
/* Flex Slider - Navigation
-----------------------------------------------------------------*/
.nav-offset .flex-prev {
right: 20px;
left: auto;
}
.nav-offset .flex-next {
left: 20px;
right: auto;
}
.nav-pos-top .flex-direction-nav,
.nav-pos-top-left .flex-direction-nav,
.nav-pos-top-right .flex-direction-nav {
right: 0;
left: auto;
}
.nav-pos-top-left .flex-direction-nav,
.nav-pos-bottom-left .flex-direction-nav {
right: 16px;
left: auto;
}
.nav-pos-top-right .flex-direction-nav,
.nav-pos-bottom-right .flex-direction-nav {
right: auto;
left: 16px;
}
/* Flex Slider
-----------------------------------------------------------------*/
.flexslider {
direction: ltr;
}
/* Flex Slider - Pagination & Thumbs
-----------------------------------------------------------------*/
.flex-control-nav {
left: 10px;
right: auto;
}
/* Flex Slider: Pagination Positions
-----------------------------------------------------------------*/
.control-offset-lg .flex-control-nav {
left: 20px;
right: auto;
}
.control-pos-top-left .flex-control-nav,
.control-pos-bottom-left .flex-control-nav {
right: 10px;
left: auto;
}
.control-offset-lg.control-pos-top-left .flex-control-nav,
.control-offset-lg.control-pos-bottom-left .flex-control-nav {
right: 20px;
left: auto;
}
.control-pos-bottom .flex-control-nav,
.control-pos-bottom .flex-control-nav,
.control-pos-top .flex-control-nav,
.control-pos-top .flex-control-nav {
left: 0;
right: auto;
}
/* Flex Slider: Thumbs
-----------------------------------------------------------------*/
.flex-control-nav.flex-control-thumbs {
direction: rtl;
}
.flex-control-nav.flex-control-thumbs {
justify-content: right;
margin: 2px 0 -2px -2px;
}
.flex-control-nav.flex-control-thumbs li {
margin: 0 0 2px 2px;
}
/* FlexSlider: Thumbs - Flexible
-----------------------------------------------------------------*/
.fslider.flex-thumb-grid .flex-control-nav.flex-control-thumbs {
margin: 2px 0 -2px -2px;
}
.fslider.flex-thumb-grid .flex-control-nav.flex-control-thumbs li {
padding: 0 0 2px 2px;
}
/* ----------------------------------------------------------------
Page Title
-----------------------------------------------------------------*/
#page-title {
text-align: right;
}
@media (min-width: 768px) {
#page-title .breadcrumb {
right: auto !important;
left: 15px !important;
}
}
@media (max-width: 767.98px) {
#page-title .breadcrumb {
justify-content: end;
}
}
/* Page Title - Right Aligned
-----------------------------------------------------------------*/
#page-title .page-title-right {
text-align: left;
}
#page-title .page-title-right .breadcrumb {
right: 15px !important;
left: auto !important;
}
#page-title .page-title-video .video-wrap {
right: 0;
left: auto;
}
/* ----------------------------------------------------------------
Content
-----------------------------------------------------------------*/
/* Portfolio - Filter
-----------------------------------------------------------------*/
.grid-filter li {
float: right;
}
.grid-filter li:first-child a {
border-right: none;
border-radius: 4px 4px 0 0;
}
.grid-filter li:last-child a {
border-radius: 0 0 4px 4px;
}
/* Portfolio - Filter: Style 2
-----------------------------------------------------------------*/
.grid-filter.style-2 li:not(:first-child),
.grid-filter.style-3 li:not(:first-child) {
margin-right: 10px;
margin-left: 0;
}
/* Portfolio - Filter: Style 4
-----------------------------------------------------------------*/
.grid-filter.style-4 li:not(:first-child) {
margin-right: 30px;
margin-left: 0;
}
.grid-filter.style-4 li a::after {
right: 50%;
left: auto;
}
.grid-filter.style-4 li.activeFilter a::after {
right: 0%;
left: auto;
}
/* Portfolio Single - Meta
-----------------------------------------------------------------*/
.portfolio-meta li span i {
margin-left: 7px;
margin-right: 0;
}
/* Portfolio Single Navigation
-----------------------------------------------------------------*/
#portfolio-navigation {
right: auto;
left: 10px;
}
.page-title-right #portfolio-navigation {
right: 10px;
left: auto;
}
.page-title-center #portfolio-navigation {
right: 0;
left: auto;
}
#portfolio-navigation a {
float: left;
margin-left: 12px;
}
#portfolio-navigation a i.icon-angle-right {
right: -1px;
left: auto;
}
#portfolio-navigation a:first-child {
margin-right: 0;
}
/* ----------------------------------------------------------------
Blog
-----------------------------------------------------------------*/
.entry-meta ul {
margin: 0 -20px -10px 0;
}
.entry-meta.no-separator ul,
.entry-meta ul.flex-column {
align-items: flex-end;
}
.entry-meta li {
margin: 0 0 10px 15px;
}
.entry-meta ul.flex-column li {
margin-right: 0;
}
.entry-meta:not(.no-separator) li::before {
margin-left: 15px;
margin-right: 0;
}
.entry-meta i {
padding-right: 1px;
margin-left: 5px;
padding-left: 0;
margin-right: 0;
}
/* Blog - Grid
-----------------------------------------------------------------*/
/* Blog - Timeline
-----------------------------------------------------------------*/
@media (min-width: 992px) {
.postcontent .post-timeline::before {
right: 50%;
left: auto;
border-right: 1px dashed #ccc;
border-left: 0;
}
.post-timeline .entry-timeline {
right: auto;
left: -6px;
}
.post-timeline .entry-timeline .timeline-divider {
right: auto;
left: 15px;
}
.post-timeline .entry:not(.entry-date-section) {
padding-left: 85px;
padding-right: 0;
}
.post-timeline .entry.alt:not(.entry-date-section) {
padding-left: inherit;
padding-right: 85px;
}
.post-timeline .alt .entry-timeline {
left: auto;
right: -6px;
}
.post-timeline .alt .entry-timeline .timeline-divider {
right: 15px;
left: auto;
}
}
@media (min-width: 992px) {
/* Blog - Timeline - Sidebar
-----------------------------------------------------------------*/
.postcontent .post-timeline::before {
right: -68px;
left: auto;
margin-right: 0;
margin-left: 0;
}
.postcontent .post-timeline {
padding-right: 0;
margin-right: 100px !important;
margin-left: 0 !important;
}
.postcontent .post-timeline .entry-timeline {
right: -100px;
left: auto;
}
.postcontent .post-timeline .entry-timeline div.timeline-divider {
right: 64px;
left: auto;
}
}
/* ----------------------------------------------------------------
Blog - Author
-----------------------------------------------------------------*/
.author-image {
float: right;
margin-left: 15px;
margin-right: 0;
}
/* ----------------------------------------------------------------
Comments List
-----------------------------------------------------------------*/
.commentlist li {
margin: 30px 30px 0 0;
}
.comment-wrap {
padding: 20px 35px 20px 20px;
}
.commentlist ul .comment-wrap {
margin-right: 25px;
margin-left: 0;
padding-right: 20px;
padding-left: 0;
}
#reviews .comment-wrap {
padding: 10px 35px 0 0;
}
.commentlist li li .children {
margin-right: 30px;
margin-left: 0;
}
.commentlist li .comment-content {
padding: 0 15px 0 0;
}
.commentlist li .comment-meta {
float: right;
margin-left: 0;
}
.comment-avatar {
right: -35px;
left: auto;
}
.commentlist li .children .comment-avatar {
right: -25px;
left: auto;
}
.comment-reply-link,
.review-comment-ratings {
right: auto;
left: 0;
}
/* ----------------------------------------------------------------
Comment Form
-----------------------------------------------------------------*/
.commentlist li li #respond {
margin-right: 30px;
margin-left: 0;
}
/* Post Elements
-----------------------------------------------------------------*/
img.alignleft,
div.alignleft {
float: right;
margin: 5px 0 13px 20px;
}
img.alignright,
div.alignright {
float: left;
margin: 5px 20px 13px 0;
}
/* Infinity Scroll - Message Style
-----------------------------------------------------------------*/
#infscr-loading,
#portfolio-ajax-loader {
right: 50%;
left: auto;
margin: -24px -24px 0 0;
}
/* ----------------------------------------------------------------
Shop
-----------------------------------------------------------------*/
.product-image > a:nth-of-type(2) {
right: 0;
left: auto;
}
.product-image > .badge,
.sale-flash {
right: 10px;
left: auto;
}
/* Shop - Single
-----------------------------------------------------------------*/
.quantity {
margin-left: 30px;
margin-right: 0;
}
.single-product .feature-box.fbox-plain.fbox-small {
padding-right: 26px;
padding-left: 0;
}
.single-product .feature-box.fbox-plain.fbox-small p {
margin-right: -26px;
margin-right: 0;
}
/* ----------------------------------------------------------------
Events
-----------------------------------------------------------------*/
.event .entry-image .entry-date {
right: 10px;
left: auto;
}
.single-event .entry-overlay,
.parallax .entry-overlay-meta {
right: 0;
left: auto;
}
.single-event .countdown-section {
border-right-color: rgba(255, 255, 255, 0.3);
border-left-color: transparent;
}
.parallax .entry-overlay,
.parallax .entry-overlay-meta {
text-align: left;
right: auto;
left: 30px;
}
.parallax .entry-overlay-meta {
text-align: right;
left: 38px;
right: auto;
}
.parallax.overlay-left .entry-overlay,
.parallax.overlay-left .entry-overlay-meta {
right: 30px;
left: auto;
}
.parallax.overlay-left .entry-overlay-meta {
right: 38px;
left: auto;
}
.parallax.overlay-center .entry-overlay,
.parallax.overlay-center .entry-overlay-meta {
right: 50%;
left: auto;
margin-right: -192px;
margin-right: 0;
}
.parallax.overlay-center .entry-overlay-meta {
margin-right: -184px;
margin-left: 0;
}
.parallax .countdown-section {
border-right: 0;
}
/* ----------------------------------------------------------------
Countdown
-----------------------------------------------------------------*/
.countdown-section {
border-right: 1px dotted #bbb;
border-left: 0;
}
.countdown-section:first-child {
border-right: 0;
}
/* Countdown - Inline
-----------------------------------------------------------------*/
.countdown.countdown-inline .countdown-section {
margin-right: 7px;
margin-left: 0;
}
.countdown.countdown-inline .countdown-section:first-child {
margin-right: 0;
margin-left: 0;
}
.countdown.countdown-inline .countdown-amount {
margin: 0 0 0 3px;
}
/* ----------------------------------------------------------------
Buttons
-----------------------------------------------------------------*/
.button i {
margin-left: 5px;
margin-right: 0;
}
.button.text-end i {
margin: 0 5px 0 0;
}
.button-mini i {
margin-left: 3px;
margin-right: 0;
}
.button-mini.text-end i {
margin: 0 3px 0 0;
}
.button-small i {
margin-left: 4px;
margin-right: 0;
}
.button-small.text-end i {
margin: 0 4px 0 0;
}
.button-xlarge i {
margin-left: 8px;
margin-right: 0;
}
.button-xlarge.text-end i {
margin: 0 8px 0 0;
}
.button.button-desc i {
margin-left: 12px;
margin-right: 0;
}
.button.button-desc.text-end i {
margin: 0 12px 0 0;
}
/* Buttons - Icon Reveal
-----------------------------------------------------------------*/
.button.button-reveal i {
right: -32px;
left: auto;
}
.button.button-reveal.text-end i {
right: auto;
left: -32px;
}
.button.button-reveal.button-3d i,
.button.button-reveal.button-rounded i {
border-radius: 3px 3px 0 0;
}
.button.button-reveal.button-3d.text-end i,
.button.button-reveal.button-rounded.text-end i {
border-radius: 0 0 3px 3px;
}
.button.button-reveal span {
right: 0;
left: auto;
}
.button.button-reveal.button-mini i {
right: -22px;
left: auto;
}
.button.button-reveal.button-mini.text-end i {
right: auto;
left: -22px;
}
.button.button-reveal.button-small i {
right: -26px;
left: auto;
}
.button.button-reveal.button-small.text-end i {
right: auto;
left: -26px;
}
.button.button-reveal.button-large i {
right: -38px;
left: auto;
}
.button.button-reveal.button-large.text-end i {
right: auto;
left: -38px;
}
.button.button-reveal.button-xlarge i {
right: -44px;
left: auto;
}
.button.button-reveal.button-xlarge.text-end i {
right: auto;
left: -44px;
}
.button.button-reveal:hover i {
right: 0;
left: auto;
}
.button.button-reveal.text-end:hover i {
right: auto;
left: 0;
}
.button.button-reveal:hover span {
right: 16px;
left: auto;
}
.button.button-reveal.button-mini:hover span {
right: 11px;
left: auto;
}
.button.button-reveal.button-small:hover span {
right: 13px;
left: auto;
}
.button.button-reveal.button-large:hover span {
right: 19px;
left: auto;
}
.button.button-reveal.button-xlarge:hover span {
right: 22px;
left: auto;
}
.button.button-reveal.text-end:hover span {
right: -16px;
left: auto;
}
.button.button-reveal.button-mini.text-end:hover span {
right: -11px;
left: auto;
}
.button.button-reveal.button-small.text-end:hover span {
right: -13px;
left: auto;
}
.button.button-reveal.button-large.text-end:hover span {
right: -19px;
left: auto;
}
.button.button-reveal.button-xlarge.text-end:hover span {
right: -22px;
left: auto;
}
/* Buttons - Fill Effect
-----------------------------------------------------------------*/
.button.button-border.button-fill::before {
right: 0;
left: auto;
}
.button.button-border.button-fill.fill-from-right::before {
right: auto;
left: 0;
}
/* Promo - Mini
-----------------------------------------------------------------*/
.promo-mini {
text-align: right;
}
/* Animated Icon Hovers
-----------------------------------------------------------------*/
.fbox-effect .fbox-icon i::after {
right: -3px;
left: auto;
}
/* Icon Effects - Bordered
-----------------------------------------------------------------*/
.fbox-border.fbox-effect .fbox-icon i::after {
right: -2px;
left: auto;
}
/* Media Featured Box
-----------------------------------------------------------------*/
.feature-box.media-box.fbox-bg .fbox-desc {
border-radius: 0 5px 5px 0;
}
.feature-box.media-box.fbox-bg .fbox-media img {
border-radius: 5px 0 0 5px;
}
/* ----------------------------------------------------------------
Flipbox
-----------------------------------------------------------------*/
.flipbox-back {
right: 0;
left: auto;
}
/* ----------------------------------------------------------------
Process Steps
-----------------------------------------------------------------*/
.process-steps li::before,
.process-steps li::after {
right: 0;
left: auto;
margin-right: -26px;
margin-left: 0;
}
.process-steps li::after {
right: auto;
left: 0;
}
/* ----------------------------------------------------------------
Alerts
-----------------------------------------------------------------*/
.style-msg,
.style-msg2 {
border-right: 4px solid rgba(0, 0, 0, 0.1);
border-left: 0;
}
.style-msg2 {
border-right: 4px solid rgba(0, 0, 0, 0.2);
border-left: 0;
}
.style-msg .sb-msg,
.style-msg2 .msgtitle,
.style-msg2 .sb-msg {
border-right: 1px solid rgba(255, 255, 255, 0.5);
border-left: 0;
}
.alert i,
.sb-msg i,
.msgtitle i {
margin-left: 5px;
margin-right: 0;
}
.style-msg .close {
right: auto;
left: 10px;
}
/* ----------------------------------------------------------------
Styled Icons
-----------------------------------------------------------------*/
.i-rounded,
.i-plain,
.i-circled,
.i-bordered,
.social-icon {
float: right;
margin: 4px 0 7px 11px;
}
/* Icon Size - Small
-----------------------------------------------------------------*/
.i-small.i-rounded,
.i-small.i-plain,
.i-small.i-circled,
.i-small.i-bordered {
margin: 4px 0 7px 11px;
}
/* Icon Size - Small
-----------------------------------------------------------------*/
.i-medium.i-rounded,
.i-medium.i-plain,
.i-medium.i-circled,
.i-medium.i-bordered {
margin: 6px 0px 9px 13px;
}
/* Icon Size - Large
-----------------------------------------------------------------*/
.i-large.i-rounded,
.i-large.i-plain,
.i-large.i-circled,
.i-large.i-bordered {
margin: 4px 0 7px 11px;
}
/* Icon Size - Extra Large
-----------------------------------------------------------------*/
.i-xlarge.i-rounded,
.i-xlarge.i-plain,
.i-xlarge.i-circled,
.i-xlarge.i-bordered {
margin: 4px 0 7px 11px;
}
/* Icon Size - Extra Extra Large
-----------------------------------------------------------------*/
.i-xxlarge.i-rounded,
.i-xxlarge.i-plain,
.i-xxlarge.i-circled,
.i-xxlarge.i-bordered {
margin: 6px 0 10px 15px;
}
/* ----------------------------------------------------------------
Social Icons
-----------------------------------------------------------------*/
.social-icon {
margin: 0 0 5px 5px;
}
/* Social Icons - Large
-----------------------------------------------------------------*/
.social-icon.si-large {
margin: 0 0 10px 10px;
}
/* Social Icons - Sticky
-----------------------------------------------------------------*/
.si-sticky {
right: 5px;
left: auto;
}
/* Social Icons - Sticky Right
-----------------------------------------------------------------*/
.si-sticky.si-sticky-right {
right: auto;
left: 8px;
}
/* Social Icons - Share
-----------------------------------------------------------------*/
.si-share {
padding-right: 5px;
padding-left: 0;
}
/* ----------------------------------------------------------------
Tabs
-----------------------------------------------------------------*/
.tab-nav li {
border-right: 0;
}
.tab-nav li:first-child {
border-right: 1px solid #ddd;
border-left: 0;
}
/* Tabs - Alternate Nav
-----------------------------------------------------------------*/
.tabs-alt .tab-nav li:first-child {
border-right: 0;
}
/* Tabs - Navigation Style 2
-----------------------------------------------------------------*/
.tab-nav.tab-nav2 li {
margin-right: 10px;
margin-left: 0;
}
.tab-nav.tab-nav2 li:first-child {
margin-right: 0;
border-right: 0;
}
/* Tabs - Large Navigation
-----------------------------------------------------------------*/
.tab-nav-lg.tab-nav-section li.ui-tabs-active::after {
right: 50%;
left: auto;
margin-right: -16px;
margin-left: 0;
}
.tab-nav-lg.tab-nav-section li.ui-tabs-active::before {
right: 50%;
left: auto;
margin-right: -16px;
margin-left: 0px;
}
/* Tabs - Content Area
-----------------------------------------------------------------*/
.tab-nav i {
margin-left: 3px;
margin-right: 0;
}
/* Tabs - Bordered
-----------------------------------------------------------------*/
.tabs-bordered .tab-nav li:first-child {
margin-right: 0;
}
/* Tabs - Side Tabs
-----------------------------------------------------------------*/
@media (min-width: 768px) {
.side-tabs .tab-nav li {
text-align: right;
}
.side-tabs .tab-nav li:first-child {
margin-right: 0;
border-right: 1px solid #ddd;
border-left: 0;
}
.side-tabs .tab-nav li.ui-tabs-active a {
left: -1px;
right: auto;
}
.ui-tabs .ui-tabs-hide {
right: -10000px !important;
left: auto !important;
}
.side-tabs .tab-nav.tab-nav2 li.ui-state-active a {
left: 0;
right: auto;
}
}
/* Tabs - Side Tabs & Bordered
-----------------------------------------------------------------*/
.tabs-bordered.side-tabs .tab-nav {
margin-right: -1px;
margin-left: 0;
}
.tabs-bordered.side-tabs .tab-nav li.ui-tabs-active a {
left: -1px;
right: auto;
border-left: 1px solid #fff;
border-right: 0;
}
/* ----------------------------------------------------------------
Side Navigation
-----------------------------------------------------------------*/
.sidenav li a {
padding: 11px 14px 11px 20px;
border-left-width: 2px;
border-right-width: 0;
}
.sidenav > li:first-child > a {
border-radius: 4px 0px 0 4px;
}
.sidenav > li:last-child > a {
border-radius: 0 4px 4px 0px;
}
.sidenav li li a {
padding: 6px 35px 6px 20px;
}
.sidenav li i {
margin-left: 6px;
margin-right: 0;
}
/* Chevrons */
.sidenav .icon-chevron-right {
left: auto;
right: 6px;
margin-left: 0;
}
/* ----------------------------------------------------------------
Clients
-----------------------------------------------------------------*/
.clients-grid .grid-item::before,
.testimonials-grid .grid-item::before {
right: -1px;
left: auto;
border-right: 1px dashed #ddd;
border-left: 0;
}
.clients-grid .grid-item::after,
.testimonials-grid .grid-item::after {
right: 0;
left: auto;
}
/* ----------------------------------------------------------------
Testimonials
-----------------------------------------------------------------*/
/* Testimonials - Item
-----------------------------------------------------------------*/
.testi-image {
float: right;
margin-left: 15px;
margin-right: 0;
}
.testi-meta span {
padding-right: 10px;
padding-left: 0;
}
/* Twitter - Small Scroller
-----------------------------------------------------------------*/
.testimonial.twitter-scroll .testi-meta span {
padding-right: 0;
}
/* Testimonials - Full Width
-----------------------------------------------------------------*/
.testimonial-full .testi-meta span {
padding-right: 0;
}
/* Testimonial - Pagination
-----------------------------------------------------------------*/
.testimonial .flex-control-nav {
left: 0;
right: auto;
}
/* ----------------------------------------------------------------
Team
-----------------------------------------------------------------*/
.team .si-share,
.team-image .si-share {
text-align: right;
}
/* Team Center
-----------------------------------------------------------------*/
.team.center .team-title::after,
.center.team-image .team-title::after {
right: 50%;
left: auto;
margin-right: -40px;
margin-left: 0;
}
/* Team List
-----------------------------------------------------------------*/
.team.team-list .team-image,
.team-list.team-image .team-image {
float: right;
margin-left: 30px;
margin-right: 0;
}
.team.team-list .team-desc,
.team-list.team-image .team-desc {
text-align: right;
}
/* ----------------------------------------------------------------
Pricing Boxes
-----------------------------------------------------------------*/
/* Pricing Boxes - Title
-----------------------------------------------------------------*/
.pricing-title {
border-radius: 3px 0 0 3px;
}
/* Pricing Boxes - Price
-----------------------------------------------------------------*/
.pricing-price::after {
right: 50%;
left: auto;
margin-right: -50px;
margin-left: 0;
}
.pricing-price span {
margin: 7px 0px 0 3px;
}
.pricing-price span.price-tenure {
margin: 0 3px 0 0;
}
/* Pricing Boxes - 5 Columns
-----------------------------------------------------------------*/
.pricing.pricing-5 .pricing-box {
float: right;
}
.pricing.pricing-5 .pricing-box:nth-child(5) {
margin-right: -1px;
margin-left: 0;
}
/* Pricing Boxes - Extended
-----------------------------------------------------------------*/
.pricing-box.pricing-extended {
text-align: right;
}
.pricing-box.pricing-extended .pricing-desc {
float: right;
}
.pricing-box.pricing-extended .pricing-title {
text-align: right;
}
.pricing-box.pricing-extended .pricing-features li {
float: right;
}
.pricing-box.pricing-extended .pricing-features ul li i {
margin-left: 2px;
margin-right: 0;
}
.pricing-box.pricing-extended .pricing-action-area {
right: auto;
left: 0;
border-right: 1px solid rgba(0, 0, 0, 0.05);
border-left: 0;
border-radius: 0 0px 3px 3px;
}
.table-comparison th:first-child,
.table-comparison td:first-child {
text-align: right;
}
/* ----------------------------------------------------------------
Animated Rounded Skills
-----------------------------------------------------------------*/
.rounded-skill canvas {
right: 0;
left: auto;
}
/* ----------------------------------------------------------------
Skills Bar
-----------------------------------------------------------------*/
.skills li .progress {
right: 0;
left: auto;
}
.skills li .progress-percent {
left: 0;
right: auto;
}
.progress-percent::after {
right: 50%;
left: auto;
margin-right: -4px;
margin-left: 0;
}
.progress-percent::before {
right: 50%;
left: auto;
margin-right: -5px;
margin-left: 0;
}
.skills li > span {
right: 0;
left: auto;
}
/* ----------------------------------------------------------------
Quotes & Blockquotes
-----------------------------------------------------------------*/
blockquote {
border-right: 5px solid #eee;
border-left: 0;
}
.blockquote-reverse {
padding-left: 15px;
padding-right: 0;
border-left: 5px solid #eee;
border-right: 0;
text-align: left;
}
blockquote.float-start {
margin: 5px 0px 10px 20px;
padding-left: 0;
}
blockquote.float-end {
margin: 5px 20px 10px 0px;
padding-right: 0;
}
.quote::before {
right: 0;
left: auto;
}
.quote.blockquote-reverse::before {
left: auto;
right: 0;
}
/* ----------------------------------------------------------------
Dropcaps & Highlights
-----------------------------------------------------------------*/
.dropcap {
float: right;
margin: 0 0 0 5px;
}
/* ----------------------------------------------------------------
Owl Carousel CSS
-----------------------------------------------------------------*/
.owl-carousel .owl-item {
float: right;
}
.owl-carousel .owl-video-play-icon {
right: 50%;
left: auto;
margin-right: -32px;
margin-left: 0;
}
/* Owl Carousel - Controls - Arrows
-----------------------------------------------------------------*/
.owl-carousel .owl-nav [class*="owl-"] {
right: -36px;
left: auto;
}
.slider-element .owl-nav [class*="owl-"],
.owl-carousel-full .owl-nav [class*="owl-"] {
right: 0 !important;
left: auto !important;
border-radius: 0 0 3px 3px;
}
.owl-carousel .owl-nav .owl-next {
right: auto;
left: -36px;
}
.slider-element .owl-nav .owl-next,
.owl-carousel-full .owl-nav .owl-next {
right: auto !important;
left: 0 !important;
border-radius: 3px 3px 0 0px;
}
.owl-carousel:hover .owl-nav [class*="owl-"] {
right: -18px;
left: auto;
}
.owl-carousel:hover .owl-nav .owl-next {
right: auto;
left: -18px;
}
/* ----------------------------------------------------------------
Flip Cards
-----------------------------------------------------------------*/
.flip-card-front::after,
.flip-card-back::after,
.flip-card-back,
.flip-card-inner,
.bg-overlay,
.bg-overlay-bg,
.bg-overlay-content,
#map-overlay .gmap {
right: 0;
left: auto;
}
/* ----------------------------------------------------------------
Google Custom Search
-----------------------------------------------------------------*/
#content .gsc-result-info {
padding-right: 0 !important;
}
/* ----------------------------------------------------------------
Heading Styles
-----------------------------------------------------------------*/
@media (min-width: 768px) {
.text-md-start .heading-block::after {
margin-right: 0 !important;
}
}
/* Block Titles
-----------------------------------------------------------------*/
.title-block {
padding: 2px 20px 3px 0px;
border-right: 7px solid #1abc9c;
border-left: 0;
}
.title-block-right {
padding: 2px 0px 3px 20px;
border-right: 0;
border-left: 7px solid #1abc9c;
text-align: left;
}
/* Justify Border Title
-----------------------------------------------------------------*/
.fancy-title h1,
.fancy-title h2,
.fancy-title h3,
.fancy-title h4,
.fancy-title h5,
.fancy-title h6 {
padding-left: 15px;
padding-right: 0;
}
.fancy-title h4,
.fancy-title h5,
.fancy-title h6 {
padding-left: 10px;
padding-right: 0;
}
.fancy-title.title-double-border::before,
.fancy-title.title-border::before,
.fancy-title.title-border-color::before {
right: auto;
left: 0;
}
/* Fancy Title - Right Align
-----------------------------------------------------------------*/
.title-right {
text-align: left;
}
.title-right h1,
.title-right h2,
.title-right h3 {
padding: 0 15px 0 0px;
}
.title-right h4,
.title-right h5,
.title-right h6 {
padding: 0 10px 0 0px;
}
/* ----------------------------------------------------------------
Divider
-----------------------------------------------------------------*/
.divider::before {
margin-left: 0.5rem;
margin-right: 0;
}
.divider::after {
margin-right: 0.5rem;
margin-left: 0;
}
/* ----------------------------------------------------------------
Magazine Specific Classes
-----------------------------------------------------------------*/
.bnews-title {
float: right;
}
.bnews-slider {
float: right;
margin-right: 20px;
margin-left: 0;
}
/* ----------------------------------------------------------------
Go To Top
-----------------------------------------------------------------*/
#gotoTop {
right: auto;
left: 30px;
}
/* ----------------------------------------------------------------
Read More
-----------------------------------------------------------------*/
.read-more-wrap .read-more-mask {
right: 0;
left: auto;
}
.read-more-trigger i {
margin-right: 3px;
margin-left: 0;
}
.read-more-wrap .read-more-trigger {
right: 5px;
left: auto;
}
/* ----------------------------------------------------------------
GDPR Settings
-----------------------------------------------------------------*/
.gdpr-settings {
right: 1rem;
left: auto;
}
.gdpr-settings-sm {
margin-left: 1rem;
margin-right: 0;
}
.gdpr-settings-sm.gdpr-settings-right {
right: auto;
left: 1rem;
margin-left: 0;
margin-right: 1rem;
}
/* ----------------------------------------------------------------
Landing Pages
-----------------------------------------------------------------*/
.landing-form-overlay {
right: auto;
left: 0;
border-radius: 3px 0px 0 3px;
}
.landing-video {
margin: 22px 95px 0 0px;
}
/* ----------------------------------------------------------------
Preloaders
-----------------------------------------------------------------*/
.form-process {
right: 0;
left: auto;
}
/* ----------------------------------------------------------------
Toastr Notifications
-----------------------------------------------------------------*/
.toast-progress {
right: 0;
left: auto;
}
/*Responsive Design*/
@media all and (max-width: 240px) {
#toast-container .toast-close-button {
left: -0.2em;
right: auto;
}
}
@media all and (min-width: 241px) and (max-width: 480px) {
#toast-container .toast-close-button {
left: -0.2em;
right: auto;
}
}
/* ----------------------------------------------------------------
Footer
-----------------------------------------------------------------*/
.device-xl.sticky-footer #footer,
.device-lg.sticky-footer #footer {
right: 0;
left: auto;
}
.device-xl.sticky-footer:not(.stretched) #footer,
.device-lg.sticky-footer:not(.stretched) #footer {
right: 50%;
left: auto;
margin-right: -610px;
margin-left: 0;
}
.device-lg.sticky-footer:not(.stretched) #footer {
margin-right: -500px;
margin-left: 0;
}
#copyrights a:first-child {
margin-right: 0;
}
#copyrights .text-end a:last-child {
margin-left: 0;
}
/* Tag Cloud
-----------------------------------------------------------------*/
.tagcloud a {
float: right;
margin-left: 4px;
margin-right: 0;
}
/* Widget - Links
-----------------------------------------------------------------*/
.widget_nav_menu:not(.widget-li-noicon) li::before,
.widget_links:not(.widget-li-noicon) li::before,
.widget_meta:not(.widget-li-noicon) li::before,
.widget_archive:not(.widget-li-noicon) li::before,
.widget_recent_entries:not(.widget-li-noicon) li::before,
.widget_categories:not(.widget-li-noicon) li::before,
.widget_pages:not(.widget-li-noicon) li::before,
.widget_rss:not(.widget-li-noicon) li::before,
.widget_recent_comments:not(.widget-li-noicon) li::before {
right: 0;
left: auto;
transform: rotate(180deg);
}
.widget_nav_menu li a,
.widget_links li a,
.widget_meta li a,
.widget_archive li a,
.widget_recent_entries li a,
.widget_categories li a,
.widget_pages li a,
.widget_rss li a,
.widget_recent_comments li a {
padding: 0 12px 0 3px;
}
.widget_nav_menu.widget-li-noicon li a,
.widget_links.widget-li-noicon li a,
.widget_meta.widget-li-noicon li a,
.widget_archive.widget-li-noicon li a,
.widget_recent_entries.widget-li-noicon li a,
.widget_categories.widget-li-noicon li a,
.widget_pages.widget-li-noicon li a,
.widget_rss.widget-li-noicon li a,
.widget_recent_comments.widget-li-noicon li a {
padding-right: 0;
}
.widget_nav_menu ul ul,
.widget_links ul ul,
.widget_meta ul ul,
.widget_archive ul ul,
.widget_recent_comments ul ul,
.widget_recent_entries ul ul,
.widget_categories ul ul,
.widget_pages ul ul,
.widget_rss ul ul {
margin-right: 15px;
margin-left: 0;
}
/* Widget - Testimonial & Twitter
-----------------------------------------------------------------*/
.widget .testimonial.twitter-scroll .testi-image {
margin-left: 10px;
margin-right: 0;
}
/* Twitter Feed Widget
-----------------------------------------------------------------*/
.widget-twitter-feed .twitter-feed-avatar {
margin-right: 44px;
margin-left: 0;
}
.widget-twitter-feed .twitter-feed-avatar > li a.twitter-avatar {
right: -44px;
left: auto;
}
/* Widget Filter Links
-----------------------------------------------------------------*/
.widget-filter-links .widget-filter-reset {
right: auto;
left: 0;
}
.widget-filter-links li span {
right: auto;
left: 0;
}
/* Navigation Tree
-----------------------------------------------------------------*/
.nav-tree li i:not(.icon-angle-down) {
margin-left: 8px;
margin-right: 0;
}
.nav-tree li a i.icon-angle-down {
margin-right: 2px;
margin-left: 0;
}
.nav-tree ul ul a {
padding-right: 20px;
padding-left: 0;
}
.nav-tree ul ul ul a {
padding-right: 40px;
padding-left: 0;
}
.nav-tree ul ul ul ul a {
padding-right: 60px;
padding-left: 0;
}
.nav-tree ul ul ul ul ul a {
padding-right: 80px;
padding-left: 0;
}
/* ----------------------------------------------------------------
Wedding
-----------------------------------------------------------------*/
.wedding-head .first-name,
.wedding-head .last-name,
.wedding-head .and {
margin-left: 15px;
margin-right: 0;
text-align: left;
}
.wedding-head .last-name {
margin: 0 15px 0 0;
text-align: right;
}
/* ----------------------------------------------------------------
Styled Paginations
-----------------------------------------------------------------*/
/* Pagination Margins */
.pagination.pagination-circle .page-item:not(:first-child) .page-link,
.pagination.pagination-rounded .page-item:not(:first-child) .page-link {
margin-right: 5px;
margin-left: 0;
}
.pagination.pagination-circle.pagination-lg
.page-item:not(:first-child)
.page-link,
.pagination.pagination-rounded.pagination-lg
.page-item:not(:first-child)
.page-link {
margin-right: 8px;
margin-left: 0;
}
.pagination.pagination-circle.pagination-sm
.page-item:not(:first-child)
.page-link,
.pagination.pagination-rounded.pagination-sm
.page-item:not(:first-child)
.page-link {
margin-right: 3px;
margin-left: 0;
}
/* Pagination Inside Transparent */
.pagination.pagination-inside-transparent
.page-item:not(:first-child):not(:nth-child(2)):not(:nth-last-child(1))
.page-link {
border-right: 0;
}
/* Pagination Pill */
.pagination.pagination-pill .page-item:first-child .page-link {
border-top-right-radius: 10rem;
border-top-left-radius: 0;
border-bottom-right-radius: 10rem;
border-bottom-left-radius: 0;
}
.pagination.pagination-pill .page-item:last-child .page-link {
border-top-left-radius: 10rem;
border-bottom-left-radius: 10rem;
border-top-right-radius: 0;
border-bottom-left-radius: 0;
}
/* --------------------------------------------------------------
SWITCH
-------------------------------------------------------------- */
.switch-toggle {
margin-right: -9999px;
margin-left: 0;
}
/* --------------------------------------------------------------
SWITCH 1 - ROUND
----------------------------------------------------------------- */
input.switch-toggle-round + label::before,
input.switch-toggle-round + label::after {
right: 1px;
left: auto;
}
input.switch-toggle-round + label::before {
left: 1px;
right: auto;
}
input.switch-toggle-round:checked + label::after {
margin-right: 30px;
margin-left: 0;
}
/* --------------------------------------------------------------
SWITCH 1 - ROUND- MINI
----------------------------------------------------------------- */
input.switch-rounded-mini.switch-toggle-round:checked + label::after {
margin-right: 15px;
margin-left: 0;
}
/* --------------------------------------------------------------
SWITCH 1 - ROUND- LARGE
----------------------------------------------------------------- */
input.switch-rounded-large.switch-toggle-round:checked + label::after {
margin-right: 45px;
margin-left: 0;
}
/* --------------------------------------------------------------
SWITCH 1 - ROUND- XLARGE
----------------------------------------------------------------- */
input.switch-rounded-xlarge.switch-toggle-round:checked + label::after {
margin-right: 60px;
margin-left: 0;
}
/* -----------------------------------------------------------
SWITCH 2 - ROUND FLAT
-------------------------------------------------------------- */
input.switch-toggle-flat + label::after {
right: 4px;
left: auto;
}
input.switch-toggle-flat:checked + label::after {
margin-right: 30px;
margin-left: 0;
}
/* -----------------------------------------------------------
SWITCH 2 - FLAT - MINI
-------------------------------------------------------------- */
input.switch-flat-mini.switch-toggle-flat + label::after {
right: 2px;
left: auto;
}
input.switch-flat-mini.switch-toggle-flat:checked + label::after {
margin-right: 16px;
margin-left: 0;
}
/* -----------------------------------------------------------
SWITCH 2 - FLAT - LARGE
-------------------------------------------------------------- */
input.switch-flat-large.switch-toggle-flat:checked + label::after {
margin-right: 45px;
margin-left: 0;
}
/* -----------------------------------------------------------
SWITCH 2 - FLAT - XLARGE
-------------------------------------------------------------- */
input.switch-flat-xlarge.switch-toggle-flat:checked + label::after {
margin-right: 60px;
margin-left: 0;
}
/* ----------------------------------------------------------------
Bootstrap Specific
-----------------------------------------------------------------*/
.carousel-control .icon-chevron-left {
right: 50%;
left: auto;
}
.carousel-control .icon-chevron-right {
left: 50%;
right: auto;
}
label.radio,
label.checkbox {
padding-right: 20px;
padding-left: 0;
}
/* ----------------------------------------------------------------
Cookie Notification
-----------------------------------------------------------------*/
#cookie-notification {
right: 0;
left: auto;
}
#cookie-notification .container {
padding-left: 100px;
padding-right: 0;
}
#cookie-notification .cookie-noti-btn {
right: auto;
left: 0;
}
/* ----------------------------------------------------------------
Page Transitions
-----------------------------------------------------------------*/
.page-transition-wrap,
.css3-spinner,
.css3-spinner {
right: 0;
left: auto;
}
.css3-spinner > div {
right: 50%;
left: auto;
margin-right: 13px;
margin-left: 0;
}
.css3-spinner .css3-spinner-bounce1 {
margin-right: -31px;
margin-left: 0;
}
.css3-spinner .css3-spinner-bounce2 {
margin-right: -9px;
margin-left: 0;
}
.css3-spinner > .css3-spinner-flipper {
margin-right: -16px;
margin-left: 0;
}
.css3-spinner > .css3-spinner-double-bounce1,
.css3-spinner > .css3-spinner-double-bounce2 {
margin-right: -20px;
margin-left: 0;
}
.css3-spinner > .css3-spinner-rect1,
.css3-spinner > .css3-spinner-rect2,
.css3-spinner > .css3-spinner-rect3,
.css3-spinner > .css3-spinner-rect4,
.css3-spinner > .css3-spinner-rect5 {
margin-right: -21px;
margin-left: 0;
}
.css3-spinner > .css3-spinner-rect2 {
margin-right: -12px;
margin-left: 0;
}
.css3-spinner > .css3-spinner-rect3 {
margin-right: -3px;
margin-left: 0;
}
.css3-spinner > .css3-spinner-rect4 {
margin-right: 6px;
margin-left: 0;
}
.css3-spinner > .css3-spinner-rect5 {
margin-right: 15px;
margin-left: 0;
}
.css3-spinner > .css3-spinner-cube1,
.css3-spinner > .css3-spinner-cube2 {
margin-right: -20px;
margin-left: 0;
}
.css3-spinner > .css3-spinner-scaler {
margin-right: -20px;
margin-left: 0;
}
.css3-spinner > .css3-spinner-grid-pulse {
margin-right: -24px;
margin-left: 0;
}
.css3-spinner > .css3-spinner-clip-rotate {
margin-right: -17px;
margin-left: 0;
}
.css3-spinner > .css3-spinner-ball-rotate {
margin-right: -6px;
margin-left: 0;
}
.css3-spinner-ball-rotate > div:nth-child(1) {
right: -22px;
left: auto;
}
.css3-spinner-ball-rotate > div:nth-child(3) {
right: 22px;
left: auto;
}
.css3-spinner-zig-zag > div {
margin-right: 15px;
margin-left: 0;
right: -7px;
left: auto;
}
.css3-spinner > .css3-spinner-ball-scale-multiple {
margin-right: -30px;
margin-left: auto;
}
.css3-spinner-ball-scale-multiple > div {
right: 0;
left: auto;
}
.css3-spinner-triangle-path > div:nth-of-type(2) {
right: 25px;
left: auto;
}
.css3-spinner-triangle-path > div:nth-of-type(3) {
right: 50px;
left: auto;
}
.css3-spinner > .css3-spinner-ball-pulse-sync {
margin-right: -35px;
margin-left: 0;
}
.css3-spinner > .css3-spinner-scale-ripple {
margin-right: -25px;
margin-left: 0;
}
/* ----------------------------------------------------------------
HTML5 Youtube Video Backgrounds
-----------------------------------------------------------------*/
.mb_YTVPlayer.fullscreen {
right: 0 !important;
left: auto;
}
.inline_YTPlayer {
right: 0;
left: auto;
}