noblechairs
Where innovation and high quality create luxury
.pgg-featured *::after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
/**
** structural css
*/
.pgg-featured_wrapper {
width: 100%;
margin: auto;
font-family: ADAM_CG;
color: #fff;
}
.pgg-featured_background {
background-color: #000;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
.pgg-featured_image {
}
.pgg-featured_text {
}
.pgg-featured_title {
font-size: 80px;
line-height: 80px;
letter-spacing: 6px;
margin-top: -120px;
}
.pgg-featured_subtitle {
font-size: 40px;
line-height: 40px;
letter-spacing: 6px;
}
.pgg-featured_cta-btn-wrapper {
margin-bottom: 40px;
margin-top: 20px;
}
.pgg-featured_cta-btn {
font-family: Montserrat;
text-transform: uppercase;
text-decoration: none;
font-weight: 400;
font-size: 20px;
color: white;
background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #8b7227), color-stop(70%, #edde5d), to(#d0af4b));
background-image: linear-gradient(90deg, #8b7227 0, #edde5d 70%, #d0af4b);
background-color: #8b7227;
background-size: 200% auto;
padding: 8px 20px;
border: 0;
border-radius: 6px;
-webkit-transition: .5s;
transition: .5s;
margin-bottom: 40px;
}
.pgg-featured_cta-btn:hover,
.pgg-featured_cta-btn:visited,
.pgg-featured_cta-btn:link,
.pgg-featured_cta-btn:active {
text-decoration: none;
color: white;
}
.pgg-featured_cta-btn:hover {
background-size: 200% auto;
background-position: right center;
background-image: -webkit-gradient(linear, left top, right top, from(#d0af4b), color-stop(28%, #edde5d), to(#8b7227));
background-image: linear-gradient(to right, #d0af4b 0%, #edde5d 28%, #8b7227 100%);
}
/**
** fancy stuff css
*/
.pgg-featured_parallax {
background-position: center !important;
background-size: cover !important;
background-attachment: fixed;
padding-top: 20px;
padding-bottom: 20px;
margin: auto;
}
.pgg-featured_desktop {
display: none;
}
.pgg-featured_mobile {
display: block;
}
/**
** viewport specific css
*/
@media (min-width: 768px) {
.pgg-featured_title {
font-size: 113px;
line-height: 113px;
margin-top: -140px;
}
.pgg-featured_subtitle {
font-size: 60px;
line-height: 60px;
}
}
@media (min-width: 1000px) {
.pgg-featured_desktop {
display: block;
}
.pgg-featured_mobile {
display: none;
}
.pgg-featured_background {
flex-direction: row;
height: 343px;
}
.pgg-featured_image {
overflow: hidden;
height: 343px;
}
.pgg-featured_image img{
object-fit: contain;
}
.pgg-featured_title {
font-size: 90px;
line-height: 90px;
margin-top: 41px;
}
.pgg-featured_subtitle {
font-size: 40px;
line-height: 40px;
}
}
@media (min-width: 1200px) {
.pgg-featured_text {
margin-left: -80px;
}
}
@media (min-width: 1600px) {
.pgg-featured_text {
margin-left: -200px;
}
}
/**
** featured specific css
*/
.pgg-featured_background {
background-image: url("https://img.noblechairs.com/featured/legend-starfield-edition/featured-noblechairs-legend-starfield-mobile-bg.jpg");
}
.pgg-featured_image img{
}
@media (min-width: 1000px) {
.pgg-featured_background {
background-image: url("https://img.noblechairs.com/featured/legend-starfield-edition/featured-noblechairs-legend-starfield-desktop-bg.jpg");
background-position: top-left corner;
}
.pgg-featured_desktop {
margin-left: -41%;
height: 100%;
}
.pgg-featured_image img{
margin-bottom: 0;
width: 126%!important;
max-width: 200%;
}
}
@media (min-width: 1200px) {
.pgg-featured_desktop {
margin-left: -26%;
}
.pgg-featured_image img{
width: 118%!important;
}
}
@media (min-width: 1400px) {
.pgg-featured_desktop {
margin-left: -13%;
}
.pgg-featured_image img{
width: 113%!important;
}
}
@media (min-width: 1920px) {
.pgg-featured_desktop {
margin-left: 0%;
}
.pgg-featured_image img{
width: 100%!important;
}
}