/*Styles_NMP_SiteWide is the css for the Nested Master Page used with the main site default pages and the account pages*/

body {
    background-color: #eee;
}

.body-content {
    padding-left: 2em;
    padding-right: 2em;
}

.body-tscMgtRecord {
    padding-top: 2em;
}


/*from Pluralsight Paul Sherriff bootstrap samples*/
.messageArea {
    margin-top: 1em;
}

.successTitle {
    color: cornflowerblue;
}

/*z-index will ensure that the adBanner will not be covered up*/

.adBanner {
    background-color: darkred;
    letter-spacing: .15em;
    z-index: 3;
}

.adBanner-light {
    font-size: 1.25em;
    background-color: beige;
    color: black;
    letter-spacing: .10em;
    z-index: 3;
}

.adLink {
    letter-spacing: normal;
    color: whitesmoke;
}

.adNewFeature {
    color: lightsalmon;
    font-size: 1.5em;
}

a.adLink:hover {
    color: cornsilk;
}

a.adLink:visited, a.adLink:focus {
    color: wheat;
}

.addressContact {
    font-size: 1.3em;
}


/*Size and color adjustments for the bootstrap accordion */
.accordionLink {
    color: black;
    text-decoration: none;
    font-size: .90em;
}

.tscLftJustify {
    text-align: justify;
    text-justify: inter-word;
}


.tscLoginLegend {
    margin-left: 1.25em;
    width: 92%;
}

.linkAsAButton {
    color: white;
}

.linkAsAButtonMd {
    font-size: 1.2em;
}

    .linkAsAButtonMd:hover {
        color: white;
        font-weight: 600;
    }

.linkAsAButtonSm {
    font-size: 1.1em;
}


/***********************************************************/
/*Information Theme*/
/***********************************************************/

/*from stylesheet Styles_Informational.css*/

.informational caption {
    font-size: 1.25em;
    line-height: 1.6;
    color: #000;
}

.informational .box-business {
    margin-bottom: 20px;
    padding: 30px 15px;
    background: #fff;
    background: rgba(255,255,255,0.9);
}

.informational .headline-text {
    font-size: 1.45em;
    font-weight: 400;
    letter-spacing: 1px;
}

/*from stylesheet Styles_Informational.css*/
div.informational p {
    font-size: 1.25em;
    line-height: 1.6;
    color: #000;
    margin-bottom: 20px;
}

div.informational li {
    font-size: 1.25em;
    color: #665c4f;
    margin: .5em;
}

div.informational a {
    color: navy;
    text-decoration-line: underline;
}

.informational h1, h2, h3, h4, h5, h6 {
    margin-top: 0;
    margin-bottom: 10px;
}

.informational h2 {
    color: #1A1A1A;
    font-weight: 700;
}

.informational h3 {
    line-height: 35px;
    margin-bottom: 20px;
    letter-spacing: normal;
    -webkit-font-smoothing: antialiased !important;
    text-rendering: optimizeLegibility;
    font-weight: 500;
    color: #6a6a6a;
}

.informational h4 {
    font-size: 17px;
    font-weight: 700;
    color: #2d2d2d;
}

.informational .pricing {
    font-size: 1.75em;
}

.informational .subscription {
    font-size: 1.25em;
}

.informational .attention {
    font-size: 1.5em;
    margin-top: .5em;
    margin-bottom: 1em;
    font-weight: 700;
}

.informational .introduction {
    font-size: 1.5em;
    margin-top: .4em;
    margin-bottom: 1em;
    font-weight: 600;
}
/***********************************************************/
/*Landing and About Pages with default Theme with Styles_Informational.css*/
/***********************************************************/

.about li {
    list-style-type: none;
    color: #575757;
    margin-right: .75em;
    margin-bottom: .75em;
}

.about ul {
    margin-left: 2em;
}

.about .box-business {
    margin: 1em 0 1em 1em;
}

.about .jumbo-boxes {
    margin-top: 1.5em;
    margin-bottom: 4em;
}

.about .headline {
    text-align: left;
    color: #AD8F58;
}

