/* Desktop */
@media all and (max-width: 1200px) {
  .initiative-grants-wrapper {
    padding: 0 20px;
  }

  .program-initiative a img {
    float: none;
  }
}

/* Portrait tablet to landscape and desktop */
@media all and (max-width: 980px) {

}

@media all and (max-width: 1024px) {
  .mo-home-tile-overlay {
    display: none;
  }

  .grants-list-item {
    max-width: 328px;
    margin-left: 6px;
    margin-right: 6px;
  }
  .grants-list-item:first-child {
     margin-left: 6px;
  }
  .grants-list-view .grants-list-item {
    margin-left: 6px;
    margin-right: 6px;
  }

  .staff-list-item {
    max-width: 328px;
    height: 328px;
  }
  .staff-list-item-large {
    max-width: 668px;
  }

  /* Newsroom */
  .news-list,
  .news-full,
  .blogpost-list,
  .blogpost-full,
  .presskit-files {
    padding-left: 20px;
    padding-right: 20px;
  }
}

/* Landscape phone to portrait tablet */
@media all and (max-width: 768px) {
  /*
  .ui-layout-img-wrapper {
    float: none;
    margin-left: 0;
  }
  .ui-layout-img { margin-left: 0; }
  .ui-layout-txt-wrapper {
    padding: 0.5em 0;
    position: static;
  }
  .ui-layout-txt {}
  */
.home #ui-content .sf_colsOut.sf_2cols_1_50,
.home #ui-content .sf_colsOut.sf_2cols_2_50 {
  width: 50% !important;
}
.home #ui-content .sf_colsOut.sf_2cols_1_50 .sf_colsIn {
  margin-right: 6px !important;
}
.home #ui-content .sf_colsOut.sf_2cols_2_50 .sf_colsIn {
  margin-left: 6px !important;
}


#ui-header .sf_colsOut.sf_2cols_1_25,
#ui-header .sf_colsOut.sf_2cols_2_75 {
  width: 50% !important;
}

