/* This is the selector for the main title of the product page - e.g. "Universal Triple 4K Docking Station", "1m USB4 Gen4 Cable 80Gbps", etc. */
.product-detail .product-details-full-content-header-title {
    margin: 0;
    padding-bottom: 7px;
    font-family: "Core Sans C", sans-serif;
    font-weight: bold;
    font-style: normal;
    font-size: 25px;
    letter-spacing: normal;
    line-height: 1.6;
    text-transform: capitalize;
    text-decoration: none;
    color: #16a0db;
    /* I like Core Sans C for the heading, but Figtree also works if that is easier to implement:*/
    /* 
    font-family: "Figtree", Arial, sans-serif; 
    font-size: 27px;
    */
}



/* 
    The following two blocks target the elements found below the title but above the featured description, 
    with the aim to fix the inconsistent vertical spacing.
    Would probably need to add in selectors for the elements that appear when a user is logged-in.
*/
/* product-details parent containers:*/
div[data-view="Product.Sku"],
.product-details-full .product-details-full-main .product-warranty,
div[data-view="Product.Price"],
.product-details-full-main .product-views-price-lead {
    margin-bottom: 0;
    padding-bottom: 6.5px;
    font-size: 16px;
}

/* nested product-details parent containers that were causing errant spacing:*/
.product-details-full .product-details-full-main .product-line-sku-container {
    margin-bottom: 0;
    padding-bottom: 0;
    font-size: 16px;
}



/*  
    As above, the two folowing blocks will need to be updated to add in selectors
    for the info that appears when a user is logged-in:
*/

/* headings/"labels" of the product-details elements:*/
.product-details-full .product-details-full-main .product-line-sku-label,
.product-details-full .product-details-full-main .product-warranty-labelt,
.product-details-full .product-details-full-main .price-labelt,
.product-details-full .product-details-full-main .price-labelt2 {
    margin: 0;
    font-family: "Core Sans C", sans-serif;
    font-weight: 500;
    font-size: 17px;
    line-height: 1.6;
    color: #5f666b;
}

/* Styling for the product-details values:*/
.product-details-full .product-details-full-main .product-line-sku-value,
.product-details-full .product-details-full-main .product-warranty-valuet,
.product-details-full .product-details-full-main .price-valuet {
    font-family: "Figtree", Arial, sans-serif;
    font-size: 16px;
    line-height: 1.6;
    color: #5f666b;
/* There's probably a nicer way to handle the misaligned values here, but the following worked in my testing: */
    margin: 0;
    float: right;
    overflow: hidden;
    padding-right: 25%;
}



/* 
    There is an unnecessary amount of spacing between the product-details and the featured description.
    The following removes that spacing so that it can be set by the featured description instead.
    If this messes up something that I am unaware of, just ignore the next two blocks.
 */
section[data-view="Product.Options"],
div[data-view="SocialSharing.Flyout"],
div[data-type="social-share-icons"],
.product-details-full-actions {
    margin: 0;
}

.product-details-full .featured-desc {
    margin-top: 1em;
}



/* Slight update to the headings in the featured description:*/
.product-details-full .featured-desc .text-item h4{
    margin: 4px 0px 4px;
    color: #16a0db;
    font-weight: 700;
    font-size: 16px;
}
.comsol-product-page .image-text-section .text-column h4 {
    margin: 4px 0px 4px;
    font-family: "Figtree", Arial, sans-serif !important;
}


/* The next few blocks switch are mostly to switch away from Barlow/Arial */
.comsol-product-page .new-feature-row .new-feature-item p{
    margin: 2px 0;
    font-family: "Figtree", Arial, sans-serif !important;
    font-size: 18px !important;
    line-height: 1.2;
    color: #5f666b !important;
}

.comsol-product-page .image-text-section .text-column p{
    margin: 2px 0;
    font-family: "Figtree", Arial, sans-serif !important;
    color: #5f666b !important;
}

.comsol-product-page .output-section .output-section-grid .specs-column p {
    margin: 0;
    font-family: "Figtree", Arial, sans-serif !important;
    font-size: 16px;
    line-height: 1.6;
    color: #5f666b;
}

.comsol-product-page .new-feature-row .new-feature-item h2,
.comsol-product-page .output-section .output-section-grid .specs-column h3,
.comsol-product-page .compat-section .compatibility-section-title
{
    font-family: "Core Sans C", sans-serif !important;
}

.product-details-information-content-container .product-details-information-tab-title a,
.product-details-full .featured-desc .text-item p {
    font-family: "Figtree", sans-serif !important;
}