@import url('https://fonts.googleapis.com/css2?family=Open+Sans&display=swap');

:root{
    --main-text: 'Open Sans', sans-serif;
}

body {
	font-family: var(--main-text);
}

/* Colors */
/*
.verd-color  { color:#068B80 !important; }
.verd-bg 	 { background-color: # !important; }
.verd-border { border:1px solid #068B80 !important; }

.vermell-color  { color: #9F3352 !important; }
.vermell-bg 	{ background-color: #9F3352 !important; }
.vermell-border { border:1px solid #9F3352 !important; }
*/

.red-bg    { background-color: #9F3352; }
.blue-bg   { background-color: #4AADCF; }
.green-bg  { background-color: #068B80; }
.orange-bg { background-color: #ED7C2C; }
.orange-dark-bg { background-color: #D46212; }

.btn-outline-dark:hover {
    background-color: #2125291a;
    border-color: var(--theme-main-color);
}

.btn-verd {
	/*color:#068B80 !important;
	border: 1px solid #068B80 !important;
	*/
	color: var(--theme-main-color) !important;
	border: 1px solid var(--theme-main-color) !important;

}
.btn-verd:hover {
	color:#fff !important;
	background-color: var(--theme-main-color) !important;
	/*border: 1px solid #068B80 !important;*/

}
.btn-vermell:hover {
	color:#fff !important;
	background-color: #9F3352;
}

.btn {
	box-shadow: none !important;
}
/**********/

a.a_entitats {
  color: var(--theme-main-color);
  text-decoration: none;
  padding: 8px 12px;
  border-radius: 5px; /* Vores arrodonides per a un aspecte més modern */
  /* Definim la transició per a les propietats que canviaran */
  transition: background-color 0.3s ease, color 0.3s ease;
}


a.a_entitats:hover {
 background-color: rgba(
    var(--theme-main-color-r),
    var(--theme-main-color-g),
    var(--theme-main-color-b),
    0.2 /* 20% d'opacitat */
  ); /* Un blau més suau (20% opacitat) */
  
}


/*********/
hr.divider {
    height: 0.2rem;
    max-width: 3.25rem;
    margin: 1.5rem auto;
    background-color: var(--theme-main-color);
    opacity: 1;
}
/* LLISTATS */

.list li {
    display: block;
    margin-bottom: 12px;
    padding-left: 30px;
    position: relative;
}

.list li:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f00c";
    color: var(--theme-main-color);
    display: inline-block;
    margin-left: -1.3em;
    width: 1.3em;
  }
/* LLISTATS */

/*
*  Personalization GLOBAL COMU
*/
.text-green{

	color: var(--theme-main-color) !important;

}

.text-little {
	font-size: 16px;
}

.text-date {
	/* font-size:14px; */
	font-size: .9rem;
}

.btn-informe {
	min-width:180px;
}

.page-container {
	padding-bottom: 3rem;
}

.page-container p {
	line-height: 24px;
}

.page-container > h2 {
	margin-bottom: 2rem
}

/*
.page-container > h3 {
	margin-top: 2rem;
	margin-bottom: 2rem;
	color: #068B80;
}
*/

.page-container  h3 {
	margin-top: 2rem;
	margin-bottom: 2rem;
	color: #212529;
}

.page-container > h4,
.page-container > h5 {
	margin-bottom: 1rem;
}

h1.page-title  {
	margin-bottom: 3rem;
}

h5.page-subtitle  {
	margin-bottom: 3rem;
}

.page-container li {
	margin-bottom: 1rem;
}

li.list-group-item {
	margin-bottom: 0;
}

.serveis-list a.nav-link.active {
	font-weight: 600;
}

.serveis-list a.nav-link.active span {
	border-bottom:3px solid var(--theme-main-color) !important;
}

.banner-serveis {
	max-height:140px;
	border-top:2px solid var(--theme-main-color) !important;
}

/*****************************/

/*
 * Navbar & Header
 */
 #navbarMainMenu {
 border-bottom:1px solid rgb(201, 200, 200);
 }

 #navbarMainMenu .navbar-nav .nav-item {
	white-space:nowrap;
 }

#mainLogo img {
	max-width:380px; /* Web academia 280px*/
	/* max-width:280px; /* Web fundació */
	width: 100%;
}


.form-select.selectLang {
	border: 0 !important;
	margin-top: 3px;
	min-width: 77px;
	cursor: pointer;
}

.navbar-toggle span.icon-bar {
    transition: all 0.15s;
}

.navbar-toggle span:nth-child(2) {
    transform: rotate(45deg);
    transform-origin: 10% 10%;
}

.navbar-toggle span:nth-child(3) {
    opacity: 0;
}

.navbar-toggle span:nth-child(4) {
    transform: rotate(-45deg);
    transform-origin: 10% 90%;
}

.navbar-toggle.collapsed span:nth-child(2),
.navbar-toggle.collapsed span:nth-child(4) {
    transform: rotate(0);
}

.navbar-toggle.collapsed span:nth-child(3) {
    opacity: 1;
}



button.navbar-toggler, button.navbar-toggler:focus {
    box-shadow: none !important;
}

.navbar-toggler .navbar-toggler-icon2{
	display:block;
}
.navbar-toggler .navbar-toggler-icon{
	display:none;
}

.navbar-toggler.collapsed .navbar-toggler-icon2{
	display:none !important;
}
.navbar-toggler.collapsed .navbar-toggler-icon{
	display:block !important;
}

.dropdown-item.active,
.dropdown-item:active {
	background-color: #ccc !important;
}

.nav-title-text {
	font-size:22px;
	font-weight: 400;
}
.nav-subtitle-text {
	font-size:16px;
	color:#666 !important;
}


/***************
* ACCORDION
***************/
#accordionFAQS_acredita .accordion-body {
	padding-left:80px;
}

