/**/
Theme Name: CBMorell

Theme URI: 

Template: generatepress

Author: Pep

Author URI: https://www.websx3.cat

Description: Child theme per fer canvis amb seguretat

Version: 1.0

*/

/*---------- Personalitza el teu tema ----------*/


/** Websx3 cambio color de background del titol Social-Timeline*/

.dpSocialTimelineContentHead {

	background: rgba( 9, 20, 99, 0.44) !important;

}





/** Websx3 cambio color, fuente del submenú cuando esta activada una subpàgina y tamaño fuente submenu de 13 a 16*/

#main-menu .sub-menu li .active a {

	color:#10296a !important;

}

#main-menu .nav>li>ul li a {

	color:#ffffff !important;

	font-size: 16px !important;

}

/**Websx3 pruebas de color títulos entradas en pagina de inicio PARA FONDO NEGRO*/

.highlights-style2-item h3 a {

    color: #f97606!important; 

}

.highlights-style2-item h3 a:hover {

    color: #ffffff!important; 

}



.all-highlights-style2-item h3 a {

    color: #ffffff!important; 

}

.all-highlights-style2-item h3 a:hover {

    color: #f97606!important; 

}

/**Websx3 pruebas de color títulos Breaking news en pagina de inicio PARA FONDO NEGRO*/

.breaking-news-title h2 {

	color: #000000 !important;

}

/**Websx3 FIN pruebas de color títulos Breaking news en pagina de inicio PARA FONDO NEGRO*/



/**Websx3 pruebas de color títulos en la pàgina notícias PARA FONDO NEGRO*/

.entry-title.blog-entry-title a {

      color: #f97606!important;

}

.entry-title.blog-entry-title a:hover {

      color: #ffffff!important;

}

/**Websx3 fin pruebas de color títulos en la pàgina notícias PARA FONDO NEGRO*/

/**Websx3 pruebas de color títulos-icono SIDEBAR fondo negro*/

#sidebar .themeum-title h2.widget_title{

	color: #0776d4 !important;

}

#sidebar .themeum-title .icon-bar {

	background-color: #f97606 !important;

}



.widget ul li a{

	color: #0776d4 !important;

}

.widget ul li a:hover {

	color: #ffffff !important;

}

/**Websx3 pruebas de color fondo social-timeline fondo negro*/

div.dpSocialTimeline .dpSocialTimeline_item{

	background-color: rgba(255,255,255,0.93)!important;



}

div.dpSocialTimeline .dpSocialTimeline_item div.dpSocialTimelineContentFoot{

	background-color: #f4f4f4 !important;

}



/**Websx3 text del breaking news, mida & gruix*/

.themeum-breaking-news .carousel-inner h3 a {

	font-size: 18px !important;

	font-weight: 300 !important;

}

/**Websx3 social links footer modificacions */

.fa-2x{

	color:#f3f3f3 !important;

}

td, .table>tbody>tr>td{

	border-top:0px !important;

	text-align:center !important;

}

table{

	border-bottom:0px !important;

}



/**Websx3 links and icons twitter  */

.themeum-twitter .tweet-content .social-icon{

	color: #0776d4 !important;

}

.themeum-twitter .tweet-content a{

    color: #0776d4 !important;

}



/**Websx3 CSS Back to top button  */

/* --------------------------------

      Back to Top

-------------------------------- */

.cd-top {

  display: inline-block;

  height: 40px;

  width: 40px;

  position: fixed;

  bottom: 40px;

  right: 10px;

  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);

  /* image replacement properties */

  overflow: hidden;

  text-indent: 100%;

  white-space: nowrap;

  background: rgba(34, 121, 196, 0.8) url(img/cd-top-arrow4.svg) no-repeat center 50%;

  visibility: hidden;

  opacity: 0;

  -webkit-transition: opacity .3s 0s, visibility 0s .3s;

  -moz-transition: opacity .3s 0s, visibility 0s .3s;

  transition: opacity .3s 0s, visibility 0s .3s;

}

.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {

  -webkit-transition: opacity .3s 0s, visibility 0s 0s;

  -moz-transition: opacity .3s 0s, visibility 0s 0s;

  transition: opacity .3s 0s, visibility 0s 0s;

  border-radius: 5%;

}

