From c181c24b1355eb19bbb63eaede7d79f826137e6a Mon Sep 17 00:00:00 2001
From: jorge-vitrubio <jorge@vitrubio.net>
Date: Mon, 11 Jul 2022 15:55:19 +0200
Subject: [PATCH] width from seccion ample

---
 css/styleHangar.css | 415 ++++++++++++++++++++++----------------------
 style.css           |  11 +-
 2 files changed, 214 insertions(+), 212 deletions(-)

diff --git a/css/styleHangar.css b/css/styleHangar.css
index 632e36f..1fbea1b 100644
--- a/css/styleHangar.css
+++ b/css/styleHangar.css
@@ -1,135 +1,193 @@
 @charset "utf-8";
 
-.centertext {
-	text-align: center;
-	margin-bottom:5px;
-}
-.textblau {
-	color: blue;
-}
+@media screen {
 
-.petita10{font-size:10px;}
+	.centertext {
+		text-align: center;
+		margin-bottom:5px;
+	}
+	.textblau {
+		color: blue;
+	}
 
-/* Plugin Styles
---------------------------------------------- */
-/* --- Contact Form 7 --- */
-#content .wpcf7 {
-	padding:20px 0px 20px 0px;
-}
-#content #page .wpcf7 p {
-	padding:0px 0px 10px 0px;
-	font-size:13px;
-}
-input.wpcf7-text {
-	height:22px;
-}
-.wpcf7 textarea {
-	font-family:'Droid Sans', arial, sans-serif;
-	font-size:14px;
-}
-input.wpcf7-submit {
-	margin:0px;
-	padding:6px 8px 6px 8px;
-	background:#333333;
-	border:none;
-	font-family:'Droid Sans', arial, sans-serif;
-	font-size:12px;
-	color:#fff;
-	cursor:pointer;
-}
-.wpcf7-response-output, .wpcf7-not-valid-tip {
-	margin:0px;
-	font-family:'Droid Serif',  Times, serif;
-	font-size:12px;
-	line-height:18px;
-	font-style:italic;
-}
+	.petita10{font-size:10px;}
 
-.tag .wp-pagenavi a, .tag .wp-pagenavi span {
-	padding: 1px !important;
-}
+	/* Plugin Styles
+	--------------------------------------------- */
+	/* --- Contact Form 7 --- */
+	#content .wpcf7 {
+		padding:20px 0px 20px 0px;
+	}
+	#content #page .wpcf7 p {
+		padding:0px 0px 10px 0px;
+		font-size:13px;
+	}
+	input.wpcf7-text {
+		height:22px;
+	}
+	.wpcf7 textarea {
+		font-family:'Droid Sans', arial, sans-serif;
+		font-size:14px;
+	}
+	input.wpcf7-submit {
+		margin:0px;
+		padding:6px 8px 6px 8px;
+		background:#333333;
+		border:none;
+		font-family:'Droid Sans', arial, sans-serif;
+		font-size:12px;
+		color:#fff;
+		cursor:pointer;
+	}
+	.wpcf7-response-output, .wpcf7-not-valid-tip {
+		margin:0px;
+		font-family:'Droid Serif',  Times, serif;
+		font-size:12px;
+		line-height:18px;
+		font-style:italic;
+	}
 
-/* --- jQuery Thickbox --- */
-#TB_window img#TB_Image {
-	border-bottom:none ! important;
-	border-left:none ! important;
-	border-right: none ! important;
-	border-top: none ! important;
-	margin: 15px 0px 0px 15px;
-}
-#TB_caption {
-	height: 30px ! important;
-	padding: 7px 15px 15px 15px ! important;
-}
-#TB_secondLine {
-	padding: 4px 0px 0px 0px;
-}
-#TB_closeWindow {
-	height: 30px ! important;
-	padding: 11px 15px 10px 0px ! important;
-}
-#TB_window a {
-	color: #333333 ! important;
-}
+	.tag .wp-pagenavi a, .tag .wp-pagenavi span {
+		padding: 1px !important;
+	}
 
-/* --- Sharif social icons --- */
-.shariff-button.info {
-    display: none;
-}
+	/* --- jQuery Thickbox --- */
+	#TB_window img#TB_Image {
+		border-bottom:none ! important;
+		border-left:none ! important;
+		border-right: none ! important;
+		border-top: none ! important;
+		margin: 15px 0px 0px 15px;
+	}
+	#TB_caption {
+		height: 30px ! important;
+		padding: 7px 15px 15px 15px ! important;
+	}
+	#TB_secondLine {
+		padding: 4px 0px 0px 0px;
+	}
+	#TB_closeWindow {
+		height: 30px ! important;
+		padding: 11px 15px 10px 0px ! important;
+	}
+	#TB_window a {
+		color: #333333 ! important;
+	}
+
+	/* --- Sharif social icons --- */
+	.shariff-button.info {
+		display: none;
+	}
 
 
-/* logo slider */
-#logoslider { width: 230px; height: 120px; margin-top:5px; }
-#logoslider div { width: 235px; height: 120px; text-align: left; overflow: hidden }
-#logoslider p { padding-bottom:5px; }
+	/* logo slider */
+	#logoslider { width: 230px; height: 120px; margin-top:5px; }
+	#logoslider div { width: 235px; height: 120px; text-align: left; overflow: hidden }
+	#logoslider p { padding-bottom:5px; }
 
