/* Nodes styles */

/* Common pack style settings */
.node-pack > h2 {
  align-self: flex-start;
}

.node-pack {
  display: flex;
  align-items: center;
  align-content: center;
  flex-direction: column;
  height: 100%;
}

.node-pack > * {
  max-width: 100%;
}

.node-pack .more-info-container {
  text-align: center;
  margin-top: auto;
}

.node-pack .more-info {
  background-color: #262626;
  color: white;
  text-decoration: none;
  padding: 0.25em 1em;
  display: inline-block;
  margin-top: 3em;
  text-align: center;
  font-size: 1.3em;
  font-family: MontSerrat, sans-serif;
  text-transform: uppercase;
}

/* Small pack display */
.node-pack.display-small {
  border: 1px solid #e8e8e8;
  width: 100%;
  margin-bottom: 2em;
  padding: 1em 2em;
  float: left;
}

.node-pack.display-small > h2 {
  margin: 0 0 1em 0;
}

.node.display-small  {
  text-align: center;
}

.node.display-small h2 {
  font-size: 1.3em;
  font-family: MontSerrat, sans-serif;
  text-transform: uppercase;
  font-weight: bold;
  display: block;
  width: 100%;
}

.node.display-small h2 .first {
  font-weight: lighter;
}

.node.display-small h2 > .short-cesure > .first {
  display: block;
}

.node.display-small h2 > div {
  width: 100%;
}

.node.display-small h2 {
  background-image: url(../images/large-dash.png);
  background-position: 50% calc(100% + 10px);
  background-repeat: no-repeat;
  padding-bottom: 10px;
}

.node.display-small img {
  max-width: 100%;
  height: inherit;
}

.node-pack.display-small .field-name-field-tarifs {
  margin-top: 1em;
}

/* Medium pack display */
.node-pack.display-medium {
  border: 1px solid #e8e8e8;
  width: 100%;
  margin-bottom: 1em;
  padding: 2em;
  float: left;
}

.node-pack.display-medium img {
  max-width: 100%;
  height: auto;
}

.node-pack.display-medium ul {
  list-style: none;
}

.node-pack.display-medium ul > li {
  display: block;
  padding: 1em 0.5em;
  border-bottom: 1px solid #e8e8e8;
}

.node-pack.display-medium .field-name-field-visuel-pack {
  margin: 2em auto;
  max-width: 220px;
}

.node-pack.display-medium .field-name-field-tarifs {
  margin-top: 2em;
  padding-left: 0.5em;
}

.node.display-medium h2 {
  font-size: 1.8em;
  font-family: MontSerrat, sans-serif;
  margin : 0 0 0 1.5em;
  text-transform: uppercase;
  font-weight: bold;
  display: block;
  width: 100%;
}

.node.display-medium h2 .first {
  font-weight: lighter;
  display: block;
}

/* full page display */
.node-type-pack .view-display-id-revues .views-field-title a {
  background-image: url(../images/large-dash.png);
  background-position: 50% calc(100% + 10px);
  background-repeat: no-repeat;
  padding-bottom: 10px;
}

.page-node .node-pack {
  padding: 2em;
}

.page-node .node-pack .pack-visual {
  float: left;
  width: 220px;
  margin-right: 2em;
}

.page-node .node-pack .pack-presentation {
  float: left;
  width: calc(100% - 220px - 2em);
}

.page-node .node-pack .field-name-body {
  width: 60%;
  float: left;
}

.page-node .node-pack .field-type-text-with-summary h2 {
  margin-top: 0;
}

.page-node .node-pack .field-name-field-tarifs {
  width: 40%;
  float: left;
  padding: 2em 4em;
  text-align: center;
  font-size: 1.5em;
}

.page-node .node-pack .field-name-field-tarifs strong {
  font-size: 30px;
}

.page-node .node-pack .try-lextenso-container {
  padding: 0 4em;
}

.page-node .node-pack .try-lextenso-container a {
  padding: 1.3em;
}

.page-node .node-pack .try-lextenso {
  font-size: 16px;
  margin-top: 0;
  font-weight: normal;
}

.page-node .node-pack .try-lextenso b {
  font-family: MontSerratBold, sans-serif;
}

.page-node .node-pack .contact-lextenso {
  font-size: 14px;
}

.page-node .see-all-packs {
  font-size: 1.5em;
  font-family: MontSerratBold, sans-serif;
  color: #262626;
  text-transform: none;
  display: inline-block;
  text-align: center;
  text-decoration: none;
}

/* Added because of IE11 not changing text-decoration property for :before */
.page-node .see-all-packs span {
  text-decoration: underline;
}

.page-node .see-all-packs::before {
  content : '<';
  color: white;
  background: black;
  border-radius: 100%;
  display: inline-block;
  height: 1em;
  width: 1em;
  line-height: 1.1em;
  font-family: MontSerrat, sans-serif;
  margin-right: 0.3em;
}

.page-node .view-display-id-others .field-name-field-sous-titre {
  font-family: Montserrat, sans-serif;
  font-size: 2em;
  font-weight: bold;
  margin-bottom: 1em;
}

.page-node .view-display-id-others .field-name-field-vignette {
  float: left;
  margin-right: 2em;
}

.page-node .view-display-id-others .field-name-field-texte-lien a {
  font-family: Montserrat, sans-serif;
  color: #fff;
  text-decoration: none;
  padding: 0.4em 1.5em;
  background: #292929;
  font-size: 1.2em;
  margin-top: 1.5em;
  display: inline-block;
}