/* Styles for the shop pages */
/* 	-----------------------------------------------------
------------------ Shop Styles -----------------
----------------------------------------------------- */
.section-styles--shop {min-height: 400px;}

.background--light-grey { background: #F5F5F7; }
.background--white { background: #ffffff; }


.shop__h1 {font-size: 32px; font-weight: 700; line-height: 1.1875; color: #161316;}
.shop__h2 {font-size: 24px; font-weight: 700; line-height: 1.166666667; color: #161316;}
.shop__h3 {font-size: 20px; font-weight: 600; line-height: 1.1; color: #161316; padding: 5px 0;}
.shop__h4 {font-size: 16px; font-weight: 600; line-height: 1.2; color: #8a898a;}
.shop__h5 {font-size: 36px; font-weight: 700; line-height: 54px; color: #161316; padding: 5px 0;}
.shop__h6 {font-size: 32px; font-weight: 700; line-height: 52px; color: #161316; padding: 5px 0;}

.shop__p {font-size: 16px; font-weight: normal; line-height: 1.25; color: #161316;}
.shop__p small {font-size: 14px; font-weight: normal; line-height: 16px; color: #8a898a;}

.shop__ul {margin: 0; padding: 10px 20px; list-style: disc;}
.shop__ul li {font-size: 18px; font-weight: normal; line-height: 32px; color: #8a898a; margin: 5px 0;}
.shop__ul ul {list-style:disc;}
.shop__ol {margin: 0; padding: 10px 25px; list-style: decimal-leading-zero;}
.shop__ol li {font-size: 32px; font-weight: normal; line-height: 52px; color: #8a898a;}
.shop__ol ol {list-style: lower-roman;}

.shop__subtitle {font-size: 18px; font-weight: normal; line-height: 1.444444444; color: #8a898a;}

.shop__section__heading {border-bottom: 1px solid #8a898a; padding-bottom: 8px;}
.shop__card--product {
    /* min-height: 424px; */
    display: flex;
    justify-content: center;
    align-items: end;
    background-color: #F5F5F7;
    border-radius: 8px;
}

.card__bg--hub {
    background-image: url(../images/m/42-hub-pendant.png);
    background-size: cover;
    height: 350px;
    /* width: 350px; */
}
.shop__card--product figure {margin: 0; padding: 0;}
.shop__card--product article {margin: 0; padding: 0 0 18px 0; text-align: center; font-size: 20px; font-weight: 600; line-height: 20px; color: #161316;}

.price-card {  display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    background-color: #ffffff;
    border-radius: 8px;
    margin: 8px;
    padding: 24px;
    border: 2px solid #161316;
}

.price-card--unselected {
    opacity: 0.72;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    background-color: #F5F5F7;
    /* background-color: #ffffff; */
    border-radius: 8px;
    margin: 8px;
    padding: 24px;
    border: 2px solid #F5F5F7;
    transition: all 200ms ease-out;
    cursor: pointer;
}

.price-card--unselected:hover {
    opacity: 1;
    background-color: #ffffff;
    border: 2px solid #161316;
}

.price-card__disclaimer {text-align: center; opacity: 0.72;}

.price-card__product {padding: 18px 0 36px; text-align: center; font-size: 24px; font-weight: 600; line-height: 20px; color: #161316;}
.price-card__price {font-size: 54px; line-height: 1; font-weight: normal; color: #161316;}
.price-card__dollar {font-size: 16px; font-weight: 600; color: #161316;}
.price-card__dollar--sub {font-size: 16px; font-weight: 600; opacity: 1; color: #161316;}
.price-card__description {text-align: center;}

.shop__button {
    color : #ffffff;
    background-color : #161316;
    border-radius : 50px;
    padding : 16px 32px;
    font-size : 20px;
    font-weight : normal;
    line-height : 30px;
    transition : color 0.4s ease-in-out;
    border: 0px;
}

.shop__button:hover {
    color : #E41B87;
    background-color: #161316;
    box-shadow : 2px 2px rgba(0,0,0,0.12);
    
}
/* 	-----------------------------------------------------
------------------ Utility Styles -----------------
----------------------------------------------------- */

.text--uppercase {text-transform: uppercase;}