/*-----Data Governance 2.0 Styling-----*/
/*Hero section*/
.paragraphs-item-7286 h3 {
  color: white !important;
  text-transform: uppercase;
  font-weight: 700 !important;
  line-height: 5rem !important;
  background: unset !important;
  padding-bottom: 0 !important;
  padding-top: 0 !important;
  margin-bottom: 0 !important;
  font-size: 100px !important;
  padding-top: 100px !important;
}

.paragraphs-item-7286 .even {
  background: unset !important;
}

/*Used for splitting headings and text*/
.divider-line {
  height: 0;
  border: 3px solid #d73f09;
  width: 60px;
  margin: 30px 0;
}

/*New 2-col Style*/
.paragraph-2-col {
    width: 90% !important;
    margin-left: 10%;
}

.paragraph-2-col>.span6 {
    width: 40% !important;
    position: relative;
    left: 5%;
    background-position: center;
}

/*Slanted menu bar*/
.paragraphs-items .paragraph-menu ul {
  display: flex;
  min-height: 90px;
  justify-content: center;
  vertical-align: middle;
  align-items: flex-start;
  margin: 0;
}

.pine .paragraphs-item-paragraph-menu ul li {
  transform: skewX(-28deg);
  border: 2px solid white;
  margin: 20px 1rem;
}

.pine .paragraphs-item-paragraph-menu ul li a {
  transform: skewX(28deg);
}

.pine .paragraphs-item-paragraph-menu ul li a:hover, 
.pine .paragraphs-item-paragraph-menu ul li a:focus, 
.pine .paragraphs-item-paragraph-menu ul li a::selection {
  background-color: unset;
}

.members table {
  width: 100% !important;
}

/*Removing accordion margin*/
.accordion {
  margin: 0 !important;
}

.accordion-inner h4 {
  color: #d73f09;
}

/*Directory*/
.members h4 {
  background-color: #d73f09;
  color: white;
  padding: 15px;
  margin: 0;
  border-radius: 5px 5px 0 0;
  text-transform: unset;
}

/*Responsive CSS*/
@media (max-width: 1075px) {
  .paragraph-2-col {
    display: flex;
    flex-direction: column;
    margin-left: 5%;
  }
  
  .paragraph-2-col .span6 {
    width: 90% !important;
  }
}

@media (max-width: 720px){
  .paragraphs-item-11116 h3 {
    font-size: 60px !important;
    text-align: center;
    margin: auto 0;
  }
  
  .paragraphs-item-11116 .field-item,
  .paragraphs-item-11116 h3 {
    width: 100%;
    padding: 0 !important;
  }
  
  .paragraphs-item-11116 .content {
    width: 100% !important;
  }
  
  .paragraphs-item-11116 {
    min-height: 285px !important;
  }
  
  .paragraphs-item-7286 h3 {
    font-size: 50px !important;
    line-height: 70px !important;
    text-align: center;
  }
  

}