#accordionFAQS_acredita .accordion-button {
	color:var(--theme-main-color);
}


/***************
* SERVEIS SOCIS
***************/
#serveis_als_socis h4 {

 height:120px;

}

#serveis_als_socis h5 {

	height:80px;

}

.bg-serveis-socis {
	background:url('../img/hand-using-touch-screen-1200.jpg') center no-repeat;
}

/**********************/

/********
* FOOTER
*/
footer {
	border-top: 2px solid var(--theme-main-color);

}

footer .footer-items > div,
footer .footer-items a {
	margin-right: 1.2rem;
	font-size: 14px;
}

footer .footer-items a {
	text-decoration: underline !important;
}

.menu-footer {
	border-left:1px solid#cacaca;
	border-right:1px solid#cacaca;
}

.menu-footer ul {
	width:90%;
	padding-left:4rem;
	margin:auto;
    -webkit-column-count: 2;
	-moz-column-count: 2;
	column-count: 2; /*2 in those rules is just placeholder -- can be anything*/
}

footer .menu-footer,
footer .address-footer {
	font-size: .9rem;
}

.address-footer ul {
	padding-left: 5rem;
}


@media (max-width: 992px) {
	.menu-footer {
	border-left:0;
	border-right:0;
	}

	.menu-footer ul{
		padding-left:3rem;

	}

	.address-footer ul {
		padding-left:5rem;
	}

}

@media (max-width: 768px) {
	.menu-footer ul{
		padding-left:2rem;

	}
	.address-footer ul {
		padding-left:3rem;
	}
}

.cursor-pointer {
	cursor:pointer !important;
}

.btn-veure-mes {
	padding:1rem 1rem;
	color:white !important;
	background-color: var(--theme-main-color);
}

/***********



/***************************/


/*
 * Media Queries
 */

 /*
// Small devices (landscape phones, 576px and up)
@media (min-width: 576px) { ... }

// Medium devices (tablets, 768px and up)
@media (min-width: 768px) { ... }

// Large devices (desktops, 992px and up)
@media (min-width: 992px) { ... }

// X-Large devices (large desktops, 1200px and up)
@media (min-width: 1200px) { ... }

// XX-Large devices (larger desktops, 1400px and up)
@media (min-width: 1400px) { ... }
 */

@media (min-width: 576px) {
	h1.page-title span {
		color:var(--theme-main-color) !important;
	 }

}

@media (min-width: 768px) {

	.form-select.selectLang {
		padding-right: 1.25rem !important;
	}

    ul.serveis-list {
		flex-direction: column !important;
	}

    #menu-principal .active {
		text-decoration: underline;
		color: #fff !important;
	}
	#menu-principal li:hover{
		text-decoration: underline;
		color:#fff !important;
	}

	h1.page-title span {
		color:var(--theme-main-color) !important;
	 }
}

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


	main {
		margin-top: 66px !important;
	}
}

