/*
Theme Name: Vinicola
Theme URI: https://wordpress.org/themes/twentyseventeen/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Seventeen brings your site to life with header video and immersive featured images. With a focus on business sites, it features multiple sections on the front page as well as widgets, navigation and social menus, a logo, and more. Personalize its asymmetrical grid with a custom color scheme and showcase your multimedia content with post formats. Our default theme for 2017 works great in many languages, for any abilities, and on any device.
Version: 2.3
Requires at least: 4.7
Requires PHP: 5.2.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentyseventeen
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

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Normalize
2.0 Accessibility
3.0 Alignments
4.0 Clearings
5.0 Typography
6.0 Forms
7.0 Formatting
8.0 Lists
9.0 Tables
10.0 Links
11.0 Featured Image Hover
12.0 Navigation
13.0 Layout
   13.1 Header
   13.2 Front Page
   13.3 Regular Content
   13.4 Posts
   13.5 Pages
   13.6 Footer
14.0 Comments
15.0 Widgets
16.0 Media
   16.1 Galleries
17.0 Customizer
18.0 SVGs Fallbacks
19.0 Media Queries
20.0 Print
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.0 Normalize
Styles based on Normalize v5.0.0 @link https://github.com/necolas/normalize.css
--------------------------------------------------------------*/

/*--------------------------------------------------------------
FONTS DISPONIBLES
.lato-light {
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.lato-regular {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.lato-black {
  font-family: "Lato", sans-serif;
  font-weight: 900;
  font-style: normal;
}

.lato-light-italic {
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-style: italic;
}

.lato-regular-italic {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.lato-black-italic {
  font-family: "Lato", sans-serif;
  font-weight: 900;
  font-style: italic;
}


--------------------------------------------------------------*/
html {
		font-family: "Lato", sans-serif;
		font-weight: 400;
  		font-style: normal;
		font-size: 10px;
	line-height: 110%;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;


}

body {
	margin: 0;
	color:#707070;
}

article,
aside,
footer,
header,
nav,
section {
	display: block;
}

figcaption,
figure,
main {
	display: block;
}

figure {
	margin: 1em 0;
}

hr {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}

pre {
	font-family: monospace, monospace;
	font-size: 1em;
}

a {
	background-color: transparent;
	-webkit-text-decoration-skip: objects;
}

a:active,
a:hover {
	outline-width: 0;
}

abbr[title] {
	border-bottom: 1px #767676 dotted;
	text-decoration: none;
}

b,
strong {
	font-weight: inherit;
}

b,
strong {
	font-weight: 700;
}

code,
kbd,
samp {
	font-size: 1em;
}

dfn {
	font-style: italic;
}

