@import url('https://fonts.googleapis.com/css2?family=Work+Sans:wght@300;400;600;700&display=swap');

header {
    margin-bottom: 0px !important;
}

html {
    scroll-behavior: smooth;
}

.content_wrapper.primaryParent {
    margin-bottom: 279px;
    margin-top: 0px;
}

.primaryParent .boldText {
    font-weight: 600;
}

.primaryParent .italicText {
    font-style: italic;
}

.primaryParent .underline {
    width: 60px;
    height: 1px;
    border-bottom: 6px solid #FFCB05;
    margin: 0px auto 46px;
}

.primaryParent .lightGreyBg {
    background-color: #f5f5f5;
}

.primaryParent .purpleBg {
    background-color: #d1ddfe;
}

.primaryParent .blueBg {
    background-color: #3942B0;
}

.intro {
    margin-top: 10%;
}

    .intro h1 {
        color: #ffffff !important;
        line-height: 46.92px !important;
    }

    .intro p {
        font-size: 24px;
        font-weight: 400;
        line-height: 28.15px;
        color: #ffffff;
    }

a.yellow-button:hover {
    font-weight: bold !important;
}

.primaryParent .ModDNNHTMLC > div {
    padding: 0px;
}

.primaryParent h2 {
    margin-bottom: 17px;
    font-size: 48px;
    font-weight: 700;
    color: #3942b0;
    line-height: 1;
    text-align: center;
}

.primaryParent h1, .primaryParent h2, .primaryParent h3, .primaryParent h4, .primaryParent h5,
.primaryParent p, .primaryParent a, .primaryParent li, .primaryParent strong {
    font-family: 'Work Sans', sans-serif !important;
}

.primaryParent .Panes .b-crumb {
    display: none;
}

.primaryParent .darkestBlueBgWithoutScallops {
    background-color: #0f0539;
}


/*#btn-browse, #btn-gotoshop {
	font-size: 18px !important;
	font-weight: 700;
	cursor: pointer;
	border-radius: 26px !important;
}

#btn-browse {
	margin-top: 10px;
}*/

.primaryParent .btn {
    display: inline-block;
    padding: 9px 26px 9px 21px !important;
    border-radius: 19px !important;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.24;
    letter-spacing: -0.34px;
    text-align: center;
    color: #2f3379 !important;
}

.primaryParent .yellowBtn {
    background-color: #f6c511;
}

    .primaryParent .yellowBtn:hover,
    .primaryParent .yellowBtn:focus {
        background-color: #ddaf08;
    }

.primaryParent .whiteBtn {
    background-color: #ffffff;
}

    .primaryParent .whiteBtn:hover,
    .primaryParent .whiteBtn:focus {
        background-color: #2f3379;
        color: #ffffff !important;
    }

.primaryParent .row.buttons:last-of-type {
    margin-bottom: 20px;
}

.primaryParent .row.buttons a {
    margin: 10px 0;
    font-size: 18px !important;
    font-weight: 700;
    cursor: pointer;
    border-radius: 26px !important;
}

.primaryParent .row.buttons .outlineBtn {
    background: transparent;
    border-radius: 26px;
    color: #2f3379 !important;
    margin-left: 20px !important;
    padding: 9px 36px 9px 36px !important;
    background: #d1ddfe;
}

    .primaryParent .row.buttons .outlineBtn:hover {
        background: #aec1fe;
    }

.primaryParent #dnn_nelsonDecodables {
    padding-top: 50px;
    margin-bottom: 50px;
}

.primaryParent .threeColumnsItem {
    margin-bottom: 0 !important;
}

.primaryParent #dnn_mindtapBanner > div {
    padding: 0px;
}

.primaryParent #dnn_nelsonDecodables .videoWrapper {
    position: relative;
    max-width: 100%;
    max-height: 500px;
}

    .primaryParent #dnn_nelsonDecodables .videoWrapper video {
        height: auto;
        vertical-align: middle;
        width: 100%;
        max-height: 500px;
        object-fit: cover;
    }

