@charset "UTF-8";
/* CSS Document */

/* Header-----------------------*/
@media only screen and (max-width: 800px) {
    
    ul#masthead .social_icons{
        display:none !important;
    }
    
    #header .service_name {
       width: 25em;
    }
    
    #header .service_name h2, #header .service_name h1 {
        font-size: 1.5em;
        top: .3em;
    }

}


@media only screen and (max-width: 690px) {
    #header .logo { 
        text-align:center; 
        width:100%;
        padding:.5em 3em;
    }
    
    #logo {
        margin: 0.1em auto;
        width:11.25em;
    }
    
    #header .service_name {
        width:100%; 
        text-align:center;
        background: #B81237;
        padding:.3em .3em .4em;
    }
    
    #header .service_name h2, #header .service_name h1 {
        margin:0;
        padding:0;
        font-size:1em;
        border:none;
        text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5)
    }
    
    #header .service_name h2 a, #header .service_name h1 a {
        color:#fff;
    }
}

@media only screen and (max-width: 300px) {
    #header .service_name h2, #header .service_name h1 {
        font-size:.9em;
    }
}

/* Top Navigation -----------------------
@media only screen and (max-width: 360px) {
    .top-bar .name span a {
        background: url("../img/healthcare_homeicon.svg") no-repeat scroll 0.7em 0.82em / 1.8em auto transparent;
    }
}
*/

/* banner_wrapper---------------*/
@media only screen and (max-width: 1024px) and (min-width: 920px) {

    /*Orbit*/
    ul.orbit-bullets {
    }

    /* Call to action styles */
    
    ul#calls li h5 span.subheader{
        font-size: 1em;
    }
    
    /* Resources */ 
    ul#resources_three li a {
        padding: .5em 0.8em;
    }
    
    ul#resources_three li a h5 span.subheader{
        font-size: 1em !important;
    }
}

@media only screen and (max-width: 920px) and (min-width: 800px) {

    /*Orbit*/    
    ul.orbit-bullets {
    }

    /* Call to action styles */
    ul#calls li {
        padding: 0.8em 0.8em 0.8em 3em;
    }
    
    ul#calls li > span {
        font-size: 2.3em;
    }
    
    ul#calls li h5 span.subheader{
        font-size: 1em;
    }
    
    /* Resources */ 
    ul#resources_three li a {
        padding: .5em 0em !important;
    }
    
    ul#resources_three li a h5 span.subheader{
        font-size: 1em !important;
    }
}


@media only screen and (max-width: 800px) {

    #sub #banner_wrapper{
        box-shadow:0 0 0 rgba(0, 0, 0, 0.5);
    }

    /*Main Slider*/
    #main_slider{
        /*display:none;*/
        width:100%;
        right:0;
        margin-top:.9em;
    }
    
    /* Call to action styles */
    #sub_tabs ul#calls {
        margin: 1em 0 0;
    }
    
    #calls_resources{
        width:100%;
        left:0;
    }
    
    #sub ul#calls{  
        margin:1em 0 0 0;
    }
    
    #sub ul#calls li{
        width:50%;
        background:rgba(255,255,255,.5);
        float:left;
    }

}

@media only screen and (max-width: 460px) {
    #banner_wrapper{
        margin-bottom:0;
    }
    
    #main_slider .orbit-wrapper .orbit-caption {
        padding: 0.5em;
    }
    
    .orbit-wrapper .orbit-caption h5 {
        font-size: 1em !important;
    }
    
    .orbit-wrapper .orbit-caption p {
        display: none;
    }

    /* Call to action styles */
    ul#calls{   
        /*margin-bottom:0;*/
    }
    
    ul#calls li{
        padding:.8em .8em 1em 3.2em;
    }
    
    ul#calls li > span{
        font-size:2.5em;
        left:.2em;
        top:.1em;
    }
    
    ul#calls li h5{
        font-size: .9em;
    }
    
    ul#calls li h5 span.subheader{
        font-size: 1em;
    }
    
    /* Resources */
    ul#resources_three li a, ul#resources_three.green li a {
        padding: 0.3em;
    }

    ul#resources_three li h5,  ul#resources_three.green li h5{
        font-size: .9em;
    }
    
    ul#resources_three li h5 span.subheader, ul#resources_three.green li h5 span.subheader{
        font-size: 1em;
    }

}


@media only screen and (max-width: 320px) {

    /* Call to action styles */
    ul#calls li {
        padding: 0.8em 0.8em 1em 2.8em;
    }
    
    ul#calls li > span {
        font-size:2.3em;
        left: 0.1em;
    }
    
    ul#calls li h5{
        font-size: .8em;
    }
    
    ul#calls li h5 span.subheader{
        font-size: 1em;
    }
    
    /* Resources */
    ul#resources_three li h5, ul#resources_three.green li h5{
        font-size: .8em;
    }
    
    ul#resources_three li h5 span.subheader, ul#resources_three.green li h5 span.subheader{
        font-size: 1em;
    }
    
    ul#resources_three li a, ul#resources_three.green li a {
        padding:.5em  0;
    }
                    .hc-resources > div {
        margin-bottom: 0;
    }
    .content-section {
	    margin-bottom: 0;
    }

}

