/*
Theme Name: Grupo Premium
Theme URI: https://www.mowomo.com
Description: Tema desarrollado a medida para Grupo Premium
Version: 1.0.0
Design: mowomo
Author: mowomo
Author URI: https://www.mowomo.com

Text Domain: grupre
Domain Path: /languages

License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html

====================================================================
	TABLA DE CONTENIDOS
====================================================================
	# GENERAL
	# HEADINGS
	# PAGE CONTENT
	# INFO
	# COLORED COLUMNS
	# EVENT
	# CATEGORY SELECTOR
	# POPUP RESERVA
	# HERO VIDEO Y HERO PAGE

/*==================================================================
	# GENERAL
====================================================================*/

textarea::placeholder {
	font-size: var(--fs-16);
}

/*==================================================================
	# HEADINGS
====================================================================*/

/* SIZES */

h1,
.h1-size {
	font-size: var(--fs-34);
}

h2,
.h2-size {
	font-size: var(--fs-24);
}

h3,
h4,
h5,
.h3-size,
.h4-size,
.h5-size {
	font-size: var(--fs-20);
}

h6,
.h6-size {
	font-size: var(--fs-12);
}

@media (max-width: 767px) {

	h1.is-smaller-on-mobile,
	.h1-size.is-smaller-on-mobile {
		font-size: var(--fs-28);
	}

}

@media (min-width: 1280px) {

	h1,
	.h1-size {
		font-size: var(--fs-42);
	}

	h2,
	.h2-size {
		font-size: var(--fs-28);
	}

}

/*==================================================================
	# PAGE CONTENT
====================================================================*/

@media (min-width: 768px) {

	.page-content {
		font-size: var(--fs-16);
	}

	.page-header .info__desc a {
		font-size: var(--fs-18);
	}

}

/*==================================================================
	# INFO
====================================================================*/

@media (min-width: 768px) {

	.info__tag {
		font-size: var(--fs-14);
	}

	.info__desc {
		font-size: var(--fs-16);
	}
	
}

/*==================================================================
	# COLORED COLUMNS
====================================================================*/

@media (min-width: 768px) {

	.colored-columns__column:last-child {
		font-size: var(--fs-16);
	}
	
}

@media (min-width: 1280px) {

	.colored-columns__column {
		min-height: 450px;
	}

}

/*==================================================================
	# EVENT
====================================================================*/

@media (min-width: 768px) {

	.event__accordion-header,
	.event__accordion-btn a {
		font-size: var(--fs-14);
	}

	.event__accordion-content p {
		font-size: var(--fs-16);
	}

}

/*==================================================================
	# CATEGORY SELECTOR
====================================================================*/

@media (min-width: 768px) {

	.category-selector__title {
		font-size: var(--fs-20);
	}

	.category-selector__cats {
		font-size: var(--fs-16);
	}
	
	.category-selector__tags,
	.category-selector__header {
		font-size: var(--fs-14);
	}
	
}

/*==================================================================
	# HERO VIDEO Y PAGE
====================================================================*/

@media (min-width: 768px) {

	.hero-video .info__title,
	.hero-page .info__title {
		font-size: var(--fs-46);
	}
	
}

@media (min-width: 1280px) {

	.hero-video .info__title,
	.hero-page .info__title {
		font-size: var(--fs-58);
	}
	
}