.cd-top.cd-is-visible {

  /* the button becomes visible */

  visibility: visible;

  opacity: 1;

}

.cd-top.cd-fade-out {

  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */

  opacity: .5;

}

.no-touch .cd-top:hover {

  background-color: #0776d4;

  opacity: 1;

}

@media only screen and (min-width: 768px) {

  .cd-top {

    right: 20px;

    bottom: 20px;

  }

}

@media only screen and (min-width: 1024px) {

  .cd-top {

    height: 60px;

    width: 40px;

    right: 30px;

    bottom: 228px;

  }

}

/*Websx3 FIN CSS Back to top button */

/*Websx3 color descrició galeria peu-fotos*/

.pp_description{

	color: #0776d4;

}

/*Websx3 CSS div "websx3menufooter"*/


.websx3menufootera{

    margin-top: -38px;
    text-align: left!important;
}
.websx3menufooter{

	margin-top: -38px;
    text-align: right!important;

}

.websx3menufootera a:hover {

  color: #ffffff !important;

  }
.websx3menufooter a:hover {

  color: #ffffff !important;

  }

.textwidget .websx3menufooter{

  text-align: center;

}

/*Websx3 CSS div "websx3menufooter"*/

/*Websx3 CSS add caption a fotografies equips pg*/

.wpb_single_image .vc_figure-caption{

	margin-top: 15px !important;

	font-size: 17px !important;

	font-family: Roboto;

	font-weight: 700;

	color:#dddddd;

}

/*websx3 instagram feeds*/

#wdi_feed_0 .wdi_feed_container {

background-color: #262626 !important;

border-bottom: 0px !important;

}

.wdi_photo_wrap_inner {

  background-color: #262626 !important;

  padding: 8px !important;

  border: 0px !important; 

}

.wdi_header_user_text h3 {

  color:#0776d4 !important;

}

.wdi_pagination{

  color:#0776d4 !important;

  font-size: 26px !important;

}



.wdi_feed_item{

  display: inline-flex !important;

}

.wdi_header_user_text{

  margin-bottom: -50px !important;

}

.wdi_photo_img{

  border: 3px solid !important;

  border-color: #f4f4f4 !important;

  border-radius: 3% !important;

}

/*websx3 fi instagram feeds*/

/* Websx3 links page arxiu*/

.wpb_wrapper a{

	color: #f3f0ee !important;

}

.wpb_wrapper a:hover {

	color: #dddddd !important;

}

/* Websx3 links page inici diferents de l'arxiu page*/

.vc_row.wpb_row.vc_row-fluid.vc_custom_1480079187659 a{

	color: #f97606 !important;

}

.vc_row.wpb_row.vc_row-fluid.vc_custom_1480079187659 a:hover {

	color: #dddddd !important;

}

/*==================================================CONTACT FORM 7 ===========================================================*/
/*==================================================CONTACT FORM 7 ===========================================================*/
/*==================================================CONTACT FORM 7 ===========================================================*/

/*Text introducido en contact form7*/

.wpcf7-form-control-wrap input[type="text"], .wpcf7-form-control-wrap input[type="email"], .wpcf7-form-control-wrap input[type="url"], .wpcf7-form-control-wrap textarea {

	color: #000000 !important;

	font-size: 14px !important;

	font-weight: bold !important;

}

/*websx3 data de les noticies de cada pagina d'equip*/

.popular-news-intro .entry-date {

	color: #dddddd !important;

}

/*Text background submit contact form7*/

input.wpcf7-form-control.wpcf7-submit:hover {

	background-color: #0776d4 !important;

}

/* Websx3 custom class cridada al visual, fondo y links noticies d'equip*/

.nuno{

	background-color: #262626 !important;

	padding-left: 10px !important;

	padding-top: 10px !important;

	padding-bottom: 1px!important;

	border-radius: 3px !important;

	}

li.popular-item.popular-news-style2-item{

	margin-top: 0px!important;

	margin-bottom: 10px!important;

}

.popular-news-style2-item  .popular-news-intro .entry-title a{

	color: #dddddd !important;

}

