/**
  * Responsive Elements
  */
body {
    -webkit-text-size-adjust: 100%; /* Fix Mobile Safari Font Scale */
    overflow-x: hidden;
}

.node-title {
    font-size: 1.5em;
}

/*header*/
#header #search-block-form .form-text {
    width: 200px;
}

.region-header {
    float: right;
    margin: 32px 0;
}

#logo {
    margin-bottom: 0;
    margin-left: 20px;
}

.views-field.views-field-field-banner-text.container {
    border-left: 10px solid transparent;
}

.views-field-field-banner-text .field-content {
    font-size: 16px;
    padding: 1px 7px 3px;
}

/*menu responsive*/
.responsive-menu-button {
    background-image: url("/sites/all/themes/ansirh/images/hamburger.png");
    background-position: right top;
    background-repeat: no-repeat;
    display: block !important;
    font-size: 1.4em;
    font-weight: 600;
    line-height: 100%;
    margin-right: 20px;
    padding: .8em 1em;
    z-index: 4;
}

.responsive-menu-button:active,
.responsive-menu-button:focus,
.responsive-menu-button:hover {
    color: #fff;
    cursor: pointer;
}

#menu-bar-wrapper {
    background: #10151C;
}

#menu-bar-wrapper .region-menu-bar,
.region-header {
    float: none;
    width: 100%;
}

#menu-bar-wrapper .container {
    background: #425776;
    position: absolute;
    top: 27px;

}

#menu-bar-wrapper .grid-inner {
    padding: 0;
}

#menu-bar-wrapper .menu.sf-menu.sf-style-university {
    float: none;
}

#menu-bar-wrapper .menu.sf-menu li {
    border-bottom: 1px solid #2b2c2e;
    border-right: 0;
    float: left;
    margin: 0;
    width: 100%;
}

.node-type-faculty-staff span#about,
.about span#about,
.newsletter span#about,
.node-type-research-project a#research,
.node-type-research-study a#research,
.page-resources a#resources,
.page-ansirh-resources a#resources,
.page-publications a#publications,
.page-ansirh-publications a#publications,
.node-type-publication a#publications,
.early-abortion-training-workbook a#publications,
.apc-toolkit a#publications,
.research a#research,
.ansirh-in-the-news span#news,
.ANSIRH-news span#news,
.news span#news,
.front a#home,
li.sf-depth-1 > a:hover,
li.sf-depth-1 > span:hover,
li.sf-depth-1 > a:active,
li.sf-depth-1 > span:active,
li.sf-depth-1 > a:focus,
li.sf-depth-1 > span:focus,
li.sf-depth-1.sfhover > a,
.menu.sf-menu.sf-style-university > li.sfHover > a,
.menu.sf-menu.sf-style-university > li > a:active,
.menu.sf-menu.sf-style-university > li > a:focus,
.menu.sf-menu.sf-style-university > li > a:hover,
.page-search .form-item-search-block-form,
.page-node-393 .form-item-search-block-form,
.page-node-394 .form-item-search-block-form {
    border-bottom: 0 !important;
    color: #eaf1f7 !important;
}

#menu-bar-wrapper .menu.sf-menu li ul li {
    border-bottom: none;
}

#menu-bar-wrapper .menu.sf-menu li ul ol li {
    border-bottom: 1px solid #2B2C2E;
}

#menu-bar-wrapper .menu.sf-menu li ol li .sf-megamenu-column {
    border-bottom: 1px solid #2B2C2E;
}

#menu-bar-wrapper .menu.sf-menu.sf-style-university ul {
    padding: 0 0 5px 20px !important;
    position: static;
    top: 0;
    width: 100% !important;
}

#superfish-1 > li > ul {
    margin-bottom: 20px !important;
}

#superfish-1 li.sf-depth-2 {
    border-bottom: 1px solid #052049;
    display: inline-block !important;
    float: left !important;
    margin-right: 12px !important;
    width: auto !important;
}

