@import url('//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');

body {
    font-family: 'Open Sans', sans-serif;
    line-height: 1.4;
}

.cahmi-logo {
    margin-top: 20px;
}

a:hover {
    cursor: pointer;
}

/* Home Page */
a.return-link, a.have-login, a.have-code, a.open-remodal-link {
    cursor: hand;
    cursor: pointer;
}

.col-welcome {
    /*padding-top: 25px;
    text-align: justify;*/
}

.button-get-started {
    width: 100%;
    max-width: 200px;
    font-size: 16px;
    margin-bottom: 0;
}

h2.home-title {
    color: #692296;
    font-weight: bold;
}

p.what-is-headline {
    color: #fff;
    letter-spacing: .1rem;
}

.row .what-is-a-well-visit-container {
    background-color: #0063a8;
    padding: 20px;
    color: #fff;
    margin-bottom: 2.5em;
}

.card {
    background-color: #0063a8;
    padding: 20px;
    color: #fff;
    margin-bottom: 2.5em;
}

    .card.card-orange {
        background-color: #f36c21;
    }

    .card.card-ltblue {
        background-color: #e5eff5;
        color: inherit;
    }

    .card.card-darkyellow {
        background-color: #bf9000;
    }

    .card.card-green {
        background-color: #477e4a;
    }

    .card.card-grey {
        background-color: #464646;
    }

    .what-is-a-well-visit-container a {
        color: #fff;
        text-decoration: underline;
    }

.step-block {
    text-align: center;
    background-color: #e5eff5;
    padding: 20px 40px;
    min-height: 390px;
}

.step-block-image {
    height: 100px;
    position: relative;
}

p.step-block-header {
    color: #0063a8;
}

    .step-block img {
        max-width: 80px;
        margin: 0;
        position: absolute;
        top: 50%;
        left: 50%;
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

ul {
    padding-left: 15px;
}

.fa-ul {
    margin-left: 3.5em;
}

ul.fa-ul li {
    list-style-type: none;

}

.fa-check {
    color: #0063a8;
}

li span.text-blue {
    font-weight: 700;
}

.text-blue {
    color: #0063a8;
}

/* Nav */
.section.nav {
    background-color: #414141;
    margin-top: 0;
}

    .section.nav .row {
        margin-bottom: 0;
    }

.nav ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #414141;
    float: right;
    display: inline;
}

.nav li {
    float: left;
    margin-bottom: 0;
    list-style-type: none;
    border-left: 1px solid #fff;
}

    .nav li:last-child {
        border-right: 1px solid #fff;
    }

    .nav li a {
        display: block;
        color: white;
        text-align: center;
        padding: 14px 16px;
        text-decoration: none;
    }

.nav {
    /*text-align:center;
	position:absolute;
	height:auto;
	overflow:hidden;
	background:none;
    min-height: 50px;
    right: 0;*/
}

/*styling open close button*/
.nav-button {
    display: inline;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 999;
    font-size: 30px;
}

    .nav-button a {
        text-decoration: none;
    }

/*.nav .nav-menu ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.nav .nav-menu ul li {
    float: left;
}

.nav .nav-menu ul li a {
    display: block;
    margin-right: 20px;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 1.2em;
    text-decoration: none;
    margin-top: 10px;
}

.nav .nav-menu ul li a:hover {
    color: #f0c517;
}*/

/* Callouts */
.callout {
    border: 1px solid #692296;
    min-height: 96px;
}

.callout-container a {
    color: #000;
}

.callout .callout-image {
    width: 43%;
    float: left;
}

.callout .callout-body {
    width: 57%;
    float: left;
    padding: 35px 0;
    max-height: 95px;
}

    .callout .callout-body .callout-content {
        padding: 0 10px;
    }

/* Home Page */
.your-information {
    border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    border: 0px solid #337ab7;
    background-color: #5c86aa;
    color: #fff;
    padding: 20px 20px;
    margin-bottom: 30px;
}