.popular-news-style2-item  .popular-news-intro .entry-title a:hover {

	color: #f97606 !important;

}

/*Websx3 color txt breaking news*/

.themeum-breaking-news .carousel-inner h3 a{

	color: #dddddd !important;

}

.themeum-breaking-news .carousel-inner h3 a:hover {

	color: #f97606 !important

}

/*websx3 last match no clock*/

.latest-team .latest-team-b{

	background-color: rgba(32,99,185,.8) !important;

	font-size: 15px !important;

	border-color: rgba(0,0,0,.8) !important;

	color: #dddddd !important;

}

.latest-team .latest-team-a{

	background-color: rgba(32,99,185,.8) !important;

	font-size: 15px !important;

	border-color: rgba(0,0,0,.8) !important;

	color: #dddddd !important;

}

.latest-team-b::before{

	border-color:rgba(0,0,0,.8) !important;

}

.latest-team-a::after{

	border-color:rgba(0,0,0,.8) !important;

}

/*websx3 mida-retall img del last match */

/*.themeum-latest-match{

	padding: 303px 0 280px 0 !important;

}*/

div#home-countdown-timer{

	background-color: rgba(32,99,185,.8) !important;

}

/*websx3 last match triangles colors */

.latest-team-a::after{

  border-color: rgba(249, 246, 246, 0.94) !important;

  margin-top: -9px;

}

.latest-team-b::before{

  border-color: rgb(13, 32, 138) !important;

}

/*===================background contador uji=================*/

/*===================background contador uji=================*/

div#ujiCountdown{

	padding:1%;

	background-color:#eaeaef6e;

	border-radius: 5px;

}



div#ujiCountdown{

	margin-top: -27%!important;

	margin-left:34%!important;

}



@media only screen and (max-width: 800px){

	div#ujiCountdown{

	margin-top: 0px!important;

	margin-left:0px!important;

	padding: 1%!important;

	width: 100%!important;	

  }

  .countdown_amount{

  	font-size:21px!important;

  }

  .countdown_section{

  	padding-left: 2%!important;

  }

  #imgpcinici{

  	display: none;

  }

}

@media only screen and (min-width: 801px){

  #imgmvinici{

  	display:none;

  }

}

@media only screen and (min-width: 801px) and (max-width: 1000px){

	div#ujiCountdown{

	padding: 1%!important;

	margin-left: 2%!important;	

  }

    .countdown_amount{

  	font-size:21px!important;

  }

}

/*===================popup =================*/

/*===================popup =================*/

div#popup{

	border-radius:5px!important;

}





@media only screen and (max-width: 800px){

	div#popup {

		width:70%!important;

		height:auto!important;

		align-items: center;

	}

	#popups-cnt {

		width:90%!important;

		height:auto!important;

		align-items: center;

	}

	img#pig{

		width:100%!important;

		height:auto!important;

		align-items: center;

	}

}



/*===================video gracies =================*/

/*===================video gracies=================*/



@media only screen and (max-width: 800px){

    #gracies{

    	width: 100%!important;

        /*height: 100%!important;*/

    }

    .vc_custom_1501098655481{

    	height: auto!important;

    }



}



/*==========================boton load more i follow de smash balloon insta=============*/

a.sbi_load_btn {

    font-weight: bold!important;

}

span.sbi_follow_btn a {

    color: #fff!important;

    font-weight: bold!important;

}

/*========================================Botó descarregar codi barres Fes-te Soci========================*/

a.vc_general.vc_btn3.vc_btn3-size-md.vc_btn3-shape-rounded.vc_btn3-style-modern.vc_btn3-icon-right.vc_btn3-color-blue{

	color:#ffffff!important;

	font-weight: bold!important;

}

a.vc_general.vc_btn3.vc_btn3-size-md.vc_btn3-shape-rounded.vc_btn3-style-modern.vc_btn3-icon-right.vc_btn3-color-blue:hover{

	color:#f97606!important;

	font-weight: bold!important;

}

/*=============enllaç del menu principal campus 21=====================*/

.campus21 a {

    color: #f97606!important;

    font-weight: bold!important;

}

