@charset "UTF-8";
/*
Theme Name: Mux Child (Twenty Twenty-One)
Theme URI: https://wordpress.org/themes/twentytwentyone/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Twenty-One is a blank canvas for your ideas and it makes the block editor your best brush. With new block patterns, which allow you to create a beautiful layout in a matter of seconds, this theme’s soft colors and eye-catching — yet timeless — design will let your work shine. Take it for a spin! See how Twenty Twenty-One elevates your portfolio, business website, or personal blog.
Requires at least: 5.3
Tested up to: 6.9
Requires PHP: 5.6
Version: 2.7
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: twentytwentyone
Text Domain: twentytwentyone-child
Tags: one-column, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, blog, portfolio

Twenty Twenty-One WordPress Theme, (C) 2020 WordPress.org
Twenty Twenty-One is distributed under the terms of the GNU GPL.
*/
@import url('https://fonts.googleapis.com/css2?family=Sora:wght@100..800&display=swap');

:root {
	--xbold:900; --red:#f50000; --pink:#FFFAF6; --black:#1C1E1F; --orange:#FF6B00; --darkgrey:#626A6D; --pista:#B3CBB8; --magenta:#fe5f52;
	--gredient: linear-gradient(55deg, #FF8B47 0%, #FE467A 72%, #FE467A 85%, #F55239 99%);
	--text_gredient: linear-gradient(1deg, #FF8B47 0%, #FE467A 72%, #FE467A 85%, #F55239 99%);
}
.screen-reader-text {border: 0;clip: rect(1px, 1px, 1px, 1px);-webkit-clip-path: inset(50%);clip-path: inset(50%);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute !important;width: 1px;word-wrap: normal !important;word-break: normal;}

/*Nav button Css*/
.navbar-toggle {
    display: inline-block;
	position: absolute;
    top: 45%;
	left: 50%;
    margin:-20px 0 0 -20px;
    width: 50px;
	height: 50px;
	border-radius: 10px 0 0 10px;
    padding: 8px 0;
    vertical-align: bottom;
}
.hamburger-inner {
	top: 50%;
    display: block;
    margin-top: -2px;
    transition-timing-function: cubic-bezier(.55,.055,.675,.19);
    transition-duration: .22s;
}
.hamburger-inner:after, .hamburger-inner:before {
	 display: block;
    content: "";
}
.hamburger-inner,.hamburger-inner:after, .hamburger-inner:before {
	position: absolute;width: 40px;height:3px; 
	transition-timing-function: ease;
    transition-duration: .15s;
    transition-property: transform;
    border-radius:6px;
    background-color:#fff;}

.hamburger-inner{
	width: 30px;
	-webkit-transition:all ease 0.3s;-moz-transition:all ease 0.3s;-ms-transition:all ease 0.3s;transition:all ease 0.3s;
}
.hamburger-inner:before {
	top: -10px;
	transition: top .1s ease-in .25s,opacity .1s ease-in;
}
.hamburger-inner:after {
    bottom: -10px;
	transition: bottom .1s ease-in .25s,transform .22s cubic-bezier(.55,.055,.675,.19);
}
.navbar-toggle.is-active .hamburger-inner {
    transition-delay: .12s;
    transition-timing-function: cubic-bezier(.215,.61,.355,1);
    transform: rotate(225deg);
}
.navbar-toggle.is-active .hamburger-inner:before {
    top: 0;
    transition: top .1s ease-out,opacity .1s ease-out .12s;
    opacity: 0;
}
.navbar-toggle.is-active .hamburger-inner:after {
    bottom: 0;
    transition: bottom .1s ease-out,transform .22s cubic-bezier(.215,.61,.355,1) .12s;
    transform: rotate(-90deg);
}

.navbar-toggle:hover .hamburger-inner {width: 15px;}
.navbar-toggle.is-active:hover .hamburger-inner{width:30px;}

@media all and (max-width:991px){
	.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before{background-color:#fff; height: 4px;}
}

.posted-by, .post-navigation{display:none}
a{color:#2e2e35;}
a:hover {color: #ff5272;}