/* Styles for Corporate Theme layouts - surveys, careers, about areas */
/* Last updated Feb 24 -- RFS */ 


.featuredIntro {
    padding-bottom: 1.33rem; 
    border-bottom: 10px solid #00b3c7;
}
.featuredIntro.pink {
    border-bottom-color: #C74673;
 }
 .featuredIntro.purple {
    border-bottom-color: #4f6497;
 } 
 .featuredIntro.teal {
    border-bottom-color: #0099B4;
 }
 .featuredIntro.yellow {
    border-bottom-color: #FBAA34;
 }
 .featuredIntro.bluegrey {
    border-bottom-color: #ADBECC;
 }
 .featuredIntro.no-border {
   border-bottom: none;
   padding-bottom: 0;
 }
 @media all and (min-width: 768px) {
 .featuredIntro {
     display: flex;
     flex-direction: row;
     flex-wrap: wrap;
     /*align-items: stretch; */
 }
}
.featuredIntro .featuredIntro__img {
   padding: 0;
   margin-right: 2rem;
   flex: 0 1 350px; /* under review */
   align-self: center;
}
.featuredIntro .featuredIntro__img.featuredIntro__img__square {
   flex: 0 1 250px; 
}
.featuredIntro .featuredIntro__img img {
   display: block;
   height: auto;
   width: 100%;
   max-width: 100%;
}

.featuredIntro .featuredIntro__lead {
  color: #5b6670;
  align-self: flex-end;
  flex: 1;
  padding-top: 1rem;
}   

.featuredIntro .featuredIntro__lead .logo {
   margin-bottom: 2rem;
}

.featuredIntro .featuredIntro__lead h2 {
    font-weight: bold;
}

.featuredIntro.pink .featuredIntro__lead h2 {
    color: #732857;
}

.featuredIntro.aboutus .featuredIntro__lead h2 {
    color: #007a90;
}

.featuredIntro .featuredIntro__lead p {
  font-size: 1.2rem;
  font-family: Roboto Slab;        
}

.featuredIntro .featuredIntro__lead ul {
  list-style: disc;      
  margin: 1rem 0 1rem 2rem;
}

.featuredIntro .featuredIntro__lead li {
   font-size: 1.2rem;
   font-family: Roboto Slab;      
   margin-bottom: 1rem;  
   line-height: 1.5;
 }
 
hr.surveyPage__divider {
   clear: both;
   height: 0;
   border: 0;
   border-bottom: 10px solid #00b3c7;
}

hr.page__divider {
    clear: both;
    height: 0;
    border: 0;
 }

 hr.page__divider.space-above {
   margin-top: 2rem;
 }
 hr.page__divider.space-below {
   margin-bottom: 2rem;
 }
 hr.page__divider.space-around {
   margin: 2rem 0;
 }
 
 hr.page__divider.pink {
    border-bottom: 10px solid #C74673;
 }
 hr.page__divider.yellow {
    border-bottom: 10px solid #FABD52;
 }
 hr.page__divider.purple {
    border-bottom: 10px solid #4f6497;
 }
 hr.page__divider.teal {
    border-bottom: 10px solid #0099B4;
 }
 hr.page__divider.purple20 {
   border-bottom: 10px solid #DAE0F2;
 }
 hr.page__divider.csoblue {
   border-bottom: 10px solid #00b3c7;
 }
 
 .surveyPage__highlight {
   background-color: #daf0f2;
   padding: 0.25rem 1rem;
}

.enterprise-surveys {
	border-bottom-color: #fabd52;
}

.img-border {
	border: 5px solid #007a90;
}

.contentPage__highlight, .contentPage__highlight.purple {
   background-color: #e6e9f2;
   padding: 0.25rem 1rem;   
}
.contentPage__highlight.mint { 
   background-color: #daf2ed;
}
.contentPage__highlight.bluegrey {
    background-color: #f2f7fa;
 }
 .contentPage__highlight.teal {
    background-color: #DAF0F2;
 }
 .contentPage__highlight.yellow {
    background-color: #FCF0DC;
 }
 
h2.surveyPage__surveyHeading,
h3.surveyPage__surveyHeading { 
   font-weight: bold;
   color: #2E8D9C;
}
h4.surveyPage__surveyHeading { 
   color: #5B6771;
}