/**************************************** M A X  W I D T H  *************************************************/
@media (max-width: 567px) {
	/* #navbarSupportedContent1{
		display:none;
	} */



}


@media (max-width: 992px) {
	/* #navbarSupportedContent1 {
		display:none;
		background-color:#fff !important;
	} */



    #navbarSupportedContent1 {
        margin-top: 90px;
    }

	#navbarSupportedContent1 li {
		border-bottom: 1px solid #000;
		text-align:center;
		width:100%;
	}

	#navbarSupportedContent1 li.dropdown li {
		border-bottom: 1px solid #ccc;
	}
	#navbarSupportedContent1 li a {
		color:#000 !important;
	}


	#navbarMainMenu {
		padding:0 !important;
		background-color:#fff !important;
		border-bottom:none;

	}
	header .container,
	#navbarSupportedContent1 .container {
		padding:0;
	}

    #head_main {
        background-color: #fff;

    }

    #head_main.fixhead{
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
		z-index: 1030;
		justify-content: center !important;
		text-align: center;
		border-bottom:2px solid rgba(6, 139, 128, .25);
    }

    main, main.container  {
        margin-top: 75px;
    }

    h1.page-title {
        margin-top:5.5rem
    }

	h1.page-title span {
		color:var(--theme-main-color)!important;
    }

	ul.dropdown-menu {
		border:none;
	}

	li.nav-item.dropdown a.nav-link.dropdown-toggle.show {
		background-color: #bcf4e5;
	}

	.destacat .border-start {
		border:0 !important;
	}

}

@media (max-width: 768px) {

    .page-container,
	footer div  {
		padding-left: 1rem !important;
		padding-right: 1rem !important;

	}
	h1.page-title span {
		color:var(--theme-main-color) !important;
	 }
    /*
	#banner-soci{
		max-height: 600px!important;
	}
	#banner-soci .jumbotron {
		max-width: 450px !important;
		margin:0px auto;
	}
    */

	/***************
	* SERVEIS SOCIS
	***************/
	#serveis_als_socis h4, #serveis_als_socis h5 {

		height:auto;

	}

	.img-activitat {
		max-width:70%;
		height:auto;
		margin-bottom:30px;
	}


}

#bloc-banners-peu img {
	width: 100%;
}

/* Notícies i llistats */

/* .news-div {
	cursor:pointer;
} */
.news-div:hover h5 {
	color:#000;
	text-decoration: underline;
}
.news-title {
	color:#000;
	text-decoration: none;
}
.news-title:hover h5{
	color:#000;
	text-decoration:underline;
}
.news-title:hover div{
	text-decoration: none;
	color:#000;
}

canvas.canvasjs-chart-canvas {
	border-radius: .25rem;
}

/* Arxius adjunts a detall (les notícies tenen el seu propi full d'estils) */

.arxius_adjunts {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: stretch;
	align-content: flex-start;
	margin-top: 1rem;
	padding: 1rem 0 0 0;
	border-top: 1px solid #ccc;
}

.arxius_adjunts .arxiu {
	margin-bottom: 1rem;
	padding: 1rem;
	border: 1px solid #ccc;
	border-radius: 3px;
	background-color: #eee;
}

.arxius_adjunts .arxiu:not(:last-child) {
	margin-right: 1rem;
}
/*
.card-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    flex-wrap: wrap;
}

.card-item {
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    border: 0;
    border-radius: .25rem;
    min-width: 200px;
    width: 20%;

}

.card-item img {
    width: 100%;
    border-radius: .25rem;
}
*/

.card-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
}

.card-item {
    border-radius: 2rem;
}

.card-item div {
    width: 250px;
    height: 350px;
    border-radius: 2rem;
    background-size: contain;
    background-repeat: no-repeat;
    background-position-y: center;
}

.orange-dark-bg {
    background-color: #D46212;
}

.fa-stack {
	min-width:40px;
}



.fill {
	object-fit: fill;
  }

  .contain {
	object-fit: contain;
  }

  .cover {
	object-fit: cover;
  }

  .none {
	object-fit: none;
  }

  .scale-down {
	object-fit: scale-down;
  }

.far.tinny:before {
	font-weight:100 !important;
}

.fa-user, .fa-share-alt {
	font-size:16px;
	margin-top:-2px;
}