mark {
	background-color: #eee;
	color: #222;
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

audio,
video {
	display: inline-block;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

img {
	border-style: none;
}

svg:not(:root) {
	overflow: hidden;
}

button,
input,
optgroup,
select,
textarea {
	font-family: sans-serif;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
}

button,
input {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button,
html [type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

fieldset {
	border: 1px solid #bbb;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}

progress {
	display: inline-block;
	vertical-align: baseline;
}

textarea {
	overflow: auto;
}

[type="checkbox"],
[type="radio"] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px;
}

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
}

details,
menu {
	display: block;
}

summary {
	display: list-item;
}

canvas {
	display: inline-block;
}

template {
	display: none;
}

[hidden] {
	display: none;
}

/*--------------------------------------------------------------
2.0 Accessibility
--------------------------------------------------------------*/

/* Text meant only for screen readers. */

.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	overflow: hidden;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/*--------------------------------------------------------------
3.0 Alignments
--------------------------------------------------------------*/

.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
4.0 Clearings
--------------------------------------------------------------*/

.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.entry-footer:before,
.entry-footer:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after,
.nav-links:before,
.nav-links:after,
.pagination:before,
.pagination:after,
.comment-author:before,
.comment-author:after,
.widget-area:before,
.widget-area:after,
.widget:before,
.widget:after,
.comment-meta:before,
.comment-meta:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.entry-footer:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after,
.nav-links:after,
.pagination:after,
.comment-author:after,
.widget-area:after,
.widget:after,
.comment-meta:after {
	clear: both;
}

/*--------------------------------------------------------------
5.0 Typography
--------------------------------------------------------------*/

body,
button,
input,
select,
textarea {
	color:#707070;
	font-size: 15px;
	font-weight: 400;
	line-height: 1.66;
}


h2,
h3,
h4,
h5,
h6 {
	clear: both;
	margin: 0;
	padding: 0;
	line-height: 120%;
}

h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child {
	padding: 0;
}

h1, h1.title {
	font-size: 4.5rem;
	font-weight: 300;
	margin:0;
}

h1 strong, h1.title strong{
	font-weight: 400;
}

h2{
	font-size: 5rem;
	font-weight: 300;
	margin-bottom: 3rem;
	margin-top: 2rem;
}

h3 {
	font-size: 3rem;
	font-weight: 900;
}

h4 {
	font-size: 1.4rem;
	font-weight: 900;
}

h5 {
	font-size: 1.3rem;
	font-weight: 900;
}


p {
	font-size: 1.8rem;
	line-height: 120%;
	margin: 0 auto;
	padding: 0;
	margin-bottom: 5rem;
	font-weight: 300;
}

a{
	text-decoration: none;
}
dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	color: #666;
	font-size: 18px;
	font-size: 1.125rem;
	font-style: italic;
	line-height: 1.7;
	margin: 0;
	overflow: hidden;
	padding: 0;
}

blockquote cite {
	display: block;
	font-style: normal;
	font-weight: 600;
	margin-top: 0.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
font-size: 15px;
	font-size: 0.9375rem;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #eee;
	text-decoration: none;
}

big {
	font-size: 125%;
}

blockquote {
	quotes: "" "";
}

q {
	quotes: "“" "”" "‘" "’";
}

blockquote:before,
blockquote:after {
	content: "";
}

:focus {
	outline: none;
}

select {
	border: 1px solid #bbb;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	height: 3em;
	max-width: 100%;
}

input[type="radio"]:focus,
input[type="checkbox"]:focus {
	outline: thin dotted #333;
}

input[type="radio"],
input[type="checkbox"] {
	margin-right: 0.5em;
}

input[type="radio"] + label,
input[type="checkbox"] + label {
	font-weight: 400;
}

button,
input[type="button"],
input[type="submit"] {
	background-color: #661d6a;
	border: 0;
	-webkit-border-radius: 2px;
	border-radius: .5rem;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-size: 14px;
	font-weight: 800;
	line-height: 1;
	padding: 1em 2em;
	text-shadow: none;
	-webkit-transition: background 0.2s;
	transition: background 0.2s;
}

input + button,
input + input[type="button"],
input + input[type="submit"] {
	padding: 0.75em 2em;
}

button.secondary,
input[type="reset"],
input[type="button"].secondary,
input[type="reset"].secondary,
input[type="submit"].secondary {
	background-color: #ddd;
	color: #222;
}

: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 {
	
}

button.secondary:hover,
button.secondary:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="button"].secondary:hover,
input[type="button"].secondary:focus,
input[type="reset"].secondary:hover,
input[type="reset"].secondary:focus,
input[type="submit"].secondary:hover,
input[type="submit"].secondary:focus {
	background: #bbb;
}

/* Placeholder text color -- selectors need to be separate to work. */
::-webkit-input-placeholder {
	color: #333;
}

:-moz-placeholder {
	color: #333;
}

::-moz-placeholder {
	color: #333;
	opacity: 1;
	/* Since FF19 lowers the opacity of the placeholder by default */
}

:-ms-input-placeholder {
	color: #333;
}

/*--------------------------------------------------------------
7.0 Formatting
--------------------------------------------------------------*/

hr {
	background-color: #bbb;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

/*--------------------------------------------------------------
8.0 Lists
--------------------------------------------------------------*/

ul,
ol {
	margin: 0 0 1.5em;
	padding: 0;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: 700;
}

dd {
	margin: 0 1.5em 1.5em;
}

/*--------------------------------------------------------------
9.0 Tables
--------------------------------------------------------------*/

table {
	border-collapse: collapse;
	margin: 0 0 1.5em;
	width: 100%;
}

thead th {
	border-bottom: 2px solid #bbb;
	padding-bottom: 0.5em;
}

th {
	padding: 0.4em;
	text-align: left;
}

tr {
	border-bottom: 1px solid #eee;
}

td {
	padding: 0.4em;
}

th:first-child,
td:first-child {
	padding-left: 0;
}

th:last-child,
td:last-child {
	padding-right: 0;
}

section{
	width: 100%;
	height: auto;
	position: relative;
	overflow: hidden;
	margin:0px auto;
	padding:4.5rem 0;
	box-sizing: content-box;
}

#wpadminbar{
	bottom:0;
	top:auto;
	position: fixed;
}
/*PANTALLA y CONTENEDOR*/
div#pantalla{
	width: 100%;
	height: auto;
	position: relative;
	overflow: hidden;
	margin:0;
	padding:0;
}