.primaryParent #dnn_nelsonDecodables .video-overlay {
    position: absolute;
    z-index: 1;
    font-size: 44px;
    margin: 0;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    text-align: center;
    top: 50%;
    left: 50%;
    background-image: linear-gradient(to bottom, #3942b0, #3942b0);
    opacity: 0.8;
}

    .primaryParent #dnn_nelsonDecodables .video-overlay .overlayText {
        font-family: 'Work Sans', sans-serif;
        font-weight: 300;
        color: #ffffff;
        margin-top: 6%;
    }

.primaryParent h1 {
    display: inline-block;
    font-size: 40px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    text-align: left;
    color: #EFC646;
    margin: 10px 0px 25px;
}

.primaryParent #dnn_nelsonDecodables h3 {
    font-size: 30px;
    font-weight: 300;
    color: #ffffff;
    line-height: 35.19px;
}

.primaryParent #dnn_nelsonDecodables .shopAllLink {
    font-size: 18px;
    font-weight: 600;
    text-decoration: underline;
    color: #EFC646;
    position: absolute;
    right: 0;
    top: 35px;
}

.primaryParent #dnn_nelsonDecodables img {
    border-radius: 30px;
}

.primaryParent #dnn_nelsonDecodables .threeColumns .threeColumnsItem {
    padding-right: 60px !important;
}

    .primaryParent #dnn_nelsonDecodables .threeColumns .threeColumnsItem:last-child {
        padding-right: 30px !important;
    }

    .primaryParent #dnn_nelsonDecodables .threeColumns .threeColumnsItem h3 {
        font-weight: 700;
        margin-bottom: 15px;
    }

    .primaryParent #dnn_nelsonDecodables .threeColumns .threeColumnsItem p {
        font-size: 20px;
        color: #ffffff;
        font-weight: 400;
        line-height: 1.2;
    }

        .primaryParent #dnn_nelsonDecodables .threeColumns .threeColumnsItem p strong {
            font-size: 20px;
            color: #ffffff;
            font-weight: 700;
        }

    .primaryParent #dnn_nelsonDecodables .threeColumns .threeColumnsItem .yellowBtn {
        font-size: 18px !important;
    }

/* START: Explore by subject */
.primaryParent #dnn_secondaryExploreSubject {
    padding-top: 30px;
}

    .primaryParent #dnn_secondaryExploreSubject .row {
        text-align: center;
        margin-bottom: 40px;
    }

        .primaryParent #dnn_secondaryExploreSubject .row h2 {
            font-size: 30px;
            font-weight: 700;
            color: #29307C;
            line-height: 1.2;
        }

        .primaryParent #dnn_secondaryExploreSubject .row a.whiteBtn {
            font-size: 18px !important;
        }

        .primaryParent #dnn_secondaryExploreSubject .row .subjectItem a {
            text-decoration: none;
            font-size: 18px;
        }

            .primaryParent #dnn_secondaryExploreSubject .row .subjectItem a:hover,
            .primaryParent #dnn_secondaryExploreSubject .row .subjectItem a:focus {
                text-decoration: underline;
            }

        .primaryParent #dnn_secondaryExploreSubject .row .subjectIcon img {
            width: 100%;
            max-width: 100px;
            height: auto;
        }

        .primaryParent #dnn_secondaryExploreSubject .row .subjectLabel {
            margin-top: 20px;
            font-family: 'Work Sans', sans-serif;
            font-size: 25px;
            color: #3942B0;
        }
/* END: Explore by subject */

/* START: Digital resources */
.primaryParent #dnn_secondaryDigitalResources .row {
    text-align: center;
    margin-bottom: 51px;
}

    .primaryParent #dnn_secondaryDigitalResources .row .digiResItem a {
        text-decoration: none;
    }

        .primaryParent #dnn_secondaryDigitalResources .row .digiResItem a:hover,
        .primaryParent #dnn_secondaryDigitalResources .row .digiResItem a:focus {
            text-decoration: underline;
        }

    .primaryParent #dnn_secondaryDigitalResources .row .digiResIcon img {
        width: 100%;
        max-width: 280px;
        height: auto;
        border-radius: 8px;
    }

    .primaryParent #dnn_secondaryDigitalResources .row .digiResLabel {
        margin-top: 20px;
        font-family: 'Work Sans', sans-serif;
        font-size: 25px;
        color: #3942B0;
    }
/* END: Digital resources */

