/************************************************************************************
=====================================================================================
  MEDIA QUERIES CURRENTLY HAVE TO BE ADDED TO 'global.scss.liquid' IN ORDER FOR
  THEM TO WORK. WE CAN TRY TO FIGURE OUT A BETTER SOLUTION LATER. - MAG 072116
=====================================================================================
************************************************************************************/

.hk-button {
    background-color: #064EC1;
    color: #FFF !important;
    border: 1px solid #064EC1;
    border-radius: 5px;
    margin-top: 10px;
}

.hk-button:hover {
    background-color: #003087;
    color: #FFF;
    border: 1px solid #003087;
}

.bold {
    font-weight: bold !important;
}


/* Hides the pagination dots on the carousels */

.carousel-indicators {
    display: none;
}


/* Hides the title on the homepage slideshow. The title is needed for accessibility, but we don't want it to show */

section#slideshow h3 {
    display: none;
}


/* This is for the sitewide "FEEDBACK" button on the side */

html body a#feedback-btn {
    position: fixed;
    bottom: 20%;
    right: 0;
    z-index: 1000;
    font-size: 16px;
    border: none;
    outline: none;
    background-color: #003087;
    color: white;
    cursor: pointer;
    padding: 8px 15px 7px 15px !important;
    transform: rotate(270deg);
    margin-right: -48px;
    display: block !important;
}

html body a#feedback-btn:hover {
    text-decoration: none;
    background-color: #222;
    transition: all 0.3s ease 0s;
}

html body a#feedback-btn img {
    height: 20px;
    width: 20px;
    margin-right: 5px;
}

a:focus {
    outline: 1px dotted #ccc !important;
}


/*============================
  Homepage Styles
=============================*/


/* Adding space below the small product carousels Books, ebooks, Courses & Videos */

section#page_content main.main-content section#columns.columns-container {
    margin-bottom: 30px;
}

#left_column>div.widget-banner.block>div>div>div {
    border-top: 3px solid #064EC1;
}

#about-us-footerlink {
    color: #000;
}

section#footercenter.footer-center div.block_aboutshop.block div.block_content h3.title_block {
    display: none;
}

.toggle-footer li a {
    margin-bottom: 12px;
}

.toggle-footer li {
    line-height: 1.4;
}

div.customer-service div.support.clearfix>div.pull-left {
    padding-right: 0;
    padding-left: 20px;
}

div.customer-service div.support.clearfix>div:nth-child(2) {
    padding-right: 0;
}

.homepage-appstore {
    display: block;
    max-width: 400px;
    margin: 0 auto 10px auto;
}


/* Custom styling for the marketing banners in the homepage sidebar */

div.boxHtml {
    border-top: 0;
    margin-top: 0;
}

div.boxHtml div.image-item {
    background-color: transparent;
}

div.boxHtml div.image-item div.image-description {
    padding: 0;
}

div.boxHtml div.image-item div.image-description a {
    display: block;
    background-color: #fff;
    border-top: 3px solid #064EC1;
    padding: 0;
    margin-top: 30px;
}


/* Unchecking the box in theme tool not hiding this, so I'm doing it here */

div#left_column.left_column.sidebar.col-sm-4.col-md-3 div.widget-banner.block div.block_content {
    display: none;
}


/*============================
  Excerpts Styles
=============================*/

#blogpage a.linkBlog-to-product {
    color: #064EC1;
    text-decoration: none;
}

#blogpage a.linkBlog-to-product:hover {
    color: #000;
    text-decoration: underline;
}

#blogpage>div>div.rte>h3 {
    padding: 8px 0px;
    margin-bottom: 10px;
    border-top: 1px solid #EFEFEF;
    border-bottom: 1px solid #EFEFEF;
}

#blogpage>div>div.blog-tags-bottom {
    margin: 20px 0;
    padding-top: 20px;
    border-top: 1px solid #EFEFEF;
}

span.hk-paginate span.page {
    width: 40px;
    height: 40px;
    line-height: 40px;
    margin: 0px !important;
    display: inline-block;
    border: 1px solid #EFEFEF;
}

#pagination>ul>li:hover a {
    text-decoration: none;
}


/* Adjust padding for article title on Excerpts blog */

.blog-page-article-title {
    padding-bottom: 5px;
}


/*============================
  Footer Styles
=============================*/

.about-us-footer-link {
    -webkit-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
    display: block;
    color: #666;
    padding: 0px;
    position: relative;
    font-size: 13px;
    font-weight: 300;
    height: 34px;
    line-height: 34px;
}

.blog-item h4 {
    line-height: normal;
}


/* Adjusts line-height for "Language Translation Rights" in footer */

