/**
 * If using a CSS pre-processor, tell it to overwrite this file. If not, place
 * your custom CSS modifications here.
 */

/**
 * Estils de portada
 */
article .row{
	display: flex;
}
.titolguia{
	font-size:8em;
	font-weight:bold;
}
.page-node-type-article .navbar-default .navbar-nav > li.last > a {
    border-radius: 0px;
}
a.titolguia{
	color:#43ad3f;
	text-decoration:none;
	line-height: normal;
}
body.path-frontpage{
	background: #3f43ad;
}
.path-frontpage .navbar-default {
    background-color: transparent !important;
    border-color: transparent !important;
}
.path-frontpage .navbar-default .navbar-nav > li > a:focus {
    color: #43ad3f;
    background-color: transparent;
    border: 1px solid #43ad3f;
    border-radius: 30px;
    font-size: 2em;
}
.path-frontpage .navbar-default .navbar-nav > li > a {
    color: #43ad3f;
    border:1px solid #43ad3f;
    border-radius: 30px;
    font-size: 2em;
}
.path-frontpage .navbar-default .navbar-nav > li > a:hover {
    color: #3f43ad;
    border:1px solid #43ad3f;
    background-color: #43ad3f;
    border-radius: 30px;
    font-size: 2em;
}
#cerca{
	display:none;
}
.path-frontpage .navbar-collapse{
	padding:0 !important;
}

.menu--main li{
	margin-right:1.5em;
}

.menu--main li.last{
	margin-left:0em;
	margin-right: 0px;
}

.path-frontpage .navbar{
	margin-top: 4em;
}

@media screen and (min-width: 1200px) {
  .navbar.container {
    max-width: 1170px !important;
  }
}

@media (max-width: 768px){
	.titolguia{
		font-size:4em;
	}
}

@media (max-width: 420px){
	article .row{
		display: inherit;
	}
	article .funct,
	article .imatge{
		border-left: 0px;
		border-right: 0px;
	}
	.col{
		border-top:1px solid black;
	}

	.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    	background-color: transparent !important;
	}
	#navbar .navbar-toggle {
		border-color: #fff !important;
    	width: 96% !important;
    	padding: 9px 10px;
    	margin-right: 2% !important;
    	margin-left: 2% !important;
    	border-radius: 0px !important;
    	color: white;
	}
	.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    	border-color: transparent !important;
	}
	.path-frontpage .navbar {
    	margin-top: 1em;
	}
	.navbar-default .navbar-toggle .icon-bar {
    	background-color: #fff;
	}
	.navbar-default .navbar-toggle .text{
		float: right;
	}
	.navbar-nav {
  		margin: 0px;
	}
	.menu--main li {
    	margin-right: 0em;
	}
	.views-bootstrap-tabs .nav-tabs > li{
		width: 100%;
    	text-align: center;
    	border-left: 0;
    	border-right: 0;
    	border-top:1px solid #000;
	}
}

.recull img{
	max-width: 35px;
	height:auto;
}
.inici img{
	max-width: 53px;
	height:auto;
}
#butocerca img{
	max-width: 53px;
	height:auto;
	margin-right: 5px;
}
#navbar{
    background-color: transparent !important;
	border-bottom: 1px solid #000;
	border-left: 0px;
	border-right: 0px;
	border-top: 0px;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus {
    color: #000;
    background-color: transparent;
    border: 1px solid #000;
    border-radius:0px;
    font-size: 1.5em;
}

.navbar-default .navbar-nav > li > a {
    color: #000;
    border: 1px solid #000;
    border-radius:30px;
    font-size: 1.5em;
}
.navbar-default .navbar-nav > .active > a:hover{
    background-color: transparent;
    color: #000;
}
.navbar-default .navbar-nav > li > a:hover{
	color: #fff;
    background-color: #000;
}

#navbar-collapse{
	    padding-bottom: 10px;
}
#espainterior{
	margin: 40px 0;
}
.nav-tabs > li > a {
    margin-right: 0px;
    border: 0px;
    border-radius: 0;
    color:#000;
}
.nav > li > a:hover, .nav > li > a:focus {
	background: #000;
	color:white;
}
.nav-tabs > li{
	border-right:1px solid #000;
	padding-right: 5px;
	padding-left: 5px;
	margin-bottom: 0px;
}