div#contenedor{
	width: 1160px;
	max-width: 96%;
	height: auto;
	position: relative;
	overflow:hidden;
	margin:0px auto;
	padding:0;
}

/*HEADER*/
header#header{
	width: 100%;
	height: auto;
	position: sticky;
	top:0;
	overflow: hidden;
	z-index: 90;
	padding-top: 1rem;
}

header#header h1.logo{
	width: 40rem;
	height: auto;
	position: relative;
	float: left;
	overflow: hidden;
	font-size: 3rem;
	color:cadetblue;
	display: inline-block;
	vertical-align: middle;
}

header#header h1.logo a{
	line-height: 0;
	vertical-align: text-top;
}

header#header h1.logo a img{
	width: 3.5rem;
	height: 3.5rem;
	object-fit: contain;
	object-position: center;
}

header#header div.menu{
	width: fit-content;
	height: auto;
	position: relative;
	float: right;
	overflow: hidden;
	margin-top:1rem;
}

header#header ul,
header#header ul li{
	list-style: none;
	margin:0;
	padding:0;
}

header#header div.menu ul li{
	display: inline-block;
	vertical-align: middle;
	padding:.5rem;
	transition: .5s;
}

header#header div.menu ul li a{
	text-decoration: none;
	color:cadetblue;
	transition: .5s;
	font-size: 1.8rem;
}

header#header div.menu ul li:hover a{
	color:#545454;
}


header#header.scroll{
	filter: grayscale(1);
	padding-bottom: 2rem;
	transition: 1s;
}

header#header.scroll:hover{
	filter: grayscale(0);
	background-color: white;
	transition: 1s;
}
    
header#header.scroll h1.logo{
	 width: 4rem;
    height: 4rem;
    overflow: hidden;
    opacity: 1;
}

header#header.scroll div.menu{
	margin-top:.5rem;
	float: left;
	transition: 1s;
	opacity: .3;
}
header#header.scroll h1.logo:hover{
	opacity: 1;
	transition: .5s;
}
header#header.scroll div.menu:hover{
	width:70%;
	opacity: 1;
	transition: .5s;
}
header#header.scroll div.menu ul li a{
	font-size: 1.4rem;
}

header#header.scroll div.menu:hover ul li{
		display: block;
    vertical-align: middle;
    padding: 0.5rem;
    margin-left: 3rem;
    margin-top: 1rem;
    transition: .5s;
}

header#header.scroll div.menu:hover ul li.boton-calendario{
	width:fit-content;
}
    


header#header.scroll div.menu:hover ul li a{
	font-size: 2rem;
	transition: .5s;
}
.boton-calendario{
	background-color: cadetblue;
	color:white;
	border-radius: 3rem;
	padding:.5rem 3rem!important;
	transition: .5s;
}

.boton-calendario:hover{
	background-color: lightgray;
	transition: .5s;
}

.boton-calendario a{
	color:white!important;
	transition: .5s;
}

.boton-calendario:hover a{
		color:#545454!important;
		transition: .5s;
}

/*redes*/
div.menu-redes{
	width: auto;
	height: auto;
	position: fixed;
	right: 2rem;
	bottom: 1rem;
	z-index: 100;
}
div.menu-redes div ul,
div.menu-redes div ul li{
	list-style: none;
	margin:0;
	padding:0;
}

div.menu-redes div ul li{
	margin-top: 1rem;
	text-align: center;
	width: 7rem;
}

