/*
**********************************************
Personnalisation page Unionmag
**********************************************
*/
.uds-unionmag {
/*  padding-top: 30px;*/
  padding-left: 30px;
  padding-right: 30px;
/*  display: flex;*/
}
.uds-unionmag .wp-block-group:last-child {
  margin-top: 0px;
}
.uds-unionmag figure:first-child {
  margin-left: 0px;
}
.uds-unionmag figure {
  margin: 0px 0px;
}
.uds-unionmag .wp-block-image img {
	border-radius: 3px;
    vertical-align: bottom;
    -webkit-filter: sepia(0.3) hue-rotate(0deg);
    filter: sepia(0.3) hue-rotate(0deg);
}
.uds-unionmag .wp-block-group h6,
.uds-unionmag .wp-block-group h5,
.uds-unionmag .wp-block-group h4,
.uds-unionmag .wp-block-group h3,
.uds-unionmag .wp-block-group h2,
.uds-unionmag .wp-block-group h1 {
	margin: 10px 15px 10px 0px;
/*	margin: 10px 15px 5px 15px;*/
/*	position: absolute;
	transform: translatey(18rem) rotate(-90deg);
    transform-origin: left center;*/
}
.uds-unionmag.wp-block-column {
	flex-direction: column-reverse;
    display: flex;
  /*display: grid;*/
  position: relative;
  left: 0;
  right: 0;
  margin: auto;
  margin-top: 0px;
  width: fit-content;
}
.uds-unionmag .wp-block-group {
  flex-direction: column-reverse !important;
  left: 0;
    position: relative;
    right: 0;
    margin-left: auto;
    margin-right: auto;
	border-radius: 3px;
/*  margin-left: 20px;*/
  width: fit-content;
/*  width: 280px;
  min-width: 280px;*/
  background: linear-gradient(to right, #404040, #383838, #313131, #0e0e0e);
  background: #fff;
  margin-top: -21.5rem;
  box-shadow: rgba(0, 0, 0, 0.2) 0px -5px 50px;
  transition: 0.8s;
  margin-bottom: 3rem;
  flex-grow: unset !important;
}
.uds-unionmag .wp-block-group:last-child:hover {
	margin-top: 0rem;
}
.uds-unionmag .wp-block-group:hover {
/*.uds-unionmag figure:hover {*/
/*  margin-bottom: 28rem;*/
	margin-top: -4rem;
	cursor: pointer;
}

/*
**********************************************
PDF viewer
**********************************************
*/
#pdf_area {
	height: 765px;
	border: 4px solid #323639; /*#dd3333;*/
	border-left: 0px;
	border-top: 0px;
	box-shadow: 0 1px 5px rgba(0,0,0,.4);
	border-radius: 5px;
	transition: 200ms 0ms ease-in-out;
}
.poster {
/*  width: 300px;*/
  padding: 7% 7% 0% 7%;
  position: relative;
  box-sizing: border-box;
  background-color: #fff;
  box-shadow: 0 3px 12px rgba(0,0,0,0.2);
  filter: saturate(70%) contrast(85%);
}
.poster img {
  width: 100%;
  display: block;
  z-index: 1;
}
.poster:before,
.poster:after {
  content: '';
  width: 100%;
  left: 0;
  position: absolute;
}
.poster:before {
  height: 4%;
  bottom: -4%;
  background-repeat: no-repeat;
  background-image: linear-gradient(177deg, rgba(0,0,0,0.22) 10%, transparent 50%), linear-gradient(-177deg, rgba(0,0,0,0.22) 10%, transparent 50%);
  background-size: 49% 100%;
  background-position: 2% 0, 98% 0;
}
.poster:after {
  height: 100%;
  top: 0;
  z-index: 2;
  background-repeat: no-repeat;
  background-image: linear-gradient(to right, rgba(255,255,255,0.1) 0.5%, rgba(0,0,0,0.15) 1.2%, transparent 1.2%), linear-gradient(to bottom, rgba(255,255,255,0.1) 0.5%, rgba(0,0,0,0.15) 1.2%, transparent 1.2%), linear-gradient(to bottom, rgba(255,255,255,0.1) 0.5%, rgba(0,0,0,0.15) 1.2%, transparent 1.2%), linear-gradient(265deg, rgba(0,0,0,0.2), transparent 10%), linear-gradient(5deg, rgba(0,0,0,0.2), transparent 15%), linear-gradient(-5deg, rgba(0,0,0,0.1), transparent 10%), linear-gradient(5deg, rgba(0,0,0,0.1), transparent 10%), linear-gradient(-265deg, rgba(0,0,0,0.2), transparent 10%), linear-gradient(-5deg, rgba(0,0,0,0.2), transparent 15%), linear-gradient(266deg, rgba(0,0,0,0.2), transparent 10%);
  background-size: 50% 100%, 100% 33.3333%, 100% 33.3333%, 50% 33.3333%, 50% 33.3333%, 50% 33.3333%, 50% 33.3333%, 50% 33.3333%, 50% 33.3333%, 50% 33.3333%;
  background-position: right top, left center, left bottom, left top, left top, right top, left center, right center, right center, left bottom;
}
.dessus {
  width: 100%;
  left: 0;
  position: absolute;
  height: 400px;
}