/*
Theme Name: Absolutte
Theme URI: https://www.quemalabs.com/theme/absolutte/
Description: Absolutte is a beautiful One page free WordPress theme, perfect for small business.
It has fully support for Gutenberg blocks and easy customizations.
Version: 1.0.6
Author: Quema Labs
Author URI: https://www.quemalabs.com/
License: GNU General Public License v2 or later
License URI: LICENSE
Tags: two-columns, custom-background, threaded-comments, custom-menu, custom-logo, custom-colors, footer-widgets, theme-options, featured-images, sticky-post, translation-ready, full-width-template
Text Domain: absolutte
*/
/*
----------------------------------------------------------------
TABLE OF CONTENTS
----------------------------------------------------------------
0. Imports
1. Global Styles
2. Header
3. Pages
4. Comments
5. Sidebar
6. WP Default
7. Flickity
8. Photoswipe
9. Footer
10. Animate
11. Menu
----------------------------------------------------------------
*/
/*
==========================================
0. Imports
==========================================
*/

@media (max-width: 575.98px) {
}

@media (max-width: 767.98px) {
}

@media (max-width: 991.98px) {
}

@media (max-width: 1199.98px) {
}

/*! Font Awesome Free 5.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) */

.fa-ul {
    margin-right: 2.5em;
    padding-right: 0;
    padding-left: 0;
    margin-left: auto;
}

.fa-li {
    right: -2em;
    left: auto;
}

.fa-pull-right {
    float: right;
}

.fa-pull-left {
    float: left;
}

.fa.fa-pull-right,
.fas.fa-pull-right,
.post-image a.fa-pull-right::after,
.search-form label.fa-pull-right::before,
.far.fa-pull-right,
.comment-list
    .comment
    .comment-body
    .reply
    .fa-pull-right.comment-reply-link::before,
.fal.fa-pull-right,
.fab.fa-pull-right,
.fa-pull-right.absolutte-app-store-button::before,
.nav_social li a.fa-pull-right::before,
.widget #menu-social li a.fa-pull-right::before {
    margin-left: 0.3em;
    margin-right: auto;
}

.fa.fa-pull-left,
.fas.fa-pull-left,
.post-image a.fa-pull-left::after,
.search-form label.fa-pull-left::before,
.far.fa-pull-left,
.comment-list
    .comment
    .comment-body
    .reply
    .fa-pull-left.comment-reply-link::before,
.fal.fa-pull-left,
.fab.fa-pull-left,
.fa-pull-left.absolutte-app-store-button::before,
.nav_social li a.fa-pull-left::before,
.widget #menu-social li a.fa-pull-left::before {
    margin-right: 0.3em;
    margin-left: auto;
}

.fa-stack-1x,
.fa-stack-2x {
    right: 0;
    left: auto;
}

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
readers do not read off random characters that represent icons */

/*
==========================================
1. Global Styles
==========================================
*/

@media screen and (prefers-reduced-motion: reduce) {
}

/* Button Arrow														
/*----------------------------------------------------------------------*/
.absolutte-button-arrow {
    padding-left: 28px;
    padding-right: 0;
}

.absolutte-button-arrow::after {
    left: 0;
    right: auto;
}

@media screen and (prefers-reduced-motion: reduce) {
}

/* Modal Popup															
/*----------------------------------------------------------------------*/
.absolutte-modal-wrap {
    right: 0;
    left: 0;
}

.absolutte-modal-wrap .absolutte-modal {
    right: 50%;
    left: auto;
}

.absolutte-diagonal-bottom,
.absolutte-diagonal-top {
    right: 0;
    left: 0;
}

/* Shadow Big														
*/

/* Section Title
*/

.absolutte-section-title::after {
    right: 0;
    left: auto;
}

/* Section Title Small
*/

.absolutte-section-title-small::after {
    right: 0;
    left: auto;
}

/* Phone Mockup
*/

.absolutte-phone-mockup::before {
    right: 50%;
    left: auto;
}

.absolutte-phone-mockup::after {
    right: 50%;
    left: auto;
}

/* App Store Buttons
/*----------------------------------------------------------------------*/
.absolutte-app-store-button {
    text-align: right;
    padding-right: 65px;
    padding-left: 25px;
}

.absolutte-app-store-button::before {
    right: 25px;
    left: auto;
}

/* Read More Button
-------------------------------------------------- */
.read-more {
    margin-left: 20px;
    margin-right: auto;
}

.read-more i {
    left: 0;
    right: auto;
}

