#block-teamcomments .comment-form__title{
	display: none;
}

.path-team .views-field-title {
	max-width: 220px;
}

.user-logged-in .hide-logged-in {
	display: none;
}

/* ===== messages ==== */
/* Hide user ref form field */
#field-user-ref-add-more-wrapper {
	display: none;
}

/* ===== application results ===== */

.path-user .region-content-bottom {
	width: 100%;

}
#block-views-block-webform-visible-block-8 summary {
	padding: 0 20px 0 20px;
}
#block-views-block-webform-visible-block-8 summary:before {
    content: "";
}


/* ===== profile webforms ===== */

.path-user .webform-element-type-webform-radios-other label {
	white-space:nowrap;
	width: 400px;
	overflow: hidden;
	margin-right: 20px;
	color: gray;
	float: left;
}



/* ===== media library ===== */

.js-media-library-widget.js-form-item .js-media-library-item {
	display: inline-block;
}
.js-media-library-widget.js-form-item .js-media-library-item .btn {
	font-size: .6em;
	margin-bottom: -7px;
}
.js-media-library-widget.js-form-item .js-media-library-item {
	max-width: 220px;
	overflow: hidden;
	font-size: .6em;
}
form .js-media-library-item {
	display: inline-block;
}
form .js-media-library-item .form-type-checkbox {
	margin-bottom: -15px;
}
div.media-library-widget-modal {
	width: 90% !important;
	left: 5% !important;
	top: 20px !important;
}




.carousel-indicators li {
    background-clip: border-box;
    box-sizing: border-box;
    width: 20px;
    height:0;
    border-radius: 10px;
    margin-right: 5px;
    margin-left: 5px;
    opacity: 0.3;

}
/*.carousel-indicators li {
    flex: 0 1 auto;
    width: 30px;
    height: 3px;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #fff;
    background-clip: padding-box;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    opacity: 0.5;
 move */

/* read more link visible title */
.body-readmore .visually-hidden {
	position: relative !important;
    overflow: auto;
    clip: auto;
    width: auto;
    height: auto;
    word-wrap: normal;
}

.toolbar-horizontal .messages--error,
.toolbar-fixed .messages--error {
	display: block;
}

.flag-pin.action-unflag {
	background: #f66;
}
.flag-hide.action-unflag {
	background: #888;
}

.paragraph--type--user article {
	clear: left;
	padding: 20px 0;
}

.node--view-mode-teaser .field--name-field-subtitle {
	font-weight: bold;
}
.page-node-type-signups .vertical-tabs,
.page-node-type-message .vertical-tabs { /* hide vertical tabs for non admins */
	display: none;
}

/*
* main menu
* carousel
* user me widget
* user info with role icons
* footer menu
* team space
*/


/* ===== views diverse ===== */


.user-list-inline {
	text-align: center;
}
.user-list-inline .views-row,
.user-list-inline h3 /* grouped results */ {
	display: inline-block;
	max-width: 32%;
	font-size: 9px;
	line-height: 1.2em;
	vertical-align: top;
	padding: 8px 2%;
	margin: 0;
}
.user-list-inline .views-row .views-field views-field-field-picture {
	margin: 0 1vw;
}
.user-pictures-mini-round img {
	border-radius: 50px;
	box-shadow: 3px 3px 3px #bbb;
}
.user-list-inline .views-row .views-field-name {
	font-size: 14px;
	margin-bottom: 5px;
}



/*
 * Main menu
 * Carousel
 * User Info box with role icons
*/
 
 
/* ===== Main menu ===== */

.dropdown-toggle::after,
nav h2 {
	display: none;
}

.navbar {
  background: none !important;
}

#block-mainnavigation {
  position: relative;
  z-index: 999;
}
#block-mainnavigation ul.dropdown-menu {
	margin: 0;
}

.sensa-open-submenu { /* plus icons to open submenus on mobile devices */
	color: #000;
	float: right;
	padding-bottom: 4px;
	padding-left: 4px;
	padding-right: 4px;
    cursor: pointer;
    font-size: 2rem;
    border: 2px solid #000;
    width: 30px;
    height: 32px;
    border-radius: 5px;
}

/* ----- Navbar toggle ..... */

.navbar-toggler {
	position: absolute;
	right: 3vw;
	top: 2vw;
	width: 50px;
	height: 30px;
	z-index: 1111;
	padding: 0;
	border: 0;
	background-image: url('../../../sites/default/files/navbar-toggle.png');
	background-size: 50px 30px;
	opacity: 0.7;
}

