/* ==========================================================================
   CUSTOM Layout
   ========================================================================== */

@media only screen {







    /* News list */

    .content-section.news-archive {
        clear: both;
        border-top: 1px solid #000000;
    }

    ul#news-and-events {
        list-style-type: none;
        padding-left: 0;
    }

    ul#news-and-events strong {
        display: block;
    }

    ul#news-and-events li.archive {
        display: none;
    }

    ul#news-and-events li {
        padding: 1.6rem 2rem;
        -moz-border-radius: 4px;
        border-radius: 4px;
        margin: 1rem 0;
    }

    ul#news-and-events li:nth-child(even) {
        background-color: #f0f5f8;
    }

    ul#news-and-events li div.date-published {
        font-size: 0.875em;
    }

    ul#news-and-events li h2 {
        font-weight: 600;
    }




    .img-box.placing-calls img,
    .img-box.receiving-calls-one-line img,
    .img-box.receiving-calls-two-line img,
    .img-box.how-hamilton-relay-rcc-works img,
    .img-box.placing-calls-es img,
    .img-box.receiving-calls-one-line-es img,
    .img-box.receiving-calls-two-line-es img,
    .img-box.how-hamilton-relay-rcc-works-es img {
        max-width: 500px;
    }

    .scheduling-request-form fieldset {
        margin-top: 2rem;
        margin-bottom: 2rem;
    }

    .scheduling-request-form fieldset legend {
        display: block;
        font-weight: 600;
    }







    #ajax-form-customer-profile fieldset legend {
        display: block;
        font-weight: 600;
    }

    #ajax-form-customer-profile fieldset#data-preferred-contact-method-phone-type legend,
    #ajax-form-customer-profile fieldset#data-preferred-contact-method-fax-number legend,
    #ajax-form-customer-profile fieldset#data-making-calls-vco legend,
    #ajax-form-customer-profile fieldset#data-making-calls-vco2line legend,
    #ajax-form-customer-profile fieldset#data-making-calls-voice legend,
    #ajax-form-customer-profile fieldset#data-answering-calls-vco legend,
    #ajax-form-customer-profile fieldset#data-answering-calls-vco2line legend,
    #ajax-form-customer-profile fieldset#data-answering-calls-voice legend,
    #ajax-form-customer-profile fieldset#data-relay-options-typing-buffer-speed legend,
    #ajax-form-customer-profile fieldset#data-revoicing-repeat legend,
    #ajax-form-customer-profile fieldset#data-revoicing-repeat-options legend,
    #ajax-form-customer-profile fieldset#data-revoicing-assist legend,
    #ajax-form-customer-profile fieldset#data-revoicing-assist-options legend,
    #ajax-form-customer-profile fieldset#data-revoicing-voice-synthesizer legend,
    #ajax-form-customer-profile fieldset#data-revoicing-call-by-name legend,
    #ajax-form-customer-profile fieldset#data-revoicing-vasts legend,
    #ajax-form-customer-profile fieldset#data-revoicing-preferences fieldset#data-revoicing-contact fieldset#data-revoicing-contact-time-from-options legend,
    #ajax-form-customer-profile fieldset#data-revoicing-preferences fieldset#data-revoicing-contact fieldset#data-revoicing-contact-time-to-options legend,
    #ajax-form-customer-profile fieldset#data-deaf-blind-communicator legend,
    #ajax-form-customer-profile fieldset#data-greetings-tell-options legend,
    #ajax-form-customer-profile .data-notes .form-label,
    #ajax-form-customer-profile fieldset#data-greetings-first-name legend,
    #ajax-form-customer-profile fieldset#data-greetings-tell legend,
    #ajax-form-customer-profile fieldset#data-greetings-never-explain legend,
    #ajax-form-customer-profile fieldset#data-greetings-never-identify legend,
    #ajax-form-customer-profile fieldset#data-greetings-my-hello legend,
    #ajax-form-customer-profile fieldset#data-relay-options legend,
    #ajax-form-customer-profile fieldset#data-revoicing-preferences legend {
        display: none;
    }

    #ajax-form-customer-profile fieldset#data-making-calls-voice-to-captel legend  {
        color: transparent;
    }

    #ajax-form-customer-profile fieldset#data-password-pin .form-label,
    #ajax-form-customer-profile .data-relay-options-preferred-buffer-speed .form-label,
    #ajax-form-customer-profile .data-revoicing-voice-synthesizer-device .form-label,
    #ajax-form-customer-profile .data-revoicing-call-by-name-directory .form-label,
    #ajax-form-customer-profile .data-revoicing-vasts-skype .form-label,
    #ajax-form-customer-profile .data-revoicing-standard-instructions .form-label,
    #ajax-form-customer-profile .data-revoicing-standard-message .form-label,
    #ajax-form-customer-profile .data-revoicing-contact-days .form-label,
    #ajax-form-customer-profile .data-deaf-blind-communicator-device .form-label,
    #ajax-form-customer-profile .data-speed-dial-name .form-label,
    #ajax-form-customer-profile .data-speed-dial-number .form-label,
    #ajax-form-customer-profile .data-greetings-first-name-name .form-label,
    #ajax-form-customer-profile .data-greetings-my-hello-hello .form-label,
    #ajax-form-customer-profile fieldset#data-revoicing-preferences fieldset#data-revoicing-contact legend {
        display: block;
    }

    #ajax-form-customer-profile .form-label-checkbox-description {
        font-weight: normal;
    }

    #ajax-form-customer-profile .form-field.form-field-input em,
    #ajax-form-customer-profile .form-field.form-field-textarea em {
        font-size: 1.6rem;
    }

    #ajax-form-customer-profile #data-speed-dial11,
    #ajax-form-customer-profile #data-speed-dial12,
    #ajax-form-customer-profile #data-speed-dial13,
    #ajax-form-customer-profile #data-speed-dial14,
    #ajax-form-customer-profile #data-speed-dial15,
    #ajax-form-customer-profile #data-speed-dial16,
    #ajax-form-customer-profile #data-speed-dial17,
    #ajax-form-customer-profile #data-speed-dial18,
    #ajax-form-customer-profile #data-speed-dial19,
    #ajax-form-customer-profile #data-speed-dial20,
    #ajax-form-customer-profile #data-speed-dial21,
    #ajax-form-customer-profile #data-speed-dial22,
    #ajax-form-customer-profile #data-speed-dial23,
    #ajax-form-customer-profile #data-speed-dial24,
    #ajax-form-customer-profile #data-speed-dial25,
    #ajax-form-customer-profile #data-speed-dial26,
    #ajax-form-customer-profile #data-speed-dial27,
    #ajax-form-customer-profile #data-speed-dial28,
    #ajax-form-customer-profile #data-speed-dial29,
    #ajax-form-customer-profile #data-speed-dial30,
    #ajax-form-customer-profile #data-speed-dial31,
    #ajax-form-customer-profile #data-speed-dial32,
    #ajax-form-customer-profile #data-speed-dial33,
    #ajax-form-customer-profile #data-speed-dial34,
    #ajax-form-customer-profile #data-speed-dial35,
    #ajax-form-customer-profile #data-speed-dial36,
    #ajax-form-customer-profile #data-speed-dial37,
    #ajax-form-customer-profile #data-speed-dial38,
    #ajax-form-customer-profile #data-speed-dial39,
    #ajax-form-customer-profile #data-speed-dial40,
    #ajax-form-customer-profile #data-speed-dial41,
    #ajax-form-customer-profile #data-speed-dial42,
    #ajax-form-customer-profile #data-speed-dial43,
    #ajax-form-customer-profile #data-speed-dial44,
    #ajax-form-customer-profile #data-speed-dial45,
    #ajax-form-customer-profile #data-speed-dial46,
    #ajax-form-customer-profile #data-speed-dial47,
    #ajax-form-customer-profile #data-speed-dial48,
    #ajax-form-customer-profile #data-speed-dial49,
    #ajax-form-customer-profile #data-speed-dial50 {
        display: none;
    }


    #ajax-form-nomination-bhsm-award #data-reference1 #data-reference1-full-name legend,
    #ajax-form-nomination-bhsm-award #data-reference1 .data-reference1-phone .form-label,
    #ajax-form-nomination-bhsm-award #data-reference1 .data-reference1-email .form-label,
    #ajax-form-nomination-bhsm-award #data-reference2 #data-reference2-full-name legend,
    #ajax-form-nomination-bhsm-award #data-reference2 .data-reference2-phone .form-label,
    #ajax-form-nomination-bhsm-award #data-reference2 .data-reference2-email .form-label {
        display: block;
    }



    #ajax-form-nomination-community-leader-award .fieldset-fields .form-row.data-reference1-name-first,
    #ajax-form-nomination-community-leader-award .fieldset-fields .form-row.data-reference2-name-first {
        display: inline-block;
        width: 34%;
    }

    #ajax-form-nomination-community-leader-award .fieldset-fields .form-row.data-reference1-name-last,
    #ajax-form-nomination-community-leader-award .fieldset-fields .form-row.data-reference2-name-last {
        display: inline-block;
        width: 65%;
    }


    #ajax-form-nomination-community-leader-award .form-label.form-label-textarea {
        width: 100%;
        display: block;
        text-align: left;
    }



    #ajax-form-customer-profile fieldset#data-greetings .fieldset-fields,
    #ajax-form-customer-profile fieldset#data-relay-options .fieldset-fields,
    #ajax-form-customer-profile fieldset#data-revoicing-preferences .fieldset-fields {
        width: 100%;
    }



    .content-section.outreach .relay-team {
        background-color: #cecece;
        padding: 1rem;
        -moz-border-radius: 4px;
        border-radius: 4px;
    }

    .content-section.outreach .relay-team .img-box {
        float: right;
        margin-top: 1rem;
        margin-left: 1rem;
    }

    .content-section.outreach .relay-team span.name,
    .content-section.outreach .relay-team span.title,
    .content-section.outreach .relay-team span.hometown,
    .content-section.outreach .relay-team span.email {
        display: block;
    }

    .content-section.outreach .relay-team span.name {
        font-weight: 600;
        margin-bottom: 0.865rem;
    }

    .content-section.outreach .relay-team span.title {
        font-style: italic;
    }

    .content-section.outreach .relay-team span.email {
        margin-bottom: 0.865rem;
    }



    body#state-relay-friendly ul#relay-friendly {
        list-style-type: none;
        padding-left: 0;
    }

    .content-section.difference {
        margin-top: 4rem;
        margin-bottom: 4rem;
    }





    /* Order */
    body#equipment .content-section.order-intro {
        padding-top: 4rem;
    }

    body#equipment .content-section.order-options .order-captel-840i,
    body#equipment .content-section.order-options .order-captel-2400i {
        padding-top: 3rem;
        padding-bottom: 3rem;
    }

    body#equipment .content-section.order-options .order-captel-840i .content h3,
    body#equipment .content-section.order-options .order-captel-2400i .content h3 {
        padding-top: 1rem;
    }

    body#equipment .content-section.order-options .order-captel-840i .order-by-phone,
    body#equipment .content-section.order-options .order-captel-2400i .order-by-phone {
        padding-top: 0;
        margin-top: -0.5rem;
        font-style: italic;
        font-size: 0.875em;
    }


}

