/*
Theme Name: Wokifast
Theme URI: https://www.wokitheme.com/wokifast/
Author: Naufal K
Author URI: https://www.wokitheme.com/
Description: Wokifast, Personal Blog WP Theme for SEO and Ads.
Version: 1.0
Requires at least: 5.8
Tested up to: 6.5
Requires PHP: 7.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: wokifast
Tags: two-columns, right-sidebar, custom-colors, theme-options, threaded-comments, blog

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

@media (min-width: 1921px) {
    .hamburger {
        display: none;
    }
}
@media (min-width: 1023px) {
    ul#floating-share-buttons {    
        position: fixed;
        top: 50%;
        transform: translateY(-50%);
        min-height: 100px;
        padding: 0px;
        right: 0;
    }
    ul#floating-share-buttons a {
        float: right;
        width:3rem;
        height:2.5rem;
        align-items: center;
        display: inline-flex;
        justify-content: center;    
        transition: width 0.2s;
    }
    ul#floating-share-buttons a:hover {
        width:4.5rem;
    }
    #floating-share-buttons a.share-whatsapp {
        display:none;
    }
}
@media (min-width: 992px) {
    .footer .flex-column {
        flex-direction: row-reverse!important;
    }
}
@media (max-width: 1920px) {
    .hamburger {
        display: none;
    }
}
@media (max-width: 1400px) {
    .hamburger {
        display: none;
    }
}
@media (max-width: 1200px) {
    .hamburger {
        display: none;
    }
}
@media (max-width: 1024px) {
    .header .logo {
        margin: 30px 0 10px;
        position: relative;
    }
    .logo img {
        position: relative;
        height: 45px;
        width: auto;
        top: inherit;
        left: inherit;
    }
    .top-menu {
        border-radius: 10px 10px 0 0;
    }
    .wokifast-menu {
        position: relative;
        left: 0;
        top: 0;
    }
    .wokifast-menu li {
        display: inline-block!important;
    }
    .breadcrumbs {
        margin-top: 2px;
        border-radius: 0 0 10px 10px;
    }
    .hamburger {
        display: none;
    }
    .wokisearch {
    	top: 6px!important;
    }
}
@media (max-width: 992px) {
    .hamburger {
        display: none;
    }    
    .header .logo {
        margin: 30px 0 10px;
        position: relative;
    }
    .logo img {
        position: relative;
        height: 45px;
        width: auto;
        top: inherit;
        left: inherit;
    }
    .top-menu {
        border-radius: 10px 10px 0 0;
        padding: 10px 10px 0 0;
    }
    .wokifast-menu {
        position: relative;
        left: 0;
        top: 0;
    }
    .breadcrumbs {
        margin-top: 2px;
        border-radius: 0 0 10px 10px;
    }
    .page404 .footer-top {
        bottom: 75px!important;
    }
}
@media (max-width: 991px) {
    .wokifast-menu li li:hover ul.sub-menu {
        margin-left: 0 !important;
        margin-top: 0 !important;
    }
    .mobile-hidden {
        display: none!important;
    }
    .footer-top {
        margin-top: 30px!important;
    }
    .inner-wrapper-sticky {
        position: revert!important;
        transform: none !important;
    }
    .header.fixed-top>.logo {
        display: block!important;
        margin-left: 12px !important;
    }
    .header.fixed-top>.wokisearch {
        right: 77px!important;
    }
    .header.fixed-top>.wokisearch svg {
        fill: var(--defaultColor)!important;
    }
    .header.fixed-top>nav.wokinav {
        padding: 0 12px!important;
    }
    .header.fixed-top>nav.wokinav>.top-menu {
        background: var(--colorWhite)!important;
    }
    .header.fixed-top>nav.wokinav>.top-menu .wokifast-menu li a {
        color: var(--colorBlack)!important;
    }
    .header.fixed-top>nav.wokinav>.top-menu .wokifast-menu li.current-menu-item:before {
        background: var(--defaultColor)!important;
    }
    .header.fixed-top>nav.wokinav>.top-menu .wokifast-menu li.current-menu-item a {
        color: var(--defaultColor)!important;
    }
    .header.fixed-top>nav.wokinav>.top-menu .wokifast-menu>li.menu-item-has-children>a:after {
        border-color: var(--colorBlack)!important;
    }
    .header.fixed-top>nav.wokinav>.top-menu .wokifast-menu .sub-menu {
        background: var(--colorWhite)!important;
    }
    .wokifast-menu ul.sub-menu>li:hover {
        background: var(--colorWhite)!important;
    }
    .header-top {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 1093;
    }
    .wokinav {
        padding: 0!important;
    }
    .header .logo {
        margin: 0!important;
        position: relative;
    }
    .logo img {
        position: absolute;
        height: 40px;
        width: auto;
        top: 15px;
        left: 20px;
        z-index: 999999;
    }
    .wokisearch {
    	position: absolute;
    	display: block;
    	top: 11px!important;
    	right: 65px!important;
    }
    .wokisearch svg {
    	width: 35px;
    	height: 35px;
    }
    .hamburger {
        display: block!important;
        cursor: pointer;
        float: right;
        right: 20px;
        position: relative;
    }
    .hamburger.active .bar:nth-child(2) {
        opacity: 0;
    }
    .hamburger.active .bar:nth-child(1) {
        transform: translateY(8px) rotate(45deg);
    }
    .hamburger.active .bar:nth-child(3) {
        transform: translateY(-8px) rotate(-45deg);
    }
    .top-menu .wokifast-menu {
        position: fixed;
        left: 0;
        top: -100%;
        padding-top: 4.5rem;
        flex-direction: column;
        background-color: #fff;
        width: 100%;
        border-radius: 0;
        text-align: center;
        transition: 0.2s;
    }
    .wokifast-menu li {
        display: block!important;
    }
    .wokifast-menu.active {
        top: 0;
        padding: 20px 0 !important;
    }
    .top-menu {
        border-radius: 0 0 10px 10px!important;
        padding: 20px 0;
    }
    .breadcrumbs {
        margin-top: 85px!important;
        margin-bottom: 15px!important;
        border-radius: 10px!important;
    }
    .wokinav {
        padding: 0;
    }
    .wokifast-menu .children, .wokifast-menu .sub-menu {
        width: 100%!important;
    }
    .wokifast-menu ul.sub-menu>li {
        text-align: center!important;
    }
    .top-menu .wokifast-menu li.current-menu-item:before {
        bottom: 0px!important;
    }
    .nav-links {
        width: 100%;
        padding: 0 20px!important;
    }
    .content-single, .content-related,
    .content-comments, .sidebar-widget-box, .mb-4 {
        margin-bottom: 15px!important;
    }
    .card-body {
        padding: 20px 20px!important;
    }
    .excerpt .page-links {
    	right: 22px!important;
    }
    .posted-list {
        padding-bottom: 20px!important;
        margin-bottom: 20px!important;
    }
    .content-title {
        padding: 20px 20px 10px!important;
    }
    .content-text {
        padding: 0 20px 10px!important;
    }
    .content-comments {
        padding: 20px!important;
    }
    .excerpt p {
    	line-height: 1.3!important;
    }
    .site-main {
    	padding-top: 0;
    }
    .mobile-top-ad {
        padding-top: 85px;
    }
    .ad-top-off {
        padding-top: 85px;
    }
    .widget-area {
        margin-top: 20px;
    }
    #floating-share-buttons {
        position: fixed;
        left: 0;
        bottom: 0;
        width: 100%;        
        text-align: center;
        background: var(--bgTopFooter);
    }
    #floating-share-buttons li {
        display:inline-block;
        width:calc(100% / 6);
        padding:0;
        margin:0;
    }
    #floating-share-buttons li a {
        align-items: center;
        display: inline-flex;
        justify-content: center;
        height:3rem;
        width:100%;
    }
    .page404 {
        margin-top: 50%;
    }
    .footer .flex-column {
        flex-direction: column!important;
    }
    .footer .text-start {
        text-align: center!important;
    }
    .footer .ms-auto {
        margin-left: unset!important;
    }
    .footer .ms-auto .text-end {
        text-align: center!important;
    }
    .footer .social-network li {
        margin-bottom: 7px;
    }
    .top-menu .wokifast-menu li.current-menu-item:before {
        width: 30%!important;
    }
    .add-ss {
        padding: 12px 0 60px!important;
    }
    .gotop-ss {
        bottom: 60px!important;
    }
    .site-main-home .thumb-display img {
        border-radius: 0!important;
    }
    .woki-grid-display .navpage {
        top: 15px!important;
        left: 30px;
    }
    .header.fixed-top .top-menu {
        margin: 0!important;
    }
    .adplace img {
        max-width: 100%;
        height: auto;
    }
}
@media (max-width: 768px) {
    .site-main-home .d-flex {
        display: block!important;
    }
    .site-main-home .thumb-display img {
        width: 100% !important;
        height: auto !important;
    }
    .d-flex .thumb-display a {
        display: block!important;
        width: 100% !important;
        height: 185px !important;
    }
    .comment-form-comment {
        width: 100%!important;
    }
    .comment-form-author, .comment-form-email, .comment-form-url {
        width: 100%!important;
    }
    .content-comments, .content-related {
        padding: 20px!important;
    }
    .nav-next {
        right: 20px!important;
    }
    .top-menu .wokifast-menu {
        position: fixed;
        left: 0;
        top: -100%;
        padding-top: 4.5rem!important;
        flex-direction: column;
        background-color: #fff;
        width: 100%;
        border-radius: 0;
        text-align: center;
        transition: 0.2s;
    }
    .wokifast-menu.active {
        top: 0;
    }
    .comment-metadata {
    	position: relative!important;
    	display: block;
    	left: 0!important;
    }
    .thumb-display {
    	margin-right: 0!important;
    	margin-top: 20px;
    }
    .posted-list-thumb img {
    	width: 70px!important;
    	height: 70px!important;
    }
    .excerpt p {
        text-align: left!important;
    }
    .site-main-home .posted-list-thumb {
        float: unset;
        margin-bottom: 13px;
    }
    .mobile-list-post {
        position: relative;
    }
    .site-main-home .thumb-display {
        display: block;
        padding: 0 20px!important;
        width: auto;
        height: 180px;
    }
    .type-post .d-flex {
        display: block!important;
    }
}

@media (max-width: 540px) {
    .related-item {
        width: 100%!important;
        margin-bottom: 30px;
    }
    .related-item:nth-child(1n), .related-item:nth-child(2n) {
        padding: 0!important;
    }
    .comment .children {
        padding: 0!important;
        margin: 0!important;
    }
}

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