.row-welcome {
    border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    border: 0px solid #692296;
    background-color: #692296;
    padding: 20px 20px 10px 20px;
    color: #fff;
}

.intro-text {
    padding: 20px;
}

/* Message Boxes */
.isa_info, .isa_success, .isa_warning, .isa_error {
    margin: 10px 0px;
    padding: 12px;
}

.isa_info {
    color: #00529B;
    background-color: #BDE5F8;
}

.isa_success {
    color: #4F8A10;
    background-color: #DFF2BF;
}

.isa_warning {
    color: #9F6000;
    background-color: #FEEFB3;
}

.isa_error {
    color: #000;
    background-color: #FFBABA;
}

    .isa_info i, .isa_success i, .isa_warning i, .isa_error i {
        margin: 0 10px;
        font-size: 2em;
        vertical-align: middle;
    }

    .isa_error i {
        color: #D8000C;
    }

    .isa_error ul {
        margin-left: 45px;
    }

/* Overrides */
body {
    line-height: 1.4;
}

p {
    margin-bottom: 1em;
}

a {
    text-decoration: none;
}

    a:hover {
        text-decoration: underline;
    }

h1, h2, h3, h4, h5, h6 {
    color: #0063a8;
}

h1 {
    font-size: 3.6rem;
}

    h1.home-h1 {
        font-size: 2.6rem;
    }

h2 {
    font-size: 2.8rem;
}

h3 {
    font-size: 2.4rem;
}

h4 {
    font-size: 2rem;
}

h5 {
    /*color: #692296;*/
    font-weight: bold;
}

h6 {
    font-size: 1.6rem;
}

.text-center {
    text-align: center;
}
ul {
    margin-top: 15px;
}

h5.question-h5 {
    margin-bottom: 0;
}

.button:hover {
    text-decoration: none;
}

.button.button-primary {
    background-color: #0063a8; /* was #692296;*/
    border-color: #0063a8;
    font-size: 14px;
    line-height: 34px;
    text-transform: none;
}

    .button.button-primary:hover {
        background-color: #e5eff5; /* was #8b2fc5; */
        border-color: #e5eff5;
        color: #0063a8;
    }


.header {
    /*background-color: #dedede;*/
    border-bottom: 7px solid #dedede;
    padding: 10px 0 5px 0;
}

.center-container {
}

    .center-container .container-nav {
        padding: 0 20px;
        text-align: right;
    }

    .center-container .container-body {
        border: 1px solid #ccc;
        padding: 20px;
        margin-top: 5px;
    }

.section {
    margin-top: 10px;
}

    .section.footer {
        font-size: .8em;
        text-align: center;
        margin-top: 1rem;
    }

        .section.footer .row-logo {
            margin-top: 1rem;
        }

a#hrefLogo img {
    margin-left: 10px;
}

.provider-logo {
    text-align: right;
    margin-right: 10px;
}

    .provider-logo img.u-max-full-width {
        max-width: 280px;
        max-height: 110px;
    }

.u-half-width {
    width: 50%;
    box-sizing: border-box;
}

ul li {
    list-style-type: disc;
}

ul ul, ul ol, ol ol, ol ul {
    font-size: 100%;
}

ol {
    /*counter-reset: foo;
    display: table;*/
}

    ol > li {
        /*counter-increment: foo;
        display: table-row;*/
        /*margin-left: 10px;*/
    }

        ol > li::before {
            /*content: counter(foo) ".";
            display: table-cell;*/ /* aha! */
            text-align: right;
        }

    ol li {
        list-style-type: decimal;
        font-weight: bold;
    }

        ol li ul li {
            list-style-type: disc;
            font-weight: normal;
        }

    ol p {
        font-weight: normal;
        margin-left: 10px;
    }

    ol li span {
        margin-left: 10px;
    }

.row {
    margin-bottom: 10px;
}

/* Intro Page */
.intro-does-not-apply {
}

.sibling-radio label {
    display: inline-block;
    margin-left: 5px;
    font-weight: 400;
}

.sibling-note {
    background-color: #eee;
    padding: 15px;
    border: 1px solid #000;
    display: none;
}

