styled Intro when .xarxaprod-intro .big or .small are added to groups

adminstyles.css

@@ -576,12 +576,16 @@ Add your custom styles in this file so it is easier to update the theme.
 
 	.edit-post-visual-editor__content-area .editor-styles-wrapper {
 
+		/* entry content */
+
+		/*
+     * big lletters block below titles
+     * */
+
 		/* used in
    * ./template-parts/section-agenda.php
    * ./template-parts/section-last-convos.php
    * */
-
-		/* entry content */
 	}
 
 	.edit-post-visual-editor__content-area .editor-styles-wrapper h1,
@@ -648,12 +652,12 @@ Add your custom styles in this file so it is easier to update the theme.
 
 	.edit-post-visual-editor__content-area .editor-styles-wrapper h5.small,
 	.edit-post-visual-editor__content-area .editor-styles-wrapper .h5.small {
-		font-size: 0.8rem;
+		font-size: 0.9rem;
 	}
 
 	.edit-post-visual-editor__content-area .editor-styles-wrapper h6,
 	.edit-post-visual-editor__content-area .editor-styles-wrapper .h6 {
-		font-size: 1.1rem;
+		font-size: 1rem;
 		font-weight: 100;
 	}
 
@@ -662,6 +666,66 @@ Add your custom styles in this file so it is easier to update the theme.
 		font-size: 0.8rem;
 	}
 
+	.edit-post-visual-editor__content-area .editor-styles-wrapper .small h1,
+	.edit-post-visual-editor__content-area .editor-styles-wrapper .small .h1 {
+		font-size: 1.5rem;
+	}
+
+	.edit-post-visual-editor__content-area .editor-styles-wrapper .small h2,
+	.edit-post-visual-editor__content-area .editor-styles-wrapper .small .h2 {
+		font-size: 1.2rem;
+	}
+
+	.edit-post-visual-editor__content-area .editor-styles-wrapper .small h3,
+	.edit-post-visual-editor__content-area .editor-styles-wrapper .small .h3 {
+		font-size: 1rem;
+	}
+
+	.edit-post-visual-editor__content-area .editor-styles-wrapper .small h4,
+	.edit-post-visual-editor__content-area .editor-styles-wrapper .small .h4 {
+		font-size: 0.9rem;
+	}
+
+	.edit-post-visual-editor__content-area .editor-styles-wrapper .small h5,
+	.edit-post-visual-editor__content-area .editor-styles-wrapper .small .h5 {
+		font-size: 0.9rem;
+	}
+
+	.edit-post-visual-editor__content-area .editor-styles-wrapper .small h6,
+	.edit-post-visual-editor__content-area .editor-styles-wrapper .small .h6 {
+		font-size: 0.8rem;
+	}
+
+	.edit-post-visual-editor__content-area .editor-styles-wrapper .big h1,
+	.edit-post-visual-editor__content-area .editor-styles-wrapper .big .h1 {
+		font-size: 2.2rem;
+	}
+
+	.edit-post-visual-editor__content-area .editor-styles-wrapper .big h2,
+	.edit-post-visual-editor__content-area .editor-styles-wrapper .big .h2 {
+		font-size: 2rem;
+	}
+
+	.edit-post-visual-editor__content-area .editor-styles-wrapper .big h3,
+	.edit-post-visual-editor__content-area .editor-styles-wrapper .big .h3 {
+		font-size: 1.6rem;
+	}
+
+	.edit-post-visual-editor__content-area .editor-styles-wrapper .big h4,
+	.edit-post-visual-editor__content-area .editor-styles-wrapper .big .h4 {
+		font-size: 1.4rem;
+	}
+
+	.edit-post-visual-editor__content-area .editor-styles-wrapper .big h5,
+	.edit-post-visual-editor__content-area .editor-styles-wrapper .big .h5 {
+		font-size: 1.2rem;
+	}
+
+	.edit-post-visual-editor__content-area .editor-styles-wrapper .big h6,
+	.edit-post-visual-editor__content-area .editor-styles-wrapper .big .h6 {
+		font-size: 1.1rem;
+	}
+
 	.edit-post-visual-editor__content-area .editor-styles-wrapper .site-main h1,
 	.edit-post-visual-editor__content-area .editor-styles-wrapper .site-main h2,
 	.edit-post-visual-editor__content-area .editor-styles-wrapper .site-main h3,
@@ -685,6 +749,27 @@ Add your custom styles in this file so it is easier to update the theme.
 		border-bottom: 0.6rem solid #000;
 	}
 