#superfish-1 .sf-depth-2 > a,
#superfish-1 .sf-depth-2 > span {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
    border-right: 1px solid #9ba6b6;
    line-height: 1 !important;
    margin-bottom: 5px !important;
    padding-bottom: 0 !important;
    padding-left: 0 !important;
    padding-top: 0 !important;
}

#superfish-1 .sf-depth-2.last > a,
#superfish-1 .sf-depth-2.last > span {
    border-right: 0;
}

#superfish-1 .sf-depth-2 > a:hover,
#superfish-1 .sf-depth-2 > span:hover {
    background-color: transparent !important;
    color: #f48024 !important;
}

#superfish-1 .sf-depth-3,
#superfish-1 .sf-depth-3 a,
#superfish-1 .sf-depth-3 span,
#superfish-1 .sf-depth-2 a span {
    display: none !important;
}

#menu-bar-wrapper .menu.sf-menu.sf-style-university ul .sf-megamenu-column {
    padding: 0 !important;
}

#menu-bar-wrapper .menu.sf-menu.sf-style-university ul.sf-megamenu li.sf-megamenu-wrapper ol li.last {
    border-bottom: 0 !important;
}

#menu-bar-wrapper .menu.sf-menu.sf-style-university ul.sf-megamenu li.sf-megamenu-wrapper ol li a {
    border-top: 0 !important;
}

#menu-bar-wrapper .menu.sf-menu.sf-style-university ul a {
    background: #1B212A;
}

#menu-bar-wrapper .menu.sf-menu.sf-style-university ul.sf-megamenu li.sf-megamenu-wrapper ol li a {
    padding: 10px 20px
}

#menu-bar-wrapper .menu.sf-menu.sf-style-university ul.sf-megamenu li.sf-megamenu-wrapper ol li ol li a {
    background: #1B212A;
    padding: 10px 40px
}

#menu-bar-wrapper .menu.sf-menu.sf-navbar.sf-style-university ul a {
    padding: 15px 0 15px 40px;
    width: 100% !important;
}

#menu-bar-wrapper .menu.sf-menu.sf-style-university.sf-navbar ul li {
    border-bottom: 1px solid #2B2C2E;
}

#menu-bar-wrapper .menu.sf-menu.sf-style-university.sf-navbar ul li.last {
    border-bottom: 0;
}

#menu-bar-wrapper .menu.sf-menu.sf-style-university.sf-navbar ul li a .sf-sub-indicator {
    background: url("../../images/arrow-3.png") no-repeat 15px 0;
    top: 1.5em !important;
}

#menu-bar-wrapper .menu.sf-menu.sf-navbar.sf-style-university ul ul {
    margin: 0;
    width: 100% !important;
}

#menu-bar-wrapper .menu.sf-menu.sf-navbar.sf-style-university ul ul a {
    border-top: 0 !important;
    padding: 15px 0 15px 60px;
}

.front .menu.sf-menu.sf-style-university > li.active-trail > a,
.front .menu.sf-menu.sf-style-university > li.sfHover > a,
.front .menu.sf-menu.sf-style-university > li > a:active,
.front .menu.sf-menu.sf-style-university > li > a:focus,
.front .menu.sf-menu.sf-style-university > li > a:hover {
    background-color: transparent !important;
}

.menu.sf-menu.sf-style-university li.sf-parent-children-1 ul.sf-megamenu {
    width: 100% !important;
}

.menu.sf-menu.sf-style-university > li > span {
    background: rgba(0, 0, 0, 0) url("/sites/all/themes/ansirh/images/arrow-3.png") no-repeat scroll 8px 18px;
}

#superfish-1 a.sf-depth-2:hover + ul,
#superfish-1 span.sf-depth-2:hover + ul,
#menu-bar-wrapper .menu.sf-menu.sf-style-university #research li ul{
    display: none !important;
}

