/*
Theme Name: TwentyTwentyTwo for NauBostik
Theme URI:  https://linuxbcn.com
Author:     LinuxBCN
Author URI: https://linuxbcn.com
Template:   twentytwentytwo
Version:    1.0
License:    GNU General Public License v2 or later
*/

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500&family=Poppins:wght@400;600&display=swap" rel="stylesheet">

body {
	font-size: 18px
	font-weight: 400;
	line-height: 1.5em;
}

/** Body p **/
.entry-content, .entry-content p, .post-content, .page-content, .post-excerpt, .entry-summary, .entry-excerpt, .excerpt, .excerpt p, .type-post p, .type-page p {
	font-size: 18px;
	font-weight: 400;
	line-height: 1.5em;
}

/** Top del menú principal 
div.is-content-justification-space-between.is-layout-flex.wp-container-4 {
	margin-top:-4em;
}**/

/** Block header 3 columnes **/
.bostik-header {
	height: 75px;
	padding-left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}

/** Logo Bostik portada **/
.wp-block-site-logo a, .wp-block-site-logo img {
	width: 75px;
	height: 75px;
	margin-bottom: 0em;
}

.bostik-logo-portada  {
	display: block;
	max-width: 100px!important;
	max-height: 100px!important;
}

#menu-nav-box {
	height: 75px;
	/** vertical-align: middle; **/
}

/* 
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/

@media (min-width: 481px) and (max-width: 767px) {
  
	.wp-block-navigation-item__label {
		font-size: 1em;
		line-height: 1rem;
		color: #e52204;
	}
	
  }

  


/* 
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/

@media (min-width: 320px) and (max-width: 480px) {
  
	.bostik-logo-portada  {
		display: none;
	}

	.bostik-header {
		height: 25px;
		text-align: center;
	}
	
	.slogan-naubostik-box {
		height: 25px;
		color: #eee;
		text-align: center;
		display: none;
	}

	#menu-nav-box {
		display: none;
	}

	.mobmenul-container, .mobmenur-container {
		background-color: #E75112;
	}

	.mob-menu-logo-holder {
		background-color: #E75112;
	}

  }






/** Main Menú **/
.wp-block-navigation .wp-block-navigation-item__label,
.wp-block-navigation-item .has-child.open-on-hover-click .wp-block-navigation-submenu,
a.wp-block-navigation-item__content,
a:visited.wp-block-navigation-item__content,
a:link.wp-block-navigation-item__content{	
    font-family: 'Poppins', sans-serif;
	font-weight: 600;
	text-decoration-thickness: 2px;
	text-transform: uppercase;
}
a:active.wp-block-navigation-item__content,
a:hover.wp-block-navigation-item__content {
	font-weight: 700;
}

/** Menú Principal centrat verticalment amb el logo **/
nav.is-layout-flex.is-responsive.wp-block-navigation {margin-top: -0.5em;}

div.aligncenter.wp-block-site-logo {margin-top: 1.5em;}

.header-menu {margin-top: -2em!important;}

/** Menú Mobil **/
.mob-menu-header-holder {
	font-family: 'Poppins';	
}

/** Slogan del site **/
.slogan-site-top {
	display: block;
	padding-top: 10px;
	font-weight: 800;
	font-size: 0.8em;
	text-transform: uppercase;
}

p.has-text-align-center.slogan-site-top {
  text-transform: uppercase;
	font-family: 'Barlow Condensed';	
}



/** 
Espai entre menú navegació i slide **/

:where(.wp-block-group.has-background) {
	padding: 0px;
}



/** PORTADA
/** Slideshow **/
.seriousslider {
	margin-top: 01em;
}


/** PORTADA
/** Slideshow **/

.seriousslider-inner > .item img.item-image {
	max-height: 28vmax;
	max-width: none;
	width: auto;
}
.seriousslider-sizing2 .seriousslider-inner > .item img.item-image {
	max-height: none;
}
.seriousslider-control {
	font-size: 20px;
}

@media (max-width: 1920px) {
	.seriousslider-inner > .item img.item-image {
		max-height: 27vmax;
		max-width: none;
		width: auto;
	}
	.seriousslider-sizing2 .seriousslider-inner > .item img.item-image {
		max-height: none;
	}
    .seriousslider-control {
        font-size: 20px;
    }
}