@media (min-width: 992px) {
    section#footercenter.footer-center div.container div.footer-center-wrap div.row div.col-md-6.col-sm-12.col-xs-12.wow.animated.fadeInUp.animated div.footer_quicklink div.row div.col-md-4.col-sm-4.col-xs-12 div#block_links_footer_2.footer-block.block div.block_content ul.toggle-footer.list-group.bullet li.item:nth-child(2) a,
    section#footercenter.footer-center div.container div.footer-center-wrap div.row div.col-md-6.col-sm-12.col-xs-12.wow.animated.fadeInUp div.footer_quicklink div.row div.col-md-4.col-sm-4.col-xs-12 div#block_links_footer_3.footer-block.block div.block_content ul.toggle-footer.list-group.bullet li.item:nth-child(3) a {
        line-height: normal;
    }
    /*============================
  Misc/Global Styles
=============================*/
    /* Color and Hover effects for links */
    a,
    p a,
    ul a,
    li a,
    .product-center-column .brand a,
    .blog-content a,
    #tab-excerpt>a,
    a.btn-readmore,
    .fake-link,
    .fake-link-nohover {
        color: #064EC1;
        text-decoration: none;
    }
    a:hover,
    p a:hover,
    ul a:hover,
    li a:hover,
    .product-center-column .brand a:hover,
    .blog-content a:hover,
    #tab-excerpt>a:hover,
    a.btn-readmore:hover,
    .fake-link:hover {
        color: #000000;
        text-decoration: underline;
    }
    .larger-font-container,
    .larger-font-container p,
    .larger-font-container a,
    .larger-font-container ol,
    .larger-font-container ul {
        font-size: 1.4rem !important;
        line-height: 1.5;
    }
    .larger-font-container p,
    .larger-font-container a,
    .larger-font-container ol,
    .larger-font-container ul {
        margin-bottom: 15px !important;
    }
    .about-us-footer-link:hover {
        color: #064EC1;
        text-decoration: underline;
    }
    .offcanvas-mainnav a {
        color: #000000;
    }
    .offcanvas-mainnav a:hover {
        color: #064EC1;
    }
    /* Styling the social media sharing buttons */
    .itemTwitterButton {
        margin-right: 5px;
    }
    div.blog-social {
        margin-top: 20px;
    }
    .box-contact-info .coninfo-des,
    .box-contact-info ul>li {
        font-size: 1.1em;
        line-height: normal;
    }
    .page-wrap-signed-in {
        margin-bottom: 30px;
    }
    ul.list-style-none {
        list-style-type: none !important;
    }
    ul.list-style-standard {
        list-style: disc inside none;
        margin-left: 15px !important;
    }
    #shopbysubjectareas {
        margin-top: 0 !important;
    }
    .larger-font-container>ol {
        display: block;
        list-style-type: decimal;
        padding-left: 15px;
    }
    /* Styling for the HK Sidebar Menu */
    #hk-right-col-menu-container,
    .hk-right-col-menu-container {
        padding: 20px;
        background-color: #FFF;
    }
    #hk-right-col-menu,
    .hk-right-col-menu {
        padding: 0;
        margin: 0;
    }
    #hk-right-col-menu h4,
    .hk-right-col-menu h4 {
        font-family: Rhodium Libre;
        font-size: 14px;
        font-weight: 300;
        text-transform: uppercase;
        color: #064EC1;
        display: block;
        border-top: 2px solid #064EC1;
        border-bottom: 1px solid #e6e6e6;
        padding-top: 15px;
        padding-bottom: 10px;
    }
    #hk-right-col-menu a,
    .hk-right-col-menu a {
        border-top: none;
        border-left: none;
        border-right: none;
        border-bottom: 1px solid #e6e6e6;
        margin-top: 1px;
        padding: 8px !important;
        color: #666;
        display: block;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
    }
    #hk-right-col-menu i.fa-caret-down,
    .hk-right-col-menu i.fa-caret-down {
        color: #064EC1;
    }
    #hk-right-col-menu a:hover,
    #hk-right-col-menu a:focus,
    #hk-right-col-menu a.active-nav,
    .hk-right-col-menu a:hover,
    .hk-right-col-menu a:focus,
    .hk-right-col-menu a.active-nav {
        background-color: #064EC1;
        color: #FFF;
        text-decoration: none;
    }
    #hk-right-col-menu a:hover i.fa-caret-down,
    #hk-right-col-menu a:focus i.fa-caret-down,
    #hk-right-col-menu a.active-nav i.fa-caret-down .hk-right-col-menu a:hover i.fa-caret-down,
    .hk-right-col-menu a:focus i.fa-caret-down,
    .hk-right-col-menu a.active-nav i.fa-caret-down {
        color: #FFF;
    }
    div.hk-submenu {
        margin-left: 20px !important;
    }
    div.hk-submenu a:hover,
    a.active-subnav {
        background-color: #f5f5f5 !important;
        color: #064EC1 !important;
    }
    div.hk-submenu a span {
        border-left: 3px solid #064EC1 !important;
        margin-right: 5px;
    }
    .hk-right-col-menu div.panel {
        border: none;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
    }
    .panel-collapse.hk-submenu div.panel-body {
        padding: 0 !important;
    }
    .hk-right-col-menu a.subSubNavItem {
        margin-left: 20px;
        margin-bottom: 5px !important;
        padding: 6px 5px 5px 5px !important;
    }
    .hk-right-col-menu a.subSubNavItem:first-child {
        margin-top: -10px;
    }
    /* Styling for disclaimer on cart modal */
    #cart-disclaimer-container {
        padding: 25px;
        font-weight: bold;
    }
    .display-block {
        display: block !important;
    }
    div#accordion>div.faq {
        display: block;
        padding: 5px 10px;
        margin-bottom: 5px;
        border: 1px solid #e6e6e6;
        border-radius: 5px;
    }
    div.faq-header>h5.mb-0 {
        font-size: 1.3rem;
        font-weight: normal;
    }
    div.faq-header>h5.mb-0>a:hover,
    div.faq-header>h5.mb-0>a:focus {
        text-decoration: none;
        color: #064EC1;
    }
    div.faq-header>h5.mb-0>a>span.accordion-down-caret {
        margin-right: 5px;
    }
    div.faq-header>h5.mb-0>a:hover>span.accordion-down-caret,
    div.faq-header>h5.mb-0>a:focus>span.accordion-down-caret {
        color: #064EC1;
    }
    dt {
        font-weight: normal;
    }
    .faq-blog-item h3 {
        padding: 0 !important;
        margin: 0 !important;
    }
    .faq-blog-item {
        background-color: #F5F5F6;
        border: 1px solid #e3e3e3;
        padding: 10px !important;
        margin-bottom: 5px;
        border-radius: 4px;
    }
    .borderless .list-group-item {
        border: none !important;
    }
    .sales-rep-link {
        display: block;
        margin-bottom: 15px !important;
    }
    .force-wrap {
        word-wrap: break-word;
    }
    #location-flag-container {
        display: inline-block;
        height: 45px;
        line-height: 45px;
    }
    #location-flag-container a {
        display: inline-block;
        margin-right: 7px;
    }
    /* This is to force capitalization of the filtered results breadcrumbs. 
  I added this class to the list item on line 44 of "breadcrumb.liquid" */
    .breadcrumb-capitalize {
        text-transform: capitalize;
    }
    .canfitpro-lowercase {
        text-transform: lowercase;
    }
    button.hk-button div {
        padding-left: 5px;
        padding-right: 5px;
    }
    #blog-listing h1,
    #blogpage h1 {
        font-size: 20px;
    }
    div.blog-content div.rte ul ul {
        margin-bottom: 0 !important;
        list-style-type: circle !important;
    }
    /*=================================================
  Styling for the Misc Pages
===================================================*/
    /* STYLING FOR CALL US AND EMAIL US BLOCKS IN HEADER */
    .order-account h4,
    .account-section-header {
        font-family: "Poppins";
        margin: 0px;
        line-height: 40px;
        padding: 0px 20px;
        border: 1px solid #e6e6e6;
        background-color: #F7F7F7;
        height: 40px;
    }
    #header-main>div>div>div.header-right>div.customer-service>div>div>div.box-body>h4 {
        border: none;
        background-color: #ffffff;
        line-height: 30px;
        font-size: 1.5rem;
        height: auto !important;
        padding: 0;
    }
    #header-main>div>div>div.header-right>div.customer-service>div>div>div.box-body>p {
        display: block;
        clear: both;
        line-height: normal;
        margin-top: 0px !important;
    }
    #header-main>div>div>div.header-right>div.customer-service>div>div>div.box-body {
        float: left;
    }
    /* END STYLING FOR CALL US AND EMAIL US BLOCKS IN HEADER */
    #vendorlist {
        -webkit-column-count: 3;
        /* Chrome, Safari, Opera */
        -moz-column-count: 3;
        /* Firefox */
        column-count: 3;
        -webkit-column-gap: 40px;
        /* Chrome, Safari, Opera */
        -moz-column-gap: 40px;
        /* Firefox */
        column-gap: 40px;
    }
    #vendorlist li {
        list-style: none;
    }
    #vendorlist ul {
        padding-left: 0 !important;
    }
    #ce-authors li {
        list-style: none;
    }
    /* Fitness for Life Page Styling   */
    .ffl-video-container {
        background-color: #000;
    }
    .ffl-article-title {
        text-transform: none !important;
    }
    #accordion>div>div.panel-heading.ffl-panel-heading {
        border: 0 !important;
        background-color: #fff;
        outline: none;
    }
    #accordion>div>div.panel-heading.ffl-panel-heading h4 {
        color: #064EC1;
    }
    #accordion>div>div.panel-heading.ffl-panel-heading h4 a {
        width: 100%;
    }
    #accordion>div.ffl-panel {
        border: none;
    }
    /* Styling for the "Stores" page */
    .stores-list-link,
    .stores-list-sublink {
        display: block;
    }
    .stores-list-sublink {
        padding-left: 10px;
    }
    .stores-list-sublink span {
        margin-left: -10px;
        margin-right: 3px;
    }
    /* Styling for policies container. i.e. "Shipping Policy" */
    .shopify-policy__container {
        max-width: 1170px !important;
        margin: 15px auto !important;
        padding: 30px !important;
        background-color: white;
    }
    .shopify-policy__container h1 {
        font-family: Poppins;
        font-size: 20px;
        color: #000;
        margin: 0 0 10px 0;
        padding: 0;
        border: 0px;
        line-height: 40px;
        text-align: left;
    }
    .shopify-policy__container .rte {
        font-size: 1.4rem !important;
        line-height: 1.5;
    }
    .shopify-policy__container p {
        margin-bottom: 15px !important;
    }
    /*======================================================
  Styling for the "Career Opportunities" page 
 =======================================================*/
    .current-positions {
        padding-left: 0 !important;
    }
    .current-positions li {
        list-style: none;
        padding: 7px 0;
        border-bottom: 1px solid #efefef;
        font-weight: 500;
    }
    .current-positions li:first-child {
        border-top: 1px solid #efefef;
    }
    .career-perks {
        margin-bottom: 20px;
    }
    .career-perks p {
        font-size: 1.4rem !important;
        text-transform: uppercase;
        display: inline-block !important;
        margin: 0 0 0 5px !important;
        vertical-align: middle !important;
    }
    .career-perks img {
        max-width: 85px !important;
        display: inline-block !important;
    }
    #cultureCarousel>a.carousel-control {
        background-image: none;
        font-size: 5rem !important;
        margin-top: -9%;
    }
    /*======================================================
  Styling for ECR Pages
 =======================================================*/
    .ecr-emphasis-blue {
        color: #2f86c4;
    }
    .ecr-emphasis-red {
        color: red;
    }
    .ecr-div-borderGreen {
        border: 2px solid green;
        padding: 15px;
        border-radius: 4px;
    }
    .ecr-emphasis-greenTitle {
        margin: 0 0 10px 0 !important;
        color: #390;
    }
    .ecr-emphasis-green {
        color: #390;
    }
    input#chkGoGreen {
        margin-top: -1px !important;
    }
    div.alert-success label {
        margin-top: 7px;
    }
    .ecr-button-label {
        background-color: #ebebeb;
        color: #333333;
        border-color: #adadad;
        padding: 2px 6px 2px 6px;
        border-top: 1px solid #390;
        border-right: 1px solid #390;
        border-bottom: 1px solid #390;
        border-left: 1px solid #390;
    }
    .ecr-legend,
    .hk-legend {
        border-style: none;
        border-width: 0;
        font-weight: bold;
        line-height: 20px;
        margin-bottom: 0;
        width: auto;
        padding: 0 10px;
    }
    .ecr-fieldset,
    .hk-fieldset {
        border: 1px solid #e0e0e0;
        padding: 10px;
    }
    .ecr-fieldset-borderless,
    .hk-fieldset-borderless {
        border: 0;
    }
    .ecr-legend-borderless,
    .hk-legend-borderless {
        border-style: none;
        border-bottom: 0;
        font-weight: bold;
        line-height: 20px;
        width: auto;
        padding: 0 0 3px 0px;
        font-size: 1.2em;
        margin-bottom: 0;
    }
    .ecr-sub-legend {
        border-style: none;
        border-width: 0;
        font-weight: bold;
        line-height: 20px;
        margin-bottom: 0;
        width: auto;
        padding: 0 10px;
        font-size: 1.2em;
    }
    .ecr-sub-fieldset {
        padding: 10px;
    }
    .ecr-row,
    .hk-col {
        margin-bottom: 15px;
    }
    .hk-sub-legend {
        font-size: 12px;
        font-weight: bold;
        border-style: none;
        border-width: 0;
        font-weight: bold;
        line-height: 20px;
        margin-bottom: 0;
        width: auto;
        padding: 0 10px;
        margin-bottom: 5px;
    }
    .hk-forms-wrap legend {
        font-size: 1.4rem;
        margin-left: 15px;
    }
    .hk-forms-wrap h4 {
        padding: 8px 15px;
        color: #FFF;
        background-color: #064EC1;
        margin-top: 25px !important;
        margin-bottom: 15px !important;
        border-radius: 4px !important;
    }
    .hk-forms-wrap .legend-header {
        padding: 6px 15px !important;
        color: #FFF;
        font-weight: 600;
        text-transform: uppercase;
        font-size: 1.5rem;
        background-color: #064EC1;
        margin-top: 25px !important;
        margin-left: 0 !important;
        margin-bottom: 15px !important;
        border-radius: 4px !important;
        border: 0 !important;
    }
    #ecr-feedback-form p {
        padding-left: 15px;
    }
    .hk-forms-wrap label {
        font-weight: normal;
    }
    .hk-forms-wrap input,
    .hk-forms-wrap textarea {
        border-radius: 4px !important;
    }
    .hk-forms-wrap p#intro-paragraph {
        padding: 0;
    }
    .hk-forms-wrap p#count_message {
        font-size: 1rem !important;
        margin-top: 5px;
        text-transform: uppercase;
    }
    #exam-copy-request input[type="radio"] {
        margin-top: 0;
    }
    /*==============================
  Account/Order Page Styles
===============================*/
    #account-page {
        margin: 0;
    }
    #account-page .account-box {
        margin: 25px auto;
    }
    #order-page .order-box {
        margin: 25px auto;
        background-color: #fff;
        padding: 30px 20px 70px;
    }
    #account-page .account-box h1,
    #order-page .order-box h1 {
        font-size: 24px;
        font-family: Poppins;
        font-weight: 600;
        line-height: 1.1;
        color: #535353;
        text-transform: uppercase;
        border: none;
    }
    .account-table-head {
        background-color: #F7F7F7;
    }
    .account-table-footer {
        border-top: 2px solid #DDD;
    }
    /*==============================
	Newsletters Page Styles
===============================*/
    .newsletter-customer-email {
        padding: 12px;
        overflow: auto;
    }
    #newsletter-signup>div>div>fieldset>label {
        word-wrap: break-word;
        white-space: pre-wrap;
        font-size: 1.3em;
        margin-bottom: 7px;
        margin-left: 3px;
        font-weight: normal;
    }
    #newsletter-signup>div>div>fieldset>legend {
        margin-bottom: 10px;
        color: #064EC1;
    }
    #newsletter-signup>div>div>fieldset {
        margin-top: 10px;
    }
    #newsletter-submit,
    .button-main {
        background-color: #064EC1 !important;
        color: #FFF !important;
        border: 1px solid #064EC1 !important;
        border-radius: 5px !important;
        margin-top: 10px !important;
        display: inline-block !important;
    }
    #newsletter-submit:hover,
    .button-main:hover {
        background-color: #FFFFFF !important;
        color: #064EC1 !important;
    }
    #newsletters-signed-out {
        font-size: 1.2em;
    }
    #newsletters-signed-out p {
        margin-bottom: 15px;
    }
    #newsletters-signed-out a {
        text-decoration: underline;
    }
    .newsletter-msg-container {
        display: none;
    }
    .newsletter-msg-container div {
        padding: 30px;
    }
    #welcome-headline {
        margin-top: 25px;
        line-height: 150%;
    }
    #subscribe-join-Rewards,
    #subscribe {
        display: inline-block;
        margin-left: 30px;
        font-size: 1.2em;
    }
    #subscribe {
        margin-left: 10px;
    }
    #unsubLink {
        display: inline-block;
        margin-top: 10px;
        margin-left: 10px;
        background-color: #064EC1;
        color: #FFF !important;
        border: 1px solid #064EC1;
        border-radius: 5px;
    }
    #unsubLink:hover {
        background-color: #FFF;
        color: #064EC1 !important;
    }
    #newsletter-unsubscribe legend {
        font-size: 1.2em;
        border: none;
    }
    #unsubscribe-confirm p {
        color: #000;
    }
    #unsubscribe-confirm a:hover {
        text-decoration: none;
    }
    #unsubscribe-confirm p a:hover {
        text-decoration: underline;
    }
    #newsletter-signup #country {
        display: inline-block;
        max-width: 200px;
        min-height: 40px !important;
    }
    #newsletter-error,
    #newsletter-signup-error,
    #newsletter-connection-error {
        padding: 30px;
    }
    #newsletter-select-country {
        padding-left: 30px;
    }
    form#newsletter-signup.clearfix div.col-md-6 fieldset span {
        display: block;
        margin: -2px 0 10px 20px !important;
    }
    form#newsletter-signup.clearfix div.col-md-12 fieldset legend span {
        font-size: 12px;
        color: #666;
        font-family: Poppins;
        font-weight: 300;
        line-height: 20px;
    }
    /* Styling for Subscribe and Save popup */
    #popup-hk-newletter {
        max-width: 460px;
    }
    #subscribe-and-save-img {
        max-width: 400px;
    }
    #popup-hk-newletter p {
        text-align: center;
        font-size: 2rem;
        display: block;
        margin: 20px auto;
    }
    /*============================
  Product Page Styles
=============================*/
    /* Styles for Also Available As */
    .swatch input:checked+label {
        border: 1px solid #e01c0e;
    }
    .swatch input:checked+label:hover {
        background-color: #ffffff;
    }
    div.swatch-element label {
        margin-bottom: 10px;
        cursor: auto;
    }
    div.swatch-element label:hover {
        background-color: #efefef;
    }
    /* div#sbn13 {
  margin-bottom:15px; 
    margin-top: -10px;
  font-weight:bold;
} */
    #AddToCartForm {
        padding-bottom: 25px;
    }
    #selectedSbn13 {
        font-weight: normal;
    }
    #vitalSourceBlurb,
    #hkpropelBlurb {
        padding-top: 25px;
        padding-bottom: 25px;
        border-top: 1px solid #e6e6e6;
    }
    #product-subtitle {
        text-transform: none;
        font-style: normal;
        font-size: 13px;
        margin-top: 6px;
        margin-bottom: 6px;
    }
    #productInfoBlock .proVariants {
        margin-top: 3px;
        margin-bottom: 3px;
    }
    .product-right-column .socialsharing_product {
        margin-top: 20px;
    }
    div.product-right-column div.line-product-top {
        margin: 14px 0;
    }
    /* Styles for CEUS/ORGS */
    #ceuList ul li {
        display: inline;
    }
    ul#ceuList {
        overflow: hidden;
        padding: 0;
        margin: 20px 0;
        list-style-type: none;
    }
    #ceuList li {
        padding: 4px 12px;
        margin: 0px 5px 5px 5px;
        display: inline-block;
        vertical-align: top;
        position: relative;
        background-color: #F0F0F0;
        border: 1px solid #F0F0F0;
        border-radius: 5px;
        color: #000;
    }
    #ceuList li a {
        color: #FFF;
        text-decoration: none;
        margin-right: 7px;
        font-weight: normal;
    }
    #ceuList li:hover a {
        color: #064EC1;
    }
    span.accordion-toggle {
        display: inline-block;
        -ms-transform: rotate(90deg);
        /* IE 9 */
        -webkit-transform: rotate(90deg);
        /* Safari */
        transform: rotate(90deg);
        height: 12px;
        width: 12px;
        line-height: 13px;
        text-align: left;
        font-weight: bold;
    }
    .accordion>h4:hover {
        cursor: pointer;
    }
    div.product-description div ul {
        list-style: outside;
        margin: 10px 30px;
    }
    #products_sider_block {
        margin-top: 0px;
    }
    #products_viewed_block {
        margin-top: 0px;
    }
    div.primary_block div.product-description.visible div strong a {
        white-space: pre-wrap;
        /* css-3 */
        white-space: -moz-pre-wrap;
        /* Mozilla, since 1999 */
        white-space: -pre-wrap;
        /* Opera 4-6 */
        white-space: -o-pre-wrap;
        /* Opera 7 */
        word-wrap: break-word;
        /* Internet Explorer 5.5+ */
    }
    div.selectric span {
        text-align: left !important;
    }
    .productSelect-header {
        font-size: 1.3em;
    }
    div.productSelect-container {
        margin-top: 20px;
        margin-bottom: 20px;
        padding: 15px 15px 10px 15px !important;
        background-color: #f5f5f5;
        overflow: visible;
    }
    div.selectric {
        background-color: #fff;
    }
    .selectric-items li:hover,
    .selectric-items li:focus,
    .selectric-items li:active {
        background-color: #ffffff;
        color: #064EC1;
    }
    .selectric-items li.highlighted {
        background-color: #ffffff;
        color: #064EC1;
    }
    div.product-meta>div.functional-buttons.clearfix>div.cart>div>form>a.button.ajax_addtocart>span.zmdi.zmdi-shopping-cart-plus,
    div.product-meta>div.functional-buttons.clearfix>div.cart>div>form>a.iWishAddColl.btn.btn-outline-inverse,
    div.product-meta>div.functional-buttons.clearfix>div.view_detail>a {
        height: 35px !important;
        width: 35px !important;
        border: none !important;
        display: inline-block !important;
        padding: 0 !important;
    }
    div.product-meta>div.functional-buttons.clearfix>div.cart>div>form>a.iWishAddColl.btn.btn-outline-inverse {
        margin-right: 7px;
    }
    div.product-meta>div.functional-buttons.clearfix>div.cart>div>form>a.button.ajax_addtocart>span.zmdi.zmdi-shopping-cart-plus,
    div.product-meta>div.functional-buttons.clearfix>div.cart>div>form,
    div.product-meta>div.functional-buttons.clearfix>div.view_detail>a {
        margin-top: 1px !important;
    }
    #testimonials>div>div>div>div.owl-wrapper-outer>div>div>div>div>div.testimonial>p {
        max-height: 130px !important;
        overflow: hidden;
    }
    ul.tabs li a.active {
        font-weight: bold;
    }
    h5.brand {
        display: inline-block !important;
        margin-right: 5px !important;
    }
    ul.author,
    ul.author li {
        display: inline-block !important;
    }
    ul.author li a {
        text-decoration: none !important;
        color: #064EC1 !important;
    }
    ul.author li a:hover {
        text-decoration: underline !important;
        color: #000 !important;
    }
    .product-description.rte {
        margin-top: 15px;
        font-size: 1.6rem;
    }
    ul.author li:after {
        content: ", ";
        color: #aaa;
    }
    ul.author li:last-child:after {
        content: "";
    }
    /* Styling for Tabs Content */
    .vimeo {
        display: inline-block;
        position: relative;
    }
    .vimeo:after {
        background: url(//cdn.shopify.com/s/files/1/1377/5437/files/play-button.png?687656865946986089) center center no-repeat;
        bottom: 0;
        content: "";
        display: block;
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
    }
    div#tab-samplecontent h3 {
        display: block !important;
    }
    div.functional-buttons.clearfix>div>div>form>a:hover {
        text-decoration: none !important;
    }
    div#tab-samplecontent a {
        display: inline-block;
        max-width: 140px;
        margin: 0 20px 20px 0 !important;
        text-align: center;
        vertical-align: top !important;
    }
    .sampleContentArticle {
        display: inline !important;
    }
    span.hk-audio {
        display: inline-block;
        max-width: 300px;
        margin: 0 20px 20px 0 !important;
        text-align: center;
        vertical-align: top !important;
    }
    div#tab-samplecontent a:last-child,
    span.hk-audio:last-child {
        margin-right: 0 !important;
    }
    div#tab-samplecontent {
        overflow: hidden !important;
    }
    .sample-content-thumbnail {
        width: 140px;
        margin-bottom: 5px;
    }
    div.product-description div div h4 {
        margin-bottom: 0 !important;
    }
    div.product-description div div form div.tabpanel {
        margin-top: 10px !important;
    }
    div.tabpanel h4.accordian {
        text-transform: none;
        padding: 5px 5px 5px 18px;
        margin-left: -10px;
        position: relative;
        color: #064EC1;
        font-weight: normal;
        outline: none;
        height: auto;
        overflow: hidden;
    }
    div.tabpanel h4.accordian img {
        margin-left: -18px;
        position: absolute;
        opacity: 0.4;
    }
    div.tabpanel div.panel.accordian {
        margin-bottom: 20px;
    }
    /* Adding styling for link to purchase in other currencies, "also available as" and "Tax Exempt Info" on product page   */
    #purchase-other-currencies,
    #tax-excempt-info {
        display: block !important;
        /* float: left !important;
    margin-top: 20px !important; */
        overflow: auto !important;
        width: 100% !important;
    }
    #purchase-other-currencies {
        margin-top: 10px !important;
    }
    /* #tax-excempt-info {
    margin-top: 30px !important;
} */
    #alsoAvailableAsFormats {
        float: left;
        clear: left;
    }
    #alsoAvailableAsFormats p {
        display: block;
        margin-bottom: 5px;
    }
    #alsoAvailableAsFormats a {
        display: inline-block;
    }
    #social-sharing-container {
        float: left;
        clear: left;
    }
    /* Increasing the font size on tab content */
    #center_column>div>div.primary_block>div.product-description.visible,
    #tab-book div form #accordian-book div {
        font-size: 1.4rem;
    }
    /* Styling for purchase in GBP and CAD message */
    div#purchase-other-currencies div#tax-excempt-info {
        display: block !important;
        width: 100% !important;
        clear: both !important;
    }
    /* Styling for Vital Source and propel ebook message */
    div.eBook_msg {
        display: block !important;
        width: 100% !important;
        clear: both;
        margin-top: 40px;
    }
    .eBook_msg p {
        margin-left: 57px;
    }
    /*=================================================
  Styling for the Wishlist page 
===================================================*/
    table.wishlist-product a.product-grid-image {
        height: 120px;
    }
    table.wishlist-product a.product-grid-image img {
        height: 120px;
        margin: 10px;
    }
    /*=================================================
  Adding lines above and below sub-menu items
===================================================*/
    div#verticalmenu.verticalmenu div.navbar div.navbar-ex1-collapse ul.nav.navbar-nav.nav-verticalmenu li.parent.dropdown div.dropdown-menu.level1 div.dropdown-menu-inner div.row div.mega-col.col-sm-12 div.mega-col-inner ul li {
        padding-top: 10px;
        padding-bottom: 10px;
        border-bottom: 1px solid #e6e6e6;
    }
    div#verticalmenu.verticalmenu div.navbar div.navbar-ex1-collapse ul.nav.navbar-nav.nav-verticalmenu li.parent.dropdown div.dropdown-menu.level1 div.dropdown-menu-inner div.row div.mega-col.col-sm-12 div.mega-col-inner ul li:last-child {
        border-bottom: none;
    }
    #verticalmenu>div>div>ul>li>a {
        padding: 19px 20px;
    }
    /*================================================================
  Adding some margin above the product description, etc. tabs
=================================================================*/
    div.product-description {
        margin-top: 30px;
    }
    /*=============================================
  Styling for search box autofill
==============================================*/
    #searchbox>ul>li {
        max-width: 300px !important;
        display: block !important;
        height: auto !important;
        padding-top: 5px;
        padding-bottom: 5px;
    }
    #searchbox ul li a,
    #search_block_page>form>ul>li>a span.title,
    #search_block_page>form>ul>li>span>a {
        display: block !important;
        height: auto !important;
        font-weight: normal;
        color: #000000;
    }
    #searchbox ul li:hover a,
    #search_block_page>form>ul>li:hover>a span.title,
    #search_block_page>form>ul>li>span>a:hover {
        color: #064EC1;
    }
    .search-results .title {
        white-space: normal !important;
        overflow: auto !important;
        text-overflow: initial !important;
        -o-text-overflow: initial !important;
        line-height: normal;
    }
    #search_block_top {
        z-index: 500 !important;
    }
    #product_list>div>div>div {
        z-index: 1 !important;
    }
    #search_block_page>form>ul>li {
        padding-top: 5px;
        padding-bottom: 5px;
        height: auto;
    }
    #search_block_page>form>ul>li>a>span.thumbnail {
        border: none;
        background-color: #fff;
    }
    #search_block_page>form>ul>li>a>span.thumbnail img {
        max-height: 100%;
        max-width: 100%;
    }
    /* Search Results Page Styles */
    html#cart-page {
        padding: 0;
        margin: 0;
    }
    #search-filters {
        margin-top: 30px;
    }
    /* /cart Page Styles */
    html#search-page {
        padding: 0;
        margin: 0;
    }
    /*=================================================
	Styling for Product Grid View 
===================================================*/
    .functional-buttons {
        /* Hides add-to-cart button, etc. when you hover over product image */
        display: none;
    }
    /*=================================================
	Styling for the Search Results Tabs 
===================================================*/
    div#search-page div.more_info_block {
        padding-top: 0;
    }
    div#search-page div.more_info_block ul#search-tabs.nav.nav-tabs.tab-info.page-product-heading li.active a {
        background-color: #064ec1;
        color: #fff;
        font-weight: bold;
    }
    /*======================================================
  Styling for Webinar Categories Page
 =======================================================*/
    .webinar-categories-container {
        margin-top: 30px;
    }
    .webinar-categories-container a {
        display: block;
        font-size: 1.5rem !important;
        padding: 2px;
    }
    /*=================================================
  Styling for Upcoming Webinars Blog 
===================================================*/
    img.webinar-blog-thumbnail {
        margin: 0 15px 10px 0;
        float: left;
    }
    h3.webinar-blog-title,
    h3.webinar-blog-title a {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }
    #rss-icon {
        width: 20px;
        height: 20px;
        margin-right: 5px;
        margin-top: -2px;
    }
    #rss-subscribe-link {
        text-transform: uppercase;
        color: #000;
        padding-top: 2px;
        font-family: Poppins, sans-serif;
        font-size: 1.2em;
    }
    .blog__right {
        min-height: 180px;
    }
    /*=================================================
  Styling for Certifying Orgs Blog 
===================================================*/
    a.view-approved-courses {
        font-weight: bold;
        font-size: 1.4rem;
        display: inline-block;
        padding-top: 15px;
        padding-bottom: 15px;
        border-top: 1px solid #e6e6e6;
        border-bottom: 1px solid #e6e6e6;
        margin-top: 10px;
        margin-bottom: 20px;
    }
    /*==========================================
  Styling for Partners/Programs Blogs 
===========================================*/
    img.partners-blog-thumbnail {
        margin: 0 15px 10px 0;
        float: left;
    }
    #searchbox {
        margin: 10px 0 20px 0;
    }
    /*======================================================
  Styling for Currency List & Product Page Message
=======================================================*/
    ul#currencies {
        width: 900px;
        margin-bottom: 20px;
        overflow: hidden;
    }
    ul#currencies li {
        width: 10%;
        line-height: 1.5em;
        float: left;
        display: inline;
    }
    /*======================================================
  Styling for Google Preview Page
=======================================================*/
    #google-preview-wrap h1 {
        margin-bottom: 20px;
    }
    /*======================================================
  Styling for Collection Templates
=======================================================*/
    .collection-button {
        display: inline-block;
        width: 100%;
        padding: 10px;
        background-color: #064EC1;
        outline: 1px solid #064EC1;
        color: #FFFFFF;
        text-decoration: none;
        text-align: center;
        margin: 20px 0px 5px 0px;
        font-size: 1.3em;
    }
    .collection-button:hover {
        background-color: #FFFFFF;
        outline: 1px solid #064EC1;
        color: #064EC1;
        text-decoration: none;
    }
    .collection-ad-img {
        margin: 20px auto 0px auto;
    }
    .spr-badge-caption {
        text-decoration: underline;
    }
    .collection-top-container {
        background-color: #ffffff;
        overflow: auto;
    }
    .collections-top-inner-container {
        padding: 0;
    }
    .collections-top-marketing-box {
        padding: 20px;
    }
    .collections-top-marketing-box h4 {
        font-family: Rhodium Libre;
        font-size: 14px;
        font-weight: 300;
        text-transform: uppercase;
        color: #064EC1;
        display: block;
        border-top: 2px solid #064EC1;
        padding-top: 15px;
    }
    .collections-top-marketing-box ul li a {
        color: #000;
        text-decoration: underline;
        display: block;
        padding: 5px;
    }
    .collections-top-marketing-box ul li a:hover {
        color: #FFFFFF;
        text-decoration: none;
        background-color: #064EC1;
        border-radius: 3px;
    }
    .collections-top-marketing-box img {
        float: left;
        margin-right: 7px;
        max-height: 100px;
        max-width: 100px;
    }
    .sidebar-checkboxes>input {
        margin-bottom: 7px !important;
        margin-right: 3px !important;
    }
    div#price-filter.block_content.sidebar-checkboxes label {
        font-weight: normal;
    }
    #shopbyorganization {
        padding-bottom: 10px;
        background-color: #fff;
    }
    #organization>div.block_content.sidebar-checkboxes {
        max-height: 400px;
        overflow-y: scroll;
    }
    .block_shopby {
        margin-top: 0 !important;
        margin-bottom: 30px !important;
    }
    .custom-collection-header-wrapper {
        background-color: #FFFFFF;
        padding: 20px 20px 1px 20px;
        margin: 0px auto 20px auto;
        max-width: 1171px;
    }
    .custom-collection-header-container {
        margin-bottom: 25px;
        padding-bottom: 5px;
    }
    .custom-collection-header-container h1 {
        float: left;
        font-size: 3.5em;
        color: #064EC1;
        text-transform: capitalize;
        margin-top: 50px;
        margin-bottom: 0;
    }
    div.custom-store-sidebar-links {
        margin-top: 0;
        margin-bottom: 30px !important;
    }
    div.custom-store-sidebar-links>div.block_content>ul.nav-pills>li>a:hover {
        border-radius: 5px;
    }
    div#ceus div {
        margin-top: 10px;
    }
    p.ceu {
        font-family: "Poppins", sans-serif;
        font-size: 12px;
        color: #000;
        margin: 0;
    }
    .subject-links-container ul li {
        margin-bottom: 10px;
        font-size: 1.3rem;
    }
    /* Fixes the collapsing image in collection carousels   */
    .carousel-inner a img {
        display: block;
        min-width: 100%;
    }
    /*======================================================
  Styling for Calendar Page
=======================================================*/
    #calendar-search {
        margin: 20px 0px;
        display: block;
    }
    #calendar-search button {
        background-color: #064EC1;
        color: #ffffff;
        border-radius: 5px;
    }
    #calendar-search button:hover {
        background-color: #efefef;
        color: #000000;
    }
    /*======================================================
	Styling for Responsive iFrames
=======================================================*/
    .iframe-responsive-container {
        position: relative;
        padding-bottom: 56.25%;
        padding-top: 35px;
        height: 0;
        overflow: hidden;
    }
    .iframe-responsive-container iframe,
    .iframe-responsive {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    /*======================================================
  Styling for SHAPE America Pages
=======================================================*/
    #shape-america-header-container {
        border-bottom: 2px solid #FF9800;
    }
    #shape-america-header-container a {
        float: right;
    }
    #sa-sidebar-nav {
        padding: 15px 0;
        font-size: 1.2em;
    }
    a.sa-button {
        font-size: 1.2em;
    }
    #sa-productpage-logo {
        display: block;
        margin-bottom: 30px;
    }
    #rewards-banner-container {
        margin-top: 30px;
    }
    #not-shape-member,
    #shape-network-err,
    #shape-member-confirmation {
        padding: 20px;
    }
    #not-shape-member>p,
    #shape-network-err>p,
    #shape-member-confirmation>p {
        font-size: 1.8rem !important;
        text-align: center;
    }
    #sao-verify>legend {
        font-size: 1.6rem;
    }
    #sao-email {
        min-width: 40%;
    }
    /*====================================================================
	Styling for Marketing Websites in Shopify (i.e. HOPE Textbook)
====================================================================*/
    .blog-website-container ul {
        list-style-type: disc;
        list-style-position: outside;
        padding-left: 30px;
    }
    /*====================================================================
	Styling for Bloomsbury & Custom product templates
====================================================================*/
    #bloomsbury-img-block,
    #custom-product-img-block {
        float: left;
        max-width: 330px;
        margin-right: 20px;
        margin-bottom: 50px;
    }
    .custom-product-accordion .faq-block {
        padding: 15px 20px;
    }
    /*====================================================================
	Styling for /challenge captcha page
====================================================================*/
    /*   This is to override and tweak the styling of the submit button and 
  and add a little breathing room above and below the captcha. */
    body#challenge .main-content {
        margin: 20px auto;
    }
    body#challenge .main-content input.shopify-challenge__button.btn {
        color: #fff;
        background-color: #064EC1;
        text-transform: uppercase;
        padding: 12px 30px;
        border-radius: 3px;
        font-size: 15px;
        letter-spacing: 1px;
    }
    body#challenge .main-content input.shopify-challenge__button.btn:hover {
        background-color: #003087;
        color: #FFF;
        border: 1px solid #003087;
    }
    /*=======================================================================================
	New Styling for FAQs and Accordions 01/20/21
=========================================================================================*/
    .panel-title>a {
        color: #064EC1;
    }
    .panel-heading {
        padding: 12px 15px;
    }
    div.faq.panel {
        padding-top: 12px !important;
        padding-bottom: 12px !important;
    }
    /*=======================================================================================
	New Styling for Thumbnails for Author Pages 09/01/21
=========================================================================================*/
    .table-borderless,
    .table-borderless>tbody>tr>td {
        border: none !important;
    }
    .table-center-container {
        display: flex;
        justify-content: center;
    }
    .thumbnail-container {
        width: 150px;
        height: 175px;
    }
    .thumbnail-container img {
        max-height: 100%;
        max-width: 100%;
    }
    .hangingindent {
        padding-left: 22px;
        text-indent: -22px;
    }