/*============Informacio de proteccio dades textte final formularis=====================*/

p.infobasic {

    font-size: 14px!important;

}

/*================================botons enviar inscripció formularis ===============================*/

.botoinscripcions {

    color: #ffffff!important;

    font-weight: bold!important;

    border-color: #5472d2;

    background-color: #5472d2;

    font-size: 14px;

    padding-top: 14px;

    padding-bottom: 14px;

    padding-left: 40px;

    padding-right: 40px;

    border-radius: 5px;

    background-image: linear-gradient(to bottom,rgba(255,255,255,.2) 0,rgba(255,255,255,.01) 100%);

    background-repeat: repeat-x;

}

.botoinscripcions:hover {

    color: #f97606!important;

  }



  /*=====================MODIFICACIONS SOLAPA COOKIES==================*/

/*=====================MODIFICACIONS SOLAPA COOKIES==================*/

#moove_gdpr_cookie_info_bar{

  min-height: 100px!important;

}

#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container{

  padding:30px 40px!important;

}

aside#moove_gdpr_cookie_info_bar{

    font-weight: bold!important;

}

.moove-gdpr-modal-content.moove-clearfix.logo-position-left.moove_gdpr_modal_theme_v1{

    font-weight: bold!important;

}

.moove-gdpr-tab-main-content p{

  font-weight: bold!important;

}

.moove-gdpr-tab-main-content a{

    font-weight: bold!important;

    color: #00a674!important;

}

span.cookie-slider.cookie-round{

    font-weight: bold!important;

}

/*=====================END MODIFICACIONS SOLAPA COOKIES==================*/

/*=====================END MODIFICACIONS SOLAPA COOKIES==================*/



/*=================sidebar noticies===============*/



div#sidebar{

	margin-top:10%!important;

}





/*==================color de la barra comandaments del video de la portada=============*/

.mejs-controls{

	background-color: #f97606!important;

}







/*============== noticies i borders a la pàgina del blog==================*/

.entry-summary {

    border-top: 0px!important;

    padding-bottom: 35px!important;

    border-bottom: 1px solid!important;

}


/*==================================Formulari CF7 a 2 columnas responsive======================================*/

/*==================================Formulari CF7 a 2 columnas responsive=======================================*/

#responsive-form{

 max-width:1140px /*-- change this to get your desired form width --*/;

 margin:0 auto;

        width:100%;

}

.form-row{

 width: 100%;

}

.column-three, .column-four, .column-half, .column-full{

 float: left;

 position: relative;

 padding: 0.65rem;

 width:100%;

 -webkit-box-sizing: border-box;

        -moz-box-sizing: border-box;

        box-sizing: border-box

}

.clearfix:after {

 content: "";

 display: table;

 clear: both;

}

 

/**---------------- Media query ----------------**/

@media only screen and (min-width: 48em) { 

 .column-half{

 width: 48%;

 }

 .column-three{

 	width:32%;

 }

 .column-four{

 	width:24%;

 }

}

/*===========================STYLE Formulari CF7 a 2 columnas responsive=======================================*/

/*===========================STYLE Formulari CF7 a 2 columnas responsive=======================================*/



div#preins {

    background-color: #2745c1;

    color: #fff;

    padding-bottom: 2%;

    border-radius: 6px;

}

div#capcaleres.column-full{

  font-weight: bold!important;

  color:#f97606!important;

  font-size: 22px!important;

}

div#title{

	color: #dddddd !important;

  font-size: 17px !important;

  font-family: Roboto !important;

  font-weight: 700 !important;

}

span.wpcf7-list-item-label{

	font-size: 17px !important;

	font-weight: 500 !important;

}

/*======================background formulari menú preinscripcio ==================*/

.menupreins {

	background-color: #e92359!important;

	color:#ffffff!important;

	font-weight: 800!important;

  z-index: 33!important;

}

.menupreins span{

	background-color: #e92359!important;

	color:#ffffff!important;

	font-weight: 800!important;

  z-index: 33!important;

}

.menupreins span:hover{

	background-color: #e7597f!important;

	font-weight: 800!important;

  z-index: 33!important;

}

