hangar-wp-theme/css/styleHangar.css

@charset "utf-8";

@media screen {

	.centertext {
		text-align: center;
		margin-bottom:5px;
	}
	.textblau {
		color: blue;
	}

	.petita10{font-size:10px;}

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

	/* pagenavi */
	.wp-pagenavi {
		display: block;
	}
	.tag .wp-pagenavi a, .tag .wp-pagenavi span {
		padding: 1px !important;
	}

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

	/* --- Post From Category PFC
	Post From Tag PFT --- */

/* reset style*/
.hangar-extra-content  .pfc-posts-main,
.hangar-extra-content  .pft-posts-main{
    margin-bottom: 10px;
 }
.hangar-extra-content .pfc-posts-main .pfc-post,
.hangar-extra-content .pft-posts-main .pft-post {
    float: none;
    display: inline-block;
    padding-right: 15px;
    padding-left: 15px;
    vertical-align: top;
    margin-left: -3px;
    position: relative;
    margin-bottom: 20px;
}
.hangar-extra-content .pfc-posts-main .pfc-post .news-text-wrap,
.hangar-extra-content .pft-posts-main .pft-post .news-text-wrap  {
    padding-top: 15px;
		width:calc(100% - 30px);
}
.hangar-extra-content .pct-posts-main .pct-post .news-text-wrap h2,
.hangar-extra-content .pft-posts-main .pft-post .news-text-wrap h2 {
    margin-bottom: 5px;
    margin-top: 0;
    padding-top: 0;
		letter-spacing: normal;
}
.hangar-extra-content .pfc-posts-main .pfc-post,
.hangar-extra-content .pft-posts-main .pft-post {
    margin-left: 0px;
    padding-left: 0px;
    padding-right: 0px;
    width: 100%;
}
.hangar-extra-content .pfc-posts-main .pfc-post .news-text-wrap p,
.hangar-extra-content .pft-posts-main .pft-post .news-text-wrap p{
    margin-bottom: 0px;
    margin-top: 5px;
		font-size: 11.5px;
}
.hangar-extra-content .pfc-posts-main .news-text-wrap .posted-date,
.hangar-extra-content .pft-posts-main .news-text-wrap .posted-date {
	display: none;
}
.hangar-extra-content .pfc-posts-main .news-text-wrap .read-more,
.hangar-extra-content .pft-posts-main .news-text-wrap .read-more {
    display: inline-block;
    width: 100%;
		margin-bottom: 0px;
    margin-top: 5px;
		font-size: 0;
		line-height: 1rem;
		padding-bottom: 0;
		min-height: 1rem;
		bottom: 0;
}
.read-more:hover,
.hangar-extra-content .pfc-posts-main .news-text-wrap .read-more:hover,
.hangar-extra-content .pft-posts-main .news-text-wrap .read-more:hover {
	text-decoration: none;
}
.hangar-extra-content .pfc-posts-main .pfc-post:last-child ,
.hangar-extra-content .pft-posts-main .pft-post:last-child {
    margin-bottom: 0px;
}
/* layout one css starts */
.hangar-extra-content .pfc-posts-main .pfc-post.layout-one .news-thumb,
.hangar-extra-content .pft-posts-main .pft-post.layout-one .news-thumb {
    /*float: none;*/
    width: auto;
	  max-height: 8.3rem;
	  /*overflow: hidden;*/
    /*position: absolute;*/
		padding-right: 15px;
}
.hangar-extra-content .pfc-posts-main .news-thumb a img,
.hangar-extra-content .pft-posts-main .news-thumb a img {
	max-width: 100%;
	height: auto;
	background: #eee;

}
.hangar-extra-content .pfc-posts-main .layout-one .news-text-wrap,
.hangar-extra-content .pft-posts-main .layout-one .news-text-wrap {
    float: none;
    padding-left: 0;
    min-height: 80px;
		height: calc(100% - 1rem);
}
.hangar-extra-content .pfc-posts-main .news-text-wrap h2 a,
.hangar-extra-content .pft-posts-main .news-text-wrap h2 a {
		font-size: 14px;
		line-height: 15px;
		padding: 0;
		color: #0000FF;
		display: inline-block;
		font-weight: normal;
}
.hangar-extra-content .pfc-posts-main .layout-one .news-text-wrap.info-without-space,
.hangar-extra-content .pft-posts-main .layout-one .news-text-wrap.info-without-space{
    padding-left: 0px;
}
/* layout two css starts */
.hangar-extra-content .pfc-posts-main .pfc-post.layout-two .news-thumb,
.hangar-extra-content .pft-posts-main .pft-post.layout-two .news-thumb {
    width: 100%;
		max-width: 200px;
}
/* end reset pfc */

	.hangar-extra-content .pft-posts-main,.hangar-extra-content .pct-posts-main{
		display: inline;
		margin: 0;
		margin-bottom: 1rem;
	}
	.hangar-extra-content .pft-posts-main	.pft-post,.hangar-extra-content .pfc-posts-main .pfc-post {
		line-height:15px;
		height:360px;
		min-width: 200px;
		width: 200px;
		margin-bottom:16px;
		padding: 15px;
		float:left;
		background-color: #FFF;
		margin-right: 15px;
		-moz-box-shadow: 3px 3px 4px #91939a;
		-webkit-box-shadow: 3px 3px 4px #91939a;
		box-shadow: 3px 3px 4px #91939a;
		position: relative;
	}
	.hangar-extra-content h1,
	.hangar-extra-content h2,
	.hangar-extra-content h3,
	.hangar-extra-content h4,
	.hangar-extra-content h5,
	.hangar-extra-content h6,
	.hangar-extra-content p {
		display: block;
		clear: both;
	}

  .hangar-extra-content .button {
    padding: 0.5rem;
    background: #00f;
    color: white;
  }
	.news-thumb {
		position: absolute;
		top: 5.6rem;
		max-height: 150px;
		overflow: hidden;
	}
	.news-text-wrap {
		position: absolute;
		top: 0;
		height: 100%;
	}
	.news-text-wrap h2 a {
		color: #0000FF !important;
		line-height: 0.8rem;
	}
	.news-text-wrap .posted-date {
		position: absolute;
		top: 4rem;
		font-size: 0.6rem;
	}
	.news-text-wrap p {
		position: absolute;
		top: 15rem;

	}
	.news-text-wrap .read-more {
		position: absolute;
		bottom: 2rem;
  }
	.hangar-extra-content .pfc-posts-main  .read-more,.hangar-extra-content  .pft-posts-main  .read-more {
		font-size: 0px;
		min-width: 1rem;
		min-height: 1rem;
	}
	.hangar-extra-content .pfc-posts-main .read-more:before,.hangar-extra-content .pft-posts-main .read-more:before {
		content: url('https://test.hangar.org/wp-content/themes/hangar-wp-theme/images/fletxalink.png');
		display: inline-block;
		font-size: 0.8rem;
	}




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


	#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 {
	}
	.indexall.wide{
		display: flex;
		width: 100%;
		margin-right: 35px;
	}
	.indexall.wide .boxentry h2.index {
		/* same style as #content.unic h2, #content.resultats h2 */
		color: #0043f6;
		text-transform: unset;
		font-weight: normal;
		font-size: 20px;
		line-height: 20px;
		margin-bottom: 20px;
		padding:0;
	}
	.indexall.fills{
		display: flex;
	}

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

}
@media screen and (max-width: 510px){
	.indexall.wide .boxentry {
		/* max-width: 200px; */
	}

}
@media screen and (max-width: 754px) {
	/* only mobile */

	/* begin of top-head*/
	#top-head{
		min-height: 6rem;
		height:auto;
		margin-bottom:2rem;
		max-width: 100vw;
		min-width: 0;
		width: 100vw;
	}
	#wrap_topheader.amplegrann {
		display: inline-block;
	}

	ul.diversos.alignleft {
		float: none;
	}
	ul.diversos li {
		margin-right: 0;
	}

	.languages.alignleft {
		display: block;
		float: none;
	}

	#cercar {
		float: none;
		margin-right: 0;
		width: 100%;
	}

	.search-input {
		width: calc(100% - 75px);
	}
	/* end of top-head*/
	#sidebar-primary {
		float: none;
	}

	/* begin of menu-hidden */
	.toogle-sidebar-segona .show-mobile{
		display:inherit;
	}
	.toogle,
	.toogled-menu {
		display: none;
	}
	.toogle:checked+.toogled-menu{
		display: block;
		margin-top: 4px;
		position: relative;
	}
	.toogle-show {
		position: relative;
		display: inline-block;
		width: 1.8em;
		height: 1em;
		margin-right: 0.3em;
		border-top: 0.3em solid #000;
		border-bottom: 0.3em solid #000;
	}
	.toogle-show:before {
		content: "";
		position: absolute;
		top: 0.3em;
		left: 0px;
		width: 100%;
		border-top: 0.3em solid #000;
	}
	.toogle-hide::after{
		content: 'x';
		display: block;
		top: -1rem;
		left: 0rem;
		height: 1.1rem;
		width: 1.1rem;
		font-size: 2rem;
		font-weight: bold;
		background-color: white;
		color: black;
		padding: 0.2rem;
		margin-top: -1.4rem;
	}
	/* end of menu hidden*/
	.indexall.wide .boxentry {
		max-width: 444px;
		width: 100%;
		min-height: 360px;
		height: auto; /*for long text content*/
	}
	.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;
	}
	#breadcrumb ul li {
		font-size:0.7rem;
	}
	#content.unic #pagina, #content.unic .post, #content.resultats #pagina {
		width: 80vw;
		min-height: auto;
	}
	.boxpeu{
		width:100%;
		position:relative;
	}
	.page-template-seccions-php #main, .category #main {
		margin-left:auto;
	}
	#footer {
		height: 100%;
		display: inline-block;
	}

	/* WIDGET HOME HERO
	------------------------------------------*/
	aside.hero .widget-container {
		width: 90vw;
		height: 60vw;
		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;
	}
	aside.hero .widget-container p {
		width: auto;
		margin: 1rem;
	}
}
@media screen and (min-width: 754px) {
	.indexall.wide {
		width: auto;
		width: 30.6rem;
	}
	.indexall.wide .boxentry {
		width: 100%;
		height: auto;
		line-height: inherit;
	}
	.indexall.wide .contentcurt {
		/* column-count: 2; */
	}
}
@media screen and (min-width: 1920px) {
	/* WIDGET HOME HERO
	------------------------------------------*/
	aside.hero .widget-container {
		max-height: 50vh;
	}
}
@media screen and (min-width: 3840px) {
	/* WIDGET HOME HERO
	------------------------------------------*/
	aside.hero .widget-container {
		max-height: 25vh;
	}
}