+	.edit-post-visual-editor__content-area .editor-styles-wrapper .entry-content h6 {
+		padding: 0.5em 0;
+	}
+
+	.edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-intro h3 {
+		font-size: 2.3rem;
+	}
+
+	.edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-intro h4 {
+		font-size: 2.1rem;
+	}
+
+	.edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-intro h5 {
+		font-size: 2rem;
+	}
+
+	.edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-intro h6 {
+		font-size: 2rem;
+		padding: 0;
+	}
+
 	.edit-post-visual-editor__content-area .editor-styles-wrapper section.agenda h2 a,
 	.edit-post-visual-editor__content-area .editor-styles-wrapper section.last-convos h2 a {
 		display: flex;
@@ -718,10 +803,6 @@ Add your custom styles in this file so it is easier to update the theme.
 	.edit-post-visual-editor__content-area .editor-styles-wrapper [lang*="es"] section.last-convos h2 a::after {
 		content: "Ver todas las convocatorias";
 	}
-
-	.edit-post-visual-editor__content-area .editor-styles-wrapper .entry-content h6 {
-		padding: 0.5em 0;
-	}
 }
 
 @media screen and (min-width: 48em) {
@@ -768,6 +849,14 @@ Add your custom styles in this file so it is easier to update the theme.
 	margin-bottom: 1.5em;
 }
 
+.edit-post-visual-editor__content-area .editor-styles-wrapper p.big {
+	font-size: 1.25rem;
+}
+
+.edit-post-visual-editor__content-area .editor-styles-wrapper p.small {
+	font-size: 0.8rem;
+}
+
 .edit-post-visual-editor__content-area .editor-styles-wrapper dfn,
 .edit-post-visual-editor__content-area .editor-styles-wrapper cite,
 .edit-post-visual-editor__content-area .editor-styles-wrapper em,
@@ -818,14 +907,27 @@ Add your custom styles in this file so it is easier to update the theme.
 	text-decoration: none;
 }
 