#menu-bar-wrapper .region-header {
    margin: 0;
}

.region-header #search-block-form .form-text {
    width: 350px;
}

.donate {
    float: right;
}

/*slideshow*/
#slideshow-wrapper {
    border-bottom: 0;
}

.region-slideshow .slideshow-group-fields-wrapper .views-field-title a {
    font-size: 18px;
}

.region-slideshow .views-field-field-slideshow:after,
.region-slideshow .views-field-field-slideshow:before {
    height: 100%;
}

.region-slideshow .views-slideshow-controls-bottom {
    bottom: 0;
    right: 15px;
}

.region-slideshow .slideshow-group-fields-wrapper {
    bottom: 0;
    font-size: 12px;
    width: 360px;
}

.region-slideshow .slideshow-group-fields-wrapper .views-field-title a {
    font-size: 18px;
    line-height: 1.2;
}


/*panel first*/

#main-wrapper > .container:first-child {
    padding-top: 0;
}

.panel-first .block ul.menu {
    text-align: center;
}

.panel-first .block ul.menu li {
    float: none;
    display: inline-block;
    margin-bottom: 15px;
}

#panel-second-wrapper .grid-inner {
    padding: 10px;
}

#panel-second-wrapper .cols-4 .views-col,
#panel-second-wrapper .panel-cols-4 .panel-column {
    width: 50% !important;
}

#panel-second-wrapper img {
    height: auto;
    width: 100%;
}

.cols-4 .views-col.col-1,
.cols-4 .views-col.col-2 {
    margin: 0 0 20px 0;
}

/*sidebar*/
.front #sidebar-first-wrapper {
    width: 50% !important;
}

.front #sidebar-second-wrapper {
    width: 50% !important;
}

.front #main-content .grid-inner {
    padding: 0 10px !important;
}

.front .wrapper .grid.views-col {
    width: 33.3% !important;
}

.front #sidebar-second-wrapper .region-sidebar-second > .block {
    width: 100%;
    float: none;
}

.front #sidebar-first-wrapper .grid-inner {
    padding: 0 10px 0 10px;
}

.front #sidebar-second-wrapper .grid-inner {
    padding: 0 10px 0 10px;
}

.front #sidebar-second-wrapper .block-inner {
    padding: 0;
}

#sidebar-second-wrapper {
    width: 100%;
}

#sidebar-second-wrapper .region-sidebar-second > .block {
    width: 50%;
    float: left;
}

#sidebar-second-wrapper .block-inner {
    padding: 0 10px;
}

#sidebar-second-wrapper .region-sidebar-second > #block-quicktabs-quicktabs--2.block {
    width: 100%;
}

#quicktabs-quicktabs .block-views > .block-inner {
    padding-left: 0;
}

#block-quicktabs-quicktabs--2 .quicktabs-tabs li {
    float: left;
    width: 50%;
}

#block-quicktabs-quicktabs--2 ul.quicktabs-tabs li,
#block-quicktabs-quicktabs--2 ul.quicktabs-tabs li:hover {
    background: rgba(0, 0, 0, 0) url("/sites/all/themes/ansirh/images/arrow-tab.png") no-repeat scroll 15% bottom;
}

#block-quicktabs-quicktabs--2 ul.quicktabs-tabs li a {
    background: #052049 none repeat scroll 0 0 !important;
    color: #fff !important;
}

.quicktabs-tabpage {
    clear: none;
    float: left;
    width: 50%;
}

.quicktabs-hide {
    display: block;
}

.sidebar .search-form .form-text {
    margin: 0 0 10px 0;
}

/*third*/
#panel-third-wrapper .grid-inner {
    padding: 0 10px;
}

.jcarousel-skin-default .jcarousel-clip-horizontal {
    width: 100%;
}

.jcarousel-skin-default .jcarousel-prev-horizontal {
    right: 25px;
}