-#logoslider2 { width: 230px; height: 100px; margin-top:5px; }
-#logoslider2 div { width: 235px; height: 100px; text-align: left; overflow: hidden }
-#logoslider2 p { padding-bottom:5px; }
+	#logoslider2 { width: 230px; height: 100px; margin-top:5px; }
+	#logoslider2 div { width: 235px; height: 100px; text-align: left; overflow: hidden }
+	#logoslider2 p { padding-bottom:5px; }
 
 
-#logoslider3 { width: 230px; height: 100px; margin-top:5px; }
-#logoslider3 div { width: 235px; height: 100px; text-align: left; overflow: hidden }
-#logoslider3 p { padding-bottom:5px; }
-#logoslider3 .banner-image {margin-left:0 !important; max-width:150px;}
+	#logoslider3 { width: 230px; height: 100px; margin-top:5px; }
+	#logoslider3 div { width: 235px; height: 100px; text-align: left; overflow: hidden }
+	#logoslider3 p { padding-bottom:5px; }
+	#logoslider3 .banner-image {margin-left:0 !important; max-width:150px;}
+
+	/* logos portada */
+	.banner-image {
+		margin-left: -7px;
+	}
+
+	/*styles para tabla de convocatorias para jurado*/
+	.page-template-page-plain-php #content.unic #pagina {
+		background-color: transparent;
+	}
+
+	.page-template-page-plain-php .shadow {
+		box-shadow: none;
+	}
+
+	li.boxentry.destacat {
+		background-color: yellow;
+	}
+
+	table.cf7-db-table tbody td > div {
+		max-height: none;
+	}
+
+
+	/* mods for mobile devices on top of the theme.
+	* date: 2020 04 14
+	* by: jorge vitrubio.net
+	* * * */
+
+	.hide{display: none;}
+
+	.toogle-sidebar-segona .show-mobile,
+	.toogle-sidebar-segona .hide-not-mobile{
+		display:none;
+	}
+
+	.indexall.wide{
+		width: 100%;
+		display: flex;
+		margin-right: 35px;
+	}
+	/* WIDGET HOME HERO
+	------------------------------------------*/
+	aside.hero {
+		display: flex;
+		width: auto;
+	}
+	aside.hero .widget-container {
+		position: relative;
+		min-width: 100%;
+		height: 40vw;
+		margin-bottom: 2rem;
+		overflow: hidden;
+	}
+	aside.hero .widget-container .widget-title {
+		position: absolute;
+		z-index: 100;
+		width: 75%;
+		margin: 3rem 1rem;
+		padding: 1rem;
+		font-size: 3rem;
+		font-weight: bold;
+		line-height: 1.5rem;
+		color: blue;
+	}
+	aside.hero .widget-container img {
+		position: absolute;
+		z-index: 99;
+		top: -20%;
+		width: 100%;
+		height: auto;
+	}
+	aside.hero .widget-container p {
+		position: absolute;
+		z-index: 101;
+		bottom: 0;
+		width: 70%;
+		margin: 2rem 1rem;
+		padding: 1rem;
+		color: rgb(90,90,90);
+		background: rgba(250,250,250,0.8);
+	}
 
-/* logos portada */
-.banner-image {
-	margin-left: -7px;
 }
+@media screen and (max-width: 510px){
+	.indexall.wide .boxentry {
+		/* max-width: 200px; */
+	}
 
-/*styles para tabla de convocatorias para jurado*/
-.page-template-page-plain-php #content.unic #pagina {
-	background-color: transparent;
 }
