/*
 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;
}

/* Theme settings */
header.site-header,
nav.main-navigation {
	border-bottom: 1.5px solid var(--contrast);
	border-top: 1.5px solid var(--contrast);
}
header.site-header li,
nav.main-navigation ul li {
	border-left: 1.5px solid var(--contrast);
}
.main-navigation.has-branding:not(.grid-container) .inside-navigation:not(.grid-container) .navigation-branding {
    margin-left: 40px;
}
/* BLOG y RECURSOS*/
.blog.one-container.left-sidebar .site-main,
.archive.category.one-container.left-sidebar .site-main,
.page-id-356.one-container.left-sidebar .site-main,
.archive.tax-tipo.one-container.left-sidebar .site-main
 {
	  margin-left: 40px;
    border-left: 1.5px solid var(--contrast);
    padding: 80px;
}
.blog.left-sidebar .sidebar,
.archive.category.one-container.left-sidebar .sidebar,
.page-id-356.one-container.left-sidebar .sidebar,
.archive.tax-tipo.one-container.left-sidebar .sidebar{
	  padding: 80px 40px 80px 80px;
}
@media (min-width: 769px) {
    .inside-left-sidebar {
        position: sticky;
        top: 160px;
    }
}
/*Para colocar la sidebar arriba en lugar de abajo*/
@media (max-width: 768px) {
    .is-left-sidebar.sidebar {
        order: -1 !important;
    }
		.blog.one-container.left-sidebar .site-main,
		.archive.category.one-container.left-sidebar .site-main,
		.page-id-356.one-container.left-sidebar .site-main,
		.archive.tax-tipo.one-container.left-sidebar .site-main
 {
	  margin-left: 30px;
    border-left: none;
    padding: 30px;
	}
		.blog.left-sidebar .sidebar,
		.archive.category.one-container.left-sidebar .sidebar,
		.page-id-356.one-container.left-sidebar .sidebar,
		.archive.tax-tipo.one-container.left-sidebar .sidebar{
	  padding: 50px 30px;
	}
	header.site-header .menu-item,
nav.main-navigation .menu-item {
	border-left: none;
	}
}
.ad-cat-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  gap: 15px;
  flex-wrap: wrap; /* Para que salten de línea si no caben */
}

.ad-cat-list li {
  margin: 0;
}

.ad-cat-list li a {
  display: inline-block;
  padding: 8px 16px;
  background-color: none;
  color: var(--contrast);
  text-decoration: none;
  border-radius: 50px;
	border: 1.5px solid var(--contrast);
  transition: background-color 0.2s ease;
}

.ad-cat-list li a:hover {
  background-color: var(--contrast);
	color: var(--base)
}


/*Para modificar las imagenes destacadas en el single post*/
.featured-image img {
	border-radius: 10px;
	margin-top: -120px;
	margin-bottom: 20px;
}

/*Efecto fade in al cargar la pagina*/
#page {
    -webkit-animation: fadein 2s;
            animation: fadein 2s;
}

@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

@media (max-width: 768px) {
    .is-right-sidebar.sidebar {
        order: -1 !important;
    }
}

/*
===========================
   Contact Form 7 Styles 
===========================
*/
.wpcf7-form input[type="text"], 
.wpcf7-form input[type="email"], 
.wpcf7-form input[type="url"], 
.wpcf7-form input[type="password"], 
.wpcf7-form input[type="search"], 
.wpcf7-form input[type="number"], 
.wpcf7-form input[type="tel"], 
.wpcf7-form textarea {
    color: var(--contrast);
    width: 100%;
    padding: 12px 16px;
    border-radius: 3px;
    border: 0;
}
.wpcf7-form p {
    margin: 0 0 28px;
}
.wpcf7-text:focus, 
.wpcf7-textarea:focus {
    outline: 1px solid var(--accent);
    outline-offset: 0;
}
.wpcf7-list-item {
    margin: 0 0 0 0;
}
div.wpcf7-mail-sent-ok {
    border: 0;
    background: #5471de;
    color: #fff;
    padding: 18px;
}

.wpcf7 form .wpcf7-response-output {
	  margin: 0;
    padding: 15px;
	  font-size: 15px;
    border: none;
    border-radius: 3px;	
}
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
    background-color: #eee9ce;
}

.wpcf7 form.sent .wpcf7-response-output {
    background-color: #cae899;
}

div.wpcf7-acceptance-missing,
div.wpcf7-validation-errors {
    border: 0;
    background: #f9443b;
    color: #fff;
    padding: 18px;
}
span.wpcf7-not-valid-tip {
    color: #f9443b;
}
	
.parlem-form .wpcf7 input::placeholder,
.parlem-form .wpcf7 textarea::placeholder {
	color: var(--contrast);
	font-size: 20px;
}
	
.parlem-form .wpcf7-form {
		background-color: #ffffff50;
		padding: 15px;
	}
.parlem-form .wpcf7-form input[type="text"], 
.parlem-form .wpcf7-form input[type="email"], 
.parlem-form .wpcf7-form input[type="url"], 
.parlem-form .wpcf7-form input[type="password"], 
.parlem-form .wpcf7-form input[type="search"], 
.parlem-form .wpcf7-form input[type="number"], 
.parlem-form .wpcf7-form input[type="tel"], 
.parlem-form .wpcf7-form textarea {
	padding: 10px 10px; 
	width: 100%;
  background-color: transparent;
  border-radius: 0;
  border-bottom: 1px solid #00000050;
}
.parlem-form .wpcf7-form input[type="submit"] {
	margin-top: 15px;
  width: 100%;
  background-color: var(--accent);
  color: #ffffff;
  font-family: inherit;
  font-weight: bold;
  text-align: center;
  padding: 10px 20px;
	border-radius: 5px;
}
.parlem-form .wpcf7-form input[type="submit"]:disabled {
  opacity: 50%;
}
/* 
** Button Styles 
*/
.wpcf7-form .button {
	display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: var(--accent);
    color: #ffffff;
    font-family: inherit;
    font-weight: bold;
    text-align: center;
    padding: 10px 20px;
    border-radius: 8px;
}
.wpcf7-form .button:hover {
    cursor: pointer;
    background-color: var(--contrast-2);
    color: var(--base-3);
}
	
/*
===========================
   UTILITY CLASSES
===========================
*/

/* Visually Hidden */
.visually-hidden:not(:focus):not(:active) {
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}