.jcarousel-skin-default .jcarousel-next-horizontal {
    right: 0;
}

/*fourth*/
/*
#panel-fourth-wrapper .panel-column {
    margin: 0 0 20px 0;
}

#panel-fourth-wrapper .panel-column-last {
    margin: 0;
}

*/
#panel-fourth-wrapper .panel-fourth-1 {
    float: none;
    padding-bottom: 15px;
    width: 100% !important;
}

#panel-fourth-wrapper .panel-fourth-2 {
    margin-left: 0 !important;
    width: 50% !important;
}

#panel-fourth-wrapper .panel-fourth-3 {
    text-align: left;
    width: 50% !important;
}

#panel-fourth-wrapper ul.social-list li {
    display: inline-block;
    float: none;
}

/*fifth*/
/*
#panel-fifth-wrapper .panel-column {
    width: 50% !important;
}

#panel-fifth-wrapper .panel-column.panel-fifth-1,
#panel-fifth-wrapper .panel-column.panel-fifth-2,
#panel-fifth-wrapper .panel-column.panel-fifth-3,
#panel-fifth-wrapper .panel-column.panel-fifth-4 {
    margin: 0 0 20px 0;
}

*/
#panel-fifth-wrapper .panel-fifth-1 {
    width: 100% !important;
}


.page-user-password #main-wrapper #main-content > .grid-inner,
.page-user-register #main-wrapper #main-content > .grid-inner,
.page-user #main-wrapper #main-content > .grid-inner,
.page-user-login #main-wrapper #main-content > .grid-inner {
    margin: 0 auto;
}

.page-user-password #main-wrapper #main-content > .grid-inner .form-text,
.page-user-register #main-wrapper #main-content > .grid-inner .form-text,
.page-user #main-wrapper #main-content > .grid-inner .form-text,
.page-user-login #main-wrapper #main-content > .grid-inner .form-text {
    width: 95%;
}

div.contact-map .map-info {
    width: 94%;
    padding: 10px 20px;
}

div.contact-map .map-info div {
    width: 50%;
    float: left;
}

div.contact-map img {
    width: 100%;
}

.webform-client-form .form-text {
    width: 96%;
}

div.contact-miscinfo {
    width: 100%;
}

.webform-client-form {
    clear: both;
    border-top: 1px solid #EFECE1;
    padding: 20px 0 0 0;
    margin: 0;
    width: 100%;
}

.form-text,
.webform-client-form .form-textarea,
span.button input.form-submit,
.sidebar .search-form .form-text,
#header #search-block-form .form-text,
#header #search-block-form .form-submit,
.block-newsletter .form-item-email input,
.block-newsletter span.button input.form-submit,
.sidebar .search-form span.button input.form-submit {
    -webkit-appearance: none;
    -webkit-border-radius: 0 !important;
}

#footer-wrapper {
    line-height: 20px;
    padding: 10px 0 0;
}

.students-page .views-col .grid-inner {
    margin: 5px 0;
}

.students-page .views-row {
    padding: 0 !important;
}

.node-type-events .field-name-body {
    float: right;
    width: 58%;
}

.view-events .field-name-body {
    float: right;
    width: 58%;
}

.node-type-events .group-event-time,
.view-events .group-event-time {
    float: left;
    width: 42%;
}

.node-full .field-type-image {
    float: right;
    margin: 0 0 0 10px;
}

.field-name-field-speaker {
    border-left: 0;
    float: left;
    margin: 20px 0 0;
    padding: 0;
}

.view-events .article .field-type-image img {
    height: auto;
    width: auto;
}

#comments {
    clear: both;
}

.view-all-courses .view-filters .views-widget-sort-order,
.view-all-courses .view-filters .views-exposed-widget,
.view-all-courses .view-filters .views-widget-sort-by {
    width: 33.32%;
    float: left;
}

