.path-user .col-md-6 {
	position: static;    /* remove the position ancestor of the profile picture */ 
}

.path-team #wrapper div.container  {
	max-width: none;
	padding: 0 10px;
}


table {
	width: 100%;
}

body {
  
}

header.main-header {
	position:relative;
	top: 0;
	left: 0;
	width: 100%;
	height: 0;
}


*/
#body-inner {
  overflow-x: hidden;
}

#wrapper {
	position: relative;
}

.contextual-region {
	position: static;
}


.bottom-widgets .container {
	width: 98%;
	margin: auto;
}
.bottom-widgets .region {
	padding: .2vw;
}


/* ===== General ===== */

/* ----- Universal max-width ----- */
/* to have regions 100% wide for allowing tables and grafics to use 100% but still have most content limited in width */

.field {  /* fields in general are limited in width for individual fields to overwrite max-width */
	max-width: 950px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 2%;
	padding-left: 2%;
}
.field table { /* tables in general are limited in width for individual view tables to overwrite max-width */
	max-width: 950px;
	margin-right: auto;
	margin-left: auto;

}
.view-full-width table { /* custom class in views UI configeration overwrites max-width */
	max-width: none;
}

.field--name-field-paragraph, /* paragraph field allows max-width as it contains of fields which define their own width */
.field--name-field-view,  /* view field  area allows max-width as it mainly applies tables or teaser which define their own width */
.field--name-field-facilitators { /* facilitator field allows max-width as inline-block round user images can extend fully */
	max-width: none;
}
.block-views-blockchild-nodes-block-1 { /* Child node list contains node teaser which define max-width each, while they alternate right and left alignment */
	max-width: 1200px;
	margin: auto;
	padding-right: 2%;
	padding-left: 2%;
}
.teaser-alternating .views-row.odd article.node--view-mode-teaser {
	margin-left: 0;
}
.teaser-alternating .views-row.even article.node--view-mode-teaser {
	margin-right: 0;
}

footer article,
form.comment-form {
	max-width: 950px;
	margin: auto;
	padding-right: 2%;
	padding-left: 2%;

}

/* ===== Header ===== */

.main-header{
  margin-bottom: 0;
  position: relative;
}
/* 
.main-header nav {
  margin: 0;
  position: relative;
  z-index: 333;
} */

.main-header .region {
  position: relative;
  z-index: 2;
}
 

/* ===== region Page title ===== */

.region-page-title {
	position: relative;
}
#block-sensa8-page-title {
	position: absolute;
	height: 0;
	width: 100%;
}
#block-sensa8-page-title h1 {
	position: absolute;
	bottom: 0;
	width: 100%;
}
#block-date {
	margin: 0 auto -27px auto;
}



/* ===== Content + content bottom ===== */
.region-content,
.region-content-bottom {
	margin: 0 auto 50px auto;
}

/* ===== Sidebars ===== */



/* ===== Blocks ===== */

.block {
	margin-bottom: 20px;
}
#block-sensa8-local-tasks {
	margin-left: 5%;
}
#block-languageswitcher {
	margin: 0;
	text-align: right;
}
.hero .block {
	margin: 0;
}



/* ===== Nodes ===== */

/* ----- teaser ----- */

article.node--view-mode-teaser {
	max-width: 950px;
	margin: auto;
	margin-top: 30px;
	margin-bottom: 50px;
	clear: both;
}

/* ===== Comments ===== */

/* ===== User display ===== */

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

.footerwidget {
	margin: 0;
	overflow: hidden;
}
.footerwidget .container {
	width: 100%;
	max-width: 1200px;
	overflow: hidden;
	padding: 15px;
}
.footerwidget .container .row {
	justify-content: space-around;
}
#footer .region {
	margin-top: 65px;
}
#footer .row .region .block {
	padding: 10px;
}
/* Blocks in footer have title extern of brown box */
#footer .block h2,
#footer .block h5 {
	/*
	margin: -60px 0 40px 0;
	line-height: 1;
	* /
}


.hero .block {
	margin: 0;
}
div.container {
	width: 100%;
	padding: 0;
}
#wrapper div.container {
	padding: 0 3vw;
}