/* Absolutte Track													
*/

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */

.screen-reader-text:focus {
    right: 5px;
    left: auto;
}

/* Inputs																*/
/*----------------------------------------------------------------------*/

/* Phone Mockup */

/* Small and Up
/*----------------------------------------------------------------------*/
@media (min-width: 576px) {
    /*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
    /* Text meant only for screen readers. */

    .screen-reader-text:focus {
        right: 5px;
        left: auto;
    }

    /* Inputs																*/
    /*----------------------------------------------------------------------*/

    /* Phone Mockup */
}

/* Phone Mockup */

/* Large and Up
/*----------------------------------------------------------------------*/
@media (min-width: 992px) {
    /* Small and Up
/*----------------------------------------------------------------------*/
    @media (min-width: 576px) {
        /*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
        /* Text meant only for screen readers. */

        .screen-reader-text:focus {
            right: 5px;
            left: auto;
        }

        /* Inputs																*/
        /*----------------------------------------------------------------------*/

        /* Phone Mockup */
    }

    /* Phone Mockup */
}

/*
==========================================
2. Header
==========================================
*/
/*
==========================================
Header
==========================================
*/

#header .absolutte-logo-wrap #absolutte-nav-btn {
    left: 5%;
    right: auto;
}

#header .absolutte-icons-nav-wrap {
    margin-right: 10px;
    padding-right: 10px;
    padding-left: 0;
    margin-left: auto;
}

#header .absolutte-icons-nav-wrap::before {
    right: 0;
    left: auto;
}

#header.absolutte-fixed-header {
    right: 0;
    left: auto;
}

#header.absolutte-header-style-2 .absolutte-main-nav-wrap {
    text-align: right;
}

#header.absolutte-header-style-2 .absolutte-second-nav-wrap {
    text-align: left;
}

#header.absolutte-header-style-3 .absolutte-icons-nav-wrap {
    text-align: left;
}

#header.absolutte-header-style-4 .absolutte-main-nav-wrap {
    text-align: right;
}

#header.absolutte-header-style-4 .absolutte-icons-nav-wrap {
    text-align: left;
}

#header.absolutte-header-style-5 .absolutte-main-nav-wrap {
    text-align: right;
}

#header.absolutte-header-style-6 .absolutte-icons-nav-wrap {
    text-align: left;
}

#header.absolutte-header-style-7 .absolutte-icons-nav-wrap {
    text-align: left;
}

#header.absolutte-header-style-8 .absolutte-main-nav-wrap {
    text-align: right;
}

#header.absolutte-header-style-8 .absolutte-icons-nav-wrap {
    margin-right: 0;
    text-align: left;
    margin-left: auto;
}

@media (min-width: 576px) {
    #header.absolutte-header-style-8 .absolutte-main-nav-wrap {
        text-align: right;
    }

    #header.absolutte-header-style-8 .absolutte-icons-nav-wrap {
        margin-right: 0;
        text-align: left;
        margin-left: auto;
    }
}

/*
==========================================
3. Pages
==========================================
*/

/*Page Content								*/
/*------------------------------------------*/

/*Post Content								*/
/*------------------------------------------*/

/*Post Title 								*/
/*------------------------------------------*/

.post-title a {
    text-align: right;
}

.post-header .post-title {
    padding-left: 20px;
    padding-right: 0;
}

/*Page Title 								*/
/*------------------------------------------*/
.page-title {
    padding-left: 20px;
    padding-right: 0;
}

.page-header::before,
.post-header::before,
.woocommerce-products-header::before {
    left: 0;
    right: 0;
}

/*Post										*/
/*------------------------------------------*/
.blog #content.col-md-12 .post {
    margin: 0 0 4% 4%;
}

.absolutte-blog-layout-2.blog #content .post .post-image,
.absolutte-blog-layout-2.archive #content .post .post-image,
.absolutte-blog-layout-2.search #content .post .post-image {
    margin-left: 5%;
    margin-right: auto;
}

/*Image Post								*/
/*------------------------------------------*/

.post-image a::before {
    right: 0;
    left: 0;
}

.post-image a::after {
    right: 50%;
    left: auto;
}

/*Metadata 									*/
/*------------------------------------------*/

.metadata ul li {
    margin-left: 1.78571428571429em;
    margin-right: auto;
}

.metadata ul li i {
    margin-left: 0.35714285714286em;
    margin-right: auto;
}

.metadata ul li.meta_comments {
    float: left;
    margin-left: 0;
    text-align: left;
    margin-right: auto;
}