/*======================background botó enviar formulari menú preinscripcio ==================*/



input[type="submit"], input[type="reset"] {

    color: #ffffff!important;

    background-color: #2d72d2!important;

    border-color: #2d72d2!important;

    box-shadow: 0 -10px 10px 0 #2d72d2 inset!important;

    font-weight: bold;

    border-radius: 6px;

    padding: 10px 30px !important;

}

input[type="submit"]:hover {

   background-color: #8695f4!important;

   border-color: #fff!important;

   border-color: #8695f4!important;

    box-shadow: 0 -10px 10px 0 #8695f4 inset!important;

}

/*============================================PREU TOTAL======================================*/

/*============================================PREU TOTAL======================================*/

/*============================================PREU TOTAL======================================*/

div#priceweek.column-three{

	color: #ffffff!important;

	font-size: 18px!important;

	font-weight: 900!important;

	background-color: #263a55!important;

	text-align: center!important;

	border-radius: 25px!important;

	border:1px solid #ffffff!important;

	margin-top:20px;

	margin-bottom:20px;

	width:25%;

	margin-right:20px!important;

}



@media screen and (max-width: 760px){

	div#priceweek.column-three{

	width:85%!important;

	margin-left:10%!important;

  }

}





/*===============subtitols gris==============*/

div#subgri {

    color: #8897a5;

}

/*====================requadres informació categories=====================*/

div#samarretes {

    background-color: #2d72d2;

    border: 2px solid;

    border-radius: 6px;

    padding: 20px;

    font-size: 15px;

    font-weight: 400;

}

div#samarretes #title{

	color:#ffa152!important;

}

/*=====================amago preus individuals dels jugadors*/

div#invisible{

	display:none!important;

}

/*==================================END Formulari CF7 a 2 columnas responsive=======================================*/

/*==================================END Formulari CF7 a 2 columnas responsive=======================================*/

/*////////////////////////////////////////////////////////GENERATE PRESS NEW CSS////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////GENERATE PRESS NEW CSS////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////GENERATE PRESS NEW CSS////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////GENERATE PRESS NEW CSS////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////GENERATE PRESS NEW CSS////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////GENERATE PRESS NEW CSS////////////////////////////////////////////////////////*/



/*BACKGROUND general textura*/
body {
    background-image: url('https://basquetmorell.cat/wp-content/uploads/2016/09/fabric_tr5.png');
    background-repeat: repeat;
    background-position: top left;
    background-attachment: scroll;
	background-color:#1a1a1a!important;
}
/*background caja de los wpbakery*/
.inside-article{
	background:transparent!important;
}

/*iconos sociales footer*/
.wp-block-social-links .wp-social-link svg {
    height: 1em;
    width: 1em;
}
.wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor svg{
	color:#fff!important;
	fill:#fff!important;
}
/*padding del div de totes els widgets del footing*/
div#footer-widgets {
    padding-top: 40px;
}
/*TITLE HEADING TARONGA de la pàgina inici*/
.club-title {
    display: flex;
    align-items: center;
    font-size: 26px;
    color: #f97606;
    margin-bottom: 15px;
}

.club-title .title-icon {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 22px;
    height: 14px;
    margin-right: 12px;
}

.club-title .title-icon span {
    display: block;
    height: 2px;
    width: 100%;
    background-color: #f97606;
}

/* Tipografía */
.club-title .first-word {
    font-weight: 200;   /* fina */
}

.club-title .title-text {
    font-weight: 700;   /* gruesa por defecto */
}

/*TITLE HEADING BLAU de la pàgina inici*/
.club-title-bl {
    display: flex;
    align-items: center;
    font-size: 26px;
    color: #0776d4;
    margin-bottom: 15px;
}

.club-title-bl .title-icon {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 22px;
    height: 14px;
    margin-right: 12px;
}

.club-title-bl .title-icon span {
    display: block;
    height: 2px;
    width: 100%;
    background-color: #f97606;
}

/* Tipografía */
.club-title-bl .first-word {
    font-weight: 200;   /* fina */
}