.terms-checkbox input[type=checkbox] {
    /* Double-sized Checkboxes */
    -ms-transform: scale(1.5); /* IE */
    -moz-transform: scale(1.5); /* FF */
    -webkit-transform: scale(1.5); /* Safari and Chrome */
    -o-transform: scale(1.5); /* Opera */
    transform: scale(1.5);
    padding: 10px;
    margin-right: 10px;
}

.terms-checkbox .checkboxtext {
    /* Checkbox text */
    display: inline;
}

/* Account Page */
h4.account-survey-child-name {
    margin-bottom: .5rem;
}

table.account-surveys {
    width: 100%;
    margin-bottom: .5rem;
}

    table.account-surveys tr {
        line-height: 2.2em;
    }

/* Registration Page */
p.your-survey-code span.code {
    font-size: 1.4em;
    font-weight: bold;
}

/* Provider Page */
.how-learned input {
    margin-bottom: 10px;
}

.how-learned label {
    display: inline;
    position: relative;
    padding-left: 10px;
    top: -2px;
    font-weight: normal;
}
/* Privacy Policy */
table.privacy-policy {
    margin-bottom: 1rem;
}

    /* Instructions */
    table.instructions td.col1,
    table.privacy-policy td.col1 {
        vertical-align: top;
        padding-right: 10px;
        font-weight: bold;
    }

    table.instructions td.col2 span,
    table.privacy-policy td.col2 span {
        font-weight: bold;
    }

/* Questions */
.form-buttons {
    margin-top: 20px;
}

.print-link {
    text-align: right;
}

#questionList table {
    margin: 0;
    padding: 0;
    width: 100%;
}

    #questionList table.table-nq {
        border-collapse: separate;
        border-spacing: 5px 0;
    }

        #questionList table.table-nq .question-wrapper {
            margin-top: 8px;
            margin-bottom: 4px;
        }

        #questionList table.table-nq .question-sub .question-wrapper {
            margin-top: 0;
        }

        #questionList table.table-nq.back-odd {
            background-color: #e6e6f5;
        }

#questionList table, tr, td {
    border: none;
}

#questionList label {
    margin: 0;
    padding: 0;
    font-weight: normal;
}

#questionList input[type="radio"] {
    margin: 0;
    padding: 0;
}

#questionList th,
#questionList td {
    border: none;
    padding: 3px 0px;
}

p.question-footnote {
    font-size: .8em;
    margin-top: 5px;
}

p.return-code {
    font-size: 1.4em;
    margin-top: 20px;
}

/* Questions Table */
#questionList table.question-table {
    /*border: 1px solid #ccc;*/
    margin-bottom: 10px;
}

    #questionList table.question-table tr td,
    #questionList table.question-table tr th {
        padding-left: 15px;
        padding-right: 15px;
        border: 1px solid #ccc;
        font-weight: normal;
    }

        #questionList table.question-table tr td label {
            font-weight: normal;
        }

        #questionList table.question-table tr th:first-child {
            border-top: none;
            border-left: none;
            border-right: none;
            font-weight: bold;
        }

    #questionList table.question-table:not(:first-child) {
        margin-top: 15px;
    }

/*#questionList table.question-table tr:nth-child(even).question-container {
    background-color: #eee;
}*/

.questionList .question-container.is-table td.question-wrapper {
    width: 200px;
}

#questionList .question-container.is-table td.question-choice {
    padding: 0;
}

    #questionList .question-container.is-table td.question-choice input[type="radio"],
    #questionList .question-container.is-table td.question-choice input[type="checkbox"] {
        display: block;
        margin: 0 auto;
    }

/* Questions Not Table */
#questionList tr.question-container.is-flow {
    margin-bottom: 10px;
}

#questionList .question-container.is-flow td.question-wrapper {
    display: block;
}

#questionList .question-container.is-flow td.question-choice {
    display: inline-block;
    padding: 0;
    padding-right: 10px;
    margin-bottom: 8px;
    margin-left: 15px;
}