body .about {
    width: 100%;
    min-height: 100%;
    position: relative;
    font-size: 14px;
    line-height: 24px;
    color: #575757;
    color: #999;
    font-weight: 400;
    letter-spacing: normal;
    -webkit-font-smoothing: antialiased !important;
    text-rendering: optimizeLegibility;
    font-weight: 500;
    color: #7a7a7a;
}

.about h1, h2, h3, h4, h5, h6 {
    margin-top: 0;
    margin-bottom: 10px;
    font-family: "Raleway", Montserrat, Lucida Sans Unicode, "Helvetica Neue", Helvetica,Arial,sans-serif;
}

.about h2 {
    color: #1A1A1A;
    font-weight: 700;
}

.about h3 {
    font-weight: 700;
    line-height: 35px;
    margin-bottom: 20px;
}

.about h4 {
    font-size: 17px;
    font-weight: 700;
    color: #2d2d2d;
}

.about p {
    margin-bottom: 20px;
    line-height: 28px;
}

.landing.li {
    color: black;
}

.landing h3 {
    font-weight: 900;
}

.landing .btn-bluenobg {
    margin-top: 1.25em;
}

.landing .transbox {
    margin-bottom: 1em;
}


/*Super small phone*/
/*Extra Small bootstrap xs*/
@media only screen and (max-width : 319px) {
    h1 {
        font-size: 2.2rem;
    }

    h2 {
        font-size: 1.7rem;
    }

    .body {
        padding-left: .1em;
        padding-right: .1em;
    }

    .body-content {
        padding-left: .15em;
        padding-right: .15em;
    }

    .container {
        width: 100%;
    }
}

/*360px is the size of a Sony Xperia*/
/*Extra Small bootstrap xs*/
@media only screen and (min-width : 320px) and (max-width : 480px) {
    h1 {
        font-size: 2.25rem;
    }

    h2 {
        font-size: 2rem;
    }

    .body-content {
        padding-left: .5em;
        padding-right: .5em;
    }

    container {
        width: 100%;
    }
}

/*Extra Small bootstrap xs*/
@media only screen and (min-width: 480px) and (max-width: 600px) {

    h1 {
        font-size: 2.7rem;
    }

    h2 {
        font-size: 2.3rem;
    }
}

/*Extra Small bootstrap xs*/
@media only screen and (min-width: 600px) and (max-width: 768px) {
    h1 {
        font-size: 3.2rem;
    }

    h2 {
        font-size: 2.5rem;
    }
}


/*Small bootstrap sm*/
@media only screen and (min-width: 768px) and (max-width: 992px) {
    h1 {
        font-size: 3.5rem;
    }

    h2 {
        font-size: 2.8rem;
    }
}

/*Medium bootstrap md*/
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    h1 {
        font-size: 3.7rem;
    }

    h2 {
        font-size: 3.0rem;
    }

    p {
        font-size: 1em;
    }
}

/*Dell XPS 13 9635*/
/*Large bootstrap lg*/
@media only screen and (min-width: 1200px) and (max-width: 1366px) {

    h1 {
        font-size: 3.9rem;
    }

    h2 {
        font-size: 3.2rem;
    }

    h3 {
        font-size: 2.6rem;
    }

    p {
        font-size: 1.6rem;
    }

    li {
        font-size: 1.6rem;
    }

    .modal-lg {
        width: 950px; /* New width for large modal */
    }
}

/*Large TV Screens like Sony Bravia*/
@media only screen and (min-width: 1367px) and (max-width: 1920px) {
    h1 {
        font-size: 4rem;
    }

    h2 {
        font-size: 3.2rem;
    }

    h3 {
        font-size: 2.8rem;
    }

    p {
        font-size: 2rem;
    }

    li {
        font-size: 1.6rem;
    }

    .modal-lg {
        width: 950px; /* New width for large modal */
    }

    .leftFormLgScreen {
        width: 1800px; /*Wider background image for TV screens*/
    }

    .panel-footer {
        opacity: 0.75;
        filter: alpha(opacity=75); /* For IE8 and earlier */
    }
}