:root{
	--color-uno:#964494;
	--color-dos:#af5b8a ;
	--color-tres:#dd6a94 ;
	--color-cuatro:#f297a2 ;
	--color-cinco: #f5aa99;
	--color-bg-btn: #e12666bd;
	--color-bg-btn-hover: #e126669e;
	--color-link: #ffd9e9;
}
html {
	height: 100%;
}

body{
	height: 100%;
	background-color: var(--color-uno);
	transition: background-color 1s ease;
}

body.course {
	border-bottom: none;
}

/* Customization */
body > div.site {
    display: flex;
    flex-direction: column;
    min-height: 100%;
}

body > div.site > div.oni-container {
	width: 100%;
	padding: 0;
	/* max-width: 1250px; */
	max-width: 1375px;
	margin: 0 auto;
	display: -ms-flexbox;
	display: flex;
	flex-direction: column;
}

body.single > div.site > div.oni-container {
	padding-left: 1rem;
	padding-right: 1rem;
}

body > div.site > div.oni-container > main#primary,
body.has-sidebar > div.site > div.oni-container > aside#secondary {
	width: 100%;
}

body > div.site > div.oni-container > aside#secondary > section h2 {
	font-size: 1.3rem;
}

table p {
    margin: 0;
    padding: 5px;
}

/* quitar el margin-botom que aplica al body */
.post, .page {
    margin: 0em;
}

/* .site-branding {
    display: none;
} */

/* quitar el título de la página */
.page .entry-header .entry-title {
    display: none;
}

/*CENTRAR TEXTO, BOTONES */
.oniro-textoCentrado{text-align:center;}

/*TEXTOS*/
/* header.page-header,
h1.entry-title {
  display: none !important;
} */

@font-face {
  font-family: "TextoAMano";
  src: url("../fonts/RougeScript-Regular.ttf");
}
@font-face {
  font-family: "tipoTexto";
  src: url("../fonts/CormorantGaramond-Medium.ttf");
}

h1, h2, h3, h4,h5,label,input,a,span,p,button,address {
  font-family: "tipoTexto", serif; 
  color:white; 
  font-weight:400;
  line-height:initial;
}

h1{font-size:clamp(2.8rem,6vw,5rem);}
.oniro-a-mano div h1{font-size:clamp(3rem,7vw,7rem);}
h2{font-size:clamp(2.5rem,5vw,4rem);}
h3,.oniro-a-mano div h3{font-size:clamp(2.2rem,4vw,3.5rem);}
h4{font-size:clamp(2rem,3vw,3rem);}
p, label, a, span,h5{font-size:clamp(1.8rem,2vw,2rem);}
.oniro-a-mano div div p{font-size:clamp(1.8rem,3vw,3rem);}
a span span{font-size:clamp(1rem,1vw,1.7rem);}
.oniro-textopeque div div p,.oniro-textopeque div div p a{font-size:clamp(0.9rem,1vw,1.5rem);}
.oniro-mailpeque{font-size:clamp(1rem,2vw,2rem);}

.select2-results__option[aria-selected], 
.select2-results__option[data-selected] {
	color: var(--color-uno);
}
.select2-container--default .select2-results__option--highlighted[aria-selected], 
.select2-container--default .select2-results__option--highlighted[data-selected] {
	background: var(--color-dos);	
}

.select2-container--default .select2-selection--single .select2-selection__rendered,
.select2-container--default .select2-selection--single .select2-selection__placeholder {
	font-size: 1.5rem!important;
}

fieldset {
	color: #fff;
	border-color: #fff;
}

.oniro-a-mano div div p,
.oniro-a-mano div h1,
.oniro-a-mano div h3,
.oniro-a-mano div h4{
	font-family: "TextoAMano", cursive;
}

/* Links */
a {
	text-decoration: none;
	color: var(--color-link);
}

a:visited {
	color: var(--color-link);
}

a:hover,
a:focus, 
a:active {
  text-decoration: none;
  outline: none;
  color: white;
}

/*
a:link {
	color:var(--colorPrimario);
    text-decoration: none;
	text-transform:uppercase;
}

a:link:hover{color: var(--colorSecundario);}
*/