/* Media Queries */

@media only screen and (min-width: 600px) {



    .content-section.article-content .img-box {
        float: right;
        margin-left: 2rem;
        margin-right: 2rem;
    }

    body#state-relay-friendly ul#relay-friendly li {
        float: left;
        width: 45%;
        margin-top: 1rem;
        margin-bottom: 1rem;
    }

    body#state-relay-friendly ul#relay-friendly li:nth-child(even) {
        float: right;
    }

    body#state-relay-friendly ul#relay-friendly li:nth-child(odd) {
        clear: both;
    }

    /* Order */

    body#equipment .content-section.order-options .img-box {
        margin-left: -15%;
    }

    body#equipment .content-section.order-options .order-captel-840i,
    body#equipment .content-section.order-options .order-captel-2400i {
        width: 45%;
    }

    body#equipment .content-section.order-options .order-captel-840i {
        float: left;
    }

    body#equipment .content-section.order-options .order-captel-2400i {
        float: right;
    }

}




/* ==========================================================================
   How It Works Content
   ========================================================================== */

@media only screen {

    /* intro */

    body.how-it-works .content-section.intro,
    body.how-it-works-es .content-section.intro {
        background-color: #f7f9fa;
        background-position: top center;
        background-repeat: no-repeat;
        background-attachment: scroll;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        background-image: url('../img/content/how-it-works/masthead.jpg');
    }

    body.how-it-works .content-section.intro .content,
    body.how-it-works-es .content-section.intro .content {
        width: 70%;
        color: #ffffff;
        padding-top: 4rem;
        padding-bottom: 10rem;
    }

    body.how-it-works .content-section.intro .content p,
    body.how-it-works-es .content-section.intro .content p {
        font-weight: 300;
    }

    body.how-it-works .content-section.intro .content h1,
    body.how-it-works-es .content-section.intro .content h1 {
        color: #ffffff;
    }

    /* services */

    body.how-it-works .content-title.services,
    body.how-it-works-es .content-title.services {
        margin-top: 1rem;
    }


}

@media only screen and (min-width: 450px){

    /* intro */

    body.how-it-works .content-section.intro .content,
    body.how-it-works-es .content-section.intro .content {
        width: 60%;
    }

}

@media only screen and (min-width: 550px){

    /* intro */

    body.how-it-works .content-section.intro .content,
    body.how-it-works-es .content-section.intro .content {
        width: 50%;
        padding-top: 5rem;
        padding-bottom: 20rem;
    }

    body.how-it-works .content-section.intro .content p,
    body.how-it-works-es .content-section.intro .content p {
        width: 80%;
    }

}

@media only screen and (min-width: 1000px){

    /* intro */

    body.how-it-works .content-section.intro .content,
    body.how-it-works-es .content-section.intro .content {
        padding-top: 10rem;
        padding-bottom: 40rem;
    }

}



/* ==========================================================================
   CUSTOM Print
   ========================================================================== */

@media only print {

    body.modal-is-open #header-logo img {
        max-width: 150px;
    }

}