/* ----- full menu ----- */

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

.navbar-expand-lg {
    justify-content: flex-end;
}


#block-mainnavigation a.nav-link, 
#block-mainnavigation a.nav-link:hover, 
#block-mainnavigation a.nav-link:focus, 
#block-mainnavigation a.nav-link:active, 
#block-mainnavigation a.nav-link.highlighted {
  color: white;
}
#block-mainnavigation a.nav-link:hover, 
#block-mainnavigation a.nav-link:focus, 
#block-mainnavigation a.nav-link:active, 
#block-mainnavigation a.nav-link.highlighted {
  color: #FFFF99
}
.sensa-open-submenu {
	display: none;
}
#block-mainnavigation a.nav-link {
	padding: 1vw 4vw;
	}
#block-mainnavigation li li {
	font-size: 18px;
	text-shadow: none;
}
.dropdown-menu {
    background: rgba(255, 255, 255, 0.85);
    border-radius: 0.5rem;
}
.nav-item:hover > ul {
    display: block;
}
#block-mainnavigation ul li.dropdown:last-child ul {
    left: auto;
    right: 0;
}
}

/* ----- mobile menu ----- */

@media only screen and (min-width: 200px) and (max-width: 992px)  {
.navbar,
.navbar-nav {
 	width: 100%;
 	margin: auto;
	}
.navbar {
	padding: .8rem;
}
.navbar-nav a.nav-link, 
.navbar-nav a.nav-link:hover, 
.navbar-nav a.nav-link:focus, 
.navbar-nav a.nav-link:active, 
.navbar-nav a.nav-link.highlighted {
  background: none;
  color: #000;
}

#block-mainnavigation {
	background: rgba(255, 255, 255, 0.85);
    border-radius: 16px;
    border: 1px #000 solid;
	padding: 3vw;
}
nav.navbar {
	justify-content: center;
}
header .navbar-nav li a {
	font-size: 5vw;
}
.navbar-nav li li a {
	font-size: 5vw;
}
header .navbar-nav > li:first-child a {
	font-size: 6.5vw;
}
.navbar-nav .nav-item > a, .sensa-open-submenu {
	display: inline;
	}
.navbar-nav > li:first-child .sensa-open-submenu {
	display: none;
	}
.navbar-nav .nav-item {
	padding: 1.5vw;
	}
}




/* ===== Carousel ===== */

.carousel-item picture,
.carousel-item source {
	display: block;
	width: 100%;
}
.carousel-item .field {
	margin: 0;
	padding: 0;
	width: 100%;
	height: auto;
	max-width: 100%;
}

.carousel-indicators {
    bottom: 5vw;
}
@media (max-width: 992px) {
.carousel-indicators {
	display: none;
}
}

/* Correspondance */
/* ToDo: create user role body class or authorID == userRef node class to make team messages white */



/* ===== User me widget: picture, profile edit, logout ===== */

.views-element-container .views-label {
	font-weight: bold;
}
.webform-submission-data--webform-agreement-field label {
	display: block;
}

#block-views-block-user-me-block-1 {
	margin: auto;
	text-align: center;
}
#block-views-block-user-me-block-1 .views-field-field-picture img {
    width: 100px;
    height: 100px;
/* 	width: 8vw;
 	height: 8vw;
	max-width: 100px;
	max-height: 100px;
	overflow: hidden;
	margin: auto; */
	border-radius: 50px; /*version user round mini , to be overwriten for user round micro */
	box-shadow: 3px 3px 5px #000;
	background: #bbb;
}
@media (min-width: 992px) {
#block-views-block-user-me-block-1 {
	width: 200px;
}	
}

#block-views-block-user-me-block-1 .views-field-name h3 {
	margin: -17px -80px 20px -80px;
	font-family: Merienda;
	font-size: 20px;
	color: #fff;
	text-shadow: 2px 2px 10px #000,  -2px -2px 10px #000;
}
#block-views-block-user-me-block-1 .views-field-nothing span a.button {
	color: #fff;
	background: #0071b8;
	border: 1px solid #1e5c90;
	border-radius: 20px;
	box-shadow: 3px 3px 5px #000;
	padding: 2px 6px;
	opacity: 0.5;
}
#block-views-block-user-me-block-1 .views-field-nothing span a.button:hover {
	opacity: 1;
}
#block-views-block-user-me-block-1 .views-field-nothing span a.button-logout {
	border-color: #333;
	color: #fff;
	background: #000;
}

