/* Styles for the PMS Metallics Pages. */
/* RP_20190226 */

/* Base styles. */
/* 21446, .pmsMetallics.landingPage */

#article2018.customContainer {
  max-width: 1200px;
  padding-left: 0px;
  padding-right: 0px; 
}
#article2018.customContainer.landingPage a {
	color: #fff;
	text-decoration: none;
}
#article2018.customContainer li {
  margin-bottom: 10px;
}
#article2018.customContainer ul {
  margin: 10px 0 4px -20px;
  font-size: 16px;
}
#article2018.customContainer .socialWrapper ul {
  font-size: 13px;
}
#article2018.customContainer #myPantone_SocialNetworkLikeButtons { margin: 1rem 0 -30px -4px; }
#article2018.customContainer #myPantone_SocialNetworkLikeButtons ul li {
  min-width: 0;
}
#article2018.customContainer .row { margin-bottom: 3rem; }

.customContainer p { font-size: 16px; padding-bottom: 10px;}

#article2018 img { width: 100%; }

#article2018 ul.noBullet {
  list-style-type: none;
}
.customContainer hr { 
  border-top: 1px solid rgba(0,0,0,1); 
  margin-top: 0;
  margin-bottom: 0.5rem;
}

#article2018.customContainer.pmsMetallics h1 { 
  color: #008099;
  letter-spacing: 0;
  margin-top: -20px;
}
#article2018.customContainer.pmsMetallics h1 span.textNormal { 
  font-family: HelveticaNeueLtStd-Th, Helvetica, Arial, sans-serif;
}


#article2018.customContainer.pmsMetallics h2,
#article2018.customContainer.pmsMetallics h3:not(.latestArticles h3) { 
  text-transform: uppercase;
  font-weight: bolder;
  font-family: helvbld, helvetica, arial, sans-serif;
}
#article2018.customContainer.pmsMetallics h3:not(.latestArticles h3) {
  color: #008099;  
  font-size: 18px;
  border-bottom: 1px solid #000;
  padding-bottom: 4px;
}
#article2018.customContainer.pmsMetallics .hero img { 
  margin: 30px 0;
}

#article2018.customContainer.pmsMetallics .row.top5 { 
  background-color: #f0f0f0;
  padding: 20px;
}

.customContainer *, .customContainer::after, .customContainer::before {
  box-sizing: border-box;
}

#article2018.customContainer.pmsMetallics .btnCustom1, 
#article2018.customContainer.pmsMetallics .btnCustom2{ 
	background-color: #000;
  color: #fff;
  text-transform: uppercase;
  padding: 0.5rem 0;
  border-radius: 0;
  font-weight: 700;
  margin: 10px 0 0 0;
  max-width: 100%;
}
#article2018.customContainer.pmsMetallics .btnCustom1 {
  width: 100%;
  margin-top: 14px;
}
#article2018.customContainer.pmsMetallics .btnCustom2 {
  padding: 0.5rem 30px;
}

.latestArticles .article-card {
  max-width: 300px;
}
@media only screen and (max-width: 575.98px) {
  #article2018.customContainer.pmsMetallics > :not(.noPad) { padding: 0 10px; }
  #article2018.customContainer.pmsMetallics .top5 .col-md-2 { text-align: center; }
  #article2018.customContainer.pmsMetallics .top5 .col-md-2 img { width: 40%; margin-bottom: 20px; }
 .customContainer .row.padded { padding: 1rem; }
 .customContainer .row { margin-bottom: 0; }
 .btnCustom1, .btnCustom2 { margin-bottom: 30px; }
 #article2018.customContainer.pmsMetallics .btnCustom2 { display: block; width: 50%; margin: 0 auto 10px;}
  .latestArticles .article-card {
    max-width: 100%;
  }
}