@media (max-width: 800px) {
	.seriousslider-inner > .item img.item-image {
		max-height: 15vmax!important;
		max-width: none;
		width: auto;
	}
	.seriousslider-sizing2 .seriousslider-inner > .item img.item-image {
		max-height: none;
	}
    .seriousslider-control {
        font-size: 20px;
    }
}
@media (max-width: 551px) {
	.seriousslider-inner > .item img.item-image {
		max-height: 10vmax;
		max-width: none;
		width: auto;
	}
	.seriousslider-sizing2 .seriousslider-inner > .item img.item-image {
		max-height: none;
	}
    .seriousslider-control {
        font-size: 20px;
    }

@media (max-width: 365px) {
	.seriousslider-inner > .item img.item-image {
		max-height: 8vmax;
		max-width: none;
		width: auto;
	}
	.seriousslider-sizing2 .seriousslider-inner > .item img.item-image {
		max-height: none;
	}
    .seriousslider-control {
        font-size: 20px;
    }
}

h2.tribe-events-widget-events-list__header-title.tribe-common-h6.tribe-common-h--alt {
	font-weight: 500;
	font-size: 1.95rem;
	color: #E75112;
}

/** Títol home **/
.home.page-id-824 .wp-container-6,
.home.page-id-824 h2.wp-block-post-title {
	display: none;
}
/** Títol home corregir espai amb el menú **/
.home.page-id-824 div.wp-container-10.entry-content.wp-block-post-content {
	margin-top: -120px;
}

/**
 * Ample de la pàgina **/
.wp-container-10 > :where(:not(.alignleft):not(.alignright)) {
 max-width: 990px;
	}

/** Ample de la pàgina "post" **/

.wp-container-10 > :where(:not(.alignleft):not(.alignright)) {
	max-width: 990px;
	margin-left: auto;
	margin-right: auto;
}


/** Esdeveniments
Imatge Featured **/
/* Quan la pantalla és menor a 900px  (tablets y teléfonos inteligentes) */
 @media (max-width: 600px) {
.single-tribe_events .wp-block-post-featured-image.alignfull img, 
.single-tribe_events .wp-block-post-featured-image.alignwide img
{
	float: none;
	max-width: 250px;
	margin-left: 0em;
	position: relative;
}
}

/* Smartphones (landscape) */
@media only screen and (min-width : 321px) {
.single-tribe_events .wp-block-post-featured-image.alignfull img, 
.single-tribe_events .wp-block-post-featured-image.alignwide img
{
	max-width: 450px;
	margin-left: 0em;
	position: relative;
	float: none;
}
}
/* Ordenadores de sobremesa y portátiles */
@media only screen and (min-width : 1224px) {
.single-tribe_events .wp-block-post-featured-image.alignfull img, 
.single-tribe_events .wp-block-post-featured-image.alignwide img
{
	float: right;
	display: block;
	max-width: 250px;
	margin-left: -7em;
	position: absolute;
}
}

/** Esdeveniments
Blocks de portada **/
div.ect-rate-area {display: none!important;}


/* Ordenadores de sobremesa y portátiles **/
@media only screen and (min-width : 1224px) {
#ect-events-list-content, .ect-list-wrapper {
	display: inline-flex;
	width: 100%;
	max-width: 100%;
	margin-block-start: 5px auto;
	padding: 0;
}
#ect-events-list-content .ect-list-post {padding-left: 15px;}
#ect-events-list-content .ect-list-post-right {width: 50%;}

#ect-events-list-content .ect-list-post-left .ect-list-date {
	width: 15%;
	min-width: 50%;
	height: 50%;
	padding: 8px;
}
#ect-events-list-content span.ev-mo {
	font-size: 0.28em;
	line-height: 0em!important;
}
#ect-events-list-content .ect-list-date .ect-date-area .ev-yr {
	top: -20px;
}

}

/** Post title
.wp-block-post-title, .wp-block-post-title a, .entry-title, .entry-title a, .post-title, .post-title a, .page-title, .entry-content h1, #content h1, .type-post h1, .type-page h1 {
	font-family: 'Barlow Semi Condensed', sans-serif;
    font-size: 52px;
	color: #E75112;
	font-weight: 600;
	margin-bottom: 0.4em!important
}


.entry-content h2 {
	font-family: 'Barlow Condensed', sans-serif !important;
	color: #E75112 !important;
	text-transform: uppercase !important;	
} **/