+@media screen and (max-width: 754px) {
+	/* only mobile */
 
-.page-template-page-plain-php .shadow {
-	box-shadow: none;
-}
-
-li.boxentry.destacat {
-	background-color: yellow;
-}
-
-table.cf7-db-table tbody td > div {
-	max-height: none;
-}
-
-
-/* mods for mobile devices on top of the theme.
-* date: 2020 04 14
-* by: jorge vitrubio.net
-* * * */
-
-.hide{display: none;}
-
-.toogle-sidebar-segona .show-mobile,
-.toogle-sidebar-segona .hide-not-mobile{
-	display:none;
-}
-
-@media screen and (max-width: 768px) {
-/* begin of top-head*/
+	/* begin of top-head*/
 	#top-head{
 		min-height: 6rem;
 		height:auto;
@@ -178,8 +236,8 @@ table.cf7-db-table tbody td > div {
 	}
 	.toogle:checked+.toogled-menu{
 		display: block;
-		/* margin-top:0;
-		position: relative; */
+		margin-top: 4px;
+		/*position: relative; */
 	}
 	.toogle-show {
 		position: relative;
@@ -213,15 +271,20 @@ table.cf7-db-table tbody td > div {
 		margin-top: -1.4rem;
 	}
 	/* end of menu hidden*/
-
-	/*
-	* styles to fit elements into mobile
-	* * */
-	#content {
-		width: 80vw;
-		float: none;
+	.indexall.wide .boxentry {
+		max-width: 444px;
+		width: 100%;
 	}
-	#breadcrumb{
+	.boxentry {
+		max-width: 14rem;
+	}
+	:not(li).boxentry {
+		height: 360px;
+		padding-bottom:15px;
+		/* width: 100%;
+		padding-bottom:4rem; */
+	}
+	#breadcrumb {
 		overflow:unset;
 		width:90vw;
 		margin-top:1rem;
@@ -233,14 +296,6 @@ table.cf7-db-table tbody td > div {
 		width: 80vw;
 		min-height: auto;
 	}
-	.boxentry {
-		width: 100%;
-	}
-	:not(li).boxentry {
-		width: 100%;
-		height: auto;
-		padding-bottom:4rem;
-	}
 	.boxpeu{
 		width:100%;
 		position:relative;
@@ -252,92 +307,46 @@ table.cf7-db-table tbody td > div {
 		height: 100%;
 		display: inline-block;
 	}
-}
 
-@media screen and (min-width: 426px) and (max-width: 768px) {
-	.boxentry {
-     max-width: 14rem;
- }
- :not(li).boxentry {
-	 height: 360px;
-	 padding-bottom:15px;
- }
-}
-
-/* mods 2022 01 31st */
-/* WIDGET HOME HERO
-------------------------------------------*/
-
-@media screen {
-  aside.hero {
-    display: flex;
-    width: auto;
-  }
-  aside.hero .widget-container {
-    position: relative;
-    min-width: 100%;
-    height: 40vw;
-    margin-bottom: 2rem;
-    overflow: hidden;
-  }
-  aside.hero .widget-container .widget-title {
-    position: absolute;
-    z-index: 100;
-    width: 75%;
-    margin: 3rem 1rem;
-    padding: 1rem;
-    font-size: 3rem;
-    font-weight: bold;
-		line-height: 1.5rem;
-    color: blue;
-  }
-  aside.hero .widget-container img {
-    position: absolute;
-    z-index: 99;
-    top: -20%;
-    width: 100%;
-    height: auto;
-  }
-  aside.hero .widget-container p {
-    position: absolute;
-    z-index: 101;
-    bottom: 0;
-		width: 70%;
-    margin: 2rem 1rem;
-    padding: 1rem;
-    color: rgb(90,90,90);
-    background: rgba(250,250,250,0.8);
-  }
-  
-}
-
-@media screen and (max-width: 768px) {
-  aside.hero .widget-container {
+	/* WIDGET HOME HERO
+	------------------------------------------*/
+	aside.hero .widget-container {
 		width: 90vw;
 		height: 60vw;
-	  margin-top: 2rem;
-  }
+		margin-top: 2rem;
+	}
 	aside.hero .widget-container .widget-title {
 		font-size: 1.5rem;
 		line-height: 1.3rem;
 		margin: 1rem;
 	}
 	aside.hero .widget-container img {
-    top: 0;
+		top: 0;
 	}
 	aside.hero .widget-container p {
 		width: auto;
 		margin: 1rem;
 	}
 }
+@media screen and (min-width: 754px) {
+	.indexall.wide{
+		width: auto;
+}
+	.indexall.wide .boxentry {
+		width: 100%;
+	}
+}
 @media screen and (min-width: 1920px) {
-  aside.hero .widget-container {
-    max-height: 50vh;
-  }
+	/* WIDGET HOME HERO
+	------------------------------------------*/
+	aside.hero .widget-container {
+		max-height: 50vh;
+	}
 }
 @media screen and (min-width: 3840px) {
-  aside.hero .widget-container {
-    max-height: 25vh;
-  }
+	/* WIDGET HOME HERO
+	------------------------------------------*/
+	aside.hero .widget-container {
+		max-height: 25vh;
+	}
 }
-
diff --git a/style.css b/style.css
index d364bb4..840cc7c 100644
--- a/style.css
+++ b/style.css
@@ -199,10 +199,10 @@ li.news a:hover{background: transparent url('images/newshover.png') no-repeat 0
 	float:left;
 	font-size: 12px;
 }*/
-.indexall.wide {
+/*.indexall.wide {
 	width: calc(100vw - 350px);
 	overflow: hidden;
-}
+}*/
 
 #content.unic, #content.mix, #content.resultats {
 	 width:480px;
@@ -773,13 +773,6 @@ img.topspimg {margin-top: 28px!important;}
 filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=145, Color='#91939a');}
 
 
-.indexall.wide .boxentry {
-  width: calc(100% - 85px);
-}
-
-.ie {
-
-}
 
 .hentry
 .head-entry {height:65px; font-size:14px;line-height: 15px; margin-bottom:8px; padding: 0; color: #0000FF; display: block; }