.club-title-bl .title-text {
    font-weight: 700;   /* gruesa por defecto */
}
/*TITLE HEADING EQUIP de la pàgina inici*/
.club-title-eq {
    display: flex;
    align-items: center;
    font-size: 22px;
    color: #0776d4;
    margin-bottom: 15px;
}

.club-title-eq .title-icon {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 22px;
    height: 14px;
    margin-right: 12px;
}

.club-title-eq .title-icon span {
    display: block;
    height: 2px;
    width: 100%;
    background-color: #f97606;
}

/* Tipografía */
.club-title-eq .first-word {
    font-weight: 200;   /* fina */
}

.club-title-eq .title-text {
    font-weight: 700;   /* gruesa por defecto */
}


/*=====================================================enlaces*/
a{
	text-decoration:none!important;
}
h3 { 
    font-weight: 700;  
    font-size: 24px;
}
/*==========================================IMATGE D'HORARIS ENTRENAMENT*/
div #horaris{
	background-blend-mode: color!important;
}
div #horaris:hover{
	border-right:50px solid #f97606!important;
	}
div #horaris a{
	color:#fff!important;
	font-weight:600!important;
	}
/*================================================icon calendari*/
.icon_inici {
    display: inline-flex;
    align-items: center;
}

.icon_inici::before {
    content: "\f073";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    margin-right: 6px;
    display: inline-block;
    line-height: 1;
}
/* =========================Graella de notícies compacta Nom de classe assignat: .secondary-news*/
#blog-ini{
	border-bottom:1px solid #ffffff !important;
}

.blog-ini{
	border-bottom:1px solid #ffffff !important;
}
/*================================================================title h2 automátic====*/
/* Icono de calendario antes del título */
.title-split h2 {
    position: relative;
    font-weight: 300;
    padding-left: 34px; /* espacio para el icono */
}

.title-split h2::before {
    content: "";
    position: absolute;
    left: 0;
    top: 56%;
    transform: translateY(50%);
    width: 22px;
    height: 2px;
    background-color: #f97606;
    box-shadow: 
        0 -6px 0 #f97606,
        0 6px 0 #f97606;
}


/* Primera palabra fina */
.title-split .first-word {
    font-weight: 300; /* ligera */
	  color:#0776d4;
	  font-size:26px;
}

/* Resto de palabras grueso */
.title-split .rest-words {
    font-weight: 700; /* negrita */
	  color:#0776d4;
	  font-size:26px;
}
/* Icono de calendario antes del título */

.title-spliteq h2 {
    position: relative;
    font-weight: 300;
    padding-left: 34px; /* espacio para el icono */
}

.title-spliteq h2::before {
    content: "";
    position: absolute;
    left: 0;
    top: 56%;
    transform: translateY(50%);
    width: 22px;
    height: 2px;
    background-color: #f97606;
    box-shadow: 
        0 -6px 0 #f97606,
        0 6px 0 #f97606;
}


/* Primera palabra fina */
.title-spliteq .first-word {
    font-weight: 300; /* ligera */
      color:#0776d4;
      font-size:22px;
}

/* Resto de palabras grueso */
.title-spliteq .rest-words {
    font-weight: 700; /* negrita */
      color:#0776d4;
      font-size:22px;
}
/*==========================================================================*/
/*padding de widgets lateral*/
.widget-area .widget{
	padding:0px!important
}
.separate-containers .inside-left-sidebar, .separate-containers .inside-right-sidebar{
	padding-top:18vh!important;
}
/*input type background*/
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="tel"], input[type="number"], textarea, select {
    color: var(--contrast);
    background-color: #dfdbd8!important;
    border-color: var(--base);
}
/*linea border lateral blog entre tiitoll i categories*/
.lat-blog{
	border-left:2px solid #0776d4;
}
.vc_grid-item.vc_clearfix.vc_col-sm-12.vc_grid-item-zone-c-top.vc_visible-item.fadeIn.animated{
	border-bottom:1px solid #fff!important;
	padding-bottom: 0px !important;
    margin-bottom: 20px!important;
}

/* Quitar espacio superior entre menú y hero */

.page .site-content {
    padding-top: 0;
}

.page .inside-article {
    padding-top: 0;
    padding-bottom:0px;
}

