#article2018 {
  max-width: 1200px;
  padding-left: 0px;
  padding-right: 0px; 
}

#article2018 #lockupImage {padding: 0.5rem 1.2rem 0 0;}
#article2018 #lockupTitle {display: inline-block; margin-top: 13px;}

#article2018 .row {margin-bottom: 0;}

#article2018 h1.title {
    color: #f80501; 
    margin: 1.9rem 0 0.3rem !important;
    font-size: 58px;
}
#article2018 h3.subline {
    color: #f80501;
    margin: 2rem 0 -1rem 0;
    font-family: HelveticaNeueLTStd-ThIt;
    font-size: 39px;
}
#article2018 .adobe h3.subline { color:#fff; margin-top: 1rem; padding-bottom: 0.5rem; }

#article2018 h2 {
    font-family: helvmd;
    font-size: 16px !important;
    margin-top: 45px;
}

#article2018 h4.headline {
    font-family: helvmd;
    margin-bottom: 20px;
    font-size: 18px !important;
    text-align: left;
    letter-spacing: 0px;
    text-transform: uppercase;
}

#article2018 div.credit { display: inline-table; font-size:16px; text-align: left; margin-bottom: 0.9rem; }
#article2018 div.credit li { 
    color: #000;
    display: inline-block;
    padding: 0px 15px;
    border-right: 1px solid #000;
}
#article2018 div.credit li:first-child { padding-left: 0px; }
#article2018 div.credit li:last-child { border-right: none; }
#article2018 div.credit li a { text-decoration: underline; }
#article2018 div.credit li.author { font-style: italic; font-size: 18px; }

#article2018 div.imgDesc { font-size: 0.8rem; padding: 0.5rem 0; }

#article2018 p {
  margin: 1rem 0; 
  font-size: 1.14rem;
}

.artwork-swatch {
    margin-top: 20px;
    margin-bottom: 10px;
    display: inline-block;
    vertical-align: top;
}
.artwork-swatch img { width: 100%; }
.artwork-swatch > img { width: 100%; }
.artwork-swatch div { text-align: center; }
.artwork-swatch > div { text-align: center; }
.artwork-swatch div.swatchDesc { display: contents; font-size:1.14rem;}
.artwork-swatch div.swatchDesc div { margin: 0px; }
.artwork-swatch div.swatch-code { font-weight: bold; margin-top: 10px;}
.artwork-swatch div.swatch-color-name { font-style: italic; margin-bottom: 0.8rem !important; font-size: 1.2rem; line-height: 1.2rem; }

.artwork-swatch img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.artwork-swatch img:hover {-webkit-transform: scale(1.02);transform: scale(1.02);}

.adobe { 
	background-color: #000;
	color:#fff;
    margin: 0rem;
    padding: 1rem;
}
.adobe a {color:#fff !important; text-decoration: underline;}
.adobe-logo { margin: auto; padding: 0rem 3rem; }
.adobe-logo img { width: 100%; }

#article2018 .tile.productItem #prodDescrip h4 { font-family: Helvetica,Arial,sans-serif; }
#article2018 .tile.productItem #prodDescrip h4 span { font-family: helvbld; }

#article2018 .btn a {
    color: #fff;
    text-decoration: none;
}
#article2018 .btn { 
  background-color: #000;
  color: #fff;
  text-transform: uppercase;
  border-radius: 0;
  font-weight: 700;
  margin: 10px 0 0 0;
  width: auto;
  padding: 0.25em 1em;
}

#article2018 .btn:hover {
  background-color: #666;
  color: #e0e0e0;
}

.ui-button-text-only .ui-button-text {padding: .3em 1em;}
.latestArticles .article-card { padding-right: 10px; }
#article2018 .breadCrumb{ margin-top: 0.5rem; }
strong, b { font-family: helrom, Helvetica, Arial, sans-serif; }
#section-get-started p { font-size:15px; }

/* Utility Classes */
#article2018 .mb1rem {
  margin-bottom: 1rem !important;
}
#article2018 .mb2rem {
  margin-bottom: 2rem !important;
}
#article2018 .mb3rem {
  margin-bottom: 3rem !important;
}
#article2018 .mb0rem {
  margin-bottom: 0rem !important;
}
#article2018 .mt1rem {
  margin-top: 1rem !important;
}
#article2018 .mt3rem {
  margin-top: 3rem !important;
}

@media screen and (max-width: 725px) {
    #article2018 h1.title {font-size: 46px !important;}
    #article2018 h3.subline {font-size: 32px !important;}
    #article2018 div.credit { font-size: 14px !important; }
    #article2018 div.credit li.author { font-size: 14px !important; }
}

@media only screen and (max-width: 501px) {
  #article2018 h2 {font-size:12px !important; margin-top: 55px;}
  #article2018 h1.title {font-size: 34px !important; margin-top: 1rem;}
  #article2018 {
    padding-left: 15px;
    padding-right: 15px; 
  }
  #article2018.magento {
    padding-left: 0;
    padding-right: 0; 
  }
  .img-fluid, .btn {
    width: 100%;
  }
  #article2018 .breadCrumb{
    margin-top: 0.8em; 
  }
  .latestArticles .article-card {
    padding-right: 0;
  }
  #article2018 .btn { 
    margin: -10px 0 10px;
    width: 100%;
  }
}

@media screen and (max-width: 490px) {
    #article2018 div.credit li:last-child {
        padding-left: 0px;
    }
}

/* MAGENTO */
#article2018.magento h1, #article2018.magento h3.subline {     
  font-family: Helvetica-Neue-Thin-Italic,"Helvetica Neue Thin Italic","Microsoft JhengHei",Arial,sans-serif; 
}
#article2018.magento h2 {
  font-family: helvlt,"HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
  font-weight: bold;
}
#article2018.magento h2.shop-pantone { font-size: 18px !important; font-weight: normal; }
#article2018.magento h2.shop {     
  font-size: 1.2em;
  margin: 1em 0 -1em; 
}
#article2018.magento .btn {
  font-size: 1.5rem;
}
#article2018.magento ul { padding-left: 0px; }
#article2018.magento p {font-size: 1.22em; margin: 1.1em 0; }
#article2018.magento div.imgDesc {font-size:1.3rem;}
#article2018.magento .artwork-swatch div.swatchDesc {font-size: 1.2em;}
#article2018.magento .artwork-swatch div.swatch-color-name {margin-bottom: 0.8em !important; font-size: 1.05em; line-height: 1.1em;}
.breadcrumbs ul {display: none;}
.breadcrumbs {padding-bottom: 0px; padding-top: 10px;}