.view-all-courses .view-filters .views-widget-filter-title {
    margin: 0 0 10px 0;
    width: 100%;
}

.view-all-courses .view-filters .views-submit-button {
    margin: 10px 0 0;
    width: 100%;
}

.view-videos .views-field-field-videos img {
    height: auto;
    width: 100%;
}

.page-blog .article .field-type-image {
    float: left;
    margin: 0 0 10px 0;
}

.page-blog .article .field-type-image img {
    float: left;
    height: auto;
    width: 95%;
    margin: 0 10px 0 0;
}

.page-videos .cols-2 .views-col {
    width: 50% !important;
}

.page-videos #main-wrapper #main-content > .grid-inner {
    padding: 0 10px;
}

.page-videos .views-field-field-videos:before {
    left: 90px;
    top: 25px;
}

.page-404 {
    font-size: 12px;
    height: 231px;
    margin: 40px auto;
    overflow: hidden;
    text-align: center;
    width: 90%;
    border-radius: 10px;
}

.page-404 #outline {
    margin: 40px;
    text-align: center;
}

.node-blog ul.links li {
    width: auto;
}

.view-events .views-row.views-row-last {
    margin-bottom: 20px;
}

.article .node-content iframe {
    width: 100%;
}

.sidebar .search-form .form-text {
    width: 80%;
}

#sidebar-second-wrapper iframe {
    width: 100% !important;
}

.node-type-student-profile .node-full .field-type-image {
    width: 30%;
}

.node-student-profile .field {
    float: right;
    width: 68%;
}

.node-student-profile .field-name-body {
    width: 100% !important;
}

.cols-3 .grid.views-col.col-2 {
    margin: 0;
}

.block-newsletter #newsletter-subscribe-form .form-item-email input {
    min-width: 90%;
}

#sitemap {
    margin-top: 18px;
}

.front #main-wrapper .container {
    padding-top: 15px;
}

.front #main-content .region-content .block,
.page-node-393 #main-content .region-content .block,
.page-node-394 #main-content .region-content .block,
.front #main-content .region-content #block-views-publications-block {
    margin-right: 3.5%;
}

.front #main-content .region-content #block-block-18.block {
    float: left;
    text-align: left;
}


/* smaller devices */

@media screen and (max-width: 600px) {
    .front .view-Slideshow .views-field-body {
        display: none;
    }
}

@media screen and (max-width: 575px) {
    .front #main-content .region-content .block,
    .page-node-393 #main-content .region-content .block,
    .page-node-394 #main-content .region-content .block,
    .front #main-content .region-content #block-views-publications-block {
        float: none;
        margin-right: 0;
        width: 100%;
    }

    #block-block-18 iframe {
        min-width: 100% !important;
    }

    .front #main-content .region-content .block-content .view .view-footer {
        bottom: 15px;
    }

    .front #main-content .twitter h2 {
        padding-left: 0;
    }

    #sitemap {
        margin-top: 2px;
}
}

@media screen and (max-width: 420px) {
    #logo > img {
        width: 90%;
    }

    .front .wrapper .grid.views-col {
        width: 100% !important;
    }

    .front .view-research-categories .views-field-name-1 {
        padding-bottom: 15px;
    }

    .front #main-wrapper .container {
        padding-top: 10px;
    }

    #panel-second-wrapper .grid-inner {
        padding: 10px;
    }

    .view-features .views-row {
        padding-bottom: 0;
    }

    #panel-fourth-wrapper .panel-fourth-2,
    #panel-fourth-wrapper .panel-fourth-3 {
        margin-left: 0 !important;
        width: 100% !important;
    }

    #panel-fourth-wrapper .panel-fourth-2 {
        padding-bottom: 25px;
    }

    #sitemap {
        margin-top: 18px;
    }

}

@media screen and (max-width: 300px) {
    #ucsf-banner-nav .top-header-container ul.menu li {
        font-size: 80%;
    }
}