/** H3 
.entry-content h3, .post-content h3, .page-content h3, #content h3, .type-post h3, .type-page h3 {
  font-size: 1.55rem;
	color: #E75112;
	font-weight: 400;
	margin-top: 1.2em;
	margin-bottom: -1.8em!imporntant;
}**/

/** H4 
.entry-content h4, .post-content h4, .page-content h4, #content h4, .type-post h4, .type-page h4 {
  font-size: 1.2rem;
	color: #E75112;
	font-weight: 600;
	margin-top: 1.5em;
	margin-bottom: -0.7em;
	font-weight: bold!important;
}**/

/** Twitter **/
.Twitter-bloc {
	width:100%;
}

/** Instagram **/
.home-instagram-block {
	width: 100%;
	margin-left: -120px;
}

.InstagramFeed__feed {
	margin-left: 15em;
}
.spotlight-instagram-feed {
	margin-bottom: -200px
}

/** paginador **/
.post-nav-links {
	background-color: #eee;
	padding: 1em 1em 1em 1em;
}

p.post-nav-links {
	margin-top: 3em;
	font-weight: 700;
	color: #E75112;
}
.post-nav-links .post-page-numbers, .post-nav-links a.post-page-numbers {
	font-family: "poppins";
	font-weight: 500;
	padding: 0.8em;
}

.post-nav-links a:hover.post-page-numbers {
	color: #E75112;
	font-weight: 700;
}

.post-page-numbers.current {
	color: #E75112;
	font-weight: 700;
}

/** paginador Cerca **/
.wp-block-query-pagination
{
	background-color: #eee;
	padding: 1em 1em 1em 1em;
}

.wp-block-query-pagination-numbers {
	font-family: "poppins";
	font-weight: 500;
	padding: 0.8em;
}

.wp-block-query-pagination-numbers .page-numbers {
	padding-left: 3em;
}

.wp-block-query-pagination-numbers span.page-numbers.current {	
	color: #e52204;
	font-weight: 700;
}

/** Twitter // Instagram **/

#ctf #ctf-more {
	margin-top: -20px;
}

div.FeedLayout__root {
	margin-top: 50px;
	min-height: 600px;
}

/** footer **/
div.home-peu-bloc {
	border-top: 5px solid #e55204;
}

/** Powered **/
div.poweredby {
	border-top: 5px solid #e55204;
	padding: none;
	margin-top: -10px;
	margin-bottom 10px !important
}

/** Formulari de contacte **/

button, .button, input, select, textarea, .wp-block-button, .wp-block-button__link,
imput.wpcf7-form-control.has-spinner.wpcf7-submit
{
	font-size: 1em;
}

/** Titols Esdeveniments **/
h2.tribe-events-widget-events-list__header-title.tribe-common-h6.tribe-common-h--alt {
  font-size: 1.95rem;
  font-family: "Barlow Condensed";
}

/** Esdeveniments futurs portada **/
#ect-events-list-content .style-1.ect-simple-event .ect-list-post-right .ect-list-venue {
	display: none;
}

#ect-events-list-content .ect-list-post-right .ect-list-description .ect-event-content, #ect-events-list-content .ect-list-post-right .ect-list-description .ect-event-content p {
	display: none !important;
}

/** Esdeveniments
Imatge Featured **/
.tribe-common--breakpoint-medium.tribe-common .tribe-common-g-row--gutters>.tribe-common-g-col {}

.tribe-events .tribe-events-calendar-list__event-featured-image {
	max-width: 100px;
}


/** El Projecte -- Residents
Views 
.sp-pcp-post-thumb-area {
	max-width: 150px;
}**/

/** El Projecte -- Residents
Imatge Featured **/
.category-residents .wp-block-post-featured-image.alignfull img,
.category-residents .wp-block-post-featured-image.alignwide img {
	width: 250px;
	float: right;
	margin-top: -6em
}

/** Esdeveniments del propi modul esdeveniments **/
.ebec-static-small-list-ev-img img {
	width: 33px!important;
	background-color: #e1624b!important;
}


/** Esdeveniments
Eliminar autor i data 
.wp-block-post-author {display:none;}
.wp-block-post-date.has-small-font-size {display:none;}
.wp-block-post-author {display:none;}
**/

/** Esdeveniments
Informació esdeveniment 
.tribe-events-single-section.tribe-events-event-meta.primary.tribe-clearfix
h3.tribe-events-single-section-title {
    font-size: 1em;
}**/