/* Additions for Think Ink page. */
/* 21447, .pmsMetallics.thinkInk */
#article2018.customContainer.pmsMetallics.thinkInk h1,
#article2018.customContainer.pmsMetallics.thinkInk .dropCapBlock .dropCapNumber,
#article2018.customContainer.pmsMetallics.thinkInk h4 {
  color: #01819a;
}

#article2018.customContainer.pmsMetallics.thinkInk h1 { 
  letter-spacing: 0;
  margin-top: -20px;
}
#article2018.customContainer.pmsMetallics.thinkInk .dropCapBlock .dropCapNumber { 
  font-family: HelveticaNeueLTStd-ThIt, sans-serif;
  font-size: 52px;
  font-size: 100px;
  float: left;
  line-height: 1;
  margin-left: 10px;
  padding-right: 20px;
}
#article2018.customContainer.pmsMetallics.thinkInk .row.flex-row-reverse .dropCapBlock .dropCapNumber { 
  margin-left: 0;
}
#article2018.customContainer.pmsMetallics.thinkInk .dropCapBlock .dropCapText { 
  margin-top: 20px;
}
#article2018.customContainer.pmsMetallics.thinkInk h3:not(.latestArticles h3) { 
  font-size: 18px;
  margin-bottom: -4px;
}
#article2018.customContainer.pmsMetallics.thinkInk h4 { 
  font-weight: bolder;
  font-family: helvbld, helvetica, arial, sans-serif;
  font-size: 16px;
}
#article2018.customContainer.pmsMetallics.thinkInk .moreInfo h4 { 
  /width: 80%;
  /float: right;
}
#article2018.customContainer.pmsMetallics.thinkInk .moreInfo p { 
  /clear: both;
}
#article2018.customContainer.pmsMetallics.thinkInk .moreInfo { 
  width: 75%;
  text-align: center;
  margin: auto;
}
    
#article2018.customContainer.pmsMetallics.thinkInk .row.breadCrumb { 
  margin-top: 1rem;
}

#article2018.customContainer.pmsMetallics.thinkInk h1 span.textNormal { 
  font-family: HelveticaNeueLtStd-Th, Helvetica, Arial, sans-serif;
}

#article2018.customContainer.pmsMetallics.thinkInk h2,
#article2018.customContainer.pmsMetallics.thinkInk .dropCapText h3 { 
  text-transform: uppercase;
  font-weight: bolder;
  font-family: helvbld, helvetica, arial, sans-serif;
}
#article2018.customContainer.pmsMetallics.thinkInk h3:not(.latestArticles h3) { border-bottom: 0; }

#article2018.thinkInk .disclaimer { margin: 1em 20px -2em; text-align: right; }


/* Additions for Learn More page. */
/* 21449, .pmsMetallics.learnMoreMetallics */
  #article2018.customContainer.pmsMetallics.learnMoreMetallics h1, 
  #article2018.customContainer.pmsMetallics.learnMoreMetallics h3 { color: #deb1ab; }
  #article2018.customContainer.pmsMetallics.learnMoreMetallics h3 { margin: 10px 0 0; border-bottom: 0; }
  .light { text-weight: lighter; }
  .black { color: #666; }
  .sanSerif { font-family: sans-serif; }
  .noTransform { text-transform: none; }
#article2018.customContainer.pmsMetallics.learnMoreMetallics h3 span {
    text-transform: none;
    font-weight: 100;
    font-family: helvetica, arial, sans-serif;
}
.learnMoreMetallics .ulMargin { margin-top: -40px; }


/* Additions for FAQ page. */
/* 21451, .pmsMetallics.pmsMetallicFaq */
#article2018 .container.faq h1,
#article2018 h2.faqSection {
  color: #008099;
}
#article2018 .container.faq h1 {
  font-family: HelveticaNeueLTStd-ThIt, sans-serif !important;
  font-size: 48px;
  font-weight: normal;
  margin: 0 0 4px 0;
}
#article2018 h2.faqSection {
  font-weight: bold;
  margin: 20px 0 0 10px;
  font-size: 21px;
  color: #008099;
}