-.edit-post-visual-editor__content-area .editor-styles-wrapper big {
+.edit-post-visual-editor__content-area .editor-styles-wrapper .big {
 	font-size: 125%;
 }
 
+.edit-post-visual-editor__content-area .editor-styles-wrapper .big p {
+	font-size: 1.25rem;
+}
+
 .edit-post-visual-editor__content-area .editor-styles-wrapper .small {
 	font-size: 80%;
 }
 
+.edit-post-visual-editor__content-area .editor-styles-wrapper .small p {
+	font-size: 0.8rem;
+}
+
+.edit-post-visual-editor__content-area .editor-styles-wrapper .big p,
+.edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-intro p {
+	font-size: 120%;
+}
+
 @font-face {
 
 	.edit-post-visual-editor__content-area .editor-styles-wrapper {
@@ -1132,10 +1234,20 @@ Add your custom styles in this file so it is easier to update the theme.
 
 .edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-associats-map,
 .edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-espais-map {
-	aspect-ratio: 16 / 9;
+	aspect-ratio: 4 / 3;
 	background-color: rgba(200, 200, 200, 0.4);
 }
 
+.edit-post-visual-editor__content-area .editor-styles-wrapper .page-template-associats-search .xarxaprod-associats-map,
+.edit-post-visual-editor__content-area .editor-styles-wrapper .page-template-associats-search .xarxaprod-espais-map {
+	aspect-ratio: 4 / 3;
+}
+
+.edit-post-visual-editor__content-area .editor-styles-wrapper .single-xarxaprod-associat .xarxaprod-associats-map,
+.edit-post-visual-editor__content-area .editor-styles-wrapper .single-xarxaprod-associat .xarxaprod-espais-map {
+	aspect-ratio: 16 / 9;
+}
+
 .edit-post-visual-editor__content-area .editor-styles-wrapper table {
 	margin: 0 0 1.5em;
 	width: 100%;
@@ -1919,10 +2031,10 @@ Add your custom styles in this file so it is easier to update the theme.
 		padding: 0 1rem;
 	}
 
-	.edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-intro p {
+	.edit-post-visual-editor__content-area .editor-styles-wrapper .xarxaprod-intro {
-		font-size: 2rem;
 		line-height: 1.2;
-		margin: 0;
+		margin-top: 0;
+		margin-bottom: 0;
 	}
 
 	.edit-post-visual-editor__content-area .editor-styles-wrapper .ratlla-abaix .wp-block-column,

sass/base/elements/_media.scss

@@ -13,8 +13,18 @@ img {
 figure {
 	margin: 1em 0; // Extra wide images within figure tags don't overflow the content area.
 }
-.xarxaprod-associats-map,.xarxaprod-espais-map {
+  	//mapas leaflet 
-	//mapas leaflet 
+  .xarxaprod-associats-map,.xarxaprod-espais-map {
-  aspect-ratio: 16 / 9;
+    aspect-ratio: 4 / 3;
-	background-color: rgba(200,200,200,0.4); //place holder background color
+  	background-color: rgba(200,200,200,0.4); //place holder background color
-}
+  }
+  .page-template-associats-search{
+    .xarxaprod-associats-map,.xarxaprod-espais-map {
+      aspect-ratio: 4 / 3;
+  	}
+  }
+  .single-xarxaprod-associat {
+    .xarxaprod-associats-map,.xarxaprod-espais-map {
+      aspect-ratio: 16 / 9;
+  	}
+  }

sass/base/typography/_copy.scss

@@ -1,6 +1,12 @@
 p {
 	margin-top: 0;
 	margin-bottom: 1.5em;
+  &.big {
+		font-size: $font__size-body*1.25;
+	}
+  &.small{
+  		font-size: $font__size-body*0.8;
+  }
 }
 
 dfn,
@@ -52,9 +58,21 @@ ins {
 	text-decoration: none;
 }
 
-big {
+.big {
 	font-size: 125%;
+  p {
+		font-size: $font__size-body*1.25;
+	}
 }
 .small {
 	font-size: 80%;
+  p {
+		font-size: $font__size-body*0.8;
+	}
+}
+
+.big, .xarxaprod-intro {
+ p {
+	 font-size:120%;
+ }
 }

sass/base/typography/_headings.scss

@@ -29,7 +29,6 @@
 	}
 	h4,.h4 {
 		font-size: $font__size-body*1.2;
-		//font-weight: 500;
 		&.small {
 			font-size: $font__size-body*0.9;
 		}
@@ -38,16 +37,56 @@
 		font-size: $font__size-body*1.1;
 		font-weight: 500;
 		&.small {
-			font-size: $font__size-body*0.8;
+			font-size: $font__size-body*0.9;
 		}
 	}
 	h6,.h6 {
-		font-size: $font__size-body*1.1;
+		font-size: $font__size-body*1;
 		font-weight: 100;
 		&.small {
 			font-size: $font__size-body*0.8;
 		}
 	}
+	.small {
+	  h1,.h1 {
+	    font-size: $font__size-body*1.5;
+	  }
+	  h2,.h2 {
+	    font-size: $font__size-body*1.2;
+	  }
+	  h3,.h3 {
+	  	font-size: $font__size-body*1;
+	  }
+	  h4,.h4 {
+	  	font-size: $font__size-body*0.9;
+	  }
+	  h5,.h5 {
+	  	font-size: $font__size-body*0.9;
+	  }
+	  h6,.h6 {
+	  	font-size: $font__size-body*0.8;
+	  }
+  }
+	.big {
+	  h1,.h1 {
+	    font-size: $font__size-body*2.2;
+	  }
+	  h2,.h2 {
+	    font-size: $font__size-body*2;
+	  }
+	  h3,.h3 {
+	  	font-size: $font__size-body*1.6;
+	  }
+	  h4,.h4 {
+	  	font-size: $font__size-body*1.4;
+	  }
+	  h5,.h5 {
+	  	font-size: $font__size-body*1.2;
+	  }
+	  h6,.h6 {
+	  	font-size: $font__size-body*1.1;
+	  }
+  }
 	.site-main {
      h1,h2,h3,h4,h5,h6,
 		.h1,.h2,.h3,.h4,.h5,.h6 {
@@ -62,7 +101,35 @@
 			border-bottom: 0.6rem solid $color__black;
 		}
 	}
-  /* used in
+
+	/* entry content */
+	.entry-content h6 {
+		padding: 0.5em 0;
+	}
+	  /*
+     * big lletters block below titles
+     * */
+
+    .xarxaprod-intro {
+      h1 {}
+      h2 {}
+      h3 {
+        font-size: $font__size-body*2.3;
+      }
+      h4 {
+        font-size: $font__size-body*2.1;
+      }
+      h5 {
+        font-size: $font__size-body*2;
+      }
+      h6 {
+        font-size: $font__size-body*2;
+				padding: 0;
+      }
+    }
+
+
+	/* used in
    * ./template-parts/section-agenda.php
    * ./template-parts/section-last-convos.php
    * */
@@ -97,10 +164,6 @@
     content: "Ver todas las convocatorias";
   }
   
-	/* entry content */
-	.entry-content h6 {
-		padding: 0.5em 0;
-	}
 }
 @media screen and (min-width: 48em) {
 	h1,.h1 {

sass/components/content/_posts-and-pages.scss

@@ -35,11 +35,10 @@
      * */
 
     .xarxaprod-intro {
-      p {
+      line-height: 1.2;
-        font-size: $font__size-body*2;
+      margin-top: 0;
-        line-height: 1.2;
+      margin-bottom: 0;
-        margin: 0;
+      //font-weight: 100;
-      }
     }
    /*
     * blocks columns with line below each block

style.css

@@ -502,12 +502,12 @@ textarea {
 
 	h5.small,
 	.h5.small {
-		font-size: 0.8rem;
+		font-size: 0.9rem;
 	}
 
 	h6,
 	.h6 {
-		font-size: 1.1rem;
+		font-size: 1rem;
 		font-weight: 100;
 	}
 
@@ -516,6 +516,66 @@ textarea {
 		font-size: 0.8rem;
 	}
 
+	.small h1,
+	.small .h1 {
+		font-size: 1.5rem;
+	}
+
+	.small h2,
+	.small .h2 {
+		font-size: 1.2rem;
+	}
+
+	.small h3,
+	.small .h3 {
+		font-size: 1rem;
+	}
+
+	.small h4,
+	.small .h4 {
+		font-size: 0.9rem;
+	}
+
+	.small h5,
+	.small .h5 {
+		font-size: 0.9rem;
+	}
+
+	.small h6,
+	.small .h6 {
+		font-size: 0.8rem;
+	}
+
+	.big h1,
+	.big .h1 {
+		font-size: 2.2rem;
+	}
+
+	.big h2,
+	.big .h2 {
+		font-size: 2rem;
+	}
+
+	.big h3,
+	.big .h3 {
+		font-size: 1.6rem;
+	}
+
+	.big h4,
+	.big .h4 {
+		font-size: 1.4rem;
+	}
+
+	.big h5,
+	.big .h5 {
+		font-size: 1.2rem;
+	}
+
+	.big h6,
+	.big .h6 {
+		font-size: 1.1rem;
+	}
+
 	.site-main h1,
 	.site-main h2,
 	.site-main h3,
@@ -539,6 +599,31 @@ textarea {
 		border-bottom: 0.6rem solid #000;
 	}
 
+	/* entry content */
+	.entry-content h6 {
+		padding: 0.5em 0;
+	}
+
+	/*
+     * big lletters block below titles
+     * */
+	.xarxaprod-intro h3 {
+		font-size: 2.3rem;
+	}
+
+	.xarxaprod-intro h4 {
+		font-size: 2.1rem;
+	}
+
+	.xarxaprod-intro h5 {
+		font-size: 2rem;
+	}
+
+	.xarxaprod-intro h6 {
+		font-size: 2rem;
+		padding: 0;
+	}
+
 	/* used in
    * ./template-parts/section-agenda.php
    * ./template-parts/section-last-convos.php
@@ -576,11 +661,6 @@ textarea {
 	[lang*="es"] section.last-convos h2 a::after {
 		content: "Ver todas las convocatorias";
 	}
-
-	/* entry content */
-	.entry-content h6 {
-		padding: 0.5em 0;
-	}
 }
 
 @media screen and (min-width: 48em) {
@@ -627,6 +707,14 @@ p {
 	margin-bottom: 1.5em;
 }
 
+p.big {
+	font-size: 1.25rem;
+}
+
+p.small {
+	font-size: 0.8rem;
+}
+
 dfn,
 cite,
 em,
@@ -677,14 +765,27 @@ ins {
 	text-decoration: none;
 }
 
-big {
+.big {
 	font-size: 125%;
 }
 
+.big p {
+	font-size: 1.25rem;
+}
+
 .small {
 	font-size: 80%;
 }
 
+.small p {
+	font-size: 0.8rem;
+}
+
+.big p,
+.xarxaprod-intro p {
+	font-size: 120%;
+}
+
 /*
 Your custom style
 
@@ -990,10 +1091,20 @@ figure {
 
 .xarxaprod-associats-map,
 .xarxaprod-espais-map {
-	aspect-ratio: 16 / 9;
+	aspect-ratio: 4 / 3;
 	background-color: rgba(200, 200, 200, 0.4);
 }
 
+.page-template-associats-search .xarxaprod-associats-map,
+.page-template-associats-search .xarxaprod-espais-map {
+	aspect-ratio: 4 / 3;
+}
+
+.single-xarxaprod-associat .xarxaprod-associats-map,
+.single-xarxaprod-associat .xarxaprod-espais-map {
+	aspect-ratio: 16 / 9;
+}
+
 table {
 	margin: 0 0 1.5em;
 	width: 100%;
@@ -1734,10 +1845,10 @@ textarea {
 	/*
      * big lletters block below titles
      * */
-	.xarxaprod-intro p {
+	.xarxaprod-intro {
-		font-size: 2rem;
 		line-height: 1.2;
-		margin: 0;
+		margin-top: 0;
+		margin-bottom: 0;
 	}
 
 	/*