h2.corporatePageHeading {
   font-size: 2rem;
   font-weight: 500;
   margin: 0 0 0.5rem;
}
h2.corporatePageHeading.xl { font-size: 2.5rem; }
h2.corporatePageHeading.text-light { font-weight: 400; }
h2.corporatePageHeading.text-md { font-size: 1.8rem; }
h2.corporatePageHeading.green { color: #006168; }
h2.corporatePageHeading.mint { color: #00A881; }
h2.corporatePageHeading.teal { color: #00A3A0; }
h2.corporatePageHeading.purple { color: #35456B; }
h2.corporatePageHeading.magenta { color: #ab4d88; }
h2.corporatePageHeading.grey { color: #5b6670; }
h2.corporatePageHeading.csoblue { color: #0099b4; }

h3.corporatePageHeading {
   font-weight: bold;
   color: #4463aa;   /*cobalt */
   font-size: 1.7rem;
   margin: 0.75rem 0;
}
h3.corporatePageHeading.xl { font-size: 2.2rem; }
h3.corporatePageHeading.text-light { font-weight: 400; }
h3.corporatePageHeading.text-md { font-size: 1.6rem; }
h3.corporatePageHeading.green { color: #006168; }
h3.corporatePageHeading.mint { color: #00A881; }
h3.corporatePageHeading.teal { color: #00A3A0; }
h3.corporatePageHeading.purple { color: #35456B; }
h3.corporatePageHeading.magenta { color: #ab4d88; }
h3.corporatePageHeading.grey { color: #5b6670; }
h3.corporatePageHeading.csoblue { color: #0099b4; }

h4.corporatePageHeading {
   font-weight: bold;
   color: #4463aa;   /*cobalt */
   font-size: 1.5rem;
   margin: 0.75rem 0;
}
h4.corporatePageHeading.xl { font-size: 1.7rem; }
h4.corporatePageHeading.text-light { font-weight: 400; }
h4.corporatePageHeading.text-md { font-size: 1.4rem; }
h4.corporatePageHeading.green { color: #006168; }
h4.corporatePageHeading.mint { color: #00A881; }
h4.corporatePageHeading.teal { color: #00A3A0; }
h4.corporatePageHeading.purple { color: #35456B; }
h4.corporatePageHeading.magenta { color: #ab4d88; }
h4.corporatePageHeading.grey { color: #5b6670; }
h4.corporatePageHeading.csoblue { color: #0099b4; }

.pageLeadBlock {
   padding-bottom: 2rem;
   margin-bottom: 0.75rem;
   border-bottom: 10px solid;
   display:flex;
   flex-direction: column;
   flex-wrap: wrap;
}
@media screen and (min-width: 960px) {
   .pageLeadBlock {
      flex-direction: row;
   }
   .careers-role-list .pageLeadBlock:nth-child(even) {
      flex-direction: row-reverse;
   }
}
.pageLeadBlock.shaded-bg {
   background-color: #F5F6FA;
   padding: 1rem;
   border-bottom: none;
   margin: 2rem 0;
}
@media screen and (min-width: 960px) {
   .pageLeadBlock.shaded-bg {
      padding:2rem;
   }
}

.pageLeadBlock.centred {
   justify-content: center;
}

@media screen and (min-width: 960px) {
   .pageLeadBlock > div:not(:first-child) {
      margin-left: 1.5rem;
   }
}
.pageLeadBlock.green { border-color: #006168; }
.pageLeadBlock.green40 { border-color: #9BBDBF; }
.pageLeadBlock.softgreen { border-color: #579599; }
.pageLeadBlock.mint { border-color: #00A881; }
.pageLeadBlock.teal { border-color: #00A3A0; }
.pageLeadBlock.purple { border-color: #35456B; }
.pageLeadBlock.violet { border-color: #725499; }
.pageLeadBlock.cobalt { border-color: #4463aa; }
.pageLeadBlock.magenta { border-color: #ab4d88; }
.pageLeadBlock.yellow { border-color: #FABD52; }
.pageLeadBlock.pink { border-color: #d3205c; }
.pageLeadBlock.csogrey { border-color: #5b6670; }
.pageLeadBlock.csoblue { border-color: #0099b4; }

.pageLeadContent {
   display:flex;
   flex-direction: column;
   align-content: flex-start;
   flex:1;
}

.pageLeadBlock h2 {
   font-size: 1.867rem;
   line-height: 1.4;
   font-weight: 400;
   color: #5b6670;
}

.pageLeadBlock.green h2 { color: #006168; }
.pageLeadBlock.softgreen h2 { color: #579599; }
.pageLeadBlock.mint h2 { color: #00A881; }
.pageLeadBlock.teal h2 { color: #00A3A0; }
.pageLeadBlock.purple h2 { color: #35456B; }
.pageLeadBlock.violet h2 { color: #725499; }
.pageLeadBlock.cobalt h2 { color: #4463aa; }
.pageLeadBlock.magenta h2 { color: #ab4d88; }
.pageLeadBlock.pink h2 { color: #d3205c; }
.pageLeadBlock.csogrey h2 { color: #5b6670; }
.pageLeadBlock.csoblue h2 { color: #0099b4; }


.pageLeadContent > div {
   flex: 1;
}
.pageLeadContent > div:last-child {
   display:grid;
   grid-auto-flow: column;
   grid-gap: 2rem;
   justify-content: flex-start;
   align-items: flex-end;
   margin-bottom: 0.5rem;
}

/* Testimonial */
.highlightCardBlock {
   padding: 2rem;
   margin: 2rem 0;
   background-color: #F5F6FA;
}
.highlightCardBlock > h2:first-child,
.highlightCardBlock > h3:first-child,
.highlightCardBlock > h4:first-child {
   margin-top:0;
   padding-top:0
}

.highlightCardContent {
   display:flex;
   flex-direction: row;
   flex-wrap: wrap;
}

.highlightCardContent > div:not(:first-child) {
   margin-left: 2rem;
}

.highlightCardQuote {
   font-size: 1.4rem;
   font-weight: normal;
   font-family: "Roboto Slab", Times New Roman, Georgia, serif;
   flex:1;
   display: flex;
   flex-direction:column;
   justify-content: center;
}
.highlightCardQuote .quote-attribution {
   font-weight: normal;
   font-style: italic;
   font-size: 1.3rem;
   margin-top: 0.45rem;
}

/* BLOCK LINK ITEM STYLES MOVED TO INFOBYTE.CSS */