/*#questionList .question-container.is-flow:first-child td.question-choice:first-child {
        margin-left: 0;
    }*/
/*#questionList .question-container.is-flow td.question-choice:nth-child(2) {
        margin-left: 15px;
    }*/
/* This question for some reason isn't indented like the rest - quick fix'*/
#questionList table.tq250 .question-container.is-flow td.V1009 {
    margin-left: 15px;
}

#questionList .question-container.is-flow.question-sub td:first-child {
    margin-left: 50px;
}

#questionList .question-container.is-flow.question-sub td.question-choice:nth-child(2) {
    margin-left: 75px;
}

#questionList .question-container.is-flow td.question-choice input[type="radio"] {
    margin-right: 5px;
}

#questionList .question-container.is-flow td.question-choice label {
    display: inline;
    font-weight: normal;
}

table.question-table th {
    text-align: center;
}

    table.question-table th:first-child {
        text-align: left;
    }

/* 2 Chocies */
table.question-choice-count-2 td.question-wrapper {
    width: 70%;
}

table.question-choice-count-2 td {
    width: 15%;
}

/* 3 Choices */
table.question-choice-count-3 td.question-wrapper {
    width: 50%;
}

table.question-choice-count-3 td {
    width: 16.66666667%;
}

/* 4 Choices */
table.question-choice-count-4 td.question-wrapper {
    width: 50%;
}

table.question-choice-count-4 td {
    width: 12.5%;
}

/* 5 Choices */
table.question-choice-count-5 td.question-wrapper {
    width: 50%;
}

table.question-choice-count-5 td {
    width: 10%;
}

/* 6 Choices */
table.question-choice-count-6 td.question-wrapper {
    width: 50%;
}

table.question-choice-count-6 td {
    width: 8.3333333334%;
}



.question-number {
    float: left;
    /*height: 50px;*/
    margin-right: 5px;
}

/* Questions Save & Exit Modal */
.modal-save-exit .return-code {
    font-weight: bold;
}

/* Feedback Report */
.report-graphic {
    margin-bottom: 15px;
}

.report-intro {
}

    .report-intro .report-intro-left {
        float: left;
        width: 58%;
    }

    .report-intro .report-emphasis {
        font-weight: bold;
    }

    .report-intro .report-intro-right {
        float: right;
        width: 39%;
        border: 1px solid #692296;
    }

        .report-intro .report-intro-right .report-into-panel-header {
            background-color: #692296;
            color: #fff;
            padding: 10px 0;
            text-align: center;
            font-weight: bold;
        }

        .report-intro .report-intro-right p {
            padding: 5px;
        }


.report-utils {
    margin-bottom: 15px;
    text-align: right;
}

    .report-utils a {
        color: #692296;
        font-weight: bold;
    }

.report-section {
    margin-bottom: 20px;
}

    .report-section .report-header {
        font-size: 1.8em;
    }

        .report-section .report-header .report-header-number {
            float: left;
            font-size: 1.3em;
            padding: 2px 15px;
            background-color: #692296;
            color: #fff;
            text-align: center;
            margin-right: 10px;
            font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
        }

        .report-section .report-header .report-header-title {
            padding-top: 10px;
            font-size: .7em;
            font-weight: bold;
        }

    .report-section .report-body-container,
    .report-footer {
        margin-left: 65px;
    }

    .report-section .report-text {
    }

    .report-section .report-section-body {
        margin-top: 10px;
        border: 1px solid #ccc;
        background-color: #eee;
        padding: 20px;
    }

        .report-section .report-section-body .report-topic-header {
        }

        .report-section .report-section-body .report-question-list {
        }

            .report-section .report-section-body .report-question-list .question-item {
                margin-top: 5px;
            }

                .report-section .report-section-body .report-question-list .question-item .question-item-cb {
                    width: 15px;
                    height: 15px;
                    border: 1px solid #999;
                    background-color: #fff;
                    float: left;
                    margin-right: 10px;
                }

        .report-section .report-section-body .report-summary {
        }

