/*
 Theme Name:   GeneratePress MAFS
 Theme URI:    https://www.mafsdisseny.com
 Description:  MAFS GeneratePress child theme
 Author:       Miguel Angel Fernandez
 Author URI:   https://www.mafsdisseny.com
 Template:     generatepress
 Version:      0.1
*/

/*
=============================================
   DEFAULTS
=============================================
*/
/*familia de iconos: https://icones.js.org/collection/ri*/
:root{
	--space-xs: 16px;
	--space-s: 32px;
	--space-m: 60px;
	--space-l: 80px;
	--space-xl: 120px;
	--space-xxl: 200px;
	--border-radius: 8px;
}

/*
Para que el scroll al anchor sea exacto le restamos
lo que ocupa el fixed-header que en nuestro caso son 50px
*/
:target:before {
    content: "";
    display: block;
    height: 50px;
    margin: -50px 0 0;
}

/*
=============================================
   UTILITY CLASSES
=============================================
*/
.ar-16-9 {
    aspect-ratio: 16/9;
    object-fit: cover;
}

.ar-9-16 {
    aspect-ratio: 9/16;
    object-fit: cover;
}

.ar-3-2 {
    aspect-ratio: 3/2;
    object-fit: cover;
}

.ar-2-3 {
    aspect-ratio: 2/3;
    object-fit: cover;
}

.ar-4-3 {
    aspect-ratio: 4/3;
    object-fit: cover;
}

.ar-3-4 {
    aspect-ratio: 3/4;
    object-fit: cover;
}

.ar-1-1 {
	aspect-ratio: 1/1;
    object-fit: cover;
}

/* 
** POLYLANG Styles 
*/

.main-navigation .menu > .menu-item.lang-item > a::before {
    height: 0;
}

.main-navigation .main-nav ul.sf-menu li.lang-item a {
    padding-left: 20px;
    padding-right: 0;
}