/* Make sure that each row starts on a new row */

DIV.field--name-field-sections > DIV.field__item {
  clear: both;
}


/* Rules for Paragraph Headings */

DIV.paragraph DIV.field--name-field-heading H2 {
  background-color: #ebb728;
  color: black;
  padding: 2px 8px;
  font-size: 120%;
}

DIV.paragraph DIV.field--name-field-heading H3 {
  background-color: #00254c;
  color: white;
  padding: 2px 8px;
  font-size: 105%;
  font-weight: 500;
}


/* Rules for Main Content + Sidebar Container */

DIV.paragraph--type--main-content-right-sidebar DIV.field--name-field-embedded-node ARTICLE.node HEADER {
  display: none;
}

@media handheld, only screen and (min-width: 990px) {

  DIV.paragraph--type--main-content-right-sidebar DIV.field--name-field-columns {
    float: left;
    width: 75%;
  }

  DIV.paragraph--type--main-content-right-sidebar DIV.field--name-field-embedded-node {
    float: left;
    width: 25%;
    padding-left: 20px;
    padding-top: 10px;
    box-sizing: border-box;
  }

  DIV.paragraph--type--main-content-right-sidebar DIV.field--name-field-embedded-node ARTICLE.node DIV.node__content {
    margin-top: 0;
  }

}


/* Rules for Fifty - Fifty Column Container */

@media handheld, only screen and (min-width: 990px) {

  DIV.paragraph--type--fifty-fifty-row DIV.field--name-field-columns > DIV.field__item {
    float: left;
    width: 49%;
  }
  DIV.paragraph--type--fifty-fifty-row DIV.field--name-field-columns > DIV.field__item:first-child {
    margin-right: 18px;
  }

}
 

/* Rules for One Third - Two Thirds Column Container */

@media handheld, only screen and (min-width: 990px) {

  DIV.paragraph--type--one-third-two-thirds-row DIV.field--name-field-columns > DIV.field__item:first-child {
    float: left;
    width: 33%;
    margin-right: 18px;
  }

  DIV.paragraph--type--one-third-two-thirds-row DIV.field--name-field-columns > DIV.field__item:last-child {
    float: left;
    width: 65%;
  }

}
 

/* Rules for Two Thirds - One Third Column Container */

@media handheld, only screen and (min-width: 990px) {

  DIV.paragraph--type--two-thirds-one-third-row DIV.field--name-field-columns > DIV.field__item:first-child {
    float: left;
    width: 65%;
    margin-right: 18px;
  }

  DIV.paragraph--type--two-thirds-one-third-row DIV.field--name-field-columns > DIV.field__item:last-child {
    float: left;
    width: 33%;
  }

}


/* Rules for Horizontal Blurb Row 3 across */

@media handheld, only screen and (min-width: 990px) {

  DIV.paragraph--type--horizontal-blurb-row-3 DIV.field--name-field-blurbs > DIV.field__item {
    float: left;
    width: 31%;
    margin-right: 18px;
  }

  DIV.paragraph--type--horizontal-blurb-row-3 DIV.field--name-field-blurbs > DIV.field__item:last-child {
    margin-right: 0;
  }

}

 
/* Rules for Horizontal Blurb Row 4 across */

@media handheld, only screen and (min-width: 990px) {

  DIV.paragraph--type--horizontal-blurb-row DIV.field--name-field-blurbs > DIV.field__item {
    float: left;
    width: 23.75%;
    margin-right: 18px;
  }

  DIV.paragraph--type--horizontal-blurb-row DIV.field--name-field-blurbs > DIV.field__item:last-child {
    margin-right: 0;
  }

}


/* Rules for Captioned Image Sets and Slide Shows */

DIV.paragraph--type--captioned-image-set DIV.field--name-field-blurbs > DIV.field__item > DIV.paragraph > DIV.field--type-image,
DIV.paragraph--type--manual-slide-show DIV.field--name-field-tabs > DIV.field__item > DIV.paragraph > DIV.field--type-image {
  float: none;
  margin: 0;
}

DIV.paragraph--type--captioned-image-set DIV.field--name-field-blurbs > DIV.field__item,
DIV.paragraph--type--manual-slide-show DIV.field--name-field-tabs > DIV.field__item {
  margin-bottom: 12px;
}

@media handheld, only screen and (min-width: 990px) {

  DIV.paragraph--type--captioned-image-set DIV.field--name-field-blurbs > DIV.field__item {
    float: left;
    width: 23.75%;
    margin-right: 18px;
    text-align: center;
  }


  DIV.paragraph--type--captioned-image-set DIV.field--name-field-blurbs > DIV.field__item:last-child {
    margin-right: 0;
  }

}


/* Rules for Full Width Image Rows */

DIV.paragraph--type--full-width-image-row > DIV.field--name-field-main-image {
  margin: 0 0 16px 0;
}


/* Rules for Embeded Content Rows */

/*-- Gets rid of the pesky contextual links and page title for embedded nodes on general output */

DIV.paragraph--type--embedded-node DIV.field--name-field-embedded-node ARTICLE.node HEADER {
  display: none;
}


/*-- Gets rid of page title and pushes node down off of the Paragraphs Edit control */


DIV.paragraph--type--embedded-node DIV.field--name-field-embedded-node ARTICLE.node > H2 {
  display: none;
}

FORM DIV.paragraph--type--embedded-node DIV.field--name-field-embedded-node ARTICLE.node {
  clear: both;
}



/* Rules for Horizontal Tabs */

DIV.paragraph--type--horizontal-tabs {
  margin-bottom: 16px;
}

DIV.paragraph--type--horizontal-tabs > DIV.field--name-field-tabs > DIV.field__item {
  margin-top: 0;
  border: solid thin #909090;
  padding: 4px 8px;
}

UL.gtTabList {
  padding-left: 0;
  overflow: auto;
  border-collapse: collapse;
  margin-left: 0;
  margin-bottom: -1px;
  padding: 0;
}

UL.gtTabList LI {
  margin: 0 4px 0 0;
  font-weight: 300;
  float: left;
  display: block;
  padding: 6px 8px;
  border-top: solid thin #909090;
  border-left: solid thin #909090;
  border-right: solid thin #909090;
}

UL.gtTabList LI.gtTabSelected {
  font-weight: 600;
  background: white;
}


/* Rules for Accordion Sets */

DIV.paragraph--type--accordion-set {
  margin-bottom: 16px;
}

DIV.paragraph--type--accordion-set > DIV.field--name-field-tabs {
  margin-bottom: 10px;
}

DIV.paragraph--type--accordion-set > DIV.field--name-field-tabs H2 {
  font-size: 1.143em;
}

DIV.gtAccordionToggle A {
  font-size: 115%;
}

DIV.gtAccordionToggle A DIV {
  float: left;
  margin-right: 8px;
  width: 10px;
  text-align: center;
}


/* Rules for Manual Slide Shows */

DIV.paragraph--type--manual-slide-show DIV.gtSlideshowControlBar {
  padding-bottom: 8px;
  text-align: center;
}

DIV.paragraph--type--manual-slide-show BUTTON.gtSlideshowControlButton {
  margin: 0 12px;
  font-size: 0.9em;
}

DIV.paragraph--type--manual-slide-show BUTTON.gtSlideshowControlButton SPAN {
  position: absolute;
  left: -10000px;
  top: 0;
}

DIV.paragraph--type--manual-slide-show DIV.field--name-field-tabs {
  text-align: center;
}