.page .inside-article > .entry-header {
    margin-top: 0;
}
.site-header {
    margin-bottom: 0;
}
.site-main {
    margin-top: 0px !important;
}
/* HERO ancho completo en GeneratePress */

/* ========================================== */
/* Ocultar el título original de GeneratePress */
/* Oculta el título del tema solo en páginas */
.page .entry-title {
    display: none;
}

/* Si quieres ocultarlo solo en páginas concretas, usa:
.page-id-1234 .entry-title {
    display: none;
}
Sustituye 1234 por el ID de la página.
*/
/*================================================================evitar el scroll de header amb les pilotes de fons========================================*/
/*================================================================evitar el scroll de header amb les pilotes de fons========================================*/
/*================================================================evitar el scroll de header amb les pilotes de fons========================================*/
body {
    overflow-x: hidden;
}

/* ========================================== */
/* Hero full width PARA PÁGINAS*/
/* Hero full width independientemente del sidebar */

.gp-page-hero {
    position: relative;
    width: 100vw;
    margin-left: calc(-50vw + 50%); /*  centra el hero full width */
    background-size: contain;
     background-repeat: repeat;
    background-position: left;
    height: 294px; /* ajusta a tu preferencia */
    display: flex;
    align-items: center; /* centra verticalmente */
}

/* Contenido interno alineado con la caja de la página */
.gp-page-hero .gp-hero-inner {
 width: 100%;
    max-width: var(--site-width, 1200px);  /* Se adapta al ancho del sitio */
    margin: 0 auto;
    padding: 0 var(--container-padding, 20px); /* Padding lateral adaptativo */
    box-sizing: border-box;
}
.gp-hero-title {
    margin: 0;
}

/* FULL WIDTH HERO ENTRADAS */

/* HERO ENTRADAS */

.gp-post-hero{
    width:100%;
    height:294px;
    background-size:contain;
    background-repeat:repeat;
    background-position:left;
    display:flex;
    align-items:center;
}

/* Contenedor alineado con el contenido real del sitio */
.gp-post-hero .gp-hero-inner{
    width:100%;
    max-width:1200px;
    margin:0 auto;
    padding-left:20px;
    padding-right:20px;
    box-sizing:border-box;
}

/* Título alineado a la izquierda */
.gp-hero-title{
    margin:0;
    text-align:left;
}

/*titol h1 pàgines*/
h1.gp-hero-title {
    font-weight: 400 !important;
}


/*titol h1 entrades indivuduals del blog*/
.single-post .entry-title{
	font-weight:500!important;
	font-size:32px!important;
	text-transform:none!important;
}
/*elimino la paraula "per" després de la data deles entrades individuals*/
.byline{
	display:none!important;
}
/*texte de titol i data noticies pagina equips*/
.text_recent {
    margin-bottom: 5px !important;
    font-size: 16px !important;
}
.data_recent{
    font-size: 12px !important;
}
/* Back to Top elegante */
#back-to-top {
    position: fixed;
    bottom: 130px;
    right: 30px;
    width: 38px;
    height:68px;
    border-radius: 6px;
    background: #0776d4;
    color: #fff;
    display: flex!important;
    align-items: center!important;
    justify-content: center!important;
    cursor: pointer;
    z-index: 9999;

    /* Animación */
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: all 0.3s ease-in-out;

    /* Sombra profesional */
    box-shadow: 0 8px 20px rgba(0,0,0,0.15);
    font-size: 18px;
}

/* Estado visible */
#back-to-top.show {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

/* Hover */
#back-to-top:hover {
    background: #0776d4;
    transform: translateY(-3px);
    box-shadow: 0 12px 25px rgba(0,0,0,0.25);
}

/* Responsive */
@media (max-width: 768px) {
    #back-to-top {
        bottom: 20px;
        right: 20px;
        width: 42px;
        height: 42px;
    }
}

/**Botó de les noticia 2n pagament en via cap a pàgina formulari**/
a.boto_resposta {
    background-color: #0776d4;
    padding: 15px 30px;
    border-radius: 6px;
    color: #f3f0ee !important;
}

a.boto_resposta:hover {
    background-color: #f97606;
}