.sku-price-description-grid {
    display:grid;
    grid-template-columns:25% auto;
    grid-gap:35px;

    margin-top: 35px;
    margin-bottom: 50px;
}

    /* --------- ipad portrait -------------  */
    @media screen and (min-width: 481px) and (max-width: 1366px) {
        .sku-price-description-grid {
            grid-template-columns: auto;
        }        
    }

    /* --------- iphone portrait -----------  */
    @media screen and (max-width: 540px) {
        .sku-price-description-grid {
            grid-template-columns: auto;
        }     
    }


.sku-price-description-grid > .item-2 {
    order: 1;    
}


/* --------- ipad portrait -------------  */
@media screen and (min-width: 481px) and (max-width: 1366px) {
    .sku-price-description-grid > .item-2 {
        order: 2;
        padding-top: 0;
    }
}

/* --------- iphone portrait -----------  */
@media screen and (max-width: 540px) {
    .sku-price-description-grid > .item-2 {
        order: 2;
        padding-top: 0;
    }
}        

.sku-price-description-grid > .item-1 {
    order: 2;
}

/* --------- ipad portrait -------------  */
@media screen and (min-width: 481px) and (max-width: 1366px) {
    .sku-price-description-grid > .item-1 {
        order: 1;        
    }
}

/* --------- iphone portrait -----------  */
@media screen and (max-width: 540px) {
    .sku-price-description-grid > .item-1 {
        order: 1;        
    }
}    

.sku-image-container {
    
}


/* --------- ipad portrait -------------  */
@media screen and (min-width: 481px) and (max-width: 1366px) {
    .sku-image-container {
        
    }
}


/* --------- iphone portrait -----------  */
@media only screen and (max-device-width: 540px) {
    .sku-image-container {
        
    }
}
        
        


.sku-title-grid {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-gap: 15px;

    padding-bottom: 15px;
    border-bottom: 2px solid #474747;
    margin-bottom: 15px;

}


/* --------- iphone portrait -----------  */
@media only screen and (max-device-width: 540px) {
    .sku-title-grid {
        grid-template-columns: 1fr;
    }
}
        


.subject-icons {
    display: inline-grid;
    grid-template-columns: 1fr 1fr;
    
    grid-gap: 5px;
    margin-right: auto;    
}


/* --------- iphone portrait -----------  */
@media only screen and (max-device-width: 540px) {
    .subject-icons {
        grid-template-columns: auto auto auto auto auto;
    }
}
        

.subject-icons > div {
    height: 30px;
}

.sku-title-text {    
}

.sku-detail-price-row {
    display: flex;
    justify-content: start;
    align-content: center;
    margin-top: 10px;
    margin-bottom: 10px;
}

.sku-detail-retail-notice {
    margin-left: 20px;
}

.sku-detail-description-text {
    font-size: 1.2rem;
    line-height: 1.7rem;
}

.learn-more-container {
    margin-top: 15px;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-bottom: 15px;
    text-align: center;
    border-radius: 35px;
}

.learn-more-container-text {
    padding-top: 10px;
    padding-bottom: 10px;

    font-size: 1.5rem;
    font-weight: bold;
    line-height: 2rem;
}

.learn-more-container-button-row {
    display: inline-grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 15px;

    padding-top: 10px;
    padding-bottom: 10px;
}


/* --------- iphone portrait -----------  */
@media only screen and (max-device-width: 540px) {
    .learn-more-container-button-row {
        grid-template-columns: 1fr;
    }
}


.looking-for-something-container {
    margin-top: 35px;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-bottom: 35px;
    text-align: center;
    
}

.looking-for-something-title {
    padding-top: 10px;    
    font-size: 1.7rem;
    font-weight: bold;
    line-height: 2rem;
}

.looking-for-something-text {    
    padding-bottom: 10px; 
    font-size: .9rem;
    font-weight: bold;
    line-height: 2rem;
}

.looking-for-something-button-row {
    display: inline-grid;
    grid-template-columns: 1fr;
    grid-gap: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
}

        

.required-items-container {
    display: block;

    margin-top: 35px;
    border-top: 1px solid #474747; 
    padding-top: 25px;
}

/* --------- ipad portrait -------------  */
@media screen and (min-width: 481px) and (max-width: 1366px) {
    .required-items-container {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-gap: 20px;
    }
}


.required-items-header {
    display: grid;
    grid-gap: 10px;
}

/* --------- ipad portrait -------------  */
@media screen and (min-width: 481px) and (max-width: 1366px) {
    .required-items-header {
        grid-column: span 3;
    }
}

.required-items-grid {
    
}
        

.required-items-grid > div {
    padding-top:10px;
    padding-bottom: 10px;

    cursor: pointer;
}


/* --------- ipad portrait -------------  */
@media screen and (min-width: 481px) and (max-width: 1366px) {
    .required-items-grid > div {
        text-align: center;
    }
}


/* --------- iphone portrait -----------  */
@media only screen and (max-device-width: 540px) {
    .required-items-grid > div {
        text-align: center;
    }
}
        
        

.required-items-grid-link {
    font-weight: bold;
}

.add-to-cart-container {
    padding-top: 10px;
    padding-bottom: 10px;
    width: 25%;
}