div.menu-redes div ul li a{
	display: block;
}

div.menu-redes div ul li a img{
	width: 5rem;
	height: 5rem;
	object-fit: contain;
	object-position: center;
	transition: .5s;
	opacity: .7;
}

div.menu-redes div ul li a:hover img{
	opacity: 1;
	width: 6rem;
	height: 6rem;
	transition: .5s;
}

/*INTRO Y BIO HOME*/
section.introduccion{
	width: 100%;
	height: auto;
	position: relative;
	overflow: hidden;
	margin-top: 6rem;
}

div.intro{
	width: 100%;
	height: auto;
	position: relative;
	overflow: hidden;
	margin:0 auto;
	padding:0;
}
div.intro div.img-at{
	width: 50%;
	height: auto;
	position: relative;
	overflow: hidden;
	float: right;
	padding-bottom: 1rem;
	text-align: right;
}
div.intro img.attachment-post-thumbnail{
	width: 98%;
	height: auto;
	border-radius: 10rem 3rem 30rem 10rem;
	position: relative;
	object-fit: cover;
	object-position: right;
	z-index: 1;
}
div.intro div.img-at:after{
    content: '';
    width: 100%;
    height: 70%;
    background: cadetblue;
    position: absolute;
    left: 0;
    bottom: 0px;
    border-radius: 10rem 0 0 10rem;
}

div.intro div.display-content{
	width: 52rem;
   height: auto;
   position: relative;
   overflow: hidden;
   float: left;
   padding-left: 6rem;
   margin-top: 20rem;
}


div.intro div.display-content p{
	font-size: 2.5rem;
	line-height: 120%;
	font-weight: 300;
}

div.intro div.display-content p strong{
	    font-weight: 300;
    color: cadetblue;
    padding: 0 .3rem;
    z-index: -1;
    position: relative;
}
div.intro div.display-content h2{
	font-size:4rem;
}
div.intro div.display-content h2 strong{
	font-weight: 500;
}



/*TODOS LOS BOTONES*/
.wp-block-button__link{
    background-color: cadetblue;
    padding: 1rem 2rem;
    font-size: 1.8rem;
    transition: .5s;
}

.wp-block-button__link:hover{
	background-color: lightgray;
	transition: .5s;
	color:#545454;
}


/*BIO HOME*/
div.bio-home{
	width: 90%;
	margin: 14rem auto;
	margin-bottom: 6rem;
	padding:0;
	position: relative;
}


div.bio-home h1{
	width: 100%;
	text-align: center;
	font-size: 7rem;
	line-height: 110%;
	margin-bottom: 2rem;
}

div.bio-home h3{
	color: lightseagreen;
    font-size: 3rem;
    font-weight: 300;
    width: fit-content;
    margin: 1rem auto;
    padding: 2rem 0;
}

div.bio-home p{
	font-size: 2rem;
    line-height: 3rem;
    font-weight: 300;
    column-count: 2;
    column-gap: 5rem;
}

div.bio-home blockquote{
	width: 90%;
	margin: 0 auto;
	margin-top: 10rem;
}

div.bio-home blockquote p{
	    column-count: 1;
    margin: 0;
    padding:.5rem 2rem;
    font-size: 2.8rem;
    line-height: 140%;
 }


div.bio-home p strong{
	font-weight: 500;
}


/*CALENDARIO*/

section.calendario{
    height: auto;
    position: relative;
    overflow: hidden;
    margin: 0;
    background-color: lightseagreen;
    color: white;
    width: 96%;
    padding: 6% 2%;
    padding-bottom: 12%;
}

section.calendario h2{
	padding-left: 4%;
}

section.calendario h3 {
    font-size: 2rem;
    font-weight: 300;
    text-transform: uppercase;
    margin: 2rem 0;
    width: fit-content;
    background: lightblue;
    padding: 2% 4%;
    border-radius: 0 4rem;
}

section.calendario p{
	padding-left: 4%;
	color:white;
	font-size: 1.8rem;
	width: 53rem;
	margin-left:0;
    }


/*section.oferta TIPO DE TERAPIAS*/