/* START: New in 2023 */
.primaryParent #dnn_secondaryNewTitles .row {
    text-align: center;
    margin-bottom: 51px;
}

    .primaryParent #dnn_secondaryNewTitles .row .newCover {
        margin-bottom: 20px;
    }

        .primaryParent #dnn_secondaryNewTitles .row .newCover img {
            width: 100%;
            max-width: 450px;
            height: auto;
        }

    .primaryParent #dnn_secondaryNewTitles .row .newSubject {
        margin-bottom: 10px;
        font-family: 'Work Sans', sans-serif;
        font-weight: 700;
        font-size: 25px;
        color: #3942b0;
    }

    .primaryParent #dnn_secondaryNewTitles .row .newYear {
        margin-bottom: 20px;
        font-family: 'Work Sans', sans-serif;
        font-weight: 400;
        font-size: 25px;
        color: #3942b0;
    }

    .primaryParent #dnn_secondaryNewTitles .row .newButton a {
        margin-bottom: 20px;
        font-size: 16px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: 0.75;
        letter-spacing: normal;
        text-align: center;
        text-decoration: none;
        text-transform: uppercase;
        color: #ffffff;
        padding: 10px 20px 10px;
        border-radius: 8px;
        background-color: #3942b0;
        display: inline-block;
    }

        .primaryParent #dnn_secondaryNewTitles .row .newButton a:hover,
        .primaryParent #dnn_secondaryNewTitles .row .newButton a:focus {
            background-color: #ffcb05;
        }
/* END: New in 2023 */

/* START: Keep in touch */
.primaryParent #dnn_secondaryMainSocialMedia {
    margin-top: 40px;
    padding: 15px 10px 50px !important;
    text-align: center;
    margin-bottom: 140px;
}

    .primaryParent #dnn_secondaryMainSocialMedia h2 {
        font-size: 48px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.08;
        letter-spacing: normal;
        text-align: center;
        color: #29307C;
    }

    .primaryParent #dnn_secondaryMainSocialMedia p {
        font-size: 25px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.2;
        letter-spacing: normal;
        text-align: center;
        color: #525252;
    }

        .primaryParent #dnn_secondaryMainSocialMedia p a.button {
            font-size: 16px;
            font-weight: 600;
            font-stretch: normal;
            font-style: normal;
            line-height: 0.75;
            letter-spacing: normal;
            text-align: center;
            text-decoration: none;
            text-transform: uppercase;
            color: #fff;
            padding: 10px 20px 11px;
            border-radius: 8px;
            background-color: #3942b0;
            display: inline-block;
            margin-top: 15px;
            margin-bottom: 50px;
        }

            .primaryParent #dnn_secondaryMainSocialMedia p a.button:hover,
            .primaryParent #dnn_secondaryMainSocialMedia p a.button:focus {
                background-color: #ffcb05;
            }

        .primaryParent #dnn_secondaryMainSocialMedia p a img {
            margin-top: 20px;
            margin-right: 40px;
        }

        .primaryParent #dnn_secondaryMainSocialMedia p a:last-child img {
            margin-right: 0px;
        }
/* END: Keep in touch */

/* START: Looking for something else */
.primaryParent #dnn_secondaryOtherStuff .row {
    text-align: center;
    margin-bottom: 51px;
}

    .primaryParent #dnn_secondaryOtherStuff .row .otherItem a {
        text-decoration: none;
    }

        .primaryParent #dnn_secondaryOtherStuff .row .otherItem a:hover,
        .primaryParent #dnn_secondaryOtherStuff .row .otherItem a:focus {
            text-decoration: underline;
        }

    .primaryParent #dnn_secondaryOtherStuff .row .otherIcon img {
        width: 100%;
        max-width: 97.2px;
        height: auto;
        border-radius: 8px;
    }

    .primaryParent #dnn_secondaryOtherStuff .row .otherLabel {
        margin-top: 20px;
        font-family: 'Work Sans', sans-serif;
        font-size: 25px;
        color: #3942B0;
    }
/* END: Looking for something else */

/* START: Main content */
.primaryParent #dnn_seriesMainContent {
    margin-bottom: -55px;
}

    .primaryParent #dnn_seriesMainContent h2 {
        color: #29307C;
        margin-top: 48px;
        font-weight: bold;
    }
/* END: Main content */


