/*
Theme Name: Pindol
Theme URI: https://themes.muffingroup.com/pindol
Author: Muffin group
Author URI: https://muffingroup.com
Description: Pindol - Responsive Premium WordPress Theme.
License: GNU General Public License version 3.0
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: one-column, two-columns, left-sidebar, right-sidebar, fixed-width, custom-background, custom-header, custom-menu, editor-style, featured-image-header, featured-images, post-formats, theme-options, translation-ready
Version: 1.6.1
*/

@import url("css/base.css");
@import url("css/buttons.css");
@import url("css/skeleton.css");
@import url("css/layout.css");
@import url("css/variables.css");
@import url("css/shortcodes.css");
@import url("css/animations.css");
@import url("css/font-awesome.css");
@import url("css/fonts.css");

/* If you want to add your own css code, please do it in css/custom.css */
@import url("css/custom.css");



/* Menu Controls */

#menu_responsive .logo {
    color: #fff;
    font-size: 2.1rem;
    padding: .65rem 1rem;
    position: absolute;
}

#menu_responsive .menu-button {
    color: #fff;
    cursor: pointer;
    font-size: 2rem;
    padding: .75rem 1.55rem;
    position: relative;
    right: 0;
    display: flex;
        justify-content: flex-end;
}

.open-menu {
    color: #fff;
    cursor: pointer;
    font-size: 1rem;
    padding: 1rem;
    position: absolute;
    right: 0;
    top: 0;
    transition: transform 250ms ease;
}

.rotate {
    transform: rotate(135deg);
}


/* Generated Overflow Element */

.overflow {
    overflow-x: hidden;
    overflow-y: auto;
}


/* Menu Styles */

#menu_responsive {
    background-color: #0034aa;
    position: relative;
    width: 100%;
    z-index: 1;
}

#menu_responsive ul {
    background-color: rgba(0, 0, 0, .1);
    display: none;
    margin: 0 1rem;
    padding: 0;
    position: relative;
}

#menu_responsive ul:first-child {
    background-color: transparent;
}

#menu_responsive ul li {
    border-top: 1px solid rgba(255, 255, 255, .075);
    list-style: none;
    margin-bottom: 0;
    position: relative;
}

#menu_responsive ul li a {
    color: #fff;
    display: inline-block;
    font-size: 1rem;
    padding: 1rem 0;
    text-decoration: none;
    width: 100%;
}

#menu_responsive ul ul {
    margin: 0;
}

#menu_responsive ul ul li {
    border-top: none;
    padding-left: 1rem;
}

@media (max-width: 768px) {
    .addons a,
    .addons i {
        font-size: 20px;
    }
    .social li a {
        font-size: 38px;
    }
}