/* --------- iphone portrait -----------  */
@media only screen and (max-device-width: 540px) {
    .add-to-cart-container {
        width: 75%;
        margin-left: auto;
        margin-right: auto;
    }
}

.related-skus {    
    display: inline-grid;
    grid-template-columns: auto auto auto auto;
    grid-gap: 25px;

    margin-bottom: 50px;
}


/* --------- iphone portrait -----------  */
@media only screen and (max-device-width: 540px) {
    .related-skus {
        grid-template-columns: auto;
    }
}
        

.related-sku {
    display: grid;
    grid-gap: 10px;
    
    padding: 25px;
    border-radius: 30px;
}

.related-sku-category-name {
    text-align: left;
    font-weight: bold;
    cursor: pointer;
}

.related-sku-primary-name {
    text-align: left;
    font-weight: bold;

    cursor: pointer;
    border-bottom: 1px solid #474747;

}

.related-sku-image {
    cursor: pointer;
}

.related-sku-price {
    border-top: 1px solid #474747;
}
  

.whats-included-sssla-middle-school {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;    
}

    /* --------- iphone portrait -----------  */
    @media only screen and (max-device-width: 540px) {
        .whats-included-sssla-middle-school {
            grid-template-columns: 1fr;
        }
    }
        

    .whats-included-sssla-middle-school > .concept-bar {
        grid-column: span 3;
    }


    /* --------- iphone portrait -----------  */
    @media only screen and (max-device-width: 540px) {
        .whats-included-sssla-middle-school > .concept-bar {
            grid-column: span 1;
        }
    }    

.whats-included-sssla-middle-upper-elementary {
    display: grid;
    grid-template-columns: 1fr 1fr;    
}

    /* --------- iphone portrait -----------  */
    @media only screen and (max-device-width: 540px) {
        .whats-included-sssla-middle-upper-elementary {
            grid-template-columns: 1fr;
        }
    }

    .whats-included-sssla-middle-upper-elementary > .concept-bar {
        grid-column: span 2;
    }

    /* --------- iphone portrait -----------  */
    @media only screen and (max-device-width: 540px) {
        .whats-included-sssla-middle-upper-elementary > .concept-bar {
            grid-column: span 1;
        }
    }    

.whats-included-parent-student-curriculum {
    display: grid;
    grid-template-columns: 1fr 1fr;    
}

    /* --------- iphone portrait -----------  */
    @media only screen and (max-device-width: 540px) {
        .whats-included-parent-student-curriculum {
            grid-template-columns: 1fr;
        }
    }
    
    .whats-included-parent-student-curriculum > .concept-bar {
        grid-column: span 2;
    }

    /* --------- iphone portrait -----------  */
    @media only screen and (max-device-width: 540px) {
        .whats-included-parent-student-curriculum > .concept-bar {
            grid-column: span 1;
        }
    }    

.inventory-sku-grid {
    display: grid;
    grid-gap: 10px;
    text-align: center;
    padding: 15px;
}

.three-subject-icon-grid {
    display: inline-grid;
    grid-template-columns: auto auto auto auto;
    grid-template-rows: 60px;
    grid-gap: 5px;
}

.whats-included-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    margin-top: 35px;
}


/* --------- iphone portrait -----------  */
@media only screen and (max-device-width: 540px) {
    .whats-included-grid {
        grid-template-columns: 1fr;
    }
}
        

.whats-included-grid-header-1 {
    grid-column: span 3;
}


/* --------- iphone portrait -----------  */
@media only screen and (max-device-width: 540px) {
    .whats-included-grid-header-1 {
        grid-column: span 1;
    }
}
        

.whats-included-grid-item {
    border-bottom: 1px solid #474747;
}

.whats-included-grid-item-title {
    text-align: center;
    padding: 10px;
    padding-top: 35px;
    padding-bottom: 15px;

    font-size: 1.3rem;
    line-height: 1.8rem;

    font-weight: bold;

    cursor: pointer;
}

.whats-included-grid-item-image {
    text-align: center;
    padding: 15px;

    cursor: pointer;
}

.whats-included-grid-item-cart {
    text-align: center;
    padding: 15px;
    padding-bottom: 35px;
}

    .image-container {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        justify-content: center;
        align-items: center;
        margin-top: 10px;
    }

        .image-size-large {            
            height: 100px;
            object-fit: cover;
        }

        .image-size-medium {
            height: 75px;            
            object-fit: cover;
        }

        .image-size-small {
            height: 50px;
            object-fit: cover;
        }

.image-card {
    text-align:center;
}

.hot-link {
    
}

.hot-link > a {
    display:inline-block;     
    padding-top:10px;
    padding-bottom:10px;
    padding-left:25px;
    padding-right:25px;
    margin:5px;
    border:1px solid darkgray;
    border-radius:5px;
    text-decoration:none;
    color:black;
}


.hot-link > .learn-more {    
    background:linear-gradient(#DEF7EE,#ACECD5);
}

.hot-link > .samples {
    background:linear-gradient(#FFFDDD,#FFF9AA);
}

.hot-link > .getting-started {
    background:linear-gradient(#FFEEE3,#FFD5B8);
}

.hot-link > .placement {
    background:linear-gradient(#FFE3E1,#FFB9B3);
}