/*
Theme Name: Rodio Child
Theme URI: https://gfxpartner.com/rodio
Author: GFXPARTNER
Author URI: https://themeforest.net/user/gfxpartner
Description: Rodio is the best Creative Multipurpose WordPress Theme.
Version: 1.0.0
Template: rodio
*/

.preloader {
    background-color: #FFF !important;
}

.sub-menu {
    background-color: #ffffff;
}

.desktop.navigation-menu>.current-menu-item::after {
	display: none !important;
}

.navigation-menu .sub-menu li.current-menu-item>a {
	background-color: #ffffff;
}

.navigation-menu .sub-menu li.current-menu-item>a:hover {
	background-color: #f1f4f8;
}

.single-post .comments-area,
.single-post .comment-form--wrapper,
.single-post .breadcrumbs {
	display: none !important;
}

.single-post .page-header-wrapper {
	padding: 180px 0 100px 0 !important; 
}


.single-post .page-header {
	display: none !important;
}

.single-post .blog-detail-wrapper {
	padding: 17rem 0 15rem 0 !important;
}

.button div,
.button span,
.button i {
	pointer-events: none;
}

.button svg {
	max-height: 120%;
	top: -2px !important;
}

/* Header */
.header-container {
    height: 92px;
    margin-bottom: -93px !important;
}

.header-container,
.header-logo img {
    transition: all 0.5s cubic-bezier(.4, 0, .2, 1) !important;
}

.header-container .elementor-container {
    height: 100%;
    min-height: 0 !important;
}

.header-scroll {
    height: 72px;
    background-color: #141B25;
}

.sub-menu {
    transition: all 0.5 linear !important;
}

.open {
    display: block !important;
    z-index: 999 !important;
    width: auto !important;
    min-width: 10em;
    max-width: 1000px;
    top: auto;
    left: 0px;
    margin-left: 0px;
    margin-top: 0px;

}

@media (max-width: 767px) {
	.single-post .blog-detail-wrapper {
		padding: 13rem 1rem 13rem 1rem !important;
	}
	
	.single-post h2 {
		font-size: 3rem !important;
    	line-height: 3.5rem !important;
	}
}


@media (max-width: 1024px) {
    .header-container {
        height: 75px;
        margin-bottom: -76px !important;
    }

    .header-scroll {
        height: 52px;
    }

    .header-scroll .header-logo img {
        width: 95px !important;
    }
}