/**~ Variables ~**/
@import "variables.css";
/**~ Base ~**/

/**~ Sections ~**/


/**~ Components ~**/

/**~ Layout Builder ~**/
/**Paragraph Cards layout builder - live**/
[class*='block-field-blocknodebuilder-pagefield-para'],
[class*='block-entity-fieldnodefield-para'] {
  padding:5px;
}


[class*='paragraph--type--card-']{
  background-color: var(--ltgrey);
  border: white solid 5px;
}
[class*='paragraph--type--card-'] [class*='field--name-field-title']{
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
  color: var(--purple);
  font-size: 1.2em;
  font-family: "Encode Sans Normal","Open Sans","Arial",sans-serif,"Arial",sans-serif;
  font-weight: 800;
  line-height: 1.1;
}
[class*='paragraph--type--card-'] [class*='field--name-field-copy'] {
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
  padding-bottom: 2px;
}

[class*='paragraph--type--card-'] [class*='field--name-field-link'] {
  padding: 10px;
}
[class*='paragraph--type--card-'] div.field--type-link > a{
  font-family:uni sans;
  font-size:1.1em;
  font-weight: bold;
  color:var(--purple);
  text-transform: uppercase;
}
[class*='paragraph--type--card-'] div.field--type-link > a::after{
  content: "\2002\276F";
}
.paragraph--type--card-left {
  text-align: left
}
.paragraph--type--card-center{
  text-align: center
}
.paragraph--type--card-center img {
  margin:auto;
}
.field--name-field-image-caption{
  font: italic 12px "Open Sans","Arial",sans-serif,"Arial",sans-serif;
  padding: 0px 15px;
}
.field--name-field-builder-image {
  padding: 0px 15px;
}
.field--name-field-quote {
  font-family: uni sans;
  font-size: 1.5em;
  color: var(--purple);
}
.field--name-field-attribution {
  text-align: right;
  font-style: italic;
  font-family: uni sans;
  font-size: 1.5em;
  color: var(--purple);
}
.field--name-field-attribution::before {
  content: "\2013"
}
.layout--threecol-33-34-33 > .layout__region--second{
  flex: 0 1 33%;
}
.paragraph--type--pull-quote .paragraph__column {
    border-top: 1px solid var(--purple);
    border-bottom: 1px solid var(--purple);
    padding: 10px;
    margin: 7px 0px;
}
.field--name-field-line-spacer {
    border-top: 1px solid var(--purple);
    margin-top: 40px;
}

@media only screen and (max-width: 640px){
  .layout--threecol-33-34-33 > .layout__region--second{
    flex: 0 1 100%;
  }
}
@media screen and (min-width: 40em) {
  .layout--threecol-section--33-34-33 > .layout__region--second {
    flex: 0 1 33%;
  }
}
/** gets rid of add block link **/
 div.layout-builder__add-block > a {
   display: none;
 }

/** Adds padding to top of builder page **/
body.page-node-type-builder-page div.main-container {
	padding-top: 40px;
}
body.page-node-type-builder-page.path-frontpage div.main-container {
	padding-top: 0px;
}

/** PSPS Specific styling **/
.pnash section.block-field-blocknodepspsfield-subtitle{
  display: inline-block;
  max-width: 75%;
}
.pnash div.field--name-field-subtitle,
.pnash div.field--name-field-field-subtitle {
  min-width: 400px;
  margin-top: -25px;
  background-color: #ffffff;
  padding: 10px;
  opacity: .99;
  display: inline-block;
  color: #609241;
  font-size: 1.5em;
  font-family: uni sans;
}
@media only screen and (max-width: 992px){
  .pnash section.block-field-blocknodepspsfield-subtitle{
    display:block;
  }
  .pnash div.field--name-field-subtitle,
  .pnash div.field--name-field-field-subtitle {
    margin: 0px;
    display:block;
  }
}

.pnash section.block-field-blocknodepspsfield-hero-image-caption {
  display: inline-block;
  float: right;
  max-width: 25%;
}
.pnash div.field--name-field-subtitle p,
.pnash div.field--name-field-field-subtitle p {
  font-family: uni sans;
  font-size: 22px;
  color: #609241;
  padding: 0px 15px 0px 0px;
}
.pnash section.block-field-blocknodepspsfield-hero-image-caption > div > p {
  text-align: right;
  font-style: italic;
  font-size: .8em;
}
.pnash section.block-field-blocknodepspsfield-hero-image-caption > div {
  display: inline-block;
  float: right;
  max-width: 400px;
  margin-top: .5em;
}
.pnash section.block-field-blocknodepspsfield-last-updated> div {
  border-top: 1px solid var(--purple);
  margin-top: 40px;
  padding: 20px 0px;
}

/** takes full width left aligned cards and turns them into a classic CTA **/
@media only screen and (min-width: 640px) {
  .layout__region--top .paragraph--type--card-left picture,
  .layout--onecol .paragraph--type--card-left picture,
  .layout__region--bottom .paragraph--type--card-left picture,
  .layout__region--top .paragraph--type--card-left img,
  .layout--onecol .paragraph--type--card-left img,
  .layout__region--bottom .paragraph--type--card-left img {
    float: left;
    padding: 10px;
  }
  .layout__region--top .paragraph--type--card-left .field--name-field-title-left,
  .layout--onecol .paragraph--type--card-left .field--name-field-title-left,
  .layout__region--bottom .paragraph--type--card-left .field--name-field-title-left{
    margin-top: 20px;
  }
}
/**---------------- Frontpage builder -------------------**/
body.path-frontpage article.builder-page {
  max-width: 1200px;
  margin: auto;
  }
body.change.path-frontpage div.main-container > div.row,
body.teris.path-frontpage div.main-container > div.row {
  max-width: 1170px;
  margin: auto;
}
body.path-frontpage [class*='paragraph--type--card-'] {
background-color: var(--purple);
    background-clip: content-box;
    border: rgba(255, 0, 0, 0.0) solid 5px;
}
body.path-frontpage [class*='paragraph--type--card-'] [class*='field--name-field-title'],
body.path-frontpage [class*='field--name-field-copy'] > p,
body.path-frontpage div.field--type-link > a {
  color: white;
}

/**~ Utilities ~**/



/**~ Specific ~**/