/*---------- paragrah commons -----------------*/
.paragraph {
  clear: both;
  overflow: hidden;
}

.paragraph--type--layout-style .inner{
	/* padding-bottom:4%; */
}

/*----------------- style 1 ----------------------------------*/

.s1 {
  display: block;
  overflow: hidden;
  -webkit-clip-path: polygon(0 15%, 100% 0%, 100% 85%, 0% 100%);
  clip-path:polygon(0 15%, 100% 0%, 100% 85%, 0% 100%);
}

.s1 .inner {
  padding: 3%;
}

.s1 a { 
  text-decoration:none;
}
.s1 h2 {
	font-size: 36px;
	line-height: 38px;
	font-weight: lighter;
	text-transform: uppercase;
	margin-top:0px;
}


@media screen and (max-width: 800px) { 
  .s1 {
	  display: block;
	  overflow: hidden;
	  -webkit-clip-path: polygon(0 5%, 100% 0%, 100% 95%, 0% 100%);
	  clip-path:polygon(0 5%, 100% 0%, 100% 95%, 0% 100%);
  }
}

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

.s2 .inner {
	padding: 3%;
	max-width:1200px;
	margin: 0 auto;
}

.s2 .inner .entity-reference-revisions {
  text-align: center;
  align-items: stretch;
  justify-content: space-between;
  display: flex;
  flex-wrap: wrap;
}

.s2 .inner .entity-reference-revisions > div {
  min-width:200px;
  padding: 2%;
  min-height: 210px;
  display: inline-block;
  text-align: left;
  position: relative;
  vertical-align: middle;
  flex:40%;
  background:#fff;
  margin:1%;
  border: 1px solid #c4d8dc;
  border-radius: 0.5rem;
}

.s2 h2 {
	color:#5ea4dd;
	font-size: 36px;
	line-height: 38px;
	font-weight: lighter;
	text-transform: uppercase;
	margin-top:0px;
}

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

.s3 .inner {
	padding: 3%;
	max-width:1200px;
	margin: 0 auto;
}

.s3 .inner .entity-reference-revisions {
  text-align: center;
  align-items: stretch;
  justify-content: space-between;
  display: flex;
  flex-wrap: wrap;
}

.s3 .inner .entity-reference-revisions > div {
  min-width:200px;
  padding: 2%;
  min-height: 210px;
  display: inline-block;
  text-align: left;
  position: relative;
  vertical-align: middle;
  flex:22%;
  background:#fff;
  margin:1%;
  border: 1px solid #c4d8dc;
  border-radius: 0.5rem;
}

.s3 h2 {
	color:#5ea4dd;
	font-size: 36px;
	line-height: 38px;
	font-weight: lighter;
	text-transform: uppercase;
	margin-top:0px;
}

/*-----------------style 4----------------------------------*/

.s4 {
  display: block;
  overflow: hidden;
  -webkit-clip-path: polygon(0 0, 100% 15%, 100% 100%, 0 85%);
  clip-path:polygon(0 0, 100% 15%, 100% 100%, 0 85%);
}

.s4 .inner {
  padding: 3%;
}

.s4 a { 
  text-decoration:none;
}
.s4 h2 {
	font-size: 36px;
	line-height: 38px;
	font-weight: lighter;
	text-transform: uppercase;
	margin-top:0px;
}


@media screen and (max-width: 800px) { 
  .s4 {
	  display: block;
	  overflow: hidden;
	  -webkit-clip-path: (0 0, 100% 5%, 100% 100%, 0 95%);
	  clip-path:polygon(0 0, 100% 5%, 100% 100%, 0 95%);
  }
}

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


.collapseline {
	font-size:110%;
	cursor:pointer;
}

.collapseline::before {
	content: '- ';
	font-size: 37px;
	vertical-align: -5px;
	display: inline;
}

.collapseline.collapsed::before { 
  content:'+ ';
  font-size:37px;
  vertical-align: -5px;
  display: inline;
}

.collapseline:not(.none):hover::before {
	filter: invert(70%);
	-webkit-transition: transform 2s ease-in-out;
}

.collapseline.none {
	cursor:default !important;
}

/*--------------center----------------------*/
.center picture img {
	margin: 0 auto;
	display: block;
}

.center .paragraph {
	margin: 0 auto !important;
}


.paragraph--type--vliz-event-program * {
  font-size: 115%;
}


/*----------collapse------------------*/

details > summary {
	background-color: var(--light-color);
	color: var(--dark-color);
	cursor: pointer;
	padding: .5rem 1rem;
}
  
details > summary > * {
	display: inline;
}

details:not([open]) .field-paragraphs {
	/* any direct child elements other than summary, or any direct child text nodes */
	display: none;
}

.bgcolor > .inner > details > summary {
	background-color: inherit;
	color: inherit;
}

details > summary:focus{
   outline: 0px solid var(--second-bg-color) !important;
   outline-offset:0px !important;
   border-bottom: 0px solid var(--main-color);
}