/*CABECERA*/
header {
	text-align: center;
}  
  
/*FONDOS*/
.panel {
	padding: 25px;
	/*min-height: 900px;*/
	/*font-size: 2rem;*/
	letter-spacing: 0.2rem;
	line-height: 4rem;
	/*max-width: 50ch;*/
	margin: 0 auto;
}

.color-uno {
	background-color: var(--color-uno);
}

.color-dos {
	background-color: var(--color-dos);
}

.color-tres {
	background-color: var(--color-tres);
}

.color-cuatro {
	background-color: var(--color-cuatro);
}

.color-cinco {
	background-color: var(--color-cinco);
}


/* BLOG */

/* div.oni-blog-main {
	margin-top: 25px;
}

 div.oni-blog-main > article {
	margin-bottom: 25px;
} */

article > div.oni-flex-container {
	display: -ms-flexbox;
	display: flex;
	flex-direction: column-reverse;
	align-items: center;
	background-position: bottom center;
	background-size: 20% auto;
}

div.oni-flex-container > div.oni-flex-content {
	padding: 15px;
}

div.oni-flex-container > div.oni-thumbnail img {
	vertical-align: top;
}

div.oni-flex-container > div.oni-flex-content > header.entry-header h2.entry-title {
	text-align: center;
	margin-top: 15px;
	margin-bottom: 15px;
	line-height: 1.5em;
}

div.oni-flex-container > div.oni-flex-content > header.entry-header h2.entry-title a {
	font-size: 1em;
}

div.oni-flex-container > div.oni-flex-content > header.entry-header .entry-meta > span {
	display: block;
}

div.oni-flex-container > div.oni-flex-content > div.entry-content {
	display: -ms-flexbox;
	display: flex;
	flex-direction: column-reverse;
}

div.oni-flex-container > div.oni-flex-content > div.oni-read-more {
	text-align: center;
	margin-bottom: 15px;
}

div.oni-flex-container > div.oni-flex-content > div.oni-read-more a.oni-read-more-link {
	cursor: pointer;
	fill: #FFFFFF;
	color: #FFFFFF;
	background-color: var(--color-bg-btn);
	border-style: solid;
	border-width: 2px 2px 2px 2px;
	border-color: #02010100;
	border-radius: 5px 5px 5px 5px;
	box-shadow: 0px 0px 10px 0px rgba(113, 4.000000000000006, 42.000000000000014, 0.6196078431372549);
	text-transform: uppercase;
	padding: 16px;
	font-size: 1rem;
	line-height: 1;
	text-align: center;
	font-weight: 400;
	letter-spacing: 0.2rem;
	transition: all 350ms;
}

div.oni-flex-container > div.oni-flex-content > div.oni-read-more a.oni-read-more-link:hover {
	background-color: var(--color-bg-btn-hover);
	border-width: none;
	border-color: transparent;
	border-radius: 5px;
}

/* POSTS */
body.single article.post > header.entry-header h1 {
	text-align: center;
	font-size: 2.2rem;
	margin-top: 0;
}

body.single article.post > header.entry-header div.post-thumbnail {
	text-align: center;
}

body.single article.post > header.entry-header div.post-thumbnail img {
	vertical-align: middle;
}

body.single article.post > header.entry-header div.entry-meta {
	text-align: center;
}

body.single article.post > header.entry-header div.entry-meta * {
	font-size: 1rem;
}

body.single article.post > div.entry-content h2 {
	font-size: 1.8rem;
}

body.single article.post > footer.entry-footer * {
	font-size: 1rem;
}

body.single article.post > footer.entry-footer span{
	display: block;
}

body.single nav.posts-navigation {
	margin-top: 25px;
}