.report-footer h4 {
    margin-bottom: 0;
    font-weight: normal;
    font-size: 1.4em;
}

.report-footer li {
    margin-bottom: 0;
    list-style: none;
}

/* Self Clearing */
.report-section .report-header .report-header-title:after,
.report-intro:after {
    content: "";
    display: table;
    clear: both;
}

/* Notebook */
.notebook {
    color: #555;
    font-size: 22px;
    padding: 0 !important;
    font-family: courier, monospace;
    border: 1px solid #dedede;
}

    .notebook li {
        list-style: none;
        border-bottom: 1px dotted #ccc;
        text-indent: 25px;
        height: auto;
        padding: 5px;
        text-transform: capitalize;
    }
/*.notebook li:hover {
  background-color: #f0f0f0;
  -webkit-transition: all 0.2s;
  -moz-transition:    all 0.2s;
  -ms-transition:     all 0.2s;
  -o-transition:      all 0.2s;
}*/
.lines {
    border-left: 1px solid #ffaa9f;
    border-right: 1px solid #ffaa9f;
    width: 2px;
    float: left;
    height: 248px;
    margin-left: 40px;
}

/* Bootstrap Modal */
.modal {
    text-align: center;
    padding: 0 !important;
}

    .modal:before {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
        margin-right: -4px;
    }

.modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}

#email.modal input[type="text"] {
    margin-bottom: 10px;
}

#email.modal label {
    display: inline;
}

    #email.modal:before,
    #email.modal label:before {
        content: none;
    }

.modal-header .close {
    margin-top: -2px;
    position: absolute;
    top: 0;
    right: 0;
    border: 0;
    font-size: 28px;
    color: #000;
    padding: 0 10px;
}

button.close {
    margin-right: 10px;
}

a.modal-footer-cancel {
    margin-right: 20px;
}

.gift-card-container {
    font-weight: bold;
    color: #fff;
    border: 1px solid #692296;
    background-color: #692296;
    padding: 13px 10px 0 10px;
    text-align: center;
    margin: 10px 0 20px 0;
    font-size: 16px;
}

/* Loading AJAX */
.loading {
    position: fixed;
    z-index: 999;
    height: 6em;
    width: 6em;
    overflow: show;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

    /* Transparent Overlay */
    .loading:before {
        content: '';
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0,0,0,0.3);
    }

/* jQuery UI Tabs Customizations */
#tabs {
    padding: 0px;
    background: none;
    border-width: 0px;
}

    #tabs .ui-tabs-nav {
        padding-left: 0px;
        background: transparent;
        border-width: 0px 0px 1px 0px;
        -moz-border-radius: 0px;
        -webkit-border-radius: 0px;
        border-radius: 0px;
    }

    #tabs .ui-tabs-panel {
        /*background: #f5f3e5 url(http://code.jquery.com/ui/1.8.23/themes/south-street/images/ui-bg_highlight-hard_100_f5f3e5_1x100.png) repeat-x scroll 50% top;*/
        border: 1px solid #ccc;
        border-width: 0px 1px 1px 1px;
    }

    #tabs .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default.ui-widget {
        background: none;
        background-color: #ddd;
    }

    #tabs .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-activ .ui-widget-header {
        background-color: #fff;
    }



.ui-tabs .ui-tabs-nav li {
    margin-right: 1.2em;
}

.ui-widget {
    font-size: inherit;
}

.ui-widget-content a {
    color: #337ab7;
}

/* Checkboxes / Radios */
.radio label:before, .checkbox label::before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 10px;
    position: absolute;
    left: 0;
    top: 4px;
    background-color: #57ba5b;
    box-shadow: inset 0px 2px 3px 0px rgba(0, 0, 0, .3), 0px 1px 0px 0px rgba(255, 255, 255, .8);
}

