/*
Theme Name: Mio Reiki
Theme URI: https://wordpress.org/themes/MioReiki/
Template: twentyseventeen
Author: Gonzalo RA
Author URI: https://gonzalo-ra.net/
Description: Sitio web de Mio Reiki
Tags: one-column,two-columns,right-sidebar,flexible-header,accessibility-ready,custom-colors,custom-header,custom-menu,custom-logo,editor-style,featured-images,footer-widgets,post-formats,rtl-language-support,sticky-post,theme-options,threaded-comments,translation-ready,block-patterns
Version: 1.1753291869
Updated: 2025-07-23 19:31:09

*/

#post-1718 .panel-image {
	display: none;
}

article {
	z-index: 1;
}

.custom-logo,
.custom-header-media:before,
body.has-header-image .site-description,
h2.entry-title{
	display: none !important;
}

body, button, input, select, textarea {
	font-family: "Helvetica Neue", helvetica, arial, sans-serif;
}

h1, h2, h3, h4, h5 {
	font-family: "aoharu-marker-mini", sans-serif;
}

.to-right {
	float: right;
	
}

.to-left {
	float: left;
}

.site-header {
	min-height: 100vh;
}

.navigation-top{
	background-color: rgba(0,0,0,0);
	border-bottom: 0px solid #eee;
    	border-top: 0px solid #eee;
}

.navigation-top a{
	color: rgb(0, 0, 0);
	font-size: 1.2rem;
    	font-weight: 500;
	text-align: center;
}

.main-navigation ul {
	text-align: right;
}


.toggled-on .menu-toggle .icon-close {
	color: #000;
	z-index: 1;
}

.main-navigation.toggled-on .menu-primary-container {
    position: absolute;
    width: 100vw;
    right: -30px;
    height: 105vh;
    top: -30px;
    background-color: #fff;
}

.js .menu-toggle {
	min-width: 50px;
}
.js .main-navigation.toggled-on > div > ul{
    width: 100%;
    /* height: 105%; */
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    border-top: 0px solid #fff;
}
.js .main-navigation.toggled-on > div > ul > li{
    border-bottom: 0px solid #fff;
    padding: 13px;
    
}

.js .main-navigation.toggled-on > div > ul > li a{
    font-family: "aoharu-marker-mini", sans-serif;
    font-size: 1.5em;
    text-shadow: 1px 0px 0px CurrentColor;
}

.site-branding {
	top: 50%;
    	left: 50% !important;
    	transform: translateX(-50%) translateY(-50%);
	display: table;
    	height: 300px;
}

#masthead .wrap {
	max-width: none;
	top: 50%;
    	left: 50%;
    	transform: translateX(-50%) translateY(-50%);
}

body:not(.title-tagline-hidden) .site-branding-text {
	position: absolute;
	top: 50%;
    	left: 50% !important;
    	transform: translateX(-50%) translateY(-150%);
	/*max-width: 240px;*/
    	text-align: center;
	word-break: break-word;
}


h1.site-title {
	left: 50%;
	text-transform: initial;
	text-shadow: 0px 1px 1px currentColor;
	font-size: 2.5rem;
    	/* max-width: 350px; */
	width: 320px;
    	word-break: break-word;
    	overflow-x: visible;
}

article p {
	margin-bottom: 1.2em;
}

/*NAVIGATION*/

.navigation-top {
	position: absolute;
	top: 32px;
	right: 30px;
	z-index: 11;
	/* overflow: hidden; */
}
.menu-toggle{
	font-size: 0; 
    	line-height: 0;
    	overflow: hidden; 
    	text-indent: -9999px; 
    	white-space: nowrap; 
	margin-right: -15px;
}
.menu-toggle .icon {
	float:right;
	width: 50px;
    	height: 50px;
	margin-right: 0px;
	color: #fff;
}
.menu-toggle .icon.icon-close {
	width: 40px;
	height: 40px;
	margin-top: 15px;
}

.main-navigation.toggled-on .menu-primary-container {
	position: absolute;
	width: 100vw;
}

/* .site-header .menu-scroll-down {
	display: block;
} */
.site-header .menu-scroll-down {
	display: block ;
	z-index: 12;
	position: fixed;
	bottom: 0px;
	top: auto;
	color: #000;
	padding: 1em;
	right: 0;
	padding-right: 9px;
	/* display: block !important; */
}
.site-header .menu-scroll-down.no-show {
	display: none;
}
.site-header .menu-scroll-down .icon {
	-webkit-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
}
.menu-scroll-down .icon {
	height: 18px;
	width: 18px;
}
.menu-scroll-down:focus {
	outline: none;
}