section.oferta{
	margin: 6rem auto;
	text-align: center;
}
article.terapias{
	width: 26rem;
	height: auto;
	position: relative;
	display: inline-block;
	vertical-align: top;
	margin: 2rem;
	padding:0;
	text-align: left;
}

article.terapias div.foto{
	width: 100%;
	height: 34rem;
	margin:0;
	margin-bottom: 2rem;
	display: block;
	position: relative;
}

article.terapias div.foto img{
	width: 96%;
	height: 33rem;
	border-radius: 3rem;
	margin:0;
	object-fit: cover;
	object-position: center;
	position: relative;
	z-index: 1;
}

article.terapias div.foto:after{
	    content: '';
    width: 90%;
    height: 70%;
    background: cadetblue;
    position: absolute;
    right: 0;
    bottom: 0px;
    border-radius: 3rem;
}

article.terapias h2{
	font-size: 3rem;
    font-weight: 300;
    color: lightseagreen;
    margin-bottom: 2rem;
    margin-top: 2rem;
}  

article.terapis div.resumen p{
	    font-size: 1.8rem;
    line-height: 120%;
    color: #707070;
    margin: 0 auto;
    padding: 0;
    margin-bottom: 2rem;
    font-weight: 300;
}

footer{
	width: 100%;
	height: auto;
	position: relative;
	overflow: hidden;
	text-align: center;
	background-color: #1d2327;
	color:white;
	padding-bottom: 5rem;
}

footer p{
	margin:0 auto;
}

footer section:first-child{
	width: 94%;
	padding:6% 3%;
	margin:0 auto;
	position: relative;
	display: block;
	background-color: lightseagreen;
}

footer section:first-child a{
	display: inline-block;
	margin:0 3rem ;
}

footer section:first-child a img{
	opacity: .7;
	transition: .5s;
	width: 10rem !important;
	height: auto;
}

footer section:first-child a:hover img{
	opacity: 1;
	transition: .5s;
}

footer section:nth-of-type(2){
	background-color:darkslategray ;
}

footer section:nth-of-type(2) ul{
	margin:0;
	padding:0;
}

footer section:nth-of-type(2) ul li{
	display: inline-block;
	vertical-align: middle;
	color:white;
	margin: 0 2rem;
}

footer section:nth-of-type(2) ul li a{
	color:white;
	transition: .5s;
}

footer section:nth-of-type(2) ul li a:hover{
	transition: .5s;
	color:cadetblue;
}

footer section:nth-of-type(3){
	margin:0 auto;
	padding:0;
	margin-top: 3rem;
}

footer section:nth-of-type(3) h1{
	font-size: 3rem;
}

footer section:nth-of-type(4){
	margin-top: 1rem;
	padding-top: 0;
}


/*MEDIA QUERIES*/
/*MEDIA QUERIES*/
/*MEDIA QUERIES*/
/*MEDIA QUERIES*/
/*MEDIA QUERIES*/
/*MEDIA QUERIES*/
/*MEDIA QUERIES*/
@media only screen and (max-width : 1120px){

html{
	font-size: 8px;
}
}

/*MEDIA QUERIES*/
@media only screen and (max-width : 900px){
div.intro div.img-at {
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
    float: none;
    padding-bottom: 1rem;
    text-align: right;
    margin: 0 auto;
}

div.intro img.attachment-post-thumbnail {
    width: 100%;
    height: auto;
    border-radius: 51% 3% 35% 10%;
    position: relative;
    object-fit: cover;
    object-position: center;
    z-index: 1;
}
div.intro div.img-at:after {
    content: '';
    width: 100%;
    height: 94%;
    background: cadetblue;
    position: absolute;
    left: 0;
    bottom: 0px;
    border-radius: 0% 0 10% 0%;
}

div.intro div.display-content {
    width: 60%;
    height: auto;
    position: relative;
    overflow: hidden;
    float: none;
    margin: 0;
    margin-top: -13%;
    z-index: 2;
    padding: 4%;
    background: white;
    border-radius: 0 20%;
}

div.bio-home{
	width: 80%;
}



}