/* Progress Bar*/
.progress-bar-container {
    width: 75%;
    margin-bottom: 10px;
}

    .progress-bar-container .progressBar {
        padding: 0 10px 0 0;
        background-color: #0FA0CE;
        padding: 0 10px;
        font-size: 1.2em;
    }

    .progress-bar-container:after {
        content: "";
        display: table;
        clear: both;
    }

.progressBar {
    min-width: 115px;
}


/* Custom Module Container Pages */
.module-id-17 #questionList table.question-table tr th:first-child {
    font-weight: normal;
    padding-left: 5px;
}


.module-id-17 #questionList table.question-table {
    margin-bottom: 0;
}

.module-id-17 #questionList table.question-table {
    margin-top: 8px;
    margin-bottom: 8px;
}

/*----- Hard Coded Question Styles -----*/
#questionList .tq308 .question-container.is-flow td.question-choice {
    display: block;
}

#questionList .tq314 .question-container.is-flow td.question-choice:nth-child(7) {
    padding-left: 60px;
}

input[type="checkbox"], input[type="radio"] {
    margin-right: 5px;
}

.report-name-question {
    background-color: #f3f3f3;
    margin-top: 20px;
    padding: 20px;
}


/*
.progressPercent {
    position: absolute;
    right: 10px;
}*/
/* Media Queries
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/*
Note: The best way to structure the use of media queries is to create the queries
near the relevant code. For example, if you wanted to change the styles for buttons
on small devices, paste the mobile query code up in the buttons section and style it
there.
*/
/* Smaller than phablet */
@media (max-width: 550px) {
    .provider-logo {
        display: none;
    }
}
/* Larger than mobile */
@media (min-width: 400px) {
}
/* Larger than phablet (also point when grid becomes active) */
@media (max-width: 550px) {
}
/* Larger than tablet */
@media (max-width: 750px) {
    .callout-container .one-third.column {
        width: 100%;
        margin-left: 0;
    }

    .callout {
        max-width: 400px;
        margin: 0 auto 20px auto;
    }
}
/* Larger than desktop */
@media (min-width: 1000px) {
}
/* Larger than Desktop HD */
@media (min-width: 1200px) {
}


@media (max-width: 1160px) {
    .callout {
        height: 125px;
    }

        .callout .callout-body {
            padding-top: 5px !important;
        }
}


/*7/27/2021 edits*/


.header {
    border-bottom: none;
}

/* Nav */
.section.nav {
    background-color: #eee !important;
}

.nav ul {
    width: 100%;
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #eee;
}

.nav li {
    /*width: 20%;*/
    display: inline-block;
    float: none;
    margin-bottom: 0;
    list-style-type: none;
    margin-right: -4px;
}

.nav li a {
    
    display: block;
    color: #444;
    text-align: center;
    padding: 14px 43px;
    text-decoration: none;
}

.language-2 .nav li a {
    padding: 15px 15px;
}

    .nav li a:hover,
    .nav li a.active {
        background-color: #0063A8;
        color: white;
    }



/*Banner*/
.main .intro .banner-wrap {
    position: relative;
}

.main .intro .banner-wrap #banner-image {
    max-width: 918px;
    width: 100%;
    height: auto;
}

.main .intro .banner-wrap #banner-text {
    position: absolute;
    width: 50%;
    top: 70px;
    text-align: left;
}

/* Callouts */
.callout {
    border: none;
}

.callout-container .one-third {
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
    height: 100%;
}

.callout .callout-body {
    padding: 10px;
    width: 100%;
    text-align: center;
    margin: 10px 0 50px 0;
}

.callout .callout-body p {
    margin-bottom: 0;
}

    .callout .callout-button {
        border: 2px solid #0063A8;
        background-color: #E5EFF5;
        color: #0063A8;
        font-weight: bold;
        border-radius: 5px;
        padding: 5px;
        display: inline-block;
    }

    .callout .callout-image {
        width: 100%;
        float: none;
    }

a {
    font-weight: bold;
}

@media (max-width: 1000px) {
    .main .intro .banner-wrap #banner-image {
        display: none;
    }

    .main .intro .banner-wrap #banner-text {
        position: static;
        width: 100%;
        text-align: center;
    }
}