.nav-tabs > li:hover{
	border-right:1px solid #000;
	padding-right: 5px;
	padding-left: 5px;
	border-bottom:0px;
	border-top:0px;
	border-left:0px;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus {
    color: #000;
    background-color: transparent;
    border: 0px;
    font-weight: bold;
    margin:0;
	border-bottom:0px;
	border-top:0px;
	border-left:0px;
}
.nav-tabs > li.active > a:hover{
	background: #000;
	color:white;
    margin:0;
	border:0px;
}
.nav-tabs {
    border-bottom: 1px solid #000;
    padding-bottom: 20px;
    margin-bottom: 20px;
}
.ui-accordion .ui-accordion-content {
    border: 0;
    background: transparent;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    border-left: 0;
    border-right: 0;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    background: transparent; 
    color: #fff;
}
.actiu{
    background-color: #3f43ad; /* For browsers that do not support gradients */
 	background-image: linear-gradient(#3f43ad, white);
}
.path-cercador,
.path-taxonomy,
.page-node-type-article,
.page-node-4{
    background-color: #fff; /* For browsers that do not support gradients */
 	background-image: linear-gradient( rgba(63,67,173,1) 0%, rgba(63,67,173,1) 0%, rgba(255,255,255,1) 31%);
 	background-repeat: no-repeat;
}
.page-node-1,
.page-node-2,
.page-node-3{
    background-color: #fff; /* For browsers that do not support gradients */
 	background-image: linear-gradient( rgba(67,173,63,1) 0%, rgba(67,173,63,1) 0%, rgba(255,255,255,1) 31%);
 	background-repeat: no-repeat;
}
.ui-accordion .ui-accordion-header:hover{
	background:#3f43ad;
	color:white;
}
.ui-accordion .ui-accordion-header:hover > img{
	filter: brightness(0) invert(1);
}
.ui-accordion .ui-accordion-header img{
	float: left;
	margin-right: 5px;
	margin-top: -5px;
}
.ui-accordion .ui-accordion-header{
	font-size: 1.4em;
	margin:0;
}
.actiu img{
	filter: brightness(0) invert(1);
}
.view-block-de-recull-deines .views-field-title{
	font-size: 1.5em;
	margin: .5em 0;
}
.page-node-type-page .field--name-body{
	margin:20px 0;
}
.ui-state-default{
	border-left: 0px;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	border-right: 0;
	background: transparent;
}

.field--name-field-tambe-pots-fer-servir .field--item,
.field--name-field-tags .field--item{
	float:left;
}

.main-container{
	margin-bottom: 40px;
}

.field--name-field-grau .svg-inline--fa {
    font-size: 16px;
    border: 1px solid black;
    padding: 1px;
 }
 .field--name-field-grau .fa-formatter .rate-image.star-off {
    font-size: 1.3rem;
    color: gray;
}
.field--name-field-grau .fa-formatter .rate-image.star-on {
    font-size: 1.3rem;
    color: black;
}
article .row {
	border-top:1px solid black;

}
article .row .col{
	padding: 10px 15px;
}
article .imatge{
	border-left:1px solid black;
	padding-left:20px !important;
}
article .funct{
	border-right:1px solid black;
	padding-right:20px !important;
}
.modal-lg {
    width: auto;
}
.col-peu{
	border-right:1px solid black;
}
.row.last{
	border-bottom:1px solid black;
}
.col-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
}
.flex-col {
 flex: 1 0 auto;
}
h1.js-quickedit-page-title{
	font-size:2em;
	margin-top: 15px;
}
#search-block-form .input-group-btn{
	display: none;
}
#search-block-form .input-group{
	width: 100%;
}
#search-block-form #edit-keys{
	border-radius: 0;
	border: 1px solid black;
	background: transparent;
}
.form-control:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(63, 67, 173, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(63, 67, 173, 0.6);
}
.page-header {
    border-bottom: 0;
}
.bef-exposed-form .form--inline > .form-item {
    width: 100%;
}
#block-formulariexposatcercadorpage-1 .form-inline .input-group {
    width: 100%;
    border: 1px solid #000;
}
#block-formulariexposatcercadorpage-1 .form-inline .input-group .input-group-addon{
    width: 0;
    background: transparent;
    border-left: 1px solid #000;
}

#block-formulariexposatcercadorpage-1 .form-inline .input-group > .form-control {
    border:0;
    width: 100%;
	background: transparent;
}
.ui-autocomplete .ui-state-active, .ui-autocomplete .ui-widget-content .ui-state-active{
	color:#000;
}
#block-formulariexposatcercadorpage-1 .form-control,
.ui-autocomplete{
	font-size: 1.5em;
}
body {
    font-family: 'Roboto' !important;
}
div#sliding-popup, div#sliding-popup .eu-cookie-withdraw-banner, .eu-cookie-withdraw-tab {
    background: #3f43ad;
}