nav.posts-navigation > div.nav-links {
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

nav.posts-navigation > div.nav-links div a {
	font-size: 1rem;
}

nav.posts-navigation > div.nav-links > div.nav-next {
	margin-left: auto;
}

nav.posts-navigation > div.nav-links span.nav-subtitle {
	color: var(--colorNeutro);
	cursor: pointer;
}

/* FORMULARIO DE CONTACTO */
div.oni-form-contacto input[type="text"],
div.oni-form-contacto input[type="email"], 
div.oni-form-contacto input[type="url"], 
div.oni-form-contacto input[type="password"], 
div.oni-form-contacto input[type="search"], 
div.oni-form-contacto input[type="number"], 
div.oni-form-contacto input[type="tel"], 
div.oni-form-contacto input[type="range"], 
div.oni-form-contacto input[type="date"], 
div.oni-form-contacto input[type="month"], 
div.oni-form-contacto input[type="week"], 
div.oni-form-contacto input[type="time"], 
div.oni-form-contacto input[type="datetime"], 
div.oni-form-contacto input[type="datetime-local"], 
div.oni-form-contacto input[type="color"], 
div.oni-form-contacto select {
	width: 100%;
}

div.oni-form-contacto input[type="checkbox"] {
	margin-right: 5px;
}

div.oni-form-contacto textarea.wpcf7-textarea {
	margin-top: 10px;
}


div.oni-form-contacto span.wpcf7-checkbox span.wpcf7-list-item {
	display: block;
	margin: 10px;
}

div.oni-form-contacto p.oni-row {
	width: 100%;
}

div.oni-form-contacto > div.oni-form-rgpd {
	font-style: italic;
	padding: 15px;
}

div.oni-form-contacto > div.oni-form-rgpd > div.oni-form-rgpd-head {
}

div.oni-form-contacto > div.oni-form-rgpd * {
	font-size:clamp(0.8rem,1vw,1.5rem);
}

div.oni-form-contacto > p.oni-submit-wrapper {
	width: 100%;
	text-align: center;
	/* margin: 0 auto; */
	margin-top: 20px;
}

div.oni-form-contacto > p.oni-submit-wrapper > input.wpcf7-submit,
a.oni-btn {
	cursor: pointer;
	fill: #FFFFFF;
	color: #FFFFFF;
	background-color: var(--color-bg-btn);
	border-style: solid;
	border-width: 2px 2px 2px 2px;
	border-color: #02010100;
	border-radius: 5px 5px 5px 5px;
	box-shadow: 0px 0px 10px 0px rgba(113, 4.000000000000006, 42.000000000000014, 0.6196078431372549);
	text-transform: uppercase;
	padding: 16px;
	font-size: 1rem;
	line-height: 1;
	text-align: center;
	font-weight: 400;
	letter-spacing: 0.2rem;
	transition: all 350ms;
}

div.oni-form-contacto > p.oni-submit-wrapper > input.wpcf7-submit:hover,
a.oni-btn:hover {
	background-color: var(--color-bg-btn-hover);
	border-width: none;
	border-color: transparent;
	border-radius: 5px;
}

div.oni-form-contacto > p.oni-submit-wrapper > input.wpcf7-submit:disabled{
	cursor: not-allowed;
	opacity: .5;
}

/* los mensajes de KO y OK */
.wpcf7 form.sent .wpcf7-response-output,
.wpcf7 form .wpcf7-response-output {
	border: none;
}

.wpcf7 form.sent .wpcf7-response-output {
	color: #3ff366;
}

.wpcf7 form.invalid .wpcf7-response-output {
	color: #f3a33f;
}

/* FORM MAILCHIMP */
form div.oni-mcform-row {
	display: -ms-flexbox;
	display: flex;
	flex-direction: column;
	margin-bottom: 25px;
}

div.oni-mcform-rgpd p,
div.oni-mcform-rgpd a {
	font-size: .8rem;
}

p.oni-mcform-rgpd-title {
	margin-top: 10px;
	margin-bottom: 10px;
}

div.oni-mcform-rgpd > p {
	margin-bottom: .5rem;
	margin-top: 0;
}

form div.oni-mcform-submit-wrapper {
	text-align: center;
	margin-top: 10px;
}

form div.oni-mcform-submit-wrapper input[type="submit"] {
	cursor: pointer;
	fill: #FFFFFF;
	color: #FFFFFF;
	background-color: var(--color-bg-btn);
	border-style: solid;
	border-width: 2px 2px 2px 2px;
	border-color: #02010100;
	border-radius: 5px 5px 5px 5px;
	box-shadow: 0px 0px 10px 0px rgba(113, 4.000000000000006, 42.000000000000014, 0.6196078431372549);
	text-transform: uppercase;
	padding: 16px;
	font-size: 1rem;
	line-height: 1;
	text-align: center;
	font-weight: 400;
	letter-spacing: 0.2rem;
	transition: all 350ms;
}

form div.oni-mcform-submit-wrapper input[type="submit"]:hover {
	background-color: var(--color-bg-btn-hover);
	border-width: none;
	border-color: transparent;
	border-radius: 5px;
}

div.mc4wp-error {
	color: red;
}

div.mc4wp-success {
	color: green;
}

/* ARCHIVE */
body.archive main#primary h1.page-title {
	font-size: 2.2rem;
}