.sfNavWrp.mo-mainmenu .sfNavToggle {
  float: right;
  clear: both;
  background: #FFF url("../Images/icon_menu.png") no-repeat 0 0;
  width: 42px;
  height: 40px;
  text-indent: -999px;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.sfNavWrp.mo-mainmenu .sfNavToggle:hover {
  background-position: 0 100%;
}
.sfNavWrp.mo-mainmenu .sfNavList.sfShown {
  clear: both;
}
.sfNavWrp.mo-mainmenu {
  float: none;
  padding: 0 20px;
}
.sfNavWrp.mo-mainmenu > ul {}
.sfNavWrp.mo-mainmenu > ul > li {
}
.sfNavWrp.mo-mainmenu > ul > li.menuitem--programs,
.sfNavWrp.mo-mainmenu > ul > li.menuitem--grants,
.sfNavWrp.mo-mainmenu > ul > li.menuitem--newsroom {
  padding-top: 0;
}
.sfNavWrp.mo-mainmenu > ul > li > a {
  border-left: 0 none;
  padding-left: 50px;
  font-size: 1.5em;
  text-transform: uppercase;
}
.sfNavWrp.mo-mainmenu > ul > li > div {
  position: static;
}
.sfNavWrp.mo-mainmenu > ul > li > div > ul {
}
.sfNavWrp.mo-mainmenu > ul > li > div > ul > li {
  max-width: 100%;
}
.sfNavWrp.mo-mainmenu > ul > li.menuitem--programs > div > ul { white-space: nowrap; }
.sfNavWrp.mo-mainmenu > ul > li.menuitem--programs > div > ul > li {
  float: none;
  margin: 0;
}

.sfNavWrp.mo-mainmenu > ul > li > div > ul > li > a {
}
.sfNavWrp.mo-mainmenu > ul > li > div > ul > li > div {
}
.sfNavWrp.mo-mainmenu > ul > li > div > ul > li ul {}
.sfNavWrp.mo-mainmenu > ul > li > div > ul > li ul li {
}
.sfNavWrp.mo-mainmenu > ul > li > div > ul > li ul li ul {  }

.sfNavWrp.mo-mainmenu > ul > li.hasChilds:hover {
  background: transparent none;
}
.sfNavWrp.mo-mainmenu > ul > li:hover > div,
.sfNavWrp.mo-mainmenu > ul > li > a:hover + div {
  padding-top: 0;
  width: auto;
}

.mo-mainmenu > ul > li.menuitem--programs > div > ul > li.menuitem--programs-environmental-conservation > a {
  background-position: 0 0;
}
.mo-mainmenu > ul > li.menuitem--programs > div > ul > li.menuitem--programs-patient-care > a {
  background-position: 0 -100px;
}
.mo-mainmenu > ul > li.menuitem--programs > div > ul > li.menuitem--programs-science > a {
  background-position: 0 -200px;
}
.mo-mainmenu > ul > li.menuitem--programs > div > ul > li.menuitem--programs-san-francisco-bay-area > a {
  background-position: 0 -300px;
}


  .page-title {
    margin-top: 0 !important;
    padding-bottom: 1em;
    padding-top: 1em;
  }
  .footer_cols > .sf_colsOut > .sf_colsIn { min-height: 1em !important; }

  .cycle-prev,
  .cycle-next { display: none; }
  .news-list-titledatecontent .news-items .cycle-prev,
  .news-list-titledatecontent .news-items .cycle-next { left: 0; }
  .news-list-titledatecontent .news-items .cycle-next { left: auto; right: 0; }

  /* Programs */
  .program-teaser {
    min-height: 1em;
    padding-left: 20px;
    padding-right: 20px;
  }
  .program-detail,
  .box-padding {
    padding-left: 20px;
    padding-right: 20px;
  }
  /* Iniatives */
  .initiative-hero-message {
    font-size: 1em;
  }
  .initiative-detail {
    padding-left: 20px;
    padding-right: 20px;
  }
  .initiative-grants-hero {
    max-width: 300px;
  }
  .initiative-news-item { padding: 0 20px; }

  .initiative-team-list { padding: 0 20px; }


  #ui-footer .news-list,
  #ui-footer .blogpost-list {padding: 0 !important; }

  .news-full,
  .blogpost-full { width: auto;}

  .sf_2cols_2_33 .sfContentBlock {
    padding-left: 20px;
    padding-right: 20px;
  }

  .program-initiative a img {
    float: left;
  }

  .initiative-grants-wrapper .sf_2cols_1_50 {
    width: 55.25% !important;
  }
  .initiative-grants-wrapper .sf_2cols_2_50 {
    width: 44.75% !important;
  }

  .staff-list-item {
    max-width: 244px;
    height: 244px;
  }
  .staff-list-item-large {
    max-width: 500px;
  }

  .grants-list-item {
    max-width: 244px;
    margin-left: 6px;
    margin-right: 6px;
  }
  .grants-list-item:first-child {
     margin-left: 6px;
  }
  .grants-list-view .grants-list-item {
    margin-left: 6px;
    margin-right: 6px;
  }
}

@media only screen and (max-width: 640px) {
  #ui-logo img {
    margin: 10px 0 0 35px;
  }
  #ui-header .sf_colsOut.sf_2cols_1_25,
  #ui-header .sf_colsOut.sf_2cols_2_75 {
    width: 100% !important;
  }
  #ui-header .ui-search {
    padding: 10px 30px;
  }
  #ui-header .ui-search-extra,
  #ui-header .ui-search-active .ui-search-extra {
    display: none !important;
  }
  #ui-header .ui-search-active {
    background: transparent;
    border: 0 none;
  }

  .initiative-grants-wrapper .sf_2cols_1_50,
  .initiative-grants-wrapper .sf_2cols_2_50 {
    width: 100% !important;
  }

  .home #ui-content .sf_colsIn.sf_2cols_1in_50,
  .home #ui-content .sf_colsIn.sf_2cols_2in_50 {
    margin: 0 !important;
  }
}