@media only screen and (max-width: 300px) {

    /* Call to action styles */
    ul#calls li {
        padding: 0.5em 0.5em 0.5em 1.8em;
    }
    
    ul#calls li > span {
        font-size:1.5em;
    }
    
    ul#calls li h5{
        font-size: .65em;
    }
    
    ul#calls li h5 span.subheader{
        font-size: 1em;
    }
    
    /* Resources */
    ul#resources_three h4 {
        font-size: .9em;
    }
    
    
    ul#resources_three.green li a > span {
        font-size: 2em;
    }
    
    ul#resources_three li h5, ul#resources_three.green li h5{
        font-size: .65em;
    }
    
    ul#resources_three li h5 span.subheader, ul#resources_three.green li h5 span.subheader{
        font-size: 1em;
    }
    
    ul#resources_three li a, ul#resources_three.green li a {
        padding:.5em  0;
    }

}


/*Content area--------------------*/

/*Sub Page orbit v3-------------*/
@media only screen and (max-width: 655px) {
    #sub .orbit-wrapper .orbit-caption {
        padding: 0.5em !important;
    }
    
    #sub .orbit-wrapper .orbit-caption h4 {
        font-size: 0.9em;
    }
}

/*Tabs-----------------------*/
@media only screen and (max-width: 842px) {
    ul#icon_tabs li a {
        font-size: .9em;
        height: 3.4em;
        padding: 0.571em 0.5em 0.714em 2.15em;
    }

}

@media only screen and (max-width: 655px) {
    ul#icon_tabs li a {
        font-size: 0.82em;
        height: 3.7em;
    }
}

@media only screen and (max-width: 600px) {
    ul#icon_tabs {
        margin: 0 0 1em;
    }

    ul#icon_tabs li a b {
        display:none;
    }   
    
    ul#icon_tabs li a {
        padding: 0.5em;
    }
    
    #tab_home a span {background-position: center -0.4em;}
    #tab_provider a span {background-position: center -5.35em;}
    #tab_location a span {background-position: center -2.8em;}
    #tab_patient a span {background-position: center -7.8em;}
    #tab_trials a span {background-position: center -10.3em;}
    
    ul#icon_tabs li a span {
        position: relative;
        left:0;
    }
}

/*bottons------------*/
@media only screen and (min-width: 920px) {
    .grey {
        font-size: 1.2em;
    }
    
    .grey span {
        font-size: 0.8em;
    }
}

@media only screen and (max-width: 800px) {
    .grey {
        font-size: .9em;
    }
    
    .grey span {
        font-size: 0.9em;
    }
}

/*Providers ----------------*/
@media only screen and (max-width: 763px) {

    .doc_image {
        padding:0 .625em 0 0;
        width:18%;
    }
    
    .physician-bio {
        width: 80%;
    }

}

@media only screen and (max-width: 550px) {

    .doc_image {
        padding: 0 0.625em 0 0;
        text-align: left;
        width: 100%;
    }
    
    .doc_image img {
        margin: 0 0 0.8em;
    }
    
    .physician-bio {
        padding: 0;
        width: 100%;
    }

}


/*Services List -------------------*/
@media only screen and (max-width: 767px) {
    .services{
        border-bottom:1px solid #cccccc;
        margin-bottom:1em !important;
        padding:.5em 0;
    }
    
    .services img{
        margin-bottom:.5em;
    }
}

/*footer---------------------*/
@media only screen and (max-width: 360px) {
    footer{
        text-align:center;
    }
    
    #contact_info {
        text-align:center;
        border-bottom: 1px solid rgba(0,0,0,.3);
        border-right:none;
        box-shadow: 0 1px 0px rgba(255,255,255,1);
    }
    
    #social_info {
        border-bottom: 1px solid rgba(0,0,0,.3);
        box-shadow: 0 1px 0px rgba(255,255,255,1);
        text-align: center;
        padding:.4em 0 .8em 0;
        border-right:none;
    }
    
    #u_logo {
        padding:.4em 0 0 0;
    }
    
    footer p.right{
        float:none;
    }
    
}
@media only screen and (max-width: 768px) {
    ul.resp-tabs-list {
        display: none;
    }

    h2.resp-accordion {
        display: block;
    }

    .resp-vtabs .resp-tab-content {
        border: 1px solid #C1C1C1;
    }

    .resp-vtabs .resp-tabs-container {
        border: none;
        float: none;
        width: 100%;
        min-height: initial;
        clear: none;
    }
    .resp-accordion-closed {
        display:none !important;
    }
    .resp-vtabs .resp-tab-content:last-child {
        border-bottom: 1px solid #c1c1c1 !important;
    }
    h2.resp-accordion.resp-tab-active {
        border-top: 0.214em solid #96C93F;
        margin-top: -.214em;
    }

    ul#icon_tabs {
        display: none;
    }
    h2.resp-accordion {
	    font-size: 1em;
	    font-family: "Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
	    background-color: #F6F6F6;
    }
    h2.resp-accordion a {
	    color: rgb(34, 34, 34);
    }
    h2.resp-accordion a>span {
	    margin-right: 10px;
	    font-size: 1.25em;
    }
    h2.resp-accordion a>b {
    	position: relative;
	    top: -3px;
    }
    .resp-tab-content-active {
    border-left: 1px solid #c1c1c1;
    border-right: 1px solid #c1c1c1;
    border-bottom: 1px solid #c1c1c1;
    }
    aside {
    	margin-top: 15px;
	}
}
@media screen and (min-width: 320px) {
                        .hc-resources > div {
        margin-bottom: 0;
    }
    .content-section {
	    margin-bottom: 0;
    }
    #events.panel {
	    padding: .5em;
	    margin-bottom: 0;
    }
}