@media (min-width: 992px) {
#block-views-block-user-me-block-1 {
	position: absolute;
	top: -200px;
	top: -15vw;
	right: 30px;
	right: 4vw;
}
#block-views-block-user-me-block-1 .views-field-nothing span a.button {
	font-size: .8vw;
}

}

/* ===== User info block with role icones ===== */

#block-views-block-user-this-role-icons ul {
	padding: 0;
}
#block-views-block-user-this-role-icons li {
	list-style: none;
	display: inline-block;
	margin: 0 3px;
}
div.role-icon {
	width: 66px;
	height: 66px;
	background-image:url('grafics/role-icons.jpg');
	background-position: 3px -110px;
	border-radius: 33px;
	box-shadow: 3px 3px 3px #666;
	position: relative;

}
div.role-icon-collaborator {
	background-position: 0px -564px;
}
div.role-icon-eros_lab {
	background-position: -3px -494px;
}
div.role-icon-member {
	background-position: 0px -424px;
}
div.role-icon-administrator {
	background-position: -1px -217px;
}
div.role-icon-signup {
	background-position: -3px -78px;
}
div.role-icon-editor {
	background-position: 0px -150px;
}
div.role-icon-translator {
	background-position: -3px -7px;
}
div.role-icon-core_team {
	background-position: -2px -286px;
}
div.role-icon-team {
	background-position: 3px -110px;
}
div.role-icon-facilitator {
	background-position: -2px -630px;
}
#block-views-block-user-this-role-icons li div.label {
	display: none;
	position: absolute;
	z-index: 99;
	padding: 3px 6px;
	background: #fff;
	color: #666;
	border: 1px solid #aaa;
	border-radius: 5px;
	left: 20px;
	top: 55px;
}
#block-views-block-user-this-role-icons li:hover div.label {
	display: block;
}

/* User info */

.user-info-block h2 {
	color: #888;
}
.user-info-block .views-row {
	text-align: left;
}
.user-info-block .views-label {
	display: inline-block;
	font-weight:bold;
	margin-right: 10px;
}
.user-info-block .field-content {
	display: inline-block;
}


/* ===== Footer menu ===== */

#footer a {
	color: #000;
	font-weight: bold;
}
#footer #block-boletin,
#footer #block-newsletter {
	margin-left: -10px;
	margin-right: -10px;
}

#footer #block-boletin .field--name-field-body,
#footer #block-newsletter .field--name-field-body {
	max-height: 275px;
	overflow: hidden;
}
/* ===== User admin table ===== */

.admin-table td {
	font-size: .8em;
}
.user-admin-table .views-field-created,
.user-admin-table .views-field-view-1,
.user-admin-table .views-field-name {
	white-space: nowrap;
}
.user-admin-table img {
	width: 50px;
	max-width: none;
}
.user-admin-table header {
	padding-left: 20px;
}

/* ===== correspondance ===== */

.teaser-list.user-care {
	width: 66%;
	float: left;
	clear: left;
}
.teaser-list.user-care article.node--view-mode-teaser {
	margin: 10px auto;
	font-size: .6em;
}


/* ===== views signups ===== */

.view-signups caption {
	font-size: 1.3em;
	background: #f2f2f2;
	border: 1px solid #aaa;
	border-radius: 8px;
	text-align: center;
}
.view-signups .views-field-name {
	white-space: nowrap;
}
.view-signups .views-field-roles-target-id {
	width: 10%;
}

/* ===== Edit in place ===== */

.edit-in-place-clickable {
	position: relative;
}
.edit-in-place-clickable legend {
	position: absolute;
	top: -20px;
	font-size: 12px;
	float: left;
	margin-right: 20px;
	border: 1px solid #bbb;
	border-radius: 6px;
	background: #ffffa2;
	width: 30px;
	height: 20px;
}
.edit-in-place-clickable ul {
	padding: 0;
}

.edit-in-place-clickable li {
	list-style: none;
	padding: 2px 5px;
	border: 1px solid #bbb;
	border-radius: 6px;
	background: #f2f2f2;
	width: 200px;
	height: 30px;
	white-space: nowrap;
}