/**
* Theme Name: Mysterious Mind Child
* Description: This is a child theme of Shopio, generated by Merlin WP.
* Author: <a href="https://akeans.com/">Akeans Team</a>
* Template: shopio
* Version: 1.1.7
*/

:root {
    --background: #182023;
}

::selection {
  background: transparent;
  color: #E80087;
}

.gradient-text .elementor-heading-title {
    background: linear-gradient(to right, #ec008c, #e8db42, #31b44b, #22bed0, #844dc1);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
}

.gradient-btn .elementor-button {
    background: linear-gradient(to right, #ec008c, #e8db42, #31b44b, #22bed0, #844dc1);
    border: none;
    color: #000;
    font-weight: 500;
}

.gradient-btn .elementor-button:hover {
    background: linear-gradient(to left, #ec008c, #e8db42, #31b44b, #22bed0, #844dc1);
}

header .hfe-site-logo-container img {
    margin: 0 auto;
}

.mailchimp-akes {width: 90%;float: right;}

.form-style .mc4wp-form .mc4wp-form-fields {
    justify-content: end;
}

.form-style .mc4wp-form input[type=email] {
    margin: 0;
    background: transparent;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    border-radius: 50px;
    border-width: 2px;
    padding: 12px 42% 10px 25px;
    border-color: #fff;
}

.form-style .mc4wp-form input[type=submit] {
    position: absolute;
    right: 0;
    background: linear-gradient(to right, #ec008c, #e8db42, #31b44b, #22bed0, #844dc1);
    border: none;
    height: 58px;
    font-size: 16px;
    font-weight: 500;
    line-height: 30px;
}

.form-style .mc4wp-form .mc4wp-form-fields {
    display: block;
}

.form-style .mc4wp-form input[type=submit]:hover {
    background: linear-gradient(to left, #ec008c, #e8db42, #31b44b, #22bed0, #844dc1);
    color: #000;
}

.form-style .mc4wp-form input[type=email]:focus {border-color: #fff;}

.copyright-text .elementor-widget-container {
    background: linear-gradient(to right, #ec008c, #e8db42, #31b44b, #22bed0, #844dc1);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.home  header#masthead {
    position: absolute;
    top: 0;
    width: 100%;
}

.elementor-canvas-menu-wrapper {
    display: inherit;
    text-align: right;
}

.single .hentry .entry-header .entry-title {
    font-size: 34px;
}

details {
    display: inline;
    position: relative
}

details summary {
    display: block;
    cursor: pointer;
    color: red;
    margin-top: 10px
}

details summary:focus {
    outline: none
}

details[open] {
    display: block;
    padding-bottom: 25px;
    padding-top: 10px;
    animation: open .2s linear
}

details[open] summary {
    position: absolute;
    bottom: 0;
    left: 0
}

details {
    display: block!important
}

details #open {
    text-align: middle;
    display: inline-block
}

details #open:after {
    display: inline-block;
    position: relative;
    top: -3px;
    padding-left: 8px;
    content: "\00bb";
    transform: rotate(90deg)
}

details #close:after {
    display: inline-block;
    position: relative;
    top: 5px;
    padding-left: 8px;
    content: "\00bb";
    transform: rotate(-90deg)
}

details[open] #open {
    display: none
}

details #close {
    display: none
}

details[open] #close {
    display: inline-block;
    position: relative;
    top: 20px
}

details summary span {
 font-size: 12px;
    font-weight: 700;
    color: #fff;
    background-color: #fff;
    line-height: 1.3333333333;
    padding: 10px 14px;
    border-radius: 4px;
    display: inline-block;
	color: #000;
}

body.category header.page-header {
    margin-bottom: 50px;
    padding-bottom: 50px;
    border-bottom: 1px solid rgba(0, 0, 0, .3);
}

.home .breadcrumb-wrap {
    display: none;
}

.entry-title a,
.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6,
.single-content h1, .single-content h2, .single-content h3, .single-content h4, .single-content h5, .single-content h6  {
    color: #fff !important;
}

.widget .wp-block-group__inner-container > h2, .widget .widget-title, .widget .widgettitle,
.widget_categories li:hover:before, .widget_categories li.current-cat:before, .widget_archive li:hover:before, .widget_archive li.current-cat:before, .wp-block-archives li:hover:before, .wp-block-archives li.current-cat:before, .wp-block-categories li:hover:before, .wp-block-categories li.current-cat:before,
.widget.widget_block ul a:not(.button):hover, .widget.widget_block ol a:not(.button):hover, .wp-block-archives-list ul a:not(.button):hover, .wp-block-archives-list ol a:not(.button):hover, .widget_product_brands ul a:not(.button):hover, .widget_product_brands ol a:not(.button):hover, .widget_pages ul a:not(.button):hover, .widget_pages ol a:not(.button):hover, .widget_categories ul a:not(.button):hover, .widget_categories ol a:not(.button):hover, .widget_archive ul a:not(.button):hover, .widget_archive ol a:not(.button):hover, .widget_recent_comments ul a:not(.button):hover, .widget_recent_comments ol a:not(.button):hover, .widget_nav_menu ul a:not(.button):hover, .widget_nav_menu ol a:not(.button):hover, .widget_links ul a:not(.button):hover, .widget_links ol a:not(.button):hover, .widget_product_categories ul a:not(.button):hover, .widget_product_categories ol a:not(.button):hover, .widget_layered_nav ul a:not(.button):hover, .widget_layered_nav ol a:not(.button):hover, .widget_meta ul a:not(.button):hover, .widget_meta ol a:not(.button):hover, .widget_layered_nav_filters ul a:not(.button):hover, .widget_layered_nav_filters ol a:not(.button):hover,
nav.post-navigation .nav-previous a .title, nav.post-navigation .nav-next a .title {
	color: #fff;
}

.pagination .page-numbers li .page-numbers, .woocommerce-pagination .page-numbers li .page-numbers {
    background: #fff;
    margin-right: 10px;
}

a.more-link {
    background: #fff !important;
    color: var(--primary);
    font-size: 14px;
}

.home section.home-header > .elementor-container > .elementor-column {
    border-bottom: 1px solid #FFFFFF4C;
}

.entry-header .categories-link *, .entry-meta * {
    color: #fff !important;
}

.entry-meta > div:not(:last-child):after{
    background: #fff;
}

h1, h2, h3, h4, h5, h6,
.hentry strong, .hentry th, .hentry dt {
    color: #fff;
}

.main-navigation ul.menu ul.sub-menu li.menu-item a, .main-navigation ul.nav-menu ul.sub-menu li.menu-item a {
	font-size: 16px;
}

.mobile-navigation ul ul.sub-menu > li.menu-item > a, .mobile-navigation-categories ul ul.sub-menu > li.menu-item > a {
    color: #000;
}

.know-more-btn a {
    cursor: pointer;
}

@media only screen and (max-width:1024px) { 
	.mailchimp-akes {
		width: 100%;
	}
}

@media only screen and (max-width: 767px) { 
	.form-style .mc4wp-form input[type=submit] {
		padding: 17px 20px;
	}
}