/* Landscape phones and down */
@media only screen and (max-width: 480px) {
  .home #ui-content .sf_colsOut.sf_2cols_1_50,
  .home #ui-content .sf_colsOut.sf_2cols_2_50 {
    width: 100% !important;
  }
  .home #ui-content .sf_colsOut.sf_2cols_1_50 .sf_colsIn {
    margin-right: 0 !important;
  }
  .home #ui-content .sf_colsOut.sf_2cols_2_50 .sf_colsIn {
    margin-left: 0 !important;
  }

  .initiative-team-grid { display: none; }

  .page-headline {
    font-size: 2em;
  }
  .program-initiative a img {
    max-width: 120px;
  }

  .staff-list-item {
    height: auto;
    max-width: 228px;
  }
  .staff-list-item-large {
    max-width: 468px;
  }
}
@media only screen and (max-width: 479px) {

  .staff-list-item {
    float: none;
    height: auto;
    max-width: 100%;
  }



  .mo-toolbar-tool {
    display: block;
    padding: 0.5em 0;
  }
  .mo-toolbar-tool select {
    max-width: 100%;
  }
  .grants-list-item {
    max-width: 100%;
    margin-bottom: 2em !important;
  }

  .grants-list-view .grants-list-item {
    padding-left: 0;
    max-width: 100%;
    position: static;
  }
  .grants-list-view .grants-list-item img {
    max-width: 100%;
    position: static;
  }
  .grants-list-view .grants-list-item h2 {
    color: #C9502A;
    font-size: 1.375em;
    font-weight: bold;
    margin-bottom: 0.5em;
    text-transform: none;
  }
  .grants-list-view .grants-list-item h3 {
    font-size: 1.125em;
    font-weight: bold;
    margin: 0.25em 0;
    text-transform: none;
  }
  .grants-list-view .grants-list-item-details {
    font-size: 1.25em !important;
  }

  #mo-toggle-view { display: none; }


  .grant-granteeorg,
  .grant-projectlead {
    padding: 1em 30px;
  }

  .footer_cols > .sf_colsOut > .sf_colsIn { padding-bottom: 2em; }
}

/* Landscape phones and down */
@media only screen and (max-width: 320px) {

  .mo-mainmenu > ul.k-menu > li.menuitem--programs:hover > div,
  .mo-mainmenu > ul.k-menu > li.menuitem--programs > a:hover + div {
    width: auto;
  }

  .program-teaser h2 { font-size: 2em; }
  .program-initiative a img { float: none; }

/*  ul.social-media {
    float: none;
    margin: 0 auto 20px;
  }*/

  #ui-copyright,
  #ui-address {
    display: block;
    margin:  1em 0;
  }
  #ui-address address { display: block; }

  .program-initiative a {
    font-size: 1em;
  }
  .program-initiative a img {
    max-width: 100px;
    float: left;
  }

  .photo-credit em {
    display: none;
  }
  .initiative-hero-message {
  }

  .initiative-title h1 {
    font-size: 1.5em;
  }
  .initiative-title p {
    font-size: 1.2em;
  }
  .initiative-detail {
    font-size: 1em;
  }
  .initiative-news > h3 {
    font-size: 1.5em;
  }
  .initiative-news-item {
    font-size: 1.2em;
  }

  .initiative-grants h3 {
    font-size: 1.5em;
  }
  .initiative-grants-item-amount,
  .initiative-grants-item-date,
  .initiative-grants-item-title,
  .initiative-grants-item-org {
    font-size: 1em;
  }
  .initiative-grants-hero {
    float: none;
    margin: 1em auto;
  }

  .initiative-team-list > h3 {
    font-size: 1.5em;
  }
  .initiative-team-list-item {
    font-size: 1em;
  }
  .initiative-grants-wrapper {
    margin-bottom: 0;
  }

  .news-list-titledatesummary .news-item-image {
    float: none;
    max-width: 100%;
  }

  .mo-about-lastbox {
    font-size: 1.2em;
  }

}

@media only screen and (max-width: 480px) {
  .initiative-hero-message {
    font-size: 0.8125em;
    max-width: 50%;
  }
}