/** Esdeveniments
Informació esdeveniment - Bold dels títolets
.tribe-events-meta-group-details dt,
.tribe-events-meta-group-organizer dt {
    font-weight: bold;
    display: inline;
}

.tribe-events-meta-group-details dd,
dd.tribe-organizer,
dd.tribe-organizer-email,
dd.tribe-organizer-url {
    margin-inline-start: 0px;
}
**/

/** Esdeveniments
Informació esdeveniment - Ample del div del map a**/
div.tribe-events-meta-group.tribe-events-meta-group-details {width: 45%;}
.tribe-block__venue.tribe-block__venue--has-map .tribe-block__venue__map {width: 62%;}

/** Esdeveniments
Link més esdeveniments portada **/
h3#link-mes-esdeveniments,
h3#link-mes-esdeveniments a {
	font-size: 0.8em;
}

/** Esdeveniments
Afageix al Calendari **/
.single-tribe_events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button, .tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button {
	border: none;
}

div.tribe-common-c-btn-border.tribe-events-c-subscribe-dropdown__button,
div.tribe-common-c-btn-border.tribe-events-c-subscribe-dropdown__button a:link {
	background-color:#E75112;
}
.single-tribe_events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__export-icon, .tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__export-icon {
	color: #fff;	
}
.single-tribe_events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button-text, .tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button-text {
	color: #fff;
}
.single-tribe_events .tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button-icon, .tribe-block__events-link .tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button-icon {
	color: #fff;
}



/** El Projecte
El projecte  - Views **/

.sp-pcp-post .sp-pcp-title, .sp-pcp-post .sp-pcp-title a {
	font-size: 1.5em;
	margin-top: 0em;
	line-height: 1em;
	color: #e1624b;
	font-weight: 600;
}

.sp-pcp-post-thumb-area {
	min-width: 450px;
	max-height: 100%;
	min-height: 100%;
	vertical-align: middle;
}

div.pcp-post-thumb-wrapper img {align-items: center;}

#titol-portada {
	display: none !important;
}


/** Els H capçalera **/
.wp-block-heading {	letter-spacing: 0px!important;}

h1 {
	font-family: 'Poppins', sans-serif!important;
	font-size: 30px!important;
	text-transform: uppercase!important;
	letter-spacing: 0px!important;
}
h2 {
	font-family: 'Barlow Condensed', sans-serif!important;
	font-size: 50px!important;
	color: #E75112!important;
	letter-spacing: 0px!important;
}
h3 {
	font-family: 'Barlow Condensed', sans-serif!important;
	font-size: 30px!important;
	text-transform: uppercase!important;
	letter-spacing: 0px!important;
}
h4 {
	font-family: 'Barlow Condensed', sans-serif!important;
	font-size: 27px!important;
	letter-spacing: 0px!important;
}
h5 {
	font-family: 'Barlow Condensed', sans-serif!important;
	font-size: 20px!important;
	text-transform: uppercase!important;
	color: #E75112!important;
	letter-spacing: 0px!important;
}
h6 {
	font-family: 'Barlow Condensed', sans-serif!important;
	font-size: 22px!important;
	text-transform: uppercase!important;
	letter-spacing: 0px!important;
}


/** Logo portada
Per a telèfons **/
/* For Mobile */
@media screen and (max-width: 540px) {
    .logo-naubostik-home {
        width: 100px!important;
    }
}

/* For Tablets */
@media screen and (min-width: 540px) and (max-width: 780px) {
    .logo-naubostik-home {
        width: 100px!important;
    }
}

/** el títol de la portada ***/

#titol-portada {
	padding-left: 0px;
	padding-right: 0px;
}


span.tribe-events-schedule__date.tribe-events-schedule__date--start {
	color: #E75112;
	font-size: 1.5em;
}



/* Responsive per menú capçalera */

/* Set the background color of body to tan */
div.wp-block-column.is-vertically-aligned-center.slogan-naubostik-box {
	display: block;
}


/* On screens that are 600px or less, set the background color to olive */
@media screen and (max-width: 600px) {
div.wp-block-column.is-vertically-aligned-center.slogan-naubostik-box {
	display: none;
}
}

/* On screens that are 992px or less, set the background color to blue */
@media screen and (max-width: 992px) {
div.wp-block-column.is-vertically-aligned-center.slogan-naubostik-box {
	display: none;
}
}