/* ===============
	STYLESHEET #2
   =============== */


 /* ----- LEGAL PAGES STYLING ----- */
 .page .content > .field--name-field-title {
  background-color: var(--cl);
  display: inline-block;
  padding: var(--pm) var(--px);
  margin: var(--sl) 10%;
  font-size: 3rem;
  text-transform: uppercase;
  color: var(--cd);
  z-index: 2;
  -webkit-box-shadow: 2px 4px 9px 0px rgba(0,0,0,0.25);
  -moz-box-shadow: 2px 4px 9px 0px rgba(0,0,0,0.25);
  box-shadow: 2px 4px 9px 0px rgba(0,0,0,0.25);
 }



 .field--name-field-flexible-content {
  margin-bottom: 60px;
 }

 .paragraph--type--floating-title {
  width: 80%;
  margin: auto;
  align-items: flex-start;
  padding: 40px 0px;
 }

 .paragraph--type--one-column .field--name-field-content > .field--item:nth-of-type(even) {
  background-color: var(--cl);
 }

 .paragraph--type--floating-title .field--name-field-title {

  font-size: 1.2rem;
  color: var(--cw);
  position: sticky;
  top: 80px;
  margin-right: 60px;
  background-color: var(--cd);
  display: inline-block;
  width: 23%;
  padding: 20px;

 }

 .paragraph--type--floating-title .field--name-field-body {
  flex-basis: 78%;
  font-size: .9rem;
  display: inline-grid;
  width: 70%;
  vertical-align: top;

 }