/* Larger than tablet */
@media (max-width: 850px) {
    .callout-container .one-third.column {
        width: auto;
        margin: 10px 0;
    }

    .callout .callout-body {
        margin-bottom: 55px;
    }
}

.main .under-banner-text .phds-benefit-text {
    font-size: 20px;
}

.main .about-phds,
.main .top-padding {
    font-size: 16px;
}



.main .step-block p {
    font-size: 16px;
}

.main .step-block {
    min-height: 480px;
    height: 100%;
}

.nav-container {
    text-align: center;
}

.nav-container ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.nav-container li {
    margin-bottom: 0;
}

.nav-container li a {
        display: inline-block;
        text-decoration: none;
    }



/* mobile menu*/

.btn-open:after {
    color: #f4421a;
    content: "≡";
    font-family: "responsivenav", sans-serif;
    transition-property: all .2s linear 0s;
    -moz-transition: all .2s linear 0s;
    -webkit-transition: all .2s linear 0s;
    -o-transition: all .2s linear 0s;
}


.btn-open:hover:after {
    color: #0063a8;
}

.btn-close:after {
    color: #fff;
    content: "x";
    font-family: "responsivenav", sans-serif;
    transition-property: all .2s linear 0s;
    -moz-transition: all .2s linear 0s;
    -webkit-transition: all .2s linear 0s;
    -o-transition: all .2s linear 0s;
}

.btn-close:hover:after {
    color: #0063a8;
}

button.close {
    font-size: 28px;
    margin-right: 20px;
}

/*overlay*/
.overlay {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    height: 100%;
    width: 60%;
    background: #ccc;
    overflow: auto;
    z-index: 99;
}


@media screen and (max-width: 768px) {
    .nav-button {
        display: block;
    }

    .nav-container {
        display: none;
    }

}

/* Bigger than 750 - Tablet */
@media (min-width: 768px) {

    .nav-button {
        display: none;
    }

    .overlay {
        display: none !important;
    }
}

.wrap {
    color: #ccc;
    text-align: center;
    max-width: 90%;
    margin: 0 auto;
}

.mobile-nav-container ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    margin-top: 7rem;
}

.mobile-nav-container li {
    margin-bottom: 0;
}

    .mobile-nav-container li a {
        display: block;
        color: #000;
        padding: 8px 16px;
        text-decoration: none;
    }

        .mobile-nav-container li a.active {
            background-color: #4CAF50;
            color: white;
        }

        .mobile-nav-container li a:hover:not(.active) {
            background-color: #555;
            color: white;
        }

.phds-logo {
    max-width: 100%;
}

.phds-logo-container {
    float: left;
    width: 60%;
}

.provider-logo-container {
    float: left;
    width: 40%;
}

    .provider-logo-container:after {
        content: "";
        display: table;
        clear: both;
    }


.section.header .four.columns.language-dropdown {
    width: 42%;
    margin-left: 0;
}

/*.section.header .header.eight.columns {
    width: 58%;
}*/

.language-dropdown {
    display: block;
    text-align: left;
    width: 100%;
    margin-top: 60px;
}

    .language-dropdown select {
        width: 100%;
    }

.section.header .container {
    width: 95%;
}

.section.header .u-max-full-width {
    max-width: 90%;
    box-sizing: border-box;
}

.language-1 .spanish-notice {
    display: none;
}

.language-2 .spanish-notice {
    display: block;
}

.header a {
    font-weight: normal;
}

.section.header {
    margin-top: 0;
}

.language-dropdown {
    margin-top: 0;
}

.header a {
    text-align: right;
}

.container {
    width: 95%;
    max-width: 1100px;
}

.header-links {
    text-align: right;
    font-size: 1.6rem;
}

    .header-links .row {
        margin: 0;
    }

.header-links .finish-a-survey {
    margin-top: 10px;
    font-size: 1.3rem;
}

    .header-links .finish-a-survey a {
        font-weight: bold;
        font-size: 1.6rem;
    }