/* CONTENT  */

h2.wp-block-heading {
	font-size: 1.8em;
	padding-top: 1em;
}

:where(.wp-block-columns.is-layout-flex) {
    gap: 4em;
}

.site-content-contain{
	background-color: rgba(0,0,0,0);
}

.site-content-contain #content {
	/*background-color: #fff;*/
}

#main article{
	/*background-color: #fff;*/
}

article .panel-content{
	background-color: #fff;
}




.panel-image {
	opacity: 0;
}
.wp-block-image {
	margin-bottom: 1.5em;
	margin-top: 1.5em;
   }

/* FOOTER  */

.site-footer {
    border-top: 0px solid #eee;
}

.social-navigation {
	margin-bottom: 0;
	float: left;
}

.social-navigation a {
	background-color: #a2a2a2;
	border-radius: 6px;
	height: 18px;
	width: 18px;
}

.social-navigation .icon {
	height: 18px;
    	top: 0px;
    	width: 18px;
}

.social-navigation a:hover,
.social-navigation a:focus {
	background-color: #7c71f5;
 }


.site-info {
	text-align: right;
	float: right;
	line-height: 19px;
}


:not(.mejs-button) > button:hover,
:not(.mejs-button) > button:focus,
input[type="button"]:hover, input[type="button"]:focus,
input[type="submit"]:hover, input[type="submit"]:focus {
	background: rgba(0,0,0,0);
}
.menu-toggle:focus {
outline: none;
}

/* SWIPE  */

.swiper {
	padding-left: 55px;
	padding-right: 55px;
}
.swiper-button-next, .swiper-button-prev {
	color: #333;
	font-size: 0.7em;
	scale: .7;
}
.swiper-pagination {
	display: none;
}




@media screen and (min-width: 30em){
	body:not(.title-tagline-hidden) .site-branding-text {
		transform: translateX(-50%) translateY(-100%);
	}

	.page-one-column .panel-content .wrap {
		max-width: 900px;
	}

}

@media screen and (max-width: 48em) {
	body .is-layout-flex {
		flex-direction: column;
	}
	.wp-block-column.on_mobile_en_bas.is-layout-flow.wp-block-column-is-layout-flow {
		order : 2;
	}

	.wp-block-column.on_mobile_on_top.is-layout-flow.wp-block-column-is-layout-flow {
		order: 1;
	}
	:where(.wp-block-columns.is-layout-flex) {
    	gap: 1em;
	}
	.panel-content .entry-header {
    	margin-bottom: 0em;
	}
	figure.to-right,
	figure.to-right img {
		/* min-width: 100% !important; */
	}

}



@media screen and (min-width: 48em){
	.navigation-top a{
		color: #fff;
	}

	.navigation-top {
    	top: 32px;
		bottom: auto;
	}
	.main-navigation .menu-primary-container {
		background-color: rgba(0,0,0,0);
	}
	.site-navigation-fixed.navigation-top {
		display: none;
	}

	body:not(.title-tagline-hidden) .site-branding-text {
		transform: translateX(-50%) translateY(-50%);
	}

	h1.site-title {
		/* left: 50%;
		text-transform: initial;
		text-shadow: 0px 1px 1px currentColor; */
		font-size: 3rem;
		max-width: 350px;
		/* word-break: break-word;
		overflow-x: visible; */
	}
	.panel-content .entry-header,
	.page.page-one-column .entry-header,
	.twentyseventeen-front-page.page-one-column .entry-header,
	.archive.page-one-column:not(.has-sidebar) .page-header {
		margin-bottom: 0px;
	}
	.panel-image {
    		height: 10vh;
    		max-height: 1200px;
	}

	.wp-block-image {
		margin-bottom: 1.5em;
		margin-top: 0em;
	  }
	.background-fixed .panel-image {
    		background-attachment: unset;
	}
	figure.to-right {
		max-width: 300px;
		float: right;
	}
	.site-navigation-fixed.navigation-top {
    		bottom: auto;
		top:0px;
    		position: relative;
	}
	.site-header .menu-scroll-down {
		padding-right: 18px;
	}

	.panel-content .wrap {
    		padding-top: 4em;
	}
	.social-navigation + .site-info {
		text-align: right;
		color: #6a6a6a;
	}
	
}