/* START: RESPONSIVE STYLES */
@media screen and (max-width: 1200px) {
    .primaryParent #dnn_nelsonDecodables .video-overlay .overlayText {
        margin-top: 13%;
    }
}

@media screen and (max-width: 768px) {
    /* Header and footer fixes */
    .he-wrapper {
        width: 100%;
    }

    #logo {
        display: block;
        float: none !important;
    }

    .homepage-margin {
        text-align: center;
    }

    #dnn_dnnLogo_hypLogo {
        float: none;
    }

    .topnav {
        float: none !important;
        position: relative;
        margin: 0px auto;
    }

        .topnav > ul {
            text-align: center;
        }

            .topnav > ul > li {
                float: none;
                /*display: table-cell;
		vertical-align: middle;*/
                display: inline-block;
                margin: 10px auto;
                vertical-align: middle;
            }

    .navalign .col-md-10, .navalign .col-md-2 {
        width: 100%;
    }

    /*.navalign ul {
		float: none !important;
		text-align: center;
	}*/

    header nav ul.menu li {
        float: none;
    }

        header nav ul.menu li a {
            height: 40px;
        }

    .navalign .col-md-2 nav {
        float: none !important;
        text-align: center;
        margin-bottom: 15px;
    }

    .nondivisionalmenu {
        height: 130px !important;
    }

    .adsearch {
        width: 100%;
        text-align: center;
        display: block;
    }

        .adsearch .ico-closeicon {
            top: 80px;
            right: 35px;
        }

    #BrowseDropDown {
        display: inline-block;
        width: 95%;
        margin-top: -5px;
    }

        #BrowseDropDown > span.btn {
            width: 100% !important;
            padding: 10px 1px !important;
        }

    .Browseinactivemenu {
        font-size: 14px !important;
    }

    #BrowseDropDown > span.btn .ico-caret {
        width: 30px;
        height: 30px;
    }

    #BrowseDropDown #DropDownBrowseMenu {
        width: 100% !important;
        margin-left: 1px;
    }

    #TextSearch {
        display: inline-block;
        width: 51% !important;
        float: none;
        margin-top: 1px;
        max-width: 95%;
        margin: 10px auto;
    }

    .adsearch .pull-left.input-group-btn {
        position: absolute;
        right: 5px;
    }

    .nondivisionalmenu #nondiv-searchbtn {
        position: relative;
        margin: 10px auto;
        top: -4.5em;
    }

    .ui-autocomplete {
        max-width: 95%;
    }

    .content_wrapper.primaryParent {
        margin-bottom: 0px;
    }

    footer {
        position: relative;
        height: 100% !important;
    }

        footer #footer_top {
            height: 100%;
        }

            footer #footer_top .he-footerlist {
                width: 100% !important;
                padding-left: 15px;
                height: auto;
                margin-bottom: 50px;
            }

            footer #footer_top ul li {
                margin: 12px 0px;
            }

    .he-footerlist.noborder {
        width: 30% !important;
        padding-left: 15px !important;
    }

    #he-footer {
        height: auto;
    }

        #he-footer .footer-leftmenu {
            width: 100%;
            margin-bottom: 15px;
            text-align: center;
        }

            #he-footer .footer-leftmenu ul {
                text-align: center;
            }

                #he-footer .footer-leftmenu ul li {
                    float: none;
                    display: inline-block;
                    padding: 0px 15px !important;
                }

            #he-footer .footer-leftmenu .copyright {
                position: relative;
            }

        #he-footer .footer-rightmenu {
            width: 100%;
            text-align: center;
        }

            #he-footer .footer-rightmenu ul li {
                float: none;
                display: inline-block;
                padding: 10px 15px !important;
            }

            #he-footer .footer-rightmenu .copyright {
                position: relative;
                text-align: center;
            }

    /* Page styling */
    .primaryParent .container {
        width: 100% !important;
        padding: 0px 10px !important;
    }

    .primaryParent h1 {
        display: block;
    }

    .primaryParent #dnn_nelsonDecodables .shopAllLink {
        position: relative;
        display: block;
        top: 0px;
        margin-bottom: 40px;
        padding-top: 0px;
    }

    .primaryParent #dnn_nelsonDecodables img {
        max-width: 100%;
        margin-bottom: 20px;
    }

    .primaryParent #dnn_nelsonDecodables .video-overlay .overlayText {
        font-size: 0.5em;
        margin-top: 15%;
    }

    .primaryParent #dnn_nelsonDecodables .threeColumns .threeColumnsItem {
        padding-right: 0px !important;
        margin-bottom: 15px;
    }

    .primaryParent #dnn_secondaryExploreSubject .row,
    .primaryParent #dnn_secondaryNewTitles .row,
    .primaryParent #dnn_secondaryOtherStuff .row {
        margin-bottom: 0px;
    }

        .primaryParent #dnn_secondaryExploreSubject .row a.whiteBtn {
            margin-bottom: 50px;
        }

        .primaryParent #dnn_secondaryExploreSubject .row .subjectItem,
        .primaryParent #dnn_secondaryDigitalResources .row .digiResItem,
        .primaryParent #dnn_secondaryNewTitles .row .newItem,
        .primaryParent #dnn_secondaryOtherStuff .row .otherItem {
            margin-bottom: 4em;
        }

    .primaryParent #dnn_seriesMainContent .RepFinderContent,
    .primaryParent #dnn_seriesMainContent .RepFinderDropDownDiv {
        width: 100%;
    }

        .primaryParent #dnn_seriesMainContent .RepFinderDropDownDiv .RepFinderDivisionDiv {
            width: 22%;
            margin-bottom: 1em;
        }

        .primaryParent #dnn_seriesMainContent .RepFinderDropDownDiv .RepFinderSearchDiv {
            width: 75%;
            margin-bottom: 1em;
        }

        .primaryParent #dnn_seriesMainContent .RepFinderDropDownDiv .RepFinderDivisionDropdown-content,
        .primaryParent #dnn_seriesMainContent .RepFinderDropDownDiv .RepFinderLocationDropdown-content,
        .primaryParent #dnn_seriesMainContent .RepFinderDropDownDiv .RepFinderDisciplineDropdown-content,
        .primaryParent #dnn_seriesMainContent .RepFinderDropDownDiv .RepFinderInstituteDropdown-content {
            min-width: 130px;
        }

    .primaryParent #dnn_seriesMainContent .RepFinderSearchDiv button {
        right: -1em;
    }

    .primaryParent #dnn_seriesMainContent .RepFinderSearchDiv .k-autocomplete,
    .primaryParent #dnn_seriesMainContent .RepFinderSearchDiv .k-autocomplete .k-input {
        width: 100% !important;
    }

    .k-animation-container {
        width: 60% !important;
    }

    .primaryParent #dnn_seriesMainContent .RepFinderMainContent,
    .primaryParent #dnn_seriesMainContent .RepFinderMainContent .RepFinderSearchContent {
        width: 100%;
        margin-left: auto;
    }

        .primaryParent #dnn_seriesMainContent .RepFinderMainContent .RepFinderSearchContent .RepFinderSearchResContent {
            min-width: 99%;
        }
}