/*MEDIA QUERIES*/
/*MEDIA QUERIES*/
@media only screen and (max-width : 720px){
	header#header h1.logo,
	header#header div.menu{
		float: none;
		margin:0 auto;
		display: block;
	}

	header#header h1.logo{
		margin-bottom: 4rem;
	}

		header#header.scroll h1.logo,
	header#header.scroll div.menu{
		float: left;
		margin:0 ;
		display: inline-block;
	}

	header#header.scroll h1.logo{
		margin-bottom: 0;
	}

	div.intro div.display-content {
    width: 70%;
  }
	div.intro div.display-content h2{
		font-size:3rem;
	}
}

/*MEDIA QUERIES*/
/*MEDIA QUERIES*/
@media only screen and (max-width : 620px){
	div.intro img.attachment-post-thumbnail{
		border-radius: 30% 3% 35% 10%;
	}

	div.intro div.display-content{
		width: 80%;
		border-radius: 0 20% 0 0;
	}

	div.intro div.display-content p{
		font-size: 2.7rem;
	}

	div.bio-home p{
		column-count: 1;
	}

	section.calendario h2 {
	    width: 40rem;
	}

	section.calendario h3{
		font-size: 1.8rem;
		line-height: 120%;
	}

	section.calendario p {
	    color: white;
	    font-size: 2rem;
	    width: 70%;
	    margin: 2rem 0;
	    margin-bottom: 6rem;
	}
}

/*MEDIA QUERIES*/
/*MEDIA QUERIES*/
@media only screen and (max-width : 520px){

    article.terapias{
    	width: 80%;
    }
  }


/*CAMBIOS AL CALENDARIO*/
.mi-calendario-wrapper{
	font-family: "Lato", sans-serif;
	font-weight: 400;
  font-style: normal;
  overflow: hidden;
}
.mi-calendario-wrapper a{
	    color: #707070 !important;
    font-size: 1.4rem !important;
    text-transform: uppercase;
}


th.fc-day{
	border-color: transparent !important;
  border-right: solid 1px #e5e7eb !important;
  border-left: 0;
  text-align: right;
  padding-right: .5rem;
}

.fc .fc-scrollgrid table{
	margin-bottom:0;
}

.fc-theme-standard .fc-scrollgrid{
	border:0 !important;
}

.min-h-screen{
	min-height: auto!important;
}

.fc-toolbar-chunk{
	width: 100%!important;
    text-align: center!important;
    padding: 3%!important;
}

.fc .fc-toolbar-title {
    color: #9999!important;
    font-weight: 300!important;
    font-size: 2.5rem!important;
    text-transform: uppercase!important;
    padding:0!important;
}

.mi-calendario-wrapper button, .mi-calendario-wrapper input:where([type=button]), .mi-calendario-wrapper input:where([type=reset]), .mi-calendario-wrapper input:where([type=submit]){
	background-color: darkcyan !important;
}

.max-w-xl, .max-w-md{
	max-width: 80%!important;
	height: auto!important;
	padding:3%!important;
}

.text-sm {
    font-size: 1.2rem !important;
    text-transform: uppercase;
    line-height: 1.25rem;
}

.mi-calendario-wrapper input{
	padding:1% !important;
	color:gray!important;
}

.justify-between div{
	width: 90%;
}

.mi-calendario-wrapper button, [role=button] {
    cursor: pointer;
    padding: 1% 3% !important;
    transition: .5s !important;
    font-size: 1.8rem !important;
}

.mi-calendario-wrapper button:hover{
	transition: .5s !important;
	background-color: gray !important;
}

div:where(.swal2-container) div:where(.swal2-html-container), div:where(.swal2-container) button:where(.swal2-styled):not([disabled]){
	font-size: 1.8rem !important;
}

div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm){
	background-color: darkcyan !important;
}

.bg-white {
    max-width: 100%;
    padding: 3%;
  }





 /*MEDIA QUERIES*/
@media only screen and (max-width : 600px){
	.mi-calendario-wrapper a{
		    color: #707070 !important;
	    font-size: 1.1rem !important;
	    text-transform: uppercase;
	    padding-right: .5rem!important;
	    overflow: hidden;
	}
	.fc .fc-daygrid-day-frame{
		height: 5rem!important;
		min-height: 5rem!important;
		overflow: hidden!important;
	}

	.fc-toolbar-chunk{
		padding:0!important;
	}
}