body.archive main#primary article.post {
	margin-bottom: 15px;
}

/* ASIDE (Widgets) */
aside.widget-area .widget {
    word-break: break-word;
}

aside.widget-area .widget .widget-title {
	margin-bottom: 10px;
}

aside.widget-area .widget ul,
aside.widget-area .widget ol {
    padding: 0;
	margin: 0;
}

aside.widget-area .widget ul {
	list-style: none;
}

aside.widget-area .widget_sensei_course_progress header {
	/* background: transparent; */
	padding-left: 0.618em;
	padding-right: 0.618em;
}

aside.widget-area .widget_sensei_course_progress header h2 {
	margin-bottom: 0;
	padding-bottom: 0.618em;
}

aside.widget-area .widget ul li a,
aside.widget-area .widget ul li span,
aside.widget-area .widget ol li a,
aside.widget-area .widget ol li span {
	font-size: 1.2rem;
	background: transparent;
}

.widget_sensei_course_progress .course-progress-lessons .course-progress-lesson.completed span {
	color: rgba(0,0,0,0.5);
	font-weight: bold;
}

.widget_sensei_course_progress .course-progress-lessons .course-progress-lesson.completed a {
	color: var(--color-link);
	font-weight: bold;
}

.widget_sensei_course_progress ul.course-progress-navigation li a {
	color: var(--color-tres);
}

/* CURSOS */
.sensei .entry-content section,
.wp-block-sensei-lms-course-outline-lesson__status,
.wp-block-sensei-lms-course-outline-lesson__chevron {
	color: #fff;
}

.sensei-course-progress__bar div {
	background: var(--color-dos);
}

.sensei.course nav.post-navigation {
	display: none;
}

/* LECCIONES */
article.lesson .entry-content p {
	margin: .8rem 0;
}

.widget_sensei_course_progress .course-progress-lessons .course-progress-lesson a, 
.widget_sensei_course_progress .course-progress-lessons .course-progress-lesson span {
	font-weight: 400;
}

article.lesson .entry-content section.sensei-breadcrumb {
	padding: 10px;
	background: transparent;
	color: #fff;
}

article.lesson .entry-content section.sensei-breadcrumb > a {
	font-size: 1.5rem;
}

article.lesson .entry-content nav.post-entries {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 1rem;
}

article.lesson .entry-content nav.post-entries .nav-prev,
article.lesson .entry-content nav.post-entries .nav-next {
	flex: auto;
}

article.lesson .entry-content nav.post-entries .nav-next {
	text-align: right;
}

article.lesson .entry-content nav.post-entries a {
	font-size: 1.5rem;
}

article.lesson .entry-content > footer input {
	cursor: pointer;
	fill: #FFFFFF;
	color: #FFFFFF;
	background-color: var(--color-bg-btn);
	border-style: solid;
	border-width: 2px 2px 2px 2px;
	border-color: #02010100;
	border-radius: 5px 5px 5px 5px;
	box-shadow: 0px 0px 10px 0px rgba(113, 4.000000000000006, 42.000000000000014, 0.6196078431372549);
	text-transform: uppercase;
	padding: 16px;
	font-size: 1rem;
	line-height: 1;
	text-align: center;
	font-weight: 400;
	letter-spacing: 0.2rem;
	transition: all 350ms;
}