@media screen and (max-width: 480px) {
    .primaryParent #dnn_seriesMainContent .RepFinderDropDownDiv .RepFinderDivisionDiv {
        width: 95%;
    }

    footer #footer_top {
        height: auto;
        padding: 50px 0px;
    }

        footer #footer_top .he-footerlist:last-child {
            margin-bottom: 0px;
        }

        footer #footer_top ul li {
            margin: 8px 0px;
        }

    .outlineBtn {
        display: inline-block;
        margin-left: 0 !important;
    }

    .title-feature {
        line-height: 35.19px !important;
    }

    #dnn_secondaryDigitalResources #nelson-pri-ndr-content-tour .tabHeader li {
        margin-right: unset !important;
    }

    .row.buttons a.btn {
        width: 100% !important;
        /*margin-left:10px!important;*/
    }

    .primaryParent .row.buttons .outlineBtn {
        margin-left: 0px !important;
    }
}

/* FIREFOX ONLY FIXES */
@-moz-document url-prefix() {
    .nelsonMindtap #dnn_mindtapYellowLinks {
        height: 92px;
        padding: 10px 36px;
    }
}

/* SAFARI ONLY FIXES */
@media not all and (min-resolution:.001dpcm) {
    @supports (-webkit-appearance:none) {
        footer #footer_top .he-wrapper {
            top: 0px;
        }
    }
}

/* END: RESPONSIVE STYLES */