/*Pagination															*/
/*----------------------------------------------------------------------*/

.pagination_wrap .pagination a,
.pagination_wrap .pagination span {
    float: right;
    margin-left: 5px;
    margin-right: auto;
}

/* Fullwidth Template													*/
/*----------------------------------------------------------------------*/
.page-template-template-full-width
    .entry-content
    > *:not(img):not(video):not(.alignwide):not(.alignfull) {
    margin-right: auto;
    margin-left: auto;
}

.page-template-template-full-width .entry-content > *.alignwide {
    margin-right: auto;
    margin-left: auto;
}

/*Single															*/
/*----------------------------------------------------------------------*/

/* Fullwidth Template													*/
/*----------------------------------------------------------------------*/

@media (min-width: 576px) {
}

/* Fullwidth Template													*/
/*----------------------------------------------------------------------*/

@media (min-width: 768px) {
}

/* Fullwidth Template													*/
/*----------------------------------------------------------------------*/

@media (min-width: 992px) {
}

/* Fullwidth Template													*/
/*----------------------------------------------------------------------*/

@media (min-width: 1200px) {
}

/*
==========================================
4. Comments
==========================================
*/
/*===========================================================================*/
/*Comments																	 */
/*===========================================================================*/
#content.col-md-12 #comments {
    margin-right: auto;
    margin-left: auto;
}

.comment-list {
    margin-right: 0;
    margin-left: auto;
}

.comment-list .comment .comment-body .comment-meta .comment-author img {
    margin-left: 15px;
    margin-right: auto;
}

.comment-list .comment .comment-body .comment-meta .comment-metadata {
    text-align: left;
}

.comment-list .comment .comment-body .reply {
    text-align: left;
}

.comment-list .comment .comment-body .reply .comment-reply-link {
    padding-right: 20px;
    padding-left: 0;
}

.comment-list .comment .comment-body .reply .comment-reply-link::before {
    right: 0;
    left: auto;
}

/*===========================================================================*/
/*Comments	Form															 */
/*===========================================================================*/

.comment-form .input-wrap.textarea {
    margin-right: 0;
    margin-left: 0;
}

.comment-form .input-wrap .controls-wrap input {
    padding-right: 42px;
    padding-left: 0;
}

.comment-form .input-wrap .controls-wrap i {
    right: 15px;
    left: auto;
}

/* Comment List										 */

.comment-list .comment .comment-body .comment-meta {
    margin-left: 5%;
    margin-right: auto;
}

@media (min-width: 576px) {
    /* Comment List										 */

    .comment-list .comment .comment-body .comment-meta {
        margin-left: 5%;
        margin-right: auto;
    }
}

/*
==========================================
5. Sidebar
==========================================
*/

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

#sidebar .widget ul,
#sidebar .widget ol {
    margin-right: 0px;
    padding-right: 0;
    padding-left: 0;
    margin-left: auto;
}

#sidebar .widget ul li ul,
#sidebar .widget ol li ul {
    margin-right: 15px;
    margin-left: auto;
}

#sidebar.col-md-pull-9 .widget {
    margin-left: 10px;
    margin-right: 0;
}

/*
Recent Comments Widget
--------------------------------
*/

#sidebar .widget_recent_comments ul li {
    padding-right: 35px;
    padding-left: 0;
}

#sidebar .widget_recent_comments ul li::before {
    right: 0;
    left: auto;
}

#sidebar .widget_recent_comments ul li i {
    right: 0;
    left: auto;
}

/*
Recent Posts Widget
--------------------------------
*/

/*
Tag Widget
--------------------------------
*/

#sidebar .widget_tag ul li {
    margin: 0 0 0.90909090909091em 0.90909090909091em;
}

@media (min-width: 992px) {
    #sidebar .widget_tag ul li {
        margin: 0 0 0.90909090909091em 0.90909090909091em;
    }
}

/*
==========================================
6. WP Default
==========================================
*/
/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignnone {
    margin: 5px 0 20px 20px;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.aligncenter {
    margin-right: auto;
    margin-left: auto;
}

.wp-caption.alignnone {
    margin: 5px 0 20px 20px;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.sticky .post-title::before {
    right: -25px;
    left: auto;
}

/*------------------------------------------------------------ Defaul Widgets -------------------------------------------------------------- */
/* Archive List Widget
-------------------------------------- */

/* Calendar Widget
-------------------------------------- */

#wp-calendar caption {
    text-align: left;
}

#wp-calendar tfoot #next {
    text-align: left;
}