#pmsMetallicsChart .divTable {
    display: table;
    width: 100%;
}
#pmsMetallicsChart .divTableHeading {
    display: table-header-group;
    text-transform: uppercase;
}
#pmsMetallicsChart .divTableBody {
    display: table-row-group;
}
#pmsMetallicsChart .divTableRow {
    display: table-row;
}
#pmsMetallicsChart .divTableRow:nth-child(even) {
    background: #f0f0f0;
}
#pmsMetallicsChart .divTableCell, 
#pmsMetallicsChart .divTableHead,
#pmsMetallicsChart .divTableSectionHead {
  display: table-cell;
  border: 1px solid #aaa;
  padding: 3px 2px 3px 4px;
}
#pmsMetallicsChart .divTableHead.middle {
  background-color: #da8a8b;
}
#pmsMetallicsChart .divTableHead.right {
  background-color: #c0c99c;
}
#pmsMetallicsChart .divTableHead.left,
#pmsMetallicsChart .divTableSectionHead.left,
#pmsMetallicsChart .divTableSectionHead.middle,
#pmsMetallicsChart .divTableSectionHead.right {
  background-color: #ccc;
}
#pmsMetallicsChart .divTableHead,
#pmsMetallicsChart .divTableSectionHead {
  font-weight: bold;
  font-size: 18px;
}

#pmsMetallicsChart .left {
  padding-left: 10px;
  font-weight: bold;
}
#pmsMetallicsChart .left,
#pmsMetallicsChart .middle,
#pmsMetallicsChart .right {
  width: 33%;
}
#pmsMetallicsChart .divTable .middle,
.divTable .right {
  text-align: center;
}
#pmsMetallicsChart .divTableCell {
  font-size: 14px;
}
#pmsMetallicsChart .divTableSectionHead.left,
#pmsMetallicsChart .divTableSectionHead.middle {
  border-right: none;
}
#pmsMetallicsChart .divTableSectionHead.right,
#pmsMetallicsChart .divTableSectionHead.middle {
  border-left: none;
}


/* Magento Styles */
#article2018 .pmsMetallics.landingPage.magento ul {
  margin: 0;
}
#article2018 .container.faq.magento h1 {
  font-family: Helvetica-Neue-Thin-Italic,"Helvetica Neue Thin Italic","Microsoft JhengHei",Arial,sans-serif !important;
  font-size: 48px;
  font-weight: normal;
  margin: 0 0 4px 0;
}
#article2018.customContainer.pmsMetallics.magento h1 {
  font-family: Helvetica-Neue-Thin-Italic,"Helvetica Neue Thin Italic","Microsoft JhengHei",Arial,sans-serif;
}
#article2018.customContainer.pmsMetallics.magento h1 span.textNormal { 
  font-family: HelveticaNeue, Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 100;
}

#article2018.customContainer.pmsMetallics.thinkInk.magento h1 {
  font-family: Helvetica-Neue-Thin-Italic,"Helvetica Neue Thin Italic","Microsoft JhengHei", Arial, sans-serif;
}
#article2018.customContainer.pmsMetallics.thinkInk.magento h1 span.textNormal { 
  font-family: HelveticaNeue, Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 100;
}

.customContainer.magento img.d-md-block.hero { width: 110% !important; max-width: 200% !important; margin-left: -50px; }
.customContainer.magento img.d-md-none.hero { margin-left: -20px; width: 112%; max-width: 120%; }

.customContainer.magento p { font-family: helvetica, arial, sans-serif; }
.customContainer.magento a { font-size: 16px; color: #fff;}
.customContainer.magento ul { font-size: 14px; margin: 0 0 1rem 0;}

#article2018.container.customContainer.pmsMetallics.magento ul,
#article2018.container.customContainer.pmsMetallics.learnMoreMetallics.magento ul {
  max-width: 300px;   
  margin: 10px 0 4px 20px;   
}