article.lesson .entry-content > footer input:hover {
	background-color: var(--color-bg-btn-hover);
	border-width: none;
	border-color: transparent;
	border-radius: 5px;
}

article.lesson .entry-content div#attached-media ul {
	list-style: none;
}

.widget_sensei_course_progress .course-progress-lessons .course-progress-lesson a,
.widget_sensei_course_progress .course-progress-lessons .course-progress-lesson.completed a {
	background: var(--color-dos);
}

.widget_sensei_course_progress .course-progress-lessons .course-progress-lesson a:hover, 
.widget_sensei_course_progress .course-progress-lessons .course-progress-lesson.completed a:hover {
	background: var(--color-tres);
}

div.sensei-message span.meta-nav {
	font-size: 1rem;
}

/* FOOTER */
footer#colophon {
    clear: both;
	margin-top: auto;
}

/* QUERIES */
@media only screen and (min-width: 37em) {

}

@media screen and (min-width: 48em) {

	/* LAYOUT */
	body > div.site > div.oni-container {
		flex-direction: row;
	}

	body.has-sidebar > div.site > div.oni-container > main#primary {
		width: 70%;
		/* margin-top: .8rem; */
	}

	body.has-sidebar > div.site > div.oni-container > aside#secondary {
		width: 30%;
		overflow-x: hidden;
		padding-left: 10px;
		/* margin-top: .8rem; */
	}

	/* BLOG */
	article div.oni-flex-container > div.oni-flex-content > div.entry-content {
		margin-bottom: 1rem;
	}

	article div.oni-flex-container > div.oni-flex-content > div.entry-content > * {
		flex: 1;
	}

	article div.oni-flex-container > div.oni-flex-content > div.entry-content > p:first-child {
		margin: 0;
		padding: 0 1rem;
	}

	article:nth-child(even) div.oni-flex-container > div.oni-flex-content > div.entry-content {
		flex-direction: row;
	}

	article:nth-child(odd) div.oni-flex-container > div.oni-flex-content > div.entry-content {
		flex-direction: row-reverse;
	}

	article:nth-child(even) div.oni-flex-container > div.oni-flex-content > div.entry-content > div.oni-thumbnail {
		margin-left: 10px;
	}

	article:nth-child(odd) div.oni-flex-container > div.oni-flex-content > div.entry-content > div.oni-thumbnail {
		margin-right: 10px;
	}

	/* FORMULARIO DE CONTACTO */
	div.oni-form-contacto {
		display: -webkit-flex;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	div.oni-form-proximamente {
		max-width: 80%;
		margin: 0 auto;
	}

	div.oni-form-contacto p.oni-semi-row,
	div.oni-form-contacto > p#asunto + div
	{
		width: 45%;
	}

	div.oni-form-contacto span.wpcf7-checkbox {
		display: -webkit-flex;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: space-between;
	}

	div.oni-form-contacto span.wpcf7-checkbox > span {
		width: 30%;
	}

	div.oni-form-contacto span.wpcf7-checkbox > span label {
		display: -webkit-flex;
		display: flex;
		align-items: center;
		font-size: 1rem;
	}



}

@media only screen and (min-width: 62em) {

	/*LAYOUT*/
	body.has-sidebar > div.site > div.oni-container > main#primary {
		width: 75%;
	}

	body.has-sidebar.lesson > div.site > div.oni-container > main#primary {
		width: 75%;
		order: 2;
		padding-left: 1rem;
		padding-right: 1rem;
	}

	body.has-sidebar > div.site > div.oni-container > aside#secondary {
		width: 25%;
		overflow-x: hidden;
		padding-left: 15px;
	}

	body.has-sidebar.lesson > div.site > div.oni-container > aside#secondary {
		width: 25%;
		overflow-x: hidden;
		padding-right: 15px;
		order: 1;
	}

	/* LECCIONES */
	/* article.lesson .entry-content nav.post-entries {
		flex-direction: row;
	} */

}

@media only screen and (min-width: 75em) {

}