/* Categories Widget
-------------------------------------- */

/* Recent Comments Widget
-------------------------------------- */

#footer .widget_recent_comments ul li {
    margin-left: 0;
    margin-right: auto;
}

/* Recent Entries Widget
-------------------------------------- */

/* RSS Widget
-------------------------------------- */

/* Search Widget
-------------------------------------- */

.widget_search #s {
    padding-left: 32px;
    padding-right: 0;
}

.widget_search #searchsubmit {
    left: 15px;
    right: auto;
}

.widget_search i {
    left: 15px;
    right: auto;
}

/* Tag Cloud Widget
-------------------------------------- */

/* Nav Menu Widget
-------------------------------------- */

.widget_nav_menu .menu-navigation-container .sub-menu {
    padding-right: 20px;
    padding-left: 0;
}

/* Search Form
-------------------------------------- */

.search-form label::before {
    left: 20px;
    right: auto;
}

.search-form .search-field {
    padding-left: 50px;
    padding: 10px 20px 10px 50px;
    padding-right: 0;
}

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

/* Post Navigation
-------------------------------------- */

.post-navigation .nav-next::before,
.post-navigation .nav-previous::before {
    right: 0;
    left: 0;
}

.post-navigation .nav-next {
    margin-right: 2%;
    margin-left: auto;
}

.post-navigation .nav-previous {
    margin-left: 2%;
    margin-right: auto;
}

.post-navigation .nav-previous a {
    padding-right: 100px;
    padding-left: 0;
}

.post-navigation .nav-next a {
    padding-left: 100px;
    text-align: left;
    padding-right: 0;
}

.post-navigation .nav-previous a::before {
    right: 0;
    left: auto;
}

.post-navigation .nav-next a::before {
    left: 0;
    right: auto;
}

/* Nav Menu
-------------------------------------- */

/* Post Password Form
-------------------------------------- */

/*------------------------------------------------------------
404
-------------------------------------------------------------- */

.error-404 .page-header .page-title {
    padding-right: 30px;
    padding-left: 30px;
}

.widgets-404 .widget {
    text-align: right;
}

.widgets-404 .widget ul {
    padding-right: 0;
    padding-left: 0;
}

/*------------------------------------------------------------
Emojis
-------------------------------------------------------------- */

/*
==========================================
7. Flickity
==========================================
*/
/*! Flickity v2.1.2
https://flickity.metafizzy.co
---------------------------------------------- */

/* draggable */

/* ---- flickity-button ---- */

/* ---- previous/next buttons ---- */

.flickity-prev-next-button.previous {
    right: 10px;
    left: auto;
}

.flickity-prev-next-button.next {
    left: 10px;
    right: auto;
}

/* left to right */
.flickity-rtl .flickity-prev-next-button.previous {
    right: auto;
    left: 10px;
}

.flickity-rtl .flickity-prev-next-button.next {
    left: auto;
    right: 10px;
}

.flickity-prev-next-button .flickity-button-icon {
    right: 20%;
    left: auto;
}

/* ---- page dots ---- */

/*
==========================================
8. Photoswipe
==========================================
*/
/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */
/* Styles for basic PhotoSwipe functionality (sliding area, open/close transitions) */
/* pswp = photoswipe */
.pswp {
    right: 0;
    left: auto;
}

/* style is added when JS option showHideOpacity is set to true */

/* Background is added as a separate element. As animating opacity is much faster than animating rgba() background-color. */
.pswp__bg {
    right: 0;
    left: auto;
}

.pswp__scroll-wrap {
    right: 0;
    left: auto;
}

.pswp__container,
.pswp__zoom-wrap {
    right: 0;
    left: 0;
}

/* Prevent selection and tap highlights */

.pswp__zoom-wrap {
    -webkit-transform-origin: right top;
    transform-origin: right top;
}

.pswp__item {
    right: 0;
    left: 0;
}

.pswp__img {
    right: 0;
    left: auto;
}

/* stretched thumbnail or div placeholder element (see below) style is added to avoid flickering in webkit/blink when layers overlap */

/* div element that matches size of large image large image loads on top of it */

.pswp--ie .pswp__img {
    right: 0;
    left: auto;
}

/* Error message appears when image is not loaded (JS option errorMsg controls markup) */
.pswp__error-msg {
    right: 0;
    left: auto;
}

/*
==========================================
9. Footer
==========================================
*/
/*
Footer
------------------------
*/

#footer select {
    margin-right: 5px;
    margin-left: auto;
}

#footer ul,
footer ol {
    margin-right: 0;
    padding-right: 0;
    padding-left: 0;
    margin-left: auto;
}

#footer ul li,
footer ol li {
    margin-left: 2%;
    margin-right: auto;
}

#footer ul li > a:after,
footer ol li > a:after {
    right: 0;
    left: auto;
}

#footer .widget ul li ul {
    margin-right: 30px;
    margin-left: auto;
}

#footer .hasChildren i {
    left: 5px;
    right: auto;
}

/*-----------Contact Info Widget-----------------*/

#footer .widget_contact_info li i {
    margin-left: 10px;
    margin-right: auto;
}

/*-----------Recent Posts-----------------*/

/*-----------Social Widget-----------------*/
footer .social a {
    margin: 7px 0 7px 7px;
}

/*
==========================================
Subfooter
==========================================
*/

.sub-footer p {
    float: right;
}

/*
==========================================
Social Nav
==========================================
*/
.nav_social {
    float: left;
}

.widget #menu-social {
    padding-right: 0;
    padding-left: 0;
}

.nav_social li,
.widget #menu-social li {
    margin-right: 10px;
    margin-left: auto;
}

/*
==========================================
Footer Menu
==========================================
*/
#menu-footer {
    border-right: 1px solid rgba(0, 0, 0, 0.1);
    margin-right: 20px;
    padding-right: 8px;
    padding-left: 0;
    margin-left: auto;
    border-left: none;
}

/*
==========================================
Go Up Button
==========================================
*/
.absolutte-up-button {
    left: 10px;
    right: auto;
}

@media (min-width: 576px) {
    /*
==========================================
Footer Menu
==========================================
*/
    #menu-footer {
        border-right: 1px solid rgba(0, 0, 0, 0.1);
        margin-right: 20px;
        padding-right: 8px;
        padding-left: 0;
        margin-left: auto;
        border-left: none;
    }

    /*
==========================================
Go Up Button
==========================================
*/
    .absolutte-up-button {
        left: 10px;
        right: auto;
    }
}

/*
==========================================
10. Animate
==========================================
*/
/*! animate.css -http://daneden.me/animate Version - 3.6.0 Licensed under the MIT license - http://opensource.org/licenses/MIT Copyright (c) 2018 Daniel Eden */

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
}

to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
}

to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
}

to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
}

to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
}

to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
}

to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
}

to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
}

to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
}

to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
}

to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
}

to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
}

to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
}

to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
}

to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
}

to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
}

20%,
60% {
    -webkit-transform-origin: top right;
    transform-origin: top right;
}

40%,
80% {
    -webkit-transform-origin: top right;
    transform-origin: top right;
}

20%,
60% {
    -webkit-transform-origin: top right;
    transform-origin: top right;
}

40%,
80% {
    -webkit-transform-origin: top right;
    transform-origin: top right;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

to {
    -webkit-transform-origin: right center;
    transform-origin: right center;
}

to {
    -webkit-transform-origin: right center;
    transform-origin: right center;
}

to {
    -webkit-transform-origin: left center;
    transform-origin: left center;
}

to {
    -webkit-transform-origin: left center;
    transform-origin: left center;
}

/*
==========================================
11. Menu
==========================================
*/

.main-navigation ul ul {
    padding: 0 1.5em 0.71428571428571em 0;
    text-align: right;
}

.main-navigation li.menu-item-has-children {
    padding-left: 30px;
    padding-right: 0;
}

/* Hide the menu on small screens when JavaScript is available. It only works with JavaScript. */

/* Menu toggle */

.menu-toggle .icon {
    margin-left: 0.5em;
    margin-right: auto;
}

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

@media (min-width: 576px) {
    to {
        -webkit-transform-origin: right center;
        transform-origin: right center;
    }

    to {
        -webkit-transform-origin: left center;
        transform-origin: left center;
    }

    to {
        -webkit-transform-origin: left center;
        transform-origin: left center;
    }

    /*
==========================================
11. Menu
==========================================
*/

    .main-navigation ul ul {
        padding: 0 1.5em 0.71428571428571em 0;
        text-align: right;
    }

    .main-navigation li.menu-item-has-children {
        padding-left: 30px;
        padding-right: 0;
    }

    /* Hide the menu on small screens when JavaScript is available. It only works with JavaScript. */

    /* Menu toggle */

    .menu-toggle .icon {
        margin-left: 0.5em;
        margin-right: auto;
    }

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

/* Generated by the RTLer - http://wordpress.org/extend/plugins/rtler/ */